.login {
  padding-bottom: 80px;
}
.login__section-wrap,
.login__section2-wrap {
  margin-top: 65px;
  box-shadow: 0px 0px 20px #00000019;
  border-radius: 5px;
  padding: 60px 110px;
}
.login__section2-wrap {
  margin-top: 50px;
}
.login__section + .login__section{
  border-top: 1px solid var(--border2);
  margin-top: 40px;
  padding-top: 40px;
}
.login .dl1 {
  margin-top: 30px;
}
.login__section2-wrap .dl1{
  margin-top: 0;
}
.dl1-block + .dl1-block{
  margin-top: 15px;
}
.dd1 .input-text{
  background-color: #F2F2F2;
}
.login .common-btn-wrap{
  margin-top: 40px;
}
.login .common-btn-wrap .btn{
  width: 315px;
  height: 54px;
}
.login .link3 {
  font-weight: bold;
  padding-right: 20px;
}
.login .note {
  color: #7E8183;
  margin: 5px;
}
@media screen and (max-width:560px) {
  .login__section-wrap, .login__section2-wrap {
    box-shadow: 0vw 0vw 3.57vw #00000019;
    border-radius: 0.89vw;
    padding: 10.71vw 5.36vw;
    margin: 10.71vw auto 0;
    width: 89.29vw;
  }
  .login .dl1 {
    margin-top: 5.36vw;
  }
  .dl1-block + .dl1-block {
    margin-top: 2.68vw;
  }
  .login .common-btn-wrap .btn {
    width: 78.57vw;
    height: 15.36vw;
  }
  .login .link3 {
    padding-right: 4.46vw;
    background-size: 1.61vw;
  }
  .login__section2-wrap .dl1 {
    margin-top: 0;
  }
}