/* 스타일 B 출시판의 상세 페이지(B-변호사 · B-분야 · B-사례 · B-QA · B-칼럼 — b3/nb_sub.py). nb.css 뒤에 잇는다.
   10-26 다시 짬(plan/13-상속-B-상세페이지.md): 페이지마다 내용에 맞는 형식 — 변호사는 사람, 성공사례는 장면, 상속분야는 지도, Q&A 는 색인, 칼럼은 책.
   색 · 서체 · 여백은 nb.css 맨 위 토큰만 쓴다. 금은 결과 말 · 기한 · 제목 키워드 · 작은 라벨에만. 움직임은 nb.js 그대로(글 data-f 흐림 → 또렷, 사진 .ph-in). */

/* ── 헤더 · 메뉴: 지금 보고 있는 메뉴 ────────────────────────────────── */
.hd-nav a[aria-current],.mn-list a[aria-current]{color:var(--gold-hi)}
.ss-glass :focus-visible,.lp :focus-visible{outline-color:var(--gold-ink)}

/* ── 첫 부분: 밤색 띠(현재 위치 · 작은 줄 · 제목 · 설명 | 옆 칸) ─────────────── */
.sb-top{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--moon);padding:calc(var(--hd) + var(--s3)) 0 var(--s6)}
.sb-top-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:end}
.sb-top-tx{grid-column:1/9}
.sb-top-tx:only-child{grid-column:1/11}
.sb-aside{grid-column:9/13}
.sb-crumb ol{display:flex;flex-wrap:wrap;align-items:center}
.sb-crumb li{display:flex;align-items:center;min-height:56px;font-size:15px;line-height:1.5;color:var(--mist)}
.sb-crumb li+li::before{content:'/' / '';margin:0 12px;color:rgba(238,241,245,.34)}
.sb-crumb a{display:inline-flex;align-items:center;min-height:56px;color:var(--moon);text-decoration:underline;text-decoration-color:rgba(238,241,245,.3);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .25s,text-decoration-color .25s}
.sb-crumb a:hover{color:var(--gold-hi);text-decoration-color:var(--gold-hi)}
.sb-kick{margin-top:var(--s3);font-size:17px;font-weight:600;line-height:1.5;color:var(--mist)}
.sb-kick b{font-weight:700;color:var(--gold-hi)}
.sb-h1{margin-top:var(--s2);font-family:var(--serif);font-weight:800;font-size:60px;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.sb-crumb+.sb-h1{margin-top:var(--s4)}
.sb-h1 em{font-style:normal;color:var(--gold)}
.sb-lead{margin-top:var(--s3);max-width:38em;font-size:20px;line-height:1.75;color:var(--mist);text-wrap:pretty}

/* 성공사례 상세: 가득 찬 사진 위(아래끝에 글) */
.sb-top--photo{display:flex;align-items:flex-end;min-height:min(88vh,860px);padding-bottom:var(--s6)}
.sb-top--photo>.wrap{width:100%}
.sb-ph{position:absolute;inset:0;z-index:-2;margin:0}
.sb-ph img{width:100%;height:100%;object-fit:cover}
.sb-top--photo::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,18,32,.86) 0%,rgba(11,18,32,.16) 28%,rgba(11,18,32,.5) 50%,rgba(11,18,32,.95) 100%)}
.sb-top--photo .sb-kick{font-size:18px;color:var(--moon)}
.sb-res{margin-top:var(--s1);font-family:var(--serif);font-weight:800;font-size:36px;line-height:1.3;color:var(--gold)}
.sb-res+.sb-h1{margin-top:var(--s1)}
.sb-h1--case{max-width:15em;font-size:68px;line-height:1.16}
.sb-top--photo .sb-lead{color:var(--moon)}

/* 유형 상세: 상황 한 줄(명조) · 이름 · 설명 | 꼭 확인할 기한 */
.sb-top--ty .sb-kick{font-family:var(--serif);font-weight:700;font-size:26px;letter-spacing:-.015em;color:var(--moon)}
.sb-top--ty .sb-aside{padding:var(--s4);border:1px solid rgba(201,163,90,.55)}
.due-k{font-size:15px;font-weight:700;color:var(--mist)}
.due-t{margin-top:var(--s2);font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.65;letter-spacing:-.01em;text-wrap:pretty}
.due-t b{font-weight:900;color:var(--gold)}

/* Q&A 상세 · 목록, 칼럼 */
.sb-h1--q{max-width:22em;font-weight:700;font-size:44px;line-height:1.42;letter-spacing:-.018em}
.sb-top--q .sb-kick{color:var(--gold-hi)}
.sb-h1--col{font-size:54px;line-height:1.28}

/* ── 본문 섹션 ─────────────────────────────────────────────────────── */
.ss{padding:var(--s6) 0}
.ss-glass{background:var(--glass);color:var(--ink)}
.ss-night{background:var(--night);color:var(--moon)}
.ss-head{max-width:46em;margin-bottom:var(--s5)}
.ss-head--wide{max-width:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:end}
.ss-head--wide .ss-h{grid-column:1/7}
.ss-head--wide .ss-sub{grid-column:8/13;margin-top:0}
.ss-head--link{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s1) var(--s4);max-width:none}
.ss-link{flex:none}
.nw{white-space:nowrap}
.ss-h{font-family:var(--serif);font-weight:800;font-size:42px;line-height:1.25;letter-spacing:-.022em;text-wrap:balance}
.ss-sub{margin-top:var(--s2);font-size:19px;line-height:1.75;color:var(--ink2);text-wrap:pretty}
.ss-night .ss-sub{color:var(--mist)}
.ss-more{margin-top:var(--s4)}
.ss-night .more{color:var(--moon)}
.ss-glass .more{color:var(--ink);text-decoration-color:rgba(18,22,28,.4)}
.ss-glass .more:hover{color:var(--gold-ink);text-decoration-color:var(--gold-ink)}

