diff --git a/apps/fo/app/pages/(map-layout)/layout.tsx b/apps/fo/app/pages/(map-layout)/layout.tsx
index a9a7a8e93..69a60b7a2 100644
--- a/apps/fo/app/pages/(map-layout)/layout.tsx
+++ b/apps/fo/app/pages/(map-layout)/layout.tsx
@@ -1,12 +1,24 @@
 'use client'
 import { NoFooterLayout } from "@common/components";
+import type { MenuItem } from "../../store/common";
+import { useFoStore } from "../../store";
+import { usePathname, useRouter } from "next/navigation";
 
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+
+  const { getMenuAuth } = useFoStore((state) => state);
+  const pathname = usePathname();
+  const router = useRouter();
+
+  const handleClick = (id: MenuItem) => {
+    getMenuAuth(id.menuCd);
+    router.push(id.urlPath);
+  };
   return (
-    <NoFooterLayout>{children}</NoFooterLayout>    
+    <NoFooterLayout currentPath={pathname ?? ""} handleMenuClick={handleClick}>{children}</NoFooterLayout>
   );
 }