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

소스복사

<div class="cluster15"> 
<div class="hub-box"><img alt="" src="/resources/images/cluster/sub/cluster_kyangmung.png"> 
<div class="inner"> 
<div class="link"> <a title="새창" class="blue" href="https://players.cupix.com/p/9dUuEP8r" target="_blank">VR 바로가기</a> <a title="새창" class="pink" href="https://goo.gl/maps/UvGtEc7DPm5HSvvw9" target="_blank">구글 스트리트뷰</a> </div> 
<p class="line-txt">광명 경기문화창조허브 안내</p> 
<p>[14341] 경기도 광명시 가학로85번길 142 광명업사이클아트센터 1,2층 / 에코센터 1,2층</p> 
<ul class="info"> 
<li><strong>전화번호</strong> 02-2680-6968</li>  
</ul> </div> </div> 
<ul class="floor"> 
<li><a class="hash-popup" href="#floor102"> <strong class="num" style="width: 80px;">본관 2F</strong> 
<p class="txt">공용 공간, 회의실 2실, 입주공간 4실, 카페, 푸드코트</p> <i class="xi-angle-right-thin"></i> </a></li> 
<li><a class="hash-popup" href="#floor101"> <strong class="num" style="width: 80px;">본관 1F</strong> 
<p class="txt">아트숍, 전시실, 운영사무실, 공연장, 화장실</p> <i class="xi-angle-right-thin"></i> </a></li> 
<li><a class="hash-popup" href="#floor202"> <strong class="num" style="width: 80px;">별관 2F</strong> 
<p class="txt">입주공간 6실, 세미나공간 1실</p> <i class="xi-angle-right-thin"></i> </a></li> 
<li><a class="hash-popup" href="#floor201"> <strong class="num" style="width: 80px;">별관 1F</strong> 
<p class="txt">장비실, 다목적실, 세미나공간 1실(디자인장비)</p> <i class="xi-angle-right-thin"></i> </a></li> 
</ul> </div>
<div class="popup-layout full floor" id="floor102"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(본관 2F)</h1> 
<div class="popup-contents" style="text-align: center;"><img alt="층별안내도(본관 2F)" src="/resources/images/cluster/sub/cluster15_7_102f.jpg" usemap="#cluster15_7_102f"></div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor102">닫기</a></p> </div>  </div>
<div class="popup-layout full floor" id="floor101"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(본관 1F)</h1> 
<div class="popup-contents" style="text-align: center;"><img alt="층별안내도(본관 1F)" src="/resources/images/cluster/sub/cluster15_7_101f.jpg" usemap="#cluster15_7_101f"></div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor101">닫기</a></p> </div>  </div>
<div class="popup-layout full floor" id="floor202"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(별관 2F)</h1> 
<div class="popup-contents" style="text-align: center;"><img alt="층별안내도(별관 2F)" src="/resources/images/cluster/sub/cluster15_7_202f.jpg" usemap="#cluster15_7_202f"></div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor202">닫기</a></p> </div>  </div>
<div class="popup-layout full floor" id="floor201"> 
<div class="popup-inner edit"> 
<h1 class="heading2">층별안내도(별관 1F)</h1> 
<div class="popup-contents" style="text-align: center;"><img alt="층별안내도(별관 1F)" src="/resources/images/cluster/sub/cluster15_7_201f.jpg" usemap="#cluster15_7_201f"></div> 
<p class="btnRight"><a class="btn type-a darkgray hash-popup-close" href="#floor201">닫기</a></p> </div>  </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>