/* ------------------------------------------- Font ------------------------------------------- */

/* Family */
.fm-geologica {
	font-family: "Geologica", sans-serif;
}

.fm-pretendard {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}


/* Align */
.text-center {
	text-align: center;
}


/* Size */
.fs-18 {
	font-size:1.7rem;
}

.fs-20 {
	font-size:1.9rem;
}

.fs-24 {
	font-size:2.3rem;
}

.fs-28 {
	font-size:2.7rem;
}

.fs-32 {
	font-size:3.1rem;
}

.fs-36 {
	font-size:3.5rem;
}

.fs-40 {
	font-size:3.9rem;
}

.fs-64 {
	font-size:6.3rem;
}

.fs-72 {
	font-size:7.1rem;
}

@media screen and (max-width:1200px) {
	.fs-18 {
		font-size:1.5rem;
	}

	.fs-20 {
		font-size:1.7rem;
	}

	.fs-24 {
		font-size:2.1rem;
	}

	.fs-28 {
		font-size:2.3rem;
	}

	.fs-32 {
		font-size:2.8rem;
	}

	.fs-36 {
		font-size:3.1rem;
	}

	.fs-40 {
		font-size:3.4rem;
	}

	.fs-64 {
		font-size:4.9rem;
	}

	.fs-72 {
		font-size:6.3rem;
	}
}
@media screen and (max-width:1024px) {
	.fs-md-50 {
		font-size:4.9rem;
	}
}
@media screen and (max-width:768px) {
	.fs-18 {
		font-size:1.4rem;
	}

	.fs-20 {
		font-size:1.6rem;
	}

	.fs-24 {
		font-size:1.8rem;
	}

	.fs-28 {
		font-size:2rem;
	}
	
	.fs-32 {
		font-size:2.4rem;
	}

	.fs-36 {
		font-size:2.8rem;
	}

	.fs-40 {
		font-size:3rem;
	}

	.fs-64 {
		font-size:3.8rem;
	}

	.fs-md-50 {
		font-size:3.8rem;
	}

	.fs-sm-24 {
		font-size: 2.4rem;
	}
}
@media screen and (max-width:576px) {
	.fs-18 {
		font-size:1.2rem;
	}

	.fs-20 {
		font-size:1.4rem;
	}

	.fs-24 {
		font-size:1.6rem;
	}

	.fs-28 {
		font-size:1.8rem;
	}

	.fs-64 {
		font-size:3rem;
	}

	.fs-md-50 {
		font-size:3rem;
	}

	.fs-sm-24 {
		font-size: 2rem;
	}

	.fs-xs-16 {
		font-size:1.6rem;
	}

	.fs-xs-20 {
		font-size:2rem;
	}

	.fs-xs-24 {
		font-size:2.4rem;
	}
}


/* Weight */
.fw-100 {
	font-weight:100;
}

.fw-200 {
	font-weight:200;
}

.fw-300 {
	font-weight:300;
}

.fw-400 {
	font-weight:400;
}

.fw-500 {
	font-weight:500;
}

.fw-600 {
	font-weight:600;
}

.fw-700 {
	font-weight:700;
}


/* Line Height */
.lh-1 {
	line-height: 1;
}

.lh-14 {
	line-height: 1.4;
}


/* Color */
.color-white {
	color:#fff;
}

.color-gray3 {
	color:#a3a3a3;
}

.color-dark1 {
	color:#111;
}

.color-dark3 {
	color:#333;
}

.color-lightblue {
	color:#95c0e5;
}

.color-blue {
	color:#4285c5;
}

.color-blue2 {
	color:#314571;
}

.color-blue3 {
	color:#3e82c4;
}

.color-blue4 {
	color:#2972bb;
}

.color-blue5 {
	color:#2819FF;
}

.color-point {
	color:#122b5f;
}


/* ------------------------------------------- Spacing ------------------------------------------- */
/* Padding */
.pb-20 {
	padding-bottom:20px;
}

.pb-30 {
	padding-bottom:30px;
}

.pb-40 {
	padding-bottom:40px;
}

.pb-50 {
	padding-bottom:50px;
}

.pb-80 {
	padding-bottom:80px;
}

.py-160 {
	padding: 160px 0px;
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.pb-20 {
		padding-bottom:16px;
	}

	.pb-30 {
		padding-bottom:20px;
	}

	.pb-40 {
		padding-bottom:30px;
	}

	.pb-50 {
		padding-bottom: 36px;
	}

	.pb-80 {
		padding-bottom:60px;
	}

	.py-160 {
		padding: 120px 0px;
	}
}
@media screen and (max-width:768px) {
	.pb-sm-30 {
		padding-bottom:30px;
	}

	.py-160 {
		padding: 100px 0px;
	}
}
@media screen and (max-width:576px) {
	.pb-20 {
		padding-bottom:10px;
	}

	.pb-30 {
		padding-bottom:16px;
	}

	.pb-40 {
		padding-bottom:20px;
	}

	.pb-50 {
		padding-bottom: 24px;
	}

	.pb-80 {
		padding-bottom:40px;
	}

	.py-160 {
		padding: 80px 0px;
	}

	.pb-sm-30 {
		padding-bottom:16px;
	}
}


/* Margin */
.mt-20 {
	margin-top:20px;
}

.mt-30 {
	margin-top:30px;
}

.mt-40 {
	margin-top:40px;
}

.mt-80 {
	margin-top:80px;
}

.mb-16 {
	margin-bottom:16px;
}

.mb-20 {
	margin-bottom:20px;
}

.mb-30 {
	margin-bottom:30px;
}

.mb-40 {
	margin-bottom:40px;
}

.mb-50 {
	margin-bottom:50px;
}

.mb-60 {
	margin-bottom:60px;
}

.mb-80 {
	margin-bottom:80px;
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.mt-20 {
		margin-top:16px;
	}
	
	.mt-30 {
		margin-top:20px;
	}

	.mt-40 {
		margin-top:30px;
	}

	.mt-80 {
		margin-top:60px;
	}

	.mb-16 {
		margin-bottom:10px;
	}

	.mb-20 {
		margin-bottom:16px;
	}

	.mb-30 {
		margin-bottom:20px;
	}

	.mb-40 {
		margin-bottom:30px;
	}

	.mb-60 {
		margin-bottom:40px;
	}

	.mb-80 {
		margin-bottom:60px;
	}
}
@media screen and (max-width:768px) {
	.mb-sm-0 {
		margin-bottom:0px;
	}

	.mb-sm-40 {
		margin-bottom:40px;
	}
}
@media screen and (max-width:576px) {
	.mt-20 {
		margin-top:10px;
	}

	.mt-30 {
		margin-top:16px;
	}

	.mt-40 {
		margin-top:20px;
	}

	.mt-80 {
		margin-top:40px;
	}

	.mb-16 {
		margin-bottom:6px;
	}

	.mb-20 {
		margin-bottom:10px;
	}

	.mb-30 {
		margin-bottom:16px;
	}

	.mb-40 {
		margin-bottom:20px;
	}

	.mb-60 {
		margin-bottom:28px;
	}

	.mb-80 {
		margin-bottom:40px;
	}

	.mb-xs-0 {
		margin-bottom:0px;
	}

	.mb-xs-12 {
		margin-bottom:12px;
	}
}


/* Gap */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}