@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/NotoSansKR-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Palanquin Dark';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/PalanquinDark-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Palanquin Dark';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/PalanquinDark-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Palanquin Dark';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/PalanquinDark-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Palanquin Dark';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/PalanquinDark-Bold.ttf') format('truetype');
}

/* 초기화 */
html {
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  font-family: 'Noto Sans KR', sans-serif;
  background: #f5f5f4;
  word-break: keep-all !important;
}

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: 'Noto Sans KR', 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: 'Noto Sans KR', sans-serif;
  font-size: 1em
}

input[type="submit"] {
  cursor: pointer
}

button {
  cursor: pointer
}

textarea,
select {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 1em
}

select {
  margin: 0
}

p {
  margin: 0;
  padding: 0;
}

hr {
  display: none
}

pre {
  overflow-x: scroll;
  font-size: 1.1em
}

a {
  color: #000;
  text-decoration: none
}

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

button,
button:focus,
button:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

a,
a:focus,
a:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

input,
input:focus,
input:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

div,
div:focus,
div:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

input[type=text],
input[type=password],
textarea {
  outline: none;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  outline: none;
}

.placeholdersjs {
  color: #aaa !important
}