html, *{box-sizing: border-box;}

/* 인트로 */
#intro {display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 100%; background: url(../../images/intro.png) no-repeat; background-size: cover; background-position: 50% 50%;}
/* .intro_box {display: flex; flex-direction: column; margin-right: 150px; padding: 30px; width: 450px; background: rgba(0, 0, 0, 0.75); box-sizing: border-box;} */

.top .intro_logo {width: 150px;}
.top .intro_logo img {width: 120px; position: absolute; top: 40px; right: 50px;}

@keyframes rainbow-ani {
    100% {
        background-position: -20398px 0;
    }
}

.mid{width: 768px; height: 70px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);   border-radius: 15px; text-shadow: 50px 0px 10px rgba(255, 255, 255, 0.8), 20px 0px 7px rgba(255, 255, 255, 0.8), 50px 0px 10px rgba(255, 255, 255, 0.8); box-shadow: inset 0px 0px 100px rgba(255, 255, 255, 0.2), 0px 0px 100px rgba(255, 255, 255, 0.3); background-color: rgba(235, 225, 225, 0.1);}

.mid h1{font-size: 50px; font-weight: 300;}

.mid h1 span{font-size: 50px; font-weight: 500;}

.bot {width: 94px; height: 132px; background: url(../images/btn_start.png) no-repeat 0 0 / auto 132px;
    animation: rainbow-ani 1.5s infinite steps(217); position: absolute; bottom: 150px; left: 50%; transform: translateX(-50%); cursor: pointer;}

/* .bot button {width: 140px; background: none;}
.bot button img {width: 100%;} */




/* 투어 */
.popup-dim{width: 100%; height: 100%; background-color: black; opacity: 0.7; position: absolute; top: 0; left: 0; display: none; z-index: 1;}
.popup-dim .popup-close-btn{position: absolute; top: 30px; right: 30px; scale: 2; cursor: pointer; display: none;}
.popup-dim .popup-close-btn2{position: absolute; top: 30px; right: 30px; scale: 2; cursor: pointer; display: none;}
.video-close-btn{position: absolute; top: 30px; right: 30px; scale: 2; cursor: pointer; display: none;}

.popup-page1{width: 920px; height: 60%; background-color: white; border-radius: 15px; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; min-height: 640px;}

.popup-page1 .contents-wrap{width: 90%; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 500px; display: flex; gap: 20px; margin-top: -5px;}

.popup-page1 .contents-wrap .slide-box{width: 60%; max-width: 500px;}
.popup-page1 .contents-wrap .text-box{width: 40%; color: black; word-break: keep-all;}

