:root {
    --input-font-size: calc(var(--width) * 0.03733);
}

.swal2-popup {
    font-family: 'Paperlogy', sans-serif;
}

div:where(.swal2-container) .swal2-html-container .strong {
    color: #222;
}

div:where(.swal2-container) .swal2-html-container .small {
    font-size: 14px;
    color: #777777;
}

#step02,
#step03,
#step04 {
    display: none;
}

.product01,
.product02,
.product03 {
    display: none;
}

.apply_cont {
    min-height: 100dvh;
    background: url(/static/app_www/base/img/bg_stripe.png) no-repeat top left/cover;
}

.product_wrap {
    display: flex;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(var(--width) * 0.9337);
}

.product_list {
    display: flex;
    width: 100%;
    aspect-ratio: 315/139.07;
    justify-content: space-between;
    padding: calc(var(--width) * 0.0613333333) calc(var(--width) * 0.0613333333) calc(var(--width) * 0.0613333333) calc(var(--width) * 0.0614333333);
}

.product_list a {
    display: flex;
    width: calc(var(--width) * 0.18202666667);
}

.product_list a img {
    opacity: 0;
    visibility: hidden;
}

.product_list a.active img {
    opacity: 1;
    visibility: visible;
}

.next_btns {
    display: flex;
    width: 100%;
    position: absolute;
    left: 0;
    height: calc(var(--width) * 0.162);
}

.step01_btns {
    top: calc(var(--width) * 1.454);
}

.step02_btns {
    top: calc(var(--width) * 2.05);
}

.step03_btns {
    bottom: calc(var(--width) * 0.081);
}

.step04_btns {
    top: calc(var(--width) * 1.9889);
}

.next_btns a {
    width: 100%;
}

.number_wrap {
    display: flex;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(var(--width) * 1.751);
}

.number_wrap .edk_input_wrap {
    width: 100%;
}

.number_wrap .input_title {
    font-size: calc(var(--width) * 0.042666666);
    margin-bottom: calc(var(--width) * 0.032);
    font-weight: 700;
    color: #222;
}

.edk_input::placeholder {
    color: #9E9E9E;
}

.number_wrap .edk_input {
    font-size: calc(var(--width) * 0.042666666);
    font-weight: 400;
    color: #222;
    text-align: center;
    padding: calc(var(--width) * 0.038666666) 0;
}

.club_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: calc(var(--width) * 0.0815);
    gap: calc(var(--width) * 0.0275) calc(var(--width) * 0.032);
    position: absolute;
    left: 0;
    bottom: calc(var(--width) * 0.319);
}

.club_wrap a {
    display: flex;
    width: calc(var(--width) * 0.402666667);
    opacity: 0;
}

.club_wrap a.active {
    opacity: 1;
}

.info_wrap {
    width: 100%;
    position: absolute;
    top: calc(var(--width) * 0.98);
    left: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width) * 0.076);
    align-items: center;
}

.info_wrap .my_club {
    border: calc(var(--width) * 0.0026) solid #11123B;
    box-shadow: 0px calc(var(--width) * 0.0032) 0px 0px #001F5F;
    background-color: #E8EEF3;
    border-radius: 50px;
    overflow: hidden;
    padding: calc(var(--width) * 0.016) calc(var(--width) * 0.029333);
    display: flex;
    align-items: center;
    gap: calc(var(--width) * 0.016);
    font-size: calc(var(--width) * 0.04266);
    font-weight: 500;
    color: #222;
}

.info_wrap .my_club .icon {
    display: flex;
    width: calc(var(--width) * 0.048);
}

.info_wrap .edk_input_wrap {
    width: 100%;
}

.info_wrap .input_title {
    font-size: calc(var(--width) * 0.04266);
    margin-bottom: calc(var(--width) * 0.03);
}

.info_wrap .edk_input {
    padding: calc(var(--width) * 0.03866) calc(var(--width) * 0.04);
    font-size: calc(var(--width) * 0.04266);
}

.info_wrap .terms_wrap {
    display: flex;
    flex-direction: column;
    gap: calc(var(--width) * 0.04);
    width: 100%;
}

.info_wrap .edk_WAI.checkbox+label {
    padding-left: calc(var(--width) * 0.08);
    padding-top: calc(var(--width) * 0.014);
}

.info_wrap .edk_WAI.checkbox+label:before {
    width: calc(var(--width) * 0.064);
    height: calc(var(--width) * 0.064);
}

.info_wrap .input_checkbox_wrap {
    align-items: flex-end;
}

.info_wrap .input_checkbox_wrap .btn_terms {
    color: #5E5E5E;
}