/* ==================== #inquiry Scoped Styles ==================== */
	
	#inquiry *{box-sizing:border-box;}
	
	#inquiry{ 
		position:relative; width:94%; 
		padding:200px 3% 150px;
		background:#fff; text-align:left; 
	}
	#inquiry .wrap{ width:100%; margin:0 auto; }

	/* 타이틀: project-title 톤과 유사 */
	#inquiry .inquiry-title{
		font-family:'BespokeSerif-ExtraBold', 'BespokeSerif-Bold', serif;
		font-size:48px; font-weight:800; text-align:center;
		margin:0 0 60px 0; color:#1a1a1a;
	}

	/* 폼 레이아웃 */
	#inquiry form{ width:100%; max-width:800px; margin:0 auto;}
	#inquiry .grid{
		display:grid; gap:20px; margin-bottom:24px;
	}
	#inquiry .grid.two{
		grid-template-columns:1fr 1fr;
	}

	#inquiry .field{
		display:flex; flex-direction:column; gap:10px;
	}
	#inquiry .label{
		font-size:16px; font-weight:700; color:#232323;
	}
	#inquiry .req{ color:#df3c20; font-weight:800; }

	#inquiry input[type="text"],
	#inquiry input[type="tel"],
	#inquiry input[type="email"],
	#inquiry input[type="date"],
	#inquiry textarea{
		width:100%; padding:14px 16px; border:1px solid #e5e7eb; border-radius:12px;
		background:#fff; color:#1a1a1a; font-size:16px; outline:none;
		transition: box-shadow .2s ease, border-color .2s ease;
	}
	#inquiry textarea{ resize:vertical; min-height:220px; font-size:14px; }

	#inquiry input:focus,
	#inquiry textarea:focus{
		border-color:#ddd; box-shadow:0 0 0 4px rgba(223,60,32,.12);
	}

