@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/*프리텐다드*/
@font-face {
  font-family: 'Pretendard-Thin';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Light';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Medium';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Black';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

.prt-thin{
  font-family: 'Pretendard-Thin';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
.prt-extra-light{
  font-family: 'Pretendard-ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
.prt-light{
  font-family: 'Pretendard-Light';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
.prt-regular{
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
.prt-medium{
  font-family: 'Pretendard-Medium';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
.prt-semi-bold{
  font-family: 'Pretendard-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
.prt-bold{
  font-family: 'Pretendard-Bold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
.prt-extra-bold{
  font-family: 'Pretendard-ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
.prt-black{
  font-family: 'Pretendard-Black';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


/* 스위트체 */
@font-face {
  font-family: 'SUIT Variable';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Variable.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SUIT-Thin';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-Medium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT-Heavy';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-thin {
  font-family: 'SUIT-Thin';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-extra-light {
  font-family: 'SUIT-ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-light {
  font-family: 'SUIT-Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-regular {
  font-family: 'SUIT-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-medium {
  font-family: 'SUIT-Medium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-semi-bold {
  font-family: 'SUIT-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-bold {
  font-family: 'SUIT-Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-extra-bold {
  font-family: 'SUIT-ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-black {
  font-family: 'SUIT-Heavy';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.suit-heavy{
  font-family: 'SUIT-Heavy';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* KoPubWorldDotum */
@font-face {
  font-family: 'KoPubWorldDotum';
  src: url('fonts/KoPubWorld Dotum Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'KoPubWorldDotum';
  src: url('fonts/KoPubWorld Dotum Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'KoPubWorldDotum';
  src: url('fonts/KoPubWorld Dotum Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

.kopub-light   { font-family: 'KoPubWorldDotum'; font-weight: 300; }
.kopub-medium  { font-family: 'KoPubWorldDotum'; font-weight: 500; }
.kopub-bold    { font-family: 'KoPubWorldDotum'; font-weight: 700; }

/* HanwhaB - Bold */
@font-face {
    font-family: 'Hanwha';
    src: url('fonts/01HanwhaB.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* HanwhaR - Regular */
@font-face {
    font-family: 'Hanwha';
    src: url('fonts/02HanwhaR.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* HanwhaL - Light */
@font-face {
    font-family: 'Hanwha';
    src: url('fonts/03HanwhaL.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

.hanwha-bold    { font-family: 'Hanwha'; font-weight: 700; }
.hanwha-regular { font-family: 'Hanwha'; font-weight: 400; }
.hanwha-light   { font-family: 'Hanwha'; font-weight: 300; }

/* HanwhaGothicB - Bold */
@font-face {
    font-family: 'HanwhaGothic';
    src: url('fonts/04HanwhaGothicB.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* HanwhaGothicR - Regular */
@font-face {
    font-family: 'HanwhaGothic';
    src: url('fonts/05HanwhaGothicR.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* HanwhaGothicL - Light */
@font-face {
    font-family: 'HanwhaGothic';
    src: url('fonts/06HanwhaGothicL.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* HanwhaGothicEL - ExtraLight */
@font-face {
    font-family: 'HanwhaGothic';
    src: url('fonts/07HanwhaGothicEL.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* HanwhaGothicT - Thin */
@font-face {
    font-family: 'HanwhaGothic';
    src: url('fonts/08HanwhaGothicT.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

.hanwha-gothic-bold       { font-family: 'HanwhaGothic'; font-weight: 700; }
.hanwha-gothic-regular    { font-family: 'HanwhaGothic'; font-weight: 400; }
.hanwha-gothic-light      { font-family: 'HanwhaGothic'; font-weight: 300; }
.hanwha-gothic-extralight { font-family: 'HanwhaGothic'; font-weight: 200; }
.hanwha-gothic-thin       { font-family: 'HanwhaGothic'; font-weight: 100; }

/* 노토산스 */
/* @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
 }
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
 }
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Semi-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Semi-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Semi-Bold.otf) format('opentype');
 }
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 } */

 .noto-light{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  font-style: normal;
}

.noto-regular{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-style: normal;
}

.noto-medium{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  font-style: normal;
}

.noto-semi-bold{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  font-style: normal;
}

.noto-bold{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  font-style: normal;
}
.noto-extra-bold{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  font-style: normal;
}



/* orbitron체 */
.orbitron-light {
  font-family: "Orbitron", serif;
  font-weight: 300;
}
.orbitron-regular {
  font-family: "Orbitron", serif;
  font-weight: 400;
}

.orbitron-medium {
  font-family: "Orbitron", serif;
  font-weight: 500;
}
.orbitron-semi-bold {
  font-family: "Orbitron", serif;
  font-weight: 600;
}

.orbitron-bold {
  font-family: "Orbitron", serif;
  font-weight: 700;
}
.orbitron-extra-bold {
  font-family: "Orbitron", serif;
  font-weight: 800;
}









/*********** 기본 폰트 클래스 **********/
.fs-195 {
    font-size: clamp(107.25px, 76.35px + 8.24vw, 195px);
}

.fs-150 {
    font-size: clamp(82.5px, 58.73px + 6.34vw, 150px);
}

.fs-130 {
    font-size: clamp(71.5px, 50.9px + 5.49vw, 130px);
}

.fs-110 {
    font-size: clamp(60.5px, 43.07px + 4.65vw, 110px);
}

.fs-100 {
    font-size: clamp(55px, 39.16px + 4.23vw, 100px);
}

.fs-90 {
    font-size: clamp(49.5px, 35.24px + 3.8vw, 90px);
}

.fs-85 {
    font-size: clamp(46.75px, 33.28px + 3.59vw, 85px);
}

.fs-80 {
    font-size: clamp(44px, 31.32px + 3.38vw, 80px);
}

.fs-70 {
    font-size: clamp(38.5px, 27.41px + 2.96vw, 70px);
}

.fs-65 {
    font-size: clamp(35.75px, 25.45px + 2.75vw, 65px);
}

.fs-60 {
    font-size: clamp(33px, 23.49px + 2.54vw, 60px);
}

.fs-55 {
    font-size: clamp(30.25px, 21.54px + 2.32vw, 55px);
}

.fs-50 {
    font-size: clamp(27.5px, 19.58px + 2.11vw, 50px);
}

.fs-48 {
    font-size: clamp(26.4px, 18.79px + 2.03vw, 48px);
}

.fs-45 {
    font-size: clamp(24.75px, 17.62px + 1.9vw, 45px);
}

.fs-42 {
    font-size: clamp(23.1px, 16.45px + 1.77vw, 42px);
}

.fs-40 {
    font-size: clamp(22px, 15.66px + 1.69vw, 40px);
}

.fs-38 {
    font-size: clamp(20.9px, 14.88px + 1.61vw, 38px);
}

.fs-36 {
    font-size: clamp(19.8px, 14.1px + 1.52vw, 36px);
}

.fs-35 {
    font-size: clamp(19.25px, 13.7px + 1.48vw, 35px);
}

.fs-34 {
    font-size: clamp(18.7px, 13.31px + 1.44vw, 34px);
}

.fs-32 {
    font-size: clamp(17.6px, 12.53px + 1.35vw, 32px);
}

.fs-30 {
    font-size: clamp(16.5px, 11.75px + 1.27vw, 30px);
}

.fs-28 {
    font-size: clamp(15.4px, 10.96px + 1.18vw, 28px);
}

.fs-26 {
    font-size: clamp(14.3px, 10.18px + 1.1vw, 26px);
}

.fs-25 {
    font-size: clamp(13.75px, 9.79px + 1.06vw, 25px);
}

.fs-24 {
    font-size: clamp(13.2px, 9.4px + 1.01vw, 24px);
}

.fs-23 {
    font-size: clamp(12.65px, 9.01px + 0.97vw, 23px);
}

.fs-22 {
    font-size: clamp(12.1px, 8.61px + 0.93vw, 22px);
}

.fs-21 {
    font-size: clamp(11.55px, 8.22px + 0.89vw, 21px);
}

.fs-20 {
    font-size: clamp(11px, 7.83px + 0.85vw, 20px);
}

.fs-19 {
    font-size: clamp(10.45px, 7.44px + 0.8vw, 19px);
}

.fs-18 {
    font-size: clamp(9.9px, 7.05px + 0.76vw, 18px);
}

.fs-17 {
    font-size: clamp(9.35px, 6.66px + 0.72vw, 17px);
}

.fs-16 {
    font-size: clamp(8.8px, 6.27px + 0.68vw, 16px);
}

.fs-15 {
    font-size: clamp(8.25px, 5.87px + 0.63vw, 15px);
}

.fs-14 {
    font-size: clamp(7.7px, 5.48px + 0.59vw, 14px);
}

.fs-13 {
    font-size: clamp(7.15px, 5.09px + 0.55vw, 13px);
}

.fs-12 {
    font-size: 12px;
}

.fs-11 {
    font-size: 11px;
}

.fs-5 {
    font-size: 5px;
}
/* 모바일 기준 폰트 크기 (768px 이하) */
@media screen and (max-width: 768px) {
  .fs-195 {
    font-size: 90px;
  }

  /* 모바일에서는 더 작은 크기로 */
  .fs-150 {
    font-size: 70px;
  }

  .fs-130 {
    font-size: 60px;
  }

  .fs-110 {
    font-size: 50px;
  }

  .fs-100 {
    font-size: 45px;
  }

  .fs-90 {
    font-size: 40px;
  }

  .fs-85 {
    font-size: 38px;
  }

  .fs-80 {
    font-size: 36px;
  }

  .fs-70 {
    font-size: 30px;
  }

  .fs-65 {
    font-size: 29px;
  }

  .fs-60 {
    font-size: 28px;
  }

  .fs-55 {
    font-size: 26px;
  }

  .fs-50 {
    font-size: 24px;
  }

  .fs-48 {
    font-size: 24px;
  }

  .fs-45 {
    font-size: 22px;
  }

  .fs-42 {
    font-size: 21px;
  }

  .fs-40 {
    font-size: 20px;
  }

  .fs-38 {
    font-size: 19px;
  }

  .fs-36 {
    font-size: 18px;
  }

  .fs-35 {
    font-size: 18px;
  }

  .fs-34 {
    font-size: 17px;
  }

  .fs-32 {
    font-size: 15px;
  }

  .fs-30 {
    font-size: 20px;
  }

  .fs-28 {
    font-size: 15px;
  }

  .fs-26 {
    font-size: 21px;
  }

  .fs-25 {
    font-size: 20px;
  }

  .fs-24 {
    font-size: 18px;
  }

  .fs-23 {
    font-size: 17px;
  }

  .fs-22 {
    font-size: 13px;
  }

  .fs-21 {
    font-size: 20px;
  }

  .fs-20 {
    font-size: 14px;
  }

  .fs-19 {
    font-size: 14px;
  }

  .fs-18 {
    font-size: 13px;
  }

  .fs-17 {
    font-size: 13px;
  }

  .fs-16 {
    font-size: 12px;
  }

  .fs-15 {
    font-size: 12px;
  }

  .fs-14 {
    font-size: 12px;
  }

  .fs-13 {
    font-size: 11px;
  }

  .fs-12 {
    font-size: 10px;
  }

  .fs-11 {
    font-size: 7px;
  }

  .fs-5 {
    font-size: 5px;
  }
}