@charset "utf-8";

.common-pagination{ margin-top: 60rem; display: flex; justify-content: center; gap: 4rem 6rem;
	a{ display: grid; width: 38rem; aspect-ratio: 1; }
	.number{ place-items: center; background: #fff; border: 1px solid #ddd; border-radius: 50%; text-align: center; font-weight: 600; font-size: 14rem; color: #777; }
	.number[aria-current="page"]{ border-color: #222; color: #222; }
	.arrow{ background: url('/images/board/btn_pagination.png') no-repeat 0 0 / 152rem 76rem; }
	.first{ background-position-x: 0; }
	.prev{ background-position-x: -38rem; }
	.next{ background-position-x: -76rem; }
	.last{ background-position-x: -114rem; }
	@media(hover){
		.arrow:hover, .arrow:focus{background-position-y:-38rem;}
	}
}