/* 질문 접기(details, JS 없음) */
.sb-acc{border-top:2px solid var(--ink)}
.sb-acc-i{border-bottom:1px solid var(--line-l)}
.sb-acc-i summary{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);min-height:56px;padding:var(--s3) 0;cursor:pointer;list-style:none;font-size:19px;font-weight:600;line-height:1.6}
.sb-acc-i summary::-webkit-details-marker{display:none}
.sb-acc-i summary:hover .sb-acc-q{text-decoration:underline;text-decoration-color:rgba(18,22,28,.35);text-underline-offset:5px}
.sb-acc-ic{flex:none;margin-top:4px;color:var(--gold-ink);transition:transform .35s var(--ease)}
.sb-acc-i[open] .sb-acc-ic{transform:rotate(45deg)}
.sb-acc-a{max-width:44em;padding:0 var(--s5) var(--s4) 0}
.sb-acc-a p{font-size:18px;line-height:1.85}
.sb-acc-a p+p{margin-top:var(--s2)}
.sb-acc-a .sb-law{margin-top:var(--s3)}
.sb-acc-a .sb-go{margin-top:var(--s1)}
.sb-acc--l .sb-acc-i summary{padding:var(--s4) 0;font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.5;letter-spacing:-.015em}
.sb-law{font-size:16px;line-height:1.75;color:var(--ink2)}
.sb-law b{margin-right:var(--s1);font-weight:700;color:var(--ink)}

/* 이전 · 다음 */
.pn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--col);border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.pn a,.pn .pn-x{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:96px;padding:var(--s2) 0}
.pn>:last-child{grid-column:2;align-items:flex-end;text-align:right}
.pn small{font-size:15px;color:var(--ink2)}
.pn b{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.45;transition:color .25s}
.pn a:hover b{color:var(--gold-ink)}
.pn .pn-x{color:var(--ink2)}
.pn .pn-x b{font-family:'Pretendard',sans-serif;font-size:17px;font-weight:600}

/* 링크 목록 · 칼럼으로 더 읽기 카드 */
.qa-links{border-top:2px solid var(--ink)}
.qa-links li{border-bottom:1px solid var(--line-l)}
.qa-links a,.qa-links li>span{display:flex;align-items:center;min-height:64px;padding:var(--s2) 0;font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.55;letter-spacing:-.01em}
.qa-links a{transition:color .25s}
.qa-links a:hover{color:var(--gold-ink);text-decoration:underline;text-decoration-color:var(--gold-ink);text-underline-offset:5px}
.rd-card{display:flex;flex-direction:column;gap:6px;padding:var(--s4);background:var(--night);color:var(--moon);transition:background-color .3s}
.rd-card small{font-size:15px;font-weight:600;color:var(--mist)}
.rd-card b{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.45;letter-spacing:-.015em}
.rd-card:hover{background:var(--night3)}
.rd-card--ty{background:var(--night2)}

/* 옆 칸 상담 */
.ask{padding:var(--s4);background:var(--night);color:var(--moon)}
.ask-t{font-size:18px;line-height:1.6}
.ask-t b{font-weight:700;color:var(--gold-hi)}
.ask-tel{display:inline-flex;align-items:center;min-height:56px;margin-top:var(--s1);font-family:var(--serif);font-weight:800;font-size:40px;letter-spacing:.01em;color:var(--gold);transition:color .25s}
.ask-tel:hover{color:var(--gold-hi)}
.ask-go{width:100%;margin-top:var(--s2)}

/* ── 성공사례 카드(목록 · 유형 · 상세 아래): 사진 · 분야 · 제목 · 긴 제목 · 결과 ─────── */
.pc{position:relative;display:flex;flex-direction:column}
.pc-ph{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--night3)}
.pc-ph img{width:100%;height:100%;object-fit:cover}
.pc-tx{display:flex;flex:1;flex-direction:column;padding-top:var(--s3)}
.pc-k{font-size:15px;font-weight:600;color:var(--ink2)}
.pc-t{margin-top:6px;font-family:var(--serif);font-weight:700;font-size:26px;line-height:1.38;letter-spacing:-.015em;text-wrap:balance}
.pc-t a{transition:color .25s}
.pc-t a::after{content:'';position:absolute;inset:0}
.pc:hover .pc-t a{color:var(--gold-ink)}
.pc-s{margin:6px 0 var(--s2);font-size:16px;line-height:1.6;color:var(--ink2);text-wrap:pretty}
.pc-r{margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--line-l);font-family:var(--serif);font-weight:800;font-size:24px;line-height:1.3;color:var(--gold-ink)}   /* 같은 줄 카드끼리 결과 말 높이가 맞게 */
.pc-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--col)}
.pc--l .pc-t{font-size:36px;line-height:1.3}
.pc--l .pc-s{font-size:17px}
.pc--l .pc-r{font-size:32px}
.pc-gl{margin:var(--s1) 0 var(--s2)}
.pc-feat--1{grid-template-columns:1fr}
.pc-feat--1 .pc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:stretch}
.pc-feat--1 .pc-ph{grid-column:1/8}
.pc-feat--1 .pc-tx{grid-column:8/13;padding-top:0}
.ss-night .pc-gl div{border-top-color:var(--line-d)}
.ss-night .pc-gl dt{color:var(--mist)}
.pc-gl div{display:grid;grid-template-columns:3.5em minmax(0,1fr);column-gap:var(--s2);padding:var(--s1) 0;border-top:1px solid var(--line-l)}
.pc-gl dt{font-size:15px;font-weight:700;line-height:1.75;color:var(--ink2)}
.pc-gl dd{margin:0;font-size:17px;line-height:1.7}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5) var(--col)}
.pc-feat+.pc-grid{margin-top:var(--s6);padding-top:var(--s6);border-top:1px solid var(--line-l)}
.ss-night .pc-k{color:var(--mist)}
.ss-night .pc-s{color:var(--mist)}
.ss-night .pc-r{color:var(--gold)}
.ss-night .pc-r{border-top-color:var(--line-d)}
.ss-night .pc:hover .pc-t a{color:var(--gold-hi)}

