- IncidentTimelineUI VO 추가 - 장애 타임라인 화면 구현 지원

- PortalNoticeManService 장애 상태 타임라인 로직 추가
- 메인 CSS에 타임라인 스타일 추가

src/main/resources/static/css/main.css

@@ -19748,6 +19748,94 @@ input[type=checkbox]:checked + .custom-checkbox {
   margin-bottom: 8px;
 }
 
+.notice-detail-timeline {
+  padding-bottom: 40px;
+  border-bottom: 1px solid #eee;
+  margin-bottom: 48px;
+}
+.notice-detail-timeline .notice-timeline-title {
+  margin: 0 0 16px;
+  font-size: 18px;
+  font-weight: 700;
+  color: #000;
+}
+.notice-detail-timeline .timeline-table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: fixed;
+  border-bottom: 1px solid #e3e8f0;
+}
+.notice-detail-timeline .timeline-table thead th {
+  background: #f9f9f9;
+  height: 43px;
+  font-weight: 500;
+  font-size: 14px;
+  text-align: center;
+  color: #000;
+  border-bottom: 1px solid #e3e8f0;
+}
+.notice-detail-timeline .timeline-table tbody tr {
+  border-bottom: 1px solid #e3e8f0;
+}
+.notice-detail-timeline .timeline-table td {
+  padding: 10px 16px;
+  font-size: 14px;
+  color: #000;
+  vertical-align: top;
+}
+.notice-detail-timeline .timeline-table .timeline-ts {
+  color: #555;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+.notice-detail-timeline .timeline-table .timeline-body {
+  line-height: 1.6;
+  white-space: pre-line;
+  word-break: break-all;
+}
+@media (max-width: 1024px) {
+  .notice-detail-timeline .timeline-table {
+    table-layout: auto;
+  }
+  .notice-detail-timeline .timeline-table colgroup {
+    display: none;
+  }
+  .notice-detail-timeline .timeline-table thead th,
+  .notice-detail-timeline .timeline-table td {
+    padding: 8px 10px;
+    font-size: 13px;
+  }
+  .notice-detail-timeline .timeline-table .timeline-ts {
+    white-space: normal;
+  }
+}
+.notice-detail-timeline .timeline-state {
+  display: inline-block;
+  padding: 2px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  background: #eef1f5;
+  color: #4b5563;
+}
+.notice-detail-timeline .timeline-state.state-RESOLVED {
+  background: #e7f6ec;
+  color: #1b8c4a;
+}
+.notice-detail-timeline .timeline-state.state-MONITORING, .notice-detail-timeline .timeline-state.state-INVESTIGATING {
+  background: #fef3c7;
+  color: #c77800;
+}
+.notice-detail-timeline .timeline-state.state-IDENTIFIED {
+  background: #fdeee2;
+  color: #c95a0f;
+}
+.notice-detail-timeline .timeline-state.state-CANCELED {
+  background: #eef1f5;
+  color: #6b7280;
+}
+
 .notice-detail-actions {
   display: flex;
   justify-content: center;
@@ -28620,3 +28708,5 @@ input[type=checkbox]:checked + .custom-checkbox {
   white-space: nowrap;
   border: 0;
 }
+
+/*# sourceMappingURL=main.css.map */