@charset "UTF-8";

.board_paging_wrap {
    width:100%;
    margin:0 auto;
    height:40px;
    text-align:center;
}
.board_paging_wrap img{
    width: 25px;
    height: 25px;
    border: 1px solid #c1c1c1;
    margin: 0 5px;
}

.this_paging_num{
    display:inline-block;
    vertical-align:top;
    line-height:25px;
    width:25px;
    height:25px;
    border:1px solid #c1c1c1;
    margin: 0 10px;
    text-decoration:none;
    background-color:#1D326C;
}

.this_paging_num span{
    font-size:1em;
    color:WHITE;
}

.paging_num{
    display:inline-block;
    vertical-align:top;
    line-height:25px;
    width:25px;
    height:25px;
    border:1px solid #c1c1c1;
    margin: 0 10px;
    text-decoration:none;
}

.paging_num span{
    font-size:1em;
    color:#000000;
}

/* css 수정 후 */
.pagination{
	width: 100%;
	height: 100px;
	line-height: 100px;
	margin-bottom: 20px;
}

.pagination a{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	margin: 5px;
	border-radius: 15px;
	color: #20418e;
	font-weight: bold;
}

.pagination a.activePage{
	font-weight: bold;
	background-color: #20418e;
	color: #fff;
}

.m-pagination{
	width: 100%;
	height: 100px;
	line-height: 100px;
}

.m-pagination a{
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	margin: 10px;
	border: 1px solid #c0c0c0;
	color: #20418e;
}

.m-pagination a.activePage{
	font-weight: bold;
	background-color: #20418e;
	color: #fff;
}

@media all and (max-width:800px){
	.pagination a{
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 16px;
	}
}

@media all and (max-width:370px){
	.pagination a{
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 16px;
		margin: 5px;
	}
	
}