@font-face {
  font-family: "Pretendard Variable";
  src: url("/static/fonts/pretendard/PretendardVariable.woff2?v=20260629") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html,
body {
  height: 100%;
  margin: 0;
  line-height: normal;
  overflow: hidden;
  font-family: var(--font-segoe-ui);
}

body,
body button,
body input,
body select,
body textarea,
body [class] {
  font-family: var(--font-segoe-ui) !important;
}

:root {
  /* Common Style Variables */

  /* Color */
  --color-aliceblue: #f2f6fa;
  --color-darkslategray-100: #135643;
  --color-darkslategray-200: #223149;
  --color-darkslategray-300: rgba(10, 72, 54, 0.42);
  --color-gainsboro-100: #e8e8e8;
  --color-gainsboro-200: #d7e1ea;
  --color-gray-100: #797979;
  --color-gray-200: #1c2534;
  --color-gray-300: #18253a;
  --color-gray-400: #17243a;
  --color-gray-500: #071d3a;
  --color-gray-600: rgba(255, 255, 255, 0.9);
  --color-gray-700: rgba(255, 255, 255, 0.74);
  --color-gray-800: rgba(255, 255, 255, 0);
  --color-gray-900: rgba(255, 255, 255, 0.82);
  --color-lavender-100: #d8e9f6;
  --color-lavender-200: #dae5fe;
  --color-lightslategray: rgba(113, 142, 176, 0.48);
  --color-lightsteelblue-100: #c4d3e2;
  --color-lightsteelblue-200: rgba(141, 166, 193, 0.42);
  --color-midnightblue: #0135a1;
  --color-paleturquoise: rgba(191, 229, 214, 0.28);
  --color-powderblue: rgba(166, 204, 189, 0.28);
  --color-seagreen-100: rgba(59, 150, 122, 0.52);
  --color-seagreen-200: rgba(20, 111, 83, 0.52);
  --color-steelblue: #0e5492;
  --color-white: #fff;
  --color-whitesmoke-100: #f5f8fb;
  --color-whitesmoke-200: #e9e9e9;

  /* Gap */
  --gap-0: 0px;
  --gap-3: 3px;
  --gap-20: 20px;
  --gap-0_9: 0.9px;
  --gap-3_1: 3.1px;
  --gap-4_8: 4.8px;
  --gap-4_9: 4.9px;
  --gap-7_3: 7.3px;
  --gap-8_2: 8.2px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-2: 2px;
  --padding-4: 4px;
  --padding-5: 5px;
  --padding-6: 6px;
  --padding-7: 7px;
  --padding-8: 8px;
  --padding-9: 9px;
  --padding-10: 10px;
  --padding-11: 11px;
  --padding-13: 13px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-17: 17px;
  --padding-18: 18px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-21: 21px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-30: 30px;
  --padding-40: 40px;
  --padding-1_9: 1.9px;
  --padding-10_4: 10.4px;
  --padding-2_5: 2.5px;
  --padding-2_6: 2.6px;
  --padding-4_1: 4.1px;
  --padding-4_2: 4.2px;
  --padding-4_3: 4.3px;
  --padding-5_1: 5.1px;
  --padding-5_2: 5.2px;
  --padding-5_3: 5.3px;
  --padding-5_4: 5.4px;
  --padding-5_5: 5.5px;
  --padding-5_9: 5.9px;
  --padding-6_1: 6.1px;
  --padding-7_2: 7.2px;
  --padding-7_3: 7.3px;
  --padding-7_4: 7.4px;
  --padding-9_8: 9.8px;

  /* BorderRadius */
  --br-0: 0px;
  --br-4: 4px;
  --br-16: 16px;
  --br-20: 20px;
  --br-11_4: 11.4px;
  --br-3_5: 3.5px;
  --br-7_1: 7.1px;

  /* Font */
  --font-segoe-ui: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  /* FontSize */
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-25: 25px;
  --fs-16_3: 16.3px;
  --fs-19_6: 19.6px;

  /* Borders */
  --border-1: 0.5px solid var(--color-gainsboro-200);
  --border-11: 0.5px solid var(--color-gainsboro-200);
  --border-12: 0.8px solid var(--color-gainsboro-200);

  /* Shadows */
  --shadow-drop: 0px 0px 0px 1px #000, 0px 2px 2px rgba(0, 0, 0, 0.6);
  --shadow-drop-1: 0px 3.6px 8px rgba(45, 73, 104, 0.2);
  --shadow-inner: 0px 8px 16.1px rgba(55, 110, 183, 0.18),
    0px 0px 0px 3.57px var(--color-gray-600) inset;
  --text-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.25);

  /* Gradients */
  --gradient-1: linear-gradient(180deg, #2164a8, #254975);
  --gradient-2: linear-gradient(180deg, #5a963c, #3f7629);
  --gradient-3: linear-gradient(180deg, #0f6ace, #044a94);
  --gradient-4: linear-gradient(180deg, #8c67b6, #5d3494);
  --gradient-5: linear-gradient(180deg, #09a7a2, #00847f);

  /* WidthHeights */
  --height-13: 13px;
  --height-14: 14px;
  --height-16: 16px;
  --height-18: 18px;
  --height-20: 20px;
  --height-26: 26px;
  --height-30: 30px;
  --height-32: 32px;
  --height-49: 49px;
  --height-16_1: 16.1px;
  --height-18_6: 18.6px;
  --height-21_3: 21.3px;
  --height-21_4: 21.4px;
  --height-22_8: 22.8px;
  --height-24_4: 24.4px;
  --height-30_4: 30.4px;
  --height-39_3: 39.3px;
  --height-42_9: 42.9px;
  --height-49_1: 49.1px;
  --height-69_7: 69.7px;
  --max-h-22_8: 22.8px;
  --max-w-132: 132px;
  --max-w-141: 141px;
  --max-w-142: 142px;
  --min-h-32: 32px;
  --min-h-30_4: 30.4px;
  --min-h-42_9: 42.9px;
  --min-w-32: 32px;
  --width-16: 16px;
  --width-32: 32px;
  --width-36: 36px;
  --width-39: 39px;
  --width-60: 60px;
  --width-0_9: 0.9px;
  --width-21_8: 21.8px;
  --width-39_3: 39.3px;
  --width-39_5: 39.5px;
  --width-56_1: 56.1px;
  --width-61_8: 61.8px;
  --width-86_2: 86.2px;

  /* LineHeights */
  --lh-16: 16px;
  --lh-18: 18px;
  --lh-26: 26px;
  --lh-10_5: 10.5px;
  --lh-11_3: 11.3px;
  --lh-19_7: 19.7px;
  --lh-32_7: 32.7px;

  --left-8: 8px;
  --top-0_5: 0.5px;
}