Merge branch 'main' of https://www.onasys.co.kr:3000/ONAANDALL/frontend

Table Cpation 처리
DataTable Caption 추가
2026-10-11 13:27:16 +09:00 · 2026-10-11 13:16:56 +09:00 · 2026-10-11 12:58:04 +09:00 · 2026-10-08 13:29:37 +09:00 · 2026-10-07 21:42:43 +09:00 · 2026-10-07 19:43:06 +09:00
159 changed files with 1635 additions and 496 deletions
@@ -76,7 +76,7 @@ function AprvrPickerDialog({ open, onOpenChange, atrzSeComCd, onSelect }: AprvrP
              배치된 검토인력이 없습니다.
            </p>
          ) : (
-            <Table className="w-full">
+            <Table caption="검토인력 선택 목록으로 성명, 부서, 직위, 직급, 선택 정보 제공" className="w-full">
              <colgroup>
                <col width="25%" />
                <col width="25%" />
@@ -162,7 +162,7 @@ function ElaprAplnPickerGrid({
        </p>
      ) : (
        <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
-          <Table className="w-full">
+          <Table caption="결재선 관리 목록으로 결재순서, 결재구분, 결재자, 관리 정보 제공" className="w-full">
            <colgroup>
              <col width="10%" />
              <col width="10%" />
@@ -315,7 +315,7 @@ function ElaprApprovalDialog({
                collisionDetection={closestCenter}
                onDragEnd={handleDragEnd}
              >
-                <Table className="w-full">
+                <Table caption="결재 진행 단계 목록으로 결재순서, 결재구분, 결재자, 전결자 지정, 결재상태, 관리 정보 제공" className="w-full">
                  <colgroup>
                    <col width="8%" />
                    <col width="8%" />
@@ -66,6 +66,7 @@ function ElaprTmpltSelectTable({
      getCoreRowModel: getCoreRowModel(),
    },
    dataTableOptions: {
+      caption: "전자결재서식 목록으로 결재서식명 정보 제공",
      onRowClick: (row) => {
        setRowSelection({ [row.elaprTmpltId]: true });
        onSelectTmplt(row);
@@ -73,7 +73,7 @@ function AprvrPickerDialog({
              배치된 검토인력이 없습니다.
            </p>
          ) : (
-            <Table className="w-full">
+            <Table caption="검토인력 선택 목록으로 성명, 부서, 직위, 직급, 선택 정보 제공" className="w-full">
              <colgroup>
                <col width="25%" />
                <col width="25%" />
@@ -185,7 +185,7 @@ function ElaprAplnGrid({ elaprTmpltId }: ElaprAplnGridProps) {
        </p>
      ) : (
        <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
-          <Table className="w-full">
+          <Table caption="결재선 관리 목록으로 결재순서, 결재구분, 결재자 ID, 결재자, 등록일시, 관리 정보 제공" className="w-full">
            <colgroup>
              <col width="5%" />
              <col width="10%" />
@@ -90,6 +90,7 @@ function ElaprTmpltList({ selectedTmpltId, onSelectTmplt }: ElaprTmpltListProps)
      getCoreRowModel: getCoreRowModel(),
    },
    dataTableOptions: {
+      caption: "전자결재선 관리 목록으로 결재서식명, 문서구분, 등록일시, 관리 정보 제공",
      onRowClick: (row) => {
        setRowSelection({ [row.elaprTmpltId]: true });
        onSelectTmplt(row);
@@ -67,7 +67,12 @@ function CklstArtclList({ cklstSn }: CklstArtclListProps) {
      </div>
    ),
    Empty: <NoData />,
-    Success: () => <DataTable table={table} />,
+    Success: () => (
+      <DataTable
+        table={table}
+        caption="점검항목 관리 목록으로 점검항목코드, 점검항목명, 사용여부, 등록일시, 관리 정보 제공"
+      />
+    ),
  });

  const handleFormSubmit = async (values: CklstArtclFormValues) => {
@@ -83,6 +83,7 @@ function CklstMngList({ selectedCklstSn, onSelectCklst }: CklstMngListProps) {
      getCoreRowModel: getCoreRowModel(),
    },
    dataTableOptions: {
+      caption: "점검표 관리 목록으로 점검표일련번호, 점검표명, 문서구분, 업무구분, 사용여부, 등록일시, 관리 정보 제공",
      onRowClick: (row) => {
        setRowSelection({ [String(row.cklstSn)]: true });
        onSelectCklst(row);
@@ -51,7 +51,7 @@ function CklstPreviewDialog({
        {displayRows.length === 0 ? (
          <p className="py-6 text-center text-muted-foreground">표시할 항목이 없습니다.</p>
        ) : (
-          <Table>
+          <Table caption={`체크리스트 미리보기 ${cklstNm} 목록으로 점검항목, 주요 검토내용, 검토 여부 정보 제공`}>
            <colgroup>
              <col width="25%" />
              <col width="50%" />
@@ -277,7 +277,7 @@ function CklstRvwGrid({ selectedCklst }: CklstRvwGridProps) {
          등록된 항목이 없습니다. [추가]로 1단계 항목을 등록하세요.
        </p>
      ) : (
-        <Table className="w-full">
+        <Table caption="체크리스트 항목 목록으로 점검항목, 주요 검토내용, 사용 여부, 체크 사용, 정렬 순서, 구분, 관리 정보 제공" className="w-full">
          <colgroup>
            <col width="16%" />
            <col width="36%" />
@@ -103,7 +103,7 @@ function AcntgCodeTabPanel() {
        </p>
      ) : (
        <div className="max-h-[60rem] overflow-y-auto px-4 pb-4 pt-1">
-          <Table className="w-full">
+          <Table caption="회계코드 목록으로 코드, 코드명, 설명, 사용 여부, 정렬순서, 구분, 관리 정보 제공" className="w-full">
            <colgroup>
              <col width="14%" />
              <col width="16%" />
@@ -103,7 +103,7 @@ function CnstpCodeTabPanel() {
        </p>
      ) : (
        <div className="max-h-[60rem] overflow-y-auto px-4 pb-4 pt-1">
-          <Table className="w-full">
+          <Table caption="공사코드 목록으로 코드, 코드명, 설명, 숫자 여부, 소숫점 단위, 사용 여부, 정렬순서, 구분, 관리 정보 제공" className="w-full">
            <colgroup>
              <col width="14%" />
              <col width="16%" />
@@ -103,7 +103,7 @@ function FnrsSharCodeTabPanel() {
        </p>
      ) : (
        <div className="max-h-[60rem] overflow-y-auto px-4 pb-4 pt-1">
-          <Table className="w-full">
+          <Table caption="재원분담구분코드 목록으로 코드, 코드명, 설명, 사용 여부, 정렬순서, 구분, 관리 정보 제공" className="w-full">
            <colgroup>
              <col width="14%" />
              <col width="16%" />
@@ -155,7 +155,7 @@
 }

 .basinLabel.active {
-  background: #006bf8;
+  background: #0056b3;
  color: #fff;
  border-color: #96c3ff;
  box-shadow: 0 4px 12px rgba(0, 107, 248, 0.3);
@@ -40,18 +40,18 @@ export function DashboardNotiList({
  );

  return (
-    <section className="card card-border m-0 bg-background">
+    <section className="card card-border m-0 bg-[#FAFBFC]">
      <div className="card-header flex items-center justify-between gap-4">
        <h3 className="text-2xl font-semibold">
          알림이력
          {dataUpdatedAt > 0 ? (
-            <span className="pl-2 text-lg font-medium text-muted-foreground">
+            <span className="pl-2 text-lg font-medium text-[#4A4A4A]">
              (업데이트 일시: {dayjs(dataUpdatedAt).format("YYYY-MM-DD HH:mm")})
            </span>
          ) : null}
        </h3>
        <div className="flex items-center gap-4">
-          <Button type="button" size="sm" color="white" onClick={() => router.push("/nti-hstry")}>
+          <Button type="button" size="sm" color="white" className="!text-[#0056B3]" onClick={() => router.push("/nti-hstry")}>
            전체보기
          </Button>
        </div>
@@ -60,7 +60,7 @@ export function DashboardNotiList({
      <div className="flex flex-col gap-4 p-2">
        <div className="flex flex-wrap gap-2 pt-2">
          {NOTI_STAT_CHIPS.map((chip) => (
-            <Badge key={chip.field} color={chip.color}>
+            <Badge key={chip.field} color={chip.color} className={chip.className}>
              {chip.label} {isPending ? "-" : (notiStats?.[chip.field] ?? 0)}건
            </Badge>
          ))}
@@ -75,7 +75,7 @@ export function DashboardNotiList({
        ) : null}

        {isError ? (
-          <p className="flex min-h-[12rem] items-center justify-center text-muted-foreground">
+          <p className="flex min-h-[12rem] items-center justify-center text-[#4A4A4A]">
            알림이력을 불러오지 못했습니다.
          </p>
        ) : null}
@@ -110,11 +110,11 @@ interface DashboardNotiRowProps {
 function DashboardNotiRow({ row, isActionPending, onAction }: DashboardNotiRowProps) {
  return (
    <div className="grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-4 border-b px-2 py-4 last:border-b-0">
-      <span className="text-lg text-muted-foreground">
+      <span className="text-lg text-[#4A4A4A]">
        {row.regDt ? dayjs(row.regDt).format("YYYY-MM-DD") : "-"}
      </span>
      <p className="min-w-0 line-clamp-2 text-xl sm:line-clamp-1">{row.notiTtl}</p>
-      <Button type="button" size="sm" color="white" disabled={isActionPending} onClick={onAction}>
+      <Button type="button" size="sm" color="white" className="!text-[#0056B3]" disabled={isActionPending} onClick={onAction}>
        처리하기
      </Button>
    </div>
@@ -137,7 +137,7 @@ function resolveNotiUrl(row: NotiAsUserResponseDto) {
 }

 const NOTI_STAT_CHIPS = [
-  { field: "todayCount", label: "오늘", color: "green" },
-  { field: "delayCount", label: "지연", color: "orange" },
-  { field: "pendingCount", label: "완료대기", color: "gray" },
+  { field: "todayCount", label: "오늘", color: "green", className: "!bg-[#188038]" },
+  { field: "delayCount", label: "지연", color: "orange", className: "!bg-[#C5221F]" },
+  { field: "pendingCount", label: "완료대기", color: "gray", className: "!bg-[#5F6368]" },
 ] as const;
@@ -39,16 +39,17 @@ export function DashboardNoticeTable() {
      getCoreRowModel: getCoreRowModel(),
    },
    dataTableOptions: {
+      caption: "공지사항 목록으로 번호, 제목, 작성자, 작성일, 조회수 정보 제공",
      variant: "line",
      onRowClick: handleRowClick,
    },
  });

  return (
-    <section className="card card-border m-0 bg-background">
+    <section className="card card-border m-0 bg-[#FAFBFC]">
      <div className="card-header flex items-center justify-between">
        <h3 className="text-2xl font-semibold">공지사항</h3>
-        <Button type="button" size="sm" color="white" onClick={handleMoreClick}>
+        <Button type="button" size="sm" color="white" className="!text-[#0056B3]" onClick={handleMoreClick}>
          더보기
        </Button>
      </div>
@@ -11,7 +11,7 @@ export function DashboardPage() {
  const { data, isPending, isError, dataUpdatedAt } = useGetMainDashboard();

  return (
-    <div className="mt-4 flex gap-4 px-[1.8rem] pb-6">
+    <div className="flex min-h-full gap-4 bg-[#E9EDF2] px-[1.8rem] pb-6 pt-4 text-[#1E1E1E]">
      <div className="hidden flex-[0.5] sm:block">
        <NationalAsMap basinDocPrgrsList={data?.basinDocPrgrsList} />
      </div>
@@ -24,7 +24,7 @@ export function DocPrgrsSttsCards({ items, isPending, isError }: DocPrgrsSttsCar

  if (isError) {
    return (
-      <div className="card card-border m-0 flex min-h-[14rem] items-center justify-center bg-background text-muted-foreground">
+      <div className="card card-border m-0 flex min-h-[14rem] items-center justify-center bg-[#FAFBFC] text-[#4A4A4A]">
        진행상황을 불러오지 못했습니다.
      </div>
    );
@@ -39,7 +39,7 @@ export function DocPrgrsSttsCards({ items, isPending, isError }: DocPrgrsSttsCar
        return (
          <div
            key={slot.docSeComCd}
-            className="card card-border hover:bg-muted/40 m-0 block bg-background transition-colors"
+            className="card card-border hover:bg-muted/40 m-0 block bg-[#FAFBFC] transition-colors"
          >
            <div className="card-header">
              <h3 className="text-2xl font-semibold">{slot.title}</h3>
@@ -90,7 +90,7 @@ function DocPrgrsSttsMetric({
      >
        <Icon className="size-6" />
      </span>
-      <span className="text-xl text-muted-foreground">{label}</span>
+      <span className="text-xl text-[#4A4A4A]">{label}</span>
      <span className="text-3xl font-semibold tabular-nums">{count}</span>
    </div>
  );
@@ -107,21 +107,21 @@ const STAT_METRICS = [
  {
    field: "reqCnt",
    label: "신청",
-    iconClassName: "bg-blue-500",
+    iconClassName: "bg-[#4285F4]",
    bgColor: "bg-blue-100",
    Icon: FilePlus,
  },
  {
    field: "prgrsCnt",
    label: "진행",
-    iconClassName: "bg-emerald-500",
+    iconClassName: "bg-[#34A853]",
    bgColor: "bg-emerald-100",
    Icon: RefreshCw,
  },
  {
    field: "cmptnCnt",
    label: "완료",
-    iconClassName: "bg-orange-500",
+    iconClassName: "bg-[#EA4335]",
    bgColor: "bg-orange-100",
    Icon: CircleCheck,
  },
@@ -18,7 +18,7 @@ export function NationalAsMap({ basinDocPrgrsList }: NationalAsMapProps) {
  const popupColumnSpan = Math.max(1, popupContent.items.length);

  return (
-    <section className="card card-border m-0 flex h-full min-h-[40rem] flex-col bg-background">
+    <section className="card card-border m-0 flex h-full min-h-[40rem] flex-col bg-[#FAFBFC]">
      <div className="card-header">
        <h3 className="text-2xl font-semibold">전국 행정지원 지도</h3>
      </div>
@@ -165,8 +165,11 @@ function DesignFormPage({ mode, initialData, createDefaults }: DesignFormPagePro
    <FormProvider {...form}>
      <form onSubmit={form.handleSubmit(onSave)} className="mt-6 space-y-4">
        <SectionCollapsibleGroup>
-          <div className="sticky top-[6rem] z-30 bg-container px-4 py-2">
+          <div className="sticky top-[6rem] z-30 flex items-center justify-between bg-container px-4 py-2">
            <SectionCollapsibleToggle />
+            <p className="text-sm text-muted-foreground">
+              <span className="text-red-600">*</span>은 필수입력 항목입니다.
+            </p>
          </div>
          <div className="space-y-4">
            {initialData?.detDto?.designCnstnDocNo && (
@@ -59,6 +59,7 @@ function DesignList({ searchParams, pagination, onPaginationChange }: DesignList
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "설계자문 목록으로 시도, 시군구, 사업명, 업무구분, 담당자, 해당기관, 진행상황, 신청일 정보 제공",
      viewPagination: true,
      onRowClick: handleRowClick,
    },
@@ -36,7 +36,7 @@ function BasicInfoFormSection() {

  return (
    <SectionCollapsible title="기본 정보">
-      <Table variant="secondary">
+      <Table caption="기본 정보 입력으로 사업명, 사업기간, 사업내용, 구분, 신청 지자체 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -45,7 +45,7 @@ function BasicInfoFormSection() {
        </colgroup>
        <TableHeader>
          <TableRow>
-            <TableHead className="w-[20rem]" data-required>
+            <TableHead scope="row" className="w-[20rem]" data-required>
              사업명
            </TableHead>
            <TableCell colSpan={3}>
@@ -73,7 +73,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>사업기간</TableHead>
+            <TableHead scope="row" data-required>사업기간</TableHead>
            <TableCell colSpan={3}>
              <FieldGroup className="flex-row items-center gap-2">
                <Controller
@@ -117,7 +117,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>사업내용</TableHead>
+            <TableHead scope="row" data-required>사업내용</TableHead>
            <TableCell colSpan={3}>
              <Controller
                name="designCnstnMng.bizCn"
@@ -137,9 +137,9 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>구분</TableHead>
+            <TableHead scope="row" data-required>구분</TableHead>
            <TableCell>{taskSeComCdLabel}</TableCell>
-            <TableHead>신청 지자체</TableHead>
+            <TableHead scope="row">신청 지자체</TableHead>
            <TableCell>{localGovLabel}</TableCell>
          </TableRow>
        </TableHeader>
@@ -11,7 +11,7 @@ interface BasicInfoSectionProps {
 function BasicInfoSection({ det }: BasicInfoSectionProps) {
  return (
    <SectionCollapsible title="기본 정보">
-      <Table variant="secondary">
+      <Table caption="기본 정보로 사업명, 사업기간, 사업내용, 환경청구분, 구분, 신청지자체 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -13,7 +13,7 @@ function BusinessScaleSection({ bizSclList }: BusinessScaleSectionProps) {
  return (
    <SectionCollapsible title="사업규모">
      <div className="overflow-x-auto">
-        <Table variant="secondary">
+        <Table caption="사업규모 목록으로 구분, 기본계획(A), 예산반영(B), 금회설계시(C), 증감(C-B) 정보 제공" variant="secondary">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[30rem]">구분</TableHead>
@@ -36,7 +36,7 @@ function BusinessScaleSection({ bizSclList }: BusinessScaleSectionProps) {

                return (
                  <TableRow key={node.cnstpSeCd}>
-                    <TableHead className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
+                    <TableHead scope="row" className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
                      {node.cnstpSeCdNm}
                    </TableHead>
                    <TableCell>
@@ -11,21 +11,21 @@ interface ContactInfoSectionProps {
 function ContactInfoSection({ det }: ContactInfoSectionProps) {
  return (
    <SectionCollapsible title="담당자 정보">
-      <Table variant="secondary">
+      <Table caption="담당자 정보로 신청자, 이름, 연락처, 소속, 이메일, 설계자, 이름, 연락처, 소속, 이메일 정보 제공" variant="secondary">
        <TableHeader>
          {det.aplcntNm && (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>신청자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>신청자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{det.aplcntNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{det.aplcntMblTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{det.aplcntOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{det.aplcntEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -33,16 +33,16 @@ function ContactInfoSection({ det }: ContactInfoSectionProps) {
          {det.dsgnrNm && (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>설계자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>설계자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{det.dsgnrNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{det.dsgnrTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{det.dsgnrOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{det.dsgnrEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -180,10 +180,10 @@ const TechReviewOpinionSection = forwardRef<
    return (
      <div className="space-y-2">
        <h4 className="text-xl font-semibold">검토의견 작성</h4>
-        <Table variant="secondary">
+        <Table caption="검토의견 작성으로 의견내용, 검토결과, 첨부파일 정보 제공" variant="secondary">
          <TableHeader>
            <TableRow>
-              <TableHead className="w-[12rem]">의견내용</TableHead>
+              <TableHead scope="row" className="w-[12rem]">의견내용</TableHead>
              <TableCell>
                <Textarea
                  value={formData.rvwRsltCn}
@@ -197,7 +197,7 @@ const TechReviewOpinionSection = forwardRef<
              </TableCell>
            </TableRow>
            <TableRow>
-              <TableHead>검토결과</TableHead>
+              <TableHead scope="row">검토결과</TableHead>
              <TableCell>
                <FieldSet>
                  <RadioGroup
@@ -234,7 +234,7 @@ const TechReviewOpinionSection = forwardRef<
              </TableCell>
            </TableRow>
            <TableRow>
-              <TableHead>첨부파일</TableHead>
+              <TableHead scope="row">첨부파일</TableHead>
              <TableCell>
                {uploadedFile ? (
                  <div className="flex items-center gap-2">
@@ -289,7 +289,7 @@ const TechReviewOpinionSection = forwardRef<
 function TechReviewOpinionTable({ items }: TechReviewOpinionTableProps) {
  return (
    <div className="overflow-x-auto">
-      <Table variant="secondary">
+      <Table caption="검토의견 목록으로 의견자명, 의견내용, 검토결과, 첨부파일, 등록일시 정보 제공" variant="secondary">
        <colgroup>
          <col width="10%" />
          <col width="55%" />
@@ -100,6 +100,7 @@ function EsntlAtchFileList({
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "필수첨부파일 목록으로 필수첨부파일아이디, 문서구분, 필수첨부파일명, 필수첨부여부, 비고, 양식 내려받기, 관리 정보 제공",
      viewPagination: true,
    },
  });
@@ -53,7 +53,7 @@ function ChecklistTaskPanel({
  return (
    <>
      <div className="overflow-x-auto">
-        <Table variant="secondary">
+        <Table caption={`체크리스트 목록으로 검토항목, 주요 검토내용, 검토 결과${selectedReviewStep !== "LOCAL" ? ", 기술검토 의견" : ""} 정보 제공`} variant="secondary">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[20rem]" rowSpan={2}>
@@ -115,6 +115,7 @@ function FileVrfcSplmntDialog({
      getCoreRowModel: getCoreRowModel(),
    },
    dataTableOptions: {
+      caption: "파일보완 목록으로 선택, 파일유형, 파일구분, 검증내역 정보 제공",
      viewPagination: false,
    },
  });
@@ -42,7 +42,7 @@ function PwrkCnsltnDocPjtcoAjmtTable({
  }

  return (
-    <Table variant="secondary">
+    <Table caption="금액검증결과 목록으로 구분, 검증결과, 검증금액 정보 제공" variant="secondary">
      <colgroup>
        <col width="30%" />
        <col width="50%" />
@@ -157,7 +157,7 @@ function CnsltnListTable({
  const isSomeSelected = selectedCount > 0 && !isAllSelected;

  return (
-    <Table variant="secondary">
+    <Table caption="검토 결과 조회 목록으로 선택, 구분, 검토의견 정보 제공" variant="secondary">
      <colgroup>
        <col width="4%" />
        <col width="4%" />
@@ -248,8 +248,11 @@ function FnrsFormPage({ mode, initialData, createDefaults }: FnrsFormPageProps)
    <FormProvider {...form}>
      <form onSubmit={form.handleSubmit(onSave)} className="mt-4">
        <SectionCollapsibleGroup>
-          <div className="sticky top-[6rem] z-30 bg-container px-4 py-2">
+          <div className="sticky top-[6rem] z-30 flex items-center justify-between bg-container px-4 py-2">
            <SectionCollapsibleToggle />
+            <p className="text-sm text-muted-foreground">
+              <span className="text-red-600">*</span>은 필수입력 항목입니다.
+            </p>
          </div>
          <div className="space-y-4">
            {initialData?.detDto?.fnrsCnsltnDocNo && (
@@ -59,6 +59,7 @@ function FnrsList({ searchParams, pagination, onPaginationChange }: FnrsListProp
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "재원협의 목록으로 시도, 시군구, 사업명, 업무구분, 담당자, 해당기관, 진행상황, 신청일 정보 제공",
      viewPagination: true,
      onRowClick: handleRowClick,
    },
@@ -49,7 +49,7 @@ function BasicInfoFormSection() {

  return (
    <SectionCollapsible title="기본 정보">
-      <Table variant="secondary">
+      <Table caption="기본 정보 입력으로 사업명, 사업기간, 사업내용, 구분, 신청 지자체, 시설종류, 재이용용도 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -58,7 +58,7 @@ function BasicInfoFormSection() {
        </colgroup>
        <TableHeader>
          <TableRow>
-            <TableHead className="w-[20rem]" data-required>
+            <TableHead scope="row" className="w-[20rem]" data-required>
              사업명
            </TableHead>
            <TableCell colSpan={3}>
@@ -86,7 +86,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>사업기간</TableHead>
+            <TableHead scope="row" data-required>사업기간</TableHead>
            <TableCell colSpan={3}>
              <FieldGroup className="flex-row items-center gap-2">
                <Controller
@@ -130,7 +130,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>사업내용</TableHead>
+            <TableHead scope="row" data-required>사업내용</TableHead>
            <TableCell colSpan={3}>
              <Controller
                name="fnrsCnsltnMng.bizCn"
@@ -150,15 +150,15 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>구분</TableHead>
+            <TableHead scope="row" data-required>구분</TableHead>
            <TableCell>{taskSeComCdLabel}</TableCell>
-            <TableHead>신청 지자체</TableHead>
+            <TableHead scope="row">신청 지자체</TableHead>
            <TableCell>{localGovLabel}</TableCell>
          </TableRow>
          {taskSeComCd.includes("RE") && (
            <>
              <TableRow>
-                <TableHead>시설종류</TableHead>
+                <TableHead scope="row">시설종류</TableHead>
                <TableCell colSpan={3}>
                  <Controller
                    name="fnrsCnsltnMng.rtlztnFcltSeComCd"
@@ -198,7 +198,7 @@ function BasicInfoFormSection() {
                </TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>재이용용도</TableHead>
+                <TableHead scope="row">재이용용도</TableHead>
                <TableCell colSpan={3}>
                  <Controller
                    name="fnrsCnsltnMng.rtlztnUsgSeComCd"
@@ -11,7 +11,7 @@ interface BasicInfoSectionProps {
 function BasicInfoSection({ det }: BasicInfoSectionProps) {
  return (
    <SectionCollapsible title="기본 정보">
-      <Table variant="secondary">
+      <Table caption="기본 정보로 사업명, 사업기간, 사업내용, 환경청구분, 구분, 신청지자체, 확정예산사업번호, 예산신청연도 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -20,31 +20,31 @@ function BasicInfoSection({ det }: BasicInfoSectionProps) {
        </colgroup>
        <TableHeader>
          <TableRow>
-            <TableHead>사업명</TableHead>
+            <TableHead scope="row">사업명</TableHead>
            <TableCell>{det.bizNm || "-"}</TableCell>
-            <TableHead>사업기간</TableHead>
+            <TableHead scope="row">사업기간</TableHead>
            <TableCell>{(det.bizBgngYr || "-") + " ~ " + (det.bizEndYr || "-")}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>사업내용</TableHead>
+            <TableHead scope="row">사업내용</TableHead>
            <TableCell colSpan={3}>{det.bizCn || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>환경청구분</TableHead>
+            <TableHead scope="row">환경청구분</TableHead>
            <TableCell>{det.envoSeCdNm || "-"}</TableCell>
-            <TableHead>구분</TableHead>
+            <TableHead scope="row">구분</TableHead>
            <TableCell>{det.taskSeCdNm || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>신청지자체</TableHead>
+            <TableHead scope="row">신청지자체</TableHead>
            <TableCell>
              {det.sido || "-"} {det.gugun || "-"}
            </TableCell>
-            <TableHead>확정예산사업번호</TableHead>
+            <TableHead scope="row">확정예산사업번호</TableHead>
            <TableCell>{det.cfmtnBgtBizNo || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>예산신청연도</TableHead>
+            <TableHead scope="row">예산신청연도</TableHead>
            <TableCell colSpan={3}>{det.bgtAplyYr || "-"}</TableCell>
          </TableRow>
        </TableHeader>
@@ -20,7 +20,7 @@ function BusinessCostSection({ bizCstList }: BusinessCostSectionProps) {
    <SectionCollapsible title="총사업비">
      <div className="overflow-x-auto">
        <p className="mb-2 text-right font-normal text-muted-foreground">(단위: 백만원)</p>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="총사업비 목록으로 구분, 예산반영(A), 표준사업비(B), 금회설계시(C), 증감 정보 제공" variant="secondary" className="table-fixed">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[30rem]" rowSpan={2}>
@@ -51,9 +51,9 @@ function BusinessCostSection({ bizCstList }: BusinessCostSectionProps) {
                return (
                  <TableRow key={node.acntgSeCd}>
                    {node.treeLevel <= 1 ? (
-                      <TableHead className="!px-[0.8rem] text-left">{node.acntgSeCdNm}</TableHead>
+                      <TableHead scope="row" className="!px-[0.8rem] text-left">{node.acntgSeCdNm}</TableHead>
                    ) : (
-                      <TableHead className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
+                      <TableHead scope="row" className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
                        {showSubIcon && <span className="mr-1 text-gray-400">└</span>}
                        {node.acntgSeCdNm}
                      </TableHead>
@@ -13,7 +13,7 @@ function BusinessScaleSection({ bizSclList }: BusinessScaleSectionProps) {
  return (
    <SectionCollapsible title="사업규모">
      <div className="overflow-x-auto">
-        <Table variant="secondary">
+        <Table caption="사업규모 목록으로 구분, 기본계획(A), 예산반영(B), 금회설계시(C), 증감(C-B) 정보 제공" variant="secondary">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[30rem]">구분</TableHead>
@@ -36,7 +36,7 @@ function BusinessScaleSection({ bizSclList }: BusinessScaleSectionProps) {

                return (
                  <TableRow key={node.cnstpSeCd}>
-                    <TableHead className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
+                    <TableHead scope="row" className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
                      {node.cnstpSeCdNm}
                    </TableHead>
                    <TableCell>
@@ -11,21 +11,21 @@ interface ContactInfoSectionProps {
 function ContactInfoSection({ det }: ContactInfoSectionProps) {
  return (
    <SectionCollapsible title="담당자 정보">
-      <Table variant="secondary">
+      <Table caption="담당자 정보로 신청자, 이름, 연락처, 소속, 이메일, 설계자, 이름, 연락처, 소속, 이메일 정보 제공" variant="secondary">
        <TableHeader>
          {det.aplcntNm && (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>신청자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>신청자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{det.aplcntNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{det.aplcntMblTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{det.aplcntOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{det.aplcntEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -33,16 +33,16 @@ function ContactInfoSection({ det }: ContactInfoSectionProps) {
          {det.dsgnrNm && (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>설계자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>설계자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{det.dsgnrNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{det.dsgnrTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{det.dsgnrOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{det.dsgnrEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -21,7 +21,7 @@ function FnrsSharSection({ fnrsSharList }: FnrsSharSectionProps) {
    <SectionCollapsible title="재원분담">
      <div className="overflow-x-auto">
        <p className="mb-2 text-right font-normal text-muted-foreground">(단위: 백만원)</p>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="재원분담 목록으로 구분, 현행(A), 변경요구(B), 증감, 비고 정보 제공" variant="secondary" className="table-fixed">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[24rem]" rowSpan={2}>
@@ -51,7 +51,7 @@ function FnrsSharSection({ fnrsSharList }: FnrsSharSectionProps) {

                return (
                  <TableRow key={node.fnrsSharSeCd}>
-                    <TableHead className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
+                    <TableHead scope="row" className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
                      {showSubIcon && <span className="mr-1 text-gray-400">└</span>}
                      {node.fnrsSharSeCdNm}
                    </TableHead>
@@ -189,7 +189,7 @@ const TechReviewOpinionSection = forwardRef<
    return (
      <div className="space-y-2">
        <h4 className="text-xl font-semibold">검토의견 작성</h4>
-        <Table variant="secondary">
+        <Table caption="검토의견 작성으로 의견내용, 검토결과, 첨부파일 정보 제공" variant="secondary">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[12rem]">의견내용</TableHead>
@@ -303,7 +303,7 @@ const TechReviewOpinionSection = forwardRef<
 function TechReviewOpinionTable({ items }: TechReviewOpinionTableProps) {
  return (
    <div className="overflow-x-auto">
-      <Table variant="secondary">
+      <Table caption="검토의견 목록으로 의견자명, 의견내용, 검토결과, 첨부파일, 등록일시 정보 제공" variant="secondary">
        <colgroup>
          <col width="10%" />
          <col width="55%" />
@@ -52,7 +52,7 @@ function ChecklistTaskPanel({
  return (
    <>
      <div className="overflow-x-auto">
-        <Table variant="secondary">
+        <Table caption={`체크리스트 목록으로 검토항목, 주요 검토내용, 검토 결과${selectedReviewStep !== "LOCAL" ? ", 기술검토 의견" : ""} 정보 제공`} variant="secondary">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[20rem]" rowSpan={2}>
@@ -209,8 +209,11 @@ function InstlFormPage({ mode, initialData, createDefaults }: InstlFormPageProps
    <FormProvider {...form}>
      <form onSubmit={form.handleSubmit(onSave)} className="mt-4">
        <SectionCollapsibleGroup>
-          <div className="sticky top-[6rem] z-30 bg-container px-4 py-2">
+          <div className="sticky top-[6rem] z-30 flex items-center justify-between bg-container px-4 py-2">
            <SectionCollapsibleToggle />
+            <p className="text-sm text-muted-foreground">
+              <span className="text-red-600">*</span>은 필수입력 항목입니다.
+            </p>
          </div>
          <div className="space-y-4">
            {initialData?.detDto.instlSncnDocNo && (
@@ -59,6 +59,7 @@ function InstlList({ searchParams, pagination, onPaginationChange }: InstlListPr
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "설치인가 목록으로 시도, 시군구, 사업명, 업무구분, 담당자, 해당기관, 진행상황, 신청일 정보 제공",
      viewPagination: true,
      onRowClick: handleRowClick,
    },
@@ -53,7 +53,7 @@ function BasicInfoFormSection() {

  return (
    <SectionCollapsible title="기본 정보">
-      <Table variant="secondary">
+      <Table caption="기본 정보 입력으로 사업명, 사업기간, 사업내용, 구분, 신청 지자체, 사업구분, 시설종류, 재이용용도 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -62,7 +62,7 @@ function BasicInfoFormSection() {
        </colgroup>
        <TableHeader>
          <TableRow>
-            <TableHead className="w-[20rem]" data-required>
+            <TableHead scope="row" className="w-[20rem]" data-required>
              사업명
            </TableHead>
            <TableCell colSpan={3}>
@@ -90,7 +90,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>사업기간</TableHead>
+            <TableHead scope="row" data-required>사업기간</TableHead>
            <TableCell colSpan={3}>
              <FieldGroup className="flex-row items-center gap-2">
                <Controller
@@ -134,7 +134,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>사업내용</TableHead>
+            <TableHead scope="row" data-required>사업내용</TableHead>
            <TableCell colSpan={3}>
              <Controller
                name="instlSncnMng.bizCn"
@@ -154,13 +154,13 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>구분</TableHead>
+            <TableHead scope="row" data-required>구분</TableHead>
            <TableCell>{taskSeComCdLabel}</TableCell>
-            <TableHead>신청 지자체</TableHead>
+            <TableHead scope="row">신청 지자체</TableHead>
            <TableCell>{localGovLabel}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>사업구분</TableHead>
+            <TableHead scope="row" data-required>사업구분</TableHead>
            <TableCell colSpan={3}>
              <Controller
                name="instlSncnMng.sncnSeComCd"
@@ -202,7 +202,7 @@ function BasicInfoFormSection() {
          {taskSeComCd.includes("RE") && (
            <>
              <TableRow>
-                <TableHead>시설종류</TableHead>
+                <TableHead scope="row">시설종류</TableHead>
                <TableCell colSpan={3}>
                  <Controller
                    name="instlSncnMng.rtlztnFcltSeComCd"
@@ -242,7 +242,7 @@ function BasicInfoFormSection() {
                </TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>재이용용도</TableHead>
+                <TableHead scope="row">재이용용도</TableHead>
                <TableCell colSpan={3}>
                  <Controller
                    name="instlSncnMng.rtlztnUsgSeComCd"
@@ -11,7 +11,7 @@ interface BasicInfoSectionProps {
 function BasicInfoSection({ det }: BasicInfoSectionProps) {
  return (
    <SectionCollapsible title="기본 정보">
-      <Table variant="secondary">
+      <Table caption="기본 정보로 사업명, 사업기간, 사업내용, 구분, 신청지자체, 사업구분 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -20,25 +20,25 @@ function BasicInfoSection({ det }: BasicInfoSectionProps) {
        </colgroup>
        <TableHeader>
          <TableRow>
-            <TableHead>사업명</TableHead>
+            <TableHead scope="row">사업명</TableHead>
            <TableCell>{det.bizNm || "-"}</TableCell>
-            <TableHead>사업기간</TableHead>
+            <TableHead scope="row">사업기간</TableHead>
            <TableCell>{(det.bizBgngYr || "-") + " ~ " + (det.bizEndYr || "-")}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>사업내용</TableHead>
+            <TableHead scope="row">사업내용</TableHead>
            <TableCell colSpan={3}>{det.bizCn || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>구분</TableHead>
+            <TableHead scope="row">구분</TableHead>
            <TableCell>{det.taskSeCdNm || "-"}</TableCell>
-            <TableHead>신청지자체</TableHead>
+            <TableHead scope="row">신청지자체</TableHead>
            <TableCell>
              {det.sido || "-"} {det.gugun || "-"}
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>사업구분</TableHead>
+            <TableHead scope="row">사업구분</TableHead>
            <TableCell colSpan={3}>{det.sncnSeCdNm || "-"}</TableCell>
          </TableRow>
        </TableHeader>
@@ -20,7 +20,7 @@ function BusinessCostSection({ bizCstList }: BusinessCostSectionProps) {
    <SectionCollapsible title="총사업비">
      <div className="overflow-x-auto">
        <p className="mb-2 text-right font-normal text-muted-foreground">(단위: 백만원)</p>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="총사업비 목록으로 구분, 예산반영(A), 표준사업비(B), 금회설계시(C), 증감 정보 제공" variant="secondary" className="table-fixed">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[30rem]" rowSpan={2}>
@@ -51,9 +51,9 @@ function BusinessCostSection({ bizCstList }: BusinessCostSectionProps) {
                return (
                  <TableRow key={node.acntgSeCd}>
                    {node.treeLevel <= 1 ? (
-                      <TableHead className="!px-[0.8rem] text-left">{node.acntgSeCdNm}</TableHead>
+                      <TableHead scope="row" className="!px-[0.8rem] text-left">{node.acntgSeCdNm}</TableHead>
                    ) : (
-                      <TableHead className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
+                      <TableHead scope="row" className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
                        {showSubIcon && <span className="mr-1 text-gray-400">└</span>}
                        {node.acntgSeCdNm}
                      </TableHead>
@@ -13,7 +13,7 @@ function BusinessScaleSection({ bizSclList }: BusinessScaleSectionProps) {
  return (
    <SectionCollapsible title="사업규모">
      <div className="overflow-x-auto">
-        <Table variant="secondary">
+        <Table caption="사업규모 목록으로 구분, 기본계획(A), 예산반영(B), 금회설계시(C), 증감(C-B) 정보 제공" variant="secondary">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[30rem]">구분</TableHead>
@@ -36,7 +36,7 @@ function BusinessScaleSection({ bizSclList }: BusinessScaleSectionProps) {

                return (
                  <TableRow key={node.cnstpSeCd}>
-                    <TableHead className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
+                    <TableHead scope="row" className="text-left" style={{ paddingLeft: `${pl + 8}px` }}>
                      {node.cnstpSeCdNm}
                    </TableHead>
                    <TableCell>
@@ -11,21 +11,21 @@ interface ContactInfoSectionProps {
 function ContactInfoSection({ det }: ContactInfoSectionProps) {
  return (
    <SectionCollapsible title="담당자 정보">
-      <Table variant="secondary">
+      <Table caption="담당자 정보로 신청자, 이름, 연락처, 소속, 이메일, 설계자, 이름, 연락처, 소속, 이메일 정보 제공" variant="secondary">
        <TableHeader>
          {det.aplcntNm && (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>신청자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>신청자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{det.aplcntNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{det.aplcntMblTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{det.aplcntOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{det.aplcntEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -33,16 +33,16 @@ function ContactInfoSection({ det }: ContactInfoSectionProps) {
          {det.dsgnrNm && (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>설계자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>설계자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{det.dsgnrNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{det.dsgnrTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{det.dsgnrOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{det.dsgnrEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -180,10 +180,10 @@ const TechReviewOpinionSection = forwardRef<
    return (
      <div className="space-y-2">
        <h4 className="text-xl font-semibold">검토의견 작성</h4>
-        <Table variant="secondary">
+        <Table caption="검토의견 작성으로 의견내용, 검토결과, 첨부파일 정보 제공" variant="secondary">
          <TableHeader>
            <TableRow>
-              <TableHead className="w-[12rem]">의견내용</TableHead>
+              <TableHead scope="row" className="w-[12rem]">의견내용</TableHead>
              <TableCell>
                <Textarea
                  value={formData.rvwRsltCn}
@@ -197,7 +197,7 @@ const TechReviewOpinionSection = forwardRef<
              </TableCell>
            </TableRow>
            <TableRow>
-              <TableHead>검토결과</TableHead>
+              <TableHead scope="row">검토결과</TableHead>
              <TableCell>
                <FieldSet>
                  <RadioGroup
@@ -234,7 +234,7 @@ const TechReviewOpinionSection = forwardRef<
              </TableCell>
            </TableRow>
            <TableRow>
-              <TableHead>첨부파일</TableHead>
+              <TableHead scope="row">첨부파일</TableHead>
              <TableCell>
                {uploadedFile ? (
                  <div className="flex items-center gap-2">
@@ -301,7 +301,7 @@ const TechReviewOpinionSection = forwardRef<
 function TechReviewOpinionTable({ items }: TechReviewOpinionTableProps) {
  return (
    <div className="overflow-x-auto">
-      <Table variant="secondary">
+      <Table caption="검토의견 목록으로 의견자명, 의견내용, 검토결과, 첨부파일, 등록일시 정보 제공" variant="secondary">
        <colgroup>
          <col width="10%" />
          <col width="55%" />
@@ -70,6 +70,7 @@ function MyPbadmsSprtList({ searchParams, pagination, onPaginationChange }: MyPb
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "내 신청 목록으로 No, 구분, 신청일, 진행상태, 완료(예정)일, 담당자, 담당자연락처 정보 제공",
      viewPagination: true,
      onRowClick: handleRowClick,
    },
@@ -97,6 +97,7 @@ function NtiHstryList({ searchParams, pagination, onPaginationChange }: NtiHstry
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "알림 이력 목록으로 No, 알림일시, 알림내용, 연계업무, 상태, 처리 정보 제공",
      viewPagination: true,
    },
  });
@@ -33,6 +33,7 @@ function InPrgrsDocRcvrList({ selectedRcvrKeys, onRcvrSelectionChange }: InPrgrs
      getCoreRowModel: getCoreRowModel(),
      ...rowSelectionOptions,
    },
+    dataTableOptions: { caption: "현재 진행중 문서 담당자(신청자) 목록으로 선택, 문서번호, 문서명, 신청자, 상태 정보 제공" },
  });

  return (
@@ -34,6 +34,7 @@ function RvwMnpwRcvrList({ selectedRcvrKeys, onRcvrSelectionChange }: RvwMnpwRcv
      getCoreRowModel: getCoreRowModel(),
      ...rowSelectionOptions,
    },
+    dataTableOptions: { caption: "검토인력 목록으로 선택, 이름, 소속, 전화번호 정보 제공" },
  });

  return (
@@ -35,7 +35,7 @@ function SndngList({

  return (
    <div className="max-h-[40rem] overflow-auto rounded-md border">
-      <Table variant="line" className="text-sm">
+      <Table caption={`발송 목록으로 ${["이름", "전화번호", ...variableNames.map((variableName) => `#${variableName}`), "버튼"].join(", ")} 정보 제공`} variant="line" className="text-sm">
        <TableHeader className="top-0">
          <TableRow>
            <TableHead className="min-w-[100px]">이름</TableHead>
@@ -52,7 +52,7 @@ function ChecklistTaskPanel({

  return (
    <div className="overflow-x-auto">
-      <Table variant="secondary">
+      <Table caption={`체크리스트 목록으로 검토항목, 주요 검토내용, 검토 결과${selectedReviewStep !== "LOCAL" ? ", 기술검토 의견" : ""} 정보 제공`} variant="secondary">
        <TableHeader>
          <TableRow>
            <TableHead className="w-[20rem]" rowSpan={2}>
@@ -35,7 +35,7 @@ function PreviousPlanAreaTable({ data }: PreviousPlanAreaTableProps) {
  const yearCells = getPlanYearCells(data);

  return (
-    <Table variant="secondary">
+    <Table caption="처리구역별 현황 목록으로 구분, 당초, 기준, 변경 정보 제공" variant="secondary">
      <colgroup>
        <col width="16%" />
        <col width="9.3%" />
@@ -86,7 +86,7 @@ function PreviousPlanAreaTable({ data }: PreviousPlanAreaTableProps) {
          const cells = getMetricCells(data, row.field);
          return (
            <TableRow key={row.field}>
-              <TableHead>{row.label}</TableHead>
+              <TableHead scope="row">{row.label}</TableHead>
              {cells.map((cell, index) => (
                <TableCell key={index} className="text-right">
                  {cell}
@@ -202,7 +202,7 @@ function PreviousPlanFileSection({ clsfSystmNm }: PreviousPlanFileSectionProps)
        ) : files.length === 0 ? (
          <p className="py-8 text-center text-lg text-muted-foreground">파일이 없습니다.</p>
        ) : (
-          <Table variant="secondary">
+          <Table caption="기본계획파일 목록으로 번호, 파일명, 등록일, 다운로드 정보 제공" variant="secondary">
            <TableHeader>
              <TableRow>
                <TableHead className="!py-2 !text-xl">번호</TableHead>
@@ -13,7 +13,7 @@ function PreviousPlanSummaryTable({ data }: PreviousPlanSummaryTableProps) {
  const yearCells = getPlanYearCells(data);

  return (
-    <Table variant="secondary">
+    <Table caption="총설 목록으로 구분, 당초, 기준, 변경 정보 제공" variant="secondary">
      <colgroup>
        <col width="10%" />
        <col width="10%" />
@@ -54,7 +54,7 @@ function PreviousPlanSummaryTable({ data }: PreviousPlanSummaryTableProps) {
      </TableHeader>
      <TableBody>
        <TableRow>
-          <TableHead>계획목표년도</TableHead>
+          <TableHead scope="row">계획목표년도</TableHead>
          {yearCells.map((cell, index) => (
            <TableCell key={index} className="text-center">
              {cell}
@@ -57,7 +57,7 @@ function BasicInfoFormSection() {

  return (
    <SectionCollapsible title="기본계획 신청">
-      <Table variant="secondary">
+      <Table caption="기본계획 신청 입력으로 기본계획명, 계획년도, 기준년도, 1단계 목표연도, 2단계 목표연도, 3단계 목표연도, 4단계 목표연도, 계획개요, 구분, 신청 지자체 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -66,7 +66,7 @@ function BasicInfoFormSection() {
        </colgroup>
        <TableHeader>
          <TableRow>
-            <TableHead className="w-[20rem]" data-required>
+            <TableHead scope="row" className="w-[20rem]" data-required>
              기본계획명
            </TableHead>
            <TableCell colSpan={3}>
@@ -89,7 +89,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>계획년도</TableHead>
+            <TableHead scope="row" data-required>계획년도</TableHead>
            <TableCell>
              <Controller
                name="sewerBscPlanDtl.planYr"
@@ -113,7 +113,7 @@ function BasicInfoFormSection() {
                )}
              />
            </TableCell>
-            <TableHead data-required>기준년도</TableHead>
+            <TableHead scope="row" data-required>기준년도</TableHead>
            <TableCell>
              <Controller
                name="sewerBscPlanDtl.crtrYr"
@@ -139,7 +139,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>1단계 목표연도</TableHead>
+            <TableHead scope="row" data-required>1단계 목표연도</TableHead>
            <TableCell>
              <Controller
                name="sewerBscPlanDtl.frlvlGoalYr"
@@ -166,7 +166,7 @@ function BasicInfoFormSection() {
                )}
              />
            </TableCell>
-            <TableHead data-required>2단계 목표연도</TableHead>
+            <TableHead scope="row" data-required>2단계 목표연도</TableHead>
            <TableCell>
              <Controller
                name="sewerBscPlanDtl.sclvlGoalYr"
@@ -192,7 +192,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>3단계 목표연도</TableHead>
+            <TableHead scope="row" data-required>3단계 목표연도</TableHead>
            <TableCell>
              <Controller
                name="sewerBscPlanDtl.thlvlGoalYr"
@@ -216,7 +216,7 @@ function BasicInfoFormSection() {
                )}
              />
            </TableCell>
-            <TableHead data-required>4단계 목표연도</TableHead>
+            <TableHead scope="row" data-required>4단계 목표연도</TableHead>
            <TableCell>
              <Controller
                name="sewerBscPlanDtl.folvlGoalYr"
@@ -242,7 +242,7 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead data-required>계획개요</TableHead>
+            <TableHead scope="row" data-required>계획개요</TableHead>
            <TableCell colSpan={3}>
              <Controller
                name="sewerBscPlanDtl.bizOtlnCn"
@@ -264,9 +264,9 @@ function BasicInfoFormSection() {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>구분</TableHead>
+            <TableHead scope="row">구분</TableHead>
            <TableCell>{sewerBscPlanSeLabel}</TableCell>
-            <TableHead>신청 지자체</TableHead>
+            <TableHead scope="row">신청 지자체</TableHead>
            <TableCell>{localGovLabel || userInfo?.laeSeNm}</TableCell>
          </TableRow>
        </TableHeader>
@@ -18,7 +18,7 @@ function BasicInfoSection({ det, dtl }: BasicInfoSectionProps) {

  return (
    <SectionCollapsible title="기본계획 신청">
-      <Table variant="secondary">
+      <Table caption="기본계획 신청으로 기본계획명, 계획년도, 기준년도, 1단계 목표연도, 2단계 목표연도, 3단계 목표연도, 4단계 목표연도, 계획개요, 구분, 신청 지자체 정보 제공" variant="secondary">
        <colgroup>
          <col width="15%" />
          <col width="35%" />
@@ -27,37 +27,37 @@ function BasicInfoSection({ det, dtl }: BasicInfoSectionProps) {
        </colgroup>
        <TableHeader>
          <TableRow>
-            <TableHead>기본계획명</TableHead>
+            <TableHead scope="row">기본계획명</TableHead>
            <TableCell colSpan={3}>{det.sewerBscPlanNm || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>계획년도</TableHead>
+            <TableHead scope="row">계획년도</TableHead>
            <TableCell>{dtl?.planYr || "-"}</TableCell>
-            <TableHead>기준년도</TableHead>
+            <TableHead scope="row">기준년도</TableHead>
            <TableCell>{dtl?.crtrYr || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>1단계 목표연도</TableHead>
+            <TableHead scope="row">1단계 목표연도</TableHead>
            <TableCell>{dtl?.frlvlGoalYr || "-"}</TableCell>
-            <TableHead>2단계 목표연도</TableHead>
+            <TableHead scope="row">2단계 목표연도</TableHead>
            <TableCell>{dtl?.sclvlGoalYr || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>3단계 목표연도</TableHead>
+            <TableHead scope="row">3단계 목표연도</TableHead>
            <TableCell>{dtl?.thlvlGoalYr || "-"}</TableCell>
-            <TableHead>4단계 목표연도</TableHead>
+            <TableHead scope="row">4단계 목표연도</TableHead>
            <TableCell>{dtl?.folvlGoalYr || "-"}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>계획개요</TableHead>
+            <TableHead scope="row">계획개요</TableHead>
            <TableCell colSpan={3} className="whitespace-pre-wrap">
              {dtl?.bizOtlnCn || "-"}
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>구분</TableHead>
+            <TableHead scope="row">구분</TableHead>
            <TableCell>{sewerBscPlanSeLabel || "-"}</TableCell>
-            <TableHead>신청 지자체</TableHead>
+            <TableHead scope="row">신청 지자체</TableHead>
            <TableCell>{localGovLabel || "-"}</TableCell>
          </TableRow>
        </TableHeader>
@@ -75,7 +75,7 @@ function BizCstMatrixFormSection() {
    <SectionCollapsible title="총사업비">
      <div className="overflow-x-auto">
        <p className="mb-2 text-right font-normal text-muted-foreground">(단위: 백만원)</p>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="총사업비 목록으로 구분, 1단계, 2단계, 3단계, 4단계 정보 제공" variant="secondary" className="table-fixed">
          <colgroup>
            <col width="12%" />
            <col width="22%" />
@@ -102,7 +102,7 @@ function BizCstMatrixFormSection() {

              return (
                <TableRow key={item.code}>
-                  <TableHead className="text-left" style={{ paddingLeft }}>
+                  <TableHead scope="row" className="text-left" style={{ paddingLeft }}>
                    <div className="relative">
                      {showSubIcon && (
                        <span className="absolute -left-6 top-0 text-gray-400">└</span>
@@ -62,7 +62,7 @@ function BizCstMatrixSection({ bizCstList, dtl }: BizCstMatrixSectionProps) {
    <SectionCollapsible title="총사업비">
      <div className="overflow-x-auto">
        <p className="mb-2 text-right font-normal text-muted-foreground">(단위: 백만원)</p>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="총사업비 목록으로 구분, 1단계, 2단계, 3단계, 4단계 정보 제공" variant="secondary" className="table-fixed">
          <colgroup>
            <col width="12%" />
            <col width="22%" />
@@ -89,7 +89,7 @@ function BizCstMatrixSection({ bizCstList, dtl }: BizCstMatrixSectionProps) {

              return (
                <TableRow key={item.code}>
-                  <TableHead className="text-left" style={{ paddingLeft }}>
+                  <TableHead scope="row" className="text-left" style={{ paddingLeft }}>
                    <div className="relative">
                      {showSubIcon && (
                        <span className="absolute -left-6 top-0 text-gray-400">└</span>
@@ -13,21 +13,21 @@ function ContactInfoSection({ dtl }: ContactInfoSectionProps) {

  return (
    <SectionCollapsible title="담당자 정보">
-      <Table variant="secondary">
+      <Table caption="담당자 정보로 신청자, 이름, 연락처, 소속, 이메일, 설계자, 이름, 연락처, 소속, 이메일 정보 제공" variant="secondary">
        <TableHeader>
          {dtl.aplcntNm ? (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>신청자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>신청자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{dtl.aplcntNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{dtl.aplcntMblTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{dtl.aplcntOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{dtl.aplcntEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -35,16 +35,16 @@ function ContactInfoSection({ dtl }: ContactInfoSectionProps) {
          {dtl.dsgnrNm ? (
            <>
              <TableRow>
-                <TableHead rowSpan={2}>설계자</TableHead>
-                <TableHead>이름</TableHead>
+                <TableHead scope="row" rowSpan={2}>설계자</TableHead>
+                <TableHead scope="row">이름</TableHead>
                <TableCell>{dtl.dsgnrNm || "-"}</TableCell>
-                <TableHead>연락처</TableHead>
+                <TableHead scope="row">연락처</TableHead>
                <TableCell>{dtl.dsgnrTelno || "-"}</TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>소속</TableHead>
+                <TableHead scope="row">소속</TableHead>
                <TableCell>{dtl.dsgnrOgdpNm || "-"}</TableCell>
-                <TableHead>이메일</TableHead>
+                <TableHead scope="row">이메일</TableHead>
                <TableCell>{dtl.dsgnrEmlAddr || "-"}</TableCell>
              </TableRow>
            </>
@@ -85,7 +85,7 @@ function FnrsCstFormSection() {
          <h3 className="text-xl font-semibold">세부별 총사업비(①) - 재원분담 총사업비(②)</h3>
          <span className="font-normal text-muted-foreground">(단위: 백만원)</span>
        </div>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="세부별 총사업비(①) - 재원분담 총사업비(②) 목록으로 구분, 1단계, 2단계, 3단계, 4단계 정보 제공" variant="secondary" className="table-fixed">
          <colgroup>
            <col width="12%" />
            <col width="22%" />
@@ -107,7 +107,7 @@ function FnrsCstFormSection() {
          </TableHeader>
          <TableBody>
            <TableRow>
-              <TableHead>총사업비</TableHead>
+              <TableHead scope="row">총사업비</TableHead>
              {remainingList.map((item) => (
                <TableCell key={item.planStpNo}>
                  <div className={cn("text-right", item.remaining !== 0 ? "text-destructive" : "")}>
@@ -125,7 +125,7 @@ function FnrsCstFormSection() {
          <h3 className="text-xl font-semibold">재원분담</h3>
          <span className="font-normal text-muted-foreground">(단위: 백만원)</span>
        </div>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="재원분담 목록으로 구분, 1단계, 2단계, 3단계, 4단계 정보 제공" variant="secondary" className="table-fixed">
          <colgroup>
            <col width="12%" />
            <col width="22%" />
@@ -148,7 +148,7 @@ function FnrsCstFormSection() {
          <TableBody>
            {FNRS_CST_ROWS.map((row) => (
              <TableRow key={row.key}>
-                <TableHead>{row.label}</TableHead>
+                <TableHead scope="row">{row.label}</TableHead>
                {PLAN_STEPS.map((planStpNo) => {
                  const item = fnrsCstList.find((cst) => cst.planStpNo === planStpNo);
                  return (
@@ -79,7 +79,7 @@ function FnrsCstSection({ fnrsCstList, dtl }: FnrsCstSectionProps) {
          <h3 className="text-xl font-semibold">세부별 총사업비(①) - 재원분담 총사업비(②)</h3>
          <span className="font-normal text-muted-foreground">(단위: 백만원)</span>
        </div>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="재원분담 목록으로 구분, 1단계, 2단계, 3단계, 4단계 정보 제공" variant="secondary" className="table-fixed">
          <colgroup>
            <col width="12%" />
            <col width="22%" />
@@ -102,7 +102,7 @@ function FnrsCstSection({ fnrsCstList, dtl }: FnrsCstSectionProps) {
          <TableBody>
            {FNRS_CST_ROWS.map((row) => (
              <TableRow key={row.key}>
-                <TableHead>{row.label}</TableHead>
+                <TableHead scope="row">{row.label}</TableHead>
                {stepHeaders.map((step) => {
                  const item = matrixFnrsList.find((fnrs) => fnrs.planStpNo === step.planStpNo);
                  return (
@@ -79,7 +79,7 @@ function OutlineFormSection() {
          이전기본계획조회
        </Button>
      </div>
-      <Table variant="secondary">
+      <Table caption="사업개요 목록으로 구분, 1단계, 2단계, 3단계, 4단계 정보 제공" variant="secondary">
        <colgroup>
          <col width="12%" />
          <col width="22%" />
@@ -102,7 +102,7 @@ function OutlineFormSection() {
        <TableBody>
          {OTLN_ROWS.map((row) => (
            <TableRow key={row.key}>
-              <TableHead>{row.label}</TableHead>
+              <TableHead scope="row">{row.label}</TableHead>
              {[1, 2, 3, 4].map((planStpNo) => {
                const item = otlnList.find((otln) => otln.planStpNo === planStpNo);
                return (
@@ -29,7 +29,7 @@ function OutlineSection({ otlnList, dtl }: OutlineSectionProps) {

  return (
    <SectionCollapsible title="사업개요">
-      <Table variant="secondary">
+      <Table caption="사업개요 목록으로 구분, 1단계, 2단계, 3단계, 4단계 정보 제공" variant="secondary">
        <colgroup>
          <col width="12%" />
          <col width="22%" />
@@ -52,7 +52,7 @@ function OutlineSection({ otlnList, dtl }: OutlineSectionProps) {
        <TableBody>
          {OTLN_ROWS.map((row) => (
            <TableRow key={row.key}>
-              <TableHead>{row.label}</TableHead>
+              <TableHead scope="row">{row.label}</TableHead>
              {stepHeaders.map((step) => {
                const item = otlnList.find((otln) => otln.planStpNo === step.planStpNo);
                return (
@@ -187,7 +187,7 @@ const TechReviewOpinionSection = forwardRef<
    return (
      <div className="space-y-2">
        <h4 className="text-xl font-semibold">검토의견 작성</h4>
-        <Table variant="secondary">
+        <Table caption="검토의견 작성으로 의견내용, 검토결과, 첨부파일 정보 제공" variant="secondary">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[12rem]">의견내용</TableHead>
@@ -308,7 +308,7 @@ const TechReviewOpinionSection = forwardRef<
 function TechReviewOpinionTable({ items }: TechReviewOpinionTableProps) {
  return (
    <div className="overflow-x-auto">
-      <Table variant="secondary">
+      <Table caption="검토의견 목록으로 의견자명, 의견내용, 검토결과, 첨부파일, 등록일시 정보 제공" variant="secondary">
        <colgroup>
          <col width="10%" />
          <col width="55%" />
@@ -147,7 +147,7 @@ function TmplntFacilityMatrix({
  const originalData = Array.isArray(data) ? (data[0] ?? null) : null;

  return (
-    <Table variant="secondary">
+    <Table caption="처리시설별 하수도정비기본계획 목록으로 구분, 당초, 현재, 변경 정보 제공" variant="secondary">
      <colgroup>
        <col width="12%" />
        <col width="9.75%" />
@@ -199,7 +199,7 @@ function TmplntFacilityMatrix({
      <TableBody>
        {TMPLNT_FIELD_ROWS.map((row) => (
          <TableRow key={row.key}>
-            <TableHead>{row.label}</TableHead>
+            <TableHead scope="row">{row.label}</TableHead>
            {PLAN_STP_NOS.map((planStpNo) => (
              <TableCell key={`original-${row.key}-${planStpNo}`} className="text-right">
                {getOriginalValue(originalData, row.key, planStpNo)}
@@ -317,7 +317,7 @@ function TmplntFacilityAttachments({
  return (
    <div className="mt-6 space-y-2">
      <h3 className="mb-4 text-xl font-semibold">처리구역 필수 첨부파일</h3>
-      <Table variant="secondary">
+      <Table caption="처리구역 필수 첨부파일 목록으로 파일명, 파일 확장자, 파일첨부 정보 제공" variant="secondary">
        <colgroup>
          <col width="40%" />
          <col width="15%" />
@@ -332,7 +332,7 @@ function TmplntFacilityAttachments({
        </TableHeader>
        <TableBody>
          <TableRow>
-            <TableHead data-required align="left">
+            <TableHead scope="row" data-required align="left">
              {facilityName} 계획평면도
            </TableHead>
            <TableCell className="text-center">{TMPLNT_ATCH_FORMAT_LABEL}</TableCell>
@@ -102,7 +102,7 @@ function TmplntFacilityMatrix({
  const originalData = Array.isArray(data) ? (data[0] ?? null) : null;

  return (
-    <Table variant="secondary">
+    <Table caption="처리시설별 하수도정비기본계획 목록으로 구분, 당초, 현재, 변경 정보 제공" variant="secondary">
      <colgroup>
        <col width="12%" />
        <col width="9.75%" />
@@ -154,7 +154,7 @@ function TmplntFacilityMatrix({
      <TableBody>
        {TMPLNT_FIELD_ROWS.map((row) => (
          <TableRow key={row.key}>
-            <TableHead>{row.label}</TableHead>
+            <TableHead scope="row">{row.label}</TableHead>
            {PLAN_STP_NOS.map((planStpNo) => (
              <TableCell key={`original-${row.key}-${planStpNo}`} className="text-right">
                {getOriginalValue(originalData, row.key, planStpNo)}
@@ -242,7 +242,7 @@ function TmplntSection({ tmplntList, det, dtl }: TmplntSectionProps) {
              {(item.atchFileGroupId || item.atchFileInfo?.orgnlFileNm) && (
                <div className="mt-6 space-y-2">
                  <h3 className="mb-4 text-xl font-semibold">처리구역 필수 첨부파일</h3>
-                  <Table variant="secondary">
+                  <Table caption="처리구역 필수 첨부파일 목록으로 파일명, 파일첨부 정보 제공" variant="secondary">
                    <colgroup>
                      <col width="35%" />
                      <col width="65%" />
@@ -117,7 +117,7 @@ function SewerBscPlanApplyDialog({ open, onOpenChange, onConfirm }: SewerBscPlan
        {isPending ? (
          <Skeleton className="h-[16rem] w-full" />
        ) : (
-          <Table variant="secondary">
+          <Table caption="하수도기본계획 신청으로 시도, 시군구, 계획구분, 업무구분 정보 제공" variant="secondary">
            <colgroup>
              <col width="15%" />
              <col width="35%" />
@@ -127,7 +127,7 @@ function SewerBscPlanApplyDialog({ open, onOpenChange, onConfirm }: SewerBscPlan
            <TableHeader>
              {canSidoGugunSelectable && (
                <TableRow>
-                  <TableHead data-required>시도</TableHead>
+                  <TableHead scope="row" data-required>시도</TableHead>
                  <TableCell>
                    <Select
                      value={sidoComCd || undefined}
@@ -148,7 +148,7 @@ function SewerBscPlanApplyDialog({ open, onOpenChange, onConfirm }: SewerBscPlan
                      </SelectContent>
                    </Select>
                  </TableCell>
-                  <TableHead>시군구</TableHead>
+                  <TableHead scope="row">시군구</TableHead>
                  <TableCell>
                    <Select
                      value={sggComCd || undefined}
@@ -170,7 +170,7 @@ function SewerBscPlanApplyDialog({ open, onOpenChange, onConfirm }: SewerBscPlan
                </TableRow>
              )}
              <TableRow>
-                <TableHead data-required>계획구분</TableHead>
+                <TableHead scope="row" data-required>계획구분</TableHead>
                <TableCell colSpan={3}>
                  <FieldSet className="px-2">
                    <RadioGroup
@@ -199,7 +199,7 @@ function SewerBscPlanApplyDialog({ open, onOpenChange, onConfirm }: SewerBscPlan
                </TableCell>
              </TableRow>
              <TableRow>
-                <TableHead data-required>업무구분</TableHead>
+                <TableHead scope="row" data-required>업무구분</TableHead>
                <TableCell colSpan={3}>
                  <FieldSet className="px-2">
                    <RadioGroup value={taskSeComCd || undefined} onValueChange={setTaskSeComCd}>
@@ -246,8 +246,11 @@ function SewerBscPlanFormPage({
    <FormProvider {...form}>
      <form onSubmit={form.handleSubmit(onSave)} className="mt-4">
        <SectionCollapsibleGroup>
-          <div className="sticky top-[6rem] z-30 bg-container px-4 py-2">
+          <div className="sticky top-[6rem] z-30 flex items-center justify-between bg-container px-4 py-2">
            <SectionCollapsibleToggle />
+            <p className="text-sm text-muted-foreground">
+              <span className="text-red-600">*</span>은 필수입력 항목입니다.
+            </p>
          </div>
          <div className="space-y-4">
            {initialData?.detDto?.sewerBscPlanDocNo && (
@@ -63,6 +63,7 @@ function SewerBscPlanList({ searchParams, pagination, onPaginationChange }: Sewe
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "하수도기본계획 목록으로 시도, 시군구, 기본계획명, 계획구분, 업무구분, 담당자, 해당기관, 진행상황, 등록일 정보 제공",
      viewPagination: true,
      onRowClick: handleRowClick,
    },
@@ -14,6 +14,7 @@ import { matchQueryStatus } from "./match-query-status";
 interface DataTableOptions<T> {
  variant?: "default" | "secondary" | "line";
  className?: HTMLAttributes<HTMLTableElement>["className"];
+  caption?: string;
  viewPagination?: boolean;
  onRowClick?: (row: T) => void;
 }
@@ -134,6 +134,7 @@ function BnsPickerDialog({ open, onClose, onSelect }: BnsPickerDialogProps) {
      manualPagination: true,
    },
    dataTableOptions: {
+      caption: "사업찾기 목록으로 선택, 환경청, 시도, 시군구, 사업명, 예산신청년도, 사업시작년도, 사업종료년도, 총사업비 정보 제공",
      viewPagination: true,
      onRowClick: (row) => {
        setRowSelection({ [getBnsListRowKey(row)]: true });
@@ -330,7 +331,7 @@ function BnsPickerDialog({ open, onClose, onSelect }: BnsPickerDialogProps) {

 function BnsBasicInfoTable({ detail }: { detail: BnsDetailResponseDto }) {
  return (
-    <Table variant="secondary" className="w-full">
+    <Table caption="기본정보로 시도, 구군, 대권역, 단위유역, 중권역, 환경청, 회계구분, 단위사업, 세부사업, 내역사업, 세부내역, 세세부내역, 사업시작년도, 사업종료년도, 보조율(%), 사업상태, 사업명, 사업위치, 기본계획상의 목표년도, 사업추진현황, 상위계획, 기술진단, 사업내용, 비고 정보 제공" variant="secondary" className="w-full">
      <TableBody>
        <DetailPairRow
          leftLabel="시도"
@@ -403,7 +404,7 @@ function BnsBasicInfoTable({ detail }: { detail: BnsDetailResponseDto }) {

 function BnsOperationTable({ detail }: { detail: BnsDetailResponseDto }) {
  return (
-    <Table variant="secondary" className="w-full">
+    <Table caption="운영현황 및 사업효과로 유입하수처리장, 처리방식, 시설용량(현행), 시설용량(사업후), 처리구역면적(현행), 처리구역면적(사업후), 총인구(현행), 처리인구(현행), 처리인구(사업후), 하수관로, 배수설비 총가구수, 펌프장(개소), 방류수계, 방류하천, 사업후 예상유입하수량, 사업후 유입수질(예상BOD), 계획방류수질, 하천수질, 표준사업비, 기타사업물량 정보 제공" variant="secondary" className="w-full">
      <TableBody>
        <DetailPairRow
          leftLabel="유입하수처리장"
@@ -380,7 +380,7 @@ function AttachmentsFormSection({
        {essentialFiles.length > 0 && (
          <div className="px-2">
            <h3 className="mb-4 text-xl font-semibold">필수 첨부파일</h3>
-            <Table variant="secondary" className="table-fixed">
+            <Table caption="필수 첨부파일 목록으로 파일명, 파일 확장자, 파일첨부 정보 제공" variant="secondary" className="table-fixed">
              <colgroup>
                <col width="44%" />
                <col width="12%" />
@@ -402,6 +402,7 @@ function AttachmentsFormSection({
                  return (
                    <TableRow key={file.esntlAtchFileId}>
                      <TableHead
+                        scope="row"
                        className="group break-keep font-medium"
                        data-required={file.esntlAtchYn === "Y"}
                        align="left"
@@ -17,7 +17,7 @@ function AttachmentsViewSection({ esntlFileList, etcFileList }: AttachmentsViewS
      {esntlFileList.length > 0 && (
        <SectionCollapsible title="필수 첨부파일">
          <div className="overflow-x-auto">
-            <Table variant="secondary">
+            <Table caption="필수 첨부파일 목록으로 필수 자료명, 파일명, 크기 정보 제공" variant="secondary">
              <TableHeader>
                <TableRow>
                  <TableHead>필수 자료명</TableHead>
@@ -77,7 +77,7 @@ function AttachmentsViewSection({ esntlFileList, etcFileList }: AttachmentsViewS
      {etcFileList.length > 0 && (
        <SectionCollapsible title="기타 첨부파일">
          <div className="overflow-x-auto">
-            <Table variant="secondary">
+            <Table caption="기타 첨부파일 목록으로 파일명, 크기 정보 제공" variant="secondary">
              <TableHeader>
                <TableRow>
                  <TableHead>파일명</TableHead>
@@ -58,7 +58,7 @@ function BizCstTotalDisplayTable({ costItems, sharItems }: BizCstTotalDisplayTab
        <h3 className="text-xl font-semibold">세부별 총사업비(①) - 재원분담 총사업비(②)</h3>
        <span className="font-normal text-muted-foreground">(단위: 백만원)</span>
      </div>
-      <Table variant="secondary">
+      <Table caption="세부별 총사업비(①) - 재원분담 총사업비(②) 목록으로 구분, ① 예산반영(A) - ② 현행(A), ① 금회설계시(C) - ② 변경요구(B) 정보 제공" variant="secondary">
        <TableHeader>
          <TableRow>
            <TableHead>구분</TableHead>
@@ -68,7 +68,7 @@ function BizCstTotalDisplayTable({ costItems, sharItems }: BizCstTotalDisplayTab
        </TableHeader>
        <TableBody>
          <TableRow>
-            <TableHead>총사업비</TableHead>
+            <TableHead scope="row">총사업비</TableHead>
            <TableCell>
              <div className={cn("text-right", hasExstnMismatch ? "text-destructive" : "")}>
                {formatRemaining(remaining.exstnRemaining)}
@@ -102,7 +102,7 @@ function BusinessCostFormSection() {
    <SectionCollapsible title="세부별 총사업비">
      <div className="overflow-x-auto">
        <p className="mb-2 text-right font-normal text-muted-foreground">(단위: 백만원)</p>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="세부별 총사업비 목록으로 구분, 예산반영(A), 표준사업비(B), 금회설계시(C), 증감 정보 제공" variant="secondary" className="table-fixed">
          <colgroup>
            <col width="20%" />
            <col width="20%" />
@@ -140,7 +140,7 @@ function BusinessCostFormSection() {

              return (
                <TableRow key={item.code}>
-                  <TableHead className="text-left" style={{ paddingLeft }}>
+                  <TableHead scope="row" className="text-left" style={{ paddingLeft }}>
                    <div className="relative">
                      {showSubIcon && (
                        <span className="absolute -left-6 top-0 text-gray-400">└</span>
@@ -102,7 +102,7 @@ function BusinessScaleFormSection() {
    <SectionCollapsible title="사업규모">
      <div className="overflow-x-auto">
        <p className="mb-2 text-right font-normal text-muted-foreground">(단위: 백만원)</p>
-        <Table variant="secondary">
+        <Table caption="사업규모 목록으로 구분, 기본계획(A), 예산반영(B), 금회설계시(C), 증감(C-B) 정보 제공" variant="secondary">
          <colgroup>
            <col width="20%" />
            <col width="20%" />
@@ -130,7 +130,7 @@ function BusinessScaleFormSection() {

              return (
                <TableRow key={item.code}>
-                  <TableHead className="text-left" style={{ paddingLeft }}>
+                  <TableHead scope="row" className="text-left" style={{ paddingLeft }}>
                    <div className="relative">
                      {showSubIcon && (
                        <span className="absolute -left-6 top-0 text-gray-400">└</span>
@@ -199,7 +199,7 @@ function ChecklistFormSection({ docSeComCd, fieldPrefix }: ChecklistFormSectionP
        {checklistTabs.map((tab) => {
          return (
            <TabsContent key={tab.code} value={tab.code} className="space-y-4">
-              <Table variant="secondary">
+              <Table caption={`${tab.label} 체크리스트 목록으로 검토항목, 주요 검토내용, 검토 결과 정보 제공`} variant="secondary">
                <TableHeader>
                  <TableRow>
                    <TableHead rowSpan={2} className="w-[30rem]">
@@ -246,7 +246,7 @@ function ChecklistFormSection({ docSeComCd, fieldPrefix }: ChecklistFormSectionP

                    return (
                      <TableRow key={item.cklstRvwSn}>
-                        <TableCell className="font-medium">{item.title}</TableCell>
+                        <TableHead scope="row" className="font-medium">{item.title}</TableHead>
                        <TableCell
                          style={{
                            paddingLeft: `${Math.max(0, item.treeLevel - 1) * 16 + 8}px`,
@@ -23,28 +23,28 @@ function ContactInfoFormSection({ fieldPrefix }: ContactInfoFormSectionProps) {

  return (
    <SectionCollapsible title="담당자 정보">
-      <Table variant="secondary">
+      <Table caption="담당자 정보 입력으로 신청자, 이름, 연락처, 소속, 이메일, 설계자, 이름, 연락처, 소속, 이메일 정보 제공" variant="secondary">
        <TableHeader>
          <TableRow>
-            <TableHead className="w-[20rem]" rowSpan={2}>
+            <TableHead scope="row" className="w-[20rem]" rowSpan={2}>
              신청자
            </TableHead>
-            <TableHead className="w-[16rem]">이름</TableHead>
+            <TableHead scope="row" className="w-[16rem]">이름</TableHead>
            <TableCell>{userInfo?.userName}</TableCell>
-            <TableHead className="w-[16rem]">연락처</TableHead>
+            <TableHead scope="row" className="w-[16rem]">연락처</TableHead>
            <TableCell>{userInfo?.mphn}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>소속</TableHead>
+            <TableHead scope="row">소속</TableHead>
            <TableCell>{userInfo?.ogdpSeNm}</TableCell>
-            <TableHead>이메일</TableHead>
+            <TableHead scope="row">이메일</TableHead>
            <TableCell>{userInfo?.email}</TableCell>
          </TableRow>
          <TableRow>
-            <TableHead rowSpan={2} data-required>
+            <TableHead scope="row" rowSpan={2} data-required>
              설계자
            </TableHead>
-            <TableHead>이름</TableHead>
+            <TableHead scope="row">이름</TableHead>
            <TableCell>
              <Controller
                name={`${fieldPrefix}.dsgnrNm`}
@@ -62,7 +62,7 @@ function ContactInfoFormSection({ fieldPrefix }: ContactInfoFormSectionProps) {
                )}
              />
            </TableCell>
-            <TableHead>연락처</TableHead>
+            <TableHead scope="row">연락처</TableHead>
            <TableCell>
              <Controller
                name={`${fieldPrefix}.dsgnrTelno`}
@@ -84,7 +84,7 @@ function ContactInfoFormSection({ fieldPrefix }: ContactInfoFormSectionProps) {
            </TableCell>
          </TableRow>
          <TableRow>
-            <TableHead>소속</TableHead>
+            <TableHead scope="row">소속</TableHead>
            <TableCell>
              <Controller
                name={`${fieldPrefix}.dsgnrOgdpNm`}
@@ -102,7 +102,7 @@ function ContactInfoFormSection({ fieldPrefix }: ContactInfoFormSectionProps) {
                )}
              />
            </TableCell>
-            <TableHead>이메일</TableHead>
+            <TableHead scope="row">이메일</TableHead>
            <TableCell>
              <Controller
                name={`${fieldPrefix}.dsgnrEmlAddr`}
@@ -200,7 +200,7 @@ function FnrsSharFormSection({ initialSharTree, initialSharAtchFiles }: FnrsShar
          <h3 className="text-xl font-semibold">재원분담</h3>
          <span className="font-normal text-muted-foreground">(단위: 백만원)</span>
        </div>
-        <Table variant="secondary" className="table-fixed">
+        <Table caption="재원분담 목록으로 구분, 현행(A), 변경요구(B), 증감, 비고 정보 제공" variant="secondary" className="table-fixed">
          <TableHeader>
            <TableRow>
              <TableHead className="w-[24rem]" rowSpan={2}>
@@ -234,7 +234,7 @@ function FnrsSharFormSection({ initialSharTree, initialSharAtchFiles }: FnrsShar

                return (
                  <TableRow key={item.code}>
-                    <TableHead className="text-left" style={{ paddingLeft }}>
+                    <TableHead scope="row" className="text-left" style={{ paddingLeft }}>
                      {showSubIcon && <span className="mr-1 text-gray-400">└</span>}
                      {item.label}
                    </TableHead>
@@ -97,7 +97,7 @@ function PbadmsTaskApplyDialog({

  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
+      <DialogContent className="max-w-[66rem]" aria-describedby={undefined}>
        <DialogHeader>
          <DialogTitle>{title}</DialogTitle>
        </DialogHeader>
@@ -105,17 +105,17 @@ function PbadmsTaskApplyDialog({
        {isPending ? (
          <Skeleton className="h-[16rem] w-full" />
        ) : (
-          <Table variant="secondary">
+          <Table caption={`${title}으로 시도, 시군구, 업무구분 정보 제공`} variant="secondary">
            <colgroup>
-              <col width="15%" />
-              <col width="35%" />
-              <col width="15%" />
-              <col width="35%" />
+              <col width="20%" />
+              <col width="30%" />
+              <col width="20%" />
+              <col width="30%" />
            </colgroup>
            <TableHeader>
              {canSidoGugunSelectable && (
                <TableRow>
-                  <TableHead data-required>시도</TableHead>
+                  <TableHead scope="row" data-required>시도</TableHead>
                  <TableCell>
                    <Select
                      value={sidoComCd || undefined}
@@ -136,7 +136,7 @@ function PbadmsTaskApplyDialog({
                      </SelectContent>
                    </Select>
                  </TableCell>
-                  <TableHead>시군구</TableHead>
+                  <TableHead scope="row">시군구</TableHead>
                  <TableCell>
                    <Select
                      value={sggComCd || undefined}
@@ -158,7 +158,7 @@ function PbadmsTaskApplyDialog({
                </TableRow>
              )}
              <TableRow>
-                <TableHead data-required>업무구분</TableHead>
+                <TableHead scope="row" data-required>업무구분</TableHead>
                <TableCell colSpan={3}>
                  <FieldSet className="px-2">
                    <FieldGroup data-slot="checkbox-group" className="flex-row flex-wrap">
@@ -12,7 +12,7 @@ import {
  TableHead,
  TableHeader,
  TableRow,
-} from "@common/components";
+} from "@common/components";

 interface PrivacyConsentFormData {
  privacyConsent: "Y" | "N";
@@ -23,7 +23,7 @@ function PrivacyConsentSection() {

  return (
    <SectionCollapsible title="개인정보 수집/이용 동의">
-      <Table variant="secondary">
+      <Table caption="개인정보 수집/이용 동의로 개인정보 수집 및 이용 정보 제공" variant="secondary">
        <TableHeader>
          <TableRow>
            <TableHead className="w-[20rem]" data-required>
@@ -57,7 +57,7 @@ function ProgressStatusSection({

  return (
    <SectionCollapsible title="진행 상태">
-      <Table variant="secondary" className="table-fixed">
+      <Table caption={`진행 상태 목록으로 ${columns.map((column) => column.label).join(", ")} 정보 제공`} variant="secondary" className="table-fixed">
        <TableHeader>
          <TableRow>
            {columns.map((column) => (
@@ -239,7 +239,7 @@ function SplmntDmndDialog({
          </div>

          <div className="overflow-x-auto">
-            <Table variant="secondary">
+            <Table caption={`보완 내용 목록으로 보완 항목, 보완 의견, 첨부파일${rows.length > 1 ? ", 관리" : ""} 정보 제공`} variant="secondary">
              <colgroup>
                <col width="20%" />
                <col width="50%" />
@@ -240,7 +240,7 @@ function SplmntDmndFormSection({ initialData, readOnly = false }: SplmntDmndForm
  return (
    <SectionCollapsible title="보완요청">
      <div className="overflow-x-auto">
-        <Table variant="secondary">
+        <Table caption="보완요청 목록으로 보완항목, 보완요청일시, 보완요청내용, 보완완료내용, 파일첨부, 완료여부 정보 제공" variant="secondary">
          <colgroup>
            <col width="12%" />
            <col width="14%" />
@@ -28,7 +28,7 @@ function SupplementDemandSection({ splmntDmndList }: SupplementDemandSectionProp
  return (
    <SectionCollapsible title="보완요청 및 완료 현황">
      <div className="overflow-x-auto">
-        <Table variant="secondary">
+        <Table caption="보완요청 및 완료 현황 목록으로 보완항목, 보완요청일시, 보완요청내용, 보완완료일시, 보완완료내용, 완료여부 정보 제공" variant="secondary">
          <colgroup>
            <col width="14%" />
            <col width="8%" />
@@ -8,4 +8,5 @@ setCookie("site-id-key", SITE_ID);
 export const client = Client.getInstance({
  baseURL: BASE_URL,
  siteId: SITE_ID,
+  redirectOnUnauthorized: false,
 });
@@ -1,3 +1,7 @@
 "use client";

-export { PostPage as NormalPage } from "@/widgets/post";
+import { PostPage } from "@/widgets/post";
+
+export function NormalPage({ bbsId }: { bbsId: string }) {
+	return <PostPage bbsId={bbsId} tableCaption="게시판 목록으로 No, 제목, 조회수, 첨부파일, 작성, 등록일 정보 제공" />;
+}
@@ -3,5 +3,5 @@
 import { PostPage } from "@/widgets/post";

 export function NoticePage({ bbsId }: { bbsId: string }) {
-	return <PostPage bbsId={bbsId} tableCaption="공지사항 목록" />;
+	return <PostPage bbsId={bbsId} tableCaption="공지사항 목록으로 No, 제목, 조회수, 첨부파일, 작성, 등록일 정보 제공" />;
 }
@@ -86,7 +86,7 @@ const MenuModificationDemandDialog = memo(
                </colgroup>
                <TableBody>
                  <TableRow>
-                    <TableHead>신청자</TableHead>
+                    <TableHead scope="row">신청자</TableHead>
                    <TableCell className="border">
                      <FormField
                        control={form.control}
@@ -107,7 +107,7 @@ const MenuModificationDemandDialog = memo(
                    </TableCell>
                  </TableRow>
                  <TableRow>
-                    <TableHead>이메일</TableHead>
+                    <TableHead scope="row">이메일</TableHead>
                    <TableCell className="border">
                      <FormField
                        control={form.control}
@@ -128,7 +128,7 @@ const MenuModificationDemandDialog = memo(
                    </TableCell>
                  </TableRow>
                  <TableRow>
-                    <TableHead>요청 내용</TableHead>
+                    <TableHead scope="row">요청 내용</TableHead>
                    <TableCell className="border">
                      <FormField
                        control={form.control}
@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
 import {
  flexRender,
  type RowData,
@@ -26,6 +26,7 @@ type GridViewDataTableProps<T> = {
  className?: HTMLAttributes<HTMLTableElement>["className"];
  viewPagination?: boolean;
  onRowClick?: (row: T) => void;
+  footerContent?: ReactNode;
 };

 function GridViewDataTable<T>({
@@ -33,6 +34,7 @@ function GridViewDataTable<T>({
  className,
  viewPagination,
  onRowClick,
+  footerContent,
 }: GridViewDataTableProps<T>) {
  return (
    <div className="bg-secondary-background pb-10">
@@ -72,6 +74,9 @@ function GridViewDataTable<T>({
          ))}
        </div>
      </div>
+      {footerContent && (
+        <div className="px-4 text-left">{footerContent}</div>
+      )}
      {viewPagination && <Pagination table={table} />}
    </div>
  );
@@ -70,6 +70,9 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
    <Form {...form}>
      <form onSubmit={form.handleSubmit(onSubmit)}>
        <div className="card">
+          <p className="mb-2 text-right text-sm text-muted-foreground">
+            *은 필수입력 항목입니다.
+          </p>
          <Table variant="secondary">
            <colgroup>
              <col width="15%" />
@@ -77,7 +80,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
            </colgroup>
            <TableBody>
              <TableRow>
-                <TableHead data-required>제목</TableHead>
+                <TableHead scope="row" data-required>제목</TableHead>
                <TableCell className="border">
                  <FormField
                    control={form.control}
@@ -98,7 +101,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
                </TableCell>
              </TableRow>
              <TableRow>
-                <TableHead>작성자</TableHead>
+                <TableHead scope="row">작성자</TableHead>
                <TableCell className="border">
                  <FormField
                    control={form.control}
@@ -120,7 +123,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
              </TableRow>
              {!userInfo?.userUnqId && (
                <TableRow>
-                  <TableHead data-required>비밀번호</TableHead>
+                  <TableHead scope="row" data-required>비밀번호</TableHead>
                  <TableCell className="border">
                    <FormField
                      control={form.control}
@@ -143,7 +146,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
                </TableRow>
              )}
              <TableRow>
-                <TableHead>내용</TableHead>
+                <TableHead scope="row">내용</TableHead>
                <TableCell className="border">
                  <FormField
                    control={form.control}
@@ -166,7 +169,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
              </TableRow>
              {bbsInfo?.rfrncUseYn === "Y" && (
                <TableRow>
-                  <TableHead>참조 URL</TableHead>
+                  <TableHead scope="row">참조 URL</TableHead>
                  <TableCell className="border">
                    <FormField
                      control={form.control}
@@ -189,7 +192,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
              )}
              {bbsInfo?.popupUseYn === "Y" && (
                <TableRow>
-                  <TableHead>팝업여부</TableHead>
+                  <TableHead scope="row">팝업여부</TableHead>
                  <TableCell className="border">
                    <div className="flex items-center gap-4">
                      <FormField
@@ -262,7 +265,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
              )}
              {bbsInfo?.upndFixUseYn === "Y" && (
                <TableRow>
-                  <TableHead>상단고정</TableHead>
+                  <TableHead scope="row">상단고정</TableHead>
                  <TableCell className="border">
                    <div className="flex items-center gap-4">
                      <FormField
@@ -336,7 +339,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
              )}
              {bbsInfo?.pstgPrdUseYn === "Y" && (
                <TableRow>
-                  <TableHead>게시기간</TableHead>
+                  <TableHead scope="row">게시기간</TableHead>
                  <TableCell className="border">
                    <div className="flex items-center gap-4">
                      <FormField
@@ -410,7 +413,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
              )}
              {bbsInfo?.atflUseYn === "Y" && (
                <TableRow>
-                  <TableHead>첨부파일</TableHead>
+                  <TableHead scope="row">첨부파일</TableHead>
                  <TableCell className="border">
                    {bbsInfo?.bbsTypeCd === "BBSIMAGE" ? (
                      <WithPreviewFileUploader
@@ -213,15 +213,6 @@ function PostPage({
                    등록
                  </Button>
                )}
-                {pageMenuAuthority?.delAuthrtYn === "Y" && (
-                  <Button
-                    color="red"
-                    onClick={onPostDelete}
-                    disabled={!table.getFilteredSelectedRowModel().rows.length}
-                  >
-                    선택삭제
-                  </Button>
-                )}
                <Select
                  value={table.getState().pagination.pageSize.toString()}
                  onValueChange={(value) => {
@@ -254,6 +245,17 @@ function PostPage({
                  table={table}
                  onRowClick={handleRowClick}
                  viewPagination
+                  footerContent={
+                    pageMenuAuthority?.delAuthrtYn === "Y" ? (
+                      <Button
+                        color="red"
+                        onClick={onPostDelete}
+                        disabled={!table.getFilteredSelectedRowModel().rows.length}
+                      >
+                        선택삭제
+                      </Button>
+                    ) : undefined
+                  }
                />
              ) : (
                <DataTable
@@ -261,6 +263,17 @@ function PostPage({
                  onRowClick={handleRowClick}
                  viewPagination
                  caption={tableCaption}
+                  footerContent={
+                    pageMenuAuthority?.delAuthrtYn === "Y" ? (
+                      <Button
+                        color="red"
+                        onClick={onPostDelete}
+                        disabled={!table.getFilteredSelectedRowModel().rows.length}
+                      >
+                        선택삭제
+                      </Button>
+                    ) : undefined
+                  }
                />
              )
            )}
@@ -1,6 +1,19 @@
 ## Project
 This repository contains a Next.js web application.

+## Portable paths
+
+Resolve paths from this `apps/dm/AGENTS.md` file, not from a developer-specific drive or the current shell directory.
+
+- `FE_APP_ROOT`: directory containing this file (`apps/dm`)
+- `FE_REPO_ROOT`: `FE_APP_ROOT/../..` (`frontend`)
+- `WORKSPACE_ROOT`: `FE_REPO_ROOT/..`
+- `COMMON_ROOT_AGENTS`: `WORKSPACE_ROOT/AGENTS.md`
+- `BE_REPO_ROOT`: `WORKSPACE_ROOT/IIPBS` (Backend repository root)
+- `BE_SERVICE_ROOT`: `BE_REPO_ROOT/sewerage-service`
+
+Use an explicitly supplied repository path when the repositories are installed under different parent directories. Verify a calculated path exists before using it.
+
 Main technologies:
 - Next.js
 - TypeScript
@@ -1,6 +1,19 @@
 ## Project
 This repository contains a Next.js web application.

+## Portable paths
+
+Resolve paths from this `apps/fo/AGENTS.md` file, not from a developer-specific drive or the current shell directory.
+
+- `FE_APP_ROOT`: directory containing this file (`apps/fo`)
+- `FE_REPO_ROOT`: `FE_APP_ROOT/../..` (`frontend`)
+- `WORKSPACE_ROOT`: `FE_REPO_ROOT/..`
+- `COMMON_ROOT_AGENTS`: `WORKSPACE_ROOT/AGENTS.md`
+- `BE_REPO_ROOT`: `WORKSPACE_ROOT/IIPBS` (Backend repository root)
+- `BE_SERVICE_ROOT`: `BE_REPO_ROOT/sewerage-service`
+
+Use an explicitly supplied repository path when the repositories are installed under different parent directories. Verify a calculated path exists before using it.
+
 Main technologies:
 - Next.js
 - TypeScript
@@ -74,8 +74,8 @@
    }

    nav[aria-label="pagination"] li a[aria-current="page"] {
-      border-color: #2094fa !important;
-      background-color: #2094fa !important;
+      border-color: #0a84f0 !important;
+      background-color: #0a84f0 !important;
      color: #fafafa !important;
    }

--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
jcchoi	df60bd0b40	Merge branch 'main' of https://www.onasys.co.kr:3000/ONAANDALL/frontend Deploy Frontend / deploy (push) Successful in 7m13s Details	2026-10-11 13:27:16 +09:00
jcchoi	41e6f1cf48	Table Cpation 처리	2026-10-11 13:16:56 +09:00
jcchoi	0802ba191a	DataTable Caption 추가	2026-10-11 12:58:04 +09:00
mind-one005	ad57ed241d	Merge branch 'iipbs/sn/dev'	2026-10-08 13:29:37 +09:00
jcchoi	f17cb420e3	LNB GNB 탭 포커스	2026-10-07 21:42:43 +09:00
jcchoi	c2396f093b	필수입력 안내 메세지 Deploy Frontend / deploy (push) Successful in 8m31s Details	2026-10-07 19:43:06 +09:00
jcchoi	bdf65dcfd1	설치인가 사업구분 팝업 사이즈 조정	2026-10-07 19:42:42 +09:00
jcchoi	2aefbe17ee	웹접근성 2차 수정	2026-10-07 19:42:20 +09:00
mind-one005	5e43d69d8e	sn: null 인경우, 공백으로 보이도록	2026-10-07 15:05:40 +09:00
jcchoi	4482b92ccd	메뉴간 탭이동 Deploy Frontend / deploy (push) Successful in 7m33s Details	2026-10-06 17:41:39 +09:00
jcchoi	d3c39caefb	웹 접근성 조치	2026-10-06 14:32:26 +09:00
jcchoi	24c5dce24d	대체 텍스트 적용	2026-10-06 13:18:58 +09:00
mind-one005	9971e512c8	Merge branch 'iipbs/sn/dev' of https://www.onasys.co.kr:3000/ONAANDALL/frontend into iipbs/sn/dev	2026-10-06 13:15:48 +09:00
mind-one005	0c77ed9bba	sn: 도시침수예방사업 사업명 필수	2026-10-06 13:15:32 +09:00
kiminchan	e759c96ade	Merge branch 'iipbs/sn/dev' of https://www.onasys.co.kr:3000/ONAANDALL/frontend into iipbs/sn/dev	2026-10-06 13:06:20 +09:00
kiminchan	f602b75268	페이지별 도움말 조회를 위한 메뉴 코드 전달 누락 수정	2026-10-06 13:06:01 +09:00
jcchoi	d4d9eaf773	CM 로그인 Deploy Frontend / deploy (push) Successful in 5m32s Details 하단 메뉴 링크	2026-10-06 11:13:46 +09:00
mind-one005	11d0378060	Merge branch 'iipbs/sn/dev' of https://www.onasys.co.kr:3000/ONAANDALL/frontend into iipbs/sn/dev	2026-10-02 21:26:43 +09:00
mind-one005	8ed4f959cb	sn: 확률강우량 모달 추가	2026-10-02 18:12:03 +09:00
mind-one005	e5f7778861	sn: 확률강우량 모달 추가	2026-10-02 18:07:00 +09:00
kiminchan	2d086a05b2	조사사업·준설 등록 필수 표시 및 숫자 입력 제한 보완	2026-10-02 17:11:04 +09:00
kiminchan	6ef4603a7c	지도 대상 선택 이동 시 지역·시설 검색조건 초기화	2026-10-02 16:51:47 +09:00