/* BASIC css start */
.section{margin-bottom:60px}
.swiper-button-disabled{opacity:.3}


#sec1 .sec1_cont .swiper ul li .ban_img{}
#sec1 .sec1_cont .swiper ul li .ban_img a{display: block; width: 100%; }
#sec1 .sec1_cont .swiper ul li .ban_img a img{width: 100%;}
#sec1 .sec1_cont .swiper ul li .ban_txt{width: 100%; padding: 25px 0;}
#sec1 .sec1_cont .swiper ul li .ban_txt p{text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; }
#sec1 .sec1_cont .swiper ul li .ban_txt p.big{font-size: 18px; color: #000; font-weight: 600; margin-bottom: 10px;}
#sec1 .sec1_cont .swiper ul li .ban_txt p.small{color: #999999;font-size: 13px; font-weight: 400;}
#sec1 .swiper .swiper-pagination{bottom: 20px;}
#sec1 .swiper .swiper-pagination-bullet-active{background-color: #000;}


#timesale .right_arrow{  margin-left: 10px;  width: 9px;vertical-align: middle;
  margin-top: -4px;}
#timesale .sec_time .swiper ul li .ban_img{}
#timesale .sec_time .swiper ul li .ban_img a{display: block; width: 100%;border-radius: 20px; overflow: hidden;}
#timesale .sec_time .swiper ul li .ban_img a img{width: 100%;}
#timesale .sec_time .swiper ul li .ban_txt{width: 100%; padding: 25px 0;}
#timesale .sec_time .swiper ul li .ban_txt p{text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; }
#timesale .sec_time .swiper ul li .ban_txt p.big{font-size: 18px; color: #000; font-weight: 600; margin-bottom: 10px;}
#timesale .sec_time .swiper ul li .ban_txt p.small{color: #999999;font-size: 13px; font-weight: 400;}
#timesale .swiper .swiper-pagination{bottom: 0;}
#timesale .swiper .swiper-pagination-bullet-active{background-color: #000;}

#timesale .item_list .info .prdprice strike{display: inline-block;}
#timesale .item_list .prd-wish { top:20px; bottom:unset !important} 
#timesale .item_list .prd-wish a {background-color: rgba(265,265,265,0.6);}
#timer em{  font-size: 14px;}
#displayTimeSale{}
#timer{}
#timer strong{
    font-size: 14px;
  font-weight: 400;}
#timer strong.number{}
#timer strong.time-day-view{}


#sec3{}
#sec3 .sec_inner{}
#sec3 .sec_inner ul{}
#sec3 .sec_inner ul li{width:100%}
#sec3 .sec_inner ul li a{display: block;width: 100%; overflow: hidden;}
#sec3 .sec_inner ul li a img{width: 100%; }


#sec5{}
#sec5 .sec_inner{}
#sec5 .sec_inner h2{}
#sec5 .sec_inner .sec5_cont{}
#sec5 .sec_inner .sec5_cont>div{}
#sec5 .sec_inner .sec5_cont .banner_img{}
#sec5 .sec_inner .sec5_cont .banner_img a{display: block;border-radius: 9px; overflow: hidden;  width: 100%;}
#sec5 .sec_inner .sec5_cont .banner_img a img{width: 100%;}
#sec5 .sec_inner .sec5_cont .item_cont{}
#sec5 .sec_inner .sec5_cont .item_cont ul li .thumb{}
#sec5 .sec_inner .sec5_cont .item_cont ul li .thumb a{display: block; width: 100%; height: 100%;}
#sec5 .sec_inner .sec5_cont .item_cont ul li .thumb a img{width: 100%; height: 100%; object-fit: cover;}

/* sec6 */
#sec6 .sec6_cate ul li a { display:block; border-radius:50px; width:100%; height: 30px; text-align:center;  color:var(--black02); font-size: 14px; padding: 8px 12px; border: 1px solid #e0e0e0; box-sizing: border-box; background-color: var(--white); line-height: 0.9; }
#sec6 .sec6_cate ul li.on>a{ border-color: var(--red); color: var(--white); background-color:var(--red) }

