/* 함초롬돋움 © 한글과컴퓨터. Original font tables preserved in lossless WOFF containers; see fonts/HCRDotum-LICENSE.txt. */
@font-face{font-family:'HCR Dotum';src:url('./fonts/HCRDotum.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'HCR Dotum';src:url('./fonts/HCRDotum-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#142331}
body{--card-width:min(66.6667vw,calc(66.6667dvh * 1.7703583));--logo-start:calc(50% + var(--card-width) * .028059);--brand-left:clamp(24px,3.5vw,64px);--brand-top:42px;--brand-width:clamp(93.6px,8.28vw,129.6px);--brand-start:calc(var(--brand-left) + var(--brand-width) * .04657534);font-family:Inter,'HCR Dotum',sans-serif;color:#fff;background-color:#142331;background-image:url('./lighter-texture.svg');background-repeat:repeat;background-position:center;background-size:calc(var(--card-width) * .7359706) calc(var(--card-width) * .4047838);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;cursor:pointer}
a:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:2px}
.site-header{position:absolute;inset:0 0 auto;z-index:2}
.brand{position:absolute;left:var(--brand-left);top:var(--brand-top);display:block;width:var(--brand-width);transition:opacity .18s ease}
.brand:hover{opacity:.8}
.brand img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.main-nav{position:absolute;left:var(--logo-start);top:44px;right:24px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
/* Shared navigation sizing across all pages. */
.main-nav a{display:block;max-width:100%;font-size:clamp(.72rem,1.482624vmin,1.44rem);font-weight:400;line-height:1.38;letter-spacing:-.025em;padding:1.6px 0;color:#fff;transition:color .18s ease,opacity .18s ease;overflow-wrap:anywhere}
.main-nav a:hover,.main-nav a:focus-visible{color:#a9c9c3}
.main-nav a:active{opacity:.65}
.main-nav a[aria-current="page"]{color:#a9c9c3}
.home-main{width:100%;min-height:100vh;min-height:100dvh;display:grid;place-items:center}
.image-frame{width:66.6667vw;height:66.6667vh;height:66.6667dvh;display:grid;place-items:center}
.hero-picture{display:contents}
.hero-image{display:block;width:var(--card-width);height:auto;max-width:100%;max-height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.page-main{min-height:100vh;min-height:100dvh;padding:calc(var(--brand-top) + var(--brand-width) * .35068493 + 24px) 24px 80px var(--brand-start)}
@media(max-width:640px){body{--brand-top:20px;--brand-left:20px;--brand-width:93.6px}.main-nav{top:20px;right:20px;gap:3.2px}.main-nav a{font-size:.9rem}}
@media(max-height:500px) and (min-width:641px){body{--brand-top:18px;--brand-width:93.6px}.main-nav{top:18px;gap:1.6px}.main-nav a{font-size:.792rem;line-height:1.25}}
@media(prefers-reduced-motion:reduce){a{transition:none!important}}