1:1문의 페이지 전체 수정

src/app/inquiry/inquiryanswer/page.tsx

@@ -5,7 +5,7 @@ import Header from "@/components/layouts/Header";
 export default function InquiryAnswerPage(){
   return(
     <div className="wrap">
-      <Header name={"1:1お問い合わせ詳細"} backBtn={true}/>
+      <Header name={"お問い合わせ詳細"} backBtn={true}/>
       <div className="container">
         <InquiryAnswerData/>
       </div>

src/app/inquiry/inquirycreate/page.tsx

@@ -5,7 +5,7 @@ import Header from "@/components/layouts/Header";
 export default function InquiryCreatePage(){
   return(
     <div className="wrap">
-      <Header name={"1:1お問い合わせ"} backBtn={true}/>
+      <Header name={"お問い合わせ詳細"} backBtn={true}/>
       <div className="container">
         <InquiryCreateForm/>
       </div>

src/app/inquiry/inquirydetail/page.tsx

@@ -5,7 +5,7 @@ import Header from "@/components/layouts/Header";
 export default function InquiryDetailPage(){
   return(
     <div className="wrap">
-      <Header name={"1:1お問い合わせ詳細"} backBtn={true}/>
+      <Header name={"お問い合わせ登録"} backBtn={true}/>
       <div className="container">
         <InquiryDetailData/>
       </div>

src/app/inquiry/inquirylist/page.tsx

@@ -7,7 +7,7 @@ import Header from "@/components/layouts/Header";
 export default function InquiryListPage (){
   return(
     <div className="wrap">
-      <Header name={"1:1お問い合わせ"} backBtn={true}/>
+      <Header name={"お問い合わせ"} backBtn={true}/>
       <div className="container">
         <div className="sale-contents">
           <InquiryListForm/>

src/components/PublishList/PublishList.tsx

@@ -139,7 +139,11 @@ export default function PublishList (){
                     </td>
                     <td className='c'>
                     </td>
-                    <td className='c'>
+                    <td className='c red'>
+                      <ul>
+                        <li>2025/05/13</li>
+                        <li>* 제목 변경 및 문의 유형 추가</li>
+                      </ul>
                     </td>
                     <td className='c red'>2025/04/30</td>
                   </tr>
@@ -150,7 +154,11 @@ export default function PublishList (){
                     </td>
                     <td className='c'>
                     </td>
-                    <td className='c'>
+                    <td className='c red'>
+                      <ul>
+                        <li>2025/05/13</li>
+                        <li>* 문의 유형 필드 및 연락처, 이름 필드 추가, 제목 변경</li>
+                      </ul>
                     </td>
                     <td className='c red'>2025/04/30</td>
                   </tr>
@@ -161,7 +169,11 @@ export default function PublishList (){
                     </td>
                     <td className='c'>
                     </td>
-                    <td className='c'>
+                    <td className='c red'>
+                      <ul>
+                        <li>2025/05/13</li>
+                        <li>* 이름, 연락처, 문의 유형 추가, 제목 변경</li>
+                      </ul>
                     </td>
                     <td className='c red'>2025/04/30</td>
                   </tr>
@@ -172,7 +184,11 @@ export default function PublishList (){
                     </td>
                     <td className='c'>
                     </td>
-                    <td className='c'>
+                    <td className='c red'>
+                      <ul>
+                        <li>2025/05/13</li>
+                        <li>* 이름, 연락처, 문의 유형 추가, 제목 변경</li>
+                      </ul>
                     </td>
                     <td className='c red'>2025/04/30</td>
                   </tr>

src/components/inquiry/inquiryanswer/InquiryAnswerData.tsx

@@ -20,6 +20,14 @@ export default function InquiryAnswerData() {
                 <th>作者</th>
                 <td>Hong gi</td>
               </tr>
+              <tr>
+                <th>名前</th>
+                <td>Kim</td>
+              </tr>
+              <tr>
+                <th>番号</th>
+                <td>070-1234-5678</td>
+              </tr>
               <tr>
                 <th>販売店</th>
                 <td>interplug</td>
@@ -36,7 +44,11 @@ export default function InquiryAnswerData() {
           </table>
         </div>
         <div className="inquiry-detail-data">
-          <div className="inquiry-detail-category">屋根適合</div>
+          <div className="inquiry-detail-category">
+            <span>屋根</span>
+            <span>適合性</span>
+            <span>屋根材</span>
+          </div>
           <div className="inquiry-detail-tit">屋根材適合性確認依頼</div>
           <div className="inquiry-detail-txt">
             入力した内容が表示されます.<br/>
@@ -66,7 +78,7 @@ export default function InquiryAnswerData() {
           <div className="inquiry-answer-date"><span>佐藤一貴</span>/ <span>2025.04.02 16:54:00</span></div>
         </div>
         <div className="inquiry-detail-data">
-          <div className="inquiry-detail-category">回答</div>
+          <div className="inquiry-answer-tit">回答</div>
           <div className="inquiry-detail-txt">
             一次側接続は, 自動切替開閉器と住宅分電盤昼間遮断器との間に蓄電システム遮断器を配線する方法です.
             二次側接続は, 住宅分電盤週間ブレーカの二次側に蓄電システムブレーカを接続する

src/components/inquiry/inquirycreate/InquiryCreateForm.tsx

@@ -13,17 +13,41 @@ export default function InquiryCreateForm(){
               <option value="">屋根適合</option>
             </select>
           </div>
+          <div className="data-input mt5">
+            <select className="select-form" name="" id="">
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+            </select>
+          </div>
+          <div className="data-input mt5">
+            <select className="select-form" name="" id="">
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+              <option value="">屋根適合</option>
+            </select>
+          </div>
+        </div>
+        <div className="data-input-form-bx">
+          <div className="data-input-form-tit">名前 <i className="import">*</i></div>
+          <div className="data-input">
+            <input className="input-frame" type="text" placeholder="名前を書いてください"/>
+          </div>
+        </div>
+        <div className="data-input-form-bx">
+          <div className="data-input-form-tit">電話番号</div>
+          <div className="data-input">
+            <input className="input-frame" type="text" placeholder="電話番号を書き留めてください"/>
+          </div>
         </div>
         <div className="data-input-form-bx">
           <div className="data-input-form-tit">お問い合わせタイトル <i className="import">*</i></div>
           <div className="data-input">
-            <select className="select-form" name="" id="">
+            <input className="input-frame" type="text" placeholder="お問い合わせタイトルを記入してください"/>
-              <option value="">モジュールの取り付けを確認するかどうか</option>
-              <option value="">モジュールの取り付けを確認するかどうか</option>
-              <option value="">モジュールの取り付けを確認するかどうか</option>
-              <option value="">モジュールの取り付けを確認するかどうか</option>
-              <option value="">モジュールの取り付けを確認するかどうか</option>
-            </select>
           </div>
         </div>
         <div className="data-input-form-bx">

src/components/inquiry/inquirydetail/InquiryDetailData.tsx

@@ -20,6 +20,14 @@ export default function InquiryDetailData() {
                 <th>作者</th>
                 <td>Hong gi</td>
               </tr>
+              <tr>
+                <th>名前</th>
+                <td>Kim</td>
+              </tr>
+              <tr>
+                <th>番号</th>
+                <td>070-1234-5678</td>
+              </tr>
               <tr>
                 <th>販売店</th>
                 <td>interplug</td>
@@ -36,7 +44,11 @@ export default function InquiryDetailData() {
           </table>
         </div>
         <div className="inquiry-detail-data">
-          <div className="inquiry-detail-category">屋根適合</div>
+          <div className="inquiry-detail-category">
+            <span>屋根</span>
+            <span>適合性</span>
+            <span>屋根材</span>
+          </div>
           <div className="inquiry-detail-tit">屋根材適合性確認依頼</div>
           <div className="inquiry-detail-txt">
             入力した内容が表示されます.<br/>

src/components/inquiry/inquirylist/InquiryListTable.tsx

@@ -23,7 +23,11 @@ export default function InquiryListTable(){
         <ul className="inquiry-list">
           <li className="inquiry-item">
             <div className="inquiry-item-bx">
-              <div className="inquiry-item-category">屋根</div>
+              <div className="inquiry-item-category">
+                <span>屋根</span>
+                <span>適合性</span>
+                <span>屋根材</span>
+              </div>
               <div className="inquiry-item-tit">屋根材適合性確認依頼</div>
               <div className="inquiry-item-date">2025.04.02</div>
               <div className="inquiry-badge badge blue">回答待ち</div>
@@ -31,7 +35,11 @@ export default function InquiryListTable(){
           </li>
           <li className="inquiry-item">
             <div className="inquiry-item-bx">
-              <div className="inquiry-item-category">設計</div>
+              <div className="inquiry-item-category">
+                <span>屋根</span>
+                <span>適合性</span>
+                <span>屋根材</span>
+              </div>
               <div className="inquiry-item-tit">設置可能ですか？</div>
               <div className="inquiry-item-date">2025.04.02</div>
               <div className="inquiry-badge badge orange">回答完了</div>
@@ -39,7 +47,11 @@ export default function InquiryListTable(){
           </li>
           <li className="inquiry-item">
             <div className="inquiry-item-bx">
-              <div className="inquiry-item-category">屋根</div>
+              <div className="inquiry-item-category">
+                <span>屋根</span>
+                <span>適合性</span>
+                <span>屋根材</span>
+              </div>
               <div className="inquiry-item-tit">屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼</div>
               <div className="inquiry-item-date">2025.04.02</div>
               <div className="inquiry-badge badge blue">回答待ち</div>
@@ -47,7 +59,11 @@ export default function InquiryListTable(){
           </li>
           <li className="inquiry-item">
             <div className="inquiry-item-bx">
-              <div className="inquiry-item-category">設計</div>
+              <div className="inquiry-item-category">
+                <span>屋根</span>
+                <span>適合性</span>
+                <span>屋根材</span>
+              </div>
               <div className="inquiry-item-tit">設置可能ですか？</div>
               <div className="inquiry-item-date">2025.04.02</div>
               <div className="inquiry-badge badge orange">回答完了</div>

src/styles/components/_sub.scss

@@ -338,8 +338,34 @@
       position: relative;
       padding-right: 70px;
       .inquiry-item-category{
-        @include defaultFont($font-s-13, $font-w-400, $font-c);
+        display: flex;
+        align-items: center;
         margin-bottom: 5px;
+        span{
+          position: relative;
+          display: block;
+          @include defaultFont($font-s-13, $font-w-400, $font-c);
+          padding: 0 6px;
+          &:first-child{
+            padding-left: 0;
+          }
+          &:last-child{
+            padding-right: 0;
+            &::before{
+              display: none;
+            }
+          }
+          &::before{
+            content: '';
+            position: absolute;
+            top: 50%;
+            right: 0;
+            transform: translateY(-50%);
+            width: 1px;
+            height: 10px;
+            background-color: #A2ABB8;
+          }
+        }
       }
       .inquiry-item-tit{
         @include defaultFont($font-s-15, $font-w-500, $font-c);
@@ -419,8 +445,34 @@
   border-bottom: 1px solid #2E3A59;
   margin-bottom: 24px;
   .inquiry-detail-category{
-    @include defaultFont($font-s-13, $font-w-400, $font-c);
+    display: flex;
+    align-items: center;
     margin-bottom: 3px;
+    span{
+      position: relative;
+      display: block;
+      @include defaultFont($font-s-13, $font-w-400, $font-c);
+      padding: 0 6px;
+      &:first-child{
+        padding-left: 0;
+      }
+      &:last-child{
+        padding-right: 0;
+        &::before{
+          display: none;
+        }
+      }
+      &::before{
+        content: '';
+        position: absolute;
+        top: 50%;
+        right: 0;
+        transform: translateY(-50%);
+        width: 1px;
+        height: 10px;
+        background-color: #A2ABB8;
+      }
+    }
   }
   .inquiry-detail-tit{
     @include defaultFont($font-s-15, $font-w-500, $font-c);
@@ -434,6 +486,7 @@
 // 1:1 문의 답변
 .inquiry-answer-wrap{
   margin-top: 24px;
+  
 }
 .inquiry-answer-header{
   padding: 20px 0;
@@ -447,6 +500,10 @@
     @include defaultFont($font-s-13, $font-w-400, #F86A56);
   }
 }
+.inquiry-answer-tit{
+  @include defaultFont($font-s-13, $font-w-400, $font-c);
+  margin-bottom: 3px;
+}
 
 // 비밀번호 변경
 .border-frame{