#main{
	min-height: calc(100vh - 171.81px);
}

.loginHeader{
	text-align: center;
    position: relative;
    width: 753px;
    margin: 0 auto;
    box-sizing: border-box;
}

.loginHeader .loginImg{
	width: 600px;
    margin-top: 108px;
    display: inline-block;
    vertical-align: top;
    background-position: 0 -51px;
}

.loginHeader .loginSubText{
	text-align: center;
	margin-top:20px;
	font-size: 30px;
}

.login-view{
	margin-top:30px;
	padding-bottom: 108px;
	box-sizing: border-box;
}

.login-view .rtOpCont {
	width:768px;
	box-sizing: border-box;
    margin: 0 auto;
}

.login-view .rtOpContFixed {
	padding-top: 0;
	top: 11%;
}

.login-view .rtOpCont .loginArea{
	width:calc(100% + 0px);
	padding-bottom:25px;
	border-bottom:1px solid #e5e5e5;
	margin-left:-25px;
	padding-left:25px;
}

.login-view .rtOpCont .loginArea .form{
	width:100%;
	display:inline-block;
}

.login-view .rtOpCont .loginArea .form .inputForm{
	width:49%;
	display:inline-block;
	vertical-align:Middle;
}

.login-view .rtOpCont .loginArea .form .inputForm .w100{
	width:100%;
	border:1px solid #e5e5e5;
	border-radius:5px;
	padding:15px;
	box-sizing:border-box;
	color:#222;
	margin-top:10px;
}

.login-view .rtOpCont .loginArea .form .inputForm .w100::placeholder{
	color:#999
}

.login-view .rtOpCont .loginArea .form .inputForm .w100:first-child{
	margin-top:0px;
}

.login-view .rtOpCont .loginArea .form .btnForm{
	width:49%;
	display:inline-block;
	float: right;
}

.login-view .rtOpCont .loginArea .form .btnForm .loginBTN{
	background:#222;
	color:#fff;
	width:100%;
	padding:47.5px 0px;
	border-radius:5px;
	text-align:center;
}
	
.login-view .rtOpCont .loginArea .op{
	width:100%;
	margin-top:5px;
	display:inline-block;
}

.login-view .rtOpCont .loginArea .op .checkArea{
	display:flex;
}
.login-view .rtOpCont .loginArea .op .checkArea a{
	display:inline-block;
    font-size: 14px;
    transform: skew(-0.03deg);
    text-decoration: underline;
    float: right;	
    padding-top: 3px;
    margin-left:auto;
}

.login-view .rtOpCont .loginArea .op .checkArea label{
	font-size:14px;
	transform: skew(-0.03deg);
	color:#777777;
	margin-left:5px;
}

.login-view .rtOpCont .timeInfo{
	width:100%;
	font-size:16px;
	transform : skew(-0.03deg);
	margin-top: 10px;
}

.login-view .rtOpCont .timeInfo .cal{
	margin-bottom: 10px;
	font-weight: 900;
}

.login-view .rtOpCont .timeInfo .cal button{
	background: #222;
    color: #fff;
    padding: 5px 5px;
    border-radius: 5px;
    text-align: center;
    cursor:pointer;
}

.login-view .rtOpCont .timeInfo .tim{
	line-height: 23px;
}

@media (max-width: 800px)
{
	.loginHeader{
		width: 100%;
	}
	
	.loginHeader .loginImg{
		width: 80%;
	}
	
	.login-view{
		padding-left: 0;
	}
	
	.login-view .rtOpCont{
		width:100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
}