/* ── 성공사례 상세 ───────────────────────────────────────────────────── */
.cdg{padding:var(--s5) 0 0}
.cg-h{font-size:15px;font-weight:700;color:var(--ink2)}
.cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--col);margin-top:var(--s2)}
.cg-i{padding-top:var(--s3);border-top:2px solid var(--ink)}
.cg-i dt{font-size:15px;font-weight:700;color:var(--ink2)}
.cg-i dd{margin:var(--s1) 0 0;font-size:18px;line-height:1.75;text-wrap:pretty}
.cg-i:last-child dd{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.65}
.cds{padding-top:var(--s6)}
.cd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:start}
.cd-main{grid-column:1/8}
.cd-side{grid-column:9/13;position:sticky;top:calc(var(--hd) + var(--s4))}
.cd-sec+.cd-sec{margin-top:var(--s6)}
.cd-h{font-family:var(--serif);font-weight:800;font-size:32px;line-height:1.35;letter-spacing:-.02em}
.cd-sec>p{max-width:34em;margin-top:var(--s2);font-size:18px;line-height:1.9}
.cd-pts{max-width:38em;margin-top:var(--s3);border-top:1px solid var(--line-l)}
.cd-pts li{padding:var(--s3) 0;border-bottom:1px solid var(--line-l)}
.cd-pts b{font-size:20px;font-weight:700;line-height:1.5}
.cd-pts p{margin-top:6px;font-size:18px;line-height:1.85;color:var(--ink2)}
.cdq{padding:var(--s7) 0}
.cq{max-width:56rem;margin:0}
.cq-h{font-size:15px;font-weight:700;color:var(--mist)}
.cq blockquote{margin:var(--s3) 0 0}
.cq blockquote p{font-family:var(--serif);font-weight:700;font-size:36px;line-height:1.55;letter-spacing:-.02em;text-wrap:pretty}
.cq-by{margin-top:var(--s3);font-size:16px;color:var(--mist)}
.cdm .pn{margin-bottom:var(--s6)}

/* ── 상속변호사 목록 ─────────────────────────────────────────────────── */
.lw-ceo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:end}
.lw{padding-bottom:0}
.lw-ceo-ph{grid-column:1/6;margin:0}
.lw-ceo-ph img{display:block;width:100%;height:auto}
.lw-ceo-tx{grid-column:7/13;padding-bottom:var(--s6)}
.lw-role,.lp-role{font-size:17px;font-weight:600;color:var(--ink2)}
.lw-name{margin-top:6px;font-family:var(--serif);font-weight:800;font-size:84px;line-height:1.02;letter-spacing:-.03em}
.lw-reg,.lp-reg{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3);margin-top:var(--s3);font-size:19px;font-weight:700;color:var(--gold-ink)}
.lw-dan{display:inline-flex;align-items:baseline;gap:10px;font-weight:500;color:var(--ink)}
.dan-lw{--n:46px;color:var(--gold-ink)}
.dan-lw .dan-d{font-size:16px;color:var(--ink)}                    /* 「단」도 15px 아래로 내려가지 않게 */
.lw-greet{margin-top:var(--s4);max-width:33em}
.lw-greet p{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.8;letter-spacing:-.01em;text-wrap:pretty}
.lw-greet p+p{margin-top:var(--s2)}
.lw-cv{margin-top:var(--s4);max-width:33em;border-top:1px solid var(--line-l)}
.lw-cv li{padding:12px 0;border-bottom:1px solid var(--line-l);font-size:16px;line-height:1.6}
.lw-go{margin-top:var(--s4)}

/* 변호사 카드(C 판): 사진 · 이름 · 대표 상속사건 */
.lc-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5) var(--col)}
.lc-list--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lc{position:relative;display:flex;flex-direction:column}
.lc-a{display:block}
.lw-ph{position:relative;margin:0;aspect-ratio:5/7;overflow:hidden;background:var(--night3)}
.ss-glass .lw-ph{background:var(--glass2)}
.lw-ph img{position:absolute;left:0;top:var(--dy,0%);width:100%;height:100%;max-width:none;transform:scale(var(--sc,1));transform-origin:50% var(--ey,20%)}   /* 스타일 C 와 같은 판 · 맞춤 */
.lc-n{display:flex;align-items:baseline;gap:10px;margin-top:var(--s3);font-family:var(--serif);font-weight:800;font-size:30px;letter-spacing:-.015em;transition:color .25s}
.lc-n span{font-family:'Pretendard',sans-serif;font-size:16px;font-weight:500;letter-spacing:0;color:var(--mist)}
.ss-glass .lc-n span{color:var(--ink2)}
.lc-a:hover .lc-n{color:var(--gold-hi)}
.ss-glass .lc-a:hover .lc-n{color:var(--gold-ink)}
.lc-cs{margin-top:var(--s2);border-top:1px solid var(--line-d)}
.lc-cs li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line-d)}
.lc-k{grid-column:1/-1;font-size:15px;font-weight:600;color:var(--mist)}
.lc-cs b{margin-top:2px;font-size:16px;font-weight:600;line-height:1.55;text-wrap:pretty}
.lc-r{font-family:var(--serif);font-weight:800;font-size:17px;color:var(--gold);white-space:nowrap}
.ss-glass .lc-cs,.ss-glass .lc-cs li{border-color:var(--line-l)}
.ss-glass .lc-k{color:var(--ink2)}
.ss-glass .lc-r{color:var(--gold-ink)}

/* 상담 다섯 단계(차례가 있는 내용이라 번호) */
.st-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--col)}
.st{padding-top:var(--s3);border-top:2px solid var(--ink)}
.st-n{font-family:var(--serif);font-weight:800;font-size:44px;line-height:1;color:var(--gold-ink)}
.st-t{margin-top:var(--s3);font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.45;letter-spacing:-.015em;text-wrap:balance}
.st-p{margin-top:var(--s1);font-size:16px;line-height:1.7;color:var(--ink2);text-wrap:pretty}

/* ── 변호사 상세 ─────────────────────────────────────────────────────── */
.lp{background:var(--glass);color:var(--ink);padding-top:var(--hd);overflow:hidden}
.lp-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:end}
.lp-tx{grid-column:1/7;padding:var(--s3) 0 var(--s6)}
.lp .sb-crumb li{color:var(--ink2)}
.lp .sb-crumb li+li::before{color:rgba(18,22,28,.3)}
.lp .sb-crumb a{color:var(--ink);text-decoration-color:rgba(18,22,28,.3)}
.lp .sb-crumb a:hover{color:var(--gold-ink);text-decoration-color:var(--gold-ink)}
.lp-role{margin-top:var(--s5)}
.lp-name{margin-top:6px;font-family:var(--serif);font-weight:800;font-size:104px;line-height:1;letter-spacing:-.035em}
.lp-say{margin-top:var(--s4);max-width:22em;font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.6;letter-spacing:-.015em;text-wrap:pretty}
.lp-act{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}
.lp-ph{grid-column:8/13;margin:var(--s4) 0 0}
.lp-ph img{display:block;width:100%;height:auto}
.lpb{border-top:1px solid var(--line-l)}
.lp-cv{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:start}
.lp-greet{grid-column:1/6;position:sticky;top:calc(var(--hd) + var(--s4))}
.lp-greet blockquote{margin:var(--s3) 0 0;padding-top:var(--s3);border-top:2px solid var(--ink)}
.lp-greet p{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.85;letter-spacing:-.01em;text-wrap:pretty}
.lp-greet p+p{margin-top:var(--s2)}
.lp-sign{margin-top:var(--s3);font-size:16px;font-weight:600;color:var(--ink2)}
.cv{grid-column:1/-1}
.lp-cv--lead .cv{grid-column:7/13}
.cv-gs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--col);margin-top:var(--s3);align-items:start}
.cv-col{display:grid;row-gap:var(--s4)}
.lp-cv--lead .cv-gs{grid-template-columns:1fr}
.cv-g{border-top:2px solid var(--ink)}
.cv-k{padding:var(--s2) 0 var(--s1);font-size:15px;font-weight:700;color:var(--ink2)}
.cv-g li{padding:12px 0;border-bottom:1px solid var(--line-l);font-size:17px;line-height:1.6}
.lpo .ss-more{margin-top:var(--s5)}

