diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx
index 1ed413cf..db11d3d1 100644
--- a/src/components/floor-plan/CanvasMenu.jsx
+++ b/src/components/floor-plan/CanvasMenu.jsx
@@ -48,6 +48,7 @@ import KO from '@/locales/ko.json'
 import JA from '@/locales/ja.json'
 
 import { QcastContext } from '@/app/QcastProvider'
+import { useRoofFn } from '@/hooks/common/useRoofFn'
 export default function CanvasMenu(props) {
   const { menuNumber, setMenuNumber } = props
   const pathname = usePathname()
@@ -104,6 +105,7 @@ export default function CanvasMenu(props) {
   const pwrGnrSimTypeRecoil = useRecoilValue(pwrGnrSimTypeState)
 
   const { setIsGlobalLoading } = useContext(QcastContext)
+  const { setSurfaceShapePattern } = useRoofFn()
 
   //임시
   const { selectedPlan } = usePlan()
@@ -190,6 +192,14 @@ export default function CanvasMenu(props) {
                     canvas.remove(moduleSurface)
                   })
                   canvas.renderAll()
+                  onClickNav(menu)
+                  canvas
+                    .getObjects()
+                    .filter((obj) => obj.name === POLYGON_TYPE.ROOF)
+                    .forEach((roof) => {
+                      roof.set({ selectable: true })
+                      setSurfaceShapePattern(roof, null, false, roof.roofMaterial)
+                    })
                 }
                 setType('surface')
               },