@charset "UTF-8"; /*font*/
@import url("../font/remixicon.css"); /* 기본 아이콘 : http://remixicon.com/에서 확인가능 */

/* 페이징 숫자 */
.pagination { display: flex; justify-content: center; margin:30px auto 0; text-align:center;padding-bottom: 50px; }
.arrow { display: flex; }
/* .pagination { display:inline-block; margin: 0 10px; font-size: 0; } */
.pagination li { margin-left: -1px; float: left; }
.pagination li a { display:table; margin-left: -1px; width:30px; height:30px; border:1px solid #e1e1e1; font-size:14px; }
.pagination li a > span { display:table-cell; vertical-align: middle; }
.pagination li.current a { background-color:#0253a5; color:#fff; }
.pagination li a:hover { color:#0253a5; text-decoration: underline; }
.pagination li.on a:hover { color:#fff; }
.pagination .prev>a{ background:url(../img/comm/icon_sprites.png) no-repeat 3px 2px; }
.pagination .prev>a:hover { background-color:#fff; border:1px solid #e1e1e1; }
.pagination .first>a { background:url(../img/comm/icon_sprites.png) no-repeat -40px 2px; }
.pagination .first>a:hover { background-color:#fff; border:1px solid #e1e1e1; }
.pagination .next>a { background:url(../img/comm/icon_sprites.png) no-repeat -15px 2px; }
.pagination .next>a:hover { background-color:#fff; border:1px solid #e1e1e1; }
.pagination .last>a { background:url(../img/comm/icon_sprites.png) no-repeat -62px 2px; }
.pagination .last>a:hover { background-color:#fff; border:1px solid #e1e1e1; }

.pagination_mobile {display: none;}
@media screen and (max-width:767px){

}
@media screen and (max-width:550px){
	.pagination {display: none;}
	.pagination_mobile { display: flex; justify-content: center; margin:30px auto 0; text-align:center;padding-bottom: 50px; }
	.pagination_mobile li { margin-left: -1px; float: left; }
	.pagination_mobile li a { display:table; margin-left: -1px; width:30px; height:30px; border:1px solid #e1e1e1; font-size:14px; }
	.pagination_mobile li a > span { display:table-cell; vertical-align: middle; }
	.pagination_mobile li.current a { background-color:#0253a5; color:#fff; }
	.pagination_mobile li a:hover { color:#0253a5; text-decoration: underline; }
	.pagination_mobile li.on a:hover { color:#fff; }
	.pagination_mobile .prev>a{ background:url(../img/comm/icon_sprites.png) no-repeat 3px 2px; }
	.pagination_mobile .prev>a:hover { background-color:#fff; border:1px solid #e1e1e1; }
	.pagination_mobile .first>a { background:url(../img/comm/icon_sprites.png) no-repeat -40px 2px; }
	.pagination_mobile .first>a:hover { background-color:#fff; border:1px solid #e1e1e1; }
	.pagination_mobile .next>a { background:url(../img/comm/icon_sprites.png) no-repeat -15px 2px; }
	.pagination_mobile .next>a:hover { background-color:#fff; border:1px solid #e1e1e1; }
	.pagination_mobile .last>a { background:url(../img/comm/icon_sprites.png) no-repeat -62px 2px; }
	.pagination_mobile .last>a:hover { background-color:#fff; border:1px solid #e1e1e1; }

}
@media screen and (max-width:840px) {

}
@media screen and (max-width:1299px){
}