/* BASIC css start */
footer#footer{margin-top:0}

/* ¼½¼Ç°øÅë */
section{}
section .sec_inner{width: 1280px; margin: 0 auto;}
section h2{font-family: 'Jost', sans-serif; font-size: 30px; color: #9c8f87; text-align: center; margin-bottom: 50px; font-weight: 600;}




/* sec1 */
#sec1{margin-bottom:120px}
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{bottom: 60px;}
#sec1 .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 0; background-color: #fff; }

/* sec2 */
#sec2 .sec2_cont{position:relative}
#sec2 .swiper{position:relative}
#sec2 .swiper_btn_prev{position: absolute; top: 40%; left: -10%; z-index: 10; transform: translateY(-50%); cursor: pointer; } 
#sec2 .swiper_btn_next{position: absolute; top: 40%; right: -10%; z-index: 10; transform: translateY(-50%); cursor: pointer;}




/* sec3 */
#sec3{}
#sec3 a{display: block;width: 100%;}
#sec3 a img{width: 100%;}


/* sec4 */
#sec4{background-color:#fff}
#sec4 .sec_inner{padding:100px 0}
#sec4 .sec_inner h2{margin-bottom:40px !important}
#sec4 .sec_inner .rev_sec{position:relative; }
#sec4 .sec_inner .rev_sec .swiper{padding-bottom: 70px;}
#sec4 .sec_inner .rev_sec .swiper ul{width: 100%;}
#sec4 .sec_inner .rev_sec .swiper ul li{ height: 520px; }
#sec4 .sec_inner .rev_sec .swiper ul li .rv_thumb{width: 100%; height: 335px;}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_thumb a{display: block; width: 100%; height: 100%; border-radius:110px; overflow:hidden}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_thumb a img{width: 100%; object-fit: cover;}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt{height: 185px; padding: 30px; background-color:#fff}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .prd_name{color: #847871; font-size: 15px;font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-bottom: 15px; letter-spacing: -.7px;text-align:center ; border-bottom:1px solid #eceade; margin-bottom:15px}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont{}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont p{line-height:1.5;font-size: 13px; color: #bfb9b7; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -.7px;text-align:center;}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score{margin-top: 14px;text-align:center}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score>span{}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart{}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart img{display: inline-block; transform: translateY(-2px); margin-right:4px}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .score{color: #847871; font-size: 17px; font-family: 'Jost', sans-serif; font-weight: 700;}

#sec4 .swiper_btn_prev{ position:absolute; left:-10% ; top:40%; transform:translateY(-50%); z-index:4; cursor:pointer}
#sec4 .swiper_btn_next{position:absolute; right:-10%; top:40%; transform:translateY(-50%);z-index:4; cursor:pointer}


/* sec5 */
#sec5{display: flex;margin-bottom:120px}
#sec5>div{width: 50%;}
#sec5>div a{display: block; width: 100%;}
#sec5>div a img{width: 100%;}

/* sec6 */
#sec6{position: relative;}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{}
#sec6 .sec_inner .sec6_cate{margin: 30px 0;}
#sec6 .sec_inner .sec6_cate ul{display:flex;flex-wrap:wrap;border-top:1px solid #eae8da;border-bottom:1px solid #eae8da;position: relative;}
#sec6 .sec_inner .sec6_cate ul li{flex-grow:1}
#sec6 .sec_inner .sec6_cate ul li a{font-family: 'Noto Sans KR', sans-serif; color:#a59d9a; font-size: 12px; display: block;font-weight: 400;text-align:center;   padding: 15px 0; transition:border-color .2s, color .2s;}
#sec6 .sec_inner .sec6_cate ul li.on>a{ color: #9c8f87;}
#sec6 .sec_inner .sec6_cate ul .line{position: absolute; width: 20%; height: 100%; border-top: 1px solid #9c8f87; border-bottom: 1px solid #9c8f87; left: 0; top: 0;}



#sec6 .sec6_prd{}
#sec6 .sec6_prd>div{display:none; position:relative;padding-top: 40px;}
#sec6 .sec6_prd>div.show{display: block;}
#sec6 .sec6_prd>div ul{display: flex; flex-wrap: wrap;}
#sec6 .sec6_prd>div ul li span.percent{display:none}


#sec7{background-color:#eceade; padding:100px 0 0}


/* BASIC css end */