:root{--ch:#292D29;--cr:#F5F2E9;--ol:#737D58;--bg:#D9D0BD;--tx:#343832;--cd:#fff;--ln:#E6E2D8;--ff:"Pretendard Variable",Pretendard,SUIT,Inter,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--ff);color:var(--tx);background:var(--cr);line-height:1.7;word-break:keep-all;overflow-wrap:break-word;font-size:16px;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:99}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;font-weight:700;font-size:15px;border:1.5px solid var(--ch);border-radius:2px;cursor:pointer;font-family:inherit;transition:.2s;text-align:center}
.btn.solid{background:var(--ch);color:var(--cr)}.btn.solid:hover{background:var(--ol);border-color:var(--ol)}
.btn.line{background:transparent;color:var(--ch)}.btn.line:hover{background:var(--ch);color:var(--cr)}
.btn.ghost{background:transparent;color:var(--ch)}.btn.ghost:hover{background:var(--bg)}
.btn.sm{min-height:40px;padding:0 18px;font-size:14px}
.eyebrow{display:block;font:600 12px/1.4 Inter,var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--ol);margin-bottom:14px}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(245,242,233,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--ln)}
.hd-in{display:flex;align-items:center;gap:20px;min-height:70px}
.logo{display:flex;align-items:center;gap:10px;flex:none}.logo span{display:flex;flex-direction:column;line-height:1.15}.logo b{font-size:20px;font-weight:800;letter-spacing:-.02em}.logo em{font:600 9.5px Inter,sans-serif;letter-spacing:.14em;color:var(--ol);font-style:normal}
nav#nav{display:flex;gap:2px;margin-left:auto;flex-wrap:nowrap}
nav#nav a{padding:8px 9px;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}
nav#nav a:hover,nav#nav a[aria-current]{border-color:var(--ol);color:var(--ol)}
.burger{display:none;width:44px;height:44px;border:1.5px solid var(--ch);background:none;margin-left:auto;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.burger i{display:block;width:20px;height:2px;background:var(--ch)}
@media(max-width:1180px){.hd-cta{display:none}}
@media(max-width:1040px){.burger{display:flex}nav#nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cr);flex-direction:column;border-bottom:1px solid var(--ln);padding:8px 20px 16px;margin:0}nav#nav.open{display:flex}nav#nav a{padding:14px 4px;border-bottom:1px solid var(--ln);font-size:16px}}
.bc{border-bottom:1px solid var(--ln);font-size:13px;color:#6b6f66}.bc .wrap{display:flex;gap:8px;padding:10px 0;flex-wrap:wrap}
/* hero */
/* sections */
.sec{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--ln)}
.sec-h{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}.sec-n{font:700 14px Inter,sans-serif;color:var(--ol);letter-spacing:.1em;flex:none}
.sec h2,.faq h2,.rel-h{font-size:clamp(26px,3.6vw,44px);line-height:1.2;letter-spacing:-.035em;font-weight:800}
.lead{font-size:17px;max-width:760px;margin-bottom:32px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;border:1px solid var(--ch)}
.card{padding:28px 24px;background:var(--cd);border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);display:block;margin:0 -1px -1px 0;transition:.2s;position:relative}
a.card:hover{background:var(--ch);color:var(--cr)}a.card:hover .cn,a.card:hover .more{color:#c7d3a5}
.cn{display:block;font:800 40px/1 Inter,sans-serif;color:var(--bg);margin-bottom:18px}.card h3{font-size:20px;letter-spacing:-.02em;margin-bottom:8px}.card p{font-size:15px;opacity:.85}.more{display:inline-block;margin-top:14px;font-weight:700;font-size:14px;color:var(--ol)}
.tw{overflow-x:auto;border:1px solid var(--ch);background:var(--cd)}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--ln);vertical-align:top}thead th{background:var(--ch);color:var(--cr);font-weight:700}tbody th{font-weight:700;background:#faf8f2;white-space:nowrap}
.note{margin-top:12px;font-size:13px;color:#6b6f66}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;counter-reset:s}
.steps li{background:var(--cd);border-top:3px solid var(--ol);padding:22px 20px}.steps b{font:700 12px Inter,sans-serif;letter-spacing:.14em;color:var(--ol)}.steps h3{font-size:18px;margin:8px 0 6px}.steps p{font-size:14.5px}
.check{display:grid;gap:10px}.check li{background:var(--cd);border-left:4px solid var(--ol);padding:14px 18px;font-size:15.5px}
.dl{display:grid;gap:0;border:1px solid var(--ch);background:var(--cd)}.dl div{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:16px 20px;border-bottom:1px solid var(--ln)}.dl dt{font-weight:800}.dl dd{font-size:15.5px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
figure{margin:0}figcaption{font-size:12.5px;color:#6b6f66;margin-top:8px}
.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.gal figure{grid-column:span 2}.gal figure:nth-child(1){grid-column:span 4}.gal figure:nth-child(2){grid-column:span 2}.gal img{width:100%}
.gal figure:nth-child(n+3):nth-last-child(1):nth-child(odd){grid-column:span 2}
@media(max-width:900px){.gal{grid-template-columns:repeat(2,1fr)}.gal figure,.gal figure:nth-child(n){grid-column:span 1}.gal figure:first-child{grid-column:span 2}}
/* brand grid main */
.bgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.bcard{background:var(--cd);display:grid;border:1px solid var(--ln);transition:.2s}.bcard:hover{border-color:var(--ol);transform:translateY(-2px)}
.bcard .btxt{padding:26px}.bcard h3{font-size:34px;letter-spacing:-.04em;margin-bottom:8px}.bcard p{margin-bottom:14px;font-size:15px}.bcard li{font-size:14px;padding:4px 0;border-top:1px solid var(--ln)}.bcard .more{margin-top:14px}
.b-gb{grid-column:span 7;grid-template-columns:1fr}.b-ob{grid-column:span 5;grid-template-columns:1fr}.b-hm{grid-column:span 12;grid-template-columns:1.1fr 1fr;background:var(--ch);color:var(--cr)}.b-hm .eyebrow{color:#a9b58c}.b-hm li{border-color:#444a44}.b-hm .more{color:#c7d3a5}.b-hm .bimg{order:2}
.bimg img{width:100%}
@media(max-width:900px){.bgrid{grid-template-columns:1fr}.b-gb,.b-ob,.b-hm{grid-column:auto;grid-template-columns:1fr}.b-hm .bimg{order:0}}
/* faq */
.faq{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--ln)}.faq-list{margin:28px 0 20px;border-top:2px solid var(--ch)}
details{border-bottom:1px solid var(--ln);background:var(--cd)}details[hidden]{display:none}summary{list-style:none;cursor:pointer;padding:20px 56px 20px 20px;position:relative}summary::-webkit-details-marker{display:none}summary h3{font-size:17px;font-weight:700;letter-spacing:-.015em}
summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font:400 28px Inter,sans-serif;color:var(--ol)}details[open] summary::after{content:"–"}details p{padding:0 20px 22px;max-width:820px}
/* related */
.rel{padding:36px 0;border-top:1px solid var(--ln)}.rel-h{font-size:16px!important;margin-bottom:14px;letter-spacing:0}.rel-l{display:flex;flex-wrap:wrap;gap:10px}.rel-l a{padding:9px 16px;border:1px solid var(--ch);font-size:14px;font-weight:600}.rel-l a:hover{background:var(--ch);color:var(--cr)}
/* cta */
.cta{background:var(--ol);color:#fff;padding:clamp(48px,6vw,80px) 0}.cta .eyebrow{color:#e0e7cd}.cta-in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.cta h2{font-size:clamp(28px,4vw,48px);line-height:1.2;letter-spacing:-.035em;margin-bottom:10px}.cta p{max-width:520px;opacity:.92}.cta-b{display:flex;flex-direction:column;gap:10px;min-width:240px}.cta .btn.solid{background:var(--ch);border-color:var(--ch);color:var(--cr)}.cta .btn.line{border-color:#fff;color:#fff}.cta .btn.line:hover{background:#fff;color:var(--ch)}.cta-l{font-size:14px;text-align:center;text-decoration:underline;text-underline-offset:4px}
/* contact */
.cgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.ccard{background:var(--cd);border:1px solid var(--ch);padding:28px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.ccard h3{font-size:24px}.big{font:800 clamp(30px,5vw,46px) Inter,var(--ff);letter-spacing:-.02em;color:var(--ol)}
.tpl{background:var(--cr);border:1px dashed var(--ol);padding:16px;font:14px/1.7 var(--ff);white-space:pre-wrap;width:100%}
/* legal */
.legal{padding:60px 0}.legal h1{font-size:36px;margin-bottom:20px}.legal h2{font-size:20px;margin:24px 0 6px}
/* footer */
.ft{background:var(--ch);color:#cfcbbd;padding:56px 0 28px}.ft .logo b{color:var(--cr)}.ft .logo em{color:#a9b58c}.ft-top{display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap;margin-bottom:28px}.ft-b p{max-width:360px;margin-top:14px;font-size:14px}.ft-n{display:grid;grid-template-columns:repeat(2,auto);gap:6px 36px;font-size:14px;align-content:start}.ft-n a:hover{color:#fff}
.ft-biz{font-style:normal;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13.5px;border-top:1px solid #454b45;padding-top:22px}.ft-biz a{text-decoration:underline}.copy{margin-top:14px;font-size:12px;color:#8e9186}
.mbar{display:none}
@media(max-width:900px){.split,.cgrid{grid-template-columns:1fr}.dl div{grid-template-columns:1fr;gap:4px}.ft-n{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
body{padding-bottom:72px}.wrap{width:calc(100% - 32px)}
table,thead,tbody,tr,th,td{display:block}thead{position:absolute;left:-9999px}tr{border-bottom:2px solid var(--ch);padding:6px 0}th,td{border:0;padding:6px 14px}tbody th{background:none;font-size:16px;white-space:normal}td::before{content:attr(data-l)" · ";font-weight:700;color:var(--ol)}.tw{border:1px solid var(--ch)}
.cta-b{width:100%}.cta .btn,.hbtn .btn{width:100%}
.mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(245,242,233,.97);border-top:1px solid var(--ch)}.mbar .btn{min-height:48px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== HERO v2 : full-bleed image poster ===== */
.hero{position:relative;overflow:hidden;color:#fff;background:var(--ch);display:flex;align-items:flex-end;min-height:clamp(480px,68vh,680px);isolation:isolate}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);animation:kb 18s ease-out forwards}
@keyframes kb{to{transform:scale(1)}}
.hero-ov{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,28,25,.92) 0%,rgba(25,28,25,.72) 42%,rgba(25,28,25,.15) 100%),linear-gradient(0deg,rgba(25,28,25,.7),transparent 45%)}
.hero-c{padding:clamp(64px,10vw,130px) 0 clamp(40px,6vw,72px);position:relative}
.pill{display:inline-block;padding:7px 16px;border:1.5px solid #c7d3a5;color:#dfe8c6;border-radius:99px;font:700 12px/1.4 Inter,var(--ff);letter-spacing:.18em;margin-bottom:22px;backdrop-filter:blur(4px)}
.hero h1{font-weight:900;letter-spacing:-.05em;line-height:1;font-size:clamp(46px,9vw,128px);margin-bottom:22px;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.35)}
.hero .lead{font-size:clamp(16px,1.7vw,20px);max-width:600px;color:#ece8da;margin-bottom:30px}
.hbtn{display:flex;flex-wrap:wrap;gap:12px}
.hero .btn{min-height:54px;padding:0 32px;font-size:16px;border-radius:99px;border-width:2px}
.hero .btn.solid{background:#c7d3a5;border-color:#c7d3a5;color:#1d201d}.hero .btn.solid:hover{background:#fff;border-color:#fff}
.hero .btn.line{border-color:#fff;color:#fff}.hero .btn.line:hover{background:#fff;color:#1d201d}
.hcap{position:absolute;right:20px;bottom:12px;font-size:11.5px;color:rgba(255,255,255,.65)}
/* main hero */
.hv-main{min-height:clamp(620px,92vh,900px);flex-direction:column;justify-content:flex-end;align-items:stretch}
.hv-main .hero-c{width:min(1200px,100% - 40px);margin:auto auto 0}
.hv-main h1{font-size:clamp(84px,17vw,264px);line-height:.86;letter-spacing:-.07em;display:flex;flex-wrap:wrap;column-gap:.06em;margin-bottom:26px}
.hv-main h1 .hl{background:#c7d3a5;color:#1d201d;padding:0 .1em;transform:rotate(-2.5deg);display:inline-block;text-shadow:none;box-shadow:8px 8px 0 rgba(115,125,88,.9)}
.hv-main .sub{font-size:clamp(22px,3vw,38px);font-weight:800;line-height:1.3;letter-spacing:-.03em;margin-bottom:14px}
.chips{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:34px}.chips em{font:700 11px Inter,sans-serif;letter-spacing:.2em;color:#c7d3a5;font-style:normal;margin-right:6px}
.chip{display:inline-flex;align-items:center;gap:10px;padding:5px 18px 5px 5px;border-radius:99px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:14px;transition:.2s}.chip:hover{background:#fff;color:#1d201d}
.chip-i{width:44px;height:44px;border-radius:50%;object-fit:cover}
.ticker{overflow:hidden;white-space:nowrap;background:#c7d3a5;color:#1d201d;border-top:2px solid #1d201d;padding:13px 0;margin-top:clamp(30px,5vw,56px)}
.tk{display:inline-flex;gap:0;animation:tk 38s linear infinite}.tk span{font:800 clamp(16px,2vw,22px) var(--ff);letter-spacing:-.01em;padding:0 22px}.tk span::after{content:"✦";margin-left:44px;color:#737D58}
@keyframes tk{to{transform:translateX(-50%)}}
/* page variants */
.hv-gb .hero-ov{background:linear-gradient(90deg,rgba(20,22,20,.95),rgba(20,22,20,.55) 55%,rgba(20,22,20,.1)),linear-gradient(0deg,rgba(20,22,20,.6),transparent 50%)}.hv-gb h1{font-size:clamp(72px,14vw,200px)}
.hv-ob .hero-ov{background:linear-gradient(90deg,rgba(58,20,12,.94),rgba(110,30,15,.55) 55%,rgba(58,20,12,.1))}.hv-ob h1{font-size:clamp(72px,14vw,200px)}.hv-ob .pill{border-color:#ffb59e;color:#ffd7ca}
.hv-hm .hero-ov{background:linear-gradient(90deg,rgba(54,40,10,.94),rgba(90,66,12,.5) 55%,rgba(54,40,10,.05))}.hv-hm h1{font-size:clamp(52px,10vw,148px)}.hv-hm .pill{border-color:#f1d27a;color:#fbe7a8}
.hv-cons .hero-ov{background:linear-gradient(90deg,rgba(38,46,28,.94),rgba(60,72,42,.6) 60%,rgba(38,46,28,.15))}
.hv-split .hero-ov{background:linear-gradient(100deg,rgba(25,28,25,.9),rgba(25,28,25,.4) 70%,rgba(25,28,25,.1))}
@media(max-width:900px){.hero-ov{background:linear-gradient(0deg,rgba(25,28,25,.94) 0%,rgba(25,28,25,.75) 55%,rgba(25,28,25,.35) 100%)!important}.hv-main h1{font-size:clamp(76px,24vw,150px)}.hero .btn{width:100%}.hcap{display:none}.chips em{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-bg,.tk{animation:none}}
.hv-main h1 .hl{transform:none;box-shadow:none}
/* hero title only: single line, no sticker */
.hv-main h1{display:block;font-size:clamp(60px,13.5vw,196px);line-height:.95;letter-spacing:-.065em;margin-bottom:0;padding-bottom:.14em}
.hv-main h1::after{content:"";display:block;width:clamp(72px,10vw,140px);height:4px;background:#c7d3a5;margin-top:.12em}
.hv-main .sub{margin-top:26px}
@media(max-width:900px){.hv-main h1{font-size:clamp(56px,17vw,120px)}}
/* hero: CTA + brand strip */
.hv-main .hbtn{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;margin-bottom:0}
.hv-main .hbtn .btn{width:100%}
.bstrip{margin-top:clamp(28px,4vw,44px);max-width:880px}
.bs-h{display:flex;align-items:center;gap:14px;font:700 11px Inter,sans-serif;letter-spacing:.24em;color:#c7d3a5;margin-bottom:14px}.bs-h i{flex:1;height:1px;background:rgba(255,255,255,.28)}
.bs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bs-i{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;background:rgba(20,22,20,.55);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);border-radius:6px;transition:.2s;min-width:0}
.bs-i:hover{background:#f5f2e9;color:#1d201d;border-color:#f5f2e9}
.bs-img{width:56px;height:56px;object-fit:cover;border-radius:4px;flex:none}
.bs-t{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1}.bs-t b{font-size:16px;font-weight:800;letter-spacing:-.02em}.bs-t small{font-size:12.5px;opacity:.75;margin-top:2px}
.bs-ar{font-style:normal;font-size:18px;opacity:.6;transition:.2s}.bs-i:hover .bs-ar{transform:translateX(3px);opacity:1}
@media(max-width:900px){.hv-main .hbtn{grid-template-columns:1fr 1fr}.bs-g{grid-template-columns:1fr}.bs-i{padding:8px 14px 8px 8px}.bs-img{width:48px;height:48px}}
@media(max-width:420px){.hv-main .hbtn{grid-template-columns:1fr}}