@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), 
		url(./font/Pretendard/Pretendard-Black.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), 
		url(./font/Pretendard/Pretendard-ExtraBold.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), 
		url(./font/Pretendard/Pretendard-Bold.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), 
		url(./font/Pretendard/Pretendard-SemiBold.woff2) format('woff2'),
		url(./font/Pretendard/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), 
		url(./font/Pretendard/Pretendard-Medium.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), 
		url(./font/Pretendard/Pretendard-Regular.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), 
		url(./font/Pretendard/Pretendard-Light.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), 
		url(./font/Pretendard/Pretendard-ExtraLight.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), 
		url(./font/Pretendard/Pretendard-Thin.woff2) format('woff2'), 
		url(./font/Pretendard/Pretendard-Thin.woff) format('woff');
}



*, *:before, *:after{box-sizing:border-box;}
[hidden], area, base, basefont, command, datalist, head,input[type=hidden], link, menu[type=context], meta, noembed, noframes,param, script, source, style, track, title {display: none;/* case-insensitive */}
address, article, aside, blockquote, body, center, dd, dir, div, dl,dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre,section, summary, ul, xmp{display:block;}
table{display: table;}
caption{display: table-caption;}
colgroup{display: table-column-group;}
col{display: table-column;}
thead{display: table-header-group;}
tbody{display: table-row-group;}
tfoot{display: table-footer-group;}
tr{display: table-row;}
td, th{display: table-cell;}
li{display: list-item;}

/* reset */
body,div,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,table,tr,th,td,caption,form,fieldset,input,select,textarea,blockquote,address{margin:0;padding:0;}
img,fieldset,iframe{border:0 none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
address,em{font-style:normal;font-weight:normal;}
table{width:100%; border-collapse:collapse;border-spacing:0px;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;}
input, select{-webkit-border-radius:0px; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"]{-webkit-appearance:none; vertical-align:middle;}
/* select{-webkit-appearance: none; -moz-appearance: none; appearance: none; opacity:1 !important; background:#fff url(../img/skin/select_arrow.png) calc(100% - 20px) 50% no-repeat; border:1px solid #ced1d3; vertical-align:middle; outline:none;}
select::-ms-expand{display:none;} */

/* base */
body{position:relative; font-family: 'Pretendard', sans-serif; font-size:14px; color:#2d2d2d; padding:0; overflow-x:hidden;}
body * {letter-spacing:-0.025em;}
ul,ol,li{list-style:none;line-height:100%;}
a{text-decoration:none; color:inherit; line-height:1.0;}
a:hover, a:focus{text-decoration:none;}
caption,legend, .hide{position:absolute;top:-5000px;text-indent:-5000px;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
textarea {resize:none;}
img{vertical-align:middle;}
hr{display:none;}
section{margin:0;padding:0;}
section:after{content:" "; display:block; clear:both;}
header:after{content:" "; display:block; clear:both;}
.clfix:after{content:" "; display:block; clear:both;}


.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml100{margin-left:100px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}

:root {
	--c-gray: rgba(196, 196, 196, 1);
	--c-gray2: rgba(123, 123, 123, 1);
	--c-orange: rgba(237, 130, 44, 1);
	--c-orange2: rgba(218, 94, 37, 1);
	--c-lightgreen: rgba(103, 189, 69, 1);
	--c-lightgreen2: rgba(15, 114, 30, 1);
	--c-navy:#002870;
	--c-skyblue:#52E5FF;
	--c-skyblue2: rgba(0, 86, 151, 1);
}
