@charset "utf-8";
/*!
 * 다현당 핫픽스 CSS (v10.34)
 * ─────────────────────────────────────────────────────
 * dahyundang-color.css 는 G5_CSS_VER 고정 쿼리(?ver=2303229) 때문에
 * 영구 캐시가 박혀서 새 호버 규칙이 반영되지 않음. 이 파일은 신규 파일이라
 * 브라우저가 캐시 없이 받아오고, 새 규칙을 즉시 반영함.
 * 이후 호버·소소한 색 보정은 모두 이 파일에 추가하면 캐시 문제 없음.
 */

/* ============================================================
   v10.37 - 진짜 원인: 우측 a 에 박힌 외곽선/배경/박스 강제 제거
   ─────────────────────────────────────────────────────────
   사용자 첫 캡쳐에서 회원가입·장바구니 a 가 둥근 외곽선 박스로
   감싸여 있어 글자 너비가 좌측과 달랐고, 그 결과 세로 구분선
   간격이 어그러져 보였음.
   → 우측 a 의 border / background / border-radius / box-shadow /
      padding 을 좌측과 동일하게 강제 통일.
   → 호버는 색만 변화 (밑줄 X, 배경 X, 박스 X).
   ============================================================ */

/* ★★ 모바일(max-width:969px)에는 절대 영향 없도록 PC 전용으로 감쌈 ★★
   (모바일 상단 아이콘/글씨 간격은 mobile_shop.css 원본 그대로 유지) */
@media (min-width: 970px) {

/* ── 기본 글자색 통일 (모니터에서 명확히 회색으로 보이도록) ── */
#hd .btn_login .btn_left a,
#hd .btn_login .btn_right a,
#cate_head .btn_login .btn_left a,
#cate_head .btn_login .btn_right a,
#hd .btn_login button.btn_ol,
#cate_head .btn_login button.btn_ol {
    color: #717583 !important;
    text-decoration: none !important;
}
#hd .btn_login .btn_left a i,
#hd .btn_login .btn_right a i,
#cate_head .btn_login .btn_left a i,
#cate_head .btn_login .btn_right a i {
    color: #717583 !important;
}

/* ★★ 핵심: 우측 a/btn_ol 의 외곽선·배경·박스 강제 제거 (좌측과 동일하게) ── */
#hd .btn_login .btn_right a,
#hd .btn_login .btn_right a.btn_ol,
#hd .btn_login .btn_right button.btn_ol,
#hd .btn_login .btn_right #btn_cartop,
#cate_head .btn_login .btn_right a,
#cate_head .btn_login .btn_right a.btn_ol,
#cate_head .btn_login .btn_right button.btn_ol,
#cate_head .btn_login .btn_right #btn_cartop {
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ── 좌·우 a padding 통일 (글자 너비 균일 → 세로줄 간격 균일) ── */
#hd .btn_login .btn_left a,
#hd .btn_login .btn_right a,
#cate_head .btn_login .btn_left a,
#cate_head .btn_login .btn_right a {
    padding: 0 10px !important;
    margin: 0 !important;
    line-height: 45px !important;
    height: 45px !important;
    display: inline-block !important;
    position: relative !important;
}

/* ── 부드러운 색 전환 ── */
#hd .btn_login a,
#hd .btn_login button.btn_ol {
    -webkit-transition: color 0.18s !important;
    transition: color 0.18s !important;
}

/* ── 호버: 색만 변화 (밑줄/배경/박스 절대 안 생기게) ── */
#hd .btn_login .btn_left a:hover,
#hd .btn_login .btn_left a:focus,
#hd .btn_login .btn_right a:hover,
#hd .btn_login .btn_right a:focus,
#hd .btn_login .btn_right button.btn_ol:hover,
#cate_head .btn_login .btn_left a:hover,
#cate_head .btn_login .btn_left a:focus,
#cate_head .btn_login .btn_right a:hover,
#cate_head .btn_login .btn_right a:focus,
#cate_head .btn_login .btn_right button.btn_ol:hover {
    color: #4B1528 !important;
    background: none !important;
    border: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
