@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/globalart/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:60px; margin:0 auto;}
#header .toputil .top_mn {position:absolute; right:220px; top:17px; overflow:hidden; z-index:999;}
#header .toputil .top_mn li {display:inline-block; line-height:27px; padding:0 10px;}
#header .toputil .top_mn li:first-child {background:none;}
#header .toputil .top_mn li a {display:block; color:#555;}
#header .toputil .top_mn li a:hover {text-decoration:underline;}
#header .toputil .top_mn li.last {padding:0 25px; background:#3b3972; border-radius:14px;}
#header .toputil .top_mn li.last a {color:#fff;}

#header .toputil .top_mn li.ico_interlock {width:30px; height:100%; padding:0; background:url('/images/web/globalart/common/ico_interlock2.png') no-repeat center;} /* 190109 추가 */
#header .toputil .top_mn li.ico_interlock:before {content:''; display:none;} /* 190109 추가 */
#header .toputil .top_mn li.ico_interlock a { text-indent:-30000px;} /* 190109 추가 */

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

/* 로고 */ 
#header h1.logo {position:absolute; left:50%; top:14px; 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/globalart/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:80px; overflow:hidden; margin-top:px;}
#header #nav #blind {position:absolute; left:0; top:80px; width:100%; height:100%; z-index:1; background:url('/images/web/globalart/common/bg_tmn.png') repeat}
#header #nav #gnb {position:relative; width:1200px; margin:0 auto; z-index:10;}
#header #nav #gnb ul {height:auto;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb > ul > li {position:relative; width:20%; float:left;}
#header #nav #gnb > ul > li > a {border-right:1px solid #fff}
#header #nav #gnb > ul > li:first-child > a {border-left:1px solid #fff}
#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:80px; line-height:80px; color:#f0efff;}
#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:#fff;}
#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:#6360bf; 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:80px; width:100%; padding:15px 0;}
#header #nav #gnb ul li ul.ov {background:#181739;}
#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 20px; color:#f0efff; 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/globalart/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:#424141;}
.box_footer {position:relative; width:1200px; margin:0 auto; padding:15px 0 30px;}
.box_footer .footer_link {line-height:40px; overflow:hidden;}
.box_footer .footer_link li {float:left; margin-right:20px;}
.box_footer .footer_link li.point a{padding-left:0; color:#ff9c32;}
.box_footer .footer_link li a {color:#ccc;}
.box_footer .footer_link li a:hover{color:#fff; text-decoration:underline;}
.box_footer .footer_link li.point a:hover{color:#ff9c32; text-decoration:underline;}

/* 190109 */
.box_footer .box_info {position:relative; margin:10px 0 0; line-height:20px; font-size:14px; color:#f8f8f8;}
.box_footer .box_info address span {margin-left:20px;}
.box_footer .box_info .copyright {margin-top:5px; color:#ccc;}

/* 사이트링크 190109 */
.siteLink_wrap {position: absolute; top:20px; right:0; width:270px; height:40px; z-index:11;} /* 190109 */
.siteLink_wrap .siteLink_list {width:100%; margin:0 auto; border:1px solid #fff; color:#fff;}
.siteLink_wrap .siteLink_list .siteLink h2{ height:38px; line-height:38px; font-size:14px; letter-spacing:-1px; background:url("/images/web/globalart/common/footer_more2.png") no-repeat 90% center; margin-left:30px; cursor: pointer;}
.siteLink_wrap .siteLink_list .siteLink ul {display:none; position:absolute; width:100%; bottom:39px; height:160px; z-index:20; margin-left:-1px; 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/globalart/common/footer_dot.png") no-repeat left center}
.siteLink_wrap .siteLink_list .siteLink ul li:hover a { text-decoration:underline; color:#ffe77b}

/* 구글번역 190109 */
.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 #3b3972; 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; line-height:40px; padding:0 10px;}
	#header .toputil .top_mn li a {color:#fff;}
	#header .toputil .top_mn li.last {padding:0 10px; border-radius:0;}
	

	/* 검색 */
	.search_btn {position:absolute; left: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/globalart/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/globalart/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/globalart/common/totalsearch_ico2.png') no-repeat 50% #3b3972;}
	.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/globalart/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; right:2%; top:50px; border:1px solid #ddd; width:48px; height:48px; background:url('/images/web/globalart/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; right:-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:#3b3972; 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/globalart/common/mob_depth1_bul_down.gif) no-repeat center 50%; margin-top:-3px;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #3b3972; color:#3b3972;}
	#slide_map .box ul li a.ov:after {background:url(/images/web/globalart/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/globalart/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/globalart/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/globalart/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/globalart/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/globalart/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/globalart/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:#181739; 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/globalart/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/globalart/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	.sub #header {position:relative;}

	/* footer */
	.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 #222; background:#272727;}

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

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

	/* 구글번역 190109 */
	.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;}

}