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



/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap ul {display: flex; justify-content: center; gap:5px; margin-top: 80px;}
.paging_wrap ul li {width: 36px;height: 36px;display: flex; justify-content: center; align-items: center; background: #EEE;}
.paging_wrap ul li.on {background: #005739;}
.paging_wrap ul li a {color: #999;font-family: "Roboto Condensed";font-size: 18px;font-weight: 500;}
.paging_wrap ul li.on a {color:#fff;}




@media screen and (max-width:767px) {
.paging_wrap ul {display: flex; justify-content: center; gap:5px; margin-top: 40px;}
.paging_wrap ul li {width: 25px;height: 25px;display: flex; justify-content: center; align-items: center; background: #EEE;}
.paging_wrap ul li.on {background: #005739;}
.paging_wrap ul li a {color: #999;font-family: "Roboto Condensed";font-size: 12px;font-weight: 500;}
.paging_wrap ul li.on a {color:#fff;}
}