#hd .btn_login .btn_left a:hover i,
#hd .btn_login .btn_right a:hover i,
#hd .btn_login .btn_right a:hover .cart-count-,
#hd .btn_login .btn_right a:hover .txt,
#cate_head .btn_login .btn_left a:hover i,
#cate_head .btn_login .btn_right a:hover i,
#cate_head .btn_login .btn_right a:hover .cart-count-,
#cate_head .btn_login .btn_right a:hover .txt {
    color: #4B1528 !important;
}

/* ★ 회원가입(.btn_ol) 을 일반 a 와 완전 동일 규격으로 강제
   → 회원가입 박스 높이가 달라서 그 옆 세로선만 길게 그려지던 문제 해결 */
#hd .btn_login .btn_right a.btn_ol,
#cate_head .btn_login .btn_right a.btn_ol,
#hd .btn_login .btn_right button.btn_ol,
#cate_head .btn_login .btn_right button.btn_ol {
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    vertical-align: baseline !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    border: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ── 세로 구분선: 좌·우 첫 항목 앞 선 제거로 균일 간격 ── */
#hd .btn_login .btn_left a:first-child::before,
#hd .btn_login .btn_right a:first-child::before,
#cate_head .btn_login .btn_left a:first-child::before,
#cate_head .btn_login .btn_right a:first-child::before {
    content: none !important;
}
/* 두 번째 자식 이후 a 앞에는 좌·우 동일 사양의 세로선 (15px 높이, #e3e3e3)
   ★ 모든 우측 a 의 ::before 높이를 15px 로 강제 → 긴 세로줄 방지 */
#hd .btn_login .btn_left a + a::before,
#hd .btn_login .btn_right a + a::before,
#cate_head .btn_login .btn_left a + a::before,
#cate_head .btn_login .btn_right a + a::before,
#hd .btn_login .btn_right a::before,
#cate_head .btn_login .btn_right a::before {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    content: "" !important;
    background: #e3e3e3 !important;
    width: 1px !important;
    height: 15px !important;
    margin-top: -7.5px !important;
    bottom: auto !important;
}

} /* ★★ @media (min-width: 970px) 끝 — 여기까지가 PC 전용 헤더 규칙 ★★ */

/* ============================================================
   v10.34 - 결제수단(무통장/신용카드/PAYCO) 아이콘 복원 (재확인)
   ─────────────────────────────────────────────────────────
   v10.31 이 label 배경을 덮어쓰며 깬 것을 v10.32 에서 복구했으나,
   캐시 문제로 사용자가 못 봤을 가능성. 이 파일에 다시 명시.
   ============================================================ */

#od_pay_sl .lb_icon {
    border-color: #E6E1D5 !important;
}
#od_pay_sl input[type="radio"]:checked + .lb_icon {
    border: 2px solid #4B1528 !important;
}
#sod_frm_paysel input[type="radio"]:checked + label {
    outline: 2px solid #4B1528 !important;
}

/* ============================================================
   v10.34 - 주문서 주문자/배송지 가운데 정렬 (재확인)
   ============================================================ */

#sod_frm h2 {
    color: #4B1528 !important;
    border-bottom: 2px solid #4B1528 !important;
    padding-bottom: 8px !important;
}

#sod_frm .total_prc,
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong,
#sod_frm_pay .pay_tbl .total_prc {
    color: #4B1528 !important;
}

#sod_frm_orderer table,
#sod_frm_taker table {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 560px !important;
}
#sod_frm_orderer table th,
#sod_frm_taker table th {
    text-align: right !important;
    padding-right: 14px !important;
    width: 110px !important;
    color: #72243E !important;
    font-weight: 600 !important;
}
#sod_frm_orderer table td,
#sod_frm_taker table td {
    text-align: left !important;
}
#sod_frm_same,
#sod_frm_taker .od_set_area,
#sod_frm_taker #od_b_name_chk {
    text-align: center !important;
}

#sod_frm_orderer input:focus,
#sod_frm_taker input:focus,
#sod_frm #od_memo:focus {
    border-color: #4B1528 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(75,21,40,0.12) !important;
}

