/* 폰트 정의 */
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/NotoSansKR-VariableFont_wght.ttf') format('truetype-variations');
  font-display: swap;
}

/* 반응형 폰트 사이즈 */
.fz90 {
  font-size: clamp(45px, 5.5vw, 90px);
}

.fz70 {
  font-size: clamp(35px, 4.5vw, 70px);
}

.fz32 {
  font-size: clamp(20px, 2.5vw, 32px);
}

.fz30 {
  font-size: clamp(20px, 2.4vw, 30px);
}

.fz28 {
  font-size: clamp(19px, 2.2vw, 28px);
}

.fz23 {
  font-size: clamp(17px, 1.7vw, 23px);
}

.fz22 {
  font-size: clamp(16px, 1.6vw, 22px);
}

.fz20 {
  font-size: clamp(16px, 1.5vw, 20px);
}

.fz18 {
  font-size: clamp(15px, 1.3vw, 18px);
}

.fz16 {
  font-size: clamp(14px, 1.1vw, 16px);
}

.fz15 {
  font-size: clamp(13px, 1.2vw, 15px);
}

.fz14 {
  font-size: clamp(13px, 1vw, 14px);
}

.fz13 {
  font-size: clamp(12px, 0.9vw, 13px);
}

/* 폰트 두께 */
.fw800 {
  font-weight: 800;
}

.fw700 {
  font-weight: 700;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.fw300 {
  font-weight: 300;
}

/* 폰트 색상 */
.fc-white {
  color: var(--color-white);
}

.fc-red {
  color: var(--color-red);
}

.fc-black {
  color: var(--color-black);
}

.fc-gray {
  color: var(--color-gray);
}

.fc-dark-gray {
  color: var(--color-dark-gray);
}

.fc-orange {
  color: var(--color-orange);
}