/* 견적 및 납품문의 */

/* 
    formField10 : 성함 
    formField11 : 연락처 
    formField13 : 이메일 주소 
    formField14 : 문의내용 
    formField12 : 성함 
*/

/* form_head */
.sub05_wrap .form_head { border-bottom: 2px solid #333; margin-bottom: 1.25em; }
.sub05_wrap .form_head .chk_nc_desc { text-align: right; margin: 0.5em 0; }

/* common */
.sub05_wrap .form-write-table { width: 92%; max-width: 1400px; margin: 0 auto; position: relative; padding-top: 6.25em; }
.sub05_wrap .form-fields input::placeholder,
.sub05_wrap .form-fields textarea::placeholder { color: #ccc; font-weight: 400; }
.sub05_wrap .form-fields input[type=text], 
.sub05_wrap .form-fields input[type=tel], 
.sub05_wrap .form-fields .textarea { border-radius: 0; border: 1px solid #ddd; }
.sub05_wrap .form-fields input[type=text], 
.sub05_wrap .form-fields input[type=tel] { height: 3.125em; padding: 0 1.1em; }
.sub05_wrap .form-fields .textarea.middle { height: 13em; overflow-y: auto; padding: 0.8em 1.1em; }
.sub05_wrap .form-fields input:focus::-webkit-input-placeholder,
.sub05_wrap .form-fields textarea:focus::-webkit-input-placeholder { color:transparent; }
.sub05_wrap .form-fields input:focus,
.sub05_wrap .form-fields textarea:focus { border-color: #11a84e; }

.sub05_wrap .form-fields { margin-top: 1em; }
.sub05_wrap .form-fields .field-label { font-size: 1.125em; font-weight: bold; margin-bottom: 0.3em; }
.sub05_wrap .form-fields .field-label .chk_nc:after { color: #11a84e; }

.sub05_wrap .form-fields-wrap { display: flex; flex-wrap: wrap; margin: 0 -4%; width: auto; }
.sub05_wrap .form-fields-wrap .field_group { width: 50%; padding: 0 4%; }

/*  번호 */
.sub05_wrap .phone-wrap .field-input { display: flex; align-items: center; margin: 0 -0.3em; color: #666; font-weight: bold; }
.sub05_wrap .phone-wrap .field-input input { width: 100%; margin: 0 0.3em; font-weight: 400; }

/*  이메일 */
.sub05_wrap select.email { height: 3.125em; appearance:none; background:url('../../../img/select_arrow.jpg') no-repeat right 1em center; padding: 0 1em; color: #333; }
.sub05_wrap .email-wrap .field-input { display: flex; align-items: center; margin: 0 -0.4em; }
.sub05_wrap .email-wrap .field-input .form_field_email_id,
.sub05_wrap .email-wrap .field-input .form_field_email_host { width: 100%; margin: 0 0.4em; font-weight: 400; }
.sub05_wrap .email-wrap .field-input .form_field_email_at { width: auto; line-height: normal;font-weight: bold; }
.sub05_wrap .form-fields.email-wrap .field-input .form_field_email_host input { width: calc(100% - 2.7em); }

/* 파일 */
.sub05_wrap .file-wrap { margin-top: 0.5em; display: flex; align-items: center; flex-wrap: wrap; }
.sub05_wrap .form-fields.file-wrap .file_txt_input { width: calc(100% - 8.9rem); }
.sub05_wrap .file_find_btn { font-size: 1.25em; font-weight: bold; color: #11a84e; width: 8.3rem; height: 2.5em; line-height: 2.5em; border: 1px solid #11a84e; background-color: #fff; padding: 0; margin-left: 0.6rem; border-radius: 0; }
.sub05_wrap .form-fields.file-wrap p { font-size: 1em; color: #999; font-weight: 400; margin-top: 0.3em; width: 100%; padding-left: 0.6em; text-indent: -0.6em; }

/* 동의 */
.sub05_wrap .form-agree-wrap { padding: 0; margin: 0; background-color: #fff; text-align: left; padding-bottom: 2em; border-bottom: 1px solid #ddd; }
.sub05_wrap .form-agree-wrap .form-agree { display: flex; align-items: center; }
.sub05_wrap .form-agree-wrap span { padding: 0; background-color: #fff; margin: 0; border-radius: 0; }
.sub05_wrap .view-privacy { font-size: 1.125em; color: #666; padding-left: 0.2em !important; position: relative; }
.sub05_wrap .view-privacy::before { content: ''; width: 5.3em; height: 1px; background-color: #666; position: absolute; left: 52%; transform: translateX(-50%); bottom: 0; opacity: 0; }
.sub05_wrap .view-privacy:hover::before { opacity: 1; }
.sub05_wrap .agree_desc { font-size: 1.125em; font-weight: bold; margin-right: 1.65em; }
.sub05_wrap .agree_desc .nc { cursor: auto; font-weight: 400; }
.sub05_wrap .form-agree-wrap label { font-size: 1.125em; color: #666; position: relative; padding-left: 1.9em; display: block; }
.sub05_wrap .form-agree-wrap label::before,
.sub05_wrap .form-agree-wrap label::after {  width: 1.4em; height: 1.4em; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sub05_wrap .form-agree-wrap label::before { content: ''; border-radius: 0.2em; background-color: #ccc; }
.sub05_wrap .form-agree-wrap label::after { font-family: xeicon; content: '\e929'; color: #fff; text-align: center; color: #fff; }
.sub05_wrap .form-agree-wrap input:checked + label::before { background-color: #11a84e; }
.sub05_wrap .form-agree-wrap input { display: none; }

.sub05_wrap .terms-wrap { min-width: 280px; }
.sub05_wrap .terms-popup .terms { padding: 1.8em; }
.sub05_wrap .terms-popup .terms-top { padding: 0 1.8em; }
.sub05_wrap .terms-popup .terms-btm button { background-color: #11a84e; }

/* 상담신청 버튼 */
.sub05_wrap .form-write-btn > button { font-size: 1.25em; font-weight: bold; width: 10em; height: 3em; line-height: 3em; border-radius: 0.5em; background-color: #11a84e; padding: 0; margin-top: 1.4em; }

@media (max-width: 1200px) {
    .sub05_wrap .form-fields-wrap { margin: 0 -2%; }
    .sub05_wrap .form-fields-wrap .field_group { padding: 0 2%; }
}
@media (max-width: 1040px) {
    .sub05_wrap .form_head { margin-bottom: 0.8em; }
    .sub05_wrap .form-fields-wrap .field_group { width: 100%; }
    .sub05_wrap .form-fields-wrap .field_group + .field_group { margin-top: 1em; }
    .sub05_wrap .form-fields.file-wrap p { margin-top: 0.8em; }
    .sub05_wrap .form-agree-wrap { padding: 1em 0 1.6em; }
}
@media (max-width: 630px) {
    .sub05_wrap .form-agree-wrap .form-agree { flex-wrap: wrap; }
    .sub05_wrap .agree_desc { width: 100%; margin: 0; margin-bottom: 0.5em; }
}
@media (max-width: 430px) {
    .sub05_wrap .form_head .chk_nc_desc { text-align: left; }
    .sub05_wrap .form-fields input[type=text], .sub05_wrap .form-fields input[type=tel], .sub05_wrap select.email { padding: 0 0.8em; }
    .sub05_wrap select.email { background-position: right 0.6em center; }
    .sub05_wrap .form-fields.email-wrap .field-input .form_field_email_host input { width: calc(100% - 2em); }
    .sub05_wrap .form-fields.file-wrap .file_txt_input { width: calc(100% - 6.3rem); }
    .sub05_wrap .file_find_btn { width: 6rem; margin-left: 0.3rem; }
}