/* BASIC css start */
/* ═══ 이용안내 (useinfo) · 62096 CSS 탭 · 2026-09-03 ═══
   부품표(sc-parts)에 있는 것은 다시 만들지 않는다. 이 화면에만 필요한 것만 적는다.
   클래스는 전부 .scg- 로 시작한다. 부품표(.sc-)와 안 부딪친다. */

/* ── 한글 줄바꿈 — 낱말 가운데서 끊기지 않게 ── */
.sc h1,.sc h2,.sc h3,.sc h4,.sc p,.sc li,.sc dd,.sc dt,.sc td,.sc th{word-break:keep-all;overflow-wrap:break-word}

/* ── 목차 ── */
.scg-toc{display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}
.scg-toc a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 6px;
  text-decoration:none;color:var(--sc-sub);border-left:1px solid var(--sc-line);
  font-size:13.5px;text-align:center}
.scg-toc a:first-child{border-left:0}
.scg-toc a:hover{color:var(--sc-ink);background:var(--sc-tile)}
.scg-toc i{font-family:"IBM Plex Mono",monospace;font-style:normal;font-size:11px;
  letter-spacing:.1em;color:var(--sc-gold)}
@media(max-width:640px){
  .scg-toc{grid-template-columns:repeat(3,1fr)}
  .scg-toc a{border-top:1px solid var(--sc-line)}
  .scg-toc a:nth-child(-n+3){border-top:0}
  .scg-toc a:nth-child(3n+1){border-left:0}
}

/* ── 섹션 머리 ── */
.scg-sec{scroll-margin-top:calc(var(--sc-header-min) + 20px)}
.scg-no{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.14em;
  color:var(--sc-gold);margin:0 0 10px}
.scg-h3{margin-top:var(--sc-s7)}

/* ── 강조 상자 ── */
.scg-box{background:var(--sc-tile);padding:clamp(20px,3vw,30px);margin-top:var(--sc-s5)}
.scg-box h4{margin:0 0 8px;font-size:clamp(15px,1.9vw,17px);font-weight:500;color:var(--sc-ink)}
.scg-box p{margin:0;font-size:14px;line-height:2;color:var(--sc-txt)}
.scg-box p b{color:var(--sc-ink);font-weight:500}
.scg-box--warn{border-left:3px solid var(--sc-gold)}

/* ── 두 칸 ── */
.scg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sc-s6)}
@media(max-width:820px){.scg-grid2{grid-template-columns:1fr;gap:var(--sc-s5)}}
.scg-item{border-top:1px solid var(--sc-line);padding-top:var(--sc-s4)}

/* ── 계좌 ── */
.scg-acct{margin-top:var(--sc-s5);padding:clamp(20px,3vw,28px);
  border:1px solid var(--sc-line);text-align:center}
.scg-acct__k{margin:0;font-family:"Poppins",sans-serif;font-size:10.5px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--sc-sub)}
.scg-acct__v{margin:12px 0 0;font-family:"IBM Plex Mono",monospace;
  font-size:clamp(18px,2.6vw,26px);letter-spacing:-.01em;color:var(--sc-ink)}
.scg-acct__n{margin:6px 0 0;font-size:13px;color:var(--sc-sub)}

/* ── 표 보조 ── */
.scg-scroll{font-size:12.5px;color:var(--sc-sub);margin:0 0 12px}
.sc-table td.sc-off{color:#B9B2A3}

/* ── 목록 ── */
.scg-list{margin:var(--sc-s4) 0 0;padding:0;list-style:none;max-width:62ch}
.scg-list li{position:relative;padding:12px 0 12px 20px;font-size:14px;line-height:1.9;
  color:var(--sc-txt);border-bottom:1px solid var(--sc-line)}
.scg-list li:before{content:"";position:absolute;left:2px;top:22px;
  width:5px;height:1px;background:var(--sc-gold)}

/* ── 안내 링크 두 장 ── */
.scg-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--sc-line);border:1px solid var(--sc-line);margin-top:var(--sc-s5)}
@media(max-width:820px){.scg-links{grid-template-columns:1fr}}
.scg-link{display:block;background:var(--sc-paper);padding:clamp(22px,3vw,32px);
  text-decoration:none;transition:background .15s}
.scg-link:hover{background:var(--sc-tile)}
.scg-link i{display:block;font-family:"Poppins",sans-serif;font-style:normal;font-size:10.5px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--sc-gold);margin-bottom:10px}
.scg-link b{display:block;font-size:clamp(16px,2vw,19px);font-weight:500;color:var(--sc-ink)}
.scg-link span{display:block;margin-top:8px;font-size:13px;line-height:1.85;color:var(--sc-sub)}

/* ── 문의 ── */
.scg-info{display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--sc-line);border:1px solid var(--sc-line);margin:var(--sc-s5) 0 0}
@media(max-width:820px){.scg-info{grid-template-columns:1fr}}
.scg-info > div{background:var(--sc-paper);padding:clamp(20px,2.6vw,28px)}
.scg-info dt{font-family:"Poppins",sans-serif;font-size:10.5px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--sc-sub);margin:0 0 10px}
.scg-info dd{margin:0;font-size:14px;line-height:1.95;color:var(--sc-txt)}
.scg-info__big{font-family:"IBM Plex Mono",monospace;font-size:clamp(18px,2.4vw,24px);
  color:var(--sc-ink)}

/* ── 아래 링크줄 ── */
.scg-terms{display:flex;flex-wrap:wrap;gap:24px;margin:var(--sc-s5) 0 0;
  padding-top:var(--sc-s4);border-top:1px solid var(--sc-line)}
.scg-terms a{font-size:13px;color:var(--sc-sub);text-decoration:none}
.scg-terms a:hover{color:var(--sc-ink)}

/* BASIC css end */