@font-face{
  font-family: 'Cafe24Ssurround';
  src: url(./fonts/Cafe24Ssurround.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
}
/* @font-face{
  font-family: 'Cafe24Ssurround';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} */
@font-face{
  font-family: 'Cafe24SsurroundAir';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face{
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard ExtraBold'), url('./fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'), url('./fonts/Pretendard-Bold.woff') format('woff');
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'), url('./fonts/Pretendard-Medium.woff') format('woff');
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'), url('./fonts/Pretendard-Regular.woff') format('woff');
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Light'), url('./fonts/Pretendard-Light.woff') format('woff');
}
/* 프리텐다드 fallback */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;800&display=swap');

@font-face {
  font-family: 'HakgyoansimDunggeunmiso';
  src: url('./fonts/HakgyoansimDunggeunmisoR.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'HakgyoansimDunggeunmiso';
  src: url('./fonts/HakgyoansimDunggeunmisoB.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

.ff-hakgyo {
  font-family: 'HakgyoansimDunggeunmiso';
}

@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-1Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-2ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-3Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-4Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-5Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-6SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-7Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-8ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('./fonts/Paperlogy-9Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}




@font-face {
  font-family: 'Paperlogy100';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy200';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy300';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy400';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy500';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy600';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy700';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy800';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy900';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

.ff-Paperlogy-100 {
  font-weight: 100;
  font-family: 'Paperlogy100';
}
.ff-Paperlogy-200 {
  font-weight: 200;
  font-family: 'Paperlogy200';
}
.ff-Paperlogy-300 {
  font-weight: 300;
  font-family: 'Paperlogy300';
}
.ff-Paperlogy-400 {
  font-weight: 400;
  font-family: 'Paperlogy400';
}
.ff-Paperlogy-500 {
  font-weight: 500;
  font-family: 'Paperlogy500';
}
.ff-Paperlogy-600 {
  font-weight: 600;
  font-family: 'Paperlogy600';
}
.ff-Paperlogy-700 {
  font-weight: 700;
  font-family: 'Paperlogy700';
}
.ff-Paperlogy-800 {
  font-weight: 800;
  font-family: 'Paperlogy800';
}
.ff-Paperlogy-900 {
  font-weight: 900;
  font-family: 'Paperlogy900';
}

/* 반응형 폰트 사이즈 */
.fz60{
  font-size: 60px;
  font-size: clamp(28px,3.1vw,68px);
}
.fz50{
  font-size: 50px;
  font-size: clamp(25px, 2.6vw, 54px);
}
.fz40{
  font-size: 40px;
  font-size: clamp(20px, 2.1vw, 48px);
}
.fz30{
  font-size: 30px;
  font-size: clamp(20px,1.56vw,36px);
}
.fz24{
  font-size: 24px;
  font-size: clamp(18px,1.25vw,28px);
}
.fz20{
  font-size: 20px;
  font-size: clamp(17px,1vw,24px);
}
.fz18{
  font-size: 18px;
  font-size: clamp(14px,0.94vw,22px);
}
.fz16{
  font-size: 16px;
  font-size: clamp(13px,0.83vw,20px);
}
.fz14{
  font-size: 14px;
  font-size: clamp(12px,0.72vw,18px);
}
.fz13{
  font-size: 13px;
  font-size: clamp(12px,0.68vw,17px);
}

/* 폰트 패밀리 */
.ssur{font-family: 'Cafe24Ssurround'}
.ssur--air{font-family: 'Cafe24SsurroundAir'}
.pretd{font-family: 'Pretendard'}

/* 폰트 두께 */
.fw900{font-weight: 900;}
.fw800{font-weight: 800;}
.fw700{font-weight: 700;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}
.fw200{font-weight: 200;}
.fw100{font-weight: 100;}

/* 텍스트 색상 */
.colblack{color: #000;}
.colwhite{color: #fff;}
.colred{color: var(--color-red);}
.colorange{color: var(--color-orange);}
.colyellow{color: var(--color-yellow);}
.colblue{color: var(--color-blue);}
.colgray{color:var(--color-gray);}
.colgray2{color:var(--color-gray2);}
.colgray3{color:var(--color-gray3);}

/* 텍스트 정렬 */
.tx-cent{text-align: center;}
.tx-left{text-align: left;}
.tx-through{text-decoration: line-through;}