:root {
    --font-size: 20px;
    --font-size2: 18px;
    --form-height: 48px;
}
#pure-form {
    margin-top: 65px;
} 
.form_wrap {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 50px 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    background: #ffffff30;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
#pure-form ul {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    row-gap: 25px;
}
#pure-form ul li {display: flex; overflow: hidden; align-items: center; border-radius: 5px;}
#pure-form ul li:first-child {border: none;}
#pure-form ul li .name_wrap { width: 100%; border-radius: 5px;}
#pure-form ul li > label, #pure-form ul li .name_wrap label {min-width: 85px; display: inline-block; font-weight: 500; font-size: var(--font-size); font-weight: 500; }
#pure-form ul li:last-child label {height: auto; line-height: 1;}
#pure-form ul li input[type=text],
#pure-form ul li input[type=tel],
#pure-form ul li select {border: none; outline: none; height: var(--form-height); border-radius: 5px; background: none; width: 100%; padding-left: 15px; background: #fff;}

#pure-form h2 {color: #fff; font-weight: 600; font-size: 25px; margin-bottom: 30px; line-height: 1.6; letter-spacing: -1px;  gap: 10px; text-align: center;}
#pure-form ul li input[type=radio] {display: none;}

#pure-form ul li .radio_wrap {display: flex; align-items: center; height: var(--form-height); margin-left: 10px; gap: 5px;}
#pure-form ul li .radio_wrap .gender_label {width: var(--form-height); height: var(--form-height);  line-height: var(--form-height);  cursor: pointer; font-weight: 400; text-align: center; color: #333; border-radius: 5px; background:#fff; font-size: var(--font-size2);}
#pure-form ul li .radio_wrap .gender_men {}
#pure-form ul li .radio_wrap input:checked + label {color: #fff; background: var(--maincolor); border: 1px solid var(--maincolor);}
#pure-form ul li .radio_wrap input:checked + label:before {background: var(--maincolor);}

#pure-form ul li select {width: auto; padding-right: 1.875rem;background: url(../img/arrow_tel.png)rgba(255, 255, 255, 1) no-repeat 85% 50%; font-weight: 500; color: #333; font-size: var(--font-size2);}
#pure-form ul li:first-child {background: none;}
#pure-form ul li:last-child {font-size: var(--font-size2); gap: 10px; border-right: none;  flex-direction: row; border: none; background: none;}
#pure-form ul li:last-child input {width: 18px; height: 18px;}
.privacy1 {font-weight: 400;}
#pure-form ul li:last-child label {font-weight: 500; cursor: pointer; background: none; padding-left: 0; margin-left: 0;}
#pure-form .btn_wrap {

}
#pure-form .btn_wrap button {    
    background: #ffffff;
    border: 1px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    font-weight: 600;
    font-size: 22px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 15px 30px;
    border-radius: 5px;
    line-height: 1.5;
    color: var(--maincolor);
}
#pure-form .btn_wrap button i {}
#pure-form .title1 {font-size: 1rem; font-weight: 600; line-height: 1.5rem; letter-spacing: -1px; color: #666; margin-bottom: 30px;}
#pure-form .title2 {font-size: 1.4375rem; font-weight: 800; text-align: center; color: var(--maincolor); line-height: 2rem; margin-bottom: 30px; letter-spacing: -1px;}
#pure-form ul li input[type=tel]#mobile2 {margin-left: 10px;}
#pure-form ul li:nth-child(3) {gap: 0;}
#pure-form ul li input[type=text]#customer_name {border-right:none;}
#pure-form #customer_birth {}
#pure-form ul li .radio_wrap label.mw {margin-right: 10px; color: #000; font-weight: 700;}
#pure-form ul li .radio_wrap .mw:before {display: none;}
#pure-form ul li .name_wrap, #pure-form ul li .birth_wrap, #pure-form ul li .phone_wrap {display: flex; align-items: center;}
#pure-form .btn_wrap img {width: 15px; height: 15px; object-fit: contain;}
::placeholder {color: #525252; font-weight: 500; font-size: var(--font-size2);}


@media (max-width:1200px) {

}
@media (max-width:1023px) {
    .form_wrap {
        flex-direction: column;
    }
    #pure-form ul {
        gap: 25px;
        row-gap: 25px;
    }

}

@media (max-width:959px) {
    .form_wrap {
        padding: 40px 30px;
    }

}


@media (max-width:768px) {
    #pure-form {
        margin-top: 35px;
    }
    #pure-form ul {
        grid-template-columns: repeat(1, 1fr);
    }
    #pure-form ul li:last-child {
        justify-content: center;
        margin-top: 15px;
    }
}

@media (max-width:586px) {
    :root {
        --font-size: 18px;
        --font-size2: 16px;
        --form-height: 43px;
    }
    .form_wrap {
        padding: 35px 25px;
    }
    #pure-form ul {
        row-gap: 20px;
    }
    #pure-form ul li > label, #pure-form ul li .name_wrap label {
        min-width: 80px;
    }
    #pure-form .btn_wrap button {
        padding: 12px;
    }
}

@media (max-width:430px) {
    .form_wrap {
        padding: 35px 20px;
    }
    #pure-form ul li > label, #pure-form ul li .name_wrap label {
        min-width: 70px;
    }
}