:root{--bg:#f3f4f4;--ink:#161718;--ink2:#34373a;--muted:#5c6064;--line:#d6d8d9;--strong:#161718;--accent:#b4341a;--sel:#f6d5cb;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--bg:#141516;--ink:#ececea;--ink2:#c9cbcc;--muted:#9a9ea2;--line:#2c2f31;--strong:#d6d8d9;--accent:#f08a6c;--sel:#5a2a20}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}
}
body{margin:0;background:var(--bg);color:var(--ink2);font:16px/1.75 system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;word-break:keep-all;overflow-wrap:break-word}
::selection{background:var(--sel);color:var(--ink)}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}
@media(min-width:48em){.wrap{padding:0 2.5rem}
}
.skip{position:absolute;left:1rem;top:-5rem;background:var(--ink);color:var(--bg);padding:.75rem 1rem;z-index:10}
.skip:focus{top:1rem}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
header.site{border-bottom:1px solid var(--line)}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1.5rem;padding-top:.375rem;padding-bottom:.375rem}
.brand{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;text-decoration:none;font-weight:700;color:var(--ink)}
.brand .en{font-weight:400;color:var(--muted)}
.mark{display:inline-block;width:14px;height:14px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 58%,58% 100%,0 100%);flex:none;vertical-align:-1px}
nav ul{display:flex;flex-wrap:wrap;margin:0 0 0 -.45rem;padding:0;list-style:none}
nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .45rem;text-decoration:none;color:var(--ink2);font-size:.9375rem}
@media(min-width:40em){nav a{padding:0 .7rem}
}
nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.hero{padding:3.5rem 0 2.5rem}
@media(min-width:56em){.hero{padding:5.5rem 0 3.5rem}
}
h1{font-size:clamp(1.625rem,1.1rem + 2.4vw,2.625rem);line-height:1.3;letter-spacing:-.02em;color:var(--ink);margin:0 0 1.25rem;max-width:20em}
h2,h3{color:var(--ink);line-height:1.45}
.lead{font-size:1.0625rem;max-width:38em;margin:0}
@media(min-width:48em){.lead{font-size:1.125rem}
}
.sec{display:grid;gap:.75rem;padding:2.5rem 0;border-top:1px solid var(--line)}
@media(min-width:56em){.sec{grid-template-columns:15rem minmax(0,1fr);gap:2.5rem;padding:3rem 0}
}
.sec>h2{font-size:1.0625rem;margin:0}
.sec h2+.facts{margin-top:0}
li.sec h2{font-size:1.25rem;margin:0 0 .25rem}
.body{max-width:42em}
.body p,dd p{margin:0 0 1rem}
.rows,.plist,.steps{list-style:none;margin:0;padding:0}
.rows>li{padding:1.125rem 0;border-top:1px solid var(--line)}
.rows>li:first-child{border-top:0;padding-top:0}
.rows h3{font-size:1.0625rem;margin:0 0 .25rem}
.rows p{margin:0}
.compact>li{padding:.625rem 0;display:grid;gap:0 1rem}
@media(min-width:40em){.compact>li{grid-template-columns:7.5rem 1fr}
}
.status{font-size:.8125rem;color:var(--muted);margin:0;letter-spacing:.01em}
.status::before{content:'';display:inline-block;width:.55em;height:.55em;margin-right:.5em;background:var(--accent);vertical-align:.08em}
.status.wip::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--accent)}
li.sec .status{padding-top:.3rem}
.facts{display:grid;gap:.125rem 1.5rem;margin:.75rem 0 0;max-width:46em}
.facts dt{font-size:.8125rem;font-weight:600;color:var(--muted);padding-top:.2rem}
.facts dd{margin:0 0 .875rem}
.facts a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:40em){.facts{grid-template-columns:5.5rem minmax(0,1fr);row-gap:.875rem}
.facts dd{margin:0}
}
.steps{counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:1.125rem 0 1.125rem 3rem;border-top:1px solid var(--line)}
.steps li:first-child{border-top:0;padding-top:0}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:1.125rem;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}
.steps li:first-child::before{top:0}
.steps h3{font-size:1.0625rem;margin:0 0 .25rem}
.steps p{margin:0}
.more{margin:1.5rem 0 0}
.more a{display:inline-flex;align-items:center;min-height:44px}
.end{padding:1rem 0 0;border-top:1px solid var(--line)}
.note{color:var(--muted);font-size:.9375rem;padding-left:.875rem;border-left:2px solid var(--accent)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.company-footer{--cf-bg:#18191b;--cf-line:#2e3133;--cf-head:#f3f4f4;--cf-text:#c9cbcc;--cf-value:#e2e3e3;--cf-muted:#9a9ea2;--cf-accent:#f08a6c;margin-top:4rem;background:var(--cf-bg);color:var(--cf-text);border-top:1px solid var(--cf-line);font-size:.9375rem;line-height:1.7}
.company-footer ::selection{background:#5a2a20;color:#f3f4f4}
.company-footer__inner{padding-top:3rem;padding-bottom:2rem}
.company-footer__grid{display:grid;gap:2rem}
.company-footer a{color:var(--cf-text);text-decoration:none}
.company-footer a:hover{color:var(--cf-accent);text-decoration:underline;text-underline-offset:.2em}
.company-footer a:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px;border-radius:2px}
.company-footer a.company-footer__brand{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;min-height:44px;color:var(--cf-head)}
.company-footer a.company-footer__brand:hover{text-decoration:none}
.company-footer a.company-footer__brand:hover .company-footer__name{color:var(--cf-accent)}
.company-footer__mark{flex:none;width:14px;height:14px;background:var(--cf-accent);clip-path:polygon(0 0,100% 0,100% 58%,58% 100%,0 100%)}
.company-footer__name{font-weight:700;font-size:1.0625rem;color:var(--cf-head)}
.company-footer__en{font-size:.875rem;color:var(--cf-muted)}
.company-footer nav ul{display:grid;grid-template-columns:repeat(2,max-content);gap:0 2rem;margin:0;padding:0;list-style:none}
.company-footer nav a{display:flex;align-items:center;min-height:44px;padding:0;font-size:.9375rem;color:var(--cf-text)}
.company-footer__title{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;line-height:1.5;color:var(--cf-head)}
.company-footer__info{display:grid;gap:.875rem 2rem;margin:0}
.company-footer__row{min-width:0;padding-top:.75rem;border-top:1px solid var(--cf-line)}
.company-footer__row dt{font-size:.8125rem;line-height:1.5;color:var(--cf-muted)}
.company-footer__row dd{margin:.125rem 0 0;color:var(--cf-value);overflow-wrap:anywhere}
.company-footer__row dd a{display:inline-block;max-width:100%;min-height:44px;padding:.625rem 0;line-height:1.5;color:var(--cf-value);text-decoration:underline;text-decoration-color:var(--cf-muted);text-underline-offset:.2em;overflow-wrap:anywhere}
.company-footer__row dd a:hover{color:var(--cf-accent);text-decoration-color:var(--cf-accent)}
.company-footer__copy{margin:2.5rem 0 0;padding-top:1.25rem;border-top:1px solid var(--cf-line);font-size:.8125rem;line-height:1.6;color:var(--cf-muted)}
@media (min-width:30em){.company-footer__info{grid-template-columns:repeat(2,minmax(0,1fr))}
.company-footer__row--wide{grid-column:1/-1}
}
@media (min-width:48em){.company-footer__inner{padding-top:3.5rem}
.company-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3rem}
.company-footer__biz{grid-column:1/-1}
.company-footer nav ul{grid-template-columns:1fr}
}
@media (min-width:64em){.company-footer__grid{grid-template-columns:minmax(11rem,14rem) minmax(8rem,10rem) minmax(0,1fr)}
.company-footer__biz{grid-column:auto}
.company-footer__title{margin-top:.6875rem}
}


/* Home introduction — Claude positioning revision */
.home-intro{padding-block:clamp(2.75rem,1.75rem + 4vw,5.5rem) clamp(2.25rem,1.5rem + 3vw,4.5rem)}
.home-intro h1{margin:0 0 1.25rem;max-width:18em;color:var(--strong);font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem);font-weight:700;line-height:1.3;letter-spacing:-0.01em;text-wrap:balance}
.home-intro p{margin:0;max-width:34em;color:var(--ink2);font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);line-height:1.8}
.home-intro-link{display:inline-flex;align-items:center;min-height:44px;margin-top:1.75rem;color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.25em}
.home-intro-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}