@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

@font-face {
 font-family: 'Pretendard Variable';
 src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
 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;
}

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

.prt-thin {
 font-family: 'Pretendard', sans-serif;
 font-weight: 100;
}

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

.prt-light {
 font-family: 'Pretendard', sans-serif;
 font-weight: 300;
}

.prt-regular {
 font-family: 'Pretendard', sans-serif;
 font-weight: 400;
}

.prt-medium {
 font-family: 'Pretendard', sans-serif;
 font-weight: 500;
}

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

.prt-bold {
 font-family: 'Pretendard', sans-serif;
 font-weight: 700;
}

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

.prt-black {
 font-family: 'Pretendard', sans-serif;
 font-weight: 900;
}

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

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

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

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

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

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

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

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

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

.su-black {
 font-family: 'SUIT', 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;
}

/*********** 기본 폰트 클래스 **********/
.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-95 {
 font-size: 95px;
}

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

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

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

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

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

.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-32 {
 font-size: 32px;
}


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

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

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

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

.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-13 {
 font-size: 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-95 {
  font-size: 43px;
 }

 .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: 22px;
 }

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


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

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

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

 .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: 7.5px;
 }

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

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

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

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

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

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

 .fs-95 {
  font-size: clamp(95px, calc(95px + 0.5vw), 95.5px);
 }

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

 .fs-32 {
  font-size: clamp(32px, calc(32px + 0.5vw), 32.5px);
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .fs-95 {
  font-size: 95.5px;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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