#sod_frm .btn_frmline,
#sod_frm button[onclick*="win_zip"] {
    border: 1px solid #4B1528 !important;
    color: #4B1528 !important;
    background: #fff !important;
    border-radius: 6px !important;
}
#sod_frm .btn_frmline:hover,
#sod_frm button[onclick*="win_zip"]:hover {
    background: #4B1528 !important;
    color: #fff !important;
}

#sod_frm .btn_submit,
#display_pay_process .btn_submit {
    background: #4B1528 !important;
    color: #fff !important;
    border: none !important;
}
#sod_frm .btn_submit:hover,
#display_pay_process .btn_submit:hover {
    background: #72243E !important;
}

/* ============================================================
   v10.41 - 결제수단 라벨 "신용카드" → "카드·간편결제" + 시안 ② 아이콘
   ─────────────────────────────────────────────────────────
   토스 통합 결제창이 카드+간편결제(PAYCO 포함) 모두 처리하므로
   라벨을 포괄적 이름으로 변경. 아이콘은 카드 라인 + 분홍 PAY 뱃지.
   .dh-payment-card 클래스는 shop.head.php 의 JS 가 동적으로 부착함.
   ============================================================ */

/* 시안 ②: 다현당 자주색 카드 라인 + 분홍 PAY 뱃지 (SVG data URI) */
#od_pay_sl label.lb_icon.dh-payment-card,
#od_pay_sl .lb_icon.dh-payment-card {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='40' viewBox='0 0 60 48'><rect x='4' y='14' width='32' height='22' rx='3' stroke='%234B1528' stroke-width='1.8' fill='none'/><line x1='4' y1='21' x2='36' y2='21' stroke='%234B1528' stroke-width='1.8'/><rect x='38' y='22' width='18' height='12' rx='2' fill='%23F4DCE2'/><text x='47' y='31' font-size='8' font-weight='500' fill='%234B1528' text-anchor='middle' font-family='sans-serif'>PAY</text></svg>") !important;
    background-position: 6px center !important;
    background-repeat: no-repeat !important;
    background-size: auto 40px !important;
}

/* ============================================================
   v10.42 - PAYCO 강제 숨김 + 기본배송지 정렬 + 폰트·주문서 디자인 톤업
   ─────────────────────────────────────────────────────────
   변경:
   1) PAYCO 라벨 CSS 로 강제 숨김 (DB UPDATE 안전망)
   2) "기본 배송지로 설정" 체크박스 줄바꿈 방지
   3) 다현당 톤 폰트 통일 (한자/제목: Noto Serif KR / 본문: Pretendard)
   4) 주문서 전체 디자인 우아하게 정돈
   ============================================================ */

/* ── 1) PAYCO 강제 숨김 (DB 미실행 안전망) ── */
#od_pay_sl .lb_icon.PAYCO,
#od_pay_sl .lb_icon.payco,
#od_pay_sl label.PAYCO,
#od_pay_sl label.payco,
#od_pay_sl input[value="간편결제"],
#od_pay_sl input[value="간편결제"] + .lb_icon,
#od_pay_sl input[value="간편결제"] + label,
#od_pay_sl input[value="payco" i],
#od_pay_sl input[value="payco" i] + label,
#od_pay_sl input[value="PAYCO"] + label,
#od_pay_sl input[id*="payco" i],
#od_pay_sl input[id*="payco" i] + label,
#od_pay_sl input[id*="easy" i],
#od_pay_sl input[id*="easy" i] + label {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* ── 2) "기본 배송지로 설정" 체크박스 정렬 ── */
@media (min-width: 970px) {
    #sod_frm_taker label,
    #sod_frm_taker .od_set_area label,
    #sod_frm_taker th + td label,
    #sod_frm_taker td label,
    label[for="b_default"],
    label[for*="default"] {
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        line-height: 1.5 !important;
    }
    #sod_frm_taker input[type="checkbox"],
    label[for="b_default"] input,
    label[for*="default"] input {
        margin: 0 !important;
        vertical-align: middle !important;
    }
}
/* 모바일에서도 줄바꿈 방지 (좁아도 한 줄 유지) */
#sod_frm_taker label[for="b_default"],
#sod_frm_taker label[for*="default"] {
    white-space: nowrap !important;
}

