:root{--navy:#1b3a6a;--navy2:#142c52;--ink:#16233a;--muted:#566377;--line:#d8dde6;--paper:#fff;--tint:#f1f3f7;--accent:#7d2433;--gold:#c8a877}
.is-steats{--accent:#1b3a6a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 Pretendard,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR","Noto Sans KR",sans-serif;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit}img,svg{display:block;max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{width:min(1180px,100%);margin:0 auto;padding:0 32px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
header.site{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
header.site .home{display:block;width:124px;color:var(--navy)}
nav.main{display:flex;gap:30px;font-weight:600;font-size:16px}
nav.main a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a[aria-current=page]{border-color:var(--accent)}
h1,h2,h3,.serif{font-family:"Noto Serif KR","Noto Serif CJK KR","Apple SD Gothic Neo",AppleMyungjo,Batang,serif;font-weight:700;line-height:1.35;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(34px,4.6vw,60px)}h2{font-size:clamp(27px,3vw,40px)}h3{font-size:22px}
p{margin:0}
.hero{background:var(--navy);color:#fff}
.hero .wrap{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:center;padding-top:80px;padding-bottom:80px}
.hero .lead{margin-top:24px;font-size:19px;max-width:32em;color:#dfe5ef}
.hero .side{min-width:0}.hero img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--navy2)}
.hero .bigmark{max-width:440px}
.pagehead{background:var(--navy);color:#fff;padding:64px 0}.pagehead p{margin-top:14px;color:#dfe5ef;max-width:36em}
.band{padding:88px 0}.band.tint{background:var(--tint)}.band.navy{background:var(--navy);color:#fff}
.sechead{max-width:40em;margin-bottom:44px}.sechead p{margin-top:14px;color:var(--muted)}.navy .sechead p{color:#dfe5ef}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.three>div{border-top:2px solid currentColor;padding-top:18px}.three p,.steps p{margin-top:10px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid var(--accent);padding-top:14px}.steps li::before{content:counter(s);display:block;font:700 34px/1.2 "Noto Serif KR","Noto Serif CJK KR",serif;color:var(--accent);margin-bottom:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#1a4d37}
.split .body p{margin-top:14px}
.btn{display:inline-block;margin-top:24px;padding:12px 22px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}.btn:hover{opacity:.88}.btn.line{background:none;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.brand-pair{display:grid;grid-template-columns:7fr 5fr;gap:24px}
.brandcard{display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:36px;color:#fff;text-decoration:none;position:relative;overflow:hidden}
.brandcard.peak{background:#17603f}.brandcard.peak img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brandcard.peak::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,40,26,.88),rgba(9,40,26,.1) 62%)}
.brandcard>*:not(.ph){position:relative;z-index:1}
.brandcard.cafe{background:var(--tint);color:var(--ink);justify-content:space-between}.brandcard.cafe .logo{width:min(70%,280px)}
.brandcard p{margin-top:8px}
.tag{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;padding:2px 10px;box-shadow:inset 0 0 0 1px currentColor;align-self:flex-start}
.vision{font-size:clamp(26px,3.2vw,42px);line-height:1.45;max-width:24em}
.words{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:30px;font-size:clamp(22px,2.4vw,30px)}
.facts{display:grid;grid-template-columns:180px 1fr;border-top:2px solid var(--navy);margin:0}.facts dt,.facts dd{margin:0;padding:15px 0;border-bottom:1px solid var(--line)}.facts dt{font-weight:600}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid4 figure{margin:0}.grid4 img{width:100%;aspect-ratio:1;object-fit:cover;background:#1a4d37}.grid4 figcaption{font-size:15px;margin-top:8px}
.note{font-size:14px;color:var(--muted);margin-top:18px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;gap:0}.flow li{padding:24px;background:#fff;border:1px solid var(--line);margin-left:-1px;position:relative}.flow b{display:block;font:700 21px/1.4 "Noto Serif KR","Noto Serif CJK KR",serif;color:var(--navy)}.flow span{display:block;margin-top:8px;font-size:15.5px;color:var(--muted)}
.board-tools{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:22px}
.tabs{display:flex;gap:4px}.tabs button{font:inherit;font-weight:600;background:none;border:1px solid var(--line);padding:8px 18px;cursor:pointer;color:var(--ink)}.tabs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.board-tools input{font:inherit;padding:8px 12px;border:1px solid var(--line);min-width:230px;max-width:100%}
table.board{width:100%;border-collapse:collapse;border-top:2px solid var(--navy)}table.board th,table.board td{padding:15px 10px;border-bottom:1px solid var(--line);text-align:left}table.board th{font-size:15px;color:var(--muted);font-weight:600}.board .c{width:88px}.board .d{width:130px;white-space:nowrap;color:var(--muted)}.board td a{text-decoration:none;font-weight:600}.board td a:hover{text-decoration:underline}
.cat{font-size:14px;font-weight:600;padding:2px 9px;background:var(--tint)}.cat.gg{background:var(--navy);color:#fff}
.empty{padding:36px 0;color:var(--muted);border-bottom:1px solid var(--line)}
article.post h1{font-size:clamp(26px,3vw,36px)}.post time{display:block;margin-top:10px;color:var(--muted)}.postbody{margin-top:30px;padding-top:30px;border-top:1px solid var(--line);white-space:pre-line;max-width:44em}
footer.site{background:var(--navy2);color:#c7d0de;padding:48px 0;font-size:15px}footer.site .fl{width:110px;color:#fff;margin-bottom:18px}footer.site p{margin-top:4px}footer.site a{color:#fff}
@media (max-width:900px){.wrap{padding:0 20px}.hero .wrap{grid-template-columns:1fr;gap:32px;padding-top:52px;padding-bottom:52px}.band{padding:60px 0}.three,.split,.brand-pair{grid-template-columns:1fr;gap:28px}.steps,.grid4,.flow{grid-template-columns:repeat(2,1fr)}header.site .wrap{flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px;padding-bottom:10px}nav.main{gap:20px;font-size:15.5px;flex-wrap:wrap}.brandcard{min-height:340px;padding:26px}.facts{grid-template-columns:110px 1fr}}
@media (max-width:560px){.steps,.flow{grid-template-columns:1fr}.flow li{margin-left:0;margin-top:-1px}.board .c{display:none}.board .d{width:92px;font-size:14px}.board-tools input{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{text-decoration:none;display:block}.tile img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;background:var(--tint)}.tile h3{margin-top:14px}.tile p{margin-top:6px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px}.card{text-decoration:none;display:block}.card .im{aspect-ratio:1;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;object-position:top}.card b{display:block;margin-top:10px;line-height:1.45}.card span.sp{display:block;font-size:14.5px;color:var(--muted)}.card:hover b{text-decoration:underline}
.detail{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}.detail img{width:100%;background:var(--tint)}.detail .noimg{aspect-ratio:1;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.ceo{max-width:44em}.ceo p{margin-top:14px}.ceo .sign{margin-top:26px;font-weight:600}
.usecase{display:grid;grid-template-columns:1fr 1fr;gap:40px 48px}.usecase>div{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start}.usecase img{width:150px;height:150px;object-fit:cover;object-position:top;background:var(--tint)}.usecase p{margin-top:6px}
.cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.cta .btn{margin:0}
.checks{margin:14px 0 0;padding-left:20px}.checks li{margin-top:6px}
@media (max-width:900px){.tiles{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)!important}.detail,.usecase{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.usecase>div{grid-template-columns:96px 1fr;gap:14px}.usecase img{width:96px;height:96px}}