@charset "utf-8";
/* 엠베베 모바일 리뉴얼 (파스텔) - mobile_shop.css 와 스킨 style.css 뒤에 로드되어 덮어씀 */

:root {
    --mb-bg: #FFF9F3;
    --mb-surface: #FFFFFF;
    --mb-ink: #3A3330;
    --mb-muted: #6E6460;
    --mb-line: #F1E7DF;
    --mb-line-strong: #E8DCD2;
    --mb-accent: #C2475E;
    --mb-pink: #FCE8E6;
    --mb-pink-ink: #8A3446;
    --mb-mint: #E3F2EC;
    --mb-mint-ink: #2F6B57;
    --mb-butter: #FFF1CC;
    --mb-butter-ink: #7A5A10;
    --mb-lav: #EEE8F8;
    --mb-lav-ink: #5A4A8A;
    --mb-photo: #F4ECE4;
    --mb-display: 'Gowun Dodum', -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
    --mb-body: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

body {background:var(--mb-bg);color:var(--mb-ink);font-family:var(--mb-body);font-size:14px;letter-spacing:-0.2px}
button, input, select, textarea {font-family:var(--mb-body)}
a {color:var(--mb-ink)}

/* ---------- 상단 공지 띠 ---------- */
#hd_notice {display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;background:var(--mb-pink);color:var(--mb-pink-ink);font-size:12px;font-weight:500;text-align:center;line-height:1.4}

/* ---------- 헤더 ---------- */
#hd {background:var(--mb-surface);border-bottom:1px solid var(--mb-line)}
#hd #logo a {height:56px;padding:10px 0}
#btn_hdcate, #btn_hdsch {height:56px;width:44px;color:var(--mb-ink);font-size:19px}
#btn_hdcate {left:4px}
#btn_hdsch {left:48px}
#btn_hdcart, #btn_hduser {width:44px;line-height:56px;color:var(--mb-ink);font-size:19px}
#btn_hdcart {right:4px}
#btn_hduser {right:48px}
#hd_btn .cart-count {top:12px;right:2px;min-width:16px;padding:0 4px;background:var(--mb-accent);font-weight:700;text-align:center}

#hd_sch {background:var(--mb-surface);padding:10px 56px 10px 12px;border-bottom:1px solid var(--mb-line);z-index:100}
#hd_sch #sch_str {height:44px;border-radius:22px;background:var(--mb-bg);border:1px solid var(--mb-line-strong);color:var(--mb-ink);padding:0 16px 0 44px;font-size:15px}
#hd_sch .sch_submit {height:44px;width:44px;color:var(--mb-muted)}
#hd_sch .btn_close {top:10px;height:44px;width:52px;color:var(--mb-muted)}

/* ---------- 서브페이지 타이틀 ---------- */
#container_title {background:var(--mb-surface);border-bottom:1px solid var(--mb-line);text-align:center;font-family:var(--mb-display);font-weight:400;font-size:19px;line-height:24px;padding:14px 52px;color:var(--mb-ink)}
#container_title .btn_back {position:absolute;left:4px;top:50%;margin-top:-22px;width:44px;height:44px;line-height:44px;text-align:center;color:var(--mb-ink);font-size:16px}

/* ---------- 메인 배너 ---------- */
.idx-container #main_bn {margin:12px 16px 0;border-radius:24px;overflow:hidden}
#main_bn .btn_wr {right:12px;bottom:12px;background:rgba(58,51,48,0.6)}

/* ---------- 메인: 카테고리 원형 메뉴 ---------- */
#idx_cate {margin:28px 16px 0;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));row-gap:18px;column-gap:8px}
#idx_cate a {display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--mb-ink);text-decoration:none}
#idx_cate .ic {width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}
#idx_cate .ic svg {width:28px;height:28px}
#idx_cate .idx_cate_c0 .ic {background:var(--mb-pink);color:#A33A50}
#idx_cate .idx_cate_c1 .ic {background:var(--mb-mint);color:var(--mb-mint-ink)}
#idx_cate .idx_cate_c2 .ic {background:var(--mb-butter);color:var(--mb-butter-ink)}
#idx_cate .idx_cate_c3 .ic {background:var(--mb-lav);color:var(--mb-lav-ink)}

/* ---------- 메인: 혜택 바 ---------- */
#idx_benefit {margin:28px 16px 8px;padding:14px 4px;border-radius:20px;background:var(--mb-surface);border:1px solid var(--mb-line);display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}
#idx_benefit li {display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--mb-muted);text-align:center}
#idx_benefit li + li {border-left:1px solid var(--mb-line)}
#idx_benefit strong {font-size:13px;color:var(--mb-ink)}

/* ---------- 상품 섹션 제목 ---------- */
.sct_wrap {margin:32px 0 8px}
.sct_wrap h2 {margin:0 16px 14px;font-family:var(--mb-display);font-weight:400;font-size:22px;letter-spacing:-0.5px}
.sct_wrap h2 a {color:var(--mb-ink);text-decoration:none}

/* ---------- 상품 카드 (갤러리형) ---------- */
.sct_10 {margin:0 10px}
.sct_10 .sct_li {padding:0 6px;margin-bottom:24px}
.sct_10 .sct_img {margin-bottom:8px;border-radius:20px;overflow:hidden;background:var(--mb-photo)}
.sct_10 .sct_img img {display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}
.sct_10 .sct_txt {margin:4px 0 4px;padding:0;border:0;font-size:14px;line-height:1.35}
.sct_10 .sct_txt a {color:var(--mb-ink);text-decoration:none}
.sct_10 .sct_basic {margin:0 0 4px;color:var(--mb-muted);font-size:12px}
.sct_10 .sct_cost {margin:0;font-size:16px;font-weight:700;color:var(--mb-ink);padding-right:40px}
.sct_10 .sct_cost strike {display:block;font-size:12px;font-weight:400;color:var(--mb-muted)}
.sct_10 .sct_op_btn {right:0;bottom:-6px}
.sct_10 .sct_op_btn > button {width:36px;height:36px;border-radius:50%;color:var(--mb-ink);font-size:17px}
.sct_10 .sct_op_btn > .btn_wish.on, .sct_10 .sct_op_btn > .btn_wish .fa-heart {color:var(--mb-accent)}
.sct_10 .sct_star {margin:2px 0}
.shop_icon_soldout {border-radius:20px;background:rgba(58,51,48,0.55);font-size:16px}

/* 리스트형 보기 */
.sct_10_list .sct_img {border-radius:16px;overflow:hidden}
.sct_10_list .sct_cost {font-size:15px;font-weight:700}

/* 아이콘: 목록에서는 당일배송·쿠폰만 노출 */
.sct_icon {margin:0 0 4px}
.sct_icon .shop_icon_2, .sct_icon .shop_icon_3, .sct_icon .shop_icon_4, .sct_icon .shop_icon_5 {display:none}
.shop_icon {display:inline-block;margin:0 4px 0 0;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:500;line-height:16px}
.shop_icon_1 {background:var(--mb-pink);color:var(--mb-pink-ink)}
.shop_icon_2 {background:var(--mb-butter);color:var(--mb-butter-ink)}
.shop_icon_3 {background:var(--mb-mint);color:var(--mb-mint-ink)}
.shop_icon_4 {background:var(--mb-lav);color:var(--mb-lav-ink)}
.shop_icon_5 {background:var(--mb-pink);color:var(--mb-pink-ink)}
.shop_icon_coupon {background:var(--mb-lav);color:var(--mb-lav-ink)}

/* ---------- 목록: 하위 분류 칩 ---------- */
.sct_ct.mb_chips {margin:0;padding:12px 16px 4px;background:transparent;border:0}
.sct_ct.mb_chips h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct.mb_chips ul {display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;padding:0 0 4px;list-style:none}
.sct_ct.mb_chips ul::-webkit-scrollbar {display:none}
.sct_ct.mb_chips ul {border:0}
.sct_ct.mb_chips ul:after {display:none}
.sct_ct.mb_chips li {flex:0 0 auto;float:none;width:auto;border:0;margin:0}
.sct_ct.mb_chips li a {display:flex;align-items:center;height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--mb-line-strong);background:var(--mb-surface);color:var(--mb-ink);font-size:13px;text-decoration:none;white-space:nowrap}
.sct_ct.mb_chips li a.on {background:var(--mb-ink);border-color:var(--mb-ink);color:#FFFFFF;font-weight:500}

/* 목록: 정렬/보기 바 */
#sct_sortlst {background:transparent;border:0;margin:4px 16px 12px;min-height:40px}
#sct_sort button {background:transparent;border:0;color:var(--mb-ink);font-size:13px;height:40px;padding:0 4px}
#sct_sort ul {border-color:var(--mb-line-strong);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(58,51,48,0.12)}
#sct_sort li a {line-height:44px}
#sct_lst button {background:transparent;width:44px;height:40px;color:var(--mb-muted)}

/* ---------- 상품상세 ---------- */
#sit_ov_wrap {margin:0}
#sit_pvi {border:0;background:var(--mb-photo)}
#sit_pvi .btn_wr {left:auto;right:16px;margin:0;bottom:30px;background:rgba(58,51,48,0.6)}
#sit_ov {margin-top:-20px;padding:24px 20px 8px;border:0;border-radius:24px 24px 0 0;background:var(--mb-bg);z-index:2}
#sit_ov .sit_ov_wr {border:0;margin:0}
.sit_badges {display:flex;gap:6px;margin:0 0 12px}
.sit_badges span {padding:3px 10px;border-radius:10px;font-size:12px;font-weight:500}
.sit_badges .b_today {background:var(--mb-pink);color:var(--mb-pink-ink)}
.sit_badges .b_cate {background:var(--mb-mint);color:var(--mb-mint-ink)}
#sit_title {margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.35;color:var(--mb-ink)}
#sit_desc {margin:0 0 6px;font-size:14px;color:var(--mb-muted)}
#sit_brand {margin:0 0 6px;font-size:13px;color:var(--mb-muted)}
#sit_price_big {margin:10px 0 4px;font-size:26px;font-weight:700;color:var(--mb-ink)}
#sit_price_big .won {font-size:18px}
#sit_price_big del {display:block;font-size:13px;font-weight:400;color:var(--mb-muted)}
#sit_star_sns {min-height:36px;margin:6px 0 0}
#sit_star_sns .review_num {line-height:24px;color:var(--mb-muted)}
.sit_btn_opt {bottom:-2px}
#sit_star_sns .btn_sns_share, #btn_wish {color:var(--mb-ink)}

.sit_ov_tbl {margin:16px 0 0;padding:6px 16px;border:1px solid var(--mb-line);border-radius:20px;background:var(--mb-surface);color:var(--mb-ink)}
.sit_ov_tbl th {width:72px;padding:11px 0;color:var(--mb-muted);font-size:13px;vertical-align:top}
.sit_ov_tbl td {padding:11px 0 11px 8px;font-size:13px}
.sit_ov_tbl tr + tr th, .sit_ov_tbl tr + tr td {border-top:1px solid var(--mb-line)}
.sit_ov_tbl tr.tr_price {display:none}
.sit_ov_tbl .t_today {color:var(--mb-mint-ink);font-weight:700}

#sit_siblings {background:transparent;margin:8px 20px 0;min-height:36px}
#sit_siblings a {color:var(--mb-muted);font-size:13px}

/* 상세 탭 */
#sit_tab {margin:24px 0 0}
#sit_tab .tab_tit {background:var(--mb-surface);border-top:1px solid var(--mb-line)}
#sit_tab .tab_tit li {border-bottom:1px solid var(--mb-line)}
#sit_tab .tab_tit li button {height:52px;line-height:50px;color:var(--mb-muted);font-size:14px;background:var(--mb-surface)}
#sit_tab .tab_tit li .selected {color:var(--mb-ink);background:var(--mb-surface)}
#sit_tab .tab_tit li .selected:before {background:var(--mb-ink);height:2px}
#sit_tab .tab_con {background:var(--mb-surface);border:0;padding:20px 16px}
#sit_inf_explan img {max-width:100%;height:auto}

/* 하단 구매 바 */
.btn_option_wr {display:flex;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--mb-line);box-shadow:0 -4px 16px rgba(58,51,48,0.06)}
.btn_option_wr .btn_wish_bar {flex:0 0 52px;height:52px;border-radius:16px;border:1px solid var(--mb-line-strong);background:var(--mb-surface);color:var(--mb-ink);display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none}
.btn_option_wr .btn_cart_op {flex:1 1 auto;width:auto;height:52px;border-radius:16px;border:0;background:var(--mb-accent);color:#FFFFFF;font-size:16px;font-weight:700}

/* 옵션 선택 시트 */
#btn_option {border:0;border-radius:24px 24px 0 0;box-shadow:0 -8px 28px rgba(58,51,48,0.18);padding-bottom:env(safe-area-inset-bottom)}
#btn_option .btn_close {top:-30px;width:64px;height:30px;margin-left:-32px;border:0;border-radius:16px 16px 0 0;background:var(--mb-surface);color:var(--mb-muted)}
#btn_option .sl_option {max-height:46vh;padding:20px 16px 8px}
#btn_option h3 {font-size:15px;font-weight:700;color:var(--mb-ink);margin:0 0 10px}
.sit_option label {font-size:13px;color:var(--mb-muted)}
.sit_option select {height:48px;border-radius:14px;border:1.5px solid var(--mb-line-strong);background:var(--mb-surface);color:var(--mb-ink);font-size:15px;padding:0 14px;margin:0 0 8px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236E6460' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.sit_option select:focus {border-color:var(--mb-ink);outline:none}
#sit_opt_added li {border-radius:14px;background:var(--mb-bg);border:0;margin-bottom:8px}
#sit_tot_price {padding:12px 0 0;border-top:1px solid var(--mb-line)}
#sit_tot_price strong {color:var(--mb-ink);font-size:20px}
#sit_ov_btn {padding:10px 16px 12px;border-top:1px solid var(--mb-line);column-gap:8px;row-gap:8px}
#sit_btn_cart {line-height:52px;border-radius:16px;border:1.5px solid var(--mb-accent);color:var(--mb-accent);background:var(--mb-surface)}
#sit_btn_buy {line-height:52px;border-radius:16px;border:0;background:var(--mb-accent);color:#FFFFFF}
#sit_btn_wish {width:52px;line-height:52px;border-radius:16px;border:1px solid var(--mb-line-strong)}
#sit_btn_phone {line-height:52px;border-radius:16px;border-color:var(--mb-accent);color:var(--mb-accent)}

/* ---------- 푸터 ---------- */
#ft {background:var(--mb-bg);border-top:1px solid var(--mb-line);padding:28px 16px 32px;color:var(--mb-muted)}
#ft p {color:var(--mb-muted);font-size:12px;line-height:1.8}
#ft p b {color:var(--mb-ink);font-weight:500}
#ft_company a {color:var(--mb-muted);font-size:12px;padding-right:14px}
#ft_company a:nth-child(2) {color:var(--mb-ink);font-weight:700}
#ft_logo {padding:20px 0 4px}
#ft_logo img {max-width:120px}
#ft .ft_cs {display:block;margin:0 0 8px;font-size:15px;font-weight:700;color:var(--mb-ink)}
#device_change {color:var(--mb-muted);border-color:var(--mb-line-strong);background:transparent}


/* ---------- 카테고리 메뉴 (햄버거) ---------- */
.menu {background:var(--mb-bg)}
.menu .menu_wr {background:var(--mb-bg);box-shadow:none;padding:0 0 24px}
.menu .menu_close {top:12px;right:8px;margin:0;width:44px;height:44px;color:var(--mb-ink);font-size:20px}

/* 로그인 영역 */
#ol_before, #ol_after_hd {margin:0;background:var(--mb-surface);color:var(--mb-ink);border-bottom:1px solid var(--mb-line)}
#ol_before {padding:16px 60px 16px 16px}
#ol_before .ol_before_link {display:flex;gap:8px;margin:0}
#ol_before .ol_before_link a {height:44px;line-height:44px;padding:0 20px;border-radius:22px;font-size:14px;font-weight:500}
#ol_before .ol_before_link .login {background:var(--mb-accent);color:#FFFFFF;line-height:44px}
#ol_before .ol_before_link .join {border:1px solid var(--mb-line-strong);color:var(--mb-ink);background:var(--mb-surface)}
#ol_after_hd {padding:18px 60px 18px 72px}
#ol_after_hd .profile_img {top:18px;left:16px}
#ol_after_hd .nickname {color:var(--mb-ink);font-size:15px}
#ol_after_hd strong {color:var(--mb-accent)}
#ol_after_hd .point {color:var(--mb-muted)}
#ol_after_info {background:var(--mb-ink)}
#ol_after_btn {position:static;margin-top:10px;display:flex;gap:6px}
#ol_after_btn a {height:32px;line-height:30px;padding:0 12px;border-radius:16px;border:1px solid var(--mb-line-strong);color:var(--mb-ink);font-weight:500;font-size:12px}
#ol_after_btn .btn_admin {line-height:32px;background:var(--mb-ink);color:#FFFFFF;border:0}
#ol_after_logout {background:var(--mb-surface);color:var(--mb-muted)}
#ol_after_private {margin:12px 16px 0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}
#ol_after_private:after {display:none}
#ol_after_private li {float:none;width:auto}
#ol_after_private li:first-child {border:0}
#ol_after_private a {border:1px solid var(--mb-line);border-radius:16px;line-height:46px;color:var(--mb-ink)}
#ol_after_private i {line-height:46px;color:var(--mb-muted)}
#ol_after_private strong {top:13px;background:var(--mb-mint-ink)}
#ol_after_private .win_coupon strong {background:var(--mb-lav-ink)}

/* 분류 목록 */
#category .content {margin:16px 16px 0}
#category .cate {background:var(--mb-surface);border:1px solid var(--mb-line);border-radius:20px;overflow:hidden}
#category .cate > li {line-height:normal}
#category .cate > li + li {border-top:1px solid var(--mb-line)}
#category .cate a {border:0;padding:0 56px 0 18px;line-height:54px;font-size:16px;font-weight:700;color:var(--mb-ink);text-decoration:none}
#category .cate li button {width:56px;height:54px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E6460' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat 50% 50%}
#category .cate li button.ct_cl {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233A3330' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E")}

/* 2차 분류: 칩 */
#category .sub_cate1 {padding:0 14px 16px 14px;flex-wrap:wrap;gap:8px}
#category .sub_cate1[style*="block"] {display:flex !important}
#category .sub_cate1 > li {position:static}
#category .sub_cate1 > li > a {display:flex;align-items:center;height:36px;line-height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--mb-line-strong);background:var(--mb-bg);font-size:13px;font-weight:400;background-image:none}
#category .sub_cate1 > li > button {display:none}
/* 3차 이하: 들여쓴 목록 */
#category .sub_cate2, #category .sub_cate3, #category .sub_cate4 {flex:1 0 100%}
#category .sub_cate2 a, #category .sub_cate3 a, #category .sub_cate4 a {line-height:40px;font-size:13px;font-weight:400;color:var(--mb-muted);background:none;padding-left:28px}

/* 오늘 본 상품 */
#category #stv {margin:16px 16px 0;border:1px solid var(--mb-line);border-radius:20px;overflow:hidden;background:var(--mb-surface)}
#category #stv h2 {border-bottom:1px solid var(--mb-line);padding:12px 16px;font-size:15px;font-weight:700}
#category #stv_ul li img {border-radius:12px}

/* 쇼핑 도움 메뉴 */
#cate_tnb {margin:16px 16px 0;background:transparent;border:0;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}
#cate_tnb:after {display:none}
#cate_tnb li {float:none;width:auto;padding:0;border:0;line-height:normal}
#cate_tnb li:nth-child(2n+1) {border:0}
#cate_tnb li a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:76px;border-radius:16px;background:var(--mb-surface);border:1px solid var(--mb-line);font-size:12px;color:var(--mb-ink);text-decoration:none}
#cate_tnb li i {position:static;width:auto;line-height:1;font-size:18px;color:var(--mb-accent)}