@charset "utf-8";

/* Roboto */
@font-face {
	font-family:'Roboto';
	src: url('../font/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Thin.woff') format('woff'),
		url('../font/Roboto-Thin.ttf') format('truetype'),
		url('../font/Roboto-Thin.svg#Roboto-Thin') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Light.woff') format('woff'),
		url('../font/Roboto-Light.ttf')  format('truetype'),
		url('../font/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family:'Roboto';
	src: url('../font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Regular.woff') format('woff'),
		url('../font/Roboto-Regular.ttf') format('truetype'),
		url('../font/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight:500;
	font-style:normal;
}
@font-face {
	font-family:'Roboto';
	src: url('../font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Medium.woff') format('woff'),
		url('../font/Roboto-Medium.ttf') format('truetype'),
		url('../font/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight:600;
	font-style:normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Bold.woff') format('woff'),
		url('../font/Roboto-Bold.ttf') format('truetype'),
		url('../font/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: 700;
	font-style:normal;
}

/* Noto Sans */
@font-face {
	font-family:'notokr';
	font-style:normal;
	font-weight:100;
	src: url('../font/notokr-thin.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-thin.woff2') format('woff2'),
		url('../font/notokr-thin.woff') format('woff'),
		url('../font/notokr-thin.ttf') format('truetype'),
		url('../font/notokr-thin.svg#notokr-thin') format('svg');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 300;
	src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-light.woff2') format('woff2'),
		url('../font/notokr-light.woff') format('woff'),
		url('../font/notokr-light.ttf') format('truetype'),
		url('../font/notokr-light.svg#notokr-light') format('svg');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 400;
	src: url('../font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-demilight.woff2') format('woff2'),
		url('../font/notokr-demilight.woff') format('woff'),
		url('../font/notokr-demilight.ttf') format('truetype'),
		url('../font/notokr-demilight.svg#notokr-demilight') format('svg');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 500;
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-regular.woff2') format('woff2'),
		url('../font/notokr-regular.woff') format('woff'),
		url('../font/notokr-regular.ttf') format('truetype'),
		url('../font/notokr-regular.svg#notokr-regular') format('svg');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 600;
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-medium.woff2') format('woff2'),
		url('../font/notokr-medium.woff') format('woff'),
		url('../font/notokr-medium.ttf') format('truetype'),
		url('../font/notokr-medium.svg#notokr-medium') format('svg');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 700;
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-bold.woff2') format('woff2'),
		url('../font/notokr-bold.woff') format('woff'),
		url('../font/notokr-bold.ttf') format('truetype'),
		url('../font/notokr-bold.svg#notokr-bold') format('svg');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 800;
	src: url('../font/notokr-black.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-black.woff2') format('woff2'),
		url('../font/notokr-black.woff') format('woff'),
		url('../font/notokr-black.ttf') format('truetype'),
		url('../font/notokr-black.svg#notokr-black') format('svg');
}

@font-face {
    font-family: 'SUIT';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}



*,
*::before,
*::after {
	box-sizing: border-box;
}

html{font-size: 62.5%;scroll-behavior: smooth;}
body {padding:0; margin:0; font-family:'SUIT', 'notokr', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif; line-height: 1.5; color:#333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%;letter-spacing: -.02em;}

@media (min-width: 768px){
	body{font-size: 16px;}
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

fieldset {display:block; margin:0; padding:0; border:0;}
form {margin:0; padding:0;}
a,a:hover,a:focus,a:active{color: inherit;text-decoration:none}
img {border:0; vertical-align:top;max-width: 100%;}
em, address {font-style:normal;}
table {width:100%; border-collapse:collapse;}
button {font-family:'SUIT', 'notokr', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif;cursor: pointer;border: 0;background: none;}
caption {overflow:hidden; width:1px; height:1px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px;}

body, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, label{margin: 0;padding: 0}
ul, li{list-style:none;}
u{text-decoration-thickness: 1px;text-underline-position: under;}
textarea{resize: none;}


/* web font loading FOUT 해결 */
.wf-loading body {visibility: hidden;}
.wf-active body, .wf-inactive body {visibility: visible;}
/* // web font loading FOUT 해결 */

.container:before, .container:after{display: none}