{{if dspCnr.dspCnrDscr == 'MAIN_CLB_MOVI'}}
    {{for dspCnrSetList itemVar="~set" }}
        {{if ~set.cnrConttTpGrpNm == 'TITLE' && ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0}}
            <header class="container hub-header">
                <h3 class="heading-section">{{:~set.dspCnrConttTextList[0].dspConttText.textCont}}</h3>
            </header>
        {{/if}}
    {{/for}}
    {{if dspCnrSetList!= null && dspCnrSetList.length > 1}}
        <nav class="navigator st-sub carousel st-free swiper mb-10" id="clbMoviNavCarousel">
            <ul class="navigator-list carousel-list swiper-wrapper">
                {{for dspCnrSetList itemVar="~set" }}
                    {{if ~set.cnrConttTpGrpNm != 'TITLE' && ~set.dspCnrConttMoviList != null }}
                    <li class="navigator-item carousel-item swiper-slide">
                        <a href="#clbMoviCont{{:#getIndex()}}" class="navigator-button{{if #getIndex() == 1}} active{{/if}}" data-tt-toggle="tab">
                            <span class="navigator-text">{{:~set.dspCnrSet.setNm}}</span>
                        </a>
                    </li>
                    {{/if}}
                {{/for}}
            </ul>
        </nav>
        {{for dspCnrSetList itemVar="~set" }}
            {{if ~set.cnrConttTpGrpNm != 'TITLE' && ~set.dspCnrConttMoviList != null }}
                <div class="tab-pane {{if #getIndex() == 1}} active{{/if}}" id="clbMoviCont{{:#getIndex()}}">
                    {{if ~set.dspCnrConttTextList != null}}
                    <div class="container mb-20">
                        <p class="fs-16 lh-22">
                            <span class="text-inner text-truncate">{{:~set.dspCnrConttTextList[0].dspConttText.textCont}}</span>
                        </p>
                    </div>
                    {{/if}}
                    {{if ~set.dspCnrConttMoviList[0].dspConttMovi.moviImgUrl != null && ~set.dspCnrConttMoviList[0].dspConttMovi.moviImgUrl != "" && ~set.dspCnrConttMoviList[0].dspConttMovi.moviImgFileNm != null && ~set.dspCnrConttMoviList[0].dspConttMovi.moviImgFileNm != ""}}
                        <div class="spot-visual st-video" id="clbMovi{{:#getIndex()}}">
                            <img src="{{:~common.baseImgUrl}}{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviImgUrl}}/{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviImgFileNm}}?AR=0&RS=720" alt="{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviImgFileNm}}" class="spot-img">
                            <div class="spot-video-container">
                                {{if ~set.dspCnrConttMoviList[0].dspConttMovi.moviPlayMenmthdCd == 'YOUTUBE'}}
                                    <iframe src="https://www.youtube.com/embed/{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviFileUrl}}?enablejsapi=1&controls=0&fs=0&iv_load_policy=3&rel=0&showinfo=0&loop=1&playlist={{:~set.dspCnrConttMoviList[0].dspConttMovi.moviFileUrl}}"
                                            frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="spot-video"></iframe>
                                {{else}}
                                    <iframe src="{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviFileUrl}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="spot-video"></iframe>
                                {{/if}}
                            </div>
                        </div>
                    {{else}}
                        <div class="spot-visual" id="clbMovi{{:#getIndex()}}">
                            <div class="spot-video-container">
                                {{if ~set.dspCnrConttMoviList[0].dspConttMovi.moviPlayMenmthdCd == 'YOUTUBE'}}
                                <iframe src="https://www.youtube.com/embed/{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviFileUrl}}?enablejsapi=1&controls=0&fs=0&iv_load_policy=3&rel=0&showinfo=0&loop=1&playlist={{:~set.dspCnrConttMoviList[0].dspConttMovi.moviFileUrl}}"
                                        frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="spot-video"></iframe>
                                {{else}}
                                <iframe src="{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviFileUrl}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="spot-video"></iframe>
                                {{/if}}
                            </div>
                        </div>
                    {{/if}}
                </div>
            {{/if}}
        {{/for}}
    {{/if}}
{{/if}}