@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
}

/* 오버레이 */
#pagination_id {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
#pagination_id #pagination_col .pagination_ul {
  width: 100%;
  display: flex;
  justify-content: center;
}
#pagination_id #pagination_col .pagination_ul li.page-item {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ebedf0;
  margin: 1px;
}
#pagination_id #pagination_col .pagination_ul li.page-item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #323333;
}
#pagination_id #pagination_col .pagination_ul li.page-item a span {
  position: absolute;
  width: 15px;
  height: 1px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #323333;
  background-color: #0a0a1a;
}
#pagination_id #pagination_col .pagination_ul li.page-item a span.right_span1 {
  transform-origin: right;
  transform: rotate(55deg);
}
#pagination_id #pagination_col .pagination_ul li.page-item a span.right_span2 {
  transform-origin: right;
  transform: rotate(-55deg);
}
#pagination_id #pagination_col .pagination_ul li.page-item a span.left_span1 {
  transform-origin: left;
  transform: rotate(55deg);
}
#pagination_id #pagination_col .pagination_ul li.page-item a span.left_span2 {
  transform-origin: left;
  transform: rotate(-55deg);
}
#pagination_id #pagination_col .pagination_ul li.page-item.active {
  background-color: #0a0a1a;
}
#pagination_id #pagination_col .pagination_ul li.page-item.active span {
  color: #ffffff;
}

/*# sourceMappingURL=pagination.css.map */