.login{height:100vh;display:flex;align-items:center}.login>div{display:flex;width:100%}.login>div>section{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.login>div>section.login-form-area>div{max-width:400px;width:100%}.login>div>section.login-form-area>div>h1{color:#171717;font-size:26px;font-weight:700;margin-bottom:14px}.login>div>section.login-form-area>div>p{color:#6f6f6f}.login>div>section.login-form-area>div>div{margin-top:56px;text-align:left}.login>div>section.login-form-area>div>div>div{margin-bottom:30px}.login>div>section.login-form-area>div>div>div label{display:block;color:#333;font-size:16px;margin-bottom:7px;font-weight:600}.login>div>section.login-form-area>div>div>div input{width:100%;padding:10px 8px;border-radius:8px;box-sizing:border-box;border:1px solid #dddddf}.login>div>section.login-form-area>div .login-button button{cursor:pointer;width:100%;padding:12px 15px;border-radius:8px;color:#fff;border:none;font-size:16px;font-weight:600;background:#30419b}.login>div>section.bg-area{background:url(/images/login-bg-02.png) no-repeat 0 0;background-size:cover}.login>div>section.bg-area>div>p:first-child{margin-bottom:20px}.login>div>section.bg-area>div>p:last-child{color:#fff;font-size:34px;font-weight:700;line-height:44px}@media screen and (max-width:1024px){.login>div>section{width:100%}.login>div>section.login-form-area{padding:0 20px}.login>div>section.bg-area{display:none}}