/* reset css */
html, body { width: 100%; height: 100%; }
.blind, legend, hr, caption { display: block; position: absolute; left: 1000em; top: 0; overflow: hidden; }
i, em, address { font-style: normal; font-weight: normal; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td,  form, address, pre, caption, cite, ode, dfn, var { margin: 0; padding: 0; border: 0; outline: 0; font-style: normal; text-decoration: none; font-weight: normal; }

* { font-family: 'Nanum Gothic', 'Apple Gothic', 'Malgun Gothic', 'Dotum', sans-serif; color: #333; margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; }
body { min-width: 320px; word-wrap: break-word; word-break: break-all; text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; font-size: 100%; }
article, aside, details, figcaption, figire, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol, dl { height: auto; overflow: hidden; list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img, video { vertical-align: top; width: 100%; }
button { background: none; outline: none; border: none; cursor: pointer; background-color: transparent; border-radius: 0px; }
label { cursor: pointer; vertical-align: middle; }
input, select, textarea, button { font: inherit; color: inherit; vertical-align: middle; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f6f8f9 inset !important; }
select::-ms-expand { display: none; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { resize: none; }
a, a:hover, a:focus { display: block; color: inherit; text-decoration: none; }