@charset "utf-8";

/* font face
notosans */

@font-face {font-family:'NanumSquareNeo'; font-style:normal; font-weight:300; src:url(../font/NanumSquareNeoTTF-aLt.woff) format('woff'), url(../font/NanumSquareNeoTTF-aLt.woff2) format('woff2')}
@font-face {font-family:'NanumSquareNeo'; font-style:normal; font-weight:400; src:url(../font/NanumSquareNeoTTF-bRg.woff) format('woff'), url(../font/NanumSquareNeoTTF-bRg.woff2) format('woff2')}
@font-face {font-family:'NanumSquareNeo'; font-style:normal; font-weight:500; src:url(../font/NanumSquareNeoTTF-cBd.woff) format('woff'), url(../font/NanumSquareNeoTTF-cBd.woff2) format('woff2')}
@font-face {font-family:'NanumSquareNeo'; font-style:normal; font-weight:600; src:url(../font/NanumSquareNeoTTF-dEb.woff) format('woff'), url(../font/NanumSquareNeoTTF-dEb.woff2) format('woff2')}
@font-face {font-family:'NanumSquareNeo'; font-style:normal; font-weight:700; src:url(../font/NanumSquareNeoTTF-eHv.woff) format('woff'), url(../font/NanumSquareNeoTTF-eHv.woff2) format('woff2')}

@font-face {font-family:'NanumGothic'; font-style:normal; font-weight:400; src:url(../font/NanumGothicRegular.woff) format('woff'), url(../font/NanumGothicRegular.woff2) format('woff2')}
@font-face {font-family:'NanumGothic'; font-style:normal; font-weight:700; src:url(../font/NanumGothicBold.woff) format('woff'), url(../font/NanumGothicBold.woff2) format('woff2')}

/*** reset ****/
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-size:100%; font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1; }
ol, ul {list-style:none; list-style-position:inside}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
form, fieldset, iframe {display:block; border:0 none}
legend {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}

/* reset custom */
html { width:100%; height:100%; box-sizing:border-box; }
body { width:100%; height:100%; font-family:'NanumSquareNeo', 'Helvetica Neue', 'Apple SD Gothic Neo', Arial, sans-serif; font-weight:400; letter-spacing:0;  background-color:var(--tc_black) }
*, ::after, ::before { box-sizing:inherit }
a, button { cursor:pointer }
a, a:focus, a:hover { text-decoration:none }
a:hover, a:focus, button:hover, button:focus { cursor:pointer }
button, input[type="submit"], input[type="cancle"], input[type="button"] {font-family:'NanumGothic', sans-serif; font-weight:300; letter-spacing:-0.024em; border:0 none}
input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="week"], textarea, select, input[type="checkbox"], input[type="radio"], label { display:inline-block; margin:0; font-family:'NanumGothic', sans-serif; font-weight:300}
input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="week"], textarea, select {transition:border-color .15s ease-in-out, background-color .15s ease-in-out; border:0.1rem solid #c5c9d6; border-radius:0.2rem}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="week"]::-webkit-inner-spin-button { appearance:none; -webkit-appearance: none; -moz-appearance: none}
input[type="button"]:focus, input[type="button"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {cursor:pointer}
select { appearance :none; -webkit-appearance: none; -moz-appearance: none}
img {width: 100%;}