/* Draft B — 시네마틱 다크 (Apple Pro pages): black base, big left-aligned type, sticky scroll storytelling, full-bleed photos */
:root{--sp:160px;--fg:#f5f5f7;--fg2:#a1a1a6}
@media(max-width:734px){:root{--sp:96px}}
body.b{background:#000;color:var(--fg)}
/* dark global nav / local nav / search */
.b .gn:before{background:rgba(22,22,23,.8)}.b .gn:after{background:rgba(255,255,255,.08)}
.b .gn-menu a,.b .gn-btn{color:var(--fg)}.b .gn-btn:hover{color:var(--g)}
@media(max-width:833px){.b .gn-menu{background:#000}}
.b .ln:before{background:rgba(22,22,23,.72)}.b .ln:after{background:rgba(255,255,255,.16)}.b .ln-m a{color:var(--fg)}
@media(max-width:833px){.b .ln-m{background:#161617;border-color:rgba(255,255,255,.16)}.b .ln-m a{border-color:#333}}
.b .sp{background:#161617;border-color:#333}.b .sp-q{color:var(--fg)}.b .sp-r a{color:var(--fg)}.b .sp-r a:hover,.b .sp-r a.sel{background:rgba(255,255,255,.08)}.b .sp-scrim{background:rgba(0,0,0,.48)}
.b .eyebrow{color:var(--fg2)}.b .mute{color:var(--m)}
.b .btn.pri{background:var(--fg);color:#000}.b .btn.pri:hover{background:var(--g);color:#fff}.b .btn.sec{color:var(--fg)}
.b .chip{border-color:#424245}.b .chip:hover{border-color:var(--fg)}.b .chip.on{background:var(--fg);border-color:var(--fg);color:#000}.b .chip.on em{color:#6e6e73}
.b .qbox input{background:#1d1d1f;border-color:#424245;color:var(--fg)}.b .qbox input:focus{border-color:var(--fg)}
.b .fx{border-color:#2a2a2c}.b .ftg{border-color:#424245}
.b .dg .fill{fill:var(--fg)}.b .dg .lbw{fill:#000}
.b .ft{color:rgba(0,0,0,.56)}
.sx{position:relative;padding:var(--sp) 0}
.hd{max-width:880px}.hd .eyebrow{margin-bottom:14px}.hd .sub{margin-top:20px;color:var(--fg2);font-weight:400;max-width:760px}.hd .btns{margin-top:32px}
.phero{padding:calc(var(--sp) * .9) 0 calc(var(--sp) * .6)}.phero h1{margin-top:14px}.phero .sub{margin-top:28px;max-width:680px;color:var(--fg2);font-weight:400}.phero .btns{margin-top:32px}
/* full-bleed photo */
.bleed{position:relative;min-height:78vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#000}
.bleed.tall{min-height:calc(100vh - var(--gn-h))}
.bleed>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.82)}
.bleed:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 62%,#000 100%)}
.bleed-c{position:relative;z-index:1;width:100%;padding-bottom:88px}.bleed-c .sub{margin-top:24px;max-width:620px;color:#d2d2d7;font-weight:400}.bleed-c .btns{margin-top:32px}.bleed-c .t-hero{margin-top:12px}
.bleed .cap{position:relative;z-index:1;padding-bottom:28px;font-size:12px;color:var(--m)}
/* manifesto */
.manifesto{padding:var(--sp) 0}
.mf{font-size:var(--t-h1);line-height:var(--lh-h1);font-weight:700;letter-spacing:-.02em;color:#6e6e73;max-width:900px}.mf em{font-style:normal;color:var(--fg)}
.mf span{display:block;margin-top:32px;font-size:var(--t-lead);line-height:var(--lh-lead);font-weight:500;color:var(--fg2);letter-spacing:-.01em}
/* sticky story */
.story{padding:40px 0 var(--sp)}
.st-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.st-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s}
.st-step.cur{opacity:1}.st-step .t-h2{margin:10px 0 18px}.st-step .t-lead{color:var(--fg2);font-weight:400;max-width:460px}
.st-step .chips{margin-top:24px}.st-step .chip{cursor:default}.st-step .lk{margin-top:16px}
.st-side{position:relative}
.st-vis{position:sticky;top:calc(var(--gn-h) + var(--ln-h, 0px) + 6vh);height:72vh;display:flex;align-items:center;justify-content:center}
.st-vis .pn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.96);transition:opacity .6s,transform .6s}
.st-vis[data-s="1"] .pn[data-p="1"],.st-vis[data-s="2"] .pn[data-p="2"],.st-vis[data-s="3"] .pn[data-p="3"]{opacity:1;transform:none}
.st-vis .pn>svg{width:100%;height:auto;max-height:100%}
.fps{display:flex;flex-direction:column;gap:28px}.fp{display:flex;flex-direction:column;align-items:center;text-align:center}.fps .fp{flex-direction:row;gap:20px;text-align:left}
.fp svg{width:200px;height:200px}.fps .fp svg{width:96px;height:96px}.fp b{display:block;margin-top:20px;font-size:14px;letter-spacing:.06em;color:var(--g)}.fps .fp b{margin:0}.fp span{display:block;font-size:28px;font-weight:700;letter-spacing:-.02em}
.vision .st-vis{flex-direction:column}.vv{width:100%}.vv svg{width:100%}.vision .pn{align-items:flex-end;justify-content:flex-start;padding-bottom:6vh}.pn-n{font-size:160px;line-height:1;font-weight:700;letter-spacing:-.05em;color:#1d1d1f;-webkit-text-stroke:1px #424245}
.vision .st-vis[data-s="1"] .vv,.vision .st-vis[data-s="2"] .vv,.vision .st-vis[data-s="3"] .vv{opacity:1}
.noanim .st-step{opacity:1}
@media(max-width:833px){
 .st-wrap{display:flex;flex-direction:column-reverse;gap:0}
 .st-side{position:sticky;top:calc(var(--gn-h) + var(--ln-h, 0px));z-index:2;background:#000;margin:0 calc(var(--pad) * -1);padding:0 var(--pad)}
 .st-vis{position:relative;top:0;height:36vh}.st-step{min-height:62vh}.fp svg{width:140px;height:140px}.fps{flex-direction:row;gap:12px}.fps .fp{flex-direction:column;text-align:center;gap:8px}.fps .fp svg{width:72px;height:72px}.fps .fp span{font-size:15px}
 .pn-n{font-size:96px}}
.anchor{display:block;position:relative;top:calc((var(--gn-h) + var(--ln-h)) * -1)}
/* numbers */
.nums .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:80px;border-top:1px solid #2a2a2c;padding-top:40px}
.stat b{display:block;font-size:112px;line-height:1;font-weight:700;letter-spacing:-.05em}.stat span{display:block;margin-top:14px;font-size:17px;font-weight:600}.stat small{font-size:14px;color:var(--m)}
.nums .yrs{margin:72px 0 24px;color:var(--fg)}.nums.tight{padding:72px 0 56px}.nums.tight .stats{margin-top:0;border:0;padding:0}
@media(max-width:1068px){.stat b{font-size:80px}}@media(max-width:734px){.nums .stats{grid-template-columns:1fr 1fr;row-gap:40px}.stat b{font-size:56px}}
/* featured */
.fb{position:relative;display:flex;align-items:flex-end;min-height:88vh;overflow:hidden}
.fb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.78);transition:transform 1.2s}.fb:hover>img{transform:scale(1.03)}
.fb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.85))}
.fb-c{position:relative;z-index:1;width:100%;padding-bottom:72px}.fb-c .t-callout{color:#d2d2d7;margin-top:10px}.fb-c b{font-weight:600;color:var(--fg)}.fb-c .lk{margin-top:8px}
.duo{padding:12px 0}.duo-g{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:var(--sp);padding-bottom:var(--sp)}
.fs-im{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-l);margin-bottom:24px;background:#111}.fs-im img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .8s}.fs:hover img{transform:scale(1.04)}
.fs h3{margin:6px 0 6px}.fs b{color:var(--fg);font-weight:600}
@media(max-width:734px){.duo-g{grid-template-columns:1fr;gap:56px}.fb{min-height:76vh}.bleed-c{padding-bottom:56px}}
/* shelf */
.shelf-hd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.arws{display:flex;gap:12px}.arw{width:44px;height:44px;border-radius:50%;border:0;background:#333336;color:var(--fg);font-size:24px;cursor:pointer}.arw:disabled{opacity:.35;cursor:default}.arw:not(:disabled):hover{background:var(--fg);color:#000}
.track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(var(--pad),calc((100vw - 980px)/2)) 24px;scrollbar-width:none}.track::-webkit-scrollbar{display:none}
.card{flex:0 0 360px;scroll-snap-align:start;border-radius:var(--r-l);background:#1d1d1f;overflow:hidden;display:flex;flex-direction:column}
.card-im{height:220px;background:#0b0b0b}.card-im img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.card.news .card-im{display:flex;align-items:flex-end;padding:24px;background:#111}.card.news strong{display:block;font-size:48px;line-height:1;letter-spacing:-.04em}.card.news em{font-style:normal;font-size:12px;color:var(--m)}
.card-bd{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}.card-ty{font-size:12px;color:var(--m)}.card-ty b{color:var(--fg);font-weight:600}
.card h4{font-size:19px;line-height:1.32;margin:10px 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-cl{font-size:14px;color:var(--m)}.card-mo{margin-top:auto;padding-top:14px;font-size:14px;color:var(--fg2)}.card-mo:after{content:" ›"}
@media(max-width:734px){.card{flex-basis:80vw}.shelf-hd .arws{display:none}}
.cta{border-top:1px solid #1d1d1f}
/* about */
.vl{margin-top:72px;border-top:1px solid #2a2a2c}.vl li{display:grid;grid-template-columns:120px 1fr 1fr;gap:24px;align-items:baseline;padding:40px 0;border-bottom:1px solid #2a2a2c}
.vl span{font-size:14px;font-weight:700;color:var(--g)}.vl p{color:var(--fg2);font-weight:400}
.gr{display:grid;grid-template-columns:1fr 1fr;gap:80px}.gr-q{position:sticky;top:calc(var(--gn-h) + var(--ln-h) + 48px);align-self:start}.gr-q h2{margin:14px 0 20px}
.gr-b p{font-size:var(--t-callout);line-height:1.7;color:#d2d2d7}.gr-b p+p{margin-top:22px}
.vbody{padding-top:40px}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;margin-top:48px;color:#d2d2d7}.cols2 p:first-child{grid-column:span 2;font-size:var(--t-callout);color:var(--fg)}
.cl{margin-top:64px;border-top:1px solid #2a2a2c}.cl li{display:grid;grid-template-columns:1.1fr 1.6fr 120px;gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid #2a2a2c}.cl span{color:var(--fg2)}.cl em{font-style:normal;color:var(--m);text-align:right}
.hist{margin-top:64px;columns:2;column-gap:64px}.hy{break-inside:avoid;padding:18px 0;border-top:1px solid #2a2a2c}.hy>b{display:block;font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.hy.g>b{color:var(--g)}
.hy li{display:flex;gap:16px;padding:3px 0;color:#d2d2d7;font-size:15px}.hy li span{flex:0 0 92px;color:var(--m);font-size:13px;padding-top:2px}
.note{font-size:12px;line-height:1.6;color:var(--m);margin-top:28px;max-width:760px}
@media(max-width:833px){.gr{grid-template-columns:1fr;gap:40px}.gr-q{position:static}.cols2{grid-template-columns:1fr}.cols2 p:first-child{grid-column:auto}.hist{columns:1}.vl li{grid-template-columns:1fr;gap:8px}.cl li{grid-template-columns:1fr;gap:4px}.cl em{text-align:left}}
/* solutions */
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin-top:72px}.split .body{color:#d2d2d7;font-size:var(--t-callout);line-height:1.6}.split .chip{cursor:default}
.vis svg{width:100%;height:auto}.vis.wide{margin-top:72px;max-width:860px}
.note-s{padding:0 0 calc(var(--sp) * .5)}
.mx{color:var(--fg)}.mx th,.mx td{border-color:#2a2a2c}.mx .n{color:#424245}.mxs .mx-w,.mxs .mxm{margin-top:56px}.b .mxm>div{border-color:#2a2a2c}
.apps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:64px;background:#2a2a2c;border:1px solid #2a2a2c;border-radius:var(--r-l);overflow:hidden}
.app{display:flex;flex-direction:column;gap:40px;justify-content:space-between;padding:32px 24px;background:#000;min-height:220px;transition:background .3s}.app:hover{background:#111}.app svg{width:48px;height:48px;color:var(--fg)}.app span{font-size:19px;font-weight:600}
.chk{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}.chk h4{margin-bottom:18px}.chk li{position:relative;padding:10px 0 10px 20px;border-top:1px solid #2a2a2c;color:#d2d2d7;font-size:15px}.chk li:before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;border-radius:50%;background:var(--g)}
.det+.det{padding-top:0}
@media(max-width:1068px){.apps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:833px){.split{grid-template-columns:1fr;gap:40px}.chk{grid-template-columns:1fr;gap:32px}}
@media(max-width:734px){.apps{grid-template-columns:1fr 1fr}.app{min-height:160px}}
/* lists */
.sx.list{padding-top:56px}
.pj-hl{margin:-12px 0 24px;font-size:14px;color:var(--m)}.pj-hl a{color:var(--fg);text-decoration:underline}
.pj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pc{border-radius:var(--r-l);background:#1d1d1f;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:140px}
.pc-im{aspect-ratio:4/3;background:#111;display:flex;align-items:center;justify-content:center}.pc-im img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.pc-im i{font-style:normal;font-size:56px;font-weight:700;color:#333336;letter-spacing:-.04em}
.pc-bd{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}.pc-ty{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--m)}.pc-ty b{font-weight:600;color:var(--fg2)}
.pc h3{font-size:19px;line-height:1.32;margin:8px 0 14px}.pc dl{display:grid;grid-template-columns:52px 1fr;gap:4px 8px;font-size:14px}.pc dt{color:var(--m)}.pc-cl{font-weight:600}
.pc-rel{margin-top:auto;padding-top:14px;font-size:14px;font-weight:600}.pc-rel:hover{color:var(--g)}
@media(max-width:1068px){.pj-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.pj-grid{grid-template-columns:1fr}}
.nw-list{border-top:1px solid #2a2a2c}
.nc{display:grid;grid-template-columns:200px 1fr;gap:6px 40px;padding:32px 0;border-bottom:1px solid #2a2a2c}
.nc-tg{grid-row:span 4;font-size:14px;color:var(--m)}.nc-tg b{display:block;color:var(--fg);font-weight:600;margin-bottom:4px}
.nc h3{font-size:24px;line-height:1.33}.nc h3 a{display:block}.nc h3 a:hover{color:var(--g)}.nc-sm{color:var(--fg2);font-size:15px}.nc-sl{font-size:13px;color:var(--m)}.nc-sl span{color:var(--fg);font-weight:600}
.nc-ft{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--m);margin-top:6px}.nc-lk{display:flex;gap:16px}.nc-lk a{color:var(--fg);font-weight:600;min-height:32px;display:inline-flex;align-items:center}.nc-lk a:hover{color:var(--g)}
@media(max-width:734px){.nc{grid-template-columns:1fr}.nc-tg{grid-row:auto;display:flex;gap:12px}.nc-tg b{margin:0}.nc h3{font-size:21px}.nc-ft{flex-direction:column;gap:4px}.nc-lk a{min-height:44px}}
/* contact */
.info{padding-top:40px}.ci{border-top:1px solid #2a2a2c}.ci>div{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid #2a2a2c}
.ci dt{font-size:14px;font-weight:600;color:var(--m);padding-top:6px}.ci dd{font-size:var(--t-h3);line-height:1.35;font-weight:600}.ci dd .t-sm,.ci dd .mute{font-weight:400}.ci dd a:hover{color:var(--g)}.ci .chip{cursor:default;font-size:14px;font-weight:500}
@media(max-width:734px){.ci>div{grid-template-columns:1fr;gap:6px}}
.st-vis .fp svg{width:280px;height:280px}.st-vis .fp span{font-size:40px}.st-vis .fps .fp svg{width:120px;height:120px}.st-vis .fps .fp span{font-size:28px}
.vision .st-vis{justify-content:center;gap:24px}.vision .vv{max-width:560px}.vision .pn{position:absolute;inset:auto 0 4vh 0;justify-content:center}
@media(max-width:833px){.st-vis .fp svg{width:140px;height:140px}.st-vis .fp span{font-size:24px}.st-vis .fps .fp svg{width:72px;height:72px}.st-vis .fps .fp span{font-size:15px}.vision .pn{display:none}}
/* 평택호 (v4) */
.b .pt-cta{border-color:#424245}.b .pt-st{border-color:#2a2a2c}.b .tgl{border-color:#424245}.b .tgl i{background:#424245}.b .tgl:hover{border-color:var(--fg)}.b .tgl.on i{background:var(--g)}
.b .pyr i{opacity:.3}.b .pyr button.dim i{opacity:.14}
.b .ln-m a[aria-current]{color:var(--g);opacity:1}
.b .fbar .cnt b{color:var(--fg)}
/* 연혁 계획 (v5) */
.b .rm{border-color:#424245;color:var(--fg2)}.b .rm-h{color:var(--fg)}.b .rm-l li{border-color:#424245}.b .rm-l h4{color:#d2d2d7}.b .rm-l li:before{background:#000}
.hy li{display:block}
.b .pd-hero,.b .pd-gal button,.b .pd-si{background:#161617}.b .pd-hero.ph b,.b .pd-si i{color:#424245}.b .pd-f,.b .pd-f div,.b .pd-news,.b .pd-news a,.b .pd-pn{border-color:#2a2a2c}.b .pd-pn .ls{border-color:#424245}.b .pd-tx p{color:var(--fg2)}
.b .ln:after{background:rgba(255,255,255,.1)}.b .ln-m a{color:#898989}.b .ln-m a:hover,.b .ln-m a[aria-current]{color:var(--fg)}
.b .venn .vn-bg{fill:#14200a}.b .venn .vn-pl{stroke:#c8c8c8;opacity:.22}.b .venn .vn-plate{fill:#000}.b .venn .vn-t{fill:#f5f5f7}.b .venn .vn-o{opacity:.6}
.b .fdt:hover,.b .fl.dopen .fdt{color:var(--fg)}.b .pjfl .fx.fy{border-color:#2a2a2c}
.b .st-hd{border-color:#2a2a2c}.b .st-is div{background:#1d1d1f}.b .st-a,.b .st-nw{border-color:#2a2a2c}.b .st-c p,.b .st-is dd,.b .st-a p,.b .st-resp{color:#c7c7cc}.b .st-tag{background:rgba(114,175,44,.2);color:#9fd36a}.b .st-tag.old{background:#2a2a2c;color:#a1a1a6}.b .st-card{background:rgba(114,175,44,.1)}.b .st-tl{border-color:#2a2a2c}



body.b .pu-box,body.b .pu-feat,body.b .pu-c{background:#161617}body.b .pu-fv,body.b .pu-v,body.b .pu-cases a{background:#1d1d1f}
body.b .pu-fv.iv{background:#f5f5f7}body.b .pu-fv.iv .iv-cap{color:#6e6e73}
body.b .pu-mdl{color:#f5f5f7}body.b .pu-mdl b{color:#8fd14f}