@charset "utf-8";

/* main-popup */
.popup{border-radius: 15px;overflow: hidden;}
.popup .popup-contents{background: #fff;}
.popup a{display:block;}
.popup img{display:block;}
.popup .popup-bottom{display: flex;}
.popup .popup-bottom button{display:inline-block;padding: 15px 5px;width:30%;color:#fff;text-align: center;background: #1e4ba0;font-size: 13px;}
.popup .popup-bottom button:first-child{width:70%;background:#777;}


.slide-popup{display:none;position: fixed;top:0;left:0;width:100%;height:100%;z-index: 999999;}
.slide-popup .close-popup{position: absolute;top:50px;right:110px;}
.slide-popup .inner-box{max-width:1200px;padding:30px 0px 0;margin:0 auto;height: 100vh;position: relative;}
.slide-popup .big-slider{padding:0;}
.slide-popup .big-slider .slick-slide {position: relative;height: calc(100vh - 220px);}
.slide-popup .big-slider .slick-slide img{display: block;margin:0 auto;max-width:100%;position: relative;top:50%;transform: translateY(-50%);max-height: 100%;}

.slide-popup .big-slider .slick-slide img{display: block;margin:0 auto;max-width:100%;position: relative;top: 50%;transform: translateY(-50%);}
.slide-popup .slider-nav-thumbnails{margin: 0;position: absolute;width: 100%;left: 0;bottom: 20px;}
.slide-popup .slider-nav-thumbnails .slick-track{float:left;}
.slide-popup .slider-nav-thumbnails .slick-slide{display:inline-block;overflow:hidden;margin:0 10px;opacity: 0.4;cursor: pointer;max-width:80px;max-height:80px;}
.slide-popup .slider-nav-thumbnails .slick-slide img{display: block;width:100%;height:100%;}
.slide-popup .slider-nav-thumbnails .slick-slide.slick-current{opacity: 1}
.slide-popup .slider-nav-thumbnails button { display:none !important; margin:0; padding:0 }


.slide-popup .top-slider{position:relative;overflow: hidden;}
.slide-popup .top-slider .swiper-button-prev2{position: absolute;background: url(/_public/images2/icon/popup_left.svg) no-repeat;background-size: cover;width: 50px;height: 50px;z-index: 10;top: 50%;transform: translateY(-50%);left: 0;}
.slide-popup .top-slider .swiper-button-prev2.swiper-button-disabled{opacity: 0;}
.slide-popup .top-slider .swiper-button-next2{position: absolute;background: url(/_public/images2/icon/popup_right.svg) no-repeat;background-size: cover;width: 50px;height: 50px;z-index: 10;top: 50%;transform: translateY(-50%);right: 0;}
.slide-popup .top-slider .swiper-button-next2.swiper-button-disabled{opacity: 0;}
.slide-popup .top-slider .swiper-slide {position: relative;height: calc(100vh - 160px);}
.slide-popup .top-slider .swiper-slide img{display: block;margin:0 auto;max-width:100%;position: relative;top:50%;transform: translateY(-50%);max-height: 100%;}
.slide-popup .nav-thumbnails{margin: 0;position: absolute;width: 100%;left: 0;bottom: 20px;overflow: hidden;}
.slide-popup .nav-thumbnails .swiper-slide{opacity: 0.4;max-height:80px;overflow: hidden;}
.slide-popup .nav-thumbnails .swiper-slide.swiper-slide-thumb-active{opacity:1;}
.slide-popup .nav-thumbnails .swiper-slide img{min-height: 80px;}


@media all and (max-width:1440px) {
    .slide-popup .big-slider .slick-slide img{display: block;margin:0 auto;max-width:100%;}
}
/* tablet */
@media all and (max-width:1440px) {
    .slide-popup .close-popup{top:20px;right:20px;width:25px;}
}

/* tablet */
@media all and (max-width:1280px) {
    .slide-popup .close-popup{top:20px;right:20px;width:25px;}
    .slide-popup .slider-nav-thumbnails .slick-slide img{width:100%;}
    .slide-popup .big-slider .slick-slide img{}
}

/* mobile */
@media all and (max-width:768px) {
    .slide-popup{display: none !important;}
    .slide-popup .inner-box{padding:50px 20px 0;}
    .overlay-w{display: none !important;}
}