/* BASIC css start */
/* section */
section{}
section .sec_inner{margin:0px; padding:0px;}
section h2{font-family: "Montserrat", "Noto Sans KR", "Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif; font-size: 21px; color:#000; text-align: center; margin-bottom: 50px; font-weight: 600;position:relative}
section h2 a{display: inline-block;position: absolute; top: 50%; transform: translateY(-50%); right:5%;}
section h2 a img{transform: scale(.66); transform-origin: right center;}







/* sec1 */
#sec1{padding:0px 0 0px 0; }
#sec1 .sec_inner{padding:0;}
#sec1 .sec_inner h2{margin-bottom:15px}
#sec1 .sec_inner p.sub{}
#sec1 .sec_inner .sec1_cont{margin-top: 10px;}
#sec1 .sec_inner .sec1_cont ul{}
#sec1 .sec_inner .sec1_cont ul li{width:63%}
#sec1 .sec_inner .sec1_cont ul li .promo_img{width:100%}
#sec1 .sec_inner .sec1_cont ul li .promo_img a{display: block; }

#sec1 .sec_inner .sec1_cont ul li .promo_img a>img{display: block;width:100%; border-radius: 15px;}
#sec1 .sec_inner .sec1_cont ul li .txt_wrap{padding: 20px 0;}
#sec1 .sec_inner .sec1_cont ul li .txt_wrap p{text-align: center;}
#sec1 .sec_inner .sec1_cont ul li .txt_wrap p.big{color: #5e5043;font-family: 'Pretendard', Pretendard; font-size: 14px; font-weight: 600; margin-bottom:13px; }
#sec1 .sec_inner .sec1_cont ul li .txt_wrap p.small{color: #565656;font-family: 'Pretendard', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4;}










/* sec2 */
#sec2{padding:0px 0 0px 0; }
#sec2 .sec_inner{padding:0;}
#sec2 .sec_inner h2{margin-bottom:15px}
#sec2 .sec_inner p.sub{}
#sec2 .sec_inner .sec2_cont{margin-top: 10px;}
#sec2 .sec_inner .sec2_cont ul{}
#sec2 .sec_inner .sec2_cont ul li{width:63%}
#sec2 .sec_inner .sec2_cont ul li .promo_img{width:100%}
#sec2 .sec_inner .sec2_cont ul li .promo_img a{display: block; }

#sec2 .sec_inner .sec2_cont ul li .promo_img a>img{display: block;width:100%; border-radius: 15px;}
#sec2 .sec_inner .sec2_cont ul li .txt_wrap{padding: 20px 0;}
#sec2 .sec_inner .sec2_cont ul li .txt_wrap p{text-align: center;}
#sec2 .sec_inner .sec2_cont ul li .txt_wrap p.big{color: #5e5043;font-family: 'Pretendard', Pretendard; font-size: 14px; font-weight: 600; margin-bottom:13px; }
#sec2 .sec_inner .sec2_cont ul li .txt_wrap p.small{color: #565656;font-family: 'Pretendard', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4;}



/* sec4 */
#sec4{margin-bottom:50px; background-color:#eceade}
#sec4 .sec_inner{padding-bottom:50px;}
#sec4 .sec_inner h2{margin-bottom:40px !important}
#sec4 .sec_inner .rev_sec{position:relative; width:75%; margin:0 auto }
#sec4 .sec_inner .rev_sec .swiper{}
#sec4 .sec_inner .rev_sec .swiper ul{width: 100%;}
#sec4 .sec_inner .rev_sec .swiper ul li{  }
#sec4 .sec_inner .rev_sec .swiper ul li .rv_thumb{width: 100%; }
#sec4 .sec_inner .rev_sec .swiper ul li .rv_thumb a{display: block; width: 100%; height: 100%; border-top-right-radius:20px; border-top-left-radius:20px; overflow:hidden}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_thumb a img{width: 100%; object-fit: cover; height:100%}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt{height: 170px; padding: 20px; background-color:#fff; border-bottom-right-radius:20px; border-bottom-left-radius:20px;}
#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; line-height: 1.4; 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: 12px; color: #bfb9b7; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; 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:scale(.66); transform-origin:top center}
#sec4 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .score{color: #847871; font-size: 15px; font-family: 'Jost', sans-serif; font-weight: 600;}

#sec4 .swiper_btn_prev{ position:absolute; left:-13% ; top:52%; transform:translateY(-50%); z-index:4; cursor:pointer}
#sec4 .swiper_btn_prev img{transform:scale(.66); transform-origin:left center}
#sec4 .swiper_btn_next{position:absolute; right:-13%; top:52%; transform:translateY(-50%);z-index:4; cursor:pointer}
#sec4 .swiper_btn_next img{transform:scale(.66); transform-origin:right center}



/* sec6 */
#sec6{margin-top:60px; margin-bottom:0px}
#sec6 .sec_inner{}
#sec6 .sec_inner .sec6_cont{}
#sec6 .sec_inner .sec6_cont>div{background-color:#fff; }
#sec6 .sec_inner .sec6_cont>div:first-child{margin-bottom:30px}
#sec6 .sec_inner .sec6_cont>div .banner{padding:15px;}
#sec6 .sec_inner .sec6_cont>div .banner h3{line-height:1.5; letter-spacing: -.9px; margin-bottom: 20px;font-family:'Montserrat','Noto Sans KR', sans-serif; font-size: 20px; font-weight: 500; color: #000; text-align:center;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img{display: block; width: 100%;border-radius: 15px; overflow: hidden; width: 100%;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a{}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a img{}
#sec6 .sec_inner .sec6_cont>div .banner p{margin: 15px 0 35px;letter-spacing:-.7px; font-family:'Noto Sans KR', sans-serif; font-size:13px; color:#000; font-weight:400; line-height:1.7;}
#sec6 .sec_inner .sec6_cont>div .swiper1{padding-bottom: 20px;}
#sec6 .sec_inner .sec6_cont>div .swiper1 ul{}
#sec6 .sec_inner .sec6_cont>div .swiper1 ul li{}
#sec6 .sec_inner .sec6_cont>div .swiper1 ul li.item_list .info .prdname{margin-bottom:5px; font-size:14px}
#sec6 .sec_inner .sec6_cont>div .swiper1 ul li.item_list .info .price{font-weight:500}
#sec6 .sec_inner .sec6_cont>div .swiper1 .swiper-pagination-bullet{width:6px; height:6px; margin:0 3px;}
#sec6 .sec_inner .sec6_cont>div .swiper1 .swiper-pagination-bullet-active{background-color:#000}



/* sec8 */
#sec8{}
#sec8 .sec_inner{padding-bottom:30px;}
#sec8 h2{margin-bottom:5px}
#sec8 .sec8_review{position:relative;}
#sec8 .sec8_review>div.swiper{width: 95%; padding-left:5%; background-color:#eceade;}
#sec8 .sec8_review>div.swiper>ul{width: 100%; }
#sec8 .sec8_review>div.swiper>ul>li{background-color:#fff; width:50%;display:flex;overflow:hidden; flex-direction:column; height:auto; border:1px solid #f6f3f1;border-radius:9px;box-shadow: 0 0 15px #e3dad459; margin-bottom:20px;margin-top:20px }

#sec8 .li_review .rv_main{ width: 100%; }
#sec8 .li_review .rv_main .thumb{width:100%;overflow:hidden;}
#sec8 .li_review .rv_main .thumb a{display: block; width: 100%;}
#sec8 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_main .rv_main_cont{margin:15px 15px 0 15px; border-bottom:1px solid #f6f3f1; padding-bottom:10px;}
#sec8 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 13px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:500; color:#000; line-height:1.4; margin-bottom:15px}
#sec8 .li_review .rv_main .rv_main_cont .rv_info{display:flex; align-items:center; justify-content:space-between;}
#sec8 .li_review .rv_main .rv_main_cont .rv_info span{text-overflow: ellipsis; overflow: hidden; color:#727272}
#sec8 .li_review .rv_main .rv_main_cont .rv_info span.date{}
#sec8 .li_review .rv_main .rv_main_cont .rv_info span.rv_user{}


#sec8 .li_review .rv_mini{flex-grow:1; width: 90%; display: flex; align-items: center; justify-content: left; gap:10px;padding:10px }
#sec8 .li_review .rv_mini .mini_thumb{width: 50px; height: 50px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden;}
#sec8 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec8 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px; width:60%;}
#sec8 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 11px; color: #000; text-overflow: ellipsis; overflow: hidden; }
#sec8 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center ; gap:10px; }
#sec8 .li_review .rv_mini ul li span {font-family: 'Pretendard', sans-serif; ;display:flex; align-items:center; color:#95745f; font-size:11px; font-weight:400 }
#sec8 .li_review .rv_mini ul li span:nth-child(2) img{margin-top:-1px}
#sec8 .li_review .rv_mini ul li span img{display:inline-block; margin-right:1px; transform:scale(.7); transform-origin:center center;}


/* sec9 */
#sec9{padding:0px 0 50px 0; }












.mainTitle {
    position: relative;
    margin: 40px 15px 15px;
}

.mainTitle h1 {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

.mainTitle a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
}



.mainTitle1 {
    font-family: 'Jost', sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 28.13px;
    text-align: center;
    margin: 80px 20px 20px;
    position:relative;
}












#mainBnr1 img {
    width: 100%;
}
 
