360사이즈의 배너 3개를 가로 나열하려고하는데 

크롬검사기에서 <section id="main-banner2">의 ul 까지는 읽히는데 li 부터 아예인식이안됩니다

해결방안이있을까요...

<?php echo display_banner('메인', 'mainbanner.10.skin.php'); ?>
<section id="main-banner">
    <div class="main-vis">
        
        <ul class="bxslider">
            <li><a href="#"><img src="/shop/img/main_bn_main1.png" alt="메인비쥬얼1"></a></li>
            <li><a href="#"><img src="/shop/img/main_bn_main2.png" alt="메인비쥬얼1"></a></li>
            <li><a href="#"><img src="/shop/img/main_bn_main3.png" alt="메인비쥬얼1"></a></li>
            <li><a href="#"><img src="/shop/img/main_bn_main4.png" alt="메인비쥬얼1"></a></li>        
        </ul>
        
        <div id="bx-pager">
            <a href="#" data-slide-index="0" class="active">1</a>
            <a href="#" data-slide-index="1">2</a>
            <a href="#" data-slide-index="2">3</a>
            <a href="#" data-slide-index="2">4</a>
        </div>

    </div>
</section>

<?php echo display_banner('왼쪽', 'mainbanner.20.skin.php'); ?>
<section id="main-banner2">
    <div class="main-3bx-banner">
        
        <ul class="3bn">
            <li ><a href="#"><img src="/shop/img/main_bn2_main1.jpg" alt="메인비쥬얼2"></a></li>
            <li><a href="#"><img src="/shop/img/main_bn2_main2.jpg" alt="메인비쥬얼2"></a></li>
            <li><a href="#"><img src="/shop/img/main_bn2_main3.jpg" alt="메인비쥬얼2"></a></li>
        </ul>

    </div>
</section>

/////////////////////////////////////////////////////////////////////////////////////////////////

/* 메인배너 */
#main-banner{width:100%; height:500px; position:relative;border:1px solid#ddd;}
#main-banner .main-vis{}
#main-banner .main-vis .bxslider{}
#main-banner .main-vis .bxslider li{}
#main-banner .main-vis .bxslider li a{position:relative;}
#main-banner .main-vis .bxslider li a img{position:absolute; left:0; top:0;max-width:1900px; height:500px;}

#main-banner #bx-pager{position:absolute; left:0; right:0; bottom:30px;;width:125px;margin-left:auto;margin-right:auto;}
#main-banner #bx-pager a{ display: block;float: left;width: 16px;height: 16px;background: #f0f0f0;margin: 0 5px;border:1px solid#979797;border-radius: 50%;box-sizing: border-box;text-indent: -9999px;transition: all 0.5s ease;}
#main-banner #bx-pager a:hover{background-color: #494949; border: 0; }

/* 메인 왼쪽배너 */
#main-banner2{width:1100px;margin: 50px auto;}
#main-banner2 .main-3bx-banner{width:100%;}
#main-banner2 .main-3bx-banner .3bn{width::100%; overflow:hidden;}
#main-banner2 .main-3bx-banner .3bn li{width:360px; float:left;}
#main-banner2 .main-3bx-banner .3bn li a{}
#main-banner2 .main-3bx-banner .3bn li a img{}