<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<script src="/js/navMenu.js" type="text/javascript"></script>
 <!--header-->
 <header class="fixed-top">
    <section class="top-tab">
      <div>
        <span id="todayTemp"></span>&nbsp;
        <span><div id="todayImg"></div></span>
<%--        <img src="/common/images/wether_sun.png" alt="맑음" height="40px">--%>
        <button class="sitemap" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">전체메뉴</button>
        <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
          <div class="offcanvas-header">
            <h3 class="off-title" id="offcanvasTopLabel" style="font-weight: bold;">전체메뉴</h3>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
          </div>
          <div class="offcanvas-body">
            <div class="sitemap-wrap">
              <dl>
                <dt><span>센터소개</span></dt>
                <dd>
                  <ul class="sitemap-2dep">
                    <li><a href="/intro/center.do">센터소개</a></li>
                    <li><a href="/intro/service.do">서비스소개</a></li>
                    <li><a href="/intro/location.do">찾아오시는 길</a></li>
                  </ul>
                </dd>                        
              </dl>
              <dl>
                <dt><span>교통정보</span></dt>
                <dd>
                  <ul class="sitemap-2dep">
                    <li><a href="/traffic/realtime.do">실시간소통정보</a></li>
                    <li><a href="/traffic/incd.do">돌발정보</a></li>
                    <li><a href="/traffic/cctv.do">CCTV</a></li>
                    <li><a href="/traffic/vms.do">VMS</a></li>
                  </ul>
                </dd>                        
              </dl>
              <dl>
                <dt><span>버스정보</span></dt>
                <dd>
                  <ul class="sitemap-2dep">
                    <li><a href="http://www.gbis.go.kr/gbis2014/schBus.action">버스정보</a></li>
                  </ul>
                </dd>
              </dl>
              <dl>
                <dt><span>교통통계정보</span></dt>
                <dd>
                  <ul class="sitemap-2dep">
                    <li><a href="/trafficStats/info.do">소통통계</a></li>
<%--                    <li><a href="">교통량통계</a></li>--%>
                  </ul>
                </dd>
              </dl>
              <dl>
                <dt><span>공지사항</span></dt>
                <dd>
                  <ul class="sitemap-2dep">
                    <li><a href="/notice/noticeList.do">공지사항</a></li>
                  </ul>
                </dd>
              </dl>
              <dl>
                <dt><span>교통관련사이트</span></dt>
                <dd>
                  <ul class="sitemap-2dep">
                    <li><a href="/relate/relateSite.do">교통관련사이트</a></li>
                  </ul>
                </dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
    </section>
    <nav class="navbar navbar-expand-lg">
        <div class="container-fluid">
          <a class="navbar-brand" href="/main/main.do">평택시 교통정보센터</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item dropdown">
                <!-- <a class="nav-link" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">센터소개</a>
                 -->
                <a class="nav-link" href="" id="centerDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">센터소개</a>
                <ul class="dropdown-menu" aria-labelledby="centerDropdown">
                  <li><a class="dropdown-item" href="/intro/center.do">센터소개</a></li>
                  <li><a class="dropdown-item" href="/intro/service.do">서비스소개</a></li>
                  <li><a class="dropdown-item" href="/intro/location.do">찾아오시는 길</a></li>
                </ul>
              </li>              
              <li class="nav-item dropdown">
                <a class="nav-link" href="#" id="trafficDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">교통정보</a>
                <ul class="dropdown-menu" aria-labelledby="trafficDropdown">
                  <li><a class="dropdown-item" href="/traffic/realtime.do">실시간소통정보</a></li>
                  <li><a class="dropdown-item" href="/traffic/incd.do">돌발정보</a></li>
                  <li><a class="dropdown-item" href="/traffic/cctv.do">CCTV</a></li>
                  <li><a class="dropdown-item" href="/traffic/vms.do">VMS</a></li>
                </ul>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="http://www.gbis.go.kr/gbis2014/schBus.action" onclick="window.open(this.href, '_blank'); return false;">버스정보</a>
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link" href="#" id="statisticsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">교통통계정보</a>
                <ul class="dropdown-menu" aria-labelledby="statisticsDropdown">
                  <li><a class="dropdown-item" href="/trafficStats/info.do">소통통계</a></li>
<%--                  <li><a class="dropdown-item" href="/traffic/cctv.do">교통량통계</a></li>--%>
                </ul>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="/notice/noticeList.do">공지사항</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="/relate/relateSite.do">교통관련사이트</a>
              </li>
<%--                <li class="nav-item">--%>
<%--                    <div class="levelTest"></div>--%>
<%--                </li>--%>
            </ul>
          </div>
        </div>
      </nav>
</header>
        <!--//header-->
