@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {height: 100%; font-family:"SUIT-Regular";font-size:10px; background: #f5f5f5;}

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1;}
*,*:after,*:before{box-sizing:border-box;}
article,aside,audio,blockquote,body,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,nav,ol,p,pre,section,td,textarea,th,time,ul,video{margin:0;padding:0}
body{color:#777;letter-spacing:-0.5px; font-weight: 400;overflow-x:hidden;}
[lang="ko"]{word-break:keep-all}
body{overflow-wrap:break-word}
img{vertical-align:top;border:0;border-style:none}
button{border:0;background:none}
button,input,optgroup,select,textarea{padding:0;margin:0;font-size:100%;font-family:inherit;outline:0 none}
table{border-collapse:collapse;border-spacing:0}
fieldset{border:0}
legend{color:#000}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li {list-style:none;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1}
caption,hr,legend{width:0;height:0;font-size:1px;text-indent:-9999em;line-height:0}
a,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;font-family:inherit; cursor: pointer;}
label{cursor:pointer}
i, pre {font-family: inherit; font-style: normal;}


@media all and (max-width:768px) {
    html, body {font-size: 9px; }
}