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

 .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(5.6250rem, 25.7353vw - 0.1654rem, 12.1875rem);
}

.fs-150 {
  font-size: clamp(4.3750rem, 19.6078vw - 0.0368rem, 9.3750rem);
}

.fs-130 {
  font-size: clamp(3.7500rem, 17.1569vw - 0.1103rem, 8.1250rem);
}

.fs-110 {
  font-size: clamp(3.1250rem, 14.7059vw - 0.1838rem, 6.8750rem);
}

.fs-100 {
  font-size: clamp(2.8125rem, 13.4804vw - 0.2206rem, 6.2500rem);
}

.fs-90 {
  font-size: clamp(2.5000rem, 12.2549vw - 0.2574rem, 5.6250rem);
}

.fs-85 {
  font-size: clamp(2.3750rem, 11.5196vw - 0.2169rem, 5.3125rem);
}

.fs-80 {
  font-size: clamp(2.2500rem, 10.7843vw - 0.1765rem, 5.0000rem);
}

.fs-70 {
  font-size: clamp(1.8750rem, 9.8039vw - 0.3309rem, 4.3750rem);
}

.fs-65 {
  font-size: clamp(1.8125rem, 8.8235vw - 0.1728rem, 4.0625rem);
}

.fs-60 {
  font-size: clamp(1.7500rem, 7.8431vw - 0.0147rem, 3.7500rem);
}

.fs-55 {
  font-size: clamp(1.6250rem, 7.1078vw + 0.0257rem, 3.4375rem);
}

.fs-50 {
  font-size: clamp(1.5000rem, 6.3725vw + 0.0662rem, 3.1250rem);
}

.fs-48 {
  font-size: clamp(1.5000rem, 5.8824vw + 0.1765rem, 3.0000rem);
}

.fs-45 {
  font-size: clamp(1.3750rem, 5.6373vw + 0.1066rem, 2.8125rem);
}

.fs-42 {
  font-size: clamp(1.3125rem, 5.1471vw + 0.1544rem, 2.6250rem);
}

.fs-40 {
  font-size: clamp(1.2500rem, 4.9020vw + 0.1471rem, 2.5000rem);
}

.fs-38 {
  font-size: clamp(1.1875rem, 4.6569vw + 0.1397rem, 2.3750rem);
}

.fs-36 {
  font-size: clamp(1.1250rem, 4.4118vw + 0.1324rem, 2.2500rem);
}

.fs-35 {
  font-size: clamp(1.1250rem, 4.1667vw + 0.1875rem, 2.1875rem);
}

.fs-34 {
  font-size: clamp(1.0625rem, 4.1667vw + 0.1250rem, 2.1250rem);
}

.fs-32 {
  font-size: clamp(0.9375rem, 4.1667vw + 0.0000rem, 2.0000rem);
}

.fs-30 {
  font-size: clamp(1.2500rem, 2.4510vw + 0.6985rem, 1.8750rem);
}

.fs-28 {
  font-size: clamp(0.9375rem, 3.1863vw + 0.2206rem, 1.7500rem);
}

.fs-26 {
  font-size: clamp(1.3125rem, 1.2255vw + 1.0368rem, 1.6250rem);
}

.fs-25 {
  font-size: clamp(1.2500rem, 1.2255vw + 0.9743rem, 1.5625rem);
}

.fs-24 {
  font-size: clamp(1.1250rem, 1.4706vw + 0.7941rem, 1.5000rem);
}

.fs-23 {
  font-size: clamp(1.0625rem, 1.4706vw + 0.7316rem, 1.4375rem);
}

.fs-22 {
  font-size: clamp(0.8125rem, 2.2059vw + 0.3162rem, 1.3750rem);
}

.fs-21 {
  font-size: clamp(1.2500rem, 0.2451vw + 1.1949rem, 1.3125rem);
}

.fs-20 {
  font-size: clamp(0.8750rem, 1.4706vw + 0.5441rem, 1.2500rem);
}

.fs-19 {
  font-size: clamp(0.8750rem, 1.2255vw + 0.5993rem, 1.1875rem);
}

.fs-18 {
  font-size: clamp(0.8125rem, 1.2255vw + 0.5368rem, 1.1250rem);
}

.fs-17 {
  font-size: clamp(0.8125rem, 0.9804vw + 0.5919rem, 1.0625rem);
}

.fs-16 {
  font-size: clamp(0.7500rem, 0.9804vw + 0.5294rem, 1.0000rem);
}

.fs-15 {
  font-size: clamp(0.7500rem, 0.7353vw + 0.5846rem, 0.9375rem);
}

.fs-14 {
  font-size: clamp(0.7500rem, 0.4902vw + 0.6397rem, 0.8750rem);
}

.fs-13 {
  font-size: clamp(0.6875rem, 0.4902vw + 0.5772rem, 0.8125rem);
}

.fs-12 {
  font-size: clamp(0.6250rem, 0.4902vw + 0.5147rem, 0.7500rem);
}

.fs-11 {
  font-size: clamp(0.4375rem, 0.9804vw + 0.2169rem, 0.6875rem);
}

.fs-5 {
  font-size: 0.3125rem;
}