button, input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 


input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="tel"] {border: 0; padding: 10px; height: 60px; width:100%; border: 1px solid var(--border); border-radius: 0;}  


textarea { width: 100%; resize: none; height: 100px; border: 0; padding: 10px;  border: 1px solid var(--border);  border-radius: 0;} 
select {
    padding: 0 30px 0 10px; border: 1px solid var(--border); height:60px;  border-radius: 0;
    background:url('../img/select_arr_b.png') no-repeat #fff calc(100% - 10px) 50%/10px auto;
}


input::placeholder,
textarea::placeholder { color: #aaa; } 


input[type="button"] {
    border: 1px solid var(--mainColor); max-width: 215px; padding: 10px; height: 60px;  border-radius: 0;
    text-align: center; display: inline-block; background: var(--mainColor); color: #fff;
    transition: 0.3s ease-in-out; cursor: pointer;
} 


input[type="radio"] { border-radius: 10px; margin-top: -1px;}
input[type="checkbox"] { margin-top: 0px; } 


input[type="checkbox"],
input[type="radio"] {
    margin-right: 7px; border: 1px solid #ccc; background: #fff; vertical-align: middle; width: 18px; height: 18px;
} 
input[type="checkbox"]:checked,
input[type="radio"]:checked { border: 5px solid #222; } 
label { margin-right: 20px; display: inline-block; font-size: 1rem;} 
label:last-child { margin-right: 0; } 


.form_wrap {max-width: 800px; margin: 0 auto;}
.form_wrap .btn_box {margin-top:40px;}
.form_wrap .btn_box a {
    width:100%; height:60px; line-height:60px; font-size:1rem; color:#fff; font-weight: 700;
    background:#222; display:block; text-align:center; 
}


.form_box,
.form_box td {display:block; height:auto; width:100%; text-align:left;}


.form_box > tbody {
    display: flex; gap: 20px; flex-wrap: wrap;
}
.form_box > tbody > tr {display: flex; flex-direction: column; gap: 10px; height: auto; width: calc(50% - 10px);}
.form_box > tbody > tr.w100 {width: 100%;}
.form_box td {font-size:1rem ; font-weight:500;}
.form_box .gubun {display: none;}
.form_box .naeyong {font-size: 0;}
.form_box .privacy_wrap {padding-top:20px; border-top:1px solid var(--border); width: 100%;}
.form_box .privacy_wrap .gubun {display: block;}
.form_box .privacy_wrap td[align="left"] {display: none; }
.form_box .privacy_wrap td[align="right"] {margin-top: 5px;}
.form_box .privacy_wrap tbody {display: flex; flex-direction: column;}
.form_box .privacy_wrap tbody tr:nth-child(1) {order: 2;}
.form_box .privacy_wrap tbody tr:nth-child(2) {order: 1;}
.form_box .privacy_wrap textarea {font-size: 0.875rem !important; padding: 15px !important; height: 120px !important;}
.form_box .captcha_wrap {flex-direction: row; gap:20px; width: 100%; margin-top: 10px;}
.form_box .captcha_wrap .gubun {padding-left:0; flex-basis: 140px; display: block;}
.form_box .captcha_wrap .gubun:before {display:none;}
.form_box .captcha_wrap .naeyong {flex: 1; font-size: 1rem;}
.form_box .captcha_wrap .naeyong a {margin:10px 0; display:block; width: fit-content;}
.form_box .captcha_wrap .naeyong br {display: none;}


.form_box .input_check {margin-top: 10px;}
.form_box tr:nth-child(1) .input_check {margin-top: 0;}
.form_box .input_check label {padding-left: 30px; position: relative;}
.form_box .input_check label input {position: absolute; left: 0; top: 4px;}


@media screen and (max-width:899px){


    .form_wrap {width: 100%;}


    .form_box input,
    .form_box textarea,
    .form_box label {font-size: 0.94rem;}


    .form_box .captcha_wrap .naeyong {font-size: 0.875rem;}


    .form_wrap .btn_box {margin-top: 40px;}
    .form_wrap .btn_box a {font-size: 1rem; height:50px; line-height: 50px;}

    .form_box > tbody > tr {width: 100%;}
    .form_box .input_check label input {top: 3px;}

}