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



/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 80px;}
ul.paging{display: flex; justify-content: center; font-size:0; }
ul.paging li{display:block; margin:0 2px; width:40px; height:40px; border:1px solid #fff; vertical-align:middle; border-radius: 5px;}
ul.paging li.no_line{border: 0;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:14px; color:#fff; line-height:38px; font-weight: 600;}
ul.paging li a img{display: block; }
ul.paging li.on{background:#ffb500;  border:1px solid #ffb500 }
ul.paging li.on a{color:#ffffff; font-weight: 600;}

ul.paging_admin{display: flex; justify-content: center; font-size:0; }
ul.paging_admin li{display:block; margin:0 2px; border:1px solid #fff; vertical-align:middle; border-radius: 5px;}
ul.paging_admin li.no_line{border: 0;}
ul.paging_admin li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:14px; color:#fff; line-height:38px; font-weight: 600;}
ul.paging_admin li a img{display: block; }
ul.paging_admin li.on{background:#ffb500;  border:1px solid #ffb500 }
ul.paging_admin li.on a{color:#ffffff; font-weight: 600;}

@media screen and (max-width:767px) {
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 80px;}
ul.paging{display: flex; justify-content: center; font-size:0; }
ul.paging li{display:block; margin:0 2px; width:30px; height:30px;  border:1px solid #fff; vertical-align:middle; border-radius: 3px;}
ul.paging li.no_line{border: 0;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:12px; color:#fff; line-height:28px; font-weight: 600;}
ul.paging li a img{display: block; }
ul.paging li.on{background:#ffb500;  border:1px solid #ffb500 }
ul.paging li.on a{color:#ffffff; font-weight: 600;}

}