<!-- header -->
<div class="nav-wrap">
  <div class="inner">
    <!-- header -->
    <header class="header">
      <a href="./index.php"><h1>배움터</h1></a>
    </header>
    <!--// header -->
    <nav class="nav"><?php include(__DIR__ . "/_nav.php") ?></nav>
    <div class="item-area">
      <div class="input-group">
        <input type="text" value="" placeholder="검색" />
        <i class="ico-search"></i>
        <button class="btn-clear"></button>
        <div class="search-suggestions">
          <ul class="search-suggestions-list">
            <li>
              <i class="ico-history" aria-hidden="true"></i>
              <span>피그마 AI</span>
              <button type="button" class="btn-remove" title="삭제"></button>
            </li>
            <li>
              <i class="ico-history" aria-hidden="true"></i>
              <span>UXUI</span>
              <button type="button" class="btn-remove" title="삭제"></button>
            </li>
          </ul>
        </div>
      </div>
      <div class="item-box">
        <button class="alerts on" title="알림"></button>
        <div class="alerts-area">
          <div class="alerts-list">
            <a href="#">
              <dl>
                <dt><span class="badge-danger">주의</span> 법정교육 미이수</dt>
                <dd>
                  25.11.03 ~ 25.12.31 법정의무교육 미이수 상태입니다. 잊지말고
                  수료하세요.
                </dd>
              </dl>
            </a>
            <a href="#">
              <dl>
                 <dt>신규입사자 교육</dt>
              <dd>25.11.03 ~ 25.12.31 기간내에 시청 완료해주세요.</dd>
              </dl>
            </a>
            <a href="#">
              <dl>
                <dt>마이클래스 ON</dt>
                <dd>2026년 1분기 마이클래스가 업데이트 되었습니다.</dd>
              </dl>
            </a>
          </div>
        </div>
      </div>
      <div class="item-box">
        <a class="mypage" title="마이페이지" href="./mypage.php"></a>
      </div>
    </div>
  </div>
</div>

<!--// header -->
