#bo_cate_ul li.active{background-color: white;
    color: #007bff;
    border: 2px solid #007bff; /* 파란색 테두리 추가 */
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); /* 은은한 파란색 그림자 */}
#bo_cate_ul li.active a{color: #007bff;}
#bo_list_top{padding-bottom:20px}
.table .bg-300 th{background-color: rgba(var(--koa-300-rgb), 1) !important;}
.table-list tbody{border-top:2px solid #dddddd;margin-top:20px}
.table-list td{padding-top:25px;padding-bottom: 25px;vertical-align: middle;}
.table-list .list-subject{font-size:1.2em!important}

.pn-link{display:flex;justify-content: space-between;align-items: center;margin-top: 8px;padding: 1.5em 1em;border-radius: 1em;background: #f6f6f6}
.pn-subject{width:100%;display: flex; align-items: center;}
.pn-head{padding-right:50px;width:180px}
.nb_date{width:120px;text-align: right}

#bo_cate_ul{display: flex;align-items: center;justify-content: center;padding: 15px 0;border-radius: 10px;}

.bo_cate_link{background-color:#6db2e2;padding:0 7px 3px 7px;border-radius:5px;color:white;font-size: 0.9em;}
.tr-hover > * {transition: 0.1s ease-in-out;}
.tr-hover:hover > * {background-color: rgb(242, 245, 247);}

#bo_cate_ul li{padding: 5px 15px;border-radius: 10px;background-color: #068aff;color: white;margin: 0 2px;}
#bo_cate_ul li a{color: white;}