@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');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');

.nanum-myeongjo-regular {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 400;
  font-style: normal;
}
/* 조선궁서체 */
@font-face {
  font-family: 'ChosunGs';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGs.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.chosun{
  font-family: 'ChosunGs';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGs.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MaruBuri';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.ttf) format("truetype");
}

@font-face {
  font-family: 'MaruBuriSemiBold';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: 'MaruBuriBold';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.ttf) format("truetype");
}

@font-face {
  font-family: 'MaruBuriLight';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Light.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Light.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Light.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Light.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Light.ttf) format("truetype");
}

@font-face {
  font-family: 'MaruBuriExtraLight';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-ExtraLight.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-ExtraLight.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-ExtraLight.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-ExtraLight.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-ExtraLight.ttf) format("truetype");
}
.maru-semi-bold{
  font-family: 'MaruBuriSemiBold';
}
.maru-light{
  font-family: 'MaruBuriLight';
}


.garamond-regular{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.garamond-bold{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/*프리텐다드*/
@font-face {
  font-family: 'Pretendard-Thin';
  src: url('fonts/Pretendard-Thin.otf')
  format('otf');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-ExtraLight';
  src: url('fonts/Pretendard-ExtraLight.otf')
  format('otf');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Light';
  src: url('fonts/Pretendard-Light.otf')
  format('otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('fonts/Pretendard-Regular.otf')
  format('otf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Medium';
  src: url('fonts/Pretendard-Medium.otf')
  format('otf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('fonts/Pretendard-SemiBold.otf')
  format('otf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url('fonts/Pretendard-Bold.otf')
  format('otf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('fonts/Pretendard-ExtraBold.otf')
  format('otf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Black';
  src: url('fonts/Pretendard-Black.otf')
  format('otf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('fonts/Pretendard-Variable.ttf') format('truetype');
  font-weight: 100 900; /* Variable 폰트는 범위로 설정 */
  font-style: normal;
}
/*.prt-thin {*/
/*  font-family: 'Pretendard-Thin';*/
/*  src: url('fonts/Pretendard-Thin.otf')*/
/*  format('otf');*/
/*  font-weight: 100;*/
/*  font-style: normal;*/
/*}*/
/*.prt-extra-light {*/
/*  font-family: 'Pretendard-ExtraLight';*/
/*  src: url('fonts/Pretendard-ExtraLight.otf')*/
/*  format('otf');*/
/*  font-weight: 200;*/
/*  font-style: normal;*/
/*}*/
/*.prt-light {*/
/*  font-family: 'Pretendard-Light';*/

/*  src: url('fonts/Pretendard-Light.otf')*/
/*  format('otf');*/
/*  font-weight: 300;*/
/*  font-style: normal;*/
/*}*/
/*.prt-regular {*/
/*  font-family: 'Pretendard-Regular';*/
/*  src: url('fonts/Pretendard-Regular.otf')*/
/*  format('otf');*/
/*  font-weight: 400;*/
/*  font-style: normal;*/
/*}*/
/*.prt-medium {*/
/*  font-family: 'Pretendard-Medium';*/
/*  src: url('fonts/Pretendard-Medium.otf')*/
/*  format('otf');*/
/*  font-weight: 500;*/
/*  font-style: normal;*/
/*}*/
/*.prt-semi-bold {*/
/*  font-family: 'Pretendard-SemiBold';*/
/*  src: url('fonts/Pretendard-SemiBold.otf')*/
/*  format('otf');*/
/*  font-weight: 600;*/
/*  font-style: normal;*/
/*}*/
/*.prt-bold {*/
/*  font-family: 'Pretendard-Bold';*/
/*  src: url('fonts/Pretendard-Bold.otf')*/
/*  format('otf');*/
/*  font-weight: 700;*/
/*  font-style: normal;*/
/*}*/
/*.prt-extra-bold {*/
/*  font-family: 'Pretendard-ExtraBold';*/
/*  src: url('fonts/Pretendard-ExtraBold.otf')*/
/*  format('otf');*/
/*  font-weight: 800;*/
/*  font-style: normal;*/
/*}*/
/*.prt-black {*/
/*  font-family: 'Pretendard-Black';*/

/*  font-weight: 900;*/
/*  font-style: normal;*/
/*}*/
.prt-light {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 300; /* Semi-bold */
}

.prt-regular {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400; /* Semi-bold */
}


.prt-medium {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500; /* Semi-bold */
}

.prt-semi-bold {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600; /* Semi-bold */
}

.prt-bold {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700; /* Bold */
}
.prt-extra-bold {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 800; /* Bold */
}

.prt-black {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 900; /* Black */
}

/* 아웃핏 */
.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;
}

/* 스위트체 */
@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;
}

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

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

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

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

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

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

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

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

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

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

/* 여기어때 잘난체 */
@font-face {
  font-family: 'yg-jalnan';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff')
  format('woff');
  font-weight: normal;
  font-style: normal;
}
.yg {
  font-family: 'yg-jalnan';
}

/* 노토산스 */
/* @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: 600;
  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;
}

/* 세방고딕 */
@font-face {
  font-family: 'SEBANG_Gothic_Bold';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff')
  format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SEBANG_Gothic';
  src: url('https://cdn.jsdelivr.net/gh/wizfile/font/SEBANG_Gothic.eot');
  src: url('https://cdn.jsdelivr.net/gh/wizfile/font/SEBANG_Gothic.woff')
  format('woff');
  font-style: normal;
}

.sebang-bold {
  font-family: 'SEBANG_Gothic_Bold';
  font-weight: 700;
}
.sebang-regular {
  font-family: 'SEBANG_Gothic';
  font-weight: 400;
}
/* 지마켓산스 */
@font-face {
  font-family: 'GmarketSansTTFMedium';
  src: url('fonts/GmarketSansTTFMedium.ttf');
}
@font-face {
  font-family: 'GmarketSansTTFBold';
  src: url('fonts/GmarketSansTTFBold.ttf');
}
@font-face {
  font-family: 'GmarketSansTTFLight';
  src: url('fonts/GmarketSansTTFLight.ttf');
}
.gm-bold {
  font-family: 'GmarketSansTTFBold', sans-serif;
}
.gm-medium {
  font-family: 'GmarketSansTTFMedium', sans-serif;
}
.gm-light {
  font-family: 'GmarketSansTTFLight', sans-serif;
}

/* 이사만루체 */
@font-face {
  font-family: 'GongGothicMedium';
  src: url('../css/fonts/esamanru\ Medium.ttf');
}
@font-face {
  font-family: 'GongGothicBold';
  src: url('../css/fonts/esamanru\ Bold.ttf');
}
@font-face {
  font-family: 'GongGothicLight';
  src: url('../css/fonts/esamanru\ Light.ttf');
}

.es-light {
  font-family: 'GongGothicLight';
}

.fjalla-one-regular {
  font-family: 'Fjalla One', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* 임팩트체 */
@font-face {
  font-family: 'Impact';
  src: url('../css/fonts/Impact.ttf');
}
.impact {
  font-family: 'Impact';
}

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

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

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

/* 모바일 기준 폰트 크기 (768px 이하) */
@media screen and (max-width: 768px) {
  .m-fs-20 {
    font-size: 20px !important;
  }
  .m-fs-18 {
    font-size: 18px !important;
  }
  .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-75 {
    font-size: 33px;
  }

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

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

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

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

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

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

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

  .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-75 {
    font-size: clamp(75px, calc(75px + 0vw), 75px);
  }

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

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