@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";

:root{--color-primary:#3030c0;--color-primary-hover:#2828aa;--color-primary-active:#20208a;--color-primary-soft:#eef0ff;--color-accent:#18c7b8;--color-accent-soft:#e8faf8;--color-bg:#f7f8fc;--color-surface:#fff;--color-text:#171827;--color-text-sub:#5f6473;--color-placeholder:#9aa1b1;--color-border:#e4e7f0;--color-border-strong:#cfd4e2;--color-success:#148f73;--color-success-soft:#e9f8f3;--color-warning:#b7791f;--color-warning-soft:#fff7e6;--color-danger:#d9363e;--color-danger-hover:#c52f37;--color-danger-active:#b0282f;--color-danger-soft:#fff0f1;--color-info:#2478d4;--color-info-soft:#edf5ff;--color-neutral:#6b7280;--color-neutral-soft:#f1f3f7;--color-disabled-bg:#f0f2f8;--color-disabled-text:#aab0c0}
:root{--font-sans:Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.4;--line-height-normal:1.55;--line-height-relaxed:1.65;--letter-spacing-tight:-.03em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px}
:root{--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:18px;--radius-pill:999px}
:root{--shadow-panel:0 8px 24px #17182714;--shadow-dropdown:0 14px 34px #17182724;--shadow-card-hover:0 8px 24px #17182714;--shadow-segment-active:0 1px 4px #17182714;--shadow-focus-ring:0 0 0 4px #3030c024}
:root{--bp-mobile:767px;--bp-tablet:1023px;--bp-desktop:1024px;--container-max:1200px}
:root{--transition-fast:80ms ease;--transition-base:.16s ease;--transition-slow:.24s ease;--focus-ring:0 0 0 4px #3030c024;--focus-ring-strong:0 0 0 4px #3030c02e}
:root{--z-base:0;--z-header:10;--z-dropdown:30;--z-tooltip:40;--z-drawer:60;--z-modal-backdrop:70;--z-modal:80;--z-popover:85;--z-toast:90}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}h1,h2,h3,h4{letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug);font-weight:var(--font-weight-bold)}a{color:var(--color-primary);transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}::selection{background:var(--color-primary-soft);color:var(--color-primary-active)}::placeholder{color:var(--color-placeholder)}
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-surface) inset}:disabled{cursor:not-allowed}fieldset{border:none;padding:0}
.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:focus-visible:not(input):not(textarea):not(select){box-shadow:var(--focus-ring);border-radius:var(--radius-md);outline:none}.skip-link{z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-4);top:var(--space-4)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.container--narrow{max-width:820px}@media (max-width:767px){.container{padding-inline:var(--space-4)}}
.grid{gap:var(--space-4);display:grid}.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1023px){.grid--cols-3,.grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.grid--cols-2,.grid--cols-3,.grid--cols-4{grid-template-columns:1fr}}
.section{padding-block:var(--space-12)}.section--tight{padding-block:var(--space-8)}.section__header{margin-bottom:var(--space-6)}.section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.section__desc{margin-top:var(--space-2);color:var(--color-text-sub);line-height:var(--line-height-normal)}@media (max-width:767px){.section{padding-block:var(--space-8)}}
.u-hidden{display:none!important}.u-block{display:block}.u-flex{display:flex}.u-inline-flex{display:inline-flex}.u-items-center{align-items:center}.u-justify-between{justify-content:space-between}.u-flex-wrap{flex-wrap:wrap}.u-flex-1{flex:1}@media (max-width:767px){.u-hidden-mobile{display:none!important}}@media (min-width:768px){.u-hidden-desktop{display:none!important}}
.u-mt-2{margin-top:var(--space-2)}.u-mt-4{margin-top:var(--space-4)}.u-mt-6{margin-top:var(--space-6)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-4{margin-bottom:var(--space-4)}.u-mb-6{margin-bottom:var(--space-6)}.u-gap-2{gap:var(--space-2)}.u-gap-4{gap:var(--space-4)}
.u-text-sub{color:var(--color-text-sub)}.u-text-center{text-align:center}.u-text-sm{font-size:var(--font-size-sm)}.u-text-lg{font-size:var(--font-size-lg)}.u-font-semibold{font-weight:var(--font-weight-semibold)}.u-font-bold{font-weight:var(--font-weight-bold)}.u-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.u-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.u-focusable-sr:not(:focus):not(:focus-within){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.u-tap-target{min-width:44px;min-height:44px}