처리 현황 집계 기준을 지난 한달간으로 변경하고 막대그래프 제목 아래에 연간요청현황 추가

처리 현황이 업데이트 되면 즉시 집계에 반영되도록 변경

src/main/webapp/css/cms/contents.css

@@ -414,23 +414,23 @@ a.btn_search_gray:HOVER {background-color:#4c4c4c; border:1px solid #2f2f2f;}
 	}
 
 /*요청처리현황*/
-.sts-a { color: green !important; font-size: 12px; }  
-.sts-b { color: red !important; font-size: 12px; }
-.sts-c { color: blue !important; font-size: 12px; }  
+.sts-a { color: rgb(75,192,192) !important; font-size: 12px; }  
+.sts-b { color: rgb(255,99,132) !important; font-size: 12px; }
+.sts-c { color: rgb(54,162,235) !important; font-size: 12px; }  
 
 .year-text {
     font-size: 12px;
 }
 
 .year-info-wrap {
-    text-align: right;   /* 오른쪽 정렬 */
+    text-align: right;
 }
 
 .year-info {
     font-size: 12px;   
-    color: red;         /* 빨간 글씨 */
+    color: red;
     position: relative;
-    left: 370px;
+    left: 300px;
 }
 	
 /*차트*/
@@ -444,9 +444,47 @@ a.btn_search_gray:HOVER {background-color:#4c4c4c; border:1px solid #2f2f2f;}
      flex: 1;
  }
 
+.chart-wrapper {
+    width: 100%;
+    max-width: 900px;          /* 차트 너비와 동일하게 */
+    margin: 0 auto;            /* 중앙 정렬 */
+}
 
-	
-	
-	
+.chart-title {
+    text-align: center;        
+    margin-bottom: 16px;
+}
+
+.chart-main-title {
+    font-size: 20px;
+    font-weight: bold;
+    color: #666;
+    margin-bottom: 6px;        /* 줄바꿈 간격 */
+}
+
+.chart-sub-title {
+    font-size: 14px;
+}
+
+/* 상태별 색상 */
+.chart-sub-title .sts-a {
+    color: rgb(75,192,192);    /* 접수 - 초록 */
+    font-weight: 600;
+}
+
+.chart-sub-title .sts-b {
+    color: rgb(255,99,132);    /* 처리중 - 빨강 */
+    font-weight: 600;
+}
+
+.chart-sub-title .sts-c {
+    color: rgb(54,162,235);    /* 완료 - 파랑 */
+    font-weight: 600;
+}
+
+.chart-sub-title .sep {
+    margin: 0 6px;
+    color: #666;
+}