/* BASIC css start */
/* ═══ 워런티 안내 페이지 · 62096 개별 페이지 CSS 탭 · 2026-09-01 ═══
   부품표(sc-parts)에 있는 것은 다시 만들지 않는다. 이 화면에만 필요한 것만 적는다.
   클래스는 전부 .scw- 로 시작한다. 부품표(.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}

/* ── 히어로 ── */
.scw-hero{text-align:center}
.scw-hero .sc-h1{max-width:none}
.scw-hero__logo{height:34px;width:auto;margin:0 auto var(--sc-s5);display:block;opacity:.95}
.scw-hero__lead{max-width:56ch;margin:var(--sc-s5) auto 0;font-size:clamp(14px,1.7vw,16.5px);
  line-height:2.05;color:rgba(250,248,244,.72)}
.scw-hero__lead b{color:#FAF8F4;font-weight:400}
.scw-hero__note{margin-top:var(--sc-s4);font-size:12.5px;color:rgba(250,248,244,.42)}

/* ── 목차 ── */
.scw-toc{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--sc-line);
  border-bottom:1px solid var(--sc-line)}
.scw-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}
.scw-toc a:first-child{border-left:0}
.scw-toc a:hover{color:var(--sc-ink);background:var(--sc-tile)}
.scw-toc i{font-family:"IBM Plex Mono",monospace;font-style:normal;font-size:11px;
  letter-spacing:.1em;color:var(--sc-gold)}

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

/* ── 강조 상자 ── */
.scw-box{background:var(--sc-tile);padding:clamp(20px,3vw,30px);margin-top:var(--sc-s5)}
.scw-box h4{margin:0 0 8px;font-size:clamp(15px,1.9vw,17px);font-weight:500;color:var(--sc-ink)}
.scw-box p{margin:0;font-size:14px;line-height:2;color:var(--sc-txt)}
.scw-box .won{font-family:"IBM Plex Mono",monospace;font-weight:500;color:var(--sc-ink)}
.scw-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sc-s4)}
@media(max-width:820px){.scw-grid2{grid-template-columns:1fr}}

/* ── 표 보조 ── */
.scw-scroll{font-size:12px;color:var(--sc-sub);margin:0 0 10px}
.sc-table td.scw-l{text-align:left;white-space:normal}
.sc-table td em{font-style:normal;font-size:11px;color:var(--sc-sub);margin-left:6px}
.scw-legend{margin-top:var(--sc-s4);font-size:12.5px;color:var(--sc-sub);line-height:1.9}

/* ── STEP ── */
.scw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--sc-line);
  border:1px solid var(--sc-line)}
@media(max-width:820px){.scw-steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.scw-steps{grid-template-columns:1fr}}
.scw-step{background:var(--sc-paper);padding:clamp(20px,2.6vw,28px)}
.scw-step i{font-family:"Poppins",sans-serif;font-style:normal;font-size:10.5px;letter-spacing:.18em;
  color:var(--sc-gold);display:block;margin-bottom:10px}
.scw-step h4{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--sc-ink)}
.scw-step p{margin:0;font-size:13.5px;line-height:1.95;color:var(--sc-sub)}

/* ── 정의 목록 ── */
.scw-dl{border-top:1px solid var(--sc-ink)}
.scw-dl>div{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:22px 0;
  border-bottom:1px solid var(--sc-line)}
@media(max-width:820px){.scw-dl>div{grid-template-columns:1fr;gap:8px;padding:18px 0}}
.scw-dl dt{font-size:15px;font-weight:500;color:var(--sc-ink);margin:0}
.scw-dl dd{margin:0;font-size:14px;line-height:2.05;color:var(--sc-txt)}
.scw-dl dd b{color:var(--sc-ink);font-weight:500}
.scw-dl ul{margin:0;padding-left:16px}
.scw-dl li{margin:0 0 6px}
.scw-dl li:last-child{margin-bottom:0}

/* ── 연락처 ── */
.scw-cs{text-align:center}
.scw-cs__tel{font-family:"IBM Plex Mono",monospace;font-size:clamp(26px,4vw,38px);
  color:var(--sc-gold-br);margin:var(--sc-s3) 0 var(--sc-s4);letter-spacing:.02em}
.scw-cs__addr{font-size:13.5px;color:rgba(250,248,244,.6);margin:0;line-height:1.9}

@media(max-width:820px){
  .scw-toc{grid-template-columns:repeat(3,1fr)}
  .scw-toc a:nth-child(4){border-left:0}
  .scw-toc a:nth-child(n+4){border-top:1px solid var(--sc-line)}
}

/* ── 히어로 단추 · A/S 연결 · 2026-09-03 ── */
.scw-hero__btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:var(--sc-s6)}
.scw-hero__btns .sc-btn{min-width:200px}
.scw-hero__btns .sc-btn--ghost.on-dark{border-color:rgba(250,248,244,.4);color:var(--sc-paper)}
.scw-hero__btns .sc-btn--ghost.on-dark:hover{border-color:var(--sc-paper);background:rgba(250,248,244,.08)}
.scw-a{color:var(--sc-gold);text-decoration:none;border-bottom:1px solid #DED3A4}
@media(max-width:560px){.scw-hero__btns .sc-btn{min-width:0;flex:1 1 100%}}

/* BASIC css end */