@charset "UTF-8";

html, body, .contents-wrapper{
	height: 100%;
}

.contents-wrapper{
	/* padding-top: 50px; */
}

.input-bg{
	height : 100%;
	/*background-color: rgba(255, 255, 255, 1);*/

	background-size: cover;
	border-radius : 8px;
	}

.title{
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin: 25px 0px 18px 0px;
}
.input-cover{
	
	padding : 30px 10px 20px 10px;
	border-radius: 8px;
}

.img-slot{
	justify-content: center;
	margin-bottom: 30px;
}

.input-slot{
	margin-bottom: 20px;
}
.input-slot div{
	padding: 0;
}

.input-slot input.necessary{
	height: 50px;
}

.img-slot img{
	width: 200px;
	
}
.btn-cover{
	margin : 25px 0px 25px 0px;
	text-align: center;
	padding: 0;
}

#btn-signin{
	font-weight : 600; 
	width : 100%;
    height: 50px;
    background-color: #446AD9;
}
	
#usrLoginFrm .necessary.red{
	
	border: 1px solid red;
}


/* 반응형 처리 */
@media (max-width: 768px){
	.contents-wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
		
	}
	.input-bg{
		border-radius: 8px;
		box-shadow: 0px 3px 6px rgb(0 0 0 / 8%);
	}
}

@media (max-width: 576px){
	.contents-wrapper{
		padding: 50px 25px;
		
	} 
	.input-bg{
		border-radius: 8px;
		box-shadow: 0px 3px 6px rgb(0 0 0 / 8%);
	}
}



/* 로딩바 */
.spineer-cover.hide{
	display: none !important;
}