/* 기본 폰트 */
@font-face {
  font-family: "SUIT";
  src: url("../fonts/woff2/SUIT-Regular.woff2") format("woff2"),
    url("../fonts/woff/SUIT-Regular.woff") format("woff"),
    url("../fonts/ttf/SUIT-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SUIT";
  src: url("../fonts/woff2/SUIT-Medium.woff2") format("woff2"),
    url("../fonts/woff/SUIT-Medium.woff") format("woff"),
    url("../fonts/ttf/SUIT-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SUIT";
  src: url("../fonts/woff2/SUIT-SemiBold.woff2") format("woff2"),
    url("../fonts/woff/SUIT-SemiBold.woff") format("woff"),
    url("../fonts/ttf/SUIT-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SUIT";
  src: url("../fonts/woff2/SUIT-Bold.woff2") format("woff2"),
    url("../fonts/woff/SUIT-Bold.woff") format("woff"),
    url("../fonts/ttf/SUIT-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* 기본 대체 폰트 */
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Regular.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.woff2")
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-SemiBold.woff2")
    format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Bold.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 강조 폰트 */
@font-face {
  font-family: "RiaSans-ExtraBold";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Ownglyph_corncorn-Rg";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Handletter";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SeoulNotice";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2505-1@1.0/SeoulAlrimTTF-ExtraBold.woff2")
    format("woff2");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "ClipArtKorea";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2511-2@1.0/Clipartkorea-Medium.woff2")
    format("woff2");
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "ClipArtKorea-bold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2511-2@1.0/Clipartkorea-Bold.woff2")
    format("woff2");
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "NexonCartGothic";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/KartriderExtraBold.woff2")
    format("woff2");
  font-weight: 800;
  font-display: swap;
}

a,
abbr,
acronym,
address,
b,
blockquote,
big,
body,
center,
caption,
cite,
code,
command,
dd,
del,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
topcontents,
hgroup,
html,
i,
iframe,
img,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
u,
ul,
var {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

ol,
ul {
  list-style: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

fieldset,
img {
  border: 0;
}

img {
  display: block;
}

img,
input,
button,
select,
textarea {
  font-family: "SUIT", "Pretendard", sans-serif;
  vertical-align: middle;
}

button {
  cursor: pointer;
}

caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: "";
}

.hidden {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "SUIT", "Pretendard", sans-serif;
  font-weight: normal;
  box-sizing: border-box;
  background: #ffffff;
  color: var(--color-black);
  line-height: 1;
  font-size: 16px;
}

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

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

button {
  border: none;
  background-color: transparent;
}

/* * {
  color: var(--color-black);
} */

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