diff --git a/app/Http/Controllers/Auth/LoginController.php b/app/Http/Controllers/Auth/LoginController.php
index daefa1c7..97b868e4 100644
--- a/app/Http/Controllers/Auth/LoginController.php
+++ b/app/Http/Controllers/Auth/LoginController.php
@@ -4,14 +4,18 @@
 
 use App\Http\Controllers\Controller;
 use App\Http\Requests\Auth\LoginRequest;
+use App\Services\ApiTokenService;
 use App\Services\AuthService;
+use Illuminate\Http\JsonResponse;
 use Illuminate\Http\RedirectResponse;
+use Illuminate\Support\Facades\Auth;
 use Illuminate\View\View;
 
 class LoginController extends Controller
 {
     public function __construct(
-        private readonly AuthService $authService
+        private readonly AuthService $authService,
+        private readonly ApiTokenService $apiTokenService
     ) {}
 
     /**
@@ -59,4 +63,91 @@ public function logout(): RedirectResponse
         return redirect('/login')
             ->with('success', '로그아웃되었습니다.');
     }
+
+    /**
+     * 세션 갱신 (Remember Token으로 재인증)
+     * HTMX 401 에러 시 호출되어 세션을 갱신합니다.
+     */
+    public function refreshSession(): JsonResponse
+    {
+        // 이미 인증된 경우 (세션이 아직 유효한 경우)
+        if (Auth::check()) {
+            return response()->json([
+                'success' => true,
+                'message' => '세션이 유효합니다.',
+            ]);
+        }
+
+        // Remember Token으로 재인증 시도
+        // Laravel의 Auth::viaRemember()는 remember token 쿠키로 인증 시도
+        if (Auth::viaRemember()) {
+            $user = Auth::user();
+
+            // HQ 테넌트 소속 확인
+            if (! $user->belongsToHQ()) {
+                Auth::logout();
+
+                return response()->json([
+                    'success' => false,
+                    'message' => '본사 소속 직원만 접근할 수 있습니다.',
+                    'redirect' => '/login',
+                ], 401);
+            }
+
+            // 활성 상태 확인
+            if (! $user->is_active) {
+                Auth::logout();
+
+                return response()->json([
+                    'success' => false,
+                    'message' => '비활성화된 계정입니다.',
+                    'redirect' => '/login',
+                ], 401);
+            }
+
+            // HQ 테넌트를 기본 선택
+            $hqTenant = $user->getHQTenant();
+            if ($hqTenant) {
+                session(['selected_tenant_id' => $hqTenant->id]);
+
+                // API 토큰 재발급
+                $this->refreshApiToken($user->id, $hqTenant->id);
+            }
+
+            return response()->json([
+                'success' => true,
+                'message' => '세션이 갱신되었습니다.',
+            ]);
+        }
+
+        // Remember Token이 없거나 유효하지 않은 경우
+        return response()->json([
+            'success' => false,
+            'message' => '세션이 만료되었습니다. 다시 로그인해주세요.',
+            'redirect' => '/login',
+        ], 401);
+    }
+
+    /**
+     * API 토큰 재발급
+     */
+    private function refreshApiToken(int $userId, int $tenantId): void
+    {
+        try {
+            $result = $this->apiTokenService->exchangeToken($userId, $tenantId);
+
+            if ($result['success']) {
+                $this->apiTokenService->storeTokenInSession(
+                    $result['data']['access_token'],
+                    $result['data']['expires_in']
+                );
+            }
+        } catch (\Exception $e) {
+            // API 토큰 재발급 실패해도 세션 갱신은 계속 진행
+            \Log::warning('[LoginController] API token refresh failed', [
+                'user_id' => $userId,
+                'error' => $e->getMessage(),
+            ]);
+        }
+    }
 }
