#bo_pagination { display: flex; justify-content: center; align-items: center; margin-top: calc(var(--standard_px) * 50); }
#bo_pagination .page_list { display: flex; align-items: center; gap: calc(var(--standard_px) * 5); }
#bo_pagination .page_list li.page { border-radius: calc(var(--standard_px) * 3); background-color: #eee; }
#bo_pagination .page_list li.page a { display: flex; justify-content: center; align-items: center; width: calc(var(--standard_px) * 30); aspect-ratio: 1 / 1; }
#bo_pagination .page_list li.page a { font-size: calc(var(--standard_px) * 16); font-weight: 400; color: #9F9F9F; }
#bo_pagination .page_list li.page a span { font-size: calc(var(--standard_px) * 24); }

#bo_pagination .page_list li.page.on { background-color: var(--main_color); }
#bo_pagination .page_list li.page.on a { font-weight: 700; color: #fff; }

#bo_pagination .page_list li.page_first a { background: url(../img/btn_first.gif) center no-repeat #eee; }
#bo_pagination .page_list li.page_last a { background: url(../img/btn_end.gif) center no-repeat #eee; }