From f1515cdd723cf41aad3b329ad94eef7a866b8250 Mon Sep 17 00:00:00 2001
From: wallace <wallacegb94@gmail.com>
Date: Wed, 19 Nov 2025 11:56:13 +0900
Subject: [PATCH] =?UTF-8?q?admin=20=ED=8E=98=EC=9D=B4=EC=A7=80=EB=93=A4=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=BB=A4=EC=84=9C=20=EB=B3=80=EA=B2=BD1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/admin/certificates/page.tsx           |  10 +-
 .../admin/courses/CourseRegistrationModal.tsx |  10 +-
 src/app/admin/courses/page.tsx                |  12 +-
 src/app/admin/id/page.tsx                     |  24 +-
 src/app/admin/lessons/page.tsx                | 518 ++++++++++++++----
 src/app/admin/logs/page.tsx                   |  10 +-
 src/app/admin/notices/page.tsx                |  10 +-
 src/app/admin/questions/page.tsx              |  10 +-
 src/app/admin/resources/page.tsx              |  10 +-
 src/app/svgs/backarrow.tsx                    |  41 ++
 10 files changed, 491 insertions(+), 164 deletions(-)
 create mode 100644 src/app/svgs/backarrow.tsx

diff --git a/src/app/admin/certificates/page.tsx b/src/app/admin/certificates/page.tsx
index 1c0f92f..92408f2 100644
--- a/src/app/admin/certificates/page.tsx
+++ b/src/app/admin/certificates/page.tsx
@@ -65,7 +65,7 @@ export default function AdminCertificatesPage() {
                               type="button"
                               onClick={() => setCurrentPage(1)}
                               aria-label="맨 앞 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
@@ -79,7 +79,7 @@ export default function AdminCertificatesPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                               aria-label="이전 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
@@ -95,7 +95,7 @@ export default function AdminCertificatesPage() {
                                   onClick={() => setCurrentPage(n)}
                                   aria-current={active ? 'page' : undefined}
                                   className={[
-                                    'flex items-center justify-center rounded-[1000px] size-[32px]',
+                                    'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
                                     active ? 'bg-[#ecf0ff]' : 'bg-white',
                                   ].join(' ')}
                                 >
@@ -109,7 +109,7 @@ export default function AdminCertificatesPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                               aria-label="다음 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
@@ -120,7 +120,7 @@ export default function AdminCertificatesPage() {
                               type="button"
                               onClick={() => setCurrentPage(totalPages)}
                               aria-label="맨 뒤 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
diff --git a/src/app/admin/courses/CourseRegistrationModal.tsx b/src/app/admin/courses/CourseRegistrationModal.tsx
index cf05938..4a92e69 100644
--- a/src/app/admin/courses/CourseRegistrationModal.tsx
+++ b/src/app/admin/courses/CourseRegistrationModal.tsx
@@ -193,7 +193,7 @@ export default function CourseRegistrationModal({ open, onClose, onSave, onDelet
                   <button
                     type="button"
                     onClick={() => setIsDropdownOpen(!isDropdownOpen)}
-                    className={`w-full h-[40px] px-3 py-2 border rounded-[8px] bg-white flex items-center justify-between text-left focus:outline-none focus:ring-2 ${
+                    className={`w-full h-[40px] px-3 py-2 border rounded-[8px] bg-white flex items-center justify-between text-left focus:outline-none focus:ring-2 cursor-pointer ${
                       errors.instructor
                         ? "border-[#f64c4c] focus:ring-[#f64c4c] focus:border-[#f64c4c]"
                         : "border-[#dee1e6] focus:ring-[#1f2b91] focus:border-transparent"
@@ -230,7 +230,7 @@ export default function CourseRegistrationModal({ open, onClose, onSave, onDelet
                                 });
                               }
                             }}
-                            className={`w-full px-3 py-2 text-left text-[16px] font-normal leading-[1.5] hover:bg-[#f1f3f5] transition-colors ${
+                            className={`w-full px-3 py-2 text-left text-[16px] font-normal leading-[1.5] hover:bg-[#f1f3f5] transition-colors cursor-pointer ${
                               instructorId === instructor.id
                                 ? "bg-[#ecf0ff] text-[#1f2b91] font-semibold"
                                 : "text-[#1b2027]"
@@ -301,7 +301,7 @@ export default function CourseRegistrationModal({ open, onClose, onSave, onDelet
                 <button
                   type="button"
                   onClick={handleDeleteClick}
-                  className="h-[48px] px-4 rounded-[10px] bg-[#fef2f2] text-[16px] font-semibold leading-[1.5] text-[#f64c4c] w-[136px] hover:bg-[#fae6e6] transition-colors"
+                  className="h-[48px] px-4 rounded-[10px] bg-[#fef2f2] text-[16px] font-semibold leading-[1.5] text-[#f64c4c] w-[136px] hover:bg-[#fae6e6] transition-colors cursor-pointer"
                 >
                   삭제
                 </button>
@@ -309,14 +309,14 @@ export default function CourseRegistrationModal({ open, onClose, onSave, onDelet
               <button
                 type="button"
                 onClick={onClose}
-                className="h-[48px] px-4 rounded-[10px] bg-[#f1f3f5] text-[16px] font-semibold leading-[1.5] text-[#4c5561] w-[136px] hover:bg-[#e5e7eb] transition-colors"
+                className="h-[48px] px-4 rounded-[10px] bg-[#f1f3f5] text-[16px] font-semibold leading-[1.5] text-[#4c5561] w-[136px] hover:bg-[#e5e7eb] transition-colors cursor-pointer"
               >
                 취소
               </button>
               <button
                 type="button"
                 onClick={handleSave}
-                className="h-[48px] px-4 rounded-[10px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white w-[136px] hover:bg-[#1a2478] transition-colors"
+                className="h-[48px] px-4 rounded-[10px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white w-[136px] hover:bg-[#1a2478] transition-colors cursor-pointer"
               >
                 저장
               </button>
diff --git a/src/app/admin/courses/page.tsx b/src/app/admin/courses/page.tsx
index 32e0449..982cbad 100644
--- a/src/app/admin/courses/page.tsx
+++ b/src/app/admin/courses/page.tsx
@@ -107,7 +107,7 @@ export default function AdminCoursesPage() {
                 <button
                   type="button"
                   onClick={handleRegisterClick}
-                  className="h-[40px] px-4 rounded-[8px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white whitespace-nowrap hover:bg-[#1a2478] transition-colors"
+                  className="h-[40px] px-4 rounded-[8px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white whitespace-nowrap hover:bg-[#1a2478] transition-colors cursor-pointer"
                 >
                   등록하기
                 </button>
@@ -201,7 +201,7 @@ export default function AdminCoursesPage() {
                           type="button"
                           onClick={() => setCurrentPage(1)}
                           aria-label="맨 앞 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === 1}
                         >
                           <div className="relative flex items-center justify-center w-full h-full">
@@ -215,7 +215,7 @@ export default function AdminCoursesPage() {
                           type="button"
                           onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                           aria-label="이전 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === 1}
                         >
                           <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
@@ -231,7 +231,7 @@ export default function AdminCoursesPage() {
                               onClick={() => setCurrentPage(n)}
                               aria-current={active ? 'page' : undefined}
                               className={[
-                                'flex items-center justify-center rounded-[1000px] size-[32px]',
+                                'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
                                 active ? 'bg-[#ecf0ff]' : 'bg-white',
                               ].join(' ')}
                             >
@@ -245,7 +245,7 @@ export default function AdminCoursesPage() {
                           type="button"
                           onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                           aria-label="다음 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === totalPages}
                         >
                           <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
@@ -256,7 +256,7 @@ export default function AdminCoursesPage() {
                           type="button"
                           onClick={() => setCurrentPage(totalPages)}
                           aria-label="맨 뒤 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === totalPages}
                         >
                           <div className="relative flex items-center justify-center w-full h-full">
diff --git a/src/app/admin/id/page.tsx b/src/app/admin/id/page.tsx
index 0f90742..174ef16 100644
--- a/src/app/admin/id/page.tsx
+++ b/src/app/admin/id/page.tsx
@@ -186,7 +186,7 @@ export default function AdminIdPage() {
                     type="button"
                     onClick={() => setActiveTab(tab.id)}
                     className={[
-                      "pb-4 px-1 text-[16px] font-medium leading-[1.5] transition-colors relative",
+                      "pb-4 px-1 text-[16px] font-medium leading-[1.5] transition-colors relative cursor-pointer",
                       activeTab === tab.id
                         ? "text-[#1f2b91] font-semibold"
                         : "text-[#6c7682]",
@@ -269,7 +269,7 @@ export default function AdminIdPage() {
                                           type="button"
                                           onClick={() => changeUserRole(user.id, role)}
                                           className={[
-                                            "w-full px-4 py-2 text-left text-[14px] leading-[1.5] hover:bg-gray-50 transition-colors",
+                                            "w-full px-4 py-2 text-left text-[14px] leading-[1.5] hover:bg-gray-50 transition-colors cursor-pointer",
                                             user.role === role 
                                               ? "text-[#1f2b91] font-semibold bg-[#ecf0ff]" 
                                               : "text-[#1b2027]",
@@ -303,7 +303,7 @@ export default function AdminIdPage() {
                               <button
                                 type="button"
                                 onClick={() => toggleAccountStatus(user.id)}
-                                className="text-[12px] text-blue-500 underline underline-offset-[3px] cursor-pointer whitespace-nowrap"
+                                className="text-[12px] text-blue-500 underline underline-offset-[3px] cursor-pointer whitespace-nowrap hover:opacity-80"
                               >
                                 {user.status === 'active' ? '비활성화 처리' : '활성화 처리'}
                               </button>
@@ -331,7 +331,7 @@ export default function AdminIdPage() {
                           type="button"
                           onClick={() => setCurrentPage(1)}
                           aria-label="맨 앞 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === 1}
                         >
                           <div className="relative flex items-center justify-center w-full h-full">
@@ -345,7 +345,7 @@ export default function AdminIdPage() {
                           type="button"
                           onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                           aria-label="이전 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === 1}
                         >
                           <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
@@ -361,7 +361,7 @@ export default function AdminIdPage() {
                               onClick={() => setCurrentPage(n)}
                               aria-current={active ? 'page' : undefined}
                               className={[
-                                'flex items-center justify-center rounded-[1000px] size-[32px]',
+                                'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
                                 active ? 'bg-[#ecf0ff]' : 'bg-white',
                               ].join(' ')}
                             >
@@ -375,7 +375,7 @@ export default function AdminIdPage() {
                           type="button"
                           onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                           aria-label="다음 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === totalPages}
                         >
                           <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
@@ -386,7 +386,7 @@ export default function AdminIdPage() {
                           type="button"
                           onClick={() => setCurrentPage(totalPages)}
                           aria-label="맨 뒤 페이지"
-                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                          className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                           disabled={currentPage === totalPages}
                         >
                           <div className="relative flex items-center justify-center w-full h-full">
@@ -426,14 +426,14 @@ export default function AdminIdPage() {
               <button
                 type="button"
                 onClick={handleActivateCancel}
-                className="h-[40px] px-2 rounded-[8px] bg-[#f1f3f5] text-[16px] font-semibold leading-[1.5] text-[#4c5561] w-[80px]"
+                className="h-[40px] px-2 rounded-[8px] bg-[#f1f3f5] text-[16px] font-semibold leading-[1.5] text-[#4c5561] w-[80px] cursor-pointer hover:bg-[#e5e7eb] transition-colors"
               >
                 취소
               </button>
               <button
                 type="button"
                 onClick={handleActivateConfirm}
-                className="h-[40px] px-4 rounded-[8px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white"
+                className="h-[40px] px-4 rounded-[8px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white cursor-pointer hover:bg-[#1a2478] transition-colors"
               >
                 활성화하기
               </button>
@@ -465,14 +465,14 @@ export default function AdminIdPage() {
               <button
                 type="button"
                 onClick={handleDeactivateCancel}
-                className="h-[40px] px-2 rounded-[8px] bg-[#f1f3f5] text-[16px] font-semibold leading-[1.5] text-[#4c5561] w-[80px]"
+                className="h-[40px] px-2 rounded-[8px] bg-[#f1f3f5] text-[16px] font-semibold leading-[1.5] text-[#4c5561] w-[80px] cursor-pointer hover:bg-[#e5e7eb] transition-colors"
               >
                 취소
               </button>
               <button
                 type="button"
                 onClick={handleDeactivateConfirm}
-                className="h-[40px] px-4 rounded-[8px] bg-red-50 text-[16px] font-semibold leading-[1.5] text-[#f64c4c]"
+                className="h-[40px] px-4 rounded-[8px] bg-red-50 text-[16px] font-semibold leading-[1.5] text-[#f64c4c] cursor-pointer hover:bg-red-100 transition-colors"
               >
                 비활성화하기
               </button>
diff --git a/src/app/admin/lessons/page.tsx b/src/app/admin/lessons/page.tsx
index eb68c65..d55b7da 100644
--- a/src/app/admin/lessons/page.tsx
+++ b/src/app/admin/lessons/page.tsx
@@ -1,13 +1,25 @@
 'use client';
 
-import { useState, useMemo } from "react";
+import { useState, useMemo, useRef, useEffect } from "react";
 import AdminSidebar from "@/app/components/AdminSidebar";
 import ChevronDownSvg from "@/app/svgs/chevrondownsvg";
+import DropdownIcon from "@/app/svgs/dropdownicon";
+import BackArrowSvg from "@/app/svgs/backarrow";
 
 export default function AdminLessonsPage() {
   // TODO: 나중에 실제 데이터로 교체
   const items: any[] = [];
   const [currentPage, setCurrentPage] = useState(1);
+  const [isRegistrationMode, setIsRegistrationMode] = useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  
+  // 등록 폼 상태
+  const [selectedCourse, setSelectedCourse] = useState<string>("");
+  const [lessonName, setLessonName] = useState("");
+  const [learningGoal, setLearningGoal] = useState("");
+  const [courseVideoCount, setCourseVideoCount] = useState(0);
+  const [vrContentCount, setVrContentCount] = useState(0);
   
   const totalCount = useMemo(() => items.length, [items]);
   
@@ -19,6 +31,47 @@ export default function AdminLessonsPage() {
     return items.slice(startIndex, endIndex);
   }, [items, currentPage]);
 
+  // TODO: 나중에 실제 데이터로 교체
+  const courseOptions = [
+    { id: "1", name: "교육과정 1" },
+    { id: "2", name: "교육과정 2" },
+    { id: "3", name: "교육과정 3" },
+  ];
+
+  // 외부 클릭 시 드롭다운 닫기
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(event.target as Node)
+      ) {
+        setIsDropdownOpen(false);
+      }
+    };
+
+    if (isDropdownOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isDropdownOpen]);
+
+  const handleBackClick = () => {
+    setIsRegistrationMode(false);
+    // 폼 초기화
+    setSelectedCourse("");
+    setLessonName("");
+    setLearningGoal("");
+    setCourseVideoCount(0);
+    setVrContentCount(0);
+  };
+
+  const handleRegisterClick = () => {
+    setIsRegistrationMode(true);
+  };
+
   return (
     <div className="min-h-screen flex flex-col bg-white">
       {/* 메인 레이아웃 */}
@@ -31,126 +84,359 @@ export default function AdminLessonsPage() {
           {/* 메인 콘텐츠 */}
           <main className="flex-1 min-w-0 bg-white">
             <div className="h-full flex flex-col">
-              {/* 제목 영역 */}
-              <div className="h-[100px] flex items-center">
-                <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">
-                  강좌 관리
-                </h1>
-              </div>
-
-              {/* 헤더 영역 (제목과 콘텐츠 사이) */}
-              <div className="pt-2 pb-4 flex items-center justify-between">
-                <p className="text-[15px] font-medium leading-[1.5] text-[#333c47] whitespace-nowrap">
-                  총 {totalCount}건
-                </p>
-                <button
-                  type="button"
-                  className="h-[40px] px-4 rounded-[8px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white whitespace-nowrap hover:bg-[#1a2478] transition-colors"
-                >
-                  등록하기
-                </button>
-              </div>
-
-              {/* 콘텐츠 영역 */}
-              <div className="flex-1 pt-2 flex flex-col">
-                {items.length === 0 ? (
-                  <div className="rounded-lg border border-[#dee1e6] bg-white min-h-[400px] flex items-center justify-center">
-                    <p className="text-[16px] font-medium leading-[1.5] text-[#333c47]">
-                      등록된 강좌가 없습니다.
-                      <br />
-                      강좌를 등록해주세요.
-                    </p>
+              {isRegistrationMode ? (
+                /* 등록 모드 */
+                <div className="flex flex-col h-full">
+                  {/* 헤더 */}
+                  <div className="h-[100px] flex items-center px-[32px]">
+                    <div className="flex items-center gap-[12px]">
+                      <button
+                        type="button"
+                        onClick={handleBackClick}
+                        className="flex items-center justify-center size-[32px] cursor-pointer hover:opacity-80"
+                        aria-label="뒤로가기"
+                      >
+                        <BackArrowSvg width={32} height={32} />
+                      </button>
+                      <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">
+                        강좌 등록
+                      </h1>
+                    </div>
                   </div>
-                ) : (
-                  <>
-                    {/* TODO: 테이블 또는 리스트를 여기에 추가 */}
-                    
-                    {/* 페이지네이션 - 10개 초과일 때만 표시 */}
-                    {items.length > ITEMS_PER_PAGE && (() => {
-                      // 페이지 번호를 10단위로 표시
-                      const pageGroup = Math.floor((currentPage - 1) / 10);
-                      const startPage = pageGroup * 10 + 1;
-                      const endPage = Math.min(startPage + 9, totalPages);
-                      const visiblePages = Array.from({ length: endPage - startPage + 1 }, (_, i) => startPage + i);
 
-                      return (
-                        <div className="pt-8 pb-[32px] flex items-center justify-center">
-                          <div className="flex items-center justify-center gap-[8px]">
-                            {/* First (맨 앞으로) */}
-                            <button
-                              type="button"
-                              onClick={() => setCurrentPage(1)}
-                              aria-label="맨 앞 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
-                              disabled={currentPage === 1}
-                            >
-                              <div className="relative flex items-center justify-center w-full h-full">
-                                <ChevronDownSvg width={14.8} height={14.8} className="rotate-90 absolute left-[2px]" />
-                                <ChevronDownSvg width={14.8} height={14.8} className="rotate-90 absolute right-[2px]" />
+                  {/* 폼 콘텐츠 */}
+                  <div className="flex-1 overflow-y-auto px-[32px] pb-[80px] pt-[32px]">
+                    <div className="flex flex-col gap-[40px]">
+                      {/* 강좌 정보 */}
+                      <div className="flex flex-col gap-[8px]">
+                        <h2 className="text-[18px] font-bold leading-[1.5] text-[#1b2027]">
+                          강좌 정보
+                        </h2>
+                        <div className="flex flex-col gap-[24px]">
+                          {/* 교육 과정 */}
+                          <div className="flex flex-col gap-[8px]">
+                            <label className="text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+                              교육 과정
+                            </label>
+                            <div className="relative" ref={dropdownRef}>
+                              <button
+                                type="button"
+                                onClick={() => setIsDropdownOpen(!isDropdownOpen)}
+                                className="w-full h-[40px] px-[12px] py-[8px] border border-[#dee1e6] rounded-[8px] bg-white flex items-center justify-between focus:outline-none focus:ring-2 focus:ring-[#1f2b91] focus:border-transparent cursor-pointer"
+                              >
+                                <span className={`text-[16px] font-normal leading-[1.5] flex-1 text-left ${
+                                  selectedCourse ? 'text-[#1b2027]' : 'text-[#6c7682]'
+                                }`}>
+                                  {selectedCourse 
+                                    ? courseOptions.find(c => c.id === selectedCourse)?.name 
+                                    : '교육과정을 선택해 주세요.'}
+                                </span>
+                                <DropdownIcon stroke="#8C95A1" className="shrink-0" />
+                              </button>
+                              {isDropdownOpen && (
+                                <div className="absolute top-full left-0 right-0 mt-1 bg-white border border-[#dee1e6] rounded-[8px] shadow-lg z-20 max-h-[200px] overflow-y-auto">
+                                  {courseOptions.map((course, index) => (
+                                    <button
+                                      key={course.id}
+                                      type="button"
+                                      onClick={() => {
+                                        setSelectedCourse(course.id);
+                                        setIsDropdownOpen(false);
+                                      }}
+                                      className={`w-full px-3 py-2 text-left text-[16px] font-normal leading-[1.5] hover:bg-[#f1f3f5] transition-colors cursor-pointer ${
+                                        selectedCourse === course.id
+                                          ? "bg-[#ecf0ff] text-[#1f2b91] font-semibold"
+                                          : "text-[#1b2027]"
+                                      } ${
+                                        index === 0 ? "rounded-t-[8px]" : ""
+                                      } ${
+                                        index === courseOptions.length - 1 ? "rounded-b-[8px]" : ""
+                                      }`}
+                                    >
+                                      {course.name}
+                                    </button>
+                                  ))}
+                                </div>
+                              )}
+                            </div>
+                          </div>
+
+                          {/* 강좌명 */}
+                          <div className="flex flex-col gap-[8px]">
+                            <label className="text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+                              강좌명
+                            </label>
+                            <input
+                              type="text"
+                              value={lessonName}
+                              onChange={(e) => setLessonName(e.target.value)}
+                              placeholder="강좌명을 입력해 주세요."
+                              className="h-[40px] px-[12px] py-[8px] border border-[#dee1e6] rounded-[8px] bg-white text-[16px] font-normal leading-[1.5] text-[#1b2027] placeholder:text-[#b1b8c0] focus:outline-none focus:ring-2 focus:ring-[#1f2b91] focus:border-transparent"
+                            />
+                          </div>
+
+                          {/* 학습 목표 */}
+                          <div className="flex flex-col gap-[8px]">
+                            <label className="text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+                              학습 목표
+                            </label>
+                            <div className="relative">
+                              <textarea
+                                value={learningGoal}
+                                onChange={(e) => {
+                                  if (e.target.value.length <= 1000) {
+                                    setLearningGoal(e.target.value);
+                                  }
+                                }}
+                                placeholder="내용을 입력해 주세요. (최대 1,000자)"
+                                className="w-full h-[160px] px-[12px] py-[8px] border border-[#dee1e6] rounded-[8px] bg-white text-[16px] font-normal leading-[1.5] text-[#1b2027] placeholder:text-[#b1b8c0] focus:outline-none focus:ring-2 focus:ring-[#1f2b91] focus:border-transparent resize-none"
+                              />
+                              <div className="absolute bottom-[8px] right-[12px]">
+                                <p className="text-[13px] font-normal leading-[1.4] text-[#6c7682] text-right">
+                                  {learningGoal.length}/1000
+                                </p>
                               </div>
-                            </button>
-
-                            {/* Prev */}
-                            <button
-                              type="button"
-                              onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
-                              aria-label="이전 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
-                              disabled={currentPage === 1}
-                            >
-                              <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
-                            </button>
-
-                            {/* Numbers */}
-                            {visiblePages.map((n) => {
-                              const active = n === currentPage;
-                              return (
-                                <button
-                                  key={n}
-                                  type="button"
-                                  onClick={() => setCurrentPage(n)}
-                                  aria-current={active ? 'page' : undefined}
-                                  className={[
-                                    'flex items-center justify-center rounded-[1000px] size-[32px]',
-                                    active ? 'bg-[#ecf0ff]' : 'bg-white',
-                                  ].join(' ')}
-                                >
-                                  <span className="text-[16px] leading-[1.4] text-[#333c47]">{n}</span>
-                                </button>
-                              );
-                            })}
-
-                            {/* Next */}
-                            <button
-                              type="button"
-                              onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
-                              aria-label="다음 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
-                              disabled={currentPage === totalPages}
-                            >
-                              <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
-                            </button>
-
-                            {/* Last (맨 뒤로) */}
-                            <button
-                              type="button"
-                              onClick={() => setCurrentPage(totalPages)}
-                              aria-label="맨 뒤 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
-                              disabled={currentPage === totalPages}
-                            >
-                              <div className="relative flex items-center justify-center w-full h-full">
-                                <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90 absolute left-[2px]" />
-                                <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90 absolute right-[2px]" />
-                              </div>
-                            </button>
+                            </div>
                           </div>
                         </div>
-                      );
-                    })()}
-                  </>
-                )}
-              </div>
+                      </div>
+
+                      {/* 파일 첨부 */}
+                      <div className="flex flex-col gap-[8px]">
+                        <h2 className="text-[18px] font-bold leading-[1.5] text-[#1b2027]">
+                          파일 첨부
+                        </h2>
+                        <div className="flex flex-col gap-[24px]">
+                          {/* 강좌 영상 */}
+                          <div className="flex flex-col gap-[8px]">
+                            <div className="flex items-center justify-between h-[32px]">
+                              <div className="flex items-center gap-[8px]">
+                                <label className="text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+                                  강좌 영상 ({courseVideoCount}/10)
+                                </label>
+                                <span className="text-[13px] font-normal leading-[1.4] text-[#8c95a1]">
+                                  30MB 미만 파일
+                                </span>
+                              </div>
+                              <button
+                                type="button"
+                                className="h-[32px] px-[4px] py-[3px] border border-[#8c95a1] rounded-[6px] bg-white text-[13px] font-medium leading-[1.4] text-[#4c5561] whitespace-nowrap hover:bg-gray-50 transition-colors cursor-pointer"
+                              >
+                                첨부
+                              </button>
+                            </div>
+                            <div className="h-[64px] border border-[#dee1e6] rounded-[8px] bg-gray-50 flex items-center justify-center">
+                              <p className="text-[14px] font-normal leading-[1.5] text-[#8c95a1] text-center">
+                                강좌 주제별 영상 파일을 첨부해주세요.
+                              </p>
+                            </div>
+                          </div>
+
+                          {/* VR 콘텐츠 */}
+                          <div className="flex flex-col gap-[8px]">
+                            <div className="flex items-center justify-between h-[32px]">
+                              <div className="flex items-center gap-[8px]">
+                                <label className="text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+                                  VR 콘텐츠 <span className="font-normal">({vrContentCount}/10)</span>
+                                </label>
+                                <span className="text-[13px] font-normal leading-[1.4] text-[#8c95a1]">
+                                  30MB 미만 파일
+                                </span>
+                              </div>
+                              <button
+                                type="button"
+                                className="h-[32px] px-[4px] py-[3px] border border-[#8c95a1] rounded-[6px] bg-white text-[13px] font-medium leading-[1.4] text-[#4c5561] whitespace-nowrap hover:bg-gray-50 transition-colors cursor-pointer"
+                              >
+                                첨부
+                              </button>
+                            </div>
+                            <div className="h-[64px] border border-[#dee1e6] rounded-[8px] bg-gray-50 flex items-center justify-center">
+                              <p className="text-[14px] font-normal leading-[1.5] text-[#8c95a1] text-center">
+                                VR 학습 체험용 콘텐츠 파일을 첨부해주세요.
+                              </p>
+                            </div>
+                          </div>
+
+                          {/* 학습 평가 문제 */}
+                          <div className="flex flex-col gap-[8px]">
+                            <div className="flex items-center justify-between h-[32px]">
+                              <div className="flex items-center gap-[8px]">
+                                <label className="text-[15px] font-semibold leading-[1.5] text-[#6c7682]">
+                                  학습 평가 문제
+                                </label>
+                                <span className="text-[13px] font-normal leading-[1.4] text-[#8c95a1]">
+                                  CSV 파일 형식만 첨부 가능
+                                </span>
+                              </div>
+                              <div className="flex items-center gap-[8px]">
+                                <button
+                                  type="button"
+                                  className="h-[32px] px-[16px] py-[3px] border border-[#b1b8c0] rounded-[6px] bg-white text-[13px] font-medium leading-[1.4] text-[#b1b8c0] whitespace-nowrap hover:bg-gray-50 transition-colors cursor-pointer"
+                                >
+                                  다운로드
+                                </button>
+                                <button
+                                  type="button"
+                                  className="h-[32px] px-[4px] py-[3px] border border-[#8c95a1] rounded-[6px] bg-white text-[13px] font-medium leading-[1.4] text-[#4c5561] whitespace-nowrap hover:bg-gray-50 transition-colors cursor-pointer"
+                                >
+                                  첨부
+                                </button>
+                              </div>
+                            </div>
+                            <div className="h-[64px] border border-[#dee1e6] rounded-[8px] bg-gray-50 flex items-center justify-center">
+                              <p className="text-[14px] font-normal leading-[1.5] text-[#8c95a1] text-center">
+                                학습 평가용 문항 파일을 첨부해주세요.
+                              </p>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      {/* 액션 버튼 */}
+                      <div className="flex items-center justify-center gap-[12px]">
+                        <button
+                          type="button"
+                          onClick={handleBackClick}
+                          className="h-[48px] px-[8px] rounded-[10px] bg-[#f1f3f5] text-[16px] font-semibold leading-[1.5] text-[#4c5561] min-w-[80px] hover:bg-[#e5e7eb] transition-colors cursor-pointer"
+                        >
+                          취소
+                        </button>
+                        <button
+                          type="button"
+                          className="h-[48px] px-[16px] rounded-[10px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white hover:bg-[#1a2478] transition-colors cursor-pointer"
+                        >
+                          저장하기
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              ) : (
+                /* 목록 모드 */
+                <>
+                  {/* 제목 영역 */}
+                  <div className="h-[100px] flex items-center">
+                    <h1 className="text-[24px] font-bold leading-[1.5] text-[#1b2027]">
+                      강좌 관리
+                    </h1>
+                  </div>
+
+                  {/* 헤더 영역 (제목과 콘텐츠 사이) */}
+                  <div className="pt-2 pb-4 flex items-center justify-between">
+                    <p className="text-[15px] font-medium leading-[1.5] text-[#333c47] whitespace-nowrap">
+                      총 {totalCount}건
+                    </p>
+                    <button
+                      type="button"
+                      onClick={handleRegisterClick}
+                      className="h-[40px] px-4 rounded-[8px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white whitespace-nowrap hover:bg-[#1a2478] transition-colors cursor-pointer"
+                    >
+                      등록하기
+                    </button>
+                  </div>
+
+                  {/* 콘텐츠 영역 */}
+                  <div className="flex-1 pt-2 flex flex-col">
+                    {items.length === 0 ? (
+                      <div className="rounded-lg border border-[#dee1e6] bg-white min-h-[400px] flex items-center justify-center">
+                        <p className="text-[16px] font-medium leading-[1.5] text-[#333c47]">
+                          등록된 강좌가 없습니다.
+                          <br />
+                          강좌를 등록해주세요.
+                        </p>
+                      </div>
+                    ) : (
+                      <>
+                        {/* TODO: 테이블 또는 리스트를 여기에 추가 */}
+                        
+                        {/* 페이지네이션 - 10개 초과일 때만 표시 */}
+                        {items.length > ITEMS_PER_PAGE && (() => {
+                          // 페이지 번호를 10단위로 표시
+                          const pageGroup = Math.floor((currentPage - 1) / 10);
+                          const startPage = pageGroup * 10 + 1;
+                          const endPage = Math.min(startPage + 9, totalPages);
+                          const visiblePages = Array.from({ length: endPage - startPage + 1 }, (_, i) => startPage + i);
+
+                          return (
+                            <div className="pt-8 pb-[32px] flex items-center justify-center">
+                              <div className="flex items-center justify-center gap-[8px]">
+                                {/* First (맨 앞으로) */}
+                                <button
+                                  type="button"
+                                  onClick={() => setCurrentPage(1)}
+                                  aria-label="맨 앞 페이지"
+                                  className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
+                                  disabled={currentPage === 1}
+                                >
+                                  <div className="relative flex items-center justify-center w-full h-full">
+                                    <ChevronDownSvg width={14.8} height={14.8} className="rotate-90 absolute left-[2px]" />
+                                    <ChevronDownSvg width={14.8} height={14.8} className="rotate-90 absolute right-[2px]" />
+                                  </div>
+                                </button>
+
+                                {/* Prev */}
+                                <button
+                                  type="button"
+                                  onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
+                                  aria-label="이전 페이지"
+                                  className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
+                                  disabled={currentPage === 1}
+                                >
+                                  <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
+                                </button>
+
+                                {/* Numbers */}
+                                {visiblePages.map((n) => {
+                                  const active = n === currentPage;
+                                  return (
+                                    <button
+                                      key={n}
+                                      type="button"
+                                      onClick={() => setCurrentPage(n)}
+                                      aria-current={active ? 'page' : undefined}
+                                      className={[
+                                        'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
+                                        active ? 'bg-[#ecf0ff]' : 'bg-white',
+                                      ].join(' ')}
+                                    >
+                                      <span className="text-[16px] leading-[1.4] text-[#333c47]">{n}</span>
+                                    </button>
+                                  );
+                                })}
+
+                                {/* Next */}
+                                <button
+                                  type="button"
+                                  onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
+                                  aria-label="다음 페이지"
+                                  className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
+                                  disabled={currentPage === totalPages}
+                                >
+                                  <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
+                                </button>
+
+                                {/* Last (맨 뒤로) */}
+                                <button
+                                  type="button"
+                                  onClick={() => setCurrentPage(totalPages)}
+                                  aria-label="맨 뒤 페이지"
+                                  className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
+                                  disabled={currentPage === totalPages}
+                                >
+                                  <div className="relative flex items-center justify-center w-full h-full">
+                                    <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90 absolute left-[2px]" />
+                                    <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90 absolute right-[2px]" />
+                                  </div>
+                                </button>
+                              </div>
+                            </div>
+                          );
+                        })()}
+                      </>
+                    )}
+                  </div>
+                </>
+              )}
             </div>
           </main>
         </div>
diff --git a/src/app/admin/logs/page.tsx b/src/app/admin/logs/page.tsx
index 8949ede..cf4d152 100644
--- a/src/app/admin/logs/page.tsx
+++ b/src/app/admin/logs/page.tsx
@@ -65,7 +65,7 @@ export default function AdminLogsPage() {
                               type="button"
                               onClick={() => setCurrentPage(1)}
                               aria-label="맨 앞 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
@@ -79,7 +79,7 @@ export default function AdminLogsPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                               aria-label="이전 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
@@ -95,7 +95,7 @@ export default function AdminLogsPage() {
                                   onClick={() => setCurrentPage(n)}
                                   aria-current={active ? 'page' : undefined}
                                   className={[
-                                    'flex items-center justify-center rounded-[1000px] size-[32px]',
+                                    'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
                                     active ? 'bg-[#ecf0ff]' : 'bg-white',
                                   ].join(' ')}
                                 >
@@ -109,7 +109,7 @@ export default function AdminLogsPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                               aria-label="다음 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
@@ -120,7 +120,7 @@ export default function AdminLogsPage() {
                               type="button"
                               onClick={() => setCurrentPage(totalPages)}
                               aria-label="맨 뒤 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
diff --git a/src/app/admin/notices/page.tsx b/src/app/admin/notices/page.tsx
index da79fe3..e830f2b 100644
--- a/src/app/admin/notices/page.tsx
+++ b/src/app/admin/notices/page.tsx
@@ -65,7 +65,7 @@ export default function AdminNoticesPage() {
                               type="button"
                               onClick={() => setCurrentPage(1)}
                               aria-label="맨 앞 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
@@ -79,7 +79,7 @@ export default function AdminNoticesPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                               aria-label="이전 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
@@ -95,7 +95,7 @@ export default function AdminNoticesPage() {
                                   onClick={() => setCurrentPage(n)}
                                   aria-current={active ? 'page' : undefined}
                                   className={[
-                                    'flex items-center justify-center rounded-[1000px] size-[32px]',
+                                    'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
                                     active ? 'bg-[#ecf0ff]' : 'bg-white',
                                   ].join(' ')}
                                 >
@@ -109,7 +109,7 @@ export default function AdminNoticesPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                               aria-label="다음 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
@@ -120,7 +120,7 @@ export default function AdminNoticesPage() {
                               type="button"
                               onClick={() => setCurrentPage(totalPages)}
                               aria-label="맨 뒤 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
diff --git a/src/app/admin/questions/page.tsx b/src/app/admin/questions/page.tsx
index 74238f2..a82e85b 100644
--- a/src/app/admin/questions/page.tsx
+++ b/src/app/admin/questions/page.tsx
@@ -65,7 +65,7 @@ export default function AdminQuestionsPage() {
                               type="button"
                               onClick={() => setCurrentPage(1)}
                               aria-label="맨 앞 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
@@ -79,7 +79,7 @@ export default function AdminQuestionsPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                               aria-label="이전 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
@@ -95,7 +95,7 @@ export default function AdminQuestionsPage() {
                                   onClick={() => setCurrentPage(n)}
                                   aria-current={active ? 'page' : undefined}
                                   className={[
-                                    'flex items-center justify-center rounded-[1000px] size-[32px]',
+                                    'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
                                     active ? 'bg-[#ecf0ff]' : 'bg-white',
                                   ].join(' ')}
                                 >
@@ -109,7 +109,7 @@ export default function AdminQuestionsPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                               aria-label="다음 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
@@ -120,7 +120,7 @@ export default function AdminQuestionsPage() {
                               type="button"
                               onClick={() => setCurrentPage(totalPages)}
                               aria-label="맨 뒤 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
diff --git a/src/app/admin/resources/page.tsx b/src/app/admin/resources/page.tsx
index a0828e5..87341d2 100644
--- a/src/app/admin/resources/page.tsx
+++ b/src/app/admin/resources/page.tsx
@@ -65,7 +65,7 @@ export default function AdminResourcesPage() {
                               type="button"
                               onClick={() => setCurrentPage(1)}
                               aria-label="맨 앞 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
@@ -79,7 +79,7 @@ export default function AdminResourcesPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
                               aria-label="이전 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === 1}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="rotate-90" />
@@ -95,7 +95,7 @@ export default function AdminResourcesPage() {
                                   onClick={() => setCurrentPage(n)}
                                   aria-current={active ? 'page' : undefined}
                                   className={[
-                                    'flex items-center justify-center rounded-[1000px] size-[32px]',
+                                    'flex items-center justify-center rounded-[1000px] size-[32px] cursor-pointer',
                                     active ? 'bg-[#ecf0ff]' : 'bg-white',
                                   ].join(' ')}
                                 >
@@ -109,7 +109,7 @@ export default function AdminResourcesPage() {
                               type="button"
                               onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
                               aria-label="다음 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <ChevronDownSvg width={14.8} height={14.8} className="-rotate-90" />
@@ -120,7 +120,7 @@ export default function AdminResourcesPage() {
                               type="button"
                               onClick={() => setCurrentPage(totalPages)}
                               aria-label="맨 뒤 페이지"
-                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40"
+                              className="flex items-center justify-center rounded-[1000px] p-[8.615px] size-[32px] text-[#333c47] disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed"
                               disabled={currentPage === totalPages}
                             >
                               <div className="relative flex items-center justify-center w-full h-full">
diff --git a/src/app/svgs/backarrow.tsx b/src/app/svgs/backarrow.tsx
new file mode 100644
index 0000000..6acec52
--- /dev/null
+++ b/src/app/svgs/backarrow.tsx
@@ -0,0 +1,41 @@
+import React from "react";
+
+type BackArrowProps = React.SVGProps<SVGSVGElement>;
+
+export default function BackArrowSvg(props: BackArrowProps) {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 4V4C22.628 4 28 9.372 28 16V16C28 22.628 22.628 28 16 28V28C9.372 28 4 22.628 4 16V16C4 9.372 9.372 4 16 4Z"
+        fill="#8C95A1"
+        stroke="#8C95A1"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.6667 16.0002H21.3334"
+        stroke="white"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14.6667 20L10.6667 16L14.6667 12"
+        stroke="white"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}