@charset "utf-8";


@font-face {
    font-family: 'AbyssinicaSIL-Regular';
    src: url(AbyssinicaSIL-Regular.ttf) format('truetype');
}
.aby-regular{
    font-family: 'AbyssinicaSIL-Regular';
}

@font-face {
    font-family: 'CormorantGaramond-Bold';
    src: url(CormorantGaramond-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-BoldItalic';
    src: url(../font/CormorantGaramond-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-Italic';
    src: url(../font/CormorantGaramond-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-Light';
    src: url(../font/CormorantGaramond-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-LightItalic';
    src: url(../font/CormorantGaramond-LightItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-Medium';
    src: url(../font/CormorantGaramond-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-MediumItalic';
    src: url(../font/CormorantGaramond-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-Regular';
    src: url(../font/CormorantGaramond-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-SemiBold';
    src: url(../font/CormorantGaramond-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-SemiBoldItalic';
    src: url(CormorantGaramond-SemiBoldItalic.ttf) format('truetype');
}

.cg-bold { font-family: 'CormorantGaramond-Bold'; }
.cg-bold-italic { font-family: 'CormorantGaramond-BoldItalic'; }
.cg-italic { font-family: 'CormorantGaramond-Italic'; }
.cg-light { font-family: 'CormorantGaramond-Light'; }
.cg-light-italic { font-family: 'CormorantGaramond-LightItalic'; }
.cg-medium { font-family: 'CormorantGaramond-Medium'; }
.cg-medium-italic { font-family: 'CormorantGaramond-MediumItalic'; }
.cg-regular { font-family: 'CormorantGaramond-Regular'; }
.cg-semibold { font-family: 'CormorantGaramond-SemiBold'; }
.cg-semibold-italic { font-family: 'CormorantGaramond-SemiBoldItalic'; }

@font-face {
  font-family: 'Pretendard-Thin';
  src: url(../font/Pretendard-Thin.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-ExtraLight';
  src: url(../font/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-Light';
  src: url(../font/Pretendard-Light.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url(../font/Pretendard-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-Medium';
  src: url(../font/Pretendard-Medium.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url(../font/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url(../font/Pretendard-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url(../font/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
  font-family: 'Pretendard-Black';
  src: url(../font/Pretendard-Black.woff) format('woff');
}

.prt-thin{
  font-family: 'Pretendard-Thin';
}
.prt-extra-light{
  font-family: 'Pretendard-ExtraLight';
}
.prt-light{
  font-family: 'Pretendard-Light';
}
.prt-regular{
  font-family: 'Pretendard-Regular';
}
.prt-medium{
  font-family: 'Pretendard-Medium';
}
.prt-semi-bold{
  font-family: 'Pretendard-SemiBold';
}
.prt-bold{
  font-family: 'Pretendard-Bold';
}
.prt-extra-bold{
  font-family: 'Pretendard-ExtraBold';
}
.prt-black{
  font-family: 'Pretendard-Black';
}




@font-face {
  font-family: 'Exo2-Black';
  src: url(../font/Exo2-Black.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-Bold';
  src: url(../font/Exo2-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-ExtraBold';
  src: url(../font/Exo2-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-ExtraLight';
  src: url(../font/Exo2-ExtraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-Light';
  src: url(../font/Exo2-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-Medium';
  src: url(../font/Exo2-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-Regular';
  src: url(../font/Exo2-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-SemiBold';
  src: url(../font/Exo2-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2-Thin';
  src: url(../font/Exo2-Thin.ttf) format('truetype');
}

.exo2-black{
  font-family: 'Exo2-Black';
}

.exo2-bold{
  font-family: 'Exo2-Bold';
}

.exo2-extra-bold{
  font-family: 'Exo2-ExtraBold';
}

.exo2-extra-light{
  font-family: 'Exo2-ExtraLight';
}

.exo2-light{
  font-family: 'Exo2-Light';
}

.exo2-medium{
  font-family: 'Exo2-Medium';
}

.exo2-regular{
  font-family: 'Exo2-Regular';
}

.exo2-semi-bold{
  font-family: 'Exo2-SemiBold';
}

.exo2-thin{
  font-family: 'Exo2-Thin';
}




@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;
}

/* 프리텐다드체 */
.prt {
  font-family: 'Pretendard Variable', sans-serif;
}


@font-face {
    font-family: 'pop-regular';
    src: url(../font/Poppins-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'pop-bold';
    src: url(../font/Poppins-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'pop-semibold';
    src: url(../font/Poppins-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'pop-regular';
    src: url(../font/Poppins-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'pop-medium';
    src: url(../font/Poppins-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'pop-thin';
    src: url(../font/Poppins-Thin.ttf) format('truetype');
}

@font-face {
    font-family: 'agaramond-regular';
    src: url(../font/AGaramondPro-Regular.otf) format('opentype');
}

.agaramond-regular{
    font-family: 'agaramond-regular';
}

.pop-regular{
    font-family: 'pop-regular';
}

.pop-bold{
    font-family: 'pop-bold';
}

.pop-SemiBold{
    font-family: 'pop-SemiBold';
}

.pop-regular{
    font-family: 'pop-regular';
}

.pop-medium{
    font-family: 'pop-medium';
}

.pop-thin{
    font-family: 'pop-thin';
}



@font-face {
    font-family: 'nul-shockbold';
    src: url(../font/nulshockbd.ttf) format('truetype');
}

.nul-shockbold{
    font-family: 'nul-shockbold';
}

/* 스위트체 */
.suit {
  font-family: 'SUIT Variable', sans-serif;
}

.su-thin {
  font-family: 'SUIT-Thin', sans-serif;
  font-weight: 100;
}

.su-extra-light {
  font-family: 'SUIT-Extra-Light', sans-serif;
  font-weight: 200;
}

.su-light {
  font-family: 'SUIT-Light', sans-serif;
  font-weight: 300;
}

.su-regular {
  font-family: 'SUIT-Regular', sans-serif;
  font-weight: 400;
}

.su-medium {
  font-family: 'SUIT', sans-serif;
  font-weight: 500;
}

.su-semi-bold {
  font-family: 'SUIT-Semi-Bold', sans-serif;
  font-weight: 600;
}

.su-bold {
  font-family: 'SUIT-Bold', sans-serif;
  font-weight: 700;
}

.su-extra-bold {
  font-family: 'SUIT-Extra-Bold', sans-serif;
  font-weight: 800;
}

.su-black {
  font-family: 'SUIT-Black', sans-serif;
  font-weight: 900;
}

/* 아웃핏 */
.outfit {
  font-family: "Outfit", sans-serif;
}

.outfit-thin {
  font-family: 'Outfit', sans-serif;
  font-weight: 100;
}

.outfit-extra-light {
  font-family: 'Outfit', sans-serif;
  font-weight: 200;
}

.outfit-light {
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
}

.outfit-regular {
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
}

.outfit-medium {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
}

.outfit-semi-bold {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
}

.outfit-bold {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
}

.outfit-extra-bold {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
}

.outfit-black {
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
}


/* 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(97.5px, calc(73.88px + 6.31vw), 195px); }
.fs-150 { font-size: clamp(75px, calc(56.80px + 4.85vw), 150px); }
.fs-130 { font-size: clamp(65px, calc(49.22px + 4.21vw), 130px); }
.fs-110 { font-size: clamp(55px, calc(41.65px + 3.56vw), 110px); }
.fs-100 { font-size: clamp(50px, calc(37.86px + 3.24vw), 100px); }
.fs-90  { font-size: clamp(45px, calc(34.08px + 2.91vw), 90px); }
.fs-85  { font-size: clamp(42.5px, calc(32.18px + 2.75vw), 85px); }
.fs-80  { font-size: clamp(40px, calc(30.29px + 2.59vw), 80px); }
.fs-70  { font-size: clamp(35px, calc(26.50px + 2.27vw), 70px); }
.fs-65  { font-size: clamp(32.5px, calc(24.61px + 2.10vw), 65px); }
.fs-60  { font-size: clamp(30px, calc(22.72px + 1.94vw), 60px); }
.fs-55  { font-size: clamp(27.5px, calc(20.83px + 1.78vw), 55px); }
.fs-50  { font-size: clamp(25px, calc(18.93px + 1.62vw), 50px); }
.fs-48  { font-size: clamp(24px, calc(18.17px + 1.55vw), 48px); }
.fs-45  { font-size: clamp(22.5px, calc(17.04px + 1.46vw), 45px); }
.fs-42  { font-size: clamp(21px, calc(15.90px + 1.36vw), 42px); }
.fs-40  { font-size: clamp(20px, calc(15.15px + 1.29vw), 40px); }
.fs-38  { font-size: clamp(19px, calc(14.39px + 1.23vw), 38px); }
.fs-36  { font-size: clamp(18px, calc(13.63px + 1.17vw), 36px); }
.fs-35  { font-size: clamp(17.5px, calc(13.25px + 1.13vw), 35px); }
.fs-34  { font-size: clamp(17px, calc(12.87px + 1.10vw), 34px); }
.fs-30  { font-size: clamp(15px, calc(11.36px + 0.97vw), 30px); }
.fs-28  { font-size: clamp(14px, calc(10.60px + 0.91vw), 28px); }
.fs-25  { font-size: clamp(12.5px, calc(9.47px + 0.81vw), 25px); }
.fs-24  { font-size: clamp(12px, calc(9.09px + 0.78vw), 24px); }
.fs-23  { font-size: clamp(11.5px, calc(8.71px + 0.74vw), 23px); }
.fs-22  { font-size: clamp(11px, calc(8.33px + 0.71vw), 22px); }
.fs-21  { font-size: clamp(10.5px, calc(7.95px + 0.68vw), 21px); }
.fs-20  { font-size: clamp(10px, calc(7.57px + 0.65vw), 20px); }
.fs-19  { font-size: clamp(9.5px, calc(7.19px + 0.61vw), 19px); }
.fs-18  { font-size: clamp(9px, calc(6.82px + 0.58vw), 18px); }
.fs-17  { font-size: clamp(8.5px, calc(6.44px + 0.55vw), 17px); }
.fs-16  { font-size: clamp(8px, calc(6.06px + 0.52vw), 16px); }
.fs-15  { font-size: clamp(7.5px, calc(5.68px + 0.49vw), 15px); }
.fs-14  { font-size: clamp(7px, calc(5.30px + 0.45vw), 14px); }
.fs-13  { font-size: clamp(6.5px, calc(4.92px + 0.42vw), 13px); }
.fs-12  { font-size: clamp(6px, calc(4.54px + 0.39vw), 12px); }
.fs-11  { font-size: clamp(5.5px, calc(4.16px + 0.36vw), 11px); }
.fs-5   { font-size: clamp(2.5px, calc(1.89px + 0.16vw), 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-30 {
    font-size: 20px;
  }

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

  .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;
  }
}

@media screen and (min-width: 769px) and (max-width: 1920px) {
  .fs-195 {
    font-size: clamp(195px, calc(195px + 0vw), 195px);
  }

  .fs-150 {
    font-size: clamp(150px, calc(150px + 0vw), 150px);
  }

  .fs-130 {
    font-size: clamp(130px, calc(130px + 0vw), 130px);
  }

  .fs-110 {
    font-size: clamp(110px, calc(110px + 0vw), 110px);
  }

  .fs-100 {
    font-size: clamp(100px, calc(100px + 0vw), 100px);
  }

  .fs-90 {
    font-size: clamp(90px, calc(90px + 0vw), 90px);
  }

  .fs-85 {
    font-size: clamp(85px, calc(85px + 0vw), 85px);
  }

  .fs-80 {
    font-size: clamp(80px, calc(80px + 0vw), 80px);
  }

  .fs-70 {
    font-size: clamp(70px, calc(70px + 0vw), 70px);
  }


  .fs-65 {
    font-size: clamp(65px, calc(65px + 0vw), 65px);
  }

  .fs-60 {
    font-size: clamp(60px, calc(60px + 0vw), 60px);
  }

  .fs-55 {
    font-size: clamp(55px, calc(55px + 0vw), 55px);
  }

  .fs-50 {
    font-size: clamp(50px, calc(50px + 0vw), 50px);
  }

  .fs-48 {
    font-size: clamp(48px, calc(48px + 0vw), 48px);
  }

  .fs-45 {
    font-size: clamp(45px, calc(45px + 0vw), 45px);
  }

  .fs-42 {
    font-size: clamp(42px, calc(42px + 0vw), 42px);
  }

  .fs-40 {
    font-size: clamp(40px, calc(40px + 0vw), 40px);
  }

  .fs-38 {
    font-size: clamp(38px, calc(38px + 0vw), 38px);
  }

  .fs-36 {
    font-size: clamp(36px, calc(36px + 0vw), 36px);
  }

  .fs-35 {
    font-size: clamp(35px, calc(35px + 0vw), 35px);
  }

  .fs-34 {
    font-size: clamp(34px, calc(34px + 0vw), 34px);
  }

  .fs-30 {
    font-size: clamp(30px, calc(30px + 0vw), 30px);
  }

  .fs-28 {
    font-size: clamp(28px, calc(28px + 0vw), 28px);
  }

  .fs-25 {
    font-size: clamp(25px, calc(25px + 0vw), 25px);
  }

  .fs-24 {
    font-size: clamp(24px, calc(24px + 0vw), 24px);
  }

  .fs-23 {
    font-size: clamp(23px, calc(23px + 0vw), 23px);
  }

  .fs-22 {
    font-size: clamp(22px, calc(22px + 0vw), 22px);
  }

  .fs-21 {
    font-size: clamp(21px, calc(21px + 0vw), 21px);
  }

  .fs-20 {
    font-size: clamp(20px, calc(20px + 0vw), 20px);
  }

  .fs-19 {
    font-size: clamp(19px, calc(19px + 0vw), 19px);
  }

  .fs-18 {
    font-size: clamp(18px, calc(18px + 0vw), 18px);
  }

  .fs-17 {
    font-size: clamp(17px, calc(17px + 0vw), 17px);
  }

  .fs-16 {
    font-size: clamp(16px, calc(16px + 0vw), 16px);
  }

  .fs-15 {
    font-size: clamp(15px, calc(15px + 0vw), 15px);
  }

  .fs-14 {
    font-size: clamp(14px, calc(14px + 0vw), 14px);
  }

  .fs-13 {
    font-size: clamp(13px, calc(13px + 0vw), 13px);
  }

  .fs-12 {
    font-size: clamp(12px, calc(12px + 0vw), 12px);
  }

  .fs-11 {
    font-size: clamp(11px, calc(11px + 0vw), 11px);
  }

  .fs-5 {
      font-size: clamp(5px, calc(5px + 0vw), 5px);
  }
}

/* 최대 크기 설정 (1920px 이상) */
@media screen and (min-width: 1921px) {
  .fs-195 {
    font-size: 195px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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