<?
	include"inc_top.php";
	if($sessionLevel < 10){
		echo "<script>parent.location.href = './guide.html'</script>";
		exit;
	}
    $category = 5; //카테고리 변수 5=  GALLERY
    $tableName="gallery";
    if(!$tab) $tab=1;
?>
<script src="/sys_css_js/common.js" type="text/javascript" ></script>
<script type="text/javascript" src="/plugin/gray-gh-pages/js/jquery.gray.min.js"></script>
<link rel="stylesheet" type="text/css" href="/plugin/gray-gh-pages/css/gray.css"/>
<script type="text/javascript" src="/plugin/smartPop/jquery.smartPop.js"></script>
<link rel="stylesheet" href="/plugin/smartPop/jquery.smartPop.css" />
<script type="text/javascript">
		function openshow(val,val2){
			var filter = "win16|win32|win64|mac";
			if(navigator.platform){
				if(0 > filter.indexOf(navigator.platform.toLowerCase())){
						//alert("Mobile");
						window.open('gallery_view.php?post_num='+val, '_blank');
				}else{
						//alert("PC");
						$.smartPop.open({ background: "#000000", width: "100%",maxwidth: "850", height: "100%",borderColor:"#000000" , border: 0, url: 'gallery_view.php?post_num='+val+'&MG='+val2 });
				}

			}
    }

    function smartPopClose()
    {
        $.smartPop.close();
    }

    window.onresize = function(event) {
        if($("#smartPop").css("display") == "block") {
            var bWidth = $('#smartPop_frame').get(0).contentWindow.$('.gallviewBox').height();
            $.smartPop.resizeHeight(bWidth);
        }
    }
