@charset "UTF-8";

@import url('./media-desktop.css');
@import url('./media-tablet.css');
@import url('./media-mobile.css');


/* default command */
.dp-none {
  display: none !important;
}

/* page command */
* {
  color: inherit;
  font-family: "Nexon", "Nanum Gothic", "ng", "돋움", Dotum, "Roboto", Tahoma, Verdana, "AppleGothic", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  box-sizing: border-box;
  image-rendering: -webkit-optimize-contrast;
}

article, aside, details, figcaption, figure, footer, header, nav, section, canvas, video {
  display: block;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em,
img, ins, kbd, q, s, strong, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, figure, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
embed, output, ruby, summary, time, mark, audio, video, input, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: top;
  word-break: keep-all;
}

html {
  scroll-behavior: smooth;
}

strong {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  vertical-align: middle;
}

a, a:link, a:visited, a:active, a:hover {
  color: inherit;
  text-decoration: none;
  -webkit-column-rule: inherit;
  -moz-column-rule: inherit;
  column-rule: inherit;
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

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

th, td {
  vertical-align: middle;
}

hr {
  display: none;
}

input {
  border-radius: 0;
  vertical-align: middle;
  -webkit-appearance: none;
}

span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

img {
  width: 100%;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}

select {
  padding-right: 20px;
  border: 0;
  background: #fff url("../images/common/bg_select.png") no-repeat 100% 60%/12px;
  font-family: "NEXON", "돋움", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.clear::after {
  content: "";
  display: block;
  clear: both;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #ccc;
}

::-webkit-scrollbar-track {
  background: transparent;
}

.btn-link {
  padding-right: 20px;
  background: url("../images/common/ic_link.png") no-repeat 98% 0/16px;
  image-rendering: -webkit-optimize-contrast;
}

@font-face {
  font-family: "Nexon";
  font-style: normal;
  font-weight: 100;
  src: url("../font/NEXON-Lv2-Gothic-Light.woff") format("woff"), url("../font/NEXON-Lv2-Gothic-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Nexon";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NEXON-Lv2-Gothic.woff") format("woff"), url("../font/NEXON-Lv2-Gothic.woff2") format("woff2");
}
@font-face {
  font-family: "Nexon";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NEXON-Lv2-Gothic-Bold.woff") format("woff"), url("../font/NEXON-Lv2-Gothic-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Maplestory";
  font-style: normal;
  font-weight: 400;
  src: url("../font/Maplestory-Light.woff") format("woff"), url("../font/Maplestory-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Maplestory";
  font-style: normal;
  font-weight: 700;
  src: url("../font/Maplestory-Bold.woff") format("woff"), url("../font/Maplestory-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../font/Roboto-Regular.woff") format("woff"), url("../font/Roboto-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../font/Roboto-Medium.woff") format("woff"), url("../font/Roboto-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../font/Roboto-Bold.woff") format("woff"), url("../font/Roboto-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "NanumPenScript";
  font-style: normal;
  font-weight: 100;
  src: url("../font/NanumPenScript-Regular.woff") format("woff"), url("../font/NanumPenScript-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSans-Regular.woff") format("woff"), url("../font/NotoSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSans-Medium.woff") format("woff"), url("../font/NotoSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSans-Bold.woff") format("woff"), url("../font/NotoSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "SUITE";
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSans-Medium.woff") format("woff"), url("../font/NotoSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "SUITE";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSans-Bold.woff") format("woff"), url("../font/NotoSans-Bold.woff2") format("woff2");
}






/*# sourceMappingURL=mixins.css.map */