가운데 정렬이 안되고 계속 왼쪽 정렬이 되내여..

<style>

 .at-container1 {max-width:800px;text-align:center;}
 .no-responsive .wrapper, .no-responsive .at-container-wide { min-width:800px; }
 .no-responsive .boxed.wrapper, .no-responsive .at-container1 { width:800px; }

 .widget-index1 { overflow:hidden;text-align:center; }
 .widget-index1 .div-title-underbar { margin-bottom:15px; }
 .widget-index1 .div-title-underbar span { padding-bottom:4px; }
 .widget-index1 .div-title-underbar span b { font-weight:500; }
 .widget-index1 h2.div-title-underbar { font-size:22px; text-align:center; margin-bottom:15px; /* 위젯 타이틀 */ }
 .widget-index1 h2 .div-title-underbar-bold { font-weight:bold; padding-bottom:4px; border-bottom-width:4px; margin-bottom:-3px; }
 .widget-index1 .widget-box { margin-bottom:40px; }
 .widget-index1 .widget-img img { display:block; max-width:100%; /* 배너 이미지 */ }
 @media all and (max-width:767px) {
  .responsive .widget-index1 .widget-box { margin-bottom:30px; }
 }
 
</style>

 <div class="at-container1 widget-index1" style="text-align:center;">

  <?php echo apms_widget('basic-title', $pure_ca_id.'-wt1', 'height=800px', 'auto=0'); //타이틀 ?>

 </div>

위 위젯 <?php echo apms_widget('basic-title', $pure_ca_id.'-wt1', 'height=800px', 'auto=0'); //타이틀 ?>이 가운데 정렬이 안되고

계속 왼쪽 정렬이 되내여..

강제로 가운데 정렬 방법이 없을까여?