feat: 중점우수토실 세로 간격 조정 (공단 페이지에서 아래가 짤리는 문제가 있음)

apps/sn/app/(map-layout)/map/components/popupComponent/Ssc.tsx

@@ -231,11 +231,12 @@ const Ssc = ({ featureData, isMainSsc, chmbrXcnts, chmbrYdnts, onSaveClick }: {
 
   const renderModalBody = () => (
     <div className='grid grid-cols-1 gap-4 p-4 mr-4 mt-4'>
-      <div className='border rounded-lg p-4 bg-white'>
-        <Label className='text-3xl font-medium text-label '>강우/측정 정보</Label>
+      <div className='border rounded-lg pt-4 bg-white'>
+        <Label className='text-2xl font-bold text-label ml-4'>강우/측정 정보</Label>
+        <hr className="my-4 ml-4 mr-4 border-t border-gray-300" />
         {/* 강우정보 테이블 */}
         <UiTable
-          headName='강우정보'
+          headName=''
           tableData={rainMeasureData}
           headlist={untrtSwgRainCol3}
           pageSize={3}
@@ -249,7 +250,7 @@ const Ssc = ({ featureData, isMainSsc, chmbrXcnts, chmbrYdnts, onSaveClick }: {
 
         {/* 측정정보 테이블 */}
         <UiTable
-          headName='측정정보'
+          headName=''
           tableData={rainMeasureData}
           headlist={untrtSwgRainCol4}
           pageSize={3}
@@ -278,11 +279,12 @@ const Ssc = ({ featureData, isMainSsc, chmbrXcnts, chmbrYdnts, onSaveClick }: {
         </UiTable>
       </div>
 
-      <div className='border rounded-lg p-4 bg-white'>
+      <div className='border rounded-lg pt-4 bg-white'>
         {/* 수량/수질측정 정보 테이블 */}
-        <Label className='text-3xl font-medium text-label '>수량/수질측정 정보</Label>
+        <Label className='text-2xl font-bold text-label ml-4'>수량/수질측정 정보</Label>
+        <hr className="my-4 ml-4 mr-4 border-t border-gray-300" />
         <UiTable
-          headName=' '
+          headName=''
           tableData={mntrngsData}
           headlist={untrtSwgRainCol5}
           pageSize={3}
@@ -340,8 +342,7 @@ const Ssc = ({ featureData, isMainSsc, chmbrXcnts, chmbrYdnts, onSaveClick }: {
             `}
             body={renderModalBody()}
             noHeaderYn='Y'
-            noFooterYn='N'
-          // footerContent={renderFooterContent()}
+            noFooterYn='Y'
           />
         </div>
       )}