/* ── 3) 폰트 톤업: Noto Serif KR (제목/한자) + Pretendard (본문) ── */
:root {
    --dh-font-serif: 'Noto Serif KR', 'Nanum Myeongjo', 'Apple SD Gothic Neo', serif;
    --dh-font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

/* 사이트 전체 본문 톤 */
html, body,
input, select, textarea, button,
table, td, th, p, span, div, li, a {
    font-family: var(--dh-font-sans) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: -0.01em !important;
}

/* 한자 多賢堂 로고 - 우아한 명조체 */
.dh-logo-han,
.dh-mobile-logo-han,
.dh-footer-han {
    font-family: var(--dh-font-serif) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
}

/* 메인/페이지 큰 제목들 */
.dh-section-title,
.dh-story-title,
.dh-store-title,
.dh-budget-title,
.dh-hero-title,
h1.dh-hero-title,
.dh-promise h3,
.dh-cat-name {
    font-family: var(--dh-font-serif) !important;
    font-weight: 500 !important;
    letter-spacing: -0.005em !important;
}
.dh-cat-name {
    font-weight: 600 !important;
}

/* 푸터 제목 */
.dh-footer-col h4 {
    font-family: var(--dh-font-serif) !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

/* 상품명/카테고리는 본문 폰트 그대로 (가독성) */
.sct_txt, .sct_a, .sct_cost,
.sct_sub_txt, .sct_basic {
    font-family: var(--dh-font-sans) !important;
    letter-spacing: -0.015em !important;
}

/* 주문서 큰 제목 */
#sod_frm h2,
.sod_h3,
h2 {
    font-family: var(--dh-font-serif) !important;
    font-weight: 500 !important;
    letter-spacing: -0.005em !important;
}

/* ── 4) 주문서 페이지 전체 디자인 톤업 ── */

/* 폼 영역 전체 배경 */
#sod_frm {
    color: #2a1a20 !important;
    line-height: 1.6 !important;
}

/* 폼 입력 필드 — 우아한 라운드 + 베이지 보더 */
#sod_frm input[type="text"],
#sod_frm input[type="email"],
#sod_frm input[type="tel"],
#sod_frm input[type="password"],
#sod_frm input[type="number"],
#sod_frm textarea,
#sod_frm select {
    border: 1px solid #E6E1D5 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    height: 38px !important;
    background: #FFFEFB !important;
    color: #2a1a20 !important;
    font-size: 14px !important;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s !important;
    box-sizing: border-box !important;
}
#sod_frm textarea {
    height: auto !important;
    min-height: 80px !important;
    line-height: 1.6 !important;
    padding: 10px 12px !important;
}
#sod_frm input:focus,
#sod_frm textarea:focus,
#sod_frm select:focus {
    border-color: #4B1528 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(75,21,40,0.08) !important;
    outline: none !important;
}

/* 폼 라벨(th) — 부드러운 자주 강조 */
#sod_frm th,
#sod_frm_orderer table th,
#sod_frm_taker table th {
    font-weight: 500 !important;
    color: #72243E !important;
    letter-spacing: -0.005em !important;
    font-size: 14px !important;
}

/* 주문 요약 박스 — 부드러운 그라데이션 (그라데이션 미사용 환경 대비 폴백) */
#sod_bsk_tot,
.tbl_frm01 .sod_bsk_tot,
#sod_frm #sod_bsk_tot {
    background: #F9EBEF !important;
    background: linear-gradient(135deg, #FAEEDA 0%, #F4DCE2 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    box-shadow: 0 1px 3px rgba(75,21,40,0.04) !important;
}

/* 결제정보 박스 */
#sod_frm_pay,
.sod_frm_pay {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    border: 1px solid #F0E9D9 !important;
    margin-bottom: 16px !important;
}

