.content-body {
  margin-top: 100px;
}

.content-body.regist-content-body .card {
  display: block;
  height: 330px;
  background-color: #fdfdfd;
  border: solid 3px #eee;
}
.content-body.regist-content-body .card:hover {
  border-color: #0086ff;
  background-color: #eaf5ff;
}
.content-body.regist-content-body .card > .card-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.content-body.regist-content-body label {
  font-weight: 700;
}
.content-body.regist-content-body input.form-control + .inner-btn {
  top: 56px;
}
.content-body.regist-content-body input.form-control.error {
  border-color: #F24147;
}
.content-body.regist-content-body input.form-control.error:focus {
  border-color: #F24147;
}
.content-body.regist-content-body input.form-control.ok {
  border-color: #3DF491;
}
.content-body.regist-content-body input.form-control.ok:focus {
  border-color: #3DF491;
}
.content-body.regist-content-body input.form-control:focus {
  box-shadow: none;
  border-color: #dee2e6;
}
.content-body.regist-content-body .valiadte-message.error {
  color: #F24147;
}
.content-body.regist-content-body .valiadte-message.ok {
  color: #3DF491;
}

#duplicationCheck {
  padding: 0.75rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  padding: 0.75rem 2.25rem 0.75rem 0.75rem;
}

.terms-text {
  width: 100%;
  height: 181px;
  padding: 20px;
  border-radius: 20px;
  background-color: #f6f7f8;
  border: none;
  resize: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.terms-text:focus {
  outline: none;
}

#birthYear {
  width: 33%;
}

#birthMonth {
  width: 20%;
}

#birthDate {
  width: 20%;
}

@media screen and (max-width: 480px) {
  .content-body.regist-content-body .card {
    max-height: 200px;
  }
}