a, address, body, button, caption, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, legend, li, ol, p, pre, select, table, td, textarea, th, ul {
  margin: 0;
  padding: 0;
}

html, body, input, textarea, select, button {
  font-family: "Nanum Gothic", Arial, sans-serif;
}

body, table {
  word-break: break-word;
  word-wrap: break-word;
}

table {
  width: 100%;
}

a, button {
  cursor: pointer;
}

legend {
  padding: 0;
}

button, legend {
  background: 0 0;
}

caption, legend {
  text-indent: -9999px;
}

iframe, table {
  max-width: 100%;
}

legend {
  position: absolute;
  width: 1px;
  height: 1px;
}

html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-szie-adjust: none;
  -moz-text-szie-adjust: none;
  -ms-text-szie-adjust: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-size: 1.4rem;
}

body { /*line-height: 1.2;*/
  line-height: 1;
  min-width: 100%;
  letter-spacing: 0;
  -webkit-overflow-scrolling: touch;
  word-break: break-word;
  word-wrap: break-word;
}

a, button, input, label, select, textarea {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  vertical-align: top;
}

input {
  font-weight: 400;
  color: #626262;
  outline: 0;
  vertical-align: middle;
}

caption {
  visibility: hidden;
  font-size: 0;
}

button, input, select, textarea {
  font-size: 1.4rem;
}

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

a {
  text-decoration: none;
}

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

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

em {
  font-style: normal;
}

button {
  border: 0;
  outline: 0;
}

fieldset {
  width: 100%;
  border: 0;
}

legend {
  left: -9999px;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

select::-ms-expand {
  display: none;
  opacity: 0;
}

p {
  line-height: initial;
}

:lang(ko-KR) body {
  word-break: keep-all;
}

/* rem set */
@media screen and (min-width: 1280px) {
  html {
    font-size: 16px;
  }
}
/* @media screen and (max-width: 768px) {
  html {
    font-size: 23.98px;
  }
} */
@media screen and (max-width: 750px) {
  html {
    font-size: 23.98px;
  }
}
@media screen and (max-width: 740px) {
  html {
    font-size: 23.66px;
  }
}
@media screen and (max-width: 730px) {
  html {
    font-size: 23.33px;
  }
}
@media screen and (max-width: 720px) {
  html {
    font-size: 23.01px;
  }
}
@media screen and (max-width: 710px) {
  html {
    font-size: 22.69px;
  }
}
@media screen and (max-width: 700px) {
  html {
    font-size: 22.36px;
  }
}
@media screen and (max-width: 690px) {
  html {
    font-size: 22.04px;
  }
}
@media screen and (max-width: 680px) {
  html {
    font-size: 21.72px;
  }
}
@media screen and (max-width: 670px) {
  html {
    font-size: 21.39px;
  }
}
@media screen and (max-width: 660px) {
  html {
    font-size: 21.07px;
  }
}
@media screen and (max-width: 650px) {
  html {
    font-size: 20.75px;
  }
}
@media screen and (max-width: 640px) {
  html {
    font-size: 20.42px;
  }
}
@media screen and (max-width: 630px) {
  html {
    font-size: 20.1px;
  }
}
@media screen and (max-width: 620px) {
  html {
    font-size: 19.77px;
  }
}
@media screen and (max-width: 610px) {
  html {
    font-size: 19.45px;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 19.13px;
  }
}
@media screen and (max-width: 590px) {
  html {
    font-size: 18.8px;
  }
}
@media screen and (max-width: 580px) {
  html {
    font-size: 18.48px;
  }
}
@media screen and (max-width: 570px) {
  html {
    font-size: 18.17px;
  }
}
@media screen and (max-width: 560px) {
  html {
    font-size: 17.84px;
  }
}
@media screen and (max-width: 550px) {
  html {
    font-size: 17.53px;
  }
}
@media screen and (max-width: 540px) {
  html {
    font-size: 17.21px;
  }
}
@media screen and (max-width: 530px) {
  html {
    font-size: 16.89px;
  }
}
@media screen and (max-width: 520px) {
  html {
    font-size: 16.57px;
  }
}
@media screen and (max-width: 510px) {
  html {
    font-size: 16.25px;
  }
}
@media screen and (max-width: 500px) {
  html {
    font-size: 15.93px;
  }
}
@media screen and (max-width: 490px) {
  html {
    font-size: 15.62px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 15.29px;
  }
}
@media screen and (max-width: 470px) {
  html {
    font-size: 14.98px;
  }
}
@media screen and (max-width: 460px) {
  html {
    font-size: 14.66px;
  }
}
@media screen and (max-width: 450px) {
  html {
    font-size: 14.34px;
  }
}
@media screen and (max-width: 440px) {
  html {
    font-size: 14.02px;
  }
}
@media screen and (max-width: 430px) {
  html {
    font-size: 13.71px;
  }
}
@media screen and (max-width: 420px) {
  html {
    font-size: 13.38px;
  }
}
@media screen and (max-width: 410px) {
  html {
    font-size: 13.07px;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 12.75px;
  }
}
@media screen and (max-width: 390px) {
  html {
    font-size: 12.43px;
  }
}
@media screen and (max-width: 380px) {
  html {
    font-size: 12.11px;
  }
}
@media screen and (max-width: 370px) {
  html {
    font-size: 11.79px;
  }
}
@media screen and (max-width: 360px) {
  html {
    font-size: 11.47px;
  }
}
@media screen and (max-width: 350px) {
  html {
    font-size: 11.16px;
  }
}
@media screen and (max-width: 340px) {
  html {
    font-size: 10.83px;
  }
}
@media screen and (max-width: 330px) {
  html {
    font-size: 10.52px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 10.2px;
  }
}