#sec6 .sec6_prd{}
#sec6 .sec6_prd>div .swiper{padding-bottom:100px}
#sec6 .sec6_prd>div{display: none;}
#sec6 .sec6_prd>div ul{}
#sec6 .sec6_prd>div.show{display: block;}


#sec7{}
#sec7 a{display: block; width: 100%;}
#sec7 a img{width: 100%;}


#sec8{}
#sec8 .sec_inner{}
#sec8 .sec_inner .swiper{padding-bottom:28px}
#sec8 .sec_inner h2{}
#sec8 .sec_inner .sec8_cont{;}
#sec8 .sec_inner .sec8_cont>div{width:100%}
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .info .prdprice{}
#sec8 .sec_inner .sec8_cont>div>ul>li .thumb a{height: 100%;}
#sec8 .sec_inner .sec8_cont>div>ul>li .thumb a img{height: 100%; object-fit: cover;}
#sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice{border-top:none; margin-top:2px; padding-top:0}
#sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice strike{display:inline-block; }
#sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice .percent{display:none}

#sec8 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
#sec8 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #dc3737;}


/* sec9 */
#sec9{padding:60px 0 50px}
#sec9 h2{}
#sec9 .sec9_review{}
#sec9 .sec9_review>div{}
#sec9 .sec9_review>div>ul{}
#sec9 .sec9_review>div>ul>li{width:80%}
#sec9 .li_review .rv_main{ width: 100%;}
#sec9 .li_review .rv_main .thumb{width:100%;}
#sec9 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%; border-radius:8px; overflow:hidden;}
#sec9 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec9 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0 15px; }
#sec9 .li_review .rv_main .rv_main_cont .rv_info{margin-bottom: 7px;color:#000; font-size: 15px;font-weight: 500;text-align:center;}
#sec9 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 14px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:400; color:#999999; line-height:1.7; text-align:center;}
#sec9 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: center; gap:15px;}
#sec9 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px;}
#sec9 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #000;}
#sec9 .li_review .rv_mini ul li{display:flex; align-items:center}
#sec9 .li_review .rv_mini ul li span {font-family: 'Jost', sans-serif;display:flex; align-items:center; color:#000; font-size:16px; font-weight: 500; }
#sec9 .li_review .rv_mini ul li span img{display:inline-block; margin-right:3px; transform:scale(.66); transform-origin:center center; }

