@charset "UTF-8";

/* /////////////////////// reset ///////////////////////////*/
html { font-size: 10px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'CustomFont','Noto Sans KR', sans-serif; -webkit-text-szie-adjust: none; -moz-text-szie-adjust: none; -ms-text-szie-adjust: none; }
html,
body,
button,
dl,
dt,
dd,
div,
form,
fieldset,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea,
ul,
ol,
li,
p,
pre,
table,
td,
th,
caption,
a,
button,
address { margin: 0; padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; font-size: 1.4rem; }
body { line-height: 1.2; color: #2b2b2b; min-width: 100%; letter-spacing: 0; -webkit-overflow-scrolling: touch; }
a,
input,
select,
textarea,
button,
label { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; vertical-align: top; }
select option { color: #000; }
input { font-weight: normal; color: #626262; outline: none; }
a { cursor: pointer; -webkit-tap-highlight-color: transparent; }
caption { visibility: hidden; font-size: 0; text-indent: -9999px; }
input { vertical-align: middle; }
input,
textarea,
select,
button { font-size: 1.4rem; font-family: 'CustomFont','Noto Sans KR', sans-serif; }
ol,
ul,
li { list-style: none; }
a { text-decoration: none; color: #2b2b2b; cursor: pointer; -webkit-tap-highlight-color: transparent; }
img { vertical-align: top; border: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 100%; }
em { font-style: normal; }
button { border: 0; background: none; outline: none; cursor: pointer; }
.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }
fieldset { width: 100%; border: 0; }
legend { position: absolute; left: -9999px; width: 1px; height: 1px; margin: 0; padding: 0; background: none; font-size: 0; line-height: 0; text-indent: -9999px; }
select::-ms-expand { display: none; opacity: 0; }
iframe { max-width: 100%; }
p { line-height: initial; }


/* word-break */
body, table { word-break: break-word; word-wrap: break-word; }
:lang(ko-KR) body { word-break: keep-all; }

/* font */
@media screen and (min-width: 1025px) {
    html { font-size: 16px; }
}

@media screen and (max-width: 1024px) {
    html { font-size: 16px; }
}

@media screen and (max-width: 767px) {
    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; }
}

@media only screen and (max-height: 415px) and (min-width: 415px) and (orientation: landscape) {
    html { font-size: 12px; }
}