@charset "utf-8";
/* ============================================================
   절세파트너 JEOLSE PARTNER (tx2) — 공통 스타일
   기준 : _스펙_tx2_kpmg.md  (kpmg.com/kr 실측 · 2026-08-10 · 3회 반복 측정)
   주조색 #00338D (--description-color) / 버튼면 #1E49E2 (--button-primary-background-color)
   버튼 hover #00338D / 다크면 #0C233C (원본 최다 유채색 205회)
   본문 #333333 (--heading-*-color) / 보조 #4E5B6B (원본 #666666 을 6.92:1 로 상향)
   컨테이너 1366px (--content-max-width 85.375rem) / 읽기폭 1024px / 좁은 폭 700px
   버튼 radius 32px (2rem · 최다 57회) / 카드 12px (.75rem) / 입력 4px
   본문 18px (1.125rem 413회) · line-height 1.75 (한글 상향) · 제목 weight 600
   브레이크포인트 1024px · 768px · 1366px (원본 빈도 1~3위)
   ※ 원본 #B2B2B2(2.12:1) · #63EBDA(1.46:1) 는 텍스트에 쓰지 않는다
   ============================================================ */
:root{
  --brand:#00338D;
  --btn:#1E49E2;
  --btn-hover:#00338D;
  --dark:#0C233C;
  --ink:#333333;
  --ink-strong:#12253C;
  --ink-sub:#4E5B6B;
  --line:#E5E5E5;
  --line-mid:#CCCCCC;
  --bg:#FFFFFF;
  --bg-soft:#F5F6FA;
  --tint:#CDDCFE;
  --mint:#63EBDA;
  --warn:#8C1D18;
  --warn-bg:#FDF3F2;
  --pill:32px;
  --r:12px;
  --rs:4px;
  --wrap:1366px;
  --read:1024px;
  --narrow:700px;
  --pad:100px;
  --hd:74px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:"Pretendard Variable","Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  background:var(--bg);color:var(--ink);
  font-size:18px;line-height:1.75;font-weight:400;letter-spacing:-.2px;
  overflow-x:hidden;word-break:keep-all;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit;max-width:100%;width:100%}
table{border-collapse:collapse;width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
svg.ico{width:1.05em;height:1.05em;flex:none;vertical-align:-.12em}
:focus-visible{outline:3px solid var(--dark);outline-offset:2px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:4000;background:var(--dark);color:#fff;padding:14px 24px;font-weight:700}
.skip:focus{left:0}
.tnum{font-variant-numeric:tabular-nums}

/* ---------- 레이아웃 ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;width:100%}
.read{max-width:var(--read);margin:0 auto}
.narrow{max-width:var(--narrow);margin:0 auto}
.sec{padding:var(--pad) 0}
.sec.tight{padding:64px 0}
.sec.soft{background:var(--bg-soft)}
.sec.tintbg{background:linear-gradient(180deg,#F7F9FF 0%,#EFF3FE 100%)}
.sec.darkbg{background:var(--dark);color:#EAF0F8}
.sec.darkbg .shead h2,.sec.darkbg h2,.sec.darkbg h3{color:#fff}
.sec.darkbg .shp,.sec.darkbg p{color:#CDDCFE}
.sec.darkbg .eyebrow{color:var(--mint)}
/* 다크 섹션 안의 고지 박스는 자기 색을 유지한다 (밝은 배경 위 밝은 글자 방지) */
.sec.darkbg .casenote,.sec.darkbg .casenote b,.sec.darkbg .warnbox p,.sec.darkbg .warnbox li{color:var(--warn)}
.sec.darkbg .checkbox p,.sec.darkbg .checkbox li{color:var(--ink)}

/* ---------- 샘플 고지 바 ---------- */
.samplebar{background:var(--dark);color:#DCE6F7;font-size:14px;line-height:1.6;padding:9px 0}
.samplebar .wrap{display:flex;gap:9px;align-items:flex-start}
.samplebar svg{color:var(--mint);margin-top:3px}
.samplebar b{color:#fff;font-weight:600}

/* ---------- 헤더 ---------- */
.hd{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:28px;height:var(--hd)}
.brand{display:flex;align-items:center;gap:11px;color:var(--brand);flex:none}
.brand .mark{display:flex}
.brand .bt{display:flex;flex-direction:column;line-height:1.15}
.brand b{font-size:21px;font-weight:700;letter-spacing:-.6px;color:var(--dark)}
.brand i{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.14em;color:var(--brand)}
.gnbwrap{flex:1;min-width:0}
.gnb{display:flex;gap:4px;justify-content:center}
.gnb a{display:block;padding:10px 15px;font-size:16.5px;font-weight:600;color:var(--ink-strong);border-radius:var(--rs)}
.gnb a:hover{color:var(--btn);background:var(--bg-soft)}
.gnb a[aria-current]{color:var(--brand)}
.gnb a[aria-current]::after{content:"";display:block;height:2px;background:var(--brand);margin-top:5px;border-radius:2px}
.hdcta{display:flex;align-items:center;gap:12px;flex:none}
.hdtel{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--ink-sub);white-space:nowrap}
.hdtel b{font-weight:700;color:var(--dark);font-size:16.5px;letter-spacing:-.3px}
.navtoggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line-mid);border-radius:var(--rs);color:var(--dark)}
.drawer{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(12,35,60,.13);max-height:min(78vh,760px);overflow:auto}
.dgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;padding:34px 0 40px}
.dcol h2{font-size:14px;font-weight:700;color:var(--brand);letter-spacing:.02em;padding-bottom:10px;border-bottom:2px solid var(--tint);margin-bottom:12px}
.dcol li a{display:block;padding:5px 0;font-size:15px;color:var(--ink-sub)}
.dcol li a:hover{color:var(--btn);text-decoration:underline}

