@font-face {
  font-family: "Paperlogy";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: optional;
}

@font-face {
  font-family: "Paperlogy";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: optional;
}

:root {
  --gl-color-white: #ffffff;
  --gl-color-navy: #0d2e3d;
  --gl-color-blue: #43a3dd;
  --gl-color-blue-dark: #283f78;
  --gl-color-gray-900: #404040;
  --gl-color-gray-700: #4c4c4c;
  --gl-header-height: 92px;
  --gl-container-max: 1700px;
  --gl-gutter: clamp(24px, 5.73vw, 110px);
  --gl-font-sans: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
  --gl-font-serif: "Nanum Myeongjo", "NanumMyeongjoOTF", "AppleMyungjo", serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  overflow-x: hidden;
  color: var(--gl-color-gray-900);
  font-family: var(--gl-font-sans);
  line-height: 1.5;
  scrollbar-width: none;
  -webkit-text-size-adjust: 100%;
}

html::-webkit-scrollbar {
  display: none;
}

body {
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  background: var(--gl-color-white);
  -ms-overflow-style: none;
}

main {
  width: 100%;
  overflow-x: hidden;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

[hidden] {
  display: none !important;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

:focus-visible {
  outline: 3px solid rgba(52, 153, 220, 0.45);
  outline-offset: 4px;
}