.font24 {
	--fontsize: 2.4rem;
	font-size: var(--fontsize)
}

.font30 {
	--fontsize: 3.0rem;
	font-size: var(--fontsize)
}

.font34 {
	--fontsize: 3.4rem;
	font-size: var(--fontsize)
}

.font40 {
	--fontsize: 4.0rem;
	font-size: var(--fontsize)
}

.font45 {
	--fontsize: 4.5rem;
	font-size: var(--fontsize)
}

.font50 {
	--fontsize: 5.0rem;
	font-size: var(--fontsize)
}

.font55 {
	--fontsize: 5.5rem;
	font-size: var(--fontsize)
}

.font60 {
	--fontsize: 6.0rem;
	font-size: var(--fontsize)
}

.font70 {
	--fontsize: 7.0rem;
	font-size: var(--fontsize)
}

.font80 {
	--fontsize: 8.0rem;
	font-size: var(--fontsize)
}

.font90 {
	--fontsize: 9.0rem;
	font-size: var(--fontsize)
}

.font100 {
	--fontsize: 10.0rem;
	font-size: var(--fontsize)
}

.font110 {
	--fontsize: 11.0rem;
	font-size: var(--fontsize)
}

.auth * {
	font-family: "pretendard", sans-serif
}

.auth .authBox {
	width: 100%;
	max-width: 500px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	padding: 80px 60px;
	margin: 0 auto
}

.auth .authBox .bottom {
	gap: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.auth .authBox .bottom a {
	color: #666;
	font-size: 1.5rem
}

.auth .authBox .bottom hr {
	width: 1px;
	height: 10px;
	background: #666;
	border: none;
	margin: 0
}

.auth .logo {
	width: 142px;
	margin: 0 auto
}

.auth .logo .logoCls-1 {
	fill: #0e1555
}

.auth .logo .logoCls-2 {
	fill: #5d85c3
}

.auth .inputBox {
	display: flex;
	flex-direction: column;
	gap: 10px 0;
	margin: 50px 0 20px
}

.auth .inputBox input,
.auth .inputBox .authButton {
	width: 100%;
	border-radius: 3px
}

.auth .inputBox input {
	height: 50px;
	border: 1px solid #ccc;
	color: #999;
	font-size: 1.6rem;
	padding: 0 15px
}

.auth .inputBox input::-moz-placeholder {
	color: #999
}

.auth .inputBox input:-ms-input-placeholder {
	color: #999
}

.auth .inputBox input::placeholder {
	color: #999
}

.auth .authButton {
	height: 60px;
	background: #0b1454;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: .025em;
	margin: 10px 0 0;
	font-family: "Nunito Sans", sans-serif;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(max-width: 640px) {
	.auth .authBox {
		max-width: calc(100% - 40px);
		padding: 40px 20px
	}

	.auth .inputBox {
		margin: 30px 0 20px
	}
}

.join_type caption {
	text-align: left;
	font-weight: 500;
	color: #111;
	font-size: 26px;
	margin: 0 0 20px;
}