@charset "utf-8";

/* 아이프레임 */
.iframe-box {overflow: hidden; width: 100%; height: 550px;}
.iframe-box.long {height: 900px;}
.iframe-box iframe {width: 100%; height: 100%; border: 0;}

/* sitemap 공통 */
.ui-topbox .inner .h-box span.small {font-size: 14px; color: #888;}

/* sub01_01 관람안내 */
.s0101 .vlist__column {display: flex; flex-wrap: wrap;}
.s0101 .vlist__column.col3 .inner {float: none;}
.s0101 .vlist__column .inner .ui-summary p.txt-tip {display: inline-block; margin-top: 10px;}

/* sub01_02_02 비전 */
.s010202 .vision-wrap {text-align: center; margin-top: 30px;}
.s010202 .vision-head {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; max-width: 450px; width: 100%; height: 455px; padding: 40px 90px; margin: 0 auto 60px; background: url(/images/kor/sub01/sub01_02_02_head.png) no-repeat center; background-size: 100%; font-family: 'GmarketSans';}
.s010202 .vision-head strong {display: block; margin-bottom: 20px;  font-size: 32px; color: #fff;}
.s010202 .vision-head p {width: 100%; margin-top: 0; font-weight: 300; font-size: 20px; color: #fff; line-height: 1.5;}
.s010202 .vision-process .process-item {position: relative;}
.s010202 .vision-process .process-item:not(:first-child) {padding-top: 90px;}
.s010202 .vision-process .process-item:not(:first-child):before {content: ""; display: block; position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 27px; height: 19px; background: url(/images/kor/sub01/sub01_02_02_arrow.png) no-repeat center;}
.s010202 .vision-process .process-item .process-subtit {display: block; font-family: 'GmarketSans'; font-weight: bold; font-size: 14px; color: #d32936;}
.s010202 .vision-process .process-item .process-tit {display: inline-block; position: relative; padding: 5px 35px; background-color: #fff; font-family: 'GmarketSans'; font-weight: bold; font-size: 18px; color: #3a3a3a;}
.s010202 .vision-process .process-item .process-sentence {max-width: 800px; margin: -21px auto 0; font-size: 18px; padding: 35px 20px; border: 3px solid #eee; border-radius: 100px;}

.s010202 .vision-process .process-purpose .purpose-sentence {position: relative; max-width: 730px; margin: 0 auto; padding: 15px 85px; font-family: 'GmarketSans'; font-size: 24px; border: 5px solid #d32936; color: #3a3a3a; line-height: 1.3;}
.s010202 .vision-process .process-purpose .purpose-sentence:before,
.s010202 .vision-process .process-purpose .purpose-sentence:after {content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); width: calc(100% - 70px); height: 5px; background-color: #fff;}
.s010202 .vision-process .process-purpose .purpose-sentence:before {top: -5px;}
.s010202 .vision-process .process-purpose .purpose-sentence:after {bottom: -5px;}

.s010202 .vision-process .process-mission .process-tit:before,
.s010202 .vision-process .process-vision .process-tit:before,
.s010202 .vision-process .process-mission .process-tit:after,
.s010202 .vision-process .process-vision .process-tit:after {content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 9px; height: 9px; background-color: #eee; border-radius: 50%;}
.s010202 .vision-process .process-mission .process-tit:before,
.s010202 .vision-process .process-vision .process-tit:before {left: 3px;}
.s010202 .vision-process .process-mission .process-tit:after,
.s010202 .vision-process .process-vision .process-tit:after {right: 3px;}

.s010202 .process-strategy .strategy-list {display: flex; flex-wrap: wrap; position: relative;}
.s010202 .process-strategy .strategy-list:before {content: ""; display: block; position: absolute; top: 116.5px; left: 0; width: 100%; height: 1px; background-color: #ccc;}
.s010202 .process-strategy .strategy-list .strategy-item {width: calc(25% - 16.5px);}
.s010202 .process-strategy .strategy-list .strategy-item:not(:first-child) {margin-left: 22px;}
.s010202 .process-strategy .strategy-list .strategy-item .item-head {display: inline-flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 185px; height: 185px; margin: 24px 24px 0; padding: 10px; border-radius: 50%; z-index: 10;}
.s010202 .process-strategy .strategy-list .strategy-item.item01 .item-head {background-color: #d32936;}
.s010202 .process-strategy .strategy-list .strategy-item.item02 .item-head {background-color: #917136;}
.s010202 .process-strategy .strategy-list .strategy-item.item03 .item-head {background-color: #6b4913;}
.s010202 .process-strategy .strategy-list .strategy-item.item04 .item-head {background-color: #534539;}
.s010202 .process-strategy .strategy-list .strategy-item .item-head:before {content: ""; display: block; position: absolute; top: -24px; left: -24px; width: 234px; height: 233px; border-radius: 50%;}
.s010202 .process-strategy .strategy-list .strategy-item.item01 .item-head:before {background: url(/images/kor/sub01/sub01_02_02_circle01.png) no-repeat center;}
.s010202 .process-strategy .strategy-list .strategy-item.item02 .item-head:before {background: url(/images/kor/sub01/sub01_02_02_circle02.png) no-repeat center;}
.s010202 .process-strategy .strategy-list .strategy-item.item03 .item-head:before {background: url(/images/kor/sub01/sub01_02_02_circle03.png) no-repeat center;}
.s010202 .process-strategy .strategy-list .strategy-item.item04 .item-head:before {background: url(/images/kor/sub01/sub01_02_02_circle04.png) no-repeat center;}
.s010202 .process-strategy .strategy-list .strategy-item .item-head .item-icon {display: inline-block; width: 50px; height: 50px;}
.s010202 .process-strategy .strategy-list .strategy-item.item01 .item-head .item-icon {background: url(/images/kor/sub01/sub01_02_02_icon01.png) no-repeat;}
.s010202 .process-strategy .strategy-list .strategy-item.item02 .item-head .item-icon {background: url(/images/kor/sub01/sub01_02_02_icon02.png) no-repeat;}
.s010202 .process-strategy .strategy-list .strategy-item.item03 .item-head .item-icon {background: url(/images/kor/sub01/sub01_02_02_icon03.png) no-repeat;}
.s010202 .process-strategy .strategy-list .strategy-item.item04 .item-head .item-icon {background: url(/images/kor/sub01/sub01_02_02_icon04.png) no-repeat;}
.s010202 .process-strategy .strategy-list .strategy-item .item-head > p {width: 100%; margin-top: 12px; font-size: 16px; color: #fff;}

.s010202 .process-strategy .strategy-list .strategy-item .item-body {position: relative; margin-top: 60px; padding: 15px 25px; border: 5px solid #eee;}
.s010202 .process-strategy .strategy-list .strategy-item .item-body:before {content: ""; display: block; position: absolute; left: 49.9%; bottom: 100%; width: 1px; height: 70px; background-color: #eee;}
.s010202 .process-strategy .strategy-list .strategy-item .item-body:after {content: ""; display: block; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%;}
.s010202 .process-strategy .strategy-list .strategy-item.item01 .item-body:after {background-color: #d32936;}
.s010202 .process-strategy .strategy-list .strategy-item.item02 .item-body:after {background-color: #917136;}
.s010202 .process-strategy .strategy-list .strategy-item.item03 .item-body:after {background-color: #6b4913;}
.s010202 .process-strategy .strategy-list .strategy-item.item04 .item-body:after {background-color: #534539;}
.s010202 .process-strategy .strategy-list .strategy-item .item-body .item-detail > li {padding: 20px 0; font-size: 16px; color: #3a3a3a; text-align: left;}
.s010202 .process-strategy .strategy-list .strategy-item .item-body .item-detail > li:not(:first-child) {border-top: 1px solid #ececec;}

@media (min-width:768px) {
  .s010202 .process-strategy .strategy-list .strategy-item .item-body {min-height: 264px;}
}
@media (min-width:1400px) {
  .s010202 .process-strategy .strategy-list .strategy-item .item-body {min-height: 341px;}
}
@media (max-width:1399px) {
  .s010202 .process-strategy .strategy-list:before {display: none;}
  .s010202 .process-strategy .strategy-list .strategy-item {width: calc(50% - 15px); margin-top: 30px;}
  .s010202 .process-strategy .strategy-list .strategy-item:not(:first-child) {margin-left: 0;}
  .s010202 .process-strategy .strategy-list .strategy-item:nth-child(2n + 2) {margin-left: 30px;}
  .s010202 .process-strategy .strategy-list .strategy-item .item-body {margin-top: 35px;}
}
@media (max-width:767px) {
  .s010202 .vision-head {padding: 40px; margin-bottom: 0px;}
  .s010202 .vision-head strong {margin-bottom: 5px;}
  .s010202 .vision-process .process-purpose .purpose-sentence {padding: 15px 40px;}
  .s010202 .process-strategy .strategy-list .strategy-item {width: 100%;}
  .s010202 .process-strategy .strategy-list .strategy-item:nth-child(2n + 2) {margin-left: 0;}
}
@media (max-width:400px) {
  .s010202 .vision-head strong {font-size: 26px;}
}
/* sub01_02_02 비전 End */

/* sub01_02_03 연혁 */
@media (min-width:768px) {
  .s010203 .history_se02d .body_box .item {margin-top: -35px;}
}
/* sub01_02_03 연혁 End */

/* sub01_03_01 전시해설 서비스 */
@media (min-width: 1191px) {
  .s010301 .se14a_topbox .txtb {padding-right: 450px;}
}
/* sub01_03_01 전시해설 서비스 End */

/* sub01_03_02 전시안내앱 */
.s010302 .inform_wrap:after{clear:both; display:block; content:''; height:0;}
.s010302 .inform_wrap > div:nth-child(1){width:calc(100% - 370px); padding-right:70px; box-sizing:border-box; float:left;}
.s010302 .inform_wrap > div:nth-child(2){width:370px; float:right; margin-bottom: 50px;}
.s010302 .info-side {border:solid 1px #cccccc; padding: 42px 0; box-sizing: border-box; text-align: center;}
.s010302 .info-side strong {font-family: 'GmarketSans'; font-weight: bold; font-size: 22px; color: #222222}
.s010302 .info-side img {width: 124px; margin: 20px 0 20px 0; border: 2px solid; color: #121212; border-radius: 5px; }
.s010302 .qr_bnt {margin: 0 auto;}
.s010302 .qr_bnt::after {content: '';display: block;clear: both;}
.s010302 .qr_bnt a img {width:128px;}
.s010302 .qr_bnt .bnt_line {border-radius: 10px;}

@media (max-width:767px) {
  .s010302 .inform_wrap > div:nth-child(1) {width: 100%; margin-top: 40px; padding-right: 0; float: none;}
  .s010302 .inform_wrap > div:nth-child(2) {width:100%; float: none; margin-bottom: 40px;}
  .s010302 .info-side img {display: block; margin: 20px auto;}
  }
/* sub01_03_02 전시안내앱 End*/

/* sub01_03_03 큐레이팅봇 */
.s010303 .se14a_topbox .txtb {padding-right: 0;}
.s010303 .se14a_topbox .txtb .txt {margin-top: 10px;}
.s010303 .txt-box2 {background-color: #fcf9f9; border: 0; border-radius: 0;}
.s010303 .txt-box2 img {display: block;}
.s010303 .bodo-v .col .v_imgbox .pic_btn a {margin-top: 0; margin-bottom: 20px;}
@media (min-width:1191px) {
  .s010303 .se14a_topbox .txtb .txt .pd-right {padding-right: 420px;}
}
/* sub01_03_03 큐레이팅봇 End */

/* sub01_04_01 시설안내 */
.se14c_wrap_v2 .top-box {border: 1px solid #cacaca; border-radius: 0 0 10px 10px; overflow: hidden;}
.se14c_wrap_v2 .top-box .top-img {position: relative;}
.se14c_wrap_v2 .top-box .top-img img {display: block; width: 100%;}
.se14c_wrap_v2 .top-box .top-img img.mobile {display: none;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a {position: absolute; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #d32936; background-color: #fff; line-height: 28px; color: #d32936; text-align: center;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a span {display: inline-block; position: relative;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn.active a {background-color: #d32936; color: #fff;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn.active a:before {content: ""; display: block; position: absolute; top: -6px; left: -6px; width: calc(100% + 12px); height: calc(100% + 12px); background-color: rgba(211,41,54,0.5); border-radius: 50%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="1"] {top: 30%; left: 33.5%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="2"] {top: 49%; left: 39%;}
/* .se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="3"] {top: 50%; left: 45%;} */
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="3"] {top: 60%; left: 48%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="4"] {top: 45%; left: 51%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="5"] {top: 53%; left: 53%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="6"] {top: 49%; left: 56%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="7"] {top: 64%; left: 55%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="8"] {top: 57%; left: 58%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="9"] {top: 84.5%; left: 55.8%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="10"] {top: 49%; left: 64%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="11"] {top: 52%; left: 70%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="12"] {top: 59%; left: 74%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="13"] {top: 78%; left: 65%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="14"] {top: 40%; left: 63%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="15"] {top: 80%; left: 48.2%;}
.se14c_wrap_v2 .top-box .top-img .map-btns .map-btn a[data-num="16"] {top: 26%; left: 39.5%;}

.se14c_wrap_v2 .top-box .top-tabbox {position: relative; padding: 40px 60px; border-top: 1px solid #cacaca; overflow: hidden; text-align: center;}
.se14c_wrap_v2 .top-box .top-tabbox .tabbox-title {display: inline-block; margin-bottom: 28px; padding: 10px 40px; border: 1px solid #dcdcdc; font-size: 16px; font-weight: normal; color: #666666;}
.se14c_wrap_v2 .top-box .top-tabbox .tab-list {display: flex; flex-wrap: wrap; max-width: 800px; margin: 0 auto;}
.se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab {flex-basis: auto; width: 33.3333%;}
.se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab a {display: flex; align-items: center; padding: 5px 10px; font-size: 15px; color: #222;}
.se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab a:hover, .se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab a:focus {color: #d32936;}
.se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab.active a {color: #d32936;}
.se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab a span {display: inline-block; width: 30px; height: 30px; margin-right: 10px; border: 2px solid #d32936; border-radius: 50%; color: #d32936; line-height: 28px; text-align: center;}
.se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab.active a span {background-color: #d32936; color: #fff;}

.se14c_wrap_v2 .img-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 10000;}
.se14c_wrap_v2 .img-popup.active {visibility: visible; opacity: 1;}
.se14c_wrap_v2 .img-popup .popup-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px 30px 30px; width: 100%; max-width: 960px; background-color: #fff;}
.se14c_wrap_v2 .img-popup .popup-inner > img {display: block; margin: 0 auto;}
.se14c_wrap_v2 .img-popup .popup-inner .close-btn {display: flex; display: -webkit-flex; display: -ms-flexbox; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; border-radius: 50%; background-color: #d32936; justify-content: center; align-items: center;}
.se14c_wrap_v2 .img-popup .popup-inner .close-btn:focus {outline: 1px dashed #000;}
.se14c_wrap_v2 .img-popup .popup-inner .close-btn img {transition: all 0.3s;}
.se14c_wrap_v2 .img-popup .popup-inner .close-btn:hover img, .se14c_wrap_v2 .img-popup .popup-inner .close-btn:focus img {transform: rotate(180deg);}
.se14c_wrap_v2 .img-popup .popup-inner .popup-title {display: block; margin-bottom: 15px; font-size: 20px; font-weight: bold; color: #3a3a3a;}
.se14c_wrap_v2 .img-popup .popup-inner .popup-title span {display: inline-block; width: 30px; height: 30px; margin-right: 6px; border-radius: 50%; border: 2px solid #d32936; background-color: #d32936; line-height: 26px; font-weight: normal; vertical-align: middle; color: #fff; font-size: 15px; text-align: center;}

.se14c_wrap_v2 .img-list {display: none;}

.se14c_wrap_v2 .bottom-content {display: none;}
.se14c_wrap_v2 .bottom-content.active {display: block;}
.se14c_wrap_v2 .content-list {margin-top: 35px; border-top: 1px dashed #d3d3d3;}
.se14c_wrap_v2 .content-list .list-item {display: flex; padding: 40px; margin-top: 35px; border: 1px solid #cacaca; border-radius: 10px;}
.se14c_wrap_v2 .content-list .list-item .item-img {max-width: 390px; width: 100%; flex-shrink: 0;}
.se14c_wrap_v2 .content-list .list-item .item-img a {display: block; position: relative; width: 100%; height: 100%;}
.se14c_wrap_v2 .content-list .list-item .item-img a img {display: block; width: 100%;}
.se14c_wrap_v2 .content-list .list-item .item-img a .detail {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); visibility: hidden; opacity: 0; transition: all 0.3s;}
.se14c_wrap_v2 .content-list .list-item .item-img a:hover .detail, .se14c_wrap_v2 .content-list .list-item .item-img a:focus .detail {visibility: visible; opacity: 1;}
.se14c_wrap_v2 .content-list .list-item .item-img a .detail .icon {display: block; width: 52px; height: 52px; border-radius: 50%; background: #fff url(/images/kor/sub01/detail.png) no-repeat center; font-size: 0;}
.se14c_wrap_v2 .content-list .list-item .item-img a .detail p {color: #fff;}
.se14c_wrap_v2 .content-list .list-item .item-text {padding-left: 40px; padding-top: 20px;}
.se14c_wrap_v2 .content-list .list-item .item-text strong {display: block; font-size: 20px; font-weight: bold; color: #3a3a3a;}
.se14c_wrap_v2 .content-list .list-item .item-text strong span {display: inline-block; width: 30px; height: 30px; margin-right: 6px; border-radius: 50%; border: 2px solid #d32936; background-color: #d32936; line-height: 28px; font-weight: normal; vertical-align: middle; color: #fff; font-size: 15px; text-align: center;}
.se14c_wrap_v2 .content-list .list-item .item-text p {margin-top: 25px;}

@media (max-width:991px) {
    .se14c_wrap_v2 .img-popup .popup-inner {width: 90%;}
    .se14c_wrap_v2 .img-popup .popup-inner .close-btn {width: 50px; height: 50px; top: -26px;}
    .se14c_wrap_v2 .img-popup .popup-inner .close-btn img {width: 20px;}

    .se14c_wrap_v2 .content-list .list-item {flex-wrap: wrap; justify-content: center; padding: 40px 30px;}
    .se14c_wrap_v2 .content-list .list-item .item-img {max-width: 500px;}
    .se14c_wrap_v2 .content-list .list-item .item-text {padding-left: 0; padding-top: 30px;}
    .se14c_wrap_v2 .content-list .list-item .item-text p {margin-top: 20px;}
}
@media (max-width:767px) {
  .se14c_wrap_v2 .img-popup .popup-inner {width: 95%; padding: 20px;}
  .se14c_wrap_v2 .img-popup .popup-inner .popup-title {font-size: 16px;}
  .se14c_wrap_v2 .img-popup .popup-inner .popup-title span {margin-right: 2px;}
  .se14c_wrap_v2 .top-box .top-img {padding: 15px 20px 0;}
  .se14c_wrap_v2 .top-box .top-img img.pc {display: none;}
  .se14c_wrap_v2 .top-box .top-img img.mobile {display: block;}
  .se14c_wrap_v2 .top-box .top-img .map-btns {display: none;}
  .se14c_wrap_v2 .top-box .top-tabbox {padding: 40px 25px; border-top: none;}
  .se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab {width: 50%;}
}
@media (max-width:500px) {
  .se14c_wrap_v2 .top-box .top-tabbox .tab-list .tab {width: 100%;}
}
/* sub01_04_01 시설안내 End */

/* sub01_04_03 야외시설 */
.s010403 .bodo-h .row1 {padding-bottom: 40px; margin-bottom: 0;}
.s010403 .bodo-h .row1:not(:first-child) {padding-top: 40px; border-top: 1px dashed #aaa;}
.s010403 .bodo-h .row1 .h_txt .tit, .s010403 .bodo-v .col .v_txt .tit {color: #cd1f2a;}
.s010403 .bodo-v {display: flex; flex-wrap: wrap;}
.s010403 .bodo-v .col {float: none; padding: 30px 25px; border: 1px solid #ddd;}
.s010403 .bodo-v .col .v_txt {text-align: center;}
@media (max-width:767px) {
  .s010403 .bodo-h .row1.wide .h_txt {text-align: center;}
}
/* sub01_04_03 야외시설 End */

/* sub01_05 대관안내 */
@media (max-width:1199px) and (min-width:1024px) {
  .s0105 .prc.type2.step5 > li {width: calc(20% - 30px);}
}
@media (max-width:1023px) {
  .s0105 .prc.type2.step5 > li:last-child .inner:before {display: none;}
}
/* sub01_05 대관안내 End */

/* sub01_06 오시는길 */
.s0106 .vlist__bodo .obj .item .inner .ui-bodo__summary {text-align: left;}
@media (max-width:767px) {
  .vlist__bodo .obj .item .inner .h-box {text-align: center;}
}
/* sub01_06 오시는길 End */


/* sub01_07 반남고분 */
.sub01_07 #svisual_layout,
.sub01_07 #body_layout .lnb_wrap,
.sub01_07 #body_layout #location{display:none}
.sub01_07 #body_layout .contents_wrap{width:100%;}
.sub01_07 #body_layout{padding:0;margin:0;}
.sub01_07 #body_layout .body_wrap{max-width:none;}

@keyframes cloud_ani{
  0%{transform: translateX(-40px);opacity:0;}
  50%{transform: translateX(40px);opacity:1;}
  100%{transform: translateX(-40px);}

}

/*sub01_07 반남고분군*/
.sub01_07 #svisual_layout,
.sub01_07 #location,
.sub01_07 #lnb_layout,
.sub01_07 #body_layout:before,
.sub01_07 .content-info,
.sub01_07 .page__title{display:none}
.sub01_07 .inner{position:relative;max-width:1280px;margin:0 auto;z-index:10}
.sub01_07 #body_layout .layout{max-width:100%;}
.sub01_07 #txt {overflow: hidden; padding: 0; }

@media (max-width: 1399.98px){
  .sub01_07 .layout{padding:0;}
  .sub01_07 .inner{padding:0 30px;}
  .br_block{display:none;}
}

.s0107 .mcon1 {position: relative; padding:263px 0 100px;}
.s0107 .mcon1 .cloud_obj{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.s0107 .mcon1 .cloud_obj span{position: absolute; display: block; left:50%; top:50px;background-repeat:no-repeat;background-size:100% auto;animation:cloud_ani 5s infinite;opacity:0}
.s0107 .mcon1 .cloud_obj .cloud1 { width: 426px; height: 117px;margin-left:-62%;background-image:url(/images/kor/sub01/sub01_07_cloud01.png);}
.s0107 .mcon1 .cloud_obj .cloud2 { top:200px;width: 321px; height: 62px;margin-left:-46%; background-image:url(/images/kor/sub01/sub01_07_cloud02.png);animation-delay:1.5s}
.s0107 .mcon1 .cloud_obj .cloud3 { top:100px;width: 547px; height: 105px;margin-left:24%; background-image:url(/images/kor/sub01/sub01_07_cloud03.png);animation-delay:1s}

.s0107 .mcon1 .topbox {text-align: center;}
.s0107 .mcon1 .mtit1 {display: block; font-family: 'GmarketSans'; font-weight: bold; font-size: 60px;letter-spacing: -4px; color: #363636;}
.s0107 .mcon1 .stit1 {font-size: 18px; color:#333}

@media (max-width:640px){
  .s0107 .mcon1 {padding:150px 0 100px;}
  .s0107 .mcon1 .cloud_obj .cloud1{width:308px;}
  .s0107 .mcon1 .cloud_obj .cloud2{width:211px;}
  .s0107 .mcon1 .cloud_obj .cloud3{width:327px;}
  .s0107 .mcon1 .mtit1{font-size:40px;}
}

.s0107 .mcon2 {position: relative; margin-top: 230px; background-color: #e8f5d6;}
.s0107 .mcon2:before {position: absolute; left: 50%; top: -335px; width: 3000px; height: 335px;margin-left:-1500px; background: url(/images/kor/sub01/sub01_07_mcon1_before.png); content: "";}
.s0107 .icon {display: block; position: absolute;left:50%; background-size: 100%;background-position:0 100%;background-repeat:no-repeat;z-index: 11}
/* mcon2 ico */
.s0107 .icon01{top: -170px;width: 513px; height: 155px;margin-left:-1000px;background-image: url(/images/kor/sub01/sub01_07_icon01.png);} /*왼쪽 기본 무덤*/
.s0107 .icon02{top: -273px;width: 513px; height: 155px;margin-left:13%; background-image:url(/images/kor/sub01/sub01_07_icon02.png);} /*오른쪽 문있는 무덤*/
.s0107 .icon03{top: -130px;width: 329px; height: 88px;margin-left:34%; background-image:url(/images/kor/sub01/sub01_07_icon03.png);} /*오른쪽 작은 꽃 무덤*/
.s0107 .icon04{top: 500px;width: 85px; height: 90px;margin-left:-740px;background-image:url(/images/kor/sub01/sub01_07_icon04.png);} /*왼쪽 나무 두그루*/
.s0107 .icon05{top:500px;width: 38px; height: 47px;margin-left:670px; background-image:url(/images/kor/sub01/sub01_07_icon05.png);} /*오른쪽 노란꽃*/
.s0107 .icon06{bottom:-24px;width: 516px; height: 316px;margin-left:40%; background-image:url(/images/kor/sub01/sub01_07_icon06.png);}/* 오른쪽 사람독무덤 무덤*/
/* mcon3 ico */
.s0107 .icon07{top: -300px;width: 513px; height: 286px;margin-left:-50%; background-image:url(/images/kor/sub01/sub01_07_icon07.png);} /*바위무덤*/
.s0107 .icon08{top: 246px;width: 137px; height:327px;margin-left:-777px; background-image:url(/images/kor/sub01/sub01_07_icon08.png);z-index:0;} /*왼쪽사람*/
.s0107 .icon08_1{bottom:230px;width:379px; height: 196px;margin-left:26.5%; background-image:url(/images/kor/sub01/sub01_07_icon08_1.png);} /*오른쪽사람*/
.s0107 .icon08_2{bottom: 0;width: 513px; height: 155px;margin-left:28%; background-image:url(/images/kor/sub01/sub01_07_icon02.png);} /*오른쪽 문 있는 무덤*/
.s0107 .icon08_3{bottom: 8%;width: 329px; height: 88px;margin-left:-39%; background-image:url(/images/kor/sub01/sub01_07_icon03.png);} /*왼쪽 꽃있는무덤*/
/* mcon4 ico */
.s0107 .icon09{top: 146px;width: 239px; height: 229px;margin-left:-930px; background-image:url(/images/kor/sub01/sub01_07_icon09.png);}
.s0107 .icon10{top: 405px;width: 957px; height: 186px; margin-left:-1430px; background-image:url(/images/kor/sub01/sub01_07_icon10.png);z-index:0}
.s0107 .icon11{bottom:10%;width: 754px; height: 378px;margin-left:-1327px; background-image:url(/images/kor/sub01/sub01_07_icon11.png);}
.s0107 .icon12{bottom:14%;width: 866px; height: 337px;margin-left:11%; background-image:url(/images/kor/sub01/sub01_07_icon12.png);}

.s0107 .mcon2 .txbox {padding-top:78px;}
.s0107 .mcon2 .txbox:before {position: absolute; left: 50%;top: -148px; width: 1110px; height: 1860px; margin-left:-453px;background: url(/images/kor/sub01/sub01_07_mcon1_road.png); content: "";}
.s0107 .mcon2 .txbox div h3 {position:relative;display:inline-block;font-family: 'GmarketSans'; font-weight: bold;padding:50px 76px 0 0;color:#333;font-size:24px;}
.s0107 .mcon2 .txbox div p {padding-bottom:60px; font-size: 17px; color:#494949;}
.s0107 .mcon2 .txbox div {position:relative;margin-bottom:38px;padding-left:520px;text-align:left;}
.s0107 .mcon2 .txbox div .img-box {position:absolute;left:0;top:0;overflow:hidden;}
.s0107 .mcon2 .txbox div .img-box img {max-width:100%;box-shadow:4px 4px 4px rgba(0,0,0,.2);}
.s0107 .mcon2 .txbox div:nth-of-type(1) {padding-right:520px;padding-left:0;}
.s0107 .mcon2 .txbox div:nth-of-type(1) .img-box {right:0;left:auto;}
.s0107 .mcon2 .txbox div:nth-of-type(3) {padding-right:520px;padding-left:0;}
.s0107 .mcon2 .txbox div:nth-of-type(3) .img-box {right:0;left:auto;}
.s0107 .mcon2 .txbox .txcen {padding:100px 0 140px;text-align: center;}

@media (max-width:1550px){
  .s0107 .icon01{top:-225px;width:334px;margin-left:-59%;}
  .s0107 .icon04{margin-left:-50%; }
  .s0107 .icon05{margin-left:47%;}
  .s0107 .icon06{width:350px;margin-left:25%;}
  .s0107 .icon07{width:383px;}
  .s0107 .icon08{top:-17px;width: 179px; height:154px;margin-left:-40%; background-image:url(/images/kor/sub01/sub01_07_icon08_m.png);} /*왼쪽사람*/
  .s0107 .icon08_3{margin-left:-53%;}
  .s0107 .icon11{width:464px;margin-left:-68%;}
  .s0107 .icon12{width:526px}
}

@media (max-width:1200px){
  .s0107 .mcon2 .txbox:before{height:1610px}
}
@media (max-width:1024px){
  .s0107 .topbox p span{display:inline;}
  .s0107 .mtit1 {font-size: 45px;}
  .s0107 .mcon2 .txbox div,
  .s0107 .mcon2 .txbox div:nth-of-type(1),
  .s0107 .mcon2 .txbox div:nth-of-type(3){padding-left:0;padding-right:0;text-align:center;}
  .s0107 .mcon2 .txbox div .img-box{position:static;display:block;margin:20px auto 100px;}
  .s0107 .mcon2 .txbox .txcen{padding:0 0 200px;}
  .s0107 .mcon2 .txbox div h3{padding:0;}
  .s0107 .mcon2 .txbox div p{padding:0;}

  .s0107 .icon06{margin-left:12%;}
  .s0107 .icon07{top:-337px;width:263px;}
  .s0107 .icon08{width: 128px;margin-left:-45%;}
  .s0107 .icon08_1{bottom: 187px;margin-left: 6.5%;}
  .s0107 .icon08_2{bottom:50px;width:300px;margin-left:20%;}
  .s0107 .icon08_3{width:249px;}

}

@media (max-width:768px){
  .s0107 .mcon2 .txbox:before{height:220px}
  .s0107 .icon08{top:32px;}
  .s0107 .icon11{margin-left:-88%;}
}
@media (max-width:640px){
  .s0107 .mcon2 .txbox h2 span{display:block;}
  .s0107 .icon01{top:-245px;width:254px;}
  .s0107 .icon02{width:303px;}
  .s0107 .icon06{bottom:-40px;width:230px;margin-left:12%;}
  .s0107 .icon08{top:7px;width:90px;margin-left:-37%;}
  .s0107 .icon08_1{width:230px;}
}


.s0107 .mcon3 {position: relative; margin-top: 100px; padding-bottom: 120px; background-color: #d26b40;}
.s0107 .mcon3:before {content: "";position: absolute; left: 50%; transform: translateX(-47%); top: -335px; width: 3000px; height: 335px; background: url(/images/kor/sub01/sub01_07_mcon2_before.png); z-index:10}
.s0107 .mcon3 .information-top {padding: 50px 0 200px;}
.s0107 .mcon3 .information-top .mtit2 {display: block;width:462px;height:47px;margin:0 auto;font-size:0;background:url(/images/kor/sub01/sub01_07_mcon3_tit.png) no-repeat 50% 0;}
.s0107 .mcon3 .information-box {position: relative; text-align: left;}
.s0107 .mcon3 .information-box:before {content: "";display: block;position: absolute;top: -135px;left: 50%;transform: translateX(-50%);width: 120%;height: 500px;border-radius: 100%; /*background-color: #e7eee4;*/z-index: -1;}
.s0107 .mcon3 .information-box .info-wrap {position: relative; top: -160px;}
.s0107 .mcon3 .information-box .info-tab:after {content: ""; display: block; clear: both;}
.s0107 .mcon3 .information-box .info-tab li {float: left; width: 50%; border: 5px solid #312623; border-bottom: none; border-radius: 20px 20px 0 0; background-color: #312623; color: #fff;}
.s0107 .mcon3 .information-box .info-tab li button {display: block; width: 100%; padding: 0 10px; font-family: 'GmarketSans'; font-weight: bold; font-size: 28px; color: #fff; min-height:80px;}
.s0107 .mcon3 .information-box .info-tab li button .check-icon {display: none; width: 31px; height: 31px; background: url(/images/kor/sub01/check_icon.png) no-repeat; vertical-align: middle;}
.s0107 .mcon3 .information-box .info-tab li.active {background-color: #fff; color: #312623;}
.s0107 .mcon3 .information-box .info-tab li.active button {color: #312623;}
.s0107 .mcon3 .information-box .info-tab li.active button .check-icon {display: inline-block;}
.s0107 .mcon3 .information-box .info-box {border: 5px solid #312623; border-top: none; border-radius: 0 0 20px 20px; background-color: #fff;}
.s0107 .mcon3 .information-box .info-box .info-content{display: none;padding: 60px 80px;}
.s0107 .mcon3 .information-box .info-box .info-content.active {display: block;}


@media (max-width: 768px){
  .s0107 .mcon3 .information-top .mtit2{width:100%;height: 96px;background-position: 50% 100%;}
}
@media (max-width: 640px){
  .s0107 .mcon3 .information-top .mtit2{height: 70px;background-size:340px;}
  .s0107 .mcon3 .information-box .info-box .info-content{padding:10px 20px;}
  .s0107 .mcon3 .information-box .info-tab li button {font-size: 20px;}
  .s0107 .mcon3 .information-box .info-tab li button .check-icon {display: none; width: 19px; height: 19px; background: url(/images/kor/sub01/check_icon1.png) no-repeat; vertical-align: middle;}
}

.s0107 .mcon4 {position: relative; padding-bottom: 200px; background-color: #7ba55c;}
.s0107 .mcon4:before {content: "";position: absolute; left: 50%;top: -207px; width: 3000px; height: 207px; margin-left:-1500px;background: url(/images/kor/sub01/sub01_07_mcon3_before.png); }
.s0107 .mcon4:after {content: "";display: block;position: absolute;bottom:0;left: 50%;width: 2560px;height: 509px;margin-left:-1280px;background:url(/images/kor/sub01/sub01_07_mcon4_before.png);}
.s0107 .mcon4 .inner {margin-bottom:260px;}
.s0107 .mcon4 .mtit3 {display: block;width:265px;height:47px;margin:0 auto 28px;font-size:0;background:url(/images/kor/sub01/sub01_07_mcon4_tit.png) no-repeat 50% 0;}
.s0107 .mcon4 .imgmap-wrap {position: relative;padding: 60px 80px;border: 5px solid #825c49;border-radius:20px; background-color: #fff;}
.s0107 .mcon4 .imgmap-wrap:before,
.s0107 .mcon4 .imgmap-wrap:after{content:"";display:block;position:absolute;bottom:-70px;width:89px;height:65px;background:url(/images/kor/sub01/sub01_07_icon13.png) no-repeat;}
.s0107 .mcon4 .imgmap-wrap:before{left:7%;}
.s0107 .mcon4 .imgmap-wrap:after{right:7%;}

@media (max-width: 768px){
  .s0107 .mcon4 .mtit3{width:100%;height: 34px;background-size:auto 100%;}
}
@media (max-width: 640px){
  .s0107 .mcon4 .imgmap-wrap{padding:10px 20px;}
}

/*sub01_07 반남고분군 End*/

/* sub02_01_01 상설전시 */
.s020101 .img-list .img-item {display: none;}
.s020101 .img-list .img-item.active {display: block;}
.s020101 .bodo-v, .s020101 .bodo-h.col_box {margin-left: -45px;}
.s020101 .bodo-v {display: flex; flex-wrap: wrap;}
.s020101 .bodo-v .col {float: none; margin-left: 45px;}
.s020101 .bodo-v .col .v_imgbox {margin-bottom: 0; text-align: center;}
.s020101 .bodo-v .col .v_txt {text-align: center;}
.s020101 .bodo-v .col .v_txt .tit {font-size: 16px; line-height: 1.5;}
@media (max-width:991px) {
  .s020101 .bodo-v.col4 .col {width: calc(33.33% - 45px);}
}
@media (max-width:767px) {
  .s020101 .bodo-v.col4 .col {width: calc(50% - 45px);}
}
@media (max-width:500px) {
  .s020101 .bodo-v.col4 .col {width: 100%;}
  .s020101 .bodo-v img {width: auto;}
}
/* sub02_01_01 상설전시 End */

/* sub02_01_03 실감형전시관 */
.s020103 .bodo-v .col .v_imgbox {border-radius: 30px; border: 1px solid #ddd; overflow: hidden;}
.s020103 .bodo-v .col .v_imgbox img {display: block;}
@media (min-width:1191px) {
  .s020103 .se14a_topbox .top_img {width: 404px; height: 359px;}
}
@media (max-width:767px) {
  .s020103 .bodo-v.col2 .col:not(:first-child) {margin-top: 30px;}
}
/* sub02_01_03 실감형전시관 End */

/* sub02_03 온라인전시관 */
.sub02_03 #svisual_layout,
.sub02_03 #body_layout .lnb_wrap,
.sub02_03 #body_layout #location{display:none}
.sub02_03 #body_layout .contents_wrap{width:100%;}
.sub02_03 #body_layout{padding:0;margin:0;}
.sub02_03 #body_layout .body_wrap{max-width:none;padding:0;}
.sub02_03 .content-info {display: none;}
.sub02_03 .modal:before{display:none}
.sub02_03 .modal__body{position:static;display:block;width:100%; max-width:none;margin:0;background:none;box-shadow:none;transform:translate(0);transition:none; vertical-align: middle; text-align:left;border:0;border-radius:0;}
.sub02_03 .modal__close-button span{background:none;border:0;}
.sub02_03 .modal__backdrop{display:none;}
.sub02_03 .modal__content{overflow: hidden;max-width:2560px;}
.on_museum{height:100vh;min-height:774px;background:#f5fbff url(/images/kor/sub02/onmuseum_bg.jpg) no-repeat 50% 100% / cover;}
.on_museum .tit{padding-top:87px;text-align:center;}
.on_museum .tit h2{width:441px;height:109px;margin:87px auto 30px;font-size:0;/* background:url(/images/kor/sub02/onmuseum_ir.png) no-repeat -80px 0; */}
.on_museum .tit h2 #lottie{width:100%;height:100%;}
.on_museum .tit p{font-size:18px;color:#2d2d2d;}
.on_museum .tit p span{display:block;}
.map-links .map-link a {position:absolute;left:50%;width:200px;padding:0 20px;border: 3px solid #fff;border-radius:30px;background-color: #2f2f2f; line-height:50px; color: #fff; text-align: center;font-size:18px;font-family:'GmarketSans'}
.map-links .map-link a span{position:relative;display:inline-block;}
.map-links .map-link a span:before{content:"";display:block;position:absolute;left:50%;top:-60px;width:35px;height:51px;margin-left:-17px;background:url(/images/kor/sub02/onmuseum_ir.png);}
.map-links .map-link a:hover,
.map-links .map-link.active a {background-color: #d32936;}
.map-links .map-link a:hover span:before,
.map-links .map-link.active a span:before {top:-80px;background-position:-40px 0;}
.map-links .map-link a[data-num="1"] {top:76%;margin-left:18px;}
.map-links .map-link a[data-num="2"] {top:73%;margin-left:-387px;}
.map-links .map-link a[data-num="3"] {top:62%;margin-left:-335px;}
.map-links .map-link a[data-num="4"] {top:70%;margin-left:-705px;}
.map-links .map-link a[data-num="5"] {top:49%;margin-left:328px;}
.map-links .map-link a[data-num="6"] {top:57%;margin-left:-163px;}

@keyframes icon-bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    opacity: 1;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.map-links .map-link span:before {animation-name: icon-bounce;animation-fill-mode: forwards; animation-duration: 1s;}
.map-links .map-link .n1 {animation-delay: .12s;-webkit-animation-delay: .12s;}
.map-links .map-link .n2 {animation-delay: .16s;-webkit-animation-delay: .16s;}
.map-links .map-link .n3 {animation-delay: .20s;-webkit-animation-delay: .20s;}
.map-links .map-link .n4 {animation-delay: .24s;-webkit-animation-delay: .24s;}
.map-links .map-link .n5 {animation-delay: .28s;-webkit-animation-delay: .28s;}
.map-links .map-link .n6 {animation-delay: .32s;-webkit-animation-delay: .32s;}
.map-links .map-link .n7 {animation-delay: .36s;-webkit-animation-delay: .36s;}

.on_museum .modal.active{top:0;background:#e9f0f5;}
.on_museum .bottom-box:after{content:"";display:block;position:absolute;bottom:0;right:0;width:795px;height:177px;background:url(/images/kor/sub02/onmuseum_ir.png) 100% 100%;z-index:10 }

.on_museum .modal__close{position:absolute;top:58px;right:58px;z-index:10;}
.on_museum .modal__close .modal__close-button{width:60px;height: 60px;border-radius: 50%;background:#363636;font-size:0;}
.on_museum .modal__close .modal__close-button:after{content:'';position: absolute;left:50%;top:50%;display:block;width:20px;height:20px;margin-left: -10px;margin-top: -10px;background:url(/images/kor/sub02/onmuseum_ir.png) no-repeat -140px -140px;transition: 0.3s;}
.on_museum .modal__close .modal__close-button:before {content:'';position: absolute;left:50%;top:50%;width: 90px;height: 90px;margin-left: -45px;margin-top: -45px;border-radius: 50%;background-color:rgba(0,0,0,.1);}
.on_museum .modal__close .modal__close-button:hover:after{transform: rotate(180deg);}

@keyframes tit1 {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tit2 {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.on_museum .modal .tit{position:absolute;left:50%;margin-left:-223px;}
.on_museum .modal .tit:before,
.on_museum .modal .tit:after{opacity:0;content:"";position:absolute;left:50%;top:130px;display:block;width:138px;height:52px;margin-left:-242px;background:url(/images/kor/sub02/onmuseum_ir.png) -900px 0;z-index: 0;}
.on_museum .modal .tit:after{top:70px;width:215px;height:79px;margin-left:70px;background-position:-1050px 0}
.on_museum .modal .tit h2{margin-top:0;}
.on_museum .modal .tit h2 #lottie2{position:relative;width:100%;margin:0 auto 30px;z-index: 10}
.on_museum .modal.active .tit:before{animation-name:tit1;animation-fill-mode:forwards; animation-duration: 1s;animation-delay: .12s;}
.on_museum .modal.active .tit:after{animation-name:tit2;animation-fill-mode:forwards; animation-duration: 1s;animation-delay: .12s;}

.top-tabbox {position:absolute;top:0;left:0;height:100%;padding:18px;z-index:10}
.top-tabbox .wrap{height:100%;padding:60px 0; background:#444977;border-radius:20px;text-align:center;}
.top-tabbox .wrap .tabbox-title {width:61px;height:98px;margin:0 auto 30px;font-size:0;background:url(/images/kor/sub02/onmuseum_ir.png) no-repeat 0 -110px;}
.top-tabbox .wrap .tab-list .tab a {display:block;padding:20px; font-size: 15px; color: #fff;font-family:'GmarketSans';}
.top-tabbox .wrap .tab-list .tab a:hover,
.top-tabbox .wrap .tab-list .tab a:focus {color: #fce165;}
.top-tabbox .wrap .tab-list .tab.active a {color: #2a2a2a;background:#fff;}

.on_museum .bottom-box{position:relative;min-height:100vh;}
.bottom-content {display: none;}
.bottom-content.active {display: block;}
.bottom-content .layout{max-width:100%;padding:237px 15% 240px;text-align: center;}
.bottom-content h3{position:relative;display:inline-block;margin:0 auto 70px;padding:10px 30px;font-size: 24px;font-family:'GmarketSans';font-weight:bold;text-align: center;/* width: 282px; */border: 3px solid #333;border-radius: 100px;text-align:center;color: #333;}
.bottom-content h3 .total{right:0;display:inline-block;padding:5px 15px;background:#9b6d1b;font-weight:bold;font-family:'GmarketSans';color:#fff;font-size:15px;line-height:1;border-radius:15px;display: none;}
.bottom-content ul{display:flex;flex-wrap:nowrap;justify-content:center;}
.bottom-content ul:after{content:"";display:block;clear:both;}
.bottom-content ul li{margin: 0 20px;font-size:18px;}

@keyframes wave {
  0%
    {transform: scale(.8);opacity: 0.7;}
  100%
    {transform: scale(1.5);opacity: 0;}
  }

.bottom-content a .bn{position:absolute;left:50%;top:50%;border-radius: 50%;text-align:center;color:#fff;font-size:16px;background: #363636;z-index:10}
.bottom-content a .bn:after{content:'';position: absolute;left:50%;top:50%;display:block;background:url(/images/kor/sub02/onmuseum_ir.png) no-repeat}
.bottom-content a .bnplay{width:60px;height: 60px;margin-left:-30px;margin-top:-30px;}
.bottom-content a .bnplay:after{width: 23px;height: 25px;margin-left: -9px;margin-top: -12px;background-position: -80px -110px;}
.bottom-content a .bnvr{width:146px;height:146px;margin-left:-73px;margin-top:-73px;padding-top:85px;}
.bottom-content a .bnvr:after{width:47px;height:33px;margin-left:-23px;margin-top:-30px;background-position:-80px -140px;}
.bottom-content a .bnvr.more:after{background-position:0 -280px;}
.bottom-content a .bnvr b{position:relative;}
.bottom-content a:hover .bn,
.bottom-content a:focus .bn{background: #d32936;}
.bottom-content a:hover .bn:before,
.bottom-content a:focus .bn:before{content:'';position:absolute;left:50%;top:50%;border-radius: 50%;background-color:#d32936;animation: wave 1.5s infinite linear;}
.bottom-content a:hover .bnplay:before,
.bottom-content a:focus .bnplay:before{width:70px;height:70px;margin-left:-35px;margin-top:-35px;}
.bottom-content a:hover .bnvr:before,
.bottom-content a:focus .bnvr:before {width:146px;height:146px;margin-left:-73px;margin-top:-73px;}

.bottom-content .thumb{position:relative;display:block;margin-bottom:30px;box-shadow:5px 5px 15px rgba(0,0,0,.3);overflow:hidden}
.bottom-content .thumb img{display:block;width:100%;transition: 0.3s;}
.bottom-content .thumb:hover:after,
.bottom-content .thumb:focus:after,
.bottom-content .thumb.linkov:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}
.bottom-content .thumb:hover img,
.bottom-content .thumb:focus img{transform: scale(1.1);}
.bottom-content .thumb .bnwrap{opacity:0;position:absolute;top:60%;width:100%;padding:0;z-index:10}
.bottom-content .thumb:hover .bnwrap,
.bottom-content .thumb:focus .bnwrap,
.bottom-content .thumb.linkov .bnwrap{opacity:1;}
.bottom-content .thumb .bnwrap a{display:inline-block;padding:10px 30px;margin:0 auto 5px;color:#fff;border:1px solid #fff;font-size:16px;text-align:center;background:rgba(255,255,255,.1);transform:translateY(-20px);transition: 0.3s;}
.bottom-content .thumb:hover .bnwrap a,
.bottom-content .thumb:focus .bnwrap a{transform:translateY(0);}
.bottom-content .thumb .bnwrap a:hover,
.bottom-content .thumb .bnwrap a:focus{background:#fff;color:#676767;transition: 0.3s;}

.bottom-content .stanting{height:100vh;padding-left:0;padding-right:0;/*background: url(/images/kor/sub02/on_sc2_img1.jpg) no-repeat  / cover*/}
@media (min-width:1920px){
	.bottom-content .stanting h3{color:#fff;border-color:#fff;z-index:10}
}
.bottom-content .stanting ul{position:absolute;top:0;width:100%;height:100vh;}
.bottom-content .stanting ul li{display:block;width:50%;height:100%;margin:0;}
.bottom-content .stanting ul li:first-child{background:rgba(0,0,0,.3);z-index:1}
.bottom-content .stanting .thumb{overflow:visible;height:100%;box-shadow:none}
.bottom-content .stanting .thumb .bnwrap{opacity:1;display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;width:100%;padding:0;z-index:10}
.bottom-content .stanting .thumb .bnwrap strong{color:#fff;font-family:'GmarketSans';font-weight:normal;transform:translateY(-20px);transition: 0.3s;}
.bottom-content .stanting .thumb .bnwrap strong em{display:block;font-size:40px;}
.bottom-content .stanting .thumb:hover .bnwrap strong,
.bottom-content .stanting .thumb:focus .bnwrap strong{transform:translateY(0);}
.bottom-content .stanting ul:before{content:"";display:block;position:absolute;top:0;width:100%;height:100vh;animation: stanting_bg 5s ease both;background:url(/images/kor/sub02/on_sc2_img1_big.jpg) no-repeat 50% 50% /cover;}
@keyframes stanting_bg {
  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);

  }
}
.bottom-content .spacial .thumb .bnwrap a{width:60%;}
.bottom-content .location{position:absolute;left:180px;bottom:80px;width:252px;height:160px;border:4px solid #e3e3e3;background:#fff;}
.bottom-content .location strong{position:absolute;left:-20px;top:-20px;display:block;width:55px;height:55px;border-radius:50%;font-size:18px;font-weight:bold;font-family:'GmarketSans';background:#242424;color:#fff;text-align:center;line-height:55px;}
.bottom-content .location img{position:absolute;right:-50px;top:20px;max-width:none;}

.bottom-content .child{display:flex;flex-direction:row;flex-wrap:nowrap}
.bottom-content .child li a{display:block;}
.bottom-content .child li a strong{display:block;position:relative;padding:25px 30px;font-family:'GmarketSans';font-size:24px;color:#222;background:#ee9ea3;text-align:left;}
.bottom-content .child li a strong:before,
.bottom-content .child li a strong:after{content:"";display:block;position:absolute;background:url(/images/child/images/course_ir.png) no-repeat}
.bottom-content .child li a strong:after{right:20px;top:calc(100%/2 - 39px);width:78px;height:67px;background-position:-386px 0px;}
.bottom-content .child li a strong:before{right:90px;width:78px;height:67px;background-position:-297px 0px}
.bottom-content .child li:first-child a strong:after{right:-60px;top:-23px;width: 168px;height: 124px;background: url(/images/child/images/title_obj01.png) no-repeat 0 0 / auto 100%;}
.bottom-content .child li:first-child a strong:before{top:-13px;right:-20px;width: 181px;height: 107px;background: url(/images/child/images/title_obj02.png) no-repeat 0 0 / auto 100%;}
.bottom-content .child li a strong em{margin-left:10px;font-weight:normal;font-size:18px;}
.bottom-content .child li:first-child a strong{color:#fff;background:#3485cb;}
.bottom-content .child li:first-child a .thumb{text-align:right;}
.bottom-content .child li a .thumb{display:block;padding:40px 60px;background:#fff;}
.bottom-content .child li a .thumb img{width:auto;}
@media (max-width:1920px){
  .on_museum .tit h2{margin:0 auto;}
  .bottom-content ul.col2,
  .bottom-content ul.col3{justify-content:left;}
  .bottom-content ul.col2 li{width:calc(50% - 40px);margin-bottom:40px;}
  /* .bottom-content ul.col3 li{width:calc(33.3% - 40px);} */
  .bottom-content ul.col3 li{margin-bottom:40px;}
  .bottom-content ul.col3 li .thumb{margin-bottom:20px;}
  .bottom-content .child li a strong em{display:block;margin-left:0;}
  .bottom-content .child li:first-child a strong:after{top:-6px;}
  .bottom-content .child li:first-child a strong:before{top:17px;}

}
@media (max-width:1420px){
  .bottom-content .child li a strong:before{display:none}
}
@media (max-width:1279px){
  .on_museum .bottom-box{padding-bottom:170px;}
  .on_museum .bottom-contents {padding-top: 0;}
  .on_museum .modal .tit{position:static;margin-left:auto;margin-right:auto}
  .top-tabbox {position:static;padding:50px 30px 20px;}
  .top-tabbox .wrap{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;padding:20px 50px 0;}
  .top-tabbox .wrap .tabbox-title {position:absolute;top:-20px;left:50%;width:164px;height:37px;margin-left:-82px;background-position:0 -210px;}
  .top-tabbox .wrap .tab-list {display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;width:100%;}
  .top-tabbox .wrap .tab-list .tab{width:20%;}
  .top-tabbox .wrap .tab-list .tab .m_skip{display:none;}
  .top-tabbox .wrap .tab-list .tab a{padding:15px 0 28px;}
  .bottom-contents{padding-top:0;}
  .bottom-content .layout{max-width:100%;padding:0 40px;}
  .bottom-content ul{flex-wrap:wrap;}
  .bottom-content ul li{font-size:18px}
  .bottom-content .child li a strong em{display:block;margin-left:0;}
  .bottom-content .stanting ul{position:relative;overflow:hidden;}
  .bottom-content .stanting .thumb .bnwrap strong em{font-size:32px;}
  .bottom-content .spacial .thumb .bnwrap{display:flex;flex-direction:row;justify-content:space-between;opacity:1;top:auto;bottom:0;}
  .bottom-content .spacial .thumb .bnwrap a{border:0;width:100%;margin:0;padding:15px 0;background:#444977;font-size:15px;transform:translateY(0);}
  .bottom-content .spacial .thumb .bnwrap a:first-child {background:#333;}

  .map-links .map-link a[data-num="2"]{margin-left:40px;}
  .map-links .map-link a[data-num="5"]{margin-left:188px;}
}

@media (max-width:1024px){
	.bottom-content .layout .child{display:block;}
}
@media (max-width:767px){
  .on_museum{background-size:230% auto}
  .on_museum .tit h2{margin-top:0;width:287px;height:70px;background-position:-220px -140px;}
  .on_museum .tit p{font-size:15px;padding:0 30px 40px;}
  .on_museum .tit p span{display:inline;}
  .on_museum .modal .tit h2{width:260px;height:68px;background-position:-530px -130px;}
  .on_museum .bottom-box:before{display:none}
  .on_museum .bottom-box:after{width:400px;height:76px;background-position:100% 0;}
  .on_museum .modal__close{right:20px;top:20px;transform:scale(.5);}
  .map-links .map-link a{position:static;margin:5px auto 0;display:block;}
  .map-links .map-link a[data-num="1"],
  .map-links .map-link a[data-num="2"],
  .map-links .map-link a[data-num="3"],
  .map-links .map-link a[data-num="4"],
  .map-links .map-link a[data-num="5"],
  .map-links .map-link a[data-num="6"] {top:auto;margin-left:auto;}
  .map-links .map-link a span:before{display:none}
  .bottom-content .layout{width:100%;margin:0;}
  .bottom-content h3{font-size:20px;}
  .bottom-content h3 .total{top:0;}
  .bottom-content ul.col3 li{width:calc(50% - 40px)}
  .bottom-content a .bnvr{width:106px;height:106px;margin-left:-53px;margin-top:-53px;padding-top:65px;font-size:14px;}
  .bottom-content a .bnvr:after{top:52px;}
  .top-tabbox{margin-bottom:50px;}
  .top-tabbox .wrap{padding:20px 30px;}
  .top-tabbox .wrap .tab-list .tab{width:auto;}
  .top-tabbox .wrap .tab-list .tab a{padding:10px;border-radius:30px}
  .bottom-content .location{left:40px;bottom:40px;}
  .bottom-content .stanting .thumb .bnwrap strong em{font-size:24px;}
  
  
}
@media (max-width:640px){
  .on_museum .modal .tit:before{margin-left:-166px;}
  .on_museum .modal .tit:after{margin-left:-60px;}
  .bottom-content .stanting ul{flex-direction:row;}
  .bottom-content .stanting ul li{width:100%;height:50%;}
  .bottom-content .stanting .thumb .bnwrap{top:40%;}
  .bottom-content ul li{margin:0;font-size:16px;}
  .bottom-content ul.col2 li,
  .bottom-content ul.col3 li{width:100%;margin-left:0;margin-bottom:50px;}
}
/* sub02_03 온라인전시관 End */

/* sub04_01 예약·신청 안내 */
.s0401 .vlist__column {display: flex; flex-wrap: wrap;}
.s0401 .vlist__column:after {display: none;}
.s0401 .vlist__column.col3 .inner {float: none;}
.s0401 .vlist__column.type02 .inner .item {position: relative; height: 100%; padding-bottom: 95px;}
.s0401 .vlist__column.type02 .inner a {position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); min-width: 181px; margin-top: 0;}
@media(max-width:450px) {
.s0401 .vlist__column.type02 .inner .item {display:flex; padding-bottom:50px;}
.s0401 .vlist__column .inner .circle {display:none;}
.s0401 .vlist__column .inner .circle span {display:none;}
.s0401 .vlist__column .inner .ui-summary p {display:none;}
.s0401 .vlist__column.type02 .inner a {left:71%; bottom:18px;}
.s0401 .vlist__column .inner .ui-summary strong {font-size:18px;}
}
/* sub04_01 예약·신청 안내 End */

/* sub05_03 문화재기증 */
@media (min-width:768px) {
  .s0503 .prc.type2 > li .inner {min-height: 185px;}
}
/* sub05_03 문화재기증 End */

/* sub06_05 보존과학 */
.sub06_05 .se14a_topbox .txtb{padding-right:382px;}
.sub06_05 .se14a_topbox .txtb strong #txts{font-size:20px;}
.s0605.se14a_topbox .txtb .txt {padding-left: 55px; font-size: 17px;}

.s0605 .science .science_box ul {display: flex; flex-wrap: wrap; width: calc(100% + 3.5rem); margin: 3.5rem 0 1rem;}
.s0605 .science .science_box ul li {width: calc(50% - 2.9rem); margin: 0 2.3rem 3rem 0;}
.s0605 .science .science_box ul li:nth-child(even){margin-right:0;}
.s0605 .science .science_box ul li p {word-break: break-all;}
.s0605 .science .science_box ul li > div:first-child{ padding: 30px; background: #d32935 url(/images/kor/sub06/sub06_05_before_img01.png)no-repeat left top; border-radius: 10px;}
.s0605 .science .science_box ul li > div:nth-child(even){margin-top: 1rem;min-height:calc(100% - 94px); padding: 20px 29px 30px;border-radius: 10px;border: 1px solid #d32935;}
.s0605 .science .science_box ul li div > strong { color: #fff; font-size: 1.3rem; font-family: "GmarketSans"; font-weight: 600; }
.s0605 .science .science_box ul li > div.text2 {background: #7d5445 url(/images/kor/sub06/sub06_05_before_img01.png)no-repeat left top;}
.s0605 .science .science_box ul li > div.text3 {background: #917136 url(/images/kor/sub06/sub06_05_before_img01.png)no-repeat left top;}
.s0605 .science .science_box ul li > div.text4 {background: #534539 url(/images/kor/sub06/sub06_05_before_img01.png)no-repeat left top;}
.s0605 .science .science_box ul li > div.inner2 {border: 1px solid #7d5445;}
.s0605 .science .science_box ul li > div.inner3 {border: 1px solid #917136;}
.s0605 .science .science_box ul li > div.inner4 {border: 1px solid #534539;}

.s0605 .science .science_box ul:after { content: ''; display: block; clear: both; }

@media(max-width:1190px) {
  .sub06_05 .se14a_topbox .txtb {padding-right: 0;}
  .s0605 .science .science_box ul { width:100%;}
  .s0605 .science .science_box ul li {width:100%; margin: 0; margin-top: 3rem;}
  .s0605 .science .science_box ul li > div:nth-child(even),
  .s0605 .science .science_box ul li > div.inner3,
  .s0605 .science .science_box ul li > div.inner4{min-height:auto}
  .s0605 .science .science_box ul li > div:first-child{padding:20px 30px;}
  
}
@media (max-width:500px) {
  .s0605.se14a_topbox .txtb .txt {padding-left: 0; text-align: center;}
}

.history .science_img{position: relative;width: 100%;padding:30px 30px 35px;background: #fff;border: 1px solid #ddd;border-radius: 10px;}
.history #beforeAfter{ width:100%;height:440px;display:inline-block;background-color:#ddd}
.history #beforeAfter .item{position:relative;overflow:hidden;height:100%}
.history #beforeAfter .item .cocoen{height:100%}
.history #beforeAfter .item img{display:inline-block;height:100%}
.history #beforeAfter .cocoen-drag{position: absolute;left: 50%;top: 50%;width: 180px;height: 180px;transform: translate(-50%,-50%);background: url(/images/kor/sub06/sub06_05_handle_01.png) no-repeat;background-size:cover;}
.history #beforeAfter .cocoen-drag:before{display: none;}
.history #beforeAfter .cocoen:before{content: '';position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.3);}

.history .year{position: relative;overflow: hidden;margin-top:25px;padding:0 135px;height: 60px;}
.history .year .line{width: 100%;height:1px;background: #d7d7d7;position: relative;top:50%;transform: translateY(calc(50% + 0.5px));}
.history .year .ti1 {position: absolute;left:0;top:0;}
.history .year .ti1 em {position: relative;font-size: 16px;color:#d32935;display: inline-block;padding-left:10px;font-family: "GmarketSans"; }
.history .year .ti1 em::before{content: "";position: absolute;left:0;top:50%;width:5px;height:5px;border-radius: 100%;background: #d32935;margin-top:-2.5px;}
.history .year .ti1 strong {display:block;font-family: "GmarketSans"; font-weight: 400; font-size: 20px;}

.history .year .ti2 {position: absolute;right:0;top:0;text-align:right;}
.history .year .ti2 em {position: relative;font-size: 16px;color:#d32935;display: inline-block;padding-left:10px;font-family: "GmarketSans"; }
.history .year .ti2 em::before{content: "";position: absolute;left:0;top:50%;width:5px;height:5px;border-radius: 100%;background: #d32935;margin-top:-2.5px;}
.history .year .ti2 strong {display:block;font-family: "GmarketSans"; font-weight: 400; font-size: 20px;}

@media(max-width:640px) {
  .history .year{padding:0 115px;}
  .history #beforeAfter{height:340px;}
  .history #beforeAfter .cocoen-drag{width:130px;height:130px;}
}
@media(max-width:450px) {
  .history #beforeAfter{height:270px;}
  .history #beforeAfter .cocoen-drag{width:100px;height:100px;background-image:url(/images/kor/sub06/sub06_05_handle_02.png);}
}

/*sub06_05 보존과학 End */

/* sub07_07_01 국민신문고 */
.s070701 .ui-topbox.type1 .circle {width: 150px; height: auto;}
.s070701 .ui-topbox.type1 .circle img {display: block; padding-top: 15px;}
@media (min-width:768px) {
  .s070701 .ui-topbox.type1 .inner {padding-left: 215px;}
}
/* sub07_07_01 국민신문고 End */


/* 예약 신청 조회 모바일 테이블 */
@media (max-width:620px) {
  .yeyak-table thead th, .yeyak-table tbody td {font-size: 14px;}
  .yeyak-table .yeyak-num, .yeyak-table .yeyak-num2 {display: none;}
  .yeyak-table .yeyak-cancel .btn-danger {padding: 3px; font-size: 14px;}
  .yeyak-table thead>tr>th, .yeyak-table tbody>tr>th {padding: 5px;}
  .yeyak-table .yeyak-cancel {width: 10% !important;}
  .yeyak-table .yeyak-date2 {width: 35% !important;}
  .yeyak-table .yeyak-state {/* width: 40% !important; */}
  .yeyak-table .yeyak-date {border-left: 0; width: 15% !important;}
}


/* 예약 신청 조회 모바일 테이블 End */


/* 동영상 iframe */
.iframe_box{position:relative; width:100%; height:auto; padding-bottom: 56.44%;}
.iframe_box iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
/* 동영상 iframe End */



/* sub02_03 온라인박물관 어린이박물관 수정 */
.bottom-content .child li a .thumb {padding:0;}
.bottom-content .child .thumb .bnwrap {text-align:center;top: 50%;}
.bottom-content .child li strong{display:block;position:relative;padding:25px 30px;font-family:'GmarketSans';font-size:24px;color:#222;background:#ee9ea3;text-align:left;}
.bottom-content .child li strong:before,
.bottom-content .child li strong:after{content:"";display:block;position:absolute;background:url(/images/child/images/course_ir.png) no-repeat}
.bottom-content .child li strong:after{right:20px;top:calc(100%/2 - 39px);width:78px;height:67px;background-position:-386px 0px;}
.bottom-content .child li strong:before{right:90px;width:78px;height:67px;background-position:-297px 0px}
.bottom-content .child li:first-child strong{color:#fff;background:#3485cb;}
.bottom-content .child li:first-child strong:before{top:-13px;right:-20px;width: 181px;height: 107px;background: url(/images/child/images/title_obj02.png) no-repeat 0 0 / auto 100%;}
.bottom-content .child li:first-child strong:after{right:-60px;top:-23px;width: 168px;height: 124px;background: url(/images/child/images/title_obj01.png) no-repeat 0 0 / auto 100%;}
.bottom-content .child li:first-child .thumb{text-align:right;}
@media (max-width:500px){
  .bottom-content .child li strong:before,
  .bottom-content .child li strong:after {display:none;}
}
/* sub02_03 온라인박물관 어린이박물관 수정 End */

/* s0203 특별전시 수정 */
.s0203 .bottom-content .col3{display:flex;flex-direction: row;justify-content: space-between;}
.s0203 .bottom-content .col3 li{margin: 20px 20px 0;font-size:18px;}
@media (max-width:1279px){
  .s0203 .bottom-content .col3{justify-content: center;}
}



/* sub02_03 온라인박물관 실감콘텐츠 추가 */
.bottom-content .silgam li:first-child strong{color:#fff;background:#813a75;}
.bottom-content .child li:first-child strong:before, .bottom-content .child li:last-child strong:before{top: -30px;right: 0;width: 200px;height: 120px;background: url(/images/child/images/sc6_title_obj01.png) no-repeat 0 0 / auto 100%;}
.bottom-content .child li:first-child strong:after,.bottom-content .child li:last-child strong:after {display:none;}
@media (max-width:660px){
  .bottom-content .child li:first-child strong:before, .bottom-content .child li:last-child strong:before {display:none;}
}
/* sub02_03 온라인박물관 실감콘텐츠 추가 End */

/* 상설전시 예외처리 */
.s020102 .se14a_topbox .txtb{padding:0;}
.s020102 .bodo-v .col .v_imgbox{border:1px solid #eee;}
.s020102 .bodo-v .col .v_imgbox img{vertical-align:middle}