/* 상담문의 */
.quick_menu_wrap .form-fields-wrap{margin-bottom: 1.25em;}
.quick_menu_wrap .form-fields{display: flex; align-items: center; width: 100%; border-bottom: 1px solid #fff; margin-top: 10px;}
.quick_menu_wrap .form-fields.textarea-wrap{ align-items: flex-start; margin-top: 1.875em; flex-direction: column; border-bottom: none; } 
.quick_menu_wrap .form-fields .field-label{ position: relative; font-size: 1.125em; padding-left: 9px; width: 4.44em;  margin-bottom: 0; }
.quick_menu_wrap .form-fields .field-label::after{content: ""; display: block; width: 1px; height: 1.11em; background-color: #Fff; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.quick_menu_wrap .form-fields.textarea-wrap .field-label{padding-bottom: 10px; width: 100%;}
.quick_menu_wrap .form-fields.textarea-wrap .field-label::after{display: none;}
.quick_menu_wrap .form-fields .field-label .chk_nc:after{content: "";}
.quick_menu_wrap .form-fields .field-input{width: calc(100% - 4.44em);}
.quick_menu_wrap .form-fields.textarea-wrap .field-input{width: 100%;}
.quick_menu_wrap .form-fields .phone.inputbox{width: 100%;}
.quick_menu_wrap .form-fields input[type=text], 
.quick_menu_wrap .form-fields input[type=tel],
.quick_menu_wrap .form-fields input[type=email] { background-color: transparent; border: none; height: 50px; color: #fff; }
.quick_menu_wrap .form-fields input[type=email] { width: 100%; padding: 0 10px; }
.quick_menu_wrap .form-fields textarea{ padding: 1.125em; background-color: rgba(255,255,255,0.15); border: none; border-radius: 8px; color: #fff; }
.quick_menu_wrap .form-fields input::placeholder,
.quick_menu_wrap .form-fields textarea::placeholder{color: rgba(255,255,255,0.5); }

.quick_menu_wrap .form-agree-wrap{margin: 0; padding: 0; background-color: transparent; margin-bottom: 1.875em;}
.quick_menu_wrap .form-agree-wrap .form-agree{font-size: 0.875em; display: flex; align-items: center; width: 100%;}
.quick_menu_wrap .form-agree-wrap span{font-size: 1em; background-color: transparent; margin: 0; padding: 0; border-bottom: 1px solid transparent; }
.quick_menu_wrap .form-agree-wrap span:hover{border-color: #fff;}

.quick_menu_wrap .form-write-btn > button{height: auto; width: 100%; padding: 0.73em; background-color: #fff; color: #20a64b; font-size: 1.25em; border-radius: 8px; border: 1px solid transparent; transition: all 0.3s;}
.quick_menu_wrap .form-write-btn:hover > button{background-color: #20a64b; color: #fff; border-color: #fff;}


.quick_menu_wrap input[id="agreeChk1"] {-webkit-appearance: none; position: relative; width: 1.71em; height: 1.71em; vertical-align: middle; cursor: pointer; outline: none !important; background-color: rgba(255,255,255,0.1); border-radius: 2px; margin-right: 10px;}
.quick_menu_wrap input[type="checkbox"]::before { content: "\e928"; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform: scale(0) translate(-50%, -50%); line-height: 1em;}
.quick_menu_wrap input[type="checkbox"]:checked { background-color: #fff; border-color: transparent; color: #20a64b; }
.quick_menu_wrap input[type="checkbox"]:checked::before { border-radius: 2px; background-color: #fff; transform: scale(1) translate(-50%, -50%); color: #20a64b; }
.quick_menu_wrap .terms-popup .terms-btm button { background-color: #11a84e; }

@media screen and (max-width:340px) {
    .quick_menu_wrap .form-fields .field-label{width: 4em;}
    .quick_menu_wrap .form-fields .field-input{width: calc(100% - 4em);}
    .quick_menu_wrap .form-write-btn > button{ border-radius: 4px;}
    .quick_menu_wrap .form-agree-wrap .form-agree{font-size: 12px;}
}