/* Page : Login ----------*/
.page-login{background-color:#FAFAFB}
.login-wrap{margin:0 auto; max-width:450px; text-align:center; position:relative; padding-top:80px}

.page-login .btn-lang{position:absolute; top:10px; right:0}
.btn-lang .lang-text span{display:inline-block}
.btn-lang .lang-text:after{width:16px; height:16px; background-size:32px}
.btn-lang .lang-list{right:0}
.site-logo{width:140px; height:26px; margin:0 auto}
@media(min-width:768px){
  .btn-lang .lang-list{right:-20px}
}

/* tabs */
.tabs{margin-top:30px; justify-content:center}
.tabs .tab-text{min-width:90px; font-size:14px; text-align:center}

/* form */
.save-id{font-size:14px; text-align:left; margin-top:15px}
.btn-login{width:100%; margin-top:20px}
.input-field{background:#FFF}

/* link */
.login-link{margin-top:20px; font-size:0}
.login-link a{color:#888; font-size:13px; padding:2px 10px; display:inline-block; position:relative}
.login-link a::before{content:''; width:1px; height:10px; background-color:#E3E3E3; position:absolute; top:6px; left:0}
.login-link a:first-child::before{display:none}
.login-link a:hover{color:#666}

/* footer */
.site-footer{background-color:transparent; margin-top:0}
.site-footer .footer-header{display:none}
.footer-body{padding-top:30px}

@media(min-width:1070px){
  .login-wrap{margin-top:80px}
  .site-logo{width:186px; height:34px}
  .tabs{margin-top:30px}
  .tabs .tab-text{min-width:100px; font-size:15px; padding:8px 12px}
  .alert-msg{font-size:14px}
}