/* 수행한 상속사건: 한 줄에 사건 하나(달 · 분야 · 사건 · 결과) */
.rec-list{border-top:1px solid var(--line-d)}
.rec{display:grid;grid-template-columns:6.5em 8.5em minmax(0,1fr) auto;column-gap:var(--s3);align-items:baseline;padding:var(--s3) 0;border-bottom:1px solid var(--line-d)}
.rec-d{font-size:16px;color:var(--mist)}
.rec-k{font-size:16px;font-weight:600;color:var(--mist)}
.rec-t b{display:block;font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.4;letter-spacing:-.015em}
.rec-t>span{display:block;margin-top:4px;font-size:15px;color:var(--mist)}
.rec-r{font-family:var(--serif);font-weight:800;font-size:26px;color:var(--gold);white-space:nowrap}
.rec{position:relative}                                    /* 사건명이 상세로 가는 링크 — 줄 전체를 누를 수 있게(10-28) */
.rec-t a{transition:color .25s}
.rec-t a::after{content:'';position:absolute;inset:0}
.rec:hover .rec-t a{color:var(--gold-hi)}
.rec-t a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

/* 성공사례 목록: 변호사별 묶음(문서의 한 줄 + 10선) · 사례 상세의 「다른 성공사례」 */
.cl-g+.cl-g{margin-top:var(--s6)}
.cl-lw .ss-h small{margin-left:.35em;font-family:var(--sans);font-size:.5em;font-weight:600;letter-spacing:0;color:var(--mist)}
.cd-more{margin-top:var(--s6)}

/* 변호사 상세: 소개 · 주요 전문 분야(문서 그대로) */
.lp-intro{max-width:46rem;margin-bottom:var(--s6)}
.lp-intro>p{margin-top:var(--s3);font-size:19px;line-height:1.9;text-wrap:pretty}
.lp-tags-h{margin-top:var(--s4);font-size:15px;font-weight:700;color:var(--ink2)}
.lp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s2)}
.lp-tags li{padding:6px 14px;border:1px solid var(--line-l);border-radius:999px;font-size:15px;line-height:1.5}

/* ── 상속분야 목록: 갈래 넷 → 유형 카드 ───────────────────────────────── */
.fg+.fg{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line-l)}
.fg-h{font-family:var(--serif);font-weight:800;font-size:34px;line-height:1.3;letter-spacing:-.02em}
.fc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--col);margin-top:var(--s4)}
.fc{position:relative;display:flex;flex-direction:column;padding-top:var(--s3);border-top:2px solid var(--ink)}
.fc-t{font-family:var(--serif);font-weight:800;font-size:32px;line-height:1.3;letter-spacing:-.02em}
.fc-t a{transition:color .25s}
.fc-t a::after{content:'';position:absolute;inset:0}
.fc:hover .fc-t a{color:var(--gold-ink)}
.fc-sit{margin-top:var(--s1);font-family:var(--serif);font-weight:700;font-size:19px;line-height:1.5}
.fc-due{max-width:40em;margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--line-l);font-size:16px;line-height:1.75;text-wrap:pretty}
.fc--w{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:start}
.fc--w .fc-a{grid-column:1/7}
.fc--w .fc-due{grid-column:7/13;margin-top:0;padding-top:0;border-top:0}
.fc-due b{display:block;margin-bottom:2px;font-size:15px;font-weight:700;color:var(--ink2)}

/* 유형 상세 */
.tr-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:start}
.tr-in .qa-links{grid-column:1/8}
.tr-in .rd-card{grid-column:9/13}

/* ── Q&A 목록: 찾기 · 분류 · 색인 ──────────────────────────────────────── */
.qf{max-width:40rem;margin-top:var(--s4)}
.qf-l{display:block;font-size:15px;font-weight:700;color:var(--mist)}
.qf-in{margin-top:var(--s1)}
.qf-i{width:100%;height:64px;padding:0 var(--s3);background:var(--night2);border:1px solid #7C8797;border-radius:2px;font-size:18px;color:var(--moon)}
.qf-i::placeholder{color:#8E99A9}
.qf-i:focus{outline:none;border-color:var(--gold-hi);box-shadow:0 0 0 2px var(--gold-hi)}
.qf-c{display:block;min-height:26px;margin-top:var(--s1);font-size:15px;color:var(--mist)}
.qn{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s1)}
.qn a{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 var(--s3);border:1px solid rgba(238,241,245,.45);border-radius:2px;font-size:17px;font-weight:500;transition:border-color .25s,background-color .25s}
.qn a:hover{border-color:var(--moon);background:rgba(238,241,245,.08)}
.qn .num{font-size:15px;color:var(--mist)}
.qg{scroll-margin-top:calc(var(--hd) + var(--s3))}
.qg+.qg{margin-top:var(--s6)}
.qg[hidden]{display:none}
.qg-h{display:flex;align-items:baseline;gap:var(--s2);font-family:var(--serif);font-weight:800;font-size:34px;line-height:1.3;letter-spacing:-.02em}
.qg-h .num{font-family:'Pretendard',sans-serif;font-size:17px;font-weight:700;letter-spacing:0;color:var(--ink2)}
.qi-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--col);margin-top:var(--s3);border-top:2px solid var(--ink)}
.qi{border-bottom:1px solid var(--line-l)}
.qi[hidden]{display:none}
.qi a{display:flex;flex-direction:column;gap:6px;height:100%;padding:var(--s3) 0}
.qi-q{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.5;letter-spacing:-.01em;transition:color .25s;text-wrap:pretty}
.qi-p{font-size:16px;line-height:1.7;color:var(--ink2);text-wrap:pretty}
.qi a:hover .qi-q{color:var(--gold-ink)}
.qa-none{margin-top:var(--s4);font-size:18px;line-height:1.7}
.qa-none[hidden]{display:none}

