<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><div class="subCont">
<h3 class="contTit">찾아오시는 길 123</h3>

<div class="contentWrap">
<div class="mapWrap"><script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=5e88811efe500559f26a71bd8565b3f0&libraries=services"></script>
<div id="map" style="width: 100%; height: 100%;">&nbsp;</div>

<div class="mapInfo">
<p class="fs34 fwMd">한국원자력안전재단asdffsdf</p>

<p class="fs20 fwLg">경기도 성남시 분당구 대왕판교로644번길49 (삼평동, 디티씨타워 1관 7층)</p>

<ul>
	<li>
	<p class="fs20 fwLg"><span class="fwMd">TEL</span> 031-626-6121</p>
	</li>
	<li>
	<p class="fs20 fwLg"><span class="fwMd">FAX</span> 031-626-6010</p>
	</li>
</ul>
<!-- <button class="mapBtn fs18 fwLg">길찾기sdfsdfad</button> --></div>
</div>

<table class="mapTb">
	<caption>찾아오시는 길 지하철, 버스, 자가용 이용안내 표</caption>
	<colgroup>
		<col style="width: 30%" />
		<col style="width: 70%" />
	</colgroup>
	<tbody>
		<tr>
			<th scope="row">
			<p class="fs22"><span class="fwMd">지하철</span> 이용안내</p>
			</th>
			<td><span class="fs18 c_0162d0 fwMd">신분당선 이용시</span>
			<p class="fs18 fwLg">- 판교역 1번 출구로 나온 후, 보이는 방향으로 약 5분 (탄천 다리를 지난 후 SK 주유소 옆 DTC타워 건물)</p>
			<span class="fs18 c_0162d0 fwMd">분당선 이용시</span>

			<p class="fs18 fwLg">- 야탑역 3번 출구로 나온 후, 330번 버스탑승&#39;차그룹컨소시엄&#39; 정류장 하차 후, 도보 3분 (총 약 20분)</p>

			<p class="fs18 fwLg">- 분당선 서현역 4번 출구로 나온 후, 602-1번 버스탑승 &#39;동안교&#39; 정류장 하차 후, 도보 2분 (총 약 20분)</p>
			</td>
		</tr>
		<tr>
			<th scope="row">
			<p class="fs22"><span class="fwMd">버스</span> 이용안내</p>
			</th>
			<td>
			<p class="fs18 fwLg">- 309번(용인 - 성남) &rarr; &lsquo;동안교&rsquo; 하차 &rarr; 도보 약 2분 &rarr; 한국원자력안전재단 도착</p>

			<p class="fs18 fwLg">- 602-1번, 602-2번(맞춤형 버스) &rarr; &lsquo;엔씨소프트.안랩&rsquo; 하차 &rarr; 도보 약 3분 &rarr; 한국원자력안전재단 도착</p>

			<p class="fs18 fwLg">- 4000번(수원 - 성남), 9414번(삼성 - 죽전) &rarr; &lsquo;테크노육교&rsquo; 하차 &rarr; 도보 약 3분 &rarr; 한국원자력안전재단 도착</p>

			<p class="fs18 fwLg">- 101번, 330번, 350번(잠실 - 성남) &rarr; &lsquo;차그룹컨소시엄&rsquo; 하차 &rarr; 도보 약 3분 &rarr; 한국원자력안전재단 도착</p>

			<p class="fs18 fwLg">- 9007번(서울역 - 성남) &rarr; &lsquo;엔씨소프트.안랩&rsquo; 하차 &rarr; 도보 약 3분 &rarr; 한국원자력안전재단&nbsp;도착</p>

			<p class="fs18 fwLg">- 9000번, 9401번(서울역 - 성남) &rarr; &lsquo;판교역.낙생육교.현대백화점&rsquo; 하차 &rarr; 도보 약 15분 &rarr; 한국원자력안전재단 도착</p>
			</td>
		</tr>
		<tr>
			<th scope="row">
			<p class="fs22"><span class="fwMd">자가용</span> 이용안내</p>
			</th>
			<td><span class="fs18 c_0162d0 fwMd">경부고속도로 이용시</span>
			<p class="fs18 fwLg">- 판교 IC 통과 후 좌회전 &rarr; 약 700m 직진하여 사거리에서 우회전 &rarr; 약 500m 직진 (좌측 SK 주유소 옆건물(DTC타워1관7층)) &rarr; 한국원자력안전재단 도착</p>
			<span class="fs18 c_0162d0 fwMd">분당 - 수서간 도시고속화도로 이용시</span>

			<p class="fs18 fwLg">- 벌말사거리에서 우회전 &rarr; 한화테크윈삼거리에서 판교역방면으로 좌회전 (NCSOFT 건물 지나기 전에 좌회전 하여 약100m 직진(좌측 SK 주유소 옆건물(DTC타워1관7층)) &rarr; 한국원자력안전재단 도착</p>
			</td>
		</tr>
	</tbody>
</table>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
    mapOption = {
        center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
        level: 3 // 지도의 확대 레벨
    };

// 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);

// 주소-좌표 변환 객체를 생성합니다
var geocoder = new kakao.maps.services.Geocoder();

// 주소로 좌표를 검색합니다
geocoder.addressSearch('경기도 성남시 분당구 대왕판교로 644번길 49', function(result, status) {
    // 정상적으로 검색이 완료됐으면
     if (status === kakao.maps.services.Status.OK) {
        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
        // 결과값으로 받은 위치를 마커로 표시합니다
        var marker = new kakao.maps.Marker({
            map: map,
            position: coords
        });

        // 인포윈도우로 장소에 대한 설명을 표시합니다
        var infowindow = new kakao.maps.InfoWindow({
            content: '<div style="width:150px;text-align:center;padding:6px 0;font-size:20px;">한국원자력안전재단</div>'
        });
        infowindow.open(map, marker);
        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
        map.setCenter(coords);
    }
});
</script></div>
</div>
