질문입니다.

slick 슬라이더 css를 보면 .slick-dots 라는 부분이 동그라미 네비게이션입니다.

그건 이미 포지션 속성으로 잡혀 있으니 bottom: 20px 이렇게 해주시면 슬라이더 안쪽으로 들어 옵니다.

그리고 next와 prev를 사용하지 않을거면 .slick-arrow 에  display: none !important; 을 주시면 됩니다.

next와 prev 디자인 변경은 .slick-prev:before 과 .slick-next:before의 content의 내용으로 변경하시면 됩니다.

주말에 제가 새로운 반응형 강의 오픈 준비로 바빠서 답변이 늦었습니다. 이해 부탁드려요~^^