{{!
  // guide button template
  // - 레이아웃 컨텐츠에 공통으로 사용한다.
  // -- e.g. builder(pagebuilder, header, footer), menubuilder, sidebar
  // @update date: 2021.12.09
  // @author GTGF, DANU
}}


{{!BEGIN: Supereasy Guide}}
{{#if guideInfo.display}}
  <div class="g-guide-wrapper{{#ifCond guideType '==' 'light'}} g-guide-sub-color{{/ifCond}}">

    {{!BEGIN: Guide}}
    {{#if guideInfo.guide_url}}
      <a href="{{guideInfo.guide_url}}" class="g-guide-btn g-guide-text g-tooltip" target="_blank" title="{{메뉴얼}}">
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="16" viewBox="0 0 7 16">
          <text transform="translate(0 13)" fill="#f90000" font-size="14" font-family="Pretendard" font-weight="bold"><tspan x="0" y="0">?</tspan></text>
        </svg>
      </a>
    {{/if}}
    {{!END: Guide}}

    {{!BEGIN: Video Guide}}
    {{#if guideInfo.vguide_url}}
      <a href="{{guideInfo.vguide_url}}" class="g-guide-btn g-guide-video g-tooltip" title="{{동영상가이드}}" data-fancybox>
        <svg xmlns="http://www.w3.org/2000/svg" width="8" height="10" viewBox="0 0 8 10">
          <path  d="M5,0l5,8H0Z" transform="translate(8) rotate(90)" fill="#f90000"/>
        </svg>
      </a>
      {{/if}}
    {{!END: Video Guide}}

  </div>
{{/if}}
{{!END: Supereasy Guide}}