/* 리움에셋대부 — DRAFT v0.4 (2026-10-06)
   방향: 로펌형 — 법무법인 AK(가운데 정렬 섹션 머리·굵은 한글·어두운 사진 섹션·하단 상담바·퀵메뉴)
        + 광장(여백·네이비) · 일반 전당포 포지셔닝(시계·가방·귀금속·전자기기)
   한글 제목 = 굵은 고딕(로고 서체 Noto Sans KR 계열), 영문 = Cormorant Garamond, 포인트 = 골드 */
:root{
  --paper:#FFFFFF; --mist:#F4F6F9; --line:#DFE4EB;
  --navy:#0E1A2B; --navy-2:#16263C; --ink:#1C2533; --muted:#5F6A7D; --faint:#8F9AAB;
  --gold:#A8834A; --gold-d:#8C6C38; --gold-l:#D8C49C;
  --tbd:#D9480F;
  --wrap:1200px; --bar:72px;
  --en:"Cormorant Garamond", "Times New Roman", serif;
  --sans:"Pretendard", "Noto Sans KR", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.75;word-break:keep-all;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;padding-bottom:var(--bar)}
a{color:inherit}
img{max-width:100%}
[hidden]{display:none!important}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:32px}
.narrow{max-width:880px}
.center{text-align:center}
h1,h2,h3{margin:0}

