@media only screen and (min-width: 768px) {
	body .main-contents {
		display: flex;
	}
}

body .sec-mypage--sign-in {
	background-image: url("/competition/app/assets/mypage/sign-in/img/bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	body .sec-mypage--sign-in {
		padding: 5.33333vw 0;
	}
}

body .sec-mypage--sign-in .inner-wrap {
	background-color: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(5px);
}

@media only screen and (min-width: 768px) {
	body .sec-mypage--sign-in .inner-wrap {
		width: 640px !important;
		padding: 16px 24px !important;
		border-radius: 8px;
	}
}

@media only screen and (max-width: 767px) {
	body .sec-mypage--sign-in .inner-wrap {
		margin: auto !important;
		padding: 4.26667vw 5.33333vw !important;
		border-radius: 2.13333vw;
	}
}

body .sec-mypage--sign-in h1 {
	text-align: center;
	margin: 0;
}

body .sec-mypage--sign-in .form-wrap .title {
	padding: 0.25em 0;
}

body .sec-mypage--sign-in .form-wrap__table {
	margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
	body .sec-mypage--sign-in .form-wrap__table-row {
		margin: 1em 0;
	}
}

@media only screen and (max-width: 767px) {
	body .sec-mypage--sign-in .form-wrap__table-row {
		margin: 1.5em 0;
	}
}

body .sec-mypage--sign-in .form-wrap__table-head {
	padding: 0.5em 0;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	body .sec-mypage--sign-in .form-wrap__table-head {
		font-size: 4.26667vw;
	}
}

body .sec-mypage--sign-in .form-wrap__table-data {
	position: relative;
}

body .sec-mypage--sign-in .form-wrap__table-data input {
	width: 100%;
}

body .sec-mypage--sign-in .form-wrap__table-data--flex {
	display: flex;
	align-items: center;
}

@media only screen and (min-width: 768px) {
	body .sec-mypage--sign-in .form-wrap__table-data--btn-wrap {
		padding-top: 24px;
	}
}

@media only screen and (max-width: 767px) {
	body .sec-mypage--sign-in .form-wrap__table-data--btn-wrap {
		padding-top: 4.26667vw;
	}
}

body .sec-mypage--sign-in .form-wrap__table-data--btn-wrap .btn {
	flex: 1 1 50% !important;
}

body .sec-mypage--sign-in .form-wrap__table-data--btn-wrap .btn--forgot-password {
	background-color: #fff;
}

@media only screen and (min-width: 768px) {
	body .sec-mypage--sign-in .form-wrap__table-data-item:not(:first-child) {
		margin-left: 0.5em;
	}
}