Merge pull request 'style: 조사매물 목록 임시저장 등록번호 색상 변경' (#112) from style/survey-detail into dev

Reviewed-on: #112

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>

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;