XE를 처음 사용해서 홈페이지를 제작중에 있습니다.
메인페이지는 서비스모듈 > 외부페이지를 사용하였는데 이 메인페이지에서만 탑부분 여백이 들어가고 있습니다.
다른 페이지들은 여백없이 잘 나오는데... 게시판 붙인 곳도요..
외부페이지를 이용한 메인만 탑부분 여백이 나타나고 있습니다.

- 메인페이지 : http://www.sfhrcon.com/xe/main

아래는 메인페이지 소스입니다.

<!-- css 파일 삽입 -->
<!--%import("css/style.css")-->
<!-- js 파일 삽입 -->
<!--%import("js/bluring.js")-->
<!--%import("js/swf.js")-->
<div class="all">
  <div class="top_menu">
    <SCRIPT>flash('/inc/img/top_menu.swf',900,100,1);</SCRIPT>
  </div>
  <div style="height:350px;">
    <img src="../main/img/main_img.jpg" width="900" height="350">
  </div>
  <div id="main">
   <div id="main_con1"><img class="zbxe_widget_output" widget="newest_document" skin="default" colorset="normal" title="JOB OPENING" order_target="list_order" order_type="desc" list_count="5" display_regdate="Y" mid_list="job_opening" /></div>
 <div id="main_con1">
<img class="zbxe_widget_output" widget="newest_document" skin="default" colorset="normal" title="Q&amp;A" order_target="list_order" order_type="desc" list_count="5" display_regdate="Y" mid_list="qna" />
 </div>
 <div id="main_con2">
   <div style="margin-bottom:10px;"><a href="/xe/news_event"><img src="../main/img/bn_news.jpg" alt="뉴스&amp;이벤트" width="176" height="60" border="0"></a></div>
   <div><img src="../main/img/bn_guin.jpg" alt="구인의뢰등록" width="176" height="60"></div>
 </div>  
  </div>
  
</div>

아래는 css파일입니다.

body {
 background-color: #e9f0f8;
 margin:0 auto;
}
body,td,th {
 font-family: 맑은 고딕, 돋움, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
 /*line-height:150%;*/
}

.all {background-image:url(/main/img/main_bg.jpg); background-position: top center; background-repeat:no-repeat;  width: 900px; margin:0 auto;}
.top_menu {height:100px; margin-top:50px;}
.copy {clear: both; margin:20px 0 0 0; border-top:#B2CDE8 1px solid;}

#main {height:130px; background-color:#FFFFFF; border:#D0E1F5 1px solid; padding:10px; margin:0;}
#main_con1 {float:left; width:340px; height:auto; margin-right:10px;}
#main_con2 {width:176px; float: right;}