@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* 초기화 */
html {overflow-y:scroll; font-size:10px;}
body {padding:0; margin:0 auto; font-size:1.2rem;font-family:'Pretendard', sans-serif !important; font-weight: 400; -webkit-text-size-adjust: 100%; letter-spacing:-0.5px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight: 600;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1.5rem;}
input, button {margin:0;padding:0;font-family:'Pretendard', sans-serif !important; font-size:1.5rem; font-weight: 400; border-radius: 0;}
input[type="submit"] {cursor:pointer; -webkit-appearance: none;}
button {cursor:pointer}
img {max-width:100%; height:auto;}
textarea, select {font-family:'Pretendard', sans-serif !important; font-size:1.5rem; font-weight: 400; border-radius: 0;}
select {width:100%; height: 4.8rem; padding: 0 1.6rem; padding-right:3rem; font-size:1.5rem; color:#111; background: url('/images/sdcm/store/arr_down_brown.svg') no-repeat 98% 50% #F8F7F5; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 8px;}
select::-ms-expand {display: none;}
p {margin:0;padding:0;word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#2B2621; text-decoration:none; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {}

*::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
*::-webkit-scrollbar-thumb {
  background: #7a7a7a;
  border-radius: 10px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}

.hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 페이징 */
.pg_wrap {clear:both; margin:3rem auto; text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {display:inline-block;}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#fff;border:1px solid #ddd;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#A48D78;font-size:1.6rem;height:40px;line-height:38px;padding:0 5px;min-width:40px; font-weight:600; text-decoration:none;border-radius:5rem; border:1px solid #FFF;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/images/sdcm/store/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #FFF}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/images/sdcm/store/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #FFF}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/images/sdcm/store/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #FFF}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/images/sdcm/store/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #FFF}
.pg_current {display:inline-block; font-size: 1.6rem; background:#A48D78;border:1px solid #A48D78;color:#FFF;font-weight:600;height:40px;line-height:40px;padding:0 10px;min-width:40px;border-radius:5rem;}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

.gap4 {gap: 0.4rem;}
.gap8 {gap: 0.8rem;}
.gap16 {gap: 1.6rem;}
.gap20 {gap: 2rem;}
.gap24 {gap: 2.4rem;}
.gap28 {gap: 2.8rem;}
.gap32 {gap: 3.2rem;}
.gap36 {gap: 3.6rem;}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.aic {align-items: center;}
.aie {align-items: end;}
.jsc {justify-content: center;}
.jsb {justify-content: space-between;}
.jsr {justify-content: right;}
.tac {text-align: center;}
.tal {text-align: left !important;}
.tar {text-align: right;}
.fx1 {flex: 1;}

.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}

.mgt4 {margin-top: 0.4rem;}
.mgb4 {margin-bottom: 0.4rem;}
.mgt8 {margin-top: 0.8rem;}
.mgb8 {margin-bottom: 0.8rem;}
.mgt10 {margin-top: 1rem;}
.mgb10 {margin-bottom: 1rem;}
.mgt12 {margin-top: 1.2rem;}
.mgb12 {margin-bottom: 1.2rem;}
.mgt16 {margin-top: 1.6rem;}
.mgb16 {margin-bottom: 1.6rem;}
.mgt20 {margin-top: 2rem;}
.mgb20 {margin-bottom: 2rem;}
.mgt24 {margin-top: 2.4rem;}
.mgb24 {margin-bottom: 2.4rem;}
.mgt28 {margin-top: 2.8rem;}
.mgb28 {margin-bottom: 2.8rem;}
.mgt32 {margin-top: 3.2rem;}
.mgb32 {margin-bottom: 3.2rem;}
.mgt36 {margin-top: 3.6rem;}
.mgb36 {margin-bottom: 3.6rem;}
.mgt40 {margin-top: 4rem;}
.mgb40 {margin-bottom: 4rem;}
.mgt50 {margin-top: 5rem;}
.mgb50 {margin-bottom: 5rem;}
.mgt60 {margin-top: 6rem;}
.mgb60 {margin-bottom: 6rem;}
.mgt80 {margin-top: 8rem;}
.mgb80 {margin-bottom: 8rem;}
.mgt100 {margin-top: 10rem;}
.mgb100 {margin-bottom: 10rem;}
.mgt120 {margin-top: 12rem;}
.mgb120 {margin-bottom: 12rem;}
.mgt140 {margin-top: 14rem;}
.mgb140 {margin-bottom: 14rem;}
.mgt160 {margin-top: 16rem;}
.mgb160 {margin-bottom: 16rem;}
.mgt200 {margin-top: 20rem;}
.mgb200 {margin-bottom: 20rem;}

.top-bottom {transform: translate(0,-24px); -webkit-transform: translate(0,-24px); -webkit-transition: 0.45s; transition: 0.45s; opacity:0;}
.bottom-top {transform: translate(0,24px); -webkit-transform: translate(0,24px); -webkit-transition: 0.45s; transition: 0.45s; opacity:0;}
.img-ani {transition: transform 0.45s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity 0.45s ease-in-out; opacity: 0;}
.img-aniload {transform: translate(0,0); -webkit-transform: translate(0,0); opacity:1;}
.img-aniload.top-bottom,
.img-aniload.bottom-top {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
.txt-ani {overflow: hidden; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 0; color:#111;}
.txt-ani > span {-webkit-transition: inherit; transition: inherit; transform: translate(0,100px); -webkit-transform: translate(0,100px); opacity: 0; display: inline-block;}
.txt-aniload > span {transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
.tech-img {display:inline-block; max-width: 100%;}
.tech-img img {max-width: 1200px;}
.tech-img > div {width: 0; overflow: hidden; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; opacity: 0;}
.tech-aniload > div {width: 100%; opacity: 1;}
.left-right {opacity:0; transform: translate(-20px,0); -webkit-transform: translate(-20px,0); transition: all 0.45s ease; -webkit-transition: all 0.45s ease;}
.right-left {opacity:0; transform: translate(20px,0); -webkit-transform: translate(20px,0); transition: all 0.45s ease; -webkit-transition: all 0.45s ease;}
.img-aniload .left-right,
.img-aniload .right-left,
.img-aniload.left-right,
.img-aniload.right-left {transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity: 1;}
.dy2 {transition-delay: 0.3s !important;}
.dy3 {transition-delay: 0.4s !important;}
.dy4 {transition-delay: 0.5s !important;}
.dy5 {transition-delay: 0.6s !important;}
.dy6 {transition-delay: 0.7s !important;}
.dy7 {transition-delay: 0.8s !important;}
.dy8 {transition-delay: 0.9s !important;}
.dy9 {transition-delay: 1.0s !important;}
.dy10 {transition-delay: 1.1s !important;}
.gnb_pc {display:block;}
.gnb_m {display:none;}
.pc_on {display:block;}
.m_on {display:none;}

.wrap {position: relative; max-width: 140rem; padding: 0 3.2rem; margin: 0 auto;}
.wrap1120 {position: relative; max-width: 112rem; margin: 0 auto;}
.blk {display: block;}

#ft {background: #917A65;}
#ft .cont1 {border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
#ft .cont1 .le {}
#ft .cont1 .le div {height: 8.4rem; color: rgba(255, 255, 255, 0.60); font-size: 1.6rem; font-weight: 500; display: flex; align-items: center; padding: 0 2rem; cursor: pointer;}
#ft .cont1 .ri {gap: 2rem;}
#ft .cont1 .ri a {}
#ft .cont1 .ri a img {}
#ft .cont2 {padding: 6rem 0;}
#ft .cont2 .wrap {display: flex; align-items: center;}
#ft .cont2 .ft_logo {padding: 0 2rem;}
#ft .cont2 .txt {margin-left: 1.6rem; font-size: 1.3rem; color: #FFF; line-height: 1.6;}
#ft .cont2 .txt .line {display: inline-block; width: 1px; height: 10px; background: #f0f0f0; margin: 0 10px;}

.layer-pop-wrap {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1001; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.layer-pop-wrap .outb {display: flex; align-items: center; justify-content: center; height: 100%;}
.layer-pop-wrap .inb {width: 43.5rem;}
.layer-pop-wrap .lyClose {height: 6.4rem; font-size: 2rem; font-weight: 500; color: #FFF; display: flex; align-items: center; justify-content: center; background: #A48D78; cursor: pointer;}
.prc_cont {background: #FFF; padding: 6.4rem 3.2rem;}
.prc_cont h3 {font-size: 2rem; color: #2B2621; font-weight: 500; margin-bottom: 2.2rem;}
.prc_cont .texta {height: 36rem;}
.prc_cont .texta textarea {width: 100%; height: 100%; resize: none; border: 0; border-radius: 0; padding: 0; margin: 0; font-size: 1.4rem; color: #6C6865; line-height: 1.5;}
html.ly_on {overflow: hidden;}

#c_gnb {height: 7rem; z-index: 9; position: relative; top: 0; left: 0; right: 0; background: #FFF;}
#c_gnb::before {content: ''; height: 0; position: absolute; top: 7rem; left: 0; right: 0; transition: all 0.3s ease;}
#c_gnb.mn_hover::before {height: 4.4rem; background: #FFF;}
#c_gnb::after {content: ''; border-bottom: 1px solid rgba(43, 38, 33, 0.20); position: absolute; top: 7rem; left: 0; right: 0;}
#c_gnb .wrap {}
#c_gnb .logo {height: 100%;}
#c_gnb .logo a {font-size: 2rem; font-weight: 800; color: #A48D78; display: flex; align-items: center; height: 100%;}
#c_gnb .menu {padding-left: 3.2rem;}
#c_gnb .menu .comm {position: relative;}
#c_gnb .menu .comm .aLink {position: relative; font-size: 1.7rem; font-weight: 700; color: rgba(43, 38, 33, 0.50); height: 7rem; display: flex; align-items: center; padding: 0 2rem;}
#c_gnb .menu .comm .aLink::after {content: ''; width: 0; position: absolute; top: 6.8rem; left: 50%; height: 3px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#c_gnb .menu .comm:hover .aLink::after {width: 100%; z-index: 2; margin-left: -50%; background:#A48D78;}
#c_gnb .menu .comm .dep {opacity: 0; overflow: hidden; visibility: hidden; position: absolute; top: 7.1rem; left: 0; width: max-content; z-index: -1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
#c_gnb .menu .comm .dep li {}
#c_gnb .menu .comm .dep .dLink {display: flex; align-items: center; justify-content: center; height: 4.2rem; font-size: 1.4rem; font-weight: 500; color: rgba(43, 38, 33, 0.50); padding: 0 2rem;}
#c_gnb .menu .comm .aLink#on,
#c_gnb .menu .comm .dep .dLink#on,
#c_gnb .menu .comm .dep .dLink:hover,
#c_gnb .menu .comm:hover .aLink {color: #2B2621;}
/* 현재 선택된 PC 대메뉴 */
#c_gnb .menu .comm .aLink.store-menu-current {
    background-image: linear-gradient(to right, #E3AB78, #997A5D);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

/* 현재 선택된 SHOP 하위 카테고리 */
#c_gnb .menu .m1.comm .dep .dLink.store-category-current {
    color: #2B2621;
    font-weight: 700;
}
#c_gnb .menu .comm:hover .dep {opacity: 1; visibility: visible; z-index: 1;}
/* 
#c_gnb.mn_hover {height: 11.3rem;}
*/

/*기획전 메뉴 활성화 css 주석*/
/*#c_gnb .menu .m2.comm .aLink {background-image: linear-gradient(to right, #E3AB78, #997A5D); background-clip: text; -webkit-background-clip: text; color: transparent;}*/

#c_gnb .ri {}
#c_gnb .ri ul {}
#c_gnb .ri ul li {}
#c_gnb .ri .r1 a,
#c_gnb .ri .r2 a {font-size: 1.4rem; padding: 0 1.5rem; font-weight: 500; display: flex; height: 7rem; align-items: center; color: rgba(43, 38, 33, 0.5);}
.cartGo {position: relative; width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; background: url(/images/sdcm/store/cart_ic.svg) no-repeat center;}
.cartGo .cnt {position: absolute; top: -8px; right: -8px; z-index: 1; background: #A48D78; color: #FFF; font-size: 1.2rem; font-weight: 700; min-width: 1.8rem; text-align: center; border-radius: 5rem; padding: 2px 4px;}

#top_banner {height: 4rem; background: #000; display: flex; align-items: center; justify-content: center; position: relative; color: #FFF; font-size: 1.6rem; font-weight: 600;}
#top_banner a {display: inline-flex; color: #FFF; font-size: 1.6rem; font-weight: 600;}
#top_banner .commChk {position: absolute; right: 2rem; z-index: 1;}
#top_banner .commChk label {font-size: 1.3rem; color: #FFF; font-weight: 400;}
#top_banner .commChk label::before {width: 1.8rem; height: 1.8rem;}

.commChk {}
.commChk input[type=checkbox] {display: none; font-size: 0;}
.commChk label {font-size: 1.8rem; color: #2B2621; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; position: relative;}
.commChk label::before {content: ''; width: 2.4rem; height: 2.4rem; background-color: #bfbdbc; background-image: url(/images/sdcm/store/check_w.svg); background-repeat: no-repeat; background-position: center;}
.commChk input[type=checkbox]:checked {}
.commChk input[type=checkbox]:checked + label {}
.commChk input[type=checkbox]:checked + label::before {background-color: #997A5D;}

#wrapper {min-height: calc(100dvh - 10rem);}

.main_bn_cont {overflow: hidden;}
.main_bn_sd {position: relative;}
.main_bn_sd .swiper-slide {}
.main_bn_sd .swiper-slide a {display: block; height: 80.9rem;}
.main_bn_sd .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.main_bn_sd_arr {position: absolute; bottom: 4rem; width: 10.4rem; left: 50%; margin-left: -5.2rem; z-index: 1;}

/* ========================================
   MAIN VISUAL
======================================== */

.main-visual-slide {
    position: relative;
}

.main-visual-link {
    position: relative;
    display: block;
    overflow: hidden;
}
.main-visual-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 텍스트 */
.main-visual-content {
    position: absolute;
    top: 50%;
    left: 14%;
    z-index: 2;

    transform: translateY(-50%);

    color: #2B2621;
}

.main-visual-sub {
    margin-bottom: 3.2rem;

    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.45;
}

.main-visual-title {
    margin: 0;

    font-size: 4.2rem;
    font-weight: 400;
    line-height: 1.35;
}

.main-visual-title span,
.main-visual-title strong {
    display: block;
}

.main-visual-title strong {
    font-weight: 700;
}

/* VIEW MORE */
.main-visual-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 26rem;
    height: 6.4rem;

    margin-top: 7rem;

    border-radius: 10rem;

    background: rgba(255, 255, 255, 0.45);

    color: #FFF;

    font-size: 1.8rem;
    font-weight: 600;
}

.commSdArr {width: 4rem; height: 4rem; border-radius: 5rem; position: absolute; top: 50%; margin-top: -2rem; z-index: 1; background-color: rgba(255, 255, 255, 0.30); background-image: url(/images/sdcm/store/arr_arrow.svg); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.2s ease;}
.commSdArr:hover {background-color: #FFF; background-image: url(/images/sdcm/store/arr_arrow_on.svg);}
.commSdArr.prev {left: 0;}
.commSdArr.next {right: 0; transform: rotate(180deg);}

.pd140 {padding: 14rem 0;}
#c_gnb.fixed {position: fixed;}

.more_lk {}
.more_lk a {font-size: 1.6rem; font-weight: 500; color: #FFF; display: inline-flex; align-items: center; height: 4rem; padding: 0 1.6rem; border-radius: 5rem; background: #A48D78;}
.more_lk a svg {width: 1.4rem; height: auto; margin-left: 6px;}
.more_lk a svg path {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.more_lk a:hover {background: #735B46; color: #FFF;}
.more_lk a:hover svg path {fill: #FFF;}
.h2_34 {font-size: 3.4rem; font-weight: 700; line-height: 1.35;}
.main_evt {}
.main_evt .inarea {}
.main_evt .txt {width: 21.6rem; flex-shrink: 0;}
.main_evt .cont {flex: 1;}

/* 메인 기획전 / 메인 상품 이미지 고정 영역 */
.main_evt .pdt_list .thum,
.main_pdt .pdt_list .thum,
.list_pdt .pdt_list .thum,
.event_pdt .pdt_list .thum {
    width: 360px;
    max-width: 100%;
    height: 450px;
    margin: 0 auto 3.6rem;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

/* 원본 이미지 비율 유지 */
.main_evt .pdt_list .thum img,
.main_pdt .pdt_list .thum img,
.list_pdt .pdt_list .thum img,
.event_pdt .pdt_list .thum img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.pdt_list {}
.pdt_list ul {display: flex; flex-wrap: wrap; gap: 14rem 0; margin: 0 -1rem;}
.pdt_list ul li {width: 33.3333333%; padding: 0 1rem;}
.pdt_list ul li a {display: block; position: relative;}
.pdt_list .thum {margin-bottom: 3.6rem;}
.pdt_list .thum img {}
.pdt_list .pdt_info_t {text-align: center; position: relative;}
.pdt_list .pdt_info_t h3 {font-size: 1.8rem; font-weight: 700; color: #2B2621; margin-bottom: 1.8rem;}
.pdt_list .p_won {font-size: 1.4rem; color: rgba(43, 38, 33, 0.3); text-decoration: line-through; margin-bottom: 4px;}
.pdt_list .s_won {font-size: 1.8rem; font-weight: 700;}
.pdt_list .s_won .per {color: #EE5D5D; margin-right: 4px;}
.pdt_list .last_won {}

/* SHOP / REVIEW 조회 결과 없음 */
.pdt_list ul li.no-data,
.list_review_cont .no-data {
    width: 100%;
    padding: 10rem 2rem;
    color: #6C6865;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

/* SHOP 조회 결과 없음 */
.pdt_list ul li.no-data .pdt_info_t {
    padding: 0;
    text-align: center;
}

.pdt_list ul li.no-data .pdt_info_t h3 {
    margin: 0;
    color: #6C6865;
    font-size: 1.8rem;
    font-weight: 500;
}

/* ========================================
   메인 이벤트 배너
======================================== */

.main_cp {
    position: relative;
    overflow: hidden;
}

.main_cp .main-cp-link {
    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;
}

.main_cp .main-cp-img {
    display: block;

    width: 100%;
    height: auto;
}


/* 텍스트 */
.main-cp-content {
    position: absolute;

    top: 50%;
    left: 14%;

    transform: translateY(-50%);

    z-index: 2;

    color: #2B2621;
}

.main-cp-title {
    margin: 0;

    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.35;
}

.main-cp-title span,
.main-cp-title strong {
    display: block;
}

.main-cp-title strong {
    font-weight: 700;
}

.main-cp-desc {
    margin-top: 2.4rem;

    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;

    color: rgba(43, 38, 33, 0.65);
}
.pdt_list.sale_mark {max-width: 112rem; margin: 0 auto;}
.pdt_list.sale_mark .pdt_info_t {text-align: left; padding-right: 10rem;}
.sale_per {width: 8rem; height: 8rem; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 50%; background: linear-gradient(34deg, #734f38 30%, #ba8e68 86%); color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sale_per .brk {}
.sale_per .s1 {font-size: 3rem; font-weight: 800;}
.sale_per .s2 {font-size: 1.6rem; font-weight: 800;}
.sale_per p {font-size: 1.4rem; font-weight: 500;}

.main_rw {background: #F2EEEB;}
.rv_list_wrap {max-width: 128rem; margin: 0 auto; padding: 0 8rem;}
.rv_list_sd {overflow: hidden;}
.rv_list_sd .swiper-slide {cursor: pointer;}
.rv_list_sd .thum {
    width: 360px;
    max-width: 100%;
    height: 450px;
    margin: 0 auto 2.4rem;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.rv_list_sd .thum img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

/* REVIEW 목록 기본 이미지 */
.rv_list_sd .thum.default-review-image {
    background: none;
}

.rv_list_sd .thum.default-review-image img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
}

/* REVIEW 상세 이미지 영역 */
.rv_view_modal .clip_sd .swiper-slide.review-detail-media {
    width: 100%;
    height: 450px;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* REVIEW 상세 실제 이미지 */
.rv_view_modal .clip_sd .swiper-slide.review-detail-media img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

/* REVIEW 상세 - 첨부 이미지 없음 */
.rv_view_modal .clip_sd .swiper-slide.review-no-image {
    background: #F8F7F5;
}

.rv_view_modal .review-no-image-text {
    color: #6C6865;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}
.rv_list_sd .info {}
.rv_list_sd .rv_txt {font-size: 1.4rem; color: #2B2621; margin-top: 1.2rem; line-height: 1.35; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: -webkit-auto; text-align: center;}
.rv_list_sd .rv_name {font-size: 1.4rem; color: rgba(43, 38, 33, 0.5); margin-top: 1.2rem; text-align: center;}
.rv_list_sd .commSdArr {background-color: #FFF; background-image: url(/images/sdcm/store/sd_arr2.svg);}
.rv_list_sd .commSdArr.next {right: 6rem; transform: rotate(0deg);}
.rv_list_sd .commSdArr.prev {left: 6rem; transform: rotate(180deg);}

.star_per {width: 12rem; height: 2.4rem; position: relative; margin: 0 auto; background: url(/images/sdcm/store/star_bg.svg) no-repeat;}
.star_per .line {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/sdcm/store/star_line.svg) no-repeat;}
.rv_view_btn {cursor: pointer;}
.rv_view_modal {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; display: flex; align-items: center; justify-content: center;}
.rv_view_modal .outb {width: 100rem; background: #FFF; height: 72rem; max-height: 90dvh;}
.rv_view_modal .inb {position: relative; height: 100%;}
.rv_view_modal .inarea {height: 100%;}
.rv_md_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; z-index: 1; background: url(/images/sdcm/store/close_btn_b.svg) no-repeat center/1.8rem; cursor: pointer;}
.rv_view_modal .inarea h3 {height: 6rem; padding: 0 2rem; font-size: 1.8rem; font-weight: 600; color: #2B2621; display: flex; align-items: center; justify-content: center;}
.rv_view_modal .inarea h3 .cnt {margin-left: 8px;}
.rv_view_modal .inarea .cont {height: calc(100% - 6rem);}
.rv_view_modal .inarea .cont .le {width: 50%; padding: 0 3.2rem;}
.rv_view_modal .info_top {display: flex; align-items: center;}
.rv_view_modal .info_top .thum {width: 5rem; height: 5rem; flex-shrink: 0;}
.rv_view_modal .info_top .thum img {width: 100%; height: 100%; object-fit: cover;}
.rv_view_modal .info_top .pdt_i {flex: 1; padding-left: 1.2rem; min-width: 0;}
.rv_view_modal .info_top .pdt_i h4 {font-size: 1.5rem; font-weight: 500; color: #2B2621; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;}
.rv_view_modal .info_top .pdt_i .rv_avr {font-size: 1.3rem; color: rgba(43, 38, 33, 0.5); margin-top: 8px; font-weight: 500;}
.rv_view_modal .info_scr {margin-top: 1.2rem; padding-right: 8px; height: calc(100% - 6.2rem); overflow-y: auto;}
.rv_view_modal .info_clip {}
.rv_view_modal .clip_sd {overflow: hidden; position: relative;}
.rv_view_modal .clip_sd .swiper-slide {}
.rv_view_modal .clip_sd .swiper-slide img {width: 100%; height: auto;}
.rv_view_modal .info_name {background: #F2EEEB; padding: 1.6rem 1.6rem; border-radius: 8px; margin: 1.2rem 0;}
.rv_view_modal .info_name .name {color: #444; font-weight: 600; font-size: 1.4rem;}
.rv_view_modal .info_name .date {color: #444; font-size: 1.3rem;}
.rv_view_modal .info_name .opt {margin-top: 8px; color: #777;}
.rv_view_modal .info_star {}
.rv_view_modal .star_per {margin: 0 0;}
.info_cont_txt {margin-top: 1.2rem; font-size: 1.4rem; line-height: 1.35; color: #2B2621; padding-bottom: 2rem;}
.rv_view_modal .clip_sd .commSdArr.prev {left: 1rem;}
.rv_view_modal .clip_sd .commSdArr.next {right: 1rem;}
.rv_view_modal .inarea .cont .ri {width: 50%; padding: 0 8px; height: 100%;}
.rv_view_modal .info_review_title {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #222;
}
.rv_all_list {overflow-y: auto; height: 100%;}
.rv_all_list ul {column-count: 3; column-gap: 8px; padding-bottom: 2rem; padding-right: 8px;}
.rv_all_list ul li {display: block; cursor: pointer; break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom: 8px; border-radius: 6px; overflow: hidden;}
.rv_all_list ul li img {width: 100%; display: block; border-radius: 6px;}

#m_gnb {display: none;}


/* ========================================
   SHOP 상단 배너
======================================== */

.list_top_bn {
    position: relative;

    width: 100%;
    height: 42.1rem;

    overflow: hidden;
}

.list_top_bn .list-top-img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* 텍스트 */
.list-top-content {
    position: absolute;

    top: 50%;
    left: 10%;

    transform: translateY(-50%);

    z-index: 2;

    color: #2B2621;
}

.list-top-title {
    margin: 0 0 2rem;

    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2;
}

.list-top-desc {
    margin: 0;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
}


.list-top-desc strong {
    font-weight: 700;
}
.list_pdt_wrap {}

.page_wrap {margin: 6rem 0 12rem; text-align:center; display: flex; align-items: center; justify-content: center;}
.page_wrap .num {width: 4rem; height: 4rem; font-size:1.6rem; font-weight: 600; color:#A48D78; text-align:center; margin:0 4px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.2s ease;}
.page_wrap .num:hover {color: #FFF; background: #735B46;}
.page_wrap .num.current {color: #FFF; background: #A48D78;}
.page_wrap span {display: flex; align-items: center; justify-content: center; cursor:pointer;}
.page_wrap .prev,
.page_wrap .next,
.page_wrap .page_prev,
.page_wrap .page_next {width: 4rem; height: 4rem; background-repeat:no-repeat; background-position:center;}
.page_wrap .page_prev {background-image:url('/images/sdcm/store/page_prev2.png'); background-size:1.6rem;}
.page_wrap .page_next {background-image:url('/images/sdcm/store/page_next2.png'); background-size:1.6rem;}
.page_wrap .prev {background-image:url('/images/sdcm/store/page_arr.svg'); margin-right: 1.2rem; transform: rotate(180deg);}
.page_wrap .next {background-image:url('/images/sdcm/store/page_arr.svg'); margin-left: 1.2rem;}

.list_review_cont {display: flex; flex-wrap: wrap; gap: 14rem 0; margin: 0 -1rem;}
.list_review_cont > .item {width: 33.3333333%; padding: 0 1rem; cursor: pointer;}

.pdt_view {margin-top: 10rem;}
.pdt_cont {display: flex; padding-bottom: 14rem;}
.pdt_cont .le_info {width: 50%; padding-right: 4rem;}
.pdt_cont .le_info .thum {}
.pdt_det_sd {overflow: hidden; position: relative;}
.pdt_det_sd .commSdArr.prev {left: 1rem;}
.pdt_det_sd .commSdArr.next {right: 1rem;}
.pdt_top_review_list {margin-top: 10rem;}
.pdt_top_review_list .star_per {margin: 0 0;}
.pdt_top_review_list .total_num {font-size: 1.8rem; font-weight: 700; color: #2B2621; margin-left: 1.2rem;}
.pdt_top_review_list .total_cnt {font-size: 1.5rem; color: rgba(43, 38, 33, 0.5); text-decoration: underline; margin-left: 1.2rem;}
.pdt_top_preview {margin-top: 1.2rem;}
.pdt_top_preview ul {display: flex; gap: 0 8px;}
.pdt_top_preview ul li {width: 20%;}
.pdt_top_preview ul li img {border-radius: 4px;}

.pdt_cont .ri_info {width: 50%; padding-left: 4rem; position: sticky; top: 8rem; z-index: 2; height: max-content;}
.pdt_title {display: flex; position: relative; padding-top: 1.6rem;}
.pdt_title .txt {flex: 1; padding-right: 10rem;}
.pdt_title .txt h2 {font-size: 3.2rem; color: #2B2621; font-weight: 700;}
.pdt_title .txt p {font-size: 1.6rem; color: #6C6865; margin-top: 1rem;}
.pdt_title .sale_per {}
.pdt_det_txt {border-top: 1px solid rgba(43, 38, 33, 0.1); padding-top: 2rem; margin-top: 2.4rem;}
.pdt_det_txt dl {display: flex; margin-bottom: 4rem;}
.pdt_det_txt dt {font-size: 1.6rem; font-weight: 600; color: rgba(43, 38, 33, 0.5); width: 10rem; flex-shrink: 0;}
.pdt_det_txt dd {flex: 1; font-size: 1.6rem; font-weight: 500; color: #6C6865;}
.pdt_det_txt .list1 dt {font-size: 2rem; color: #2B2621;}
.pdt_det_txt .list1 .s1 {font-size: 2.4rem; color: #2B2621; font-weight: 700;}
.pdt_det_txt .list1 .s2 {font-size: 2rem; font-weight: 800; color: #EE5D5D; margin-left: 8px;}
.pdt_det_txt .list1 .nep {margin-top: 4px; font-size: 1.4rem; color: rgba(43, 38, 33, 0.3); text-decoration: line-through;}
.pdt_det_txt dl.list5 {align-items: center; border-top: 1px solid rgba(43, 38, 33, 0.1); padding-top: 2rem;}
.pdt_det_txt dl.list6 {align-items: center; border-bottom: 1px solid rgba(43, 38, 33, 0.1); padding-bottom: 2rem;}
.qty_cnt {display: flex; align-items: center; justify-content: right; height: 4.8rem;}
.qty_cnt .ic {width: 4.8rem; height: 4.8rem; border-radius: 4px; border: 1px solid #ddd; cursor: pointer; transition: all 0.3s ease;}
.qty_cnt .ic:hover {border: 1px solid #735B46;}
.qty_cnt .plus {background: url(/images/sdcm/store/plus_ic.svg) no-repeat center/2rem;}
.qty_cnt .minus {background: url(/images/sdcm/store/minus_ic.svg) no-repeat center/2rem;}
.qty_cnt .ipt {}
.qty_cnt .ipt input {width: 6.4rem; font-weight: 600; padding: 0 6px; height: 4.8rem; border: 1px solid #ddd; border-radius: 4px; margin: 0 6px; text-align: center; font-size: 1.6rem;}
.pdt_det_price {margin: 5rem 0 3rem; display: flex; align-items: center; justify-content: space-between;}
.pdt_det_price .txt {font-size: 2rem; font-weight: 600;}
.pdt_det_price .won {font-size: 2.4rem; font-weight: 700;}
.pdt_det_pur {display: flex; gap: 0 1rem;}
.pdt_det_pur .cart {color: #A48D78; border: 1px solid #A48D78; background: #FFF;}
.pdt_det_pur .buy {color: #FFF; background: #422A15; border: 0;}
.pdt_det_pur .cart,
.pdt_det_pur .buy {height: 6.4rem; flex: 1; font-size: 2rem; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: all 0.3s ease;}
.pdt_det_pur .cart:hover {color: #422A15; border: 1px solid #422A15;}
.pdt_det_pur .buy:hover {background: #2B2621;}
.kko_add {height: 6.4rem; background: url(/images/sdcm/store/arr_right_b.svg) no-repeat 97% center / 2.2rem #ffeb3b; border-radius: 8px; width: 100%; padding: 0 2rem; font-size: 1.6rem; display: flex; align-items: center;}
.kko_add img {height: 3.2rem; margin-right: 1.2rem;}
.kko_add strong {font-weight: 600; margin-left: 8px;}
.pdt_det_txt dl.list1 {margin-bottom: 2rem;}
.pdt_det_tab {margin-top: 10rem;}
.tab_cont {margin-bottom: 10rem;}
.tab_cont .tabs {display: flex; height: 5rem; align-items: center; border-bottom: 1px solid rgba(43, 38, 33, 0.1); position: sticky; top: var(--header-h, 7rem); background: #FFF; z-index: 5;}
.tab_cont .tabs .tab {position: relative; font-size: 1.6rem; font-weight: 600; color: rgba(43, 38, 33, 0.5); flex: 1; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; height: 100%;}
.tab_cont .tabs .tab:hover,
.tab_cont .tabs .tab.on {color: #2B2621;}
.tab_cont .tabs .tab.on::after {content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #A48D78; z-index: 1;}
.tab_cont .tabs .tab .cnt {font-size: 1.2rem; font-weight: 500; color: #A48D78; background: rgba(164, 141, 120, 0.1); display: inline-flex; align-items: center; height: 2.2rem; padding: 0 6px; border-radius: 5px; margin-left: 8px;}
/* ========================================
   상품 상세 - 상품후기
======================================== */

.tab_review {
    width: 100%;
}

/* 리뷰 1건 */
.tab_review .list {
    display: flex;
    align-items: flex-start;

    padding: 3.2rem 1.4rem;

    border-bottom: 1px solid rgba(43, 38, 33, 0.1);

    transition: background 0.2s ease;
}

.tab_review .list:hover {
    background: #FCFBFA;
}


/* ========================================
   리뷰 왼쪽 영역
======================================== */

.tab_review .list .le {
    flex: 1;
    min-width: 0;
}


/* 작성자 */
.tab_review .list .le .m1 {
    margin-bottom: 1rem;

    padding-left: 0;

    color: #2B2621;

    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
}


/* 별점 */
.tab_review .list .le .star_per {
    margin: 0 0 0.8rem;
}


/* 리뷰 제목 */
.tab_review .review_title {
    margin-top: 0.6rem;

    color: #2B2621;

    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
}


/* ========================================
   리뷰 내용
======================================== */

.tab_review_txt {
    margin: 1.2rem 0 1.4rem;

    color: #6C6865;

    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.65;

    word-break: break-word;

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    text-overflow: ellipsis;
}


/* 리뷰 펼쳤을 때 */
.tab_review .list.open .tab_review_txt {
    display: block;

    overflow: visible;

    -webkit-line-clamp: unset;
}


/* ========================================
   리뷰 더보기
======================================== */

.tab_review_more {
    display: inline-flex;
    align-items: center;

    gap: 0.8rem;

    color: #735B46;

    font-size: 1.2rem;
    font-weight: 500;

    cursor: pointer;
}


/* 화살표 */
.tab_review_more::after {
    content: '';

    width: 1rem;
    height: 0.6rem;

    background:
        url(/images/sdcm/store/review_down.svg)
        no-repeat center;

    background-size: contain;

    transition: transform 0.2s ease;
}


/* 펼쳤을 때 화살표 */
.tab_review .list.open .tab_review_more::after {
    transform: rotate(180deg);
}


/* ========================================
   리뷰 이미지
======================================== */

.tab_review .list .ri {
    flex: 0 0 9.8rem;

    width: 9.8rem;
    height: 9.8rem;

    margin-left: 3rem;
}

.tab_review .list .ri img {
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 0.4rem;

    object-fit: cover;
}

/* ========================================
   상품리뷰 대표 이미지
======================================== */

.product_review_thumb {
    position: relative;
}


/* 대표 이미지 클릭 버튼 */
.product_review_image_btn {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    padding: 0;

    border: 0;
    border-radius: 0.4rem;

    background: none;

    overflow: hidden;

    cursor: pointer;
}


.product_review_image_btn img {
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 0.4rem;

    object-fit: cover;
}


/* ========================================
   대표 이미지 추가 이미지 수
   ex) +2 / +4
======================================== */

.product_review_image_count {
    position: absolute;

    right: 0.6rem;
    bottom: 0.6rem;

    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 2.8rem;
    height: 2.4rem;

    padding: 0 0.7rem;

    border-radius: 5rem;

    background: rgba(0, 0, 0, 0.65);

    color: #FFF;

    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;

    pointer-events: none;
}


/* ========================================
   상품리뷰 이미지 상세 모달
======================================== */

.product_review_image_modal {
    position: fixed;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 1002;

    align-items: center;
    justify-content: center;
}


/* 모달 검정 배경 */
.product_review_image_dim {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background: rgba(17, 17, 17, 0.82);
}



.product_review_image_modal_inner {
    position: relative;

    z-index: 1;

    width: min(90vw, 90rem);
    height: min(88vh, 82rem);

    max-width: none;
    max-height: none;

    padding: 5rem;

    background: transparent;
}



/* ========================================
   닫기 버튼
   기존 REVIEW 상세모달 스타일 사용
======================================== */

.product_review_image_close {
    position: absolute;

    top: 1rem;
    right: 1rem;

    z-index: 20;

    width: 5rem;
    height: 5rem;

    padding: 0;
    border: 0;

    background:
        url(/images/sdcm/store/close_btn_b.svg)
        no-repeat
        center / 1.8rem;

    filter: invert(1);

    font-size: 0;

    cursor: pointer;
}


/* ========================================
   Swiper
======================================== */

.product_review_image_swiper {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

.product_review_image_swiper .swiper-wrapper {
    height: 100%;
}

.product_review_image_swiper .swiper-slide {
    width: 100%;
    height: 100%;

    padding: 0 5rem 4rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.product_review_image_swiper .swiper-slide img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    object-fit: contain;

    border-radius: 0.4rem;
}

/* ========================================
   상품리뷰 이미지 Swiper 이전 / 다음 버튼
======================================== */

.product_review_image_swiper
.product_review_image_prev,
.product_review_image_swiper
.product_review_image_next {

    position: absolute !important;

    top: 50% !important;

    z-index: 20;

    width: 3.6rem;
    height: 3.6rem;

    margin-top: -1.8rem;

    border-radius: 50%;

    background-color: rgba(43, 38, 33, 0.42);

    background-image:
        url(/images/sdcm/store/arr_arrow.svg);

    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.4rem;

    cursor: pointer;

    opacity: 0.85;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease;
}


.product_review_image_swiper
.product_review_image_prev {

    left: 6.5rem !important;
    right: auto !important;
}


.product_review_image_swiper
.product_review_image_next {

    right: 6.5rem !important;
    left: auto !important;

    transform: rotate(180deg);
}

.product_review_image_swiper
.product_review_image_prev:hover,
.product_review_image_swiper
.product_review_image_next:hover {

    opacity: 1;

    background-color: rgba(43, 38, 33, 0.68);
}


/* Swiper 기본 화살표 제거 */
.product_review_image_swiper
.swiper-button-prev::after,
.product_review_image_swiper
.swiper-button-next::after,
.product_review_image_swiper
.product_review_image_prev::after,
.product_review_image_swiper
.product_review_image_next::after {

    content: none !important;
    display: none !important;
}

.product_review_image_swiper
.swiper-button-prev,
.product_review_image_swiper
.swiper-button-next {

    color: transparent !important;
}


/* Swiper 기본 테마 색 영향 차단 */
.product_review_image_swiper
.swiper-button-prev,
.product_review_image_swiper
.swiper-button-next {

    color: transparent !important;
}


/* 이미지 1장일 때 화살표 숨김 */
.product_review_image_swiper
.swiper-button-disabled {

    opacity: 0 !important;

    pointer-events: none;
}


/* ========================================
   현재 이미지 번호
   ex) 3 / 5
======================================== */

.product_review_image_swiper
.product_review_image_pagination.swiper-pagination {

    position: absolute !important;

    left: 50% !important;
    right: auto !important;

    top: auto !important;
    bottom: 1.2rem !important;

    z-index: 20;

    width: auto !important;

    transform: translateX(-50%) !important;

    padding: 0.5rem 1rem;

    border-radius: 5rem;

    background: rgba(43, 38, 33, 0.6);

    color: #FFF;

    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}










.tab_qna .page_wrap,

/* ========================================
   상품 문의 상세 펼침 영역
======================================== */

.tab_qna .product_qna_detail {
    padding: 2.4rem 3.2rem;
    background: #F8F7F5;
    border-bottom: 1px solid rgba(43, 38, 33, 0.1);
}

/* 질문 / 답변 한 줄 */
.tab_qna .qna_question,
.tab_qna .qna_answer {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
}

/* 답변 영역 */
.tab_qna .qna_answer {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(43, 38, 33, 0.08);
}

/* Q / A 뱃지 공통 */
.tab_qna .qna_mark {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;

    width: 3.2rem;
    height: 3.2rem;

    border-radius: 50%;

    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}

/* Q */
.tab_qna .qna_question .qna_mark {
    color: #735B46;
    background: #FFF;
    border: 1px solid #C8BBAE;
}

/* A */
.tab_qna .qna_answer .qna_mark {
    color: #FFF;
    background: #A48D78;
}

/* 질문 / 답변 내용 */
.tab_qna .qna_content {
    flex: 1;

    padding-top: 0.5rem;

    color: #2B2621;

    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7;

    white-space: pre-wrap;
    word-break: break-word;
}

/* 답변 작성자 / 날짜 */
.tab_qna .qna_answer_info {
    margin-top: 1rem;

    color: rgba(43, 38, 33, 0.5);

    font-size: 1.2rem;
    font-weight: 400;
}

/* 문의 행 마우스 오버 */
.tab_qna .list > .product_qna_item {
    transition: background 0.2s ease;
}

.tab_qna .list > .product_qna_item:hover {
    background: #FCFBFA;
}

/* 답변 상태 */
.tab_qna .qna_status {
    margin-right: 0.6rem;

    color: #A48D78;

    font-weight: 700;
}

/* 문의 제목 */
.tab_qna .qna_title {
    color: #2B2621;
    font-weight: 400;
}
.tab_review .page_wrap {margin: 4rem 0 3.2rem;}
/* 상품 상세 - 구매안내 */
.tab_info {
    min-height: 12rem;
    padding: 0;
    background: #fff;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #2B2621;
}

/* accordion */
.buy_info_item {
    border-top: 1px solid rgba(43, 38, 33, 0.35);
}

.buy_info_item:last-child {
    border-bottom: 1px solid rgba(43, 38, 33, 0.35);
}

.buy_info_head {
    position: relative;
    width: 100%;
    height: 7.2rem;
    padding: 0 4.8rem 0 1.6rem;
    border: 0;
    background: #fff;
    color: #2B2621;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
}

/* 우측 화살표 */
.buy_info_head .arr {
    position: absolute;
    top: 50%;
    right: 1.8rem;
    width: 1rem;
    height: 1rem;
    margin-top: -0.2rem;
    border-top: 1.5px solid #2B2621;
    border-left: 1.5px solid #2B2621;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
}

/* 닫혀 있을 때 아래 화살표 */
.buy_info_item:not(.open) .buy_info_head .arr {
    margin-top: -0.7rem;
    transform: rotate(225deg);
}

.buy_info_body {
    display: none;
    padding: 1rem 1.6rem 4rem;
}

.buy_info_item.open .buy_info_body {
    display: block;
}


/* 구매안내 내부 */
.buy_info_section + .buy_info_section {
    margin-top: 4rem;
}

.buy_info_section h4 {
    margin-bottom: 1.2rem;
    color: #2B2621;
    font-size: 1.5rem;
    font-weight: 700;
}

.buy_info_section p {
    color: #6C6865;
    line-height: 1.7;
}

.buy_info_section .sub_title {
    display: block;
    margin-top: 2.4rem;
    margin-bottom: 0.8rem;
    color: #2B2621;
    font-size: 1.4rem;
    font-weight: 700;
}


/* ● 목록 */
.buy_info_section .dot {
    margin-top: 0.8rem;
}

.buy_info_section .dot > li {
    position: relative;
    padding-left: 1.8rem;
    margin-top: 0.6rem;
    color: #6C6865;
}

.buy_info_section .dot > li::before {
    content: '';
    position: absolute;
    top: 0.9rem;
    left: 0.5rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #6C6865;
}

.buy_info_section .dot > li.no_dot::before {
    display: none;
}

.buy_info_section .dot > li.no_dot {
    padding-left: 1.8rem;
}


/* - 하위 목록 */
.buy_info_section .dash {
    margin-top: 0.4rem;
}

.buy_info_section .dash > li {
    position: relative;
    padding-left: 1.4rem;
    margin-top: 0.3rem;
    color: #6C6865;
}

.buy_info_section .dash > li::before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
}

.buy_info_section .dash > li.no_dash {
    padding-left: 0;
}

.buy_info_section .dash > li.no_dash::before {
    display: none;
}


/* 유의사항 */
.buy_info_callout {
    margin-top: 1.6rem;
    padding: 1.6rem;
    background: #F8F7F5;
}

.buy_info_callout strong {
    display: block;
    margin-bottom: 0.6rem;
    font-size: 1.3rem;
    font-weight: 700;
}


/* 전화번호 / 이메일 / 카카오 링크 */
.buy_info_section a {
    color: #A46F47;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.tab_qna {}
.tab_qna .list {border-bottom: 1px solid rgba(43, 38, 33, 0.1); min-width: 0;}
.tab_qna .qna_empty {width: 100%; padding: 3.2rem 1.4rem; color: #6C6865; font-size: 1.3rem; font-weight: 400; line-height: 1.65; text-align: left;}
.tab_qna .list a {padding: 2.4rem 2.4rem; display: flex; align-items: center; justify-content: space-between; min-width: 0;}
.tab_qna .list h3 {flex: 1; font-size: 1.3rem; color: #6C6865; font-weight: 400; min-width: 0; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;}
.tab_qna .list .name {font-size: 1.3rem; font-weight: 500; color: #2B2621; margin-left: 1.6rem;}
.tab_qna_btn {text-align: center; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 4rem;}
.tab_qna_btn a {width: 10rem; height: 3.6rem; font-size: 1.3rem; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.tab_qna_btn .a1 {border: 1px solid #A48D78; color: #735B46;}
.comm_btn a:hover,
.bbs_sch button:hover,
.tab_qna_btn .a2 {background: #422A15; color: #FFF;}
.tab_qna_btn .a1:hover {color: #422A15; border: 1px solid #422A15;}
.tab_qna_btn .a2:hover {background: #2B2621;}
.bbs_faq,
.bbs_qna,
.bbs_view,
.bbs_list {padding-top: 10rem;}

.bbs_inarea .list.notice {
    background-color: #F5F0EB;
}
.h2_title {font-size: 4rem; color: #2B2621; font-weight: 700; text-align: center; margin-bottom: 4rem;}
.wrap1000 {max-width: 104rem; padding: 0 2rem; margin: 0 auto; position: relative;}
.bbs_tab {}
.bbs_tab ul {display: flex; align-items: center; border-bottom: 1px solid rgba(43, 38, 33, 0.1); background: #FFF;}
.bbs_tab ul li {flex: 1;}
.bbs_tab ul li a {position: relative; height: 5rem; font-size: 1.6rem; font-weight: 600; color: rgba(43, 38, 33, 0.5); text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.bbs_tab ul li a:hover,
.bbs_tab ul li.on a {color: #2B2621;}
.bbs_tab ul li.on a::after {content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #A48D78; z-index: 1;}
.bbs_cont {}
.view_np .list,
.bbs_cont .list {border-bottom: 1px solid rgba(43, 38, 33, 0.1); min-width: 0; transition: all 0.3s ease;}
.bbs_cont .list:hover {border-bottom: 1px solid #B6A493;}
.view_np .list a,
.bbs_cont .list a {padding: 0 2.4rem; height: 5.6rem; display: flex; align-items: center; justify-content: space-between; min-width: 0;}
.view_np .list .le,
.bbs_cont_view .view_top .le,
.bbs_cont .list .le {flex: 1; min-width: 0; display: flex;}
.view_np .list .le .num,
.bbs_cont_view .view_top .le .num,
.bbs_cont .list .le .num {font-size: 1.3rem; font-weight: 500; color: #6C6865; min-width: 3.6rem; margin-right: 8px;}
.view_np .list .le h3,
.bbs_cont_view .view_top .le h3,
.bbs_cont .list .le h3 {font-size: 1.3rem; font-weight: 400; color: #2B2621; flex: 1; min-width: 0; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;}
.view_np .list .ri,
.bbs_cont_view .view_top .ri,
.bbs_cont .list .ri {padding-left: 2rem;}
.view_np .list .ri .name,
.bbs_cont_view .view_top .ri .name,
.bbs_cont .list .ri .name {font-size: 1.3rem; font-weight: 500; color: #6C6865;}
.bbs_cont .list.notice .le .num {color: #B6A493; font-weight: 700;}
.bbs_cont .list.notice .le h3 {font-weight: 700;}
.bbs_cont .list:hover .le h3 {color: #735B46;}
.bbs_sch {margin-top: 4rem; display: flex; align-items: center; justify-content: center; gap: 8px;}
.bbs_sch select {width: 10rem; height: 4.5rem; border-radius: 0; border: 1px solid #C8BBAE; background: url(/images/sdcm/store/arr_down_brown.svg) no-repeat 90% 50% #FFF;}
.bbs_sch input {width: 24rem; height: 4.5rem; border-radius: 0; border: 1px solid #C8BBAE; padding: 0 1.6rem;}
.bbs_sch button {width: 10rem; height: 4.5rem; font-size: 1.4rem; font-weight: 600; color: #FFF; border: 0; border-radius: 0; background: #A48D78; transition: all 0.3s ease;}
.bbs_cont_view {padding-bottom: 12rem;}
.bbs_cont_view .view_top {}
.bbs_cont_view .view_top {padding: 0 2.4rem; height: 5.6rem; border-bottom: 1px solid rgba(43, 38, 33, 0.1); display: flex; align-items: center; justify-content: space-between; min-width: 0;}
.bbs_cont_view .view_top .le {}
.bbs_cont_view .view_top .le .num {}
.bbs_cont_view .view_top .le h3 {}
.bbs_cont_view .view_top .ri {}
.bbs_cont_view .view_top .ri .name {}
.bbs_cont_view .view_content {min-height: 50rem; background: #F8F7F5; font-size: 1.4rem; color: #2B2621; line-height: 1.5; padding: 4rem 4rem;}
.comm_btn {text-align: center; margin: 4rem 0 0;}
.comm_btn a {width: 20rem; height: 4.8rem; background: #A48D78; font-size: 1.6rem; color: #FFF; font-weight: 600; display: inline-flex; align-items: center; justify-content: center;}
.view_np {}
.view_np .list {}
.view_np .list a {}
.view_np .list .le {}
.view_np .list .le .num {}
.view_np .list .le h3 {}
.view_np .list .ri {}
.view_np .list .ri .name {}
.bbs_qna .bbs_cont .list .le .num {color: #C8BBAE; font-weight: 400; width: auto;}
.bbs_qna .bbs_cont .list .le h3 {padding-left: 0;}
.bbs_qna_sch {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.bbs_qna_sch .ri a {width: 10rem; height: 4.5rem; font-size: 1.4rem; font-weight: 600; color: #FFF; border: 0; border-radius: 0; background: #422A15; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}
.bbs_qna_sch .ri a:hover {background: #2B2621;}
.bbs_qna_sch .le {display: flex; gap: 8px;}
.bbs_qna_inarea {}
.bbs_qna_fav {padding: 2.4rem 2.4rem; border-bottom: 1px solid rgba(43, 38, 33, 0.1);}
.bbs_qna_fav ul {display: flex; align-items: center; justify-content: center; gap: 1.2rem 2.4rem;}
.bbs_qna_fav ul li {color: #A48D78; background: rgba(164, 141, 120, 0.1); padding: 0 1rem; border-radius: 3rem; display: inline-flex; align-items: center; height: 3rem; font-size: 1.4rem; font-weight: 600; transition: all 0.3s ease; cursor: pointer;}
.bbs_qna_fav ul li:hover,
.bbs_qna_fav ul li.on {color: #FFF; background: #A48D78;}
.bbs_qna_cont {}
.bbs_qna_cont .list {padding: 1rem 0;}
.bbs_qna_cont .list .qst {display: flex; align-items: center; padding-right: 6rem; position: relative;}
.bbs_qna_cont .list .qst::after {content: ''; position: absolute; top: 3px; right: 1rem; width: 2.4rem; height: 2.4rem; background: url(/images/sdcm/store/qna_ic.svg) no-repeat center; transition: all 0.3s ease;}
.bbs_qna_cont .list .qst .cate {display: flex; width: 9rem; height: 3.2rem; margin-right: 2rem; align-items: center; justify-content: center; background: #F8F7F5; border-radius: 8px; font-size: 1.3rem; color: #A48D78; font-weight: 600;}
.bbs_qna_cont .list .qst h3 {font-size: 1.3rem; font-weight: 400; padding: 8px 0; color: #2B2621; flex: 1; min-width: 0; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden; cursor: pointer;}
.bbs_qna_cont .list .ans {display: none; font-size: 1.4rem; color: #6C6865; margin-top: 1rem; line-height: 1.5; padding: 4rem 4rem; background: #F8F7F5;}
.bbs_qna_cont .list.open .ans {display: block;}
.bbs_qna_cont .list.open .qst::after {transform: rotate(45deg); background: url(/images/sdcm/store/qna_ic_on.svg);}
/* FAQ 조회 결과 없음 */
.bbs_qna_cont .faq-empty {
    padding: 5rem 2rem;
    border-bottom: 1px solid rgba(43, 38, 33, 0.1);
    color: #6C6865;
    font-size: 1.4rem;
    text-align: center;
}
.pdt_evt_sd {overflow: hidden; min-width: 0;}


.evt_empty {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 8px;
}

.evt_empty_tit {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #333;
    letter-spacing: -0.5px;
    margin: 0;
}

.evt_empty_desc {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #888;
    letter-spacing: -0.4px;
}

/*===================== toast css========================*/
.store_toast {
    position: fixed;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%) translateY(20px);

    min-width: 280px;
    max-width: calc(100% - 40px);
    padding: 14px 20px;

    background: rgba(30, 30, 30, 0.92);
    color: #fff;

    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;

    border-radius: 8px;

    opacity: 0;
    visibility: hidden;
    z-index: 99999;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s;
}

.store_toast.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* 오류 Toast */
.store_toast.error {
    background: rgba(190, 45, 45, 0.95);
}

.review-desc span {
    display: inline;
}

/*===================== toast css========================*/



@media (max-width:1365px) {

.main_bn_sd .swiper-slide a {height: auto;}

}


/*======================= mobile 1024 px ==================*/
@media (max-width:1024px) {
	
	.main_evt .pdt_list .thum,
    .main_pdt .pdt_list .thum,
    .list_pdt .pdt_list .thum,
    .event_pdt .pdt_list .thum {
        width: 100%;
        aspect-ratio: 360 / 450;
        height: auto;
        margin-bottom: 2.4rem;

        display: flex;
        align-items: center;
        justify-content: center;

        overflow: hidden;
    }

    .main_evt .pdt_list .thum img,
    .main_pdt .pdt_list .thum img,
    .list_pdt .pdt_list .thum img,
    .event_pdt .pdt_list .thum img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    
    .main_rw .rv_list_sd .thum {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 5;
        margin-bottom: 2.4rem;
    }
    

.pc_on {display: none;}
.m_on {display: block;}

#c_gnb {display: none;}
#m_gnb {display: block; padding-left: 2.4rem; padding-right: 1rem; position: relative; top: 0; left: 0; right: 0; bottom: 0; height: 5rem; z-index: 9; background: #FFF; border-bottom: 1px solid #e8e2dd;}
#m_gnb.fixed {position: fixed;}
.tab_cont .tabs {}
#ft {padding: 4rem 2.4rem;}
#ft .cont1 {padding-bottom: 1.6rem;}
#ft .cont1 .wrap {flex-wrap: wrap; padding: 0 0; align-items: flex-start;}
#ft .cont1 .ft_logo {width: 100%; margin-bottom: 2.4rem;}
#ft .cont1 .ft_logo img {height: 2.4rem;}
#ft .cont1 .le {display: block;}
#ft .cont1 .le div {height: auto; font-size: 1.4rem; font-weight: 600; color: #FFF; padding: 4px 0;}
#ft .cont1 .ri {gap: 1.2rem;}
#ft .cont1 .ri a img {height: 2.4rem;}
#ft .cont2 {padding: 1.6rem 0;}
#ft .cont2 .wrap {padding: 0 0;}
#ft .cont2 .txt {margin-left: 0;}

.layer-pop-wrap .inb {width: 100%; padding: 0 2rem;}
.prc_cont {padding: 3.2rem 3.2rem;}
.layer-pop-wrap .lyClose {height: 5.2rem; font-size: 1.4rem;}
.rMenu {height: 5rem; display: flex; align-items: center; justify-content: space-between;}
.rMenu .logo {}
.rMenu .logo a {display: flex; height: 5rem; align-items: center; font-size: 1.6rem; font-weight: 800; color: #A48D78;}
.rMenu .rMenuUl {display: flex; align-items: center; height: 100%;}
.rMenu .rMenuUl .ham {width: 5rem; height: 5rem; display: flex; flex-direction: column; gap: 4px; align-items: center; cursor: pointer; justify-content: center;}
.rMenu .rMenuUl .ham span {height: 1px; background: #917A65; width: 1.8rem;}
.cartGo {margin-right: 4px;}
.cartGo .cnt {font-size: 1rem; font-weight: 500; padding: 1px 2px; min-width: 1.4rem; top: -5px; right: -4px;}
.rMenu .rMenuUl .ham .s1 {}
.rMenu .rMenuUl .ham .s2 {}
#menu {opacity:0; width: 30rem; position: fixed; top: 0; bottom: 0; right:-100%; z-index: 11; background: #fff; transition: All 0.3s ease; -webkit-transition: All 0.3s ease;}
body.open #menu {right: 0; opacity:1; z-index:10;}
.dim {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; opacity:0; display:none; background:rgba(0,0,0,0.4); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
body.open .dim {opacity:1; display:block;}
.slide_close {width: 5rem; height: 5rem; z-index: 2; background-image: url('/images/sdcm/store/care_close.svg'); background-repeat: no-repeat; background-position: center; cursor: pointer;}
#menu #cssmenu {position: relative;}
#menu #cssmenu li li {position: relative;}
#menu #cssmenu .cssmenu_list {}
#menu #cssmenu ul li a {display:block; position: relative;}
#menu #cssmenu .has-sub {}
#menu #cssmenu:after, #menu #cssmenu ul:after {content:''; display:block; clear:both;}
#menu #cssmenu ul ul {display: none;}
#menu .cssmenu_list > li:first-child {}
#menu #cssmenu > ul > li.active > ul {display: block;}
#menu #cssmenu > ul > li > a {padding: 0 2.4rem; height: 5rem; cursor: pointer; font-size: 1.7rem; color: rgba(43, 38, 33, 0.7); -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-bottom:1px solid #F2EEEB; font-weight:700; display: flex; align-items: center;}
#menu #cssmenu > ul > li > a:hover {}
#menu #cssmenu ul > li.has-sub > a:after {content: ""; position: absolute; top: 0; right: 2.4rem; width: 1.8rem; height: 5rem; background: url(/images/sdcm/store/care_s_down.svg) no-repeat center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#menu #cssmenu ul > li.has-sub.open > a:after {-webkit-transform: rotate(180deg); transform: rotate(180deg); background: url(/images/sdcm/store/care_s_down_on1.svg) no-repeat center;}
#menu #cssmenu ul ul li a {font-size: 1.4rem; font-weight: 500; height: 5rem; color: rgba(43, 38, 33, 0.5); display: flex; align-items: center; justify-content: center;}
/* 현재 선택된 Mobile SHOP */
#menu #cssmenu > ul > li > a.store-menu-current {
    background-image: linear-gradient(to right, #E3AB78, #997A5D);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

/* 현재 선택된 Mobile SHOP 하위 카테고리 */
#menu #cssmenu ul ul li a.store-category-current {
    color: #2B2621;
    font-weight: 700;
}
#menu #cssmenu .open {}
#menu #cssmenu .open > a {color: #2B2621;}
#menu #cssmenu .open ul {}
.s_ltop {padding-left: 2.4rem; padding-right: 1rem;}
.s_logo {}
.s_logo a {display: flex; height: 5rem; align-items: center;}
.s_logo a img {height: 1.3rem;}
#container {}
.menu_mid {border-top: 1px solid #e8e2dd; border-bottom: 1px solid #e8e2dd;}
.menu_mid ul {display: flex;}
.menu_mid ul li {flex: 1; border-right: 1px solid #e8e2dd;}
.menu_mid ul li a {height: 5.2rem; color: #A48D78; font-size: 1.6rem; font-weight: 700; background: rgba(164, 141, 120, 0.1); display: flex; align-items: center; justify-content: center;}
/* 모바일 로그인 사용자 정보 */
.menu_mid ul li.store-user-item {
    flex: 1.5;
    min-width: 0;
    display: flex;
    align-items: center;
}

.menu_mid .store-user-info {
    width: 100%;
    min-width: 0;
    padding: 0 1.2rem;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 5.2rem;

    font-size: 1.3rem;
    font-weight: 500;
    color: #2B2621;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu_mid .store-user-info strong {
    font-weight: 700;
}
.menu_mid ul li:last-child {border-right: 0;}
.ulOpen {display: flex; flex-wrap: wrap; background: #F8F7F5;}
.ulOpen li {width: 50%;}
.s_mall_link {background: #735B46; color: #FFF; font-size: 1.6rem; font-weight: 700; height: 5.2rem; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 6rem; left: 3.2rem; right: 3.2rem; z-index: 1;}
#menu #cssmenu > ul > li.dep2m > a {background-image: linear-gradient(to right, #E3AB78, #997A5D); background-clip: text; -webkit-background-clip: text; color: transparent;}
#top_banner {justify-content: left; padding-left: 1.2rem;}
#top_banner a {font-size: 1.3rem;}
#top_banner .commChk {right: 1.2rem;}
#top_banner .commChk label {font-size: 1.2rem;}

.page_wrap .num {width: 3rem; height: 3rem; font-size: 1.4rem;}
.page_wrap .prev {margin-right:0.5rem;}
.page_wrap .next {margin-left:0.5rem;}
.page_wrap {margin: 0; padding: 4rem 0 3.2rem;}

#ft .cont2 .txt .line.bk1,
#ft .cont2 .txt .line.bk3 {display: block; width: 0; height: 0; margin: 0 0;}

.main_bn_sd .swiper-slide .m_on {width: 100%;}
.pd140 {padding: 5rem 0;}
.main_evt .txt {width: 100%;}
.h2_34 {font-size: 2.4rem; text-align: center; margin-bottom: 2rem;}
.more_lk.mgt24 {margin-top: 1.2rem; text-align: center;}
.more_lk a {font-size: 1.2rem; height: 3.2rem;}
.more_lk a svg {width: 1rem;}
.main_evt .inarea {display: block;}
.main_evt .cont {margin: 2rem -1.6rem 0;}
.pdt_evt_sd .swiper-wrapper {flex-wrap: unset; gap: 0 0; margin: 0 0;}
.pdt_evt_sd .swiper-slide {width: 26rem;padding: 0 0;}
.pdt_list .thum img {width: 100%;}
.pdt_list .thum {margin-bottom: 2.4rem;}
.pdt_list .pdt_info_t {text-align: left;}
.pdt_list .pdt_info_t h3 {margin-bottom: 1.4rem;}
.main_cp img {width: 100%;}
.wrap {padding: 0 1.6rem;}
.pdt_list ul {margin: 0 -5px; gap: 3.6rem 0;}
.pdt_list ul li {width: 50%; padding: 0 5px;}
.pdt_list.sale_mark .sale_per {display: none;}
.pdt_list.sale_mark .pdt_info_t {padding-right: 0;}
.pdt_list.sale_mark .thum {margin-bottom: 1.2rem;}
.pdt_list.sale_mark .pdt_info_t h3 {font-size: 1.4rem; margin-bottom: 8px;}
.pdt_list.sale_mark .p_won {font-size: 1.2rem;}
.pdt_list.sale_mark .s_won {font-size: 1.5rem;}
.rv_list_wrap {padding: 0 0;}
.rv_list_sd {margin-right: -1.6rem;}
.rv_list_sd .commSdArr {display: none;}
.rv_list_sd .rv_txt {-webkit-line-clamp: 3;}

.pdt_list {padding: 0 1.6rem;}
.m_shop_menu {}
.m_shop_menu ul {display: flex; padding: 0 1.6rem; align-items: center;}
.m_shop_menu ul li {}
.m_shop_menu ul li a {display: block; padding: 2.4rem 8px; font-size: 1.4rem; font-weight: 500; color: rgba(43, 38, 33, 0.3);}
.m_shop_menu ul li.on a {color: #A48D78; font-weight: 700;}
.list_pdt_wrap.pd140 {padding: 0 0;}
.event_pdt .pdt_list .thum {margin-bottom: 1.2rem;}
.event_pdt .pdt_list .pdt_info_t h3 {font-size: 1.4rem; margin-bottom: 8px;}
.event_pdt .pdt_list .p_won {font-size: 1.2rem;}
.event_pdt .pdt_list .s_won {font-size: 1.5rem;}
.main_pdt .pdt_list.sale_mark {padding: 0 0;}

.list_review .rv_list_sd .thum {
    height: 220px;
    margin-bottom: 1.6rem;
}

.list_review_cont {gap: 2.4rem 0; margin: 0 -4px;}
.list_review_cont > .item {width: 50%; padding: 0 4px;}
.list_review .rv_list_wrap {padding: 0 1.6rem;}
.list_review .rv_list_wrap .rv_list_sd {margin-right: 0;}
.list_review .list_pdt_wrap {padding-top: 4rem;}

.pdt_view {margin-top: 0;}
.pdt_cont {display: block; padding-bottom: 0;}
.pdt_cont .le_info {width: auto; padding-right: 0;}
.pdt_det_sd .swiper-slide img {width: 100%;}
.tab_det_img img {width: 100%;}
.pdt_view .wrap {padding: 0 0;}
.pdt_title {padding: 2.4rem 1.6rem;}
.pdt_title .txt {}
.pdt_title .txt h2 {font-size: 1.6rem;}
.pdt_title .txt p {font-size: 1.2rem;}
.pdt_title .sale_per {width: 5.4rem; height: 5.4rem; top: 19px; right: 16px;}
.pdt_title .sale_per .s1 {font-size: 2rem;}
.pdt_title .sale_per .s2 {font-size: 1.3rem;}
.pdt_title .sale_per p {font-size: 1rem;}
.pdt_det_txt {padding: 1.6rem 1.6rem; margin-top: 0;}
.pdt_det_txt dl {margin-bottom: 3.2rem;}
.pdt_det_txt dt {font-size: 1.4rem; width: 6rem;}
.pdt_det_txt dd {font-size: 1.4rem;}
.pdt_det_txt .list1 dt {font-size: 1.4rem;}
.pdt_det_txt .list1 .s1 {font-size: 1.8rem;}
.pdt_det_txt .list1 .s2 {font-size: 1.4rem;}
.pdt_det_txt .list1 .nep {font-size: 1.2rem;}
.kko_add {height: 3.6rem; font-size: 1.3rem; background-size: 1.6rem;}
.kko_add img {height: 2rem;}
.pdt_det_txt .list2 {margin-bottom: 2rem;}
select {height: 3.6rem; font-size: 1.4rem; background: url(/images/sdcm/store/arr_down_brown.svg) no-repeat 95% 50% / 1.2rem #F8F7F5;}
.qty_cnt {height: 3.6rem;}
.qty_cnt .ic {width: 3.6rem; height: 3.6rem;}
.qty_cnt .ipt input {height: 3.6rem; width: 5.2rem;}
.pdt_det_txt dl.list6 {margin-bottom: 0;}
.pdt_det_price {margin: 1rem 0 0; padding: 0 1.6rem;}
.pdt_det_price .txt {font-size: 1.6rem;}
.pdt_det_price .won {font-size: 2rem;}
.pdt_det_pur {position: fixed; left: 0; right: 0; bottom: 0; background: #FFF; z-index: 8; padding: 1.6rem 1.6rem;}
.pdt_det_pur .cart, .pdt_det_pur .buy {font-size: 1.6rem; height: 4.8rem;}
.pdt_top_review_list {margin-top: 4rem; padding: 0 1.6rem 1.6rem;}
.pdt_top_review_list .total_num {font-size: 1.6rem;}
.pdt_top_review_list .total_cnt {font-size: 1.4rem;}
.pdt_det_tab {margin-top: 2.4rem;}
.tab_cont .tabs {height: 4.6rem;}
.tab_cont .tabs .tab {font-size: 1.3rem;}
.tab_cont .tabs .tab .cnt {font-size: 1rem;}
.tab_review .list {padding: 2.4rem 1.6rem 3rem;}
.tab_review .list .ri {margin-left: 1.2rem;}
.tab_cont {margin-bottom: 4rem;}
.tab_info {font-size: 1.2rem; padding: 2rem 1.6rem;}
.tab_qna .list a {padding: 1.3rem 1.6rem;}
.bbs_faq, .bbs_qna, .bbs_view, .bbs_list {padding-top: 5rem;}
.h2_title {font-size: 2.4rem; margin-bottom: 2rem;}
.wrap1000 {padding: 0 1.6rem;}
.bbs_tab ul li a {height: 4.6rem; font-size: 1.4rem;}
.view_np .list a, .bbs_cont .list a {padding: 0 8px;}
.view_np .list .ri, .bbs_cont_view .view_top .ri, .bbs_cont .list .ri {padding-left: 1rem;}
.view_np .list .ri .name, .bbs_cont_view .view_top .ri .name, .bbs_cont .list .ri .name {font-size: 1.2rem;}
.bbs_sch {gap: 4px;}
.bbs_sch select {height: 3.6rem; width: 8rem; padding-right: 1rem; padding-left: 4px; font-size: 1.2rem; background-size: 1rem;}
.bbs_sch input {height: 3.6rem; width: 12rem; padding: 0 8px; flex: 1;}
.bbs_sch button {height: 3.6rem; width: 4.2rem; font-size: 1.2rem;}
.bbs_cont_view .view_content {padding: 2rem 2rem; font-size: 1.3rem; min-height: 28rem;}
.comm_btn a {width: 16rem; font-size: 1.4rem;}
.bbs_cont_view .view_top {padding: 0 8px;}
.view_np .list .le .num, .bbs_cont_view .view_top .le .num, .bbs_cont .list .le .num {min-width: 3rem;}
.bbs_qna_fav ul {gap: 8px 1.2rem;}
.bbs_qna_fav ul li {font-size: 1.2rem;}
.bbs_qna_cont .list .qst .cate {width: auto; min-width: 6rem; margin-right: 1rem;}
.bbs_qna_cont .list .ans {font-size: 1.3rem; padding: 1.6rem 1.6rem;}
.bbs_qna_sch {flex-wrap: wrap;}
.bbs_qna_sch .le {order: 2; width: 100%; display: flex; gap: 4px; justify-content: center;}
.bbs_qna_sch .ri {order: 1; width: 100%; margin-bottom: 2rem; text-align: right;}
.bbs_qna_sch .ri a {display: inline-flex;}
#wrapper {min-height: auto;}
.rv_view_modal .info_top {margin-bottom: 1.6rem;}
.rv_view_modal .info_name {}
.rv_view_modal .inarea .cont {flex-wrap: wrap; height: auto; overflow-y: auto;}
.rv_view_modal .inarea .cont .le {width: 100%; padding: 1.6rem 1.6rem 0;}
.rv_view_modal .inarea .cont .ri {width: 100%; padding: 1.2rem 1.6rem 1.6rem;}
.rv_view_modal .outb {width: 90%; height: 95dvh; max-height: 95dvh; border-radius: 1.6rem; overflow-y: auto;}
.rv_view_modal .info_star {margin-top: 1rem;}
.rv_view_modal .clip_sd .swiper-slide img {border-radius: 1.6rem;}
.rv_view_modal .inarea .m_on h3 {height: auto; justify-content: left; padding: 0 0; font-size: 1.4rem;} 
.rv_view_modal .info_scr {margin-top: 0; padding-right: 0; height: auto; overflow-y: visible;}
.info_cont_txt {font-size: 1.2rem;}
.rv_all_list {overflow-y: visible;}
.rv_all_list ul {padding-bottom: 0; padding-right: 0;}
.m_modal_rv_title {display: flex; align-items: center; justify-content: space-between;}
.m_modal_rv_title a {display: block; font-size: 1.3rem; font-weight: 500;}
.rv_view_modal .info_top .thum img {border-radius: 4px;}
.rv_view_modal .info_top .pdt_i h4 {font-size: 1.4rem; padding-right: 4.4rem;}

	.evt_empty {
	    width: 100%;
	    min-height: 180px;
	    padding-top: 40px;
	
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: flex-start;
	
	    text-align: center;
	}
	
	.evt_empty_tit {
	    font-size: 18px;
	    font-weight: 600;
	    line-height: 1.5;
	    letter-spacing: -0.5px;
	    margin: 0;
	}
	
	.evt_empty_desc {
	    margin-top: 8px;
	    font-size: 14px;
	    line-height: 1.6;
	    color: #888;
	    letter-spacing: -0.3px;
	}
	
	 .store_toast {
        bottom: 110px;
        min-width: auto;
        width: calc(100% - 40px);
        font-size: 1.5rem;
        padding: 1.4rem 1.8rem;
    }


/* ========================================
   모바일 - 상품리뷰 이미지 상세 모달
======================================== */

.product_review_image_modal {
    padding: 0;
}


/* 모바일에서는 거의 전체화면 형태 */
.product_review_image_modal_inner {
    width: 100%;
    height: 100dvh;

    max-width: none;
    max-height: none;

    padding: 5.6rem 1.6rem 2rem;

    background: #111;
}


/* 닫기 버튼 */
.product_review_image_close {
    top: 0.8rem;
    right: 0.8rem;

    width: 4.8rem;
    height: 4.8rem;

    background-size: 1.6rem;
    
    filter: invert(1);
}


/* 슬라이드 전체 영역 */
.product_review_image_swiper {
    width: 100%;
    height: 100%;
}


/* 이미지 영역 */
.product_review_image_swiper .swiper-slide {
    padding: 0 0 4.8rem;

    align-items: center;
    justify-content: center;
}


/* 모바일 이미지 */
.product_review_image_swiper .swiper-slide img {
    width: 100%;
    height: auto;

    max-width: 100%;
    max-height: calc(100dvh - 14rem);

    object-fit: contain;

    border-radius: 0.4rem;
}


/* 이전 / 다음 버튼 */
.product_review_image_swiper
.product_review_image_prev,
.product_review_image_swiper
.product_review_image_next {

    width: 3.6rem;
    height: 3.6rem;

    margin-top: -1.8rem;

    background-size: 1.3rem;

    background-color: rgba(43, 38, 33, 0.5);
}


/* 이미지 안쪽에 배치 */
.product_review_image_swiper
.product_review_image_prev {

    left: 0.8rem !important;
}

.product_review_image_swiper
.product_review_image_next {

    right: 0.8rem !important;
}


/* 현재 이미지 번호 */
.product_review_image_swiper
.product_review_image_pagination.swiper-pagination {

    bottom: 1rem !important;

    padding: 0.5rem 1rem;

    font-size: 1.2rem;
}

/* ===========================
   MAIN VISUAL - MOBILE
=========================== */

.main_bn_cont {
    overflow: hidden;
}

.main_bn_sd {
    position: relative;
}


/* 모바일 배너 */
.main_bn_sd .swiper-slide .main-visual-link {
    position: relative;

    display: block;

    width: 100%;
    height: auto;

    overflow: hidden;
}


/* ===========================
   모바일 이미지
=========================== */

.main_bn_sd .swiper-slide picture {
    display: block;
    width: 100%;
}

.main_bn_sd .swiper-slide .main-visual-img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: initial;
    object-position: initial;
}


/* ===========================
   텍스트 - 이미지 위 오버레이
=========================== */

.main-visual-content {
    position: absolute;

    /* 제품 영역과 겹치지 않도록 텍스트 시작 위치 고정 */
    top: 64%;
    left: 3.2rem;
    right: 3.2rem;
    bottom: 3.2rem;

    width: auto;
    padding: 0;

    transform: none;

    z-index: 3;

    background: transparent;
    color: #2B2621;

    /* VIEW MORE를 하단으로 밀어내기 위해 */
    display: flex;
    flex-direction: column;
}


/* 설명 */
.main-visual-sub {
    margin: 0 0 2rem;

    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
}


/* 메인 문구 */
.main-visual-title {
    margin: 0;

    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;

    letter-spacing: -0.05rem;
}

.main-visual-title span,
.main-visual-title strong {
    display: block;
}

.main-visual-title strong {
    font-weight: 700;
}


/* ===========================
   VIEW MORE
=========================== */

.main-visual-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 13.6rem;
    height: 3.6rem;

    /* 핵심 */
    margin-top: auto;

    border-radius: 10rem;

    background: rgba(255, 255, 255, 0.55);

    color: #FFF;

    font-size: 1rem;
    font-weight: 600;
}


/* ===========================
   이전 / 다음 버튼
=========================== */

.main_bn_sd_arr {
    position: absolute;

    left: auto;
    right: 3.2rem;

    bottom: 3.2rem;

    width: 7.8rem;
    height: 3.6rem;

    margin-left: 0;

    z-index: 5;
}

.main_bn_sd .commSdArr {
    width: 3.6rem;
    height: 3.6rem;

    top: 0;
    margin-top: 0;

    background-size: 1.2rem;
}

/* ========================================
   메인 이벤트 배너 - MOBILE
======================================== */

.main_cp .main-cp-link {
    height: 26rem;
}

.main_cp .main-cp-img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    /* 제품이 우측에 있으므로 우측 중심 */
    object-position: 72% center;
}

.main-cp-content {
    top: 50%;
    left: 2.4rem;
    right: auto;

    transform: translateY(-50%);
}

.main-cp-title {
    font-size: 2rem;
    line-height: 1.4;
}

.main-cp-desc {
    margin-top: 1.6rem;

    font-size: 1.1rem;
}

/* ========================================
   SHOP 상단 배너 - MOBILE
======================================== */

.list_top_bn {
        position: relative;
        width: 100%;
        height: 24rem;
        overflow: hidden;
    }

    .list_top_bn .list-top-img {
        width: 100%;
        height: 100%;

        object-fit: cover;

        /* 제품을 조금 더 오른쪽으로 보내고,
           왼쪽 빈 배경을 더 확보 */
        object-position: 72% center;
    }

    .list-top-content {
        position: absolute;
        top: 50%;
        left: 2.4rem;
        width: 11.5rem;
        transform: translateY(-50%);
        z-index: 2;
    }

    .list-top-title {
        margin: 0 0 1.2rem;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .list-top-desc {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.55;
        white-space: normal;
        word-break: keep-all;
    }
    
    .list-top-event .list-top-img {
        object-position: 72% center;
    }
	
	.review-desc span {
        display: block;
        white-space: nowrap;
    }

}

/*=======================//mobile 1024 end =======================*/





/* ========================================
   신규 쇼핑몰 메인 팝업
   - 기존 쇼핑몰 팝업 디자인 기준
======================================== */

.newstore-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;

    align-items: center;
    justify-content: center;
}

.newstore-popup.is-open {
    display: flex !important;
}


/* 어두운 배경 */
.newstore-popup-dim {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.75);
}


.newstore-popup-dialog {
    position: relative;
    z-index: 1;

    width: fit-content;
    max-width: min(640px, calc(100vw - 40px));

    margin: 0 auto;
}

.newstore-popup-image {
    width: fit-content;
    max-width: 100%;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.newstore-popup-image img {
    display: block;

    width: auto;
    height: auto;

    max-width: min(640px, calc(100vw - 40px));
    max-height: 400px;

    object-fit: contain;
}

/* 하단 컨트롤도 이미지 폭 안으로 */
.newstore-popup-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    width: 100%;

    gap: 20px;
    margin-top: 18px;

    color: #fff;
}


/* 오늘 하루 열지 않기 */
.newstore-popup-today {
    display: flex;
    align-items: center;

    gap: 8px;

    color: #fff;
    font-size: 16px;
    
    cursor: pointer;
}


/* 실제 checkbox 숨김 */
.newstore-popup-today input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}


/* 커스텀 체크박스 */
.newstore-popup-today .check-box {
    position: relative;

    width: 24px;
    height: 24px;

    flex-shrink: 0;

    border-radius: 4px;
    background: #fff;
}

/* 체크되면 박스 배경색 변경 */
.newstore-popup-today input:checked + .check-box {
    background: #9b8a73;
}

/* 체크됨 */
.newstore-popup-today input:checked + .check-box::after {
    content: '';

    position: absolute;

    left: 50%;
    top: 50%;

    width: 8px;
    height: 5px;

    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;

    transform:
        translate(-50%, -60%)
        rotate(-45deg);
}


/* 닫기 버튼 */
.newstore-popup-close {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 8px 12px;

    border: 0;
    border-radius: 8px;

    background: transparent;

    color: #fff;
    font-size: 16px;

    cursor: pointer;

    transition: background-color 0.2s ease;
}

.newstore-popup-close:hover {
    background: rgba(255, 255, 255, 0.12);
}

/* X 아이콘 */
.newstore-popup-close .close-icon {
    position: relative;

    width: 20px;
    height: 20px;

    display: inline-block;
}

.newstore-popup-close .close-icon::before,
.newstore-popup-close .close-icon::after {
    content: '';

    position: absolute;

    top: 50%;
    left: 0;

    width: 20px;
    height: 2px;

    background: #fff;
}

.newstore-popup-close .close-icon::before {
    transform: rotate(45deg);
}

.newstore-popup-close .close-icon::after {
    transform: rotate(-45deg);
}


/* 팝업 열림 시 스크롤 방지 */
html.newstore-popup-open,
body.newstore-popup-open {
    overflow: hidden;
}


/* 모바일 */
@media (max-width: 767px) {

    .newstore-popup-dialog {
        width: calc(100vw - 32px);
        max-width: 640px;
    }

    .newstore-popup-image img {
        width: 100%;
        height: auto;

        max-width: 100%;
        max-height: calc(100vh - 120px);

        object-fit: contain;
    }

    .newstore-popup-actions {
        gap: 16px;
        margin-top: 14px;
    }

    .newstore-popup-today,
    .newstore-popup-close {
        font-size: 14px;
    }

    .newstore-popup-today .check-box {
        width: 22px;
        height: 22px;
    }
    
    .rv_view_modal .clip_sd .swiper-slide.review-detail-media {
	    height: 360px;
	    border-radius: 1.6rem;
	}

}

/* ========================================
   상품 문의 작성 레이어
======================================== */

.product_qna_write_layer {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 1000;
}

.product_qna_write_dim {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.45);
}

.product_qna_write_popup {
    position: absolute;
    top: 50%;
    left: 50%;

    width: calc(100% - 4rem);
    max-width: 56rem;

    padding: 3.2rem;

    background: #FFF;

    transform: translate(-50%, -50%);
}

.product_qna_write_head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-bottom: 2rem;

    border-bottom: 1px solid rgba(43, 38, 33, 0.1);
}

.product_qna_write_head h3 {
    color: #2B2621;

    font-size: 2rem;
    font-weight: 700;
}

.product_qna_write_close {
    width: 3.2rem;
    height: 3.2rem;

    border: 0;
    background: transparent;

    color: #2B2621;

    font-size: 2.6rem;
    line-height: 1;

    cursor: pointer;
}

.product_qna_write_body {
    padding: 2.4rem 0;
}

.qna_write_row {
    margin-bottom: 2rem;
}

.qna_write_row label {
    display: block;

    margin-bottom: 0.8rem;

    color: #2B2621;

    font-size: 1.3rem;
    font-weight: 600;
}

.qna_write_row input {
    width: 100%;
    height: 4.8rem;

    padding: 0 1.4rem;

    border: 1px solid rgba(43, 38, 33, 0.2);

    background: #FFF;

    color: #2B2621;

    font-size: 1.4rem;
}

.qna_write_row textarea {
    width: 100%;
    height: 18rem;

    padding: 1.4rem;

    border: 1px solid rgba(43, 38, 33, 0.2);

    background: #FFF;

    color: #2B2621;

    font-size: 1.4rem;
    line-height: 1.6;

    resize: none;
}

.qna_write_row input:focus,
.qna_write_row textarea:focus {
    border-color: #A48D78;
}

.qna_write_secret label {
    display: inline-flex;
    align-items: center;

    gap: 0.8rem;

    color: #2B2621;

    font-size: 1.3rem;

    cursor: pointer;
}

.qna_write_secret input {
    width: 1.6rem;
    height: 1.6rem;
}

.product_qna_write_buttons {
    display: flex;

    gap: 1rem;
}

.product_qna_write_buttons button {
    flex: 1;

    height: 4.8rem;

    border: 1px solid #A48D78;

    font-size: 1.4rem;
    font-weight: 600;

    cursor: pointer;
}

.product_qna_write_cancel {
    background: #FFF;
    color: #735B46;
}

.product_qna_write_submit {
    background: #A48D78;
    color: #FFF;
}

.product_qna_write_submit:hover {
    background: #735B46;
}

.product_qna_write_submit:disabled {
    opacity: 0.5;
    cursor: default;
}