/* ── Q&A 상세: 답(읽는 칸) | 같은 상황의 다른 질문 ─────────────────────── */
.qd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:start}
.qd-main{grid-column:1/8}
.qd-side{grid-column:9/13;position:sticky;top:calc(var(--hd) + var(--s4))}
.qd-when{margin-bottom:var(--s4);padding:var(--s2) var(--s3);background:var(--glass2);font-size:17px;font-weight:600;line-height:1.65}
.qd-a,.qd-main .law{max-width:34em}
.qd-a p{font-size:19px;line-height:1.95;text-wrap:pretty}
.qd-a p+p{margin-top:var(--s3)}
.law{margin-top:var(--s5);padding:var(--s3) var(--s4);border:1px solid var(--line-l)}
.law-k{font-size:15px;font-weight:700;color:var(--ink2)}
.law-t{margin-top:6px;font-size:16px;line-height:1.85;color:var(--ink2)}
.qd-main .rd-card{margin-top:var(--s4)}
.qd-main .pn{margin-top:var(--s5)}
.qd-rh{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.4;letter-spacing:-.015em}
.qd-sit{margin-top:6px;font-size:16px;line-height:1.6;color:var(--ink2)}
.qd-side .qa-links{margin-top:var(--s2)}
.qa-links--s a,.qa-links--s li>span{min-height:56px;font-size:17px}
.qd-side .rd-card{margin-top:var(--s4)}

/* ── 칼럼 목록: 새로 실린 글 → 서가 → 함께 보는 자료 ─────────────────────── */
.cfs{padding-bottom:0}
.cfs .ss-head{margin-bottom:var(--s3)}
.cf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);padding:var(--s5) 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line-l)}
.cf-k{grid-column:1/-1;font-size:16px;font-weight:600;color:var(--ink2)}
.cf-t{grid-column:1/10;margin-top:var(--s2);font-family:var(--serif);font-weight:800;font-size:50px;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.cf-t a{transition:color .25s}
.cf-t a:hover{color:var(--gold-ink)}
.cf-l{grid-column:1/9;max-width:38em;margin-top:var(--s3);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;line-height:1.85;color:var(--ink2)}
.cf-m{grid-column:1/9;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin-top:var(--s4)}
.cf-go{grid-column:1/-1;margin-top:var(--s4)}
.au{display:flex;align-items:center;gap:12px}
.au-ph{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--glass2)}
.au-tx b{display:block;font-size:16px;font-weight:700}
.au-tx span{display:block;font-size:15px;color:var(--ink2)}
.cf-d,.ca-d{display:flex;flex-wrap:wrap;gap:4px var(--s3);font-size:15px;color:var(--ink2)}
.co-vols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5) var(--col)}
.co-v{padding-top:var(--s3);border-top:2px solid var(--ink)}
.co-vh{font-family:var(--serif);font-weight:800;font-size:28px;line-height:1.35;letter-spacing:-.02em}
.co-vh small{display:block;margin-bottom:4px;font-family:'Pretendard',sans-serif;font-size:15px;font-weight:700;letter-spacing:0;color:var(--ink2)}
.co-c{margin-top:4px;font-size:15px;color:var(--ink2)}
.co-list{margin-top:var(--s2)}
.co-it{display:grid;grid-template-columns:2.4em minmax(0,1fr);column-gap:8px;align-items:baseline;min-height:56px;padding:12px 0;border-bottom:1px solid var(--line-l);font-size:16px;line-height:1.55;color:var(--ink2)}
.co-n{font-family:var(--serif);font-weight:700}
a.co-it{color:var(--ink);font-weight:600;transition:color .25s}
a.co-it .co-t{text-decoration:underline;text-decoration-color:rgba(18,22,28,.3);text-underline-offset:5px}
a.co-it .co-n{color:var(--gold-ink)}
a.co-it:hover{color:var(--gold-ink)}
.com{border-top:1px solid var(--line-l)}
.lib{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--col)}
.lib a{display:flex;flex-direction:column;gap:var(--s1);height:100%;padding:var(--s4) 0 var(--s3);border-top:2px solid var(--ink);transition:color .25s}
.lib b{font-family:var(--serif);font-weight:800;font-size:30px;line-height:1.3;letter-spacing:-.02em}
.lib span{font-size:17px;line-height:1.7;color:var(--ink2);text-wrap:pretty}
.lib small{margin-top:auto;padding-top:var(--s2);font-size:15px;font-weight:600;color:var(--ink2)}
.lib a:hover b{color:var(--gold-ink)}

