@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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;*/vertical-align: baseline;}
.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6{margin: 0;}
ul, ol{margin: 0;}
p{margin: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
table{border-collapse: collapse !important;border-spacing: 0;}

*{margin: 0;padding: 0;outline: none;box-sizing: border-box;}
html, body{font-family: 'Pretendard Variable', sans-serif;color: #333;font-size: 100%;font-weight: 400;}
header, footer, section, article, div, table, ul, ol, a, button, form, input, select, textarea, em, i, p, dl, dt, dd, span, strong{font-family: 'Pretendard Variable', sans-serif;}
table{border-collapse: collapse;width: 100%;}
ul, ol{list-style: none;}
ul, ol, dl{margin: 0;}
dl dt, dl dd{margin: 0;}
form, fieldset, img{border: 0;}
img{vertical-align: middle;}
button{cursor: pointer;background: none;}
a{color: #222;font-size: inherit;text-decoration: none;}
a:hover, a:active, a:visited, a:focus{color: inherit;text-decoration: none;}
input, select, textarea, button{color: #222;font-size: inherit;border: 0;font-family: 'Pretendard Variable', sans-serif;}
textarea{width: 100%;resize: none;}
textarea[readonly]{cursor: default;}
iframe{width: 100%;/*height:auto;*/border: 0;}
sup{vertical-align: super;font-size: 0.5em;}
sub{vertical-align: sub;font-size: 0.5em;}

.cf:after{display: block;content: '';clear: both;}
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}

.font-suite,
.font-suite *{
	font-family: 'SUITE', sans-serif;
}
.font-roboto,
.font-roboto *{
	font-family: 'Noto Sans KR', sans-serif;
}
.font-noto,
.font-noto *{
	font-family: 'Noto Sans KR', sans-serif;
}