<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="container">
    <div class="subHeader">
        <h1 class="logo">안동시 교통정보센터</h1>
        <div class="pageLocation">
            <%@ include file="/WEB-INF/jsp/egovframework/include/userSubMenu.jsp" %>
        </div>
    </div>
    <div class="subContent">
        <div class="pageTitle">
            <h2>찾아오시는 길</h2>
            <p>역사와 미래가 공존하는 <span>안동</span></p>
        </div>

        <h3 class="subTitle">위치안내</h3>
        <div class="locationArea">
            <!-- * 카카오맵 - 지도퍼가기 -->
            <!-- 1. 지도 노드 -->
            <!-- * 카카오맵 - 지도퍼가기 -->
            <!-- 1. 지도 노드 -->
            <div id="daumRoughmapContainer1696559846327" class="root_daum_roughmap root_daum_roughmap_landing" style="width: 100%;"></div>

            <!--
                2. 설치 스크립트
                * 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
            -->
            <script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>

            <!-- 3. 실행 스크립트 -->
            <script charset="UTF-8">
                new daum.roughmap.Lander({
                    "timestamp" : "1696559846327",
                    "key" : "2gdmd",
                    "mapHeight" : "401"
                }).render();
            </script>
            <div class="address">주소 : 경상북도 안동시 서동문로 237</div>
        </div>

        <h3 class="subTitle">교통안내</h3>
        <div class="location-method">
            <p class="methodTitle"><span class="car">자가용으로 오실때</span></p>
            <dl>
                <dt>서울</dt>
                <dd>
                    <span>경부고속도로</span>
                    <span>신갈분기점</span>
                    <span>영동고속도로</span>
                    <span>만종분기점</span>
                    <span>중앙고속도로</span>
                    <span>서안동 IC</span>
                    <span>안동 CCTV 통합관제센터</span>
                </dd>
            </dl>
            <dl>
                <dt>동서울</dt>
                <dd>
                    <span>중부고속도로</span>
                    <span>호법분기점</span>
                    <span>영동고속도로</span>
                    <span>만종분기점</span>
                    <span>중앙고속도로</span>
                    <span>서안동 IC</span>
                    <span>안동 CCTV 통합관제센터</span>
                </dd>
            </dl>
            <dl>
                <dt>부산, 대구</dt>
                <dd>
                    <span>경부고속도로</span>
                    <span>금호분기점</span>
                    <span>중앙고속도로</span>
                    <span>남안동 IC</span>
                    <span>안동 CCTV 통합관제센터</span>
                </dd>
            </dl>
            <dl>
                <dt>대전</dt>
                <dd>
                    <span>경부고속도로</span>
                    <span>청주분기점</span>
                    <span>당진영덕고속도로</span>
                    <span>남안동 IC</span>
                    <span>안동 CCTV 통합관제센터</span>
                </dd>
            </dl>

            <p class="methodTitle" style="margin-top: 30px;"><span class="bus">시내버스 노선</span></p>
            <dl>
                <dt style="width: 100%;">간선 111 (중구동행정복지센터)</dt>
            </dl>
        </div>
    </div>
</div>
