From d71f2043def5960ddedd9fd5024633794c1dda24 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Mon, 13 Jul 2026 11:38:38 +0900
Subject: [PATCH] =?UTF-8?q?[as]=20feat:=20=ED=95=84=EC=88=98=20=EC=B2=A8?=
 =?UTF-8?q?=EB=B6=80=20=ED=8C=8C=EC=9D=BC=20=EC=97=85=EB=A1=9C=EB=93=9C=20?=
 =?UTF-8?q?=EA=B0=80=EB=8A=A5=ED=95=9C=20=ED=99=95=EC=9E=A5=EC=9E=90=20?=
 =?UTF-8?q?=EC=A0=9C=ED=95=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widgets/pbadms-sprt/lib/attachments-form-utils.ts | 11 +++++++++++
 .../pbadms-sprt/ui/attachments-form-section.tsx       |  7 ++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/apps/as/src/widgets/pbadms-sprt/lib/attachments-form-utils.ts b/apps/as/src/widgets/pbadms-sprt/lib/attachments-form-utils.ts
index ff9c16b9d..59981f8d1 100644
--- a/apps/as/src/widgets/pbadms-sprt/lib/attachments-form-utils.ts
+++ b/apps/as/src/widgets/pbadms-sprt/lib/attachments-form-utils.ts
@@ -19,3 +19,14 @@ export function createEtcUploadKey(file: File): string {
 export function isEtcFileKey(fileKey: string): boolean {
   return fileKey.startsWith(ETC_FILE_KEY_PREFIX);
 }
+
+export function toFileAccept(rmrk: string | null | undefined): string {
+  if (!rmrk?.trim()) return "";
+
+  return rmrk
+    .split(",")
+    .map((ext) => ext.trim().toLowerCase())
+    .filter(Boolean)
+    .map((ext) => (ext.startsWith(".") ? ext : `.${ext}`))
+    .join(",");
+}
diff --git a/apps/as/src/widgets/pbadms-sprt/ui/attachments-form-section.tsx b/apps/as/src/widgets/pbadms-sprt/ui/attachments-form-section.tsx
index b9d132cf8..ffc2b6341 100644
--- a/apps/as/src/widgets/pbadms-sprt/ui/attachments-form-section.tsx
+++ b/apps/as/src/widgets/pbadms-sprt/ui/attachments-form-section.tsx
@@ -27,6 +27,7 @@ import {
   createUploadKey,
   type FieldPrefix,
   isEtcFileKey,
+  toFileAccept,
 } from "../lib/attachments-form-utils";
 
 import { SectionCollapsible } from "./section-collapsible";
@@ -373,7 +374,8 @@ function AttachmentsFormSection({
               <h3 className="mb-4 text-xl font-semibold">필수 첨부파일</h3>
               <Table variant="secondary">
                 <colgroup>
-                  <col width="60%" />
+                  <col width="50%" />
+                  <col width="10%" />
                   <col width="40%" />
                 </colgroup>
                 <TableHeader>
@@ -381,6 +383,7 @@ function AttachmentsFormSection({
                     <TableHead className="w-[30rem]" align="left">
                       파일명
                     </TableHead>
+                    <TableHead>파일 확장자</TableHead>
                     <TableHead>업로드된 파일</TableHead>
                   </TableRow>
                 </TableHeader>
@@ -401,6 +404,7 @@ function AttachmentsFormSection({
                         >
                           {file.esntlAtchFileNm}
                         </TableHead>
+                        <TableCell align="center">{file.esntlAtchFileRmrk}</TableCell>
                         <TableCell className="space-y-2">
                           {uploadedFiles[file.esntlAtchFileId]?.length > 0 ? (
                             <div className="space-y-1">
@@ -432,6 +436,7 @@ function AttachmentsFormSection({
                               <input
                                 type="file"
                                 className="hidden"
+                                accept={toFileAccept(file.esntlAtchFileRmrk) || undefined}
                                 onChange={(e) => {
                                   void handleEssentialFileUpload(
                                     file.esntlAtchFileId,