diff --git a/public/js/menu-sortable.js b/public/js/menu-sortable.js
new file mode 100644
index 00000000..3fd6ff06
--- /dev/null
+++ b/public/js/menu-sortable.js
@@ -0,0 +1,303 @@
+/**
+ * 메뉴 관리 페이지 전용 SortableJS 초기화 스크립트
+ * HTMX hx-boost 네비게이션에서도 동작하도록 전역으로 정의
+ */
+
+// 드래그 상태 관리
+let dragStartX = 0;
+let dragIndicator = null;
+let currentDragItem = null;
+let lastHighlightedRow = null;
+const INDENT_THRESHOLD = 40; // px - 인덴트 임계값
+
+// 드래그 인디케이터 생성
+function createDragIndicator() {
+    const indicator = document.createElement('div');
+    indicator.className = 'drag-indicator reorder';
+    indicator.innerHTML = '↕️ 순서 변경';
+    indicator.style.display = 'none';
+    document.body.appendChild(indicator);
+    return indicator;
+}
+
+// 드래그 인디케이터 업데이트
+function updateDragIndicator(deltaX, mouseX, mouseY, canIndent, canOutdent, targetName) {
+    if (!dragIndicator) return;
+
+    dragIndicator.style.display = 'block';
+    dragIndicator.style.left = (mouseX + 15) + 'px';
+    dragIndicator.style.top = (mouseY - 15) + 'px';
+
+    // 클래스 및 텍스트 업데이트
+    dragIndicator.classList.remove('indent', 'outdent', 'reorder');
+
+    if (deltaX > INDENT_THRESHOLD && canIndent) {
+        dragIndicator.classList.add('indent');
+        dragIndicator.innerHTML = `→ <b>${targetName}</b>의 하위로`;
+    } else if (deltaX < -INDENT_THRESHOLD && canOutdent) {
+        dragIndicator.classList.add('outdent');
+        dragIndicator.innerHTML = '← 상위 레벨로';
+    } else {
+        dragIndicator.classList.add('reorder');
+        dragIndicator.innerHTML = '↕️ 순서 변경';
+    }
+}
+
+// 행 하이라이트 업데이트
+function updateRowHighlight(prevRow, draggedRow, deltaX, canIndent, canOutdent) {
+    // 이전 하이라이트 제거
+    if (lastHighlightedRow) {
+        lastHighlightedRow.classList.remove('drag-target-indent', 'drag-target-outdent');
+    }
+
+    // 새 하이라이트 적용
+    if (deltaX > INDENT_THRESHOLD && canIndent && prevRow) {
+        // 인덴트: prevRow(새 부모가 될 행) 하이라이트
+        prevRow.classList.add('drag-target-indent');
+        lastHighlightedRow = prevRow;
+    } else if (deltaX < -INDENT_THRESHOLD && canOutdent && draggedRow) {
+        // 아웃덴트: 드래그 중인 행 자체 하이라이트
+        draggedRow.classList.add('drag-target-outdent');
+        lastHighlightedRow = draggedRow;
+    } else {
+        lastHighlightedRow = null;
+    }
+}
+
+// 드래그 인디케이터 제거
+function removeDragIndicator() {
+    if (dragIndicator) {
+        dragIndicator.remove();
+        dragIndicator = null;
+    }
+    if (lastHighlightedRow) {
+        lastHighlightedRow.classList.remove('drag-target-indent', 'drag-target-outdent');
+        lastHighlightedRow = null;
+    }
+}
+
+// SortableJS 초기화 함수 (전역)
+window.initMenuSortable = function() {
+    const tbody = document.getElementById('menu-sortable');
+    if (!tbody) return;
+
+    // Sortable 라이브러리 체크
+    if (typeof Sortable === 'undefined') {
+        console.warn('SortableJS not loaded');
+        return;
+    }
+
+    // 기존 인스턴스 제거
+    if (tbody.sortableInstance) {
+        tbody.sortableInstance.destroy();
+    }
+
+    // 드래그 중 마우스 이동 핸들러
+    function onDragMove(e) {
+        if (!currentDragItem) return;
+
+        const mouseX = e.clientX || e.touches?.[0]?.clientX || 0;
+        const mouseY = e.clientY || e.touches?.[0]?.clientY || 0;
+        const deltaX = mouseX - dragStartX;
+
+        const rows = Array.from(tbody.querySelectorAll('tr.menu-row'));
+        const draggedIndex = rows.indexOf(currentDragItem);
+
+        // 위 행 찾기 (드래그 중인 항목 제외)
+        let prevRow = null;
+        for (let i = draggedIndex - 1; i >= 0; i--) {
+            if (rows[i] !== currentDragItem && !rows[i].classList.contains('sortable-ghost')) {
+                prevRow = rows[i];
+                break;
+            }
+        }
+
+        // 인덴트/아웃덴트 가능 여부 체크
+        const oldParentIdRaw = currentDragItem.dataset.parentId;
+        const oldPid = oldParentIdRaw === '' ? null : (oldParentIdRaw ? parseInt(oldParentIdRaw) : null);
+        const canIndent = prevRow !== null;
+        const canOutdent = oldPid !== null;
+
+        // 타겟 이름 가져오기
+        let targetName = '';
+        if (prevRow && canIndent) {
+            const nameCell = prevRow.querySelector('td:nth-child(3) span');
+            targetName = nameCell?.textContent?.trim() || '위 항목';
+        }
+
+        updateDragIndicator(deltaX, mouseX, mouseY, canIndent, canOutdent, targetName);
+        updateRowHighlight(prevRow, currentDragItem, deltaX, canIndent, canOutdent);
+    }
+
+    // CSRF 토큰 가져오기
+    const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
+
+    // SortableJS 초기화 - 노션 스타일 인덴트
+    tbody.sortableInstance = new Sortable(tbody, {
+        handle: '.drag-handle',
+        animation: 150,
+        forceFallback: true,
+        fallbackClass: 'sortable-fallback',
+        fallbackOnBody: true,
+        ghostClass: 'bg-blue-50',
+        chosenClass: 'bg-blue-100',
+        dragClass: 'shadow-lg',
+
+        // 드래그 시작 시
+        onStart: function(evt) {
+            dragStartX = evt.originalEvent?.clientX || evt.originalEvent?.touches?.[0]?.clientX || 0;
+            currentDragItem = evt.item;
+            dragIndicator = createDragIndicator();
+
+            // 드래그 중 텍스트 선택 방지
+            document.body.classList.add('is-dragging');
+
+            // 마우스 이동 이벤트 리스너 추가
+            document.addEventListener('mousemove', onDragMove);
+            document.addEventListener('touchmove', onDragMove);
+        },
+
+        // 드래그 종료 시 처리
+        onEnd: function(evt) {
+            // 이벤트 리스너 및 인디케이터 정리
+            document.removeEventListener('mousemove', onDragMove);
+            document.removeEventListener('touchmove', onDragMove);
+            removeDragIndicator();
+            currentDragItem = null;
+
+            // 드래그 중 텍스트 선택 방지 해제
+            document.body.classList.remove('is-dragging');
+
+            const movedItem = evt.item;
+            const menuId = parseInt(movedItem.dataset.menuId);
+            const oldParentIdRaw = movedItem.dataset.parentId;
+            const oldPid = oldParentIdRaw === '' ? null : (oldParentIdRaw ? parseInt(oldParentIdRaw) : null);
+
+            const rows = Array.from(tbody.querySelectorAll('tr.menu-row'));
+            const newIndex = rows.indexOf(movedItem);
+
+            // X 이동량 계산
+            const dragEndX = evt.originalEvent?.clientX || evt.originalEvent?.changedTouches?.[0]?.clientX || dragStartX;
+            const deltaX = dragEndX - dragStartX;
+
+            let newParentId = oldPid;
+            let sortOrder = 1;
+
+            // 오른쪽으로 이동 → 인덴트 (위 항목의 자식으로)
+            if (deltaX > INDENT_THRESHOLD && newIndex > 0) {
+                const prevRow = rows[newIndex - 1];
+                if (prevRow) {
+                    const prevId = parseInt(prevRow.dataset.menuId);
+                    if (prevId !== menuId) {
+                        newParentId = prevId;
+                    }
+                }
+            }
+            // 왼쪽으로 이동 → 아웃덴트 (부모의 형제로)
+            else if (deltaX < -INDENT_THRESHOLD && oldPid !== null) {
+                const parentRow = rows.find(r => parseInt(r.dataset.menuId) === oldPid);
+                if (parentRow) {
+                    const grandParentIdRaw = parentRow.dataset.parentId;
+                    newParentId = grandParentIdRaw === '' ? null : (grandParentIdRaw ? parseInt(grandParentIdRaw) : null);
+                } else {
+                    newParentId = null;
+                }
+            }
+
+            const parentChanged = oldPid !== newParentId;
+
+            if (parentChanged) {
+                // 새 부모 하위에서의 순서 계산
+                const existingSiblings = rows.filter(row => {
+                    if (row === movedItem) return false;
+                    const rowParentId = row.dataset.parentId || '';
+                    const rowPid = rowParentId === '' ? null : parseInt(rowParentId);
+                    return rowPid === newParentId;
+                });
+
+                let siblingsBeforeMe = 0;
+                for (const sibling of existingSiblings) {
+                    if (rows.indexOf(sibling) < newIndex) {
+                        siblingsBeforeMe++;
+                    }
+                }
+                sortOrder = siblingsBeforeMe + 1;
+
+                // 계층 변경 API 호출
+                window.moveMenu(menuId, newParentId, sortOrder, csrfToken);
+            } else {
+                // 같은 레벨 내 순서 변경
+                const siblingRows = rows.filter(row => {
+                    const rowParentId = row.dataset.parentId || '';
+                    const rowPid = rowParentId === '' ? null : parseInt(rowParentId);
+                    return rowPid === oldPid;
+                });
+
+                const items = siblingRows.map((row, index) => ({
+                    id: parseInt(row.dataset.menuId),
+                    sort_order: index + 1
+                }));
+
+                window.saveMenuOrder(items, csrfToken);
+            }
+        }
+    });
+};
+
+// 메뉴 이동 API 호출 (계층 변경)
+window.moveMenu = function(menuId, newParentId, sortOrder, csrfToken) {
+    fetch('/api/admin/menus/move', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'X-CSRF-TOKEN': csrfToken,
+            'Accept': 'application/json'
+        },
+        body: JSON.stringify({
+            menu_id: menuId,
+            new_parent_id: newParentId,
+            sort_order: sortOrder
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            htmx.trigger('#menu-table', 'filterSubmit');
+        } else {
+            showToast('메뉴 이동 실패: ' + (data.message || ''), 'error');
+            htmx.trigger('#menu-table', 'filterSubmit');
+        }
+    })
+    .catch(error => {
+        console.error('moveMenu API Error:', error);
+        showToast('메뉴 이동 중 오류 발생', 'error');
+        htmx.trigger('#menu-table', 'filterSubmit');
+    });
+};
+
+// 메뉴 순서 저장 API 호출 (같은 레벨)
+window.saveMenuOrder = function(items, csrfToken) {
+    fetch('/api/admin/menus/reorder', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'X-CSRF-TOKEN': csrfToken,
+            'Accept': 'application/json'
+        },
+        body: JSON.stringify({ items: items })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            htmx.trigger('#menu-table', 'filterSubmit');
+        } else {
+            showToast('순서 변경 실패: ' + (data.message || ''), 'error');
+            htmx.trigger('#menu-table', 'filterSubmit');
+        }
+    })
+    .catch(error => {
+        console.error('Error:', error);
+        showToast('순서 변경 중 오류 발생', 'error');
+        htmx.trigger('#menu-table', 'filterSubmit');
+    });
+};
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 1559d82c..b08c2e0d 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -48,32 +48,76 @@
     <script src="https://unpkg.com/htmx.org@1.9.10"></script>
     <!-- HTMX 전역 설정 (HTMX 로드 직후 등록하여 load 트리거보다 먼저 실행) -->
     <script>
