{{if ~util.isToptenMall() == false}}
    {{if dspCnr.dspCnrDscr == 'MAIN_KEY_VISUAL'}}
        {{for dspCnrSetList itemVar="~set" ~cnrDscr=dspCnr.dspCnrDscr}}
            <li class="swiper-slide">
                {{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="urltag" onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);" data-dataCollectPage="{{:~cnrDscr}}">
                        {{else}}
                            <a href="javascript:undefined;">
                        {{/if}}
                             <figure>
                                 <div class="thumbnail">
                                     {{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"></iframe>
                                     {{else}}
                                     <iframe src="{{:~movi.dspConttMovi.moviFileUrl}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
                                     {{/if}}
                                 </div>
                                 {{if ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0}}
                                    <figcaption>
                                        {{if ~set.dspCnrConttTextList.length == 1}}
                                            {{for ~set.dspCnrConttTextList itemVar="~text"}}
                                                {{if #getIndex() == 0}}
                                                <h3 class="label"><span {{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="label">
                                                    <span  {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                                </h3>
                                                {{else #getIndex() == 1}}
                                                <p class="copy">
                                                    <span {{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() == 0}}
                                                <em class="brand">
                                                    <span {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                                </em>
                                                {{else #getIndex() == 1}}
                                                <h3 class="label">
                                                    <span {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                                </h3>
                                                {{else #getIndex() == 2}}
                                                <p class="copy">
                                                    <span {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                                </p>
                                                {{/if}}
                                            {{/for}}
                                        {{/if}}
                                    </figcaption>
                                </figure>
                            {{/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}}" onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);" data-dataCollectPage="{{:~cnrDscr}}" data-img_url="{{:~imgBanner.dspConttImgBanner.imgFileUrl}}/{{:~imgBanner.dspConttImgBanner.imgFileNm}}?AR=0&RS=720">
                        {{else}}
                        <a href="javascript:undefined;">
                        {{/if}}
                            <figure>
                                <div class="thumbnail">
                                    <img data-img-src="{{:~common.baseImgUrl}}{{:~imgBanner.dspConttImgBanner.imgFileUrl}}/{{:~imgBanner.dspConttImgBanner.imgFileNm}}?AR=0&RS=480" aria-label="hidden">
                                </div>
                                <figcaption>
                                    <em class="brand"><span {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttBrndNm}}</span></em>
                                    <h3 class="label"><span {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttSjNm}}</span></h3>
                                    <p class="copy"><span {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttLwprtSjNm}}</span></p>
                                </figcaption>
                            </figure>
                        </a>
                    {{/for}}
                {{/if}}
            </li>
        {{/for}}
    {{/if}}
{{else}}
    {{if dspCnr.dspCnrDscr == 'MAIN_KEY_VISUAL'}}
        {{for dspCnrSetList itemVar="~set" ~cnrDscr=dspCnr.dspCnrDscr}}
        <li class="swiper-slide">
            {{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="billboard-hero" onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);" data-dataCollectPage="{{:~cnrDscr}}">
                {{else}}
                    <a href="javascript:undefined;" class="billboard-hero">
                {{/if}}
                    <figure>
                        <div class="thumbnail">
                            {{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 data-src="{{:~movi.dspConttMovi.moviFileUrl}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="spot-video"></iframe>
                            {{/if}}
                        </div>
                        {{if ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0}}
                          <figcaption>
                            {{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() == 0}}
                                        <h4 class="spot-sub-title">
                                            <span class="text-inner" {{if ~text.dspConttText.conttColorCd != null}}style="color:{{:~text.dspConttText.conttColorCd}}"{{/if}}>{{:~text.dspConttText.textCont}}</span>
                                        </h4>
                                    {{else #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() == 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}}
                          </figcaption>
                        {{/if}}
                    </figure>>
                </a>
                {{/for}}
            {{else ~set.dspCnrConttImgBannerList != null && ~set.dspCnrConttImgBannerList.length > 0}}
                {{for ~set.dspCnrConttImgBannerList itemVar="~imgBanner"}}
                    {{if ~imgBanner.dspContt.conttCnncUrl != ''}}
                        <a href="{{:~imgBanner.dspContt.conttCnncUrl}}" onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);" data-dataCollectPage="{{:~cnrDscr}}" data-img_url="{{:~imgBanner.dspConttImgBanner.imgFileUrl}}/{{:~imgBanner.dspConttImgBanner.imgFileNm}}?AR=0&RS=720"
                           {{if ~imgBanner.dspContt.outptTpCd != null && ~imgBanner.dspContt.outptTpCd == 'NEW_WIN'}}target="_blank"{{/if}} >
                    {{else}}
                        <a href="javascript:undefined;">
                    {{/if}}
                            <figure>
                                <div class="thumbnail">
                                    <img data-src="{{:~common.baseImgUrl}}{{:~imgBanner.dspConttImgBanner.imgFileUrl}}/{{:~imgBanner.dspConttImgBanner.imgFileNm}}?AR=0&RS=720" class="spot-img lozad">
                                </div>
                                <figcaption>
                                    <em class="brand">
                                        <span class="text-inner" {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttBrndNm}}</span>
                                    </em>
                                    <h3 class="label">
                                        <span class="text-inner" {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttSjNm}}</span>
                                    </h3>
                                    <p class="copy">
                                        <span class="text-inner" {{if ~imgBanner.dspConttImgBanner.conttColorCd != null}}style="color:{{:~imgBanner.dspConttImgBanner.conttColorCd}}"{{/if}}>{{:~imgBanner.dspConttImgBanner.conttLwprtSjNm}}</span>
                                    </p>
                                </figcaption>
                            </figure>
                        </a>
                {{/for}}
        {{/if}}
        </li>
    {{/for}}
 {{/if}}
{{/if}}