<ul id="comp_bn">
    <li>
        <button type="button" class="accordion-toggle bubn_btn">BUSINESS 01<span>사업보기</span></button>
        <div class="accordion-content default bubn_img">
            <img src="<?php echo G5_THEME_IMG_URL ?>/bu01.jpg" alt="회사설명">
            <div class="bubn_img_ov">
                <h3> BUSINESS 01</h3>
                <p>사업에 관한 간략 설명<br>회사에 대한 간략한 설명</p>
                <a href="#">상세보기</a>
            </div>
        </div>
    </li>
    <li>
        <button type="button" class="accordion-toggle bubn_btn">BUSINESS 02<span>사업보기</span></button>
        <div class="accordion-content  bubn_img">
            <img src="<?php echo G5_THEME_IMG_URL ?>/bu01.jpg" alt="회사설명">
            <div class="bubn_img_ov">
                <h3> BUSINESS 02</h3>
                <p>사업에 관한 간략 설명<br>회사에 대한 간략한 설명</p>
                <a href="#">상세보기</a>
            </div>
        </div>
    </li>
    <li>
        <button type="button" class="accordion-toggle bubn_btn">BUSINESS 03<span>사업보기</span></button>
        <div class="accordion-content  bubn_img">
            <img src="<?php echo G5_THEME_IMG_URL ?>/bu01.jpg" alt="회사설명">
            <div class="bubn_img_ov">
                <h3> BUSINESS 03</h3>
                <p>사업에 관한 간략 설명<br>회사에 대한 간략한 설명</p>
                <a href="#">상세보기</a>
            </div>
        </div>
    </li>
</ul>

컴파니라는 테마입니다. 배열이 1열 2열 3열로 되어 있는 것을 좌측,중앙,우측 으로 변경하려면 어떻게 해야 하나요?