-        // HTMX 401 에러 핸들러 (세션 만료 시 로그인 페이지로 이동)
+        // HTMX 401 에러 핸들러 (세션 만료 시 자동 갱신 또는 로그인 페이지로 이동)
         document.addEventListener('htmx:responseError', function(event) {
             if (event.detail.xhr.status === 401) {
-                // 중복 리다이렉트 방지
-                if (window._sessionExpiredRedirecting) return;
-                window._sessionExpiredRedirecting = true;
+                // 중복 처리 방지
+                if (window._sessionRefreshing) return;
+                window._sessionRefreshing = true;
 
-                // SweetAlert2 사용 가능하면 알림 표시
-                if (typeof Swal !== 'undefined') {
-                    Swal.fire({
-                        icon: 'warning',
-                        title: '세션 만료',
-                        text: '세션이 만료되었습니다. 다시 로그인해주세요.',
-                        confirmButtonText: '로그인',
-                        allowOutsideClick: false,
-                        allowEscapeKey: false,
-                    }).then(() => {
-                        window.location.href = '/login';
-                    });
-                } else {
-                    alert('세션이 만료되었습니다. 다시 로그인해주세요.');
-                    window.location.href = '/login';
-                }
+                // 원본 요청 정보 저장
+                const originalTarget = event.detail.target;
+                const originalPath = event.detail.pathInfo?.requestPath || window.location.pathname;
+
+                // 세션 갱신 시도 (Remember Token으로 재인증)
+                fetch('/auth/refresh-session', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '',
+                        'Accept': 'application/json',
+                    },
+                    credentials: 'same-origin',
+                })
+                .then(response => response.json())
+                .then(data => {
+                    window._sessionRefreshing = false;
+
+                    if (data.success) {
+                        // 세션 갱신 성공 - 원본 요청 재시도
+                        console.log('[Session] 세션 갱신 성공, 원본 요청 재시도');
+                        if (originalTarget && typeof htmx !== 'undefined') {
+                            // HTMX 트리거로 재요청 (원래 요청했던 컴포넌트 새로고침)
+                            htmx.trigger(originalTarget, 'htmx:load');
+                        } else {
+                            // HTMX 트리거 실패 시 페이지 새로고침
+                            window.location.reload();
+                        }
+                    } else {
+                        // 세션 갱신 실패 - 로그인 페이지로 이동
+                        redirectToLogin(data.message || '세션이 만료되었습니다. 다시 로그인해주세요.');
+                    }
+                })
+                .catch(error => {
+                    window._sessionRefreshing = false;
+                    console.error('[Session] 세션 갱신 실패:', error);
+                    redirectToLogin('세션이 만료되었습니다. 다시 로그인해주세요.');
+                });
             }
         });
 
