/* 폰트 페이스 관련 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

@font-face {
  font-family: 'Times Newer Roman';
  src: url('/font/times-newer-roman/TimesNewerRoman-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Times Newer Roman';
  src: url('/font/times-newer-roman/TimesNewerRoman-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Times Newer Roman';
  src: url('/font/times-newer-roman/TimesNewerRoman-Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Times Newer Roman';
  src: url('/font/times-newer-roman/TimesNewerRoman-BoldItalic.otf') format('opentype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'NanumSquareNeoOTF';
  src: url(NanumSquareNeoOTF-Eb.otf) format('opentype');
  font-weight: bold;
}

:root {
  --text-small: 12px;
  --text-small-plus: 13px;
  --text-medium: 14px;
  --text-large: 15px;
  --text-xlarge: 18px;
  --text-xxlarge: 22px;
}

/* 폰트 색상 관련 */
.text-color-primary {
  color: var(--main-color-primary) !important;
}

.text-color-secondary {
  color: var(--main-color-secondary);
}

.text-color-sub-primary {
  color: var(--sub-color-primary);
}

.text-color-gray-900 {
  color: var(--gray-900) !important;
}

.text-color-gray-800 {
  color: var(--gray-800);
}

.text-color-gray-700 {
  color: var(--gray-700);
}

.text-color-gray-600 {
  color: var(--gray-600);
}

.text-color-gray-500 {
  color: var(--gray-500);
}

.text-color-gray-400 {
  color: var(--gray-400);
}

.text-color-white {
  color: var(--white);
}

/* 폰트 크기 관련 */
.custom-text-xxlarge {
  font-size: var(--text-xxlarge);
}

.custom-text-xlarge {
  font-size: var(--text-xlarge);
}

.custom-text-large {
  font-size: var(--text-large);
}

.custom-text-medium {
  font-size: var(--text-medium);
}

.custom-text-small-plus {
  font-size: var(--text-small-plus);
}

.custom-text-small {
  font-size: var(--text-small);
}

/* 폰트 굵기 관련 */

.font-weight-DemiLight {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 350 !important;
}

.font-weight-Regular {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400 !important;
}

.font-weight-medium {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500 !important;
}

.font-weight-bold {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700 !important;
}

/* 폰트 패밀리 관련 */
.font-family-NanumSquareNeoOTF {
  font-family: 'NanumSquareNeoOTF', sans-serif;
}

/* 폰트 간격 관련 */

.line-height-34 {
  font-size: 34px;
  line-height: 34px;
}

.letter-spacing-22-4 {
  font-size: 22px;
  letter-spacing: -0.88px;
}

.letter-spacing-20-4 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.8px;
}

.letter-spacing-18-4 {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.72px;
}

.letter-spacing-16-4 {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.64px;
}

.letter-spacing-16-2 {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.2px;
}

.letter-spacing-16-0 {
  font-size: 16px;
  line-height: 20px;
}

.letter-spacing-15-18-4 {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.4px;
}

.letter-spacing-15-17-7 {
  font-size: 15px !important;
  line-height: 17px !important;
  letter-spacing: -0.7px !important;
}

.letter-spacing-15-17-4 {
  font-size: 15px;
  line-height: 17px;
  letter-spacing: -0.4px;
}

.letter-spacing-15-16-4 {
  font-size: 15px !important;
  line-height: 16px !important;
  letter-spacing: -0.6px !important;
}

.letter-spacing-15-4 {
  font-size: 15px !important;
  line-height: 15px !important;
  letter-spacing: -0.6px !important;
}

.letter-spacing-15-2 {
  font-size: 15px !important;
  line-height: 15px !important;
  letter-spacing: -0.3px !important;
}

.letter-spacing-14-22-4 {
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: -0.56px !important;
}

.letter-spacing-14-16-4 {
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: -0.56px !important;
}

.letter-spacing-14-4 {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.56px;
}

.letter-spacing-14-2 {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
}

.letter-spacing-12-4 {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.48px;
}