{{if dspCnr.dspCnrDscr == 'BRND_KEY_VISUAL' && dspCnrSetList.length > 0}}
    <div class="module-catalog-carousel-hero st-hub">
        <div class="row gx-8">
            <div class="col-8-6 offset-8-1">
                <div class="swiper carousel" id="brandshopHeroCarousel">
                    <div class="swiper-wrapper carousel-list">
                        {{for dspCnrSetList[0].dspCnrConttImgBannerList itemVar="~imgBanner"}}
                            <div class="swiper-slide carousel-item w-434">
                                {{if ~imgBanner.dspContt.conttCnncUrl != ''}}
                                <a href="{{:~imgBanner.dspContt.conttCnncUrl}}" {{if ~imgBanner.dspContt.outptTpCd != null && ~imgBanner.dspContt.outptTpCd == 'NEW_WIN'}}target="_blank"{{/if}} class="marketspot st-hero st-maxi st-overlay">
                                {{else}}
                                <a href="javascript:undefinded;" class="marketspot st-hero st-maxi st-overlay">
                                {{/if}}
                                    <div class="spot-visual st-maxi">
                                        <img src="{{:~common.baseImgUrl}}{{:~imgBanner.dspConttImgBanner.imgFileUrl}}/{{:~imgBanner.dspConttImgBanner.imgFileNm}}?AR=0&RS=584" alt="{{:~imgBanner.dspConttImgBanner.imgAltrtvCont}}" class="spot-img">
                                    </div>
                                    <div class="spot-copy st-hero st-overlay">
                                        <h3 class="spot-title">
                                            <span class="text-inner" {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttSjNm}}</span>
                                        </h3>
                                        <p class="spot-text">
                                            <span class="text-inner" {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttLwprtSjNm}}</span>
                                        </p>
                                    </div>
                                </a>
                            </div>
                        {{/for}}
                    </div>
                    {{if dspCnrSetList[0].dspCnrConttImgBannerList.length > 1}}
                        <div class="indicator-player">
                            <div class="indicator-progress"></div>
                            <button type="button" class="button-icon st-sm indicator-player-pause">
                                <i class="icon icon-player-pause st-sm st-black"></i>
                            </button>
                        </div>
                        <button type="button" class="button-icon carousel-nav st-xlg carousel-next">
                            <i class="icon icon-chevron-carousel-next st-white"></i>
                        </button>
                        <button type="button" class="button-icon carousel-nav st-xlg carousel-prev">
                            <i class="icon icon-chevron-carousel-prev st-white"></i>
                        </button>
                    {{/if}}
                </div>
            </div>
        </div>
    </div>
{{/if}}