src/components/common/draggable/WithDraggable.jsx

@@ -42,11 +42,14 @@ function WithDraggableHeader({ title, onClose, children }) {
   return (
     <div className="modal-head modal-handle">
       <h1 className="title">{title}</h1>
+      <div className='modal-btn-wrap'>
+        <button className='modal-fold act'></button>
       {onClose && (
         <button className="modal-close" onClick={() => onClose()}>
           닫기
         </button>
       )}
+      </div>
     </div>
   )
 }

src/styles/_modal.scss

@@ -133,8 +133,23 @@ $alert-color: #101010;
         color: $pop-color;
         font-weight: 700;
     }
-    .modal-close{
+    .modal-btn-wrap{
         margin-left: auto;
+        display: flex;
+        align-items: center;
+        gap: 15px;
+    }
+    .modal-fold{
+        display: block;
+        width: 15px;
+        height: 15px;
+        background: url(../../public/static/images/canvas/penal_arr_white.svg)no-repeat center;
+        background-size: contain;
+        &.act{
+            transform: rotate(180deg);
+        }
+    }
+    .modal-close{
         color: transparent;
         font-size: 0;
         width: 10px;