광교 < 층별안내 - 권역 허브 소개

소스복사

<div class="cluster15"> 
<div class="hub-box"> <img alt="" src="/resources/images/cluster/sub/cluster15_2.jpg"> 
<div class="inner"> 
<div class="link"> <a title="새창" class="blue" href="https://players.cupix.com/p/enuFUzV4" target="_blank">VR 바로가기</a> <a title="새창" class="pink" href="https://www.google.com/maps/@37.2941166,127.0494349,3a,75y,137.2h,88.65t/data=!3m7!1e1!3m5!1sAF1QipMhZqoFOm1D6aRZG54KagHRScF7W0p-xc5vPwTM!2e10!3e11!7i11000!8i5500" target="_blank">구글 스트리트뷰</a> </div> 
<p class="line-txt">광교 경기XR센터 안내</p> 
<p>[16506] 경기도 수원시 영통구 광교로 156(이의동 1322-1) 광교비즈니스센터 11층/6층/2층</p> 
<ul class="info"> 
<li> <strong>시설 및 장비</strong> 031-8064-1720 </li> 
</ul> </div> </div> 
<ul class="floor"> 
<li> <a class="hash-popup" href="#floor11"> <strong class="num">11F</strong> 
<p class="txt">운영사무실, 이벤트홀, 입주공간 9실(R1~R9), 코워킹스페이스 45석, 와우스페이스PLUS, 회의공간 1실</p> <i class="xi-angle-right-thin"></i> </a> </li> 
<li> <a class="hash-popup" href="#floor6"> <strong class="num">6F</strong> 
<p class="txt">입주공간 8실(1호실~8호실)</p> <i class="xi-angle-right-thin"></i> </a> </li> 
<li> <a class="hash-popup" href="#floor2"> <strong class="num">2F</strong> 
<p class="txt">테스트베드 및 교육장</p> <i class="xi-angle-right-thin"></i> </a> </li> 
</ul> </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_2_11f.jpg" usemap="#cluster15_2_11f"> </div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor11">닫기</a></p> </div> 
<map name="cluster15_2_11f"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicnl1S09uS3F6Iiwic2VjdGlvbiI6IkxvNzNrNENNIiwic3RhdGlvbiI6IkhVNUZXbE5sIiwibW9kZSI6IkZpcnN0UGVyc29uIiwidGV4dHVyZSI6ZmFsc2UsInZpZXdwb2ludCI6WzAuMDA1MzA1MDE1MjA0MDg0NTkzLDAuNjk1NTExOTkyMTQwODEyLDAuNzE4NDc0MDAzMzM3NTAyNCwwLjAwNTQ4MDE1Nzg2MTQyMzc4MV0sInpvb20iOjY1fQ==" shape="circle" coords="841,83,20" target="_blank" alt="7"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicnl1S09uS3F6Iiwic2VjdGlvbiI6Im9rcDlqU0FiIiwic3RhdGlvbiI6IllIOE9nbDl4IiwibW9kZSI6IkZpcnN0UGVyc29uIiwidGV4dHVyZSI6ZmFsc2UsInZpZXdwb2ludCI6WzAuNjkxMTk2OTg1Nzc4NDYzNiwtMC4wMTIzMjgyOTcyMDI3ODcxNTIsLTAuMDEyODg1NjY1Mzc2MzgxOTQ0LDAuNzIyNDQ2MzI5ODg2NjI1XSwiem9vbSI6NjV9" shape="circle" coords="695,373,20" target="_blank" alt="8"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicnl1S09uS3F6Iiwic2VjdGlvbiI6Im9rcDlqU0FiIiwic3RhdGlvbiI6IlBxMlpacHZWIiwibW9kZSI6IkZpcnN0UGVyc29uIiwidGV4dHVyZSI6ZmFsc2UsInZpZXdwb2ludCI6WzAuNDIzODExNjc1NjcxMDAyMiwwLjU1ODYwOTgyMDM3MDc2NDEsMC41NjgwMDUwMTMwMzgxMTYzLDAuNDMwOTM5NzE0MjQ1MzMyNzNdLCJ6b29tIjo2NX0=" shape="circle" coords="496,181,20" target="_blank" alt="9"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicnl1S09uS3F6Iiwic2VjdGlvbiI6Im9rcDlqU0FiIiwic3RhdGlvbiI6IkZ3c1RDamg0IiwibW9kZSI6IkZpcnN0UGVyc29uIiwidGV4dHVyZSI6ZmFsc2UsInZpZXdwb2ludCI6WzAuNTE0MzAyMTY2NDQyMjUxOSwwLjQ4ODAyMDkwNjA3MTQzODA1LDAuNDg1NDIwNzA1MDc2OTcyLDAuNTExNTYxOTM3NTEzNTI3NV0sInpvb20iOjY1fQ==" shape="circle" coords="373,238,20" target="_blank" alt="10"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicnl1S09uS3F6Iiwic2VjdGlvbiI6Im9rcDlqU0FiIiwic3RhdGlvbiI6Im8yeWp6V0dWIiwibW9kZSI6IkZpcnN0UGVyc29uIiwidGV4dHVyZSI6ZmFsc2UsInZpZXdwb2ludCI6WzAuNDg5MzYyNjc1NTU2MzM0MSwwLjQ5ODA1MzcxMTU1NDY0Mzk1LDAuNTEwNjMwNjAzMjE3MTYwNywwLjUwMTcyMDEwMDQ5MTM2NzddLCJ6b29tIjo2NX0=" shape="circle" coords="133,147,20" target="_blank" alt="11"> 
</map> </div>
<div class="popup-layout full floor" id="floor6"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(6F)</h1> 
<div class="popup-contents"> <img alt="층별안내도(6F)" src="/resources/images/cluster/sub/cluster15_2_6f.jpg" usemap="#cluster15_2_6f"> </div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor6">닫기</a></p> </div> 
<map name="cluster15_2_6f"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicmtEckt1M3Q1eiIsInNlY3Rpb24iOiJUNktZRXQyQyIsInN0YXRpb24iOiJydVpBcVNFdCIsIm1vZGUiOiJGaXJzdFBlcnNvbiIsInRleHR1cmUiOmZhbHNlLCJ2aWV3cG9pbnQiOlswLjY3NDQwMDU2ODAzMDE5MTQsLTAuMTY2MzYyNTk5MTIwMzk1MDUsLTAuMTcyMjkzMzg5NjM3MDc1MDIsMC42OTg0NDI4MDE3NjgyMTEzXSwiem9vbSI6NjV9" shape="circle" coords="437,310,20" target="_blank" alt="4"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicmtEckt1M3Q1eiIsInNlY3Rpb24iOiJUNktZRXQyQyIsInN0YXRpb24iOiJaYUhzcXFTUiIsIm1vZGUiOiJGaXJzdFBlcnNvbiIsInRleHR1cmUiOmZhbHNlLCJ2aWV3cG9pbnQiOlswLjQ5NTg3MDI3NTU0OTIzNDEsMC41MDAzNjQ0NTE1MzMxMTIsMC41MDQxMjk0MzMzNTgyMTg0LDAuNDk5NjAxNDQxMDQxMzcyOV0sInpvb20iOjY1fQ==" shape="circle" coords="181,262,20" target="_blank" alt="5"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoicmtEckt1M3Q1eiIsInNlY3Rpb24iOiJUNktZRXQyQyIsInN0YXRpb24iOiJGTWI1WGNleiIsIm1vZGUiOiJGaXJzdFBlcnNvbiIsInRleHR1cmUiOmZhbHNlLCJ2aWV3cG9pbnQiOlstMC4xMzgyNzQ0NjUxNzYxMjQ5LDAuNjgzNzM5NDc5OTkxOTI4MywwLjcwMjI4ODU0MzY5MDUyNzcsLTAuMTQyMDI1NjkxOTc3NDA4OV0sInpvb20iOjY1fQ==" shape="circle" coords="791,129,20" target="_blank" alt="6"> 
</map> </div>
<div class="popup-layout full floor" id="floor2"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(2F)</h1> 
<div class="popup-contents"> <img alt="층별안내도(2F)" src="/resources/images/cluster/sub/cluster15_2_2f.jpg" usemap="#cluster15_2_2f"> </div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor2">닫기</a></p> </div> 
<map name="cluster15_2_2f"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoiU3lyU3RfM0Y5RyIsInNlY3Rpb24iOiJkQnJVb1pTeSIsInN0YXRpb24iOiJ3dnBEUDJFbiIsIm1vZGUiOiJGaXJzdFBlcnNvbiIsInRleHR1cmUiOmZhbHNlLCJ2aWV3cG9pbnQiOlswLjQ4NjUyNjE3Mjg2NzMzNzIsLTAuNDk1OTUzMjg3OTkwMDg2ODcsLTAuNTEzNDQzOTQxOTI0MDI1MywwLjUwMzY4NDM2MzIxNjA5MzldLCJ6b29tIjo2NX0=" shape="circle" coords="42,283,20" target="_blank" alt="1"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoiU3lyU3RfM0Y5RyIsInNlY3Rpb24iOiJkQnJVb1pTeSIsInN0YXRpb24iOiJKeEl6RVhJcCIsIm1vZGUiOiJGaXJzdFBlcnNvbiIsInRleHR1cmUiOmZhbHNlLCJ2aWV3cG9pbnQiOlswLjQ4NDEwMTI2MjIwMjQ1MDMsLTAuNDk0MTYzNTU1MjcyNDQxMTYsLTAuNTE1ODM2MzYwMjg4ODI2MiwwLjUwNTMzMjc1OTY1Mjk1NThdLCJ6b29tIjo2NX0=" shape="circle" coords="416,301,20" target="_blank" alt="2"> 
<area href="https://players.cupix.com/p/enuFUzV4?vp=eyJ2ZXIiOjIsImZsb29yIjoiU3lyU3RfM0Y5RyIsInNlY3Rpb24iOiJkQnJVb1pTeSIsInN0YXRpb24iOiJTZ1lGZUc1WiIsIm1vZGUiOiJGaXJzdFBlcnNvbiIsInRleHR1cmUiOmZhbHNlLCJ2aWV3cG9pbnQiOlswLjcwMjkxMTkxMjE2OTc5NTEsLTAuMDg4NjM4MDE2NDMyNzE4LC0wLjA4ODI5NDQzODEwMjM1ODYyLDAuNzAwMTg3Mjg3NzgyOTY0N10sInpvb20iOjY1fQ==" shape="circle" coords="416,157,20" target="_blank" alt="3"> 
</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>