메인 슬라이드 그림 바꾸기 채택완료

메인그림이 슬라이드처리되어

버튼을 누를때마다 슬라이드 그림이 바뀌게 하고 싶습니다.

아래의 색칠부분에서  원본에는 bn_bg1 만 되어 있는데... bn_bg2...  bn_bg3...  bn_bg4 등으로 그림을 바꾸고 싶은데,

어디서 바꿔야 하나요?

bn_bg2 부터 bn_bg4를 치면 하얀배경색만 나옵니다.

슬라이드는 총 4개입니다.

<!-- 콘텐츠 시작 { -->
<div id="idx_wrapper">
    <!--메인배너-->
    <div id="main_bn">
        <ul class="bn_ul">
            <li class="bn_bg1">
                <div class="bn_wr">
                    <div class="bn_txt">
                        <h2>행복한 부동산 거래<br>R마켓</h2>
                        <p>상가,오피스텔,아파트<br>2018년 성공투자의 동반자 - R마켓</p>
                    </div>
                </div>
            </li>
            <li class="bn_bg1">
                <div class="bn_wr">
                    <div class="bn_txt">
                        <h2>성공하는 상가투자<br>R마켓</h2>
                        <p>상가,오피스텔,아파트<br>2018년 성공투자의 동반자 - R마켓</p>
                    </div>
                </div>
            </li>