/* BASIC css start */
.section{margin-bottom:120px}
.sec_inner{width: 1300px; margin: 0 auto;}
.section h2{text-align: center; font-size:32px; color:#000; font-weight:500; margin-bottom:55px;font-family: 'Noto Sans KR', sans-serif;}
.swiper-button-disabled{opacity:.3}


/* sec1 */
#sec1{}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper{}
#sec1 .swiper .swiper-wrapper .swiper-slide{}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%;}
#sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec1 .swiper .swiper_btn_prev{left:calc(50% - 890px)}
#sec1 .swiper .swiper_btn_next{right: calc((50% - 890px))}
#sec1 .swiper .swiper-pagination-bullet{opacity:1; background-color:#fff}
#sec1 .swiper .swiper-pagination-bullet-active{ background-color: #000;}

#sec2 ul{display:flex; flex-wrap:wrap}


#sec3{}
#sec3 .sec_inner{}
#sec3 .sec_inner ul{display: flex; gap: 40px;}
#sec3 .sec_inner ul li{flex-grow: 1; width: 33.3%;}
#sec3 .sec_inner ul li a{display: block;width: 100%; overflow: hidden;}
/*
#sec3 .sec_inner ul li a:hover>img{transform: scale(1.05);}
#sec3 .sec_inner ul li a img{width: 100%; transition: transform .4s;}
*/




#sec4 .swiper{padding-bottom:100px}
#sec4 .swiper ul li{border:1px solid #eee; border-radius:10px; overflow:hidden}
#sec4 .swiper ul li .thumb>a{border-radius:0; }
#sec4 .swiper ul li .info{padding:30px}
#sec4 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:2px; background-color: rgba(0,0,0,.09);}
#sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #dc3737;}

#sec5{}
#sec5 .sec_inner{}
#sec5 .sec_inner h2{}
#sec5 .sec_inner .sec5_cont{display: flex;gap: 25px; justify-content: space-between;}
#sec5 .sec_inner .sec5_cont>div{width: 50%;}
#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: column; justify-content: space-between;}
#sec5 .sec_inner .sec5_cont .item_cont ul li{display: flex;height: 210px;}
#sec5 .sec_inner .sec5_cont .item_cont ul li .thumb{width: 210px; height: 210px;}
#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{padding-left: 35px;display: flex; flex-direction: column; justify-content: center;  flex-grow: 1; overflow-y: auto; height: 100%; max-width:427px;}
#sec5 .sec_inner .sec5_cont .item_cont ul li .info .prdprice{border-top:none; margin-top:0}
/*#sec5 .sec_inner .sec5_cont .item_cont ul li .info .prdprice .percent{display:none}*/
/* sec6 */
#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{}
#sec6 .sec_inner .sec6_cate{margin-bottom: 60px;}
#sec6 .sec_inner .sec6_cate ul{display:flex; gap:25px; justify-content:center; }
#sec6 .sec_inner .sec6_cate ul li{}
#sec6 .sec_inner .sec6_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#9a9a9a; font-size: 16px; font-weight: 500; letter-spacing: -.3px;transition: color .1s, border-color .3s; border-bottom:2px solid transparent; display:block; padding-bottom:10px}
#sec6 .sec_inner .sec6_cate ul li.on>a{ color: #dc3737; border-color:#dc3737}
#sec6 .sec_inner .sec6_cate ul li a:hover{color: #dc3737; }

#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;}
#sec6 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
#sec6 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #333;}


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


#sec8{}
#sec8 .sec_inner{}
#sec8 .sec_inner h2{}
#sec8 .sec_inner h3{ width: 100%; text-align:center; font-size:20px; padding:20px 0 20px 0; border-radius: 10px; background-color: #fafafa;  }
#sec8 .sec_inner .sec8_cont{display: flex;justify-content: space-between;}
#sec8 .sec_inner .sec8_cont>div{width: 415px; }
#sec8 .sec_inner .sec8_cont>div>ul{width: 100%;display: flex; flex-direction: column; gap: 20px;  padding:0 5% 0 5%;}
#sec8 .sec_inner .sec8_cont>div>ul>li{display: flex; }

#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) {height: 150px; border-top:1px solid #eee; padding-top:15px; margin-bottom:15px; background:none !important; }
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .thumb{width: 120px;}
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .thumb a{width: 120px; height:150px; object-fit: contain;  }
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .thumb a img{ height:150px; }
#sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .info{flex-grow:1; padding-left:5%; display: flex; flex-direction: column; justify-content: top; max-width:285px; padding-top:0 !important; height:150px; }

#sec8 .sec_inner .sec8_cont>div>ul>li .thumb a{height: 100%; background-color:#fff;}
#sec8 .sec_inner .sec8_cont>div>ul>li .thumb a img{height: 100%; object-fit: contain;}
#sec8 .sec_inner .sec8_cont>div>ul>li:first-child{flex-direction : column; }
#sec8 .sec_inner .sec8_cont>div>ul>li:first-child .thumb{width:100%; height: 415px; }
#sec8 .sec_inner .sec8_cont>div>ul>li:first-child .info{width:100%; }
#sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice{border-top:none; margin-top:0}
#sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice .percent{display:none}
.sec8_1 {border:#eee 1px solid; border-radius:10px; }
.sec8_2 {border:#eee 1px solid; border-radius:10px; }
.sec8_3 {border:#eee 1px solid; border-radius:10px; }



/* sec9 */
#sec9{padding:60px 0 50px}
#sec9 .sec_inner{position:relative;}
#sec9 h2{}
#sec9 .sec9_review{}
#sec9 .sec9_review>div{width: 100%;}
#sec9 .sec9_review>div>ul{width: 100%;}
#sec9 .sec9_review>div>ul>li{flex-grow:1}
#sec9 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e4e4e4;}
#sec9 .li_review .rv_main .thumb{width:100%;}
#sec9 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#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; max-width:280px}
#sec9 .li_review .rv_main .rv_main_cont .rv_info{margin-bottom: 7px;color:#000; font-size: 15px;font-weight: 500;}
#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; }
#sec9 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:15px;margin-top:20px }
#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:8px;}
#sec9 .swiper_btn_prev,#sec9 .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec9 .swiper_btn_prev{left:-130px }
#sec9 .swiper_btn_next{right:-130px}

.item_list .thumb { min-height: unset; }
/* BASIC css end */