@charset "UTF-8";

html, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
a { text-decoration: none; -webkit-tap-highlight-color: transparent }
button { border: 0; background: none; outline: 0; cursor: pointer }
select { background: transparent }
button span { position: relative }
button:focus, input:focus, select:focus, textarea:focus { outline: none }
body, table { word-break: break-word; word-wrap: break-word }
:lang(ko-KR) body { word-break: keep-all }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block }
ol, ul { list-style: none; overflow: hidden }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
.global_network { width: 100%; height: 35px; background: #222229 }
#top_network { position: absolute !important }

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

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

html { overflow-x: hidden }
.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px }