#footer {
  position: absolute;
  bottom: 0;
  left: 0
}

.login-form {
  width: 387px;
  margin: 0 auto;
  padding-top: 50px;
  position: relative
}

.login-form h1 {
  margin-bottom: 50px;
  text-align: center
}

.login-form .form-box {
  margin-bottom: 12px
}

.login-form .form-box input {
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  line-height: 52px;
  padding-left: 16px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  border: solid 1px #dcdddd;
  font-size: 17px;
  outline: 0
}

.login-form .form-box input:focus {
  border-color: #ff5c17
}

.login-form .form-box input::placeholder {
  color: #dcdddd
}

.login-form .form-box input::-ms-input-placeholder {
  color: #dcdddd
}

.login-form .form-box input::-webkit-input-placeholder {
  color: #dcdddd
}

.login-form .login-util {
  padding-top: 5px;
  overflow: hidden;
  color: #707070;
  font-size: 14px
}

.login-form .login-util .check-logged-auto {
  float: left
}

.login-form .login-util a {
  float: right;
  margin-top: 3px;
  color: #707070
}

.login-form .sns-login-btn {
  margin-top: 66px
}

.error-next-box {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  text-align: left;
  color: #FF0000;
}

@media all and (max-width: 700px) {
  .login-form {
    width: 85%;
  }

  .btn.btn-primary {
    width: 100%;
  }
}