.navLayout{display:flex;background-color: rgba(255, 255, 255, 0.9);}

/* ------------------------
   기본 메뉴 스타일 (공통)
------------------------ */
.menu.nav {	list-style: none; margin: 0; padding: 0; }
.menu.nav > li { position: relative; }
.menu.nav > li > span {	cursor: pointer; padding: 10px 15px; display: block; }

/* 하위 메뉴 기본 스타일 */
.subMenu { background: white; min-width: 100%; z-index: 100; }
.subMenu li { white-space: nowrap; }
.subMenu li a {	display: block; padding: 10px; color: black; text-decoration: none; font-weight: 300;font-size:0.9rem;}
.subMenu li a:hover { background: rgba(255, 255, 255, 0.2);; }


/* ------------------------
   모바일 / 태블릿 (1024px 이하)
------------------------ */
@media (max-width: 1024px) {
	.menu.nav { position: absolute;	top: 30px; left: 0;	right: 0; background: rgba(34, 52, 72, 1);
		flex-direction: column;	display: none; border-top: 0px solid #ddd;	z-index: 999; }
	.menu.nav.active { display: block; }
	.menu.nav > li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

	/* 하위 메뉴 - 모바일은 클릭해서 열림 */
	.subMenu { position: static; display: none;	border: none; }
	.menu.nav > li.open > .subMenu { display: block; }

}

/* ------------------------
   PC (1025px 이상)
------------------------ */
@media (min-width: 1025px) {
	.menu.nav { display: flex; gap: 30px; }
	.menu.nav > li { border: none; }
	.subMenu { position: absolute; top: 95%; left: 0; border: 0px solid #ddd;	display: none; }
	/* Hover 시 열림 */
	.menu.nav > li:hover > .subMenu { display: block; }

}