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; border: 1px solid #ccc; padding: 10px; height: 50px; border-radius: 5px; width:100%;}  


textarea { width: 100%; resize: none; height: 100px; border: 0; border: 1px solid #ddd; padding: 10px; border-radius: 5px;} 
select { padding: 10px; border: 1px solid #ddd; height:50px; border-radius: 5px; background: #fff;}


input::placeholder,
textarea::placeholder { color: #aaa; } 


input[type="button"] {
    border: 1px solid #0F52BA; max-width: 215px; padding: 10px; height: 50px; border-radius: 5px;
    text-align: center; display: inline-block; background: #0F52BA; 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 #0F52BA; } 
label { margin-right: 20px; display: inline-block; font-size: 1.6rem;} 
label:last-child { margin-right: 0; } 


.form_wrap {max-width:850px; margin:0 auto;}
.form_wrap .btn_box {margin-top:60px;}
.form_wrap .btn_box a {
    width:100%; height:55px; line-height:55px; font-size:1.8rem; color:#fff;
    background:#0F52BA; display:block; text-align:center; border-radius: 5px;
}


.form_box,
.form_box td {display:block; height:auto; width:100%; text-align:left;}


.form_box > tbody {
    display: flex; flex-direction: column; gap: 40px;
}
.form_box > tbody  > tr {display: flex; flex-direction: column; gap: 10px; height: auto;}
.form_box td {font-size:1.8rem; font-weight:500;}
.form_box .gubun {padding-left:15px; position:relative;}
.form_box .gubun:before {
    display: block; content: ""; width: 8px; height: 8px; border-radius: 2px;
    background: #0F52BA; position: absolute; left: 0; top: 8px;
}
.form_box .naeyong {font-size: 0;}
.form_box .privacy_wrap {padding-top:40px; border-top:1px solid #ddd;}
.form_box .privacy_wrap .gubun {display: none;}
.form_box .captcha_wrap {flex-direction: row; gap:20px;}
.form_box .captcha_wrap .gubun {padding-left:0; flex-basis: 140px;}
.form_box .captcha_wrap .gubun:before {display:none;}
.form_box .captcha_wrap .naeyong {flex: 1; font-size: 1.6rem;}
.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:768px){
    .form_box td {font-size: 1.6rem;}
    .form_box input,
    .form_box textarea,
    .form_box label {font-size: 1.5rem;}


    .form_box .captcha_wrap .naeyong {font-size: 1.4rem;}


    .form_wrap .btn_box {margin-top: 40px;}
    .form_wrap .btn_box a {font-size: 1.6rem; height:50px; line-height: 50px;}


    .form_box .input_check label input {top: 3px;}
}