@charset "utf-8";

/* 온라인 문의하기 - 플래노스 수정안 contacts.html 디자인 반영 */
.inquiry-wrap{max-width:1200px;margin:0 auto;}
.inquiry-wrap .inq-info{margin-bottom:20px;font-size:14px;color:var(--txt_gray);text-align:right;}
.inquiry-wrap .essential-icon{margin-left:2px;color:#ff6b6b;}

/* 상단 히어로 타이틀 영역 */
.inq_hero{margin-bottom:64px;text-align:center;}
.inq_badge{display:inline-block;padding:0.4rem 1.1rem;margin-bottom:1.5rem;border:1px solid rgba(92,177,189,0.4);border-radius:9999px;background:rgba(92,177,189,0.05);font-size:12px;font-weight:700;letter-spacing:0.4em;text-transform:uppercase;color:var(--teal);}
.inq_title{font-size:2.75rem;font-weight:700;letter-spacing:-0.03em;line-height:1.15;color:var(--white);}
.inq_hero_desc{max-width:640px;margin:1.5rem auto 0;font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,0.55);}
@media (max-width:768px){
.inq_title{font-size:2rem;}
}

/* 좌/우 2단 레이아웃 */
.inq_grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media (max-width:960px){
.inq_grid{grid-template-columns:1fr;gap:40px;}
}
.inq_col{display:flex;flex-direction:column;gap:24px;width:100%;}
.inq_col_title{font-size:1.5rem;font-weight:700;letter-spacing:-0.02em;color:var(--white);}

/* 오시는 길 정보 카드 */
.inq_info_card{display:flex;flex-direction:column;gap:24px;padding:2rem;border:1px solid var(--glass_line);border-radius:var(--radius_lg);background:var(--glass_bg);font-weight:300;}
.inq_info_row{display:flex;align-items:center;gap:16px;}
.inq_info_icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:1px solid rgba(92,177,189,0.1);border-radius:var(--radius_md);background:rgba(92,177,189,0.1);color:var(--teal);}
.inq_info_icon svg{width:20px;height:20px;}
.inq_info_text{font-size:0.9rem;line-height:1.6;color:rgba(255,255,255,0.85);}
.inq_info_label{margin-right:4px;font-weight:700;color:var(--teal);}
.inq_info_sep{margin:0 8px;color:rgba(255,255,255,0.3);}
.inq_info_link{font-size:0.9rem;line-height:1.6;color:rgba(255,255,255,0.85);transition:var(--motion_fast);}
.inq_info_link:hover{color:var(--teal);}

/* 지도 영역 (카카오맵 지도 퍼가기 임베드) */
.inq_map_box{position:relative;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:12px;border:1px solid var(--glass_line);border-radius:var(--radius_lg);}
.inq_map_box .root_daum_roughmap{margin:0 auto;border-radius:var(--radius_md);overflow:hidden;width: 100%!important;}
.inq_map_box .root_daum_roughmap .section_address .tit{color: var(--teal);font-family: pretendard;}
.inq_map_box .root_daum_roughmap .section_address .txt{color: rgba(255,255,255,0.85);font-family: pretendard;}
.inq_map_box .root_daum_roughmap .cont{display: none;}

.inquiry_card{display:flex;flex-direction:column;gap:28px;padding:2.5rem;border:1px solid var(--glass_line);border-radius:var(--radius_lg);background:var(--glass_bg);}
@media (max-width:768px){
.inquiry_card{padding:1.75rem;}
}

.inq_field_row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media (max-width:640px){
.inq_field_row{grid-template-columns:1fr;}
}

.inq_field{display:flex;flex-direction:column;gap:8px;}
.inq_label{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal);}

.inquiry-wrap input.inq_input,
.inquiry-wrap textarea.inq_input{width:100%;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius_md);background:rgba(255,255,255,0.02);font-family:inherit;font-size:1rem;color:var(--white);outline:none;transition:var(--motion_fast);}
.inquiry-wrap input.inq_input:focus,
.inquiry-wrap textarea.inq_input:focus{border-color:var(--teal);background:rgba(255,255,255,0.05);box-shadow:0 0 15px rgba(92,177,189,0.15);}
.inquiry-wrap textarea.inq_textarea{min-height:140px;resize:none;}
.inquiry-wrap input.inq_input.error,
.inquiry-wrap textarea.inq_input.error{border-color:#ff6b6b;}

/* 문의유형(onlInqType) 커스텀 셀렉트 - 백엔드(VO/매퍼) 연동 전 하드코딩 영역 */
.inq_select{position:relative;width:100%;}
.inq_select_trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius_md);background:rgba(255,255,255,0.02);font-family:inherit;font-size:1rem;color:var(--white);cursor:pointer;transition:var(--motion_fast);}
.inq_select_trigger.is-open{border-color:var(--teal);background:rgba(255,255,255,0.05);}
.inq_select_arrow{display:inline-block;width:8px;height:8px;margin-left:8px;border-right:2px solid rgba(255,255,255,0.5);border-bottom:2px solid rgba(255,255,255,0.5);transform:rotate(45deg);transition:var(--motion_fast);}
.inq_select_trigger.is-open .inq_select_arrow{border-color:var(--teal);transform:rotate(-135deg);}
.inq_select_options{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;overflow:hidden;padding:8px;border:1px solid var(--glass_line);border-radius:var(--radius_md);background:rgba(9,9,9,0.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 40px rgba(0,0,0,0.5);opacity:0;transform:scale(0.97);pointer-events:none;transition:var(--motion_fast);}
.inq_select_options.is-open{opacity:1;transform:scale(1);pointer-events:auto;}
.inq_option{padding:0.75rem 1rem;border-radius:var(--radius_sm);font-size:0.9rem;color:rgba(255,255,255,0.6);cursor:pointer;transition:var(--motion_fast);}
.inq_option:hover{background:rgba(255,255,255,0.05);color:var(--white);}
.inq_option.is-active{background:rgba(255,255,255,0.05);color:var(--teal);font-weight:700;}

/* 자동등록방지(캡차) */
.inq_captcha{display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.inq_captcha_img{display:flex;align-items:center;padding:6px 10px;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius_md);background:rgba(255,255,255,.5);}
.inq_captcha_img img{display:block;height:44px;}
.inq_captcha_refresh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius_md);background:rgba(255,255,255,0.05);transition:var(--motion_fast);}
.inq_captcha_refresh:hover{border-color:var(--teal);background:rgba(255,255,255,0.1);}
.inq_captcha_refresh img{width:18px;height:18px;}
.inq_captcha_input{flex:1;min-width:160px;}

/* 개인정보 수집 동의 */
.inquiry-wrap .sub-contact-btn-wrap{padding:20px;border:1px solid var(--glass_line);border-radius:var(--radius_md);background:rgba(255,255,255,0.02);text-align:left;font-size:14px;color:rgba(255,255,255,0.7);margin-top: 10px;}
.inquiry-wrap .btn-agree{display:flex;align-items:flex-start;gap:8px;}
.inquiry-wrap .btn-agree input[type="checkbox"]{margin-top:3px;accent-color:var(--teal);}
.inquiry-wrap .btn-agree label{cursor:pointer;}

/* 제출 버튼 (기존 .btn_cta 그라디언트 필 버튼 재사용) */
.inquiry-wrap .inquiry-btn{margin:28px 0 0;text-align:center;}
.inq_submit_full{display:flex;width:100%;}