/*
*	서브 페이지 왼쪽 메뉴
*/

.mnActive{ background:#F2F8FA;color:#2F89BC;font-weight:bold;border-radius:10px;}

.menu-title-wrapper {
	position: relative; /* 타이틀과 라인을 겹치게 하기 위한 relative 설정 */
	text-align: left; /* 텍스트 중앙 정렬 */
	border-bottom: 1px solid #ccc; /* 전체 wrapper에 얇은 라인 추가 */
	padding-bottom: 24px; /* 라인과 텍스트 간격 */			  
	margin-bottom:15px;
}

.menu-title {
	position: absolute; /* 타이틀을 wrapper 내에서 절대 위치로 겹치게 */
	top: 50%; /* 세로 가운데 정렬 */
	left: 0%; /* 가로 가운데 정렬 */
	text-align:left;
	transform: translateX(0%) translateY(-50%); /* 중앙 정렬 + 위쪽으로 이동 */
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: 600;
	font-family: 'SCDream';
}

/* 타이틀 바로 아래에 두꺼운 라인 */
.menu-title::after {
	content: "";
	position: absolute;
	bottom: -10px; /* 타이틀 바로 아래에 배치 */
	left: 50%;
	transform: translateX(-50%); /* 중앙 정렬 */
	width: 100%; /* 라인의 길이 */
	height: 3px; /* 두꺼운 라인 */
	background-color: #333; /* 두꺼운 라인 색 */
}

.menu-where {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 0;
    bottom:-20px;
}
.menu-where a{font-family: 'SCDream'; font-weight: 400; margin: 0 2px; color: #333;font-size:14px;}
.menu-where a::after{content: ">"; padding:0 0.2rem;}
.menu-where a:last-child::after{content: "";}
.menu-where a i{color: #333;}			


@media (max-width: 768px) {
	.menu-title-wrapper {
		padding-bottom: 34px;
		margin-bottom:15px;
	}
	.menu-title{font-size: 21px; padding-bottom: 20px;}
	.menu-title::after {
		bottom: -14px;
	}			
	
	.menu-where {
		text-align:right;
		bottom:-35px;
		flex-wrap: wrap; /* 아이템들이 화면에 맞게 줄 바꿈 */
		justify-content: flex-end; /* 왼쪽 정렬로 변경 (공간 절약) */
		gap: 12px; /* 링크 간 간격을 약간 늘려서 가독성 향상 */
		margin-right: 15px; /* 오른쪽 여백 추가 */
	}
	
	.menu-where a {
		font-size: 12px; /* 모바일에서는 글자 크기 줄임 */
		margin: 5px 0; /* 위아래 여백을 추가하여 가독성 향상 */
	}
	
	.menu-where a i {
		font-size: 14px; /* 아이콘 크기 조금 더 줄이기 */
	}
}