@charset "utf-8";

/* font */
@font-face {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Apple SD Gothic Neo", sans-serif;
  src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

html,
body,
a,
i,
input,
textarea,
select,
button,
canvas {
  font-family: "Pretendard";
}

html,
body {
  font-size: 20px;
  font-weight: 400;
  color: var(--dark);
}

input::placeholder {
  color: var(--dark50);
}

/* 폰트 사이즈 */
.f-body {
  font-size: 1rem;
}

.f-title {
  font-size: 1.6rem;
}

.f-title-sm {
  font-size: 1.3rem;
}

.f-add {
  font-size: 0.9rem;
}

.f-sm {
  font-size: 0.6rem;
}

.f-b {
  font-weight: 700;
}

.main-table th {
  display: none;
}

/* 색상 */
.f-dark {
  color: var(--dark);
}

.f-dark80 {
  color: var(--dark80);
}

.f-dark50 {
  color: var(--dark50);
}

.f-white {
  color: white;
}

/* 텍스트 정렬 */
.t-c {
  text-align: center;
}

.t-l {
  text-align: left;
}

.t-r {
  text-align: right;
}

/* 태블릿 반응형 */
@media all and (min-width: 768px) {
  html,
  body {
    font-size: 24px;
  }
}

/* PC 반응형 */
@media all and (min-width: 1024px) {
  html,
  body {
    font-size: 17px;
  }
}