/****************************
01. 로그인
*****************************/
.login-bg {background: url('/img/renew/login-bg.jpg') center top no-repeat; background-size: cover;}
.login-bg h4 {text-align: center; font-size:2.19em; font-weight: 400; line-height: 1.3em; padding-top:1.33em;}

.login-box {background: #fff; width:100%; max-width: 800px; margin: 3.44em auto; border-radius: 20px; padding:5em 5.63em; box-shadow: 0 20px 30px rgba(206, 221, 236, 0.3);}
.login-box .input-style {border:1px solid #ddd; border-radius: 0.3em; width:100%; padding:1em 1.18em; margin-bottom:10px; transition: all .5s ease-in;}
.login-box input::placeholder {color:#999}
.login-box .input-style:focus {border:1px solid #5BABFA}
.login-box .btn-login {width:100%; text-align: center; margin-top:1.18em; background: #164194; color:#fff; padding:1em 0; border-radius: 0.3em; font-size:1.18em}

.login-box p a {color:#164194; font-weight: 500; text-align: center; display: block; width:100%; margin:1.88em 0 2.5em }
.login-box ul {text-align: center;}
.login-box ul li {display: inline-block; padding:0 15px;}
.login-box ul li:not(:first-child) {border-left:1px solid #ddd;}
.btn-login {box-shadow: 0 10px 10px rgba(0, 64, 151, 0.15);}

@media (max-width: 1520px) {
	

}
@media (max-width: 950px) {

      .login-box {padding:1.88em;}
	

	

}
@media (max-width: 540px) {

	
}
@media (max-width: 380px) {

}