/* 
* 而ㅼ뒪�� �섏씠吏� �꾩슜 CSS
* admin/lib/function.php - custom_paging() �⑥닔 �ъ슜�� �곸슜��
*/

/* custom_paging �섏씠吏� 愿���
.paginate {clear:both; position:relative; width:100%; height:50px; margin:0 auto;  text-align:center; box-sizing:border-box; }
.paginate li {display: inline-block; width: 40px; height:40px; line-height: 15px;margin-left:3px; box-sizing:border-box;}
.paginate li a {display: inline-block;  color: #666666; height:50px; text-decoration: none; font-weight:bold; line-height:21px; 
font-size:13px; box-sizing:border-box;}
.paginate ul li strong {background: none repeat scroll 0 0 #666;  padding:0 7px;  height:50px; color: #FFFFFF; line-height:21px; display:inline-block; 
text-decoration:none; vertical-align: middle; border:1px solid #666; box-sizing:border-box;}
.over_page{width:40px; height:40px;  border:1px solid #dbdbdb; height:50px;  line-height:21px;  padding:0 7px;  display:inline-block;  vertical-align: middle;  box-sizing:border-box;}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
.paginate {clear:both; position:relative; width:100%; height:42px; margin:0 auto;  text-align:center; box-sizing:border-box; }
.paginate li {display: inline-block; width: 40px; height:40px;  margin-left:5px; box-sizing:border-box;}
.paginate li a {display: inline-block;  color: #666666;  height:40px; text-decoration: none; font-weight:bold; line-height:38px; 
font-size:13px; box-sizing:border-box;}
.paginate ul li strong {background: none repeat scroll 0 0 #666;  padding:0 7px;  width: 40px; height:40px; color: #FFFFFF; line-height:38px; display:inline-block; 
text-decoration:none; vertical-align: middle; border:1px solid #666; box-sizing:border-box;}
.over_page{border: 1px solid #dbdbdb; width: 40px; height:40px;  border:1px solid #dbdbdb;  line-height:38px; padding:0 7px;   display:inline-block;  vertical-align: middle;  box-sizing:border-box;}
}
 */
/* custom_paging �섏씠吏� 愿��� (story_visual)*/
/* paging */
.paging_wrap{font-family: 'Noto Sans KR'; text-align:center; box-sizing:border-box; margin-top:70px;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; margin:0 4px; vertical-align:middle; }
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; width:44px; height:44px; border:1px solid #ddd; font-size:16px; color:#555; line-height:40px; font-weight:500; }
ul.paging li.page_arrow a{line-height:38px; background:#fff;}
ul.paging li.on{background:#555555; }
ul.paging li.on a{color:#ffffff; border:1px solid #7c7c7c; font-weight:400;}

@media screen and (max-width: 750px) {
.paging_wrap{font-family: 'Noto Sans KR'; text-align:center; box-sizing:border-box; margin-top:70px;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; margin:0 4px; vertical-align:middle; }
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; width:25px; height:25px; border:1px solid #ddd; font-size:12px; color:#555; line-height:23px; font-weight:500; }
ul.paging li.page_arrow a{line-height:23px; background:#fff;}
ul.paging li.on{background:#555555; }
ul.paging li.on a{color:#ffffff; border:1px solid #7c7c7c; font-weight:400;}

}