@charset "utf-8";

/*------------------------------------*\
	FORM
	- 셀렉트박스, 지역(시/도 · 구/군) 선택
\*------------------------------------*/

.form-select {
	height: 36px;
	padding: 0 40px 0 12px;
	border: 1px solid var(--color-border);
	border-radius: 6px;
	background: #fff url("../../img/icon-select-arrow.svg") no-repeat calc(100% - 12px) center;
	color: var(--color-main);
	-webkit-appearance: none;
	appearance: none;
	transition: background-image 0.2s;
}

.form-select:focus {
	background-image: url("../../img/icon-select-arrow-up.svg");
}

/* 지역 선택 */
.region-select {
	display: grid;
	grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
	gap: 8px;
	padding: 12px 16px;
}