/* 주문하기 버튼 — 강조 + 그림자 */
#sod_frm .btn_submit,
#display_pay_process .btn_submit,
input.btn_submit[value="주문하기"] {
    background: #4B1528 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 56px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    transition: background 0.18s, transform 0.05s, box-shadow 0.18s !important;
    box-shadow: 0 2px 8px rgba(75,21,40,0.15) !important;
    cursor: pointer !important;
}
#sod_frm .btn_submit:hover,
#display_pay_process .btn_submit:hover {
    background: #72243E !important;
    box-shadow: 0 4px 12px rgba(75,21,40,0.2) !important;
}
#sod_frm .btn_submit:active {
    transform: translateY(1px) !important;
    box-shadow: 0 1px 4px rgba(75,21,40,0.15) !important;
}

/* 취소 버튼 (보조 액션) */
#sod_frm .btn01,
input.btn01[value="취소"] {
    background: #fff !important;
    color: #888 !important;
    border: 1px solid #E6E1D5 !important;
    border-radius: 8px !important;
    height: 56px !important;
    font-size: 14px !important;
    transition: border-color 0.15s, color 0.15s !important;
}
#sod_frm .btn01:hover {
    border-color: #4B1528 !important;
    color: #4B1528 !important;
}

/* 주소 검색 버튼 */
#sod_frm .btn_frmline,
#sod_frm button[onclick*="win_zip"],
#sod_frm input[type="button"][onclick*="win_zip"] {
    background: #fff !important;
    color: #4B1528 !important;
    border: 1px solid #4B1528 !important;
    border-radius: 6px !important;
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: background 0.15s, color 0.15s !important;
    cursor: pointer !important;
}
#sod_frm .btn_frmline:hover,
#sod_frm button[onclick*="win_zip"]:hover {
    background: #4B1528 !important;
    color: #fff !important;
}

/* 상품 목록 테이블 — 더 깔끔하게 */
#sod_frm .od_prd_list {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* 결제수단 라벨(.lb_icon) — 더 깔끔한 카드 형태 */
#od_pay_sl .lb_icon {
    border-radius: 8px !important;
    transition: border-color 0.15s, background 0.15s !important;
    margin: 4px !important;
}
#od_pay_sl .lb_icon:hover {
    border-color: #4B1528 !important;
    background: #FAF6EF !important;
}
#od_pay_sl input[type="radio"]:checked + .lb_icon {
    border: 2px solid #4B1528 !important;
    background: #F4DCE2 !important;
}

/* 섹션 사이 간격 (호흡감) */
#sod_frm_orderer,
#sod_frm_taker {
    margin-bottom: 28px !important;
}

/* ============================================================
   v10.43 - admin 모드 헤더 우측 박스 제거 + 기본배송지 체크박스 글자 앞
            + 카드·간편결제 라벨 줄바꿈 방지
   ============================================================ */

/* ── 1) admin 로그인 모드 헤더 우측 박스 강제 제거 (모든 요소 타입) ── */
@media (min-width: 970px) {
    #hd .btn_login .btn_right a,
    #hd .btn_login .btn_right button,
    #hd .btn_login .btn_right span,
    #hd .btn_login .btn_right div,
    #hd .btn_login .btn_right > *,
    #cate_head .btn_login .btn_right a,
    #cate_head .btn_login .btn_right button,
    #cate_head .btn_login .btn_right span,
    #cate_head .btn_login .btn_right div,
    #cate_head .btn_login .btn_right > *,
    .btn_login .btn_right .admin_name,
    .btn_login .btn_right .tnb_admin,
    .btn_login .btn_right .tnb_msg,
    .btn_login .btn_right .tnb_logout,
    .btn_login .btn_right .msg_count {
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        outline: none !important;
        background-color: transparent !important;
    }

    /* 장바구니 숫자 배지(.cart-count-)는 자주색 동그라미로 유지 */
    #hd .btn_login .btn_right .cart-count-,
    #cate_head .btn_login .btn_right .cart-count-,
    .btn_login .btn_right .cart-count-,
    .btn_login .btn_right .cart-count {
        background: #4B1528 !important;
        color: #fff !important;
        border-radius: 50% !important;
        padding: 0 !important;
        min-width: 20px !important;
        width: 20px !important;
        height: 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        line-height: 20px !important;
        margin-left: 4px !important;
        vertical-align: middle !important;
    }

    /* 호버 시에도 박스 안 생기게 (모든 요소 타입) */
    #hd .btn_login .btn_right *:hover,
    #cate_head .btn_login .btn_right *:hover {
        background: none !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    /* 단 호버 시 cart-count- 배지는 유지 */
    #hd .btn_login .btn_right *:hover .cart-count-,
    #cate_head .btn_login .btn_right *:hover .cart-count- {
        background: #4B1528 !important;
    }
}

