@font-face {
  font-family: "Pretendard Variable";
  src: url("../font/PretendardVariable.woff2") format("woff2-variations");
  font-weight: 45 920;
  font-style: normal;
}

:root {
  --brand-500: #071e2e;
  --brand-300: #e6f2f8;
  --brand-200: #cfe8f5;
  --brand-bg: #f2f8fb;
  --brand-point-sky-blue: #02b3f3;
  --brand-100: #42b0db;
  --brand-sky-light: #74c3e6;
  --brand-deep: #2387b6;
  --brand-deep-2: #14608a;
  --brand-navy: #0b3a5a;
  --brand-bg-light: #fafdff;
  --gray-mid: #cdcdcd;
  --gray-mid-1: #333333;
  --gray-mid-2: #555555;
  --gray-mid-3: #666666;
  --gray-mid-4: #797979;
  --black: #111111;
  --white: #ffffff;

  /* Font sizes: fluid between 1280px~1920px viewport (Figma base 1920px), locked below 1280px (PC minimum; mobile gets its own layout) */
  --font-182: clamp(121px, 9.4792vw, 182px);
  --font-164: clamp(109px, 8.5417vw, 164px);
  --font-72: clamp(48px, 3.75vw, 72px);
  --font-60: clamp(40px, 3.125vw, 60px);
  --font-55: clamp(37px, 2.8646vw, 55px);
  --font-50: clamp(33px, 2.6042vw, 50px);
  --font-44: clamp(29px, 2.2917vw, 44px);
  --font-40: clamp(27px, 2.0833vw, 40px);
  --font-32: clamp(21px, 1.6667vw, 32px);
  --font-30: clamp(20px, 1.5625vw, 30px);
  --font-28: clamp(19px, 1.4583vw, 28px);
  --font-24: clamp(16px, 1.25vw, 24px);
  --font-22: clamp(15px, 1.1458vw, 22px);
  --font-20: clamp(13px, 1.0417vw, 20px);
  --font-18: clamp(12px, 0.9375vw, 18px);
  --font-16: clamp(11px, 0.8333vw, 16px);
  --font-14: clamp(9px, 0.7292vw, 14px);
}

body {
  font-family: "Pretendard Variable", -apple-system, "Malgun Gothic", sans-serif;
  color: var(--brand-500);
  overflow-x: hidden;
}

/* 줄바꿈 유틸: .br-mo 는 모바일에서만, .br-pc 는 PC에서만 줄바꿈 */
.br-mo {
  display: none;
}

@media (max-width: 1024px) {
  .br-mo {
    display: inline;
  }

  .br-pc {
    display: none;
  }
}