@charset "utf-8";

body {background:#fff; color:#222; font-family: 'notokr', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif'; font-weight:400; font-size:1.04em; letter-spacing:-0.5px; line-height:1.5; word-wrap:normal; word-break:keep-all;}
.flex {max-width:1200px; margin:0 auto;}
@media all and (max-width:1365px) {
	body {font-size:1em;}
	.flex {max-width:980px;}
}
@media all and (max-width:1023px) {
	body {width:100%;}
	.flex {max-width:96%;}
}
@media all and (max-width:599px) {
	body {font-size:0.95em;}
	.flex {max-width:94%;}
}
@media all and (max-width:319px) {
	body {min-width:319px;}
}

/* header */
#header .top {overflow:hidden; background:#f2f2f2; padding:10px 0 0 0;}
#header .top a {font-size:14px; font-weight:500;}
#header .top .topL {float:left;}
#header .top .topL a {float:left; margin-right:5px; padding:0 15px; border-radius:6px 6px 0 0; color:#fff; line-height:40px;}
#header .top .topL a.skipBtn {background:#fff; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; color:#222;}
#header .top .topL a.gcBtn {padding-left:50px; background:#183751 url('/design/museum/img/common/gcMark.png') no-repeat 15px center;}
#header .top .topL a.museumBtn {background:#b27559;}
#header .top .topR {float:right;}
#header .top .topR a {display:inline-block; margin-top:5px; padding-left:15px; background:url('/design/museum/img/common/siteMap.gif') no-repeat 0 center;}
#header .gnbwrap {height:90px;}
#header h1 {display:table; float:left; width:337px; height:90px;}
#header h1 > a {display:table-cell; vertical-align:middle;}
#header h1 > a img {display:block; width:100%;}
#header .gnbPC .gnbArea {float:right; width:auto; height:90px;}
#header .gnbPC .gnbArea > ul > li:last-child {display:none;}
#header .gnbPC .gnbArea > ul > li > a {height:90px; padding:0 0 0 50px; line-height:96px; font-size:20px; font-weight:500;}
#header .gnbPC .subGnb {top:141px; background:#fff; border-top:1px solid #d0d0d0;}
#header .ver4 .gnbPC .subGnb .dept2 {display:inline-block; float:none; width:auto; min-height:auto; padding:15px 0 10px;}
#header .ver4 .gnbPC .subGnb .dept2 > li > a {color:#222; font-size:16px;}
#header .m_sitemap {display:none;}
@media all and (max-width:1365px) {
	#header h1 > a img {width:85%}
	#header .gnbPC .gnbArea > ul > li > a {padding:0 0 0 40px; font-size:17px;}
}
@media all and (max-width:1023px) {
	#header .top {display:none;}
	#header .gnbwrap {height:80px;}
	#header h1 {height:80px;}
	#header .gnbhead > div {position:relative; height:80px; padding:19px 2%; box-sizing:border-box;}
	#header .gnbhead > div a {float:none;}
	#header .gnbhead > div a.city_logo img {width:85%;}
	#header .gnbhead > div a.Mclose {float:none; position:absolute; right:2%; padding-top:7px;}
	#header .gnbhead ul.tour_mayor {display:table; width:100%; table-layout:fixed; background:#183751;}
	#header .gnbhead ul.tour_mayor li {display:table-cell; float:none; width:auto; border-top:1px solid #345c7d; border-left:1px solid #345c7d;}
	#header .gnbhead ul li a {font-size:15px;}
	#header .gnbMobile .dept1 > li > a {font-weight:500;}
	#header .gnbMobile .dept2 > li > a {font-size:15px;}
	#header .m_sitemap {display:block; position:absolute; top:18px; right:2%;}
}
@media all and (max-width:599px) {
	#header .m_sitemap {right:3%;}
	#header h1 > a img {width:65%}
	#header .gnbhead > div {padding:25px 3%;}
	#header .gnbhead > div a.city_logo img {width:65%;}
	#header .gnbhead > div a.Mclose {right:3%; padding-top:4px}
}

/* footer */
#footer {padding:40px 0; border-top:1px solid #e4e4e4; text-align:center;}
#footer address {margin-bottom:3px;}
#footer address span {display:inline-block; margin-left:10px; color:#183751; font-weight:500 !important;}
#footer small {font-size:0.85em; color:#999; letter-spacing:0.3px;} 
@media all and (max-width:1023px) {
	#footer {padding:25px;}
}

/* sub */
#sub_container {max-width:100%;}
#sub_container .visSub {position:relative; background:url('/design/museum/img/sub/visSub.jpg') no-repeat center; background-size:cover; height:270px;}
#sub_container .visSub:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.45); background-size:auto; z-index:1;}
#sub_container .visSub:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/design/museum/img/sub/visMask.png') repeat center; background-size:auto; z-index:2;}
#sub_container .visSub p {position:absolute; top:50%; left:0; width:100%; margin-top:-28.5px; padding:0 40px; color:#fff; text-align:center; text-shadow:1px 1px 10px #000; z-index:3; transform:translateY(-50%);  -webkit-transform:translateY(-50%); box-sizing:border-box;}
#sub_container .visSub p span {display:block; letter-spacing:5px;}
#sub_container_wrap.ver6 #left {position:relative; /*top:-57px;*/ margin-top:-57px; border:0; z-index:100;}
#sub_container_wrap.ver6 #left > div {height:57px; border-bottom:1px solid #ddd; background:#fff; box-sizing:border-box;}
#sub_container_wrap.ver6 #left .dept2 > li:first-child > a {background:#a71917 url('/design/common/img/sub/ver6_pathHome.png') no-repeat center;}
#sub_container_wrap.ver6 #left .dept3 {top:57px;}
#sub_container_wrap.ver6 #left .dept3 > li a:hover {background:#183751;}
#sub_container_wrap.ver6 #left .sub_util a.email {background:#b27559 url('/design/common/img/sub/ver6_utilEmail.png') no-repeat center;}
#sub_container_wrap.ver6 #left .sub_util a.print {background:#2B4B65 url('/design/common/img/sub/ver6_utilPrint.png') no-repeat center;}
#sub_container_wrap.ver6 #left .sub_util a.share {background:#183751 url('/design/common/img/sub/ver6_utilshare.png') no-repeat center;}
#contents {max-width:1200px; margin:0 auto;}
#contents h3 {position:relative; margin-top:50px; padding-top:15px; font-size:2.1em; font-weight:500; text-align:left;}
#contents h3:before {content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:#d2d2d2;}
#contents h3:after {content:''; position:absolute; top:0; left:0; width:125px; height:3px; background:#183751;}
#contents #ctn {font-size:1em; line-height:1.5;}
#contents #ctn p {margin-bottom:0;}
#contents #ctn h4 {position:relative; margin:40px 0 20px; border-top:0; padding:0 0 0 20px; font-size:22px; font-weight:500; line-height:inherit;}
#contents #ctn h4:before {content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-7px; background:url('/design/museum/img/sub/bullet_h4.gif') no-repeat;}
#contents #ctn h5 {background:none; padding-left:0; margin:5px 0 10px; color:#183751; font-weight:500; font-size:20px;}
@media all and (max-width:1365px) {
	#contents {max-width:980px;}
}
@media all and (max-width:1230px) {
	#sub_container {padding:0;}
}
@media all and (max-width:1023px) {
	#sub_container .visSub {height:140px;}
	#sub_container .visSub p {margin-top:0}
	#sub_container .visSub p span {font-size:0.85em;}
	#sub_container .visSub p img {width:300px;}
	#sub_container_wrap.ver6 #left {margin-top:0; border-bottom:1px solid #d0d0d0;}
	#sub_container_wrap.ver6 #left > div {height:auto; border-bottom:0;}
	#sub_container_wrap.ver6 #left .dept3 {top:58px;}
	#contents h3 {margin-top:30px;}
	#contents {max-width:96%;}
	#contents #ctn {width:100%; margin:40px 0;}
}
@media all and (max-width:599px) {
	#sub_container_wrap.ver6 #left .util {margin-top:20px;}
	#sub_container_wrap.ver6 #left .dept2 > li:nth-child(-n+3) > a {border-bottom:0;}
	#contents {max-width:94%;}
}

/* 게시판 */
.blind {display:none;}
.blind:before, .bod_wrap h4:before {display:none;}

/* 리스트 */
.cont_depth01 > li {font-size:1em;}
.cont_depth02 > li {font-size:0.95em;}
.cont_depth03 > li {font-size:1em;}

/* 테이블 */
.tbl_type1 thead th, .tbl_type1 tbody th {font-size:1em; font-weight:500;}
.tbl_type1 tbody td, .tbl_type1 tfoot td {font-size:0.95em;}
@media all and (max-width:599px) {
	.tbl_type1 thead th, .tbl_type1 tbody th {font-size:0.95em;}
}

/* 이미지 */
.img_box {position:relative; margin-bottom:40px; padding:40px; border:3px solid #e4e4e4;}
.img_box img {display:block; margin:0 auto;}
.img_box span.caption {display:block; position:absolute; bottom:20px; right:20px; padding:7px 25px; background:#183751; color:#fff; border-radius:40px; font-size:0.85em;}
.shadow img {box-shadow:1px 2px 5px rgba(0,0,0,0.2);}
.photo_4:after {content:''; display:block; clear:both;}
.photo_4 li {float:left; width:23%; margin:0 0 40px 2.6%;}
.photo_4 li:nth-child(4n+1) {margin-left:0;}
@media all and (max-width:1023px) {
	.img_box {margin-bottom:25px; padding:25px;}
	.img_box span.caption {bottom:10px; right:10px; }
	.photo_4 li {width:32%; margin:0 0 25px 2%;}
	.photo_4 li:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:768px) {
	.img_box img {width:100%;}
}
@media all and (max-width:599px) {
	.photo_4 li {float:none; width:100%; margin-left:0;}
	.photo_4 li img {width:100%;}
}

/* 지도 */
.map {border:0; padding:0;}
.map > div {box-sizing:border-box;}

/* 버튼 */
div.btn_center {text-align:center; margin-top:40px;}
div.btn_center a {margin-right:10px;}
div.btn_center a:last-of-type {margin-right:0;}
a.btn_style, a.sbtn_style {padding:13px 40px; border:2px solid #c36a2d; font-size:1em; border-radius:40px; font-weight:400;}
a.btn_style:hover, a.sbtn_style:hover {border:2px solid #c36a2d; color:#fff; background:#c36a2d; }
a.btn_style.down span {position:relative; padding-right:35px; background:none;}
a.btn_style.down span:after {content:''; position:absolute; top:50%; right:0; width:15px; height:18px; margin-top:-9px; background:url('/design/museum/img/sub/btn_down.png') no-repeat;}
a.btn_style.down:hover span {background:none;}
a.btn_style.down:hover span:after {background-position:0 -18px;}
@media all and (max-width:599px) {
	div.btn_center a {margin-bottom:10px; margin-right:0;}
}

/* 박스 */
.box {border:2px solid #183751 !important;}
.box3 {padding:40px; margin-bottom:25px; background:#f2f2f2; border-radius:6px;}

/* 사이트맵 */
.sitemap_wrap h4 {margin:30px 0 !important; padding:0 20px !important; line-height:1.5 !important; font-size:1.2em !important; font-weight:500 !important; box-sizing:border-box;}
.sitemap_wrap h4:before {display:none !important;}
.sitemap_wrap > .submenu > ul > li > a {background:#183751;}
.sitemap_wrap > .submenu > ul > li > div > ul li a {font-size:15px}