@charset "UTF-8";


#wrap {
}

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

.wrap.chooseLogin{
    background:#fff;
}

.chooseLogin .back {
    padding: 5.56vw 0 5.56vw 4.17vw;
}
.sign-up-title {
    margin-top: 9.72vw;
    font-family: "THELuxGoRA";
    font-size: 6.25vw;
    line-height: 8.33vw;
    color: #1a1e27;
}
.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-top: 9.44vw;
    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%;
}

.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); */
}
.user-email button {
    width: 13.89vw;
}

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

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

.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;
}

.btn_temp {
    font-family: "THELuxGoRA";
    font-size: 4.44vw;
    line-height: 6.25vw;
    color: #1a1e27;
    margin-bottom: 9.72vw;
    text-align: center;
    display: block;
}
.btn_temp span {
    border-bottom: 0.28vw solid #1a1e27;
}

.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;
}