/* ==========================================================================
   board — '게시판' 묶음 (공지사항 · 이용가이드 · 베팅규정 · 1:1 고객센터) · 접두어 bd-
   [왼쪽 고정 메뉴 + 24시간 상담 카드] [오른쪽 본문 카드]
   마이페이지와 같은 결: 네이비 카드 · 금색 선택 칩 · 한 줄 목록 · 누르면 펼침. 글자는 흰색, 금색은 표시에만.
   ========================================================================== */
.bd{ --card:var(--pn-card2); --well:var(--pn-well); display:grid; grid-template-columns:248px minmax(0,1fr); align-items:start; gap:18px; margin-top:-16px; padding-top:0; padding-bottom:48px; }   /* 위 — 페이지 기본 여백 30 에서 16 을 당겨 헤더와 14 (다른 화면과 같게) */

/* ---- 왼쪽 : 메뉴 4개(아이콘 · 이름 · 설명) + 지금 메뉴의 세부 항목 + 고객센터 연락 카드 ---- */
.bd-side{ position:sticky; top:96px; display:grid; gap:14px; }
.bd-nav{ display:grid; gap:4px; padding:8px; border-radius:18px; border:1px solid var(--line); background:var(--card); }
.bd-nav__group{ border-radius:13px; transition:background-color .2s; }
.bd-nav__group.is-on{ background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 2%, transparent)); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent); }
.bd-nav__item{ display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px 12px 10px 10px; border-radius:13px; color:var(--text-sub); transition:background-color .2s; }
.bd-nav__group:not(.is-on) .bd-nav__item:hover{ background:rgb(var(--fg-rgb) / .035); }
.bd-nav__item .dt{ width:38px; height:38px; }
.bd-nav__group:not(.is-on) .dt{ filter:saturate(.35) brightness(.8); transition:filter .2s; }
.bd-nav__group:not(.is-on) .bd-nav__item:hover .dt{ filter:none; }
.bd-nav__txt{ display:grid; gap:2px; min-width:0; }
.bd-nav__txt b{ font-size:14px; font-weight:800; color:var(--text); }
.bd-nav__group.is-on .bd-nav__txt b{ color:var(--text); }
.bd-nav__txt small{ font-size:11px; color:var(--text-sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-nav__item > svg{ width:14px; height:14px; color:var(--text-sub); opacity:.6; }
.bd-nav__item em{ font-style:normal; font-size:11px; font-weight:800; padding:2px 8px; border-radius:99px; background:color-mix(in srgb, var(--accent) 18%, transparent); color:var(--accent-fg); white-space:nowrap; }
.bd-nav__subs{ display:grid; gap:1px; margin:0 10px 10px 58px; padding-left:12px; border-left:1px solid color-mix(in srgb, var(--accent) 25%, transparent); }
.bd-nav__subs a{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; height:32px; padding:0 10px; border-radius:8px; font-size:13px; font-weight:600; color:var(--text-sub); transition:background-color .2s, color .2s; }
.bd-nav__subs a:hover{ background:rgb(var(--fg-rgb) / .04); color:var(--text); }
.bd-nav__subs a.is-on{ background:color-mix(in srgb, var(--accent) 12%, transparent); color:var(--text); font-weight:800; }
.bd-nav__subs a.is-on::before{ content:""; position:absolute; left:-15px; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent); }
.bd-nav__subs small{ font-size:11px; font-weight:600; color:var(--text-sub); font-variant-numeric:tabular-nums; }

/* 게시판 왼쪽 메뉴 · 상담 카드 아이콘 — 색 타일(뒷배경) 없이 그림만, 그림을 타일 색으로 칠한다 (마이페이지와 같은 방식) */
.bd-nav .dt{ background:none; box-shadow:none; }
.bd-nav .dt::after{ display:none; }
.bd-nav .dt svg{ width:26px; height:26px; fill:var(--t1); filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--t2) 45%, transparent)); }
.bd-nav .dt svg [stroke="#fff"]{ stroke:var(--t1); }

