@charset "utf-8";

/* ==========================================================================
   빠른상담(#qcounsel_pop) 하단 고정 바 커스텀
   - 기존 마크업(top.php) / 스크립트(script.js) 는 수정하지 않고 CSS 로만 처리
   - head 에서 layout.css 뒤에 로드할 것
   ========================================================================== */

/* 1. 기존 "상담이 필요하신가요?" 플로팅 레이어 숨김 */
.btn_consult_pop,
.fixed_consult {display:none !important;}

/* 2. 딤(어두운 배경) 오버레이 제거 - 항상 보이는 바이므로 불필요 */
#qcounsel_pop:before {display:none !important;}

/* 3. 팝업 컨테이너를 화면 하단 전체 폭 고정 바로 전환 */
#qcounsel_pop {position:fixed; left:0; right:0; bottom:0; z-index:1000; min-width:1400px;}

/* 4. .open 클래스 유무와 상관없이 항상 노출 (슬라이드 좌표값 무력화) */
#qcounsel_pop .box,
#qcounsel_pop.open .box {
	position:static;
	width:100%;
	margin:0;
	border-radius:0;
	background:rgba(58,58,58,0.9);
	transition:none;
}

/* 5. 닫기 버튼 / 제목 / legend 숨김 (동작은 그대로, 화면에서만 제거) */
#qcounsel_pop .btn_close,
#qcounsel_pop h2 {display:none;}
#qcounsel_pop legend {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}

/* 6. 폼 내부를 가로 한 줄 레이아웃으로 배치 */
#qcounsel_pop .fbox {
	display:flex;
	align-items:center;
	gap:12px;
	max-width:1600px;
	margin:0 auto;
	padding:18px 30px;
}
#qcounsel_pop .frow {flex:1 1 0; margin:0;}

/* 7. 입력 요소 공통 - 흰 배경 / 높이 통일 */
#qcounsel_pop input[type="text"],
#qcounsel_pop textarea {
	display:block;          /* inline 기준선(baseline) 여백 제거 → textarea 만 위로 뜨는 현상 방지 */
	width:100%;
	height:46px;
	font-family: "Noto Sans KR", sans-serif;
	font-size:16px;
	color:#7d7d7d;
	margin:0;
	padding:0 16px;
	border-radius:4px;
	font-size:16px;
	line-height:46px;
	background:#fff;
	resize:none;
}
#qcounsel_pop textarea {overflow:hidden; white-space:nowrap;}

/* 8. 개인정보 동의 영역 */
#qcounsel_pop .check_area {flex:0 0 auto; margin:0; color:#dddddd; white-space:nowrap;}
#qcounsel_pop .check_area a {color:#8ab4ff;}

/* 9. 상담신청 버튼 - 우측 파란 버튼 */
#qcounsel_pop .btn_submit {
	flex:0 0 auto;
	width:auto;
	min-width:150px;
	height:46px;
	margin:0;
	padding:0 28px;
	border-radius:4px;
	font-size:18px;
	background:#2f7ff0;
}

/* 10. 하단 바에 본문/푸터가 가리지 않도록 여백 확보 */
#footer {padding-bottom:110px;}