/* login */
.login .card {
  padding: 50px;
  width: 40%;
  min-width: 500px;
  background: white;
  margin: 0 auto;
  font-size: 1.2em;
}

.login .error_message{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding: 12px;
  width: 100%;
  background: #ffcdcd;
  border-radius: 10px;
  color: #454545;
}

.login .title {
  font-size: 1.5em;
  margin-bottom: 40px;
  text-align: left;
}

.login .input{
  width: 100%;
  height: 60px;
}

.login input{
  width: 100%;
  font-size: 1.2em;
  margin-top:20px;
  border-bottom: 2px solid #efefef;
}

.login input:focus{
  border: none;
  outline: none;
  border-bottom: 2px solid #dedede;
}

.login .button {
  font-size: 1.2em;
  width: 60%;
  margin-top:40px;
}

.login .pw{
  color: #6633cc;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 0.8em;
  width: 60%;
}

.login .pw:hover{
  /* font-weight: bold; */
  color: #4411aa;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 0.8em;
  width: 60%;
}