@charset "utf-8";
/* =========================================================
   C. 비비드 팝 - 컬러풀 생활잡화몰
   업로드 위치 : theme/basic/css/custom.css
   전 페이지 적용 : 메인·상품목록·상품상세·장바구니·주문서·마이페이지·
                   로그인/회원가입·게시판·회사소개/약관·팝업·빠른메뉴
   ========================================================= */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap');

/* ---------- 색상·폰트 (여기만 바꾸면 전체 톤 변경) ---------- */
:root {
  --c-bg:      #fffaf2;   /* 전체 배경 (크림) */
  --c-white:   #ffffff;
  --c-ink:     #1f1b2e;   /* 글자·테두리 (딥 네이비) */
  --c-muted:   #6f6a7d;
  --c-line:    #ece4d6;
  --c-main:    #ff5a36;   /* 메인 포인트 (비비드 오렌지) */
  --c-main-dk: #e8441f;
  --c-orange:  #ff7a45;
  --c-yellow:  #ffd23f;
  --c-purple:  #7b5cff;
  --c-mint:    #2ec4a6;
  --c-pink:    #ff7eb6;
  --c-blue:    #3fa9ff;
  --f-sans: 'Pretendard', 'Malgun Gothic', dotum, sans-serif;
  --f-pop:  'Bagel Fat One', 'Pretendard', sans-serif;
  --r: 22px;
  --w: 1200px;
}

/* ---------- 기본 ---------- */
body, input, button, textarea, select, h1, h2, h3, h4, h5, h6 {font-family:var(--f-sans)}
body {font-size:0.8125em;color:var(--c-ink);background:var(--c-bg);letter-spacing:-0.02em;-webkit-font-smoothing:antialiased}
a {color:inherit}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus {box-shadow:0 0 0 3px rgba(255,90,54,.18) !important;border:1px solid var(--c-main) !important}
.cx-inner {width:var(--w);margin:0 auto;position:relative}

