오래간만에 다른 일을 하다 다시 소스를 보려다 보니 잊어먹은게 많았네요
높이에 대한 문제의 해결 방법은 찾았습니다.

.header-slider-bg {z-index:1;padding:110px 0;position:relative;overflow:hidden;text-align:center;height:800px}

css의 해당 라인부분의 높이를 수정하면 되며,
저와 같이 수정 후에도 적용이 안되는 경우 웹브라우저의 캐시를 삭제 후 다시 실행하면 적용된 형태가 보입니다

이제 배경 이미지 출력 문제 해결만이 남아 있네요 ㅎ

다른 문제에 봉착했네요 높이를 height:600px로 줬는데

정작 이미지를 600px로 만들어 넣으니 절반 정도 높이가 빈 상태로 출력이 되네요 흠.......................

정신이 갑자기 아득해 지네요.... ㅎ

지정된 px로 테이블이 왜 안만들어지는 걸까요?
분명 600px로 수정했음에도 불구하고 거의 2배 이상 크기로 만들어 지다니.... ㅠㅠ

가로크기와의 비율을 계산해서 설정해 보심이...
참고로 반응형 테마의 경우 각각의 디바이스에 따라 크기가 틀려지기 때문에 이 부분을 염두하시고 수정하셔야 될거에요.

px 픽셀은 고정형으로 알고 있는데
css에서 높이 600px로 하고
이미지 프로그램에서 600px로 잘라낸 경우 절반 조금 못미치게 나오네요

이유는 딱히 모르겠습니다. ㅎ

그냥 맞춰서 사용해봐야지 지금 당장은 방법을 모르겠네요
레오나르도님 말씀대로 나머지 부분들에 대해서도 다 변경 해야 겠어요