의정부(북부) < 층별안내 - 권역 허브 소개

소스복사

<div class="cluster15"> 
<div class="hub-box"> <img alt="" src="/resources/images/cluster/sub/cluster15_3.jpg"> 
<div class="inner"> 
<div class="link"> <a title="새창" class="blue" href="https://players.cupix.com/p/QiK6EqMV" target="_blank">VR 바로가기</a> <a title="새창" class="pink" href="https://www.google.com/maps/@37.736912,127.0435937,3a,75y,90.27h,90.3t/data=!3m7!1e1!3m5!1sAF1QipNFsJWTMzkgkLdzaNAYY4cMnzIqUQ4r0Z_Uk-iw!2e10!3e11!7i10000!8i5000" target="_blank">구글 스트리트뷰</a> </div> 
<p class="line-txt">북부 경기문화창조허브 안내</p> 
<p>[11651] 경기 의정부시 신흥로 234 CRC 빌딩 10~13층</p> 
<ul class="info"> 
<li> <strong>전화번호</strong> 031-877-2733~32 </li> 
<li> <strong>FAX</strong> 031-877-2719 </li> 
</ul> </div> </div> 
<ul class="floor"> 
<li> <a class="hash-popup" href="#floor13"> <strong class="num">13F</strong> 
<p class="txt">운영사무실, 라이브러리, 카페, 세미나공간 1실</p> <i class="xi-angle-right-thin"></i> </a> </li> 
<li> <a class="hash-popup" href="#floor12"> <strong class="num">12F</strong> 
<p class="txt">장비실, 영상편집실, 촬영스튜디오, 테스트베드 1실, 교육장 1실, 테스트베드</p> <i class="xi-angle-right-thin"></i> </a> </li> 
<li> <a class="hash-popup" href="#floor11"> <strong class="num">11F</strong> 
<p class="txt">회의공간 1실, 입주공간 5실(S01~S04,S11), 코워킹스페이스 29석</p> <i class="xi-angle-right-thin"></i> </a> </li> 
<li> <a class="hash-popup" href="#floor10"> <strong class="num">10F</strong> 
<p class="txt">입주공간 8실(S05~S10, S12~S13), 회의공간 1실</p> <i class="xi-angle-right-thin"></i> </a> </li> 
</ul> </div>
<div class="popup-layout full floor" id="floor13"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(13F)</h1> 
<div class="popup-contents"> <img alt="층별안내도(13F)" src="/resources/images/cluster/sub/cluster15_3_13f.jpg" usemap="#cluster15_3_13f"> </div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor13">닫기</a></p> </div> 
<map name="cluster15_3_13f"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiZnVLMzNZWlYiLCJzZWN0aW9uIjoiNVJPQUloV2MiLCJzdGF0aW9uIjoiZjQyRjJocEYiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC40OTE5MTgwNzI0MDQ4MjY0LDAuNDkzMDQzMDY0MDEwMDQzMywwLjUwNzk4NjkxMzI3OTY0NjUsMC41MDY4Mjc4MjM4MzE0NTIxXSwiem9vbSI6NjV9" shape="circle" coords="279,161,20" target="_blank" alt=""> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiZnVLMzNZWlYiLCJzZWN0aW9uIjoiNVJPQUloV2MiLCJzdGF0aW9uIjoibWlNc3hNZFkiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC40OTM5MjMyNDI4MzEyNTMxNiwtMC40OTUyMTkyOTU1Mzc3MTQ1NCwtMC41MDYwMzE3NDQxNTA2NTA2LDAuNTA0NzA3MzkzODcyOTYzOV0sInpvb20iOjY1fQ==" shape="circle" coords="380,161,20" target="_blank" alt=""> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiZnVLMzNZWlYiLCJzZWN0aW9uIjoiNVJPQUloV2MiLCJzdGF0aW9uIjoicEJwdVc0VmUiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC43MDQzMjY5ODk5MjM0NzA2LC0wLjAwMjUzNDA3MDc4NTEzMDY2NSwtMC4wMDI1NTQwMDE0MjQ2ODE2ODUsMC43MDk4NjY1Njk3MzQ5OTA2XSwiem9vbSI6NjV9" shape="circle" coords="589,365,20" target="_blank" alt=""> 
</map> </div>
<div class="popup-layout full floor" id="floor12"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(12F)</h1> 
<div class="popup-contents"> <img alt="층별안내도(12F)" src="/resources/images/cluster/sub/cluster15_3_12f.jpg" usemap="#cluster15_3_12f"> </div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor12">닫기</a></p> </div> 
<map name="cluster15_3_12f"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiN0RsdWJ0VVIiLCJzZWN0aW9uIjoiMElTRDlaWFMiLCJzdGF0aW9uIjoiazhTN0JWcmwiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC43MDIyMTIxODczNDc5MjYyLDAuMDA0MTA1MTIzMjE1MjIxNDYyLDAuMDA0MTYyMDEzNjY0NTE4ODU0LDAuNzExOTQzNzI2Mzg5NzIzM10sInpvb20iOjY1fQ==" shape="circle" coords="131,184,20" target="_blank" alt="7"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiN0RsdWJ0VVIiLCJzZWN0aW9uIjoiMElTRDlaWFMiLCJzdGF0aW9uIjoiWWhzWkV6QW4iLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC42NTM4Nzc2MzEyMDM4Mjk1LC0wLjI1MzM1MDk5NzI4OTM1NDQ1LC0wLjI1NzU3MDEyMTkwMjIxNjksMC42NjQ3NjY4MzcyMzQ3MDcyXSwiem9vbSI6NjV9" shape="circle" coords="299,115,20" target="_blank" alt="8"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiN0RsdWJ0VVIiLCJzZWN0aW9uIjoiMElTRDlaWFMiLCJzdGF0aW9uIjoiZG5QendoUkIiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC40OTgwMzUyNDk0ODI1NDAxLC0wLjQ5OTIwNzcxMjgwMDQ2NTE2LC0wLjUwMTk2MzUwNzI3NDkwNTQsMC41MDA3ODQ1NzE1NjUxMjc5XSwiem9vbSI6NjV9" shape="circle" coords="400,185,20" target="_blank" alt="9"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiN0RsdWJ0VVIiLCJzZWN0aW9uIjoiMElTRDlaWFMiLCJzdGF0aW9uIjoid1pBc0xVNVIiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC43MTAwMTQ5MDM2ODA3ODcyLC0wLjAwMjc2MzE3MDczNjAyOTE1LC0wLjAwMjc0MDQ0NzAxOTU4MDM3OTQsMC43MDQxNzU4OTUyMDU3MjExXSwiem9vbSI6NjV9" shape="circle" coords="540,115,20" target="_blank" alt="10"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiN0RsdWJ0VVIiLCJzZWN0aW9uIjoiMElTRDlaWFMiLCJzdGF0aW9uIjoiRlVXN0tENDEiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC40Nzc3MjM0NzI2MjQzOTAxMywtMC40OTAwNDc4OTg0MTMzMDc4LC0wLjUyMjA5NzU0MzUwMjQ3MzgsMC41MDg5NjcwODczNzcwNDldLCJ6b29tIjo2NX0=" shape="circle" coords="693,220,20" target="_blank" alt="11"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiN0RsdWJ0VVIiLCJzZWN0aW9uIjoiMElTRDlaWFMiLCJzdGF0aW9uIjoiODVWYzFtcTgiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC4wMDY3NjE0ODA1MDg3NDcxMDUsMC42OTYyODgzNzA4MjA4NzkxLDAuNzE3Njk2NDY0MzQ2MzkyMiwwLjAwNjk2OTM2OTA5Nzk2OTgyOV0sInpvb20iOjY1fQ==" shape="circle" coords="693,375,20" target="_blank" alt="12"> 
</map> </div>
<div class="popup-layout full floor" id="floor11"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(11F)</h1> 
<div class="popup-contents"> <img alt="층별안내도(11F)" src="/resources/images/cluster/sub/cluster15_3_11f.jpg" usemap="#cluster15_3_11f"> </div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor11">닫기</a></p> </div> 
<map name="cluster15_3_11f"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiYWdPVlVrVkoiLCJzZWN0aW9uIjoiNzlYcTk4MmwiLCJzdGF0aW9uIjoiV2g2Rk82MTQiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC40ODg1OTk1MTkxMzQ4NjY5MywtMC40OTY3OTYxMDUwNDc4MjQ5LC0wLjUxMTM4MTU4MDIyNzgwMzQsMC41MDI5NDQzNTAxMTY1OTNdLCJ6b29tIjo2NX0=" shape="circle" coords="125,227,20" target="_blank" alt="3"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiYWdPVlVrVkoiLCJzZWN0aW9uIjoiNzlYcTk4MmwiLCJzdGF0aW9uIjoiNDRMQWVxSkIiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC41NjE4MzYxNTAzOTYwMjMyLDAuNDI4NTI4NjQ2MTU4NzMyMSwwLjQyOTEzMTg3MzAwMzE5NDIsMC41NjI2MjcwMzAxOTE2ODJdLCJ6b29tIjo2NX0=" shape="circle" coords="436,187,20" target="_blank" alt="4"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiYWdPVlVrVkoiLCJzZWN0aW9uIjoiNzlYcTk4MmwiLCJzdGF0aW9uIjoidnJVbmZLbnkiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC43MDg1MzcxNjcwNjMzMzM1LDAuMDA0OTI5NjA5MzM5OTgzMDI5LDAuMDA0OTA5NDQ2ODgyNjQxNjk1LDAuNzA1NjM5MTk5MDA1MzYxMl0sInpvb20iOjY1fQ==" shape="circle" coords="588,356,20" target="_blank" alt="5"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiYWdPVlVrVkoiLCJzZWN0aW9uIjoiNzlYcTk4MmwiLCJzdGF0aW9uIjoiUEd0WGFmQm8iLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC40OTQzOTU1NDMzMTcxMjY1NCwtMC40OTUyMTM1NjA2MDA0Nzg5LC0wLjUwNTU1OTIzMDI1Njc3OTUsMC41MDQ3MjQxMjM1MDQ4NDI1XSwiem9vbSI6NjV9" shape="circle" coords="693,356,20" target="_blank" alt="6"> 
</map> </div>
<div class="popup-layout full floor" id="floor10"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(10F)</h1> 
<div class="popup-contents"> <img alt="층별안내도(10F)" src="/resources/images/cluster/sub/cluster15_3_10f.jpg" usemap="#cluster15_3_10f"> </div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor10">닫기</a></p> </div> 
<map name="cluster15_3_10f"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiNVpHZjhvZ3IiLCJzZWN0aW9uIjoiTUJlVTNvWFMiLCJzdGF0aW9uIjoiVXZxclN4WjQiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC4xMzI1MTAzNjE0NDE0Nzc4MiwwLjY2ODMwOTU5MjgyMzYxMTUsMC43MTgwMDgxMjAyNjkwMDk4LDAuMTQyMzY0NDMxOTI4NTkyNzddLCJ6b29tIjo2NX0=" shape="circle" coords="278,263,20" target="_blank" alt="1"> 
<area href="https://players.cupix.com/p/QiK6EqMV?vp=eyJ2ZXIiOjIsImZsb29yIjoiNVpHZjhvZ3IiLCJzZWN0aW9uIjoiTUJlVTNvWFMiLCJzdGF0aW9uIjoiTFA4NVh1NnEiLCJtb2RlIjoiRmlyc3RQZXJzb24iLCJ0ZXh0dXJlIjpmYWxzZSwidmlld3BvaW50IjpbMC40Nzg5MDUwODQ1MjU2ODU3LDAuNDg4ODQxNTM2OTA3MDQ3MjQsMC41MjA4NjUxMzM0MDY3MzY5LDAuNTEwMjc3NzUyNDE2MjU0M10sInpvb20iOjY1fQ==" shape="circle" coords="641,349,20" target="_blank" alt="2"> 
</map> </div>
<script type="text/javascript">
$(document).ready(function(e) {
     $("img[usemap]").rwdImageMaps();

$(".hash-popup").on("click", function(event){
          $("img[usemap]").rwdImageMaps();
      });
});
$(function(){

// 스크롤
$(".floor .popup-contents").mCustomScrollbar({
axis:"yx",
scrollButtons:{enable:true}
});
});
</script>