.popup-page1 .contents-wrap .text-box h2{font-size: 20px; font-weight: 700; margin-top: 5px;}
.popup-page1 .contents-wrap .text-box p{font-size: 16px; color: #77777a;}

.text-box h2 span{cursor: pointer;}

.text-box h2 span img{margin-bottom: -6px;}

.popup-page2{width: 920px; height: 60%; background-color: white; border-radius: 15px; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; min-height: 640px;}

.popup-page2 .contents-wrap{width: 85%; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 500px; display: flex; flex-direction: column; margin-top: 15px;}

.popup-page2 .contents-wrap .slide-box{margin-top: 30px; width: 100%; height: 350px;}
.popup-page2 .contents-wrap .text-box{width: 100%; color: black; word-break: keep-all;}

.popup-page2 .contents-wrap .text-box h2{font-size: 20px; font-weight: 700; margin-top: 5px;}
.popup-page2 .contents-wrap .text-box p{font-size: 16px; color: #77777a;}

.close-btn{position: absolute; right: 20px; top: 20px; cursor: pointer;}

.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: white;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.popup-page2 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: contain;}

.popup-page2.type2 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.swiper-button-next {background-image: url(../images/right.png); background-repeat: no-repeat; background-size: 30px; background-position: 50% 50%; margin-right: 10px;}
.swiper-button-prev {background-image: url(../images/left.png); background-repeat: no-repeat; background-size: 30px; background-position: 50% 50%; margin-left: 10px;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}

.img-popup{width: 80%; height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; z-index: 999;}

.img-popup img{width: 100%; height: 100%; object-fit: contain;}

.pdf-box{width: 80%; height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; z-index: 999;}

.video-wrap{width: 100%;height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 999;}
.video-wrap video{width: 80%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.logo{width: 120px; position: absolute; top: 30px; right: 30px;}

.logo img{width: 100%; height: 100%; cursor: pointer;}

.menu-wrap{width: 100px; position: absolute; bottom: 10px; left: 0; display: flex; gap: 5px;}

.menu-wrap img{width: 100%; cursor: pointer;}

.tap-box{display: flex; flex-direction: column; position: absolute; top: 90px; left: -55px; width: 64px;}

.tap-box img {width: 100%; cursor: pointer;}

.tap-box .tap2, .tap4, .tap5 {margin-top: -18px;}

.guide-wrap{display: block; position: absolute; z-index: 2; top: 50%; left: 50%; width: 100%; height: 100%; background-color: black; opacity: 0.8; overflow: hidden; cursor: pointer; transform: translate(-50%, -50%);}


.guide-wrap img{width: 100%; height: 100%; object-fit: contain; scale: 0.5;}



.popup-menu{display: none; justify-content: center; align-items: center; position: fixed; z-index: 3; top: 0; left: 0; width: 100%; height: 100%;  }
.popup-menu-wrap {position: relative; width: 946px; height: auto; background-color: white;} 
.popup-menu-wrap .bottom-menu {display: flex;}
.popup-menu-wrap .gnb {display: flex; width: calc(100% - 346px);}
.popup-menu-wrap .gnb > li {display: flex; flex-direction: column; position: relative; padding-bottom: 50px; width: 150px; text-align: center; box-sizing: border-box;}
.popup-menu-wrap .gnb > li::after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #E6E6E6;}
.popup-menu-wrap .gnb > li .gnb-title {position: relative; font-size: 18px; font-weight: 700; color: #231F20;}
.popup-menu-wrap .gnb > li .gnb-title:after {content: ''; position: absolute; bottom: -12px; left: 50%; width: 10px; height: 2px; background: #231F20; transform: translateX(-50%);}
.popup-menu-wrap .gnb > li .gnb-list {margin-top: 18px;}
.popup-menu-wrap .gnb > li .gnb-list .gnb-item {display: block; margin-bottom: 6px; line-height: 1.5; font-size: 14px; color: #AAAAAA; cursor: pointer; transition: all 0.3s;}
.popup-menu-wrap .gnb > li .gnb-list .gnb-item:hover {font-weight: 700; color: #231F20;}
.popup-menu-wrap .gnb > li .gnb-list .gnb-item.active {font-weight: 700; color: #231F20;}

.popup-menu-wrap .gnb-map {display: flex; justify-content: center; align-items: center; position: relative; width: 100%; max-width: 346px;}
.popup-menu-wrap .gnb-map img {padding: 30px; width: 100%; box-sizing: border-box;}
/* .popup-menu-wrap .gnb-map .txt_float {position: absolute; padding: 3px 5px; background: rgba(0, 0, 0, 0.7); font-size: 12px; font-weight: 400; color: #fff; transition: all 0.3s;}
.popup-menu-wrap .gnb-map .txt_float.on {font-size: 14px;}
.popup-menu-wrap .gnb-map .txt_float01 {top: 10%; right: 30%;}
.popup-menu-wrap .gnb-map .txt_float02 {top: 12%; right: 49%; transform: translateX(-50%);}
.popup-menu-wrap .gnb-map .txt_float03 {top: 48%; right: 28%; transform: translate(-50%, -50%);}
.popup-menu-wrap .gnb-map .txt_float04 {top: 17%; left: 8%;} */
.txt_float {position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 346px; opacity: 0.3; transition: all ease-in-out 0.45s;}
.txt_float.on {transform: scale(1.12); opacity: 1;}
/* .txt_float01 {transform-origin: bottom center;} */
/* .txt_float02 {transform-origin: bottom center;} */
.txt_float03 {transform-origin: bottom center;}
.txt_float03.on {transform: scale(1.08); transform-origin: bottom center;}
/* .txt_float04 {transform-origin: bottom center;} */
.txt_float img {padding: 30px; width: 100%; box-sizing: border-box;}


.top-bar{width: 100%; height: 105px; background-image: url(../images/top_bg.png); background-repeat: no-repeat; background-size: cover;}

.html_thumb_wrap {display: flex; align-items: center; gap: 0 20px; position: fixed; bottom: 30px; left: 50%; width: 96%; max-width: 96%; height: 78px; box-sizing: border-box; transform: translateX(-50%);}

.html_thumb_wrap .swiper {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 200px);
    max-width: 924px;
    height: 100%;
    transform: translate(-50%, -50%);
  }

  .html_thumb_wrap .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
  }

.html_thumb_wrap .swiper-slide.scene {
    position: relative;

}

.html_thumb_wrap .swiper-slide.scene:after {
    content: '';
    position: absolute;
    bottom: 5px; left: 48%;
    width: calc(100% - 18px);
    height: 3px;
    background: #907250;
    transform: translateX(-50%);
    /* background-image: url(../../thumb/rail_2.png); */
    /* background-size: cover; */
    /* background-position: 50% 50%; */
    /* background-repeat: no-repeat; */
}

.html_thumb_wrap .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.menu-logo{    
    position: absolute;
    top: 15px;
    left: 15px;
}

.tip{    position: absolute;
    top: 17px;
    right: 54px;
    cursor: pointer;
}

.popup-menu-close{
    position: absolute;
    top: 19px;
    right: 19px;
    cursor: pointer;
}

.contents-wrap .text-box h2 {margin-bottom: 15px;}

/* .pdf-btn1, .pdf-btn2, .pdf-btn3 {display: block; width: 124px;} */
.pdf-btn1 img, .pdf-btn2 img, .pdf-btn3 img {width: 124px; height: 27px;}
.play-btn1 img, .play-btn2 img, .play-btn3 img, .play-btn3 img {width: 95px; height: 27px;}

/* 미디어쿼리 1024px */

@media(max-width:1024px){
/* 인트로 */
#intro {justify-content: center;}

.guide-wrap img{scale: 0.6;}

/* 투어 */
.popup-page1{width: 96%; height: 60%; background-color: white; border-radius: 15px; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; min-height: 640px;}

.popup-page1 .contents-wrap{width: 85%; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 500px; display: flex; gap: 20px; margin-top: -5px;}

.popup-page1 .contents-wrap .slide-box{width: 59.8%; max-width: 500px;}
.popup-page1 .contents-wrap .text-box{width: 40%; color: black; word-break: keep-all;}

.popup-page1 .contents-wrap .text-box h2{font-size: 18px; font-weight: 700; margin-top: 5px;}
.popup-page1 .contents-wrap .text-box p{font-size: 14px; color: #77777a;}

.popup-page2{width: 94%; height: 60%; background-color: white; border-radius: 15px; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; min-height: 640px;}

.popup-page2 .contents-wrap{width: 85%; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 500px; display: flex; flex-direction: column; margin-top: 15px}

.popup-page2 .contents-wrap .slide-box{width: 100%; height: 350px;}
.popup-page2 .contents-wrap .text-box{width: 100%; color: black; word-break: keep-all;}

.popup-page2 .contents-wrap .text-box h2{font-size: 18px; font-weight: 700; margin-top: 0px;}
.popup-page2 .contents-wrap .text-box p{font-size: 14px; color: #77777a;}

.tap-box {left: -30px;}

.logo{width: 120px; position: absolute; top: 50px; right: 50px;}

.logo img{width: 100%; height: 100%;}


.popup-menu-wrap .bottom-menu { justify-content: space-between;}
    .popup-menu-wrap {width: 96%;}
    .popup-menu-wrap .gnb {width: calc(100% - 222px);}
    .popup-menu-wrap .gnb > li {width: 25%;}
    .popup-menu-wrap .gnb > li .gnb-title {font-size: 16px;}
    .popup-menu-wrap .gnb > li .gnb-list .gnb-item {font-size: 12px;}
    .popup-menu-wrap .gnb-map {max-width: 222px;}
}

/* 미디어쿼리 768px */

@media(max-width:768px){
 /* 인트로 */
#intro {justify-content: center; background-size: cover;}

.mid{width: 80%; height: auto; word-break: keep-all;}

.mid h1{font-size: 46px;}

.mid h1 span{font-size: 46px;}

/* 투어 */
.popup-page1{width: 100%; height: auto; background-color: white; border-radius: 0px; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; min-height: 640px;}

.popup-page1 .contents-wrap{flex-direction: column; width: 96%; height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 500px; display: flex; gap: 7px; margin-top: -5px;}

.popup-page1 .contents-wrap .slide-box{width: 100%; max-width: 500px; height: 350px;}
.popup-page1 .contents-wrap .text-box{width: 100%; max-width: 500px; color: black; word-break: keep-all;}

.popup-page1 .contents-wrap .text-box h2{font-size: 16px; font-weight: 700; margin-top: 5px;}
.popup-page1 .contents-wrap .text-box p{font-size: 14px; color: #77777a;}

.popup-page2{width: 100%; height: 50%; background-color: white; border-radius: 0px; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; min-height: 620px;}

.popup-page2 .contents-wrap{width: 96%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 620px; display: flex; flex-direction: column; margin-top: 15px}

.popup-page2 .contents-wrap .slide-box{width: 100%; height: 350px;}
.popup-page2 .contents-wrap .text-box{width: 100%; color: black; word-break: keep-all;}

.popup-page2 .contents-wrap .text-box h2{font-size: 18px; font-weight: 700; margin-top: 0px;}
.popup-page2 .contents-wrap .text-box p{font-size: 14px; color: #77777a;}

.tap-box {
    top: -235px;
    left: 132px;
    transform: scale(0.7) rotate(-90deg);
}



.logo{width: 120px; position: absolute; top: 50px; right: 50px;}

.logo img{width: 100%; height: 100%;}

/* .guide-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7;} */

.guide-wrap img{width: 140%; height: 100%; object-fit: contain; margin-left: -20%; scale: 0.6;}

.html_thumb_wrap .swiper {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 170px);
    max-width: 924px;
    height: 100%;
    transform: translate(-50%, -50%);
  }

  .menu-wrap{width: 70px; position: absolute; bottom: 20px; left: 0; display: flex; gap: 5px;}

  .popup-menu-wrap .bottom-menu {flex-direction: column; justify-content: space-between;}
    .popup-menu-wrap {width: 100%;}
    .popup-menu-wrap .gnb {width: calc(100%);}
    .popup-menu-wrap .gnb > li {width: 25%;}
    .popup-menu-wrap .gnb > li .gnb-title {font-size: 14px;}
    .popup-menu-wrap .gnb > li .gnb-list .gnb-item {font-size: 11px;}
    .popup-menu-wrap .gnb-map {display: none; max-width: 100%;}
    /* .popup-menu-wrap .gnb-map img {} */

    .contents-wrap {align-items: center; overflow: auto;}
    .pdf-btn1 img, .pdf-btn2 img, .pdf-btn3 img {zoom: 0.8;}
    .play-btn1 img, .play-btn2 img, .play-btn3 img, .play-btn3 img {zoom: 0.8;}

    
}


.fancybox-caption {text-align: right !important;}


















.html_thumb_wrap .swiper-slide:nth-of-type(1) {
    background-image: url(../../thumb/1_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(2) {
    background-image: url(../../thumb/2_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(3) {
    background-image: url(../../thumb/3_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(4) {
    background-image: url(../../thumb/4_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(5) {
    background-image: url(../../thumb/5_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(6) {
    background-image: url(../../thumb/6_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(7) {
    background-image: url(../../thumb/7_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(8) {
    background-image: url(../../thumb/8_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(9) {
    background-image: url(../../thumb/9_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(10) {
    background-image: url(../../thumb/10_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(11) {
    background-image: url(../../thumb/11_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(12) {
    background-image: url(../../thumb/12_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(13) {
    background-image: url(../../thumb/13_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(14) {
    background-image: url(../../thumb/14_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(15) {
    background-image: url(../../thumb/15_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(16) {
    background-image: url(../../thumb/16_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(17) {
    background-image: url(../../thumb/17_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(18) {
    background-image: url(../../thumb/18_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(19) {
    background-image: url(../../thumb/19_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(20) {
    background-image: url(../../thumb/20_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(21) {
    background-image: url(../../thumb/21_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(22) {
    background-image: url(../../thumb/22_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(23) {
    background-image: url(../../thumb/23_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(24) {
    background-image: url(../../thumb/24_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(25) {
    background-image: url(../../thumb/25_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide:nth-of-type(26) {
    background-image: url(../../thumb/26_thumb.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}


.html_thumb_wrap .swiper-slide.scene:nth-of-type(1) {
    background-image: url(../../thumb/1_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(2) {
    background-image: url(../../thumb/2_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(3) {
    background-image: url(../../thumb/3_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(4) {
    background-image: url(../../thumb/4_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(5) {
    background-image: url(../../thumb/5_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(6) {
    background-image: url(../../thumb/6_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(7) {
    background-image: url(../../thumb/7_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(8) {
    background-image: url(../../thumb/8_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(9) {
    background-image: url(../../thumb/9_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(10) {
    background-image: url(../../thumb/10_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(11) {
    background-image: url(../../thumb/11_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(12) {
    background-image: url(../../thumb/12_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(13) {
    background-image: url(../../thumb/13_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(14) {
    background-image: url(../../thumb/14_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(15) {
    background-image: url(../../thumb/15_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(16) {
    background-image: url(../../thumb/16_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(17) {
    background-image: url(../../thumb/17_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(18) {
    background-image: url(../../thumb/18_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(19) {
    background-image: url(../../thumb/19_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(20) {
    background-image: url(../../thumb/20_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(21) {
    background-image: url(../../thumb/21_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(22) {
    background-image: url(../../thumb/22_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(23) {
    background-image: url(../../thumb/23_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(24) {
    background-image: url(../../thumb/24_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(25) {
    background-image: url(../../thumb/25_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}
.html_thumb_wrap .swiper-slide.scene:nth-of-type(26) {
    background-image: url(../../thumb/25_thumb2.png);
    background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
}