@font-face {
  font-family: Pretendard;
  src: url("/fonts/PretendardVariable.subset.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-full: 999px;
  --sh-1: 0 1px 2px #10182812;
  --sh-2: 0 2px 8px #1018280f;
  --sh-3: 0 8px 24px #10182814;
  --sh-modal: 0 24px 64px #1018283d;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;
  --lh-tight: 1.25;
  --lh-base: 1.5;
  --z-sticky: 20;
  --z-topbar: 30;
  --z-rail: 40;
  --z-modal: 60;
  --z-toast: 70;
  --ink: #172033;
  --muted: #667085;
  --line: #e4e7ec;
  --brand: #3451b2;
  --brand-dark: #243987;
  --surface: #ffffff;
  --canvas: #f5f6f8;
  --danger: #b42318;
  --danger-bg: #fef3f2;
  --danger-border: #fecdca;
  --success: #067647;
  --success-bg: #ecfdf3;
  --success-border: #abefc6;
  --warning: #b54708;
  --warning-bg: #fff6cf;
  --warning-border: #f5ca51;
  --info: #026aa2;
  --info-bg: #f0f9ff;
  --info-border: #b9e6fe;
  --gray-50: #f8f9fb;
  --gray-100: #f2f4f7;
  --gray-200: #e4e7ec;
  --gray-300: #d0d5dd;
  --gray-400: #8590a6;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-800: #1d2939;
  --gray-900: #101828;
  --tech: #4f46e5;
  --invest: #d97706;
  --innov: #059669;
  --fdi: #0284c7;
  --rail-width: 240px;
  --topbar-height: 48px;
  --header-bg: #1a2744;
}