</script>
<style>
 <!--LEFT SMALL GALLERY-->
	.galleryList_le										{ width:290px; 	display:block;  text-align:center; background-color:#CCC; }
	/*.galleryList_le:after				{	content:"";display:block;clear:both;}*/
 .galleryList_le li       {	margin:1px;  /*min-width:90px; min-height:90px;*/ display:inline-block; vertical-align:top; background-color:#666}
	.galleryList_le li img			{	width:85px; height:85px;		}

	<!--RIGHT GALLERY(이미지 3개일경우)-->

	.gallery_list_ri										{margin:0 auto; width:100%;  max-width:812px;  text-align:center;}
	/*.gallery_list_ri:after				{content:""; display:block; clear:both;}*/

	.gallery_ls_box												{	/*float:left; */margin:7px; width:254px; height:254px; display:inline-block; vertical-align:top;}
	.gallery_ls_box a 									{	width:31%; width:254px; height:254px;
																														display:table-cell;
																														vertical-align:top;
																														text-decoration:none;
																														transition:all .3s ease;
																														-moz-transition:all .3s ease;
																														-webkit-transition:all .3s ease;
																														opacity:0;}
 .gallery_ls_box a:hover     { width:254px; height:254px; overflow:hidden; opacity:1; }

	.gallery_ls_box a ul							 { margin:10px auto; display:block; width:200px; height:23px; }
 .gallery_ls_box a li								{	width:49%;  display:inline-block; color:#fec223;}
	.gallery_ls_box .li_gubun			{ text-align:left;}
	.gallery_ls_box .li_like				{ text-align:right;}

 .gallery_ls_box .icon		   	{ padding-bottom:20px; text-align:center; width:200px;}

	.gallery_ls_box a dl			 			{ margin:80px auto 20px; width:200px; height:23px;}
	.gallery_ls_box a dt							{	width:200px; color:#fec223; font-size:1.2em; font-weight:600; padding-bottom:10px; text-align:center;}
	.gallery_ls_box a dd							{	width:200px; color:#fec223; font-size:1em;		 text-align:center; line-height:18px; }

	.gallery_layer_a											{	width:254px; height:254px; position:relative; left:0px; top:0px; z-index:3; box-sizing:border-box;}
	.gallery_layer_bg										{	width:254px; height:254px; background-color:#000; opacity:0.5; }
	.gallery_layer													{	position:absolute; left:0px; top:0px; z-index:10; width:254px; height:254px; box-sizing:border-box; border:7px solid #fec223;}

	/*MORE*/
.pagination03      {width:100%; text-align:center; height:32px;background-image:url(/images/sub/sub_pagbar.png); background-repeat:repeat-x; border:solid 1px rgb(204, 204, 204);}
.pagination03   a  {width:100%;}
.pagination03	img		{padding:12px  0 10px 0;}

</style>
<script>
 $(document).ready(function()
 {
				main_gall_resize();
 })

	$(window).resize(function(){
				main_gall_resize();
	});

	function main_gall_resize()
	{
				var wid_width = window.document.body.offsetWidth;
				//alert(wid_width);
				if( wid_width < 1175 )
				{
								$(".galleryList_le").css({"width":810+"px"});
								$(".galleryList_le").css({"margin":"0 auto"});
								$(".con_right").css({"width":812+"px"});
								$(".con_right").css({"margin":"0 auto"});
				}
				if( wid_width > 1174 )
				{
								$(".galleryList_le").css({"width":290+"px"});
								$(".galleryList_le").css({"padding":0+"px"});
								$(".con_right").css({"width":812+"px"});
				}
				if( 835 < wid_width && 1173 > wid_width )
				{
								$(".galleryList_le").css({"width":810+"px"});
								$(".galleryList_le").css({"margin":"0 auto"});
								$(".con_right").css({"margin":"0 auto"});
				}
				if( wid_width < 835 )
				{
								$(".galleryList_le").css({"width":540+"px"});
								$(".galleryList_le").css({"margin":"0 auto"});
								$(".con_right").css({"width":540+"px"});  //835
								$(".con_right").css({"margin":"0 auto"});
				}
				if( wid_width < 540 )
				{
								$(".galleryList_le").css({"width":270+"px"});
								$(".galleryList_le").css({"padding":10+"px"});
								//$(".galleryList_le").css({"background-color":"#CCC"});
								$(".galleryList_le").css({"margin":"0 auto"});
								$(".con_right").css({"width":263+"px"});
								$(".con_right").css({"margin":"0 auto"});
				}

	}

function fnMore(tableName){
 var moreSel =$('.btn_cla');
 var ID = moreSel.attr("id");
 $.ajax({
   type: "POST",
   url: "gallery_ls_ajax.php",
   data: "page="+ ID+"&tableName="+tableName ,
   cache: false,
   success: function(data){
     $("#con_ls").append(data);
     moreSel.attr("id",eval(ID)+1);
		 moreSel.attr("data-total",$('#total-page').val());

     if(ID == moreSel.attr("data-total")){
       moreSel.hide();
     }
   }
 });

return;
}
</script>
<SECTION>
 <ARTICLE class="article_news">

  <div class="article_news_area">

  	<!-- LEFT -->
  	<div class="con_left">
				<div class="con_tit"><img src="../images/sub/sub_tit_05.jpg" /></div>
				<div class="search_ar">
						<form name="form" method="post" target="_self" onsubmit="return false;" >
                <input type="hidden" name="tab" id ="tab" value="<?=$tab?>">
                <input type="hidden" name="tabview" id ="tabview">
                <input type="hidden" name="MG" id ="MG" value="<?=$MG?>">
                <input type="hidden" name="tmp_no" id ="tmp_no" value="<?=$tmp_no?>">
                <input type="hidden" name="number_page" id ="number_page" value="<?=$number_page?>">
                <input type="hidden" name="category" id ="category"  value="<?=$category?>">
                <input 	type="hidden"   id="search_word_h" name="search_word_h">
                <input 	type="text"   id="search_word" name="search_word" placeholder="検索ワード" >
                <button type="submit" onClick="searchChk();" style="cursor:pointer;"><img src="../images/btn_news_search.jpg" /></button>
            </form>
 			</div>

			<div class="icon_bar">
					<ul id="tob_bar_area1" class="icon_menu">
							<li class="icon_menu_ac1"><a href="javascript:icon_bar_view(1)"><img id="src_Tab1" src="../images/btn_new_menu01_r.jpg" width="56" height="56" /></a></li><li class="icon_menu_ac2"><a href="javascript:icon_bar_view(2)"><img id="src_Tab2" src="../images/btn_new_menu02.jpg" width="56" height="56" /></a></li><li class="icon_menu_ac3"><a href="javascript:icon_bar_view(3)"><img id="src_Tab3"  src="../images/btn_new_menu03.jpg" width="56" height="56" /></a></li><li class="icon_menu_ac4"><a href="javascript:icon_bar_view(4)"><img id="src_Tab4" src="../images/btn_new_menu04.jpg" width="56" height="56" /></a></li>
					</ul>
					 <div id="tob_bar_ls1" class="rec_list_ar"></div>
					 <div id="tob_bar_ls2" class="rec_list_ar"></div>
					 <div id="tob_bar_ls3" class="rec_list_ar"></div>
					 <div id="tob_bar_ls4" class="rec_list_ar"></div>
			</div>
		</div>

			<!-- RIGHT -->
			<div class="con_right">
					<?include "./warning_mungu.html";?>
					<div id="con_ls"></div>
					<a href='javascript:fnMore("photo_gallery");' class='btn_cla' id='2' data-total=''><div class='pagination03'><img src='../images/sub/sub_pagbar_more.png'></div></div></a>
			</div>



	</ARTICLE>
</SECTION>






<?

	include"inc_bottom.php";

?>
 <!-- MOUSE ACTION -->
 </body>
 </html>