@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
:root {
  --navy-700: #022753;
  --navy-500: #0857b5;
  --navy-400: #307dd8;
  --navy-200: #9bc9ff;
  --navy-100: #c7e1ff;
  --navy-50: #e6f1ff;
  --text-primary: #22262c;
  --text-secondary: #3b4048;
  --text-tertiary: #5e6671;
  --text-quaternary: #aeb6c1;
  --text-inverse: #ffffff;
  --gray-0: #ffffff;
  --gray-50: #eff3f7;
  --gray-100: #e0e8f2;
  --gray-200: #cbd4df;
  --gray-300: #aeb6c1;
  --gray-600: #3b4048;
  --gray-700: #22262c;
  --gray-800: #0f1215;
  --hero-navy: #0d1b45;
  --hero-shadow: #010413;
  --font-base: Pretendard, Pretendard Variable, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Malgun Gothic, Noto Sans KR, sans-serif;
  --fs-hero: 72px;
  --lh-hero: 1.2;
  --ls-hero: -1px;
  --fs-sec: 48px;
  --lh-sec: 1.2;
  --fs-sh02: 28px;
  --lh-sh02: 1.3;
  --fs-sh04: 24px;
  --lh-sh04: 1.3;
  --fs-sh05: 22px;
  --lh-sh05: 1.4;
  --fs-sh06: 20px;
  --lh-sh06: 1.4;
  --fs-sh08: 18px;
  --lh-sh08: 1.5;
  --fs-b02: 16px;
  --lh-b02: 1.5;
  --fs-b04: 14px;
  --lh-b04: 1.5;
  --container-max: 1200px;
  --header-height: 64px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 25px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 24px rgba(2, 39, 83, 0.08);
  --transition-base: 0.25s ease;
}

body {
  font-family: var(--font-base);
  font-size: var(--fs-b02);
  line-height: var(--lh-b02);
  font-weight: 400;
  color: var(--text-tertiary);
  background: var(--gray-0);
}

a {
  transition: color var(--transition-base);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}