/* ==============================================
   비즈차이나 6차 공통 CSS  /sub/common.css
   bc- 네임스페이스 (그누보드 스타일 충돌 방지)
   ★ 크기 전반 약 30% 업스케일 (2025-03 개정)
      - 글자 크기 / 버튼·배지 / 카드·폼 패딩 / 테이블 셀 우선 확대
   ============================================== */

/* ── 변수 ───────────────────────────────────── */
:root {
  --bc-red:     #c0392b;
  --bc-red-d:   #922b21;
  --bc-red-l:   rgba(192,57,43,.10);
  --bc-blue:    #2980b9;
  --bc-blue-l:  rgba(41,128,185,.10);
  --bc-green:   #27ae60;
  --bc-green-l: rgba(39,174,96,.10);
  --bc-orange:  #e67e22;
  --bc-gold:    #d4a017;
  --bc-purple:  #8e44ad;
  --bc-text:    #2c3e50;
  --bc-dim:     #7f8c8d;
  --bc-border:  #e0e4e8;
  --bc-white:   #fff;
  --bc-r:       11px; /* 8 → 11px : 카드 라운드 30% 확대 */
}

/* ── 래퍼 ───────────────────────────────────── */
/* 24/16 → 31/21px */
.bc-wrap { margin:31px auto; padding:0 21px; }

/* ── 페이지 헤더 ─────────────────────────────── */
.bc-page-hd   { margin-bottom:23px; }
.bc-page-ttl  { font-size:26px; font-weight:800; color:var(--bc-text); margin:0 0 6px; } /* 20 → 26px */
.bc-breadcrumb{ font-size:14px; color:var(--bc-dim); }                                    /* 12 → 14px */

