/* BASIC css start */
.exhibit-visual img{ display: block;}

.swiper01 .swiper-wrapper {
  transition-timing-function: linear;
}

#content.sub .type h3 {
  margin-bottom: 45px;
  font-size: 14px;
  background-image: url(/design/wonderbra/images/bg_section.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat; }
  #content.sub .type h3 span {
    padding-right: 20px;
    background-color: #fff; }
.more_ { margin:10px 0px 30px; text-align: center;}
.btn_moreGray{ font-size: 14px;  margin:3px 0px 0px; text-align: center; }

#content .product-list .title, #content .product-list .price{text-align:left !important;}
.plan_sel {
    width:98%;
    text-align: center;
    margin:2px;
}
.back {
    margin: 12px 0px 0px 0px!important;
}

 select {
    padding: 15px 0px 15px 10px!important;
    width: 97%!important;
    margin: 8px 0px 0px 6px!important;
}


#content.sub .type h3 {
    margin-bottom: 51px;
    width: 97%!important;
    margin: 15px 0px 17px 6px!important;
    font-size: 14px!important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding: 15px 0px 15px 5px !important;
}

.p_product .prd_list li a .prd_info {
    padding: 0 3% !important;
}


a {
    color: #337ab7;
    text-decoration: none;
    display: block ;
}


 #content .product-list li:nth-of-type(odd) {
      clear: inherit!important; }
      
      
.container .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.slideBox.swiper01{position:relative; overflow:hidden; width: 100%; }
.swiper01 .swiper-button-prev{top:30%; width:64px; height:34px; left:4vw;}
.swiper01 .swiper-button-next{top:30%; width:64px; height:34px; right:4vw;}
.swiper01 .swiper-button-prev::after, .swiper01 .swiper-button-next::after{font-size:5vw; color:#fff}
.swiper01 .swiper-pagination{ bottom:10px !important;}
.swiper01 .swiper-pagination-bullet{width:8px; height:8px; background:#fff; margin:0 8px !important;}
.swiper01 .swiper-pagination-bullet-active{background:#fff;}



.swiper02 .swiper-button-prev{top:43%; width:22px; height:34px; left:4vw;}
.swiper02 .swiper-button-next{top:43%; width:22px; height:34px; right:4vw;}
.swiper02 .swiper-button-prev::after, .swiper02 .swiper-button-next::after{font-size:5vw; color:#fff}

.autoSlide .swiper-wrapper{transition-timing-function:linear;}

 /*
.paginationCustomSlide{position:relative;}
.paginationCustomSlide .swiper02 .btnList{width:100%; padding:12px 0; background:#141414;}
.paginationCustomSlide .swiper02 .swiper-pagination{position:relative; width:100%; display: flex; justify-content: center; margin:0 0 0 auto; bottom:0;}
.paginationCustomSlide .swiper02 .swiper-pagination > span{display:block; padding:4px 12px; opacity:1; border-radius:50px; border:solid 1px #fff; background:none; width:auto; height:auto; margin:0 10px;}
.paginationCustomSlide .swiper02 .swiper-pagination > span.swiper-pagination-bullet-active{background:#fff;}
.paginationCustomSlide .swiper02 .swiper-pagination > span span{color:#fff; font-size:14px; font-weight:500;}
.paginationCustomSlide .swiper02 .swiper-pagination > span.swiper-pagination-bullet-active span{color:#000;}
.paginationCustomSlide .swiper02 .swiper-button-prev{top:23.4%; width:8vw; height:9vw;}
.paginationCustomSlide .swiper02 .swiper-button-next{top:23.4%; width:8vw; height:9vw;}
.paginationCustomSlide .swiper02 .swiper-button-prev::after, .paginationCustomSlide .swiper02 .swiper-button-next::after{font-size:0}
*/

.black .swiper-pagination-bullet{background: #838383 !important;}
.black .swiper-pagination-bullet-active{ background: white !important;}

.menuBtn{display: flex; }
/*.menuBtn img{width: calc(100% / 3) !important;}*/

@font-face {
font-family: 'SpoqaHanSansNeo-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.prmWrap a:not([class*=wd]){ display: block;}

#planid_31{ width: 100%; text-align: center; position:relative;}
#planid_31 img{width:100%}
#planid_31 #HourCountdown { 
     width:75.5%; display: flex;
     position:absolute; top:37.5vw; left:50%; transform:translateX(-50%); 
     font-family:'SpoqaHanSansNeo-Regular'; color: black; font-size: 9vw; 
     text-align:center; font-weight: 600; color:#343434;     justify-content: space-between;
}
#planid_31 #HourCountdown span{ width: calc(95%/4); display: block;}

#planid_30{ width: 100%; text-align: center; position:relative;}
#planid_30 img{width:100%}
#planid_30 #HourCountdown { 
     width:75%; display: flex;
     position:absolute; top:11vw; left:50.5%; transform:translateX(-50%); 
     font-family:'SpoqaHanSansNeo-Regular'; color: black; font-size: 9vw; 
     letter-spacing: 1.1vw; text-align:center; font-weight: 600; color:#343434;
}
#planid_30 #HourCountdown span{ width: calc(100%/3); display: block;}

.floatingBtn{position:fixed; bottom:2%; left:50%; transform:translateX(-50%); width:95%; z-index:999999;}
.floatingBtn img{width:100%;}
.accordionBox{ display: none;}

.prd_tab{display:flex; gap: 15%; padding:2% 10%; width:100%; background:#ffffff;}
.prd_tab li{font-size:4vw; width:33.33%; height:8vw; line-height:8vw; background:#fff; border:1px solid #000; color:#000;}
.prd_tab li.on{color:#fff; background:#000000;}

.prd_tab li img{display:none;}
.prd_tab li img.on{display:block;}

.tab_box > .tab-con{display:none;}
.tab_box > .tab-con.on{display:block;}


/* BASIC css end */