@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");



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,
 caption,
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;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1; width: 100%; position: relative;}
ol, ul{list-style: none; font-size: 0;}
div{box-sizing: border-box;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
html, body{height: auto; margin: 0 auto; position: relative; font-family: "Pretendard Variable", Pretendard, 'sans-serif'; box-sizing: border-box;}
a, a:hover, a:active, a:focus{text-decoration: none; color: inherit;}
a:link, a:visited{text-decoration: none;}
button{border: none; background-color: transparent; cursor: pointer; font-family: "Pretendard Variable", Pretendard;}
input::placeholder{color: #999; font-weight: 300; letter-spacing: 0;}