@import url(../../../css/nanumgothic.css);

.form-write-table { width: 100%; max-width: 1280px; margin: 0 auto; font-family: 'Pretendard'; font-size: inherit; }
.form-write-table form{margin:-1.875em -1.25em 1em;}
.form-fields-wrap{ display: flex; flex-wrap: wrap; }
.form-fields{margin: 1.875em 1.25em 0; width: calc(50% - 2.5em);}
#formField10 { width: 100%; }
.form-fields .field-label .chk_nc:after{display: none;}
.form-fields:first-child,.form-fields:nth-child(2){margin-top: 0;}
.form-fields.address-wrap,
.form-fields.textarea-wrap{width: 100%;}
.form-fields .field-label{font-size: 1.25em; margin-bottom: 10px; font-weight: 400;}
.form-fields input[type=text], 
.form-fields input[type=tel], .form-fields textarea{border-color: #d8dbec;}
.form-fields.email-wrap input{ width: 100%; height: 2.5em; border: 1px solid #d8dbec; border-radius: 3px; padding: 0 1em;}
.form-fields input[type=text], .form-fields input[type=tel]{ height: 2.5em; padding: 0 1em;}
.form-fields input::placeholder,
.form-fields textarea::placeholder{color: #bbbfd0; font-size: 0.875em;}
.form-fields .textarea.middle{height: 21.375em; padding: 1.25em 1em;}

.form-fields .phone.inputbox{width: 100%;}
.form-fields.address-wrap .field-input{display: flex; flex-wrap: wrap;}
.form-fields.address-wrap .postcode{width: calc(100% - 7.5em);}
.form-fields.checkbox-wrap .field-input,
.form-fields.radio-wrap .field-input{ display: flex; flex-wrap: wrap; background-color: #f0f7f9; padding: 1.875em; border-radius: 3px; }
.form-fields.checkbox-wrap .field-input p,
.form-fields.radio-wrap .field-input p{ width: 12.5%; font-size: 0.875em; float: none; margin-right: 0; padding: 6px;}

input[type="checkbox"] {-webkit-appearance: none; position: relative; width: 1.42em; height: 1.42em; vertical-align: middle; cursor: pointer; outline: none !important; border: 1px solid #bbbfd0; border-radius: 2px; background-color: #fff;}
input[type="checkbox"]::before { content: "\e929"; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform:scale(1) translate(-50%, -50%); line-height: 1em; color: transparent; font-size: 1.2em;}
input[type="checkbox"]:checked { }
input[type="checkbox"]:checked::before { transform: scale(1) translate(-50%, -50%); color: #7cc2da; }

input[type="radio"] {-webkit-appearance: none; position: relative; width: 1.42em; height: 1.42em; vertical-align: middle; cursor: pointer; outline: none !important; border: 1px solid #bbbfd0; border-radius: 2px; background-color: #fff;}
input[type="radio"]::before { content: "\e929"; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform:scale(1) translate(-50%, -50%); line-height: 1em; color: transparent; font-size: 1.2em;}
input[type="radio"]:checked { }
input[type="radio"]:checked::before { transform: scale(1) translate(-50%, -50%); color: #7cc2da; }



.form-agree-wrap{margin: 0 1.25em 1.875em; padding: 0; background-color: transparent; text-align: left;}
.form-agree-wrap span{font-size: 1em; padding: 0; background-color: transparent; margin: 0; color: #288ae6;}
.form-agree-wrap .view-privacy{display: none;}
.form-agree-wrap input[type="checkbox"]{width: 1.25em; height: 1.25em;}
.form-fields button{ width: 7em; padding: 0; height: 2.5em; border-radius: 3px;  background-color: #fff; color: #5e5d69; font-size: 1em; font-weight: 700; border: 1px solid #d8dbec; margin-left: 0.5em;}
.form-write-btn > button{ padding: 0.82em 3.23em; height: auto; font-size: 1.5em; color: #5e5d69; border: 1px solid #d8dbec; border-radius: 5em; transition: all 0.3s; background-color: #fff; font-weight: 400;}
.form-fields button:hover,.form-write-btn > button:hover{border-color: #5eb4d2; box-shadow: 0 0 0.43em rgb(94 180 210 / 33%);  transition: all 0.3s; }
.terms-popup .terms-btm button{background-color: #5eb4d2;}

/* contact us */
.com_section_contact{background-color: #f8f8f8; padding: 5em 0 6.25em;}
.com_section_contact .section_tit{margin-bottom: 1.67em;}
.com_section_contact .info_box{display: flex; flex-wrap: wrap;}
.com_section_contact .info_box .info_wrap{width: 33.33%; margin-bottom: 3.75em;}
.com_section_contact .info_wrap .sub_tit{margin-top: 0.4em;}

@media screen and (min-width:1081px) {
    .com_section_contact .info_box .info_wrap:nth-child(4),
    .com_section_contact .info_box .info_wrap:nth-child(5){margin-bottom: 0;}
}
@media screen and (min-width:761px) {
    .form_write_section{padding:4.06em 0 6.25em;}
    .form-fields#formField22{width: calc(25% - 1.75em); margin: 1.875em 0.5em 0 1.25em;}
    .form-fields#formField24{width: calc(25% - 1.75em); margin: 1.875em 1.25em 0 0.5em;}
    .form-fields#formField25{width: calc(100% - 2.5em);}
    /* .form-fields.checkbox-wrap{width: calc(50% - 2.5em);} */
}
@media screen and (max-width:1200px) and (min-width:961px) {
    .form-fields.checkbox-wrap .field-input p,
    .form-fields.radio-wrap .field-input p{width: 33.33%;}
}
@media screen and (max-width:960px) and (min-width:761px) {
    .form-fields.checkbox-wrap .field-input p,
    .form-fields.radio-wrap .field-input p{width: 50%;}
}
@media screen and (max-width:1080px) {
    .com_section_contact .info_box .info_wrap{width: 50%;}
    .com_section_contact .info_wrap .info_list .item{display: flex; flex-direction: column;}
    .com_section_contact .info_box .info_wrap:nth-child(5){margin-bottom: 0;}
}
@media screen and (max-width:760px) {
    .form_write_section{padding-bottom: 4.16em;}
    .form-write-table form{margin:0;}
    .form-fields-wrap{}
    .form-fields{width: calc(100% - 10px); margin: 1.875em 5px 0;}
    .form-fields#formField22{width: calc(50% - 10px);}
    .form-fields#formField24{width: calc(50% - 10px);}
    .form-fields .field-label{font-size: 1em;}
    .form-fields.checkbox-wrap .field-input,
    .form-fields.radio-wrap .field-input{padding: 1em;}
    .form-fields.checkbox-wrap .field-input p,
    .form-fields.radio-wrap .field-input p{width: 50%;}
    .form-agree-wrap{margin: 0 0 3.125em;}
    .form-write-btn > button{font-size: 1.25em;}
    .form-agree-wrap input[type="checkbox"]{width: 2.08em; height: 2.08em;}
    /* contact us */
    .com_section_contact{padding: 4.16em 0;}
    .com_section_contact .info_box .info_wrap{width: 100%;}
}