@charset "utf-8";

.login_frame{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: calc(95vh - 60px);
}
.login_contents{
	max-width: 470px;
    width: 100%;
}
	.login_logo{
		
	}
		.login_logo p{
			font-size: 21px;
		    text-align: center;
		    letter-spacing: 6px;
		    margin-top: 15px;
		    margin-bottom: 15px;
		}
		.login_logo_img{
			max-width: 350px;
		    margin-left: auto;
		    margin-right: auto;
		}
		.login_logo_img img{
			width: 100%;
		}
	.login_form_contents{
		text-align: center;
	    margin-top: 30px;
	}
		.login_form_contents p{
		    font-size: 18px;
		}
		
		.login_form{
		    background: #ededed;
		    margin-top: 10px;
		    margin-left: 15px;
		    margin-right: 15px;
		    padding: 30px 10px;
		}
			.login_inner{
				text-align: left;
			    max-width: 300px;
			    margin-left: auto;
			    margin-right: auto;
			    margin-top: 25px;
			}
				.login_inner label{
				    display: block;
				    margin-bottom: 8px;
				}
				.login_inner .login_input_group{
					
				}
				.login_inner input{
					border: 1px solid #a1a1a1;
				    background: #fff;
				    border-radius: 4px;
				    padding: 10px 20px;
				    font-size: 14px;
				    width: 100%;
				}
				.login_inner input::placeholder {
					font-size: 14px;
					
				    line-height: normal;
				    
				}
				.login_inner input.login_pass::placeholder {
					font-size: 14px;
					letter-spacing: -2px;
				}
			.login_form_contents p.logiin_err{
				color: red;
			    margin-top: 10px;
			    font-size: 14px;
			}
			.login_btn{
				max-width: 300px;
			    width: 100%;
			    margin-top: 35px;
			    padding: 12px 10px;
			    color: #fff;
			    background: #bf1920;
			    border-radius: 6px;
			}
			.login_form_contents p.login_mini_txt{
			    font-size: 13px;
			    margin-top: 10px;
			    letter-spacing: 1px;
			}
	

@media screen and (max-width: 1100px) {
	
}
@media screen and (max-width: 900px) {
	
}
@media screen and (max-width: 800px) {
	
}
@media screen and (max-width: 520px) {
	
}
@media screen and (max-width: 375px) {
	
}