* { box-sizing: border-box; } 
#wrap { padding-bottom: 50px; } 
.scr-fix { overflow: hidden; } 

#wrap{width: 100%;position: relative;}
.scr-fix{overflow: hidden;}
.popup-wrap{display: flex;align-items: center;justify-content: center;z-index: 999;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0, .7);padding:0 25px;display: none;padding: 40px 20px;}
.popup-wrap.on{display: flex;}
.popup-inner{box-sizing: border-box;width: 100%;max-width:720px;overflow: hidden;background-color: #fff;position: relative;}

.popup-section_area{padding: 0;}

.popup-section-tit{padding: 25px 0 15px;text-align: center;}
.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;}
.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: 16.5px;display: inline-block;position: absolute;right: 21PX;top:20PX;z-index: 1;}
.pop-btn_clse>img{width: 100%;display: block;}

.popup-inner{background-color: none;}
.popup-wrap_coupon .popup-section-tit{background-color: #fff;}

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

.tab-menu{position: sticky;top: 0;z-index: 200;background-color: #fff;padding-bottom: 1.5vw;}
.tab-menu ul{/* display: flex; *//* flex-wrap: wrap; */display: grid;grid-template-columns: repeat(4, 1fr);padding: 0 20p;}
.tab-menu ul>li{width: 100%;text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 2.7778vw;position: relative;padding: 1.6389vw 1vw 0vw;}
.tab-menu ul>li>a:after{display: block;content: '';position: absolute;bottom:0;left:50%;transform: translateX(-50%);width: 154%;height: 3px;background-color: #000;opacity: 0.17;}
.tab-menu ul>li.on>a:after{display: block;content: '';position: absolute;bottom:0;left:50%;transform: translateX(-50%);width: 122%;height: 3px;background-color: #04974B;opacity: 1;}
.tab-menu li>a{font-weight: 300;font-size: 1.5556vw;display: inline-block;padding: 0 0 1.5vw 0;color: #000;position: relative;}
.tab-menu ul>li.on>a{font-weight: bold;}
.tab-menu ul>li.on:nth-child(1)>a:after{background-color: #eb6ea5;}
.tab-menu ul>li.on:nth-child(2)>a:after{background-color: #30bbdd;}
.tab-menu ul>li.on:nth-child(3)>a:after{background-color: #925ca3;}
.brand_special_detail_wrap{
    padding: 0 5.9722vw 7.9722vw !important;
    overflow: hidden;
    position: relative;
}
.brand_special_detail_wrap .top-banner02{display: block;width: 100%;/* padding: 0 5.9722vw; *//* overflow: hidden; */position: relative;}
.brand_special_detail_wrap .top-banner02 .swiper-wrapper{width: 100%;/* overflow: hidden; */}
.brand_special_detail_wrap .top-banner02 .swiper-wrapper .swiper-slide{
    /* width: 100% !important; */
    /* margin-right: 5.9722vw !important; */
}
.brand_special_detail_wrap .top-banner02 .swiper-wrapper .swiper-slide:nth-child(n+2){}
.brand_special_detail_wrap .top-banner02 .swiper-wrapper .swiper-slide .img{width: 100%;/* padding: 0 5.9722vw; */}
.brand_special_detail_wrap .top-banner02 .swiper-wrapper .swiper-slide .img img{width: 100%;display: block;}
.brand_special_detail_wrap .swiper-container-horizontal>.swiper-pagination-progressbar{
    top: auto;
    width: 100%;
    position: relative;
    bottom: -3.7889vw;
    background-color: #fff;
    z-index: 100;
}
.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 4.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;}
.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;
}

.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(../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(../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(../images/comminsoon.png) center center no-repeat;background-size: 81.5278vw 33.8889vw;background-color: rgba(0,0,0,0.4);}
.sliderDiv{
    position: absolute;
    top: 0;
    left: 0;
}
.product-list article input{position: absolute;top:0;left:0;}
.product-list article{
    left: 19vw;
    transform: none;
}
.pdimg{
    padding: 0 6.2500vw;
}
.mgimg{
    margin: 8vw 0 0 0;
}

.titleImg{
    padding: 13vw 6.2500vw 7vw;
}
.titleArticle{position: relative;}
.titleArticle>p{
    font-size: 4.4444vw;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 13.4vw;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
    background: #fff;
    padding: 0 14px;
}
.downBtn{
    padding: 0 5vw;
    display: block;
}
.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;}

.coupon-wrap{padding: 0 0 200px 0 !important;}

.tab-view ul{
    display: flex;
}

.slider-cont{
    padding: 2vw 0 0;
}
.gift .slider-cont>p{font-size: 1.3vw;font-weight: bold;text-align: center;}
.gift .slider-cont>strong{font-size: 1.3vw;display: block;text-align: center;font-weight: 400;margin-top: 1vw;line-height: 1.8vw;}
.gift .slider-cont>em{font-size: 1.1vw;display: block;font-weight: bold;text-align: center;margin-top: 1vw;}
.gift .slider-cont>em>span{font-size: 1.1vw;}

.slider-cont>p{font-size: 1.5556vw;font-weight: bold;text-align: center;}
.slider-cont>strong{font-size: 1.5556vw;display: block;text-align: center;font-weight: 400;margin-top: 1vw;line-height: 1.8vw;}
.slider-cont>em{font-size: 1.4556vw;display: block;font-weight: bold;text-align: center;margin-top: 1vw;}
.slider-cont>em>span{display: block;color: #5f5f5f;font-size: 1.3vw;text-align: center;font-weight: 400;margin-top: 1vw;}
.tab-div{display: none;}
.tab-div.on{display: block;}

  
.tab-div .brand_special_detail_wrap .swiper-container-horizontal>.swiper-pagination-progressbar{}
.tab-div .brand_special_detail_wrap{}