/* ---------- 버튼 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--btn);color:#fff;border:2px solid var(--btn);
  border-radius:var(--pill);padding:13px 30px;font-size:16.5px;font-weight:600;line-height:1.5;
  transition:background .15s,border-color .15s;text-align:center}
.btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
.btn.sm{padding:9px 20px;font-size:15px}
.btn.lg{padding:16px 38px;font-size:18px}
.btn.ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
.btn.ghost:hover{background:var(--brand);color:#fff}
.btn.onDark{background:#fff;color:var(--dark);border-color:#fff}
.btn.onDark:hover{background:var(--tint);border-color:var(--tint);color:var(--dark)}
.btn.ghostDark{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn.ghostDark:hover{background:rgba(255,255,255,.14);border-color:#fff}
.btnrow{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- 타이포 ---------- */
h1,h2,h3,h4{font-weight:600;letter-spacing:-.6px;color:var(--ink-strong);line-height:1.35}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.09em;color:var(--brand);text-transform:uppercase;margin-bottom:12px}
.eyebrow.light{color:var(--mint)}
.shead{max-width:820px;margin-bottom:44px}
.shead.mid{margin-left:auto;margin-right:auto;text-align:center}
.shead h2{font-size:36px}
.shead .shp{margin-top:14px;font-size:17.5px;color:var(--ink-sub)}
.lead{font-size:19px;color:var(--ink-sub)}

