@charset "UTF-8";
/* ============================================================
   의정종합법률사무소 · 개인회생2번 랜딩페이지
   Layout base : 1512px (좌우 마진 186px / 본문 1140px)
   Font system : 100% vw 비례 (rem = 루트폰트)
   ============================================================ */

/* ------------------------------------------------------------
   1. 반응형 폰트 스케일 (모든 화면 동일 비율)
   - PC   : 1512 기준 1rem = 10px, 1600px 에서 최고 크기 고정
   - 태블릿/펼친모바일 : 990 ~ 501, 600px 에서 최고 크기 고정
   - 접은모바일        : 500 이하, 420px 에서 최고 크기 고정
   ------------------------------------------------------------ */
html { font-size: calc(100vw / 151.2); }                                  /* 1512 → 10px */
@media (min-width: 1600px) { html { font-size: 10.582px; } }              /* 1600 최고폰트 */

@media (max-width: 990px)  { html { font-size: calc(100vw / 60); } }      /* 600 → 10px */
@media (max-width: 990px) and (min-width: 600px) { html { font-size: 10px; } }

@media (max-width: 500px)  { html { font-size: calc(100vw / 42); } }      /* 420 → 10px */
@media (max-width: 500px) and (min-width: 420px) { html { font-size: 10px; } }

/* ------------------------------------------------------------
   2. 디자인 토큰
   ------------------------------------------------------------ */
