/* e300.korbenz.com — Mercedes Executive Editorial / private showroom
   팔레트: 옵시디언 #16191D · 포슬린 #F5F4F1 · 스톤 #D7D6D2 · 웜 토프 #9A8D7F · 실버 #B8BDC3 */
:root{
  --ink:#16191D; --ink-2:#2A2F35; --porcelain:#F5F4F1; --paper:#FBFAF8; --stone:#D7D6D2; --taupe:#9A8D7F; --taupe-d:#6B5F53; --silver:#B8BDC3; --muted:#5C6168;
  --sans:"Pretendard Variable",Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Pretendard Variable",Pretendard,"Noto Serif KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",serif;
  --w:1200px; --pad:clamp(20px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--porcelain);color:var(--ink);font:400 17px/1.8 var(--sans);letter-spacing:-.005em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img,picture{display:block;max-width:100%}
.card-img picture,.g picture,.hero-fig picture{height:100%}
img{height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #2F6FEB;outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:12px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.wrap{width:100%;max-width:calc(var(--w) + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3{line-height:1.3;letter-spacing:-.02em;margin:0}
p{margin:0 0 1em}
.num,.serif{font-family:var(--serif);font-variant-numeric:lining-nums;letter-spacing:0}

/* 버튼 */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.25em;min-height:48px;padding:0 24px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--porcelain);font:600 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--ink-2)}
.btn-line{background:transparent;color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--porcelain)}
.btn-light{background:var(--porcelain);color:var(--ink);border-color:var(--porcelain)}
.btn-light:hover{background:#fff}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.btn b{font-weight:700}

/* 헤더 */
.hdr{background:var(--porcelain);border-bottom:1px solid var(--stone);position:sticky;top:0;z-index:50}
.hdr-in{display:flex;align-items:center;gap:28px;min-height:68px}
.brand{display:flex;align-items:center;text-decoration:none;gap:14px;margin-right:auto}
.brand-a{font:600 15px/1 var(--sans);letter-spacing:.28em}
.brand-b{font:500 22px/1 var(--serif);padding-left:14px;border-left:1px solid var(--taupe);letter-spacing:.02em}
.nav{display:flex;gap:26px}
.nav a{font-size:16px;text-decoration:none;padding:10px 2px;border-bottom:1px solid transparent;color:var(--ink-2)}
.nav a:hover,.nav a[aria-current]{border-color:var(--taupe)}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--stone);background:transparent;border-radius:2px;padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink)}

/* 홈: 히어로 위 문의 줄 */
.strip{background:var(--stone);border-bottom:1px solid #c9c8c3}
.strip-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding-block:8px}
.strip p{margin:0;font-size:15px;color:var(--ink-2)}
.strip p b{font-weight:600}

/* 히어로 */
.hero{display:grid;grid-template-columns:minmax(320px,5fr) 8fr;background:var(--porcelain);border-bottom:1px solid var(--stone)}
.hero-copy{padding:clamp(36px,6vw,88px) var(--pad) clamp(36px,6vw,80px) max(var(--pad),calc((100vw - var(--w))/2));display:flex;flex-direction:column;justify-content:center}
.eyebrow{font:600 14px/1.4 var(--sans);letter-spacing:.14em;color:var(--taupe-d);text-transform:uppercase;margin:0 0 18px}
.hero h1{font:700 clamp(54px,6.4vw,92px)/1.02 var(--sans);letter-spacing:-.035em}
.hero-sub{font:400 clamp(24px,2.4vw,34px)/1.2 var(--serif);margin:10px 0 0;color:var(--ink-2)}
.hero-line{width:64px;height:1px;background:var(--taupe);margin:28px 0}
.hero-text{font-size:18px;color:var(--ink-2);max-width:30em;margin-bottom:28px}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.hero-fig{position:relative;margin:0;min-height:clamp(420px,72vh,760px);background:var(--ink)}
.hero-fig picture,.hero-fig img{width:100%;height:100%}
.hero-fig img{object-fit:cover;object-position:88% 50%}
.hero-fig figcaption{position:absolute;left:0;bottom:0;background:var(--porcelain);padding:8px 16px;font-size:14px;color:var(--muted)}

