edu/skin/_modal/learning-guide.php

<!-- 학습 가이드 PDF 팝업 (전 페이지 공통) -->
<?php
$learningGuideDefaultTab = $learningGuideDefaultTab ?? 'player';
$allowedLearningGuideKeys = [
  'player',
  'main',
  'myclass',
  'onboarding',
  'legal',
  'leadership',
  'insight',
  'biztrend',
  'mypage',
];

if (!in_array($learningGuideDefaultTab, $allowedLearningGuideKeys, true)) {
  $learningGuideDefaultTab = 'player';
}

$learningGuideTabAttr = static function (string $tabKey) use ($learningGuideDefaultTab): array {
  $isActive = $tabKey === $learningGuideDefaultTab;

  return [
    'class' => $isActive ? 'learning-guide-tab is-active' : 'learning-guide-tab',
    'selected' => $isActive ? 'true' : 'false',
  ];
};
?>
<div
  class="learning-guide-layer hidden"
  id="learningGuideLayer"
  data-default-guide-key="<?= htmlspecialchars($learningGuideDefaultTab, ENT_QUOTES, 'UTF-8') ?>"
  aria-hidden="true"
  role="dialog"
  aria-modal="true"
  aria-label="학습 가이드"
>
  <div class="learning-guide-content">
    <div class="learning-guide-header">
      <button
        type="button"
        class="btn-close-layer"
        id="btnCloseLearningGuide"
        aria-label="닫기"
      >
        <span class="blind">닫기</span>
      </button>
    </div>

    <div class="learning-guide-body">
      <div class="learning-guide-tabs">
        <div class="swiper learning-guide-tab-swiper">
          <div class="swiper-wrapper" role="tablist" aria-label="학습 가이드 메뉴">
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('player')['class'] ?>"
                role="tab"
                data-guide-key="player"
                data-pdf="/guide/배움터 학습가이드_학습 플레이어.pdf"
                aria-selected="<?= $learningGuideTabAttr('player')['selected'] ?>"
                aria-disabled="false"
              >
                학습 플레이어
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('main')['class'] ?>"
                role="tab"
                data-guide-key="main"
                data-pdf="/guide/배움터 학습가이드_메인페이지.pdf"
                aria-selected="<?= $learningGuideTabAttr('main')['selected'] ?>"
                aria-disabled="false"
              >
                메인
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('myclass')['class'] ?>"
                role="tab"
                data-guide-key="myclass"
                data-pdf="/guide/배움터 학습가이드_마이클래스.pdf"
                aria-selected="<?= $learningGuideTabAttr('myclass')['selected'] ?>"
                aria-disabled="false"
              >
                마이클래스
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('onboarding')['class'] ?>"
                role="tab"
                data-guide-key="onboarding"
                data-pdf="/guide/배움터 학습가이드_온보딩.pdf"
                aria-selected="<?= $learningGuideTabAttr('onboarding')['selected'] ?>"
                aria-disabled="false"
              >
                온보딩
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('legal')['class'] ?>"
                role="tab"
                data-guide-key="legal"
                data-pdf="/guide/배움터 학습가이드_법정교육.pdf"
                aria-selected="<?= $learningGuideTabAttr('legal')['selected'] ?>"
                aria-disabled="false"
              >
                법정교육
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('leadership')['class'] ?>"
                role="tab"
                data-guide-key="leadership"
                data-pdf="/guide/배움터 학습가이드_리더십.pdf"
                aria-selected="<?= $learningGuideTabAttr('leadership')['selected'] ?>"
                aria-disabled="false"
              >
                리더십
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('insight')['class'] ?>"
                role="tab"
                data-guide-key="insight"
                data-pdf="/guide/배움터 학습가이드_인사이트.pdf"
                aria-selected="<?= $learningGuideTabAttr('insight')['selected'] ?>"
                aria-disabled="false"
              >
                인사이트
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('biztrend')['class'] ?>"
                role="tab"
                data-guide-key="biztrend"
                data-pdf="/guide/배움터 학습가이드_비즈트렌드.pdf"
                aria-selected="<?= $learningGuideTabAttr('biztrend')['selected'] ?>"
                aria-disabled="false"
              >
                비즈트렌드
              </button>
            </div>
            <div class="swiper-slide">
              <button
                type="button"
                class="<?= $learningGuideTabAttr('mypage')['class'] ?>"
                role="tab"
                data-guide-key="mypage"
                data-pdf="/guide/배움터 학습가이드_마이페이지.pdf"
                aria-selected="<?= $learningGuideTabAttr('mypage')['selected'] ?>"
                aria-disabled="false"
              >
                마이페이지
              </button>
            </div>
          </div>
        </div>
      </div>

      <div class="learning-guide-viewer">
        <iframe
          id="learningGuideViewer"
          title="학습 가이드 PDF"
          src=""
        ></iframe>
      </div>
    </div>
  </div>
</div>