/*메이크팝 견적문의css*/

.form-fields-wrap{font-family:'Noto Sans KR'; }

.form-write-table {  width: 100% !important; padding: 320px 6% 2%; box-sizing: border-box; border: 1px solid #dfdfdf; background: url(../../../img/sub/sub_0401.jpg) left top no-repeat; }
.form-fields input[type=text], .form-fields input[type=tel]{height: 50px !important; }
.form-fields input[type=text], .form-fields input[type=tel], .form-fields textarea {border-radius: 0 !important; }
.form-fields button{background-color: #9c9c9c; }
.form-fields.file-wrap p{color:#d1d1d1; }
.form-write-btn > button {  padding: 7px 40px; height: 50px !important;  background-color: #73b340 !important;  margin-bottom: 5%; width:25%; }
.form-write-btn > button> img{margin-left:10%; position:relative; top:2px; }
.form-fields .field-label{color:#5a5a5a;}
.form-fields .phone{width:30% !important; }
.form-fields-wrap >#formField5 >field-input{width:100% !important; }
.form-agree-wrap { background-color: #fff !important;}

.form-fields.checkbox-wrap .field-input p{line-height: 20px; color:#9c9c9c; }
.form-fields > div{ float: left;}
.form-fields .field-label {width: 15%;line-height: 50px;padding-left:2%;font-size: 1rem;color:#5a5a5a;}
.form-fields .field-input {width: 32%;margin-bottom: 50px;}

#formField5 .field-label, #formField6 .field-label{line-height: normal;}
#formField5 .field-input, #formField6 .field-input, #formField7 .field-input{width:83%; font-size: 0.9rem;} 
.form-agree-wrap{padding: 0;}
.form-agree {margin:30px 0 25px;}
#formField5 .field-input p{width:18%; margin-bottom:1%;}

.form-fields.file-wrap .file_txt_input {width: 40%;}
.terms-popup .terms-btm button{background-color:#73b340 !important; }


.form-fields.checkbox-wrap .field-input p input[type="checkbox"] {position: absolute; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; border: 0}
.form-fields.checkbox-wrap .field-input p input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; user-select: none;}
.form-fields.checkbox-wrap .field-input p input[type="checkbox"] + label::before {content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 7px 5px 0; border: 2px solid #c4c4c4; vertical-align: middle; box-sizing: border-box;}
.form-fields.checkbox-wrap .field-input p input[type="checkbox"] + label:active::before, .form-fields.checkbox-wrap .field-input p input[type="checkbox"]:checked + label:active::before, .form-fields.checkbox-wrap .field-input p input[type="checkbox"]:checked + label:before {background: url(../../../img/checked.png) no-repeat center;}


@media ( max-width: 1056px ) {
    .form-write-table {padding:320px 3% 2%;}
    .form-fields .phone{width:28% !important; }
    #formField5 .field-input p{width: 29%; margin-bottom:3%;}
    
}

@media ( max-width: 780px ) {
    .form-write-table { float: none; width: 99%!important; }
    .form-fields > div{ float: none;}
    .form-fields .field-label, .form-fields .field-input {width: 100%;}
    .form-fields .phone{width:31% !important; }
    .form-fields input[type=text], .form-fields input[type=tel] {padding:0;}
    #formField5 .field-input, #formField6 .field-input, #formField7 .field-input{width:100%;}   
    .form-fields .field-input {margin-bottom: 20px;} 
    .form-fields .field-label {padding:0;}

    #formField5 .field-input {margin-top:3%;}
}


@media ( max-width: 499px ) {
    .form-fields .phone{width:30% !important; }
    .form-write-table { background: url(../../../img/sub/sub_0401_m.jpg) left top no-repeat; }  
    .form-fields.file-wrap .file_txt_input {width: 60%;}
    #formField5 .field-input p{width: 44%; margin-bottom:3%;}
    
}