+        // 로그인 페이지로 리다이렉트 (중복 방지)
+        function redirectToLogin(message) {
+            if (window._sessionExpiredRedirecting) return;
+            window._sessionExpiredRedirecting = true;
+
+            if (typeof Swal !== 'undefined') {
+                Swal.fire({
+                    icon: 'warning',
+                    title: '세션 만료',
+                    text: message,
+                    confirmButtonText: '로그인',
+                    allowOutsideClick: false,
+                    allowEscapeKey: false,
+                }).then(() => {
+                    window.location.href = '/login';
+                });
+            } else {
+                alert(message);
+                window.location.href = '/login';
+            }
+        }
+
         document.addEventListener('htmx:configRequest', (event) => {
             // CSRF 토큰 설정
             const csrfToken = document.querySelector('meta[name="csrf-token"]');
@@ -102,6 +146,36 @@
                 }
             }
         });
+
+        // HTMX 페이지 전환 후 페이지별 스크립트 초기화 (hx-boost 네비게이션용)
+        document.addEventListener('htmx:afterSettle', function(event) {
+            // main-content 교체 시에만 처리
+            if (event.detail.target && event.detail.target.id === 'main-content') {
+                initPageScripts();
+            }
+        });
+
+        // 페이지별 스크립트 초기화 함수
+        function initPageScripts() {
+            const path = window.location.pathname;
+
+            // /menus 페이지: SortableJS 및 필터 폼 초기화
+            if (path === '/menus' || path.startsWith('/menus/')) {
+                // SortableJS 초기화 (테이블 로드 후)
+                if (typeof initMenuSortable === 'function') {
+                    setTimeout(() => initMenuSortable(), 100);
+                }
+                // 필터 폼 이벤트 리스너 재연결
+                const filterForm = document.getElementById('filterForm');
+                if (filterForm && !filterForm._htmxInitialized) {
+                    filterForm.addEventListener('submit', function(e) {
+                        e.preventDefault();
+                        htmx.trigger('#menu-table', 'filterSubmit');
+                    });
+                    filterForm._htmxInitialized = true;
+                }
+            }
+        }
     </script>
     <!-- SweetAlert2 -->
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@@ -146,6 +220,9 @@ class="fixed inset-0 bg-black/50 z-40 hidden lg:hidden"
     <script src="{{ asset('js/user-modal.js') }}"></script>
     <!-- FCM Push Notification (Capacitor 앱에서만 동작) -->
     <script src="{{ asset('js/fcm.js') }}"></script>