/* ── 칼럼 상세: 책 조판 · 차례(읽는 위치) · 글자 크기 ──────────────────────── */
.sb-top--col .au-tx span,.sb-top--col .ca-d{color:var(--mist)}
.sb-top--col .au-ph{background:var(--night3)}
.ca-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin-top:var(--s4)}
.ca-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:start}
.ca-art{--fz:1;grid-column:1/9;max-width:37em;font-size:calc(1.125rem * var(--fz));line-height:1.9}
.ca-art[data-fz="-1"]{--fz:.94}
.ca-art[data-fz="1"]{--fz:1.12}
.ca-art[data-fz="2"]{--fz:1.24}
.ca-side{grid-column:10/13;position:sticky;top:calc(var(--hd) + var(--s4))}
.ca-sh{font-size:15px;font-weight:700;color:var(--ink2)}
.ca-toc{margin-top:var(--s1);border-top:2px solid var(--ink)}
.ca-toc a{display:flex;align-items:center;min-height:56px;padding:8px 12px;border-bottom:1px solid var(--line-l);font-size:16px;font-weight:500;line-height:1.5;color:var(--ink2);transition:color .25s,background-color .25s}
.ca-toc a:hover{color:var(--ink)}
.ca-toc a[aria-current="true"]{background:var(--glass2);color:var(--ink);font-weight:700}
.fs{display:flex;gap:8px;margin-top:var(--s3)}
.fs-b{display:inline-flex;align-items:baseline;justify-content:center;min-width:56px;min-height:56px;padding:0 12px;background:none;border:1px solid var(--line-l);border-radius:2px;font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink);line-height:56px;transition:border-color .25s}
.fs-b span{margin-left:2px;font-family:'Pretendard',sans-serif;font-size:15px}
.fs-b:hover{border-color:var(--ink)}
.fs-b:disabled{opacity:.4;cursor:default}
.fs--m{display:none}
.ca-tocm{display:none}
.ca-art>p{margin-top:1em}
.ca-art>p:first-child{margin-top:0}
.ca-art>h2{margin-top:2.6em;padding-top:1em;border-top:1px solid var(--line-l);font-family:var(--serif);font-weight:800;font-size:1.78em;line-height:1.35;letter-spacing:-.02em;scroll-margin-top:calc(var(--hd) + var(--s3))}
.ca-art>h3{margin-top:2em;font-family:var(--serif);font-weight:700;font-size:1.33em;line-height:1.45;letter-spacing:-.015em}
.ca-art>h4{margin-top:1.6em;font-size:1.05em;font-weight:700;line-height:1.55}
.ca-art>h3+p,.ca-art>h4+p{margin-top:.5em}
.ca-law{margin-top:2em;padding:var(--s4) var(--s4) var(--s3);background:var(--glass2)}
.ca-law h2{font-family:var(--serif);font-weight:800;font-size:1.3em;line-height:1.4;letter-spacing:-.015em}
.ca-law ol{display:grid;gap:.5em;margin-top:.8em}
.ca-law li,.ca-law p{font-family:var(--serif);font-weight:500;font-size:.94em;line-height:1.9}
.ca-law h3{margin-top:1.4em;font-size:1em;font-weight:700;line-height:1.55}
.ca-law h3+p{margin-top:.3em}
.ca-amd{font-family:'Pretendard',sans-serif;font-size:max(15px,.82em);color:var(--ink2);white-space:nowrap}
.ca-law .ca-note{margin-top:1.2em;padding-top:.8em;border-top:1px solid var(--line-l);font-family:'Pretendard',sans-serif;font-size:max(15px,.86em);color:var(--ink2)}
.ca-case{margin-top:1.6em;border-top:2px solid var(--ink)}
.ca-case h4{padding:.8em 0 .4em;font-size:.92em;font-weight:700;line-height:1.55;color:var(--gold-ink)}
.ca-case blockquote{margin:0;padding:1em 1.2em;background:var(--glass2);font-family:var(--serif);font-weight:500;font-size:.94em;line-height:1.9}
.ca-case>p{margin-top:.9em;font-size:.94em;line-height:1.9}
.ca-req{margin-top:.8em;padding-left:1.5em;list-style:decimal}
.ca-req li{margin-top:.5em;padding-left:4px}
.ca-req li::marker{font-weight:700;color:var(--gold-ink)}
.ca-shift{margin:1.6em 0 0;border-top:2px solid var(--ink)}
.ca-shift div{display:grid;grid-template-columns:4.5em minmax(0,1fr);column-gap:var(--s3);padding:.8em 0;border-bottom:1px solid var(--line-l)}
.ca-shift dt{font-weight:700;color:var(--gold-ink)}
.ca-shift dd{margin:0;font-size:.94em}
.ca-cmp{width:100%;margin-top:1.6em;border-collapse:collapse;font-size:max(15px,.92em);line-height:1.65}
.ca-cmp caption{margin-bottom:.8em;text-align:left;font-weight:700}
.ca-cmp th,.ca-cmp td{padding:.8em .9em .8em 0;border-bottom:1px solid var(--line-l);text-align:left;vertical-align:top}
.ca-cmp thead th{border-bottom:2px solid var(--ink);font-size:max(15px,.88em);color:var(--ink2)}
.ca-cmp tbody th{font-weight:600;white-space:nowrap}
.ca-pair{margin-top:1.2em;border-top:1px solid var(--line-l)}
.ca-cmp+.ca-pair{margin-top:0;border-top:0}
.ca-pair li{padding:1em 0;border-bottom:1px solid var(--line-l);font-size:.94em}
.ca-pair b{display:block;margin-bottom:4px}
.ca-faq{margin-top:2.6em;scroll-margin-top:calc(var(--hd) + var(--s3))}
.ca-faq h2{margin-bottom:.8em;font-family:var(--serif);font-weight:800;font-size:1.78em;line-height:1.35;letter-spacing:-.02em}
.ca-faq .sb-acc-i summary{font-family:var(--serif);font-weight:700;font-size:1.05em;letter-spacing:-.01em}
.ca-faq .sb-acc-a p{font-size:1em}
.ca-art .pn{margin-top:2.6em}
/* 개인정보취급방침(B-개인정보.html): 칼럼 본문 서식에 차례 · 목록만 더함 */
.pp>h2{margin-top:2em;font-size:1.3em}
.pp>h3{margin-top:1.4em;font-family:'Pretendard',sans-serif;font-weight:700;font-size:1em;line-height:1.6}
.pp-toc{margin-top:.8em;padding-left:1.6em;list-style:decimal}
.pp-toc li{margin-top:.25em}
.pp-toc a{text-decoration:underline;text-underline-offset:3px}
.pp-l{margin-top:.6em;padding-left:1.2em;list-style:"- "}
.pp-l li{margin-top:.35em}
.pp>h3+p,.pp>h3+ul{margin-top:.5em}
.pp-ag{margin:0 0 2.4em;padding:1.4em 1.6em;background:#fff;border:1px solid var(--line-l)}   /* 상담 신청 동의 안내 — 상담 칸 「내용보기」로 열면 맨 위 */
.pp-ag h2{margin:0;font-size:1.15em}
.pp-ag dl{margin:.8em 0 0}
.pp-ag dt{margin-top:.9em;font-family:'Pretendard',sans-serif;font-weight:700}
.pp-ag dd{margin:.2em 0 0}
.cab{border-top:1px solid var(--line-l)}
.ab{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col);align-items:start}
.ab-ph{grid-column:1/4;width:100%;height:auto;background:var(--glass2)}
.ab-tx{grid-column:4/9}
.ab-k{font-size:15px;font-weight:700;color:var(--ink2)}
.ab-n{margin-top:6px;font-family:var(--serif);font-weight:800;font-size:44px;line-height:1.15;letter-spacing:-.02em}
.ab-n span{margin-left:10px;font-family:'Pretendard',sans-serif;font-size:18px;font-weight:500;letter-spacing:0;color:var(--ink2)}
.ab-cv{margin-top:var(--s3);border-top:1px solid var(--line-l)}
.ab-cv li{padding:12px 0;border-bottom:1px solid var(--line-l);font-size:16px;line-height:1.6}
.ab-d{margin-top:var(--s2);font-size:15px;color:var(--ink2)}
.ab .more{margin-top:var(--s1)}
.ab-vol{grid-column:10/13}
.ab-vh{font-size:15px;font-weight:700;color:var(--ink2)}
.ab-vol ol{margin-top:var(--s1);border-top:2px solid var(--ink)}
.cv-it{display:flex;align-items:center;min-height:56px;padding:8px 0;border-bottom:1px solid var(--line-l);font-size:16px;line-height:1.5;color:var(--ink2)}
a.cv-it{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(18,22,28,.3);text-underline-offset:5px}
a.cv-it:hover{color:var(--gold-ink)}
.cv-it[aria-current]{color:var(--ink);font-weight:700}

