@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);

@font-face {
	font-family: 에셋플러스 Medium;
	src: url(/fonts/assetPlus/ASSETPLUS-Medium.woff) format("woff");
}

@font-face {
	font-family: Pretendard;
	font-weight: 900;
	font-display: swap;
	src: local("Pretendard Black"),
		url(/fonts/pretendard/Pretendard-Black.woff) format("woff");
}

@font-face {
	font-family: Pretendard;
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard Bold"),
		url(/fonts/pretendard/Pretendard-Bold.woff) format("woff");
}

@font-face {
	font-family: Pretendard;
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard Medium"),
		url(/fonts/pretendard/Pretendard-Medium.woff) format("woff");
}

@font-face {
	font-family: Pretendard;
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"),
		url(/fonts/pretendard/Pretendard-Regular.woff) format("woff");
}

@font-face {
	font-family: Pretendard;
	font-weight: 300;
	font-display: swap;
	src: local("Pretendard Light"),
		url(/fonts/pretendard/Pretendard-Light.woff) format("woff");
}

* {
	font-family: var(--font-family);
}

.main_div {
	display: none;
}

.card-title-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-align: center;
	align-items: center;
	padding: 16px 0;
}

.card-title-text {
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	color: var(--surface-high);
}

.form-control.invalid {
	border-color: #ff4141;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff0000'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff0000' stroke='none'/%3e%3c/svg%3e");
	padding-right: calc(1.5em + 1rem);
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.25rem) center;
	background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}
.form-select.invalid {
	border-color: #ff4141;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ff4141' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.invalid-txt {
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #ff4141;
}

.agreement__title {
	padding-left: 6.3px;
	font-size: 12px;
	line-height: 1.625;
	font-weight: 500;
	letter-spacing: -0.036em;
	color: #333;
	margin-bottom: 0;
}
.agreement__title:before {
	margin-right: 10px;
}
.checkbox-label:before {
	background-position: 0 -100%;
}

.agreement__container {
	background-color: #fafbfd;
	border: 1px solid #e1e1f2;
	padding: 10px 11px;
	transition: all 0.3s;
	letter-spacing: -0.03em;
}

.agreement__content {
	max-height: 30%;
	padding-right: 10px;
	overflow-y: auto;
	line-height: 1.75;
	color: #777;
	font-size: 10px;
	max-height: 12vh;
}