@font-face {
  font-family: "Pretendard";
  src: url("./PretendardVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}
@font-face {
  font-family: "Paperlogy";
  src: url("./Paperlogy-4Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Paperlogy";
  src: url("./Paperlogy-6SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Paperlogy";
  src: url("./Paperlogy-7Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Paperlogy";
  src: url("./Paperlogy-8ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --edu-font-body: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --edu-font-head: "Paperlogy", var(--edu-font-body);
  color-scheme: light;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body { font-family: var(--edu-font-body); }

button, input, select, textarea, optgroup { font-family: inherit; }
input::file-selector-button { font-family: inherit; }
:where(button, input, select, textarea) { color: inherit; letter-spacing: inherit; }
:where(button, input, select, textarea),
:where(button, input, select, textarea)::before,
:where(button, input, select, textarea)::after { box-sizing: border-box; }
button, input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
}

input:where(:not([type]), [type="text"], [type="password"], [type="email"],
  [type="url"], [type="tel"], [type="search"]), textarea {
  -webkit-appearance: none;
  appearance: none;
}
select:not([multiple]):not([size]), select[size="1"] {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%235D5749' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px;
}
:where(input[type="checkbox"], input[type="radio"]) { accent-color: #2F5D9E; }
:where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid #2F5D9E;
  outline-offset: 3px;
}

@media (max-width: 768px), (pointer: coarse) {
  input:where(:not([type]), [type="text"], [type="password"], [type="email"],
    [type="url"], [type="tel"], [type="search"], [type="number"],
    [type="date"], [type="time"], [type="datetime-local"]), select, textarea {
    font-size: max(1rem, 16px) !important;
  }
}
@media (forced-colors: active) {
  select:not([multiple]):not([size]), select[size="1"] {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
  }
}