/* 섹션 공통 */
.sec{padding:clamp(56px,8vw,104px) 0}
.sec-alt{background:var(--paper)}
.sec-dark{background:var(--ink);color:var(--porcelain)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:clamp(28px,4vw,48px);max-width:44em}
.sec-head h2{font:700 clamp(27px,3.2vw,40px)/1.28 var(--sans)}
.sec-head p{color:var(--muted);margin:6px 0 0}
.sec-dark .sec-head p,.sec-dark .eyebrow{color:var(--silver)}
.rule{border:0;border-top:1px solid var(--stone);margin:0}

/* 캐러셀 카드 6 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0}
.card{display:flex;flex-direction:column;height:100%;background:var(--paper);border:1px solid var(--stone);text-decoration:none;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--taupe);transform:translateY(-2px)}
.card-img{aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:4px;flex:1}
.card-kw{font:700 19px/1.35 var(--sans);letter-spacing:-.02em}
.card-desc{font-size:16px;color:var(--muted);margin:0}
.card-more{margin-top:auto;padding-top:10px;font:600 15px/1 var(--sans);color:var(--taupe-d)}

/* 갤러리 */
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.g{margin:0;overflow:hidden;background:var(--stone);position:relative}
.g img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.g:hover img{transform:scale(1.025)}
.g figcaption{position:absolute;left:0;bottom:0;background:rgba(245,244,241,.94);padding:6px 12px;font-size:14px;color:var(--ink-2)}
.g-a{grid-column:span 7}.g-b{grid-column:span 5}
.g-c,.g-d,.g-e{grid-column:span 4}
.g-f{grid-column:span 5}.g-g{grid-column:span 7}
.g-a,.g-b{height:clamp(300px,36vw,500px)}
.g-c,.g-d,.g-e,.g-f,.g-g{height:clamp(280px,32vw,460px)}
.g-a img{object-position:50% 58%}.g-g img{object-position:50% 40%}

/* 에디토리얼 2단 */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.split+.split{margin-top:clamp(40px,6vw,80px)}
.split.rev .split-media{order:2}
.split-media{margin:0}
.split-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.split-media figcaption{font-size:14px;color:var(--muted);padding-top:8px}
.split h3{font:700 clamp(22px,2.4vw,30px)/1.3 var(--sans);margin-bottom:14px}
.ticks{list-style:none;padding:0;margin:0 0 1em}
.ticks li{position:relative;padding:6px 0 6px 22px;border-bottom:1px solid var(--stone)}
.ticks li::before{content:"";position:absolute;left:0;top:1.05em;width:10px;height:1px;background:var(--taupe-d)}

/* 표 */
.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;background:var(--paper);border-top:2px solid var(--ink)}
.tbl caption{text-align:left;font:600 15px/1.5 var(--sans);color:var(--taupe-d);padding:10px 0}
.tbl th,.tbl td{padding:13px 16px;border-bottom:1px solid var(--stone);text-align:left;vertical-align:top;font-size:16px}
.tbl thead th{background:var(--porcelain);font-weight:700;font-size:15px;color:var(--ink-2)}
.tbl tbody th{font-weight:600;white-space:nowrap}
.tbl td .num{font-size:1.05em}

/* 사양·금융 2단 */
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.panel{background:var(--paper);border:1px solid var(--stone);padding:clamp(20px,3vw,34px)}
.panel h3{font:700 22px/1.3 var(--sans);margin-bottom:6px}
.panel .sub{color:var(--muted);font-size:16px;margin-bottom:14px}
.price-big{font:500 clamp(34px,4vw,48px)/1.1 var(--serif);margin:10px 0 2px}
.note{font-size:15px;color:var(--muted);line-height:1.7}

/* 딜러·흐름 */
.dealer{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,64px)}
.dealer-card{background:var(--ink);color:var(--porcelain);padding:clamp(24px,3.4vw,40px)}
.dealer-card .eyebrow{color:var(--silver)}
.dealer-card h3{font:700 32px/1.2 var(--sans);margin-bottom:6px}
.dealer-card dl{margin:20px 0 0;display:grid;gap:10px}
.dealer-card dt{font-size:14px;color:var(--silver)}
.dealer-card dd{margin:0}
.steps{counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:6px 14px;padding:18px 0;border-bottom:1px solid var(--stone)}
.steps li::before{content:counter(s,decimal-leading-zero);font:500 26px/1.1 var(--serif);color:var(--taupe-d)}
.steps b{display:block;font-weight:700}
.steps span{grid-column:2;color:var(--muted)}

