커스텀 타일셋관련 스타일 문의입니다

이미지 타일을 활용하여 타일셋을 만들고 있는데, 기존이미지 위치와 지도의 구조물들간의 위치가 맞지가 않아
타일셋 위치를 밀어주려고 합니다.

처음에는 타일셋을 추가하는 부분에 div.style.marginTop과 left를 사용하여 여백으로 위치를 조정했는데,
문제가 여백을 주다보니 여백을 준 만큼 렌더링이 늦어져서 맵을 보기가 불편한 부분이 발생했습니다.

DOM style 관련하여 찾아보다보니, style.position과 style.top 등을 사용해 위치를 조정할 수 있을거라 생각했는데,
아쉽게도 적용이 되지 않습니다. 아래코드는 카카오API 샘플페이지의 커스텀타일셋2에서 직접해보기에서 테스트한 부분입니다. 전체타일셋 위치를 픽셀단위로 조정하고 싶은데 어떻게 해야할까요?

20201203_104544

코드를 입력을 안해 사진으로 첨부합니다