From 542140879a983d10f384c57c043a35c8a4c9d006 Mon Sep 17 00:00:00 2001
From: keyy1315 <lovelina1315@gmail.com>
Date: Fri, 18 Jul 2025 17:02:58 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=A1=B0=EC=82=AC=EB=A7=A4=EB=AC=BC?=
 =?UTF-8?q?=20=EB=AA=A9=EB=A1=9D=20=EC=9E=84=EC=8B=9C=EC=A0=80=EC=9E=A5=20?=
 =?UTF-8?q?=EB=93=B1=EB=A1=9D=EB=B2=88=ED=98=B8=20=EC=83=89=EC=83=81=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/survey-sale/list/ListTable.tsx |  6 +++++-
 src/styles/components/_sub.scss               | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/survey-sale/list/ListTable.tsx b/src/components/survey-sale/list/ListTable.tsx
index 19cbec4..70f7a33 100644
--- a/src/components/survey-sale/list/ListTable.tsx
+++ b/src/components/survey-sale/list/ListTable.tsx
@@ -68,7 +68,11 @@ export default function ListTable() {
               <li className="sale-list-item cursor-pointer" key={survey.id} onClick={() => handleDetailClick(survey.id)}>
                 <div className="sale-item-bx">
                   <div className="sale-item-date-bx">
-                    <div className="sale-item-num">{survey.srlNo}</div>
+                    {survey.srlNo?.startsWith('一時保存') ? (
+                      <div className="sale-data-num">{survey.srlNo}</div>
+                    ) : (
+                      <div className="sale-item-num">{survey.srlNo}</div>
+                    )}
                     <div className="sale-item-date">{formatDate(survey.regDt)}</div>
                   </div>
                   <div className="sale-item-tit">{survey.buildingName === null ? '-' : survey.buildingName}</div>
diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss
index a1d2de2..8f551bb 100644
--- a/src/styles/components/_sub.scss
+++ b/src/styles/components/_sub.scss
@@ -93,6 +93,21 @@
   }
 } 
 .sale-list-wrap{
+  .sale-data-num {
+    position: relative;
+    @include defaultFont($font-s-13, $font-w-400, #1259CB);
+    padding-right: 6px;
+      &::after{
+        content: '';
+        position: absolute;
+        top: 50%;
+        right: 0;
+        transform: translateY(-50%);
+        width: 1px;
+        height: 10px;
+        background-color: #A2ABB8;
+      }
+  }
   .sale-list-item{
     padding-top: 14px;
     padding-bottom: 14px;