지붕재 적합성 pop 비고란 수정

src/app/roofcompliance/page.tsx

@@ -24,7 +24,7 @@ export default function RoofCompliancePage(){
         <button className="top-btn"></button>
       </div>
       {/* 지붕제 적합성 상세 팝업 */}
-      {/* <RoofComplianceDetailPop/> */}
+      <RoofComplianceDetailPop/>
     </>
   )
 }

src/components/roofcompliance/RoofComplianceDetailPop.tsx

@@ -54,7 +54,7 @@ export default function RoofComplianceDetailPop(){
                       <div className="pop-data-table-body">Ｄで設置可</div>
                       <div className="pop-data-table-footer">
                         <div className="pop-data-table-footer-unit">備考</div>
-                        <div className="pop-data-table-footer-data">入手困難</div>
+                        <div className="pop-data-table-footer-data">桟木なしの場合は支持金具平ー１で設置可能。その場合水返しが高い為、レベルプレート使用。桟木ありの場合は支持金具平ー２で設置可能</div>
                       </div>
                     </div>
                     <div className="check-pop-data-table">

src/styles/components/_pop-contents.scss

@@ -103,16 +103,12 @@
   @include defaultFont($font-s-13, $font-w-400, $font-c);
 }
 .pop-data-table-footer{
-  @include flex(0px);
   .pop-data-table-footer-unit{
-    flex: 1;
     padding: 10px;
     @include defaultFont($font-s-13, $font-w-500, $font-c);
-    border-right: 1px solid #2E3A59;
+    border-bottom: 1px solid #2E3A59;
   }
   .pop-data-table-footer-data{
-    flex: none;
-    width: 104px;
     padding: 10px;
     @include defaultFont($font-s-13, $font-w-400, $font-c);
   }