/* =========================================================
   DOUBLE ZERO 다크 프리미엄 테마 (뼈대 유지, 겉만 교체)
   coinstoday 흰색+남색 → 더블제로 블랙+실버
   맨 마지막에 로드되어 기존 스타일을 덮어씀
   ========================================================= */
:root{
  --dz-black:#0a0a0a;
  --dz-black2:#141414;
  --dz-line:#2a2a2a;
  --dz-silver:#d8d8d8;
  --dz-silver-dim:#a8a8a8;
  --dz-accent:#c9ccd1;   /* 실버 포인트 */
  /* ===== Modern Silver 브랜드 토큰 (구 코인즈투데이 남색 #07345e 등 → 여기서 일원화) ===== */
  --dz-primary:#0a0a0a;       /* 구 브랜드 남색 대체 = 브랜드 블랙(제목·버튼·테이블헤더·링크·테두리) */
  --dz-charcoal:#343a40;      /* 본문/보조 텍스트 */
  --dz-offwhite:#f5f5f5;      /* 보조 배경 */
  --dz-silver-line:#e5e5e5;   /* 밝은 구분선(상품/본문 영역) */
  --dz-silver-pt:#c0c0c0;     /* 실버 포인트(정식 팔레트) */
  --dz-font:"Open Sans","Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;  /* 영문·숫자=Open Sans, 한글=Pretendard */
}

/* ===== 브랜드 폰트 적용 (영문·숫자 Open Sans + 한글 Pretendard) =====
   주의: 아이콘 폰트(ion/material/fa)는 글자로 깨지므로 "텍스트 요소"에만 적용하고,
   아래에서 아이콘 폰트를 클래스선택자(우선순위 높음)로 다시 복원한다. */
html, body,
h1,h2,h3,h4,h5,h6, p, a, span, li, dt, dd, th, td, label, strong, em, b, small, blockquote,
button, input, select, textarea, option,
.main_title, .main_goods_title, .section_title, .dz-cat-title, .goods_detail_title{
  font-family:var(--dz-font) !important;
}
/* 아이콘 폰트 복원(클래스 선택자 = 위 텍스트 규칙보다 우선) */
.material-icons{ font-family:'Material Icons' !important; }
.icon, .ion, .ionicons, [class*="ion-"], [class^="ion-"]{ font-family:"Ionicons" !important; }
.fa, [class*=" fa-"], [class^="fa-"], .fas, .far, .fab{ font-family:"FontAwesome" !important; }
.material-symbols-outlined{ font-family:'Material Symbols Outlined' !important; }

/* ---- 상단 시세 바 ---- */
.goldspot_head{
  background:#000 !important;
  color:var(--dz-silver) !important;
  border-bottom:1px solid var(--dz-line) !important;
}
.goldspot_head span, .goldspot_head *{ color:var(--dz-silver) !important; }

/* ---- 데스크톱 헤더 / 모바일 헤더 / 드로어 ---- */
.head_screen.desktop-navigation,
.desktop-navigation,
.head_middle_navi2,
header.mobile-navigation,
.mobile-navigation,
menu,
.navcontainer{
  background:var(--dz-black) !important;
  border-color:var(--dz-line) !important;
}
.head_middle_navi2, .desktop-navigation{ border-bottom:1px solid var(--dz-line) !important; }

