@charset "UTF-8";


header{
    height:15.28vw;
}
main {
    padding: 11.67vw 5.56vw 2.78vw;
    width: auto;
    min-height:166.6vw;
    position:relative;
}

.sign-up-title {
  margin-top: 9.72vw;
  font-family: "THELuxGoRA";
  font-size: 6.25vw;
  line-height: 8.33vw;
  color: #1a1e27;
}

.btn_box{
    display: flex;
    margin-top: 6.25vw;
}

.btn_box button{
    color: #1a1e27;
    font-family: "THELuxGoRA";
    font-size: 4.44vw;
    line-height: 6.25vw;
    display: flex;
    align-items: center;
}

.btn_box button:last-child{
    margin-left:3.47vw
}

.btn_box button:before{
    content: '';
    width:2.78vw;
    height:2.78vw;
    background: #fff;
    border: 0.14vw solid #929292;
    border-radius: 100%;
    margin-right: 1.94vw;
    display: block;
}

.btn_box button.on:before{
    content: '';
    background: #477fed;
}

.join_box{margin-top: 2.78vw;}

ul.join_box li{display:none}
ul.join_box li.on{display:block}

.sign-up-title span{
  color: #4880ee;
}

.sign-up-title.auth {
  display: none;
}

main.on .sign-up-title {
  display: none;
}

main.on .sign-up-title.auth {
  display: block;
}

.user-email .input_box p.auth {
  display: none;
}

main.on .user-email .input_box p.auth {
  display: block;
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 8.33vw;
  color: #505866;
}
main.on #btnAuth {
  display: none;
}

.user-email .input_box.auth {
  display: none;
}

main.on .user-email .input_box.auth {
  display: flex;
}

.user-email .input_box.auth p.auth {
  display: none;
}

main.on .user-email .input_box.auth p.auth {
  display: block;
}

.user-email > div.input_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.44vw;
  border-bottom: 0.42vw solid #4880ee;
}

main.on .user-email > div.input_box.email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 9.44vw;
  margin-bottom: 4.44vw;
  border-bottom: 0.42vw solid #d6dadf;
}

.user-email > div.input_box .inputbx {
  display: flex;
  width: 100%;
  align-items: center;
}

.user-email > div.input_box.read {
  border-bottom: 0.42vw solid #d6dadf;
  flex-direction: column;
  align-items: flex-start;
}

.user-email > div.input_box.read > p {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 8.33vw;
  color: #505866;
}

main.on .user-email .btn-swiper {
  display: none;
}

.user-email input {
  width: calc(100% - 15.28vw);
  height: 12.5vw;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  border: none;
  outline: none;
}

main.on .user-email input {
  width: 100%;
}

main.on .user-email .input_box.auth input {
  width: calc(100% - 15.28vw);
}

main.on .user-email .input_box.auth input::placeholder {
  color: #b1b8c0;
}
.user-email button {
  width: 15.28vw;
  height: 8.33vw;
  background: url(/img/renew2/btn_auth_end.png) no-repeat;
  background-size: 100% auto;
}

.user-email button.on {
 background: url(/img/renew2/btn_auth.png) no-repeat;
 background-size: 100% auto;
}

.next-wrap {
   /* margin-top: 69.44vw;*/
    position: absolute;
    bottom: 5vw;
    width: calc(100% - 11.56vw);
}

.user-email .txt_noti {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 6.25vw;
  letter-spacing: -0.07em;
  color: #1a1e27;
  margin-top: 9.72vw;
}

.main.on .user-email .txt_noti {
  display: none;
}

.user-email .txt_noti.auth {
  display: none;
}

main.on .user-email .txt_noti {
  display: none;
}

main.on .user-email .txt_noti.auth {
  display: block;
}

.next,
.complete {
  display: block;
  width: 100%;
  height: 13.89vw;
  text-align: center;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 6.25vw;
  background: #e6e6e6;
  color: #64768c;
  border-radius: 2.78vw;
}
.next:enabled,
.complete:enabled {
  background: #5f91d6;
  color: #ffffff;
}

.go-login {
  display: block;
  width: 44.44vw !important;
  height: 6.94vw;
  background: #5f91d6;
  text-align: center;
  margin: 0 auto;
  line-height: 6.94vw;
  margin: 1.39vw auto;
  font-size: 3.33vw;
  font-family: "Noto Sans KR", sans-serif;
}
.go-login .already {
  color: #ffffff;
  font-size: 2.64vw;
}

.go-login:enabled {
  background: #5f91d6;
  color: #ffffff;
}

/* .go-login{
    display: block;
    font-size: 1.67vw;
    margin: 0 auto;
    color: black;
    width: 25.00vw;
}

.go-login :last-child{
    color: #5F91D6;
    font-weight: bold;
    margin-left: 0.69vw;
} */

.swiper-slide {
  height: 8.33vw;
  border: 0.28vw solid #505866 !important;
  border-radius: 2.5vw;
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 8.33vw;
  color: #1a1e27;
  letter-spacing: -0.02em;
  padding: 0 2.22vw;
  display: flex;
  align-items: center;
  justify-content: center;
}