/* ---------- DRAFT ---------- */
.draft-bar{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;background:#3A2410;color:#FFD9A8;font-size:12.5px;padding:5px 16px}
.draft-bar button{font:inherit;font-size:12px;background:transparent;color:#FFD9A8;border:1px solid #FFD9A8;border-radius:99px;padding:1px 10px;cursor:pointer}
.tbd{color:var(--tbd);background:rgba(217,72,15,.08);outline:1px dashed rgba(217,72,15,.6);border-radius:3px;padding:0 4px;font-weight:600;font-size:.88em;font-family:var(--sans)}
.tbd-block{display:block;margin-top:12px;padding:6px 10px;font-size:13px;font-weight:500}
body.hide-tbd .tbd{color:inherit;background:none;outline:none;padding:0;font-weight:inherit;font-size:inherit;font-family:inherit}
body.hide-tbd .tbd-block{display:none}

/* ---------- 유틸리티 바 / 헤더 ---------- */
.util-bar{background:var(--navy);color:#AEB8C7;font-size:12.5px}
.util-inner{display:flex;justify-content:space-between;gap:16px;padding-block:7px}
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:40px;height:80px}
.brand img{display:block;height:58px;width:auto}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{text-decoration:none;font-family:"Noto Sans KR",sans-serif;font-size:18px;font-weight:500;letter-spacing:-.01em;color:#1D1611;position:relative;padding:4px 0;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}
.nav a:hover::after,.nav a:focus-visible::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--navy)}
.header-tel{text-decoration:none;font-size:15px;font-weight:700;color:var(--navy);border-left:1px solid var(--line);padding-left:28px}
.menu-btn{display:none;width:40px;height:40px;border:0;background:none;cursor:pointer;margin-left:auto;position:relative}
.menu-btn span{position:absolute;left:9px;right:9px;height:2px;background:var(--navy);transition:transform .25s}
.menu-btn span:first-child{top:14px}.menu-btn span:last-child{top:24px}
.menu-open .menu-btn span:first-child{transform:translateY(5px) rotate(45deg)}
.menu-open .menu-btn span:last-child{transform:translateY(-5px) rotate(-45deg)}

/* ---------- 버튼 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 32px;font-size:16px;font-weight:700;text-decoration:none;border-radius:2px;transition:background .2s,color .2s,border-color .2s}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:var(--gold-d)}
.btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn .tbd{font-size:12.5px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;min-height:640px;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,28,.92) 0%,rgba(9,16,28,.72) 42%,rgba(9,16,28,.12) 75%,rgba(9,16,28,0) 100%)}
.hero-inner{position:relative;z-index:2;padding-block:110px;width:100%}
.hero-kicker{font-family:var(--en);font-style:italic;font-weight:500;font-size:24px;color:var(--gold-l);margin:0 0 22px}
.hero h1{font-weight:800;font-size:clamp(32px,3.9vw,52px);line-height:1.32;letter-spacing:-.03em;max-width:720px;text-wrap:balance}
.hero-lead{font-size:17.5px;color:#CDD5E0;margin:26px 0 40px;max-width:560px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-facts{list-style:none;padding:0;margin:56px 0 0;display:flex;gap:48px;flex-wrap:wrap;border-top:1px solid rgba(216,196,156,.3);padding-top:24px;max-width:640px}
.hero-facts b{display:block;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.02em}
.hero-facts span{font-size:13.5px;color:#9FAABB}
.hero-facts .tbd{font-size:.8em}

/* ---------- 섹션 머리 (AK식 가운데 쌓기) ---------- */
.section{padding:120px 0}
.section-mist{background:var(--mist)}
.sh{text-align:center;max-width:760px;margin:0 auto 64px}
.sh-brand{margin:0;font-size:15px;font-weight:500;color:var(--muted);letter-spacing:.02em}
.sh-en{font-family:var(--en);font-weight:500;font-size:clamp(46px,5.6vw,76px);line-height:1.05;color:var(--gold);text-transform:uppercase;letter-spacing:.01em;margin:6px 0 10px}
.sh-ko{margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.35;text-wrap:balance}
.sh-desc{margin:14px auto 0;color:var(--muted);font-size:16px;max-width:620px}
.sh-inv .sh-brand{color:#9FAABB}
.sh-inv .sh-en{color:var(--gold-l)}
.sh-inv .sh-ko{color:#fff}
.fine{font-size:14px;color:var(--muted);margin-top:28px}
.doc-label{font-family:var(--en);font-size:16px;font-weight:600;letter-spacing:.16em;color:var(--gold);margin:0 0 12px}

/* Principles */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.principles article{border:1px solid var(--line);border-top:3px solid var(--navy);padding:40px 34px;background:#fff}
.p-idx{font-family:var(--en);font-size:30px;font-weight:500;color:var(--gold)}
.principles h3{font-size:24px;font-weight:800;color:var(--navy);margin:8px 0 14px;letter-spacing:-.02em}
.principles p{margin:0;color:var(--muted);font-size:15.5px}

/* Collateral */
.items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.item{background:#fff;display:flex;flex-direction:column}
.item-img{aspect-ratio:4/3;overflow:hidden;background:var(--navy)}
.item-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.item:hover .item-img img{transform:scale(1.04)}
.item-body{padding:24px 24px 28px;border:1px solid var(--line);border-top:0;flex:1}
.item-en{font-family:var(--en);font-style:italic;font-size:18px;color:var(--gold);margin:0}
.item h3{font-size:21px;font-weight:800;color:var(--navy);margin:2px 0 10px;letter-spacing:-.02em}
.item-brands{margin:0 0 10px!important;font-family:var(--en);font-weight:600;font-size:15px!important;letter-spacing:.12em;color:var(--navy)!important}
.item-body p:not(.item-en):not(.item-badge){margin:0;color:var(--muted);font-size:15px}
.item-badge{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--gold-d)}

/* Process */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid var(--navy)}
.timeline li{padding:30px 22px 10px 0;position:relative}
.timeline li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #fff}
.t-step{font-family:var(--en);font-size:15px;font-weight:600;letter-spacing:.12em;color:var(--gold)}
.timeline h3{font-size:20px;font-weight:800;color:var(--navy);margin:4px 0 10px}
.timeline p{margin:0;font-size:15px;color:var(--muted)}
.notice-doc{margin-top:64px;background:var(--mist);border-left:3px solid var(--navy);padding:34px 40px}
.notice-doc>p:not(.doc-label){margin:0;font-size:16.5px;line-height:1.85;color:var(--ink)}

/* Estimate */
.section-navy{background:var(--navy);color:#E6EAF0}
.tabs{display:flex;justify-content:center;gap:0;margin:0 auto 40px;max-width:720px;border-bottom:1px solid #2A3B54}
.tabs button{flex:1;font:inherit;font-size:16px;font-weight:700;color:#8F9AAB;background:none;border:0;border-bottom:3px solid transparent;padding:14px 10px;cursor:pointer;margin-bottom:-1px}
.tabs button.on{color:#fff;border-bottom-color:var(--gold-l)}
.est-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;max-width:980px;margin:0 auto;align-items:start}
.calc{background:#fff;color:var(--ink);padding:40px}
.field{display:block;margin-bottom:22px}
.field>span{display:block;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:8px}
select,input{width:100%;height:52px;border:0;border-bottom:2px solid var(--navy);border-radius:0;background:transparent;font:inherit;font-size:17px;padding:0 2px;color:var(--ink)}
select:focus,input:focus{outline:none;border-bottom-color:var(--gold)}
.weight-row{display:flex;gap:16px;align-items:flex-end}
.seg{display:flex;border:1px solid var(--line);flex:none}
.seg button{font:inherit;width:56px;height:44px;border:0;background:#fff;cursor:pointer;color:var(--muted);font-weight:600}
.seg button.on{background:var(--navy);color:#fff}
.calc-out{margin-top:30px;border-top:2px solid var(--navy);padding-top:22px}
.out-label{margin:0;font-size:13.5px;font-weight:600;color:var(--muted)}
.out-main{margin:6px 0 18px;font-weight:800;font-size:clamp(24px,2.6vw,32px);color:var(--navy);letter-spacing:-.02em}
.out-sub{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:16px 0;border-block:1px solid var(--line)}
.out-sub dt{font-size:12.5px;color:var(--faint)}
.out-sub dd{margin:2px 0 0;font-weight:700;font-size:16px}
.out-note{font-size:12.5px;color:var(--faint);margin:12px 0 0}
.ref{border:1px solid #2A3B54;padding:30px 28px}
.ref-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px;display:flex;justify-content:space-between;align-items:center}
.ref-title span{font-size:11px;font-weight:500;color:var(--gold-l);border:1px solid var(--gold-l);padding:0 8px}
.ref dl{margin:0}
.ref dl div{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid #22324A;font-size:14px}
.ref dt{color:#9FAABB}
.ref dd{margin:0;font-weight:700;font-size:18px;color:#fff;font-variant-numeric:tabular-nums}
.ref-foot{font-size:12.5px;color:#8F9AAB;margin:16px 0 0;line-height:1.65}
.photo-steps{list-style:none;padding:0;margin:0 auto;max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.photo-steps li{border:1px solid #2A3B54;padding:32px 28px}
.photo-steps span{font-family:var(--en);font-size:34px;color:var(--gold-l)}
.photo-steps h3{font-size:20px;font-weight:800;color:#fff;margin:6px 0 10px}
.photo-steps p{margin:0;font-size:15px;color:#AEB8C7}
.photo-note{text-align:center;color:#8F9AAB;font-size:14px;margin:28px 0 24px}

/* Consult (어두운 사진 배경) */
.consult{position:relative;overflow:hidden;background:#0A121E;color:#fff;padding:120px 0}
.consult-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:grayscale(.3)}
.consult::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,30,.55),rgba(10,18,30,.85))}
.consult .wrap{position:relative;z-index:2}
.consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto}
.c-card{display:block;text-decoration:none;background:rgba(10,18,30,.6);border:1px solid rgba(216,196,156,.28);padding:30px 34px;transition:border-color .2s,background .2s}
.c-card:hover{border-color:var(--gold-l);background:rgba(10,18,30,.8)}
.c-card h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}
.c-card p{margin:0;color:#B8C2D0;font-size:15px}

/* Terms */
.terms-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}
.table-wrap{overflow-x:auto}
.terms{width:100%;border-collapse:collapse;border-top:2px solid var(--navy)}
.terms th,.terms td{text-align:left;padding:22px 0;border-bottom:1px solid var(--line);vertical-align:top}
.terms th{width:34%;font-weight:600;color:var(--muted);font-size:15px}
.terms td{font-size:18px;color:var(--navy);font-weight:800}
.terms small{display:block;font-weight:400;font-size:13px;color:var(--faint);margin-top:2px}
.example{background:var(--mist);padding:36px 34px}
.ex-big{font-size:24px;font-weight:800;color:var(--navy);margin:0 0 14px}
.example p{margin:0 0 10px}
.ex-formula{font-family:var(--en);font-size:18px;color:var(--muted);margin-top:18px!important;border-top:1px solid var(--line);padding-top:14px}

/* People */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}
.portrait{aspect-ratio:4/5;background:linear-gradient(160deg,#1A2A40,#0E1A2B);display:grid;place-items:center;margin-bottom:16px}
.portrait span{font-family:var(--en);font-style:italic;color:#5A6B84;font-size:20px}
.person .role{margin:0;font-size:13.5px;font-weight:700;color:var(--gold)}
.person h3{font-size:21px;font-weight:800;color:var(--navy);margin:2px 0 4px}
.person p{margin:0;color:var(--muted);font-size:14.5px}

/* Office */
.office-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:stretch}
.map-ph{min-height:400px;background:var(--mist);border:1px solid var(--line);display:grid;place-items:center;text-align:center;font-family:var(--en);font-size:28px;letter-spacing:.2em;color:#B9C5D4}
.map-ph small{font-family:var(--sans);font-size:13px;letter-spacing:0;color:var(--faint)}
.office-info{margin:0;border-top:2px solid var(--navy)}
.office-info div{display:grid;grid-template-columns:96px 1fr;padding:16px 0;border-bottom:1px solid var(--line)}
.office-info dt{color:var(--muted);font-size:14.5px;font-weight:600}
.office-info dd{margin:0}

/* FAQ */
.faq{border-top:2px solid var(--navy)}
.faq details{border-bottom:1px solid var(--line);background:transparent}
.faq summary{cursor:pointer;list-style:none;padding:24px 48px 24px 0;font-size:17.5px;font-weight:700;color:var(--navy);position:relative}
.faq summary::before{content:"Q.";font-family:var(--en);font-size:22px;color:var(--gold);margin-right:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:10px;top:50%;width:11px;height:11px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{margin:0 0 24px 36px;color:var(--muted)}

/* Closing */
.closing{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:130px 0;text-align:center}
.closing-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}
.closing::after{content:"";position:absolute;inset:0;background:rgba(9,16,28,.55)}
.closing .wrap{position:relative;z-index:2}
.closing-en{font-family:var(--en);font-style:italic;font-size:22px;color:var(--gold-l);margin:0 0 14px}
.closing h2{font-weight:800;font-size:clamp(32px,4vw,52px);letter-spacing:-.03em}
.closing-sub{margin:16px 0 0;color:#B8C2D0;font-size:17px}

/* 법정 표시 푸터 */
.site-footer{background:#0A121E;color:#9AA4B4;padding:64px 0 48px;font-size:14px}
.warn-box{border:1px solid #2B3A52;padding:24px 28px;margin-bottom:48px}
.warn-box p{margin:0 0 6px;color:#fff;font-weight:700;font-size:17px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #1E2A3C;margin-bottom:24px}
.footer-top img{height:64px;width:auto;display:block}
.footer-top img.footer-symbol{height:88px;width:88px}
.closing-symbol{display:block;width:96px;height:96px;margin:0 auto 28px}
.footer-links{display:flex;gap:24px}
.footer-links a{text-decoration:none;color:#C9D1DC}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.legal-grid dl{margin:0}
.legal-grid div{display:grid;grid-template-columns:130px 1fr;padding:8px 0}
.legal-grid dt{color:#6F7B8E}
.legal-grid dd{margin:0;color:#D5DBE4}
.footer-terms{margin:24px 0 0;color:#9AA4B4;font-size:14px;line-height:1.85}
.footer-warn{margin:14px 0 0;color:#C9D1DC;font-size:14px;line-height:1.85}
.footer-note{margin:28px 0 0;font-size:13px;color:#6F7B8E}
.copyright{font-family:var(--en);letter-spacing:.08em;color:#4F5B6E;margin:8px 0 0}

/* 우측 퀵메뉴 */
.quick{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:8px}
.quick a{width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px -10px rgba(14,26,43,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:var(--navy);transition:background .2s,color .2s}
.quick a:hover{background:var(--navy);color:#fff}
.quick svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.quick span{font-size:10.5px;font-weight:700}

/* 하단 고정 상담바 */
.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--navy);color:#fff;border-top:1px solid #22324A;padding-bottom:env(safe-area-inset-bottom,0px)}
.cta-bar-inner{display:flex;align-items:center;gap:28px;height:var(--bar)}
.cta-tel{display:flex;align-items:baseline;gap:12px;text-decoration:none;flex:none}
.cta-tel-label{font-size:13px;color:var(--gold-l);font-weight:600}
.cta-tel b{font-size:24px;font-weight:800;letter-spacing:-.01em}
.cta-msg{margin:0;color:#AEB8C7;font-size:15px;flex:1}
.cta-msg b{color:#fff}
.cta-btns{display:flex;height:100%;flex:none}
.cta-btns a{display:flex;align-items:center;padding:0 28px;font-weight:800;font-size:16px;text-decoration:none}
.cta-kakao{background:#FEE500;color:#191600}
.cta-call{background:var(--gold);color:#fff}

/* ---------- 반응형 ---------- */
@media (max-width:1180px){
  .quick{display:none}
}
@media (max-width:1080px){
  .nav,.header-tel{display:none}
  .menu-btn{display:block}
  .menu-open .nav{display:flex;position:absolute;top:80px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 32px 20px}
  .menu-open .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
  .timeline{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .cta-msg{display:none}
}
@media (max-width:760px){
  :root{--bar:62px}
  .wrap{padding-inline:20px}
  .util-inner{flex-direction:column;gap:0;font-size:11.5px}
  .header-inner{height:68px}
  .brand img{height:46px}
  .menu-open .nav{top:68px;padding-inline:20px}
  .hero{min-height:0}
  .hero-bg{object-position:78% 50%}
  .hero::after{background:linear-gradient(180deg,rgba(9,16,28,.55) 0%,rgba(9,16,28,.88) 60%)}
  .hero-inner{padding-block:72px 64px}
  .hero-facts{gap:24px}
  .section,.consult{padding:84px 0}
  .sh{margin-bottom:44px}
  .principles,.timeline,.items,.people,.est-grid,.photo-steps,.consult-grid,.terms-grid,.office-grid,.legal-grid{grid-template-columns:1fr}
  .timeline li{padding-right:0}
  .notice-doc{padding:26px 22px}
  .calc{padding:28px 22px}
  .out-sub{grid-template-columns:1fr}
  .tabs button{font-size:14px}
  .people{gap:28px}
  .people .person{display:grid;grid-template-columns:110px 1fr;column-gap:18px;align-items:center}
  .people .portrait{grid-row:span 3;margin:0}
  .faq details p{margin-left:0}
  .legal-grid div{grid-template-columns:110px 1fr}
  .warn-box p{font-size:15.5px}
  .cta-tel{display:none}
  .cta-bar-inner{padding-inline:0;gap:0}
  .cta-btns{flex:1}
  .cta-btns a{flex:1;justify-content:center;padding:0 10px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* ================= 개인채무자보호법 페이지 (protection.html) ================= */
.pp-hero{background:var(--navy);color:#fff;text-align:center;padding:96px 0 72px}
.pp-hero .sh-brand{color:#9FAABB}
.pp-hero .sh-en{color:var(--gold-l);margin:6px 0 8px}
.pp-hero .sh-ko{color:#fff;font-size:clamp(26px,3vw,38px)}
.pp-hero .pp-title,.sh .pp-title{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em}
.pp-hero-desc{max-width:680px;margin:18px auto 0;color:#B8C2D0;font-size:16px}
.pp-hero .tbd-block{max-width:760px;margin:24px auto 0;text-align:left}
.pp-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:36px}
.pp-jump a{border:1px solid rgba(216,196,156,.45);color:#fff;text-decoration:none;font-size:14.5px;font-weight:600;padding:9px 18px;border-radius:2px}
.pp-jump a:hover{background:rgba(216,196,156,.12)}
.pp .sh-brand{font-family:var(--en);font-size:22px;color:var(--gold)}
.pp-hero .sh-brand{font-family:var(--sans);font-size:15px;color:#9FAABB}
.pp-docs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pp-doc{border:1px solid var(--line);border-top:3px solid var(--navy);padding:30px 26px;display:flex;flex-direction:column;background:#fff}
.pp-doc-en{font-family:var(--en);font-style:italic;font-size:17px;color:var(--gold);margin:0}
.pp-doc h3{font-size:19px;font-weight:800;color:var(--navy);margin:4px 0 10px;letter-spacing:-.02em}
.pp-doc p:not(.pp-doc-en){margin:0 0 22px;color:var(--muted);font-size:14.5px;flex:1}
.pp-doc-btns{display:flex;gap:8px}
.pp-doc-btns a{flex:1;text-align:center;text-decoration:none;font-size:14px;font-weight:700;padding:11px 8px;border:1px solid var(--navy);color:var(--navy)}
.pp-doc-btns a:last-child{background:var(--navy);color:#fff}
.pp-doc-btns a:hover{opacity:.85}
.pp-rights{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pp-rights article{background:#fff;border:1px solid var(--line);padding:30px 28px}
.pp-rights h3{font-size:19px;font-weight:800;color:var(--navy);margin-bottom:10px;padding-left:14px;border-left:3px solid var(--gold)}
.pp-rights p{margin:0;color:var(--muted);font-size:15px}
.pp-contact dl{margin:0}
.pp-contact dl div{display:grid;grid-template-columns:110px 1fr;padding:8px 0;border-bottom:1px solid var(--line)}
.pp-contact dt{color:var(--muted);font-weight:600}
.pp-contact dd{margin:0}
.pp-notice-box{background:#fff;border:1px solid var(--gold-l);padding:26px 30px;text-align:center;margin-bottom:24px}
.pp-notice-box p{margin:2px 0;color:var(--ink);font-size:15px}
.pp-notice-box p::before{content:"※ ";color:var(--gold)}
.pp-search{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;background:#fff;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);padding:20px 24px;margin-bottom:0}
.pp-search label{flex:1;min-width:200px}
.pp-search label span{display:block;font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:4px}
.pp-search input{height:46px;border-bottom-width:1px}
.pp-search button{font:inherit;font-weight:800;font-size:15px;height:46px;padding:0 30px;border:0;background:var(--navy);color:#fff;cursor:pointer}
.pp-table{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px;min-width:640px}
.pp-table th{background:var(--mist);color:var(--navy);font-weight:700;padding:14px 12px;border-bottom:1px solid var(--line);text-align:center}
.pp-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums}
.pp-empty{background:#fff;text-align:center;color:var(--muted);padding:44px 16px;margin:0;border-bottom:1px solid var(--line)}
@media (max-width:1080px){.pp-docs{grid-template-columns:repeat(2,1fr)}.pp-rights{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .pp-hero{padding:64px 0 52px}
  .pp-docs,.pp-rights{grid-template-columns:1fr}
  .pp-search{padding:16px}
  .pp-search button{width:100%}
  .pp-contact dl div{grid-template-columns:84px 1fr}
}

/* ================= 메인 팝업 (흰 바탕 · 골드 띠 · 애니메이션) ================= */
.promo[hidden]{display:none}
.promo{position:fixed;inset:0;z-index:100;background:rgba(6,11,19,.66);display:grid;place-items:center;padding:20px;animation:promoFade .25s ease-out}
.promo-card{position:relative;width:min(440px,100%);background:#fff;color:var(--navy);text-align:center;overflow:hidden;box-shadow:0 0 0 1px var(--gold),0 30px 90px -20px rgba(0,0,0,.6),0 0 60px -10px rgba(216,190,120,.55);animation:promoPop .5s cubic-bezier(.2,1.4,.4,1)}
.promo-card:focus{outline:none}
.promo-x{position:absolute;top:8px;right:10px;z-index:3;background:none;border:0;color:rgba(14,26,43,.55);font-size:30px;line-height:1;cursor:pointer;padding:4px 8px}
.promo-x:hover{color:var(--navy)}
/* 골드 띠 */
.promo-band{position:relative;padding:26px 20px 18px;background:linear-gradient(135deg,#F7E3AE 0%,#D9B46A 45%,#B8924F 100%);overflow:hidden}
.promo-band::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);animation:promoShine 2.6s ease-in-out .6s infinite}
.promo-coin{width:62px;height:62px;display:block;margin:0 auto 8px;filter:drop-shadow(0 6px 10px rgba(110,84,40,.35));animation:promoFloat 2.4s ease-in-out infinite}
.promo-en{font-family:var(--en);font-weight:700;letter-spacing:.34em;font-size:13px;color:#5E4720;margin:0;position:relative}
.spark{position:absolute;color:#fff;opacity:.9;animation:promoTwinkle 1.8s ease-in-out infinite;text-shadow:0 0 8px rgba(255,255,255,.9)}
.s1{top:14px;left:18%;font-size:18px}.s2{top:44px;left:9%;font-size:12px;animation-delay:.4s}.s3{top:20px;right:20%;font-size:20px;animation-delay:.8s}
.s4{top:56px;right:10%;font-size:13px;animation-delay:1.1s}.s5{bottom:10px;left:30%;font-size:11px;animation-delay:.2s}
/* 본문 */
.promo-body{padding:26px 34px 0}
.promo-pill{display:inline-block;margin:0;padding:6px 18px;border-radius:99px;background:var(--navy);color:#fff;font-size:16px;font-weight:700}
.promo-title{margin:14px 0 0;color:var(--navy);line-height:1.1}
.promo-small{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.promo-num{display:inline-flex;align-items:baseline;gap:6px;margin-top:4px;font-size:24px;font-weight:800;color:var(--gold-d)}
.promo-num b{font-size:clamp(72px,18vw,92px);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,#D9B46A,#9C7B3E);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.promo-num em{font-style:normal;font-size:30px;font-weight:800;color:var(--gold-d)}
.promo-calc{margin:12px 0 22px;font-size:12.5px;color:var(--faint);line-height:1.7}
.promo-btns{display:flex;flex-direction:column;gap:10px}
.promo-btns .btn{width:100%;height:54px}
.promo-btns .btn-gold{animation:promoPulse 2s ease-in-out 1.2s infinite}
.btn-line-w{border:1px solid var(--navy);color:var(--navy)}
.btn-line-w:hover{background:var(--navy);color:#fff}
.promo-foot{display:flex;justify-content:space-between;margin:24px -34px 0;border-top:1px solid var(--line);background:var(--mist)}
.promo-foot button{flex:1;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;padding:14px;cursor:pointer}
.promo-foot button+button{border-left:1px solid var(--line)}
.promo-foot button:hover{color:var(--navy)}
@keyframes promoFade{from{opacity:0}to{opacity:1}}
@keyframes promoPop{0%{opacity:0;transform:translateY(24px) scale(.86)}100%{opacity:1;transform:none}}
@keyframes promoShine{0%{left:-60%}55%,100%{left:130%}}
@keyframes promoFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-6px) rotate(6deg)}}
@keyframes promoTwinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@keyframes promoPulse{0%,100%{box-shadow:0 0 0 0 rgba(168,131,74,.55)}50%{box-shadow:0 0 0 8px rgba(168,131,74,0)}}
@media (prefers-reduced-motion:reduce){.promo,.promo-card,.promo-band::after,.promo-coin,.spark,.promo-btns .btn-gold{animation:none!important}}


/* ===== v1.0 (2026-11-11) — 영문 장식 제거·등록번호 바·품목 4종 ===== */
.draft-bar{background:var(--navy);color:#AEB8C7;font-size:13px;padding:7px 16px;border-bottom:1px solid #22324A}
.draft-bar b{color:#fff;font-weight:700}
.biz-line{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
.biz-line>span{display:inline-flex;gap:8px;align-items:baseline;white-space:nowrap}
.draft-bar .tbd{background:rgba(217,72,15,.18);outline-color:rgba(255,160,120,.7);color:#FFB899}
.sh-ko{margin-top:4px}
.items{grid-template-columns:repeat(4,1fr);gap:20px}
.t-step,.doc-label,.photo-steps span,.ex-formula,.copyright,.pp .sh-brand,.promo-en{font-family:var(--sans)!important;letter-spacing:0!important}
.t-step{font-size:14px;font-weight:700}
.doc-label{font-size:14px;font-weight:700}
.photo-steps span{font-size:26px;font-weight:800}
.pp .sh-brand{font-size:16px;font-weight:800}
.promo-en{letter-spacing:.2em!important}
.faq summary::before{content:none}
.faq details p{margin-left:0}
.map-ph{font-family:var(--sans);letter-spacing:0}
@media (max-width:1080px){.items{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.items{grid-template-columns:1fr}.biz-line{gap:0 12px;font-size:12px}}

/* ===== 히어로 문구·크기 = 임대표 최종본(v0.9)과 동일 (색은 이 버전 골드) ===== */
.m-br{display:none}
.hero-kicker.hero-kicker-ko{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;font-family:var(--sans);font-style:normal;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--gold-l)}
.hero-kicker.hero-kicker-ko::before{content:none;display:none}
.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.25;letter-spacing:-.04em;font-weight:800;max-width:none}
.hero h1 em{font-style:normal;color:var(--gold-l)}
.hero-lead{font-size:clamp(19px,1.9vw,22px);line-height:1.7;margin:20px 0 36px}
@media (max-width:860px){
  .m-br{display:inline}
  .hero-kicker.hero-kicker-ko{font-size:13.5px;margin-bottom:14px;white-space:nowrap}
  .hero h1{font-size:min(30px,7.3vw);line-height:1.4}
  .hero h1 .h1-l2{white-space:nowrap}
  .hero-lead{font-size:17px}
}

/* ===== 가독성 확대 (11-11) — 임대표 최종본 기준: 본문 19px / 휴대폰 17px, 본문색 진하게 ===== */
:root{--muted:#4A5466;--body-c:#2E3746}
body{font-size:19px;line-height:1.7}
.btn{height:60px;font-size:18px;padding:0 32px}
.hero-facts b{font-size:30px}
.hero-facts span{font-size:16.5px;color:#C2CAD6}
.sh{margin-bottom:56px}
.sh-brand{font-size:17px}
.sh-ko{font-size:clamp(30px,3.4vw,44px)}
.sh-desc{font-size:20px;max-width:760px;color:var(--muted)}
.fine{font-size:17px}
/* 품목: 4칸 → 2×2 (글자가 커져도 한 줄이 짧지 않게) */
.items{grid-template-columns:repeat(2,1fr);gap:24px}
.item-img{aspect-ratio:16/9}
.item-body{padding:28px 30px 32px}
.item h3{font-size:27px;margin-bottom:10px}
.item-body p:not(.item-en):not(.item-badge){font-size:18.5px;color:var(--body-c)}
/* 원칙 */
.principles h3{font-size:27px}
.principles p{font-size:18.5px;color:var(--body-c)}
/* 이용 절차 */
.t-step{font-size:16px}
.timeline h3{font-size:23px}
.timeline p{font-size:17.5px;color:var(--body-c)}
/* 상담 */
.c-card h3{font-size:25px}
.c-card p{font-size:18px;color:#C9D1DC}
/* 마무리 */
.closing-sub{font-size:20px}
/* 서브페이지 */
.pp-hero-desc{font-size:19px}
.faq summary{font-size:20.5px}
.faq details p{font-size:19px;color:var(--body-c)}
.terms th{font-size:17px}
.terms td{font-size:21px}
.terms small{font-size:16px}
.ex-big{font-size:27px}
.office-info dt{font-size:17px}
.office-info dd{font-size:19px}
.field>span,.out-label{font-size:16px}
select,input{font-size:19px}
.out-sub dt{font-size:15px}.out-sub dd{font-size:19px}
.out-note,.ref-foot{font-size:15px}
.ref dl div{font-size:16px}.ref dd{font-size:20px}
.photo-steps h3{font-size:23px}.photo-steps p{font-size:17px}
.pp-doc h3,.pp-rights h3{font-size:22px}
.pp-doc p:not(.pp-doc-en),.pp-rights p{font-size:17px;color:var(--body-c)}
.pp-notice-box p{font-size:17px}
/* 푸터·하단바 */
.site-footer{font-size:15.5px}
.footer-links a{font-size:16px}
.footer-terms,.footer-warn{font-size:15.5px}
.footer-note{font-size:14.5px}
.cta-msg{font-size:17px}
.cta-btns a{font-size:18px}
.quick span{font-size:11.5px}
@media (max-width:760px){
  body{font-size:17px}
  .btn{height:56px;font-size:17px;padding:0 22px}
  .hero-facts b{font-size:24px}
  .hero-facts span{font-size:15px}
  .sh{margin-bottom:36px}
  .sh-ko{font-size:28px}
  .sh-desc{font-size:17px}
  .items{grid-template-columns:1fr}
  .item h3,.principles h3{font-size:23px}
  .item-body p:not(.item-en):not(.item-badge),.principles p,.timeline p,.faq details p{font-size:17px}
  .timeline h3{font-size:21px}
  .c-card h3{font-size:21px}
  .c-card p{font-size:16.5px}
  .faq summary{font-size:18px}
  .terms td{font-size:19px}
  .site-footer,.footer-terms,.footer-warn{font-size:14.5px}
}

/* 헤더 전화번호: 골드 버튼색 + 크게 (11-11) */
.header-tel{color:var(--gold);font-size:22px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.header-tel:hover{color:var(--gold-d)}

/* ===== 주요 취급 품목 — 가로 카드 2×2 (임대표 최종본 레이아웃, 11-11) ===== */
.ci-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ci{display:grid;grid-template-columns:33% minmax(0,1fr);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.ci-img{background:var(--navy);min-width:0}
.ci-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.ci-body{padding:28px 32px;display:grid;gap:10px;align-content:center;min-width:0}
.ci h3{font-size:30px;font-weight:800;color:var(--navy);letter-spacing:-.02em;margin:0}
.ci-body p{margin:0;font-size:19.5px;line-height:1.75;color:var(--body-c)}
.ci-body .ci-tip{font-size:17px;color:var(--muted);padding-top:12px;border-top:1px dashed var(--line)}
.ci-more{margin:32px 0 0;padding:26px 20px;text-align:center;font-size:21px;color:var(--ink);background:var(--mist);border-radius:16px}
.ci-more b{box-shadow:inset 0 -10px 0 rgba(216,196,156,.6)}
#collateral .fine{margin-top:18px}
@media (max-width:1080px){.ci-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){
  .ci{grid-template-columns:minmax(0,1fr)}
  .ci-img img{aspect-ratio:16/9}
  .ci-body{padding:20px 20px 22px}
  .ci h3{font-size:24px}
  .ci-body p{font-size:17px}
  .ci-body .ci-tip{font-size:15.5px}
  .ci-more{font-size:17px;padding:20px 14px}
}

/* 원칙 섹션 설명: 문장 중간에서 줄바꿈 금지, 한 문장씩 한 줄 (11-11) */
.sh .pr-desc{max-width:none;font-size:23px;line-height:1.7}
.pr-desc span{display:block;white-space:nowrap}
@media (max-width:760px){
  .sh .pr-desc{font-size:min(19px,4.6vw)}
  .pr-desc span{white-space:normal}
}

/* ===== 섹션 제목: 임대표 최종본과 동일 — 왼쪽 정렬, Noto Sans KR 800, 30~44px (11-11) ===== */
.sh{text-align:left;max-width:860px;margin:0 0 clamp(32px,4vw,48px);display:grid;gap:10px}
.sh .sh-brand{display:none}
.sh .sh-ko,.sh h1,.sh h2{font-family:"Noto Sans KR",var(--sans);font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.3;letter-spacing:-.03em;color:var(--navy);margin:0;text-wrap:balance}
.sh .sh-desc,.sh>p:not(.sh-brand){font-family:"Noto Sans KR",var(--sans);font-size:20px;color:var(--muted);margin:0;max-width:none}
.sh-inv .sh-ko,.sh-inv h1,.sh-inv h2{color:#fff}
.sh-inv .sh-desc{color:#B8C2D0}
#collateral .fine.center,.pp .fine.center{text-align:left}

/* ===== 이용 절차 — 카드 5개 + 준비물 박스 (임대표 최종본 레이아웃) ===== */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.steps li{background:#fff;border-radius:16px;padding:30px 26px 32px;display:grid;gap:18px;align-content:start;min-width:0}
.step-no{width:56px;height:56px;border-radius:50%;background:var(--navy);color:var(--gold-l);display:grid;place-items:center;font-family:var(--sans);font-size:26px;font-weight:800;line-height:1}
.steps h3{font-size:25px;font-weight:800;color:var(--navy);margin:0 0 8px;letter-spacing:-.02em}
.steps p{margin:0;font-size:18px;line-height:1.7;color:var(--body-c)}
.bring{margin-top:24px;background:#fff;border:2px solid var(--navy);border-radius:16px;padding:30px 36px;display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:14px 32px;align-items:start}
.bring h3{font-size:26px;font-weight:800;color:var(--navy);margin:0}
.bring ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.bring li{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;font-size:20px;line-height:1.5}
.bring li::before{content:"";width:16px;height:9px;margin-top:.45em;border-left:3.5px solid var(--gold);border-bottom:3.5px solid var(--gold);transform:rotate(-45deg)}
.bring li b{color:var(--navy);font-weight:800}
.bring li small{display:block;font-size:17px;color:var(--muted)}
@media (max-width:1080px){
  .steps{grid-template-columns:minmax(0,1fr);gap:12px}
  .steps li{grid-template-columns:56px minmax(0,1fr);gap:20px;padding:22px 24px}
  .bring{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .sh .sh-ko,.sh h1,.sh h2{font-size:min(28px,7.4vw)}
  .sh .sh-desc,.sh>p:not(.sh-brand){font-size:min(17px,4.5vw)}
  .steps li{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px 18px}
  .step-no{width:44px;height:44px;font-size:21px}
  .steps h3{font-size:21px}
  .steps p{font-size:16.5px}
  .bring{padding:22px 20px}
  .bring h3{font-size:22px}
  .bring ul{grid-template-columns:minmax(0,1fr)}
  .bring li{font-size:18px}
}
.sh>p.pr-desc{font-size:23px;line-height:1.7}
@media (max-width:760px){.sh>p.pr-desc{font-size:min(19px,4.6vw)}}

/* 제목이 설명문 규칙에 덮이지 않게 (11-11 수정) */
.sh>.sh-ko,.sh>p.sh-ko{font-family:"Noto Sans KR",var(--sans);font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.3;letter-spacing:-.03em;color:var(--navy)}
.sh-inv>.sh-ko,.sh-inv>p.sh-ko{color:#fff}
@media (max-width:760px){.sh>.sh-ko,.sh>p.sh-ko{font-size:min(28px,7.4vw)}}

/* 문의 안내 박스 — 임대표 최종본과 동일 (11-11) */
.ci-more{margin:28px 0 0;padding:22px;border-radius:16px;background:#F5F2EB;color:#1A1814;font-family:"Noto Sans KR",var(--sans);font-size:21px;text-align:center}
.ci-more b{font-weight:800;box-shadow:inset 0 -10px 0 rgba(255,177,0,.45)}
@media (max-width:860px){.ci-more{font-size:min(18px,4.7vw);padding:18px 14px}}

/* 섹션 간격 줄이기 (11-11): 위아래 여백 120→최대 96px, 같은 흰 배경 섹션이 붙으면 위 여백 생략 */
.section{padding:clamp(64px,7vw,96px) 0}
.section:not(.section-mist)+.section:not(.section-mist){padding-top:0}
@media (max-width:760px){.section{padding:56px 0}.section:not(.section-mist)+.section:not(.section-mist){padding-top:0}}

/* 배경 교차 변경(11-11): 원칙=하늘색, 절차=흰색 → 절차 카드에 테두리 */
#process .steps li{border:1.5px solid var(--line)}
#principles .principles article{background:#fff}

/* 모바일 히어로 3가지 수치 한 줄 배치 (11-11) */
@media (max-width:760px){
  .hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-top:40px;padding-top:20px}
  .hero-facts li{min-width:0}
  .hero-facts b{font-size:min(24px,6.2vw);white-space:nowrap}
  .hero-facts span{display:block;font-size:min(14px,3.6vw);line-height:1.45;margin-top:4px}
}

/* 문장 끊김 방지 (11-11): .ph = 의미 단위 묶음, 줄바꿈은 구절 사이에서만 */
.ph{display:inline-block}
h1,h2,h3,p,li,dd,summary{word-break:keep-all;overflow-wrap:break-word}
.footer-links{flex-wrap:wrap;gap:8px 22px}

/* 히어로 상단 문구 확대 + 헤더 로고 확대 (11-11) */
.hero-kicker.hero-kicker-ko{font-size:22px;margin-bottom:22px}
.header-inner{height:96px}
.brand img{height:72px}
.menu-open .nav{top:96px}
@media (max-width:860px){.hero-kicker.hero-kicker-ko{font-size:min(17px,4.4vw)}}
@media (max-width:760px){
  .header-inner{height:76px}
  .brand img{height:56px}
  .menu-open .nav{top:76px}
}
/* 로고 확대에 따른 헤더 간격 조정 */
.header-inner{gap:24px}
.nav{gap:22px}
.header-tel{padding-left:22px}
@media (max-width:1260px) and (min-width:1081px){
  .header-inner{gap:18px}
  .nav{gap:14px}
  .nav a{font-size:16.5px}
  .brand img{height:62px}
  .header-tel{font-size:19px;padding-left:16px}
}

/* 로고 살짝 축소 + 메뉴 간격 살짝 확대 (11-11) */
.header-inner{height:88px}
.brand img{height:64px}
.menu-open .nav{top:88px}
.nav{gap:30px}
@media (max-width:1260px) and (min-width:1081px){
  .brand img{height:56px}
  .nav{gap:19px}
}
@media (max-width:760px){
  .header-inner{height:72px}
  .brand img{height:50px}
  .menu-open .nav{top:72px}
}

/* ===== 모바일 글자 축소 + 절차 카드 폭 활용 (11-11) ===== */
@media (max-width:760px){
  body{font-size:16px}
  .sh .sh-desc,.sh>p:not(.sh-brand):not(.sh-ko){font-size:16px}
  .sh>p.pr-desc{font-size:16px}
  .ci h3{font-size:22px}
  .ci-body p{font-size:15.5px;line-height:1.65}
  .ci-body .ci-tip{font-size:14px;padding-top:10px}
  .ci-more{font-size:16px}
  .principles h3{font-size:21px}
  .principles p{font-size:15.5px;line-height:1.7}
  /* 절차: 번호+제목 한 줄, 설명은 카드 전체 폭 */
  .steps li{grid-template-columns:40px minmax(0,1fr);gap:12px 14px;padding:18px 18px 20px;align-items:center}
  .steps li>div{display:contents}
  .step-no{width:40px;height:40px;font-size:19px}
  .steps h3{font-size:20px;margin:0}
  .steps p{grid-column:1/-1;font-size:15.5px;line-height:1.65}
  .bring li{font-size:16.5px}
  .bring li small{font-size:14.5px}
  .c-card h3{font-size:19px}
  .c-card p{font-size:15px;line-height:1.6}
  .hero-lead{font-size:16px}
  .faq summary{font-size:16.5px}
  .faq details p{font-size:15.5px}
  .pp-hero-desc{font-size:16px}
  .pp-doc p:not(.pp-doc-en),.pp-rights p,.timeline p,.photo-steps p{font-size:15px}
  .terms td{font-size:18px}
  .terms small{font-size:14.5px}
  .office-info dd{font-size:16px}
  .ref-foot,.out-note{font-size:14px}
}

/* 원칙 설명: 모바일에서는 구절 구분 없이 쭉 이어서 3줄 (11-11) */
@media (max-width:760px){
  .sh>p.pr-desc{font-size:min(16px,4.15vw);line-height:1.75}
  .pr-desc span,.pr-desc .ph{display:inline;white-space:normal}
}

/* ===== 모바일: 구절 묶음 해제 → 문장을 쭉 이어서 줄을 끝까지 채움 (11-11) =====
   줄바꿈은 어절 사이에서만(keep-all), 마지막 줄 한 단어 방지(text-wrap:pretty) */
@media (max-width:760px){
  .ph,.ci-more b.ph{display:inline;white-space:normal}
  p,li,dd,summary,small,td,th{text-wrap:pretty}
  .wrap{padding-inline:18px}
  .ci-body{padding:18px 16px 20px}
  .principles article{padding:22px 18px 24px}
  .steps li{padding:16px 16px 18px}
  .c-card{padding:18px 16px}
  .bring{padding:20px 16px}
  .faq summary{padding:16px 40px 16px 16px}
  .faq details p{padding:0 16px 18px}
  .pp-doc,.pp-rights article{padding:20px 16px}
}

/* 모바일 히어로 버튼 2개 나란히 (11-11) */
@media (max-width:760px){
  .hero-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .hero-cta .btn{width:100%;padding:0 8px;white-space:nowrap;font-size:min(16px,4.2vw);height:54px}
}
.ci-more b{white-space:nowrap}
@media (max-width:760px){.pr-desc .pr-last{white-space:nowrap}}
.pr-desc .ph{display:inline}