/* 공용 부품 */
.cx-block {display:block;border-radius:var(--r);border:2px solid var(--c-ink);box-shadow:5px 5px 0 var(--c-ink);transition:transform .2s, box-shadow .2s;overflow:hidden;position:relative}
a.cx-block:hover, .cx-block > a:hover {transform:translate(-2px,-2px)}
a.cx-block:hover {box-shadow:7px 7px 0 var(--c-ink)}
.cx-block--orange {background:var(--c-orange)}
.cx-block--purple {background:var(--c-purple);color:#fff}
.cx-block--mint   {background:var(--c-mint)}
.cx-block--yellow {background:var(--c-yellow)}
.cx-block--pink   {background:var(--c-pink)}
.cx-block--blue   {background:var(--c-blue)}
.cx-block--white  {background:var(--c-white)}
.cx-sticker {display:inline-block;padding:6px 14px;border-radius:30px;background:var(--c-yellow);color:var(--c-ink);border:2px solid var(--c-ink);font-family:var(--f-pop);font-size:14px;line-height:1;transform:rotate(-6deg)}
.cx-sticker--ink {background:var(--c-ink);color:var(--c-yellow)}
.cx-pill {display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:40px;background:var(--c-white);color:var(--c-ink) !important;border:2px solid var(--c-ink);font-size:14px;font-weight:800;transition:background .2s}
.cx-pill:hover {background:var(--c-yellow)}
.cx-pill--ink {background:var(--c-ink);color:#fff !important}
.cx-pill--ink:hover {background:var(--c-main)}
.cx-pill--line {background:transparent}
.cx-hl {display:inline-block;padding:2px 12px 4px;border-radius:12px;border:2px solid var(--c-ink);font-family:var(--f-pop);font-weight:400;font-size:.8em;margin-right:6px;transform:rotate(-3deg);vertical-align:3px}
.cx-hl--yellow {background:var(--c-yellow)}
.cx-hl--mint {background:var(--c-mint)}
.cx-hl--purple {background:var(--c-purple);color:#fff}
.cx-more {font-size:14px;font-weight:700;color:var(--c-muted)}
.cx-more:hover {color:var(--c-main)}

/* =========================================================
   [자동 변환] 영카트 기본 CSS·쇼핑몰 스킨 CSS의 파란색·초록색 포인트를
   C 메인 컬러로 일괄 변경 (아래 직접 지정 규칙이 우선)
   ========================================================= */
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {box-shadow:0 0 0 3px rgba(255,90,54,.18);border-color:var(--c-ink)}
.btn_sm_on i {color:var(--c-main)}
.qk_con h2.s_h2 span {color:var(--c-main)}
.qk_con_wr .side_tnb li:hover a {color:var(--c-main)}
#category .cate_li_1_a {color:var(--c-main)}
#top_btn:hover {border-color:var(--c-ink);background-color:var(--c-main)}
.sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count {background-color:var(--c-main)}
a.btn02 {background-color:var(--c-main)}
.btn_submit {border-color:var(--c-ink);background-color:var(--c-main)}
.btn_submit:hover {background-color:var(--c-main)}
a.btn_b02,.btn_b02 {background-color:var(--c-main)}
a.btn_b02:hover, .btn_b02:hover {background-color:var(--c-main)}
.new_win .win_ul li a {color:var(--c-main)}
.new_win .win_ul .selected {background-color:var(--c-main);border-color:var(--c-ink)}
.new_win .win_total {color:var(--c-main)}
.pg_current {background-color:var(--c-main);border-color:var(--c-ink)}
.tooltip_icon:hover {color:var(--c-main)}
#smb_my_ov .smb_me a.smb_info {color:var(--c-main)}
#smb_private a strong {color:var(--c-main)}
#smb_private a:hover strong {background-color:var(--c-main)}
#smb_private li a:hover {color:var(--c-main)}
#smb_private li a:hover:after {background-color:var(--c-main)}
#smb_private li:hover i {color:var(--c-main)}
#smb_private .win_point strong {background-color:var(--c-main)}
#smb_private .win_scrap strong {background-color:var(--c-main)}
.smb_my_od .cost {color:var(--c-main)}
#smb_ws_act .btn02 {border-color:var(--c-ink);background-color:var(--c-main)}
.sod_opt li:before {color:var(--c-main)}
.cp_btn {color:var(--c-main)}
.od_coupon .cp_apply {border-color:var(--c-ink);color:var(--c-main)}
#sod_frm_pay .pay_tbl td .btn_frmline {border-color:var(--c-ink);color:var(--c-main)}
#sod_frm #sod_frm_pt_alert {color:var(--c-main)}
.sod_right #sod_bsk_tot {border-color:var(--c-ink)}
.sod_right .sod_info_option .sod_ifop_tit .btn_frmline {color:var(--c-main)}
.sod_right .sod_info_option>td .btn_frmline {border-color:var(--c-ink);color:var(--c-main)}
#display_pay_button .btn_submit {border-color:var(--c-ink)}
#sod_ws_act .btn02 {border-color:var(--c-ink);background-color:var(--c-main)}
#sod_addr .td_mng .sel_address {border-color:var(--c-ink);color:var(--c-main)}
#sod_addr .default_lb {border-color:var(--c-ink);color:var(--c-main)}
#sod_addr input[type="radio"]:checked+.default_lb {background-color:var(--c-main)}
#sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span {background-color:var(--c-main);border-color:var(--c-ink)}
.status_01 {color:var(--c-main)}
.status_02 {background-color:var(--c-main)}
.status_03 {color:var(--c-main)}
.status_04 {color:var(--c-main)}
.status_05 {background-color:var(--c-main)}
#sod_fin_no {color:var(--c-main)}
#sod_bsk_tot2 {border-color:var(--c-ink)}
#sod_bsk_tot2 li.sod_fin_tot strong {color:var(--c-main)}
#sod_fin_list .sod_name .sod_opt:before {color:var(--c-main)}
#sod_fin_tot li {background-color:var(--c-main);border-bottom-color:var(--c-ink)}
#coupon .cou_pri {color:var(--c-main)}
#coupon .cou_target {color:var(--c-main)}
.chk_box input[type="checkbox"] + label:hover {color:var(--c-main)}
.chk_box input[type="checkbox"]:checked + label span {background-color:var(--c-main);border-color:var(--c-ink)}
.chk_box input[type="radio"]:checked + label {color:var(--c-main)}
.chk_box input[type="radio"]:checked + label span:before {background-color:var(--c-main)}
.gnb_1dli_on .gnb_1da {color:var(--c-main)}
.gnb_1dli_on .gnb_1da:after {background-color:var(--c-main)}
.gnb_2da:focus, .gnb_2da:hover {color:var(--c-main)}
#sev .ev_prd .sev_more {color:var(--c-main)}
#sbsk .go_cart {color:var(--c-main)}
.shop_icon_1 {background-color:var(--c-main)}
.shop_icon_3 {background-color:var(--c-main)}
.shop_icon_4 {background-color:var(--c-main)}
.sct_40 .list-10-btn .sct_cart {border-color:var(--c-ink);background-color:var(--c-main)}
.sct_40 .list-10-btn .sct_cart:hover {background-color:var(--c-main)}
.sct_cartop_wr .cartopt_cart_btn {border-color:var(--c-ink);background-color:var(--c-main)}
.sct_cartop_wr .cartopt_close_btn {border-color:var(--c-ink);color:var(--c-main)}
.shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i {color:var(--c-main)}
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a {color:var(--c-main)}
#sct_ct_1 li a:hover {color:var(--c-main)}
#sit_star_sns .btn_sns_share:hover {color:var(--c-main)}
.sit_btn_buy {background-color:var(--c-main);border-color:var(--c-ink)}
.sit_btn_buy:hover {background-color:var(--c-main)}
#sit_tab .tab_tit li .selected:after {background-color:var(--c-main)}
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background-color:var(--c-main)}
.sit_use_li_title:hover {background-color:var(--c-main);border-color:var(--c-ink)}
#sit_qa_write .chk_box input[type="checkbox"]:checked + label span {background-color:var(--c-main)}
.sps_img .prd_detail {background-color:var(--c-main)}
.sps_section .sps_pd_name {color:var(--c-main)}
.sps_con_btn button.review_detail:hover {background-color:var(--c-main);border-color:var(--c-ink)}
.sqa_con_btn button:hover {background-color:var(--c-main);border-color:var(--c-ink)}
#ssch_cate a:hover {color:var(--c-main)}
#ssch_sort li:hover:after {background-color:var(--c-main)}
#ssch_sort li:hover a {color:var(--c-main)}
#ssch_sort_all li:hover:after {background-color:var(--c-main)}
#ssch_sort_all li:hover a {color:var(--c-main)}
.couponzone_list ul li .coupon_target .cp_1 {color:var(--c-main)}
.couponzone_list ul li .coupon_target .cp_4 {color:var(--c-main)}
.couponzone_list ul li .coupon_btn .btn02 {background-color:var(--c-main)}
.couponzone_list ul li .coupon_btn .btn02:hover {background-color:var(--c-main)}


/* =========================================================
   상단
   ========================================================= */
#hd.cx-hd {position:sticky;top:-42px;z-index:110;background:var(--c-white);border-bottom:2px solid var(--c-ink)}
.cx-band {height:42px;line-height:42px;text-align:center;background:var(--c-yellow);border-bottom:2px solid var(--c-ink);font-size:13.5px;font-weight:800;overflow:hidden}
.cx-hd__main .cx-inner {display:flex;align-items:center;height:84px}
.cx-hd__logo {flex:0 0 auto;margin-right:34px}
.cx-hd__logo img {height:40px;width:auto}

#hd_menu.cx-gnb {position:static;display:flex;align-items:center;gap:4px;flex:1;width:auto;margin:0;background:none}
#hd_menu.cx-gnb > a {padding:9px 15px;border-radius:30px;font-size:15px;font-weight:800;color:var(--c-ink);transition:background .2s}
#hd_menu.cx-gnb > a:nth-of-type(6n+1):hover {background:#ffe0d4}
#hd_menu.cx-gnb > a:nth-of-type(6n+2):hover {background:#e7e0ff}
#hd_menu.cx-gnb > a:nth-of-type(6n+3):hover {background:#d3f4ec}
#hd_menu.cx-gnb > a:nth-of-type(6n+4):hover {background:#fff1bf}
#hd_menu.cx-gnb > a:nth-of-type(6n+5):hover {background:#ffe0ee}
#hd_menu.cx-gnb > a:nth-of-type(6n+6):hover {background:#d9eeff}
#hd_menu.cx-gnb .cx-gnb__hot {color:var(--c-main)}
#hd_menu.cx-gnb .cx-gnb__hot:after {content:"HOT";margin-left:4px;padding:1px 5px;border-radius:6px;background:var(--c-main);color:#fff;font-size:9px;font-weight:900;vertical-align:4px}
#hd_menu button#menu_open {float:none;display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;margin-right:8px;padding:9px 16px;border-radius:30px;background:var(--c-ink);border:0;color:#fff;font-size:14px;font-weight:800}
#hd_menu button#menu_open:hover {background:var(--c-main)}

.cx-hd__right {display:flex;align-items:center;gap:14px;flex:0 0 auto}
.cx-hd__right #hd_sch {display:flex;width:220px;border-radius:30px;border:2px solid var(--c-ink);background:var(--c-white);overflow:hidden}
.cx-hd__right #hd_sch form {display:flex;width:100%}
.cx-hd__right #hd_sch #sch_str {float:none;flex:1;width:auto;height:40px;padding-left:16px;background:transparent;border:0 !important;border-radius:0;color:var(--c-ink);font-size:13px;font-weight:600;box-shadow:none !important}
.cx-hd__right #hd_sch #sch_str::placeholder {color:#a9a3b5}
.cx-hd__right #hd_sch #sch_submit {float:none;width:42px;height:40px;background:var(--c-yellow);border:0;border-left:2px solid var(--c-ink);border-radius:0;color:var(--c-ink);font-size:14px}
.cx-login {font-size:13px;font-weight:800;padding:9px 14px;border-radius:30px;border:2px solid var(--c-ink)}
.cx-login:hover {background:var(--c-yellow)}
.cx-ico {position:relative;font-size:20px;color:var(--c-ink)}
.cx-ico:hover {color:var(--c-main)}
.cx-count {position:absolute;top:-8px;right:-11px;min-width:19px;height:19px;line-height:15px;padding:0 4px;border-radius:10px;background:var(--c-main);border:2px solid var(--c-ink);color:#fff;font-size:10px;font-weight:900;text-align:center}

/* 전체 카테고리 (드롭다운) */
.cx-hd__main .cx-inner {position:relative}
#category {top:calc(100% - 4px) !important;left:0 !important;width:640px !important;background:var(--c-white) !important;border:2px solid var(--c-ink) !important;border-radius:var(--r) !important;box-shadow:6px 6px 0 var(--c-ink) !important;padding:0 0 12px;overflow:hidden}
#category h2 {font-size:16px !important;font-weight:900;padding:16px 22px !important;border-bottom:2px solid var(--c-ink) !important;background:var(--c-yellow);color:var(--c-ink) !important}
#category ul {display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 12px 0}
#category ul:after {display:none}
#category .cate_li_1 {float:none !important;width:auto !important;min-height:0 !important;padding:12px 14px !important;border:0 !important;border-radius:14px;transition:background .2s}
#category .cate_li_1:hover {background:#fff1bf}
#category .cate_li_1_a {font-size:14px !important;font-weight:800;margin:0 !important;color:var(--c-ink) !important}
#category .cate_li_1:hover .cate_li_1_a {color:var(--c-main) !important}
#category .cate_li_2 {line-height:1.9;margin-top:6px}
#category .cate_li_2 a {font-size:13px;color:var(--c-muted) !important}
#category .close_btn {width:48px !important;height:52px !important;background:transparent !important;color:var(--c-ink) !important}
#category_all_bg {background:rgba(31,27,46,.2) !important}

/* =========================================================
   메인
   ========================================================= */
#wrapper {background:var(--c-bg) !important}
#wrapper.is_main #container {width:100%;min-height:0}
#wrapper.is_main .shop-content.is_index {margin:0;padding:0 0 110px}
.cx-sec {padding:80px 0 0}
.cx-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.cx-head h2 {font-size:30px;font-weight:900;color:var(--c-ink);letter-spacing:-.04em}
.cx-price {font-size:16px;font-weight:900;color:var(--c-ink)}
.cx-price em, .cx-card__price em {font-style:normal;color:var(--c-main);margin-right:6px}
.cx-price del, .cx-card__price del {font-size:12.5px;font-weight:500;color:#a9a3b5;margin-left:5px}

/* 1. 컬러 블록 배너 */
.cx-hero {padding:40px 0 0}
.cx-hero .cx-inner {display:grid;grid-template-columns:2fr 1fr;grid-template-rows:230px 230px;gap:22px}
.cx-hero__big, .cx-hero__banner {grid-row:1 / 3}
.cx-hero__banner {border-radius:var(--r);border:2px solid var(--c-ink);box-shadow:5px 5px 0 var(--c-ink);overflow:hidden}
.cx-hero__banner img {width:100%;height:482px;object-fit:cover;display:block}
.cx-hero__big {display:flex;align-items:center;padding:50px 54px}
.cx-hero__big .cx-sticker {position:absolute;top:28px;right:30px;transform:rotate(8deg);font-size:18px;padding:10px 18px;z-index:2}
.cx-hero__copy {position:relative;z-index:2;max-width:400px;display:flex;flex-direction:column;align-items:flex-start}
.cx-hero__copy em {font-style:normal;font-family:var(--f-pop);font-size:20px;color:#fff;-webkit-text-stroke:1px var(--c-ink);margin-bottom:10px}
.cx-hero__copy strong {font-size:50px;font-weight:900;line-height:1.2;color:var(--c-ink);letter-spacing:-.05em;margin-bottom:16px}
.cx-hero__copy > span {font-size:15.5px;font-weight:600;color:var(--c-ink);opacity:.8;margin-bottom:28px}
.cx-hero__big .cx-hero__pic {position:absolute;right:40px;bottom:-20px;width:340px;height:340px;border-radius:50%;background:#fff;border:2px solid var(--c-ink);overflow:hidden;transform:rotate(-4deg)}
.cx-hero__pic img {width:100%;height:100%;object-fit:cover;display:block}
.cx-hero__small {display:flex;align-items:center;justify-content:space-between;padding:26px 28px;color:var(--c-ink)}
.cx-hero__mini {display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}
.cx-hero__mini em {font-style:normal;font-family:var(--f-pop);font-size:16px;opacity:.9}
.cx-hero__mini strong {font-size:24px;font-weight:900;letter-spacing:-.04em}
.cx-hero__mini b {font-size:13px;font-weight:800;margin-top:6px}
.cx-block--purple .cx-hero__mini {color:#fff}
.cx-hero__small .cx-hero__pic {width:150px;height:150px;flex:0 0 150px;border-radius:24px;background:#fff;border:2px solid var(--c-ink);overflow:hidden;transform:rotate(5deg)}

/* 2. 컬러 카테고리 타일 */
.cx-cats {padding-top:50px}
.cx-cats__list {display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cx-cats__list li a {position:relative;display:block;height:150px;padding:18px;border-radius:20px;border:2px solid var(--c-ink);overflow:hidden;transition:transform .2s, box-shadow .2s}
.cx-cats__list li a:hover {transform:translateY(-4px);box-shadow:0 6px 0 var(--c-ink)}
.cx-tile--orange a {background:#ffe0d4}
.cx-tile--purple a {background:#e7e0ff}
.cx-tile--mint a   {background:#d3f4ec}
.cx-tile--yellow a {background:#fff1bf}
.cx-tile--pink a   {background:#ffe0ee}
.cx-tile--blue a   {background:#d9eeff}
.cx-cats__list strong {position:relative;z-index:2;font-size:16px;font-weight:900;line-height:1.3}
.cx-cats__go {position:absolute;left:18px;bottom:16px;z-index:2;width:30px;height:30px;line-height:26px;text-align:center;border-radius:50%;background:#fff;border:2px solid var(--c-ink);font-size:12px}
.cx-cats__pic {position:absolute;right:-14px;bottom:-14px;width:100px;height:100px;border-radius:50%;overflow:hidden;border:2px solid var(--c-ink);background:#fff}
.cx-cats__pic img {width:100%;height:100%;object-fit:cover;display:block}

/* 상품 카드 공통 */
.cx-card a {display:block}
.cx-card__img {position:relative;overflow:hidden;border-radius:18px;border:2px solid var(--c-ink);background:#fff;aspect-ratio:1/1}
.cx-card__img img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.cx-card a:hover .cx-card__img img {transform:scale(1.06) rotate(-1deg)}
.cx-badge {position:absolute;top:10px;left:10px;padding:5px 10px;border-radius:20px;background:var(--c-main);border:2px solid var(--c-ink);color:#fff;font-size:12px;font-weight:900}
.cx-badge--out {background:#d9d4e0;color:var(--c-ink)}
.cx-card__body {padding:14px 4px 0}
.cx-card__name {font-size:15px;font-weight:700;color:var(--c-ink);line-height:1.45;margin-bottom:5px}
.cx-card__desc {font-size:13px;color:var(--c-muted);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-card__price {font-size:17px;font-weight:900;color:var(--c-ink)}
.cx-grid {display:grid;gap:34px 20px;list-style:none}
.cx-grid--4 {grid-template-columns:repeat(4,1fr)}

/* 3. 오늘의 특가 */
.cx-deal {display:grid;grid-template-columns:260px 1fr;gap:34px;padding:36px;border-radius:30px;background:var(--c-yellow);border:2px solid var(--c-ink);box-shadow:6px 6px 0 var(--c-ink)}
.cx-deal__head {display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.cx-deal__head h2 {font-size:34px;font-weight:900;line-height:1.2;margin:18px 0 22px;letter-spacing:-.05em}
.cx-deal__head p {font-size:13px;font-weight:800;margin-bottom:8px}
.cx-timer {display:flex;align-items:center;gap:4px;margin-bottom:26px}
.cx-timer b {display:inline-block;min-width:50px;padding:10px 0;text-align:center;border-radius:12px;background:var(--c-ink);color:var(--c-yellow);font-family:var(--f-pop);font-weight:400;font-size:24px}
.cx-timer i {font-style:normal;font-weight:900;font-size:20px}
.cx-deal .cx-card__img {background:#fff}

/* 4. BEST 가로 스크롤 */
.cx-arrows {display:flex;gap:8px}
.cx-arrows button {width:44px;height:44px;border-radius:50%;border:2px solid var(--c-ink);background:#fff;color:var(--c-ink);font-size:20px;box-shadow:3px 3px 0 var(--c-ink);transition:all .15s}
.cx-arrows button:hover {background:var(--c-yellow)}
.cx-arrows button:active {transform:translate(2px,2px);box-shadow:1px 1px 0 var(--c-ink)}
.cx-best__track {display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:14px 4px 8px;list-style:none}
.cx-best__track::-webkit-scrollbar {display:none}
.cx-best__item {position:relative;flex:0 0 calc((100% - 80px) / 5);scroll-snap-align:start}
.cx-best__item > ul {list-style:none}
.cx-rank {position:absolute;top:-12px;left:-6px;z-index:3;width:44px;height:44px;line-height:40px;text-align:center;border-radius:50%;border:2px solid var(--c-ink);font-family:var(--f-pop);font-size:20px;color:var(--c-ink);transform:rotate(-10deg)}
.cx-rank--orange {background:var(--c-orange)} .cx-rank--purple {background:var(--c-purple);color:#fff} .cx-rank--mint {background:var(--c-mint)}
.cx-rank--yellow {background:var(--c-yellow)} .cx-rank--pink {background:var(--c-pink)} .cx-rank--blue {background:var(--c-blue)}

/* 5. MD 추천 */
.cx-md__list {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none}
.cx-md__list li a {display:flex;flex-direction:column;height:100%;padding:24px}
.cx-md__pic {display:block;border-radius:18px;overflow:hidden;border:2px solid var(--c-ink);background:#fff;aspect-ratio:4/3}
.cx-md__pic img {width:100%;height:100%;object-fit:cover;display:block}
.cx-md__txt {display:flex;flex-direction:column;gap:6px;padding-top:18px}
.cx-md__txt strong {font-size:18px;font-weight:900;line-height:1.4}
.cx-md__txt small {font-size:13px;opacity:.75}
.cx-md__list .cx-block--blue .cx-md__txt, .cx-md__list .cx-block--pink .cx-md__txt {color:var(--c-ink)}

/* =========================================================
   상품 목록 (list.10 스킨)
   ========================================================= */
#wrapper_title {font-size:34px;font-weight:900;padding:56px 0 26px;color:var(--c-ink);letter-spacing:-.05em}
#wrapper:not(.is_main) #container {padding-bottom:100px}
#sct_location {padding:0 0 16px}
#sct_location .go_home, #sct_location i.dividing-line {color:var(--c-muted)}
.shop_select_to_html .category_title {color:var(--c-ink);font-weight:800}
.shop_select_to_html .category_title i, .shop_select_to_html:hover .category_title, .shop_select_to_html:hover .category_title i {color:var(--c-main)}
.shop_select_to_html .menulist {border-radius:16px !important;border:2px solid var(--c-ink);box-shadow:4px 4px 0 var(--c-ink) !important;z-index:20}
.shop_select_to_html .option:hover, .shop_select_to_html .option.focus {background:#fff1bf}
.shop_select_to_html .option.selected, .shop_select_to_html .option.selected a {color:var(--c-main)}
.sct_ct {background:transparent;border:0;padding:0;margin:0 0 6px}
#sct_ct_1 li, #sct_ct_3 li {float:left;width:auto;border:0;margin:0 8px 8px 0}
#sct_ct_1 li a, #sct_ct_3 li a, #sct_ct_2 a {display:block;padding:0 20px;line-height:40px;border:2px solid var(--c-ink);border-radius:30px;background:#fff;color:var(--c-ink);font-weight:800;font-size:13.5px;transition:background .2s}
#sct_ct_1 li a:hover, #sct_ct_3 li a:hover, #sct_ct_2 a:hover {background:#fff1bf;color:var(--c-ink)}
.sct_ct_here {background:var(--c-ink) !important;color:#fff !important}
.sct_ct a span {font-weight:500;opacity:.6}
#sct_sortlst {background:#fff;border:2px solid var(--c-ink);border-radius:16px;margin:16px 0 34px;overflow:hidden}
#sct_sort li a {border-left-color:var(--c-line);color:var(--c-muted);font-weight:700}
#sct_sort li a:hover {color:var(--c-main)}
#sct_lst button {background:transparent;color:var(--c-muted)}
#sct_lst button:hover {color:var(--c-main)}
#sct .sct_10 .sct_li {margin-bottom:44px}
#sct .sct_img a {display:block;border-radius:18px;border:2px solid var(--c-ink);overflow:hidden;background:#fff}
#sct .sct_img img {display:block;width:100%;height:auto;transition:transform .4s}
#sct .sct_img:hover img {transform:scale(1.06) rotate(-1deg)}
#sct .sct_img .sct_btn {position:absolute;left:10px;right:10px;bottom:10px}
#sct .sct_10 .sct_cart, #sct .sct_cart {position:static;width:100%;border-radius:30px;border:2px solid var(--c-ink);background:var(--c-yellow);color:var(--c-ink);font-weight:900;padding:12px 0}
#sct .sct_cart:hover {background:var(--c-main);color:#fff}
#sct .shop_icon_soldout {border-radius:18px;background:rgba(31,27,46,.55);display:flex;align-items:center;justify-content:center;line-height:1;font-family:var(--f-pop);font-weight:400;font-size:20px}
#sct .sct_10 .sct_txt {border-bottom:0;margin:14px 0 4px;padding:0;font-size:15px}
#sct .sct_txt a {font-weight:700;color:var(--c-ink)}
#sct .sct_txt a:hover {color:var(--c-main)}
#sct .sct_basic {color:var(--c-muted);font-size:13px}
#sct .sct_10 .sct_cost {font-size:17px;font-weight:900;margin:8px 0 0;color:var(--c-ink)}
#sct .sct_dict {color:#a9a3b5;font-size:12.5px}
#sct .sct_op_btn > button {color:var(--c-muted)}
#sct .sct_op_btn > button:hover {color:var(--c-main)}
#sct .shop_icon {border-radius:20px;border:2px solid var(--c-ink);color:var(--c-ink);font-weight:800;font-size:11px;line-height:16px}
#sct .shop_icon_1 {background:var(--c-yellow)} #sct .shop_icon_2 {background:var(--c-orange)} #sct .shop_icon_3 {background:var(--c-mint)}
#sct .shop_icon_4 {background:var(--c-purple);color:#fff} #sct .shop_icon_5 {background:var(--c-pink)}
.sct_noitem {border:2px dashed var(--c-line);border-radius:var(--r);color:var(--c-muted);padding:90px 0 !important}

/* =========================================================
   상품 상세
   ========================================================= */
.is_item #sct_location {padding:26px 0 16px}
#sit_ov_from {background:#fff !important;border:2px solid var(--c-ink) !important;border-radius:28px;box-shadow:6px 6px 0 var(--c-ink);overflow:hidden}
#sit_ov_wrap {width:auto !important;border-top:0 !important;padding:44px !important}
#sit_pvi_big a {border-radius:20px;border:2px solid var(--c-ink);overflow:hidden}
#sit_pvi_big #popup_item_image {border-radius:12px;border:2px solid var(--c-ink);background:var(--c-yellow);color:var(--c-ink);bottom:10px;right:10px}
#sit_pvi_thumb img {border:2px solid var(--c-line) !important;border-radius:12px}
#sit_pvi_thumb img:hover {border-color:var(--c-ink) !important}
#sit_title {font-size:28px;font-weight:900;line-height:1.4;letter-spacing:-.05em;color:var(--c-ink)}
#sit_star_sns .btn_sns_share:hover, #btn_wish:hover {color:var(--c-main)}
.sit_info, .sit_info .tr_price {border-color:var(--c-line) !important}
.sit_ov_tbl td strong {color:var(--c-main);font-size:26px;font-weight:900}
.sit_option select, .sit_side_option select {border:2px solid var(--c-ink) !important;border-radius:14px !important}
#sit_opt_added li, .sit_sel_option li {background:#fff8e6 !important;border:2px solid var(--c-ink) !important;border-radius:16px}
#sit_opt_added button, .sit_sel_option button {background:#fff !important;border:2px solid var(--c-ink) !important;color:var(--c-ink) !important}
#sit_opt_added .num_input, .sit_sel_option .num_input {border-top:2px solid var(--c-ink) !important;border-bottom:2px solid var(--c-ink) !important;background:#fff}
#sit_opt_added .sit_opt_del, .sit_sel_option .sit_opt_del {border-radius:0 14px 0 10px;background:transparent !important}
#sit_tot_price strong, .sit_tot_price strong {color:var(--c-main);font-size:32px;font-weight:900}
#sit_ov_btn button {border-radius:40px !important;font-weight:900;font-size:16px}
.sit_btn_buy {background:var(--c-main) !important;border:2px solid var(--c-ink) !important;color:#fff !important;box-shadow:3px 3px 0 var(--c-ink)}
.sit_btn_buy:hover {background:var(--c-main-dk) !important}
.sit_btn_cart {background:var(--c-yellow) !important;border:2px solid var(--c-ink) !important;color:var(--c-ink) !important;box-shadow:3px 3px 0 var(--c-ink)}
.sit_btn_wish {border:2px solid var(--c-ink) !important;border-radius:40px !important;color:var(--c-ink) !important;background:#fff}
.sit_btn_wish:hover {color:var(--c-main) !important}
#sit_btn_alm {border-radius:40px;background:var(--c-purple)}
#sit_ov_soldout {background:#ffe0d4;color:var(--c-main-dk);border-radius:16px}
#sit_siblings {background:transparent !important;border:0 !important}
#sit_siblings a {color:var(--c-ink);font-weight:700}
#sit_siblings a:hover {color:var(--c-main)}
#sit_rel {background:#fff !important;border:2px solid var(--c-ink) !important;border-radius:28px;box-shadow:6px 6px 0 var(--c-ink);margin-top:34px !important}
#sit_rel h2 {font-size:26px;font-weight:900;color:var(--c-ink)}
#sit_rel .bx-prev, #sit_rel .bx-next {border:2px solid var(--c-ink) !important;border-radius:50%;background-color:#fff}
#sit_info {background:#fff !important;border:2px solid var(--c-ink) !important;border-radius:28px;overflow:hidden;margin-top:34px}
#sit_tab .tab_tit {background:#fff8e6;border-bottom:2px solid var(--c-ink);padding:0 16px}
#sit_tab .tab_tit li button {background:transparent;font-weight:800;color:var(--c-muted);font-size:15px}
#sit_tab .tab_tit li .selected {background:transparent;color:var(--c-ink)}
#sit_tab .tab_tit li .selected:after {background:var(--c-main);height:4px;border-radius:4px 4px 0 0}
#sit_tab .item_use_count, #sit_tab .item_qa_count {background:var(--c-main);color:#fff}
#sit_tab .tab_con {background:#fff;padding:34px}
#sit_inf_explan {font-size:15px;line-height:1.85}
#sit_inf_open {border-top:2px solid var(--c-ink) !important}
#sit_inf_open th {background:#fff8e6 !important;border-color:var(--c-line) !important}
#sit_inf_open td {border-color:var(--c-line) !important}
#sit_buy {border-left:2px solid var(--c-ink) !important;background:#fff}
.sit_order_btn button {border-radius:40px !important}
.sit_use_top {background:#fff8e6 !important;border:2px solid var(--c-ink) !important;border-radius:18px}
#sit_use_wbtn a, #sit_qa_wbtn a {border-radius:40px !important}
.sit_use_li_title {border-radius:20px}
.sit_use_li_title:hover {background:var(--c-ink);border-color:var(--c-ink)}
.sit_qaa_done {background:var(--c-mint);color:var(--c-ink);border-radius:20px;font-weight:800}
.sit_qaa_yet {background:#e9e5ef;color:var(--c-muted);border-radius:20px}
.sit_qa_p {background:#fff8e6;border-radius:14px}

/* =========================================================
   전 페이지 공통 (버튼·입력칸·표·페이지번호·체크박스)
   ========================================================= */
.btn_submit, a.btn02, button.btn02, a.btn_b02, .btn_b02, #display_pay_button .btn_submit {background:var(--c-main) !important;border:2px solid var(--c-ink) !important;color:#fff !important;border-radius:40px !important;font-weight:900}
.btn_submit:hover, a.btn02:hover, a.btn_b02:hover, .btn_b02:hover {background:var(--c-main-dk) !important}
a.btn01, button.btn01, .btn_close, a.btn_cancel, button.btn_cancel, a.btn_b03, .btn_b03, a.btn_b04, .btn_b04, a.btn_frmline, button.btn_frmline {background:#fff !important;border:2px solid var(--c-ink) !important;color:var(--c-ink) !important;border-radius:40px !important;font-weight:800}
a.btn01:hover, button.btn01:hover, .btn_close:hover, .btn_cancel:hover, .btn_b03:hover, .btn_b04:hover, .btn_frmline:hover {background:var(--c-yellow) !important}
a.btn_b01, .btn_b01 {color:var(--c-muted) !important}
a.btn_b01:hover, .btn_b01:hover {color:var(--c-main) !important}

#container input[type=text], #container input[type=password], #container input[type=email], #container input[type=tel],
#container input[type=number], #container select, #container textarea, .frm_input {border:2px solid #e3dccd !important;border-radius:12px !important;background-color:#fff !important;box-shadow:none !important}
#container input:focus, #container select:focus, #container textarea:focus {border-color:var(--c-main) !important}

#container .tbl_head01 thead th, #container .tbl_head02 thead th, #container .tbl_head03 thead th {background:#fff1bf !important;color:var(--c-ink) !important;border-top:2px solid var(--c-ink) !important;border-bottom:2px solid var(--c-ink) !important;font-weight:800}
#container .tbl_head01 td, #container .tbl_head02 td, #container .tbl_head03 td, #container .tbl_frm01 th, #container .tbl_frm01 td {border-color:var(--c-line) !important}
#container .tbl_frm01 th {color:var(--c-muted) !important}

.pg_page, .qa_page, .pg_start, .pg_prev, .pg_end, .pg_next {background-color:#fff !important;border:2px solid var(--c-line) !important;border-radius:12px !important;color:var(--c-ink) !important}
.pg_page:hover {border-color:var(--c-ink) !important}
.pg_current {background:var(--c-ink) !important;border:2px solid var(--c-ink) !important;color:#fff !important;border-radius:12px !important}

.chk_box input[type="checkbox"] + label span {border:2px solid var(--c-ink) !important;border-radius:6px !important}
.chk_box input[type="checkbox"]:checked + label span {background-color:var(--c-main) !important;border-color:var(--c-ink) !important}
.chk_box input[type="checkbox"] + label:hover {color:var(--c-main)}
.chk_box input[type="radio"]:checked + label {color:var(--c-ink)}
.chk_box input[type="radio"] + label span {border:2px solid var(--c-ink) !important}
.chk_box input[type="radio"]:checked + label span:before {background:var(--c-main) !important}

/* =========================================================
   회사소개 · 이용약관 · 개인정보처리방침
   ========================================================= */
#ctt_con {background:#fff !important;border:2px solid var(--c-ink) !important;border-radius:28px;box-shadow:6px 6px 0 var(--c-ink);padding:54px 60px !important;font-size:15px;line-height:1.9;color:var(--c-ink)}
#ctt_con h1, #ctt_con h2, #ctt_con h3 {font-weight:900;margin:30px 0 12px;color:var(--c-ink)}
#ctt_con a {color:var(--c-main)}
#ctt_con table th {background:#fff8e6}
#ctt_con table td, #ctt_con table th {padding:10px 14px;border-color:var(--c-line)}

/* =========================================================
   게시판 (공지사항·FAQ·1:1문의 등)
   ========================================================= */
#bo_v, #bo_w {background:#fff !important;border:2px solid var(--c-ink) !important;border-radius:28px;box-shadow:6px 6px 0 var(--c-ink);padding:46px 52px 36px !important;margin:20px 0 40px !important}
#bo_v_title .bo_v_tit {font-size:28px;font-weight:900;line-height:1.4;letter-spacing:-.04em}
#bo_v_title .bo_v_cate {background:var(--c-yellow);border:2px solid var(--c-ink);border-radius:20px;color:var(--c-ink)}
#bo_v_info {border-bottom:2px dashed var(--c-line) !important;padding-bottom:18px}
#bo_v_top a:hover, .btn_bo_user a:hover, .btn_bo_user button:hover {color:var(--c-main) !important}
#bo_v_con {font-size:15px;line-height:1.9}
#bo_v_con a {color:var(--c-main)}
#bo_v_file li, #bo_v_link li, .bo_v_nb li {border-radius:14px}
.cmt_btn {border-bottom:2px solid var(--c-line) !important}
.cmt_btn span.total, .cmt_btn b {color:var(--c-ink) !important}
.cmt_btn span.total:after, .cmt_btn .total:after {background:var(--c-main) !important}
#bo_vc .cmt_contents {background:#fff8e6;border-radius:14px;padding:14px 16px}
#bo_list .tbl_head01 thead th {background:#fff1bf !important}
#bo_list .tbl_head01 td {background:#fff !important}
#bo_list .tbl_head01 tbody tr:hover td {background:#fffaf0 !important}
#bo_list .td_subject a:hover, #bo_list .bo_tit a:hover {color:var(--c-main)}
#bo_list .bo_notice td {background:#fff8e6 !important}
#bo_list .notice_icon {background:var(--c-main) !important;color:#fff !important;border-radius:20px !important}
#bo_cate a, #bo_cate_ul a {background:#fff !important;border:2px solid var(--c-ink) !important;border-radius:30px !important;color:var(--c-ink) !important;font-weight:800}
#bo_cate #bo_cate_on, #bo_cate a:hover, #bo_cate_ul a#bo_cate_on, #bo_cate_ul a:hover {background:var(--c-ink) !important;color:#fff !important}
#faq_wrap li {border-color:var(--c-line) !important}
#faq_wrap .con_inner {background:#fff8e6 !important;border-radius:14px}
#faq_wrap .tit_bg {color:var(--c-main) !important}

/* 회원 (로그인·회원가입) */
#mb_login .mbskin_box, .mbskin .mbskin_box, #register_form .register_form_inner, .register .fregister_agree, #reg_result {background:#fff !important;border:2px solid var(--c-ink) !important;border-radius:24px;box-shadow:5px 5px 0 var(--c-ink)}
.mb_log_cate .join {background:#fff8e6 !important}

/* 마이페이지 · 주문 */
#smb_my_ov, #smb_private, #smb_my_list section {border-radius:22px}
#sod_bsk_tot, #sod_bsk_tot2, .sod_right #sod_bsk_tot {border:2px solid var(--c-ink) !important;border-radius:20px;overflow:hidden;background:#fff}
#sod_bsk_tot .sod_bsk_cnt strong, #sod_bsk_tot2 li.sod_fin_tot strong, .sod_right .total_price strong {color:var(--c-main) !important}
#sod_fin_no {background:#fff1bf !important;border:2px solid var(--c-ink) !important;color:var(--c-ink) !important;border-radius:16px !important}
.sod_opt li:before, #sod_fin_list .sod_name .sod_opt:before {background:var(--c-yellow) !important;color:var(--c-ink) !important;border-radius:8px !important}
#sod_frm_pay input[type="radio"]:checked + .lb_icon {border-color:var(--c-main) !important;color:var(--c-main) !important}
.status_04 {background:#fff1bf !important;color:var(--c-ink) !important;border-radius:20px !important}
.status_05 {background:var(--c-main) !important;color:#fff !important;border-radius:20px !important}

/* 오른쪽 빠른메뉴 */
#side_menu {background:#fff;border-left:2px solid var(--c-ink);box-shadow:none}
#quick li button {background:#fff;color:var(--c-ink)}
#quick li button:hover, .btn_sm_on i {color:var(--c-main)}
#quick .qk_tit {background:var(--c-ink)}
#quick .qk_tit:after {border-left-color:var(--c-ink)}
#top_btn {border-top:2px solid var(--c-ink);color:var(--c-ink)}
#top_btn:hover {background:var(--c-yellow);border-color:var(--c-ink);color:var(--c-ink)}
.qk_con {border-left:2px solid var(--c-ink) !important}
.qk_con h2.s_h2 {border-bottom:2px solid var(--c-ink) !important;background:var(--c-yellow)}
.qk_con h2.s_h2 span {background:var(--c-ink) !important;color:#fff !important}
.qk_con_wr .side_tnb li:hover a {color:var(--c-main) !important}
.qk_con_wr .btn_side_shop span {background:var(--c-main) !important}

/* 팝업 새 창 */
.new_win #win_title {background:var(--c-yellow) !important;border-bottom:2px solid var(--c-ink) !important;color:var(--c-ink) !important}
.new_win .win_ul .selected {background:var(--c-ink) !important;border-color:var(--c-ink) !important}

/* =========================================================
   하단
   ========================================================= */
#ft.cx-ft {background:var(--c-bg);border-top:2px solid var(--c-ink);text-align:left;margin-top:0}
.cx-ft__top {display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:22px;padding:56px 0 44px}
.cx-ft__cs {padding:28px 30px}
.cx-ft__cs strong {display:block;font-family:var(--f-pop);font-weight:400;font-size:40px;color:var(--c-ink);margin:16px 0 8px;letter-spacing:.01em}
.cx-ft__cs p {font-size:13px;font-weight:600;margin-bottom:20px}
.cx-ft__btns {display:flex;gap:8px}
.cx-ft__btns .cx-pill {padding:10px 16px;font-size:13px}
.cx-ft__notice {padding:26px 28px}
.cx-ft__notice > h2 {font-size:18px;font-weight:900;margin-bottom:14px;color:var(--c-ink)}
.cx-ft__notice .cx-more {position:absolute;top:28px;right:28px;font-size:13px}
/* 공지 최신글 스킨 덮어쓰기 (흰 글씨 → 진한 글씨) */
.cx-ft__notice > div, .cx-ft__notice .ft_cnt {width:auto !important;float:none !important;padding:0 !important;background:none !important}
.cx-ft__notice div h2, .cx-ft__notice div h4, .cx-ft__notice .lat_title {display:none !important}
.cx-ft__notice li {padding:9px 0;border-bottom:2px dashed var(--c-line);list-style:none}
.cx-ft__notice > div *, .cx-ft__notice > div a, .cx-ft__notice > div a:link, .cx-ft__notice > div a:visited {color:var(--c-ink) !important;background:transparent !important;font-size:13.5px;font-weight:600}
.cx-ft__notice > div a:hover {color:var(--c-main) !important}
.cx-ft__quick {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cx-ft__quick a {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:16px 18px;font-size:14px;font-weight:900;color:var(--c-ink);box-shadow:4px 4px 0 var(--c-ink)}
.cx-ft__quick a.cx-block--purple {color:#fff}
.cx-ft__quick a i {font-size:20px}
.cx-ft__bottom {padding:26px 0 40px;border-top:2px solid var(--c-ink)}
.cx-ft__links {display:flex;gap:24px;list-style:none;margin-bottom:16px}
.cx-ft__links a {font-size:13.5px;font-weight:700;color:var(--c-ink)}
.cx-ft__links a:hover {color:var(--c-main)}
.cx-ft__links strong {color:var(--c-main)}
.cx-ft__info {font-size:12.5px;color:var(--c-muted);line-height:2}
.cx-ft__info span {display:inline-block;margin-right:16px}
.cx-ft__copy {margin-top:14px;font-size:12px;color:#a9a3b5}

/* 메인 보정 */
.cx-hero__copy {max-width:330px}
.cx-hero__copy strong {font-size:44px}
.cx-hero__big .cx-hero__pic {width:290px;height:290px;right:46px;bottom:-10px}
.cx-cats__list {grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
.cx-best__item .cx-badge {left:auto;right:10px}
.cx-md__list .cx-card__desc, .cx-md__txt small {color:var(--c-ink);opacity:.7}
.cx-md__list .cx-price em {color:var(--c-ink);background:#fff;padding:0 6px;border-radius:8px;border:2px solid var(--c-ink)}
.cx-md__list .cx-price del {color:var(--c-ink);opacity:.5}
/* 장바구니·주문 합계 박스 보정 */
#sod_bsk_tot li, #sod_bsk_tot2 li {background:#fff !important;color:var(--c-ink) !important;border-color:var(--c-line) !important}
#sod_bsk_tot li span, #sod_bsk_tot2 li span {color:var(--c-muted) !important}
#sod_bsk_tot li.sod_bsk_cnt, #sod_bsk_tot2 li.sod_fin_tot {background:var(--c-yellow) !important}
#sod_bsk_tot li.sod_bsk_cnt span, #sod_bsk_tot2 li.sod_fin_tot span {color:var(--c-ink) !important}