.contact_form_wrap{
    border:1px solid #dcdcdc;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}

.contact_form_wrap .form_card{
    border:0;
    border-radius:0;
    box-shadow:none;

    margin:0;
    border-bottom:1px solid #eeeeee;
}

.contact_form_wrap .form_card:last-child{
    border-bottom:none;
}


/* ------------------------- */

.form_card{

    background:#fff;
    border:1px solid #E5E5E5;
    border-radius:12px;

    padding:35px;
    margin-bottom:35px;

    box-shadow:0 5px 18px rgba(0,0,0,.05);

}

/* ------------------------- */

.card_title{

    font-size:24px;
    font-weight:700;

    margin-bottom:30px;
    padding-left:15px;

    border-left:5px solid var(--brand);

}

.type_tabs{

    display:flex;

    gap:15px;

}

.type_tabs input{

    display:none;

}

.type_tabs label{

    flex:1;

    text-align:center;

    padding:14px;

    border:1px solid #dcdcdc;

    border-radius:8px;

    background:#fff;

    cursor:pointer;

    transition:.2s;

    font-weight:600;

}

.type_tabs input:checked + label{

    background:#1b66d2;

    color:#fff;

    border-color:#1b66d2;

}

/* ------------------------- */

.form_grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

}

/* ------------------------- */

.form_group{

    display:flex;
    flex-direction:column;

}

.form_group label{

    margin-bottom:10px;

    font-weight:600;

}

.form_input{

    width:100%;

    padding:12px 15px;

    border:1px solid #D8D8D8;

    border-radius:6px;

    font-size:15px;

    transition:.3s;

    background:#fff;

}

.form_input:focus{

    outline:none;

    border-color:var(--brand);

    box-shadow:0 0 0 3px rgba(31,94,168,.15);

}

textarea.form_input{

    min-height:220px;

    resize:vertical;

}

/* 제목, 내용 */

.form_group.full{
    grid-column:1 / -1;
}

/* ------------------------- */

.agree_box{

    margin:40px 0;

    text-align:center;

}

.submit_area{

    text-align:center;

}

.btn_submit{

    width:220px;
    height:54px;

    background:var(--brand);
    color:#fff;

    border:none;
    border-radius:6px;

    font-size:18px;
    cursor:pointer;

    transition:.3s;

}

.btn_submit:hover{

    background:#184A84;

}

/* ------------------------- */

@media(max-width:768px){

    .form_grid{
        grid-template-columns:1fr;
    }

    .form_card{
        padding:25px;
    }

    .card_title{
        font-size:20px;
    }

    .form_group label{
        font-size:14px;
    }

    .form_input{
        font-size:14px;
    }

    .type_tabs label{
        font-size:14px;
    }

    .btn_submit{
        font-size:16px;
    }
}


/* ==========================================
   문의완료
========================================== */

.complete_wrap{

    max-width:700px;
    margin:80px auto;
    padding:70px 50px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    text-align:center;
}

.complete_title{

    font-size:34px;

    font-weight:700;

    color:#222;

    margin-bottom:30px;
}

.complete_line{

    width:80px;

    height:3px;

    background:#005BAC;

    margin:0 auto 40px;
}

.complete_message{

    font-size:18px;

    line-height:1.9;

    color:var(--text-muted);

    margin-bottom:50px;
}

.complete_btns{

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;
}

.complete_btns a{

    min-width:180px;

    padding:14px 0;

    border-radius:6px;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    transition:.25s;
}

.btn_main{

    background:#005BAC;

    color:#fff;
}

.btn_main:hover{

    background:#00458a;
}


@media (max-width:768px){

    .complete_wrap{

        margin:50px 20px;

        padding:45px 25px;
    }

    .complete_title{

        font-size:28px;
    }

    .complete_message{

        font-size:16px;
    }

    .complete_btns{

        flex-direction:column;
    }

    .complete_btns a{

        width:100%;
    }

}