@charset "utf-8";
/* CSS Document */
/*
font-family:'Noto Sans KR','Helvetica Neue','Segoe UI','Apple SD Gothic Neo',sans-serif;
font-family:'Pretendard','Helvetica Neue','Segoe UI','Apple SD Gothic Neo',sans-serif;
font-family:'SUIT','Helvetica Neue','Segoe UI','Apple SD Gothic Neo',sans-serif;
*/

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 100;
	font-display: swap;
	src: url('./fonts/NotoSansKR-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-display: swap;
	src: url('./fonts/NotoSansKR-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 400;
	font-display: swap;
	src: url('./fonts/NotoSansKR-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-display: swap;
	src: url('./fonts/NotoSansKR-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 700;
	font-display: swap;
	src: url('./fonts/NotoSansKR-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 900;
	font-display: swap;
	src: url('./fonts/NotoSansKR-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: url('./fonts/Pretendard-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: url('./fonts/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: url('./fonts/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url('./fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: url('./fonts/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: url('./fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: url('./fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: url('./fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: url('./fonts/Pretendard-Black.woff') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	font-display: swap;
	src: url('./fonts/SUIT-Thin.woff') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	font-display: swap;
	src: url('./fonts/SUIT-Light.woff') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	font-display: swap;
	src: url('./fonts/SUIT-Regular.woff') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	font-display: swap;
	src: url('./fonts/SUIT-Medium.woff') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	font-display: swap;
	src: url('./fonts/SUIT-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	font-display: swap;
	src: url('./fonts/SUIT-Bold.woff') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	font-display: swap;
	src: url('./fonts/SUIT-ExtraBold.woff') format('woff');
}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.4;font-family:'Noto Sans KR','Helvetica Neue','Segoe UI','Apple SD Gothic Neo',sans-serif;color:#333;letter-spacing:-0.02em; word-break:keep-all;} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img{max-width:100%;}
em{font-style:normal;}
table{width:100%;border-collapse:collapse;table-layout:fixed;}
table caption{display: none;}
form legend{display: none;}
input:focus{outline:none;}