이미지가 위치가 중앙에 맞춰서 나오시길 원하시는 것 같습니다.
원하시는 구현을 위해서는 다양한 방법이 있을 수 있습니다.
그중 현재 이미지 슬라이더 구조를 활용한 방법은 basic2테마 기준 /basic2/css/style.css 파일 .header-slider-bg > img 에 스타일을 수정하시면 되겠습니다.

.header-slider-bg > img {position:absolute;top:0;left:0} 에서 top:50%로 변경하시고 margin-top:-이미지 절반값 을 주가해 주시면 되겠습니다.
margin-top에 넣는 값 예) 출력되는 이미지 높이가 800px일 결우 절반값 400을 넣어줌 margin-top:-400px

.header-slider-bg > img {position:absolute;top:50%;left:0;margin-top:-400px}

반응형의 경우 가로폭에 따라 이미지 높이 값이 변하니 그에 맞춰 값을 수정하며 이때 미디어 쿼리를 사용하시면 되겠습니다.
미디어쿼리 사용예)

@media (min-width: 992px) {
	.header-slider-bg > img {margin-top:-200px}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header-slider-bg > img {margin-top:-150px}
}

감사합니다.