input, button { -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: 50px; width:100%; border: 1px solid #333; border-radius: 6px;}  


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

.form_box > tbody > tr.num{width: 100%;}

input::placeholder,
textarea::placeholder { color: #aaa; font-weight: 300; } 



input[type="button"] {
    border: 1px solid var(--mainColor); max-width: 215px; padding: 10px; height: 50px;  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 #ddd; background: #fff; vertical-align: middle; width: 18px; height: 18px;
} 
input[type="checkbox"]:checked,
input[type="radio"]:checked { border: 5px solid var(--mainColor); } 
label { margin-right: 20px; display: inline-block; font-size: 16px;} 
label:last-child { margin-right: 0; } 



.form_wrap {width: 100%; margin: 0 auto;}
.form_wrap .btn_box {margin-top:30px;}
.form_wrap .btn_box a {
    width:200px; height:55px; line-height:55px; font-size:18px; color:#fff;
    background:var(--mainColor); display:block; text-align:center; border-radius: 50px;margin-left:auto;
}



.form_box,
.form_box table,
.form_box tbody,
.form_box tr,
.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% - 20px)}
.form_box > tbody > tr.w100 {width: 100%;}
.form_box > tbody > tr.w50 {width: calc(50% - 20px) !important;}
.form_box td {font-size:16px ; font-weight:500;}
.form_box .gubun {background: unset;}
.form_box .naeyong {font-size: 0;}
.form_box .privacy_wrap {width: 100%;}
.form_box .privacy_wrap .gubun tr:first-child td:first-child{display: none;}
.form_box .privacy_wrap .gubun tr:first-child td:last-child{margin-bottom: 10px;}
.form_box .privacy_wrap textarea{padding: 10px 15px !important;}
.form_box .captcha_wrap {flex-direction: row; gap:20px; width: 100%;}
.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:16px;}
.form_box .captcha_wrap .naeyong a {margin:10px 0; display:block; width: fit-content;}
.form_box .captcha_wrap .naeyong br {display: none;}



.form_box .label {display: flex; flex-wrap: wrap; gap: 10px 20px;}
.form_box .label > td {display: none;}
.form_box .input_check {margin-top: 10px; display: block !important; width: max-content;}
.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;}
.form_box .input_tel {display: flex; gap: 5px; font-size: 15px; align-items: center;}
.form_box .input_tel input {width: 100%;}



.num .naeyong{display: flex; font-size: 16px; gap: 5px; align-items: center;}


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



    .form_wrap {width: 100%;}



    .form_box input,
    .form_box textarea,
    .form_box label {font-size: 15px;}



    .form_box .captcha_wrap .naeyong {font-size: 15px;}



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



    .form_box .input_check label input {top: 3px;}



    .form_box > tbody > tr {width: 100% !important;}
	.form_box > tbody > tr.w50{width: 100% !important;}

.num .naeyong{gap:5px}
}


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


.form_wrap .btn_box a{width:100%}
}