@font-face {
  font-family: "Pretendard";
  src: url("/font/pretendard/Pretendard-Regular.woff2") format("woff2"),
       url("/font/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  src: url("/font/pretendard/Pretendard-Bold.woff2") format("woff2"),
       url("/font/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  src: url("/font/pretendard/Pretendard-ExtraBold.woff2") format("woff2"),
       url("/font/pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800; /* ExtraBold 스타일은 보통 font-weight 800에 해당 */
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  src: url("/font/pretendard/Pretendard-Light.woff2") format("woff2"),
       url("/font/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 300; /* Light 스타일은 보통 font-weight 300에 해당 */
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  src: url("/font/pretendard/Pretendard-Medium.woff2") format("woff2"),
       url("/font/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500; /* Medium 스타일은 보통 font-weight 500에 해당 */
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  src: url("/font/pretendard/Pretendard-SemiBold.woff2") format("woff2"),
       url("/font/pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600; /* SemiBold 스타일은 보통 font-weight 600에 해당 */
  font-style: normal;
}


:root {
  --black: rgba(0, 0, 0, 1);
  --g-black: rgba(0, 0, 0, 1);
  --g-button: rgba(0, 106, 255, 1);
  --g-light-grey: rgba(230, 230, 230, 1);
  --g-lighter-grey: rgba(244, 244, 244, 1);
  --g-line: rgba(217, 217, 217, 1);
  --g-subtitle: rgba(131, 138, 154, 1);
  --g-title: rgba(69, 79, 93, 1);
  --g-white: rgba(255, 255, 255, 1);
  --heading-h1-font-family: "Pretendard", Helvetica;
  --heading-h1-font-size: 56px;
  --heading-h1-font-style: normal;
  --heading-h1-font-weight: 900;
  --heading-h1-letter-spacing: 0px;
  --heading-h1-line-height: 120%;
  --heading-h1-mobile-font-family: "Pretendard", Helvetica;
  --heading-h1-mobile-font-size: 40px;
  --heading-h1-mobile-font-style: normal;
  --heading-h1-mobile-font-weight: 900;
  --heading-h1-mobile-letter-spacing: 0px;
  --heading-h1-mobile-line-height: 120%;
  --heading-h2-font-family: "Pretendard", Helvetica;
  --heading-h2-font-size: 48px;
  --heading-h2-font-style: normal;
  --heading-h2-font-weight: 900;
  --heading-h2-letter-spacing: 0px;
  --heading-h2-line-height: 120%;
  --heading-h2-mobile-font-family: "Pretendard", Helvetica;
  --heading-h2-mobile-font-size: 36px;
  --heading-h2-mobile-font-style: normal;
  --heading-h2-mobile-font-weight: 900;
  --heading-h2-mobile-letter-spacing: 0px;
  --heading-h2-mobile-line-height: 140%;
  --heading-h3-font-family: "Pretendard", Helvetica;
  --heading-h3-font-size: 40px;
  --heading-h3-font-style: normal;
  --heading-h3-font-weight: 700;
  --heading-h3-letter-spacing: 0px;
  --heading-h3-line-height: 120%;
  --heading-h3-mobile-font-family: "Pretendard", Helvetica;
  --heading-h3-mobile-font-size: 32px;
  --heading-h3-mobile-font-style: normal;
  --heading-h3-mobile-font-weight: 700;
  --heading-h3-mobile-letter-spacing: 0px;
  --heading-h3-mobile-line-height: 120.00000476837158%;
  --heading-h4-font-family: "Pretendard", Helvetica;
  --heading-h4-font-size: 32px;
  --heading-h4-font-style: normal;
  --heading-h4-font-weight: 700;
  --heading-h4-letter-spacing: 0px;
  --heading-h4-line-height: 129.99999523162842%;
  --heading-h4-mobile-font-family: "Pretendard", Helvetica;
  --heading-h4-mobile-font-size: 24px;
  --heading-h4-mobile-font-style: normal;
  --heading-h4-mobile-font-weight: 700;
  --heading-h4-mobile-letter-spacing: 0px;
  --heading-h4-mobile-line-height: 140%;
  --heading-h5-font-family: "Pretendard", Helvetica;
  --heading-h5-font-size: 20px;
  --heading-h5-font-style: normal;
  --heading-h5-font-weight: 700;
  --heading-h5-letter-spacing: 0px;
  --heading-h5-line-height: 140%;
  --heading-h5-mobile-font-family: "Pretendard", Helvetica;
  --heading-h5-mobile-font-size: 20px;
  --heading-h5-mobile-font-style: normal;
  --heading-h5-mobile-font-weight: 700;
  --heading-h5-mobile-letter-spacing: 0px;
  --heading-h5-mobile-line-height: 140%;
  --heading-h6-font-family: "Pretendard", Helvetica;
  --heading-h6-font-size: 20px;
  --heading-h6-font-style: normal;
  --heading-h6-font-weight: 700;
  --heading-h6-letter-spacing: 0px;
  --heading-h6-line-height: 28px;
  --heading-h6-mobile-font-family: "Pretendard", Helvetica;
  --heading-h6-mobile-font-size: 18px;
  --heading-h6-mobile-font-style: normal;
  --heading-h6-mobile-font-weight: 700;
  --heading-h6-mobile-letter-spacing: 0px;
  --heading-h6-mobile-line-height: 139.9999976158142%;
  --large: 0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px rgba(0, 0, 0, 0.08);
  --light-grey: rgba(244, 244, 244, 1);
  --medium: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
  --small: 0px 2px 4px -2px rgba(0, 0, 0, 0.06), 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
  --text-large-bold-font-family: "Pretendard", Helvetica;
  --text-large-bold-font-size: 20px;
  --text-large-bold-font-style: normal;
  --text-large-bold-font-weight: 700;
  --text-large-bold-letter-spacing: 0px;
  --text-large-bold-line-height: 150%;
  --text-large-extra-bold-font-family: "Pretendard", Helvetica;
  --text-large-extra-bold-font-size: 20px;
  --text-large-extra-bold-font-style: normal;
  --text-large-extra-bold-font-weight: 800;
  --text-large-extra-bold-letter-spacing: 0px;
  --text-large-extra-bold-line-height: 150%;
  --text-large-light-font-family: "Pretendard", Helvetica;
  --text-large-light-font-size: 20px;
  --text-large-light-font-style: normal;
  --text-large-light-font-weight: 300;
  --text-large-light-letter-spacing: 0px;
  --text-large-light-line-height: 150%;
  --text-large-link-font-family: "Pretendard", Helvetica;
  --text-large-link-font-size: 20px;
  --text-large-link-font-style: normal;
  --text-large-link-font-weight: 400;
  --text-large-link-letter-spacing: 0px;
  --text-large-link-line-height: 150%;
  --text-large-medium-font-family: "Pretendard", Helvetica;
  --text-large-medium-font-size: 20px;
  --text-large-medium-font-style: normal;
  --text-large-medium-font-weight: 500;
  --text-large-medium-letter-spacing: 0px;
  --text-large-medium-line-height: 150%;
  --text-large-normal-font-family: "Pretendard", Helvetica;
  --text-large-normal-font-size: 20px;
  --text-large-normal-font-style: normal;
  --text-large-normal-font-weight: 400;
  --text-large-normal-letter-spacing: 0px;
  --text-large-normal-line-height: 150%;
  --text-large-semi-bold-font-family: "Pretendard", Helvetica;
  --text-large-semi-bold-font-size: 20px;
  --text-large-semi-bold-font-style: normal;
  --text-large-semi-bold-font-weight: 600;
  --text-large-semi-bold-letter-spacing: 0px;
  --text-large-semi-bold-line-height: 150%;
  --text-medium-bold-font-family: "Pretendard", Helvetica;
  --text-medium-bold-font-size: 18px;
  --text-medium-bold-font-style: normal;
  --text-medium-bold-font-weight: 700;
  --text-medium-bold-letter-spacing: 0px;
  --text-medium-bold-line-height: 150%;
  --text-medium-extra-bold-font-family: "Pretendard", Helvetica;
  --text-medium-extra-bold-font-size: 18px;
  --text-medium-extra-bold-font-style: normal;
  --text-medium-extra-bold-font-weight: 700;
  --text-medium-extra-bold-letter-spacing: 0px;
  --text-medium-extra-bold-line-height: 150%;
  --text-medium-light-font-family: "Pretendard", Helvetica;
  --text-medium-light-font-size: 18px;
  --text-medium-light-font-style: normal;
  --text-medium-light-font-weight: 300;
  --text-medium-light-letter-spacing: 0px;
  --text-medium-light-line-height: 150%;
  --text-medium-link-font-family: "Pretendard", Helvetica;
  --text-medium-link-font-size: 18px;
  --text-medium-link-font-style: normal;
  --text-medium-link-font-weight: 400;
  --text-medium-link-letter-spacing: 0px;
  --text-medium-link-line-height: 150%;
  --text-medium-medium-font-family: "Pretendard", Helvetica;
  --text-medium-medium-font-size: 18px;
  --text-medium-medium-font-style: normal;
  --text-medium-medium-font-weight: 500;
  --text-medium-medium-letter-spacing: 0px;
  --text-medium-medium-line-height: 150%;
  --text-medium-normal-font-family: "Pretendard", Helvetica;
  --text-medium-normal-font-size: 18px;
  --text-medium-normal-font-style: normal;
  --text-medium-normal-font-weight: 400;
  --text-medium-normal-letter-spacing: 0px;
  --text-medium-normal-line-height: 150%;
  --text-medium-semi-bold-font-family: "Pretendard", Helvetica;
  --text-medium-semi-bold-font-size: 18px;
  --text-medium-semi-bold-font-style: normal;
  --text-medium-semi-bold-font-weight: 600;
  --text-medium-semi-bold-letter-spacing: 0px;
  --text-medium-semi-bold-line-height: 150%;
  --text-regular-bold-font-family: "Pretendard", Helvetica;
  --text-regular-bold-font-size: 16px;
  --text-regular-bold-font-style: normal;
  --text-regular-bold-font-weight: 700;
  --text-regular-bold-letter-spacing: 0px;
  --text-regular-bold-line-height: 150%;
  --text-regular-extra-bold-font-family: "Pretendard-ExtraBold", Helvetica;
  --text-regular-extra-bold-font-size: 16px;
  --text-regular-extra-bold-font-style: normal;
  --text-regular-extra-bold-font-weight: 800;
  --text-regular-extra-bold-letter-spacing: 0px;
  --text-regular-extra-bold-line-height: 150%;
  --text-regular-light-font-family: "Pretendard-Light", Helvetica;
  --text-regular-light-font-size: 16px;
  --text-regular-light-font-style: normal;
  --text-regular-light-font-weight: 300;
  --text-regular-light-letter-spacing: 0px;
  --text-regular-light-line-height: 150%;
  --text-regular-link-font-family: "Pretendard-Regular", Helvetica;
  --text-regular-link-font-size: 16px;
  --text-regular-link-font-style: normal;
  --text-regular-link-font-weight: 400;
  --text-regular-link-letter-spacing: 0px;
  --text-regular-link-line-height: 150%;
  --text-regular-medium-font-family: "Pretendard", Helvetica;
  --text-regular-medium-font-size: 16px;
  --text-regular-medium-font-style: normal;
  --text-regular-medium-font-weight: 500;
  --text-regular-medium-letter-spacing: 0px;
  --text-regular-medium-line-height: 24px;
  --text-regular-normal-font-family: "Pretendard-Regular", Helvetica;
  --text-regular-normal-font-size: 16px;
  --text-regular-normal-font-style: normal;
  --text-regular-normal-font-weight: 400;
  --text-regular-normal-letter-spacing: 0px;
  --text-regular-normal-line-height: 150%;
  --text-regular-semi-bold-font-family: "Pretendard-SemiBold", Helvetica;
  --text-regular-semi-bold-font-size: 16px;
  --text-regular-semi-bold-font-style: normal;
  --text-regular-semi-bold-font-weight: 600;
  --text-regular-semi-bold-letter-spacing: 0px;
  --text-regular-semi-bold-line-height: 150%;
  --text-small-bold-font-family: "Pretendard-Bold", Helvetica;
  --text-small-bold-font-size: 14px;
  --text-small-bold-font-style: normal;
  --text-small-bold-font-weight: 700;
  --text-small-bold-letter-spacing: 0px;
  --text-small-bold-line-height: 150%;
  --text-small-extra-bold-font-family: "Pretendard-ExtraBold", Helvetica;
  --text-small-extra-bold-font-size: 14px;
  --text-small-extra-bold-font-style: normal;
  --text-small-extra-bold-font-weight: 800;
  --text-small-extra-bold-letter-spacing: 0px;
  --text-small-extra-bold-line-height: 150%;
  --text-small-light-font-family: "Pretendard-Light", Helvetica;
  --text-small-light-font-size: 14px;
  --text-small-light-font-style: normal;
  --text-small-light-font-weight: 300;
  --text-small-light-letter-spacing: 0px;
  --text-small-light-line-height: 150%;
  --text-small-link-font-family: "Pretendard-Regular", Helvetica;
  --text-small-link-font-size: 14px;
  --text-small-link-font-style: normal;
  --text-small-link-font-weight: 400;
  --text-small-link-letter-spacing: 0px;
  --text-small-link-line-height: 150%;
  --text-small-medium-font-family: "Pretendard-Medium", Helvetica;
  --text-small-medium-font-size: 14px;
  --text-small-medium-font-style: normal;
  --text-small-medium-font-weight: 500;
  --text-small-medium-letter-spacing: 0px;
  --text-small-medium-line-height: 150%;
  --text-small-normal-font-family: "Pretendard-Regular", Helvetica;
  --text-small-normal-font-size: 14px;
  --text-small-normal-font-style: normal;
  --text-small-normal-font-weight: 400;
  --text-small-normal-letter-spacing: 0px;
  --text-small-normal-line-height: 150%;
  --text-small-semi-bold-font-family: "Pretendard-SemiBold", Helvetica;
  --text-small-semi-bold-font-size: 14px;
  --text-small-semi-bold-font-style: normal;
  --text-small-semi-bold-font-weight: 600;
  --text-small-semi-bold-letter-spacing: 0px;
  --text-small-semi-bold-line-height: 150%;
  --text-tiny-bold-font-family: "Pretendard-Bold", Helvetica;
  --text-tiny-bold-font-size: 12px;
  --text-tiny-bold-font-style: normal;
  --text-tiny-bold-font-weight: 700;
  --text-tiny-bold-letter-spacing: 0px;
  --text-tiny-bold-line-height: 150%;
  --text-tiny-extra-bold-font-family: "Pretendard-ExtraBold", Helvetica;
  --text-tiny-extra-bold-font-size: 12px;
  --text-tiny-extra-bold-font-style: normal;
  --text-tiny-extra-bold-font-weight: 800;
  --text-tiny-extra-bold-letter-spacing: 0px;
  --text-tiny-extra-bold-line-height: 150%;
  --text-tiny-light-font-family: "Pretendard-Light", Helvetica;
  --text-tiny-light-font-size: 12px;
  --text-tiny-light-font-style: normal;
  --text-tiny-light-font-weight: 300;
  --text-tiny-light-letter-spacing: 0px;
  --text-tiny-light-line-height: 150%;
  --text-tiny-link-font-family: "Pretendard-Regular", Helvetica;
  --text-tiny-link-font-size: 12px;
  --text-tiny-link-font-style: normal;
  --text-tiny-link-font-weight: 400;
  --text-tiny-link-letter-spacing: 0px;
  --text-tiny-link-line-height: 150%;
  --text-tiny-medium-font-family: "Pretendard-Medium", Helvetica;
  --text-tiny-medium-font-size: 12px;
  --text-tiny-medium-font-style: normal;
  --text-tiny-medium-font-weight: 500;
  --text-tiny-medium-letter-spacing: 0px;
  --text-tiny-medium-line-height: 150%;
  --text-tiny-normal-font-family: "Pretendard-Regular", Helvetica;
  --text-tiny-normal-font-size: 12px;
  --text-tiny-normal-font-style: normal;
  --text-tiny-normal-font-weight: 400;
  --text-tiny-normal-letter-spacing: 0px;
  --text-tiny-normal-line-height: 150%;
  --text-tiny-semi-bold-font-family: "Pretendard-SemiBold", Helvetica;
  --text-tiny-semi-bold-font-size: 12px;
  --text-tiny-semi-bold-font-style: normal;
  --text-tiny-semi-bold-font-weight: 600;
  --text-tiny-semi-bold-letter-spacing: 0px;
  --text-tiny-semi-bold-line-height: 150%;
  --white: rgba(255, 255, 255, 1);
  --xlarge: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
  --xsmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --xxlarge: 0px 32px 64px -12px rgba(0, 0, 0, 0.14);
  --xxsmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}