.form-write-table { position: relative; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; color: #333; word-break: keep-all;}
.form-write-btn > button{padding: 10px; height: auto; border-radius: 3px; background-color: #0068b7; color: #ededed; font-size: 1.25em; width: 6em; font-weight: 400;}

/* field_group */
.field_group{display: flex; flex-wrap: wrap;}
.field_group + .field_group{margin-top: 6.25em;}
.field_group .field_group_tit{ position: relative; width: 100%; padding-bottom: 1.25em; border-bottom: 2px solid #0068b7; }
.field_group .field_group_tit span{font-size: 1.5em; font-weight: 700; position: relative; display: flex; align-items: center;}
.field_group .field_group_tit span::before{content: ""; display: inline-block; width: 4px; height: 1em; background-color: #0068b7; margin-right: 10px;}
.field_group0 .field_group_tit::after{content: "*필수항목"; display: block; font-size: 14px; color: #0068b7; position: absolute; bottom: 9px; right: 0; font-weight: 400;}

/* 라디오, 체크박스 커스텀 */
.form-write-table input[type="checkbox"] {-webkit-appearance: none; position: relative; width: 1em; height: 1em; vertical-align: middle; cursor: pointer; outline: none !important; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 3px; margin-right: 8px;}
.form-write-table input[type="checkbox"]::before { content: "\e929"; font-size: 1.125em; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform: translate(-50%, -50%); line-height: 1em; color: transparent; }
.form-write-table input[type="checkbox"]:checked{border-color: #0068b7; background-color: #ebf4fb;}
.form-write-table input[type="checkbox"]:checked::before { color: #0068b7; }


.form-fields-wrap { width: 100%; margin-bottom: 5.625em;}
.form-fields { margin-top: 1.25em; padding-right: 1.875em; display: flex; align-items: center; width: 50%; flex-wrap: wrap;}

.form-fields:first-child { margin-top: 0; }
.form-fields .field-descript { margin-bottom: 7px; font-size: 0.85em; color: #999; }
.form-fields .field-label { display: flex; align-items: center; width: 12em; padding-left: 0.78em; margin-bottom: 0; font-size: 1.125em; font-weight: 400; }
.form-fields .field-label label{position: relative;}
.form-fields .field-label .chk_nc:after {color: #0068b7; position: absolute; top: 0; right: -1.11em; margin: 0;}
.form-fields .field-input {width: calc(100% - 13.5em); color: #666; line-height: 40px;}
.form-fields button {color: #ededed; background-color: #0068b7; width: 6.25em; height: 2.5em; font-size: 1em; padding: 0; border-radius: 0 3px 3px 0; font-weight: 400;}
.form-fields.file-wrap .file_txt_input{width: calc(100% - 6.25em); margin-right: -4px; background-color: #f9f9f9;}
.form-fields.file-wrap p{ margin-top: 8px; font-size: 1em; color: #a2a2a2; font-weight: 400;}


.form-fields input[type=text], .form-fields input[type=tel]{height: 2.5em;}
.form-fields input[type=text], .form-fields input[type=tel], .form-fields textarea{border-color: #dcdcdc; color: #666;}

/* .form-agree-wrap */
.form-agree-wrap{margin: 0 0 7.81em; padding: 1.5em 5%; background-color: #f9f9f9; border-radius: 3px;}
.form-agree-wrap .form-agree{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.form-agree-wrap .form-agree input[type="checkbox"]{margin-right: 0;}
.form-agree-wrap .form-agree label{font-size: 1.125em; margin: 10px; line-height: 1.2em;} 
.form-agree-wrap span{font-size: 12px; padding: 0; width: 4.67em; line-height: 2em; background-color: #dcdcdc; border-radius: 0; margin-left: 0; display: inline-block;}
.terms-popup .terms-btm button{background-color: #0068b7;}

/* checkbox */
.form-fields.checkbox-wrap .field-input p{margin-right: 1.875em;}
/* phone */
.form-fields .phone{width: calc(33.33% - 8.5px);}
/* email */
.form-fields.email-wrap .field-input{display: flex; align-items: center;}
.form-fields.email-wrap .field-input .form_field_email_id,
.form-fields.email-wrap .field-input .form_field_email_host{width: calc(50% - 0.625em);}
.form-fields.email-wrap .field-input .form_field_email_at{color: #a2a2a2; font-size: 12px; width: 2em;}
.form-fields.email-wrap .field-input .form_field_email_host input{height: 2.3em; left: 1px; top: 50%; transform: translateY(-50%); border: 0;}
.form-fields select{ padding:0 10px; font-size: 12px; height: 3.33em; border-radius: 3px; border-color: #dcdcdc; color: #a2a2a2;  -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../../img/form_select_button.png) no-repeat center right 10px;}


@media screen and (min-width:901px) {
  .form-fields.textarea-wrap{width: 100%;} 
  .form-fields.file-wrap p{width: 120%;}
  .form-fields#formField11{width: 100%;}
}
@media screen and (max-width:1080px) {
  .form-write-table{font-size: inherit;}
  .form-fields{padding-right: 0;}
  .form-fields .field-label{width: 10em;}
  .form-fields .field-input{width: calc(100% - 11.25em);}
  .form-fields .field-label .chk_nc:after{right: -10px;}
}
@media screen and (max-width:900px) {
  .form-fields{width: 100%;}
}
@media screen and (max-width:767px) and (min-width:431px) {
  .form-fields .phone{width: calc(33.33% - 8px);}
}
@media screen and (max-width:767px) {
  .form-fields select{height: 3.125em;}
}
@media screen and (max-width:580px) {
  .form-fields-wrap{margin-bottom: 3.57em;}
  .field_group + .field_group{margin-top: 3.57em;}
  .form-fields .field-label{width: 100%; padding: 0 0 0.78em;}
  .form-fields .field-input{width: 100%;}

  .form-agree-wrap{margin-bottom: 3.57em;}
}
@media screen and (max-width:430px) {
  .form-fields input[type=text], .form-fields input[type=tel],
  .form-fields button{height: 2.88em;}
  .form-fields .phone{width: calc(33.33% - 7px);}
}