/* 슬라이드 라이브러리 생성후 적용되는 부분 */
.controller li.custom-pagination span{
    letter-spacing: -0.04rem;
    text-align:left;
    position:relative;
    width: 100%;
    height: 50px;
    display: block;
    padding: 0.94rem;
    margin: 0 !important;
    border-bottom: solid 1px #E8E8E8;
    border-radius: 0;
    background: #fff;
    left:0;
    top:0;
     transform: translateY(-45%);
  font-weight: 500;
    padding-top:0.688rem;
    transition:0.5s;
}
    .swiper-pagination-bullet {
        opacity:1;
    }
.controller .swiper-pagination{
   position:inherit;
}
.controller .swiper-pagination span:nth-child(1){
  margin-top: 1.438rem !important;
}
.controller .swiper-pagination span:nth-child(1):after{
  content: 'Line Items';
}
.controller .swiper-pagination span:nth-child(2):after{
  content: 'Documents';
}
.controller .swiper-pagination span:nth-child(3):after{
  content: 'List';
}
.controller .swiper-pagination span:nth-child(4):after{
  content: 'Schedules';
}
.controller .swiper-pagination span:last-child{
  border:0;
}
.controller .swiper-pagination span.swiper-pagination-bullet-active{
  font-size:1.25rem;
    font-weight:600;
}
.controller .swiper-pagination span.swiper-pagination-bullet-active:nth-child(1){
  color:var(--point-color01); 
  background:var(--point-bg01);
}
.controller .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2){
   color:var(--point-color02); 
  background:var(--point-bg02);
}
.controller .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3){
   color:var(--point-color03); 
  background:var(--point-bg03);
}
.controller .swiper-pagination span.swiper-pagination-bullet-active:nth-child(4){
   color:var(--point-color04); 
  background:var(--point-bg04);
}
.pagenation-wrap .controller .swiper-pagination-bullet{
    display: none;
}
.pagenation-wrap .controller .swiper-pagination-bullet:hover{
    background: #f3f3f3;
 }
.pagenation-wrap .controller span.swiper-pagination-bullet-active{
    display: block;
    transform: translateY(0);
 }
 .pagenation-wrap .controller span:first-child.swiper-pagination-bullet-active{
    transform: translateY(-45%);
}
.pagenation-wrap:hover .controller span.swiper-pagination-bullet {
    display: block;
    transform: translateY(-45%);
}