{{if dspCnr.dspCnrDscr == 'MAIN_MCOM_BRAND'}}
    {{if dspCnrSetList!= null && dspCnrSetList.length > 1}}
        <div class="module-brand-multi">
            <div class="row gx-8 justify-content-center">
                <div class="col-8-5 position-r">
                    <div class="swiper carousel" id="moduleBrandCarousel">
                        <ul class="swiper-wrapper carousel-list">
                            {{for dspCnrSetList itemVar="~set" ~cnrDscr=dspCnr.dspCnrDscr}}
                            {{if #getIndex() == 0 || #getIndex() == 18}}
                            <li class="swiper-slide carousel-item">
                                <div class="row gx-8 gy-16 justify-content-center">
                            {{/if}}
                                    {{if ~localObject.setCnt < 36}}
                                    {{if ~set.cnrConttTpGrpNm != 'TITLE' && ~set.dspCnrConttImgBannerList != null && ~set.dspCnrConttBrndList != null }}
                                    <div class="col-6-1" cnt="{{:~localObject.addCount()}}" sortSeq="{{:~set.dspCnrSet.sortSeq}}" class="brand-thumb">
                                        <a href="javascript:void(0)" class="brand-thumb" onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);commonUtil.common.goBrandMain(this);"
                                           brandNm="{{:~set.dspCnrConttBrndList[0].brndNm}}"
                                           ctgryNo="{{:~set.dspCnrConttBrndList[0].brndCtgryNo}}"
                                           ctgryOutptTpCd="{{:~set.dspCnrConttBrndList[0].ctgryOutptTpCd}}"
                                           outptSectCd="{{:~set.dspCnrConttBrndList[0].outptSectCd}}"
                                           outptLinkUrl="{{:~set.dspCnrConttBrndList[0].outptLinkUrl}}"
                                           data-dataCollectPage="{{:~cnrDscr}}"
                                           data-img_url="{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileUrl}}/{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileNm}}?AR=0&RS=142" >
                                            <img data-src="{{:~common.baseImgUrl}}{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileUrl}}/{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileNm}}?AR=0&RS=142" alt="{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgAltrtvCont}}" class="lozad">
                                        </a>
                                    </div>
                                    {{/if}}
                                    {{/if}}
                            {{if #getIndex() == 17 || #getIndex() == 35}}
                                </div>
                            </li>
                            {{/if}}
                            {{/for}}
                        </ul>
                    </div>
                    <button type="button" class="button-icon carousel-nav carousel-next st-ghost">
                        <i class="icon icon-chevron-carousel-next st-lg st-black"></i>
                    </button>
                    <button type="button" class="button-icon carousel-nav carousel-prev st-ghost">
                        <i class="icon icon-chevron-carousel-prev st-lg st-black"></i>
                    </button>
                </div>
            </div>
        </div>
    {{/if}}
{{/if}}