메인

src/assets/css/custom.css

@@ -353,7 +353,7 @@ h1.logo span{display:block;color:#8a1c05;font-weight:bold;letter-spacing:2px;fon
   
 /*메인 대시보드*/
 .main-dashboard .card{margin-bottom:0px;}
-.dashboard-section{margin-top:2rem;}
+.dashboard-section + .dashboard-section{margin-top:2rem;}
 .menu-page div{height:120px;}
 .menu-page div a {width: 100%;height: 100%;padding: 0 20px;word-break: keep-all;font-size: 1.25rem;font-weight: bold;color:#555;display: flex;justify-content: center;align-items: center;}
 .menu-list01{background:url('../../assets/images/menu001.png')#ddd;background-size:cover;background-position:50% 50%;}

src/containers/main/dash/MainDashContainer.js

@@ -88,7 +88,29 @@ export const MainDashContainer = () => {
 
   return (
     <div className='main-dashboard'>
-      <DashboardMenu movePage={movePage} />
+      {/* <DashboardMenu movePage={movePage} /> */}
+      <div className='dashboard-section'>
+        <Row>
+          <Col md={4}>
+            <DashboardGroupList
+              data={groupList}
+              pageMove={handlerGroupDetail}
+            />
+          </Col>
+          <Col md={4}>
+            <DashboardGroupList
+              data={groupList}
+              pageMove={handlerGroupDetail}
+            />
+          </Col>
+          <Col md={4}>
+            <DashboardGroupList
+              data={groupList}
+              pageMove={handlerGroupDetail}
+            />
+          </Col>
+        </Row>
+      </div>
       <div className='dashboard-section'>
         <Row>
           <Col lg={8} md={12} className='dashboard-chart'>
@@ -109,6 +131,25 @@ export const MainDashContainer = () => {
         </Row>
       </div>
       <div className='dashboard-section'>
+        <Row>
+          <Col lg={8} md={12} className='dashboard-chart'>
+            <DashboardStcsDay
+              startDate={dayStartDate}
+              setStartDate={handlerStcsDayParam}
+              data={stcsDayList}
+            />
+          </Col>
+
+          <Col lg={4} md={12} className='dashboard-chart'>
+            <DashboardStcsArea
+              startDate={areaStartDate}
+              setStartDate={handlerStcsAreaParam}
+              data={stcsAreaList}
+            />
+          </Col>
+        </Row>
+      </div>
+      {/* <div className='dashboard-section'>
         <Row>
           <Col md={6}>
             <DashboardGroupList
@@ -120,7 +161,7 @@ export const MainDashContainer = () => {
             <DashboardDronList data={dronList} pageMove={handlerDronDetail} />
           </Col>
         </Row>
-      </div>
+      </div> */}
     </div>
   );
 };