/* ---- 오른쪽 ------------------------------------------------------------- */
.bd-main{ min-width:0; border-radius:18px; border:1px solid var(--line); background:var(--card); }
.bd-main__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:16px 22px 14px; border-bottom:1px solid var(--line); }
.bd-main__head h1{ margin:0; font-size:22px; font-weight:900; color:var(--text); }
.bd-main__head p{ margin-top:4px; font-size:13px; color:var(--text-sub); }
.bd-main__meta{ font-size:12px; color:var(--text-sub); white-space:nowrap; }
.bd-main__meta b{ margin-left:4px; color:var(--text); }
.bd-body{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:14px 22px 20px; }

.bd-tools{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.bd-chips{ display:flex; flex-wrap:wrap; gap:2px; padding:3px; border-radius:11px; background:var(--well); border:1px solid var(--line); }
.bd-chips button{ display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 14px; border-radius:8px; font-size:13px; font-weight:700; color:var(--text-sub); cursor:pointer; transition:background-color .2s, color .2s; }
.bd-chips button svg{ width:15px; height:15px; }
.bd-chips button:hover{ color:var(--text); }
.bd-chips button.is-on{ background:var(--accent); color:var(--accent-ink); }
.bd-chips.is-sm button{ height:30px; padding:0 12px; font-size:12px; }
.bd-search{ display:flex; align-items:center; gap:8px; width:260px; height:40px; padding:0 12px; border-radius:11px; border:1px solid var(--line); background:var(--well); transition:border-color .2s; }
.bd-search:focus-within{ border-color:var(--accent-line); }
.bd-search svg{ width:16px; height:16px; color:var(--text-sub); flex:none; }
.bd-search input{ flex:1; min-width:0; border:0; background:none; color:var(--text); font-size:13px; outline:none; }

/* 한 줄 목록 */
.bd-rows{ border-radius:14px; border:1px solid var(--line); background:var(--well); overflow:hidden; }
.bd-row + .bd-row{ border-top:1px solid rgb(var(--fg-rgb) / .05); }
.bd-row__hit{ display:grid; grid-template-columns:22px 92px 64px minmax(0,1fr) 30px; align-items:center; gap:12px; width:100%; min-height:56px; padding:0 16px; text-align:left; cursor:pointer; transition:background-color .2s; }
.bd-row__hit:hover{ background:rgb(var(--fg-rgb) / .025); }
.bd-row__hit time{ font-size:13px; color:var(--text-sub); font-variant-numeric:tabular-nums; white-space:nowrap; }
.bd-row__pin{ display:grid; place-items:center; color:var(--accent-fg); }
.bd-row__pin svg{ width:15px; height:15px; }
.bd-row.is-pin{ background:color-mix(in srgb, var(--accent) 4%, transparent); }
.bd-row__title{ min-width:0; font-size:14px; font-weight:700; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-row__chev{ justify-self:end; display:grid; place-items:center; width:30px; height:30px; border-radius:9px; border:1px solid var(--line); color:var(--text-sub); transition:transform .25s, border-color .2s, color .2s; }
.bd-row__chev svg{ width:14px; height:14px; }
.bd-row__hit:hover .bd-row__chev{ border-color:var(--accent-line); color:var(--accent-fg); }
.bd-row.is-open{ background:color-mix(in srgb, var(--accent) 4%, transparent); }
.bd-row.is-open .bd-row__chev{ transform:rotate(180deg); border-color:var(--accent-line); color:var(--accent-fg); }
.bd-tag{ justify-self:start; display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:6px; font-size:11px; font-weight:800; white-space:nowrap; }
.bd-tag.is-blue{ background:rgba(96,165,250,.14); color:#9cc6ff; }
.bd-tag.is-red{ background:rgba(255,77,79,.14); color:#ff9a9b; }
.bd-tag.is-pink{ background:rgba(255,143,194,.14); color:#ffb0d4; }
.bd-tag.is-gray{ background:rgb(var(--fg-rgb) / .07); color:var(--text-sub); }
.bd-row.is-pin .bd-tag{ background:color-mix(in srgb, var(--accent) 16%, transparent); color:var(--accent-fg); }
.bd-article{ margin:0 16px 16px 50px; padding:18px 20px; border-radius:12px; border:1px solid var(--line); background:rgb(var(--fg-rgb) / .03); font-size:14px; line-height:1.85; color:var(--text); word-break:keep-all; animation:bdOpen .25s ease-out; }
.bd-article p + p, .bd-article ul + p, .bd-article p + ul{ margin-top:8px; }
.bd-article ul{ display:grid; gap:4px; padding:12px 14px; border-radius:10px; background:rgba(0,0,0,.2); }
.bd-article li{ position:relative; padding-left:14px; }
.bd-article li::before{ content:""; position:absolute; left:2px; top:.8em; width:4px; height:4px; border-radius:50%; background:var(--accent); }
@keyframes bdOpen{ from{ opacity:0; transform:translateY(-4px); } }
.bd-more{ justify-self:center; display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 24px; border-radius:99px; border:1px solid var(--line); background:var(--well); font-size:13px; font-weight:700; cursor:pointer; transition:border-color .2s; }
.bd-more small, .bd-count{ font-size:11px; color:var(--text-sub); }
.bd-more:hover{ border-color:var(--accent-line); }
.bd-count{ justify-self:center; }
.bd-empty{ display:grid; justify-items:center; gap:6px; padding:56px 0; border-radius:14px; border:1px dashed var(--line); text-align:center; }
.bd-empty svg{ width:30px; height:30px; color:var(--text-sub); }
.bd-empty small{ font-size:12px; color:var(--text-sub); }

/* ---- 이용가이드 --------------------------------------------------------- */
.bd-vendors{ display:flex; flex-wrap:wrap; gap:6px; }
.bd-vendors button{ height:34px; padding:0 14px; border-radius:99px; border:1px solid var(--line); font-size:13px; font-weight:700; color:var(--text-sub); cursor:pointer; transition:border-color .2s, color .2s, background-color .2s; }
.bd-vendors button:hover{ border-color:var(--line-strong); color:var(--text); }
.bd-vendors button.is-on{ border-color:var(--accent-line); background:color-mix(in srgb, var(--accent) 10%, transparent); color:var(--text); }
.bd-doc{ border-radius:14px; border:1px solid var(--line); background:var(--well); overflow:hidden; }
.bd-doc__tabs{ display:flex; gap:2px; padding:0 12px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }
.bd-doc__tabs::-webkit-scrollbar{ display:none; }
.bd-doc__tabs button{ position:relative; flex:none; height:48px; padding:0 16px; font-size:14px; font-weight:700; color:var(--text-sub); cursor:pointer; }
.bd-doc__tabs button::after{ content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:2px; border-radius:2px; background:var(--accent); transform:scaleX(0); transition:transform .3s cubic-bezier(.16,1,.3,1); }
.bd-doc__tabs button.is-on{ color:var(--text); }
.bd-doc__tabs button.is-on::after{ transform:scaleX(1); }
.bd-doc__body{ display:grid; gap:16px; padding:24px 26px 26px; animation:bdOpen .25s ease-out; }
.bd-doc__crumb{ display:flex; align-items:center; gap:4px; font-size:12px; color:var(--text-sub); }
.bd-doc__crumb svg{ width:12px; height:12px; }
.bd-doc h2{ margin:-8px 0 0; font-size:22px; font-weight:900; color:var(--text); }
.bd-doc__intro{ font-size:14px; line-height:1.8; color:var(--text); }
.bd-points{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
.bd-points li{ display:flex; gap:10px; padding:12px 14px; border-radius:11px; background:rgb(var(--fg-rgb) / .035); font-size:13px; line-height:1.6; color:var(--text); }
.bd-points svg{ flex:none; width:18px; height:18px; padding:2px; border-radius:50%; background:rgba(47,211,154,.16); color:#2fd39a; }
.bd-steps{ display:grid; gap:0; counter-reset:s; }
.bd-steps li{ position:relative; display:grid; grid-template-columns:32px 1fr; gap:14px; padding-bottom:16px; font-size:14px; line-height:1.7; color:var(--text); }
.bd-steps li:not(:last-child)::before{ content:""; position:absolute; left:15px; top:30px; bottom:2px; width:2px; background:linear-gradient(var(--accent), color-mix(in srgb, var(--accent) 10%, transparent)); }
.bd-steps b{ display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--accent); color:var(--accent-ink); font-size:14px; font-weight:900; }
.bd-steps span{ padding-top:4px; }
.bd-tip{ display:flex; gap:10px; padding:14px 16px; border-radius:12px; border:1px solid rgba(96,165,250,.3); background:rgba(96,165,250,.08); font-size:13px; line-height:1.7; color:#cfe3ff; }
.bd-tip > svg{ flex:none; width:18px; height:18px; color:#6aa9ff; margin-top:2px; }
.bd-doc__foot{ display:flex; gap:8px; padding-top:6px; }
.bd-doc__foot .btn{ height:42px; gap:4px; }
.bd-doc__foot .btn svg{ width:14px; height:14px; }
.bd-btn-line{ background:transparent; border:1px solid var(--line-strong); color:var(--text); }
.bd-btn-line:hover{ border-color:var(--accent-line); color:var(--accent-fg); }

/* ---- 베팅규정 ------------------------------------------------------------ */
.bd-toc{ display:grid; gap:10px; padding:16px 18px; border-radius:14px; border:1px solid var(--line); background:var(--well); }
.bd-toc b{ font-size:13px; color:var(--text); }
.bd-toc div:not(.sx){ display:flex; flex-wrap:wrap; gap:6px; }
.bd-toc a{ height:30px; display:inline-flex; align-items:center; padding:0 12px; border-radius:99px; border:1px solid var(--line); font-size:12px; font-weight:600; color:var(--text-sub); transition:border-color .2s, color .2s; }
.bd-toc a:hover{ border-color:var(--accent-line); color:var(--accent-fg); }
.bd-laws{ display:grid; gap:10px; }
.bd-law{ scroll-margin-top:96px; padding:20px 22px; border-radius:14px; border:1px solid var(--line); background:var(--well); }
.bd-law h2{ display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:17px; font-weight:800; color:var(--text); }
.bd-law h2 span{ padding:3px 10px; border-radius:7px; background:color-mix(in srgb, var(--accent) 14%, transparent); color:var(--accent-fg); font-size:12px; font-weight:800; }
.bd-law ol{ display:grid; gap:8px; }
.bd-law li{ display:grid; grid-template-columns:22px 1fr; gap:8px; font-size:14px; line-height:1.75; color:var(--text); word-break:keep-all; }
.bd-law em{ font-style:normal; color:var(--accent-fg); font-weight:700; }

/* ---- 서버 HTML 본문 (csk-igaming 7단계) --------------------------------------
   igaming 공지 · 이벤트 본문, FAQ 답변, 약관 조항은 콘솔 에디터가 만든 HTML(p · br · img · table · ol …)이다.
   시안 글자 틀(.bd-article · .bd-law)을 그대로 두고, 그 안에서 넘치거나 시안 전용 모양(① 번호 칸)이 먹지 않게만 한다. */
.bd-article img, .bd-law__html img, .bd-qa img{ max-width:100%; height:auto; border-radius:8px; }
.bd-article table, .bd-law__html table{ display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:8px 0; font-size:13px; }
.bd-article th, .bd-article td, .bd-law__html th, .bd-law__html td{ padding:6px 10px; border:1px solid var(--line); }
.bd-article a:not(.btn), .bd-law__html a, .bd-qa a{ color:var(--gold); text-decoration:underline; }
.bd-law__html{ font-size:14px; line-height:1.75; color:var(--text); word-break:keep-all; }
.bd-law__html p + p{ margin-top:8px; }
.bd-law__html ol, .bd-law__html ul{ display:block; padding-left:20px; margin:6px 0; }
.bd-law__html ol{ list-style:decimal; }
.bd-law__html ul{ list-style:disc; }
.bd-law__html li{ display:list-item; }
.bd-law__html em{ font-style:italic; color:inherit; font-weight:inherit; }
.bd-article ol{ padding-left:20px; list-style:decimal; }

/* ---- 1:1 고객센터 --------------------------------------------------------- */
.bd-seg{ display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:13px; background:var(--well); border:1px solid var(--line); }
.bd-seg button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; border-radius:10px; font-size:14px; font-weight:800; color:var(--text-sub); cursor:pointer; transition:background-color .2s, color .2s; }
.bd-seg button svg{ width:17px; height:17px; }
.bd-seg button small{ padding:1px 8px; border-radius:99px; background:rgb(var(--fg-rgb) / .07); font-size:11px; }
.bd-seg button:hover{ color:var(--text); }
.bd-seg button.is-on{ background:var(--surface-2); color:var(--text); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent); }
.bd-seg button.is-on svg{ color:var(--accent-fg); }
.bd-note{ font-size:13px; color:var(--text-sub); }
.bd-note b{ margin:0 2px; color:var(--text); }
.bd-write-btn{ height:40px; gap:6px; padding:0 18px; }
.bd-write-btn svg{ width:16px; height:16px; }
.bd-form{ display:grid; gap:16px; padding:20px; border-radius:14px; border:1px solid color-mix(in srgb, var(--accent) 30%, transparent); background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 50%), var(--well); animation:bdOpen .25s ease-out; }
.bd-form__row{ display:grid; gap:8px; }
.bd-form__row > label{ font-size:13px; font-weight:800; color:var(--text); }
.bd-input{ width:100%; padding:11px 14px; border-radius:11px; border:1px solid var(--line); background:var(--card); color:var(--text); font:inherit; font-size:14px; outline:none; resize:vertical; transition:border-color .2s; }
.bd-input:focus{ border-color:var(--accent-line); }
.bd-form__err{ font-size:12px; color:var(--danger); }
.bd-form__foot{ display:flex; justify-content:flex-end; }
.bd-form__foot .btn{ height:44px; padding:0 26px; }
.bd-row__hit.is-qna{ grid-template-columns:132px 56px minmax(0,1fr) 84px 30px; }
/* 1:1 문의 — 줄 앞 ☐ (버튼 바깥), 펼친 답변은 줄 아래 한 판 */
.bd-row.has-sel{ display:flex; flex-wrap:wrap; align-items:center; }
.bd-row.has-sel > .bd-row__hit{ flex:1 1 0; min-width:0; width:auto; padding-left:10px; }
.bd-row.has-sel > .bd-qa{ flex-basis:100%; }
.bd-row__sel{ flex:none; padding-left:16px; }
.bd-row__hit.is-faq{ grid-template-columns:26px 64px minmax(0,1fr) 30px; }
.bd-state{ justify-self:end; font-size:12px; font-weight:800; white-space:nowrap; }
.bd-state.is-done{ color:#2fd39a; }
.bd-state.is-wait{ color:var(--accent-fg); }
.bd-qa{ display:grid; gap:10px; margin:0 16px 16px; animation:bdOpen .25s ease-out; }
.bd-qa__q, .bd-qa__a{ display:grid; grid-template-columns:30px 1fr; gap:12px; padding:14px 16px; border-radius:12px; font-size:14px; line-height:1.75; color:var(--text); }
.bd-qa__q{ background:rgb(var(--fg-rgb) / .03); border:1px solid var(--line); }
.bd-qa__a{ background:rgba(47,211,154,.06); border:1px solid rgba(47,211,154,.25); }
.bd-qa__q > b, .bd-qa__a > b, .bd-faq__q{ display:grid; place-items:center; width:28px; height:28px; border-radius:8px; font-family:var(--font); font-size:14px; font-weight:900; }
.bd-qa__q > b, .bd-faq__q{ background:color-mix(in srgb, var(--accent) 16%, transparent); color:var(--accent-fg); }
.bd-qa__a > b{ background:rgba(47,211,154,.18); color:#2fd39a; }
.bd-qa__a small{ display:block; margin-top:8px; font-size:11px; color:var(--text-sub); }
.bd-qa__wait{ display:flex; align-items:center; gap:8px; padding:12px 16px; border-radius:12px; border:1px dashed color-mix(in srgb, var(--accent) 35%, transparent); font-size:13px; color:var(--accent-fg); }
.bd-qa__wait svg{ width:16px; height:16px; }
.bd-article.is-faq{ margin-left:54px; }
.bd-article__link{ display:inline-flex; align-items:center; gap:4px; margin-top:4px; }
.bd-article__link svg{ width:14px; height:14px; }

/* ---- 좁은 화면 ---------------------------------------------------------- */
@media (max-width:1024px){
  .bd{ grid-template-columns:minmax(0,1fr); }
  .bd-side{ position:static; }
  .bd-nav{ grid-template-columns:repeat(5, minmax(0,1fr)); }
  .bd-nav__item{ grid-template-columns:1fr; justify-items:center; text-align:center; gap:2px; padding:6px 2px; }
  .bd-nav__txt small, .bd-nav__item em, .bd-nav__item > svg, .bd-nav__subs{ display:none; }
}
/* 휴대폰 — 세로 여백 줄이기 : 위 메뉴 · 제목 줄 · 본문 */
@media (max-width:1023px){
  .bd{ gap:10px; margin-top:0; padding-top:0; }   /* 헤더와 14 (페이지 기본 여백만) */
  .bd-nav{ padding:5px; gap:2px; border-radius:14px; }
  .bd-nav__item .dt{ width:30px; height:30px; }
  .bd-nav .dt svg{ width:22px; height:22px; }
  .bd-main{ border-radius:14px; }
  .bd-main__head{ padding:14px 14px 12px; }
  .bd-main__head h1{ font-size:20px; }
  .bd-main__head p{ margin-top:3px; font-size:12px; }
  .bd-body{ gap:10px; padding:12px; }
  .bd-chips button{ height:30px; }
  .bd-doc__tabs{ padding:0 6px; }
  .bd-doc__tabs button{ height:42px; padding:0 12px; font-size:13px; }
  .bd-doc__body{ gap:10px; padding:14px; }
  .bd-doc__body h2{ font-size:18px; }
}
@media (max-width:640px){
  .bd-body{ padding:14px; }
  .bd-search{ width:100%; }
  .bd-row__hit, .bd-row__hit.is-qna, .bd-row__hit.is-faq{ grid-template-columns:auto minmax(0,1fr) 30px; row-gap:4px; padding:12px 14px; }
  .bd-row__hit time, .bd-row__pin:empty{ display:none; }
  .bd-article, .bd-article.is-faq{ margin:0 14px 14px; }
  .bd-points{ grid-template-columns:1fr; }
}

/* ---- 휴대폰 (1023px 이하) — 목록 한 줄은 격자 대신 흐름으로: [표시] [분류] 제목……… [상태] [⌄] ---- */
@media (max-width:1023px){
  .bd-row__hit, .bd-row__hit.is-qna, .bd-row__hit.is-faq{ display:flex; align-items:center; gap:10px; min-height:52px; padding:10px 12px; }
  .bd-row__hit time, .bd-row__pin:empty{ display:none; }
  .bd-row__title{ flex:1 1 auto; font-size:13px; }
  .bd-row__hit > .bd-tag, .bd-row__hit > .bd-state, .bd-row__chev, .bd-row__pin{ flex:none; }
  .bd-nav__txt b{ font-size:11.5px; white-space:nowrap; letter-spacing:-.02em; }   /* 다섯 칸 — '1:1 고객센터' 도 한 줄 */
  .bd-chips{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .bd-chips::-webkit-scrollbar{ display:none; }
  .bd-chips button{ flex:none; }
}
@media (max-width:1023px){
  .bd-row__sel{ padding-left:12px; }
  .bd-row.has-sel > .bd-row__hit{ padding-left:8px; }
}
/* 휴대폰 — 조항 목차는 한 줄로 옆으로 민다 (여러 줄로 쌓아 세로가 길어지지 않게) · 제목 줄 설명은 한 줄 */
@media (max-width:1023px){
  .bd-toc{ padding:12px 14px; gap:8px; }
  .bd-toc div:not(.sx){ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin-inline:-14px; padding-inline:14px; }
  .bd-toc div:not(.sx)::-webkit-scrollbar{ display:none; }
  .bd-toc a{ flex:none; white-space:nowrap; }
  .bd-main__head{ flex-wrap:wrap; align-items:flex-start; gap:6px 12px; }
  .bd-main__head > div{ min-width:0; }
  .bd-vendors{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .bd-vendors::-webkit-scrollbar{ display:none; }
  .bd-vendors button{ flex:none; white-space:nowrap; }
}