@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/museum/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:#ba0606; }
#header .toputil .toputil_link a.toputil_link2 {background:#6d0707; }
#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/museum/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/museum/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/museum/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:58px; 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/museum/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:70px; overflow:hidden; }
#header #nav #blind {position:absolute; left:0; top:70px; width:100%; height:100%; z-index:1; background:url('/images/web/museum/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 25px; min-width:85px; }
#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:50px; 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:#820b0b; }
#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:#ba0606; 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:50px; width:100%; padding:15px 0; }
#header #nav #gnb ul li ul.ov {background:#b31717; }
#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:#ffe8e8; text-align:left; word-break: keep-all; }
#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/museum/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 { width:100%; margin:50px 0 0 ; position:relative; font-family:'NotoR'; border-top:1px solid #000; float:left;}
.box_footer {position:relative; width:1200px; margin:0 auto; padding:20px 0;}

.box_footer .box_info {line-height:24px; font-size:14px; color:#432f2d; }
.box_footer .box_info address p,
.box_footer .box_info address span{display:inline-block; margin-right:20px; }
.box_footer .box_info ul {overflow:hidden;}
.box_footer .box_info ul li {margin-right:20px; float:left;}
.box_footer .box_info ul li strong {font-weight:normal; color:#e9e9e9;}
.box_footer .box_info .copyright {margin-top:5px; color:#555; }

.box_footer .footer_link {line-height:40px; overflow:hidden; font-size:15px; }
.box_footer .footer_link li {float:left; margin-right:20px; }
.box_footer .footer_link li.point a{padding-left:0; color:#820b0b; }
.box_footer .footer_link li a:hover{color:#222; text-decoration:underline; }
.box_footer .footer_link li.point a:hover{color:#bd0101; text-decoration:underline; }

/* 사이트링크 */
.siteLink_wrap {position: absolute; width:220px; height:40px; z-index:11; top:25px; right:0;} 
.siteLink_wrap .siteLink_list {border:1px solid #000; color:#333;}
.siteLink_wrap .siteLink_list .siteLink h2{ height:40px; line-height:40px; font-size:14px; letter-spacing:-1px; text-align:center; cursor: pointer;}
.siteLink_wrap .siteLink_list .siteLink ul {display:none; position:absolute; width:100%; left:0; bottom:40px; height:150px; padding:10px 0; z-index:20; background:#000; opacity:0.9; overflow-y:auto; overflow-x: hidden; }
.siteLink_wrap .siteLink_list .siteLink ul li {position:relative; text-align:left; padding:0 15px 0 25px;}
.siteLink_wrap .siteLink_list .siteLink ul li:after {content:''; position:absolute; left:15px; top:14px; display:block; width:3px; height:3px; background:#fff;}
.siteLink_wrap .siteLink_list .siteLink ul li a { display:block; font-size:13px; color:#fff; letter-spacing:-1px; line-height:30px;}
.siteLink_wrap .siteLink_list .siteLink ul li:hover a { text-decoration:underline; color:#ffe77b}

/* 구글번역 */
.gbSchlTrans {position:absolute; right:0; top:90px; 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/museum/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/museum/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:#ba0606 url('/images/web/museum/common/totalsearch_ico2.png') no-repeat 50% ; }
	.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/museum/common/totalsearch_close.png') no-repeat 50%; }
	
	/* 로고 */ 
	#header h1.logo {position:relative; left:auto; top:auto; display:inline-block; margin-left:0; padding-left:45px}
	#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/museum/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:#ba0606; 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/museum/common/mob_depth1_bul_down.gif) no-repeat center 50%; margin-top:-3px; }
	#slide_map .box ul li a.ov {border-bottom:1px solid #ba0606; color:#820b0b; }
	#slide_map .box ul li a.ov:after {background:url(/images/web/museum/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/museum/common/mob_depth2_bul_off.gif) no-repeat 15px 18px; }
	#slide_map .box ul li ul li a.ov {background:#8bbeee; color:#fff; } 
	#slide_map .box ul li ul li a.ov strong {background:url(/images/web/museum/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/museum/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/museum/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/museum/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/museum/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:#6d0707; 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/museum/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/museum/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px; }

	.sub #header {position:relative; }

	/* footer */
	.box_footer {width:96%;}
	.box_footer .logo{position: relative; top:auto;}
	.box_footer .box_info{margin:0;}
	.box_footer .box_info ul {overflow:hidden;}

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

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

	
}

@media (max-width:800px) {
	

	/* footer */
	.box_footer .box_info address span { display:block; }

}

@media (max-width:580px) {
	
	/* footer */
	.box_footer address{font-size:12px;}
	.box_footer p.copyright{font-size:12px; margin: 0;}	

}