.price_icon { margin-top:15px}
.price_icon span { display:inline-block; width: auto; height:20px; line-height:20px; padding: 0 5px; box-sizing: border-box; font-size:11px; font-weight:600; border-radius:2px; margin-right:4px; text-align:center;}
.price_icon .red { color:#dc1416; background:#ffe8e7;}
.price_icon .yellow {color:#735300; background:#fff5c0;} 
.price_icon .green { color:#006b18; background:#e9ffe1;}


/***** 230828 wib 추가 *****/
#contents > section:last-of-type { margin-bottom: 80px; }

/* 메인 배너  */
#contents #sec1.mainBanner { margin-bottom: 0; }
#contents #sec1.mainBanner .swiper { border-radius: 0 0 20px 0; position: relative; top: 0; left: 0; overflow: hidden; }
#contents #sec1.mainBanner .swiper .paginationWrap { position: absolute; bottom: 0; right: 0; transform: translate(-25px, -20px); z-index: 1; }
#contents #sec1.mainBanner .swiper .paginationWrap .pagingWrap { height: 25px; margin-right: 8px; padding: 0 13px; border-radius: 80px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.7); line-height: 25px; }
#contents #sec1.mainBanner .swiper .paginationWrap .playBtnWrap { cursor: pointer; }

/* 카테고리 퀵메뉴 */
#contents #quickMenuWrap { margin: 25px auto 60px; padding: 0 30.5px; box-sizing: border-box; }
#contents #quickMenuWrap ul li { width: calc(100% / 4 - 14px); margin-right: 14px; height: calc(120px - 20px); }
#contents #quickMenuWrap ul li:nth-of-type(4n) { margin-right: 0; }
#contents #quickMenuWrap ul li:nth-child(-n + 4) { margin-bottom: 20px; }
#contents #quickMenuWrap ul li a span { display: block; margin-top: 8px; font-size: 14px; }

/* 메인상품 진열 - 공통 */
#contents .section .titleWrap { margin-bottom: 20px ; }
#contents .section .titleWrap h2 { margin-bottom: 12.5px; font-size: 22px; font-weight: 700; }
#contents .section .titleWrap p { font-size: 15px; }
#contents .section .titleWrap a.moreView { padding-right: 11px; background: url('/design/goobne/wib/img/common/icon_arrowRightRed.svg') no-repeat right; font-size: 14px; }
/* 스와이퍼 페이지네이션 : bullet */
#contents .swiper .swiper-pagination-bullets { bottom: 0px; }
#contents .swiper .swiper-pagination-bullets span { margin: 0; margin-right: 6px; }
#contents .swiper .swiper-pagination-bullets span:last-of-type { margin-right: 0; }
#contents .swiper .swiper-pagination-bullets span.swiper-pagination-bullet-active { width: 22px; border-radius: 100px; background-color: var(--red); }

/* 타임세일 - 타이머 */
#contents #timesale { margin-bottom: 70px; padding-left: 15px; margin-top: 30px; }
#contents #timesale .titleWrap h2 { padding-left: 31px; background: url('/design/goobne/wib/img/common/icon_timeSale.svg') no-repeat left; background-size: 25px 23px; line-height: 1; }
#contents #timesale .sec_time .swiper { padding-right: 15px; }
#contents #timesale .sec_time .swiper ul li { width: calc(max(200px, 53vw)); }
#contents #timesale .sec_time .swiper ul li.only { margin: 0 !important; }
#contents #timesale .sec_time .swiper ul li .thumbWrap { width: 100%; height:100%; }
#contents #timesale .sec_time .swiper ul li #timer { margin: 10px 0 15px; }
#contents #timesale .sec_time .swiper ul li #timer .time-sale-view > span { display: block; height: 30px; margin-right: 6px; padding: 0 12px; border-radius: 50px; font-size: 12px; line-height: 30px; }
#contents #timesale .sec_time .swiper ul li #timer .time-sale-view > .time * { font-size: 17px; font-weight: 700; letter-spacing: 1.2px; }
#contents #timesale .sec_time .swiper ul li #timer .time-sale-view > .time .txt { position: relative; left: -1.2px; }
#contents #timesale .sec_time .swiper ul li #timer .time-sale-view > .time #displayTimeSaleDay { position: relative; left: 2.5px; }
#contents #timesale .sec_time .swiper ul li #timer .time-sale-view > .time #displayTimeSaleTime { letter-spacing: 1.5px; }

/* 타임세일 - 상품정보 */
#contents #timesale .sec_time .swiper ul li .info .prdname { margin-bottom: 20px; font-size: 14px; font-weight: 500; }
#contents #timesale .sec_time .swiper ul li .info .nonmember_price,
#contents #timesale .sec_time .swiper ul li .info .nonmember_price em { font-size: 14px; }
#contents #timesale .sec_time .swiper ul li .info .member_price { font-size: 15px; }

/* 굽네 베스트 - 타이틀&카테고리 */
#contents #sec6.bestWrap { margin-bottom: 70px; }
#contents #sec6.bestWrap .titleWrap { margin-bottom: 25px; }
#contents #sec6.bestWrap .sec6_cate { margin-bottom: 20px; }
#contents #sec6.bestWrap .sec6_cate ul li { width: auto; margin-right: 5px; }

/* 굽네 베스트 - 콘텐츠 */
#contents #sec6.bestWrap .sec_inner ul li.item_list { margin-bottom: 10px; }
#contents #sec6.bestWrap .sec_inner ul li.item_list:last-child { margin-bottom: 0; }
#contents #sec6.bestWrap .sec_inner ul li.item_list > .thumb .numbering { width: 25px; position: absolute; top: 0; left: 76%; transform: translate(5px, 5px); }
#contents #sec6.bestWrap .sec_inner ul li.item_list > .info .nameWrap .prdname { width: calc(100% - 44px); margin-bottom: 0; }
#contents #sec6.bestWrap .sec_inner ul li.item_list > .info .nameWrap .cartBtn { width: 36px; height: 36px; margin-left: 8px; padding: 8px; padding-top: 7px; box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.1); border-radius: 50%; background-color: var(--white); }
#contents #sec6.bestWrap .sec_inner ul li.item_list > .info .nonmember_price { margin: 20px 0 10px; }

/* 첫구매 추천 */
#contents #sec5.recommendWrap { margin-bottom: 70px; }

/* 신제품 */
#contents #sec8.newPrdWrap .sec_inner > .swiper .topBanner { border-radius: 4px; overflow: hidden; }
#contents #sec8.newPrdWrap .sec_inner > .swiper .titleWrap { margin: 15px 0 25px; }
#contents #sec8.newPrdWrap .sec_inner > .swiper .titleWrap h3 { margin-bottom: 10px; font-size: 18px; }
#contents #sec8.newPrdWrap .sec_inner > .swiper .titleWrap p { font-size: 14px; }
#contents #sec8.newPrdWrap .sec_inner > .swiper .item_list { padding-bottom: 10px; border-bottom: 1px solid var(--gray04); box-sizing: border-box; }
#contents #sec8.newPrdWrap .sec_inner > .swiper .item_list:last-child { padding-bottom: 0; border-bottom: none; }

/* 맛있는 이유가 너무 많닭! */
#contents .adVideoWrap .sec_inner .topVideo { margin-bottom: 15px; border-radius: 4px; position: relative; top: 0; left: 0; overflow: hidden; }
#contents .adVideoWrap .sec_inner .topVideo .videoWrap { display: block; }
#contents .adVideoWrap .sec_inner .topVideo .coverImg { width: 100%; height: 100%; border-radius: 4px; position: absolute; top: 0; left: 0; z-index: 1; }
#contents .adVideoWrap .sec_inner .swiper ul li.item_list { margin-bottom: 28px; padding: 12px; border: 1px solid var(--gray04); border-radius: 4px; box-sizing: border-box; }

/* 메인 팝업 */
#contents section.popUpWrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 10000001; }
#contents section.popUpWrap.notUse { display: none !important; background-color: transparent; }
#contents section.popUpWrap .contentWrap { width: 100%; border-radius: 20px 20px 0 0; position: absolute; bottom: 0; left: 0; overflow: hidden; }
/* #contents section.popUpWrap .swiper.imgWrap { max-height: 270px; } */
#contents section.popUpWrap .swiper.imgWrap .paginationWrap { position: absolute; top: 0; right: 0; transform: translate(-15px, 15px); z-index: 1; }
#contents section.popUpWrap .swiper.imgWrap .paginationWrap .pagingWrap { height: 25px; margin-right: 8px; padding: 0 13px; border-radius: 80px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.4); color: var(--white); font-weight: 400; line-height: 26px; }
#contents section.popUpWrap .swiper.imgWrap .paginationWrap .pagingWrap span { color: var(--white); font-size: 13px; }
#contents section.popUpWrap .swiper.imgWrap .paginationWrap .pagingWrap span.nowNum { font-weight: 600; }
#contents section.popUpWrap .swiper.imgWrap .paginationWrap .pagingWrap span.allNum { font-weight: 400; opacity: 0.8; }
#contents section.popUpWrap .closeWrap a { font-size: 14px; font-weight: 400; line-height: 50px; }

/* 파워리뷰 */

.power_review_list { padding: 0 2.5px; font-size: 0; }
.power_review_list li { display: inline-block; width: 33.333%; padding:5px; box-sizing: border-box; }
.power_review_list li img { width: 100%; }

/* BASIC css end */