    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script>
		$(function(){
			$(".clroom_pic > ul li a, .clroom_pic > ul li span").click(function(){
				$("div#glaylayer").show();
				$("div#overlayer").show();
				$("div#overlayer > div > img").attr("src",$(this).attr("href")).attr("alt",$(this).attr("title"));				
				return false;				
			});
			$("div#overlayer > div > span,div#glaylayer, div#overlayer").click(function(){
					$("div#glaylayer, div#overlayer").hide();
				});
		
		
})//Jquery 끝표시
	</script>
<!-- Content start -->
	<div id="content">
		<article class="con_inner">			
			<div class="clroom_pic">
			<h2 class="btxt02">강의장 둘러보기</h2>
				<h3>Education Center </h3>
				<ul>
					<li>
						<a href="../img/menu04/1 Orion_L.jpg" title="Orion"><img src="../img/menu04/1 Orion_S.jpg" alt="Orion 이미지"></a><br>
						<span style="background:gray;">1. Orion</span>
					</li>
					<li>
						<a href="../img/menu04/2 Cassiopeia_L.jpg" title="Cassiopeia"><img src="../img/menu04/2 Cassiopeia_S.jpg" alt="Cassiopeia 이미지"></a><br>
						<span style="background:gray;">2. Cassiopeia</span>
					</li>
					<li>
						<a href="../img/menu04/3. Leo_L.jpg" title="Leo"><img src="../img/menu04/3. Leo_S.jpg" alt="Leo 이미지"></a><br>
						<span style="background:gray;">3. Leo</span>
					</li>
					<li class="mr0">
						<a href="../img/menu04/4 Scorpius_L.jpg" title="Scorpius"><img src="../img/menu04/4 Scorpius_S.jpg" alt="Scorpius 이미지"></a><br>
						<span style="background:gray;">4. Scorpius</span>
					</li>
					<li>
						<a href="../img/menu04/5. Opal_L.jpg" title="Opal"><img src="../img/menu04/5. Opal_S.jpg" alt="Opal 이미지"></a><br>
						<span style="background:gray;">5. Opal</span>
					</li>
					<li>
						<a href="../img/menu04/6. Sapphire_L.jpg" title="Sapphire"><img src="../img/menu04/6. Sapphire_S.jpg" alt="Sapphire 이미지"></a><br>
						<span style="background:gray;">6. Sapphire(회의장)</span>
					</li>
					<li>
						<a href="../img/menu04/Lounge_L.jpg" title="휴게실"><img src="../img/menu04/Lounge_S.jpg" alt="휴게실 이미지"></a><br>
						<span style="background:gray;">휴게실</span>
					</li>
					<li class="mr0">
						<a href="../img/menu04/Reception_L.jpg" title="리셉션"><img src="../img/menu04/Reception_S.jpg" alt="리셉션 이미지"></a><br>
						<span style="background:gray;">리셉션</span>
					</li>
					<!-- <li class="mr0">
						<a href="../img/menu04/reception.jpg" title="리셉션"><img src="../img/menu04/reception_s.jpg" alt="리셉션 이미지"></a><br>
						<span style="background:gray;">시험센터</span>
					</li> -->
				</ul>
				<ul></ul>
				<!-- <h3><br>Education Center 2</h3>
				<ul>
					<li>
						<a href="../img/menu04/Acasia.jpg" title="Acasia Room"><img src="../img/menu04/Acasia_s.jpg" alt="Acasia Room 이미지"></a><br>
						<span style="background:gray;">Acasia Room</span>
					</li>
					<li>
						<a href="../img/menu04/Buttercup.jpg" title="Buttercup Room"><img src="../img/menu04/Buttercup_s.jpg" alt="Buttercup Room 이미지"></a><br>
						<span style="background:gray;">Buttercup Room</span>
					</li>
					<li>
						<a href="../img/menu04/Clover.jpg" title="Clover Room"><img src="../img/menu04/Clover_s.jpg" alt="Clover Room 이미지"></a><br>
						<span style="background:gray;">Clover Room</span>
					</li>
					<li class="mr0">
						<a href="../img/menu04/lounge1.jpg" title="휴게실"><img src="../img/menu04/lounge1_s.jpg" alt="휴게실 이미지"></a><br>
						<span style="background:gray;">휴게실</span>
					</li>
					<li>
						<a href="../img/menu04/reception1.jpg" title="리셉션"><img src="../img/menu04/reception1_s.jpg" alt="리셉션 이미지"></a><br>
						<span style="background:gray;">리셉션</span>
					</li>
					
				</ul> -->
			</div>
			<div id="glaylayer" style="display: none;">
			</div>
			<!-- 화면을 어둡게 -->
			<div id="overlayer" style="display: none;">
				<div>
					<img src="../img/menu04/green.jpg" alt="Green Room">
					<span><img src="../img/common/close_x.jpg" alt="닫기"></span>
				</div>		
			</div>
			<!-- 레이어 이미지 -->
			<div class="rm_spec">
				<div class="rent_contac">
				<!--	<span class="mail"><a href="http://www.gkn.co.kr/upload/sample_191126.pdf" target="_blank"><i class="material-icons">&#57534;</i>신청서다운로드</a></span>  -->
					<span class="mail1"><a href="mailto:jskim@gkn.co.kr"><i class="material-icons">&#57534;</i>메일보내기</a></span>
					<span class="tel"><i class="material-icons">&#57551;</i>&#160;&#160;<strong>CLASSROOM</strong> 임대 문의 : 02-6376-0075</span>
				</div>
				<table>
					<caption class="blind">Classroom Rental</caption>
					<colgroup>
						<col width="10%">
						<col width="10%">
						<col width="50%">
						<col width="15%">
						<col width="15%">
					</colgroup>
					<thead>
						<tr>
							<th>강의장명</th>
							<th>수용인원</th>
							<th>사양</th>
							<th>용도</th>
						<!--	<th>금액 (단위: 만원)</th>    -->
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1. Orion</td>
							<td>16</td>
							<td>CPU : i3 Memory : 12G / 운영체제 : Windows10</td>
							<td>실습+이론</td>
						<!--	<td>60</td>   -->
						</tr>
						<tr>
							<td>2. Cassiopeia</td>
							<td>30</td>
							<td>CPU : i5 Memory : 16G / 운영체제 : Windows10</td>
							<td>실습+이론</td>
						<!--	<td>70</td>   -->
						</tr>
						<tr>
							<td>3. Leo</td>
							<td>30</td>
							<td>CPU : i7 Memory : 16G / 운영체제 : Windows10</td>
							<td>실습+이론</td>
						<!--	<td>70</td>  -->
						</tr>
						<tr>
							<td>4. Scorpius</td>
							<td>24</td>
							<td>CPU : i3 Memory : 8G / 운영체제 : Windows7</td>
							<td>실습+이론</td>
						<!--	<td>60</td>  -->
						</tr>
						<tr>
							<td>5. Opal</td>
							<td>10</td>
							<td>CPU : i3 Memory : 8G / 운영체제 : Windows7</td>
							<td>실습+이론</td>
						<!--	<td>50</td>  -->
						</tr>
					</tbody>
				</table>
                                <span>기본 제공사항 : 빔프로젝트 / 스크린 / 화이트보드 & 마커 & 지우개 / 정수기 / 커피 (원두 + 믹스) / 각종 차</span>
			</div>
		</article>
	</div>
	<!-- Content end -->