/* =================================== 문의하기 */
header.plushead { position: unset; padding: 3rem 10%; height: 100%; }
header.plushead .request_head { display: flex; height: 50px; line-height: 50px; justify-content: space-between; align-items: center; margin: 0 10%; }
header.plushead .request_head #selectBox .select { position: relative; width: 300px; height: 55px; line-height: 55px; padding: 0 2rem; border: 1px solid var(--c-mono-4); border-radius: 1rem; cursor: pointer; font-size: 1.8rem; }
header.plushead .request_head #selectBox .select:hover { color: var(--c-mono-16); transition: all .3s; }
header.plushead .request_head #selectBox .select .type_list { position: absolute; top: 120%; left: 0; width: 100%; overflow: hidden; max-height: 0; }
header.plushead .request_head #selectBox .select.active .type_list { max-height: 300px; overflow-y: scroll; border-radius: 1rem; border: 1px solid var(--c-mono-4); background: var(--c-mono-0); }
header.plushead .request_head #selectBox .select .text { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
header.plushead .request_head #selectBox .select .text i { display: inline-block; font-size: 3rem; }
header.plushead .request_head #selectBox .select.active .text i { transform: rotate(180deg) translateY(3px); transition: ease-in-out .3s; }
header.plushead .request_head #selectBox .select .type_list { list-style: none; padding: 0; z-index: 1; }
header.plushead .request_head #selectBox .select .type_list .option { padding: 0 2rem; }
header.plushead .request_head #selectBox .select .type_list .option a { color: var(--c-mono-19); }
header.plushead .request_head #selectBox .select .type_list .option:hover { background-color: var(--c-mono-2); }

.request_wrap { padding-top: 0; background: var(--c-mono-0); } 
.request_wrap .head_inner { display: flex; margin: 0 10%; }
.request_wrap .head_inner .wrap_tit { font-size: 2.5rem; font-weight: 700; }
.request_wrap .head_inner .contact_form { width: 100%; }
.request_wrap .head_inner .contact_form .form_wrap .form_head { display: flex; justify-content: space-between; align-items: end; margin: 5rem 0 2rem 0; }
.request_wrap .head_inner .contact_form .form_wrap .form_head .defualt_tit { position: relative; font-size: 1.8rem; }
.request_wrap .head_inner .contact_form .form_wrap .form_head .defualt_tit::before { position: absolute; content: '*'; top: 0; left: -10px; color: #ff0000; }

.request_wrap .head_inner .contact_form .form_wrap .form_body { border-top: 2px solid var(--c-mono-18); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container form { border-bottom: 1px solid var(--c-mono-18); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container form .table_cell { display: flex; padding: 3rem 0; align-items: center; border-bottom: 1px solid var(--c-mono-3); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container form .table_cell label { position: relative; display: inline-block; width: 30%; height: 100%; font-size: 1.8rem; font-weight: 600; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container form .table_cell label.default::after { position: absolute; content: '*'; top: 0; margin-left: 5px; color: #ff0000; }

.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement { padding: 5rem 0; border-bottom: 1px solid var(--c-mono-3); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner { margin-bottom: 5rem; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner strong { font-size: 2rem; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner p { margin-top: 1rem; font-size: 1.6rem; color: var(--c-mono-16); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner table { margin-top: 3rem; border-collapse: collapse; font-size: 1.6rem; color: var(--c-mono-16); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner table col { width: calc(100%/3); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner table tr { border-top: 2px solid var(--c-mono-3); border-bottom: 1px solid var(--c-mono-3) }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner thead { border-collapse: collapse; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner thead th { padding: 2rem; padding-left: 0; text-align: left; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner tbody tr { border-top: 1px solid var(--c-mono-3); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner tbody td { padding: 2rem; padding-left: 0; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner em { display: block; margin-top: 2rem; font-size: 1.6rem; font-style: unset; }

.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement label { display: flex; align-items: center; gap: 1rem; font-size: 1.8rem; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement label input { width: 18px; height: 18px; }

.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn { display: flex; align-items: center; justify-content: center; gap: 2rem; margin-top: 3rem; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn button { background-color: var(--c-mono-11); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn button a { color: var(--c-mono-0); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn input[type=submit] { background-color: var(--c-main); }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn button,
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn input[type=submit] { width: 220px; height: 60px; line-height: 60px; border: none; border-radius: 1rem; color: var(--c-mono-0); font-weight: 700; font-size: 1.8rem; cursor: pointer; }

input[type=text],
select,
textarea { width: 100%; height: 55px; line-height: 55px; padding: 0 2rem; border: 1px solid var(--c-mono-5); border-radius: 1rem; box-sizing: border-box; resize: vertical; font-size: 1.8rem; }
input[type=submit]:hover { background-color: var(--c-mono-18); }




/* ============================ media queries ============================ */
@media (max-width: 1920px){
}

@media (max-width: 1700px){
    header.plushead .request_head { margin: 0 5%; }
    .request_wrap .head_inner { margin: 0 5%; }
}

@media (max-width: 1200px){
    header.plushead .request_head { margin: 0; }
    .request_wrap .head_inner { margin: 0; }
}

@media (max-width: 991px){
    header.plushead { display: block; height: 100%; padding: 5rem 10%; }
    header.plushead .request_head { display: block; height: auto; line-height: unset; }
    header.plushead .request_head h4 { line-height: 1.6; font-size: 3rem; }
    header.plushead .request_head #selectBox { margin-top: 4rem; }
    header.plushead .request_head #selectBox .select { width: 100%; }
}
@media (max-width: 768px){
    header.plushead { display: block; padding: 5rem 7%; }
    header.plushead .request_head #selectBox { margin-top: 2rem; }
    
    .request_wrap { display: block; }
    .request_wrap .head_inner { display: block; }
    .request_wrap .head_inner .inner_left { display: none; }
    .request_wrap .head_inner .contact_form { padding-left: 0; border-left: none; }
    .request_wrap .head_inner .contact_form .form_wrap .form_head { display: block; margin-bottom: 4rem; }
    .request_wrap .head_inner .contact_form .form_wrap .form_head .defualt_tit { float: right; }
    .request_wrap .head_inner .contact_form .form_wrap .form_body .container form .table_cell { display: block; }
}

@media (max-width: 683px){
    .request_wrap .head_inner .contact_form .form_wrap .form_body .container form .table_cell label { width: 35%; margin-bottom: 1rem; }
    .request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn { float: unset; }
    input[type=submit] { width: 100%; }
}

@media (max-width: 450px){
    .request_wrap .head_inner .contact_form .form_wrap .form_body .container form .table_cell { display: block; }
}


