@import "reset.css";
@import "header.css";
@import "footer.css";
@import "modal-menu.css";
@import "loading.css";
@import "welcome.css";
@import "market.css";
@import "events.css";

@font-face {
  font-family: 'Galmuri9';
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  font-display: swap;
  src: url('font/Galmuri9.woff2') format('woff2'),
    url('font/Galmuri9.ttf') format('truetype');
  unicode-range: U+AC00-U+D7A3;
}

@font-face {
  font-family: 'OpenDyslexic-Regular';
  src: url('font/OpenDyslexic-Regular.eot');
  src: url('font/OpenDyslexic-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/OpenDyslexic-Regular.svg#OpenDyslexic-Regular') format('svg'),
    url('font/OpenDyslexic-Regular.ttf') format('truetype'),
    url('font/OpenDyslexic-Regular.woff') format('woff'),
    url('font/OpenDyslexic-Regular.woff2') format('woff2');
  unicode-range: U+0041-005A, U+0061-007A;
  font-weight: normal;
  font-style: normal;

}


* {
  /* transition: 0.5s; */
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

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

a:hover {
  text-decoration: underline;
  text-decoration-style: wavy;
}

html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

html,
body {
  color: #fff;
  font-weight: 100;
  height: 100%;
  font-family: OpenDyslexic-Regular,
    Galmuri9;
  background-color: rgb(128, 120, 156);
  white-space: normal;
  /* 넘치면 줄바꿈 */

  word-wrap: break-word;
  /* 긴 단어를 분리해서 줄바꿈해라 */

  word-break: keep-all;
  /*  break-all;  끊음 */
  /* keep-all 끊지 않으며, 단어 안끊어지고 담라인으로 다내려감 */
}

canvas {
  height: 100%;
  overflow: hidden;
}

div {}

@media screen and (max-width: 600px) {
  /* Mobile */
}

@media screen and (min-width:600px) and (max-width:1000px) {
  /* Tablet */
}

@media screen and (min-width:1000px) {
  /* PC */
}

.container {}



/* Contents */
.contents {
  width: 100%;
}