diff --git a/frontend/src/pages/pc/admin/schedules/form/concert/SetlistSection.jsx b/frontend/src/pages/pc/admin/schedules/form/concert/SetlistSection.jsx
index f10fcdd..76084bb 100644
--- a/frontend/src/pages/pc/admin/schedules/form/concert/SetlistSection.jsx
+++ b/frontend/src/pages/pc/admin/schedules/form/concert/SetlistSection.jsx
@@ -1,5 +1,6 @@
 import { useState, useRef, useEffect } from "react";
-import { Plus, Trash2, Users, Search, Copy, ChevronDown } from "lucide-react";
+import { Reorder } from "framer-motion";
+import { Plus, Trash2, Users, Search, Copy, ChevronDown, GripVertical } from "lucide-react";
 
 import ConfirmDialog from "@/components/pc/admin/common/ConfirmDialog";
 import SongSearchDialog from "./SongSearchDialog";
@@ -36,6 +37,7 @@ function SetlistSection({ rounds, setlists, setSetlists, members, selectedMember
     }));
   };
 
+
   // 삭제 확인 다이얼로그
   const [deleteConfirm, setDeleteConfirm] = useState({
     isOpen: false,
@@ -283,10 +285,24 @@ function SetlistSection({ rounds, setlists, setSetlists, members, selectedMember
           </div>
         )}
 
-        <div ref={containerRef} className="flex flex-col gap-4">
-            {setlist.map((song, index) => (
-              <div key={song.id}>
-                <div className="p-4 bg-gray-50 rounded-xl space-y-3">
+        <Reorder.Group
+          axis="y"
+          values={setlist}
+          onReorder={(next) => updateCurrentSetlist(next)}
+          ref={containerRef}
+          className="flex flex-col gap-4"
+        >
+          {setlist.map((song, index) => (
+            <Reorder.Item
+              key={song.id}
+              value={song}
+              className="flex items-stretch bg-gray-50 rounded-xl overflow-hidden cursor-grab active:cursor-grabbing"
+            >
+              {/* 드래그 핸들 (시각적 표시용, 카드 전체가 드래그 가능) */}
+              <div className="flex items-center px-2 text-gray-300">
+                <GripVertical size={18} />
+              </div>
+              <div className="flex-1 p-4 space-y-3 min-w-0">
                   {/* 헤더 */}
                   <div className="flex items-center justify-between">
                     <span className="text-sm font-medium text-gray-700">
@@ -375,10 +391,10 @@ function SetlistSection({ rounds, setlists, setSetlists, members, selectedMember
                       })}
                     </div>
                   </div>
-                </div>
               </div>
-            ))}
-        </div>
+            </Reorder.Item>
+          ))}
+        </Reorder.Group>
 
         <div className="flex gap-2 mt-4">
           <button