/* ── 2) "기본 배송지로 설정" 체크박스 → 글자 앞 + 줄바꿈 방지 ── */
/* CSS 1차: label 자체를 inline-flex 로 정돈 + 부모를 flex 컨테이너로 */
label[for="b_default"],
label[for*="default"],
#sod_frm_taker label[for="b_default"],
#sod_frm_taker label[for*="default"] {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    margin: 0 !important;
}
/* 체크박스 자체 정돈 */
input[id="b_default"],
input[id*="default"],
input[name="b_default"],
#sod_frm_taker input[type="checkbox"] {
    order: -1 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* ── 3) "카드·간편결제" 라벨 줄바꿈 방지 ── */
#od_pay_sl .lb_icon.dh-payment-card,
#od_pay_sl .dh-payment-card {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* lb_icon 너비가 좁아 두 줄이 되는 경우 → 라벨 자체를 더 넓게 */
@media (max-width: 969px) {
    #od_pay_sl .lb_icon {
        width: 100% !important;
        float: none !important;
        margin: 4px 0 !important;
    }
}

/* ============================================================
   v10.44 - 마크업 확인 후 정확한 패치 (이전 추측을 모두 보정)
   ============================================================ */

/* ── 1) 헤더 우측의 모든 박스/카운터 정리 ──
   원인: a 자식인 .win_scrap, <strong>, <img>, .btn_ol 등이 박스 스타일.
   v10.43까지는 a만 잡고 자식 요소는 못 잡았음. */
@media (min-width: 970px) {
    /* a 와 a 안의 모든 자식 요소 박스 강제 제거 */
    #hd .btn_login .btn_right a,
    #hd .btn_login .btn_right a *,
    #cate_head .btn_login .btn_right a,
    #cate_head .btn_login .btn_right a *,
    #hd .btn_login .btn_right .win_scrap,
    #hd .btn_login .btn_right .btn_ol,
    #cate_head .btn_login .btn_right .win_scrap,
    #cate_head .btn_login .btn_right .btn_ol {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        outline: none !important;
    }
    
    /* admin 모드 프로필 이미지(빈 박스로 보이던 것) → 작은 원형 아이콘으로 */
    #cate_head .btn_login .btn_right a > img,
    #hd .btn_login .btn_right a > img {
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        vertical-align: middle !important;
        margin-right: 6px !important;
        border: 1px solid #E6E1D5 !important;
        background: #FAF6EF !important;
        object-fit: cover !important;
    }
    
    /* 쪽지 카운터 strong: 안의 숫자가 0이거나 비어있으면 숨김 */
    #cate_head .btn_login .btn_right .win_scrap strong,
    #hd .btn_login .btn_right .win_scrap strong {
        display: none !important; /* 기본 숨김 */
    }
    /* 안 읽은 쪽지가 있을 때(strong span에 값) 표시 (JS 가 .has-memo 클래스 부착) */
    #cate_head .btn_login .btn_right .win_scrap.has-memo strong,
    #hd .btn_login .btn_right .win_scrap.has-memo strong {
        display: inline-flex !important;
        background: #4B1528 !important;
        color: #fff !important;
        border-radius: 50% !important;
        min-width: 18px !important;
        width: 18px !important;
        height: 18px !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        margin-left: 4px !important;
        vertical-align: middle !important;
        line-height: 1 !important;
    }
    
    /* 장바구니 숫자 배지(.cart-count-) - 자주 동그라미 */
    #cate_head .btn_login .btn_right .cart-count-,
    #hd .btn_login .btn_right .cart-count- {
        display: inline-flex !important;
        background: #4B1528 !important;
        color: #fff !important;
        border-radius: 50% !important;
        min-width: 18px !important;
        width: 18px !important;
        height: 18px !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        margin-left: 4px !important;
        vertical-align: middle !important;
        line-height: 1 !important;
    }
}

