.form-fields { display: table; clear: both; width: 100%; }
.form-fields input[type=text], .form-fields input[type=tel] { height: 56px; }
.form-fields input[type=text], .form-fields input[type=tel], .form-fields textarea { border:1px solid #eee; color: #333; font-size: 1em; font-weight: bold; }
.form-fields .textarea.middle { height: 81px; }
.form-fields .field-label { float: left; width: 20%; color: #333; font-family: 'Montserrat'; font-size: 1em; font-weight: bold; line-height: 56px; margin: 0; }
.form-fields .field-input { float: left; width: 80%; }
.form-fields .field-input input[type=text]::placeholder, .form-fields .field-input textarea::placeholder { color: #d7d7d7; }
.form-fields .field-input input[type=text]:focus, .form-fields .field-input textarea:focus { border:1px solid #95569e; }

/* SEND 버튼 */
.form-agree > label { position: relative; color: #8c8c8c; font-size: 0.9em; margin-left: 2em; }
.form-agree > input[type=checkbox] + label:before { content:''; width: 14px; height: 14px; border:1px solid #95569e; border-radius:100%; position: absolute; left: -2em; top: 50%; transform:translateY(-50%); }
.form-agree > input[type=checkbox]:checked + label:after { content:''; width: 8px; height: 8px; border-radius: 100%; background-color: #95569e; position: absolute; left: -1.65em; top: 50%; transform:translateY(-50%); }
.form-agree > input { display: none; }
.form-agree-wrap { margin: 0; background-color:transparent; float:left; margin-left: 20%; }
.form-write-btn { width: auto; float:right; }
.form-write-btn > button { width: 140px; height: 48px; border-radius: 0; font-size: 1em; font-family: 'Montserrat'; }

@media screen and (max-width:1080px){
    .form-fields .field-label { width: 100%; text-align: left; }
    .form-fields .field-input { width: 100%; }
    .form-fields .textarea.middle { height: 150px; }
    .form-agree-wrap { width: 100%; float:none; margin: 0 0 1em 0; }
    .form-write-btn { float:none; width: 100%; }
    .form-agree > input[type=checkbox] + label:before { width: 15px; height: 15px; }
    .form-agree > input[type=checkbox]:checked + label:after { width: 7px; height: 7px; }

}

@media screen and (max-width:500px){
    .form-agree-wrap { margin-bottom: 1em; }
}