@charset "utf-8";

.login .body-container { min-height: calc(100vh - 572px); padding: 0 0 120px; margin-bottom: 0; background: #f4f4f4; border-top: 1px solid #dadada; }
.login .sub-banner { height: 180px; background: url(../../../img/sub/equipment/banner_bg.png)no-repeat center; }
.login .sub-banner .title p:after { display: none; }

.login-section .logo-area { max-width: 80%; width: 350px; margin: 0 auto; }
.login-section .logo-area img { width: 100%; }


.login-wrap { position: relative; max-width: 100%; width: 550px; max-width: 100%; padding: 50px 40px; margin: 0 auto; background: #fff; border: 1px solid #dee3eb; border-top: 1px solid #5496ff; margin-top: 40px; }
.login-wrap .login-btn-area { position: relative; display: flex; flex-wrap: wrap; gap: 30px; }
.login-wrap .login-btn-area .login-btn { width: 100%; text-align: center; }
.login-wrap .login-btn-area .login-btn:first-child { padding-bottom: 30px; border-bottom: 1px dashed #c5c5c5; }
.login-wrap .login-btn-area .login-btn .login-tit { font-size: 1.5rem; font-weight: 600; padding-bottom: 15px; }
.login-wrap .login-btn-area .login-btn .login-tit i { font-size: 16px; color: #455567; }
.login-wrap .login-btn-area .login-btn .link-btn { display: block; padding: 10px 0; font-size: 1.3rem; font-weight: 500; border: 1px solid #5496ff; color: #5496ff; color: #fff; background: #5496ff; transition: background .25s; }
.login-wrap .login-btn-area .login-btn .link-btn:hover { background: #fff; color: #5496ff;  }

@media all and (max-width: 475px) {
  .login .body-container { min-height: auto; padding-bottom: 60px;}
  .login-wrap { padding: 40px 20px; margin-top: 20px; }
  .login-wrap .login-btn-area .login-btn .login-tit { font-size: 1.4rem; }
}