/* 딜러 프로필 */
.dealer-profile{display:grid;grid-template-columns:minmax(260px,5fr) 7fr;background:var(--ink);color:var(--porcelain)}
.dealer-photo{margin:0;aspect-ratio:4/5;background:#d9dadc;overflow:hidden}
.dealer-photo picture,.dealer-photo img{width:100%;height:100%}
.dealer-photo img{object-fit:cover;object-position:50% 20%}
.dealer-profile .dealer-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,56px);border-left:2px solid #C4A67C}
.dealer-role{font:600 16px/1.5 var(--sans);color:#C4A67C;margin:0 0 16px}
.steps-wide{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.dealer-strip{display:flex;align-items:center;gap:16px;margin-top:24px;padding:14px 18px 14px 14px;border:1px solid var(--stone);background:var(--porcelain);max-width:30em}
.dealer-strip figure{margin:0;width:96px;flex:none;aspect-ratio:4/5;overflow:hidden;background:#d9dadc}
.dealer-strip picture,.dealer-strip img{width:100%;height:100%}
.dealer-strip img{object-fit:cover;object-position:50% 18%}
.dealer-strip p{margin:0;line-height:1.5}
.ds-k{font-size:14px;color:var(--taupe-d);letter-spacing:.08em}
.ds-n{font:700 22px/1.4 var(--sans)}
.ds-r{font-size:16px;color:var(--muted)}
/* 영상 */
.video{margin:0}
.video-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.video-frame img,.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.video-play{position:absolute;inset:0;width:100%;border:0;background:rgba(22,25,29,.28);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;min-height:44px}
.video-play span{display:grid;place-items:center;width:72px;height:72px;border:1.5px solid #fff;border-radius:50%;font-size:24px;padding-left:4px}
.video-play em{font:600 16px/1 var(--sans);font-style:normal}
.video-play:hover{background:rgba(22,25,29,.12)}
.video figcaption{font-size:15px;color:var(--muted);padding-top:10px;line-height:1.7}
.video-fallback{position:absolute;left:12px;bottom:12px;background:#fff;padding:8px 12px;color:var(--ink)}

/* 체크리스트·링크 */
.checks{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;list-style:none;padding:0;margin:0;counter-reset:c}
.checks li{counter-increment:c;padding:16px 0 16px 44px;border-bottom:1px solid var(--stone);position:relative}
.checks li::before{content:counter(c);position:absolute;left:0;top:14px;width:28px;height:28px;border:1px solid var(--taupe);border-radius:50%;display:grid;place-items:center;font:500 15px/1 var(--serif)}
.checks b{display:block}
.links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;list-style:none;margin:0;padding:0}
.links a{display:block;padding:14px 0;border-bottom:1px solid var(--stone);text-decoration:none}
.links a:hover{border-color:var(--taupe)}
.links small{display:block;color:var(--muted);font-size:15px}

/* FAQ */
.faq{max-width:52em}
.faq-i{border-top:1px solid var(--stone);padding:22px 0}
.faq-i:last-child{border-bottom:1px solid var(--stone)}
.faq-i h3{font:700 19px/1.5 var(--sans);margin-bottom:8px}
.faq-i p{margin:0;color:var(--ink-2)}

/* CTA 밴드 */
.cta-band{background:var(--ink);color:var(--porcelain);padding:clamp(40px,6vw,72px) 0}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-in h2{font:700 clamp(24px,3vw,34px)/1.3 var(--sans)}
.cta-in p{margin:8px 0 0;color:var(--silver);max-width:34em}

/* 푸터 */
.ftr{background:#0F1215;color:var(--silver);padding:28px 0 32px;font-size:15px}
.ftr a{color:var(--porcelain);text-decoration:none}
.ftr-brand{margin:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;font-size:15px}
.ftr-brand a{font:600 18px/1.2 var(--sans);letter-spacing:-.01em}
.ftr-info{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0 0 12px}
.ftr-info div{display:flex;gap:8px}
.ftr-info dt{color:#8b9097}
.ftr-info dd{margin:0;color:var(--porcelain)}
.ftr-note{margin:0;font-size:14px;line-height:1.6;color:#8b9097}

/* 서브 페이지(캐러셀·상세·허브·상담) */
.page-top{background:var(--paper);border-bottom:1px solid var(--stone);padding:clamp(28px,4vw,52px) 0 clamp(28px,4vw,48px)}
.crumbs{font-size:15px;color:var(--muted);margin:0 0 18px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--silver)}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--stone)}
.page-top h1{font:700 clamp(34px,4.6vw,58px)/1.12 var(--sans);letter-spacing:-.03em}
.answer{margin:22px 0 0;max-width:44em;font-size:19px;line-height:1.75;border-left:2px solid var(--taupe);padding:2px 0 2px 20px;color:var(--ink-2)}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(48px,6vw,88px)}
.prose h2{font:700 clamp(24px,2.6vw,31px)/1.3 var(--sans);margin:2.2em 0 .7em;padding-top:1.1em;border-top:1px solid var(--stone)}
.prose h2:first-child{margin-top:0;border:0;padding-top:0}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin-bottom:.45em}
.prose .tbl-wrap{margin:1.2em 0 1.6em}
.fig{margin:1.8em 0}
.fig img{width:100%;max-height:560px;object-fit:cover}
.fig figcaption{font-size:14px;color:var(--muted);padding-top:8px}
.fig.wide img{aspect-ratio:16/9}
.fig.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fig.pair img{aspect-ratio:4/5}
.side{align-self:start;position:sticky;top:92px;display:grid;gap:18px}
.side-box{background:var(--paper);border:1px solid var(--stone);padding:20px}
.side-t{display:block;font:700 17px/1.4 var(--sans);margin-bottom:10px}
.side-box h2,.side-box h3{font:700 17px/1.4 var(--sans);margin-bottom:10px}
.side-box ul{list-style:none;margin:0;padding:0}
.side-box li a{display:block;padding:9px 0;border-bottom:1px solid var(--stone);text-decoration:none;font-size:16px}
.side-box li:last-child a{border:0}
.disclaim{font-size:15px;color:var(--muted);border-top:1px solid var(--stone);padding-top:14px;margin-top:2em}

/* 상담 페이지 */
.contact-top{background:var(--ink);color:var(--porcelain);padding:20px 0}
.contact-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.contact-top p{margin:0;color:var(--silver);font-size:16px}
.contact-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-tel{min-height:52px;background:var(--porcelain);color:var(--ink);border-color:var(--porcelain)}
.btn-sms{min-height:52px;background:transparent;color:var(--porcelain);border-color:var(--silver)}
.btn-sms:hover{background:var(--porcelain);color:var(--ink)}
.addr{font-style:normal}

/* 허브 */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.chip{min-height:44px;padding:0 18px;border:1px solid var(--stone);background:var(--paper);border-radius:22px;font:600 15px/1 var(--sans);cursor:pointer;color:var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--porcelain);border-color:var(--ink)}
.hub-group{margin-bottom:44px}
.hub-group h2{font:700 24px/1.3 var(--sans);margin-bottom:4px}
.hub-group>p{color:var(--muted);margin-bottom:12px}
.hub-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.hub-list a{display:block;padding:15px 0;border-bottom:1px solid var(--stone);text-decoration:none}
.hub-list a:hover{border-color:var(--taupe)}
.hub-list b{display:block;font-size:18px}
.hub-list span{color:var(--muted);font-size:15px;line-height:1.6;display:block}
.empty{border:1px dashed var(--silver);padding:28px;color:var(--muted)}
.notfound{padding:96px var(--pad);min-height:50vh}
.ref-model{background:var(--paper);border:1px solid var(--stone);padding:clamp(20px,3vw,32px)}
.ref-model .tag{display:inline-block;background:var(--ink);color:var(--porcelain);font:600 14px/1 var(--sans);padding:7px 10px;letter-spacing:.04em;margin-bottom:14px}
.ref-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.ref-row figure{margin:0}
.ref-row img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ref-row figcaption{font-size:14px;color:var(--muted);padding-top:6px}

/* 허브 상세 카드 */
.dcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dcards li[hidden]{display:none}
.dcard{display:flex;flex-direction:column;gap:6px;height:100%;min-height:190px;padding:20px;background:var(--porcelain);border:1px solid var(--stone);border-top:2px solid #C4A67C;text-decoration:none;transition:border-color .2s,transform .2s}
.dcard:hover{border-color:var(--taupe);transform:translateY(-2px)}
.dcard b{font:700 18px/1.4 var(--sans);overflow-wrap:anywhere}
.dcard-g{font-size:14px;color:var(--taupe-d);letter-spacing:.02em}
.dcard-d{font-size:15px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){.dcards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.dcards{grid-template-columns:repeat(2,1fr);gap:10px}.dcard{min-height:120px;padding:14px}.dcard-d{display:none}.dcard b{font-size:16px}}
@media (max-width:339px){.dcards{grid-template-columns:1fr}}
/* ───── 반응형 ───── */
@media (max-width:1023px){
  .hero{grid-template-columns:1fr}
  .hero-fig{order:-1;min-height:0;aspect-ratio:8/7}
  .hero-copy{padding:36px var(--pad) 44px}
  .art{grid-template-columns:1fr}
  .side{position:static}
  .split,.dealer,.spec-grid,.dealer-profile{grid-template-columns:1fr}
  .dealer-profile .dealer-card{border-left:0;border-top:2px solid #C4A67C}
  .dealer-photo{max-width:560px}
  .split.rev .split-media{order:0}
}
@media (max-width:860px){
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--porcelain);border-bottom:1px solid var(--stone);flex-direction:column;gap:0;padding:6px var(--pad) 14px;display:none}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--stone);font-size:17px}
  .nav-toggle{display:flex}
  .hdr-in{position:relative;gap:12px}
  .hdr-cta{display:none}
}
@media (max-width:720px){
  body{font-size:16px}
  .cards{grid-template-columns:repeat(2,1fr);gap:12px}
  .card-body{padding:12px 12px 14px}
  .card-kw{font-size:16px;overflow-wrap:anywhere}
  .card-desc{display:none}
  .gallery{grid-template-columns:repeat(2,1fr);gap:10px}
  .g-a,.g-g{grid-column:span 2;height:auto;aspect-ratio:16/10}
  .g-b,.g-c,.g-d,.g-e{grid-column:span 1;height:auto;aspect-ratio:4/5}
  .g-f{grid-column:span 2;height:auto;aspect-ratio:16/10}
  .g-f img{object-position:50% 60%}
  .strip-in{flex-direction:column;align-items:stretch;padding-block:12px}
  .strip p{text-align:center}
  .strip .btn,.hero-btns .btn,.contact-btns .btn,.cta-actions .btn{width:100%}
  .hero-btns{flex-direction:column}
  .checks,.links,.hub-list,.steps-wide{grid-template-columns:1fr}
  .dealer-photo{max-width:none}
  .cta-actions{width:100%}
  .fig.pair{grid-template-columns:1fr 1fr}
  .ref-row{grid-template-columns:repeat(3,1fr);gap:8px}
  /* 표 → 카드형 스택 */
  .tbl,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block;width:100%}
  .tbl{border-top:0;background:transparent}
  .tbl thead{position:absolute;left:-9999px}
  .tbl tr{background:var(--paper);border:1px solid var(--stone);margin-bottom:10px;padding:4px 14px}
  .tbl tbody th{white-space:normal;border-bottom:1px solid var(--stone);padding:12px 0;font-size:17px}
  .tbl td{display:grid;grid-template-columns:7.2em 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #ecebe7}
  .tbl td:last-child{border-bottom:0}
  .tbl td::before{content:attr(data-label);font-weight:600;color:var(--taupe-d);font-size:15px}
  .tbl caption{display:block;padding:0 0 8px}
  .tbl.two tr{display:grid;grid-template-columns:7.5em 1fr;gap:12px;padding:12px 14px}
  .tbl.two tbody th{border:0;padding:0;font-size:16px}
  .tbl.two td{display:block;border:0;padding:0}
  .tbl.two td::before{display:none}
}
@media (max-width:360px){
  .brand-a{letter-spacing:.18em;font-size:14px}
  .tbl td{grid-template-columns:6em 1fr}
  .tbl.two tr{grid-template-columns:6.5em 1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ───── 상담페이지 전용(body.consult) ───── */
body.consult{line-height:1.8}
.chero{background:var(--paper);border-bottom:1px solid var(--stone)}
.chero-in{display:grid;grid-template-columns:55fr 45fr;gap:clamp(32px,5vw,72px);align-items:center;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.chero h1{font:700 clamp(34px,4.6vw,58px)/1.15 var(--sans);letter-spacing:-.03em}
.chero-photo{margin:0;background:var(--ink);color:var(--porcelain);border-top:3px solid #C4A67C;max-width:460px;width:100%;justify-self:end}
.chero-img{aspect-ratio:4/5;overflow:hidden;background:#d9dadc}
.chero-img picture,.chero-img img{width:100%;height:100%}
.chero-img img{object-fit:cover;object-position:50% 12%}
.chero-photo figcaption{padding:18px 22px 20px;border-left:3px solid #C4A67C;display:flex;flex-direction:column;gap:2px}
.chero-photo b{font:700 22px/1.4 var(--sans)}
.chero-photo span{font-size:16px;color:var(--silver)}
.csec{padding:clamp(60px,9vw,104px) 0;background:var(--paper)}
.csec-grey{background:var(--porcelain)}
.csec-dark{background:var(--ink);color:var(--porcelain)}
.csec-dark .chead p,.csec-dark .eyebrow{color:var(--silver)}
.cnarrow{max-width:calc(960px + var(--pad)*2)}
.chead{margin-bottom:clamp(32px,4vw,40px);max-width:46em}
.chead h2{font:700 clamp(26px,3vw,38px)/1.3 var(--sans);margin:0 0 clamp(20px,2.2vw,26px)}
.chead p{margin:0;color:var(--muted)}
.csec-dark .chead h2{color:var(--porcelain)}
.csec .panel{padding:clamp(20px,3vw,32px)}
.plist{margin:0;padding:0;list-style:none}
.plist li{padding:12px 0 12px 22px;position:relative;border-bottom:1px solid var(--stone)}
.plist li:last-child{border-bottom:0}
.plist:not(.plist-ol) li::before{content:"";position:absolute;left:0;top:1.35em;width:10px;height:2px;background:#C4A67C}
.plist-ol{counter-reset:o}
.plist-ol li{counter-increment:o;padding-left:44px}
.plist-ol li::before{content:counter(o);position:absolute;left:0;top:11px;width:28px;height:28px;border:1px solid #C4A67C;border-radius:50%;display:grid;place-items:center;font:500 15px/1 var(--serif)}
.csec .fig{margin:clamp(32px,4vw,40px) 0 0}
.csec .tbl-wrap{margin:0}
.vauto{max-width:1160px;margin:0 auto}
.vauto .video-frame{background:#000}
.vauto figcaption{color:var(--silver)}
.vauto figcaption a{color:var(--porcelain)}
.map-box{height:420px;background:var(--stone);border:1px solid var(--stone)}
.map-box iframe{width:100%;height:100%;border:0;display:block}
.map-addr{margin-top:28px;display:flex;flex-direction:column;gap:6px}
.map-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.acc{border-top:1px solid var(--stone)}
.acc-i{border-bottom:1px solid var(--stone)}
.acc-i h3{margin:0;font:inherit}
.acc-q{width:100%;min-height:56px;padding:16px 4px;background:none;border:0;text-align:left;font:700 19px/1.5 var(--sans);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}
.acc-q:hover{color:var(--taupe-d)}
.acc-ic{position:relative;flex:none;width:22px;height:22px}
.acc-ic::before,.acc-ic::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;margin-top:-1px;background:#9a7f55;transition:transform .25s ease}
.acc-ic::after{transform:rotate(90deg)}
.acc-q[aria-expanded=true] .acc-ic::after{transform:rotate(0)}
.acc-a{display:grid;grid-template-rows:1fr}
.acc-in{overflow:hidden}
.acc-in p{margin:0;padding:0 4px 24px;color:var(--ink-2)}
.js .acc-a{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .28s ease,visibility 0s linear .28s}
.js .acc-a.open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .28s ease,visibility 0s}
@media (max-width:1023px){
  .chero-in{grid-template-columns:1fr}
  .chero-photo{justify-self:start;max-width:420px}
  .csec{padding:clamp(60px,10vw,88px) 0}
}
@media (max-width:720px){
  .chero-photo{max-width:none}
  .map-box{height:300px}
  .map-links .btn{width:100%}
  .acc-q{font-size:17px;min-height:56px}
  .cta-in .contact-btns{width:100%}
}
@media (prefers-reduced-motion:reduce){.js .acc-a,.acc-ic::before,.acc-ic::after{transition:none!important}}

/* ───── 전체 사이트 여백 체계(상담페이지 기준) ─────
   PC / 태블릿(≤1023) / 모바일(≤720): 섹션 104/82/66 · H2→설명 24/22/20 · 제목→본문 40/32/28 · 문단 24/22/20 · 카드 32/24/20 */
:root{--sec-py:104px;--h2-gap:24px;--head-gap:40px;--p-gap:24px;--card-pad:32px;--art-gap:72px}
@media (max-width:1023px){:root{--sec-py:82px;--h2-gap:22px;--head-gap:32px;--p-gap:22px;--card-pad:24px;--art-gap:60px}}
@media (max-width:720px){:root{--sec-py:66px;--h2-gap:20px;--head-gap:28px;--p-gap:20px;--card-pad:20px;--art-gap:52px}}
body{line-height:1.8}
@media (max-width:720px){body{line-height:1.78}}
.sec,.csec{padding-top:var(--sec-py);padding-bottom:var(--sec-py)}
.sec-head,.chead{margin-bottom:var(--head-gap);display:block;max-width:46em}
.sec-head h2,.chead h2{margin:0}
.sec-head h2:not(:last-child),.chead h2:not(:last-child){margin-bottom:var(--h2-gap)}
.sec-head .eyebrow,.chead .eyebrow{margin:0 0 14px}
.sec-head p:not(.eyebrow),.chead p:not(.eyebrow){margin:0}
.sec-head p:not(.eyebrow)+p,.chead p:not(.eyebrow)+p{margin-top:var(--p-gap)}
.panel,.ref-model,.csec .panel{padding:var(--card-pad)}
.dealer-profile .dealer-card{padding:clamp(var(--card-pad),4vw,56px)}
.card-body{padding:var(--card-pad) var(--card-pad) calc(var(--card-pad) - 4px);gap:6px}
.dcard{padding:var(--card-pad)}
.side-box{padding:var(--card-pad)}
.prose p,.split p,.panel>p,.faq-i p{margin-bottom:var(--p-gap)}
.prose p:last-child,.split>div>p:last-child,.panel>p:last-child{margin-bottom:0}
.prose ul,.prose ol{margin-bottom:var(--p-gap)}
.prose li{margin-bottom:.5em}
.prose h2{margin:0 0 var(--h2-gap);padding-top:0;border:0}
.prose section+section{margin-top:var(--art-gap);padding-top:var(--art-gap);border-top:1px solid var(--stone)}
.prose .tbl-wrap{margin:var(--p-gap) 0 0}
.prose .fig,.csec .fig{margin:var(--head-gap) 0}
.prose .fig:last-child{margin-bottom:0}
.art{padding-top:var(--sec-py);padding-bottom:var(--sec-py)}
.page-top,.chero-in{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.page-top{padding-left:0;padding-right:0}
.cta-band{padding:calc(var(--sec-py)*.7) 0}
.cta-in h2{margin:0 0 var(--h2-gap)}
.cta-in p{margin:0}
.faq-i{padding:var(--h2-gap) 0}
.faq-i h3{margin-bottom:12px}
.acc-in p{padding-bottom:var(--p-gap)}
.hub-group{margin-bottom:var(--head-gap)}
.steps li{padding:20px 0}
.ftr{padding-top:32px;padding-bottom:36px}

/* 히어로 아래 연락 버튼(밝은 배경용) · 기사 H2 구간 104/82/66 */
.chero-btns{margin-top:var(--head-gap)}
.btn-tel-d{background:var(--ink);color:var(--porcelain);border-color:var(--ink)}
.btn-sms-d{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-sms-d:hover{background:var(--ink);color:var(--porcelain)}
.prose section+section{margin-top:calc(var(--sec-py)/2);padding-top:calc(var(--sec-py)/2)}
.prose .acc{margin-top:0}
@media (max-width:720px){.chero-btns .btn{width:100%}}