diff --git a/src/app/App.tsx b/src/app/App.tsx
index f5d4476..20665f5 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -29,6 +29,7 @@ import { StoreRegisterPage } from '@/pages/manager/store-register'
 import { StoreRegisterRequestsPage } from '@/pages/store-register/requests'
 import { StoreRegisterRequestDetailPage } from '@/pages/store-register/request-detail'
 import { ManagerWorkerInvitePage } from '@/pages/manager/worker-invite'
+import { WorkspaceImageEditPage } from '@/pages/manager/workspace-image-edit'
 import { WorkspaceJoinPage } from '@/pages/user/workspace-join'
 import { NotificationPage } from '@/pages/notification'
 import { NotificationSettingsPage } from '@/pages/notification/settings'
@@ -156,6 +157,10 @@ export function App() {
             path={ROUTES.MANAGER.WORKER_INVITE}
             element={<ManagerWorkerInvitePage />}
           />
+          <Route
+            path={ROUTES.MANAGER.WORKSPACE_IMAGES_EDIT_PATTERN}
+            element={<WorkspaceImageEditPage />}
+          />
         </Route>
 
         <Route element={<MobileRouteLayoutWithDocbar />}>
diff --git a/src/features/manager/workspace-image/api/workspaceImage.ts b/src/features/manager/workspace-image/api/workspaceImage.ts
new file mode 100644
index 0000000..9b4c64e
--- /dev/null
+++ b/src/features/manager/workspace-image/api/workspaceImage.ts
@@ -0,0 +1,23 @@
+import axiosInstance from '@/shared/lib/axiosInstance'
+import type {
+  UpdateWorkspaceImagesRequest,
+  WorkspaceImagesApiResponse,
+} from '@/features/manager/workspace-image/types/workspaceImage'
+
+/** 매니저 - 업장 대표 이미지 목록 조회 */
+export async function fetchWorkspaceImages(
+  workspaceId: number
+): Promise<WorkspaceImagesApiResponse> {
+  const response = await axiosInstance.get<WorkspaceImagesApiResponse>(
+    `/manager/workspaces/${workspaceId}/images`
+  )
+  return response.data
+}
+
+/** 매니저 - 업장 대표 이미지 수정 (전체 교체) */
+export async function updateWorkspaceImages(
+  workspaceId: number,
+  body: UpdateWorkspaceImagesRequest
+): Promise<void> {
+  await axiosInstance.put(`/manager/workspaces/${workspaceId}/images`, body)
+}
diff --git a/src/features/manager/workspace-image/constants/workspaceImage.ts b/src/features/manager/workspace-image/constants/workspaceImage.ts
new file mode 100644
index 0000000..cdc30a2
--- /dev/null
+++ b/src/features/manager/workspace-image/constants/workspaceImage.ts
@@ -0,0 +1,9 @@
+/** 대표 이미지는 최대 5장까지 등록 가능 (백엔드 제약과 동일) */
+export const MAX_WORKSPACE_IMAGE_COUNT = 5
+
+/** 업로드 허용 형식 — JPG, PNG */
+export const WORKSPACE_IMAGE_ACCEPT = 'image/jpeg,image/png'
+export const WORKSPACE_IMAGE_ALLOWED_TYPES = ['image/jpeg', 'image/png']
+
+/** 파일 최대 용량 — 20MB (백엔드 제약과 동일) */
+export const WORKSPACE_IMAGE_MAX_BYTES = 20 * 1024 * 1024
diff --git a/src/features/manager/workspace-image/hooks/useUpdateWorkspaceImagesMutation.ts b/src/features/manager/workspace-image/hooks/useUpdateWorkspaceImagesMutation.ts
new file mode 100644
index 0000000..f89dfde
--- /dev/null
+++ b/src/features/manager/workspace-image/hooks/useUpdateWorkspaceImagesMutation.ts
@@ -0,0 +1,18 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { updateWorkspaceImages } from '@/features/manager/workspace-image/api/workspaceImage'
+import type { UpdateWorkspaceImagesRequest } from '@/features/manager/workspace-image/types/workspaceImage'
+import { queryKeys } from '@/shared/lib/queryKeys'
+
+export function useUpdateWorkspaceImagesMutation(workspaceId: number) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: (body: UpdateWorkspaceImagesRequest) =>
+      updateWorkspaceImages(workspaceId, body),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({
+        queryKey: queryKeys.managerWorkspace.images(workspaceId),
+      })
+    },
+  })
+}
diff --git a/src/features/manager/workspace-image/hooks/useWorkspaceImageEditViewModel.ts b/src/features/manager/workspace-image/hooks/useWorkspaceImageEditViewModel.ts
new file mode 100644
index 0000000..59c3f96
--- /dev/null
+++ b/src/features/manager/workspace-image/hooks/useWorkspaceImageEditViewModel.ts
@@ -0,0 +1,158 @@
+import { useEffect, useRef, useState } from 'react'
+import { uploadAppFile } from '@/shared/api/appFileUpload'
+import { getAxiosErrorMessage } from '@/shared/lib/getAxiosErrorMessage'
+import { useWorkspaceImagesQuery } from '@/features/manager/workspace-image/hooks/useWorkspaceImagesQuery'
+import { useUpdateWorkspaceImagesMutation } from '@/features/manager/workspace-image/hooks/useUpdateWorkspaceImagesMutation'
+import {
+  MAX_WORKSPACE_IMAGE_COUNT,
+  WORKSPACE_IMAGE_ACCEPT,
+  WORKSPACE_IMAGE_ALLOWED_TYPES,
+  WORKSPACE_IMAGE_MAX_BYTES,
+} from '@/features/manager/workspace-image/constants/workspaceImage'
+
+export interface EditableWorkspaceImage {
+  fileId: string
+  /** 서버 URL 또는 새로 추가한 파일의 미리보기 objectURL */
+  url: string
+  isNew: boolean
+}
+
+export function useWorkspaceImageEditViewModel(workspaceId: number) {
+  const { images, isLoading, isError, refetch } =
+    useWorkspaceImagesQuery(workspaceId)
+  const updateMutation = useUpdateWorkspaceImagesMutation(workspaceId)
+
+  const fileInputRef = useRef<HTMLInputElement | null>(null)
+  const [items, setItems] = useState<EditableWorkspaceImage[]>([])
+  const [initialized, setInitialized] = useState(false)
+  const [error, setError] = useState('')
+  const [isUploading, setIsUploading] = useState(false)
+
+  // 서버 데이터를 최초 1회(조회 성공 시에만) 로컬 편집 상태로 복사.
+  // 조회 실패 시 빈 목록으로 초기화하면, 전체 교체 저장으로 기존 이미지가
+  // 삭제될 수 있으므로 isError 동안에는 초기화하지 않는다.
+  useEffect(() => {
+    if (initialized || isLoading || isError) return
+    setItems(
+      images.map(img => ({ fileId: img.fileId, url: img.url, isNew: false }))
+    )
+    setInitialized(true)
+  }, [images, isLoading, isError, initialized])
+
+  // 최초 조회가 실패해 편집할 데이터가 없는 상태(저장 차단 + 재시도 UI용)
+  const isLoadError = isError && !initialized
+
+  // 언마운트 시 새로 추가한 이미지의 objectURL 정리
+  const itemsRef = useRef(items)
+  itemsRef.current = items
+  useEffect(() => {
+    return () => {
+      itemsRef.current.forEach(it => {
+        if (it.isNew) URL.revokeObjectURL(it.url)
+      })
+    }
+  }, [])
+
+  const canAddMore = items.length < MAX_WORKSPACE_IMAGE_COUNT
+
+  const openPicker = () => {
+    setError('')
+    fileInputRef.current?.click()
+  }
+
+  const onFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0]
+    event.target.value = ''
+    if (!file) return
+
+    if (!canAddMore) {
+      setError(
+        `대표 이미지는 최대 ${MAX_WORKSPACE_IMAGE_COUNT}장까지 등록할 수 있어요.`
+      )
+      return
+    }
+    if (!WORKSPACE_IMAGE_ALLOWED_TYPES.includes(file.type)) {
+      setError('JPG, PNG 형식의 이미지만 업로드할 수 있어요.')
+      return
+    }
+    if (file.size > WORKSPACE_IMAGE_MAX_BYTES) {
+      setError('이미지 용량은 20MB를 넘을 수 없어요.')
+      return
+    }
+
+    try {
+      setError('')
+      setIsUploading(true)
+      const fileId = await uploadAppFile({
+        file,
+        targetType: 'WORKSPACE_REPRESENTATIVE_IMAGE',
+        bucketType: 'PUBLIC',
+        scope: 'MANAGER',
+      })
+      setItems(prev => [
+        ...prev,
+        { fileId, url: URL.createObjectURL(file), isNew: true },
+      ])
+    } catch (err) {
+      setError(getAxiosErrorMessage(err, '이미지 업로드에 실패했어요.'))
+    } finally {
+      setIsUploading(false)
+    }
+  }
+
+  const removeImage = (fileId: string) => {
+    setItems(prev => {
+      const target = prev.find(it => it.fileId === fileId)
+      if (target?.isNew) URL.revokeObjectURL(target.url)
+      return prev.filter(it => it.fileId !== fileId)
+    })
+  }
+
+  const setAsMain = (fileId: string) => {
+    setItems(prev => {
+      const index = prev.findIndex(it => it.fileId === fileId)
+      if (index <= 0) return prev
+      const next = [...prev]
+      const [picked] = next.splice(index, 1)
+      next.unshift(picked)
+      return next
+    })
+  }
+
+  const save = async () => {
+    setError('')
+    try {
+      await updateMutation.mutateAsync({
+        images: items.map((it, index) => ({
+          fileId: it.fileId,
+          sortOrder: index,
+        })),
+      })
+      return true
+    } catch (err) {
+      setError(
+        getAxiosErrorMessage(err, '저장에 실패했어요. 다시 시도해 주세요.')
+      )
+      return false
+    }
+  }
+
+  return {
+    items,
+    maxCount: MAX_WORKSPACE_IMAGE_COUNT,
+    canAddMore,
+    fileInputRef,
+    accept: WORKSPACE_IMAGE_ACCEPT,
+    error,
+    isLoading,
+    isLoadError,
+    refetch,
+    isUploading,
+    isSaving: updateMutation.isPending,
+    openPicker,
+    onFileChange,
+    removeImage,
+    setAsMain,
+    save,
+  }
+}
diff --git a/src/features/manager/workspace-image/hooks/useWorkspaceImagesQuery.ts b/src/features/manager/workspace-image/hooks/useWorkspaceImagesQuery.ts
new file mode 100644
index 0000000..e327457
--- /dev/null
+++ b/src/features/manager/workspace-image/hooks/useWorkspaceImagesQuery.ts
@@ -0,0 +1,21 @@
+import { useMemo } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { fetchWorkspaceImages } from '@/features/manager/workspace-image/api/workspaceImage'
+import { queryKeys } from '@/shared/lib/queryKeys'
+
+export function useWorkspaceImagesQuery(workspaceId: number | null) {
+  const { data, isPending, isError, refetch } = useQuery({
+    queryKey: queryKeys.managerWorkspace.images(workspaceId!),
+    queryFn: () => fetchWorkspaceImages(workspaceId!),
+    enabled: workspaceId !== null,
+  })
+
+  const images = useMemo(() => data?.data ?? [], [data])
+
+  return {
+    images,
+    isLoading: isPending && workspaceId !== null,
+    isError,
+    refetch,
+  }
+}
diff --git a/src/features/manager/workspace-image/index.ts b/src/features/manager/workspace-image/index.ts
new file mode 100644
index 0000000..cce145d
--- /dev/null
+++ b/src/features/manager/workspace-image/index.ts
@@ -0,0 +1,10 @@
+export { useWorkspaceImagesQuery } from '@/features/manager/workspace-image/hooks/useWorkspaceImagesQuery'
+export { useUpdateWorkspaceImagesMutation } from '@/features/manager/workspace-image/hooks/useUpdateWorkspaceImagesMutation'
+export { useWorkspaceImageEditViewModel } from '@/features/manager/workspace-image/hooks/useWorkspaceImageEditViewModel'
+export { WorkspaceImageCarousel } from '@/features/manager/workspace-image/ui/WorkspaceImageCarousel'
+export type {
+  WorkspaceImageDto,
+  WorkspaceImagesApiResponse,
+  UpdateWorkspaceImageItem,
+  UpdateWorkspaceImagesRequest,
+} from '@/features/manager/workspace-image/types/workspaceImage'
diff --git a/src/features/manager/workspace-image/types/workspaceImage.ts b/src/features/manager/workspace-image/types/workspaceImage.ts
new file mode 100644
index 0000000..5a062e5
--- /dev/null
+++ b/src/features/manager/workspace-image/types/workspaceImage.ts
@@ -0,0 +1,20 @@
+import type { CommonApiResponse } from '@/shared/types/common'
+
+/** GET /manager/workspaces/{workspaceId}/images 응답 아이템 */
+export interface WorkspaceImageDto {
+  fileId: string
+  url: string
+  sortOrder: number
+}
+
+export type WorkspaceImagesApiResponse = CommonApiResponse<WorkspaceImageDto[]>
+
+/** PUT /manager/workspaces/{workspaceId}/images 요청 아이템 */
+export interface UpdateWorkspaceImageItem {
+  fileId: string
+  sortOrder: number
+}
+
+export interface UpdateWorkspaceImagesRequest {
+  images: UpdateWorkspaceImageItem[]
+}
diff --git a/src/features/manager/workspace-image/ui/WorkspaceImageCarousel.tsx b/src/features/manager/workspace-image/ui/WorkspaceImageCarousel.tsx
new file mode 100644
index 0000000..84d12c5
--- /dev/null
+++ b/src/features/manager/workspace-image/ui/WorkspaceImageCarousel.tsx
@@ -0,0 +1,207 @@
+import { useCallback, useEffect, useState } from 'react'
+import { cn } from '@/shared/lib/utils'
+import { ChevronLeftIcon } from '@/assets/icons/ChevronLeftIcon'
+import { ChevronRightIcon } from '@/assets/icons/ChevronRightIcon'
+import type { WorkspaceImageDto } from '@/features/manager/workspace-image/types/workspaceImage'
+
+interface WorkspaceImageCarouselProps {
+  images: WorkspaceImageDto[]
+  onClose: () => void
+  onEdit: () => void
+}
+
+/**
+ * 업장 대표 이미지 캐러셀 — 홈 카드 탭 시 열리는 전체화면 모달.
+ * 좌·우 화살표/썸네일로 모든 이미지를 넘겨 보고, 편집 버튼으로 수정 화면에 진입.
+ * 열림 상태는 호출부에서 조건부 렌더링으로 제어하므로, 마운트 시 첫 이미지부터 시작한다.
+ */
+export function WorkspaceImageCarousel({
+  images,
+  onClose,
+  onEdit,
+}: WorkspaceImageCarouselProps) {
+  const total = images.length
+  const [index, setIndex] = useState(0)
+
+  const goPrev = useCallback(
+    () => setIndex(i => (i - 1 + total) % total),
+    [total]
+  )
+  const goNext = useCallback(() => setIndex(i => (i + 1) % total), [total])
+
+  // 스크롤 잠금 + 키보드 조작
+  useEffect(() => {
+    const previousOverflow = document.body.style.overflow
+    document.body.style.overflow = 'hidden'
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') onClose()
+      if (event.key === 'ArrowLeft') goPrev()
+      if (event.key === 'ArrowRight') goNext()
+    }
+    window.addEventListener('keydown', handleKeyDown)
+
+    return () => {
+      document.body.style.overflow = previousOverflow
+      window.removeEventListener('keydown', handleKeyDown)
+    }
+  }, [onClose, goPrev, goNext])
+
+  if (total === 0) return null
+
+  // images 길이가 줄어도 카운터·썸네일·점·표시 이미지가 어긋나지 않도록 클램프
+  const safeIndex = Math.min(index, total - 1)
+  const active = images[safeIndex]
+
+  return (
+    <div
+      className="fixed inset-0 z-[80] overflow-hidden"
+      role="dialog"
+      aria-modal="true"
+      aria-label="업장 대표 이미지"
+    >
+      {/* 뒤 배경 — 메인 이미지 블러 */}
+      <img
+        src={images[0].url}
+        alt=""
+        aria-hidden="true"
+        className="absolute inset-0 h-full w-full object-cover blur-sm brightness-50"
+      />
+      <div className="absolute inset-0 flex flex-col bg-black/80">
+        {/* 상단 바 */}
+        <div className="flex h-16 items-center justify-between px-[18px]">
+          <button
+            type="button"
+            aria-label="닫기"
+            onClick={onClose}
+            className="flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white"
+          >
+            <CloseGlyph />
+          </button>
+          <span className="typography-body02-semibold text-white">
+            {safeIndex + 1} / {total}
+          </span>
+          <button
+            type="button"
+            onClick={onEdit}
+            className="flex h-9 items-center gap-1.5 rounded-full bg-white px-3.5 typography-body02-semibold text-text-100"
+          >
+            <EditGlyph /> 편집
+          </button>
+        </div>
+
+        {/* 메인 이미지 */}
+        <div className="relative flex flex-1 items-center justify-center px-4">
+          <img
+            src={active.url}
+            alt="업장 이미지"
+            className="h-[78%] max-h-full w-full max-w-full rounded-2xl object-cover"
+          />
+          {total > 1 && (
+            <>
+              <button
+                type="button"
+                aria-label="이전"
+                onClick={goPrev}
+                className="absolute left-[26px] top-1/2 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full bg-black/45 text-white"
+              >
+                <ChevronLeftIcon width={24} height={24} />
+              </button>
+              <button
+                type="button"
+                aria-label="다음"
+                onClick={goNext}
+                className="absolute right-[26px] top-1/2 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full bg-black/45 text-white"
+              >
+                <ChevronRightIcon width={24} height={24} />
+              </button>
+            </>
+          )}
+        </div>
+
+        {/* 썸네일 + 점 인디케이터 */}
+        <div className="px-[18px] pb-6">
+          <div className="flex gap-2 overflow-x-auto scrollbar-hide pb-3.5">
+            {images.map((image, k) => (
+              <button
+                key={image.fileId}
+                type="button"
+                onClick={() => setIndex(k)}
+                aria-label={`${k + 1}번째 이미지`}
+                className={cn(
+                  'relative h-16 w-16 flex-none overflow-hidden rounded-[10px] border-2',
+                  k === safeIndex ? 'border-main' : 'border-transparent'
+                )}
+              >
+                <img
+                  src={image.url}
+                  alt=""
+                  className="h-full w-full object-cover"
+                />
+                {k === 0 && (
+                  <span className="absolute inset-x-0 bottom-0 bg-main py-0.5 text-center text-[9px] font-bold text-white">
+                    메인
+                  </span>
+                )}
+              </button>
+            ))}
+          </div>
+          <div className="flex justify-center gap-1.5">
+            {images.map((image, k) => (
+              <span
+                key={image.fileId}
+                className={cn(
+                  'h-1.5 rounded-full transition-all',
+                  k === safeIndex ? 'w-[18px] bg-white' : 'w-1.5 bg-white/40'
+                )}
+              />
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+/** 닫기 ✕ 아이콘 (currentColor) */
+function CloseGlyph() {
+  return (
+    <svg
+      width="18"
+      height="18"
+      viewBox="0 0 24 24"
+      fill="none"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <path
+        d="M6 6l12 12M18 6L6 18"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+      />
+    </svg>
+  )
+}
+
+/** 편집 ✎ 아이콘 (currentColor) */
+function EditGlyph() {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 24 24"
+      fill="none"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <path
+        d="M4 20h4l10.5-10.5a2 2 0 0 0-2.83-2.83L5 17v3z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}
diff --git a/src/pages/manager/home/index.tsx b/src/pages/manager/home/index.tsx
index 0dddb14..aeae742 100644
--- a/src/pages/manager/home/index.tsx
+++ b/src/pages/manager/home/index.tsx
@@ -15,10 +15,17 @@ import { OngoingPostingCard } from '@/shared/ui/manager/OngoingPostingCard'
 import { SubstituteApprovalCard } from '@/shared/ui/manager/SubstituteApprovalCard'
 import { MoreButton } from '@/shared/ui/common/MoreButton'
 import { WorkCategoryBadge } from '@/shared/ui/home/WorkCategoryBadge'
-import managerHomeBannerImage from '@/assets/manager-home-banner.jpg'
 import managerHomeBannerListIcon from '@/assets/icons/home/manager-home-banner-list.svg'
 import managerWorkspaceModalPlusIcon from '@/assets/icons/home/manager-workspace-modal-plus.svg'
-import { ROUTES, managerWorkerSchedulePath } from '@/shared/constants/routes'
+import {
+  ROUTES,
+  managerWorkerSchedulePath,
+  managerWorkspaceImagesEditPath,
+} from '@/shared/constants/routes'
+import {
+  useWorkspaceImagesQuery,
+  WorkspaceImageCarousel,
+} from '@/features/manager/workspace-image'
 import { useResignWorkerMutation } from '@/features/manager/worker-list/hooks/mutation/useResignWorkerMutation'
 import { ConfirmModal } from '@/shared/ui/common/ConfirmModal'
 import { Modal } from '@/shared/ui/common/Modal'
@@ -35,6 +42,7 @@ export function ManagerHomePage() {
   const [isResignErrorOpen, setIsResignErrorOpen] = useState(false)
   const [deleteTargetWorker, setDeleteTargetWorker] =
     useState<WorkerListEntry | null>(null)
+  const [isImageCarouselOpen, setIsImageCarouselOpen] = useState(false)
   const {
     todayWorkers,
     storeWorkers,
@@ -62,6 +70,18 @@ export function ManagerHomePage() {
   const { mutate: resignWorker, isPending: isResigning } =
     useResignWorkerMutation(activeWorkspaceId ?? 0)
 
+  const { images: workspaceImages } = useWorkspaceImagesQuery(activeWorkspaceId)
+  const mainImageUrl = workspaceImages[0]?.url
+
+  const handleBannerClick = () => {
+    if (activeWorkspaceId === null) return
+    if (workspaceImages.length > 0) {
+      setIsImageCarouselOpen(true)
+    } else {
+      navigate(managerWorkspaceImagesEditPath(activeWorkspaceId))
+    }
+  }
+
   return (
     <>
       <div className="flex min-h-[100dvh] flex-col box-border bg-bg-light">
@@ -70,14 +90,25 @@ export function ManagerHomePage() {
         </div>
 
         <div className="relative h-[200px] w-full overflow-hidden">
-          <img
-            src={managerHomeBannerImage}
-            alt="가게 배너 이미지"
-            className="h-full w-full object-cover"
-          />
-          <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent to-text-100" />
+          <button
+            type="button"
+            aria-label="업장 대표 이미지 보기"
+            className="absolute inset-0 h-full w-full"
+            onClick={handleBannerClick}
+          >
+            {mainImageUrl ? (
+              <img
+                src={mainImageUrl}
+                alt="가게 배너 이미지"
+                className="h-full w-full object-cover"
+              />
+            ) : (
+              <div className="h-full w-full bg-sub" />
+            )}
+            <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent to-text-100" />
+          </button>
 
-          <div className="absolute bottom-8 left-[20px] text-white">
+          <div className="pointer-events-none absolute bottom-8 left-[20px] text-white">
             <div className="mb-1 flex items-center gap-2">
               <p className="typography-headline01">
                 {workspaceDetail?.businessName ?? ''}
@@ -94,8 +125,8 @@ export function ManagerHomePage() {
 
           <button
             type="button"
-            aria-label="배너 상세 보기"
-            className="absolute bottom-[40px] right-[20px] h-[26px] w-[26px]"
+            aria-label="관리 중인 업장 목록"
+            className="absolute bottom-[40px] right-[20px] z-10 h-[26px] w-[26px]"
             onClick={openWorkspaceChangeModal}
           >
             <img
@@ -275,6 +306,18 @@ export function ManagerHomePage() {
         </div>
       </div>
 
+      {isImageCarouselOpen && (
+        <WorkspaceImageCarousel
+          images={workspaceImages}
+          onClose={() => setIsImageCarouselOpen(false)}
+          onEdit={() => {
+            if (activeWorkspaceId === null) return
+            setIsImageCarouselOpen(false)
+            navigate(managerWorkspaceImagesEditPath(activeWorkspaceId))
+          }}
+        />
+      )}
+
       <ConfirmModal
         isOpen={resignTargetWorkerId !== null}
         title="퇴사 처리하시겠어요?"
diff --git a/src/pages/manager/workspace-image-edit/index.tsx b/src/pages/manager/workspace-image-edit/index.tsx
new file mode 100644
index 0000000..576dd61
--- /dev/null
+++ b/src/pages/manager/workspace-image-edit/index.tsx
@@ -0,0 +1,246 @@
+import { useNavigate, useParams } from 'react-router-dom'
+import { Navbar } from '@/shared/ui/common/Navbar'
+import { Spinner } from '@/shared/ui/Spinner'
+import { useWorkspaceImageEditViewModel } from '@/features/manager/workspace-image'
+import { ROUTES } from '@/shared/constants/routes'
+
+export function WorkspaceImageEditPage() {
+  const navigate = useNavigate()
+  const { workspaceId: workspaceIdParam } = useParams()
+  const workspaceId = Number(workspaceIdParam)
+  const isValidWorkspace = Number.isFinite(workspaceId) && workspaceId > 0
+
+  const goHome = () => navigate(ROUTES.MANAGER.HOME)
+
+  if (!isValidWorkspace) {
+    return (
+      <div className="flex min-h-[100dvh] flex-col bg-white">
+        <Navbar
+          variant="detail"
+          title="대표 이미지 수정"
+          onBackClick={goHome}
+        />
+        <div className="flex flex-1 items-center justify-center px-4">
+          <p className="typography-body02-regular text-text-70">
+            업장 정보를 찾을 수 없습니다.
+          </p>
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <WorkspaceImageEditContent workspaceId={workspaceId} onClose={goHome} />
+  )
+}
+
+function WorkspaceImageEditContent({
+  workspaceId,
+  onClose,
+}: {
+  workspaceId: number
+  onClose: () => void
+}) {
+  const {
+    items,
+    maxCount,
+    canAddMore,
+    fileInputRef,
+    accept,
+    error,
+    isLoading,
+    isLoadError,
+    refetch,
+    isUploading,
+    isSaving,
+    openPicker,
+    onFileChange,
+    removeImage,
+    setAsMain,
+    save,
+  } = useWorkspaceImageEditViewModel(workspaceId)
+
+  const handleSave = async () => {
+    const ok = await save()
+    if (ok) onClose()
+  }
+
+  return (
+    <div className="flex min-h-[100dvh] flex-col bg-white">
+      <Navbar variant="detail" title="대표 이미지 수정" onBackClick={onClose} />
+
+      <input
+        ref={fileInputRef}
+        type="file"
+        accept={accept}
+        className="hidden"
+        onChange={onFileChange}
+      />
+
+      <div className="flex-1 overflow-y-auto px-5 py-5">
+        {isLoading ? (
+          <div className="flex justify-center py-16">
+            <Spinner />
+          </div>
+        ) : isLoadError ? (
+          <div
+            className="flex flex-col items-center justify-center gap-2 py-16 text-center"
+            role="alert"
+          >
+            <p className="typography-body01-semibold text-text-100">
+              대표 이미지를 불러오지 못했어요
+            </p>
+            <p className="max-w-[240px] typography-body02-regular text-text-70">
+              네트워크 연결을 확인한 뒤 다시 시도해 주세요.
+            </p>
+            <button
+              type="button"
+              onClick={() => refetch()}
+              className="mt-3.5 h-12 rounded-xl border border-line-2 bg-white px-6 typography-body02-semibold text-text-90"
+            >
+              다시 시도
+            </button>
+          </div>
+        ) : (
+          <>
+            <p className="mb-1.5 typography-body02-regular text-text-50">
+              등록된 대표 이미지 <b className="text-main">{items.length}</b>장
+            </p>
+            <p className="mb-[18px] typography-body02-regular text-text-50">
+              첫 번째 이미지가 홈 카드의 메인으로 노출됩니다.
+            </p>
+
+            <div className="grid grid-cols-2 gap-3">
+              {/* 추가 타일 */}
+              {canAddMore && (
+                <button
+                  type="button"
+                  onClick={openPicker}
+                  disabled={isUploading}
+                  className="flex aspect-square flex-col items-center justify-center gap-2 rounded-xl border border-dashed border-line-2 bg-bg-light text-text-50 disabled:opacity-60"
+                >
+                  <span className="leading-none text-main">
+                    {isUploading ? <Spinner size={28} /> : <PlusGlyph />}
+                  </span>
+                  <span className="typography-body02-semibold">
+                    {isUploading ? '업로드 중' : '이미지 업로드'}
+                  </span>
+                </button>
+              )}
+
+              {items.map((image, index) => (
+                <div
+                  key={image.fileId}
+                  className="relative aspect-square overflow-hidden rounded-xl bg-bg-light"
+                >
+                  <img
+                    src={image.url}
+                    alt=""
+                    className="h-full w-full object-cover"
+                  />
+                  <button
+                    type="button"
+                    aria-label="제거"
+                    onClick={() => removeImage(image.fileId)}
+                    className="absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-black/60 text-white"
+                  >
+                    <CloseGlyph />
+                  </button>
+                  {index === 0 ? (
+                    <span className="absolute bottom-2 left-2 inline-flex h-[22px] items-center rounded-full bg-main px-[9px] text-0 font-bold text-white">
+                      메인
+                    </span>
+                  ) : (
+                    <button
+                      type="button"
+                      onClick={() => setAsMain(image.fileId)}
+                      className="absolute bottom-2 left-1/2 inline-flex h-[26px] -translate-x-1/2 items-center rounded-full bg-black/60 px-3 text-0 font-semibold text-white"
+                    >
+                      메인으로 설정
+                    </button>
+                  )}
+                </div>
+              ))}
+            </div>
+
+            {error && (
+              <p
+                role="alert"
+                className="mt-3 typography-body02-regular text-error"
+              >
+                {error}
+              </p>
+            )}
+
+            <p className="mt-[18px] typography-body03-regular text-text-50">
+              JPG, PNG 형식 · 최대 {maxCount}장까지 등록할 수 있어요. ‘메인으로
+              설정’을 누르면 홈 카드에 노출되는 메인 이미지를 변경할 수
+              있습니다.
+            </p>
+          </>
+        )}
+      </div>
+
+      {/* 푸터 */}
+      <div className="flex gap-2.5 border-t border-line-2 px-5 pb-6 pt-3.5">
+        <button
+          type="button"
+          onClick={onClose}
+          className="h-[52px] w-24 flex-none rounded-xl bg-bg-dark typography-body01-semibold text-text-90"
+        >
+          취소
+        </button>
+        <button
+          type="button"
+          onClick={handleSave}
+          disabled={isSaving || isUploading || isLoading || isLoadError}
+          className="h-[52px] flex-1 rounded-xl bg-main typography-body01-semibold text-white disabled:opacity-60"
+        >
+          {isSaving ? '저장 중…' : '저장'}
+        </button>
+      </div>
+    </div>
+  )
+}
+
+/** 추가 타일의 + 아이콘 (currentColor) */
+function PlusGlyph() {
+  return (
+    <svg
+      width="28"
+      height="28"
+      viewBox="0 0 24 24"
+      fill="none"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <path
+        d="M12 5v14M5 12h14"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+      />
+    </svg>
+  )
+}
+
+/** 이미지 제거 버튼의 ✕ 아이콘 (currentColor) */
+function CloseGlyph() {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 24 24"
+      fill="none"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <path
+        d="M6 6l12 12M18 6L6 18"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+      />
+    </svg>
+  )
+}
diff --git a/src/shared/api/appFileUpload.ts b/src/shared/api/appFileUpload.ts
index d30b73e..4c3dfca 100644
--- a/src/shared/api/appFileUpload.ts
+++ b/src/shared/api/appFileUpload.ts
@@ -8,6 +8,7 @@ export type AppFileUploadTargetType =
   | 'USER_CERTIFICATE'
   | 'POSTING'
   | 'WORKSPACE'
+  | 'WORKSPACE_REPRESENTATIVE_IMAGE'
   | 'WORKSPACE_CERTIFICATE'
   | 'WORKSPACE_OWN_IDENTITY'
   | 'WORKSPACE_WARRANT'
diff --git a/src/shared/constants/routes.ts b/src/shared/constants/routes.ts
index fb55540..ee395b4 100644
--- a/src/shared/constants/routes.ts
+++ b/src/shared/constants/routes.ts
@@ -30,6 +30,8 @@ export const ROUTES = {
     WORKER_SCHEDULE: '/manager/worker-schedule',
     WORKER_SCHEDULE_PATTERN:
       '/manager/workspaces/:workspaceId/workers/:workerId/schedule',
+    WORKSPACE_IMAGES_EDIT_PATTERN:
+      '/manager/workspaces/:workspaceId/images/edit',
     STORE_REGISTER: '/manager/store-register',
     SUBSTITUTE_REQUEST: '/manager/substitute-request',
     WORKER_INVITE: '/manager/worker-invite',
@@ -66,3 +68,7 @@ export function managerWorkerSchedulePath(
 ) {
   return `/manager/workspaces/${workspaceId}/workers/${workerId}/schedule`
 }
+
+export function managerWorkspaceImagesEditPath(workspaceId: number) {
+  return `/manager/workspaces/${workspaceId}/images/edit`
+}
diff --git a/src/shared/lib/queryKeys.ts b/src/shared/lib/queryKeys.ts
index e4cadb3..4437c6a 100644
--- a/src/shared/lib/queryKeys.ts
+++ b/src/shared/lib/queryKeys.ts
@@ -44,6 +44,8 @@ export const queryKeys = {
         workspaceId,
         workerId,
       ] as const,
+    images: (workspaceId: number) =>
+      ['managerWorkspace', 'images', workspaceId] as const,
   },
   posting: {
     list: (params?: {