diff --git a/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
new file mode 100644
index 00000000..65925cbd
--- /dev/null
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
@@ -0,0 +1,47 @@
+import { useMessage } from '@/hooks/useMessage'
+import WithDraggable from '@/components/common/draggable/WithDraggable'
+
+export default function AuxiliaryMove({ setShowAuxiliaryModal }) {
+  const { getMessage } = useMessage()
+  return (
+    <WithDraggable isShow={true} pos={{ x: 50, y: -950 }}>
+      <div className={`modal-pop-wrap xm`}>
+        <div className="modal-head">
+          <h1 className="title">補助線の移動 </h1>
+          <button className="modal-close">닫기</button>
+        </div>
+        <div className="modal-body">
+          <div className="grid-option-tit">移動する方向を入力してください</div>
+          <div className="grid-option-wrap">
+            <div className="grid-option-box">
+              <div className="move-form">
+                <p className="mb5">長さ</p>
+                <div className="input-move-wrap mb5">
+                  <div className="input-move">
+                    <input type="text" className="input-origin" defaultValue={910} />
+                  </div>
+                  <span>mm</span>
+                </div>
+                <div className="input-move-wrap">
+                  <div className="input-move">
+                    <input type="text" className="input-origin" defaultValue={910} />
+                  </div>
+                  <span>mm</span>
+                </div>
+              </div>
+              <div className="direction-move-wrap">
+                <button className="direction up"></button>
+                <button className="direction down act"></button>
+                <button className="direction left"></button>
+                <button className="direction right"></button>
+              </div>
+            </div>
+          </div>
+          <div className="grid-btn-wrap">
+            <button className="btn-frame modal act">保存</button>
+          </div>
+        </div>
+      </div>
+    </WithDraggable>
+  )
+}
diff --git a/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx
new file mode 100644
index 00000000..baa9fafa
--- /dev/null
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx
@@ -0,0 +1,61 @@
+import { useMessage } from '@/hooks/useMessage'
+import WithDraggable from '@/components/common/draggable/WithDraggable'
+
+export default function AuxiliarySize({ setShowAuxiliaryModal }) {
+  const { getMessage } = useMessage()
+  return (
+    <WithDraggable isShow={true} pos={{ x: 0, y: 150 }}>
+      <div className={`modal-pop-wrap xm`}>
+        <div className="modal-head">
+          <h1 className="title">補助線サイズ変更 </h1>
+          <button className="modal-close" onClick={() => setIsShow(false)}>
+            닫기
+          </button>
+        </div>
+        <div className="modal-body">
+          <div className="discrimination-box mb10">
+            <div className="d-check-radio pop mb10">
+              <input type="radio" name="radio01" id="ra01" />
+              <label htmlFor="ra01">1支店</label>
+            </div>
+            <div className="outline-form mb15">
+              <div className="input-grid mr5" style={{ flex: '1 1 auto' }}>
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+            <div className="outline-form">
+              <span style={{ width: 'auto' }}>長さ</span>
+              <div className="input-grid mr5">
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+          </div>
+          <div className="discrimination-box ">
+            <div className="d-check-radio pop mb10">
+              <input type="radio" name="radio01" id="ra02" />
+              <label htmlFor="ra02">2支店</label>
+            </div>
+            <div className="outline-form mb15">
+              <div className="input-grid mr5" style={{ flex: '1 1 auto' }}>
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+            <div className="outline-form">
+              <span style={{ width: 'auto' }}>長さ</span>
+              <div className="input-grid mr5">
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+          </div>
+          <div className="grid-btn-wrap">
+            <button className="btn-frame modal act">保存</button>
+          </div>
+        </div>
+      </div>
+    </WithDraggable>
+  )
+}