.paging {
  width: 100%;
  text-align: center;
}

.paging a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0 3px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 6px;
  background: transparent;
  color: var(--color-gray-light);
  text-decoration: none;
  vertical-align: middle;
  overflow: hidden;
  transition: border-color 0.25s ease, color 0.25s ease, background 0.25s ease;
}

.paging a div,
.paging a span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0;
  padding: 0 10px !important;
  background: none !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: calc(var(--font-base) * 0.8) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

.paging a.arrow span {
  position: relative;
  width: 34px;
  padding: 0 !important;
  font-size: 0 !important;
}

.paging a.arrow span::before,
.paging a.arrow span::after {
  content: "";
  flex: none;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-top: 1.5px solid currentColor;
  border-left: 1.5px solid currentColor;
  border-radius: 1px;
  transition: transform 0.25s ease;
}

.paging a.arrow span::after { display: none; }

.paging a.first span::after,
.paging a.end span::after { display: block; }

.paging a.prev span::before,
.paging a.first span::before,
.paging a.first span::after {
  transform: rotate(-45deg);
  margin-left: 3px;
}

.paging a.first span::after { margin-left: -2px; }

.paging a.next span::before,
.paging a.end span::before,
.paging a.end span::after {
  transform: rotate(135deg);
  margin-right: 3px;
}

.paging a.end span::after { margin-left: -2px; margin-right: 0; }

.paging a.end span::before { margin-right: -2px; }

.paging a.current {
  border-color: var(--color-orange);
  background: var(--color-orange);
  color: var(--color-white);
}

.paging a:hover {
  border-color: var(--color-orange);
  background: transparent;
  color: var(--color-orange);
}

.paging a.current:hover {
  background: var(--color-orange);
  color: var(--color-white);
}


/*°ü¸®ÀÚ*/
.paging2 {width:100%; text-align:center; height:25px; margin-top:20px;}
.paging2 a {display:inline-block; height:26px; line-height:22px; border:1px solid #ccc; background-color:#fff; text-decoration:none; vertical-align:top; overflow:hidden; margin-right:3px;}
.paging2 a span {display:block; width:23px; height:25px; vertical-align:middle; font-size:12px; font-family:verdana, tahoma, sans-serif; color:#555; letter-spacing:0px;}
.paging2 a.arrow {background-color:#fff; margin-right:3px;}
.paging2 a.arrow span {background-image:url(/images/paging_arrow.gif); background-repeat:no-repeat; text-indent:-9999px; width:23px; padding:0;}
.paging2 a.current {background-color:#ececec; border:1px solid #797979; color:#797979; font-weight:bold; margin-right:3px;}
.paging2 a.current div{color:#797979}
.paging2 a.current span {color:#797979;}
.paging2 a.current:hover {background-color:#ececec;}
.paging2 a.first span {background-position:6px 9px;}
.paging2 a.prev span {background-position:-22px 9px;}
.paging2 a.next span {background-position:-348px 9px;}
.paging2 a.end span {background-position:-378px 9px;}
.paging2 a:hover {background-color:#ececec;}


/*¸ð¹ÙÀÏ*/
.paging3 {width:100%; text-align:center;}
.paging3 a {display:inline-block; height:30px; line-height:21px; border:2px solid #ccc; background-color:#fff; text-decoration:none; vertical-align:top; overflow:hidden; margin-right:5px; border-radius:10px;}
.paging3 a span {display:block; height:23px; vertical-align:middle; font-size:12px; font-family:verdana, tahoma, sans-serif; color:#555; min-width:8px; padding:0 8px 0 7px; letter-spacing:-1px;}
.paging3 a.arrow {background-color:#fff; margin-right:5px;}
.paging3 a.arrow span {background-image:url(/images/paging_arrow.gif); background-repeat:no-repeat; text-indent:-9999px; width:23px; padding:0;}
.paging3 a.current {background-color:#fff; border:2px solid #3965af; color:#3965af; font-weight:bold; margin-right:5px;}
.paging3 a.current div{color:#3965af}
.paging3 a.current span {color:#3965af;}
.paging3 a.current:hover {background-color:#fff;}
.paging3 a.first span {background-position:6px 8px;}
.paging3 a.prev span {background-position:-22px 8px;}
.paging3 a.next span {background-position:-348px 8px;}
.paging3 a.end span {background-position:-378px 8px;}
.paging3 a:hover {background-color:#ececec;}