메인페이지 물건정보 영역 데이터 없을때 추가

src/components/main/MainContents.jsx

@@ -6,7 +6,7 @@ export default function MainContents() {
         <div className="main-product-list-wrap">
             <div className="main-product-list">
                 <ProductItem num={1} name={'最近の更新物件一覧'}>
-                    <ul className="recently-list">
+                    {/* <ul className="recently-list">
                         {Array.from({length : 3}).map((_, idx) => (
                             <li key={idx} className="recently-item">
                                 <div className="item-inner">
@@ -17,7 +17,12 @@ export default function MainContents() {
                                 </div>
                             </li>
                         ))}
-                    </ul>
+                    </ul> */}
+                    <div className="recently-no-data">
+                        <h3>登録された商品情報はありません。</h3>
+                        <p>下のボタンをクリックして商品情報を登録してください。</p>
+                        <button className="btn-origin navy">+ 新規物件登録</button>
+                    </div>
                 </ProductItem>                
                 <ProductItem num={2} name={'お知らせ'}>
                     <div className="notice-box">

src/components/publishpage/PublishPage.jsx

@@ -237,10 +237,14 @@ export default function PublishPage() {
                   <span>비밀번호 변경 팝업 추가</span>
                 </td>
                 <td className='red al-c'>
-                  <ul>
+                  <ul className='mb10'>
                     <li>2025-01-06</li>
                     <li>*메인페이지 자료다운로드 more 버튼 추가</li>
                   </ul>
+                  <ul>
+                    <li>2025-01-07</li>
+                    <li>*메인페이지 물건정보 영역 데이터 없는 경우 추가</li>
+                  </ul>
                 </td>
                 <td className="t-center">2024-10-10</td>
               </tr>

src/styles/_layout.scss

@@ -207,6 +207,7 @@ header{
             .select-box{
                 min-width: 165px;
                 margin-right: 8px;
+                height: 30px;
                 >div{
                     width: 100%;
                 }

src/styles/_main.scss

@@ -155,6 +155,7 @@
             .product-item-content{
                 margin-top: 30px;
                 overflow: hidden;
+                height: 100%;
                 .recently-list{
                     .recently-item{
                         border: 1px solid #F2F2F2;
@@ -208,6 +209,25 @@
                         }
                     }
                 }
+                .recently-no-data{
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                    height: 100%;
+                    h3{
+                        font-size: 16px;
+                        color: #101010;
+                        font-weight: 600;
+                        margin-bottom: 5px;
+                    }
+                    p{
+                        font-size: 12px;
+                        color: #666;
+                        font-weight: 400;
+                        margin-bottom: 10px;
+                    }
+                }
                 .notice-box{
                     height: 100%;
                     overflow-y: auto;