/* ── 2) "카드·간편결제" 라벨 잘림 해결 ──
   영카트가 lb_icon 의 padding-left:65px 로 아이콘 공간 확보 →
   텍스트 공간 부족. dh-payment-card 에만 아이콘/패딩 줄여 텍스트 공간 ↑ */
#od_pay_sl .lb_icon.dh-payment-card,
#od_pay_sl .dh-payment-card {
    padding-left: 46px !important;  /* 65 → 46 (아이콘 공간 작게) */
    padding-right: 10px !important;
    padding-top: 18px !important;
    background-size: 36px auto !important;  /* SVG 아이콘 작게 */
    background-position: 6px center !important;
    font-size: 13.5px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 60px !important;
}
/* dh-payment-card 안 다른 PG icon background 제거 (영카트 card_icon 기본 배경이미지 죽임) */
#od_pay_sl .lb_icon.dh-payment-card.card_icon,
#od_pay_sl .card_icon.dh-payment-card {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='32' viewBox='0 0 60 48'><rect x='4' y='14' width='32' height='22' rx='3' stroke='%234B1528' stroke-width='1.8' fill='none'/><line x1='4' y1='21' x2='36' y2='21' stroke='%234B1528' stroke-width='1.8'/><rect x='38' y='22' width='18' height='12' rx='2' fill='%23F4DCE2'/><text x='47' y='31' font-size='8' font-weight='500' fill='%234B1528' text-anchor='middle' font-family='sans-serif'>PAY</text></svg>") !important;
}

/* ── 3) 기본 배송지 체크박스 wrap (JS가 .dh-default-shipping-wrap 으로 묶음) ── */
.dh-default-shipping-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    margin: 6px 0 !important;
    vertical-align: middle !important;
}
.dh-default-shipping-wrap input[type="checkbox"] {
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    accent-color: #4B1528 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    order: 0 !important;
}
.dh-default-shipping-wrap label {
    margin: 0 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    color: #2a1a20 !important;
    font-size: 13px !important;
    order: 1 !important;
}

/* ============================================================
   v10.45 - 결제정보 라벨 줄바꿈 방지 + 결제수단 한 줄 2개 + "간편결제"
   ============================================================ */

/* ── 1) 결제정보 박스 라벨(th) 줄바꿈 방지 ──
   "추가배송비" 가 좁은 th 폭 때문에 "추가배송 / 비" 로 줄바꿈되던 문제 */
#sod_frm_pay table th,
#sod_frm_pay .pay_tbl th,
#sod_frm_pay td .sod_red,
#sod_frm_total th,
.tbl_frm01.tbl_total th,
#sod_frm_pay th {
    white-space: nowrap !important;
    padding-right: 8px !important;
}
/* 결제 합계 박스 안 텍스트도 한 줄 */
#sod_bsk_tot li > span:first-child,
#sod_bsk_tot li strong {
    white-space: nowrap !important;
}

/* ── 2) 결제수단을 한 줄에 두 개 (PC·모바일 공통, flex 그리드) ── */
#od_pay_sl ul,
#od_pay_sl .od_pay_sl {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#od_pay_sl li {
    flex: 1 1 calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    min-width: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
#od_pay_sl .lb_icon {
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
}

/* ── 3) "간편결제" 4글자 → 아이콘 좀 더 작게, 여유 있게 ── */
#od_pay_sl .lb_icon.dh-payment-card,
#od_pay_sl .dh-payment-card {
    padding-left: 42px !important;
    padding-right: 8px !important;
    background-size: 30px auto !important;
    background-position: 8px center !important;
    font-size: 13.5px !important;
    letter-spacing: -0.01em !important;
}