* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: unset;
}
*::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a:not([href]), a:not([class]), a:hover {
  color: inherit;
  text-decoration: none;
}

button {
  border: 0;
  border-radius: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
}
button:not(:disabled) {
  cursor: pointer;
}

input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: inherit;
}

img {
  vertical-align: middle;
}

select {
  word-wrap: normal;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

svg {
  vertical-align: middle;
}

textarea {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  resize: none;
}

table {
  border-collapse: collapse;
}

optgroup {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

[role=button] {
  cursor: pointer;
}

[type=reset]:not(:disabled),
[type=button]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

ul,
ol {
  list-style: none;
}

@font-face {
  font-family: "NotoSansKR-Regular";
  src: url("../font/NotoSansKR-Regular.ttf");
}
@font-face {
  font-family: "NotoSansKR-Medium";
  src: url("../font/NotoSansKR-Medium.ttf");
}
@font-face {
  font-family: "NotoSansKR-Bold";
  src: url("../font/NotoSansKR-Bold.ttf");
}
@font-face {
  font-family: "BMJUA";
  src: url("../font/BMJUA.ttf");
}
@font-face {
  font-family: "NotoSerifKR-Bold";
  src: url("../font/NotoSerifKR-Bold.otf");
}
@font-face {
  font-family: "ONEMobilePOP";
  font-weight: 400;
  src: url("../font/ONEMobilePOP.ttf");
}
@font-face {
  font-family: "MaplestoryBold";
  src: url("../font/MaplestoryBold.ttf");
}
@font-face {
  font-family: "MaplestoryLight";
  src: url("../font/MaplestoryLight.ttf");
}
html,
body {
  width: 100%;
  height: 100%;
}

#wrap {
  position: fixed;
  width: 1280px;
  height: 720px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.4s;
  background-color: #fff;
}