:root{
  --navy-900:#0a1220;
  --navy-800:#0f1d33;
  --navy-700:#16304d;
  --navy:#1a3b5d;
  --navy-line:#24456b;
  --blue:#215a97;
  --blue-txt:#1e4d8f;
  --gold:#c9963a;
  --gold-lt:#e0ac4d;
  --kakao:#fae100;
  --kakao-txt:#3c1e1e;
  --green:#12a05c;
  --ink:#1a2433;
  --ink-2:#3f4a5a;
  --muted:#77808f;
  --muted-2:#9aa3b0;
  --line:#e3e7ee;
  --line-2:#eef1f6;
  --bg:#ffffff;
  --bg-soft:#f6f7fb;
  --bg-blue:#f2f6fb;
  --radius:1rem;
  --shadow-sm:0 .2rem .8rem rgba(20,35,60,.06);
  --shadow:0 .6rem 2.4rem rgba(20,35,60,.09);
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ------------------------------------------------------------
   3. Reset
   ------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,
              'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',system-ui,sans-serif;
  font-size:1.6rem;
  line-height:1.7;
  color:var(--ink);
  background:#fff;
  -webkit-text-size-adjust:100%;
  word-break:keep-all;
  overflow-wrap:break-word;
}
h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
img{max-width:100%;height:auto;display:block;border:0;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
input,textarea,select{font:inherit;color:inherit;}
table{border-collapse:collapse;width:100%;}
address{font-style:normal;}
:focus-visible{outline:.2rem solid var(--blue);outline-offset:.2rem;}
.blind{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ------------------------------------------------------------
   4. 레이아웃 골격
   ------------------------------------------------------------ */
#wrap{max-width:1920px;margin:0 auto;background:#fff;overflow:hidden;position:relative;}
.inner{width:114rem;margin:0 auto;}                 /* 1140px · 좌우 186px @1512 */
.sec{padding:10rem 0;}
.sec--soft{background:var(--bg-soft);}
.sec--tight{padding:8rem 0;}

/* 섹션 헤더 */
.sec-eyebrow{
  display:block;text-align:center;font-size:1.5rem;font-weight:800;
  letter-spacing:.12em;color:var(--gold);margin-bottom:1.2rem;
}
.sec-eyebrow--blue{color:var(--blue-txt);}
.sec-title{font-size:3.6rem;font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--ink);}
.sec-title--c{text-align:center;}
.sec-title em{font-style:normal;color:var(--blue-txt);}
.sec-lead{margin-top:1.8rem;font-size:1.7rem;line-height:1.8;color:var(--ink-2);}
.sec-lead--c{text-align:center;}

/* ------------------------------------------------------------
   5. 헤더
   ------------------------------------------------------------ */
.hd{
  position:sticky;top:0;z-index:200;background:#fff;
  border-bottom:.1rem solid var(--line-2);
}
.hd__in{width:114rem;margin:0 auto;height:8.4rem;display:flex;align-items:center;gap:1.4rem;}
.hd__logo{display:flex;align-items:center;gap:1rem;flex:none;}
.hd__mark{width:3rem;height:auto;flex:none;}
.hd__name{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:var(--navy-800);}
.hd__badge{
  flex:none;padding:.5rem 1.2rem;border-radius:10rem;background:var(--bg-blue);
  font-size:1.25rem;font-weight:700;color:var(--navy);letter-spacing:-.02em;
}
.hd__nav{margin-left:4.4rem;}
.hd__nav ul{display:flex;align-items:center;gap:3.2rem;}
.hd__nav a{font-size:1.55rem;font-weight:600;color:#5c6676;letter-spacing:-.02em;transition:color .2s;}
.hd__nav a:hover{color:var(--navy);}
.hd__util{margin-left:auto;display:flex;align-items:center;gap:1.8rem;}
.hd__tel{display:flex;align-items:center;gap:.9rem;font-size:1.8rem;font-weight:800;color:var(--navy-800);letter-spacing:-.01em;}
.hd__ico{width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;flex:none;}
.hd__ico--tel{background:var(--navy);}
.hd__ico--kakao{background:var(--kakao);}
.hd__ico svg{width:1.5rem;height:1.5rem;}
.hd__div{width:.1rem;height:2rem;background:var(--line);}
.hd__kakao{display:flex;align-items:center;gap:.9rem;font-size:1.65rem;font-weight:800;color:var(--navy-800);}
.hd__toggle{display:none;}

/* ------------------------------------------------------------
   6. 퀵메뉴
   ------------------------------------------------------------ */
.quick{
  position:fixed;right:2.4rem;top:50%;transform:translateY(-50%);z-index:150;
  width:7.2rem;padding:1.4rem .8rem;border-radius:4rem;
  background:linear-gradient(180deg,#0f1d33,#1c3f66);
  box-shadow:0 1rem 3rem rgba(10,20,40,.28);text-align:center;
}
.quick__ttl{font-size:1.2rem;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.02em;}
.quick__ttl span{display:block;font-size:1.05rem;font-weight:600;color:#a9bdd6;}
.quick__list{margin-top:1rem;display:grid;gap:.7rem;}
.quick__list a{display:block;padding:.5rem 0;border-radius:1.6rem;transition:background .2s;}
.quick__list a:hover{background:rgba(255,255,255,.08);}
.quick__ico{width:3.4rem;height:3.4rem;margin:0 auto;border-radius:50%;display:grid;place-items:center;}
.quick__ico svg{width:1.7rem;height:1.7rem;}
.q-tel{background:#2f6fb5;}
.q-kko{background:var(--kakao);}
.q-app{background:#2f6fb5;}
.quick__list b{display:block;margin-top:.3rem;font-size:1.1rem;font-weight:700;color:#dbe6f2;}

/* ------------------------------------------------------------
   7. 정보 카드 그리드 (상황별 확인 정보)
   ------------------------------------------------------------ */
.topics{padding:6rem 0 9rem;background:var(--bg-soft);}
.topics__hd{display:flex;align-items:flex-end;justify-content:space-between;
  padding-bottom:2.4rem;border-bottom:.1rem solid #dfe3ea;}
.topics__hd h2{font-size:3rem;font-weight:800;letter-spacing:-.03em;color:var(--navy-800);}
.topics__hd h2 em{font-style:normal;color:var(--blue-txt);}
.topics__logo{width:5rem;opacity:.9;}
.cardgrid{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 3rem;}
.card{position:relative;transition:transform .35s var(--ease);}
.card:hover{transform:translateY(-.6rem);}
.card__link{display:inline-block;}
.card__link::after{content:"";position:absolute;inset:0;z-index:2;}
.card__thumb{display:block;position:relative;overflow:hidden;border-radius:.4rem;aspect-ratio:360/303;background:#dfe3ea;}
.card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.card__thumb::after{content:"";position:absolute;left:0;top:0;right:0;height:10rem;
  pointer-events:none;background:linear-gradient(180deg,rgba(10,18,32,.34),rgba(10,18,32,0));}
.card__more{position:absolute;right:1.8rem;top:1.6rem;z-index:1;text-align:center;color:#fff;}
.card__more-ico{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin:0 auto;
  border:.1rem solid rgba(255,255,255,.8);border-radius:50%;transition:.3s var(--ease);}
.card__more-ico svg{width:1.4rem;height:1.4rem;}
.card__more b{display:block;margin-top:.4rem;font-size:1.05rem;font-weight:500;
  letter-spacing:-.02em;text-shadow:0 .1rem .3rem rgba(0,0,0,.35);}
.card:hover .card__more-ico{background:rgba(255,255,255,.2);border-color:#fff;}
.card:hover .card__thumb img{transform:scale(1.05);}
.card__body{
  position:relative;margin:-4.6rem 0 0 0;width:35.2rem;max-width:100%;
  background:#fff;padding:2.2rem 2.2rem 2.4rem;box-shadow:var(--shadow-sm);
}
.card__body h3{font-size:1.75rem;font-weight:800;line-height:1.45;letter-spacing:-.03em;color:var(--navy-800);}
.card__body p{margin-top:1rem;font-size:1.4rem;line-height:1.65;color:var(--muted);}

/* ------------------------------------------------------------
   8. 히어로
   ------------------------------------------------------------ */
.hero{
  position:relative;color:#fff;
  background:#0a1220 url("../img/hero-bg.jpg") center/cover no-repeat;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(6,11,20,.92) 0%,rgba(8,15,28,.72) 45%,rgba(10,20,38,.45) 100%);
}
.hero__in{position:relative;z-index:1;width:114rem;margin:0 auto;
  min-height:69rem;display:flex;align-items:center;gap:6rem;padding:8rem 0;}
.hero__txt{flex:1 1 auto;}
.hero__badge{
  display:inline-block;padding:.9rem 2rem;border-radius:10rem;
  border:.1rem solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);
  font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#e5edf7;
}
.hero__ttl{margin-top:2.6rem;font-size:5.2rem;font-weight:800;line-height:1.28;letter-spacing:-.035em;}
.hero__ttl em{display:block;margin-bottom:1rem;font-style:normal;font-size:2.4rem;
  font-weight:800;letter-spacing:-.02em;color:var(--gold-lt);}
.hero__lead{margin-top:2.8rem;font-size:1.7rem;line-height:1.85;color:#c3cedc;}
.hero__cta{margin-top:4rem;display:flex;gap:1.2rem;}
.hero__card{
  flex:none;width:46rem;border-radius:1.6rem;overflow:hidden;
  background:linear-gradient(160deg,#122544,#0b1729);
  border:.1rem solid rgba(255,255,255,.1);box-shadow:0 2rem 5rem rgba(0,0,0,.4);
}
.hero__card-in{position:relative;height:41.6rem;display:flex;align-items:flex-end;}
.hero__card-in::before{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:22rem;height:26rem;background:rgba(255,255,255,.045);
  -webkit-mask:url("../img/scale.svg") center/contain no-repeat;
          mask:url("../img/scale.svg") center/contain no-repeat;
}
.hero__card-txt{position:absolute;left:3.2rem;top:3.4rem;z-index:2;}
.hero__card-txt span{display:block;font-size:1.6rem;font-weight:700;color:var(--gold-lt);letter-spacing:-.02em;}
.hero__card-txt strong{display:block;margin-top:.4rem;font-size:3.4rem;font-weight:800;letter-spacing:-.04em;}
.hero__card-img{position:relative;z-index:1;margin-left:auto;width:24rem;}
.hero__card-ft{
  display:flex;align-items:center;justify-content:center;gap:.7rem;
  padding:1.6rem 0;background:rgba(255,255,255,.05);
  border-top:.1rem solid rgba(255,255,255,.08);
  font-size:1.45rem;color:#b9c6d6;
}
.hero__card-ft svg{width:1.5rem;height:1.5rem;}

/* 공용 버튼 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;
  border-radius:10rem;font-weight:800;letter-spacing:-.02em;transition:.25s var(--ease);}
.btn svg{width:1.6rem;height:1.6rem;flex:none;}
.btn--tel{padding:1.3rem 2.4rem;font-size:1.6rem;background:var(--navy);color:#fff;}
.btn--tel:hover{background:#25507d;}
.btn--kakao{padding:1.3rem 2.4rem;font-size:1.6rem;background:var(--kakao);color:var(--kakao-txt);}
.btn--kakao:hover{background:#ffe926;}
.btn--ghost{padding:1.3rem 2.4rem;font-size:1.6rem;border:.1rem solid rgba(255,255,255,.3);color:#fff;}
.btn--ghost:hover{background:rgba(255,255,255,.1);}

/* ------------------------------------------------------------
   9. 상담 신청 폼
   ------------------------------------------------------------ */
.contact{background:var(--bg-soft);padding:7.4rem 0;}
.contact--dark{background:#eef0f5;}
.contact__in{width:114rem;margin:0 auto;display:flex;align-items:center;gap:6rem;}
.contact__txt{flex:none;width:44rem;}
.contact__eyebrow{font-size:1.5rem;font-weight:800;letter-spacing:.1em;color:var(--gold);}
.contact__txt h2{margin-top:1rem;font-size:3.4rem;font-weight:800;letter-spacing:-.035em;color:var(--ink);}
.contact__btns{margin-top:2.8rem;display:flex;gap:1rem;}
.contact__form{flex:1 1 auto;}
.frm-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.frm-field{position:relative;}
.frm-field + .frm-field,.frm-row + .frm-field,.frm-row + .frm-row{margin-top:1.2rem;}
.frm-input{
  width:100%;height:5.6rem;padding:0 1.8rem;border:.1rem solid var(--line);
  border-radius:.8rem;background:#fff;font-size:1.5rem;color:var(--ink);
  transition:border-color .2s,box-shadow .2s;
}
textarea.frm-input{height:auto;min-height:5.6rem;padding:1.6rem 1.8rem;resize:vertical;line-height:1.6;}
.frm-input::placeholder{color:#b3bac6;}
.frm-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 .3rem rgba(33,90,151,.12);}
.frm-input[aria-invalid="true"]{border-color:#d94a4a;}
.frm-agree{margin-top:1.4rem;display:flex;align-items:flex-start;gap:.8rem;font-size:1.35rem;color:var(--muted);}
.frm-agree input{width:1.7rem;height:1.7rem;margin:.2rem 0 0;accent-color:var(--blue);flex:none;cursor:pointer;}
.frm-agree a{text-decoration:underline;text-underline-offset:.3rem;color:var(--ink-2);}
.frm-submit{
  width:100%;height:6rem;margin-top:1.6rem;border-radius:.8rem;
  background:linear-gradient(90deg,#173a5f,#215a97);
  color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;
  transition:filter .25s,transform .25s;
}
.frm-submit:hover{filter:brightness(1.1);}
.frm-submit:disabled{opacity:.6;cursor:progress;}
.frm-msg{margin-top:1.2rem;font-size:1.4rem;font-weight:700;min-height:1.9rem;}
.frm-msg.is-ok{color:var(--green);}
.frm-msg.is-err{color:#d94a4a;}
.frm-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}

/* ------------------------------------------------------------
   10. 통계 배너
   ------------------------------------------------------------ */
.stats{
  padding:9rem 0 11rem;text-align:center;
  background:linear-gradient(180deg,#eaf0f7 0%,#dfe8f2 40%,#e9eef5 100%);
}
.stats h2{font-size:3.4rem;font-weight:800;letter-spacing:-.035em;color:var(--ink);}
.stats h2 em{font-style:normal;color:var(--blue-txt);}
.stats__lead{margin-top:1.8rem;font-size:1.7rem;line-height:1.8;font-weight:600;color:var(--ink-2);}
.stats__box{
  margin-top:4.4rem;padding:4.6rem 4rem;border-radius:1.6rem;background:#fff;
  box-shadow:0 1.2rem 4rem rgba(25,45,75,.08);
  display:grid;grid-template-columns:repeat(3,1fr);
}
.stat dt{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);}
.stat dd{margin:.8rem 0 0;font-size:4.4rem;font-weight:800;letter-spacing:-.04em;color:var(--navy-700);line-height:1.2;}
.stat small{display:block;margin-top:.6rem;font-size:1.3rem;color:var(--muted-2);font-weight:500;}

/* ------------------------------------------------------------
   11. 소개 3카드
   ------------------------------------------------------------ */
.intro{padding:10rem 0;}
.intro__cards{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.intro__card{border:.1rem solid var(--line);border-radius:.6rem;overflow:hidden;background:#fff;
  transition:box-shadow .3s,transform .3s;}
.intro__card:hover{box-shadow:var(--shadow);transform:translateY(-.4rem);}
.intro__card img{width:100%;aspect-ratio:360/160;object-fit:cover;}
.intro__card div{padding:2.2rem 2rem 2.6rem;}
.intro__card h3{font-size:1.65rem;font-weight:800;letter-spacing:-.03em;color:var(--navy-800);}
.intro__card p{margin-top:1rem;font-size:1.35rem;line-height:1.7;color:var(--muted);}

/* ------------------------------------------------------------
   12. 정의 블록
   ------------------------------------------------------------ */
.define{background:var(--bg-soft);padding:8rem 0;}
.define__in{width:114rem;margin:0 auto;display:flex;gap:5rem;align-items:flex-start;}
.define__ttl{flex:none;width:34rem;}
.define__ttl img{width:5.4rem;margin-bottom:1.6rem;}
.define__ttl h2{font-size:3rem;font-weight:800;line-height:1.4;letter-spacing:-.035em;color:var(--navy-800);}
.define__ttl h2 em{font-style:normal;color:var(--blue-txt);}
.define__box{
  flex:1 1 auto;background:#fff;border:.1rem solid var(--line);border-radius:1rem;
  padding:3rem 3.4rem;font-size:1.6rem;line-height:1.95;color:var(--ink-2);box-shadow:var(--shadow-sm);
}
.define__box strong{color:var(--blue-txt);font-weight:800;}

/* ------------------------------------------------------------
   13. 기준 3분할
   ------------------------------------------------------------ */
.criteria{padding:10rem 0;}
.criteria__hd{display:flex;align-items:flex-start;justify-content:space-between;}
.criteria__hd h2{font-size:3.4rem;font-weight:800;line-height:1.35;letter-spacing:-.035em;color:var(--navy-800);}
.criteria__hd h2 em{font-style:normal;color:var(--blue-txt);}
.criteria__links{display:flex;gap:2rem;text-align:center;}
.criteria__links a{display:block;}
.criteria__links span{
  width:6.4rem;height:6.4rem;border-radius:50%;background:var(--bg-blue);
  display:grid;place-items:center;margin:0 auto;transition:background .25s;
}
.criteria__links a:hover span{background:#e2ebf7;}
.criteria__links span svg{width:2.8rem;height:2.8rem;}
.criteria__links b{display:block;margin-top:.8rem;font-size:1.25rem;font-weight:600;color:var(--muted);}
.criteria__rule{margin:3.4rem 0 5rem;height:.1rem;background:var(--line);}
.criteria__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem;}
.crit{border:.1rem solid var(--line);border-top:0;}
.crit__tag{
  display:inline-block;padding:1rem 2.4rem;background:var(--navy-700);
  color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;
  margin:0 0 0 -.1rem;position:relative;top:-.1rem;
}
.crit__body{padding:2.6rem 2.4rem 3rem;}
.crit__body strong{display:block;font-size:1.55rem;font-weight:800;line-height:1.6;color:var(--navy-800);}
.crit__body p{margin-top:.8rem;font-size:1.45rem;line-height:1.7;color:var(--muted);}

/* ------------------------------------------------------------
   14. 사례 슬라이더
   ------------------------------------------------------------ */
.cases{
  position:relative;padding:10rem 0;color:#fff;
  background:#20211f url("../img/case-bg.jpg") center/cover no-repeat;
}
.cases::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,14,12,.9) 0%,rgba(20,18,16,.78) 40%,rgba(24,22,20,.6) 100%);}
.cases__in{position:relative;z-index:1;width:114rem;margin:0 auto;display:flex;gap:5rem;}
.cases__hd{flex:none;width:30rem;padding-top:1rem;}
.cases__hd span{display:block;font-size:1.5rem;font-weight:800;letter-spacing:.12em;color:var(--gold);}
.cases__hd h2{margin-top:1.4rem;font-size:3.4rem;font-weight:800;line-height:1.35;letter-spacing:-.035em;}
.cases__nav{margin-top:5rem;display:flex;align-items:center;gap:1.4rem;font-size:1.4rem;color:#cfd6df;}
.cases__nav button{width:2.6rem;height:2.6rem;display:grid;place-items:center;
  border-radius:50%;color:#fff;transition:background .2s;}
.cases__nav button:hover{background:rgba(255,255,255,.14);}
.cases__nav button svg{width:1.3rem;height:1.3rem;}
.cases__nav b{font-weight:800;color:#fff;}
.cases__nav i{display:block;width:3rem;height:.1rem;background:rgba(255,255,255,.4);font-style:normal;}
.cases__view{flex:1 1 auto;min-width:0;width:calc(100% + 18.6rem);overflow:hidden;}
.cases__track{display:flex;gap:2.8rem;transition:transform .5s var(--ease);}
.case{
  flex:0 0 35.6rem;background:#fff;border-radius:1.2rem;
  padding:3rem 2.6rem 3.2rem;min-height:29rem;
  display:flex;flex-direction:column;box-shadow:0 1.4rem 4rem rgba(0,0,0,.2);
}
.case__no{font-size:3.4rem;font-weight:800;color:#e8ebf0;line-height:1;letter-spacing:-.03em;}
.case h3{margin-top:auto;font-size:1.85rem;font-weight:800;letter-spacing:-.03em;color:var(--navy-800);}
.case p{margin-top:1.2rem;font-size:1.4rem;line-height:1.7;color:var(--muted);}

/* ------------------------------------------------------------
   15. 진행절차
   ------------------------------------------------------------ */
.process{padding:10rem 0;}
.process__grid{margin-top:5rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:start;gap:0 2.4rem;}
.process__arrow{align-self:center;margin-top:-8rem;color:#c8d0dc;}
.process__arrow svg{width:1.6rem;height:1.6rem;}
.step__fig{display:block;border:.1rem solid var(--line);border-radius:.4rem;background:#fff;overflow:hidden;}
.step__fig img{width:100%;aspect-ratio:253/156;object-fit:contain;background:#fff;}
.step__no{display:block;margin-top:2rem;font-size:1.3rem;font-weight:800;letter-spacing:.1em;color:var(--gold);}
.step h3{margin-top:.6rem;font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);}
.step ul{margin-top:1.4rem;display:grid;gap:.6rem;}
.step li{position:relative;padding-left:1rem;font-size:1.4rem;line-height:1.6;color:var(--muted);}
.step li::before{content:"·";position:absolute;left:0;color:var(--muted-2);}

/* ------------------------------------------------------------
   16. 함께 검토하는 항목
   ------------------------------------------------------------ */
.support{background:var(--bg-soft);padding:10rem 0;}
.support__grid{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.support__item{
  display:flex;gap:1.4rem;padding:2.2rem 2rem;background:#fff;
  border:.1rem solid var(--line-2);border-radius:.8rem;box-shadow:var(--shadow-sm);
}
.support__item i{font-size:2rem;line-height:1.3;font-style:normal;flex:none;}
.support__item h3{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:var(--navy-800);}
.support__item p{margin-top:.6rem;font-size:1.35rem;line-height:1.65;color:var(--muted);}

/* ------------------------------------------------------------
   17. 주제별 정보 안내
   ------------------------------------------------------------ */
.subject{padding:10rem 0;position:relative;overflow:hidden;}
.subject__hd{position:relative;z-index:1;}
.subject__hd span{display:block;font-size:1.5rem;font-weight:800;letter-spacing:.12em;color:var(--gold);}
.subject__hd h2{margin-top:1.4rem;font-size:3.4rem;font-weight:800;line-height:1.35;letter-spacing:-.035em;color:var(--navy-800);}
.subject__hd h2 em{font-style:normal;color:var(--blue-txt);}
.subject__logo{position:absolute;right:0;top:8rem;width:18rem;opacity:.05;}
.subject__grid{margin-top:4.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.subject__link{
  display:flex;align-items:center;justify-content:space-between;gap:1.6rem;
  padding:2.4rem 2.4rem;border:.1rem solid var(--navy-700);border-radius:.4rem;
  font-size:1.6rem;font-weight:700;line-height:1.5;letter-spacing:-.03em;color:var(--navy-800);
  transition:background .25s,color .25s;
}
.subject__link span{width:3.2rem;height:3.2rem;flex:none;border-radius:50%;
  border:.1rem solid #c3cddb;display:grid;place-items:center;transition:.25s;}
.subject__link span svg{width:1.2rem;height:1.2rem;}
.subject__link:hover{background:var(--navy-700);color:#fff;}
.subject__link:hover span{border-color:rgba(255,255,255,.5);}

/* ------------------------------------------------------------
   18. CTA 배너
   ------------------------------------------------------------ */
.cta{
  position:relative;padding:9rem 0;text-align:center;color:#fff;
  background:#1b1410 url("../img/cta-bg.jpg") center/cover no-repeat;
}
.cta::after{content:"";position:absolute;inset:0;background:rgba(12,9,6,.5);}
.cta__in{position:relative;z-index:1;width:114rem;margin:0 auto;}
.cta span{display:block;font-size:1.5rem;font-weight:800;letter-spacing:.12em;color:var(--gold-lt);}
.cta h2{margin-top:1.4rem;font-size:3.4rem;font-weight:800;letter-spacing:-.035em;}
.cta p{margin-top:1.6rem;font-size:1.6rem;color:#d9dee6;}
.cta__btns{margin-top:3.4rem;display:flex;justify-content:center;gap:1.2rem;}

/* ------------------------------------------------------------
   19. FAQ
   ------------------------------------------------------------ */
.faq{padding:10rem 0 11rem;background:linear-gradient(180deg,#eef4fa,#f8fbfd 45%,#fff);}
.faq__list{width:71rem;margin:4.6rem auto 0;display:grid;gap:1.2rem;}
.faq__item{background:#fff;border-radius:.8rem;box-shadow:0 .3rem 1.4rem rgba(25,45,75,.06);overflow:hidden;}
.faq__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem;
  padding:2rem 2.4rem;text-align:left;font-size:1.6rem;font-weight:700;
  letter-spacing:-.03em;color:var(--navy-800);
}
.faq__q svg{width:1.4rem;height:1.4rem;flex:none;color:var(--muted);transition:transform .3s var(--ease);}
.faq__item.is-open .faq__q svg{transform:rotate(180deg);}
.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease);}
.faq__item.is-open .faq__a{grid-template-rows:1fr;}
.faq__a > div{overflow:hidden;}
.faq__a p{padding:0 2.4rem 2.2rem;font-size:1.5rem;line-height:1.85;color:var(--ink-2);}

/* ------------------------------------------------------------
   20. 푸터
   ------------------------------------------------------------ */
.ft{background:#161a1f;color:#9aa3ad;padding:5.4rem 0 4rem;}
.ft__in{width:114rem;margin:0 auto;}
.ft__cols{display:flex;gap:9rem;}
.ft h2,.ft h3{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:1.4rem;}
.ft p,.ft li{font-size:1.4rem;line-height:1.9;}
.ft a:hover{color:#fff;}
.ft__bar{margin-top:3.4rem;padding-top:2.4rem;border-top:.1rem solid #2b3038;
  display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:1.3rem;color:#7b838d;}

/* ------------------------------------------------------------
   21. 블로그 상세
   ------------------------------------------------------------ */
.post{background:var(--bg-soft);padding-bottom:6rem;}
.post__hero{width:119.2rem;margin:0 auto;padding-top:5.6rem;}
.post__hero img{width:100%;aspect-ratio:12/5;object-fit:cover;border-radius:1rem;}
.post__body{width:119.2rem;margin:0 auto;background:#fff;padding:6.6rem 0 8rem;}
.post__wrap{width:73.5rem;margin:0 auto;}
.crumb{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;color:var(--muted-2);}
.crumb a:hover{color:var(--navy);}
.crumb b{font-weight:700;color:var(--ink-2);}
.post__tag{display:inline-block;margin-top:1.6rem;padding:.6rem 1.4rem;border-radius:10rem;
  border:.1rem solid var(--line);background:#fff;font-size:1.3rem;font-weight:700;color:var(--navy);}
.post__ttl{margin-top:2rem;font-size:3.2rem;font-weight:800;line-height:1.4;letter-spacing:-.04em;color:var(--navy-800);}
.post__meta{margin-top:1.2rem;font-size:1.3rem;color:var(--muted-2);}
.post__summary{
  margin-top:3rem;padding:2.4rem 2.6rem;background:#fdf7ec;border-left:.4rem solid var(--gold);
  font-size:1.5rem;line-height:1.9;color:#5b4d33;
}
.post h2{margin:5rem 0 2rem;font-size:2.1rem;font-weight:800;letter-spacing:-.035em;color:var(--navy-800);}
.post h2 em{font-style:normal;color:var(--gold);}
.post h3{margin:3.6rem 0 1.4rem;font-size:1.75rem;font-weight:800;letter-spacing:-.035em;color:var(--navy-800);}
.post p{font-size:1.5rem;line-height:1.95;color:var(--ink-2);}
.post p + p{margin-top:1.4rem;}
.post__table{margin-top:1rem;border:.1rem solid var(--line);border-radius:.6rem;overflow:hidden;}
.post__table th{padding:1.4rem 2rem;background:var(--navy-700);color:#fff;font-size:1.4rem;
  font-weight:700;text-align:left;letter-spacing:-.02em;}
.post__table td{padding:1.6rem 2rem;border-top:.1rem solid var(--line-2);font-size:1.4rem;
  line-height:1.6;color:var(--muted);vertical-align:top;}
.post__table td:last-child{font-weight:700;color:var(--navy-800);}
.post__table tr:nth-child(even) td{background:#fbfcfe;}
.post__cta{
  margin:4rem 0;padding:3rem 3.2rem;border-radius:1rem;background:var(--navy-700);color:#fff;
}
.post__cta span{font-size:1.35rem;color:#a9bdd6;}
.post__cta strong{display:block;margin-top:.6rem;font-size:1.8rem;font-weight:800;letter-spacing:-.03em;}
.post__cta strong em{font-style:normal;color:var(--gold-lt);}
.post__cta div{margin-top:2rem;display:flex;gap:1.2rem;flex-wrap:wrap;}
.post__cta .btn--tel{background:var(--green);}
.post__cta .btn--tel:hover{background:#0f8d51;}
.post__cta small{display:block;margin-top:1.8rem;font-size:1.25rem;color:#7f92a8;}
.cases2{margin-top:1rem;display:grid;gap:1.6rem;}
.cases2 li{display:flex;gap:1.6rem;padding:2.2rem 2.4rem;background:#faf9f7;border-radius:.8rem;}
.cases2 b{flex:none;font-size:1.7rem;font-weight:800;color:#d9d5cd;line-height:1.4;}
.cases2 h3{margin:0;font-size:1.55rem;}
.cases2 p{margin-top:.8rem;font-size:1.4rem;line-height:1.7;color:var(--muted);}
.cases2 span{display:block;margin-top:1rem;font-size:1.35rem;font-weight:600;color:var(--gold);}
.notice{
  margin-top:3.4rem;padding:2.6rem 2.8rem;border-radius:.8rem;background:#fff8ef;
}
.notice h3{margin:0 0 1rem;display:flex;align-items:center;gap:.8rem;font-size:1.6rem;}
.notice p{font-size:1.4rem;line-height:1.85;color:#6b5b45;}
.checklist{margin-top:3.4rem;padding:3rem 3.2rem;border-radius:1rem;background:#f3f7fc;}
.checklist h3{margin:0;font-size:1.7rem;}
.checklist h3 em{font-style:normal;color:var(--gold);}
.checklist > p{margin-top:1rem;font-size:1.35rem;color:var(--muted);}
.checklist ul{margin-top:1.8rem;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 3rem;}
.checklist li{display:flex;align-items:flex-start;gap:1rem;font-size:1.4rem;color:var(--ink-2);}
.checklist li b{flex:none;width:2rem;height:2rem;border-radius:.3rem;background:var(--navy-700);
  color:#fff;font-size:1.15rem;font-weight:700;display:grid;place-items:center;margin-top:.2rem;}
.ways{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;text-align:center;}
.ways a{padding:2.4rem 1rem;border-radius:.8rem;color:#fff;transition:filter .25s;}
.ways a:hover{filter:brightness(1.08);}
.ways a:nth-child(1){background:var(--navy-700);}
.ways a:nth-child(2){background:var(--gold);}
.ways a:nth-child(3){background:var(--green);}
.ways svg{width:1.8rem;height:1.8rem;margin:0 auto .8rem;}
.ways b{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;}
.ways i{display:block;margin-top:.4rem;font-size:1.25rem;font-style:normal;opacity:.85;}
.ways-note{margin-top:1.4rem;text-align:center;font-size:1.3rem;color:var(--muted-2);}
.office-tbl{margin-top:1rem;border:.1rem solid var(--line);border-radius:.6rem;overflow:hidden;}
.office-tbl th{width:14rem;padding:1.4rem 2rem;background:#fafbfd;border-top:.1rem solid var(--line-2);
  font-size:1.4rem;font-weight:700;text-align:left;color:var(--ink-2);}
.office-tbl td{padding:1.4rem 2rem;border-top:.1rem solid var(--line-2);font-size:1.4rem;color:var(--muted);}
.office-tbl tr:first-child th,.office-tbl tr:first-child td{border-top:0;}
.rel{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;}
.rel a{display:flex;align-items:center;gap:1.6rem;padding:1.4rem;border:.1rem solid var(--line);
  border-radius:.6rem;background:#fff;transition:box-shadow .25s;}
.rel a:hover{box-shadow:var(--shadow-sm);}
.rel img{width:8rem;height:5rem;object-fit:cover;border-radius:.3rem;flex:none;}
.rel b{font-size:1.45rem;font-weight:700;line-height:1.5;letter-spacing:-.03em;color:var(--navy-800);}
.post__back{margin-top:4rem;display:flex;justify-content:center;}
.post__back a{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--muted);}
.post__back svg{width:1.2rem;height:1.2rem;}

/* ------------------------------------------------------------
   22. 모바일 (≤990px)
   ------------------------------------------------------------ */
@media (max-width:990px){
  .inner,.hd__in,.hero__in,.contact__in,.cases__in,.define__in,.cta__in,.ft__in,
  .post__hero,.post__body,.post__wrap{width:calc(100% - 8rem);}
  .sec,.intro,.criteria,.process,.support,.subject{padding:7rem 0;}

  /* 헤더 */
  .hd__in{height:6.4rem;gap:1rem;}
  .hd__name{font-size:1.7rem;}
  .hd__badge{display:none;}
  .hd__nav{position:absolute;left:0;top:100%;width:100%;margin:0;background:#fff;
    border-bottom:.1rem solid var(--line);display:none;}
  .hd__nav.is-open{display:block;}
  .hd__nav ul{flex-direction:column;align-items:stretch;gap:0;padding:1rem 4rem 2rem;}
  .hd__nav a{display:block;padding:1.4rem 0;font-size:1.6rem;border-bottom:.1rem solid var(--line-2);}
  .hd__util{gap:1rem;}
  .hd__tel span,.hd__kakao span,.hd__div{display:none;}
  .hd__toggle{display:grid;place-items:center;width:3.4rem;height:3.4rem;}
  .hd__toggle svg{width:2rem;height:2rem;}

  /* 퀵메뉴 → 하단 고정바 */
  .quick{top:auto;bottom:0;right:0;left:0;transform:none;width:100%;border-radius:0;
    padding:0;display:flex;box-shadow:0 -.4rem 1.6rem rgba(10,20,40,.2);}
  .quick__ttl{display:none;}
  .quick__list{margin:0;flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
  .quick__list a{padding:1rem 0;border-radius:0;}
  .quick__ico{width:2.6rem;height:2.6rem;}
  .quick__ico svg{width:1.4rem;height:1.4rem;}
  .quick__list b{font-size:1.15rem;}
  body{padding-bottom:6.4rem;}

  /* 카드 그리드 */
  .topics{padding:5rem 0 6rem;}
  .topics__hd h2{font-size:2.4rem;}
  .topics__logo{width:4rem;}
  .cardgrid{grid-template-columns:1fr;gap:3.4rem;}
  .card__body{width:calc(100% - 3rem);margin-top:-4rem;padding:2rem 2rem 2.2rem;}
  .card__more{right:1.6rem;top:1.4rem;}
  .card__more-ico{width:3.2rem;height:3.2rem;}
  .card__more b{font-size:1.2rem;}
  .card__body h3{font-size:1.9rem;}
  .card__body p{font-size:1.5rem;}

  /* 히어로 */
  .hero__in{flex-direction:column;align-items:stretch;min-height:0;padding:6rem 0;gap:4rem;}
  .hero__ttl{font-size:3.6rem;}
  .hero__ttl em{font-size:2rem;margin-bottom:.8rem;}
  .hero__lead{font-size:1.6rem;}
  .hero__cta{flex-wrap:wrap;}
  .hero__card{width:100%;}
  .hero__card-in{height:34rem;}
  .hero__card-txt strong{font-size:3rem;}
  .hero__card-img{width:20rem;}

  /* 폼 */
  .contact{padding:6rem 0;}
  .contact__in{flex-direction:column;align-items:stretch;gap:3rem;}
  .contact__txt{width:auto;}
  .contact__txt h2{font-size:2.8rem;}
  .frm-row{grid-template-columns:1fr;}
  .frm-input{height:5.2rem;font-size:1.6rem;}
  .frm-submit{height:5.6rem;font-size:1.7rem;}

  /* 통계 */
  .stats{padding:6rem 0 7rem;}
  .stats h2{font-size:2.6rem;}
  .stats__lead{font-size:1.5rem;}
  .stats__box{grid-template-columns:1fr;gap:3rem;padding:3.4rem 2.4rem;}
  .stat dd{font-size:3.8rem;}

  /* 소개 */
  .sec-title{font-size:2.6rem;}
  .sec-lead{font-size:1.5rem;}
  .intro__cards{grid-template-columns:1fr;gap:1.6rem;}
  .intro__card h3{font-size:1.8rem;}
  .intro__card p{font-size:1.45rem;}

  /* 정의 */
  .define__in{flex-direction:column;gap:2.4rem;}
  .define__ttl{width:auto;}
  .define__ttl h2{font-size:2.4rem;}
  .define__box{font-size:1.5rem;padding:2.4rem;}

  /* 기준 */
  .criteria__hd{flex-direction:column;gap:2.4rem;}
  .criteria__hd h2{font-size:2.6rem;}
  .criteria__rule{margin:2.6rem 0 3rem;}
  .criteria__grid{grid-template-columns:1fr;gap:2rem;}
  .crit__body strong{font-size:1.65rem;}
  .crit__body p{font-size:1.5rem;}

  /* 사례 */
  .cases{padding:6rem 0;}
  .cases__in{flex-direction:column;gap:3rem;}
  .cases__hd{width:auto;}
  .cases__hd h2{font-size:2.6rem;}
  .cases__nav{margin-top:2rem;}
  .cases__view{width:100%;}
  .case{flex:0 0 100%;min-height:0;padding:2.6rem 2.2rem;}
  .case h3{font-size:1.9rem;margin-top:1.6rem;}
  .case p{font-size:1.45rem;}
  .cases__track{gap:1.6rem;}

  /* 절차 */
  .process__grid{grid-template-columns:1fr;gap:3.4rem;}
  .process__arrow{display:none;}
  .step h3{font-size:2.1rem;}
  .step li{font-size:1.5rem;}

  /* 검토 항목 */
  .support__grid{grid-template-columns:1fr;gap:1.2rem;}
  .support__item h3{font-size:1.65rem;}
  .support__item p{font-size:1.45rem;}

  /* 주제별 */
  .subject__hd h2{font-size:2.6rem;}
  .subject__logo{width:12rem;top:5rem;}
  .subject__grid{grid-template-columns:1fr;gap:1.2rem;}
  .subject__link{font-size:1.65rem;padding:2rem;}

  /* CTA */
  .cta{padding:6.4rem 0;}
  .cta h2{font-size:2.6rem;}
  .cta p{font-size:1.5rem;}
  .cta__btns{flex-wrap:wrap;}

  /* FAQ */
  .faq{padding:6rem 0 7rem;}
  .faq__list{width:100%;margin-top:3.4rem;}
  .faq__q{font-size:1.6rem;padding:1.8rem 2rem;}
  .faq__a p{font-size:1.5rem;padding:0 2rem 2rem;}

  /* 푸터 */
  .ft{padding:4rem 0 3rem;}
  .ft__cols{flex-direction:column;gap:3rem;}
  .ft__bar{flex-direction:column;align-items:flex-start;gap:1rem;}
  .ft p,.ft li{font-size:1.45rem;}
  .ft__bar{font-size:1.35rem;}

  /* 블로그 상세 */
  .post__hero{padding-top:3rem;}
  .post__hero img{aspect-ratio:16/9;border-radius:.6rem;}
  .post__body{padding:4rem 2.4rem 5rem;width:calc(100% - 4rem);border-radius:.6rem;}
  .post__wrap{width:100%;}
  .post__ttl{font-size:2.4rem;}
  .post h2{font-size:2rem;margin:4rem 0 1.6rem;}
  .post h3{font-size:1.8rem;}
  .post p{font-size:1.55rem;}
  .post__summary{font-size:1.5rem;padding:2rem;}
  .post__table th,.post__table td{padding:1.2rem 1.4rem;font-size:1.4rem;}
  .post__table{display:block;overflow-x:auto;}
  .checklist ul{grid-template-columns:1fr;}
  .ways{grid-template-columns:1fr;}
  .rel{grid-template-columns:1fr;}
  .cases2 h3{font-size:1.65rem;}
  .cases2 p{font-size:1.45rem;}
  .office-tbl th{width:10rem;}
}

/* 접은 모바일 (≤500px) 미세 조정 */
@media (max-width:500px){
  .inner,.hd__in,.hero__in,.contact__in,.cases__in,.define__in,.cta__in,.ft__in,
  .post__hero,.post__body,.post__wrap{width:calc(100% - 6rem);}
  .post__body{width:calc(100% - 3rem);padding:3.4rem 2rem 4rem;}
  .hero__ttl{font-size:3.2rem;}
  .hd__name{font-size:1.6rem;}
}

/* 인쇄 */
@media print{
  .quick,.hd,.contact,.cta,.faq{display:none;}
  #wrap{max-width:none;}
}

/* 모션 최소화 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* ------------------------------------------------------------
   23. 스크롤 등장 효과 (JS 로 .reveal 부여 · 미지원 시 항상 노출)
   ------------------------------------------------------------ */
.reveal{opacity:0;transform:translateY(2.4rem);
  transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}
.cardgrid .reveal:nth-child(3n+2),.intro__cards .reveal:nth-child(2),
.criteria__grid .reveal:nth-child(2),.support__grid .reveal:nth-child(3n+2),
.subject__grid .reveal:nth-child(3n+2){transition-delay:.08s;}
.cardgrid .reveal:nth-child(3n+3),.intro__cards .reveal:nth-child(3),
.criteria__grid .reveal:nth-child(3),.support__grid .reveal:nth-child(3n+3),
.subject__grid .reveal:nth-child(3n+3){transition-delay:.16s;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;}}

/* ------------------------------------------------------------
   24. AEO 블록 : 한눈에 보기 / 목차
   ------------------------------------------------------------ */
.tldr{
  margin-top:3rem;padding:2.6rem 3rem;border-radius:1rem;
  background:#f1f6fc;border:.1rem solid #dde7f3;
}
.post .tldr h2{
  margin:0 0 1.4rem;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;
  color:var(--blue-txt);display:flex;align-items:center;gap:.7rem;
}
.post .tldr h2::before{
  content:"";width:.4rem;height:1.5rem;border-radius:.2rem;background:var(--blue-txt);
}
.tldr ul{display:grid;gap:1rem;}
.tldr li{
  position:relative;padding-left:2.2rem;font-size:1.5rem;line-height:1.75;color:var(--ink-2);
}
.tldr li::before{
  content:"";position:absolute;left:.4rem;top:1rem;width:.7rem;height:.7rem;
  border-radius:50%;background:var(--blue-txt);
}
.tldr li b{font-weight:800;color:var(--navy-800);}

.toc{
  margin-top:2.4rem;padding:2.4rem 3rem;border-radius:1rem;
  background:#fafbfd;border:.1rem solid var(--line);
}
.post .toc h2{
  margin:0 0 1.2rem;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--muted);
}
.toc ol{counter-reset:toc;display:grid;gap:.7rem;}
.toc li{counter-increment:toc;}
.toc a{
  display:block;padding-left:2.4rem;position:relative;
  font-size:1.45rem;line-height:1.6;color:var(--ink-2);
  text-decoration:underline;text-decoration-color:transparent;
  text-underline-offset:.4rem;transition:.2s;
}
.toc a::before{
  content:counter(toc,decimal-leading-zero);position:absolute;left:0;
  font-size:1.25rem;font-weight:800;color:var(--gold);
}
.toc a:hover{color:var(--blue-txt);text-decoration-color:currentColor;}

/* 앵커 이동 시 sticky 헤더에 가리지 않도록 */
.post h2[id],.post h3[id],.post section[id],.post div[id]{scroll-margin-top:10rem;}

@media (max-width:990px){
  .tldr{padding:2.2rem;margin-top:2.4rem;}
  .tldr li{font-size:1.55rem;padding-left:2rem;}
  .post .tldr h2{font-size:1.75rem;}
  .toc{padding:2rem 2.2rem;}
  .toc a{font-size:1.5rem;}
  .post .toc h2{font-size:1.55rem;}
}