/* 로그인 */
.login {position: relative; height: 100vh;}
.login .inner {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; box-sizing: border-box; width: 680px; margin: 0 auto;}
.login_area {box-sizing: border-box; width: 580px; height: 600px; padding: 80px 0 0 100px; border-radius: 0 50px 0 0; background-image: linear-gradient(to bottom, #7c7cb4, #54549e);}
.login_area h2 {display: block; font-family: 'Montserrat'; font-size: 50px; font-weight: 800; color: #fff;}
.login_area p {font-family: 'Montserrat'; font-size: 24px; font-weight: 600; color: #fff;}

.login_form {position: absolute; top: 200px; left: 100px; box-sizing: border-box; width: 580px; height: 460px; padding: 80px 100px 0; border-radius: 0 50px 0 0; background-color: #fff;}
.login_form .input_tit {font-family: 'Montserrat'; color: #7c7cb4;}
.login_form input {display: block; margin: 10px 0 20px; width: 100%; height: 54px; padding: 0 25px; color: #7c7cb4; background-color: #fff; border: 1px solid #c4c4e1; border-radius: 5px;}
.login_form input::placeholder {color: #c4c4e1;}
.login_form input::-webkit-input-placeholder {color: #c4c4e1;}
.login_form input::-moz-input-placeholder {color: #c4c4e1;}
.login_form input:-ms-input-placeholder {color: #c4c4e1;}
.login_form input:-moz-input-placeholder {color: #c4c4e1;}
.login_form > button {display: block; margin: 30px 0 0 0; width: 100%; height: 54px; font-family: 'Montserrat'; font-weight: 700; color: #fff; text-align: center; background-color: #2f95fa; border-radius: 5px;}

.ip_txt {padding: 75px 0 0 200px; line-height: 24px; font-size: 14px; color: #c4c4e1;}
.ip_txt em {font-size: 14px; font-weight: 500; color: #7c7cb4;}