/*.nav-bg {
	font-family: Roboto !important;
	border-style: solid !important;
	padding: 4px 4px 4px 14px;
}

	.nav-bg.inactive {
		color: dimgray !important;
		background-color: transparent !important;
		border-color: transparent;
	}

		.nav-bg.inactive:hover {
			background-color: lightgray !important;
			border-color: transparent !important;
			border-style: groove !important;
		}

	.nav-bg.active {
		color: white !important;
		background-color: darkgrey !important;
		border-color: darkgrey;
	}

		.nav-bg.active:hover {
			background-color: none !important;
			color: lightgray !important;
			border-color: transparent !important;
			border-style: groove !important;
		}*/

.nav_item.inactive:hover {
	background-color: lightgray !important;
	border-color: transparent !important;
	border-style: groove !important;
	font-size: 1rem;
}

/* 모바일 .nav_item 확대(폰트/padding) 제거 — 데스크톱(원래 메뉴 UI)과 동일한 크기/간격 사용 */

a:hover {
	text-decoration: none;
}

a {
	text-decoration: none;
}

.iw {
	width: 20px;
}

.nav-icon {
	width: 34px !important;
	text-align: center !important;
}

/* Google Material Symbols(Outlined) 인라인 SVG 아이콘 — 공통 모듈 RaiDrive.Helpers.MaterialSymbols.
   fill: currentColor로 텍스트색을 상속. (기존 .nav-icon[width:34px]과 충돌 피해 별도 클래스 사용) */
.material-symbol {
	width: 22px;
	height: 22px;
	fill: currentColor;
	vertical-align: middle;
}

/* 본문 인라인용 — 텍스트 크기(em)에 비례. Pay nav 아이콘(22px)과 크기감 통일(1.4em≈22px@16px). */
.material-symbol-inline {
	width: 1.4em;
	height: 1.4em;
	fill: currentColor;
	vertical-align: -0.25em;
}

.nav_resp {
	width: 100%;
}

@media(min-width: 576px) {
	.nav_resp {
		width: 100%;
	}
}

@media(min-width: 768px) {
	.nav_resp {
		width: 250px;
	}
}

@media(min-width: 992px) {
	.nav_resp {
		width: 250px;
	}
}

@media(min-width: 1200px) {
	.nav_resp {
		width: 250px;
	}
}

.nav_title {
	font-size: 1.5rem;
}

.form_label {
	width: 185px;
	font-weight: bold;
	text-align: right !important;
	margin-top: 0;
	margin-bottom: 0;
}

.ps_card {
	width: 20rem;
}

@media (max-width: 576px) {
	.nav_title {
		font-size: 1.2rem;
		font-weight: bold;
	}

	.form_label {
		width: 100%;
		text-align: left !important;
		align-items: baseline !important;
		padding-bottom: 0 !important;
	}

	.ps_card {
		width: 100% !important;
	}
}