/* ---------- 페이지 배너 ---------- */
.pbanner{position:relative;background:var(--dark);color:#fff;overflow:hidden;min-height:340px;display:flex;align-items:flex-end}
.pbanner .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.pbanner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,35,60,.94) 0%,rgba(12,35,60,.72) 58%,rgba(12,35,60,.5) 100%)}
.pbanner .wrap{position:relative;z-index:2;padding-top:44px;padding-bottom:52px}
.pbanner h1{font-size:42px;color:#fff;margin-top:6px}
.pbanner .lead{margin-top:14px;color:#D6E2F7;max-width:820px;font-size:18px}
.crumb ol{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#B9CCE9;margin-bottom:18px}
.crumb li+li::before{content:"›";margin-right:8px;color:#7E9AC4}
.crumb a:hover{text-decoration:underline;color:#fff}
.crumb [aria-current]{color:#fff}

/* ---------- 홈 히어로 ---------- */
.hero{position:relative;background:var(--dark);color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,35,60,.95) 0%,rgba(12,35,60,.78) 52%,rgba(0,51,141,.55) 100%)}
.hero .wrap{position:relative;z-index:2;padding-top:96px;padding-bottom:96px}
.hero h1{font-size:52px;color:#fff;max-width:900px;line-height:1.28}
.hero .hsub{margin-top:20px;font-size:19px;color:#D6E2F7;max-width:720px}
.hero .btnrow{margin-top:34px}
.herolinks{margin-top:52px;padding-top:30px;border-top:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.herolinks a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.herolinks a:hover{background:rgba(255,255,255,.16)}
.herolinks b{font-size:17px;font-weight:600;color:#fff}
.herolinks span{font-size:14.5px;color:#BDD0EC}

/* ---------- 그리드/카드 ---------- */
.grid{display:grid;gap:26px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.card:hover{border-color:var(--btn);box-shadow:0 14px 30px rgba(12,35,60,.10);transform:translateY(-2px)}
.card .thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bg-soft)}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.cbody{display:flex;flex-direction:column;gap:9px;padding:24px 24px 26px;flex:1}
.tag{align-self:flex-start;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--brand);background:#EDF2FE;border-radius:999px;padding:4px 12px}
.ctitle{font-size:20px;font-weight:600;color:var(--ink-strong);letter-spacing:-.5px;line-height:1.4}
.cdesc{font-size:15.5px;color:var(--ink-sub);line-height:1.7;flex:1}
.more{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--btn);margin-top:4px}
.card:hover .more,.lcard:hover .more{text-decoration:underline}
.lcard{display:flex;flex-direction:column;gap:8px;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:border-color .15s,box-shadow .15s}
.lcard:hover{border-color:var(--btn);box-shadow:0 12px 26px rgba(12,35,60,.09)}
.lcard .li{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--rs);background:#EDF2FE;color:var(--brand);margin-bottom:6px}
.lcard .li svg.ico{width:23px;height:23px}
.ltitle{font-size:18.5px;font-weight:600;color:var(--ink-strong);letter-spacing:-.4px}
.ldesc{font-size:15.5px;color:var(--ink-sub);line-height:1.7;flex:1}

/* ---------- 본문 prose ---------- */
.prose h2{font-size:28px;margin:44px 0 16px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:21px;margin:30px 0 10px}
.prose p{margin:0 0 16px}
.prose p:last-child{margin-bottom:0}
.prose ul{margin:0 0 18px;padding-left:2px}
.prose ul li{position:relative;padding-left:19px;margin-bottom:8px}
.prose ul li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--btn)}
.prose ol{counter-reset:pl;margin:0 0 18px}
.prose ol li{position:relative;padding-left:30px;margin-bottom:8px;counter-increment:pl}
.prose ol li::before{content:counter(pl);position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;background:#EDF2FE;color:var(--brand);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.prose strong{font-weight:700;color:var(--ink-strong)}
.prose a{color:var(--btn);text-decoration:underline;text-underline-offset:3px}
.prose blockquote{border-left:4px solid var(--tint);padding:4px 0 4px 20px;color:var(--ink-sub);margin:0 0 18px}

/* ---------- split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.split.rev figure{order:2}
.split figure{margin:0}
.split figure img{width:100%;border-radius:var(--r);aspect-ratio:4/3;object-fit:cover}
.split figcaption{margin-top:10px;font-size:14px;color:var(--ink-sub)}
.split+.split{margin-top:72px}

/* ---------- 표 ---------- */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
table.dt{font-size:16px;min-width:640px}
table.dt caption{text-align:left;padding:18px 22px 0;font-size:14.5px;color:var(--ink-sub);caption-side:top}
table.dt th,table.dt td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.65}
table.dt thead th{background:var(--bg-soft);font-weight:700;color:var(--dark);font-size:15px;white-space:nowrap}
table.dt tbody th{font-weight:600;color:var(--ink-strong);white-space:nowrap}
table.dt tbody tr:last-child th,table.dt tbody tr:last-child td{border-bottom:0}

/* ---------- 단계 ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;counter-reset:st}
.step{position:relative;background:#fff;border:1px solid var(--line);border-top:3px solid var(--btn);border-radius:var(--r);padding:26px 22px}
.step .num{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--btn);margin-bottom:8px}
.step h3{font-size:18.5px;margin-bottom:8px}
.step p{font-size:15.5px;color:var(--ink-sub);line-height:1.7}

/* ---------- 체크/경고/사례 ---------- */
.checkbox{background:var(--bg-soft);border-radius:var(--r);padding:30px 30px 32px;border:1px solid var(--line)}
.checkbox h3{font-size:20px;margin-bottom:16px}
.checkbox li{display:flex;gap:11px;align-items:flex-start;margin-bottom:11px;font-size:16.5px;line-height:1.7}
.checkbox li svg{color:var(--btn);margin-top:6px;stroke-width:2.6}
.checkbox li:last-child{margin-bottom:0}
.checkbox.plain{background:#fff}
.warnbox{background:var(--warn-bg);border:1px solid #F2D6D4;border-left:5px solid var(--warn);border-radius:var(--r);padding:26px 28px}
.warnbox h3{display:flex;gap:10px;align-items:center;font-size:19px;color:var(--warn);margin-bottom:13px}
.warnbox h3 svg{stroke-width:2}
.warnbox li{position:relative;padding-left:17px;margin-bottom:9px;font-size:16px;line-height:1.7;color:#4A2E2C}
.warnbox li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--warn)}
.warnbox li:last-child{margin-bottom:0}
.casebox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 30px 30px}
.casenote{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.65;color:var(--warn);background:var(--warn-bg);border-radius:var(--rs);padding:11px 14px;margin-bottom:18px}
.casenote svg{margin-top:4px;flex:none;stroke-width:2}
.casebox h3{font-size:20px;margin-bottom:14px}
.casebox dl>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line)}
.casebox dl>div:last-child{border-bottom:0}
.casebox dt{font-weight:600;color:var(--brand);font-size:15.5px}
.casebox dd{font-size:16px;color:var(--ink);line-height:1.7}
.factbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.factbox>div{background:#fff;padding:22px 24px}
.factbox dt{font-size:13.5px;font-weight:700;letter-spacing:.03em;color:var(--brand);margin-bottom:7px}
.factbox dd{font-size:16.5px;color:var(--ink-strong);line-height:1.65}

/* ---------- FAQ ---------- */
.acc details{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:12px;overflow:hidden}
.acc summary{display:flex;gap:14px;align-items:flex-start;cursor:pointer;list-style:none;padding:20px 24px;font-size:17.5px;font-weight:600;color:var(--ink-strong)}
.acc summary::-webkit-details-marker{display:none}
.acc summary::before{content:"Q";flex:none;width:26px;height:26px;border-radius:50%;background:#EDF2FE;color:var(--brand);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.acc summary::after{content:"";margin-left:auto;flex:none;width:11px;height:11px;border-right:2px solid var(--ink-sub);border-bottom:2px solid var(--ink-sub);transform:rotate(45deg);margin-top:8px;transition:transform .18s}
.acc details[open] summary::after{transform:rotate(-135deg)}
.acc details[open] summary{background:var(--bg-soft)}
.acc .ans{padding:18px 24px 24px 64px;font-size:16.5px;color:var(--ink-sub);line-height:1.8;border-top:1px solid var(--line)}

/* ---------- 통계 ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:rgba(255,255,255,.2);border-radius:var(--r);overflow:hidden}
.stats li{background:var(--dark);padding:28px 24px;text-align:center}
.stats b{display:block;font-size:34px;font-weight:700;color:#fff;letter-spacing:-1px;line-height:1.2}
.stats span{display:block;margin-top:8px;font-size:15px;color:#B9CCE9}

/* ---------- 관련 페이지 ---------- */
.relnav{border-top:1px solid var(--line);padding-top:30px;margin-top:8px}
.relnav h2{font-size:17px;margin-bottom:14px}
.relnav ul{display:flex;flex-wrap:wrap;gap:10px}
.relnav a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-mid);border-radius:var(--pill);padding:9px 20px;font-size:15.5px;color:var(--ink-strong)}
.relnav a:hover{border-color:var(--btn);color:var(--btn);background:#F6F8FF}

/* ---------- 폼 ---------- */
.form{display:grid;gap:20px}
.frow{display:grid;gap:8px}
.frow.two{grid-template-columns:1fr 1fr;gap:20px}
.form label{font-size:15.5px;font-weight:600;color:var(--ink-strong)}
.form .req{color:var(--warn);margin-left:3px}
.form input,.form select,.form textarea{border:1px solid var(--line-mid);border-radius:var(--rs);padding:13px 15px;font-size:16.5px;background:#fff}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--btn);outline:2px solid rgba(30,73,226,.25);outline-offset:0}
.form textarea{min-height:150px;resize:vertical}
.form .hint{font-size:14px;color:var(--ink-sub)}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--ink-sub)}
.agree input{width:19px;height:19px;flex:none;margin-top:5px}

/* ---------- CTA 바 ---------- */
.ctabar{background:var(--brand);color:#fff;padding:64px 0}
.ctabar .wrap{display:flex;gap:40px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ctabar .eyebrow{color:var(--mint)}
.ctabar h2{font-size:31px;color:#fff;margin-bottom:12px}
.ctabar p{color:#D7E3FB;font-size:16.5px;max-width:720px}
.ctabtn{display:flex;gap:12px;flex-wrap:wrap;flex:none}

/* ---------- 푸터 ---------- */
.ft{background:var(--dark);color:#C7D6EC;padding:70px 0 34px;font-size:15.5px}
.ftgrid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:38px}
.ftbrand b{display:flex;align-items:baseline;gap:9px;font-size:21px;font-weight:700;color:#fff;margin-bottom:14px}
.ftbrand b i{font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--mint);font-weight:600}
.ftbrand p{line-height:1.85;color:#AFC3DF;font-size:15px}
.ftnote{margin-top:12px;font-size:14px;color:#8FA8CA}
.ftnote b{display:inline;font-size:14px;color:#DCE6F7}
.ftcol h2{font-size:14.5px;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.02em}
.ftcol li a{display:block;padding:4px 0;color:#AFC3DF;font-size:15px}
.ftcol li a:hover{color:#fff;text-decoration:underline}
.sample{margin-top:44px;padding:16px 20px;background:rgba(255,255,255,.07);border-left:4px solid var(--mint);border-radius:0 var(--rs) var(--rs) 0;font-size:14.5px;line-height:1.75;color:#D3E0F2}
.sample b{color:#fff;font-weight:600}
.ftbot{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;color:#93AAC9}
.ftlinks{display:flex;gap:18px;flex-wrap:wrap}
.ftlinks a:hover{color:#fff;text-decoration:underline}

/* ---------- 사이트맵 ---------- */
.smap{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.smap section{border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.smap h2{font-size:18px;color:var(--brand);padding-bottom:11px;border-bottom:2px solid var(--tint);margin-bottom:12px}
.smap li a{display:block;padding:5px 0;font-size:15.5px;color:var(--ink-sub)}
.smap li a:hover{color:var(--btn);text-decoration:underline}

/* ---------- 반응형 : 1366 / 1024 / 768 (원본 브레이크포인트) ---------- */
@media (max-width:1366px){
  .wrap{padding:0 24px}
}
@media (max-width:1024px){
  :root{--pad:72px;--hd:66px}
  .gnbwrap{display:none}
  .navtoggle{display:flex}
  .hero h1{font-size:40px}
  .pbanner h1{font-size:34px}
  .shead h2{font-size:30px}
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .dgrid{grid-template-columns:repeat(2,1fr);gap:22px}
  .herolinks{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:28px}
  .split.rev figure{order:0}
  .ftgrid{grid-template-columns:1fr 1fr;gap:30px}
  .smap{grid-template-columns:1fr 1fr}
  .hdtel{display:none}
}
@media (max-width:768px){
  :root{--pad:56px}
  body{font-size:17px}
  .wrap{padding:0 18px}
  .hero .wrap{padding-top:60px;padding-bottom:60px}
  .hero h1{font-size:31px}
  .hero .hsub{font-size:17px}
  .pbanner{min-height:250px}
  .pbanner h1{font-size:27px}
  .pbanner .lead{font-size:16.5px}
  .shead h2{font-size:25px}
  .shead{margin-bottom:32px}
  .prose h2{font-size:23px}
  .prose h3{font-size:19px}
  .g2,.g3,.g4{grid-template-columns:1fr}
  .dgrid{grid-template-columns:1fr}
  .herolinks{grid-template-columns:1fr}
  .frow.two{grid-template-columns:1fr}
  .ftgrid{grid-template-columns:1fr}
  .smap{grid-template-columns:1fr}
  .casebox dl>div{grid-template-columns:1fr;gap:4px}
  .ctabar h2{font-size:25px}
  .acc .ans{padding-left:24px}
  .brand b{font-size:18px}
  .btn{padding:12px 24px;font-size:16px}
  .stats b{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
  .hd,.ctabar,.samplebar,.navtoggle,.drawer{display:none}
  body{font-size:12pt}
}