{{if dspCnr.dspCnrDscr == 'MAIN_CLB_MOVI'}}
    <header class="module-heading">
        {{for dspCnrSetList itemVar="~set" }}
            {{if ~set.cnrConttTpGrpNm == 'TITLE' && ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0}}
                <h2 class="heading st-xlg">{{:~set.dspCnrConttTextList[0].dspConttText.textCont}}</h2>
                <p class="heading-text">
                    <span class="text-inner" id="clbMoviText"></span>
                </p>
            {{/if}}
        {{/for}}
        {{if dspCnrSetList.length > 1}}
            <nav class="navigator st-tab st-lg mt-32" id="catalogConceptTab">
                <ul class="navigator-list justify-content-center">
                    {{for dspCnrSetList itemVar="~set" }}
                        {{if ~set.cnrConttTpGrpNm != 'TITLE' && ~set.dspCnrConttMoviList != null }}
                            <li class="navigator-item w-128">
                                <a href="#catalogConceptCont{{:#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>
        {{/if}}
    </header>
    {{for dspCnrSetList itemVar="~set" }}
        {{if ~set.cnrConttTpGrpNm != 'TITLE' && ~set.dspCnrConttMoviList != null }}
            <div class="tab-pane {{if #getIndex() == 1}} active{{/if}}" id="catalogConceptCont{{:#getIndex()}}" textcont="{{if ~set.dspCnrConttTextList!=null}}{{:~set.dspCnrConttTextList[0].dspConttText.textCont}}{{/if}}">
                <div class="module-movie">
                    <div class="row gx-8">
                        <div class="col-8-4 offset-8-2">
                            <div class="module-box">
                                {{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-wide st-video" id="clbMovi{{:#getIndex()}}">
                                        <img src="{{:~common.baseImgUrl}}{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviImgUrl}}/{{:~set.dspCnrConttMoviList[0].dspConttMovi.moviImgFileNm}}?AR=0&RS=884" 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 st-wide" 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>
                        </div>
                    </div>
                </div>
            </div>
        {{/if}}
    {{/for}}
{{/if}}