@import url('/assets/fonts/fonts.css');
:root{--paper:#deddd2;--ink:#17152f;--line:#28263d;--white:#f7f5ec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#111;font-family:'Noto Sans KR',sans-serif;line-height:1.5;letter-spacing:0;word-break:keep-all}a{color:inherit}.shell{width:min(980px,90vw);margin:auto}
.site-header{min-height:74px;padding:12px 4vw 11px;border-bottom:2px solid var(--line);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:7px 24px;align-items:center}.brand{grid-column:1;grid-row:1;font:22px/1 'Black Han Sans',sans-serif;color:var(--ink);text-decoration:none}.site-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:18px}.site-header nav a,.language{font-size:10px;font-weight:900;text-decoration:none}.language{grid-column:2;grid-row:1;text-decoration:underline}
.hero{padding:68px 0 62px}.nameplate,.about-label{display:inline-flex;align-items:center;gap:10px;padding:9px 17px;border:2px solid var(--line);color:var(--ink);background:var(--paper);font-weight:900;transform:rotate(-3deg)}.nameplate{font:36px/1 'Black Han Sans',sans-serif}.nameplate svg{width:28px;height:28px;stroke-width:1.7;color:var(--ink);flex:none}.hero h1{margin:34px 0 18px;font:48px/1.1 'Black Han Sans',sans-serif;letter-spacing:0}.hero>p{max-width:650px;margin:0 0 22px;font-size:15px;font-weight:700}.jump{font-size:12px;font-weight:900;text-underline-offset:4px}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px;border-top:2px solid var(--line)}.service{min-height:126px;padding:24px 4px;border-bottom:2px solid var(--line);display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;text-decoration:none}.service svg{width:40px;height:40px;stroke-width:1.7;color:var(--ink)}.service h2{margin:0 0 4px;font:26px/1 'Black Han Sans',sans-serif;text-decoration:underline;text-underline-offset:4px}.service p{margin:0;font-size:13px}.service>span{font-size:20px}.service:hover>span{transform:translate(3px,-3px)}
.blog-section{padding-top:52px}.section-name{margin:0 0 12px;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:4px}.blog-service{border-top:2px solid var(--line)}
.about{padding:76px 0 82px;display:grid;grid-template-columns:.65fr 1.35fr;gap:64px;align-items:start}.about-label{width:max-content;font-size:20px}.eyebrow{margin:0 0 14px;font-size:10px;font-weight:900;text-decoration:underline}.about h2{margin:0;font:38px/1.12 'Black Han Sans',sans-serif}.about>div>p:not(.eyebrow){max-width:610px;margin:22px 0;font-size:14px}.points{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:12px;font-weight:800;color:var(--ink)}
footer{padding:28px 4vw;background:var(--ink);color:var(--white);display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;font-size:10px}footer strong{font-family:'Black Han Sans';font-weight:400}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.footer-meta{display:flex;justify-content:flex-end;gap:14px}
.legal-main{padding:54px 0 80px}.legal-hero{padding:58px 0;border-bottom:2px solid var(--line)}.legal-hero .section-inner{width:min(820px,90vw);margin:auto;display:grid;grid-template-columns:.35fr 1fr;gap:36px}.legal-hero h1{margin:0;font:40px/1.15 'Black Han Sans',sans-serif}.section-label{font-size:10px;font-weight:900}.legal-content{width:min(760px,90vw);margin:52px auto 0}.legal-content h2{margin:40px 0 11px;font:25px/1.25 'Black Han Sans',sans-serif}.legal-content p,.legal-content li{font-size:14px;color:#35342f}.legal-content a{font-weight:800}.legal-meta{padding:14px;border:2px solid var(--line)}.section-inner{width:min(980px,90vw);margin:auto}
@media(max-width:720px){.site-header{grid-template-columns:auto auto}.language{justify-self:end}nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.hero{padding:52px 0 48px}.nameplate{font-size:29px}.hero h1{font-size:38px}.services{grid-template-columns:1fr}.service{min-height:108px}.about{padding:60px 0;grid-template-columns:1fr;gap:40px}.about h2{font-size:33px}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-meta{justify-content:flex-start;flex-wrap:wrap}.legal-hero .section-inner{grid-template-columns:1fr}.legal-hero h1{font-size:34px}}