feat: 중점우수토실 상세정보창 구분 테두리 추가

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

@@ -180,8 +180,8 @@ const Ssc = ({ featureData, isMainSsc, chmbrXcnts, chmbrYdnts, onSaveClick }: {
   };
 
   const renderModalBody = () => (
-    <div className='grid grid-cols-1 gap-4 p-4'>
-      <div>
+    <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>
         {/* 강우정보 테이블 */}
         <UiTable
@@ -228,17 +228,19 @@ const Ssc = ({ featureData, isMainSsc, chmbrXcnts, chmbrYdnts, onSaveClick }: {
         </UiTable>
       </div>
 
-      {/* 수량/수질측정 정보 테이블 */}
-      <UiTable
-        headName='수량/수질측정 정보'
-        tableData={mntrngsData}
-        headlist={untrtSwgRainCol5}
-        pageSize={3}
-        total={totalDetailCount}
-        cellClick={undefined}
-        onPageChange={setCurDetailPage}
-        resetPageNo={isResetDetailPage}
-      />
+      <div className='border rounded-lg p-4 bg-white'>
+        {/* 수량/수질측정 정보 테이블 */}
+        <UiTable
+          headName='수량/수질측정 정보'
+          tableData={mntrngsData}
+          headlist={untrtSwgRainCol5}
+          pageSize={3}
+          total={totalDetailCount}
+          cellClick={undefined}
+          onPageChange={setCurDetailPage}
+          resetPageNo={isResetDetailPage}
+        />
+      </div>
     </div>
   )