diff --git a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
index 87b71111..d3aabd8e 100644
--- a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
+++ b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
@@ -15,6 +15,7 @@ import QSelectBox from '@/components/common/select/QSelectBox'
 import { globalLocaleStore } from '@/store/localeAtom'
 
 import { onlyNumberInputChange } from '@/util/input-utils'
+import { getChonByDegree, getDegreeByChon } from '@/util/canvas-util'
 
 export const ROOF_MATERIAL_LAYOUT = {
   PARALLEL: 'P',
@@ -79,14 +80,12 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
     raft: '',
     raftAuth: 'C',
     raftBaseCd: 'HEI_455',
-    roofAngleSet: 'slope',
     roofCd: '',
     roofMatlCd: 'ROOF_ID_WA_53A',
     roofMatlNm: '일본기와 A',
     roofMatlNmJp: '和瓦A',
     roofPchAuth: null,
     roofPchBase: null,
-    roofSizeSet: '1',
     selected: true,
     widAuth: 'R',
     widBase: '265.000',
@@ -288,8 +287,8 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
                                 value={index === 0 ? currentRoof?.pitch : currentRoof?.angle}
                                 onChange={(e) =>
                                   index === 0
-                                    ? setCurrentRoof({ ...currentRoof, pitch: e.target.value })
-                                    : setCurrentRoof({ ...currentRoof, angle: e.target.value })
+                                    ? setCurrentRoof({ ...currentRoof, pitch: e.target.value, angle: getDegreeByChon(e.target.value) })
+                                    : setCurrentRoof({ ...currentRoof, pitch: getChonByDegree(e.target.value), angle: e.target.value })
                                 }
                               />
                             </div>