해당 html에서

class="xe-widget-wrapper banner"를 찾으셔서 style이 적용되어 있다면
margin: 0px를 margin: 0 auto로, width: 100%를 사이트의 가로폭(예를 들어 1200px)으로 변경하세요.

style로 적용된게 아니라면 관련 css 검색하셔서 상기 내용으로 수정하시면 됩니다.

슬라이더 부분을 가운데 정렬하고자 하신다면 /widget/coinslider/skins/default/js/coin-slider.js 에서

            // set panel
            jQuery(el).css({
                'background-image':'url('+images[el.id][0]+')',
                'width': params[el.id].width,
                'height': params[el.id].height,
                'position': 'relative',
                'background-position': 'top left'
            }).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");    

와 같은 부분을 찾아서

            // set panel
            jQuery(el).css({
                'background-image':'url('+images[el.id][0]+')',
                'width': params[el.id].width,
                'height': params[el.id].height,
                'position': 'relative',
                'background-position': 'top left',
                'margin' : '0 auto'
            }).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");

빨간색 부분을 추가해보세요.

공지사항 등, 위젯부분들을 감싸는 컨테이너를 하나 만들고, margin:auto; 를 주시고 

그 컨테이너의 상위 태그에다가 text-align:center;를 줘 보세요.

#content { margin:auto; width:1400px;}

여기에 소개된 친절하신 분들의 도움으로도

우리 회사 서버에는 잘 안되어서 

며칠 헤매다가 해결책을 찾았습니다.

혹시 아래와 같은 상태를 원하는 것이라면 간단하게 해결되니까

아래 링크를 참고하여 보시기 바랍니다.

늘 이곳 좋은 글들을 참고하면서 고마움이 컸는데,

저도 도움이 될 수 있으면 정말 좋겠네요.
 

https://yorom.kr/index.php?mid=RomeNote&document_srl=785