/* =================================== 문의하기 */
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 .select { position: relative; }
header.plushead .request_head .select .option-list { position: absolute; top: 120%; left: 0; width: 100%; overflow: hidden; max-height: 0; }
header.plushead .request_head .select.active .option-list { max-height: none; }
header.plushead .request_head #theme .select { width: 100%; height: 50px; line-height: 50px; box-shadow: 0 0 2px rgba(0,0,0,0.3); border-radius: 5px; padding: 0 2rem; cursor: pointer; font-size: 1.8rem; }
header.plushead .request_head #theme .select:hover { color: #333333; transition: all .3s; }
header.plushead .request_head #theme .select .text { display: flex; height: 50px; line-height: 50px; 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 #theme .select .option-list { list-style: none; padding: 0; border-radius: 5px; box-shadow: 0 0 2px rgba(0,0,0,0.3); z-index: 1; background: #fff; }
header.plushead .request_head #theme .select .option-list .option { padding: 0 2rem; }
header.plushead .request_head #theme .select .option-list .option a { color: #000000; }
header.plushead .request_head #theme .select .option-list .option:hover { background-color: #f2f2f2; }

.request_wrap { padding-top: 0; background: #ffffff; } 
.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; font-weight: 600; }

.request_wrap .head_inner .contact_form .form_wrap .form_body { border-top: 2px solid #222222; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container form { border-bottom: 1px solid #222222; }
.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 #eeeeee; }
.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: 400; }
.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; font-weight: 600; }

.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement { padding: 5rem 0; border-bottom: 1px solid #eeeeee; }
.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: #333333; }
.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: #333333; }
.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 #eeeeee; border-bottom: 1px solid #eeeeee }
.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; font-weight: 400; text-align: left; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .access_agreement .inner tbody tr { border-top: 1px solid #eeeeee; }
.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; font-weight: 600; }
.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: #222222; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn button a { color: #ffffff; }
.request_wrap .head_inner .contact_form .form_wrap .form_body .container .submit_btn input[type=submit] { background-color: #354cda; }
.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: 4px; color: #ffffff; font-weight: 700; font-size: 1.8rem; cursor: pointer; }

input[type=text],
select,
textarea { width: 100%; padding: 1.6rem; border: 1px solid #999999; border-radius: 2px; box-sizing: border-box; resize: vertical; font-size: 1.8rem; }
input[type=submit]:hover { background-color: #000c58; }




/* ============================ 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 { font-size: 3rem; }
    header.plushead .request_head #theme { margin-top: 4rem; }
    header.plushead .request_head #theme .select { width: 100%; }
}
@media (max-width: 768px){
    header.plushead { display: block; padding: 5rem 7%; }
    header.plushead .request_head #theme { margin-top: 2rem; }

    .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; }
}

@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; }
}


