/* BASIC css start */
.tool-wrap {padding:5px 10px;}
.tool-wrap select {width:100%;}
.list_array {border-top:0px none;}
.plan .list_array .list_arrayRight img {width: 23px; height: auto;}

/* -------------------------------------에코작업------------------------------------- */

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

@keyframes ani{
    0%{top:30vw;}
    100%{top:31vw;}
}

.promotionWrap, .promotionWrap *{ font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }
.promotionWrap{font-size:0;}
.promotionWrap img{width:100%;}
.promotionWrap a{display:inline-block;}

.promotionWrap .wd50{width:50%;} 
.promotionWrap .wd33{width:33.33%}

.promotionWrap .menuBtn{display:flex; width:100%;}
.promotionWrap .menuBtn img.active{border-bottom: 4px solid #fff;}


.promotionWrap .floatingTxt{position:relative;}
.promotionWrap .floatingTxt div{position:absolute; left:50%; width:max-content; transform:translateX(-50%); font-size:3.5vw; background:#262626; color:white; padding:6px 10px; border-radius:5px; animation:ani .6s infinite alternate;}
.promotionWrap .floatingTxt div::after{content:""; display:block; position:absolute; width:0; left:50%; top:100%; transform:translateX(-50%); border-width:10px 7px 0; border-style:solid; border-color:#262626 transparent;}
.promotionWrap .floatingTxt div span{color:#bc9bc2}

.setPrice{position:relative; display:inline-block;}
.setPrice > span{position:absolute; font-size:4.2vw; z-index:1; top:62vw; left:3vw; font-weight:500; padding-right:4vw;}
.setPrice > span::after{content:''; display:block; position:absolute; width:7px; height:7px; border-top:1px solid #000; border-right:1px solid #000; transform:translateY(-50%) rotate(135deg); position:absolute; top:40%; right:0px;}
.setPrice > span.on::after{transform:translateY(-50%) rotate(315deg); top:60%;}
.setPrice > span ul{position:absolute; top:165%; left:0; background:#fff; border:solid 1px #b2b2b2; padding:2vw; width:max-content; display:none;}
.setPrice > span.on ul{display:block;}
.setPrice > span ul li{font-size:3.6vw; padding:0.9vw 0; text-align:right;}
.setPrice > span ul li.on span{color:#cf1b7c}
.setPrice > span ul li span:nth-child(1){display:inline-block; width:calc(100% - 26vw); text-align:left;}
.setPrice > span ul li span:nth-child(2){display:inline-block; width:9vw; font-weight:400;}
.setPrice > span ul li span:nth-child(3){display:inline-block; width:17vw;}

.grade{position:relative;}
.grade span{position:absolute; font-size:4.5vw; z-index:1; left:46.8%; font-weight:600; top:14vw; transform:translateX(-50%);}

#timer{position:relative;}
#timer #HourCountdown{position:absolute; top:65vw; left:41%; transform:translateX(-50%); font-size:12vw; display:flex; justify-content:space-between; width:70%; color:#fff;}
#timer #HourCountdown span{padding:0 3vw; display:inline-block;}


.accordionBox{display:none;}

.swiperBox{position:relative;}
.swiperBox .swiper{position:absolute; top:21vw; width:100%; padding-bottom:30px;}
.swiperBox .swiper .swiper-wrapper{padding:0 20px;}
.swiperBox .swiper .swiper-scrollbar{height:2px; left:50%; transform:translateX(-50%); width:90%;}


.swiperFade.swiper .swiper-button-prev, .swiperFade.swiper  .swiper-button-next{width:auto}
.swiperFade.swiper .swiper-button-prev::after, .swiperFade.swiper  .swiper-button-next::after{color:#000; font-size:5vw;}
.swiperFade.swiper  .swiper-button-prev{left:4vw;}
.swiperFade.swiper  .swiper-button-next{right:4vw;}

.promotionSwiper.swiper .swiper-button-prev, .promotionSwiper.swiper .swiper-button-next{width:auto}
.promotionSwiper.swiper .swiper-button-prev::after, .promotionSwiper.swiper .swiper-button-next::after{color:#000; font-size:5vw;}
.promotionSwiper.swiper .swiper-button-prev{left:4vw;}
.promotionSwiper.swiper .swiper-button-next{right:4vw;}

/* BASIC css end */