.board-top-options{align-items:center;display:flex;font-size:14px;justify-content:flex-end;padding-bottom:14px}.sort-tabs{display:flex;gap:16px;list-style:none}.sort-tabs li a{color:#555;font-weight:400;text-decoration:none}.sort-tabs li.active a{color:#ef151e;font-weight:700;position:relative}.sort-tabs li.active a:after{background-color:#ef151e;bottom:-15px;content:"";height:2px;left:0;position:absolute;width:100%;z-index:2}.total-count .num{color:#ef151e;font-weight:700}.board-list-wrapper{border-top:1px solid #333;width:100%}.board-row{align-items:center;display:flex;font-size:14px;min-height:54px;padding:10px 0;text-align:center}.board-header{color:#333;font-weight:400}.board-body-row{border-top:1px solid #eee;color:#666;transition:background-color .2s ease}.board-body-row:hover{background-color:#fafafa}.col-title{flex:0 0 82%;min-width:0;padding-left:20px;text-align:left}.col-date{flex:0 0 18%}.board-header .col-title{text-align:center}.col-title a{color:#333;display:inline-block;display:block;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.col-title a:hover{text-decoration:underline}@media (max-width:768px){.board-top-options{font-size:13px;padding-bottom:10px}.sort-tabs li.active a:after{bottom:-11px}.col-num,.col-views{display:none}.col-title{flex:0 0 75%;padding-left:10px}.col-date{flex:0 0 25%;font-size:12px}.board-row{font-size:13px;min-height:48px}}.pagination-container_wrap{margin-bottom:56px;margin-top:40px}.pagination-container{display:flex;gap:12px;user-select:none}.page-btn,.pagination-container{align-items:center;justify-content:center}.page-btn{background-color:#fff;border:1px solid #dcdcdc;border-radius:50%;cursor:pointer;display:flex!important;height:32px;transition:all .2s ease;width:32px}.page-btn:hover{background-color:#f7f7f7;border-color:#999}.page-btn svg{fill:none;height:14px;stroke:#666;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:14px}.page-numbers{align-items:center;display:flex;gap:24px;list-style:none;padding:0 8px}.page-numbers li .page-number{color:#777;display:block;font-size:16px;font-weight:400;text-decoration:none;transition:color .2s ease}.page-numbers li .page-number:hover{color:#333}.page-numbers li.active .page-number{color:#ef151e;font-weight:700}@media (max-width:480px){.pagination-container{gap:8px;margin-top:30px}.page-btn{height:28px;width:28px}.page-btn svg{height:12px;width:12px}.page-numbers{gap:18px}.page-numbers li a{font-size:14px}}