/* ── 스텝바 ─────────────────────────────────── */
.bc-step-bar  { display:flex; align-items:flex-start; margin-bottom:29px; }
.bc-step      { display:flex; flex-direction:column; align-items:center; flex:1; position:relative; gap:6px; }
.bc-step::after { content:''; position:absolute; top:19px; left:50%; right:-50%; height:2px; background:var(--bc-border); }
.bc-step:last-child::after { display:none; }
/* 원형 아이콘: 28 → 37px */
.bc-step-c    { width:37px; height:37px; border-radius:50%; border:2px solid var(--bc-border); background:var(--bc-white); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; color:var(--bc-dim); z-index:1; }
.bc-step.done .bc-step-c    { background:var(--bc-green); border-color:var(--bc-green); color:#fff; }
.bc-step.done::after         { background:var(--bc-green); }
.bc-step.active .bc-step-c  { background:var(--bc-red);   border-color:var(--bc-red);   color:#fff; }
.bc-step.active::after       { background:var(--bc-red); }
/* 라벨: 11 → 14px */
.bc-step-lbl  { font-size:14px; color:var(--bc-dim); text-align:center; }
.bc-step.done .bc-step-lbl   { color:var(--bc-green); }
.bc-step.active .bc-step-lbl { color:var(--bc-red); font-weight:700; }

/* ── 알림 ───────────────────────────────────── */
/* 패딩 10/14 → 13/18px, 폰트 13 → 17px */
.bc-alert       { padding:13px 18px; border-radius:var(--bc-r); font-size:17px; line-height:1.75; margin-bottom:21px; }
.bc-alert-info  { background:var(--bc-blue-l);          border-left:4px solid var(--bc-blue);  color:#1a5276; }
.bc-alert-warn  { background:rgba(212,160,23,.10);      border-left:4px solid var(--bc-gold);  color:#7d6608; }
.bc-alert-ok    { background:var(--bc-green-l);         border-left:4px solid var(--bc-green); color:#1e8449; }
.bc-alert-err   { background:var(--bc-red-l);           border-left:4px solid var(--bc-red);   color:var(--bc-red-d); }

/* ── 카드 ───────────────────────────────────── */
.bc-card        { background:var(--bc-white); border-radius:var(--bc-r); border:1px solid var(--bc-border); box-shadow:0 2px 8px rgba(0,0,0,.07); margin-bottom:18px; }
/* 헤더 패딩: 13/16 → 17/21px, 폰트: 13 → 17px */
.bc-card-hd     { padding:17px 21px; border-bottom:1px solid var(--bc-border); display:flex; align-items:center; gap:11px; }
.bc-card-hd h3  { font-size:17px; font-weight:700; margin:0; }
/* 바디 패딩: 16 → 21px */
.bc-card-body   { padding:21px; }

/* ── 폼 요소 ─────────────────────────────────── */
/* 마진: 13 → 17px */
.bc-fg          { margin-bottom:17px; }
/* 라벨: 11 → 14px */
.bc-fg label    { display:block; font-size:14px; font-weight:700; color:var(--bc-dim); margin-bottom:6px; }
/* 입력 필드: 패딩 9/11 → 12/14px, 폰트 13 → 17px */
.bc-fc          { width:100%; padding:12px 14px; border:1px solid var(--bc-border); border-radius:8px; font-size:17px; color:var(--bc-text); background:var(--bc-white); outline:none; transition:border-color .15s; box-sizing:border-box; }
.bc-fc:focus    { border-color:var(--bc-red); box-shadow:0 0 0 3px var(--bc-red-l); }
.bc-fc[readonly]{ background:#f8f9fa; color:var(--bc-dim); }
.bc-fc.ok       { border-color:var(--bc-green); }
select.bc-fc    { cursor:pointer; }
/* textarea 최소높이: 80 → 104px */
textarea.bc-fc  { resize:vertical; min-height:104px; }
.bc-req         { color:var(--bc-red); }
/* 힌트: 11 → 14px */
.bc-fhint       { font-size:14px; color:var(--bc-dim); margin-top:4px; }
/* 그리드 gap: 13 → 17px */
.bc-fr          { display:grid; gap:17px; }
.bc-c2          { grid-template-columns:1fr 1fr; }
.bc-c3          { grid-template-columns:1fr 1fr 1fr; }
.bc-ig          { display:flex; gap:10px; }
.bc-ig .bc-fc   { flex:1; }
.bc-radio-group { display:flex; gap:21px; flex-wrap:wrap; margin-top:5px; }
/* 라디오·체크 폰트: 13 → 17px */
.bc-radio-group label { display:flex; align-items:center; gap:6px; font-size:17px; cursor:pointer; color:var(--bc-text); }
.bc-check-label { display:flex; align-items:center; gap:10px; font-size:17px; cursor:pointer; color:var(--bc-text); }
/* 동의 라벨: 패딩 13 → 17px, 폰트 13 → 17px, 체크박스 16 → 21px */
.bc-agree-label { display:flex; align-items:flex-start; gap:13px; cursor:pointer; padding:17px; background:#f7f8fa; border-radius:var(--bc-r); border:1px solid var(--bc-border); font-size:17px; line-height:1.75; }
.bc-agree-label input { margin-top:3px; flex-shrink:0; width:21px; height:21px; }

/* ── 버튼 ───────────────────────────────────── */
/* 패딩 8/16 → 10/21px, 폰트 13 → 17px */
.bc-btn           { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 21px; border-radius:8px; font-size:17px; font-weight:600; cursor:pointer; border:none; transition:all .15s; white-space:nowrap; text-decoration:none; }
/* sm 패딩 5/11 → 7/14px, 폰트 12 → 16px */
.bc-btn-sm        { padding:7px 14px; font-size:16px; }
.bc-btn-primary   { background:var(--bc-red);   color:#fff; }
.bc-btn-primary:hover   { background:var(--bc-red-d); }
.bc-btn-secondary { background:#f5f6f7; color:var(--bc-text); border:1px solid var(--bc-border); }
.bc-btn-secondary:hover { background:#eaedf0; }
.bc-btn-blue      { background:var(--bc-blue);  color:#fff; }
.bc-btn-blue:hover  { background:#2471a3; }
.bc-btn-green     { background:var(--bc-green); color:#fff; }
.bc-btn-excel     { background:#1e7e34; color:#fff; }
.bc-btn-row       { display:flex; justify-content:flex-end; gap:10px; margin-top:8px; }
/* 삭제 버튼 아이콘: 15 → 20px */
.bc-del-btn       { background:none; border:none; color:var(--bc-red); cursor:pointer; font-size:20px; line-height:1; }

/* ── 배지 ───────────────────────────────────── */
/* 패딩 3/8 → 4/10px, 폰트 11 → 14px */
.bc-badge   { display:inline-flex; align-items:center; padding:4px 10px; border-radius:20px; font-size:14px; font-weight:600; white-space:nowrap; }
.bc-bd-blue   { background:var(--bc-blue-l);          color:var(--bc-blue); }
.bc-bd-green  { background:var(--bc-green-l);         color:var(--bc-green); }
.bc-bd-red    { background:var(--bc-red-l);           color:var(--bc-red); }
.bc-bd-orange { background:rgba(230,126,34,.10);      color:var(--bc-orange); }
.bc-bd-gold   { background:rgba(212,160,23,.12);      color:var(--bc-gold); }
.bc-bd-gray   { background:#f0f2f5;                   color:var(--bc-dim); }
.bc-bd-purple { background:rgba(142,68,173,.10);      color:var(--bc-purple); }

/* ── 지역 라벨 ──────────────────────────────── */
/* 패딩 2/7 → 3/9px, 폰트 11 → 14px */
.bc-rg-gz { background:rgba(192,57,43,.08); color:var(--bc-red);   border:1px solid rgba(192,57,43,.20); padding:3px 9px; border-radius:5px; font-size:14px; font-weight:700; }
.bc-rg-wh { background:rgba(41,128,185,.08);color:var(--bc-blue);  border:1px solid rgba(41,128,185,.20); padding:3px 9px; border-radius:5px; font-size:14px; font-weight:700; }
.bc-rg-yw { background:rgba(39,174,96,.08); color:var(--bc-green); border:1px solid rgba(39,174,96,.20);  padding:3px 9px; border-radius:5px; font-size:14px; font-weight:700; }

/* ── 테이블 ─────────────────────────────────── */
/* th 패딩 10/13 → 13/17px, 폰트 11 → 14px */
/* td 패딩 10/13 → 13/17px, 폰트 13 → 17px */
.bc-tbl-wrap    { overflow-x:auto; }
.bc-tbl         { width:100%; border-collapse:collapse; border:1px solid var(--bc-border); border-radius:var(--bc-r); overflow:hidden; }
.bc-tbl thead tr{ background:#f7f8fa; }
.bc-tbl th      { padding:13px 17px; font-size:14px; font-weight:700; color:var(--bc-dim); text-align:left; border-bottom:1px solid var(--bc-border); white-space:nowrap; }
.bc-tbl td      { padding:13px 17px; font-size:17px; border-bottom:1px solid var(--bc-border); vertical-align:middle; }
.bc-tbl tbody tr:last-child td { border-bottom:none; }
.bc-tbl tbody tr:hover          { background:#fafbfc; }
.bc-num         { font-weight:700; color:var(--bc-red); }
.tc             { text-align:center; }
.tr             { text-align:right; }

/* ── 탭 ─────────────────────────────────────── */
/* 패딩 9/18 → 12/23px, 폰트 13 → 17px */
.bc-tabs { display:flex; border-bottom:2px solid var(--bc-border); margin-bottom:21px; }
.bc-tab  { padding:12px 23px; font-size:17px; font-weight:600; color:var(--bc-dim); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; transition:all .15s; }
.bc-tab:hover   { color:var(--bc-text); }
.bc-tab.active  { color:var(--bc-red); border-bottom-color:var(--bc-red); }

/* ── 필터바 ─────────────────────────────────── */
/* 패딩 12/14 → 16/18px, gap 8 → 10px */
.bc-filter-bar        { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:16px 18px; background:var(--bc-white); border:1px solid var(--bc-border); border-radius:var(--bc-r); margin-bottom:18px; }
/* 필터 입력폭: 105/165 → 137/215px */
.bc-filter-bar .bc-fc { min-width:137px; max-width:215px; }

/* ── 통계 카드 ──────────────────────────────── */
/* minmax 140 → 182px, gap 12 → 16px, mb 20 → 26px */
.bc-stat-grid  { display:grid; grid-template-columns:repeat(auto-fit,minmax(182px,1fr)); gap:16px; margin-bottom:26px; }
/* 패딩 14/16 → 18/21px */
.bc-stat-card  { background:var(--bc-white); border-radius:var(--bc-r); border:1px solid var(--bc-border); padding:18px 21px; }
/* 라벨: 11 → 14px, val: 22 → 29px, sub: 11 → 14px */
.bc-s-lbl      { font-size:14px; color:var(--bc-dim); font-weight:700; margin-bottom:6px; }
.bc-s-val      { font-size:29px; font-weight:800; line-height:1; }
.bc-s-sub      { font-size:14px; color:var(--bc-dim); margin-top:4px; }
.bc-cv-red   .bc-s-val { color:var(--bc-red); }
.bc-cv-green .bc-s-val { color:var(--bc-green); }
.bc-cv-gold  .bc-s-val { color:var(--bc-gold); }

/* ── 페이지네이션 ────────────────────────────── */
/* 버튼: 30 → 39px, 폰트 12 → 16px */
.bc-pagination { display:flex; align-items:center; justify-content:center; gap:4px; padding:18px 0; }
.bc-pg-btn     { width:39px; height:39px; border-radius:6px; border:1px solid var(--bc-border); background:var(--bc-white); font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--bc-text); transition:all .15s; }
.bc-pg-btn:hover  { background:var(--bc-red-l); border-color:var(--bc-red); color:var(--bc-red); }
.bc-pg-btn.active { background:var(--bc-red); border-color:var(--bc-red); color:#fff; font-weight:700; }

/* ── 배송 옵션 ──────────────────────────────── */
/* gap 8 → 10px, minWidth 80 → 104px, 패딩 11/8 → 14/10px */
.bc-ship-opts   { display:flex; gap:10px; flex-wrap:wrap; }
.bc-ship-opt    { flex:1; min-width:104px; padding:14px 10px; border:2px solid var(--bc-border); border-radius:var(--bc-r); cursor:pointer; text-align:center; transition:all .15s; }
.bc-ship-opt:hover, .bc-ship-opt.sel { border-color:var(--bc-red); background:var(--bc-red-l); }
.bc-ship-opt.bc-disabled { opacity:.4; cursor:not-allowed; pointer-events:none; }
/* 아이콘 18 → 23px, 이름 12 → 16px, 설명 11 → 14px */
.bc-s-ic { font-size:23px; margin-bottom:4px; }
.bc-s-nm { font-size:16px; font-weight:700; }
.bc-s-dc { font-size:14px; color:var(--bc-dim); margin-top:3px; }

/* ── 개인통관번호 검증 박스 ──────────────────── */
/* 패딩 14 → 18px, 폰트 12 → 16px */
.bc-cx-box      { background:#f5f0ff; border:1px solid #c9b8f0; border-radius:var(--bc-r); padding:18px; margin-bottom:18px; }
.bc-cx-title    { font-size:16px; font-weight:700; color:#6c3483; margin-bottom:10px; }
.bc-cx-result   { display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:7px; font-size:16px; margin-top:10px; }
.bc-cx-ok       { background:var(--bc-green-l); color:#1e8449; }
.bc-cx-err      { background:var(--bc-red-l);   color:var(--bc-red-d); }

/* ── T머니 카드 ─────────────────────────────── */
/* 패딩 16/20 → 21/26px, 폰트 11/26/11 → 14/34/14px */
.bc-tm-card  { background:linear-gradient(135deg,#c0392b,#e74c3c); border-radius:var(--bc-r); padding:21px 26px; color:#fff; }
.bc-tm-lbl   { font-size:14px; opacity:.85; margin-bottom:4px; }
.bc-tm-bal   { font-size:34px; font-weight:800; letter-spacing:-.5px; }
.bc-tm-ft    { font-size:14px; opacity:.8; margin-top:8px; display:flex; justify-content:space-between; align-items:center; }
.bc-tm-btn   { background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.4); color:#fff; padding:5px 13px; border-radius:5px; font-size:14px; cursor:pointer; text-decoration:none; }

/* ── 파일 업로드존 ───────────────────────────── */
/* 패딩 20 → 26px, 폰트 14 → 18px */
.bc-upload-zone { border:2px dashed var(--bc-border); border-radius:var(--bc-r); padding:26px; text-align:center; cursor:pointer; background:#fafafa; transition:all .2s; }
.bc-upload-zone:hover, .bc-upload-zone.over { border-color:var(--bc-blue); background:var(--bc-blue-l); }
.bc-upload-xl   { padding:36px; }
.bc-upload-ic   { font-size:39px; margin-bottom:8px; }  /* 30 → 39px */
.bc-upload-txt  { font-size:18px; font-weight:700; }    /* 14 → 18px */
.bc-upload-sub  { font-size:14px; color:var(--bc-dim); margin-top:3px; }

/* ── 이미지 미리보기 ──────────────────────────── */
/* 썸네일: 60 → 78px */
.bc-img-preview     { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.bc-img-preview img { width:78px; height:78px; object-fit:cover; border-radius:8px; border:1px solid var(--bc-border); }

/* ── 2컬럼 그리드 (본문 + 사이드) ──────────────── */
/* gap 18 → 23px, 사이드 폭 300 → 390px */
.bc-g2    { display:grid; gap:0 23px; }
.bc-aside { display:flex; flex-direction:column; gap:18px; }
@media (min-width:820px) { .bc-g2 { grid-template-columns:1fr 390px; } }

/* ── 주문서 요약 그리드 ──────────────────────── */
/* minmax 140 → 182px, 패딩 10 → 13px */
.bc-g3-sm        { display:grid; grid-template-columns:repeat(auto-fit,minmax(182px,1fr)); gap:10px; }
.bc-summary-item { padding:13px; background:#f7f8fa; border-radius:8px; }

/* ── 순위 리스트 ─────────────────────────────── */
/* 패딩 8/10 → 10/13px, 폰트 13 → 17px */
.bc-rank-list { display:flex; flex-direction:column; gap:8px; }
.bc-rank-item { display:flex; align-items:center; justify-content:space-between; padding:10px 13px; background:#f5f5f5; border-radius:8px; font-size:17px; }

/* ── KV 행 ──────────────────────────────────── */
/* 폰트 13 → 17px */
.bc-kv   { display:flex; align-items:center; justify-content:space-between; }
.bc-kv-k { font-size:17px; color:var(--bc-dim); }
.bc-kv-v { font-size:17px; }

/* ── 목록 ───────────────────────────────────── */
/* padding-left 14 → 18px, 폰트 12 → 16px */
.bc-list { padding-left:18px; list-style:disc; font-size:16px; line-height:2; }

/* ── 유틸 ───────────────────────────────────── */
.bc-divider { height:1px; background:var(--bc-border); margin:13px 0; }
.bc-bold    { font-weight:700; }
.bc-red     { color:var(--bc-red); }
.bc-dim     { color:var(--bc-dim); }
.bc-mb4     { margin-bottom:4px; }
.bc-mb8     { margin-bottom:8px; }

/* ── 반응형 ─────────────────────────────────── */
@media (max-width:640px) {
  .bc-c2, .bc-c3 { grid-template-columns:1fr; }
  .bc-g2          { grid-template-columns:1fr; }
}

a:hover{ color: #fff;}
.main-footer{ margin-left:0 !important; position: fixed; bottom: 0; width: 100%;}