@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/coe/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/coe/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; background:url('/images/web/coe/common/ico_interlock.png') no-repeat center;}
#header .toputil .top_mn li.ico_interlock:before {content:''; display:none;}
#header .toputil .top_mn li.ico_interlock a { text-indent:-30000px;}

/* 검색 */
.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/coe/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/coe/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/coe/common/bg_tmn.png') repeat}
#header #nav #gnb {position:relative; width:1200px; margin:30px 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 25px; }
#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:18px; height:60px; line-height:30px; color:#222; letter-spacing:-1px; }
#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:#0095d6; }
#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:#0095d6; 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:60px; width:100%; padding:15px 0; }
#header #nav #gnb ul li ul.ov {background:#0095d6; }
#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 10px; color:#fff; text-align:left; opacity:0.8;}
#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; opacity:1;}
#header #nav #gnb ul li ul li ul {display:none !important; }

/* 새창 아이콘 190314 */
#header #nav #gnb ul > li > ul > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/coe/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:#444c58 url('/images/web/coe/common/bg_ft.png') repeat-x left top;}
.box_footer {position:relative; width:1200px; margin:0 auto; padding:0 0 30px;}
.box_footer .footer_link {line-height:51px; overflow:hidden; letter-spacing: -1px;}
.box_footer .footer_link li {float:left; margin-right:20px;}
.box_footer .footer_link li.point a{padding-left:0; color:#0080d2;}
.box_footer .footer_link li a:hover{color:#222; text-decoration:underline;}
.box_footer .footer_link li.point a:hover{color:#155eb6; text-decoration:underline;}

.box_footer .box_info {position:relative; margin:20px 0 0; line-height:20px; font-size:14px; color:#fff;}
.box_footer .box_info .f_logo {position:absolute; left:0; top:5px; }
.box_footer .box_info address span {margin-left:20px;}
.box_footer .box_info .copyright {margin-top:5px; color:#ccc;}

/* 사이트링크 */
.siteLink_wrap {position: absolute; width:220px; height:51px; z-index:11; top:0; right:0;} 
.siteLink_wrap .siteLink_list {width:100%; margin:0 auto; border-right:1px solid #a0a0a0; border-left:1px solid #a0a0a0; color:#444;}
.siteLink_wrap .siteLink_list .siteLink h2{ height:50px; line-height:50px; font-size:14px; letter-spacing:-1px; background:url("/images/web/coe/common/footer_more.png") no-repeat 90% 50%; margin-left:30px; cursor: pointer;}
.siteLink_wrap .siteLink_list .siteLink ul {display:none; position:absolute; width:100%; bottom:50px; height:160px; z-index:20; background:#000; opacity:0.9; border:1px solid #333; overflow-y:auto; overflow-x: hidden; }
.siteLink_wrap .siteLink_list .siteLink ul li {text-align:left; width:96%; padding:0 2%;}
.siteLink_wrap .siteLink_list .siteLink ul li a { display:block; font-size:13px; color:#fff; letter-spacing:-1px; line-height:30px; padding-left:8px; background:url("/images/web/coe/common/footer_dot.png") no-repeat left center}
.siteLink_wrap .siteLink_list .siteLink ul li:hover a { text-decoration:underline; color:#ffe77b}

/* 구글번역 */
.gbSchlTrans {position:absolute; right:0; top:70px; font-family:'NotoR'; font-size:14px;}
.gbSchlTrans span {font-family:'NotoR'; font-size:13px;}


/********** 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/coe/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/coe/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/coe/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/coe/common/totalsearch_close.png') no-repeat 50%; }
	
	/* 로고 */ 
	#header h1.logo {position:relative; left:auto; top:auto; display:inline-block; margin-left:0; padding-left:40px}
	#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/coe/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/coe/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/coe/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/coe/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/coe/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/coe/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/coe/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/coe/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/coe/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/coe/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/coe/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px; }

	.sub #header {position:relative; }

	/* footer */
	.area_footer{padding-top:10px; background-image: none; width:100%; }
	.box_footer {width:95%;}
	.box_footer .footer_link {margin-top:10px; line-height:30px; overflow:hidden;} 
	.box_footer .footer_link li {width:25%; margin:0;}
	.box_footer .footer_link li a {display:block; margin:2px; text-align:center; border:1px solid #eee; background:#f3f3f3;}

	.box_footer .box_info {padding-left:0; }
	.box_footer .box_info .f_logo {display:none;}

	/* 사이트링크 */
	.siteLink_wrap{position: relative; right:auto; top:auto; width:100%; margin-top:15px; background:#fff;} 
	.siteLink_wrap .siteLink_list{border:none;}

	/* 구글번역 */
	.gbSchlTrans {position:relative; right:auto; top:auto; margin:15px auto 0;}

	
}

@media (max-width:800px) {
	

	/* footer */
	.box_footer .footer_link li {width:50%;}
	.box_footer .box_info address span {margin-left:0; display:block;}

}

@media (max-width:580px) {
	
	/* footer */
	.box_footer .box_info address span {display:block;}

}