/* ── 태블릿 ──────────────────────────────────────────────────────── */
@media (max-width:1024px){
  .sb-top-tx,.sb-top-tx:only-child,.sb-aside{grid-column:1/-1}
  .sb-aside{margin-top:var(--s4)}
  .sb-h1{font-size:48px}
  .sb-h1--case{font-size:52px}
  .sb-h1--q{font-size:36px}
  .sb-h1--col{font-size:42px}
  .sb-lead{font-size:19px}
  .ss-h{font-size:36px}
  .ss-head--wide{display:block}
  .ss-head--wide .ss-sub{margin-top:var(--s2)}
  .pc-t{font-size:23px}
  .pc--l .pc-t{font-size:30px}
  .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cd-main{grid-column:1/-1}
  .cd-side{grid-column:1/-1;position:static;margin-top:var(--s5)}
  .cq blockquote p{font-size:30px}
  .lw-ceo-ph{grid-column:1/6}
  .lw-ceo-tx{grid-column:6/13}
  .lw-name{font-size:64px}
  .lc-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lc-list--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--s4)}
  .lp-tx{grid-column:1/8}
  .lp-ph{grid-column:8/13}
  .lp-name{font-size:80px}
  .lp-greet,.lp-cv--lead .cv{grid-column:1/-1}
  .lp-greet p{max-width:34em}
  .lp-cv--lead .cv{margin-top:var(--s5)}
  .lp-cv--lead .cv-gs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rec{grid-template-columns:6em minmax(0,1fr) auto}
  .rec-k{grid-column:2;grid-row:1}
  .rec-t{grid-column:2;grid-row:2}
  .rec-r{grid-column:3;grid-row:1/3;align-self:center}
  .fc-t{font-size:28px}
  .fc--w{display:flex;flex-direction:column}
  .fc--w .fc-due{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--line-l)}
  .pc-feat--1 .pc-ph,.pc-feat--1 .pc-tx{grid-column:1/-1}
  .pc-feat--1 .pc-tx{padding-top:var(--s3)}
  .tr-in .qa-links,.tr-in .rd-card{grid-column:1/-1}
  .tr-in .rd-card{margin-top:var(--s4)}
  .qi-list{grid-template-columns:1fr}
  .qd-main{grid-column:1/-1}
  .qd-side{grid-column:1/-1;position:static;margin-top:var(--s5)}
  .cf-t{grid-column:1/-1;font-size:42px}
  .cf-l,.cf-m{grid-column:1/-1}
  .cf-go{grid-column:1/-1;grid-row:auto;justify-self:start;margin-top:var(--s4)}
  .co-vols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ca-art{grid-column:1/-1;max-width:40em}
  .ca-side{display:none}
  .ca-tocm{display:block;margin-top:var(--s4);border:1px solid var(--line-l)}
  .ca-tocm summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--s3);cursor:pointer;list-style:none;font-size:17px;font-weight:700}
  .ca-tocm summary::-webkit-details-marker{display:none}
  .ca-tocm[open] .sb-acc-ic{transform:rotate(45deg)}
  .ca-tocm ol{padding:0 var(--s3) var(--s1)}
  .ca-tocm a{display:flex;align-items:center;min-height:56px;border-top:1px solid var(--line-l);font-size:17px}
  .fs--m{display:flex;margin-top:var(--s2)}
  .ab-ph{grid-column:1/4}
  .ab-tx{grid-column:4/13}
  .ab-vol{grid-column:1/-1;margin-top:var(--s5)}
}

