@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic");
/* Montserrat */
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");

/*
@font-face {
    font-family: "Pretendard-Regular";
    src: url("/font/Pretendard-RegularVariable.ttf");
}*/

@font-face {
  font-family: "Pretendard-Regular";
  src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

/***** WW Reset CSS *****/
html {
  overflow-y: scroll;
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  font-family: "Pretendard", "Noto Sans KR", Arial, sans-serif;
  background-color: var(--secondary-background);
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: "Pretendard", "Noto Sans KR", Arial, sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
label,
input,
button,
select,
img {
  vertical-align: middle;
  font-size: 1em;
}
input,
button {
  margin: 0;
  padding: 0;
  font-family: "Pretendard", "Noto Sans KR", Arial, sans-serif;
  font-size: 1em;
}
input[type="submit"] {
  cursor: pointer;
}
button {
  cursor: pointer;
  border: 0;
}

textarea,
select {
  font-family: "Pretendard", "Noto Sans KR", Arial, sans-serif;
  font-size: 1em;
}
select {
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
  word-break: break-all;
}
hr {
  display: none;
}
pre {
  overflow-x: scroll;
  font-size: 1.1em;
}
a {
  color: #000;
  text-decoration: none;
}

li,
ol {
  list-style: none;
}

*,
:after,
:before {
  word-break: keep-all;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:focus {
  outline: none;
}
a:focus-visible,
a:focus,
a:hover {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* Select */
select::-ms-expand {
  display: none;
}
select {
}
select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0 12px;
  height: 36px;
  max-width: 320px;
  width: 100%;
  background: #fff url("../images/icon/arrow_drop_down.png") no-repeat center right 8px / 20px;
}

.ww-sound-only {
  display: none !important;
  font-size: 0 !important;
}