diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index d3eb300..2a635ea 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -164,7 +164,7 @@ export default function CanvasPage() {
                     {/* <HexagonalRoofOption/> */}
 
                     {/* 회로 및 가대설정 */}
-                    <CircuitStandSetting/>
+                    {/* <CircuitStandSetting/> */}
 
                     {/* 모듈 부가기능 */}
 
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleCopy.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleCopy.jsx
index baaf782..2873b5c 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleCopy.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleCopy.jsx
@@ -9,6 +9,8 @@ export default function AdditionalBundleCopy(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、コピー方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleMove.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleMove.jsx
index 7e46c66..74fda5d 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleMove.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalBundleMove.jsx
@@ -9,6 +9,8 @@ export default function AdditionalBundleMove(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、移動方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnCopy.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnCopy.jsx
index 9a181f9..a14bd01 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnCopy.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnCopy.jsx
@@ -9,6 +9,8 @@ export default function AdditionalColumnCopy(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、コピー方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnMove.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnMove.jsx
index 3cefe27..3c9872c 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnMove.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalColumnMove.jsx
@@ -9,6 +9,8 @@ export default function AdditionalColumnMove(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、移動方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalCopy.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalCopy.jsx
index eb5de6b..dcc88be 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalCopy.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalCopy.jsx
@@ -9,6 +9,8 @@ export default function AdditionalCopy(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、コピー方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalMove.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalMove.jsx
index e88b3f1..f1ca2b9 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AdditionalMove.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AdditionalMove.jsx
@@ -9,6 +9,8 @@ export default function AdditionalMove(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、移動方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AllModuleCopy.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AllModuleCopy.jsx
index 70b50e7..f56d66e 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AllModuleCopy.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AllModuleCopy.jsx
@@ -9,6 +9,8 @@ export default function AllModuleCopy(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、コピー方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AllModuleMove.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AllModuleMove.jsx
index e07aeb0..d9acc5d 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AllModuleMove.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AllModuleMove.jsx
@@ -9,6 +9,8 @@ export default function AllModuleMove(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     間隔を設定し、移動方向を選択します。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/additionoption/AllModuleNumChange.jsx b/src/components/canvas/modal/additionalfunction/additionoption/AllModuleNumChange.jsx
index cebe8c1..dd45550 100644
--- a/src/components/canvas/modal/additionalfunction/additionoption/AllModuleNumChange.jsx
+++ b/src/components/canvas/modal/additionalfunction/additionoption/AllModuleNumChange.jsx
@@ -9,6 +9,8 @@ export default function AllModuleNumChange(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                     回路番号を入力してください。
                     </div>
diff --git a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleDelete.jsx b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleDelete.jsx
index 3e04c90..2aa3b99 100644
--- a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleDelete.jsx
+++ b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleDelete.jsx
@@ -17,6 +17,8 @@ export default function AdditionalBundleDelete(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="properties-setting-wrap">
                         <div className="setting-tit">削除列をどのようにしますか？</div>
                         <div className="additional-wrap">
diff --git a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleEdit.jsx b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleEdit.jsx
index 9463b87..93f3a3f 100644
--- a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleEdit.jsx
+++ b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalBundleEdit.jsx
@@ -17,6 +17,8 @@ export default function AdditionalBundleEdit(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="properties-setting-wrap">
                         <div className="setting-tit">挿入する方向を選択してください。</div>
                         <div className="additional-wrap">
diff --git a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnDelete.jsx b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnDelete.jsx
index 16a2956..89f7ad4 100644
--- a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnDelete.jsx
+++ b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnDelete.jsx
@@ -17,6 +17,8 @@ export default function AdditionalColumnDelete(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="properties-setting-wrap">
                         <div className="setting-tit">削除列をどのようにしますか？</div>
                         <div className="additional-wrap">
diff --git a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnEdit.jsx b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnEdit.jsx
index 6f0f2f6..39ef0e6 100644
--- a/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnEdit.jsx
+++ b/src/components/canvas/modal/additionalfunction/moduleadditional/AdditionalColumnEdit.jsx
@@ -17,6 +17,8 @@ export default function AdditionalColumnEdit(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="properties-setting-wrap">
                         <div className="setting-tit">挿入する方向を選択してください。</div>
                         <div className="additional-wrap">
diff --git a/src/components/canvas/modal/arrangementsetting/ArrangementSetting.jsx b/src/components/canvas/modal/arrangementsetting/ArrangementSetting.jsx
index 5034ebc..fd52d19 100644
--- a/src/components/canvas/modal/arrangementsetting/ArrangementSetting.jsx
+++ b/src/components/canvas/modal/arrangementsetting/ArrangementSetting.jsx
@@ -16,6 +16,8 @@ export default function ArrangementSetting(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         <button 
                         className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`} 
diff --git a/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx b/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx
index 83b4a0b..50b37d3 100644
--- a/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx
+++ b/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx
@@ -25,6 +25,8 @@ export default function AuxiliarylineOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         {buttonMenu.map((item) => (
                             <button 
diff --git a/src/components/canvas/modal/auxiliarysupport/AuxiliaryCopy.jsx b/src/components/canvas/modal/auxiliarysupport/AuxiliaryCopy.jsx
index f86f620..9174c7b 100644
--- a/src/components/canvas/modal/auxiliarysupport/AuxiliaryCopy.jsx
+++ b/src/components/canvas/modal/auxiliarysupport/AuxiliaryCopy.jsx
@@ -9,6 +9,8 @@ export default function AuxiliaryCopy(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                         コピーする方向を入力してください
                     </div>
diff --git a/src/components/canvas/modal/auxiliarysupport/AuxiliaryMove.jsx b/src/components/canvas/modal/auxiliarysupport/AuxiliaryMove.jsx
index c792c23..bb89fa0 100644
--- a/src/components/canvas/modal/auxiliarysupport/AuxiliaryMove.jsx
+++ b/src/components/canvas/modal/auxiliarysupport/AuxiliaryMove.jsx
@@ -9,6 +9,8 @@ export default function AuxiliaryMove(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                         移動する方向を入力してください
                     </div>
diff --git a/src/components/canvas/modal/auxiliarysupport/AuxiliarySize.jsx b/src/components/canvas/modal/auxiliarysupport/AuxiliarySize.jsx
index 96b94c1..1adca97 100644
--- a/src/components/canvas/modal/auxiliarysupport/AuxiliarySize.jsx
+++ b/src/components/canvas/modal/auxiliarysupport/AuxiliarySize.jsx
@@ -9,6 +9,8 @@ export default function AuxiliarySize(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="discrimination-box mb10">
                         <div className="d-check-radio pop mb10">
                             <input type="radio" name="radio01" id="ra01" />
diff --git a/src/components/canvas/modal/colorselect/ColorSelect.jsx b/src/components/canvas/modal/colorselect/ColorSelect.jsx
index 8696f45..dcc771b 100644
--- a/src/components/canvas/modal/colorselect/ColorSelect.jsx
+++ b/src/components/canvas/modal/colorselect/ColorSelect.jsx
@@ -10,6 +10,8 @@ export default function ColorSelect (){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="color-setting-wrap">
                         <div className="color-tit">COLOR PICKER</div>
                         <div className="color-picker">
diff --git a/src/components/canvas/modal/displaychange/DisplayChange.jsx b/src/components/canvas/modal/displaychange/DisplayChange.jsx
index 842114a..93058ae 100644
--- a/src/components/canvas/modal/displaychange/DisplayChange.jsx
+++ b/src/components/canvas/modal/displaychange/DisplayChange.jsx
@@ -14,6 +14,8 @@ export default function DisplayChange(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="guide">
                         寸法線に表示する数値を入力してください
                     </div>
diff --git a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx
index 4abc855..898fc9d 100644
--- a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx
+++ b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx
@@ -9,6 +9,8 @@ export default function DistanceMeasurement01(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="outline-form">
                             <span className="mr10" style={{width: 'auto'}}>水平距離</span>
diff --git a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx
index 8ae2f34..17c04fc 100644
--- a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx
+++ b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx
@@ -9,6 +9,8 @@ export default function DistanceMeasurement02(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="eaves-keraba-table">
                             <div className="eaves-keraba-item">
diff --git a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx
index 8b873dc..bc0aeff 100644
--- a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx
+++ b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx
@@ -9,6 +9,8 @@ export default function DistanceMeasurement03(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="outline-form">
                             <span className="mr10" style={{width: 'auto'}}>垂直距離</span>
diff --git a/src/components/canvas/modal/drawingflow/DrawingFlow.jsx b/src/components/canvas/modal/drawingflow/DrawingFlow.jsx
index 187754e..011e733 100644
--- a/src/components/canvas/modal/drawingflow/DrawingFlow.jsx
+++ b/src/components/canvas/modal/drawingflow/DrawingFlow.jsx
@@ -16,6 +16,8 @@ export default function DrawingFlow(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="drawing-flow-wrap">
                         <div className="discrimination-box">
                             <div className="discrimination-tit mb15">流れ方向の設定</div>
diff --git a/src/components/canvas/modal/eachpropertychange/EachPropertyChange.jsx b/src/components/canvas/modal/eachpropertychange/EachPropertyChange.jsx
index 90e4ddc..66365d3 100644
--- a/src/components/canvas/modal/eachpropertychange/EachPropertyChange.jsx
+++ b/src/components/canvas/modal/eachpropertychange/EachPropertyChange.jsx
@@ -9,6 +9,8 @@ export default function EachPropertyChange() {
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="guide">
                         <span className="mb10">属性を変更する辺を選択してください。</span>
                         <span>選択した値 [龍丸]</span>
diff --git a/src/components/canvas/modal/eaves_keraba/EavesKerabaOption.jsx b/src/components/canvas/modal/eaves_keraba/EavesKerabaOption.jsx
index 2d0290c..03288b4 100644
--- a/src/components/canvas/modal/eaves_keraba/EavesKerabaOption.jsx
+++ b/src/components/canvas/modal/eaves_keraba/EavesKerabaOption.jsx
@@ -23,6 +23,8 @@ export default function EvaseKerabaOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         {buttonMenu.map((item) => (
                             <button 
diff --git a/src/components/canvas/modal/font_lineoption/FontOption.jsx b/src/components/canvas/modal/font_lineoption/FontOption.jsx
index 2c289c3..ec7f20d 100644
--- a/src/components/canvas/modal/font_lineoption/FontOption.jsx
+++ b/src/components/canvas/modal/font_lineoption/FontOption.jsx
@@ -12,6 +12,8 @@ export default function FontOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="font-option-warp">
                             <div className="font-option-item">
diff --git a/src/components/canvas/modal/font_lineoption/LineOption.jsx b/src/components/canvas/modal/font_lineoption/LineOption.jsx
index 2e69681..739d7d4 100644
--- a/src/components/canvas/modal/font_lineoption/LineOption.jsx
+++ b/src/components/canvas/modal/font_lineoption/LineOption.jsx
@@ -13,6 +13,8 @@ export default function LineOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="font-btn-wrap">
                         <button className="btn-frame modal">フォント設定</button>
                     </div>
diff --git a/src/components/canvas/modal/font_lineoption/ShapeSizeOption.jsx b/src/components/canvas/modal/font_lineoption/ShapeSizeOption.jsx
index 21e08b8..6f447be 100644
--- a/src/components/canvas/modal/font_lineoption/ShapeSizeOption.jsx
+++ b/src/components/canvas/modal/font_lineoption/ShapeSizeOption.jsx
@@ -9,6 +9,8 @@ export default function ShapeSizeOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="outline-form mb10">
                             <span style={{width: 'auto'}}>ガロ</span>
diff --git a/src/components/canvas/modal/gridoption/GridCopy.jsx b/src/components/canvas/modal/gridoption/GridCopy.jsx
index 46f1da2..ac71191 100644
--- a/src/components/canvas/modal/gridoption/GridCopy.jsx
+++ b/src/components/canvas/modal/gridoption/GridCopy.jsx
@@ -24,6 +24,8 @@ export default function GridCopy() {
                     <button className="modal-close" onClick={HandleClickClose}>닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                         間隔を設定し、コピー方向を選択します
                     </div>
diff --git a/src/components/canvas/modal/gridoption/GridMove.jsx b/src/components/canvas/modal/gridoption/GridMove.jsx
index b44112d..dc47053 100644
--- a/src/components/canvas/modal/gridoption/GridMove.jsx
+++ b/src/components/canvas/modal/gridoption/GridMove.jsx
@@ -24,6 +24,8 @@ export default function GridMove() {
                     <button className="modal-close" onClick={HandleClickClose}>닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-option-tit">
                         移動する方向を入力してください
                     </div>
diff --git a/src/components/canvas/modal/gridoption/GridOption.jsx b/src/components/canvas/modal/gridoption/GridOption.jsx
index 32b2791..3898f19 100644
--- a/src/components/canvas/modal/gridoption/GridOption.jsx
+++ b/src/components/canvas/modal/gridoption/GridOption.jsx
@@ -29,6 +29,8 @@ export default function GridOption() {
                     <button className="modal-close" onClick={HandleClickClose}>닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="grid-check-form">
                         <div className="d-check-box pop">
                             <input type="checkbox" id="ch01" />
diff --git a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofOption.jsx b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofOption.jsx
index 189cc0b..845ff92 100644
--- a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofOption.jsx
+++ b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofOption.jsx
@@ -14,6 +14,8 @@ export default function HexagonalRoofOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="roof-module-tab">
                         <div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>防衛設定</div>
                         <span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span>
diff --git a/src/components/canvas/modal/imagesize/ImageSize.jsx b/src/components/canvas/modal/imagesize/ImageSize.jsx
index 7adbc3a..cedbc1f 100644
--- a/src/components/canvas/modal/imagesize/ImageSize.jsx
+++ b/src/components/canvas/modal/imagesize/ImageSize.jsx
@@ -11,6 +11,8 @@ export default function ImageSize(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="range-wrap">
                         <input type="range" id="size" name="volume" min="20" max="200" step={10} value={sizeValue} onChange={(e) => setSizeValue(e.target.value)}/>
                         <label htmlFor="size">{sizeValue}%</label>
diff --git a/src/components/canvas/modal/imgload/ImgLoad.jsx b/src/components/canvas/modal/imgload/ImgLoad.jsx
index be48731..a61fae3 100644
--- a/src/components/canvas/modal/imgload/ImgLoad.jsx
+++ b/src/components/canvas/modal/imgload/ImgLoad.jsx
@@ -9,6 +9,8 @@ export default function ImgLoad(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="img-flex-box">
                         <span className="normal-font mr10">サイズ調整と回転</span>
                         <label className="toggle-btn">
diff --git a/src/components/canvas/modal/manualroofshape/ManualRoofShape.jsx b/src/components/canvas/modal/manualroofshape/ManualRoofShape.jsx
index 0deb4c7..e355644 100644
--- a/src/components/canvas/modal/manualroofshape/ManualRoofShape.jsx
+++ b/src/components/canvas/modal/manualroofshape/ManualRoofShape.jsx
@@ -20,6 +20,8 @@ export default function ManualRoofShape(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         {buttonMenu.map((item) => (
                             <button 
diff --git a/src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx b/src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx
index 400a097..daa4967 100644
--- a/src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx
+++ b/src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx
@@ -9,6 +9,8 @@ export default function MeasuredValueOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="guide">
                         <span>※隅棟・谷・棟の実際の寸法を入力してください。</span>
                     </div>
diff --git a/src/components/canvas/modal/movingupdown/MovingUpDown.jsx b/src/components/canvas/modal/movingupdown/MovingUpDown.jsx
index 5fe2634..ee55bd4 100644
--- a/src/components/canvas/modal/movingupdown/MovingUpDown.jsx
+++ b/src/components/canvas/modal/movingupdown/MovingUpDown.jsx
@@ -19,6 +19,8 @@ export default function MovingUpDonw(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         {buttonMenu.map((item) => (
                             <button 
diff --git a/src/components/canvas/modal/objectoption/ObjectOption.jsx b/src/components/canvas/modal/objectoption/ObjectOption.jsx
index abe549e..336c9fd 100644
--- a/src/components/canvas/modal/objectoption/ObjectOption.jsx
+++ b/src/components/canvas/modal/objectoption/ObjectOption.jsx
@@ -22,6 +22,8 @@ export default function ObjectOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         {buttonMenu.map((item) => (
                             <button 
diff --git a/src/components/canvas/modal/outerlinesetting/OuterLineWall.jsx b/src/components/canvas/modal/outerlinesetting/OuterLineWall.jsx
index 4aa22a8..26f6511 100644
--- a/src/components/canvas/modal/outerlinesetting/OuterLineWall.jsx
+++ b/src/components/canvas/modal/outerlinesetting/OuterLineWall.jsx
@@ -30,6 +30,8 @@ export default function OuterLineWall (){
                     <button className="modal-close" onClick={HandleClickClose}>닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         <button 
                         className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`} 
diff --git a/src/components/canvas/modal/outerwalloffset/OuterWallOffset.jsx b/src/components/canvas/modal/outerwalloffset/OuterWallOffset.jsx
index 923bda2..cd6cf49 100644
--- a/src/components/canvas/modal/outerwalloffset/OuterWallOffset.jsx
+++ b/src/components/canvas/modal/outerwalloffset/OuterWallOffset.jsx
@@ -20,6 +20,8 @@ export default function OuterWallOffset(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         {buttonMenu.map((item) => (
                             <button 
diff --git a/src/components/canvas/modal/planeshapeoption/PlaneShapeOption.jsx b/src/components/canvas/modal/planeshapeoption/PlaneShapeOption.jsx
index c139c95..694bb07 100644
--- a/src/components/canvas/modal/planeshapeoption/PlaneShapeOption.jsx
+++ b/src/components/canvas/modal/planeshapeoption/PlaneShapeOption.jsx
@@ -33,6 +33,8 @@ export default function PlaneShapeOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="plane-frame-wrap">
                         <div className="plane-shape-wrap">
                             <div className="plane-shape-menu">
diff --git a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
index f30b37e..30ba589 100644
--- a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
+++ b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
@@ -17,6 +17,8 @@ export default function RoofAllocation() {
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="properties-guide">
                         ※配置面初期設定で保存した[基本屋根材]を変更したり、屋根材を追加して割り当てることができます。
                     </div>
diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx
index 933b1c3..5decabb 100644
--- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx
+++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx
@@ -14,6 +14,8 @@ export default function RoofModuleOption(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="roof-module-tab">
                         <div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>防衛設定</div>
                         <span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span>
diff --git a/src/components/canvas/modal/roofselect/RoofSelect.jsx b/src/components/canvas/modal/roofselect/RoofSelect.jsx
index 7e914cd..87f3bfc 100644
--- a/src/components/canvas/modal/roofselect/RoofSelect.jsx
+++ b/src/components/canvas/modal/roofselect/RoofSelect.jsx
@@ -14,6 +14,8 @@ export default function RoofSelect(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="grid-select">
                             <Qselect title={'53A'} option={SelectOption}/>
diff --git a/src/components/canvas/modal/roofshapeoption/RoofShapeOption.jsx b/src/components/canvas/modal/roofshapeoption/RoofShapeOption.jsx
index 0a10da0..95eabc6 100644
--- a/src/components/canvas/modal/roofshapeoption/RoofShapeOption.jsx
+++ b/src/components/canvas/modal/roofshapeoption/RoofShapeOption.jsx
@@ -28,6 +28,8 @@ export default function RoofShapeOption() {
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="roof-shape-menu">
                         {shapeMenu.map((item) => (
                             <button key={item.id} className={`shape-menu-box ${shapeNum === item.id ? 'act': ''}`} onClick={() => setShapeNum(item.id)}>
diff --git a/src/components/canvas/modal/settoing01/SettingModal01.jsx b/src/components/canvas/modal/settoing01/SettingModal01.jsx
index 662c8ec..95ec0f3 100644
--- a/src/components/canvas/modal/settoing01/SettingModal01.jsx
+++ b/src/components/canvas/modal/settoing01/SettingModal01.jsx
@@ -39,6 +39,8 @@ export default function SettingModal01 (){
                     <button className="modal-close" onClick={HandleClickClose}>닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="modal-btn-wrap">
                         <button 
                         className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`} 
diff --git a/src/components/canvas/modal/sizechange/SizeChang.jsx b/src/components/canvas/modal/sizechange/SizeChang.jsx
index 0223413..c596b4e 100644
--- a/src/components/canvas/modal/sizechange/SizeChang.jsx
+++ b/src/components/canvas/modal/sizechange/SizeChang.jsx
@@ -11,6 +11,8 @@ export default function SizeChange(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="size-option-top">
                             <div className="size-option-wrap">
diff --git a/src/components/canvas/modal/slopeoption/SlopeOption.jsx b/src/components/canvas/modal/slopeoption/SlopeOption.jsx
index 3b5b1c1..3f9facb 100644
--- a/src/components/canvas/modal/slopeoption/SlopeOption.jsx
+++ b/src/components/canvas/modal/slopeoption/SlopeOption.jsx
@@ -9,6 +9,8 @@ export default function SlopeOption (){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                <div className="left-bar handle"></div>
+                <div className="right-bar handle"></div>
                     <div className="slope-wrap">
                         <div className="outline-form">
                             <span className="mr10" style={{width: 'auto'}}>斜傾</span>