@charset "utf-8";

/* 레이아웃 및 헤더 */
#wrap {position:relative; min-width:1200px; font-family:'NotoR';}
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition : all 0.4s ease; -webkit-transition : all 0.4s ease;} 

#slide_map {display:none;}
#header {position:absolute; left:0; top:0; width:100%; height:auto; z-index:101; background:url('/images/web/guest/common/bg_header.png') repeat-x left top;}
#header .headerWrap {position:relative; width:100%; min-width:1200px;}
.sub #header {position:absolute;}

/* top util */
#header .toputil {position:relative; width:1200px; height:40px; margin:0 auto;}
#header .toputil .toputil_link {position:absolute; left:0; top:0; }
#header .toputil .toputil_link a {display:inline-block; line-height:40px; padding:0 40px; color:#fff;}
#header .toputil .toputil_link a.toputil_link1 {background:#296db0;}
#header .toputil .toputil_link a.toputil_link2 {background:#17335a;}
#header .toputil .top_mn {position:absolute; right:220px; top:0; overflow:hidden; z-index:999;}
#header .toputil .top_mn li {display:inline-block; line-height:40px; padding:0 20px; background:url('/images/web/guest/common/bg_top_line.png') no-repeat left center;}
#header .toputil .top_mn li:first-child {background:none;}
#header .toputil .top_mn li a {display:block; color:#fff;}
#header .toputil .top_mn li.ico_interlock {width:40px; height:100%; padding:0; margin-left:10px; background:url('/images/co/ico_interlock.png') no-repeat center;} /* 190107 추가 */
#header .toputil .top_mn li.ico_interlock:before {content:''; display:none;} /* 190107 추가 */
#header .toputil .top_mn li.ico_interlock a { text-indent:-30000px;} /* 190107 추가 */

