diff --git a/src/components/floor-plan/FloorPlan.jsx b/src/components/floor-plan/FloorPlan.jsx
index caf9a2d7..adee1b60 100644
--- a/src/components/floor-plan/FloorPlan.jsx
+++ b/src/components/floor-plan/FloorPlan.jsx
@@ -25,10 +25,13 @@ export default function FloorPlan({ children }) {
     setMenuNumber,
   }
   useEffect(() => {
-    console.log('FloorPlan useEffect 실행')
     fetchSettings()
   }, [objectNo])
 
+  useEffect(() => {
+    setMenuNumber(1)
+  }, [])
+
   // Canvas Setting 조회
   const fetchSettings = async () => {
     try {
diff --git a/src/hooks/common/useCanvasMenu.js b/src/hooks/common/useCanvasMenu.js
index 23f594d9..f8758e3e 100644
--- a/src/hooks/common/useCanvasMenu.js
+++ b/src/hooks/common/useCanvasMenu.js
@@ -1,7 +1,8 @@
-import { useState } from 'react'
+import { menuNumberState } from '@/store/menuAtom'
+import { useRecoilState } from 'recoil'
 
 export const useCanvasMenu = () => {
-  const [menuNumber, setMenuNumber] = useState(null)
+  const [menuNumber, setMenuNumber] = useRecoilState(menuNumberState)
 
   return {
     menuNumber,
diff --git a/src/store/menuAtom.js b/src/store/menuAtom.js
new file mode 100644
index 00000000..b86ecbd0
--- /dev/null
+++ b/src/store/menuAtom.js
@@ -0,0 +1,6 @@
+import { atom } from 'recoil'
+
+export const menuNumberState = atom({
+  key: 'menuNumberState',
+  default: null,
+})