/* 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 */
.mainSec01{
    width:100%;
    margin-bottom:75px;
    overflow:hidden;
}

.mainSec01 .swiper{
    padding-bottom:30px;
    overflow:visible;
}

.mainSec01 .swiper-button-next,
.mainSec01 .swiper-button-prev{
    color:#fff;
}

.mainSec01 .swiper-button-prev,
.mainSec01 .swiper-rtl .swiper-button-next{
    left:0px;
}

.mainSec01 .swiper-button-next,
.mainSec01 .swiper-rtl .swiper-button-prev{
    right:0px;
}

.mainSec01 .swiper-horizontal>.swiper-pagination-progressbar,
.mainSec01 .swiper-pagination-progressbar.swiper-pagination-horizontal,
.mainSec01 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.mainSec01 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:5px;
    top:auto;
    bottom:-10px;
}


.mainSec01 ul li a{
    display:block;
    position:relative;
}


.mainSec01 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}























/* 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:#20201f; padding:50px 0 0}

/* BASIC css end */