@charset "utf-8";

#top_layout{ height:130px; }
#top_layout:before{ width:100%; height:50px; background-color:#3f61b2; 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/kor/common/common_ir.png) no-repeat; content:""; position:absolute; top:50%; left:10px;}
#top_layout .top_wrap .utile_wrap li.jp a{ padding-left:22px;}
#top_layout .top_wrap .utile_wrap li.jp a:after{ width:17px; height:15px; background-position:-1px -1px; margin-top:-7px; left:0;}
#top_layout .top_wrap .utile_wrap li.tour a{ padding-left:34px;}
#top_layout .top_wrap .utile_wrap li.tour a:after{ width:19px; height:12px; background-position:-21px -1px; margin-top:-6px;}
#top_layout .top_wrap .utile_wrap li.media a{ padding-left:32px;}
#top_layout .top_wrap .utile_wrap li.media a:after{ width:17px; height:14px; background-position:-43px -1px; margin-top:-7px;}
#top_layout .top_wrap .utile_wrap li.council a{ padding-left:30px;}
#top_layout .top_wrap .utile_wrap li.council a:after{ width:15px; height:16px; background-position:-63px -1px; margin-top:-8px;}
#top_layout .top_wrap .utile_wrap li.lib a{ padding-left:30px;}
#top_layout .top_wrap .utile_wrap li.lib a:after{ width:15px; height:16px; background-position:-122px -1px; margin-top:-7px;}
#top_layout .top_wrap .utile_wrap li.edu a{ padding-left:33px;}
#top_layout .top_wrap .utile_wrap li.edu a:after{ width:18px; height:16px; background-position:-138px -1px; margin-top:-7px;}
#top_layout .top_wrap .utile_wrap li.jwagu a{ padding-left:36px;}
#top_layout .top_wrap .utile_wrap li.jwagu a:after{ width:21px; height:16px; background-position:-154px -1px; margin-top:-6px;}
#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 #6581c1;}
#top_layout .top_wrap .utile_wrap li.home a:after{ width:15px; height:14px; background-position:-81px -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 #6581c1;}
#top_layout .top_wrap .utile_wrap li.lan a:after{ width:9px; height:5px; background-position:-99px -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 #6581c1; 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:#51689e; padding:0; border-top:1px dashed #6581c1;}
#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:#6581c1;}
#top_layout .top_wrap .utile_wrap li.lan.on ul{ top:7px;}
#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:-95px -29px; 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:first-child: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{ margin:18px 0;}

#gnb_layout{ height:50px; top:20px;}
#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.ct_type .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on.ct_type li.ov .depth2_ul,
#gnb_layout.on.dt_type li.ov .depth2_ul,
#gnb_layout.on .gnb_bg{ top:80px; min-height:402px;}
#gnb_layout .depth1_ul{ padding:0 50px 0 93px;}
#gnb_layout .depth1_ul > li{ height:80px;}
#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; font-size:12px;}

#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;}

#gnb_layout.mb{ padding-top:110px;}

#gnb_layout.mb .topUtile{ height:110px; background-color:#404040; padding:0; background:url(/images/common/menu_bg2.png) 0px 0px repeat; background-color:#404040;}
#gnb_layout.mb .topUtile .utile_wrap{width:100%; height:45px; padding:15px 20px 15px 20px;}

#gnb_layout.mb .topUtile .link_wrap {width:100%; margin:0px 10px 10px 10px;}
#gnb_layout.mb .topUtile .link_wrap li{margin:0px 0px 0px 0px; height:32px; border:1px solid rgba(255,255,255,0.2); float:left;}
#gnb_layout.mb .topUtile .link_wrap li + li{ margin:0;}
#gnb_layout.mb .topUtile .link_wrap li.n1,
#gnb_layout.mb .topUtile .link_wrap li.n2,
#gnb_layout.mb .topUtile .link_wrap li.n3{ width:30%;margin:0px 1% 0px 1%;}
#gnb_layout.mb .topUtile .link_wrap li.n2,
#gnb_layout.mb .topUtile .link_wrap li.n3,
#gnb_layout.mb .topUtile .link_wrap li.n5{ border-left:1px solid rgba(255,255,255,0.2);}
#gnb_layout.mb .topUtile .link_wrap li.n4,
#gnb_layout.mb .topUtile .link_wrap li.n5{ width:50%;}
#gnb_layout.mb .topUtile .link_wrap li a{ width:100%; font-size:13px; color:#fff; text-align:center; line-height:30px; display:inline-block;}
#gnb_layout.mb .depth1_ul > li:nth-child(1)  > a{top: 110px;}
#gnb_layout.mb .depth1_ul > li:nth-child(2)  > a{ top:160px;}
#gnb_layout.mb .depth1_ul > li:nth-child(3)  > a{ top:210px;}
#gnb_layout.mb .depth1_ul > li:nth-child(4)  > a{ top:260px;}
#gnb_layout.mb .depth1_ul > li:nth-child(5)  > a{ top:310px;}
#gnb_layout.mb .depth1_ul > li:nth-child(6)  > a{ top:360px;}
#gnb_layout.mb .depth1_ul > li:nth-child(7)  > a{ top:410px;}
#gnb_layout.mb .depth1_ul > li:nth-child(8)  > a{ top:460px;}
#gnb_layout.mb .depth1_ul > li:nth-child(9)  > a{ top:510px;}
#gnb_layout.mb .depth1_ul > li:nth-child(10)  > a{ top:560px;}
#gnb_layout.mb .depth2_ul > li:first-child{ border-bottom:1px dashed #d9d9d9;}
#gnb_layout.mb .depth2_ul > li:hover:after{ display:none;}
#gnb_layout.mb .depth3_ul{ width:100%; display:none;}


@media (max-width: 1279px){
	#gnb_layout.dt_type .depth2_ul > li{padding:0 8px;border: 1px solid #000;}
	#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:90px;}
	#top_layout:before{ display:none;}
	#top_layout .top_wrap{ height:90px;}
	#top_layout .top_wrap .logo_wrap{ margin:23px 0;}
	#top_layout .top_wrap .utile_wrap li.sitemap{ margin-top:20px;}
	
}
@media (max-width: 767px){
	#top_layout .top_wrap .logo_wrap a.logo_kor,
	#top_layout.b_type .top_wrap .logo_wrap a.logo_kor{ width:91px; height:44px; background-position:-247px -1px; margin:0; position:absolute; top:0;}
}