#mainBnr1 .swiper-button-next,
#mainBnr1 .swiper-button-prev {
    top: 50% !important;
    transform: translateY(-50%);
    margin-top: 0 !important;
}

#mainBnr1 .swiper-button-next::after,
#mainBnr1 .swiper-button-prev::after {
    display: none;
}

#mainBnr1:hover .swiper-button-next,
#mainBnr1:hover .swiper-button-prev {
    opacity: 1;
}

#mainBnr1 .swiper-button-prev {
    left: 7%;
}


#mainBnr1 .swiper-button-next {
    right: 7%;
}

#mainBnr1 .swiper-pagination {
    bottom: 0 !important;
    left: 0;
    right: 0;
    width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* 페이지네이션을 꽉 채우기 위해 추가 */
}

#mainBnr1 .swiper-pagination .swiper-pagination-bullet {
    background: var(--000);
    opacity: 0.2;
    border-radius: 0;
    margin: 0;
    height: 1px;
    width: auto;
    /* 기본 너비 초기화 */
    flex-grow: 1;
    /* 유연한 너비를 허용 */
}

#mainBnr1 .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}


#mainBnr1 .txt {
    text-align: center;
    padding: 25px 0;
}

#mainBnr1 .txt h1 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

#mainBnr1 .txt p {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
}



