@charset "utf-8";

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	src: url('./font/SUIT-Heavy.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}


/*怨듯넻*/
html {-webkit-text-size-adjust: none; scroll-behavior: smooth;}
html, body {direction: ltr;width: 100%;word-wrap: break-word;word-break: keep-all;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p,
table, th, td, form, fieldset, legend, textarea, input, select, textarea, button, figure, figcaption {margin: 0;padding: 0;}
body, input, select, textarea, button {font-family:'SUIT','JSArirang','Bootstrap-icons',"�굹�닎怨좊뵓", NanumGothic, "Nanum Gothic","�룍��", Dotum, Arial, sans-serif; font-weight: 500; letter-spacing: -1px;}
textarea {border:1px solid #ccc; padding:15px;}



img, form, fieldset, svg {
	border: 0;
	vertical-align: top;
}

input, button, select {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

input,select {padding: 10px;}

button {
	border: 0;
	background: none;
	cursor: pointer;
	outline: none;
}

button:disabled {
	cursor: default;
}

button::-moz-focus-inner {
	padding: 0;
	margin: -1px;
}

ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

a {color: #333;}
a, a:hover, a:visited, a:active {
	text-decoration: none;
}

.blind, legend {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

caption {
	width:0;
	height:0;
	visibility:hidden;
	line-height:0;
	font-size:0;
}

table {
	border-collapse: collapse;
}

* {
	box-sizing: border-box;
}

.sr-only {
	position: absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}

.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px;}
.mt100 {margin-top:100px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}

.jc_right {justify-content: flex-end !important;}
.jc_left {justify-content: flex-start !important;}
.ac {align-items: center;}

.w100 {width: 100%;}
.w50 {width: 50%;}
.w30 {width: 30%;}
.w20 {width: 20%;}