@charset "utf-8";
/* reset css */
/*
	User: PuLeun Kim
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html, body { color: #222; -webkit-text-size-adjust: none; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; background: transparent; }

:root { --cell-size: auto; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: middle; cursor: pointer; outline: none; }
a, a:hover, a:focus, a:active { text-shadow: none; text-decoration: none; }
button { margin: 0; padding: 0; font-size: 100%; vertical-align: middle; box-sizing: border-box; cursor: pointer; outline: none!important; }

em { font-style: normal; }
strong { text-decoration: none; }
caption, legend { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }

table { border-collapse: collapse; border-spacing: 0; }
ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }

input, select { margin: 0px; padding: 0px 4px 0px 4px; vertical-align: middle; background: transparent; border: 1px solid #ddd; border-radius: 0; box-sizing: content-box; outline: none; }
img { border: 0; vertical-align: middle; width: 100%; margin: 0 auto; }

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