@font-face {
    font-style:normal;
    font-weight:700;
    font-family:HanwhaGothic;
    src:url("../font/Hanwha_R_OTFA.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:400;
    font-family:HanwhaGothic;
    src:url("../font/Hanwha_R_OTFA.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:300;
    font-family:HanwhaGothic;
    src:url("../font/HanwhaL.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:100;
    font-family:NotoSans;
    src:url("../font/NotoSans-Thin.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:300;
    font-family:NotoSans;
    src:url("../font/NotoSans-Light.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:350;
    font-family:NotoSans;
    src:url("../font/NotoSans-DemiLight.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:400;
    font-family:NotoSans;
    src:url("../font/NotoSans-Regular.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:700;
    font-family:NotoSans;
    src:url("../font/NotoSans-Medium.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:800;
    font-family:NotoSans;
    src:url("../font/NotoSans-Bold.woff") format("woff");
}
@font-face {
    font-style:normal;
    font-weight:900;
    font-family:NotoSans;
    src:url("../font/NotoSans-Black.woff") format("woff");
}
*, *::before, *::after {
    box-sizing:border-box;
}
html {
    scrollbar-gutter:stable;
}

@media (width <=1024px) {
    html {
        scrollbar-gutter:auto;
    }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-size:100%;
    vertical-align:baseline;
    word-break:keep-all;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}
body {
    line-height:1;
    font-family:NotoSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    letter-spacing:-6%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote::before, blockquote::after,
q::before, q::after {
    content:"";
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
a {
    color:inherit;
    text-decoration:none;
}
button {
    overflow:visible;
    padding:0;
    border:none;
    border-radius:0;
    background:inherit;
    box-shadow:none;
    cursor:pointer;
}
img {
    max-width:100%;
}