/* ---- 네비 링크(가로메뉴 + 드로어 카테고리) ---- */
.head_middle_navi2 a,
.desktop-navigation a,
#cbp-hrmenu ul li a,
menu .navcontainer a,
menu .box ul li a,
.navcontainer a{
  color:var(--dz-silver) !important;
}
/* 메뉴 전부 대문자 */
#cbp-hrmenu ul li a,
.head_middle_navi2 a,
.desktop-navigation a,
menu .box ul li a{ text-transform:uppercase !important; }
.head_middle_navi2 a:hover,
.desktop-navigation a:hover,
#cbp-hrmenu ul li a:hover,
.navcontainer a:hover{ color:#ffffff !important; }

/* 인라인 color:black 로 박힌 메뉴(TE 등) 강제 실버 */
menu .box ul li a[style*="color"]{ color:var(--dz-silver) !important; }

/* ---- 상단 아이콘(사람/장바구니/찜/검색) ---- */
.top_iconbtn .icon,
.desktop-icon-button,
.navcontainer .icon,
#menu .ion-navicon-round,
#submenu{ color:var(--dz-silver) !important; }

/* ---- 시세 리스트(헤더 내부 가격) 글자 ---- */
.goldSpotList, .goldSpotList *{ color:var(--dz-silver) !important; }
.goldSoptList_chart_head_border{ border-color:var(--dz-line) !important; }

/* ---- 포인트 컬러(남색 → 실버/그래파이트) : 버튼·섹션 ---- */
.main_title, .main_goods_title, .section_title, h2.title{
  color:#111 !important;
}
/* 남색 배경 버튼류를 그래파이트로 */
.btn_navy, .navy, .bg_navy, .blue, .btn-primary{
  background:#1b1b1b !important;
  border-color:#1b1b1b !important;
  color:var(--dz-silver) !important;
}

/* ---- 검색 패널 다크 ---- */
.top_menu_search, .header-search-suggestions{
  background:var(--dz-black2) !important;
  color:var(--dz-silver) !important;
  border-color:var(--dz-line) !important;
}

/* ---- 네비 메뉴 정리: 투데이제품(TE)·위탁판매(CS) 제거 ---- */
#TE, #CS, #DD,
a#TE, a#CS, a#DD,
li:has(> a#TE), li:has(> a#CS), li:has(> a#DD){ display:none !important; }

/* ---- 찜/위시리스트 고객 UI 숨김 안전망 (서버/DB 유지, 삭제버튼 .is_del 은 제외) ---- */
.btn_fav,
.btn_detail_fav,
.cart_icon_btn.is_fav,
.top_iconbtn .ion-android-favorite,
a[href^="/favorite"],
a[href*="favorite_list.php"],
li:has(> a[href*="favorite_list.php"]),
li:has(> a[href^="/favorite"]){ display:none !important; }

/* ---- SNS 아이콘 임시 숨김 (미운영: 네이버카페·유튜브·인스타·페북) — 코드/링크 유지, 운영 시 이 블록만 제거 ---- */
ul.sns, menu ul.sns, submenu ul.sns{ display:none !important; }

/* ---- [2차 #3] 모바일 사이드바 ACCESSORIES 구분선 통일 ----
   원인: renew.css 의 menu/submenu .box ul:nth-child(1) 에 border-bottom:3px solid(색 inherit=#555, 두껍고 어두움).
   다른 항목은 li{border-bottom:1px #ededed}. → 동일하게 1px #ededed 로 통일(간격은 ul padding 유지). */
menu .box ul:nth-child(1),
submenu .box ul:nth-child(1){ border-bottom:1px solid #343434 !important; }

/* ---- [2차 #2] 모바일 로고 세로 중앙 정렬 ----
   원인: .logo img 가 display:inline(디센더 여백) + .logo padding:6px 0 → 헤더 중앙보다 ~10px 아래로 치우침.
   해결: 로고 영역 flex 수직중앙 + img block(디센더 제거). 가로중앙·현재 크기는 유지(width 미변경). */
.mobile-navigation .navcontainer .logo{ display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; height:100% !important; }
.mobile-navigation .navcontainer .logo a{ display:flex !important; align-items:center !important; line-height:0 !important; }
.mobile-navigation .navcontainer .logo img{ display:block !important; vertical-align:middle !important; }

/* ---- 홈 본문 정리 (우선 숨김, 삭제 아님) ---- */
.main_banner_area{ display:none !important; }   /* 배너아래 버튼 3개(예약주문·위탁판매·포트폴리오) — 승인안된 섹션 */
.slide_product{ display:none !important; }        /* 예약주문·베스트셀러·신규·위탁 상품슬라이더 — 승인안된 섹션 */
.today_parners_logo{ display:none !important; }   /* PARTNERS (현재 없음) */

/* ---- 메인 히어로 배너/슬라이더 (g5_main_slide, 관리자 배너관리에서 등록) ---- */
/* LPM식: 풀폭(edge-to-edge)으로 쭉 펴서 표시, 레터박스 블러 제거, 높이는 배너 이미지 비율 따라 자동.
   권장 배너 규격: 가로로 넓은 이미지(예: 2560×640, LPM은 2640×634 ≈ 4:1). */
.main_slide_img.main-hero-slide{
  background-color:#0a0a0a !important;        /* 폴백색 남색#0f1d33 → 브랜드 블랙 */
  aspect-ratio:auto !important; height:auto !important; max-height:none !important;
  width:100% !important; max-width:none !important; overflow:hidden !important;
}
.main_slide_img.main-hero-slide > a{ display:block !important; width:100% !important; }
.main_slide_img.main-hero-slide > a > img{
  position:static !important; left:0 !important; transform:none !important;
  width:100% !important; max-width:100% !important; height:auto !important;
  object-fit:contain !important; display:block !important;
}
.main_hero_bg{ display:none !important; }     /* 좌우 블러 레터박스 제거(풀폭이라 불필요) */
/* 없으면(슬라이드 0건) 영역을 접어 빈 박스 방지 (임의 배너 생성 안 함) */
.main_slide_img.main-hero-slide:not(:has(.main_slide_src)){ display:none !important; }

/* ---- 푸터: 회사정보만 남기고 메뉴열·오시는길 제거 ---- */
.ft_menu{ display:none !important; }        /* 쇼핑·회사·마이페이지 3열 */
.ft_map_link{ display:none !important; }    /* 오시는길 링크 */

/* ---- 푸터 컴팩트 + 가로 배열(세로높이 최소화) ---- */
.bottom_screen .ft_inner{ padding:18px 20px !important; max-width:1200px; margin:0 auto; }
.bottom_screen .ft_top{ display:block !important; }
.bottom_screen .ft_brand{ width:100% !important; float:none !important; display:flex !important; flex-wrap:wrap; align-items:center; gap:8px 22px !important; }
.bottom_screen .ft_logo{ margin:0 !important; }
.bottom_screen .ft_logo img{ height:22px !important; width:auto !important; }
.bottom_screen .ft_office_title{ font-size:12px !important; margin:0 !important; opacity:.7; }
.bottom_screen .ft_office{ display:flex !important; flex-wrap:wrap; align-items:center; gap:4px 22px !important; font-size:12px !important; margin:0 !important; }
.bottom_screen .ft_office > div{ margin:0 !important; display:flex; gap:6px; }
.bottom_screen .ft_office dt{ opacity:.6; font-weight:400; }
.bottom_screen .ft_office dd{ display:inline; margin:0; }
.bottom_screen .ft_bottom{ font-size:12px !important; line-height:1.7 !important; padding-top:12px !important; margin-top:14px !important; border-top:1px solid #2a2a2a !important; }

/* ---- [2차 #5] 푸터 가독성: 검정 배경에 묻히던 글씨(#343a40) → 위계별 실버/회색 ---- */
.bottom_screen .ft_office_title{ color:#ffffff !important; opacity:1 !important; }
.bottom_screen .ft_address{ color:#e6e6e6 !important; }
.bottom_screen .ft_office dt{ color:#8f8f8f !important; opacity:1 !important; }   /* 라벨(운영시간/이메일) = 보조 회색 */
.bottom_screen .ft_office dd,
.bottom_screen .ft_office dd a{ color:#d2d2d2 !important; }                        /* 값 = 실버 */
.bottom_screen .ft_biz span{ color:#c6c6c6 !important; }                           /* 사업자 정보(법적) = 읽히는 실버 */
.bottom_screen .ft_copy{ color:#8a8a8a !important; }                               /* 저작권 = 보조 회색 */
.bottom_screen .ft_biz{ display:flex !important; flex-wrap:wrap; gap:4px 16px !important; }
/* 가짜 전화번호(미확정) 행 숨김 — 실제 연락처 확정 시 복구 */
.bottom_screen .ft_office > div:has(a[href^="tel:"]){ display:none !important; }

/* ---- 시세 글자 크고 두껍게 + 한 줄 고정 ---- */
.goldSpotList_price1, .goldSpotList_price2,
.goldSpotList li, .goldSpot, .goldspot_head span{
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.3px;
  white-space:nowrap !important;
}
.goldSpotList{ width:auto !important; max-width:none !important; }
.goldSpotHeader{ flex-wrap:nowrap !important; justify-content:center; gap:0 26px !important; white-space:nowrap !important; }

/* ---- 모바일 헤더: 사람아이콘 → My 텍스트 (맨 앞 + 아이콘 크기에 맞춤) ---- */
.top_iconbtn{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:16px !important; }
.top_iconbtn .dz-my-btn{ order:-1 !important; }   /* My 맨 앞 */
.dz-my-btn{ font-family:'Noto Sans KR',Arial,sans-serif !important; font-size:21px !important;
            font-weight:800; cursor:pointer; line-height:1; position:relative; left:6px; }

/* ---- 시세바(goldspot_head): 금·은만 (PT/PD 숨김은 전역) ---- */
.goldspot_head span:nth-child(3),
.goldspot_head span:nth-child(4){ display:none !important; }

/* 데스크톱: 검정 시세바 숨김 (아래 market-bar 시세 사용 → 중복 제거) */
@media (min-width:1025px){
  .goldspot_head{ display:none !important; }
  /* 로고 축소(네비 공간 확보) + 네비 한 줄 고정 */
  .head_middle_logo img{ max-height:30px !important; max-width:200px !important; width:auto !important; }
  #cbp-hrmenu ul{ flex-wrap:nowrap !important; white-space:nowrap !important; }
  #cbp-hrmenu ul li{ float:none !important; flex:0 0 auto; }
}

/* ---- 모바일: 시세 가운데 + 로고 대신 네비(2줄, 스크롤 없음) ---- */
@media (max-width:1024px){
  /* 시세만 개선(금·은·$·가운데). 메뉴/헤더는 원래 모바일 그대로(햄버거+로고+아이콘) */
  .goldspot_head{ display:flex !important; flex-wrap:nowrap !important; justify-content:center !important;
                  align-items:center; gap:34px !important; padding:9px 12px !important; background:#000 !important; }
  .goldspot_head span{ text-align:center; line-height:1.3; color:#ffffff !important; white-space:nowrap; }
  .desktop-market-bar{ display:none !important; }   /* 태블릿 구간 시세 중복 제거 (goldspot_head 사용) */
  /* 모바일 가로 로고 (My·장바구니와 겹침 방지) */
  header.mobile-navigation .logo img{ width:150px !important; height:auto !important; max-width:none !important; max-height:none !important; }

  /* 모바일 헤더 3분할 정렬: 좌(≡·검색) / 중앙(로고) / 우(My·카트) */
  header.mobile-navigation .navcontainer{ position:relative !important; display:flex !important;
      align-items:center !important; min-height:54px; padding:0 14px !important; }
  header.mobile-navigation #menu{ position:static !important; order:1; margin:0 !important; }
  header.mobile-navigation #mobile-search-toggle{ position:static !important; order:2; margin:0 0 0 12px !important; }
  header.mobile-navigation .top_iconbtn{ position:static !important; order:3; margin-left:auto !important; }
  header.mobile-navigation .logo{ position:absolute !important; left:50% !important; top:50% !important;
      transform:translate(-50%, -50%) !important; margin:0 !important; }   /* [2차 #2] 세로 정중앙 (기존 +9px 치우침 제거) */
  /* (가로 로고 width 기준으로 통일) */
  /* 카트: 위로+왼쪽 한 칸씩 */
  header.mobile-navigation .top_iconbtn .ion-android-cart{ position:relative !important; top:-4px !important; right:7px !important; font-size:26px !important; }
}

/* ---- [2차 #2] 모바일 사이드바 열림 시 헤더 밀림 수정 ----
   원인: renew.css 가 html.active 에서 header/section 을 translateX(-320px)로 밀어(push 방식) 헤더 로고·My·카트가 왼쪽으로 어긋남/잘림.
   해결: push 제거(헤더·본문 고정) → 드로어를 오버레이로(드로어 z-index를 sticky 헤더 #dz-header(1000)보다 위로).
   열기/닫기·딤(#overlay)·스크롤 잠금(html.active body overflow:hidden)은 그대로 유지. PC 헤더와 무관. */
html.active header, html.active_sub header,
html.active section, html.active_sub section{ transform:none !important; }
html.active menu, html.active_sub submenu{ z-index:1002 !important; }
html.active #overlay, html.active_sub #overlay{ z-index:1001 !important; }
/* 드로어 열림 시 배경 스크롤 잠금 — 위 헤더 sticky 수정의 body{overflow:visible!important} 가 renew.css 의 잠금을 덮어버리므로 여기서 복원 */
html.active, html.active body,
html.active_sub, html.active_sub body{ overflow:hidden !important; }
/* 열린 드로어는 자체 스크롤 가능 */
html.active menu, html.active_sub submenu{ overflow-y:auto !important; }

/* ---- 데스크톱: 네비를 맨 위로 → 시세·로그인/회원가입은 네비 아래로 ---- */
@media (min-width:1025px){
  body{ display:flex !important; flex-direction:column; }
  body > .head_screen.desktop-navigation{ order:-2 !important; }
  body > .head_middle_navi2{ order:-1 !important; }
  /* 시세/로그인 띠는 자연 순서(네비 다음)로 내려감 */
}

/* ---- 홈 상단 히어로 배너/슬라이더: 복구 (등록 배너 있으면 표시) ----
   (구) 무조건 숨김 제거. 빈 상태(슬라이드 0건)일 때만 위의 :not(:has(.main_slide_src)) 규칙이 접음. */

/* ---- 상품목록 심플화 ---- */
.category_header_banner{ display:none !important; }     /* 큰 코인 배너 숨김 */
.dz-cat-title{ font-size:26px; font-weight:800; letter-spacing:.5px; margin:30px 2px 14px; color:#111; }
/* [2차 #6-개정] 카테고리: 박스형 버튼 (타원❌·밑줄❌). 콘텐츠폭 중앙정렬, 선택=블랙배경·화이트 / 모바일 자동 줄바꿈 */
.cate_set{ list-style:none !important; display:flex !important; flex-wrap:wrap !important; gap:12px !important;
  padding:0 16px !important; margin:0 auto 38px !important; justify-content:center !important;
  max-width:min(1680px,92vw) !important; border-bottom:0 !important; overflow:visible !important; }
.cate_set::-webkit-scrollbar{ display:none !important; }
.cate_set li{ float:none !important; flex:0 0 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; }
.cate_set li a{ display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:auto !important; min-width:120px !important; height:44px !important; padding:0 20px !important; box-sizing:border-box !important;
  border:1px solid #d8d8d8 !important; border-radius:8px !important; background:#fff !important; color:#444 !important;
  font-size:14px !important; font-weight:600 !important; letter-spacing:.2px; text-transform:uppercase; white-space:nowrap !important;
  text-decoration:none !important; transition:background .15s, color .15s, border-color .15s; }
.cate_set li a::after{ display:none !important; }   /* grid_list 의 기존 ::after 밑줄 제거 */
.cate_set li.on a, .cate_set li a:hover{ background:#0a0a0a !important; color:#fff !important; border-color:#0a0a0a !important; }

/* 순서 재배치: ALL PRODUCT 제목 → 카테고리 칩 → 상품목록 / 정렬줄·페이지당 숨김 */
.prd_container{ display:flex; flex-direction:column; }
.prd_container .dz-cat-title{ order:1; text-align:center; }
.prd_container .cate_set{ order:2; justify-content:center; }
.prd_container .presale_notice{ order:3; }   /* 예약 안내 2박스: 탭 아래로 이동 */
.prd_container #product_area{ order:4; }
.prd_container .filter_set,
.prd_container .sort_slider{ display:none !important; }   /* 정렬줄(신상품순…)·페이지당 숨김 */

/* [2차 #6] 상품목록 상단 안내영역: 긴 코투식 안내문 → 정돈된 정보카드 2개 (주문방식 / 입고·배송) */
.presale_notice{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important;
  margin:4px 0 26px !important; background:none !important; border:0 !important; text-align:left !important; }
.presale_notice_item{ position:relative; background:var(--dz-offwhite,#f5f5f5) !important; border:1px solid #ececec !important;
  border-left:3px solid #0a0a0a !important; border-radius:12px !important; padding:18px 20px 18px 22px !important; }
.presale_notice_item + .presale_notice_item{ border-left:3px solid #0a0a0a !important; }   /* 가운데 세로줄 제거, 각 카드 좌측 액센트 */
.presale_notice_item h3{ margin:0 0 8px !important; font-size:14px !important; font-weight:700 !important; color:#0a0a0a !important; letter-spacing:.2px; }
.presale_notice_item p{ margin:0 !important; font-size:13px !important; line-height:1.7 !important; color:#555 !important; word-break:keep-all; }
.presale_notice_item b{ color:#0a0a0a !important; font-weight:700; }
@media (max-width:760px){
  .presale_notice{ grid-template-columns:1fr !important; gap:10px !important; }   /* 모바일: 1열 스택 */
  /* 모바일: 카테고리 박스버튼을 한 줄에 딱 맞게(화면폭 균등분할·줄바꿈 없음, 긴 라벨은 버튼 안 2줄) */
  .cate_set{ gap:8px !important; flex-wrap:nowrap !important; padding:0 12px !important; }
  .cate_set li{ flex:1 1 0 !important; min-width:0 !important; }
  .cate_set li a{ width:100% !important; min-width:0 !important; padding:0 4px !important;
    font-size:12px !important; letter-spacing:0 !important; white-space:normal !important;
    line-height:1.15 !important; height:auto !important; min-height:44px !important; text-align:center !important; }
}
/* 상단 시세바 가로 overflow 방지: width:100% + 좌우패딩이 content-box라 20px 넘쳐 페이지 가로스크롤 생김 → border-box 로 포함 */
.goldspot_head{ box-sizing:border-box !important; width:100% !important; max-width:100% !important; }
@media (max-width:420px){
  .goldSpotList_price1, .goldSpotList_price2, .goldSpotList li,
  .goldSpot, .goldspot_head span, .goldspot_head *{ font-size:13px !important; }
  .goldSpotHeader{ gap:0 14px !important; }
}

/* [2차 #6-개정] 상품 그리드: flex+padding(6번째 잘림) → CSS Grid 균일배치(잘림 없음) + 콘텐츠폭 중앙 */
#product_area{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:14px !important;
  width:100% !important; max-width:min(1680px,92vw) !important; margin:0 auto !important; padding:6px clamp(16px,3vw,40px) 50px !important;
  box-sizing:border-box !important; }
#product_area .prd_box, #product_area .prd_box *{ box-sizing:border-box; }
#product_area .prd_box > div{ min-width:0 !important; }
@media (min-width:700px){ #product_area{ grid-template-columns:repeat(3,1fr) !important; } }
@media (min-width:1024px){ #product_area{ grid-template-columns:repeat(4,1fr) !important; gap:clamp(18px,1.8vw,28px) !important; } }
@media (min-width:2200px){ #product_area{ grid-template-columns:repeat(5,1fr) !important; } }
#product_area .prd_box{ width:auto !important; min-width:0 !important; margin:0 !important; float:none !important; }
/* 카드 박스: 은은한 테두리+그림자(과하지 않게), 호버 시 살짝 리프트. 내부 호버 오버레이(Specifications)는 기존 재사용 */
#product_area .prd_box > div{ border:1px solid #ececec !important; box-shadow:0 1px 3px rgba(0,0,0,.04) !important;
  background:#fff !important; overflow:hidden !important; height:100% !important; }
#product_area .prd_box > div:hover{ box-shadow:0 8px 22px rgba(0,0,0,.10) !important; border-color:#e2e2e2 !important; transform:translateY(-2px); }

/* ---- 볼륨가 (상품 상세) : LPM 스타일 정돈 ---- */
.dz-vol-headline{ color:#111 !important; text-align:left; }
.dz-vol-aslowas{ display:inline-block; font-size:13px; font-weight:600; color:var(--dz-primary); background:#f0f0f0; padding:2px 10px; border-radius:999px; margin-left:8px; vertical-align:middle; }

/* 가격영역 하위가 float+고정높이라 표가 밖으로 넘쳐 수량·버튼과 겹치던 문제 → 전부 일반 블록·auto 높이 */
.goods_detail_mid_right_price,
.goods_detail_mid_right_price > div,
.goods_detail_mid_right_price [id^="goods_detail_price_"]{
	float:none !important; width:100% !important; height:auto !important; display:block !important; overflow:visible !important;
}
.goods_detail_mid_right_pm{ clear:both !important; }

/* 볼륨 표: 전체폭 · 테이블형 정렬 */
.dz-vol-table{ clear:both; width:100%; margin:14px 0 0; border:1px solid #e4e4e7; border-radius:10px; overflow:hidden; font-size:14px; }
.dz-vol-caption{ background:#f5f5f6; text-align:center; font-weight:700; letter-spacing:.5px; color:#333; padding:11px 0; font-size:14px; border-bottom:1px solid #e4e4e7; }
.dz-vol-row{ display:flex; align-items:center; border-top:1px solid #efefef; color:#222; }
.dz-vol-row:first-of-type{ border-top:0; }
.dz-vol-row > span{ padding:11px 18px; }
.dz-vol-row > span:first-child{ flex:0 0 45%; text-align:left; }
.dz-vol-row > span:last-child{ flex:1; text-align:right; font-weight:600; }
.dz-vol-head{ background:#fff; color:#9a9a9a; font-size:12px; font-weight:600; }
.dz-vol-head > span:last-child{ font-weight:600; }
.dz-vol-active{ background:var(--dz-offwhite); }
.dz-vol-active > span{ color:var(--dz-primary) !important; font-weight:700; }
.dz-vol-applied{ font-size:13px; color:#555; margin-bottom:4px; }
.dz-vol-applied strong{ color:#111; }

/* ---- 로고 크기 ---- */
.head_middle_logo{ background:transparent !important; padding:0 !important; overflow:visible !important; }
.head_middle_logo img{ height:74px !important; width:auto !important; max-width:none !important; max-height:none !important; filter:none !important; display:block !important; visibility:visible !important; opacity:1 !important; }
.mobile-navigation .logo img{ width:auto; }

/* =========================================================
   3차 헤더 리모델링 (PC 가로로고 / PC 시세 스트립 / 모바일 겹침 방지)
   ========================================================= */
@media (min-width:1025px){
	/* PC 로고: 가로형 컴팩트 (세로형 74px 강제 무력화, 헤더 높이 유지) */
	.head_screen.desktop-navigation .head_middle_logo img{
		height:68px !important; max-height:68px !important;   /* 초기: 큰 브랜드 로고 */
		width:auto !important; max-width:320px !important; display:block !important;
		mix-blend-mode:normal !important;   /* 원인 수정: 원본(head.desktop.css)의 multiply 블렌드가 검정헤더에서 실버로고를 사라지게 함 */
	}
	.head_screen.desktop-navigation .head_middle_logo{ display:flex !important; align-items:center !important; padding-left:18px !important; }

	/* PC 시세는 기존 market-bar(시세+로그인) 사용 → 중복 상단 스트립 제거 */
	.goldspot_head{ display:none !important; }
	/* market-bar 브랜드 블랙으로 통일 + 시세 작게 */
	.desktop-market-bar{ background:#000 !important; border-bottom:1px solid var(--dz-line) !important; }
	.desktop-market-bar, .desktop-market-bar *{ color:var(--dz-silver) !important; }
	.desktop-market-bar .head_soptlist, .desktop-market-bar .head_soptlist *{ font-size:12px !important; font-weight:600 !important; }
}

/* 모바일: 시세바 겹침 방지 + 로고/아이콘 겹침 방지 */
@media (max-width:480px){
	.goldspot_head{ gap:0 20px !important; padding:7px 10px !important; }
	.goldspot_head span{ font-size:13px !important; letter-spacing:0 !important; }
	header.mobile-navigation .logo img{ width:120px !important; }
}
@media (max-width:360px){
	.goldspot_head{ gap:0 14px !important; }
	.goldspot_head span{ font-size:12px !important; }
	header.mobile-navigation .logo img{ width:104px !important; }
	header.mobile-navigation .top_iconbtn{ gap:12px !important; }
	.dz-my-btn{ font-size:18px !important; }
}

/* ===== [4차] 헤더 sticky 래퍼 + 스크롤 축소 (LPM 방식) ===== */
/* body 에 overflow 가 걸려 있으면 sticky 가 죽음 → window 가 스크롤 루트가 되도록 해제 */
html{ overflow-y:scroll; }
body{ overflow:visible !important; }
/* 흩어진 헤더 요소를 JS가 #dz-header 래퍼로 모음 → 래퍼 하나만 sticky (안정적) */
#dz-header{ position:sticky !important; top:0 !important; z-index:1000 !important; background:#0a0a0a !important; box-shadow:0 4px 12px rgba(0,0,0,.35) !important; }
/* 래퍼 내부 순서: 시세바 → 모바일헤더 → PC메인헤더 → 검색패널 (DOM 순서) */

@media (min-width:1025px){
	/* 래퍼가 순서를 담당 → PC body flex 재배치 불필요, 일반 블록으로(=sticky 안정화) */
	body{ display:block !important; }

	/* ===== [9차] LPM식 스무스 축소: 로고=왼쪽 고정(이동 없음), 스크롤시 "크기만" 축소 =====
	   핵심: rAF 실시간매핑(스크롤px→크기 1:1) 폐기. 휠은 한칸 ~100px 뚝뚝 점프라 1:1매핑하면 계단/잔상.
	   대신 .dz-scrolled 클래스만 토글 → CSS transition 이 큰→작은 사이를 .3s 로 보간 → 휠 점프해도 스르륵.
	   구조(flex-wrap/위치) 전환 없음 → 잔상·겹침 원천 차단. */
	.head_screen.desktop-navigation{
		position:relative !important; display:flex !important; flex-wrap:nowrap !important;
		align-items:center !important;
		padding:22px 30px !important;
		transition:padding .3s ease !important;
	}
	.head_screen.desktop-navigation .head_middle{        /* 로고 = 왼쪽 */
		position:static !important; flex:0 0 auto !important;
		display:flex !important; align-items:center !important; transform:none !important;
	}
	.head_screen.desktop-navigation #cbp-hrmenu{          /* 메뉴 = 가운데(남는 공간) */
		flex:1 1 auto !important; margin:0 !important; min-width:0 !important;
	}
	.head_screen.desktop-navigation #cbp-hrmenu > ul{ display:flex !important; justify-content:center !important; }
	.head_screen.desktop-navigation .desktop-nav-actions{ /* 아이콘 = 오른쪽 */
		position:static !important; flex:0 0 auto !important;
		display:flex !important; align-items:center !important;
	}
	/* 로고: 높이만 부드럽게 변함 (transition 이 스르륵 담당) */
	.head_screen.desktop-navigation .head_middle_logo img{
		height:96px !important; max-height:96px !important; width:auto !important; max-width:440px !important;
		display:block !important; mix-blend-mode:normal !important;
		transition:height .3s ease, max-height .3s ease !important;
	}
	/* 스크롤 후(축소 상태) */
	body.dz-scrolled .head_screen.desktop-navigation{ padding:9px 30px !important; }
	body.dz-scrolled .head_screen.desktop-navigation .head_middle_logo img{
		height:50px !important; max-height:50px !important;
	}
}

/* [4차-2단] 2단 구조는 LPM식 1단 축소형으로 대체되어 제거됨 */

/* ===================================================================
   [상세 리모델링] DOUBLE ZERO 프리미엄 안내 (구매 전 필수 안내 / 거래 안내)
   - 구매 전 필수 안내: data_config.buybefore(관리자 공통문구) 기반 HTML 카드
   - 거래 안내: main_goods_form.php 템플릿(결제/배송/교환반품) — coinstoday orderguide.jpg 대체
   =================================================================== */
.dz-notice{ max-width:1080px; margin:26px auto; padding:30px 26px 32px; box-sizing:border-box;
  background:linear-gradient(160deg,#0d0d0d 0%,#161616 55%,#101010 100%);
  border:1px solid rgba(192,192,192,.20); border-radius:18px;
  box-shadow:0 10px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  color:#e9e9e9; position:relative; overflow:hidden; }
.dz-notice::before{ content:""; position:absolute; top:0; left:12%; right:12%; height:2px;
  background:linear-gradient(90deg,transparent,rgba(192,192,192,.65),transparent); }
.dz-notice *{ box-sizing:border-box; }
.dz-notice svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round; }

/* 헤드: 로고 + 제목 + 서브 */
.dz-notice-head{ text-align:center; margin-bottom:22px; }
.dz-notice-logo{ height:40px; width:auto; margin:0 auto 10px; display:block; }
.dz-notice-title{ margin:0; color:#fff; font-size:27px; font-weight:800; letter-spacing:.5px;
  display:block; text-align:center; line-height:1.2; width:100%; }
.dz-notice-sub{ margin:9px 0 0; color:#a9a9a9; font-size:14px; }

/* 카드 그리드: PC 3열 / 모바일 1열 */
.dz-notice-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }

/* 필수안내 카드 */
.dz-ncard{ background:linear-gradient(160deg,#151515,#1e1e1e); border:1px solid rgba(192,192,192,.16);
  border-radius:14px; padding:18px 18px 18px; display:flex; flex-direction:column; }
.dz-ncard-top{ display:flex; align-items:center; gap:9px; margin-bottom:12px; padding-bottom:12px;
  border-bottom:1px solid rgba(192,192,192,.14); }
.dz-ncard-ico{ width:26px; height:26px; color:#cfcfcf; flex:0 0 auto; }
.dz-ncard-no{ color:#c0c0c0; font-weight:800; font-size:15px; letter-spacing:.5px; flex:0 0 auto; }
.dz-ncard-ttl{ color:#fff; font-weight:700; font-size:17px; line-height:1.3; }
/* 설명문: 고정 하단여백(강조박스와 간격 통일) — flex:1 제거로 카드마다 동일 간격 */
.dz-ncard-desc{ margin:0 0 14px; color:#bcbcbc; font-size:14px; line-height:1.65; word-break:keep-all; }
.dz-ncard-desc b{ color:#fff; font-weight:700; }
.dz-ncard-key{ margin:0; background:linear-gradient(160deg,#ecdfc2,#d8c7a0); color:#1b1b1b;
  font-size:14px; font-weight:700; line-height:1.55; border-radius:10px; padding:13px 14px;
  text-align:center; word-break:keep-all; }

/* 거래 안내 */
.dz-notice-trade{ margin-top:18px; }
.dz-trade-label{ display:inline-block; margin:0 auto 20px; padding:8px 26px; color:#eaeaea;
  font-size:17px; font-weight:800; letter-spacing:2px; border:1px solid rgba(192,192,192,.30);
  border-radius:24px; background:rgba(255,255,255,.03); }
.dz-notice-trade .dz-notice-head{ margin-bottom:6px; }
.dz-notice-trade{ text-align:center; }
.dz-notice-trade .dz-notice-cards{ text-align:left; }
.dz-tcard{ background:linear-gradient(160deg,#151515,#1e1e1e); border:1px solid rgba(192,192,192,.16);
  border-radius:14px; padding:18px; }
.dz-tcard-top{ display:flex; align-items:center; gap:10px; margin-bottom:13px; }
.dz-tcard-ico{ width:26px; height:26px; color:#cfcfcf; flex:0 0 auto; }
.dz-tcard-ttl{ color:#fff; font-weight:700; font-size:17px; }
.dz-tcard-list{ margin:0; padding:0; list-style:none; }
.dz-tcard-list li{ display:block !important; position:relative; padding-left:14px; margin:0 0 10px; color:#c0c0c0;
  font-size:14px; line-height:1.6; word-break:keep-all; }
.dz-tcard-list li b{ color:#efefef; font-weight:700; margin-right:6px; }
.dz-tcard-list li:last-child{ margin-bottom:0; }
.dz-tcard-list li::before{ content:""; position:absolute; left:0; top:8px; width:5px; height:5px;
  border-radius:50%; background:#c0c0c0; }

/* [상세] 관련 옵션상품 / Recommended Supplies:Not Find — 고객화면 숨김(기능·테이블 유지) */
.goods_detail_mid_right_supplies{ display:none !important; }

/* 반응형: 모바일 1열(글씨 과소축소 방지) */
@media (max-width:760px){
  .dz-notice{ padding:24px 14px 26px; margin:20px auto; border-radius:14px; }
  .dz-notice-cards{ grid-template-columns:1fr; gap:12px; }
  .dz-notice-title{ font-size:23px; }
  .dz-notice-sub{ font-size:13.5px; }
  .dz-notice-logo{ height:34px; }
  .dz-ncard-ttl, .dz-tcard-ttl{ font-size:16px; }
  .dz-ncard-desc, .dz-ncard-key, .dz-tcard-list li{ font-size:14px; }
  .dz-trade-label{ font-size:16px; padding:7px 22px; }
}

/* [상세 리모델링 FIX] 레거시 .goods_detail_mid_bottom *{width:98%;margin:0 auto} 가
   안내 내부 flex/grid 를 깨뜨림 → 안내영역 한정으로 무력화 (svg 는 제외) */
.dz-notice *:not(svg):not(svg *){ width:auto !important; max-width:none !important;
  margin-left:0 !important; margin-right:0 !important; float:none !important; }
.dz-notice svg{ width:100% !important; height:100% !important; }
.dz-notice .dz-notice-logo{ margin-left:auto !important; margin-right:auto !important; }
.dz-notice .dz-ncard-ico, .dz-notice .dz-tcard-ico{ width:26px !important; height:26px !important; }
.dz-notice .dz-notice-title .dz-nico{ width:27px !important; height:27px !important; }
.dz-notice .dz-ncard-ttl{ flex:1 1 auto !important; min-width:0 !important; }
.dz-notice .dz-tcard-ttl{ flex:0 1 auto !important; min-width:0 !important; }

/* ===================================================================
   [헤더 개선] PC 로그인·회원가입을 검정 내비바로 이동 + 국기/GLOBAL 숨김 + 시세 크기
   =================================================================== */
@media (min-width:1025px){
  /* 로그인·회원가입·로그아웃 텍스트 링크 (검정 내비바 우측) */
  .desktop-nav-actions{ gap:14px !important; align-items:center !important; }
  .desktop-text-link{ display:inline-flex !important; align-items:center !important; height:40px;
    font-size:14px !important; font-weight:600 !important; letter-spacing:.2px; line-height:1;
    color:#ffffff !important; text-decoration:none !important; white-space:nowrap !important; padding:0 2px; }
  .desktop-text-link:hover{ color:var(--dz-silver-pt,#c0c0c0) !important; }
  /* 검색·마이페이지·장바구니 아이콘 크기 통일(19~21px) */
  .desktop-nav-actions .desktop-icon-button svg{ width:20px !important; height:20px !important; }

  /* 국기/GLOBAL 이동 메뉴 숨김(코드·기능 유지) + 상단바 우측 빈 공간 제거 */
  .desktop-member-links .language-switch{ display:none !important; }
  .desktop-member-links{ gap:0 !important; min-width:0 !important; }

  /* PC 시세 확대: 라벨 16 / 숫자 18 / weight 700, 바 높이 42px (가독성 향상) */
  .desktop-market-bar{ min-height:42px !important; }
  .desktop-market-bar .goldSpotHeader > div,
  .desktop-market-bar .goldSpotHeader > div li{ font-size:16px !important; font-weight:700 !important; line-height:1.4 !important; }
  /* 금·은·백금·팔라듐 금액 span 전부 (클래스가 금속별로 다름) */
  .desktop-market-bar .goldSpotHeader .goldSpot,
  .desktop-market-bar .goldSpotHeader .silverSpot,
  .desktop-market-bar .goldSpotHeader .platinumSpot,
  .desktop-market-bar .goldSpotHeader .palladiumSpot{ font-size:18px !important; font-weight:700 !important; }
}

/* 모바일/태블릿 시세: 고정높이(head.renew 30px)로 위로 쏠림 → 높이 해제+세로중앙+글자 확대 */
@media (max-width:1024px){
  .goldspot_head{ height:auto !important; min-height:44px !important; align-items:center !important; padding:0 12px !important; }
  .goldspot_head span{ width:auto !important; height:auto !important; padding:0 !important; line-height:1.2 !important;
    font-size:15px !important; font-weight:600 !important; display:inline-flex !important; align-items:center !important; }
}

/* ===================================================================
   [모바일 MY 사이드메뉴] DOUBLE ZERO 블랙·실버 리디자인
   (우측 오픈 구조·기능 유지, 디자인만 변경)
   =================================================================== */
submenu{ background:#101010 !important; width:290px !important; max-width:86vw !important; }
/* 콘텐츠 왜곡 matrix 변형 제거 → 반듯한 레이아웃 */
submenu .navcontainer{ transform:none !important; width:100% !important; height:100% !important; overflow:visible !important; }
html.active_sub submenu .navcontainer{ transform:none !important; }

/* 상단 로고 영역: 차콜 #181818, 로고 비율유지 높이 30px 중앙 */
body > submenu .logo, submenu .logo{ background:#181818 !important; width:100% !important; height:64px !important;
  margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important;
  justify-content:center !important; position:relative; box-sizing:border-box !important; }
submenu .logo a{ display:inline-flex !important; align-items:center !important; }
submenu .logo img{ width:auto !important; height:30px !important; max-width:72% !important; }

/* 닫기(X): 우측 상단, 44x44 터치영역, 로고와 겹치지 않음 */
#close-submenu{ position:absolute !important; top:0 !important; right:0 !important; left:auto !important;
  width:44px !important; height:44px !important; margin:0 !important; padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border:0 !important; border-radius:0 !important; background:transparent !important;
  color:#cfcfcf !important; font-size:22px !important; line-height:1 !important; z-index:3 !important; }
#close-submenu:hover{ color:#ffffff !important; }

/* 본문 박스: 두꺼운 테두리 제거, 다크 배경 */
submenu .box{ border-top:0 !important; width:100% !important; height:calc(100% - 64px) !important;
  padding:0 !important; overflow-y:auto !important; background:#101010 !important; }
submenu .box ul{ border-bottom:1px solid #343434 !important; padding:0 !important; }

/* 메뉴 항목: 높이 54 / 패딩 20 / 흰색 15.5px·600 / 구분선 #343434 */
submenu ul li{ border-bottom:1px solid #343434 !important; height:54px !important; line-height:normal !important;
  font-size:15.5px !important; font-weight:600 !important; letter-spacing:.02em !important;
  text-transform:none !important; display:block !important; }
submenu ul li:last-child{ border-bottom:0 !important; }
submenu ul li a{ display:flex !important; align-items:center !important; height:54px !important;
  padding:0 20px !important; color:#f0f0f0 !important; text-decoration:none !important; box-sizing:border-box !important; }
submenu ul li a:hover, submenu ul li a:active{ background:#191919 !important; color:#ffffff !important; }

/* 실버 라인 아이콘(기존 Ionicons 사용) */
submenu ul li a .icon, submenu ul li a i{ color:#c0c0c0 !important; font-size:19px !important;
  margin-right:14px !important; width:22px !important; min-width:22px; text-align:center !important;
  flex:0 0 auto !important; line-height:1 !important; }

/* ENGLISH($)/국기·GLOBAL 토글 숨김(코드 유지) */
submenu li.dz-lang, submenu a[href*="lang="]{ display:none !important; }

/* ===================================================================
   [회원가입] 닉네임 필드 (DOUBLE ZERO 블랙·실버) + 입금자명 안내
   =================================================================== */
.dz-nick-row{ display:flex !important; gap:8px; align-items:stretch; width:100%; }
.dz-nick-row .dz-nick-input{ flex:1 1 auto !important; min-width:0 !important; margin:0 !important; }
.dz-nick-btn{ flex:0 0 auto; white-space:nowrap; padding:0 16px; min-height:40px;
  background:#0a0a0a; color:#fff; border:1px solid #0a0a0a; border-radius:6px;
  font-size:14px; font-weight:600; letter-spacing:.3px; cursor:pointer; transition:background .15s,color .15s; }
.dz-nick-btn:hover{ background:#fff; color:#0a0a0a; }
.dz-nick-msg{ display:block; margin-top:6px; font-size:13px; line-height:1.4; }
.dz-nick-guide{ margin-top:10px; background:var(--dz-offwhite,#f5f5f5); border:1px solid #ececec;
  border-left:3px solid #0a0a0a; border-radius:8px; padding:12px 14px; box-sizing:border-box; }
.dz-nick-guide strong{ display:block; font-size:13.5px; color:#0a0a0a; margin-bottom:5px; font-weight:700; }
.dz-nick-guide p{ margin:0 0 4px; font-size:13px; line-height:1.6; color:#555; word-break:keep-all; }
.dz-nick-guide .dz-nick-guide-sub{ color:#8a8a8a; font-size:12.5px; margin:0; }
@media (max-width:480px){
  .dz-nick-btn{ padding:0 12px; font-size:13px; }
  .dz-nick-guide p{ font-size:12.5px; }
}

/* ===================================================================
   [통합수정] 위탁 사이드바 숨김 / 주문서 필독 펼침·동의 / 입금자명 안내
   =================================================================== */
/* 위탁판매 사이드바 그룹 숨김(기능·링크 유지) */
.dz-consign-group{ display:none !important; }

/* 구매 전 필수 안내: 고정높이·내부스크롤 제거 → 전체 펼침 */
.order_terms{ height:auto !important; max-height:none !important; min-height:0 !important; overflow:visible !important;
  width:auto !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; }
.dz-order-terms-wrap{ background:#f7f7f7; border:1px solid #e3e3e3; border-radius:10px;
  padding:16px 18px; margin:10px auto 0 !important; color:#333; line-height:1.6; white-space:normal !important; }
.dz-order-terms .dz-ot-item{ margin:0 0 14px; }
.dz-order-terms .dz-ot-item:last-child{ margin-bottom:0; }
.dz-order-terms .dz-ot-item strong{ display:block; color:#0a0a0a; font-size:14.5px; font-weight:700; margin-bottom:5px; }
.dz-order-terms .dz-ot-item p{ margin:0; font-size:13px; line-height:1.65; color:#555; word-break:keep-all; }
.dz-order-terms .dz-ot-item b{ color:#0a0a0a; }

/* 동의 영역(안내 박스 밖, 가려지지 않게) */
.dz-order-agree{ max-width:960px; margin:14px auto 0; padding:14px 16px; background:#0a0a0a; color:#fff;
  border-radius:10px; text-align:center; }
.dz-order-agree b{ display:block; margin-bottom:10px; font-size:14.5px; }
.dz-order-agree-opts{ display:flex; gap:22px; justify-content:center; flex-wrap:wrap; }
.dz-order-agree-opts label{ display:inline-flex; align-items:center; gap:7px; cursor:pointer; font-size:14px; }
.dz-order-agree-opts input[type=radio]{ width:20px; height:20px; }

/* 입금자명 안내(동명이인 빨간문구 대체) */
.dz-deposit-guide{ margin-top:8px; background:var(--dz-offwhite,#f5f5f5); border:1px solid #ececec;
  border-left:3px solid #0a0a0a; border-radius:8px; padding:10px 12px; }
.dz-deposit-guide strong{ display:block; font-size:13px; color:#0a0a0a; font-weight:700; margin-bottom:4px; }
.dz-deposit-guide p{ margin:0 0 3px; font-size:12.5px; line-height:1.55; color:#555; word-break:keep-all; }

/* 회원정보 수정: 위탁판매 정산계좌·신분증 영역 숨김(필드·값 유지로 데이터 보존) */
.dz-consign-settle{ display:none !important; }

/* 구매 전 필수 안내 미동의 시 주문 버튼 비활성 */
#submitbtn.dz-btn-disabled, #submitbtn:disabled{ opacity:.45 !important; cursor:not-allowed !important; filter:grayscale(.4); }

/* 입금자명 선택방식(가입자명/닉네임/직접입력) */
.dz-depositor-opts{ display:flex; flex-wrap:wrap; gap:8px 16px; margin:4px 0 8px; }
.dz-dep-opt{ display:inline-flex; align-items:center; gap:6px; cursor:pointer; font-size:14px; color:#343a40; }
.dz-dep-opt input[type=radio]{ width:18px; height:18px; }
.dz-dep-opt b{ color:#0a0a0a; font-weight:700; }
.dz-depositor .text_frm[readonly]{ background:#f3f3f3; color:#333; }
/* 적립 배송요청 버튼 */
.save-action-row{ margin:10px 0; }
#btn_save_ship{ background:#0a0a0a; color:#fff; border:1px solid #0a0a0a; border-radius:8px; padding:10px 18px; font-size:14px; font-weight:600; cursor:pointer; }
#btn_save_ship:hover{ background:#fff; color:#0a0a0a; }
#btn_save_ship:disabled{ opacity:.5; cursor:not-allowed; }

/* 적립내역: 제목을 카드 내용(패딩 24px)과 좌측 정렬 + 상하 간격 정리 */
.report_screen .report_name{ float:none !important; clear:both !important; display:block !important; width:100% !important; box-sizing:border-box; padding-left:41px !important; margin:16px 0 12px !important; }
.report_screen .report_name h3{ font-size:22px; font-weight:800; color:#0a0a0a; margin:0; }

/* 적립내역 상단 제품별 요약 (가시성) */
.dz-save-summary{ margin:0 0 18px; border:1px solid #e3e3e3; border-radius:12px; overflow:hidden; background:#fff; }
.dz-save-summary-title{ background:#0a0a0a; color:#fff; font-size:15px; font-weight:700; padding:11px 16px; letter-spacing:.3px; }
.dz-save-summary-scroll{ overflow-x:auto; }
.dz-save-summary-table{ width:100%; border-collapse:collapse; min-width:560px; }
.dz-save-summary-table th{ background:#f5f5f5; color:#343a40; font-size:13px; font-weight:700; padding:10px 8px; border-bottom:1px solid #e3e3e3; text-align:center; white-space:nowrap; }
.dz-save-summary-table td{ font-size:14px; padding:12px 8px; border-bottom:1px solid #f0f0f0; text-align:center; white-space:nowrap; }
.dz-save-summary-table tr:last-child td{ border-bottom:0; }
.dz-save-summary-table .dz-sum-name{ text-align:left; font-weight:600; color:#0a0a0a; }
.dz-save-summary-table .dz-sum-jeokrip{ font-weight:800; color:#0a0a0a; }
.dz-save-summary-table .dz-sum-canship{ font-weight:700; color:#1a7f37; }
.dz-save-summary-table .dz-sum-noip{ color:#b42318; }
.dz-save-summary-table .dz-sum-ship{ color:#555; }
.dz-save-summary-table .dz-sum-total{ color:#343a40; }
.dz-save-summary-empty{ color:#999; padding:18px !important; }
@media (max-width:480px){
  .dz-save-summary-title{ font-size:14px; padding:10px 12px; }
  .dz-save-summary-table th{ font-size:12px; padding:8px 6px; }
  .dz-save-summary-table td{ font-size:13px; padding:10px 6px; }
}

/* 모바일 마이페이지 메뉴: 쇼핑정보/회원정보 그룹제목 숨김 + 버튼 통합(카테고리 탭 스타일) */
@media (max-width:1024px){
  .profile_left .profile_line{ display:none !important; }
  .profile_left .profile_empty{ display:none !important; }
  .profile_left{ display:flex !important; flex-wrap:wrap !important; gap:8px !important;
    width:100% !important; height:auto !important; float:none !important;
    padding:12px 14px 4px !important; box-sizing:border-box !important; }
  .profile_left .profile_button{ flex:0 0 auto !important; width:auto !important; height:auto !important;
    float:none !important; margin:0 !important; padding:9px 15px !important;
    border:1px solid #d8d8d8 !important; border-radius:8px !important; background:#fff !important;
    color:#333 !important; font-size:13px !important; font-weight:600 !important;
    line-height:1.2 !important; white-space:nowrap !important; text-align:center !important; cursor:pointer; }
  .profile_left .profile_button:hover, .profile_left .profile_button:active{ background:#0a0a0a !important; color:#fff !important; border-color:#0a0a0a !important; }
}

/* DZ: 암호변경 폼 정렬 — 라벨·입력 좌측 기준 정렬, 박스 간격 확대, 저장버튼 별도 줄 */
.update_an_password_input > h4{ margin:0 0 7px 0 !important; font-size:14px !important; font-weight:600 !important; color:var(--dz-primary,#0a0a0a) !important; }
.update_an_password_input > input[type=password]{ display:block !important; width:300px !important; max-width:92% !important; height:46px !important; margin:0 0 24px 0 !important; padding:11px 14px !important; box-sizing:border-box !important; border:1px solid #d8d8d8 !important; border-radius:8px !important; }
.update_an_password_input > button{ display:block !important; position:static !important; margin:4px 0 0 0 !important; width:120px !important; height:46px !important; border:0 !important; border-radius:8px !important; background:var(--dz-primary,#0a0a0a) !important; color:#fff !important; font-weight:600 !important; cursor:pointer !important; }
.update_an_password_input > button:hover{ background:#333 !important; }
