제이쿼리 슬라이드에 화살표

그누보드5 사용중이구요

업체서 제작한걸 받아서 사용중인데

메인에 슬라이드 배너가 있는데

화살표가 양옆에 없어서 불편해서요 ㅜ

지금 index에

 <div class="swiper-pagination"></div>
</div>
 <script>
  var swiper = new Swiper('#main_visual', {
   pagination: '#main_visual .swiper-pagination',
   paginationClickable: true,
   autoplay: 5000,
   autoplayDisableOnInteraction: false,
   effect: 'fade',
   loop: true
  });
 </script>

요렇게만 들어있거든요

 <div class="swiper-pagination"></div>
     <!-- Add Arrows -->
   <div class="swiper-button-next"></div>
   <div class="swiper-button-prev"></div>
</div>
 <script>
  var swiper = new Swiper('#main_visual', {
   pagination: '#main_visual .swiper-pagination',
   paginationClickable: true,
   autoplay: 5000,
   autoplayDisableOnInteraction: false,
   effect: 'fade',
   loop: true
   navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
    },
  });
 </script>
이렇게 쓰고 css 도 default.css 에 넣어야 하나요??

방법 좀 알려주심 감사하겠습니다 ㅜ