/* ========== reset ========== */
html,body{
    font-size:62.5%
}
a, abbr, acronym, address, applet, article, aside, audio, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, input, kbd, keygen, label, legend, li, meter, mark, nav, menu, object, ol, output, option, p, pre, progress, q, s, samp, section, small, span, source, strike, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var { font: inherit; box-sizing: border-box; margin: 0; padding: 0;}

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, font, 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 { margin: 0; padding: 0;}

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

html, body { height: 100%;}

html { height: 100%; /*  overflow-y: scroll;  scrollbar-3dlight-color: #161616;  scrollbar-arrow-color: #777;  scrollbar-base-color: #f1f0f0;  scrollbar-face-color: #a8aaac;  scrollbar-track-color: #f1f0f0;  scrollbar-darkshadow-color: #f1f0f0;  scrollbar-highlight-color: #f1f0f0;  scrollbar-shadow-color: #a8aaac;  -webkit-font-smoothing: antialiased;  */}

body { line-height: 1;}

img, fieldset, video { vertical-align: middle; border: 0;}

button { cursor: pointer; border: 0 none; background: transparent;}

caption, legend, .hide { font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; text-indent: -9999px;}

.hide{
    opacity: 0;
    display: none;
}

/*데코레이션*/

ins, a { text-decoration: none;}

i, em { font-style: normal;}

/* html5 - for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}