{{if dspCnr.dspCnrDscr == 'MAIN_KEY_VISUAL'}}
    {{for dspCnrSetList itemVar="~set" ~cnrDscr=dspCnr.dspCnrDscr}}
        <div class="swiper-slide carousel-item w-434">
            {{if ~set.dspCnrConttMoviList != null && ~set.dspCnrConttMoviList.length > 0}}
                {{for ~set.dspCnrConttMoviList itemVar="~movi"}}
                    {{if ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0 && ~set.dspCnrConttTextList[0].dspContt.conttCnncUrl != null && ~set.dspCnrConttTextList[0].dspContt.conttCnncUrl != ''}}
                    <a href="{{:~set.dspCnrConttTextList[0].dspContt.conttCnncUrl}}" class="marketspot st-hero st-maxi st-overlay"  onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);" data-dataCollectPage="{{:~cnrDscr}}">
                    {{else}}
                    <a href="javascript:undefinded;" class="marketspot st-hero st-maxi st-overlay">
                    {{/if}}
                        <div class="spot-visual st-maxi st-video st-play">
                            <div class="spot-video-container position-r">
                                {{if ~movi.dspConttMovi.moviPlayMenmthdCd == 'YOUTUBE'}}
                                    <iframe src="https://www.youtube.com/embed/{{:~movi.dspConttMovi.moviFileUrl}}?enablejsapi=1&controls=0&fs=0&iv_load_policy=3&rel=0&showinfo=0&loop=1&playlist={{:~movi.dspConttMovi.moviFileUrl}}"
                                            frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="spot-video"></iframe>
                                {{else}}
                                    <iframe src="{{:~movi.dspConttMovi.moviFileUrl}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="spot-video"></iframe>
                                {{/if}}
                            </div>
                        </div>
                        {{if ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0}}
                        <div class="spot-copy st-hero st-overlay">
                            {{if ~set.dspCnrConttTextList.length == 1}}
                                {{for ~set.dspCnrConttTextList itemVar="~text"}}
                                    {{if #getIndex() == 0}}
                                    <h3 class="spot-title">
                                        <span class="text-inner" {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                    </h3>
                                    {{/if}}
                                {{/for}}
                            {{else ~set.dspCnrConttTextList.length == 2}}
                                {{for ~set.dspCnrConttTextList itemVar="~text"}}
                                    {{if #getIndex() == 0}}
                                    <h3 class="spot-title">
                                        <span class="text-inner" {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                    </h3>
                                    {{else #getIndex() == 1}}
                                    <p class="spot-text">
                                        <span class="text-inner" {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                    </p>
                                    {{/if}}
                                {{/for}}
                            {{else ~set.dspCnrConttTextList.length == 3}}
                                {{for ~set.dspCnrConttTextList itemVar="~text"}}
                                    {{if #getIndex() == 1}}
                                    <h3 class="spot-title">
                                        <span class="text-inner" {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                    </h3>
                                    {{else #getIndex() == 0 || #getIndex() == 2}}
                                    <p class="spot-text">
                                        <span class="text-inner" {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                    </p>
                                    {{/if}}
                                {{/for}}
                            {{/if}}
                        </div>
                        {{/if}}
                    </a>
                {{/for}}
            {{else ~set.dspCnrConttImgBannerList != null && ~set.dspCnrConttImgBannerList.length > 0}}
                {{for ~set.dspCnrConttImgBannerList itemVar="~imgBanner"}}
                    {{if ~imgBanner.dspContt.conttCnncUrl != ''}}
                    <a href="{{:~imgBanner.dspContt.conttCnncUrl}}" class="marketspot st-hero st-maxi st-overlay"
                       onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);"
                       data-dataCollectPage="{{:~cnrDscr}}"
                       data-img_url="{{:~imgBanner.dspConttImgBanner.imgFileUrl}}/{{:~imgBanner.dspConttImgBanner.imgFileNm}}?AR=0&RS=434"
                       {{if ~imgBanner.dspContt.outptTpCd != null && ~imgBanner.dspContt.outptTpCd == 'NEW_WIN'}}target="_blank"{{/if}} >
                    {{else}}
                    <a href="javascript:undefined;" 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=434" alt="{{:~imgBanner.dspConttImgBanner.imgAltrtvCont}}" class="spot-img">
                        </div>
                        <div class="spot-copy st-hero st-overlay">
                            <p class="spot-text">
                                <span class="text-inner" {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttBrndNm}}</span>
                            </p>
                            <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>
                {{/for}}
            {{/if}}
        </div>
    {{/for}}
{{/if}}