@charset "UTF-8";

@font-face {
  font-family: 'Paperlogy';
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/Paperlogy-4Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Paperlogy';
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/Paperlogy-5Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Paperlogy';
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/Paperlogy-7Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Paperlogy';
  font-weight: 800;
  font-display: swap;
  src: url(./fonts/Paperlogy-8ExtraBold.ttf) format('truetype');
}

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

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

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

/* 반응형 폰트 사이즈 */
.fz70 {
  font-size: clamp(32px, 4.5vw, 70px);
}

.fz60 {
  font-size: clamp(30px, 4vw, 60px);
}

.fz55 {
  font-size: clamp(28px, 3.75vw, 55px);
}

.fz50 {
  font-size: clamp(26px, 3.5vw, 50px);
}

.fz45 {
  font-size: clamp(24px, 3.2vw, 45px);
}

.fz40 {
  font-size: clamp(22px, 3vw, 40px);
}

.fz35 {
  font-size: clamp(21px, 2.7vw, 35px);
}

.fz30 {
  font-size: clamp(20px, 2.4vw, 30px);
}

.fz28 {
  font-size: clamp(19px, 2.2vw, 28px);
}

.fz24 {
  font-size: clamp(18px, 1.8vw, 24px);
}

.fz20 {
  font-size: clamp(16px, 1.5vw, 20px);
}

.fz18 {
  font-size: clamp(15px, 1.3vw, 18px);
}

.fz16 {
  font-size: clamp(14px, 1.1vw, 16px);
}

.fz14 {
  font-size: clamp(13px, 1vw, 14px);
}

.fz13 {
  font-size: clamp(12px, 0.9vw, 13px);
}

/* 폰트 두께 */
.fw800 {
  font-weight: 800;
}

.fw700 {
  font-weight: 700;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.fw300 {
  font-weight: 300;
}

/* 텍스트 색상 */
te .colblack {
  color: #000;
}

.colpersonal-green {
  color: var(--color-personal-green);
}

.colpersonal-blue {
  color: var(--color-personal-blue);
}

.colpersonal-gray {
  color: var(--color-personal-gray);
}

.colpersonal-dark-blue {
  color: var(--color-personal-dark-blue);
}

.colpersonal-dark-gray {
  color: var(--color-personal-dark-gray);
}

.colpersonal-orange {
  color: var(--color-personal-orange);
}

.colpersonal-red {
  color: var(--color-personal-red);
}

.colwhite {
  color: var(--color-white);
}

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

.colboardgray {
  color: #818181;
}

.colboardblue {
  color: #008CE9;
}

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

.lh30 {
  line-height: 30px;
}

.lh26 {
  line-height: 26px;
}