+    <!-- SortableJS (메뉴 관리 등 드래그 앤 드롭용) -->
+    <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.2/Sortable.min.js"></script>
+    <script src="{{ asset('js/menu-sortable.js') }}"></script>
 
     <!-- SweetAlert2 공통 함수 (Tailwind 테마) -->
     <script>
diff --git a/resources/views/menus/index.blade.php b/resources/views/menus/index.blade.php
index 5a0b510f..2711fa95 100644
--- a/resources/views/menus/index.blade.php
+++ b/resources/views/menus/index.blade.php
@@ -274,359 +274,35 @@ class="bg-white rounded-lg shadow-sm overflow-hidden">
 @endpush
 
 @push('scripts')
-<script src="https://unpkg.com/htmx.org@1.9.10"></script>
-<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.2/Sortable.min.js"></script>
 <script>
-    // 폼 제출 시 HTMX 이벤트 트리거
-    document.getElementById('filterForm').addEventListener('submit', function(e) {
-        e.preventDefault();
-        htmx.trigger('#menu-table', 'filterSubmit');
-    });
+    // 폼 제출 시 HTMX 이벤트 트리거 (DOMContentLoaded 또는 HTMX 네비게이션 후 실행)
+    (function() {
+        function initFilterForm() {
+            const filterForm = document.getElementById('filterForm');
+            if (filterForm && !filterForm._menuInitialized) {
+                filterForm.addEventListener('submit', function(e) {
+                    e.preventDefault();
+                    htmx.trigger('#menu-table', 'filterSubmit');
+                });
+                filterForm._menuInitialized = true;
+            }
+        }
+        // 즉시 실행 (일반 페이지 로드용)
+        initFilterForm();
+        // DOMContentLoaded 이벤트 (안전장치)
+        document.addEventListener('DOMContentLoaded', initFilterForm);
+    })();
 
-    // HTMX 응답 처리 + SortableJS 초기화
-    // 서버가 HTML을 직접 반환하므로 HTMX가 자동으로 swap 처리
+    // HTMX 응답 처리 + SortableJS 초기화 (menu-table 내부 갱신용)
     document.body.addEventListener('htmx:afterSwap', function(event) {
         if (event.detail.target.id === 'menu-table') {
-            // 테이블 로드 후 SortableJS 초기화
-            initMenuSortable();
+            // 테이블 로드 후 SortableJS 초기화 (전역 함수 사용)
+            if (typeof initMenuSortable === 'function') {
+                initMenuSortable();
+            }
         }
     });
 
