마카로닉스

2144 No

팝업 빔

2023-08-23 20:20:16 By 라이트 0 275 댓글수 4 포스트 하기

4월 2024
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

<!doctype html>
<html lang="ko">
<head>

<style>
#web_header_wrap{
	z-index: 9999;
}
.dim-layer {
  display: block;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 91;
}
.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
#sub_tab2{
	display: block; 
	width: 70%;    
    background: #f8f8f8;
     z-index: 999; 
     position: relative;
     padding: 30px  ;
}

#sub_tab2_parent{
position: relative; 
top:calc(100% + 117px);
}
@media (max-width: 1024px){
	#m_header_wrap {
	    display: flex;
	    z-index: 9999;
	    background: #fff;
	    border:none;
	}
	
	.container {
	    height: calc(100% - 60px);
	}
	
	#gisMap{
		position: relative;
		top: 5px;
	}
	.dim-layer{/* 
		 */top: 60px;
	}
	
	.h4.p_st08.tit2 {
	    display: block;
	    z-index: 999;
	}
	
	#sub_tab2{
		width: 85%;    
	}

	#sub_tab2_parent{
		 top: calc(100% + 50px);
	}
}
</style>	
	



	
</head>
<body>

</div>

<div id="gis">

	<div class="site_guide" id="guidePop" >
	
	</div>
	

	<div id="skip_navigation">
		<ul>
			<li><a href="#start_menu">주메뉴 바로가기</a></li>
			<li><a href="#start_contents">본문 바로가기</a></li>
		</ul>
	</div>
	<div id="web_header_wrap">
	
	</div>
	


	<!--<div class="container">-->
	<div class="container" id="start_contents" style="height: 0px">

		
		
		<div  id="sub_tab2_parent">
				<div class="sub_tab_cont" id="sub_tab2" > 
					
						<div class="h4 p_st08 tit2">정보조회</div>
						<div class="c_pop waterInfo scroll">
							<div class="c_pop_cont">
							
							
								</div>
							</div>
						</div>

				</div>
		</div>	
	
	</div>
	
	
	<div class="dim-layer">
		<div class="dimBg"></div>	
	</div>
	
	<div id="gisMap" class="map" style="width: 100%;height: 100%; z-index: 9"></div>
	
</div>




</body>
</html>