/* formBasic — ONLINE INQUIRY */
.inquiryForm {width:100%;}
select {-webkit-appearance:none; appearance:none; -webkit-border-radius:0; border:0; background:transparent; padding:0; box-sizing:border-box; color:var(--white); font-size:1rem; letter-spacing:var(--letter-spacing-input); line-height:150%; outline:none; cursor:pointer;}
select option {color:var(--black); background:var(--white);}
.input {display:block; -webkit-appearance:none; -webkit-border-radius:0; border:0; background:transparent; padding:0; box-sizing:border-box; width:100%; height:40px; color:var(--white); font-size:1rem; letter-spacing:var(--letter-spacing-input); line-height:150%; outline:none;}
.input::placeholder {color:rgba(255,255,255,0.3);}
.textarea {display:block; -webkit-appearance:none; -webkit-border-radius:0; border:0; background:transparent; padding:0; box-sizing:border-box; width:100%; height:100%; min-height:130px; color:var(--white); font-size:1rem; letter-spacing:var(--letter-spacing-input); line-height:150%; outline:none; resize:none;}
.textarea::placeholder {font-family: var(--kor); color:rgba(255,255,255,0.3);}
.blind {font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
/* 첨부파일 */
.filebox {display:flex; align-items:center; gap:15px; position:relative; width:100%; box-sizing:border-box;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox label {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; height:40px; padding:0 15px; color:var(--white); background:#004b9b; cursor:pointer; font-size:0.889rem; line-height:150%; font-weight:600; letter-spacing:var(--letter-spacing-button); box-sizing:border-box; transition:opacity .3s ease;}
.filebox label:hover {opacity:0.85;}
.filebox .upload-name {display:block; min-width:0; flex:1 1 auto; color:rgba(255,255,255,0.7); font-size:0.889rem; line-height:175%; letter-spacing:-0.48px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.form_table dd .filebox + .sub_txt {display:none;}
/* 입력항목 */
.form_table {display:flex; flex-direction:column; gap:4px; width:100%;}
.form_table dl {display:flex; align-items:center; gap:30px; width:100%; padding:15px 20px; border-radius:var(--borderR5); background:rgba(255,255,255,0.12); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-sizing:border-box;}
.form_table dt {flex-shrink:0; width:100px; color:var(--white); line-height:166.67%; box-sizing:border-box;}
.form_table dt span {color:var(--orange);}
.form_table dd {flex:1 1 0; min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-height:40px; padding-left:25px; border-left:1px solid rgba(255,255,255,0.3); box-sizing:border-box; color:var(--white);}
.form_table dd .sub_txt {display:block; width:100%; padding:0; color:rgba(255,255,255,0.8); font-size:0.889rem; line-height:175%; letter-spacing:-0.48px;}
.form_table dd .sub_txt a {color:inherit; text-decoration:none;}
.form_table dd .sub_txt a:hover {opacity:0.7;}
.form_table dd span.hipen {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:auto; min-width:10px; color:var(--white); font-size:1rem; line-height:150%;}
.form_table dd .select_num {flex:1 1 0; min-width:0; width:auto; max-width:none; height:40px;}
.form_table dd .input_num {flex:1 1 0; min-width:0; width:auto; max-width:none;}
.form_table dd .input_email {flex:1 1 0; min-width:0; width:auto; max-width:none;}
.form_table dd .select_email {flex:1 1 0; min-width:0; width:auto; max-width:none; height:40px; margin-left:0; padding:0 24px 0 25px; border-left:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.7); background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right center / 20px;}
.form_table dd .btn_address {flex-shrink:0; -webkit-appearance:none; -webkit-border-radius:0; width:auto; min-width:100px; height:40px; margin-left:5px; padding:0 15px; border:0; background:#004b9b; color:var(--white); font-size:0.889rem; font-weight:600; line-height:150%; letter-spacing:var(--letter-spacing-button); cursor:pointer; box-sizing:border-box; transition:opacity .3s ease;}
.form_table dd .btn_address:hover {opacity:0.85;}
.form_table dd .input_address {width:100%; margin:5px 0 0;}
.form_table dd .norobot_img {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:80px; height:40px; padding:0; background:#242b38; box-sizing:border-box; overflow:hidden; vertical-align:top;}
.form_table dd .norobot_img img {display:block; width:80px; height:33px; object-fit:cover;}
.form_table dd .vcode {display:block; flex:0 0 260px; width:260px; max-width:100%; height:40px; padding:0 10px; background:rgba(255,255,255,0.1); border:0; color:var(--white); box-sizing:border-box;}
.form_table dd:has(.textarea) {align-items:flex-start; height:150px; padding:10px 0 0 15px;}
.form_table dd:has(.filebox) {gap:15px; padding-left:20px;}
.form_table dd:has(.vcode),
.form_table dd:has(.norobot_img) {align-items:center; justify-content:flex-start; gap:4px 5px; height:auto; min-height:40px;}
.form_table dd:has(.vcode) .sub_txt,
.form_table dd:has(.norobot_img) .sub_txt {width:100%; order:10;}
.form_table dd:has(.select_num),
.form_table dd:has(.input_email) {flex:0 1 510px; width:510px; max-width:100%;}
.input_pdate {position:relative; display:inline-block; width:100%; max-width:50%;}
.input_pdate .input {padding:0 50px 0 0; width:100%;}
.input_pdate img {position:absolute; right:0; top:50%; margin-top:-12px; width:22px; height:auto;}
/* 하단 영역 */
.form_b {display:flex; justify-content:space-between; align-items:center; margin:30px 0 0; position:relative; width:100%; gap:20px;}
.form_b.recaptcha_on {align-items:flex-start;}
.form_b .agree_con {display:flex; flex-direction:column; gap:10px; min-width:0;}
.privacy_head {display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
.privacy_head input[type="checkbox"] {position:absolute; opacity:0; width:1px; height:1px; overflow:hidden;}
.privacy_head .checkbox_wrap {display:inline-flex; align-items:center; gap:5px; color:rgba(255,255,255,0.7); cursor:pointer; line-height:175%;}
.privacy_head .checkbox_wrap::before {content:''; display:flex; align-items:center; justify-content:center; width:20px; height:20px; border:1px solid #bbb; border-radius:3px; background:var(--white); box-sizing:border-box; flex-shrink:0; font-family:var(--icon); font-size:16px; line-height:20px; font-weight:400; color:var(--white);}
.privacy_head input[type="checkbox"]:checked + .checkbox_wrap::before {content:'\e5ca'; background:var(--orange); border-color:var(--orange);}
.privacy_head .option {display:inline-block; padding:0; border:0; background:transparent; color:var(--white); cursor:pointer; text-decoration:underline; line-height:175%;}
.privacy_head .option:hover {opacity:0.7;}
.privacy_agree {display:none;}
.formBtn .btn {display:inline-flex; align-items:center; justify-content:space-between; vertical-align:top; padding:0 15px 0 20px; margin:0; outline:none; cursor:pointer; width:185px; height:55px; box-sizing:border-box; border:2px solid var(--orange); border-radius:var(--borderR5); background:var(--orange); position:relative; transition:opacity .3s ease;}
.formBtn .btn::after {content:'\e5c8'; display:block; width:26px; height:26px; font-size:26px; line-height:26px; font-family:var(--icon); font-weight:400; color:var(--white); flex-shrink:0;}
.formBtn .btn:hover {opacity:0.85;}
.formBtn .btn span {display:block; position:relative; z-index:1; color:var(--white); line-height:175%; letter-spacing:var(--letter-spacing-button);}
/* privacy popup */
.privacyPopup {position:fixed; inset:0; z-index:var(--z-modal); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s ease, visibility .3s ease;}
.privacyPopup.open {opacity:1; visibility:visible; pointer-events:auto;}
.privacyPopup_dim {position:absolute; inset:0; background:rgba(0,0,0,0.7);}
.privacyPopup_box {position:relative; z-index:2; display:flex; flex-direction:column; gap:20px; width:90%; max-width:700px; padding:30px; background:var(--white); border-radius:var(--borderR10); box-sizing:border-box;}
.privacyPopup_top {display:flex; align-items:center; justify-content:space-between; gap:15px;}
.privacyPopup_top h3 {color:var(--black);}
.privacyPopup_close {position:relative; width:28px; height:28px; flex-shrink:0;}
.privacyPopup_close::before,
.privacyPopup_close::after {content:''; position:absolute; left:50%; top:50%; width:22px; height:2px; margin-left:-11px; background:var(--black);}
.privacyPopup_close::before {transform:translateY(-50%) rotate(45deg);}
.privacyPopup_close::after {transform:translateY(-50%) rotate(-45deg);}
.privacyPopup_textarea {display:block; width:100%; height:280px; padding:20px; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--grayBg); color:var(--basic); box-sizing:border-box; resize:none; outline:none;}
.privacyPopup_btm {display:flex; justify-content:center;}
.privacyPopup_ok {display:inline-flex; align-items:center; justify-content:center; min-width:120px; height:45px; padding:0 20px; border-radius:var(--borderR5); background:var(--main); color:var(--white); box-sizing:border-box;}
.privacyPopup_ok:hover {opacity:0.85;}
/*******************************************************************************
	@media ~980px
*******************************************************************************/
@media all and (max-width:980px){
.form_table dl {gap:20px; padding:12px 15px;}
.form_table dt {width:90px;}
.form_table dd {padding-left:15px;}
.form_table dd:has(.textarea) {height:130px; padding:10px 0 0 12px;}
.form_table dd:has(.select_num),
.form_table dd:has(.input_email) {flex:1 1 auto; width:auto;}
.form_table dd .vcode {flex:1 1 auto; width:100%; max-width:260px;}
.form_b {margin:24px 0 0;}
.formBtn .btn {width:170px; height:50px;}
.formBtn .btn::after {width:22px; height:22px; font-size:22px; line-height:22px;}
}
/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){
.form_table dl {flex-direction:column; align-items:stretch; justify-content:center; gap:10px; padding:15px 20px;}
.form_table dt {width:100%; line-height:175%; }
.form_table dd {width:100%; padding-left:0; border-left:0; min-height:40px;}
.form_table dd .sub_txt {font-size:0.889rem; line-height:175%; }
.form_table dd span.hipen {font-size:1.286rem; line-height:167%;}
.form_table dd .select_num,
.form_table dd .input_num {flex:1 1 0; min-width:0;}
.form_table dd .input_email {flex:1 1 calc((100% - 26px) / 2); min-width:0; max-width:calc((100% - 26px) / 2);}
.form_table dd .select_email {flex:1 0 100%; width:100%; max-width:100%; height:40px; margin-top:0; padding:0 30px 0 10px; border:1px solid rgba(255,255,255,0.3); border-left:1px solid rgba(255,255,255,0.3); box-sizing:border-box; background-position: right 5px center;}
.form_table dd:has(.textarea) {height:100px; padding:0; border:0;}
.form_table dd:has(.textarea) .textarea {min-height:100px; height:100%;}
.form_table dd:has(.filebox) {gap:10px; padding-left:0; border-left:0;}
.form_table dd:has(.filebox) .filebox {gap:10px;}
.form_table dd:has(.filebox) .filebox label {height:36px; font-size:1rem;}
.form_table dd:has(.filebox) .filebox .upload-name {font-size:1rem; line-height:171%;}
.form_table dd:has(.select_num) {padding-left:10px;}
.form_table dd:has(.select_num),
.form_table dd:has(.input_email) {flex:1 1 auto; width:100%; max-width:100%;}
.form_table dd:has(.vcode),
.form_table dd:has(.norobot_img) {gap:5px 4px; height:auto; min-height:auto;}
.form_table dd .vcode {flex:auto; width:calc(100% - 85px); max-width:100%; min-width:0;}
.form_table dd .norobot_img {width:80px; height:40px;}
.input_pdate {max-width:100%;}
.form_b {margin:0; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center; gap:20px;}
.form_b .agree_con {width:100%; align-items:center;}
.form_b .agree_pri {position:relative; width:auto;}
.privacy_head {justify-content:center; flex-wrap:nowrap;}
.privacy_head .checkbox_wrap {font-size:1rem; line-height:171%; gap:5px;}
.privacy_head .checkbox_wrap::before {width:16px; height:16px; font-size:12px; line-height:16px;}
.privacy_head .option {font-size:1rem; line-height:186%; }
.formBtn .btn {width:150px; height:50px; padding:0 10px 0 15px;}
.formBtn .btn::after {width:20px; height:20px; font-size:20px; line-height:20px;}
.formBtn .btn span {font-size:1rem; line-height:186%;}
.privacyPopup_box {padding:20px; gap:15px;}
.privacyPopup_textarea {height:220px; padding:15px;}
.privacyPopup_ok {min-width:100px; height:40px;}
}