@font-face {
  font-family: "Noto Sans KR";
  src: url('/onboarding-assets/fonts/NotoSansKR-onboarding.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
:root { color-scheme: light dark; }
body { margin: 0; background: var(--mc-color-surface); color: var(--mc-color-text); font-family: var(--mc-font-family); }
.mc-page, .mc-page * { box-sizing: border-box; }
.mc-page { max-width: var(--mc-layout-single-container); margin: var(--mc-space-6) auto; font-size: var(--mc-font-size-body); line-height: var(--mc-line-height-body); overflow-wrap: anywhere; }
.mc-header { display: flex; align-items: center; justify-content: space-between; gap: var(--mc-space-4); padding: var(--mc-space-6) var(--mc-space-8); border-bottom: var(--mc-component-border) solid var(--mc-color-line); }
.mc-wordmark { width: min(var(--mc-component-wordmark-width), 60%); height: auto; }
.mc-dark { display: none; }
.mc-content { padding: var(--mc-space-8); }
.mc-page--status .mc-content { max-width: var(--mc-layout-completion-copy); margin-inline: auto; }
.mc-page h1 { margin: 0 0 var(--mc-space-4); font-size: var(--mc-font-size-entry-compact); font-weight: var(--mc-font-weight-title); line-height: var(--mc-line-height-entry); letter-spacing: var(--mc-font-tracking-title); word-break: keep-all; }
.mc-page h2 { margin-block: var(--mc-space-8) var(--mc-space-3); font-size: var(--mc-font-size-section); }
.mc-page h3 { font-size: var(--mc-font-size-subsection); }
.mc-page p, .mc-page ul, .mc-page ol, .mc-page dl { margin-block: 0 var(--mc-space-4); }
.mc-page li + li { margin-top: var(--mc-space-2); }
.mc-page ul, .mc-page ol { padding-inline-start: var(--mc-space-6); }
.mc-page a { color: var(--mc-color-action); text-underline-offset: var(--mc-space-1); }
.mc-page form + form, .mc-page section + section { margin-top: var(--mc-space-6); }
.mc-page fieldset { min-width: 0; margin: var(--mc-space-6) 0; padding: var(--mc-space-4); border: var(--mc-component-border) solid var(--mc-color-control-border); border-radius: var(--mc-radius-guide); }
.mc-page legend, .mc-page label, .mc-field-label { font-weight: var(--mc-font-weight-action); }
.mc-page label { display: block; margin-block: var(--mc-space-3) var(--mc-space-2); }
.mc-page :where(input, textarea, select, button) { font: inherit; }
.mc-page :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), textarea, select) { display: block; width: 100%; max-width: 100%; min-height: var(--mc-component-target-min); padding: var(--mc-space-2) var(--mc-space-3); border: var(--mc-component-border) solid var(--mc-color-control-border); border-radius: var(--mc-radius-guide); color: var(--mc-color-text); background: var(--mc-color-surface); font-size: var(--mc-font-size-form); }
.mc-page textarea { resize: vertical; }
.mc-page :is(input[type=checkbox], input[type=radio]) { accent-color: var(--mc-color-action); }
.mc-page label:has(input[type=checkbox], input[type=radio]) { min-height: var(--mc-component-target-min); display: flex; align-items: center; gap: var(--mc-space-3); }
.mc-page :where(button, input[type=submit]), .mc-action { display: inline-flex; align-items: center; justify-content: center; gap: var(--mc-space-2); min-height: var(--mc-component-target-min); max-width: 100%; padding: var(--mc-space-3) var(--mc-space-4); border: var(--mc-component-border) solid var(--mc-color-control-border); border-radius: var(--mc-radius-entry-action); background: var(--mc-color-surface); color: var(--mc-color-text); font: var(--mc-font-weight-action) var(--mc-font-size-body)/1.6 var(--mc-font-family); text-decoration: none; cursor: pointer; }
.mc-action { min-height: var(--mc-component-entry-action-min-height); }
.mc-page .mc-action--secondary, .mc-action--secondary { color: var(--mc-color-text); }
.mc-page .mc-action--primary, .mc-action--primary { min-height: var(--mc-component-entry-action-min-height); background: var(--mc-color-action); border-color: var(--mc-color-action); color: var(--mc-color-on-action); }
.mc-page .mc-action--danger, .mc-action--danger { background: var(--mc-color-danger); border-color: var(--mc-color-danger); color: var(--mc-color-on-danger); font-weight: var(--mc-font-weight-title); }
.mc-text-action { display: inline-flex; align-items: center; min-height: var(--mc-component-target-min); font-size: var(--mc-font-size-secondary); }
.mc-page :focus-visible, .mc-action:focus-visible, .mc-disclosure summary:focus-visible { outline: var(--mc-component-focus-width) solid var(--mc-color-action); outline-offset: var(--mc-component-focus-offset); }
.mc-page :disabled, .mc-action:disabled { opacity: var(--mc-component-disabled-opacity); cursor: not-allowed; }
.mc-page summary, .mc-disclosure summary { min-height: var(--mc-component-target-min); padding-block: var(--mc-space-3); cursor: pointer; }
.mc-page details, .mc-disclosure { border-top: var(--mc-component-border) solid var(--mc-color-line); margin-top: var(--mc-space-6); }
.mc-notice { padding: var(--mc-space-4); border-radius: var(--mc-radius-guide); background: var(--mc-color-wash); margin-block: var(--mc-space-4); overflow-wrap: anywhere; }
.mc-notice strong { display: block; margin-bottom: var(--mc-space-2); }
.mc-notice--error strong, .mc-field-error { color: var(--mc-color-danger); }
.mc-notice p:last-child { margin-bottom: 0; }
.mc-field-help, .mc-page small { color: var(--mc-color-muted); }
.mc-field-error { font-weight: var(--mc-font-weight-title); }
.mc-page [aria-invalid=true] { border-width: var(--mc-component-focus-width); border-color: var(--mc-color-danger); }
.mc-page [hidden] { display: none !important; }
.mc-page pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.mc-page table { width: 100%; border-collapse: collapse; }
.mc-page :is(th, td) { padding: var(--mc-space-2); border-bottom: var(--mc-component-border) solid var(--mc-color-line); text-align: start; }
@media (prefers-color-scheme: dark) { .mc-light { display: none; } .mc-dark { display: block; } }
@media (max-width: 580px) { .mc-page { margin-block: 0; font-size: var(--mc-font-size-form); } .mc-header, .mc-content { padding: var(--mc-space-6) var(--mc-space-5); } }
@media (hover: hover) { .mc-page .mc-action:not(:disabled):hover { transform: translateY(var(--mc-motion-hover)); } }
.mc-page .mc-action { transition: transform var(--mc-duration-hover) var(--mc-motion-easing); }
.mc-page .mc-action:not(:disabled):active { transform: scale(var(--mc-motion-press-scale)); transition-duration: var(--mc-duration-press); }
@media (prefers-reduced-motion: reduce) { .mc-page .mc-action { transition: none; transform: none !important; } }
.mc-permissions { padding-inline-start: var(--mc-space-6); }
.mc-permissions li { padding-block: var(--mc-space-2); }
.mc-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mc-space-3); margin-top: var(--mc-space-6); }

.mc-language { display: flex; align-items: center; gap: var(--mc-space-2); flex: none; font-size: var(--mc-font-size-secondary); }
.mc-language :is(a, [aria-current]) { display: inline-flex; align-items: center; justify-content: center; min-width: var(--mc-component-target-min); min-height: var(--mc-component-target-min); }
.mc-language a, .mc-footer a { color: var(--mc-color-muted); text-decoration: none; }
.mc-language [aria-current] { color: var(--mc-color-text); font-weight: var(--mc-font-weight-title); }
.mc-language > [aria-hidden] { color: var(--mc-color-line); }
.mc-footer { padding: var(--mc-space-4) var(--mc-space-8); font-size: var(--mc-font-size-secondary); }
.mc-footer a { display: inline-flex; align-items: center; min-height: var(--mc-component-target-min); }
@media (max-width: 580px) { .mc-footer { padding-inline: var(--mc-space-5); } }