/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset "utf-8";

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

button,
select {
  text-transform: none;
  vertical-align: baseline;
}

button,
input {
  overflow: visible;
}


button span {
  position: relative;
  top: 1px;
}

input[type=text]::-ms-clear {
  display:none;
}

body, div, ul, li, ol, dl, dt, dd, p, span, a, h1, h2, h3, h4, h5, h6, form, legend, label, input, textarea, table, thead, tfoot, tbody, th, td, address, strong, em, pre, q, abbr, cite {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  color: #333;
  background-color: #ffffff;
  font-family: 'Pretendard', 'SBAggro', '맑은고딕', Arial, sans-serif;;
  font-size: 12px;
  overflow: auto hidden;
  word-break: keep-all;
}

label, select, input, textarea {
  vertical-align: middle;
}

img {
  border: 0;
  vertical-align: middle;
}

ul, ol {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

fieldset, hr {
  border: 0;
  margin: 0;
  padding: 0;
}

label, select, input, textarea {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

table td img {
  vertical-align: middle;
}

a:link, a:visited {
  color: #dedede;
  text-decoration: none;
}

a, a:hover, a:active, a:focus {
  /* color: #333; */
  text-decoration: none;
}
a {
  background-color: transparent;
}

hr {
  clear: both;
  display: none;
}

caption, legend {
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

input:focus, textarea:focus {
  outline: none;
}

input[type="text"] {
  line-height: normal;
}

a, select, input[type=radio], input[type=checkbox], input[type=button], button {
  cursor: pointer;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

.mode-us-only {
  ime-mode: disabled;
}

.mode-kor {
  ime-mode: active;
}

.mode-us {
  ime-mode: inactive;
}

header, section, nav, article, footer, main {
  display: block;
}