@charset "UTF-8";

.login_main {
	width: 100%;
	height: 100%;
}
.login_main > div { 
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.login {
	position: absolute;
	left: calc(50% - 250px);
	top: calc(50% - 222.5px);
	width: 500px;
	height: 445px;
	background: #fff;
	border-right: 1px solid #ddd;
	border-radius: 30px 30px 30px 30px;
	box-sizing: border-box;
	z-index: 1;
	box-shadow: 0px 2px 6px 0px #00000021;
}
.login > div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.login > div > .logo {
	background-image: url("./img/logo_02.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 170px;
    height: 40px;
    margin-bottom: 30px;
    background-size: 190px 60px;
    backface-visibility: hidden;
}
.login > div > .txt {
	width: 329px;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
.login > div > .id input {
	width: 420px;
	height: 45px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
}
.login > div > .password input {
	width: 420px;
	height: 45px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
}
.login > div > .login_btn {	
	margin-bottom: 38px;	
	height: 45px;
}
.login > div > .login_btn > li {
	width: 205px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #708FD9;
	border-radius: 5px;
	color: #fff;
	transition: 0.6s;
	cursor: pointer;
	/* transition-duration: 1s; */
	/* transform: scale(1.1) rotate(.001deg); */
}
.login > div > .login_btn > .btn_y {
	width: 205px;
	height: 45px;
	background: #E9BD83;
	margin-left: 10px;
}
.login > div > .login_check {
	width: 420px;
	height: 20px;	
	line-height: 20px;
}
.login > div > .login_check > li {
	width: 200px;
	text-align: center;
	cursor: pointer;
}
.background_img {
	position: absolute;
	right: 0;
	background: #F6F6FE url("./img/bg.png") 35% 50%;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}