:root{color-scheme:light;--ink:#19352f;--muted:#546861;--accent:#168b7e;--line:#d5e1dc;--surface:#f5f8f7}
*{box-sizing:border-box}
html{min-width:280px;background:var(--surface)}
body{margin:0;color:var(--ink);font-family:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
.page{width:min(100%,1120px);min-height:100svh;margin:auto;padding:48px 64px 28px;display:flex;flex-direction:column}
header{padding-bottom:64px}.logo{display:block;width:248px;max-width:100%;height:auto}
main{flex:1;padding:0 0 72px;max-width:850px}
.status{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:13px;font-weight:600;margin-bottom:42px}
.status>span{width:7px;height:7px;background:var(--accent);border-radius:50%}
.eyebrow{font-size:16px;font-weight:600;margin:0 0 20px}
h1{font-size:56px;line-height:1.23;font-weight:700;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.description{font-size:17px;line-height:1.9;color:var(--muted);margin:26px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.english{margin-top:36px;padding-left:20px;border-left:2px solid #88bcae}
h2{font-size:22px;line-height:1.4;font-weight:600;margin:0 0 10px}
.english p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.contact{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);margin-top:40px;padding-top:24px;flex-wrap:wrap}
.contact>span{font-size:13px;color:var(--muted)}
.contact a{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:22px;font-weight:600;color:var(--ink);text-decoration:none;text-underline-offset:6px;transition:color .18s}
.contact a:hover{color:var(--accent);text-decoration:underline}.contact a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.arrow{font-size:24px;color:var(--accent)}
footer{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:12px 28px;flex-wrap:wrap;font-size:12px;line-height:1.6;color:var(--muted)}
@media(min-width:768px) and (min-height:950px){header{padding-bottom:90px}main{padding-top:25px}}
@media(max-width:640px){.page{padding:30px 24px 24px}header{padding-bottom:50px}.logo{width:214px}.status{margin-bottom:30px}h1{font-size:38px;line-height:1.3}.eyebrow{font-size:14px;margin-bottom:16px}.description{font-size:15px;line-height:1.85;margin-top:22px}.desktop-break{display:none}.english{margin-top:28px;padding-left:16px}h2{font-size:19px}.english p{font-size:14px}.contact{gap:8px 20px;margin-top:30px;padding-top:20px}.contact a{font-size:21px}main{padding-bottom:48px}footer{display:flex;flex-direction:column;gap:4px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}