@charset "UTF-8";
* { box-sizing: border-box; } 
#wrap { padding-bottom: 50px; width: 100%; position: relative;}
.scr-fix { overflow: hidden; width: 100%;height: 100%;}
/* 공통팝업 스타일 */
.popup-wrap{display: flex;align-items: center;justify-content: center;z-index: 3;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0, .7);padding:0 25px; visibility: hidden; padding: 40px 20px;}
.popup-wrap.on{visibility: visible;}
.popup-inner{box-sizing: border-box;width: 100%;max-width:720px; position: relative;}
.popup-section_area{padding: 0;}
.popup-section-tit{padding: 14vw 0;text-align: center; background-color: #fff; word-break: keep-all;}
.popup-section-tit>strong{display: block;font-size: 18px;line-height: 24px;font-weight: 700;}
.popup-section-tit>em{display: block;font-size: 13px;letter-spacing: -0.15px;margin-top: 10px;}
.popup-wrap_coupon .popup-section-tit>strong{font-family: 'Noto Sans KR';font-weight: 500;}
.popup-wrap_coupon .popup-section-tit{padding: 34px 0 40px;}
.popup-infoArea>img{display: block;width: 100%;}
.popup-infoArea>dl{margin: 15px 0;min-height: 80px;padding: 0 0 0 6px;}
.popup-infoArea>dl dt{font-size: 10px;color: #292929;font-family: 'Noto Sans KR';font-weight: bold;margin-bottom: 10px;}
.popup-infoArea>dl dd{font-size: 10px;color: #292929;font-family: 'Noto Sans KR';line-height: 15px;}
.popup-confirmArea{position: relative;display: flex;}
.confirm-dim{position: absolute;top:0;left:0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);color: #fff;display: none;align-items: center;justify-content: center;font-size: 13px;}
.confirm-dim{display: none;}
.confirm-dim.on{display: flex;}
.popup-confirmArea .fromTxt{font-family: 'Noto Sans KR';font-weight:bold;text-align: center;width: 100%;display: block;color: #090909;font-size: 12px;border: 1px solid #2d2d2d;line-height: 22px;letter-spacing: -0.10px;padding: 8px 0;box-sizing: border-box;margin-bottom: 5px;}
.popup-confirmArea .fromTxt::placeholder{color: #090909;}
.popup-confirmArea .fromTxt.off{color: #c01e1e;border: 1px solid #c01e1e;}
.popup-confirmArea .fromTxt.off::placeholder{color: #c01e1e;}
.popup-commonBtn{font-size: 12px;line-height: 22px;letter-spacing: -0.10px;display: block;width: 100%;padding: 9px 0;background-color: #666666;color: #fff;background: #ab473a;flex: 1;}
.popup-commonBtn:first-child{}
.popup-commonBtn:last-child{margin-right: 0px !important;}
.bggr{background-color: #2d2d2d;}
.popup-tourbtn{color: #fff;background-color: #791dd6;font-family: 'Noto Sans KR';}
.popup-couponBtn{color: #fff;background-color: #2d2d2d;font-family: 'Noto Sans KR';}
.coupon-icon{display: block;width: 26.5px;margin: 0 auto 12px;}
.pop-btn_clse{width: 6vw;display: inline-block;position: absolute;right: 21PX;top:7vw;z-index: 1;}
.pop-btn_clse>img{width: 100%;display: block;}
.popup-wrap_coupon .popup-section-tit{background-color: #fff;}

/* 유의사항 팝업 */
 
#noticePop .popup-section{
    padding: 50px 20px;
}
.notice-pop{}
.notice-pop > p{
    font-size: 11px;
    font-weight: bold;
    color: #000;
    margin-bottom: 18px;
}
.notice-pop > ul{}
.notice-pop > ul >li{
    font-size: 10px;
    color: #000;
    margin-top: 9px;
    line-height: 13px;
    padding-left: 9px;
    text-indent: -9px;
}
.notice-pop > ul >li:first-child{margin-top: 0;}

/* //유의사항 팝업 */


/* // 공통팝업 스타일 */


.img{position: relative;width: 100%;}
.img img {width: 100%;display: block;} 
.pos { position: relative; } 
.pos img { width: 100%; display: block; }



.img.title2 {text-align: center; padding: 0 0 24px;}
.img.title2 img {height: 32px; width: auto; margin:  0 auto;}

.img.pd24 {padding: 12px 24px 32px;}

/* 탭 메뉴 */
.tab-menu{position: sticky;top: 0;z-index: 2;background-color: #fff;}
.tab-menu ul{display: flex;width: 100%;justify-content: space-between; padding-top: 0.5vw;}
.tab-menu ul>li {width: 33%; background-size: 100%; background-repeat: no-repeat;}
.tab-menu ul>li a img {display: block; width: 100%;}
.tab-menu ul>li.on a img {visibility: hidden;}
.tab-menu ul>li:nth-child(1) {background-image: url(../images/tab1_on.png);}
.tab-menu ul>li:nth-child(2) {background-image: url(../images/tab2_on.png);}
.tab-menu ul>li:nth-child(3) {background-image: url(../images/tab3_on.png);}


/* //탭 메뉴 */

/* 탭 내용 */
.tab-div{height:0 !important; overflow: hidden;}
.tab-div.on{height:auto !important;}
/* //탭 내용 */

/* 유의사항 펼쳐보기 */
.bottom-action{
    padding: 4vw 5vw 0;
}
.bottom-action{position: relative;}
.bottom-action .action-btn{
    display: block;
    position: absolute;
    top: 4vw;
    left: 0;
    width: 100%;
    height: 14vw;
}

.bottom-action .action-onImg{display: none;}
.bottom-action.on .action-offImg{display: none;}
.bottom-action.on .action-onImg{display: block;}
/* //유의사항 펼쳐보기 */

/* 공통 슬라이더 */
.event-common_slider{
    padding: 0 5.9722vw 16.8vw;
    overflow: hidden;
    position: relative;
}
.event-common_slider>div{display: block;width: 100%;position: relative;}
.event-common_slider>div .swiper-wrapper{width: 100%;}
.event-common_slider>div .swiper-wrapper .swiper-slide{
    width: 100%;
}
.event-common_slider>div .swiper-wrapper .swiper-slide:nth-child(n+2){}
.event-common_slider>div .swiper-wrapper .swiper-slide .img{width: 100%;/* padding: 0 5.9722vw; */}
.event-common_slider>div .swiper-wrapper .swiper-slide .img img{width: 100%;display: block;}
.event-common_slider .swiper-container-horizontal>.swiper-pagination-progressbar{
    top: auto;
    width: 100%;
    position: relative;
    bottom: -7.8vw;
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #000;}
.coupon-cont{position: absolute;top:0;left:0;bottom: 0;padding: 5.8333vw;width: 69vw;}
.coupon-cont .coupon-date{display: inline-block;background-color: #000;color: #fff;font-size: 2.2222vw;padding: 1.9444vw 3.7222vw;letter-spacing: 0;border-radius: 19px;font-weight: bold;margin-bottom: 2.7778vw;}
.coupon-cont strong{display: block;font-size: 4.1667vw;margin-bottom: 2.7778vw; word-break: keep-all; line-height: 1.3; letter-spacing: -0.04em;}
.coupon-cont em{display: block;font-weight: 300;font-size: 3.0556vw;}
.coupon-cont .em-btm{display: block;position: absolute;bottom: 5vw;left: 5.8333vw;}
.coupon-click{
    position: absolute;
    top: 0;
    right: 0;
    width: 19vw;
    height: 100%;
    display: block;
}

.slider-cont>p{font-size: 3.0556vw;font-weight: bold;text-align: center;}
.slider-cont>strong{font-size: 3.0556vw;display: block;text-align: center;font-weight: 400;margin-top: 2vw;}
.slider-cont>em{font-size: 3.4556vw;display: block;font-weight: bold;text-align: center;margin-top: 2vw;}
.slider-cont>em>span{display: block;color: #5f5f5f;font-size: 2vw;text-align: center;font-weight: 400;margin-top: 4vw;}

/* //공통 슬라이더 */

/* 공통 체크 리스트 */
.product-list>ul{display: flex;flex-wrap: wrap;padding: 0 6.1111vw;}
.product-list>ul>li{position: relative;width: calc(50% - 0.5vw);margin-bottom: 1.3889vw;}

.product-list>ul>li.off{}
.product-list>ul>li.off:after{display: block;content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;background: url(https://d2cz87s0pdisyf.cloudfront.net/mCatalogEvent/TropicalEscape/images/dim.png) center center no-repeat;background-size: 22.2222vw 22.2222vw;background-color: rgba(0,0,0,0.4);}

.product-list>ul>li>img{width: 100%;display: block;}
.product-list>ul>li:nth-child(odd){margin-right: 0.5vw;}
.product-list article{position: absolute;bottom: 3.4722vw;left: 50%;transform: translateX(-50%);}
.product-list article input{opacity: 0;}
.product-list article label{display: inline-block;width: 4.1667vw;height: 4.1667vw;border: 1px solid #b5b3b3;border-radius: 50%;}
.product-list article input[type="checkbox"]:disabled+label>span{color: #b5b5b5;}
.product-list article input[type="checkbox"]:checked+label{background-color: #5d4556;outline: none;}
.product-list article .chk_line{margin-bottom: 4px;}
.product-list article input[type="checkbox"]:checked+label .chk_line{display: inline-block;}
.product-list article input[type="checkbox"]:checked+label .chk_line:after{display: inline-block;width: 100%;content: '';height: 2px;background-color: #ca3727;position:absolute;bottom:0;left:0;right:0;}
.product-list article label>span{position: relative;display: block;font-size: 11px;font-weight: 600;line-height: 14px;color: #010101;;letter-spacing: -0.13px;}
.product-list article label>span>span{color: #ca3727;display: inline-block;margin-left: 2px;}
/* // 공통 체크 리스트 */
.beauty-bg{background: url(https://d2cz87s0pdisyf.cloudfront.net/mCatalogEvent/TropicalEscape/images/bauty-bg.png) 0 0; background-size: 40px 40px;}

.comming:after{display: block;content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;background: url(https://d2cz87s0pdisyf.cloudfront.net/mCatalogEvent/TropicalEscape/images/comminsoon.png) center center no-repeat;background-size: 81.5278vw 33.8889vw;background-color: rgba(0,0,0,0.4);}

.popup-wrap .popup-inner .detail h5 {font-size: 12px; margin: 10px 0 2px; font-family: 'SDGothic';}
.popup-wrap .popup-inner .detail p {font-size: 11px; margin-top: 4px; font-family: 'SDGothic'; line-height: 1.2;}
.popup-wrap .popup-inner .detail small {font-size: 10px; letter-spacing: -0.04em; margin-top: 2px;}
.popup-wrap .popup-inner .detail strong {font-size: 14px; margin-top: 4px; font-family: 'SDGothic'; font-weight: 600;}
.popup-wrap .popup-inner .txt_small {text-align: center; padding: 0 0 40px; font-size: 10px; line-height: 1.3;}

.btn_right {position: fixed; right: 38px; top:42px; z-index: 100;}
.btn_right img {width: 20px; height: auto;}


.popup-section_area { text-align: center;}
.popbtn_area { display: flex; overflow: hidden; } 
.popbtn_area .popup-section_btn {color: #fff;display: block;width: 90%;background-color: #777;color: #fff;padding: 5.6vw 0;line-height: 100%;font-size: 0.8rem;text-align: center;margin-right: 0px;flex: 1;} 
.popbtn_area .popup-section_btn:last-child { margin-right: 0; background-color: #010101;} 
.popbtn_area .popup-section_btn.btn-gray { background-color: #ddd; color: #222; } 


.swiper-pagination-fraction {bottom: -10vw !important; font-size: 12.5px; color: #aaa; font-weight: 800;}
.swiper-pagination-fraction .swiper-pagination-current {color:#000;}