#stats {display: none;}



.login { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); background: rgba(255,255,255,1);max-width: 1000px; width:100%; max-height: 640px; height:100%; border-radius: 25px; overflow:hidden;}
.login:after {content:''; clear:both; display:table;}
.login .img_box {float:left; width:50%; height:100%; background:url('../img/overview_img4.jpg')no-repeat center ; background-size:cover;}
.login .txt_box {float:right; width:50%; height:100%;  padding:100px 50px;position: relative;}
.login .txt_box .home {position: absolute; right:50px; top:50px; font-size:11px; color:#dadada; padding:8px 14px; border:1px solid #ececec; border-radius:25px;}
.login .txt_box .home img { margin-right:7px; width:14px; margin-top:-5px; position: relative; top:3px;}

.login .txt_box h2 {font-size:36px; font-family: 'Pretendard-Bold';}
.login .txt_box h3 {margin-top:15px; font-size:14px; color:#c0c0c0; font-weight: 400;font-family: 'Pretendard-Light';margin-bottom:50px;}

.login .txt_box .input_box {position: relative; height: 50px; background: rgba(255,255,255,1); border:1px solid #e6e6e6; border-radius: 10px; margin-top: 12px;text-align: left;}
.login .txt_box .input_box svg {position: absolute; left: 12px; width: 20px; height: 20px; top: 13px; color: #ccc;}
.login .txt_box .input_box input {width: 100%; height: 50px; border: none; background: none; padding-left: 50px; font-size: 1.2em;}
.login .txt_box .input_box input:focus {outline: none;}
.login .txt_box .input_box input::placeholder {letter-spacing: .5px; color: #ddd;}

.login .txt_box button {margin-top:115px; height:50px; border-radius:10px; float:left; width:49%; border:none; font-size:1.2em; letter-spacing: .5px; color:#fff; background:#2F37FF;}
.login .txt_box button.bt2 {margin-left:2%; border:1px solid #2F37FF; color:#2F37FF; background:#fff;}


.login .txt_box input[type="checkbox"] {display: none;}
.login .txt_box .ck_box {margin-top:18px; }
.login .txt_box .ck_box .ck_label {position:relative; display: inline-block; padding-left:27px; font-size:14px; color:#bbb;  line-height:1.3em; font-family: 'Pretendard-Regular'; cursor: pointer;}
.login .txt_box .ck_box .ck_label span {position: absolute; left:1px; top:0px; width:18px; height:18px; border:1px solid #ddd ;border-radius:3px; background:none; }
.login .txt_box .ck_box input[type="checkbox"]:checked + .ck_label span {background:url('../img/check_icon.svg')no-repeat center #2F37FF; border:1px solid #2F37FF; }
.login .txt_box .ck_box input[type="checkbox"]:checked + .ck_label {color:#2F37FF;}




.join .txt_box {padding:55px 50px;}
.join .txt_box h2 {font-size:36px; font-family: 'Pretendard-Bold';}
.join .txt_box h3 {margin-top:15px; font-size:14px; color:#c0c0c0; font-weight: 400;font-family: 'Pretendard-Light'; margin-bottom:30px;}
.join .txt_box .input_box input {padding-left:18px; height:49px; padding-bottom:1px;}
.join .txt_box .input_box.grid1 {float:left; width:49%; margin-top:35px;}
.join .txt_box .input_box.grid2 {float:right; width:49%; margin-top:35px;}
.join .txt_box button {margin-top:55px;}








.join_result {text-align:center; padding:85px 0;}
.join_result h2 {font-size:30px; font-family: 'Pretendard-Bold';}
.join_result h3 {margin-top:15px; font-size:14px; color:#c0c0c0; font-weight: 400;font-family: 'Pretendard-Light';margin-bottom:50px;}
.join_result { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); background: rgba(255,255,255,1);max-width: 400px; width:100%; max-height: 300px; height:100%; border-radius: 25px; overflow:hidden;}
.join_result:after {content:''; clear:both; display:table;}
.join_result button {position: absolute; left:0; bottom:0; border:none;  letter-spacing: .5px; color:#fff; background:#2F37FF; width:100%; height:60px; font-size:18px;}



@media screen and (max-width:1050px) {
	.login {width:90%; height:90%;}
	.login .txt_box {padding:100px 40px;}
	.login .txt_box h2 {font-size:32px;}
}

@media screen and (max-width:950px) {
	.login {max-height:520px;}
	.login .txt_box {padding:50px 30px;}
	.login .txt_box h2 {font-size:25px;}
	.login .txt_box .home {RIGHT:30px; top:23px;}
	.login .txt_box .input_box {height:45px;}
	.login .txt_box .input_box svg {left:10px; top:11px;}
	.login .txt_box .input_box input {height:44px; padding-left:40px;}
	.login .txt_box button {height:45px;}

	.join .txt_box {padding:30px 30px;}
	.join .txt_box .input_box input {padding-left:15px;}
	.login .txt_box .input_box {margin-top:8px;}
	.join .txt_box .input_box.grid1, .join .txt_box .input_box.grid2 {margin-top:25px;}

	.join .txt_box button {margin-top:40px;}
}

@media screen and (max-width:700px) {
	.login .img_box {display: none;}
	.login .txt_box {width:100%;}

	.join_result  {width:90%; height:90%; padding:65px 0; max-height:260px;}
	.join_result h2 {font-size:25px;}
	.join_result button {height:55px; font-size:16px;}

}

@media screen and (max-height:650px) {
	.login .txt_box {overflow-y:scroll;}
	.login .txt_box::-webkit-scrollbar {display: none;}
}