@import url("sub.css");

/* ONLINE — INQUIRY */
.inquiry-cont{display:flex; align-items:flex-start; gap:60px; box-sizing:border-box;}
.inquiry-cont .title_area{flex:1; min-width:0; display:flex; flex-direction:column; gap:30px; box-sizing:border-box;}
.inquiry-cont .inquiry_title{display:flex; flex-direction:column; gap:15px;}
.inquiry-cont .inquiry_title h2{color:var(--black); word-break:keep-all;}
.inquiry-cont .inquiry_title p{color:var(--basic); word-break:keep-all;}
.inquiry-cont .inquiry_info{display:flex; flex-direction:column; gap:7px; padding:30px 0 0; border-top:1px dashed var(--border); box-sizing:border-box;}
.inquiry-cont .inquiry_info li{display:flex; align-items:center; gap:10px;}
.inquiry-cont .inquiry_info li::before{content:''; display:flex; align-items:center; justify-content:center; flex-shrink:0; width:34px; height:34px; border-radius:var(--borderR5); background:#adaeb3; color:var(--white); font-family:var(--icon); font-size:20px; font-weight:400; line-height:34px; text-align:center; box-sizing:border-box;}
.inquiry-cont .inquiry_info .tel::before{content:'\e0b0';}
.inquiry-cont .inquiry_info .fax::before{content:'\ead8';}
.inquiry-cont .inquiry_info .mail::before{content:'\e158';}
.inquiry-cont .inquiry_info .tel a{font-weight:600; color:var(--black); line-height: 120%;}
.inquiry-cont .inquiry_info .fax span,
.inquiry-cont .inquiry_info .mail a{font-weight:400; color:var(--basic); line-height: 120%;}
.inquiry-cont .inquiry_info a:hover{color:var(--main);}
.inquiry-cont .form_area{width:890px; flex-shrink:0; box-sizing:border-box;}

/* ONLINE — FORM (검정 버전: 메인 formBasic 오버라이드) */
.inquiry-cont .inquiryForm select{color:var(--basic);}
.inquiry-cont .inquiryForm .input,
.inquiry-cont .inquiryForm .textarea{color:var(--black);}
.inquiry-cont .inquiryForm .input::placeholder,
.inquiry-cont .inquiryForm .textarea::placeholder{color:rgba(34,34,34,0.5);}
.inquiry-cont .inquiryForm .filebox label{background:var(--main);}
.inquiry-cont .inquiryForm .filebox .upload-name{color:var(--basic);}
.inquiry-cont .inquiryForm .form_table dl{background:var(--grayBg); backdrop-filter:none; -webkit-backdrop-filter:none;}
.inquiry-cont .inquiryForm .form_table dt{color:var(--black); font-weight:600;}
.inquiry-cont .inquiryForm .form_table dd{color:var(--black); border-left-color:var(--border);}
.inquiry-cont .inquiryForm .form_table dd .sub_txt{color:var(--basic);}
.inquiry-cont .inquiryForm .form_table dd .sub_txt a{color:var(--black); font-weight:600;}
.inquiry-cont .inquiryForm .form_table dd span.hipen{color:var(--basic);}
.inquiry-cont .inquiryForm .form_table dd .select_email{color:var(--basic); border-left-color:var(--border); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23636467'%3E%3Cpath d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");}
.inquiry-cont .inquiryForm .form_table dd .btn_address{background:var(--main);}
.inquiry-cont .inquiryForm .form_table dd .vcode{background:var(--white); color:var(--black);}
.inquiry-cont .inquiryForm .privacy_head .checkbox_wrap{color:var(--basic);}
.inquiry-cont .inquiryForm .privacy_head .checkbox_wrap::before{border-color:var(--basic); background:var(--white);}
.inquiry-cont .inquiryForm .privacy_head .option{color:var(--black); font-weight:600;}

/*******************************************************************************
 @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

/* ONLINE — INQUIRY */
.inquiry-cont{gap:40px;}
.inquiry-cont .form_area{width:60%;}

}

/*******************************************************************************
 @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* ONLINE — INQUIRY */
.inquiry-cont{gap:30px;}
.inquiry-cont .inquiry_title{gap:12px;}
.inquiry-cont .inquiry_info{padding-top:24px;}
.inquiry-cont .form_area{width:58%;}

}

/*******************************************************************************
 @media ~980px
*******************************************************************************/
@media all and (max-width:980px){

/* ONLINE — INQUIRY */
.inquiry-cont{flex-direction:column; gap:40px;}
.inquiry-cont .title_area{width:100%;}
.inquiry-cont .form_area{width:100%;}

}

/*******************************************************************************
 @media ~680px
*******************************************************************************/
@media all and (max-width:680px){

/* ONLINE — INQUIRY */
.inquiry-cont{gap:30px;}
.inquiry-cont .inquiry_title{gap:10px;}
.inquiry-cont .title_area{gap: 20px;}
.inquiry-cont .inquiry_info{gap:8px; padding-top:20px;}
.inquiry-cont .inquiry_info li{gap:8px;}
.inquiry-cont .inquiry_info li::before{width:28px; height:28px; font-size:16px; line-height:28px;}
.inquiry-cont .inquiryForm .form_table dd .vcode{width: calc(100% - 85px);}
.inquiry-cont .inquiryForm .form_table dd .select_email{border: 1px solid var(--border) !important;}
.inquiry-cont .form_b{margin: 30px 0 0;}

}
