@charset "utf-8";

/*****************************************
공통
*****************************************/
li { list-style-type:none; }

.border_footer{margin: 25px 0; position: relative;}
.bf_pagenate{margin-top: 5%;display: block;text-align: center;}
.bf_pagenate .paging {position: relative; display: inline-block;}

.bf_pagenate .paging a {color:#222;}
	.bf_pagenate .paging a.on {color:#fff; font-weight:500; border: 1px solid #333; background:#333;}


/* 처음, 이전, 다음, 끝 버튼 */
.bf_pagenate .paging .first,
.bf_pagenate .paging .prev,
.bf_pagenate .paging .next,
.bf_pagenate .paging .end {
	margin-left: 0;
	float: left;
	vertical-align: top;
	text-indent: -9999px;
	overflow: hidden;
	background:#fff url('/pages/board/images/icon_paging.png') no-repeat left 50%;
	border: 1px solid #dbdbdb;
	margin-left: 2px;
}
.bf_pagenate .paging ol {float: left; margin: 0 10px;}
	.bf_pagenate .paging ol li {float: left; margin-left: 3px;}
	.bf_pagenate .paging ol li:first-child {margin-left: 0 !important;}
	.bf_pagenate .paging ol li a{display: inline-block;}



/*****************************************
최대 767
*****************************************/
@media screen and (max-width:768px) {

	/* 버튼 크기 */
	.bf_pagenate .paging a { width: 28px; height: 28px; line-height: 28px;}

	/* 처음, 이전, 다음, 끝 버튼 Background 이미지 위치*/
	.bf_pagenate .paging .first {background-position: 1px 50%; margin-left: 0;}
	.bf_pagenate .paging .prev {background-position: -28px 50%;}
	.bf_pagenate .paging .next {background-position: -56px 50%;}
	.bf_pagenate .paging .end {background-position: -84px 50%;}

}



/*****************************************
최소 768 ~ 최대
*****************************************/
@media screen and (min-width:769px){

	/* 버튼 크기 */
	.bf_pagenate .paging a { width: 40px; height: 40px; line-height: 40px;}

	/* 처음, 이전, 다음, 끝 버튼 Background 이미지 위치*/
	.bf_pagenate .paging .first {background-position: 5px 50%; margin-left: 0;}
	.bf_pagenate .paging .prev {background-position: -22px 50%;}
	.bf_pagenate .paging .next {background-position: -50px 50%;}
	.bf_pagenate .paging .end {background-position: -78px 50%;}

}