From 4d95f52e8e43f31ef414761f37b7fe6bde61b9ec Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Tue, 17 Dec 2024 18:02:13 +0900
Subject: [PATCH] =?UTF-8?q?2024/12/17=20=ED=8C=8C=EC=9D=BC=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/cmm/fms/EgovBBSFileList.jsp     |  7 ++++---
 src/main/webapp/kofair_case_seed/adm/style/style.css   | 10 +++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/cmm/fms/EgovBBSFileList.jsp b/src/main/webapp/WEB-INF/jsp/cmm/fms/EgovBBSFileList.jsp
index ab4e625d..2a46cf3b 100644
--- a/src/main/webapp/WEB-INF/jsp/cmm/fms/EgovBBSFileList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/cmm/fms/EgovBBSFileList.jsp
@@ -124,7 +124,7 @@
 <c:set var="fileCount" value="${fn:length(fileList) }" />
 <!-- </form>  -->
 <!--<title>파일목록</title> -->
-<table id="egov_file_view_table">
+<table id="egov_file_view_table" class="file_table">
 	<c:forEach var="fileVO" items="${fileList}" varStatus="status">
 	<tr id="egov_file_view_table_tr_${status.count}" style="border-bottom: 0px;">
 		<td class="fileView">
@@ -134,8 +134,9 @@
 					<img src="<c:url value='/images/egovframework/com/cmm/btn/btn_del.png' />" class="cursor" onClick="fn_egov_deleteFile('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>','egov_file_view_table_tr_${status.count}');" alt="파일삭제"  />
 				</c:when>
 				<c:otherwise>
-					<img src="/kccadrPb/adm/image/fileIcon.png" alt="첨부파일" class="icon_file">
-					<a href="javascript:fn_egov_downFile('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>')" class="fileName" title="다운로드">
+					
+					<a href="javascript:fn_egov_downFile('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>')" class="fileName file_row" title="다운로드">
+					<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png">
 					<c:out value="${fileVO.orignlFileNm}"/>&nbsp;<%-- [<c:out value="${fileVO.fileMg}"/>&nbsp;byte] --%>
 					</a>
 				</c:otherwise>
diff --git a/src/main/webapp/kofair_case_seed/adm/style/style.css b/src/main/webapp/kofair_case_seed/adm/style/style.css
index a3ab7ff1..7a8eb11c 100644
--- a/src/main/webapp/kofair_case_seed/adm/style/style.css
+++ b/src/main/webapp/kofair_case_seed/adm/style/style.css
@@ -101,7 +101,7 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 .wrap .table-layout table thead th .sort_wrap{display:inline-flex;margin:0 0 0 8px;gap:3px;}
 .wrap .table-layout table thead th .sort_wrap a{display:flex;width:20px;height:20px;background:#fff;border:1px solid #d5d5d5;border-radius:5px;justify-content:center;align-items:center;}
 .wrap .table-layout table td{height:50px;font-size:15px;text-align:center;padding:0;border-bottom:1px solid #d5d5d5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}
-.wrap .table-layout table td a{line-height:1.4;}
+.wrap .table-layout table td a{line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .wrap .table-layout table tr:hover td{background:#fbfcfc;}
 
 .wrap .table-layout.border table thead th,.wrap .table-layout.border table tbody td{border-right:1px solid #d5d5d5;}
@@ -181,6 +181,14 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 
 .cs_file_box{display:flex !important;width:100%;padding:15px 20px;margin:12px 0 0 0 !important;border:2px solid #e5e5e5;border-radius:5px;justify-content:space-between;align-items:center;}
 
+.file_table tr td,.wrap .table-layout .file_table td{border-bottom:0}
+.file_table .file_row{display:block;background:transparent;white-space:nowrap;}
+.file_table .file_row img{display:inline-block;vertical-align:middle;margin:0 4px 0 0;}
+
+.wrap .col-table.data-table .file_table .fileView{display:flex;height:auto;flex-wrap:wrap;gap:6px;}
+.wrap .col-table.data-table .file_table .file_row{display:inline-block;background:#f4f5f6;}
+.wrap .col-table.data-table .file_table td{padding:0;}
+
 /* 갤러리 리스트 */
 .list_gallery{display:flex;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;margin:15px 0 0 0;padding:30px 0;gap:30px;flex-wrap:wrap}
 .list_gallery article{position:relative;width:calc((100% - 104px)/4);border:1px solid #d5d5d5;}