/* 검색 */
.search_btn {display:none;}
.search {position:absolute; top:0; right:50%; width:220px; height:40px; margin-right:-600px; z-index:200;}
.search h2 {position:absolute; top:-10000em; left:-10000em; }
.search .search_wrap {position:relative; width:220px; height:40px; border:none; z-index:2; overflow:hidden;}
.search .cont_box {position:relative; display:block;}
.search .cont_box a.btn_top_sear {position:absolute; top:0; right:0; width:40px; height:40px; text-indent:-10000em; background:url('/images/web/guest/common/btn_search_w.png') no-repeat center;}
.search input {padding:0 10px; width:85%; height:40px; font-size:14px; line-height:40px; color:#fff; font-family:'NotoR'; border:none; background:#56585a;}
.search input::-webkit-input-placeholder {color:#fff;}
.search_close{display:none;}

/* 로고 */ 
#header h1.logo {position:absolute; left:50%; top:68px; margin-left:-600px; padding-left:201px; z-index:999; overflow:hidden;}
#header h1.logo a {display:inline-block; line-height:34px; color:#111; font-size:20px; font-family:'NotoM'; letter-spacing:-1px;}
#header h1.logo a.btn_logo {position:absolute; left:0; top:0; width:201px; height:34px; background:url('/images/web/guest/common/logo.png') no-repeat left center;}
#header h1.logo a.btn_logo span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}

/* nav */
#header #nav {position:relative; width:auto; height:90px; overflow:hidden;}
#header #nav #blind {position:absolute; left:0; top:90px; width:100%; height:100%; z-index:1; background:url('/images/web/guest/common/bg_tmn.png') repeat}
#header #nav #gnb {position:relative; width:1200px; margin:20px auto 0; z-index:10;}
#header #nav #gnb ul {height:auto; float:right;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb > ul > li {position:relative; float:left; padding:0 50px;}
#header #nav #gnb ul li a {display:block; text-align:center; font-family:'NotoM'; text-decoration:none;}
#header #nav #gnb ul li a span { display:inline-block; position:relative; vertical-align:top; font-size:20px; height:70px; line-height:50px; color:#222;}
#header #nav #gnb ul li a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:4px; }
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#266ed4;}
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:50%; background:#2d7def; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}

#header #nav #gnb ul li ul {position:absolute; left:0; top:70px; width:100%; padding:15px 0;}
#header #nav #gnb ul li ul.ov {background:#266ed4;}
#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:100%; margin:0;}
#header #nav #gnb ul li ul li a {display:block; vertical-align:top; font-family:'NotoR'; font-size:14px; line-height:22px; height:auto; padding:5px 15px; color:#d8ecff; text-align:left;}
#header #nav #gnb ul li ul li a strong {font-weight:normal;}
#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#fff;}
#header #nav #gnb ul li ul li ul {display:none !important;}
/* 새창 아이콘 */
#header #nav #gnb ul li a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/guest/common/icon_new_WW.png') no-repeat; width:11px; height:11px; margin:-1px 0 0 8px;}


/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* footer */
.area_footer {position:relative; font-family:'NotoR'; background:#20262b;}
.box_footer {position:relative; width:1200px; margin:0 auto; padding:30px 0;}
.box_footer .footer_link {line-height:40px; overflow:hidden;}
.box_footer .footer_link li {float:left;}
.box_footer .footer_link li a {padding-left:30px; color:#fff; background:url('/images/web/guest/common/f_mn_line.png') no-repeat 14px center;}
.box_footer .footer_link li.point a{padding-left:0; color:#44b8ff; background:none;}
.box_footer .footer_link li a:hover{color:#fff; text-decoration:underline;}
.box_footer .footer_link li.point a:hover{color:#44b8ff; text-decoration:underline;}

.box_footer .box_info {margin:10px 0 0; line-height:20px; font-size:14px; color:#fff;}
.box_footer .box_info address span {margin-left:20px;}
.box_footer .box_info .copyright {margin-top:5px; color:#9ba5ad;}



/********** media query mobile *************/
@media (max-width:1019px) {

	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.area_footer .ft_site, .area_footer .ft_site .inner, .area_footer .ft_site ul, .area_footer .ft_site h2,
	.footBtnWrap, .footBtn button,
	.footBtn div,
	.footer_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#wrap { min-width:300px; width:100%}	
	.headerWrap, .box_footer {width:100%;}
	
	/** Header **/
	#header {min-width:320px; height:auto; background:none; text-align:center;}	
	#header .headerWrap {min-width:100%; height:110px; border-bottom:2px solid #266ed4; background:#fff}
	#header #nav {display:none;}
	#header #nav #gnb ul li a span {font-size:22px;}
	#header #nav #gnb ul li ul li a {font-size:15px; line-height:20px;}

	/* top util */
	#header .toputil {position:relative; width:100%; height:40px; font-size:13px; background:#292c2f;}
	#header .toputil .toputil_link a {padding:0 10px;}
	#header .toputil .top_mn {top:0; right:0; margin-right:0;}
	#header .toputil .top_mn li {height:40px; padding:0 10px;}

	/* 검색 */
	.search_btn {position:absolute; right:2%; top:50px; display:block; }
	.search_btn button {display:block; border:1px solid #ddd; width:48px; height:48px; text-indent:-10000px; background:url('/images/web/guest/common/btn_search_tm.png') no-repeat center 50% #fff;}
	.search {display:none; top:110px; left:0; height:130px; width:96%; margin-left:0; padding:20px 2%; text-align:left; background:url('/images/web/guest/common/bg_search_tm.png') repeat;}
	.search h2 {position:relative; top:auto; left:auto; color:#fff; font-size:30px; font-weight:normal; z-index:10;}
	.search .search_wrap {position:relative; width:100%; height:50px; margin-top:30px; border:none; border-radius:0; background:#fff; }
	.search .cont_box {padding-right:50px;}
	.search .cont_box a.btn_top_sear {top:0; right:0; width:50px; height:50px; background:url('/images/web/guest/common/totalsearch_ico2.png') no-repeat 50% #00378e;}
	.search input {margin:0; padding:0 10px; width:100%; height:50px; line-height:50px; color:#333; background:#fff;}
	.search_close{display:block; position:absolute; top:20px; right:2%; z-index:10;}
	.search_close button {width:50px; height:50px; border:1px solid #fff; text-indent:-10000px; background:url('/images/web/guest/common/totalsearch_close.png') no-repeat 50%;}
	
	/* 로고 */ 
	#header h1.logo {position:relative; left:auto; top:auto; display:inline-block; margin-left:0; padding-left:38px}
	#header h1.logo a {line-height:70px;}
	#header h1.logo a.btn_logo {top:18px; width:38px;}

	#header .mob_btn {display:block; position:absolute; left:2%; top:50px; border:1px solid #ddd; width:48px; height:48px; background:url('/images/web/guest/common/btn_sitemap2.png') no-repeat center 50% #fff;}
	#header .mob_btn:hover, #header .mob_btn:active {border:1px solid #8e8e8e;}

	/* 메뉴 */
	#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:999; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
	#slide_map .box {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
	#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#0164cc; color:#fff; box-sizing:border-box;}
	#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
	#slide_map .box ul {width:auto; height:auto; margin:0 3%; padding:60px 0 0 0;}
	#slide_map .box ul li a {display:block; position:relative; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; }
	#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
	#slide_map .box ul li a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:11px; height:7px; background:url(/images/web/guest/common/mob_depth1_bul_down.gif) no-repeat center 50%; margin-top:-3px;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #0164cc; color:#0164cc;}
	#slide_map .box ul li a.ov:after {background:url(/images/web/guest/common/mob_depth1_bul_up.gif) no-repeat center 50%;}
	#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444;}
	#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
	#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px; background:url(/images/web/guest/common/mob_depth2_bul_off.gif) no-repeat 15px 18px;}
	#slide_map .box ul li ul li a.ov {background:#25649e; color:#fff;} 
	#slide_map .box ul li ul li a.ov strong {background:url(/images/web/guest/common/mob_depth2_bul_on.gif) no-repeat 15px 18px;}
	#slide_map .box ul li ul li a:after {display:none;}
	#slide_map .box ul li ul li ul {display:none; background:#f7f7f7; border:0;}
	#slide_map .box ul li ul li ul li a {color:#555;}
	#slide_map .box ul li ul li ul li a strong {font-size:15px; line-height:19px; padding:5px 10px 5px 27px; background:url(/images/web/guest/common/mob_depth3_bul_off.gif) no-repeat 18px 12px;} 
	#slide_map .box ul li ul li ul li a.ov {color:#25649e; background:none;}
	#slide_map .box ul li ul li ul li a.ov strong {background:url(/images/web/guest/common/mob_depth3_bul_on.gif) no-repeat 18px 12px;}
	#slide_map .box ul li ul li ul li ul {background:none; padding:0 0 5px 0;}
	#slide_map .box ul li ul li ul li ul li {}
	#slide_map .box ul li ul li ul li ul li a {color:#666;}
	#slide_map .box ul li ul li ul li ul li a strong {font-size:14px; line-height:18px; padding:3px 10px 3px 38px; background:url(/images/web/guest/common/mob_depth4_bul.gif) no-repeat 27px 12px;}
	#slide_map .box ul li ul li ul li ul li a.ov {color:#666;}
	#slide_map .box ul li ul li ul li ul li a.ov strong {background:url(/images/web/guest/common/mob_depth4_bul.gif) no-repeat 27px 12px; text-decoration:underline;}
	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#014083; text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/web/guest/common/totalsearch_close.png) no-repeat center 50%; -webkit-transition: all .8s ease; transition: all .8s ease;}
	#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
	#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}
	/* 새창 아이콘 181004 추가 */
	#slide_map .box ul li ul li a[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/guest/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	.sub #header {position:relative;}

	/* footer */
	.area_footer {border-top:1px solid #eee; background-image:none}
	.box_footer {width:96%; padding:10px 0 80px;}
	.box_footer .box_info {margin:25px 0 0 0;}
	.box_footer .box_info address span {display:block; margin-left:0;}


	/* 사이트링크 */
	.footBtn {top:auto; bottom:15px; width:100%; }
	
}

@media (max-width:800px) {
	

}

@media (max-width:580px) {
	
	

}