<script type='text/javascript' src="http://ifull.co.kr/js/jquery.min.js"></script>
<script type='text/javascript' src="http://ifull.co.kr/js/jquery.common.js"></script>
<script type='text/javascript' src="http://ifull.co.kr/js/jquery.banner.js"></script>


<style>
.clsBanner {position:relative;float:left}
.clsBannerButton {z-index:999}
.clsBannerScreen {z-index:1}
.clsBannerScreen div {display:none}
 
.clsHangerOut1 {font-size: 11px;list-style:none;float:left; width:72px; height:25px; padding-top:5px; color:#FFFFFF; background-color:#A1A1A1; text-align:center; border-top:2px solid #7BD342;}
.clsHangerOut2 {font-size: 11px;list-style:none;float:left; width:72px; height:25px; padding-top:5px; color:#FFFFFF; background-color:#7B7B7B; text-align:center; border-top:2px solid #7BD342;}
.clsHangerOver { font-size: 11px;list-style:none;float:left; width:72px; height:25px; padding-top:5px; color:#FFFFFF; background-color:#7BD342; text-align:center; border-top:2px solid #7BD342;}
</style>

<script language=javascript>
<!--//

 /* nCount:3 : 카운트 갯수 */
 /* nDelay:1000 : 디스플레이시간 */
 /* isActType:"up"; isActType:"right"; isActType:"page"; isActType:"none" */
 /* nOrderNo:1 시작위치  */
 $(function() {
  $("#divHanger").jQBanner({nWidth:544,nHeight:368,nCount:7,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:4000,isBtnType:"li"});
  $("#divRightTop1").jQBanner({nWidth:198,nHeight:186,nCount:3,isActType:"page",nOrderNo:3,isStartAct:"N",isStartDelay:"Y",isBtnAct:"click"});
  $("#divRightTop2").jQBanner({nWidth:128,nHeight:192,nCount:4,isActType:"none",nOrderNo:2,isStartAct:"N",isStartDelay:"Y"});
  $("#divMDPick").jQBanner({nWidth:504,nHeight:206,nCount:3,isActType:"up",nOrderNo:3,isStartAct:"N",isStartDelay:"Y",nDelay:5000,nSpeed:500});
  $("#divEvent").jQBanner({nWidth:283,nHeight:182,nCount:3,isActType:"none",nOrderNo:3,isStartAct:"N",isStartDelay:"Y"});
  $("#divNew").jQBanner({nWidth:717,nHeight:153,nCount:2,isActType:"up",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:5000,nSpeed:500});
  $("#divRank").jQBanner({nWidth:176,nHeight:365,nCount:2,isActType:"none",nOrderNo:2,isStartAct:"N",isStartDelay:"Y"});
  $("#divSection").jQBanner({nWidth:930,nHeight:392,nCount:4,isActType:"none",nOrderNo:2,isStartAct:"N",isStartDelay:"Y"});
  $("#divSokoob").jQBanner({nWidth:360,nHeight:171,nCount:3,isActType:"none",nOrderNo:3,isStartAct:"N",isStartDelay:"Y"});
  $("#divCulture").jQBanner({nWidth:540,nHeight:225,nCount:2,isActType:"none",nOrderNo:2,isStartAct:"N",isStartDelay:"Y"});
  $("#divJookbox").jQBanner({nWidth:355,nHeight:147,nCount:2,isActType:"none",nOrderNo:2,isStartAct:"N",isStartDelay:"Y"});
 });
//-->
</script>
 
<div style="width:930px;height:400px;">

 <div style="width:504px;float:left;margin:0 15px">
  <div id="divHanger" class="clsBanner">
   <div class="clsBannerScreen" style="float:left;">
    <div style='display:block'><img src="http://ifull.co.kr/screen/0001/1/scr_1_44399.jpg" width="504" height="368" border="0"></div>
    <div><img src="http://ifull.co.kr//test/img/1.gif" width="504" height="368" border="0"></div>
    <div><img src="http://ifull.co.kr//test/img/2.gif" width="504" height="368" border="0"></div>
    <div><img src="http://ifull.co.kr//test/img/3.gif" width="504" height="368" border="0"></div>
    <div><img src="http://ifull.co.kr//test/img/4.gif" width="504" height="368" border="0"></div>
    <div><img src="http://ifull.co.kr//test/img/5.gif" width="504" height="368" border="0"></div>
    <div><img src="http://ifull.co.kr//test/img/6.gif" width="504" height="368" border="0"></div>
   </div>
   <div class="clsBannerButton" style="position:absolute; top:368px; clear:both;left: -40px;">
    <ul>
     <li class="clsHangerOver" outclass="clsHangerOut1" overclass="clsHangerOver">숫자1</li>
     <li class="clsHangerOut2" outclass="clsHangerOut2" overclass="clsHangerOver">숫자2</li>
     <li class="clsHangerOut1" outclass="clsHangerOut1" overclass="clsHangerOver">숫자3</li>
     <li class="clsHangerOut2" outclass="clsHangerOut2" overclass="clsHangerOver">숫자4</li>
     <li class="clsHangerOut1" outclass="clsHangerOut1" overclass="clsHangerOver">숫자5</li>
     <li class="clsHangerOut2" outclass="clsHangerOut2" overclass="clsHangerOver">숫자6</li>
     <li class="clsHangerOut1" outclass="clsHangerOut1" overclass="clsHangerOver">숫자7</li>
    </ul>
   </div>
  </div>
 </div>
</div>