@charset "utf-8";

#accessibility-foot {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}
#accessibility {overflow:hidden; position:absolute;  top:0; width:100%; z-index:1000}
#accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:27px;margin:0;padding:12px 0 0 15px;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}
/* Layout */
.wrap {position:relative; margin:0 auto; width:1400px; min-width:1400px;}
.wrap:after {content:""; display:block; clear:both;}
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(0,0,0,0.8);}
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
#topmenu {display:none; position:absolute;top:0; right:-250px; width:312px; height:100%; z-index:1000;background-color:#222;}
#header{position:relative;z-index:11;width:100%;height:124px;background:#fff url("../imgs/header/header_bg.gif") repeat-x 0 0;}
#content {position:relative;width:100%;min-height:900px;}
a:hover{text-decoration:underline;}
/* gnb */
.gnb2{position:absolute;top:0;right:0;}
.gnb2 li{position:relative;float:left;}
.gnb2 li a{display:block;font-size:15px;color:#fff;line-height:38px;height:39px;padding:0 30px;}
.lnb_btn{position:absolute;top:39px;right:0;z-index:10;}
.lnb_btn a{float:left;display:block;width:94px;height:85px;overflow:hidden;text-indent:-9999px;}
.lnb_btn a.sitemap{background:#003155 url('/base/imgs/header/allmenu.png') no-repeat 50%;}
/* logo */
#logo {position:absolute;top:56px;left:25px;z-index:10;}
/* lnb */
#lnb {position:relative;top:39px;height:85px;}
#lnb ul#top1menu{position:relative;padding:0 200px 0 410px;font-size:0;text-align:center;}
#lnb .top2hover{display:inline-block;}
#lnb .top2hover .menu1th{position:relative;display:block;font-size:19px;font-weight:400;text-align:center;letter-spacing: -0.05em;min-height:36px;padding:27px 60px 22px;color:#000;}
#lnb .top2hover .menu1th.on, #lnb .top2hover .menu1th:hover {color:#194a97;}
#lnb .top2hover .menu1th:before{position:absolute;top:50%;left:-2px;margin-top:-3px;content:'';display:block;width:5px;height:5px;border-radius:100px;background:#cecece}
#lnb .top2hover:first-child .menu1th:before{display:none;}
#lnb .top2m{display:none;position:absolute; top:85px; left:0; z-index:1000; width:100%;text-align:left;padding:0 0 30px;}
#lnb .top2m .title{position:absolute;top:0;left:0;width:298px;height:100%;padding-bottom:1px;background:#1d498e url('/base/imgs/header/lnb_title.png') no-repeat 50%;font-size:25px;color:#fff;font-weight:500;text-align:center;}
#lnb .top2m .title:before{content:'';display:inline-block;vertical-align:middle;height:100%;margin-right:-.25em;}
#lnb .top2m ul{width:1300px;margin-left:350px;overflow:hidden;}
#top2m2.top2m li ul {display:none;}
#lnb .top2m li{float:left;width:calc(25% - 20px);margin:25px 0 0 25px;}
#lnb .top2m li:nth-child(4n+1){margin-left:0;clear:both;}
#lnb .top2m li a{display:block;font-size:17px;padding:6px 10px 8px 25px;color:#000;font-weight:400;letter-spacing:-1px;border:2px solid #fff;word-break:keep-all;background:#fff;}
#lnb .top2m li.on > a, #lnb .top2m li a:hover {border:2px solid #194a97;color:#194a97;}
#lnb .top2m li.on3th > a{background:#fff url('/base/imgs/header/lnb_off.png') no-repeat 90% 50%;}
#lnb .top2m li.on3th.on > a, #lnb .top2m li.on3th > a:hover{background-image:url('/base/imgs/header/lnb_on.png');}
#lnb .top2m li a[target="_blank"] span{display:inline-block; width:14px; height:14px; margin:0 0 0 10px; background:url('/base/imgs/icon/blank_b.png') no-repeat; vertical-align:-2px;}
#top2m4.top2m ul li:first-child ul {margin:10px 5px !important;}
#top2m4.top2m ul li:first-child.on3th li {width:50%;float:left;margin:0;}
#top2m4.top2m ul li:first-child.on3th li:nth-child(4n+1){margin-left:0;clear:both;}
#top2m6.top2m li.on3th > a{background:#fff;}
#top2m6.top2m li.on3th.on > a, #lnb .top2m li.on3th > a:hover {background:#fff;}
#lnb .top2m ul ul{width:auto;margin:10px 20px 0;}
#lnb .top2m li li{float:none;width:100%;margin:0;}
#top2m1.top2m ul ul {margin:10px 10px 0;}
#top2m1.top2m li li{width:50%;float:left;margin:0;}
#top2m6.top2m li ul{display:none;}
#lnb .top2m li li a{position:relative;font-size:15px;color:#666;padding:3px 10px 4px;border:0;background:none;}
#lnb .top2m li li a:before{position:absolute;top:12px;left:0;content:'';display:block;width:4px;height:4px;background:#a4afb8;border-radius:100px;}
#lnb .top2m li li.on a, #lnb .top2m li li a:hover{color:#194a97;text-decoration:underline;border:none;}
#lnb .top2m li li.on a:before{background:#194a97;}
#menubg{display:none;width:100%;position:absolute;top:124px;z-index:11;border-bottom:1px solid #1d498e;background:#f0f4f9;}
@media(max-width: 1250px){
	.mlnb .top2m ul ul {margin:0 !important;}
	.mlnb .top2m li li {width:100% !important;float:none !important;margin:0;}
	#top2m4.top2m ul li:first-child ul {margin:0 !important;}
}
/* search */
#search{display:none;position:absolute;top:39px;right:94px;z-index:10;width:275px;height:85px;}
#search .select{position:relative;margin:22px 5% 0;}
#search input[type="text"]{width:calc(100% - 70px);margin:0;font-family:'Noto Sans KR';font-size:16px;color:#787676;height:36px;padding:0 50px 3px 20px;border:0;border-radius:100px;border:1px solid #d7d7d7;background:#fff;}
#search input[type="text"]::placeholder{color:#787676;}
#search .search_btn{position:absolute;top:0;right:0;height:40px;width:50px;text-indent:-9999px;overflow:hidden;background:url('/base/imgs/header/search_btn.png') no-repeat 50%;}
#search #search_close{display:none;}
#topmenu{display:none;}
.h_m_mn{display:none;position:absolute;top:61px;right:3%;font-size:0;}
.h_m_mn a{display:inline-block;width:38px;height:38px;border-radius:100px;}
.h_m_mn a#btn_search{background:url('/base/imgs/header/search_open.png') no-repeat 50%;}
.h_m_mn a#open_mn{margin-left:8px;background:#003d5f url('/base/imgs/header/m_open.png') no-repeat 50%;border-radius:4px;}
.g_link{border-bottom:1px solid #ccc;}
.g_link li{background:#fff;text-align:center;}
.g_link li a{display:block;font-size:15px;color:#555;padding:12px 0;border-left:1px solid #ddd;}
.g_link li:nth-child(2n+1) a{border:0;}
.g_link li.logout{width:100%;}
.g_link li.g_top{background:#3a3f45;}
.g_link li.g_top a{color:#fff;border-color:rgba(255,255,255,0.2);}
.g_link li.g_top a[target="_blank"]:after{content:'';display:inline-block;width:14px;height:14px;margin-left:5px;vertical-align:-2px;background:url('/base/imgs/icon/blank_w.png') no-repeat;}
#lnb_device {overflow-y:scroll; overflow-x:hidden; width:100%; z-index:1000;}
#lnb_device li{border-bottom:1px solid rgba(255,255,255,0.3);}
#lnb_device li:last-child{border:0;word-break:keep-all;}
#lnb_device li a {display:block; padding:16px 60px 17px 20px;font-size:18px;color:#555;font-weight:400;}
#lnb_device li a span.blank{display:inline-block;margin:0 0 -1px 3px; width:14px; height:14px; background:url("/base/imgs/header/blank_ico.png") no-repeat;}
#lnb_device .title{display:none;}
#lnb_device ul li{border:0;}
#lnb_device ul li a{position:relative;font-size:17px;font-weight:300;border-bottom:1px solid #ddd;}
#lnb_device ul li a:before{position:absolute;content:'';display:block;}
#lnb_device ul ul{display:none;padding:10px 25px 15px;background:#f1f1f1;}
#lnb_device ul ul li a{padding:6px 0 5px 10px; font-size:15px;border:0;word-break:keep-all;}
#lnb_device ul ul li a:before{top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#8b8b8b;}
#lnb_device ul ul ul{padding:10px 12px; margin:5px 11px 0; border-top:1px dotted rgba(255,255,255,0.15); border-bottom:1px dotted rgba(255,255,255,0.15);}
#lnb_device ul ul ul ul{margin:3px 7px 0 0;padding:1px 0 6px 7px;background:#052e53;}
#lnb_device .top2hover > a{position:relative; color:#fff;background:#485264;}
#lnb_device .top2hover > a.on{background:#345aa0;}
#lnb_device .top2hover > a.on:before{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px;background:url('/base/imgs/header/m_dep1_on.png') no-repeat 50%; content:'';}
#lnb_device .top2m > ul > li > a{background:#fff;}
#lnb_device .top2m > ul > li.on3th > a:before{top:50%;right:20px;margin-top:-9px;width:17px;height:17px;background:url('/base/imgs/header/m_dep2_bg.png') no-repeat 50%;}
#lnb_device .top2m > ul > li.on > a, #lnb_device ul ul li.on a{color:#345aa0;}
#lnb_device .top2m > ul > li.on > a:before{height:1px;margin:0;background:#c2c2c2;}
#m_close{position:absolute;top:0;left:-45px;width:45px;height:45px;background:#c40000 url('/base/imgs/header/m_close.png') no-repeat 50%;text-indent:-9999px;overflow:hidden;}
/* 푸터 */
#footer{width:100%; position:relative; margin:0 auto;background:#202020;padding:60px 0;}
#footer .wrap{width:1600px;min-width:1600px;}
.footer_adr{color:#fff;font-size:15px;margin-left:20px;}
.footer_adr address{font-style:normal;margin-bottom:5px;}
.footer_adr address span{margin-left:15px}
#footer .go-top{display:none;}
@media all and (max-width:1600px) {
	#footer .wrap{width:100%; min-width:100%;}
}
@media all and (max-width:1400px) {
	.wrap {width:100%; min-width:100%;}
	#lnb ul#top1menu{padding:0 270px 0 390px;}
	#lnb .top2hover .menu1th{font-size:17px;padding:27px 40px 22px;}
	#lnb .top2m ul{width:94%;}
}
@media all and (max-width:1250px) {
	#lnb, .lnb_btn{display:none;}
	.h_m_mn{display:block;}
	.h_m_mn a:first-child {display:none;}
	#search{top:124px;right:0;width:100%;background:#3a3f45;}
	#search #search_close{position:absolute;top:-63px;right:3%;margin-right:46px;display:block;width:38px;height:38px;text-indent:-9999px;overflow:hidden;background:#3a3f45 url('/base/imgs/header/search_close.png') no-repeat;border-radius:4px;}	
}
@media all and (max-width:1024px) {
	.gnb2{display:none;}	
	#header{height:90px;background:#fff;}
	#logo{position:absolute;top:23px;left:3%;}
	.h_m_mn{top:27px;}
	#search{top:90px;}
	#footer{width:94%;padding:40px 3%;}
	.footer_adr{margin-left:0;}
}
@media all and (max-width:640px) {
	#header{height:65px;}
	#logo{top:15px;}
	#logo img{height:32px;}
	.h_m_mn{top:14px;}
	#search{top:65px;}
	#search #search_close{top:-51px}
	.footer_adr{font-size:14px;}
}
@media all and (max-width:380px) {
	#topmenu{width:calc(100% - 45px);}
}