class명, css

src/assets/css/custom.css

@@ -1203,11 +1203,14 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 
 .search-case-list{width:100%;margin-bottom:1rem}
 .search-case-list ul{display:flex;}
-.search-case-list ul li{flex:1;text-align:center;font-size:0.875rem;font-weight:500;padding:0.4rem;}
+.search-case-list ul li{flex:auto;text-align:center;;font-size:0.875rem;font-weight:500;padding:0.4rem;}
 .search-case-list ul .approval{background-color:rgba(63, 172, 225, 0.4);color:rgba(23, 90, 124);border-top-left-radius:4px;border-bottom-left-radius:4px;}
 .search-case-list ul .not-approved{background-color: rgba(252, 3, 3, 0.4);color:rgba(124, 30, 30)}
 .search-case-list ul .non-target{background-color:#f4f4f4;color:#777;border-top-right-radius:4px;border-bottom-right-radius:4px;}
 .search-case-list ul .condition-approved{background-color:rgba(255, 206, 72, 0.4);color:rgba(164, 120, 0, 1);}
+.search-case-list ul .sent{background-color:rgba(20, 127, 0, 0.2);color:rgba(20, 127, 0, 1);}
+.search-case-list ul .not-sent{background-color:rgba(255, 128, 0, 0.3);color:rgba(255, 128, 0, 1);border-top-right-radius:4px;border-bottom-right-radius:4px;}
+
 
 .sc-AxhCb.sc-AxmLO {display: none;}
 /* .bg-color div{background:#eeeeee} */

src/components/flight/OperationApprovalsTable.js

@@ -1382,8 +1382,8 @@ export default function OperationApprovalsTable(props) {
               조건부 승인 {approvalCdValue.C}건
             </li>
             <li className='non-target'>비대상 {approvalCdValue.U}건</li>
-            <li className='non-target'>전송 0건</li>
-            <li className='non-target'>미 전송 0건</li>
+            <li className='sent'>전송 0건</li>
+            <li className='not-sent'>미 전송 0건</li>
           </ul>
         </div>
       </div>