@charset "utf-8";

/* ======================================================
    login-wrap 
=========================================================*/
.login-wrap{background:#52545f; border-radius:4px; width:500px; box-sizing:border-box; padding:47px 50px; min-height:600px;}
.login-wrap .logo{width:144px; height:58px;background:url(../img/logo.png) no-repeat;background-size:100%;}
.login-wrap .stit{font-family: 'Montserrat';margin-top:35px;font-size:20px; color:#fff; font-weight:700; line-height:1.2em; letter-spacing:-0.83px;}
.login-wrap .entry{margin-top:20px;}
.login-wrap .entry li:nth-child(n+2){margin-top:10px;}
.login-wrap .entry .chk-input{width:100%;}
.login-wrap .entry .chk-input input{height:48px;}

.login-wrap .login-btn{margin-top:20px;display:block;background:#33B298;border-radius:2px; text-align:center;width:100%;line-height:48px; font-size:14px; font-weight:700; color:#fff; letter-spacing:-0.03em;}
.login-wrap .login-btn:hover{background: #257f6c
}

.login-wrap .cscenter-login{margin-top:36px;}	
.login-wrap .cscenter-login ul{font-size:0;text-align:center;}
.login-wrap .cscenter-login li{display:inline-block;vertical-align:top;position:relative;height:19px;line-height:19px; color:#fff; font-size:16px; letter-spacing:-0.67px;}
.login-wrap .cscenter-login li a{ display:inline-block;vertical-align:top; color:#fff;  }
.login-wrap .cscenter-login li:nth-child(n+2){margin-left:25px;}
.login-wrap .cscenter-login li:nth-child(n+2):before{width:1px;height:60%; left:-13px; top:20%;margin-top:1px; display:block; content:"";background:#7d7d7d; position:absolute;}
	@media only screen and (max-width:1180px) {
	
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
		
	}
	@media only screen and (min-width:521px) {
		.login-wrap{position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
		
	}
	@media only screen and (max-width:520px) {
		.login-wrap{background:none; width:auto; padding:57px 12px;}
		.login-wrap .logo{margin:0 auto;}
		.login-wrap .stit{text-align:center;}
		.login-wrap .login-btn{margin-top:10px;}

		.login-wrap .cscenter-login{margin-top:24px;}	
		.login-wrap .cscenter-login li{font-size:14px;}
	}