/* 타이포 클래스 */
/* Pretendard (woff2 기준) */
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-Thin.woff2")
    format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-ExtraLight.woff2")
    format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-Light.woff2")
    format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-Regular.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-Medium.woff2")
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-SemiBold.woff2")
    format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-Bold.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-ExtraBold.woff2")
    format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("../../fonts/Pretendard-1.3.9/woff2/Pretendard-Black.woff2")
    format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Montserrat Regular weights */
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Montserrat Italic weights (있는 애들만) */
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-ExtraLightItalic.woff2")
    format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-LightItalic.woff2")
    format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-MediumItalic.woff2")
    format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-SemiBoldItalic.woff2")
    format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat/Montserrat-BlackItalic.woff2")
    format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* SUITE – 가중치 풀 세트 */
@font-face {
  font-family: "SUITE";
  src: url("../../fonts/SUITE/SUITE-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SUITE";
  src: url("../../fonts/SUITE/SUITE-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SUITE";
  src: url("../../fonts/SUITE/SUITE-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SUITE";
  src: url("../../fonts/SUITE/SUITE-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SUITE";
  src: url("../../fonts/SUITE/SUITE-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SUITE";
  src: url("../../fonts/SUITE/SUITE-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SUITE";
  src: url("../../fonts/SUITE/SUITE-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.Pretendard-Hero {
  font-family: "Pretendard", sans-serif !important;
  font-size: 72px !important;
  font-weight: 700 !important;
  line-height: 86px !important; /* 120% */
}

.Pretendard-HeroSmall {
  font-family: "Pretendard", sans-serif !important;
  font-size: 64px !important;
  font-weight: 700 !important;
  line-height: 86px !important;
}

.Pretendard-Display {
  font-family: "Pretendard", sans-serif !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 70px !important;
}

.Pretendard-DisplaySmall {
  font-family: "Pretendard", sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 60px !important;
}

.Pretendard-H1 {
  font-family: "Pretendard", sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 52px !important;
}

.Pretendard-H2 {
  font-family: "Pretendard", sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
}

.Pretendard-H3 {
  font-family: "Pretendard", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
}

.Pretendard-H4 {
  font-family: "Pretendard", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 32px !important;
}

.Pretendard-H5 {
  font-family: "Pretendard", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 29px !important;
}

.Pretendard-H6 {
  font-family: "Pretendard", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 26px !important;
}

/* Body */
.Pretendard-Body {
  font-family: "Pretendard", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 24px !important; /* 150% */
}

.Pretendard-BodySenior {
  font-family: "Pretendard", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 27px !important; /* 150% */
}

/* Caption Label */
.Pretendard-CaptionLabel {
  font-family: "Pretendard", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 20px !important; /* 145% */
}

.Pretendard-CaptionLabelSenior {
  font-family: "Pretendard", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 23px !important; /* 145% */
}

/* Caption */
.Pretendard-Caption {
  font-family: "Pretendard", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 17px !important; /* 145% */
}

.Pretendard-CaptionSenior {
  font-family: "Pretendard", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 20px !important; /* 140% */
}

/* Hero~Display */
.Suite-Hero {
  font-family: "SUITE", sans-serif !important;
  font-size: 72px !important;
  font-weight: 700 !important;
  line-height: 86px !important; /* 120% */
}

.Suite-HeroSmall {
  font-family: "SUITE", sans-serif !important;
  font-size: 64px !important;
  font-weight: 700 !important;
  line-height: 86px !important;
}

.Suite-Display {
  font-family: "SUITE", sans-serif !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 70px !important;
}

.Suite-DisplaySmall {
  font-family: "SUITE", sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 60px !important;
}

/* Heading 1 ~ 6 */
.Suite-H1 {
  font-family: "SUITE", sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 52px !important;
}

.Suite-H2 {
  font-family: "SUITE", sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
}

.Suite-H3 {
  font-family: "SUITE", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
}

.Suite-H4 {
  font-family: "SUITE", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 32px !important;
}

.Suite-H5 {
  font-family: "SUITE", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 29px !important;
}

.Suite-H6 {
  font-family: "SUITE", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 26px !important;
}

/* Body */
.Suite-Body {
  font-family: "SUITE", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 24px !important; /* 150% */
}

.Suite-BodySenior {
  font-family: "SUITE", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 27px !important; /* 150% */
}

/* Caption Label */
.Suite-CaptionLabel {
  font-family: "SUITE", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 20px !important; /* 145% */
}

.Suite-CaptionLabelSenior {
  font-family: "SUITE", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 23px !important; /* 145% */
}

/* Caption */
.Suite-Caption {
  font-family: "SUITE", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 17px !important; /* 145% */
}

.Suite-CaptionSenior {
  font-family: "SUITE", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important; /* Regular */
  line-height: 20px !important; /* 140% */
}

.Montserrat-Hero {
  font-family: "Montserrat", sans-serif !important;
  font-size: 72px !important;
  font-weight: 700 !important;
  line-height: 86px !important; /* 120% */
}

.Montserrat-HeroSmall {
  font-family: "Montserrat", sans-serif !important;
  font-size: 64px !important;
  font-weight: 700 !important;
  line-height: 86px !important;
}

.Montserrat-Display {
  font-family: "Montserrat", sans-serif !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 70px !important;
}

.Montserrat-DisplaySmall {
  font-family: "Montserrat", sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 60px !important;
}

/* Heading 1 ~ 6 */
.Montserrat-H1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 52px !important;
}

.Montserrat-H2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
}

.Montserrat-H3 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
}

.Montserrat-H4 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 32px !important;
}

.Montserrat-H5 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 29px !important;
}

.Montserrat-H6 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important; /* SemiBold */
  line-height: 26px !important;
}

/* Body */
.Montserrat-Body {
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.Montserrat-BodySenior {
  font-family: "Montserrat", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
}

/* Caption Label */
.Montserrat-CaptionLabel {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.Montserrat-CaptionLabelSenior {
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
}

/* Caption */
.Montserrat-Caption {
  font-family: "Montserrat", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}

.Montserrat-CaptionSenior {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}
