@charset "utf-8";

#gnb_layout .depth1_ul > li > a span,
#gnb_layout.at_type .title_wrap,
#gnb_layout.dt_type .title_wrap,
#gnb_layout.ct_type .title_wrap,
#gnb_layout.at_type .depth2_ul > li,
#gnb_layout.ct_type .depth2_ul > li,
#gnb_layout.dt_type .depth2_ul > li,
#gnb_layout.at_type .depth2_ul > li > a,
#gnb_layout.ct_type .depth2_ul > li > a,
#gnb_layout.dt_type .depth2_ul > li > a,
#gnb_layout.mb .lan li a,
#body_layout.a_type .lnb_wrap .title_wrap strong,
#body_layout.b_type .lnb_wrap .title_wrap strong,
#body_layout.c_type .lnb_wrap .title_wrap strong,
#body_layout.a_type .lnb_wrap .depth2_ul li a,
#body_layout.b_type .lnb_wrap .depth2_ul li a,
#body_layout.c_type .lnb_wrap .depth2_ul li a,
#body_layout .contents_wrap .title_wrap h2,
#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li{ font-family:ns_chn;}

#top_layout{ height:130px;}
#top_layout:before{ width:100%; height:50px; background-color:#838b9b; content:""; position:absolute; top:0; left:0;}
#top_layout .top_wrap{ height:50px;}
#top_layout .top_wrap .utile_wrap{ margin:0; position:relative; top:auto; right:auto;}
#top_layout .top_wrap .utile_wrap li a{ color:#fff; padding:0 11px 0 10px; float:left;}
#top_layout .top_wrap .utile_wrap li a:before{ height:18px; background-color:#2c4393; margin-top:-8px;}
#top_layout .top_wrap .utile_wrap li a:after{ background:url(../../images/chn/common/common_ir.png) no-repeat; content:""; position:absolute; top:50%; left:10px;}
#top_layout .top_wrap .utile_wrap li.home a{ width:35px; height:35px; font-size:0; text-indent:-99999px; line-height:33px; border:1px solid #fff;}
#top_layout .top_wrap .utile_wrap li.home a:after{ width:15px; height:14px; background-position:-41px -1px; margin:-7px 0 0 -7px; left:50%;}
#top_layout .top_wrap .utile_wrap li.lan{ margin-left:6px;}
#top_layout .top_wrap .utile_wrap li.lan a{ line-height:33px; padding:0 30px 0 15px; border:1px solid #fff;}
#top_layout .top_wrap .utile_wrap li.lan a:after{ width:9px; height:5px; background-position:-59px -1px; margin-top:-2px; left:auto; right:13px;}
#top_layout .top_wrap .utile_wrap li.lan ul{ width:100%;; padding:34px 0 0 0; display:inline-block; border:1px solid #fff; border-top:0; position:absolute; top:-9999999px; left:0; z-index:9;}
#top_layout .top_wrap .utile_wrap li.lan ul li{ width:100%; background-color:#8f95a0; padding:0; border-top:1px dashed #fff;}
#top_layout .top_wrap .utile_wrap li.lan ul li a{ width:100%; text-align:left; padding:0 15px; border:0;}
#top_layout .top_wrap .utile_wrap li.lan ul li a:hover,
#top_layout .top_wrap .utile_wrap li.lan ul li a:focus{ background-color:#7c8597;}
#top_layout .top_wrap .utile_wrap li.lan.on ul{ top:7px;}
#top_layout .top_wrap .utile_wrap li.lan.on a:after{ background-position:-71px -1px;}
#top_layout .top_wrap .utile_wrap li.sitemap{ width:50px; height:50px; padding:0; margin:40px 0 0 0; position:absolute; top:50%; right:0;}
#top_layout .top_wrap .utile_wrap li.sitemap a{ background:none;}
#top_layout .top_wrap .utile_wrap li.sitemap a:after{ width:37px; height:28px; background-position:-1px -1px; margin-top:-14px; left:auto; right:0;}
#top_layout .top_wrap .utile_wrap.left{ float:left;}
#top_layout .top_wrap .utile_wrap.right{ float:right;}
#top_layout .top_wrap .utile_wrap.left li{ line-height:18px; padding:16px 0;}
#top_layout .top_wrap .utile_wrap.left li.jp:before{display:none;}
#top_layout .top_wrap .utile_wrap.right li{ line-height:35px; padding:7px 0 8px 0;}
#top_layout .top_wrap .utile_wrap.right li:before,
#top_layout .top_wrap .utile_wrap.right li a:before,
#top_layout .top_wrap .utile_wrap li.jp a:before,
#top_layout .top_wrap .utile_wrap li.lan ul li a:after{ display:none;}
#top_layout .top_wrap .logo_wrap{ width:198px; height:45px; padding:0; margin:41px 0 0 0; float:none; position:absolute; top:50%; left:0;}
#top_layout .top_wrap .logo_wrap a.logo_kor{ width:100%; background:url(../../images/chn/common/common_ir.png) no-repeat -1px -32px;}

