@font-face{font-family:Pretendard;src:url('/website-templates/fonts/PretendardTemplateSubset-20261018.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Serif KR';src:url('/website-templates/fonts/NotoSerifKR.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:'Gowun Batang';src:url('/website-templates/fonts/GowunBatang-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Gowun Batang';src:url('/website-templates/fonts/GowunBatang-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Jua;src:url('/website-templates/fonts/Jua-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Black Han Sans';src:url('/website-templates/fonts/BlackHanSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Do Hyeon';src:url('/website-templates/fonts/DoHyeon-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans KR';src:url('/website-templates/fonts/IBMPlexSansKR-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans KR';src:url('/website-templates/fonts/IBMPlexSansKR-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/website-templates/fonts/BarlowCondensed-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/website-templates/fonts/CormorantGaramond.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/website-templates/fonts/SpaceGrotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,h4,p,figure{margin:0}a,button{touch-action:manipulation}:focus-visible{outline:2px solid currentColor;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:16px;left:-9999px;background:#fff;color:#111;z-index:500;padding:12px 18px}.skip-link:focus{top:40px;left:16px;color:#111}.preview-notice{height:32px;background:#171717;color:#f5f4f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font:11px/1 Pretendard,sans-serif;letter-spacing:.02em;position:relative;z-index:100}.preview-notice span{opacity:.7}.preview-notice a{text-decoration:underline;text-underline-offset:3px}.demo-disclaimer{background:#171717;color:#bbb;padding:22px 6%;font:12px/1.8 Pretendard,sans-serif;display:flex;justify-content:space-between;gap:24px}.demo-disclaimer a{color:#fff}.is-embedded .preview-notice{display:none}.is-embedded{--preview-offset:0px}body{--preview-offset:32px}.is-embedded header{top:0}.demo-dialog{border:0;padding:0;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);border-radius:0;background:#f7f6f2;color:#20201e;box-shadow:0 24px 100px #0004}.demo-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.demo-dialog-inner{padding:32px}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dialog-kicker{font-size:11px;letter-spacing:.12em;color:#666}.dialog-close{border:1px solid #ccc;background:none;width:36px;height:36px;font-size:24px;line-height:1}.demo-dialog h2{font-size:28px;letter-spacing:-.04em;line-height:1.3;margin-bottom:12px}.dialog-help{font-size:14px;color:#62625d;line-height:1.75;margin-bottom:24px}.demo-form{display:grid;gap:16px}.demo-form label{display:grid;gap:8px;font-size:13px}.demo-form input,.demo-form select,.demo-form textarea{width:100%;background:#fff;border:1px solid #d7d7d2;border-radius:0;padding:13px;color:#252522}.demo-form textarea{resize:vertical;min-height:90px}.demo-form button[type=submit],.dialog-primary{background:#20201e;color:#fff;border:0;padding:15px;font-weight:600;display:block;text-align:center}.demo-form .demo-result{background:#e9e9e2;padding:16px;font-size:14px;line-height:1.7}.demo-result[hidden]{display:none}.demo-form .form-note{font-size:11px;line-height:1.6;color:#72726e}.lightbox-dialog{border:0;padding:0;background:transparent;max-width:94vw;max-height:94dvh}.lightbox-dialog::backdrop{background:#000d}.lightbox-dialog img{max-height:86dvh;max-width:90vw;object-fit:contain}.lightbox-dialog button{position:fixed;top:16px;right:20px;color:white;background:#222;border:1px solid #888;width:40px;height:40px;font-size:24px}
@media(max-width:600px){.preview-notice{padding:0 14px;font-size:10px}.preview-notice span{max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.demo-disclaimer{flex-direction:column;gap:8px;font-size:11px;padding:20px}.demo-dialog-inner{padding:24px}.demo-dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:380px){.preview-notice span{display:none}.preview-notice{gap:10px;font-size:9px}}
header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}

@media(max-width:600px){.demo-form input,.demo-form select,.demo-form textarea{font-size:16px}}

/* Korean copy keeps whole words together, including text inside spans and divs. */
body{word-break:keep-all;line-break:strict}
main p,main li,main dd{ text-wrap:pretty }