.wrapper{display:grid;grid-template-columns:20% 80%}
.wrap{padding: 25px 45px;display:flex;flex-direction:column;height:100vh;justify-content:space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.contentMain{ overflow-y: auto;}
#NewsBox .cate{display: inline-flex;flex-wrap: wrap;border: 1px solid #dedddd;background: white;border-radius: 10px;padding: 8px;margin-bottom: 30px;gap: 10px;}
#NewsBox .cate a{padding:8px 24px;border-radius: 11px;color: #848484;font-weight: 500;font-size: 15px;}
#NewsBox .cate a.active{background: #0f172a;color: white;}
#NewsBox .cate a:hover{background:#f2f2f2}
table{width:100%;border:1px solid #dedddd;border-radius:15px;background:#fff;border-collapse:separate;border-spacing:0;overflow:hidden}
table tr:first-child{border-bottom: 1px solid #dedddd;background: #f7f9fb;}
table tr:first-child th{padding: 10px 20px;border-bottom: 1px solid #dedddd;color: #949494;font-size: 14px;font-weight: 500;text-align: center;}
table tr:first-child th:first-child, table tr td:first-child{text-align:left;}
table td{padding: 10px 20px;text-align: center;font-size: 15px;font-weight: 400;border-bottom: 1px solid #f1f1f1;}
table td.score{color:var(--primary);font-size: 17px;font-weight: 500;}
table td.time{font-size:14px;color: #858585;}
table td.see svg{color: #5f626e;width: 17px;}
table tr:last-child td{border-bottom:0}

@media (max-width: 1280px){
    .wrapper{grid-template-columns: 25% 75%;}
}
@media (max-width: 980px){
    .wrap, .contentMain{height:auto;}
    .wrapper{grid-template-columns: 1fr;}
}
@media (max-width: 680px){
    .wrap{padding: 45px 25px;}
     table{border-spacing:0}
	table thead,table th{display:none}
	table tr:first-child{display:none;}
	table,tbody,tr,td{display:block;width:100%}
	tbody tr{background:#fff;border-bottom: 1px solid #e6edf5;padding: 12px 15px;box-shadow:0 10px 24px rgba(16,24,40,.06);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	tbody tr td{border:none !important;background:transparent;padding: 7px 0;display:flex;align-items: center;justify-content:space-between;gap:12px}
	tbody tr td::before{content:attr(data-label);color: #8c8e91;font-size:12px;font-weight: 700;letter-spacing:.08em;flex:0 0 auto;}
	tbody tr td{color: #3f4042;font-weight:700;font-size:14px}
	table td.time{font-weight: 400;}
	tbody tr td.score{font-size: 20px;font-weight:900}
	tbody tr td.see a{border-radius:14px;font-weight:800;display: inline-flex;background: #5f626e;align-items: center;justify-content: center;width: 30px;}
	table td.see svg{color: white;}
}