@charset "utf-8";

/* common */
html,body{width:100%;height:100%;margin:0;padding:0}


.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none;margin:0;padding:0}

header{border-top:5px solid #41c2e1;position:relative;z-index:1000;height:160px;}
header:after{display:block;content:"";clear:both}
header h1{padding:20px 0 0 30px}

header nav button{background:url("/images/language/common/m_all_menu.gif") no-repeat;width:50px;height:0;overflow:hidden;position:absolute;}
header nav button.nav_open{background-position:0px 0px;top:30px;right:30px;padding:50px 0 0 0}
header nav.nav_on button.nav_open{display:none}
header nav button.nav_close{background-position:-100px -6px;top:0;right:0;padding:40px 0 0 0}
header nav.nav_on{position:absolute;top:0;right:0;background:url("/images/language/common/m_menu_bg.png");width:100%;z-index:2000;}
header nav div{background:#41c2e1;width:95%;margin-left:5%;}
header nav div p{text-align:center;padding:25px 0;}
header nav div li{border-top:solid 1px #178eaa;}
header nav div li a{display:block;border-top:solid 1px #6edbf5;padding:15px 20px;color:#fff;font-size:18px;background:url("/images/language/common/am_arrdown.png") no-repeat 92% center;}
header nav div li a.on{background:url("/images/language/common/am_arrup.png") no-repeat 92% center;}
header nav div li ul{background:#393939;}
header nav div li ul li{border:none;border-bottom:solid 1px #191919;}
header nav div li ul li a{border:none;font-size:13px;background:url("/images/language/common/2dep_icon.png") no-repeat 30px center;padding:14px 0 14px 40px;}
header nav div.m_none{display:none;}

header .lang{}
header .lang ul{text-align:center;padding:28px 0 20px 0;}
header .lang li{display:inline-block;margin:0 2px;}
header .lang li a{display:block;border:solid 1px #cdcdcd;padding:9px 18px;font-size:12px;color:#2f2f2f;}

section{position:relative;z-index:1;}

footer{clear:both;background:#363636;text-align:center;color:#acacac;padding:30px 20px;font-size:12px;line-height:1.6em;position:relative}
footer .f_logo{display:none;}
footer address{font-style:normal;}
footer .top_btn{position:absolute;top:0;right:0;}

/************서브 스타일************/
.s_container{border-top:solid 3px #243f9e;}

.s_contents{padding:0 0 60px 0;margin:0 15px}
.s_left{display:none;float:left;width:250px;margin:0 50px 0 0}
.s_left h2{background:url("/images/01_potal/common/lnb_tit.jpg") no-repeat;height:100px;padding:70px 0 0 0;color:#fff;text-align:center}
.s_left li a{display:block}
.s_left>ul>li{margin:3px 0 0 0;background:#f3f3f3;border:1px solid #d7d7d7}
.s_left>ul>li>a{background:url("/images/01_potal/common/lnb_list.png") no-repeat 220px center #fff;color:#363636;font-size:16px;font-weight:600;padding:15px 35px 15px 20px;}
.s_left>ul>li.on>a{background:url("/images/01_potal/common/lnb_list_on.png") no-repeat 220px 20px #e4780b;color:#fff}
.s_left>ul>li>ul{display:none;margin:20px}
.s_left>ul>li.on>ul{display:block}
.s_left li li{margin:8px 0 0 0;line-height:1.25em;font-size:14px}
.s_left li li:first-child{margin:0}
.s_left li li a{background:url("/images/01_potal/common/lnb_icon1.png") no-repeat 0 5px;padding:0 0 0 10px;color:#363636}
.s_left li li.on a{color:#2d3ca3;font-weight:600}
.s_left li li ul{margin:5px 0 10px 0}
.s_left li li li{margin:0 0 1px 0 !important}
.s_left li li li a{background:#fff;display:block;padding:5px 10px;font-weight:400 !important;color:#363636 !important}
.s_left li li li.on a{font-weight:600 !important;color:#000 !important}

.s_right .s_tit{padding:30px 0 20px 0;border-bottom:1px solid #d4d4d4;margin:0 0 50px 0;position:relative}
.s_right .s_tit h3{color:#000;font-size:30px;margin:0 0 10px 0}
.s_right .s_tit .local{background:url("/images/01_potal/common/local_icon.gif") no-repeat 0 3px;padding:0 0 0 20px;margin:0 0 10px 0;color:#636363;line-height:1.5em}
.s_right .s_tit .local span{color:#c1c1c1;font-size:5px;padding:0 10px}
.s_right .s_tit .local em{font-style:normal;color:#e4780b}
.s_right .s_tit>ul{position:relative}
.s_right .s_tit>ul:after{content:"";display:block;clear:both}
.s_right .s_tit>ul>li{float:left;margin:0 5px 0 0}
.s_right .s_tit li>button{background:url("/images/01_potal/common/scon_icon.png") no-repeat;width:40px;height:0;padding:40px 0 0 0;overflow:hidden}
.s_right .s_tit .print>button{background-position:0 0}
.s_right .s_tit .sharing>button{background-position:0 -40px}
.s_right .s_tit .qrmark>button{background-position:0 -80px}
.s_right .s_tit .sharing div{display:none;position:absolute;top:40px;left:45px}
.s_right .s_tit .sharing div.on{display:block}
.s_right .s_tit .sharing li a{display:block;background:url("/images/01_potal/common/scon_icon.png") no-repeat;width:40px;height:0;padding:40px 0 0 0;overflow:hidden}
.s_right .s_tit .sharing li.face a{background-position:0 -120px}
.s_right .s_tit .sharing li.twi a{background-position:0 -160px}
.s_right .s_tit .sharing div button{background:url("/images/01_potal/common/common_btn.png") no-repeat -105px -5px;border-radius:100%;width:40px;height:0;padding:40px 0 0 0;overflow:hidden}
.s_right .s_tit .qrmark div{display:none;position:absolute;top:40px;left:0;border:1px solid #2d3ca3;background:#fff;text-align:center}
.s_right .s_tit .qrmark div.on{display:block}
.s_right .s_tit .qrmark div img{width:100px;margin:10px}
.s_right .s_tit .qrmark div button{background:#2d3ca3;width:100%;display:block;color:#fff;padding:6px 0}

.s_right .scon_bottom{border:1px solid #e2e2e2;margin:60px 0 0 0;line-height:1.25em}
.s_right .scon_bottom>div{padding:15px}
.s_right .manager{background:#f8f8f8;border-bottom:1px solid #e2e2e2}
.s_right .manager li{background:url("/images/01_potal/common/mng_icon.gif") no-repeat 0 6px;padding:0 0 0 8px;margin:5px 0 0 0;color:#555}
.s_right .manager li:first-child{margin:0}
.s_right .manager li strong{color:#000;margin:0 5px 0 0}
.s_right .research{}
.s_right .research .tit{color:#000;margin:0 0 10px 0}
.s_right .research ul{overflow:hidden}
.s_right .research li{float:left;width:100%}
.s_right .research li:first-child{margin:0 0 10px 0}
.s_right .research li *{vertical-align:middle}
.s_right .research li label{margin:0 20px 0 0}
.s_right .research li .sch_txt{border:1px solid #e1e1e1;width:65%;height:30px;box-sizing:border-box}
.s_right .research li .rsch_btn{background:#757575;color:#fff;width:35%;height:30px}

.m_hide{display:none;}

/* Tablet */
@media all and (min-width:768px) {

header nav{position:relative;background:url("/images/language/common/top_menu_bg.gif") repeat-x 0 8px;overflow:hidden;height:78px;}
header nav.nav_on{position:relative;background:url("/images/language/common/top_menu_bg.gif") repeat-x 0 8px;height:130px;}
header nav button{display:none;}
header nav div{display:block;padding:30px 0 0 0;height:110px;background:none;width:100%;margin:0;}
header nav div.m_none{display:block;}
header nav ul li{float:left;padding:0 20px;border:none;}
header nav ul li a{display:block;font-size:18px;color:#000;font-weight:600;height:43px;border:none;padding:0;}
header nav ul li a.on{border-bottom:solid 5px #233e99;height:43px;background:none;}
header nav ul li ul{position:absolute;top:75px;left:0;width:100%;height:50px;padding:0;background:none;}
header nav ul li ul li{padding:20px;}
header nav ul li ul li a{display:block;color:#fff;font-size:14px;background:url("/images/language/common/2dep_icon.png") no-repeat left 5px;padding:0 0 0 10px;}
header nav ul li ul li a:hover,
header nav ul li ul li a:focus{color:#fff200;text-decoration:underline;}

header .lang{position:absolute;top:2px;right:30px;}

footer{overflow:hidden;}
.footer_wrap .f_logo{display:block;float:left;}
.footer_wrap .f_add{float:left;padding:0 0 0 20px;text-align:left;width:70%;}

.s_contents{margin:0 20px}
.s_right .s_tit h3{font-size:40px}
.s_right .s_tit>ul{position:absolute;top:72px;right:0;}
.s_right .s_tit>ul>li{margin:0 0 0 5px}
.s_right .s_tit .sharing div{left:50px}
.s_right .s_tit .qrmark div{right:0}
.s_right .scon_bottom>div{padding:15px 20px}
.s_right .manager ul{overflow:hidden}
.s_right .manager li{float:left;margin:0 30px 0 0 !important}
.s_right .research li .sch_txt{width:80%}
.s_right .research li .rsch_btn{width:20%}

.pc_hide{display:none;}
}



/* Desktop */
@media all and (min-width:1023px) {  
header{height:120px;}

header .hd_top{width:1000px;margin:0 auto;position:relative;}

header h1{position:absolute;top:0;left:0;z-index:99999}
header nav{position:relative;margin:50px 0 0 0;background:url("/images/language/common/top_menu_bg.gif") repeat-x 0 top;height:70px;}
header nav.nav_on{background:url("/images/language/common/top_menu_bg.gif") repeat-x 0 top;}
header nav div{display:block;padding:20px 0 0 200px;width:800px;margin:0 auto;position:relative;}
header nav ul li{float:left;padding:0 20px;}
header nav ul li a{display:block;font-size:18px;color:#000;font-weight:600;height:48px;}
header nav ul li a.on{border-bottom:solid 5px #233e99;height:45px;}
header nav ul li ul{position:absolute;top:70px;left:200px;width:100%;height:50px;padding:0;}

header .lang{top:-15px;right:15px;}

.footer_wrap{width:1200px;margin:0 auto;position:relative;}
.footer_wrap .top_btn{top:-30px;}

.s_contents{width:1200px;margin:0 auto}
.s_contents:after{content:"";display:block;clear:both}
.s_left{display:block}
.s_right{float:left;width:900px}
.s_right .s_tit{height:99px;padding:70px 0 0 0}
.s_right .research ul{overflow:hidden}
.s_right .research li{width:50%;float:left}
.s_right .research li:first-child{margin: 5px 0 0 0;}

}