/* 
* 커스텀 페이징 전용 CSS
* admin/lib/function.php - custom_paging() 함수 사용시 적용됨
*/



/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap02{text-align:center; box-sizing:border-box; margin-top: 100px;}
ul.paging02{display: flex; justify-content: center; font-size:0; gap:30px;}
ul.paging02 li{display:block; border:none; vertical-align:middle; }
ul.paging02 li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:16px; color:#555; }
ul.paging02 li a img{display: block; }
ul.paging02 li.on a{color:var(--co01);}


@media screen and (max-width:1024px) {

}


@media screen and (max-width:767px) {
.paging_wrap02{text-align:center; box-sizing:border-box; margin-top: 60px;}
ul.paging02{display: flex; justify-content: center; font-size:0; gap:20px;}
ul.paging02 li{display:block; border:none; vertical-align:middle; }
ul.paging02 li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:14px; color:#555; }
ul.paging02 li a img{display: block; width: 6px;}
ul.paging02 li.on a{color:var(--co01);}
}