﻿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; 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: 1279px) {
    html { font-size: 23.98px; }
}

@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; }
}
