/* 육아지원기관 찾기 테스트: 부산지도1.ai 기반 인터랙티브 지도 */
.institution-search-hero {
	/* 지도 영역만 축소하고 SVG 자체의 구역 경계선/좌표는 그대로 유지한다. */
	grid-template-columns: minmax(0, 720px) 35%;
	/* 축소된 지도와 우측 검색표의 중심을 맞춰 불필요한 상단 여백을 줄인다. */
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	padding: 36px 42px;
}

.institution-search-hero__map {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
}

/* 기관 목록은 자원 목록과 같은 공통 페이징 컴포넌트로 표시한다. */
.institution-pagination {
	margin: 32px 0 0;
}

.institution-pagination .Paging_Style {
	margin: 0;
}

.institution-search-form {
	width: 100%;
	padding: 24px;
	justify-self: end;
}

.institution-search-form > div {
	grid-template-columns: 70px minmax(0, 1fr);
}

.institution-vector-map {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
}

.institution-vector-region {
	display: block;
	outline: none;
}

.institution-vector-region path {
	fill: #59bf5e;
	stroke: #fff;
	stroke-width: 12;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: fill .18s ease, filter .18s ease;
}

.institution-vector-region:nth-of-type(2n) path {
	fill: #62c767;
}

.institution-vector-region:hover path,
.institution-vector-region:focus path {
	fill: #a8df35;
	filter: drop-shadow(0 0 10px rgba(49, 133, 45, .28));
}

.institution-vector-region:focus-visible path {
	fill: #b8eb4a;
	stroke: #176b36;
	stroke-width: 24;
}

.institution-vector-region.is-active path {
	fill: #8dd52c;
	stroke: #176b36;
	stroke-width: 24;
}

.institution-vector-labels {
	pointer-events: none;
}

.institution-vector-labels text {
	fill: #175d33;
	font-family: 'Cafe24Surround';
	font-size: 80px;
	font-weight: 400;
	text-anchor: middle;
	dominant-baseline: central;
	paint-order: stroke;
	stroke: rgba(255, 255, 255, .9);
	stroke-width: 20px;
	stroke-linejoin: round;
}

.institution-vector-labels text.is-compact {
	
}

@media (max-width: 700px) {
	.institution-search-hero {
		grid-template-columns: 1fr;
		padding: 24px 16px;
	}

	.institution-search-form {
		width: 100%;
		padding: 22px 16px;
	}

	.institution-vector-labels text {
		font-size: 72px;
		stroke-width: 16px;
	}

	.institution-vector-labels text.is-compact {
		
	}
}

@media (min-width: 701px) and (max-width: 1100px) {
	.institution-search-hero {
		grid-template-columns: 1fr;
	}

	.institution-search-form {
		width: 100%;
		justify-self: end;
	}
}