#mainBnr img {
    width: 100%;
}
 
#mainBnr .swiper-button-next,
#mainBnr .swiper-button-prev {
    top: 50% !important;
    transform: translateY(-50%);
    margin-top: 0 !important;
}

#mainBnr .swiper-button-next::after,
#mainBnr .swiper-button-prev::after {
    display: none;
}

#mainBnr:hover .swiper-button-next,
#mainBnr:hover .swiper-button-prev {
    opacity: 1;
}

#mainBnr .swiper-button-prev {
    left: 7%;
}


#mainBnr .swiper-button-next {
    right: 7%;
}

#mainBnr .swiper-pagination {
    bottom: 0 !important;
    left: 0;
    right: 0;
    width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* 페이지네이션을 꽉 채우기 위해 추가 */
}

#mainBnr .swiper-pagination .swiper-pagination-bullet {
    background: var(--000);
    opacity: 0.2;
    border-radius: 0;
    margin: 0;
    height: 1px;
    width: auto;
    /* 기본 너비 초기화 */
    flex-grow: 1;
    /* 유연한 너비를 허용 */
}

#mainBnr .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}


#mainBnr .txt {
    text-align: center;
    padding: 25px 0;
}

#mainBnr .txt h1 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

#mainBnr .txt p {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    color: #000;
    position: relative;
    height: 42px;
    display: flex;
    align-items: center;
    cursor: default;
}

.marquee {
    display: flex;
    animation: scroll 20s linear infinite;
    /* 끊김 없이 반복 애니메이션 */
    font-size: 15px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.marquee span {
    padding: 0 40px;
    letter-spacing: 0.1em;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
        /* 절반만 이동 */
    }
}

#cateSwiper {
    margin: 20px auto 0;
    padding: 0 20px 20px;
}

#cateSwiper h5 {
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #000;
}
#cateSwiper .swiper-wrapper {
    transition-timing-function: linear;
}
#cateSwiper .swiper-slide {
    width: 20% !important;
    margin: 0 1.5%;
}






.banner {
    margin: 25px auto 0;
    position: relative;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.banner.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner > a {
    flex: 1;
}
.banner img {
    transition: transform 0.3s ease; 
    width: 100%;
} 

.banner .left,
.banner .right {
    flex: 1;
    overflow: hidden;
}
 
.banner .txt {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8%;
    right: 0;
    margin: 0 auto;
    text-align: left;
}
.banner .txt h1 {
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
}

.banner .txt h2 {
    color: #ffffff;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.55;
    margin-top: 10px;
}

.banner .txt p {
    color: #ffffff;
    font-size: 10px;
    line-height: 1.55;
    margin-top: 10px;
}














.banner1 {
    margin: 0px;
    position: relative;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.banner1 img {
    width: 100%;
}

























.item-wrap-slide {
    overflow-x: hidden;
    margin-bottom: 40px;
    margin-left: 15px;
}

.item-wrap-slide .swiper-container {
    padding-bottom: 18px !important;
    width: 93%;
    padding-right: 7%;
    overflow: visible;
}

.item-wrap-slide .swiper-container .swiper-pagination {
    bottom: 0 !important;
    left: 0;
    right: 0;
}

.item-wrap-slide .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    background: #eaeaea !important;
    opacity: 1 !important;
}

.item-wrap-slide .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--000) !important;
}