/* ==================== #inquiry select / option Styles ==================== */

	/* 공통 select */
	#inquiry select{
		appearance:none;
		-webkit-appearance:none;
		-moz-appearance:none;
		display:block;
		width:100%;
		min-height:48px;
		padding:14px 44px 14px 16px; /* 오른쪽은 화살표 공간 */
		border:1px solid #e5e7eb;
		border-radius:12px;
		background:#fff;
		color:#1a1a1a;
		font-size:16px;
		line-height:1.2;
		outline:none;
		transition:box-shadow .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease;
	}

	/* 포커스 */
	#inquiry select:focus{
		border-color:#ddd;
		box-shadow:0 0 0 4px rgba(223,60,32,.12);
	}

	/* 호버 */
	#inquiry select:hover{
		border-color:#ddd;
	}

	/* 비활성 */
	#inquiry select:disabled{
		background:#f5f5f5;
		color:#9ca3af;
		border-color:#ececec;
		cursor:not-allowed;
	}

	/* 에러 상태 (필요 시 .error 클래스 부여) */
	#inquiry .field.error select{
		border-color:#df3c20;
		box-shadow:0 0 0 4px rgba(223,60,32,.12);
	}

	/* 선택된 값이 placeholder일 때 연한 색 */
	#inquiry select.placeholder,
	#inquiry select:has(option[disabled][selected]){ /* 최신 브라우저용 보조 */
		color:#6b7280;
	}

	/* 옵션 기본 폰트 톤(브라우저 제한으로 배경/패딩은 일부 브라우저에서 제한적) */
	#inquiry select option{
		color:#1a1a1a;
		font-size:16px;
	}

	/* optgroup 제목 */
	#inquiry select optgroup{
		font-weight:700;
		color:#232323;
	}

	/* 다중 선택 */
	#inquiry select[multiple]{
		min-height:160px;
		padding:10px 12px; /* 스크롤을 위해 패딩 조정 */
		background:#fff;
	}

	/* 다중 선택: 내부 옵션 높이 */
	#inquiry select[multiple] option{
		padding:8px 6px; /* 일부 브라우저만 반영 */
	}

	/* 다중 선택: 포커스/호버 느낌 강화 (브라우저별 지원 상이) */
	#inquiry select[multiple]:focus{
		border-color:#ddd;
		box-shadow:0 0 0 4px rgba(223,60,32,.12);
	}

	/* 화살표 커스텀을 위한 래퍼 */
	#inquiry .select-wrap{
		position:relative;
	}

	/* 기본 화살표 숨김 보정 (Edge/IE 구형 대비) */
	#inquiry select::-ms-expand{
		display:none;
	}

	/* 커스텀 화살표 (wrapper의 ::after 사용) */
	#inquiry .select-wrap::after{
		content:"";
		position:absolute;
		right:14px;
		top:50%;
		transform:translateY(-50%);
		width:18px;
		height:18px;
		pointer-events:none;
		/* 원형 배경 + 아래 방향 화살표(데이터 URI SVG) */
		background:
			url("data:image/svg+xml;utf8,\
	<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center center;
		opacity:.9;
	}

	/* 비활성 시 화살표 약하게 */
	#inquiry select:disabled + .arrow-mask,
	#inquiry .select-wrap:has(select:disabled)::after{
		opacity:.4;
	}

	/* 사이즈 변형(선택): .select-sm / .select-lg 클래스 */
	#inquiry select.select-sm{
		min-height:40px;
		padding:10px 40px 10px 12px;
		font-size:14px;
		border-radius:10px;
	}
	#inquiry select.select-lg{
		min-height:56px;
		padding:16px 48px 16px 16px;
		font-size:18px;
		border-radius:14px;
	}

	/* 유효성 메시지 (선택): .help, .error-msg */
	#inquiry .help{
		margin-top:6px;
		font-size:12px;
		color:#6b7280;
	}
	#inquiry .error-msg{
		margin-top:6px;
		font-size:12px;
		color:#df3c20;
	}

	/* 스크롤바(웹킷계열) */
	#inquiry select[multiple]::-webkit-scrollbar{
		width:10px;
	}
	#inquiry select[multiple]::-webkit-scrollbar-track{
		background:#f1f1f1;
		border-radius:8px;
	}
	#inquiry select[multiple]::-webkit-scrollbar-thumb{
		background:#d1d5db;
		border-radius:8px;
	}
	#inquiry select[multiple]::-webkit-scrollbar-thumb:hover{
		background:#bfc5ce;
	}

	/* 다크 톤이 필요한 경우 (선택): .select-invert */
	#inquiry .select-invert select{
		background:#111827;
		color:#f9fafb;
		border-color:#1f2937;
	}
	#inquiry .select-invert .select-wrap::after{
		/* 화살표를 밝은 톤으로 교체 */
		background:
			url("data:image/svg+xml;utf8,\
	<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f9fafb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center center;
	}

	/* 모바일(iOS) 기본 내부 여백 보정 */
	@supports (-webkit-touch-callout: none){
		#inquiry select{
			padding-right:46px;
		}
	}

	/* 라벨 아래 도움말 배치 안정화 */
	#inquiry .field .label + .help{
		margin-top:2px;
	}

	/* 반응형에서 높이/폰트 미세 조정 */
	@media (max-width: 767px){
		#inquiry select{
			min-height:44px;
			font-size:15px;
		}
	}





	/* 라디오 그룹 (예상 견적) */
	#inquiry .radio-group{
		display:flex; flex-wrap:wrap; gap:10px 14px;
		padding:10px 0 0 0;
	}
	#inquiry .radio{
		display:inline-flex; align-items:center; gap:8px;
		padding:10px 12px; border:1px solid #e9eaee; border-radius:999px;
		cursor:pointer; user-select:none;
		transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
	}
	#inquiry .radio:hover{ border-color:#ddd; }
	#inquiry .radio input{ display:none; }
	#inquiry .radio i{
		width:16px; height:16px; border-radius:50%;
		border:2px solid #c9ccd3; display:inline-block; position:relative;
	}
	#inquiry .radio input:checked + i{
		border-color:#df3c20;
	}
	#inquiry .radio input:checked + i::after{
		content:""; position:absolute; inset:3px; border-radius:50%; background:#df3c20;
	}
	#inquiry .radio span{ font-size:14px; color:#222; }

	/* 개인정보 동의 */
	#inquiry .privacy{ margin-top:18px; }
	#inquiry .privacy-box{
		border:1px solid #e5e7eb; border-radius:12px; padding:16px; line-height:1.6;
		background:#fafafa; color:#333; max-height:180px; overflow:auto;
	}
	
#inquiry .agree{
	display:block; width:100%;
	cursor:pointer; margin-top:12px;
}
#inquiry .agree input{ display:none; }

#inquiry .agree-box{
	display:flex; align-items:center; justify-content:center; /* ← 가운데 정렬 */
	gap:10px;
	width:100%; padding:16px 18px;
	border:1px solid #e5e7eb; border-radius:12px;
	background:#fff;
	transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
	text-align:center;
}
#inquiry .agree-box i{
	width:20px; height:20px; border:2px solid #c9ccd3;
	border-radius:4px; display:inline-block; position:relative;
	background:#fff; flex-shrink:0;
}
#inquiry .agree-box span{
	font-size:15px; color:#222; font-weight:500;
}

/* hover */
#inquiry .agree-box:hover{
	border-color:#ddd; background:#fafafa;
}

