.form-write-table { width: 91.67%; margin: 0 auto; font-family: 'Noto Sans KR',sans-serif; font-size: 16px; overflow-x: hidden; box-sizing: border-box; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); padding: 3.12em 4.2%; }

@media screen and (max-width:1080px) {
    .form-write-table{font-size: 15px;}
}
@media screen and (max-width:767px) {
    .form-write-table{font-size: 14px;}
}
@media screen and (max-width:411px) {
    .form-write-table{font-size: 13px;}
}
.form-fields-wrap{margin-bottom: 1.25em;}
.form_fields_txt{font-size: 1.12em; color: #222; margin-bottom: 8px; font-weight: 500;}
.form-fields{width: 48.9%; float: left; margin-top: 10px; position: relative; background-color: #f9f9f9; border-radius: 10px; padding: 0;}
.form-fields:nth-child(even){margin-right: 2%;}
.form-fields .field-label{width: 38%; float: left; font-size: 0.87em; font-weight: 500; color: #999; line-height: 50px; margin-bottom: 0; padding-left: 1.25rem; }
.form-fields .field-label .chk_nc:after{color: #5bb3dc;}

.form-fields .input_text.middle,
.form-fields .phone.inputbox{ position: absolute; top: 0; left: 0; width: 100%; float: left; background-color: transparent; border: none; padding: 0 1.25rem; font-size: 0.87rem; border-radius: 10px; border: solid 1px transparent; }
.form-fields .input_text.middle:focus,
.form-fields .phone.inputbox:focus { border-color: #51afda; }
.form-fields select{ position: absolute; top: 0; left: 0; width: 100%; height: 50px; float: left; -moz-appearance:none; -webkit-appearance:none; appearance:none; padding: 0 1.25em;
  min-width: auto; background-color: transparent; border: none; color: #999; font-size: 0.87em; border: none;}
.form-fields.select-wrap::after{ content: "\e941"; display: inline-block; position: absolute; top: 50%; right: 1.25em; transform: translateY(-50%); font-family: 'xeicon'; color: #51afda; font-size: 0.87em;}

.form-fields input[type=text], .form-fields input[type=tel]{height: 50px;}


.form-fields.textarea-wrap{width: 100%; margin-right: 0; margin-top: 3.12em; background-color: transparent; padding: 0;}
.form-fields.textarea-wrap .field-label{ width: 100%; font-size: 1.12em; color: #222; margin-bottom: 1em; font-weight: 500; line-height: 1em; float: left; padding: 0;}
.form-fields textarea{background-color: #f9f9f9; border: none; border-radius: 10px; padding: 1.12em; border: solid 1px transparent; }
.form-fields textarea:focus { border-color: #51afda; }
.form-fields .textarea.middle{height: 250px;}
.form-fields .textarea.middle::placeholder{font-size: 0.87em; color: #999;}

.form-agree-wrap{margin:0 0 3.12em; padding: 0; background-color: transparent; text-align: left; color: #b2b2b2;}
.form-agree-wrap label span{color: #17519a; background-color: transparent; margin: 0; padding: 0; font-size: 1em;}

input[id="agreeChk1"] {-webkit-appearance: none; position: relative; width: 20px; height: 20px; margin-right: 9px; vertical-align: middle; cursor: pointer; outline: none !important; border: 1px solid #c4c4c4; border-radius: 5px; background-color: #fff;}
input[type="checkbox"]::before { content: "\e6e0"; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform: scale(0) translate(-50%, -50%); line-height: 1em;}
input[type="checkbox"]:checked { background-color: #17519a; border-color: transparent; color: white; }
input[type="checkbox"]:checked::before { border-radius: 1px; transform: scale(1) translate(-50%, -50%) }


.form-agree-wrap .view-privacy{display: none;}

.form-write-btn > button{background-color: #222; font-size: 1.25em; padding: 0.78em 2.67em; height: auto; border-radius: 1.25em;}


@media screen and (max-width:767px) {
    .form-fields{width: 100%;}
    .form-fields:nth-child(even){margin-right: 0;}

}
@media screen and (max-width:570px) {
    .form-fields.textarea-wrap{margin-top: 2em;}
    .form-agree-wrap{margin-bottom: 2em;}
    .form-fields .field-label{font-size: 12px;}
    .form-fields .textarea.middle::placeholder{font-size:12px; }
}

.form-fields.no-label .field-label { opacity: 0 !important; }

.form-fields.select-wrap select { opacity: 0; }
.form-fields.select-wrap.no-label select { opacity: 1; }