/* ── 휴대폰 ──────────────────────────────────────────────────────── */
@media (max-width:760px){
  .sb-top{padding:calc(var(--hd) + var(--s1)) 0 var(--s5)}
  .sb-kick{margin-top:var(--s2);font-size:16px}
  .sb-crumb+.sb-h1,.sb-h1{margin-top:var(--s2)}
  .sb-h1{font-size:36px;line-height:1.26}
  .sb-lead{margin-top:var(--s2);font-size:17px}
  .sb-top--photo{min-height:78svh;padding-bottom:var(--s5)}
  .sb-h1--case{font-size:34px;line-height:1.3}
  .sb-res{font-size:26px}
  .sb-top--photo .sb-kick{font-size:16px}
  .sb-top--ty .sb-kick{font-size:20px}
  .sb-top--ty .sb-aside{padding:var(--s3)}
  .due-t{font-size:19px}
  .sb-h1--q{font-size:27px;line-height:1.5}
  .sb-h1--col{font-size:30px;line-height:1.36}
  .ss{padding:var(--s5) 0}
  .ss-head{margin-bottom:var(--s4)}
  .ss-h{font-size:28px}
  .ss-sub{font-size:17px}
  .sb-acc-i summary{gap:var(--s2);padding:var(--s2) 0;font-size:18px}
  .sb-acc--l .sb-acc-i summary{padding:var(--s3) 0;font-size:20px}
  .sb-acc-a{padding:0 0 var(--s3)}
  .sb-acc-a p{font-size:17px}
  .sb-law{font-size:15px}
  .pn{grid-template-columns:1fr}
  .pn>:last-child{grid-column:1;align-items:flex-start;text-align:left;border-top:1px solid var(--line-l)}
  .pn a,.pn .pn-x{min-height:80px}
  .pn b{font-size:18px}
  .qa-links a,.qa-links li>span{min-height:56px;font-size:17px}
  .rd-card{padding:var(--s3)}
  .rd-card b{font-size:20px}
  .ask{padding:var(--s3)}
  .ask-tel{font-size:34px}
  .pc-feat,.pc-grid{grid-template-columns:1fr;row-gap:var(--s4)}
  .pc-grid .pc{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:var(--s2);align-items:start}
  .pc-grid .pc-ph{aspect-ratio:4/3}
  .pc-grid .pc-tx{padding-top:0}
  .pc-t{font-size:20px}
  .pc-grid .pc-s{display:none}
  .pc-grid .pc-r{margin-top:var(--s1);padding-top:0;border:0;font-size:19px}
  .pc--l .pc-t{font-size:26px}
  .pc--l .pc-r{font-size:24px}
  .pc-gl dd{font-size:16px}
  .pc-feat+.pc-grid{margin-top:var(--s5);padding-top:var(--s5)}
  .cdg{padding-top:var(--s4)}
  .cg{grid-template-columns:1fr;row-gap:var(--s3)}
  .cg-i dd{font-size:17px}
  .cg-i:last-child dd{font-size:18px}
  .cds{padding-top:var(--s5)}
  .cd-h{font-size:25px}
  .cd-sec+.cd-sec{margin-top:var(--s5)}
  .cd-sec>p,.cd-pts p{font-size:17px}
  .cd-pts b{font-size:18px}
  .cdq{padding:var(--s6) 0}
  .cq blockquote p{font-size:24px;line-height:1.6}
  .lw-ceo{display:block}
  .lw-ceo-ph{max-width:340px}
  .lw-ceo-tx{margin-top:var(--s4);padding-bottom:var(--s5)}
  .lw{padding-top:var(--s5)}
  .lw-name{font-size:52px}
  .lw-reg,.lp-reg{font-size:17px}
  .dan-lw{--n:38px}
  .lw-greet p{font-size:18px}
  .lw-cv li{font-size:15px}
  .lc-list{grid-template-columns:1fr 1fr;gap:var(--s4) var(--s2)}
  .lc-n{flex-direction:column;gap:2px;font-size:22px}
  .lc-list--3{grid-template-columns:1fr;row-gap:var(--s3)}
  .lc-list--3 .lc{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:var(--s2);align-items:start}
  .lc-list--3 .lc-a{display:contents}
  .lc-list--3 .lw-ph{grid-column:1;grid-row:1/3}
  .lc-list--3 .lc-n{grid-column:2;margin-top:0}
  .lc-list--3 .lc-cs{grid-column:2;margin-top:var(--s1)}
  .lc-n span{font-size:15px}
  .lc-cs li{grid-template-columns:1fr}
  .lc-cs b{font-size:15px}
  .lc-r{font-size:16px}
  .st-list{grid-template-columns:1fr;row-gap:var(--s3)}
  .st{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:var(--s2);padding-top:var(--s2)}
  .st-n{grid-row:1/3;font-size:34px}
  .st-t{margin-top:0;font-size:20px}
  .lp-in{display:flex;flex-direction:column;align-items:stretch}
  .lp-tx{display:contents}
  .lp .sb-crumb{order:1}
  .lp-ph{order:2;width:min(260px,70%);margin:var(--s2) 0 0}
  .lp-role{order:3;margin-top:var(--s3)}
  .lp-name{order:4}
  .lp-reg{order:5}
  .lp-say{order:6}
  .lp-act{order:7;margin:var(--s4) 0 var(--s5)}
  .lp-name{font-size:60px}
  .lp-say{font-size:20px}
  .lp-act .btn{flex:1 1 100%}
  .lp-greet p{font-size:18px}
  .cv-gs,.lp-cv--lead .cv-gs{grid-template-columns:1fr}
  .cv-g li{font-size:16px}
  .rec{grid-template-columns:1fr auto;padding:var(--s2) 0}
  .rec-d{grid-column:1;grid-row:1;font-size:15px}
  .rec-k{grid-column:1;grid-row:2;font-size:15px}
  .rec-t{grid-column:1/-1;grid-row:3;margin-top:4px}
  .rec-t b{font-size:20px}
  .lp-intro>p{font-size:17px}
  .cl-lw .ss-h small{display:block;margin:4px 0 0;font-size:.55em}
  .rec-r{grid-column:2;grid-row:1/3;align-self:start;font-size:20px}
  .fg-h{font-size:26px}
  .fc-list{grid-template-columns:1fr;row-gap:var(--s4)}
  .fc-t{font-size:26px}
  .fc-sit{font-size:18px}
  .fc-due{font-size:15px}
  .qf-i{height:60px;font-size:17px}
  .qn a{padding:0 var(--s2);font-size:16px}
  .qg-h{font-size:26px}
  .qi-q{font-size:18px}
  .qi-p{display:none}
  .qd-when{font-size:16px}
  .qd-a p{font-size:18px;line-height:1.9}
  .law{padding:var(--s3)}
  .law-t{font-size:15px}
  .qd-rh{font-size:21px}
  .cf{padding:var(--s4) 0}
  .cf-t{font-size:32px}
  .cf-l{font-size:17px}
  .co-vols{grid-template-columns:1fr;row-gap:var(--s4)}
  .co-vh{font-size:24px}
  .co-it{font-size:16px}
  .lib{grid-template-columns:1fr;gap:var(--s2)}
  .lib b{font-size:26px}
  .ca-art{font-size:calc(1.0625rem * var(--fz))}
  .ca-law{padding:var(--s3) var(--s2)}
  .ca-case blockquote{padding:.9em}
  .ca-shift div{grid-template-columns:1fr;row-gap:2px}
  /* 비교표: 휴대폰에서는 줄마다 한 덩어리(칸 이름은 data-k) */
  .ca-cmp,.ca-cmp caption,.ca-cmp tbody,.ca-cmp tr,.ca-cmp th,.ca-cmp td{display:block}
  .ca-cmp thead{display:none}
  .ca-cmp tr{padding:.8em 0;border-bottom:1px solid var(--line-l)}
  .ca-cmp tbody th,.ca-cmp td{padding:2px 0;border:0;white-space:normal}
  .ca-cmp td::before{content:attr(data-k) ' ';display:block;font-size:15px;font-weight:600;color:var(--ink2)}
  .ca-cmp td+td{margin-top:.5em}
  .ab{display:block}
  .ab-ph{width:180px}
  .ab-vol{margin-top:var(--s5)}
  .ab-tx{margin-top:var(--s3)}
  .ab-n{font-size:34px}
}

@media (prefers-reduced-motion:reduce){
  .sb-acc-ic,.pc-t a,.fc-t a,.ca-toc a,.rd-card,.lib a{transition:none}
}
@media print{
  .ca-side,.ca-tocm,.fs,.qf,.qn{display:none!important}
}