@charset "UTF-8";

header{
    height:15.28vw;
}

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

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

.user-pw {
  display: flex;
  flex-direction: column;
}

.user-pw p {
  height: 5.56vw;
  font-size: 1.94vw;
}

.user-pw p:first-child {
  margin-left: 0;
}

.user-pw input {
  width: 100%;
  height: 12.5vw;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  border: none;
  border-bottom: 0.42vw solid #d6dadf;
  outline: none;
}
.user-pw input::placeholder {
  color: #d6dadf;
}

.user-pw #pw {
  margin-top: 12.5vw;
}

.user-pw #pw-check {
  margin-top: 5.56vw;
}
.user-pw .txt_noti {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 6.25vw;
  color: #1a1e27;
  margin-top: 6.94vw;
  margin-left: 0;
}
.user-pw #pw.valid {
  background: url("/img/renew2/ico_login_on.png") no-repeat;
  background-size: 4.58vw 3.06vw;
  background-position: right;
}

.user-pw #pw-check.valid {
  background: url("/img/renew2/ico_login_on.png") no-repeat;
  background-size: 4.58vw 3.06vw;
  background-position: right;
}

.user-pw .warning-pw {
  font-family: "THELuxGoRA";
  font-size: 2.78vw;
  line-height: 5.56vw;
  color: red;
  display: none;
}
.user-pw .warning-pw-check {
  font-family: "THELuxGoRA";
  font-size: 2.78vw;
  line-height: 5.56vw;
  color: red;
  display: none;
}

label {
  width: 100%;
  height: auto;
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 6.25vw;
  color: #1a1e27;
  display: flex;
  align-items: center;
  background-size: 100% auto;
}
label span {
  border-bottom: 0.14vw solid #1a1e27;
}

#checkbox1:checked + label:before,
#checkbox2:checked + label:before,
#checkbox3:checked + label:before,
#checkbox4:checked + label:before,
#checkbox5:checked + label:before {
  content: "";
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  display: block;
  background-position: 0 -3.06vw;
  background-size: 100% auto;
}

#checkbox1:checked + label::before {
}

#checkbox1 + label:before,
#checkbox2 + label:before,
#checkbox3 + label:before,
#checkbox4 + label:before,
#checkbox5 + label:before {
  content: "";
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  width: 4.44vw;
  height: 2.99vw;
  display: block;
  margin-right: 4.17vw;
  background-size: 100% auto;
}

#checkbox1 + label:before {
  content: "";
  background: url(/img/renew2/ico_lable_onoff.png) 0 0 no-repeat;
  width: 6.94vw;
  height: 6.94vw;
  background-size: 100% auto;
}

#checkbox1:checked + label:before {
  content: "";
  background: url(/img/renew2/ico_lable_onoff.png) 0 0 no-repeat;
  background-position: 0 -6.94vw;
  background-size: 100% auto;
}

#checkbox1,
#checkbox2,
#checkbox3,
#checkbox4,
#checkbox5 {
  display: none;
}

.agreement-box {
  margin-top: 34.44vw;
}

.agreement-box p {
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 6.25vw;
  color: #1a1e27;
  height: auto;
  width: 100%;
}

.agreement-box p:first-child {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 6.25vw;
  color: #1a1e27;
  border: 0.28vw solid #d6dadf;
  border-radius: 2.78vw;
  display: flex;
  align-items: center;
  padding: 2.5vw 1.67vw;
  margin-bottom: 4.17vw;
}

.agreement-box img:first-child {
  width: 4.17vw;
  height: 1.39vw;
}

.agreement-box p:nth-child(n + 2) {
  /* font-size: 1.67vw; */
  margin-top: 5vw;
}

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

.agreement-box p:nth-child(n + 3) span {
  /* text-decoration: underline; */
}

.policy1,
.policy2,
.policy3 {
  width: 100%;
  padding: 11.67vw 4.17vw 0;
}

.bg-white1 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999999;
  background: #fff;
}
.bg-white1 .inner {
  height: 100%;
  overflow-y: auto;
}
.bg-white2 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999999;
  background: #fff;
}
.bg-white2 .inner {
  height: 100%;
  overflow-y: auto;
}
.bg-white3 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999999;
  background: #fff;
}
.bg-white3 .inner {
  height: 100%;
  overflow-y: auto;
}

.bg-black {
  display: none;
  position: absolute;
  top: 0;
  z-index: 99999999 !important;
  width: 100vw;
  height: 100vh;
  background: black;
  opacity: 50%;
}

.bg-white {
  display: none;
  position: absolute;
  width: 35.69vw;
  height: 18.75vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999999;
  background: white;
}

.back-text {
  display: block;
  width: 11.11vw;
  font-size: 1.94vw;
  font-weight: bold;
  margin: 0 auto;
  padding-bottom: 2.78vw;
}