.item-wrap-slide .swiper-container .swiper-slide {}


.item-wrap-slide .collection_slide.swiper-container {
    padding-bottom: 18px !important;
    width: 69%;
    padding-right: 31%;
    overflow: visible;
}

.item-wrap-slide .collection_slide.swiper-container .swiper-slide {margin-bottom:25px;}

.item-wrap-slide .collection_slide.swiper-container .swiper-pagination {
    bottom: 0 !important;
}

.item-wrap-slide .collection_slide.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    background: #eaeaea !important;
    opacity: 1 !important;
}
.item-wrap-slide .collection_slide.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--000) !important;
}






.item_more{position:relative; display:flex; align-items:center; justify-content:center; margin-top:30px}
.item_more a{display:inline-block; background-color:#fff; font-size:12px;letter-spacing:2px; font-weight:500;   color:#c6baac;font-family: 'Noto Serif KR', serif; padding:10px 20px; }
.item_more::after{content: ""; display: block;z-index:-1; width: 270px; height: 1px; background-color: #eee; position: absolute ; top: 50%; left: 50%; transform: translate(-50%,-50%);}







.swiper-container {
    overflow: hidden;
    position: relative;
}

.swiper-container .swiper-slide {
    position: relative;
}

.swiper-container .swiper-slide a {
    display: block;
}

.swiper-container .swiper-slide img {
    width: 100%;
}









.flexProduct {
    display: flex;
    gap: 60px;
    flex-direction: column;
    padding: 0 20px;
}

.flexProduct>div {
    flex: 1;
}

.flexProduct>div .banner {
    margin-top: 0;
}

.flexProduct>div .banner h5 {
    margin-top: 20px; 
    font-size: 18px;
    font-weight: 500;
    line-height: 21.09px;
    text-align: left;
}

.flexProduct>div .banner p {
    margin-top: 6px;
    color: #999; 
    font-size: 13px;
    font-weight: 400;
    line-height: 15.23px;
    text-align: left; 
}

.flexProductList {
    margin-top: 20px;
}

.flexProductList .itemList {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.flexProductList .itemList+.itemList {
    margin-top: 20px;
}

.flexProductList .itemList .thumb {
    width: 90px;
}

.flexProductList .itemList .info {
    padding-left: 10px;
    width: calc(100% - 90px - 18px);
    box-sizing: border-box;
}

.flexProductList .itemList .info .prd-name {
    margin-top: 0;
}

.flexProductList .itemList .prd-wish {
    width: 18px;
    text-align: center;
}

.flexProductList .itemList .prd-wish a {
    font-family: 'malgun gothic';
    font-size: 14px;
    color: #000;
}

.flexProductList .itemList .prd-wish i.fa {
    color: #c8c8c8;
    font-size: 0;
    vertical-align: text-top;
    cursor: pointer;
    background: url('//skin.makeshop.co.kr/skin/enough/images/heart.svg') no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
}

.flexProductList .itemList .prd-wish i.fa-heart {
    display: none;
    color: #f41f3a;
    background: url(//skin.makeshop.co.kr/skin/enough/images/heart_on.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
}

.flexProductList .itemList .prd-wish .wish-on i.fa-heart {
    display: inline-block;
}

.flexProductList .itemList .prd-wish .wish-on i.fa-heart-o {
    display: none;
}

.flexProductList.ranking {
    display: flex;
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.flexProductList.ranking .itemList {padding: 0 20px;box-sizing: border-box;}

.flexProductList.ranking .itemList+.itemList {
    margin-top: 0;
}

.flexProductList.ranking .itemList .number {
    font-style: italic;
    font-weight: 400;
    width: 21px;
    text-align: center;
    vertical-align: top;
    align-self: flex-start;
    font-size: 18px;
}

.flexProductList.ranking .itemList .thumb {
    border-radius: 200px;
    overflow: hidden;
}
.flexProductList.ranking .itemList .info {
    width: calc(100% - 34px - 90px - 21px);
}

.flexProductList.ranking .itemList .prd-wish {
    width: 34px;
    text-align: right;
} 


.flexProductList .itemList .thumb .soldout_badge,
.flexProductList.ranking .itemList .thumb .soldout_badge {font-size:13px;}
/* BASIC css end */