<style>
@font-face {
    font-family: "SUIT";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'SUIT-Thin';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-ExtraLight';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-Light';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-Regular';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-Medium';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-SemiBold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-Bold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-ExtraBold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SUIT-Heavy';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

/* 기본 리셋 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,body{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	font-size: 16px;
}
a {
   color:inherit;
   text-decoration:inherit;
}
img {
   vertical-align:middle;
   max-width:100%;
}
li {
   list-style:none;
}
:after,:before {
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}

:root {
	--color-primary: #0094F3;
	--color-secondary: #0068B7;
	--color-lighttheme: #f3fdfe;
	--color-black: #000;
	--color-lightblack: #222;
	--color-fontgray: #555;
	--color-gray: #999;
	--color-placeholder: #CCC;
	--color-lightgray: #DDD;
	--color-lightengray: #F5F5F5;
	--color-white: #FFF;
	--color-red: #BA000B;
	--color-green: #3ab54a;
	--color-blue: #1000ae;
	--color-yellow: #c5a900;

}