-    // 드래그 상태 관리
-    let dragStartX = 0;
-    let dragIndicator = null;
-    let currentDragItem = null;
-    let lastHighlightedRow = null;
-    const INDENT_THRESHOLD = 40; // px - 인덴트 임계값
-
-    // 드래그 인디케이터 생성
-    function createDragIndicator() {
-        const indicator = document.createElement('div');
-        indicator.className = 'drag-indicator reorder';
-        indicator.innerHTML = '↕️ 순서 변경';
-        indicator.style.display = 'none';
-        document.body.appendChild(indicator);
-        return indicator;
-    }
-
-    // 드래그 인디케이터 업데이트
-    function updateDragIndicator(deltaX, mouseX, mouseY, canIndent, canOutdent, targetName) {
-        if (!dragIndicator) return;
-
-        dragIndicator.style.display = 'block';
-        dragIndicator.style.left = (mouseX + 15) + 'px';
-        dragIndicator.style.top = (mouseY - 15) + 'px';
-
-        // 클래스 및 텍스트 업데이트
-        dragIndicator.classList.remove('indent', 'outdent', 'reorder');
-
-        if (deltaX > INDENT_THRESHOLD && canIndent) {
-            dragIndicator.classList.add('indent');
-            dragIndicator.innerHTML = `→ <b>${targetName}</b>의 하위로`;
-        } else if (deltaX < -INDENT_THRESHOLD && canOutdent) {
-            dragIndicator.classList.add('outdent');
-            dragIndicator.innerHTML = '← 상위 레벨로';
-        } else {
-            dragIndicator.classList.add('reorder');
-            dragIndicator.innerHTML = '↕️ 순서 변경';
-        }
-    }
-
-    // 행 하이라이트 업데이트
-    function updateRowHighlight(prevRow, draggedRow, deltaX, canIndent, canOutdent) {
-        // 이전 하이라이트 제거
-        if (lastHighlightedRow) {
-            lastHighlightedRow.classList.remove('drag-target-indent', 'drag-target-outdent');
-        }
-
-        // 새 하이라이트 적용
-        if (deltaX > INDENT_THRESHOLD && canIndent && prevRow) {
-            // 인덴트: prevRow(새 부모가 될 행) 하이라이트
-            prevRow.classList.add('drag-target-indent');
-            lastHighlightedRow = prevRow;
-        } else if (deltaX < -INDENT_THRESHOLD && canOutdent && draggedRow) {
-            // 아웃덴트: 드래그 중인 행 자체 하이라이트
-            draggedRow.classList.add('drag-target-outdent');
-            lastHighlightedRow = draggedRow;
-        } else {
-            lastHighlightedRow = null;
-        }
-    }
-
-    // 드래그 인디케이터 제거
-    function removeDragIndicator() {
-        if (dragIndicator) {
-            dragIndicator.remove();
-            dragIndicator = null;
-        }
-        if (lastHighlightedRow) {
-            lastHighlightedRow.classList.remove('drag-target-indent', 'drag-target-outdent');
-            lastHighlightedRow = null;
-        }
-    }
-
-    // SortableJS 초기화 함수
-    function initMenuSortable() {
-        const tbody = document.getElementById('menu-sortable');
-        if (!tbody) return;
-
-        // 기존 인스턴스 제거
-        if (tbody.sortableInstance) {
-            tbody.sortableInstance.destroy();
-        }
-
-        // 드래그 중 마우스 이동 핸들러
-        function onDragMove(e) {
-            if (!currentDragItem) return;
-
-            const mouseX = e.clientX || e.touches?.[0]?.clientX || 0;
-            const mouseY = e.clientY || e.touches?.[0]?.clientY || 0;
-            const deltaX = mouseX - dragStartX;
-
-            const rows = Array.from(tbody.querySelectorAll('tr.menu-row'));
-            const draggedIndex = rows.indexOf(currentDragItem);
-
-            // 위 행 찾기 (드래그 중인 항목 제외)
-            let prevRow = null;
-            for (let i = draggedIndex - 1; i >= 0; i--) {
-                if (rows[i] !== currentDragItem && !rows[i].classList.contains('sortable-ghost')) {
-                    prevRow = rows[i];
-                    break;
-                }
-            }
-
-            // 인덴트/아웃덴트 가능 여부 체크
-            const oldParentIdRaw = currentDragItem.dataset.parentId;
-            const oldPid = oldParentIdRaw === '' ? null : (oldParentIdRaw ? parseInt(oldParentIdRaw) : null);
-            const canIndent = prevRow !== null;
-            const canOutdent = oldPid !== null;
-
-            // 타겟 이름 가져오기
-            let targetName = '';
-            if (prevRow && canIndent) {
-                const nameCell = prevRow.querySelector('td:nth-child(3) span');
-                targetName = nameCell?.textContent?.trim() || '위 항목';
-            }
-
-            updateDragIndicator(deltaX, mouseX, mouseY, canIndent, canOutdent, targetName);
-            updateRowHighlight(prevRow, currentDragItem, deltaX, canIndent, canOutdent);
-        }
-
-        // SortableJS 초기화 - 노션 스타일 인덴트
-        // forceFallback: true → 네이티브 드래그 대신 자체 구현 사용 (mousemove 이벤트 정상 발생)
-        tbody.sortableInstance = new Sortable(tbody, {
-            handle: '.drag-handle',
-            animation: 150,
-            forceFallback: true,  // 브라우저 네이티브 드래그 비활성화 → mousemove 정상 작동
-            fallbackClass: 'sortable-fallback',
-            fallbackOnBody: true,
-            ghostClass: 'bg-blue-50',
-            chosenClass: 'bg-blue-100',
-            dragClass: 'shadow-lg',
-
-            // 드래그 시작 시
-            onStart: function(evt) {
-                dragStartX = evt.originalEvent?.clientX || evt.originalEvent?.touches?.[0]?.clientX || 0;
-                currentDragItem = evt.item;
-                dragIndicator = createDragIndicator();
-
-                // 드래그 중 텍스트 선택 방지
-                document.body.classList.add('is-dragging');
-
-                // 마우스 이동 이벤트 리스너 추가
-                document.addEventListener('mousemove', onDragMove);
-                document.addEventListener('touchmove', onDragMove);
-
-                console.log('=== Drag Start ===');
-                console.log('dragStartX:', dragStartX);
-            },
-
-            // 드래그 종료 시 처리
-            onEnd: function(evt) {
-                // 이벤트 리스너 및 인디케이터 정리
-                document.removeEventListener('mousemove', onDragMove);
-                document.removeEventListener('touchmove', onDragMove);
-                removeDragIndicator();
-                currentDragItem = null;
-
-                // 드래그 중 텍스트 선택 방지 해제
-                document.body.classList.remove('is-dragging');
-
-                const movedItem = evt.item;
-                const menuId = parseInt(movedItem.dataset.menuId);
-                const currentDepth = parseInt(movedItem.dataset.depth) || 0;
-                const oldParentIdRaw = movedItem.dataset.parentId;
-                const oldPid = oldParentIdRaw === '' ? null : (oldParentIdRaw ? parseInt(oldParentIdRaw) : null);
-
-                const rows = Array.from(tbody.querySelectorAll('tr.menu-row'));
-                const newIndex = rows.indexOf(movedItem);
-                const oldIndex = evt.oldIndex;
-
-                // X 이동량 계산
-                const dragEndX = evt.originalEvent?.clientX || evt.originalEvent?.changedTouches?.[0]?.clientX || dragStartX;
-                const deltaX = dragEndX - dragStartX;
-
-                console.log('=== Menu Drag Debug (Indent Style) ===');
-                console.log('menuId:', menuId, 'currentDepth:', currentDepth);
-                console.log('oldIndex:', oldIndex, '→ newIndex:', newIndex);
-                console.log('dragStartX:', dragStartX, 'dragEndX:', dragEndX, 'deltaX:', deltaX);
-                console.log('oldParentId:', oldPid);
-
-                let newParentId = oldPid;
-                let sortOrder = 1;
-                let action = 'reorder'; // 'reorder', 'indent', 'outdent'
-
-                // 오른쪽으로 이동 → 인덴트 (위 항목의 자식으로)
-                if (deltaX > INDENT_THRESHOLD && newIndex > 0) {
-                    const prevRow = rows[newIndex - 1];
-                    if (prevRow) {
-                        const prevId = parseInt(prevRow.dataset.menuId);
-                        // 자기 자신의 자식으로는 이동 불가
-                        if (prevId !== menuId) {
-                            newParentId = prevId;
-                            action = 'indent';
-                            console.log('→ INDENT: 위 항목의 자식으로 이동, newParentId:', newParentId);
-                        }
-                    }
-                }
-                // 왼쪽으로 이동 → 아웃덴트 (부모의 형제로)
-                else if (deltaX < -INDENT_THRESHOLD && oldPid !== null) {
-                    // 현재 부모를 찾아서 그 부모의 parent_id를 가져옴
-                    const parentRow = rows.find(r => parseInt(r.dataset.menuId) === oldPid);
-                    if (parentRow) {
-                        const grandParentIdRaw = parentRow.dataset.parentId;
-                        newParentId = grandParentIdRaw === '' ? null : (grandParentIdRaw ? parseInt(grandParentIdRaw) : null);
-                        action = 'outdent';
-                        console.log('← OUTDENT: 부모의 형제로 이동, newParentId:', newParentId);
-                    } else {
-                        // 부모를 찾을 수 없으면 최상위로
-                        newParentId = null;
-                        action = 'outdent';
-                        console.log('← OUTDENT: 최상위로 이동');
-                    }
-                }
-                // 수평 이동 없음 → 같은 레벨에서 순서만 변경
-                else {
-                    // 원래 부모 유지 (순서만 변경, 계층 변경 안함)
-                    newParentId = oldPid;
-                    action = 'reorder';
-                    console.log('↔ REORDER: 같은 부모 유지, parentId:', newParentId);
-                }
-
-                const parentChanged = oldPid !== newParentId;
-                console.log('oldPid:', oldPid, 'newPid:', newParentId, 'parentChanged:', parentChanged);
-                console.log('action:', action);
-
-                if (parentChanged) {
-                    // 새 부모 하위에서의 순서 계산
-                    const existingSiblings = rows.filter(row => {
-                        if (row === movedItem) return false;
-                        const rowParentId = row.dataset.parentId || '';
-                        const rowPid = rowParentId === '' ? null : parseInt(rowParentId);
-                        return rowPid === newParentId;
-                    });
-
-                    // DOM에서 movedItem보다 앞에 있는 형제의 수 = 새 순서
-                    let siblingsBeforeMe = 0;
-                    for (const sibling of existingSiblings) {
-                        if (rows.indexOf(sibling) < newIndex) {
-                            siblingsBeforeMe++;
-                        }
-                    }
-                    sortOrder = siblingsBeforeMe + 1;
-
-                    console.log('existingSiblings count:', existingSiblings.length);
-                    console.log('siblingsBeforeMe:', siblingsBeforeMe, 'sortOrder:', sortOrder);
-
-                    // 계층 변경 API 호출
-                    moveMenu(menuId, newParentId, sortOrder);
-                } else {
-                    // 같은 레벨 내 순서 변경
-                    const siblingRows = rows.filter(row => {
-                        const rowParentId = row.dataset.parentId || '';
-                        const rowPid = rowParentId === '' ? null : parseInt(rowParentId);
-                        return rowPid === oldPid;
-                    });
-
-                    const items = siblingRows.map((row, index) => ({
-                        id: parseInt(row.dataset.menuId),
-                        sort_order: index + 1
-                    }));
-
-                    console.log('Same level reorder:', items);
-                    saveMenuOrder(items);
-                }
-            }
-        });
-    }
-
-    // 메뉴 이동 API 호출 (계층 변경)
-    function moveMenu(menuId, newParentId, sortOrder) {
-        const payload = {
-            menu_id: menuId,
-            new_parent_id: newParentId,
-            sort_order: sortOrder
-        };
-        console.log('moveMenu API Request:', payload);
-
-        fetch('/api/admin/menus/move', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'X-CSRF-TOKEN': '{{ csrf_token() }}',
-                'Accept': 'application/json'
-            },
-            body: JSON.stringify(payload)
-        })
-        .then(response => {
-            console.log('moveMenu API Response status:', response.status);
-            return response.json();
-        })
-        .then(data => {
-            console.log('moveMenu API Response data:', data);
-            if (data.success) {
-                console.log('메뉴 이동 성공!');
-                htmx.trigger('#menu-table', 'filterSubmit');
-            } else {
-                console.error('메뉴 이동 실패:', data.message);
-                showToast('메뉴 이동 실패: ' + (data.message || ''), 'error');
-                htmx.trigger('#menu-table', 'filterSubmit');
-            }
-        })
-        .catch(error => {
-            console.error('moveMenu API Error:', error);
-            showToast('메뉴 이동 중 오류 발생', 'error');
-            htmx.trigger('#menu-table', 'filterSubmit');
-        });
-    }
-
-    // 메뉴 순서 저장 API 호출 (같은 레벨)
-    function saveMenuOrder(items) {
-        fetch('/api/admin/menus/reorder', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'X-CSRF-TOKEN': '{{ csrf_token() }}',
-                'Accept': 'application/json'
-            },
-            body: JSON.stringify({ items: items })
-        })
-        .then(response => response.json())
-        .then(data => {
-            if (data.success) {
-                htmx.trigger('#menu-table', 'filterSubmit');
-            } else {
-                showToast('순서 변경 실패: ' + (data.message || ''), 'error');
-                htmx.trigger('#menu-table', 'filterSubmit');
-            }
-        })
-        .catch(error => {
-            console.error('Error:', error);
-            showToast('순서 변경 중 오류 발생', 'error');
-            htmx.trigger('#menu-table', 'filterSubmit');
-        });
-    }
-
     // 삭제 확인
     window.confirmDelete = function(id, name) {
         showDeleteConfirm(name, () => {
diff --git a/routes/web.php b/routes/web.php
index e89da895..cf7a46a0 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -37,6 +37,16 @@
     Route::post('/login', [LoginController::class, 'login']);
 });
 
+/*
+|--------------------------------------------------------------------------
+| Session Refresh Route (인증 미들웨어 없음)
+|--------------------------------------------------------------------------
+| 세션 만료 시 Remember Token으로 재인증을 시도합니다.
+| HTMX 401 에러 핸들러에서 호출됩니다.
+*/
+Route::post('/auth/refresh-session', [LoginController::class, 'refreshSession'])
+    ->name('auth.refresh-session');
+
 /*
 |--------------------------------------------------------------------------
 | Authenticated Routes (인증 필요)