ul,
li {
  list-style: none;
}

.signUpBox {
  width: 856px;
  height: 611px;
  /* border-radius: 12px; */
  background-color: #ffffff;
  margin: auto;
}

.ipBoxType5 {
  width: 100%;
  text-align: center;
  list-style: none;
  margin-top: 32px;
  margin-bottom: 7px;
}

.inputCertification {
  width: 488px;
  height: 48px;
  padding: 14px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-bottom: 14px;
}

.btninnerRW {
  text-align: center;
  margin-top: 21px;
  margin-bottom: 14px;
}

.btninner {
  width: 80%;
  height: 48px;
  margin-top: -10px;
  border: 1px solid #764bea;
  border-radius: 4px;
  background: #764bea;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: -1%;
  margin: 7px 0;
}

.btninner:hover {
  background-color: #3b09c2;
  border: none;
  color: #ffffff;
}

.btninnerSignin {
  width: 86px;
  height: 48px;
  border: 1px solid #3243cc;
  color: #3243cc;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}

.btninnerSignin:hover {
  background-color: #764bea;
  color: #ffffff;
  border: none;
}

.ipBoxType4 {
  width: 578px;
  height: 160px;
  margin: auto auto 14px auto;
  padding: 14px;
  background-color: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.articleCaption {
  margin-bottom: 14px;
}

.txtEss {
  color: #764bea;
}

.chkImg {
  font-size: 14px;
  color: #212529;
}

.agree {
  float: right;
  font-size: 12px;
  color: #7b7b7b;
}

.articlePart {
  width: 550px;
  height: 98px;
  padding: 14px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  font-size: 12px;
  color: #8e8e8e;
  overflow-y: scroll;
}

input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  cursor: pointer;
  outline: 0;
  margin-right: 3px;
  vertical-align: middle;
}
input[type='checkbox']::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: '';
  height: 40%;
  left: 35%;
  position: relative;
  top: 15%;
  transform: rotate(45deg);
  width: 15%;
  display: none;
}
input[type='checkbox']:checked {
  background: #626280;
}
input[type='checkbox']:checked::after {
  display: block;
}

.emailErr {
  z-index: 999;
  width: 100%;
  margin: auto;
}

.btnW {
  width: 320px;
  margin: auto;
  cursor: pointer;
}

.nextBtn {
  width: 320px;
  height: 45px;
  margin: 7px auto auto auto;
  background-color: #764bea;
  color: #ffffff;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.nextBtn:hover {
  background-color: #3b09c2;
}

.preText {
  text-align: center;
  margin: 42px 0;
}

.firstText {
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: -1%;
  color: #212529;
}

.preText:nth-child(2),
.preText:nth-child(3) {
  font-size: 14px;
  letter-spacing: -1%;
  color: #6c757d;
}

.line {
  width: 30px;
  height: 0px;
  border: 1px solid #e6e6e6;
  margin-top: 12px;
}
.social {
  margin: 0 22.5px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -1%;
  color: #212529;
}

.subTitle2 {
  width: 270px;
  height: 52px;
  margin: -21px auto auto auto;
  display: flex;
  justify-content: center;
}

.line2 {
  width: 100px;
  height: 0px;
  border: 1px solid #e6e6e6;
  margin-top: 12px;
}
.or {
  margin: 0 21px;
  font-size: 14px;
  color: #212529;
}

.emailBtn {
  width: 100%;
  text-align: center;
}

.emailSign {
  width: 320px;
  height: 45px;
  background-color: #ffffff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  font-weight: 500;
  color: #212529;
  cursor: pointer;
}

.emailSign:hover {
  background-color: #764bea;
  color: #ffffff;
}

.emailSign > a:link,
.emailSign > a:visited,
.emailSign > a:active {
  color: #212529;
  text-decoration: none;
}

.signin {
  margin-top: 42px;
}

.certificateTxt {
  margin-right: 14px;
  font-size: 14px;
  letter-spacing: -1%;
  color: #212529;
}

.loginBtn {
  font-size: 16px;
  font-weight: 500;
  color: #212529;
  text-decoration-line: underline;
  cursor: pointer;
}

.loginBtn > a:link,
.loginBtn > a:hover,
.loginBtn > a:visited,
.loginBtn > a:active {
  color: #212529;
  text-decoration: none;
}

/* 태블릿 */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 519px;
  }
  .signUpBox {
    width: 519px;
  }
  .idpwIco {
    width: 320px;
  }
  .inputCertification {
    width: 230px;
  }
  /* .btninner {
        width: 86px;
    } */
  .ipBoxType4 {
    width: 320px;
  }
  .articlePart {
    width: 292px;
    height: 98px;
  }
}

/* 모바일 */
@media (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 360px;
  }
  .signUpBox {
    width: 360px;
  }
  .idpwIco {
    width: 320px;
  }
  .inputCertification {
    width: 230px;
  }
  /* .btninner {
        width: 86px;
    } */
  .ipBoxType4 {
    width: 320px;
  }
  .articlePart {
    width: 292px;
    height: 98px;
  }
}

@media (max-width: 480px) {
  .container {
    width: 100%;
  }
  .signUpBox {
    width: 100%;
  }
  .idpwIco {
    width: 320px;
  }
  .inputCertification {
    width: 230px;
  }
  /* .btninner {
        width: 86px;
    } */
  .ipBoxType4 {
    width: 320px;
  }
  .articlePart {
    width: 292px;
    height: 98px;
  }
}