/* BASIC css start */
.section{margin-bottom: 50px;}
.sec_inner{padding:0 5%}
.section h2{text-align: center; font-size:21px; color:#000; font-weight:600; margin-bottom:40px;font-family: 'Noto Sans KR', sans-serif;}
.section h2.h2_bold{font-weight:800}
.swiper-button-disabled{opacity:.3}





#sec1{ margin-top: 25px;}
#sec1 .sec1_cont{}
#sec1 .sec1_cont .swiper{padding-bottom: 15px;}
#sec1 .sec1_cont .swiper ul{}
#sec1 .sec1_cont .swiper ul li{width:80%;}
#sec1 .sec1_cont .swiper ul li .ban_img{}
#sec1 .sec1_cont .swiper ul li .ban_img a{display: block; width: 100%;border-radius: 20px; overflow: hidden;}
#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: 0;}
#sec1 .swiper .swiper-pagination-bullet-active{background-color: #000;}



/* ŸÀÓ¼¼ÀÏ */
#timesale { margin-top: 25px; } 
#timesale .right_arrow { margin-left: 10px; width: 9px; vertical-align: middle; margin-top: -4px; } 
#timesale .sec_time { } 
#timesale .sec_time .swiper { padding-bottom: 15px; } 
#timesale .sec_time .swiper ul { } 
#timesale .sec_time .swiper ul li { width:80%; padding: 0 5px; } 
#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 .info { padding: 15px 20px; } 
#timesale .item_list .info .prdname,
#timesale .item_list .info .prdprice,
#timesale .item_list .info .prdprice .price,
#timesale .item_list .info .prdprice strike,
#timesale .item_list .info .prdprice .percent { font-size: 16px; margin-top: 0; border-top: 0; padding-top: 0; margin-bottom: 5px; } 
#timesale .item_list .prd-wish { top:20px; bottom:unset !important } 
#timesale .item_list .prd-wish a {background-color: #FFF;} 
#timesale .item_list .thumb { padding-bottom: 35px; } 
#timesale .item_list .thumb > a { border-top-left-radius:9px; border-top-right-radius:9px; border-bottom-left-radius:0; border-bottom-right-radius:0; } 
#timer {position: absolute;bottom: 0;width: 100%;background: var(--main-color);border-bottom-left-radius: 9px;border-bottom-right-radius: 9px;height: 35px;line-height: 33px;text-align: center;color: #fff;} 
 
#timer em { font-size: 14px; } 
#displayTimeSale { } 
#timer { } 
#timer strong { font-size: 14px; font-weight: 400; } 
#timer strong.number { } 
#timer strong.time-day-view { } 
.price .dc_per { color: #dc3737; } 
.price .consumer { color: #b9b9b9; text-decoration: line-through; } 


#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%;border-radius: 12px; overflow: hidden;}
#sec3 .sec_inner ul li a img{width: 100%; }




#sec4 .swiper{padding-bottom:10px}
#sec4 .swiper ul li{overflow:hidden; width:80%}
#sec4 .swiper ul li .info{padding:30px}

#sec4 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);width:90%; left:5%;}
#sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #dc3737;}


#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{height: 100%; display: flex; flex-direction: row; justify-content: space-between; gap:10px; margin-top:10px; }
#sec5 .sec_inner .sec5_cont .item_cont ul li{width:33%;}
#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;}
#sec5 .sec_inner .sec5_cont .item_cont ul li .info p{font-size:13px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden}
 

/* sec6 */
#sec6{}

#sec6  h2{}
#sec6 .sec6_cate{ margin-bottom:45px;}
#sec6 .sec6_cate ul{}
#sec6 .sec6_cate ul li{display: inline-block;  width:auto !important; margin:0 5px}
#sec6 .sec6_cate ul li:first-child{margin-left:5%}
#sec6 .sec6_cate ul li.on{ }
#sec6 .sec6_cate ul li a{display:block; border-radius:25px;margin:0 4px;  width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#666; font-size: 13px; font-weight: 400; letter-spacing: -.3px;display:inline-block; padding: 10px 15px; background-color:#f9f9f9; color:#999999}
#sec6 .sec6_cate ul li.on>a{ color:#fff !important; background-color:var(--main-color) }

#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:40px}
#sec8 .sec_inner h2{}
#sec8 .sec_inner .sec8_cont{;}
#sec8 .sec_inner .sec8_cont>div{width:100%}
#sec8 .sec_inner .sec8_cont>div>ul{width: 100%;display: flex; flex-direction: column; gap: 20px;}
#sec8 .sec_inner .sec8_cont>div>ul>li{display: flex; width: 100%;}
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child){height: 130px;}
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .thumb{width: 130px; height: 130px;}
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .info{flex-grow: 1;padding-left: 20px; display: flex; flex-direction: column; justify-content: center; max-width:285px}
#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:first-child{}
#sec8 .sec_inner .sec8_cont>div>ul>li:first-child .thumb{width: 100%; }
#sec8 .sec_inner .sec8_cont>div>ul>li:first-child .info{display: none;}
#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: 0 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; }

/* BASIC css end */