#gnb_layout{ height:80px; top:50px;}
#gnb_layout.on.a_type .depth2_ul,
#gnb_layout.on.at_type .depth2_ul,
#gnb_layout.on.at_type .title_wrap,
#gnb_layout.on.b_type .depth2_ul,
#gnb_layout.on.d_type li.ov .depth2_ul,
#gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on.dt_type li.ov .depth2_ul,
#gnb_layout.on .gnb_bg{ top:80px;}
#gnb_layout .depth1_ul{ padding:0 50px 0 198px;}
#gnb_layout .depth1_ul > li{ max-width:20%; height:80px;}
#gnb_layout .depth1_ul > li.n5{ max-width:25%;}
#gnb_layout .depth1_ul > li > a:before{ width:3px; height:3px; background-color:#c9cacf; content:""; margin-top:-1px; border-radius:50%; position:absolute; top:50%; left:-2px;}
#gnb_layout .depth1_ul > li > a span{ height:76px; line-height:20px;}

#gnb_layout.on.at_type .title_wrap,
#gnb_layout.on.at_type .depth2_ul,
#gnb_layout.on.d_type li.ov .depth2_ul,
#gnb_layout.on.c_type li.ov .depth2_ul,
#gnb_layout.on.dt_type li.ov .depth2_ul,
#gnb_layout.on.ct_type li.ov .depth2_ul,
#gnb_layout.on.ct_type li.ov > .title_wrap{ top:80px;}
#gnb_layout.at_type .title_wrap strong{margin:35px 0 0 0;}
#gnb_layout.ct_type .title_wrap:before{width:232px; height:193px; content:""; position:absolute; top:164px; right:auto; left:0;}
#gnb_layout.ct_type .th1.n1 .title_wrap:before{background-position: 0 -234px;}
#gnb_layout.ct_type .th1.n2 .title_wrap:before{background-position: -233px -234px;}
#gnb_layout.ct_type .th1.n3 .title_wrap:before{background-position: -466px -234px;}
#gnb_layout.ct_type .th1.n4 .title_wrap:before{background-position: -699px -234px;}
#gnb_layout.ct_type .th1.n5 .title_wrap:before{background-position: -932px -234px;}
#gnb_layout.ct_type .th1.n6 .title_wrap:before{background-position: -1165px -234px;}

#foot_layout{ background-color:#f2f3f4; padding-top:20px; border-top:1px solid #e2e2e2;}
#foot_layout .foot_wrap .space_wrap{ width:100%; padding:0; margin:0 0 20px 0; display:inline-block; position:relative;}
#foot_layout .foot_wrap .space_wrap > div{ width:100%; height:42px; border:0; float:left; position:relative;}
#foot_layout .foot_wrap .space_wrap > div > a{ border:1px solid #bababa;}
#foot_layout .foot_wrap .space_wrap > div > ul{ padding-bottom:42px; left:0;}
#foot_layout .foot_wrap .space_wrap.n5 > div{ width:19%; margin:0 0 0 1%; border:0;}
#foot_layout .foot_wrap .space_wrap.n5 > div.n1{ margin:0;}
#foot_layout .foot_wrap .utile_wrap{ margin-bottom:10px;}
#foot_layout .foot_wrap address,
#foot_layout .foot_wrap .copy{ font-size:14px; line-height:18px; margin:2px 0;}

@media (max-width: 1279px){
	#gnb_layout.dt_type .depth2_ul > li{padding:0 8px;}
	#gnb_layout.dt_type .depth2_ul > li > a{padding:0 25px 0 8px;font-size:14px;}
	#gnb_layout.dt_type .depth2_ul .depth3_ul li a{word-break: keep-all;}
}

@media (max-width: 1023px){
	#top_layout{ height:60px; padding:0;}
	#top_layout:before{ display:none;}
	#top_layout .top_wrap{ height:60px;}
	#top_layout .top_wrap .logo_wrap{ margin-top:-23px; left:30px;}
	#top_layout .top_wrap .utile_wrap li.sitemap{ width:60px; height:60px; background-color:#3f61b2; padding:0; margin:0;}
	#top_layout .top_wrap .utile_wrap li.sitemap a{}
	#top_layout .top_wrap .utile_wrap li.sitemap a:after{ width:30px; height:22px; background-position:-1px -111px; margin-top:-11px; margin-right:-15px; right:50%;}
	
	#foot_layout .foot_wrap .site_wrap{ margin:0;}
	#foot_layout .foot_wrap .space_wrap.n5 > div{ width:49.5%; margin:0 0 5px 0; border:0;}
	#foot_layout .foot_wrap .space_wrap.n5 > div.n1{ width:100%;  margin:0 0 5px 0;}
	#foot_layout .foot_wrap .space_wrap.n5 > div.n2,
	#foot_layout .foot_wrap .space_wrap.n5 > div.n4{ margin: 0 0 5px 1%;}
}
@media (max-width: 767px){
	#top_layout .top_wrap .logo_wrap a.logo_kor{ height:44px; margin:0; top:0;}
	#foot_layout{ padding:20px;}
	#foot_layout .foot_wrap .space_wrap.n5 > div{ width:100%; margin:0 0 5px 0; border:0;}
	#foot_layout .foot_wrap .space_wrap.n5 > div.n2, 
	#foot_layout .foot_wrap .space_wrap.n5 > div.n4{margin:0 0 5px 0;}
}