/* 체크 되었을 때 */
#inquiry .agree input:checked + .agree-box{
	border-color:#df3c20;
	box-shadow:0 0 0 4px rgba(223,60,32,.12);
	background:#fff;
}
#inquiry .agree input:checked + .agree-box i{
	border-color:#df3c20; background:#df3c20;
}
#inquiry .agree input:checked + .agree-box i::after{
	content:""; position:absolute; left:4px; top:0px;
	width:6px; height:12px;
	border:solid #fff; border-width:0 2px 2px 0;
	transform:rotate(45deg);
}



	/* 제출 버튼: div 사용 (사용자 선호 반영) */
	#inquiry .submit-wrap{
		margin-top:28px; display:flex; justify-content:center;
	}
	#inquiry .btn-submit{
		display:inline-flex; align-items:center; justify-content:center;
		min-width:220px; padding:16px 22px; border-radius:16px;
		background:#df3c20; color:#fff; font-size:18px; font-weight:800;
		box-shadow:0 10px 20px rgba(223,60,32,.18); cursor:pointer; user-select:none;
		transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
	}
	#inquiry .btn-submit:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(223,60,32,.22); }
	#inquiry .btn-submit:active{ transform:translateY(0); filter:brightness(.95); }


	#inquiry .business-area-desc { font-size: 22px; color: #222; line-height: 1.4; margin-bottom: 120px; text-align:center;}
	#inquiry .business-area-desc b { font-size: 26px; }

	/* 반응형 */
	@media (max-width: 1024px){
		#inquiry{ padding:160px 3% 120px 3%; }
		#inquiry .inquiry-title{ font-size:38px; margin-bottom:40px; }
	}
	@media (max-width: 767px){
		#inquiry{ padding:120px 3% 80px 3%; }
		#inquiry .inquiry-title{ font-size:22px; margin-bottom:20px; text-align:center; }
		#inquiry .grid.two{ grid-template-columns:1fr; }
		#inquiry .btn-submit{ min-width:100%; font-size:16px; padding:14px 18px; border-radius:12px; }
		#inquiry .radio-group{ gap:8px; }
	}
	
	
	/* ====== #inquiry: 모두 세로 rows 배치로 강제 ====== */
	#inquiry .grid.two{
		grid-template-columns: 1fr !important;  /* 데스크탑 포함 전 구간 1열 */
	}

	#inquiry .field{ 
		margin-bottom: 18px;                     /* 항목 간격 */
	}

	/* 라디오(예산)도 세로로 쌓기 원하면 */
	#inquiry .radio-group{
		flex-direction: column;                  /* 라디오 버튼 세로 나열 */
		align-items: flex-start;
		gap: 10px;
	}

	/* 제출 버튼도 폼 폭에 맞추고 싶다면 */
	#inquiry .btn-submit{

	}


/* ==================== #inquiry flatpickr Styles ==================== */

/* 인풋은 기존 스타일을 그대로 사용: 이미 radius 12px, focus glow 적용됨 */
/* 달력 아이콘이 필요하다면 date-wrap 사용 */
#inquiry .date-wrap{
	position:relative;
}
#inquiry .date-wrap::after{
	content:"";
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%);
	width:18px;
	height:18px;
	pointer-events:none;
	background:
		url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='3' ry='3'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>") no-repeat center center;
	opacity:.9;
}
#inquiry .date-wrap input{
	padding-right:46px; /* 아이콘 공간 */
}

/* 달력 팝업 기본 상자 */
#inquiry .flatpickr-calendar{
	border:1px solid #e5e7eb;
	box-shadow:0 20px 40px rgba(0,0,0,.08);
	border-radius:14px;
	overflow:hidden;
	font-family:inherit;
}

/* 헤더(월/년도 영역) */
#inquiry .flatpickr-months{
	background:#fff;
	border-bottom:1px solid #eef0f3;
}
#inquiry .flatpickr-months .flatpickr-month{
	height:48px;
}
#inquiry .flatpickr-current-month{
	font-weight:800;
	color:#1a1a1a;
}

/* 네비게이션 화살표 */
#inquiry .flatpickr-months .flatpickr-prev-month,
#inquiry .flatpickr-months .flatpickr-next-month{
	color:#1a1a1a;
	fill:#1a1a1a;
}
#inquiry .flatpickr-months .flatpickr-prev-month:hover,
#inquiry .flatpickr-months .flatpickr-next-month:hover{
	background:#f7f7f7;
}

/* 요일 헤더 */
#inquiry .flatpickr-weekdays{
	background:#fff;
}
#inquiry .flatpickr-weekday{
	color:#666;
	font-weight:700;
}

/* 일자 그리드 */
#inquiry .dayContainer{
	padding:6px 8px 10px;
}

/* 개별 날짜 버튼 */
#inquiry .flatpickr-day{
	border-radius:10px;
	color:#111;
	border:0;
}
#inquiry .flatpickr-day:hover{
	background:#f3f4f6;
}

/* 오늘 표시 */
#inquiry .flatpickr-day.today{
	box-shadow:inset 0 0 0 2px rgba(223,60,32,.25);
}

/* 선택된 날짜 */
#inquiry .flatpickr-day.selected,
#inquiry .flatpickr-day.startRange,
#inquiry .flatpickr-day.endRange{
	background:#df3c20;
	color:#fff;
}

/* 비활성(지난 날짜/disable) */
#inquiry .flatpickr-day.flatpickr-disabled,
#inquiry .flatpickr-day.prevMonthDay,
#inquiry .flatpickr-day.nextMonthDay{
	color:#c7cbd3;
}

/* 상단 입력창 대체(altInput) 모양을 기존 input 톤과 맞춤 */
#inquiry .flatpickr-input[readonly].form-control,
#inquiry input.flatpickr-input[readonly]{
	background:#fff;
	cursor:pointer;
}

/* 모바일 최소 터치 영역 */
@media (max-width: 767px){
	#inquiry .flatpickr-calendar{
		border-radius:12px;
	}
	#inquiry .flatpickr-day{
		border-radius:10px;
	}
}