/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

/* 아이콘 notice */
.ico_notice { 
	padding:2px 6px 1px 6px; 
	background:#f43e54; 
	color:#fff;
	font-size:13px;
	border-radius:3px;
	border:1px solid #e22c42;
	vertical-align:middle;
}
/* 중앙정렬 */
.layer_center { width:100%; clear:both; }
.ly_center { margin:0 auto; text-align:center; width:100%; }
/* 페이징 */
/*.page{
   float : left;
   width : 100%;
}*/

.wrap_page { width:100%; float:left; margin-top:30px; }
.pagination-holder { width:100%; clear:both; }

.pagination {
	text-align:center;
	width:100%;
  margin:0 auto;
}

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	overflow: hidden;
	/*padding: 0 5px 5px 0;
	margin:0 auto;*/
	width:100%;
	text-align:center;
}

.pagination_cms {
   /* margin-left:100px !important;*/
}
.pagination_news { 
	/* margin-left:0 !important; */
}


.simple-pagination li {
	display:inline-block;

	
}
/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a {
	width:28px;
	height:28px;
	float:left;
	margin-right:10px;
	border:1px solid #ddd;
	border-radius:50% 50%;
	padding-top:0px;
	color:#353535;
	line-height:26px;
	font-size:13px;
}
:root .light-theme a { line-height:25px; }

.light-theme span {
	float:left;
	color: #fff;
	
}

.light-theme a:hover {
	text-decoration: none;
	color:#848484;
	border-color:#848484;
}

.light-theme .current {
	width:28px;
	height:28px;
	float:left;
	margin-right:10px;
	border:1px solid #ddd;
	border-radius:50% 50%;
	padding-top:0px;	
	background:#848484; 
	border-color:#848484;
	cursor: default;
	line-height:26px;
	font-size:13px;
}

:root .light-theme .current { line-height:25px; }

.light-theme .prev, .light-theme .next {
	background:none;
	border:none;
	margin-bottom:3px;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: default;
	color: #666;
	margin-right:7px;
}

@media screen and (max-width:375px) {
	width:375px;
}
@media screen and (max-width:360px) {
	width:360px;
}