@charset "UTF-8";


.login {
	padding: 80px 0 80px;
	background-color: rgba(245,165,190,0.101);
}
.loginContentWrap,
.reminderWrap {
	margin-top: 83px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.loginContent {
	width: 500px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.16);
	border-radius: 20px;
	background-color: #fff;
	padding: 25px;
}
.loginContentTitle {
	text-align: center;
	font-size: 20px;
	color: #F5A5BE;
	font-weight: bold;
}
.loginContentDt {
	margin-top: 24px;
	font-weight: bold;
}
.loginContentDd {
	margin-top: 5px;
}
.loginContentReminder {
	margin-top: 5px;
	color: #777;
}
.inputText {
	background-color: rgba(245,165,190,0.101);
}
.loginContentBtnWrap {
	margin-top: 40px;
}
.loginContent .btn {
	width: 100%;
	line-height: 50px;
	background-image: none;
	font-size: 18px;
}
.loginContentEntryBtn {
	margin-top: 28px;
}
.reminder {
	width: 1004px;
	margin: 0 auto;
}
.loginContent .btn {
	width: 200px;
}
@media screen and (max-width:480px) {
	.login {
		padding: 17.5vw 4.44vw 22.22vw;
	}
	.loginContentWrap {
		margin-top: 16.67vw;
		display: block;
	}
	.loginContent {
		width: 100%;
		box-shadow: 0px 0px 5.56vw rgba(0,0,0,0.16);
		border-radius: 5.56vw;
		padding: 5.56vw 4.44vw;
	}
	.loginContentTitle {
		font-size: 5vw;
	}
	.loginContentDt {
		margin-top: 6.94vw;
	}
	.loginContentDd {
		margin-top: 2vw;
	}
	.loginContentBtnWrap {
		margin-top: 6.94vw;
	}
	.loginContent .btn {
		width: 100%;
		line-height: 13.89vw;
		font-size: inherit;
	}
	.loginContent + .loginContent {
		margin-top: 16.67vw;
	}
	

}