diff --git a/src/hooks/roofcover/useRoofAllocationSetting.js b/src/hooks/roofcover/useRoofAllocationSetting.js
index 6d573ff0..b5b561cb 100644
--- a/src/hooks/roofcover/useRoofAllocationSetting.js
+++ b/src/hooks/roofcover/useRoofAllocationSetting.js
@@ -308,8 +308,17 @@ export function useRoofAllocationSetting(id) {
    */
   const handleSaveContext = () => {
     const newRoofList = currentRoofList.map((roof, idx) => {
+      if (roof.index !== idx) {
+        // 기존 저장된 지붕재의 index 수정
+        const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF && obj.roofMaterial?.index === roof.index)
+        roofs.forEach((roof) => {
+          setSurfaceShapePattern(roof, roofDisplay.column, false, { ...roof, index: idx }, true)
+        })
+      }
+
       return { ...roof, index: idx, raft: roof.raft ? roof.raft : roof.raftBaseCd }
     })
+
     setBasicSetting((prev) => {
       return {
         ...prev,