/* BASIC css start */
:root {
    --swiper-theme-color: #2d2d2d !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 0 !important;
    display: block;
}

.queenSwiper .swiper-backface-hidden .swiper-slide{
    width: 83.125% !important;
}

/* 섹션5*/
.sec5{box-sizing:border-box;}
.sec5 h3{margin:60px 0 15px; line-height:1;font-size:24px;font-weight:700;color:#1a1a1a;padding-left:20px; }
.sec5 > p{margin:15px 0; line-height:1;font-size:12px;font-weight:700;color:#1a1a1a;padding-left:20px; }
.sec5 .tabs {margin-bottom:5px;padding:0 20px;}
.sec5 .tabs li{display:inline-block;padding:0 13px;height:24px;line-height:24px;border:1px solid #dedede;border-radius:11px;margin:0 10px 10px 0 ; }
.sec5 .tabs li a{font-size:12px;font-weight:400;color:#7d7d7d}
.sec5 .tabs li.active{border-color:#512772;}
.sec5 .tabs li.active a{color:#512772;}
.sec5 .list_shopping3x ul{width:978px;position:relative; margin-left:20px;  }
.sec5 .list_shopping3x ul li:last-child{position:absolute;right:0;top:0;}
.sec5 .list_shopping3x ul li:last-child a{position: relative;  display: block;  width: 100%;  height: 100%;    font-size: 10px; font-weight: 400; color: #1a1a1a;text-align:center;box-sizing: border-box;padding-top: 320px;}
.sec5 .list_shopping3x ul li:last-child a img{display:block;margin:0 auto;width:30px;}
.sec5 .tab_content li{width:158px;margin-top:0 !important;}
.sec5 .swiper-scrollbar{height:3px !important;background:#E8E8E8; left:20px !important;}
.sec5 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0}

html{
    scroll-behavior:smooth;
}

#contentWrap{
    line-height: normal;
}


#prdReview .nodata {
    display: none;
}

.snapreview_hidden {
    display: none;
}

.btn_group{
    display:flex;
    /* margin-top: clamp(47px, 12vw, 94px); */
}

.btn_group button { background-color: #d3ccc6 !important; /* 240822 add */ }

.btn_group > div {
    width: 1px;
    background: #d3ccc6;
    position: relative;
}


.btn_group > div > span {
    width: 1px;
    display: block;
    height: clamp(10px, 3.8vw, 28px);
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.top {
    text-align: center;
    /* padding: clamp(37px, 12vw, 74px) 0 0; */
    background: #f4f4f4;
    position: relative;
}

.top h2 {
    font-size: clamp(18px, 5.6vw, 36px);
    font-weight: 700;
    margin-bottom: clamp(12.5px, 3.8vw, 25px);
}

.top p {
    font-size: clamp(10px, 3.8vw, 15px);
    font-weight: 400;
    margin-bottom: clamp(31px, 3.8vw, 40px);
}

.point_img {
    width: 59.218%;
    margin: 0 auto clamp(31px, 3.8vw, 62px);
    /* background: #9297ff; */
}

.point_img img {
    width: 100%;
    height: 100%;
}

.top_cont {
    margin: 0 auto;
}

.cont_wrap {
    display: flex;
    justify-content: space-between;
    width: 93.75%;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: clamp(20px, 3.8vw, 40px) clamp(12px, 3.8vw, 35px);
    box-sizing: border-box;
    border-radius: clamp(10px, 3.8vw, 28px);
}

.cont_wrap>div {
    width: 33%
}

.cont_wrap>div:not(:nth-last-child(1)) {
    width: 28%;
    padding-right: 2.5%;
    margin-right: 2.5%;
    border-right: 1px solid #efefef;
}

.cont_wrap>div>h3 {
    font-size: clamp(10px, 3vw, 18px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(9px, 3.8vw, 18px);
}

.cont_wrap>div>p {
    font-size: clamp(10px, 1.9vw, 15px);
    line-height: 1;
}

.cont_wrap>div>p b {
    font-size: clamp(10px, 2vw, 15px);
    font-weight: 600;
    line-height: 1;
    color: #ff3904;
}

.cont_wrap>div>p:not(:last-child) {
    margin-bottom: 8px;
}

.review_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(10px, 3.8vw, 28px);
    height: clamp(10px, 3.8vw, 28px);
    background: #000;
    color: #fff;
    font-size: clamp(10px, 3.8vw, 28px);
    font-weight: 600;
    margin: clamp(10px, 3.8vw, 28px) auto 0;
}

.sticky_tab {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    top: 136px;
    background: #fff;
    padding: clamp(10px, 3.8vw, 28px) 0;
    z-index: 97;
}

.sticky_tab a {
    display: flex;
    font-size: clamp(10px, 2.5vw, 15px);
    line-height: 1.3;
    font-weight: 400;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #919191;
}

.sticky_tab a.active {
    font-weight: 700;
    color: #fff;
    background: #512772;
}

.sticky_tab li {
    height: 100%;
    width: 20%;
    text-align: center;
}

.sticky_tab li:first-child {
    margin-left: 0 !important;
}

.sticky_tab li:last-child {
    margin-right: 0 !important;
}

.tip_btn, .tip2_btn, .tip3_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(6px, 2vw, 13px) clamp(3px, 3.8vw, 18px);
    /* height:calc(100vw*(30/428)); */
    color: #fff;
    background: #000;
    border-radius: 9999px;
}

.tip_btn p, .tip2_btn p, .tip3_btn p {
    font-size: clamp(10px, 3.8vw, 28px);
    font-weight: 600;
    margin-right:3px;
}

.slide_section {
    background: #f4efe9;
    padding: clamp(10px, 3.8vw, 28px) 0;
    position: relative;
}

.top_title {
    padding: 60px clamp(10px, 3.8vw, 28px) 0;
}

.top_title>div {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: clamp(10px, 3.8vw, 28px);
}

.top_title h2 {
    font-size: clamp(18px, 6.1vw, 36px);
    font-weight: 700;
}

.top_title p {
    font-size: clamp(10px, 3vw, 16px);
    font-weight: 500;
}

.top_title 

.top_title p b {
    font-size: clamp(10px, 3vw, 16px);
    font-weight: 700;
}

.top_title strong {
    font-size: clamp(10px, 3.8vw, 28px);
    font-weight: 700;
}

.slide_contain a {
    width: 100%;
    background: #fff;
    text-align: center;
    border-radius: clamp(10px, 3.8vw, 28px);
    margin-top: clamp(10px, 3.8vw, 28px);
    overflow: hidden;
}

.slide_contain a>span {
    display: block;
    color: #525252;
    font-size: clamp(10px, 3.8vw, 28px);
    font-weight: 600;
    margin-bottom: clamp(10px, 3.8vw, 28px);
}

.slide_contain a>p {
    font-size: clamp(10px, 3.8vw, 28px);
    font-weight: 600;
    margin-bottom: clamp(10px, 3.8vw, 28px);
}

.slide_contain a>p b {
    font-size:clamp(10px, 3.8vw, 28px);
    font-weight: 700;
}

.slide_img {
    width: 100%;
    position: relative;
    border-radius: clamp(10px, 3.8vw, 28px)clamp(10px, 3.8vw, 28px) 0 0;
}

.opa_img {
    width: 25.37%;
    margin-right: 5.639%;
}

.img_opacity .opa_img img {
    border-radius: 15px;
}

.img_opacity {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(10px, 3.8vw, 28px) 0;
    border-radius: 25px 25px 0 0;
}

.img_opacity::after{
    content: "go shop >";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    width: 70px;
    height: 30px;
    border-radius: 999px 0 0 999px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #000;
    color: #fff;
}

.opa_text {
    text-align: left;
    width: 50%;
}

.opa_text .hash {
    margin-bottom: clamp(10px, 3.8vw, 28px);
}

.opa_text .hash span {
    font-size: clamp(10px, 3.8vw, 18px);
    color: #fff;
}

.opa_text p {
    font-weight: 500;
    font-size: clamp(10px, 3.8vw, 24px);
    color: #fff;
    margin-bottom: clamp(10px, 3vw, 16px);
}

.opa_text span {
    font-size: clamp(10px, 3vw, 16px);
    color: #fff;
}

.re_text {
    background: #d3ccc6;
    padding: clamp(17px, 6vw, 34px);
    text-align: left;
}

.re_text p {
    font-size: clamp(10px, 3vw, 16px);
    line-height: 1.6;
    font-weight: 500;
    overflow: auto;
    height: 100px;
}

.re_text p::-webkit-scrollbar {
    width: 8px;
}

.re_text p::-webkit-scrollbar-thumb {
    height: 30%; 
    background: #2d2d2d;
    border-radius: 10px;
}

.re_text p::-webkit-scrollbar-track {
    background: #dedede;  /*스크롤바 뒷 배경 색상*/
}

.slide_cont .swiper {
    width: 83.125%;
    padding-bottom: 10%;
}

.slide_cont .swiper-button-next {
    top: 45%;
    right: 2%;
    background: url(//jstyle07.jpg3.kr/SITE/EVENT/2023/review/button_2.png) no-repeat center center / contain;
    width: 11.875%;
}

.slide_cont .swiper-button-prev {
    top: 45%;
    left: 2%;
    background: url(//jstyle07.jpg3.kr/SITE/EVENT/2023/review/button_1.png) no-repeat center center / contain;
    width: 11.875%;
}

.slide_cont .swiper-button-next:after,
.slide_cont .swiper-button-prev:after {
    content: '' !important;
}

.insta_section {
    background: #f4efe9;
}

.insta_section .top_title .effect {
    background: #ffcdfc;
    width: 100%;
}

.insta_section .top_title>p:not(:last-child) {
    margin-bottom:calc(100vw*(5/428));
}
    
        /* 모달창-----------------------------*/
.modal_bg{
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 1001;
    overflow-y:scroll;
}

.modal_bg .big_modal{
    width: calc(100vw*(378/428));
    height: 100%;
    position: absolute;
    top: calc(100vw*(100/428));
    left: 50%;
    transform: translate(-50%,0);
    border-radius: calc(100vw*(30/428));
}

.md_cont{
    height: 100%;
    padding-bottom:calc(100vw*(100/428));
}

.scrollOff {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    touch-action: none !important;
    overflow: hidden !important;
}

.btn_group .left_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    background: #d3ccc6;
    color: #000;
    font-size: clamp(10px, 3.8vw, 1.2em);
    font-weight: 500;
    margin:0 auto;
    border:none;
    border-radius:0 !important;
}
    

button.snap_item_review_write_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    background: #d3ccc6;
    color: #000;
    font-size: clamp(10px, 3.8vw, 1.2em);
    font-weight: 500;
    margin:0 auto;
    border:none;
}
    
    .modal_bg .close{
        width: calc(100vw*(40/428));
        height: calc(100vw*(40/428));
        background: url(//jstyle07.jpg3.kr/SITE/EVENT/2023/review/button_3.png) no-repeat center center / cover;
        position: absolute;
        top: calc(100vw*(-60/428));
        right:0;
        content:'';
    }


.review_notice {
    margin-top: 45px;
}

.review_notice p {
    line-height: 20px;
}


/*스냅리뷰 탭 섹션*/
.snapreview_1002 h3{padding-left: 20px;margin:60px 0 0px;font-size:24px;font-weight:700;color:#1a1a1a;clear:both; }
.snapreview_1002 h4{padding-left: 20px;margin:10px 0 0px;font-size:13px;font-weight:400;color:#1a1a1a;clear:both; }


/* 250122 add */
.prod_color { padding-left: 8px; }
/* BASIC css end */