<?
//========================================
// dehead(config/function/lib) Include
//========================================
include $_SERVER['DOCUMENT_ROOT']."/front/include/dehead.php";
function AuthCheck2($getSession,$contentnumber){
    if(!$getSession){
		//$utf8str = iconv("euc-kr", "utf-8", "../epilogue/real_view.php?no=".$contentnumber);
        AlertMove("로그인 후 이용하실 수 있습니다.", "/front/member/login.php?returnUrl=self_view&no=".$contentnumber);
    }
}

//}

//========================================
// Class Connect
//========================================
$Db = new Db(); // 데이터 베이스 클래스

//========================================
// Data Process
//========================================
$param = array('no' => $no);

//========================================
// Data Load
//========================================
$view = $Db->row("SELECT no, sort, best, store, insert_date, name, title, content, likes, hit, tag, etc2 FROM $TABLE_EPILOGUE WHERE no = :no", $param);
$keyword =  explode("|", $Db->single("SELECT keyword FROM $TABLE_KEYWORD WHERE code = :code", array('code' => "B")));

$no = $view['no'];
$sort = $view['sort'];
$bestClass = ($view['best'] === "Y") ? "best" : "";
$store = $storeNameArr[$view['store']];
$storeColor = StoreColorClass($view['store']);
$insert_date = $view['insert_date'];
$name = Utf8SubstrReplace(stripslashes($view['name']), "o");

$title = stripslashes($view['title']);
$content = stripslashes($view['content']);
$likes = $view['likes'];
$hit = $view['hit'];
$temp_tag = explode(",", stripslashes($view['tag']));
$tag = implode(",", array_filter($temp_tag));
$etc2 = $view['etc2'];

$pnparam = array('sort' => $sort, 'show' => PARAMETER_Y, 'del' => PARAMETER_N, 'best' => $view['best']);
if($sd === "likes"){
    $pnparam['likes'] = $likes;
    $prevINS .= "likes > :likes";
    $nextINS .= "likes < :likes";
    $prevOrderINS .= "likes ASC";
    $nextOrderINS .= "likes DESC";
} else if($sd === "hit"){
    $pnparam['hit'] = $hit;
    $prevINS .= "hit > :hit";
    $nextINS .= "hit < :hit";
    $prevOrderINS .= "hit ASC";
    $nextOrderINS .= "hit DESC";
} else {
    $pnparam['insert_date'] = $insert_date;
    $prevINS .= "insert_date > :insert_date";
    $nextINS .= "insert_date < :insert_date";
    $prevOrderINS .= "insert_date ASC";
    $nextOrderINS .= "insert_date DESC";
}

$prev = $Db->row("SELECT no, store, title FROM $TABLE_EPILOGUE WHERE $prevINS AND sort = :sort AND d_show = :show AND del = :del AND best = :best ORDER BY $prevOrderINS LIMIT 0, 1", $pnparam);
$next = $Db->row("SELECT no, store, title FROM $TABLE_EPILOGUE WHERE $nextINS AND sort = :sort AND d_show = :show AND del = :del AND best = :best ORDER BY $nextOrderINS LIMIT 0, 1", $pnparam);

if($prev > 0){
    $prevTitle = "[".$storeNameArr[$prev['store']]."]".stripslashes($prev['title']);
    $prevLink = "#".$prev['no'];
} else {
    $prevTitle = "이전글이 없습니다.";
    $prevLink = "#self";
}

if($next > 0){
    $nextTitle = "[".$storeNameArr[$next['store']]."]".stripslashes($next['title']);
    $nextLink = "#".$next['no'];
} else {
    $nextTitle = "다음글이 없습니다.";
    $nextLink = "#self";
}


//첫 이미지
	$content_img = explode("src=\"",$content);
	$content_img = explode("\"",$content_img[1]);
	$content_img = $content_img[0];
	//$imgPath = $content_img;
							
							
	//$ext = array_pop(explode(".",strtolower($content_img)));
	$parts = explode(".", strtolower($content_img));
	$ext = array_pop($parts);
	$save_path = "../../uploads/thumb/".$no.".".$ext;
	if(!is_file($save_path)){
								
		if(!preg_match('#http#',$content_img)){
			$content_img = "https://www.ssdream.co.kr".$content_img;
		}
		if($ext == 'jpg'){
								
			$ori_path = $content_img;
			$ori_img = imagecreatefromjpeg($ori_path);
			$info_img = getimagesize($ori_path);
			$new_img = imagecreatetruecolor(100,100);
			imagecopyresampled($new_img,$ori_img,0,0,0,0,100,100,$info_img[0],$info_img[1]);
			
			imagejpeg($new_img,$save_path);
		}else if($ext == 'png'){
			
			$ori_path = $content_img;
			$ori_img = imagecreatefrompng($ori_path);
			$info_img = getimagesize($ori_path);
			$new_img = imagecreatetruecolor(100,100);
			imagecopyresampled($new_img,$ori_img,0,0,0,0,100,100,$info_img[0],$info_img[1]);
			
			imagepng($new_img,$save_path);
			
		}else if($ext == 'gif'){
			
			$ori_path = $content_img;
			$ori_img = imagecreatefromgif($ori_path);
			$info_img = getimagesize($ori_path);
			$new_img = imagecreatetruecolor(100,100);
			imagecopyresampled($new_img,$ori_img,0,0,0,0,100,100,$info_img[0],$info_img[1]);
			
			imagegif($new_img,$save_path);
			
		}
		
	}
	$imgPath = "/uploads/thumb/".$no.".".$ext;
	
	
	

//========================================
// 2019-11-13
//========================================	
if($_GET['etc2']){
	$etc2 = $_GET['etc2'];
}else{
	$etc2 = 1;
}

$epirel = $Db->row("SELECT * FROM 2019_epilogue_relate WHERE del = 'N' AND self_view = '".$_GET['no']."'");

$beaf_param = array('show' => PARAMETER_Y, 'del' => PARAMETER_N);

if($epirel['self_view']){
$ep1 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'A' AND d_show = :show AND del = :del AND no = '".$epirel['self_view']."'", $beaf_param);
}
if($epirel['real_view']){
$ep2 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'B' AND d_show = :show AND del = :del AND no = '".$epirel['real_view']."'", $beaf_param);
}


$beaf_param = array_merge($beaf_param, array('Bcode' => "photo", 'Ccode' => "photo", 'Bseq' => 1, 'Cseq' => 2));

if($epirel['beaf']){
$beaf = $Db->row("SELECT A.no, A.title, A.before_content, A.after_content, A.reg_date, A.etc1,
B.attach AS attach1, B.attach_ori AS attach_ori1, B.mod_date AS mod_date1, 
C.attach AS attach2, C.attach_ori AS attach_ori2, C.mod_date AS mod_date2
FROM $TABLE_PHOTO A 
LEFT JOIN $TABLE_ATTACH B ON A.no = B.wno AND B.code = :Bcode AND B.seq = :Bseq 
LEFT JOIN $TABLE_ATTACH C ON A.no = C.wno AND C.code = :Ccode AND C.seq = :Cseq 
WHERE A.d_show = :show AND A.del = :del AND A.no = ".$epirel['beaf']."", $beaf_param);
}
if($epirel['beaf2']){
$beaf2 = $Db->row("SELECT A.no, A.title, A.before_content, A.after_content, A.reg_date, A.etc1,
B.attach AS attach1, B.attach_ori AS attach_ori1, B.mod_date AS mod_date1, 
C.attach AS attach2, C.attach_ori AS attach_ori2, C.mod_date AS mod_date2
FROM $TABLE_PHOTO A 
LEFT JOIN $TABLE_ATTACH B ON A.no = B.wno AND B.code = :Bcode AND B.seq = :Bseq 
LEFT JOIN $TABLE_ATTACH C ON A.no = C.wno AND C.code = :Ccode AND C.seq = :Cseq 
WHERE A.d_show = :show AND A.del = :del AND A.no = ".$epirel['beaf2']."", $beaf_param);
}
$epirel_name = Utf8SubstrReplace(stripslashes($epirel['name']), "o");

preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep1['content'], $matches);

preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep2['content'], $matches2);
/*$beaf_param = array('show' => PARAMETER_Y, 'del' => PARAMETER_N, 'etc2' => $etc2);

$ep1 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'A' AND d_show = :show AND del = :del AND etc2 = :etc2", $beaf_param);
$ep2 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'B' AND d_show = :show AND del = :del AND etc2 = :etc2", $beaf_param);

$beaf_param = array_merge($beaf_param, array('Bcode' => "photo", 'Ccode' => "photo", 'Bseq' => 1, 'Cseq' => 2));

$beaf = $Db->row("SELECT A.no, A.title, A.before_content, A.after_content, A.reg_date, A.etc1,
B.attach AS attach1, B.attach_ori AS attach_ori1, B.mod_date AS mod_date1, 
C.attach AS attach2, C.attach_ori AS attach_ori2, C.mod_date AS mod_date2
FROM $TABLE_PHOTO A 
LEFT JOIN $TABLE_ATTACH B ON A.no = B.wno AND B.code = :Bcode AND B.seq = :Bseq 
LEFT JOIN $TABLE_ATTACH C ON A.no = C.wno AND C.code = :Ccode AND C.seq = :Cseq 
WHERE A.d_show = :show AND A.del = :del AND A.etc2 = :etc2", $beaf_param);

preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep1['content'], $matches);

preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep2['content'], $matches2);
*/
//========================================
// Hit Update
//========================================
if(!$_COOKIE["HIT::".$TABLE_EPILOGUE."_".$no]){
    $hitPlus = $hit + 1;

    $hitUp = $Db->query("UPDATE $TABLE_EPILOGUE SET hit = :hit WHERE no = :no", array('hit' => $hitPlus, 'no' => $no));

    setcookie("HIT::".$TABLE_EPILOGUE."_".$no, time()+(60*60*24));
}
$Db->CloseConnection;

//========================================
// Meta Tag
//========================================
$metaTitle = $title;
$metaTitle2 = $title;
$metaDescription = StrCut(strip_tags($content), 0, 100);
$metaKeyword = $tag;
$metaNav = $metaInfo['self_list']['nav'];

//========================================
// header Include
//========================================
include PATH_INCLUDE."header.php";

//========================================
// Page Auth
//========================================
//if(MobileCheck() == "Desktop"){
//	일단 없애봄 170703
// 2020-03-19 검색엔진은 통과시키기
// 2020-05-25 header까지는 나오게하기
if( preg_match('#Yeti#',$_SERVER['HTTP_USER_AGENT']) || preg_match('#Googlebot#',$_SERVER['HTTP_USER_AGENT']) || preg_match('#GoogleDocs#',$_SERVER['HTTP_USER_AGENT']) ){
}else{
	//echo $_SERVER['HTTP_USER_AGENT'];
    AuthCheck2($_SESSION['MEMBER_LOGIN_EXIST'],$_GET['no']);
}

?>

<?php

$tmp1 = array(
	array('seq' => '1', 'title' => 'a1b1.jpg', 'no' => '27'),
	array('seq' => '2', 'title' => 'a1b2.jpg', 'no' => '1229'),
	array('seq' => '3', 'title' => 'a1b3.jpg', 'no' => '1927')
);

$tmp2 = array(
	array('seq' => '1', 'title' => '아들의 꿈을 지켜주셔서 감사해요!', 'no' => '2201'),
	array('seq' => '2', 'title' => '딸이 원장님 이름 등에 붙이고 다니고 싶대요!', 'no' => '1816'),
	array('seq' => '3', 'title' => '아들의 상황 이해해주셔서 너무 감사합니다.', 'no' => '724')
	
);

$tmp3 = array(
	array('seq' => '1', 'title' => '남편, 이해해줘서 고마워요!', 'no' => '1426'),
	array('seq' => '2', 'title' => '부부가 함께 받는 코수술 의지 됩니다.', 'no' => '1445'),
	array('seq' => '3', 'title' => '코골이 해결 후 와이프가 좋아해요!', 'no' => '1140')
	
);

$tmp4 = array(
	array('seq' => '1', 'title' => '코수술 후 인정받고 포상휴가도 많이 받았습니다!', 'no' => '2259'),
	array('seq' => '2', 'title' => '군인분들 코수술 적극 추천합니다!', 'no' => '1723'),
	array('seq' => '3', 'title' => '휴가 기간 중 코수술 만족 합니다!', 'no' => '2111')
	
);
?>
<style>
@keyframes testsize{
	0%{
		background-size:40px 40px;
	}
	50%{
		background-size:60px 60px;
	}
	100%{
		background-size:40px 40px;
	}
}

.sep_view.self_write .cont_box img{
	height:auto;
}
.sep_view.self_write .cont_box span.image_over{
	position:absolute;
	z-index:10;
	opacity:0.5;
	background-image:url(https://www.ssdream.co.kr/front/images/epilogue/zoom_in_open.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40px 40px;
	transition:background-size 0.5s, transform 2s;
	cursor:pointer;
	
	animation-name: testsize;
	animation-duration: 2s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
}
.sep_view.self_write .cont_box span.image_over:hover {
	background-size:60px 60px;
}
.cont_box img{ max-width:100% !important; height:auto !important;}
.relate img {max-width:100%; display:block; margin:auto;}
</style>
<link rel="stylesheet" href="<?=PATH_CSS?>/jquery.fancybox.min.css?v=1" />
<script src="<?=PATH_JS?>/jquery.fancybox.min.js?v=1"></script>		
<script>
$(function(){
	setTimeout(function(){
		var cnt = $('.cont_box').find('img').length;
		for(i=0; i<cnt; i++){
			var width = $('.cont_box').find('img').eq(i).width();
			var height = $('.cont_box').find('img').eq(i).height();
			$('.cont_box').find('img').eq(i).wrap('<a data-fancybox="gallery" href="'+ $('.cont_box').find('img').eq(i).attr('src') +'"></a>');			
			$('.cont_box').find('img').eq(i).after('<span class="image_over" style="width:'+ width +'px; height:'+ height +'px; margin-left:-'+ width +'px" ></span>');
			
		}
		$('[data-fancybox="gallery"]').fancybox({
			buttons : ['zoom','close']
		});
		setTimeout(function(){ $('.image_over').css('opacity','0') },6000);
		
	},1000);
	$('.cont_box').find('img').addClass('cont_img');
});
</script>        
		
       <div id="container">
			<div class="sub_visual_wrap eq1">
                <div class="inner_box">
                    <div class="location">
                        <a href="/"><img src="<?=PATH_IMAGES?>/common/ico_home.png" alt="HOME" /></a> &nbsp;&gt;&nbsp;
                        <?php
						if($metaNav[4]){ echo "<span>".$metaNav[4]."</span> &nbsp;&gt;&nbsp;"; }
						if($metaNav[3]){ echo "<span>".$metaNav[3]."</span> &nbsp;&gt;&nbsp;"; }
						if($metaNav[2]){ echo "<span>".$metaNav[2]."</span> &nbsp;&gt;&nbsp;"; }
						if($metaNav[1]){ echo "<span>".$metaNav[1]."</span> &nbsp;&gt;&nbsp;"; }
						echo "<strong>".$metaNav[0]."</strong>";
						?>
                    </div>
                    <h1 class="tit">수술자필후기</h1>
                    <p>환자분이 자필로 직접 <span>알려주는 삼성드림이비인후과!</span></p>
                </div>
            </div>
            
			
            <div id="contents" class="sub_epilogue">

                <div class="sep_view self_write">
                    <div class="title_box">
                        <div class="outer_box <?=$bestClass?>">
                            <div class="inner_box">
                                <span class="img_box">
									<img src="<?=$imgPath?>" alt="문서" />
                                    <!--img src="<?=PATH_IMAGES?>/epilogue/exp4.jpg" alt="문서" /-->
                                    <span class="cover"></span>
                                    <span class="best">BEST</span>
                                </span>
                                <strong class="txt_box">
                                    <span class="branch <?=$storeColor?>"><?=$store?> 자필후기</span>
                                    <span class="name"><?=$title?></span>
                                </strong>
                                <span class="date_box">
                                    <span><em>작성자</em> <?=$name?></span>
                                    <span><em>등록일</em> <?=$insert_date?></span>
                                    <span><em>조회</em> <?=$hit?></span>
                                </span>
                            </div>
                        </div>
                    </div>
					
                    <div class="cont_box"><?=str_replace("&nbsp;","",$content)?></div>
					
                    <div class="like_box">
                        <span class="like_txt">이 후기가 도움이 됐나요?</span> <span id="likePlus" class="like_btn"><a href="#<?=$no?>"><?=$likes?></a></span>
                    </div>

					
					
					<style>
					.relate1_head{background:rgb(29,118,174); padding:10px; cursor:pointer; text-align:center; font-weight:bold; color:#fff; margin:10px 0;}
					.relate1{_background:#f0f0f0; _min-height:300px;}
					.relate2_head{background:rgb(255,192,0); padding:10px; cursor:pointer; text-align:center; font-weight:bold; color:#fff; margin:10px 0;}
					.relate2{_background:#f0f0f0; _min-height:300px;}
					.relate3_head{background:rgb(92,193,65); padding:10px; cursor:pointer; text-align:center; font-weight:bold; color:#fff; margin:10px 0;}
					.relate3{_background:#f0f0f0; _min-height:300px;}
					</style>
					
					<?
					if($epirel['youtube']){?>
					<div class="relate1_head relate_head" data-no="1"><?=$epirel_name?>님의 리얼후기영상 보기<br><img class="arr" src="<?=PATH_IMAGES?>/epilogue/arrow.png" /></div>
					<div class="relate relate1" data-height="10">
					<iframe id="iframeYT" style="width:100%;" src="https://www.youtube.com/embed/<?=$epirel['youtube']?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
					</div>
					<?}else{?>
					<div class="relate relate1" data-height="10"></div>
					<?}?>
					
					<?
					if($epirel['real_view']){?>
					<div class="relate2_head relate_head" data-no="2"><?=$epirel_name?>님의 리얼후기 보기<br><img class="arr" src="<?=PATH_IMAGES?>/epilogue/arrow.png" /></div>
					<div class="relate relate2" data-height="20">
					<?php
					for($i=0; $i<count($matches2[0]); $i++){?>
					<?=stripslashes($matches2[0][$i])?>
					<?}?>
					
					<div style="text-align:center;padding:15px;"><a href="/front/epilogue/real_view.php?sort=B&no=<?=$epirel['real_view']?>" target="_blank">자세히 보기</a></div>
					</div>
					<?}else{?>
					<div class="relate relate2" data-height="20"></div>
					<?}?>
					
					<?
					if($epirel['beaf'] || $epirel['beaf2']){?>
					<div class="relate3_head relate_head" data-no="3"><?=$epirel_name?>님의 전후사진 보기<br><img class="arr" src="<?=PATH_IMAGES?>/epilogue/arrow.png" /></div>
					<div class="relate relate3" data-height="30">
						<div class="nbeaf_list">
							<ul>
								<?
								if($epirel['beaf']){?>
								<li>
									<div class="before_area">
										<div class="img_box">
											<img src='<?=$pathInfo['photo']['file'].DateConv($beaf['mod_date1'], 3)?>/<?=$beaf['attach1']?>'>
										</div>
										<div class="exp_box"><!-- 컨텐츠가 없으면 이영역 전체를 삭제해주세요. --> 
										<?=$beaf['before_content']?></div>
									</div>
									<div class="infor_area">
										<h4 class="tit"></h4>
										<img src="/front/images/nbeaf/ico_arrow1.png" alt="코성형 전후사진">
										<strong><?//=$beaf['no']?></strong>
										<span>a<?=DateConv($beaf['reg_date'], 7);?>a<?=$beaf['reg_date']?>a</span><p style="_text-align:center; _margin-top:-20px;">수술후 3개월</p>
									</div>
									<div class="after_area">
										<div class="img_box">
											<img src='<?=$pathInfo['photo']['file'].DateConv($beaf['mod_date1'], 3)?>/<?=$beaf['attach2']?>'>
										</div>
										<div class="exp_box"><!-- 컨텐츠가 없으면 이영역 전체를 삭제해주세요. -->
										<?=$beaf['after_content']?>
										</div>
									</div>
								</li>
								<?}?>
								<?
								if($epirel['beaf2']){?>
								<li>
									<div class="before_area">
										<div class="img_box">
											<img src='<?=$pathInfo['photo']['file'].DateConv($beaf2['mod_date1'], 3)?>/<?=$beaf2['attach1']?>'>
										</div>
										<div class="exp_box"><!-- 컨텐츠가 없으면 이영역 전체를 삭제해주세요. --> 
										<?=$beaf2['before_content']?></div>
									</div>
									<div class="infor_area">
										<h4 class="tit"></h4>
										<img src="/front/images/nbeaf/ico_arrow1.png" alt="코성형 전후사진">
										<strong><?//=$beaf2['no']?></strong>
										<span>a<?=DateConv($beaf2['reg_date'], 7);?>a<?=$beaf2['reg_date']?>a</span><p style="_text-align:center; _margin-top:-20px;">수술후 3개월</p>
									</div>
									<div class="after_area">
										<div class="img_box">
											<img src='<?=$pathInfo['photo']['file'].DateConv($beaf2['mod_date1'], 3)?>/<?=$beaf2['attach2']?>'>
										</div>
										<div class="exp_box"><!-- 컨텐츠가 없으면 이영역 전체를 삭제해주세요. -->
										<?=$beaf2['after_content']?>
										</div>
									</div>
								</li>
								<?}?>
							</ul>
						</div>
					</div>
					<?}else{?>
					<div class="relate relate3" data-height="30"></div>
					<?}?>
					
					<script>
					$(function(){
						var relate1_height = $('.relate1')[0].offsetHeight;
						var relate2_height = $('.relate2')[0].offsetHeight;
						var relate3_height = $('.relate3')[0].offsetHeight;
						$('.relate1').data('height',relate1_height);
						$('.relate2').data('height',relate2_height);
						$('.relate3').data('height',relate3_height);
						
						//console.log($('.relate3').data('height'));
						
						$('.relate_head').click(function(){
							$('html,body').animate({scrollTop : $(this).offset().top - 50 });
							console.log($('.relate'+$(this).data('no'))[0].offsetHeight);
							//$('.relate'+$(this).data('no')).slideToggle( $('.relate'+$(this).data('no')).data('height') * 1 );
							$('.relate'+$(this).data('no')).slideToggle('1000');
							//$(this).find('.arr').css('transform','rotate(180deg)');
						});
						
						
						setTimeout(function(){
							$('.relate').hide();
						},1000);
						
					});
					</script>
					
					
					
					
					<style>
					.new_story_tit{
						width:820px; margin:auto;
						height:150px;
						overflow:hidden;
					}
					.new_story_tit img{
						width:100%;
					}
					
					.new_story{
						text-align:center;
						
						width:820px;
						margin:auto;
						padding:0;
					}
					.new_story li{
						
						width:354px;
						display:inline-block;
						margin:5px;
						cursor:pointer;
					}
					.new_story li img{
						width:100%;
					}
					@media screen and (max-width:1620px){
						.new_story_tit{
							height:130px;
						}
						.new_story li{
							width:300px;
							
						}
					}
					@media screen and (max-width:640px){
						.new_story_tit{
							width:100%;
							height:18vw;
						}
						.new_story{
							width:100%;
							padding:0;
						}
						.new_story li{
							width:45vw;
							margin:1vw;
						}
					}
					
					</style>
					



					<?php
					if($cu == 'Y'){
						
					?>
						<div class="new_story_tit" ><img src="./img/bg<?=$cat?>.jpg" style="width:100%;" alt="수술자필후기" /></div>
						<ul class="new_story" _style="background-image:url(./img/bg<?=$cat?>.jpg);">
							<?
							if($cat == 1)
								$arr = $tmp1;
							else if($cat == 2)
								$arr = $tmp2;
							else if($cat == 3)
								$arr = $tmp3;
							else if($cat == 4)
								$arr = $tmp4;
							foreach($arr as $i){
								if($i['seq'] != $cat2){
							?>
							<li><a href="#<?=$i['no']?>" data-cat="<?=$cat?>" data-cat2="<?=$i['seq']?>"><img src="./img/a<?=$cat?>b<?=$i['seq']?>.jpg" data-nover="./img/a<?=$cat?>b<?=$i['seq']?>.jpg" data-hover="./img/a<?=$cat?>b<?=$i['seq']?>h.jpg" alt="수술자필후기"/></a></li>
							<?
								}
							}
							?>
						
						</ul>
					<?}else{?>
					
					
					
					
					
					
					
					
					
					
					<style>

.swiper-pagination-bullet{
	width:20px !important;
	height:20px !important;
}
/*
.new_slider_cont{	
	margin-top:0px;
	
	font-size:50px;
	line-height:55px;
	
	
	color:#000;
	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.new_slider_cont h3{
	margin-top:90px;
	line-height:70px;
	float:left;
	_max-width:45%;
}
.new_slider_cont ul {
	margin-top:90px;
	_margin-right:20px;
	_margin-bottom:20px;
	float:right;
	_position:absolute;
	_max-width:45%;
	width:40%;
	
}

.new_slider_cont ul li {
	
	_width:120px;
	_height:160px;
	
	list-style:decimal;
	_display:inline-block;
	
	_border:1px solid #000;
	
	color:#fff;
	font-size:26px;
	
}
.new_slider_cont ul li a {
	/*display:block;
	width:100%;
	height:100%;
	
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	*/
	_text-align:center;
	_line-height:100%;
}
.new_slider_cont ul li:hover {
	_border:1px solid #0f0;
	color:#ff2;
}

.new_slider_cont ul li img {
	width:100%;
}
*/
.swiper-container{
	_position:absolute;
	_top:0px;
}

.swiper-container .inner_box{
	width:100% !important;
}
.new_slider_cont .inner_cont{
	width:1620px;
	margin:auto;
}
@media screen and (max-width: 1620px){
	.sep_counter {
		font-size:24px;
	}
	/*.new_slider_cont{	
		_margin-top:80px;
		
		font-size:40px;
		line-height:45px;
	}
	.new_slider_cont h3{
		margin-top:75px;
		line-height:60px;
	}
	
	.new_slider_cont ul{
		margin-top:75px;
		
	}
	.new_slider_cont ul li {
		_width:100px;
		_height:132px;
		font-size:19px;
		line-height:36px;
	}
	.new_slider_cont .inner_cont{
		width:980px;
	}
	*/
}
@media screen and (max-width: 640px){
	.sep_counter {
		font-size:11px;
	}
	.sep_counter .sep_counter{
		padding-top:20px;
	}
	.sep_counter .number{
		top:20px;
	}
	.sep_counter .ftext{
		position:absolute;
		left:15px;
		top:0px;
		font-size:10px;
	}
	/*
	.new_slider_cont{	
		_margin-top:10px;
		
		font-size:16px;
		line-height:18px;
		
		padding-left:15px;
	}
	.new_slider_cont .inner_cont{
		width:100%;
	}
	.new_slider_cont h3{
		margin-top:10px;
		font-size:13px;
		line-height:28px;
	}
	.new_slider_cont ul{
		margin-top:20px;
		width:50%;
	}
	.new_slider_cont ul li {
		_width:50px;
		_height:66px;
		letter-spacing:-1px;
		font-size:9px;
		line-height:19px;
	}*/
	.swiper-pagination-bullet{
		width:15px !important;
		height:15px !important;
	}
	.swiper-pagination{
		bottom:5px !important;
	}
	
}
</style>
<?php

$tmp1 = array(
	array('seq' => '1', 'title' => 'a1b1.jpg', 'no' => '27'),
	array('seq' => '2', 'title' => 'a1b2.jpg', 'no' => '1229'),
	array('seq' => '3', 'title' => 'a1b3.jpg', 'no' => '1927')
);

$tmp2 = array(
	array('seq' => '1', 'title' => '아들의 꿈을 지켜주셔서 감사해요!', 'no' => '2201'),
	array('seq' => '2', 'title' => '딸이 원장님 이름 등에 붙이고 다니고 싶대요!', 'no' => '1816'),
	array('seq' => '3', 'title' => '아들의 상황 이해해주셔서 너무 감사합니다.', 'no' => '724')
	
);

$tmp3 = array(
	array('seq' => '1', 'title' => '남편, 이해해줘서 고마워요!', 'no' => '1426'),
	array('seq' => '2', 'title' => '부부가 함께 받는 코수술 의지 됩니다.', 'no' => '1445'),
	array('seq' => '3', 'title' => '코골이 해결 후 와이프가 좋아해요!', 'no' => '1140')
	
);

$tmp4 = array(
	array('seq' => '1', 'title' => '코수술 후 인정받고 포상휴가도 많이 받았습니다!', 'no' => '2259'),
	array('seq' => '2', 'title' => '군인분들 코수술 적극 추천합니다!', 'no' => '1723'),
	array('seq' => '3', 'title' => '휴가 기간 중 코수술 만족 합니다!', 'no' => '2111')
	
);
?>

        
			<link rel="stylesheet" type="text/css" href="<?=PATH_CSS?>/swiper.min.css" />
			
			<div class="swiper-container _sub_visual_wrap eq1">
				
				<div class="inner_box" style="height:0px; z-index:99;">
				</div>
<style>
.new_head{
	width:1620px;
	height:656px;
	margin:auto;
	background-image:url(/front/epilogue/img/bg1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.new_head ul{
	width:1620px;
	padding:0;
	margin:0 auto;
	padding-top:300px;
	text-align:center;
	
}
.new_head ul li{
	display:inline-block;
	width:450px;
	height:267px;
	margin:10px;
	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	
	cursor:pointer;
}
.new_head ul li img{
	width:100%;
}
@media screen and (max-width:1620px){
	.new_head{
		width:980px;
		height:440px;
	}
	.new_head ul{
		width:980px;
		padding-top:200px;
	}
	.new_head ul li{
		width:300px;
		height:178px;
		margin:5px;
	}
}
@media screen and (max-width:640px){
	.new_head{
		width:100vw;
		height:43vw;
	}
	.new_head ul{
		width:100vw;
		padding-top:17vw;
	}
	.new_head ul li{
		width:30vw;
		height:18vw;
		margin:1vw;
	}
}
</style>				
			<div class="swiper-container">
				<div class="swiper-wrapper _inner_box" >
					<div class="swiper-slide">
						<div class="new_head new_slider_cont" style="background-image:url(/front/epilogue/img/bg1.jpg);">
							<ul>
<?
foreach($tmp1 as $i){
		echo '<li><a href="#'.$i['no'].'" data-cat="1" data-cat2="'.$i['seq'].'"><img src="./img/a1b'.$i['seq'].'.jpg" data-nover="./img/a1b'.$i['seq'].'.jpg" data-hover="./img/a1b'.$i['seq'].'h.jpg" /></a></li>';
}
?>
							</ul>
						</div>
					</div>

					<div class="swiper-slide">
						<div class="new_head new_slider_cont" style="background-image:url(/front/epilogue/img/bg2.jpg);">
							<ul>
<?
foreach($tmp2 as $i){
		echo '<li><a href="#'.$i['no'].'" data-cat="2" data-cat2="'.$i['seq'].'"><img src="./img/a2b'.$i['seq'].'.jpg" data-nover="./img/a2b'.$i['seq'].'.jpg" data-hover="./img/a2b'.$i['seq'].'h.jpg" /></a></li>';
}
?>							</ul>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="new_head new_slider_cont" style="background-image:url(/front/epilogue/img/bg3.jpg);">
							<ul>
<?
foreach($tmp3 as $i){
		echo '<li><a href="#'.$i['no'].'" data-cat="3" data-cat2="'.$i['seq'].'"><img src="./img/a3b'.$i['seq'].'.jpg" data-nover="./img/a3b'.$i['seq'].'.jpg" data-hover="./img/a3b'.$i['seq'].'h.jpg" /></a></li>';
}
?>							</ul>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="new_head new_slider_cont" style="background-image:url(/front/epilogue/img/bg4.jpg);">
							<ul>
<?
foreach($tmp4 as $i){
		echo '<li><a href="#'.$i['no'].'" data-cat="4" data-cat2="'.$i['seq'].'"><img src="./img/a4b'.$i['seq'].'.jpg" data-nover="./img/a4b'.$i['seq'].'.jpg" data-hover="./img/a4b'.$i['seq'].'h.jpg" /></a></li>';
}
?>							</ul>
						</div>
					</div>										
					
				</div>
				<div class="swiper-pagination"></div>
			</div>
<script>
$(function(){
	if($.browser.mobile){
		
	}else{
		$('.new_story').find('img').hover(function(){
			var el = $(this);
			var hover = el.data('hover');
			el.attr('src',hover);
		}, function(){
			var el = $(this);
			var nover = el.data('nover');
			el.attr('src',nover);
		});
		$('.new_head').find('img').hover(function(){
			var el = $(this);
			var hover = el.data('hover');
			el.attr('src',hover);
		}, function(){
			var el = $(this);
			var nover = el.data('nover');
			el.attr('src',nover);
		});
	}
});
</script>
		
				<!-- Add Pagination -->
			</div>
			<script src="<?=PATH_JS?>/swiper.min.js"></script>        
			<script>
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				paginationClickable: true,
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				loop: true,
				autoplay: 5000,
				autoplayDisableOnInteraction: true
			});
			</script>		
					
					
					
					
					
					
					<?}?>
					<?php// 	include(PATH_INCLUDE."/b_navertalk.php");?>
					
					
                    <div id="moveView" class="prev_next_wrap" style="margin-top:20px;">
                        <span class="prev"><strong>이전 글</strong><a href="<?=$prevLink?>"><?=$prevTitle?></a></span>
                        <span class="next"><strong>다음 글</strong><a href="<?=$nextLink?>"><?=$nextTitle?></a></span>
                    </div>
					
                </div>
<script>
$(function(){
	if($.browser.mobile){
		
	}else{
		$('.new_story').find('img').hover(function(){
			var el = $(this);
			var hover = el.data('hover');
			el.attr('src',hover);
		}, function(){
			var el = $(this);
			var nover = el.data('nover');
			el.attr('src',nover);
		});
		$('.new_head').find('img').hover(function(){
			var el = $(this);
			var hover = el.data('hover');
			el.attr('src',hover);
		}, function(){
			var el = $(this);
			var nover = el.data('nover');
			el.attr('src',nover);
		});
	}
});
</script>
                <div id="moveList" class="btn_area">
                    <a href="#self" class="btn1">LIST</a>
                </div>

                <div class="search_area">
                <form id="searchFrm">
                <input type="hidden" id="vno" name="no" value="<?=$no?>" />
                <input type="hidden" id="vpage" name="page" value="<?=$page?>" />
                    <select id="vsf" name="sf" title="">
                        <option value="" selected="selected">전체</option>
                        <option value="title">제목</option>
                        <option value="content">내용</option>
                    </select>
                <input type="text" id="vsk" name="sk" class="it" onclick="" /> <input type="button" id="searchBtn" class="btn2" value="검색"/>
                <input type="hidden" id="vst" name="st" value="" />
                <input type="hidden" id="vsb" name="sb" value="<?=$sb?>" />
				<input type="hidden" id="cu" name="cu" value="">
				<input type="hidden" id="cat" name="cat" value="">
				<input type="hidden" id="cat2" name="cat2" value="">
                </form>
                </div>
                
                <div id="boardList" class="sep_list">
                    <ul></ul>
                </div>

                <div id="pageing" class="pagination_wrap">
				</div>              
				<? //include(PATH_INCLUDE."/b_navertalk.php");?>
            </div>
            <div class="seq_collect_wrap">
                <h3 class="tit">수술후기 모아보기</h3>
                <div class="inner_box">
                    <ul id="searchList">
                    <? foreach ($keyword as $key => $val){ ?>
                        <li><a href="#st=<?=$val?>"><?=$val?></a></li>
                    <? } ?>
                    </ul>
                </div>
            </div>
        </div><!-- end : container -->

    <form id="naviFrm">
    <input type="hidden" id="no" name="no" value="" />
    <input type="hidden" id="page" name="page" value="<?=$page?>" />
    <input type="hidden" id="sc" name="sc" value="<?=$sc?>" />
    <input type="hidden" id="sd" name="sd" value="<?=$sd?>" />
    <input type="hidden" id="st" name="st" value="<?=$st?>" />
    <input type="hidden" id="sf" name="sf" value="<?=$sf?>" />
    <input type="hidden" id="sk" name="sk" value="<?=$sk?>" />
    <input type="hidden" id="sb" name="sb" value="<?=$sb?>" />
    </form>

<script>
$(document).ready(function(){
    Board.List();

    $(".cont_box img").each(function(){
        var src = encodeURI($(this).attr('src'));
        $(this).attr('src', src);
    });

    $("#searchBtn").click(function(){
        Board.List();
    });

    $("#boardList > ul").on('click', 'li > a', function(){
        $("#vno").val($(this).attr("href").replace("#", ""));
        $("#searchFrm").attr('action', 'self_view.php#contents').submit();
    });

    $("#vsk").keypress(function(event){
        if(event.which == 13){
            event.preventDefault();
            Board.List();
        }
    });

    $("#searchList li > a").click(function(){
        $("#vst").val($(this).html());
        Board.List();
    });

    $("#moveView span > a").click(function(){
        $("#no").val($(this).attr("href").replace("#", ""));
        $("#naviFrm").attr('action', 'self_view.php#contents').submit();
    });

    $("#moveList > a").click(function(){
        $("#naviFrm").attr('action', 'self_list.php#contents').submit();
    });

    $("#likePlus > a").click(function(){
        LikePlus.Action('epilogue', $(this).attr("href").replace("#", ""));
    });
	
	
	
	
	
	
	$(".new_slider_cont ul li > a").click(function(){
        if("<?=$_SESSION['MEMBER_LOGIN_EXIST']?>" == true || $.browser.mobile){
			var cat = $(this).data('cat');
			var cat2 = $(this).data('cat2');
			
			//alert($(this).attr("href").replace("#", ""));
			
			$('#cu').val('Y');
			$('#cat').val(cat);
			$('#cat2').val(cat2);
			
            $("#vno").val($(this).attr("href").replace("#", ""));
            $("#searchFrm").attr('action', 'self_view.php#contents').submit();
			
        } else {
			
			var cat = $(this).data('cat');
			var cat2 = $(this).data('cat2');
			
            var url = "/front/epilogue/self_view.php?no="+$(this).attr("href").replace("#", "")+"&page=<?=$page?>&sc=<?=$sc?>&sd=<?=$sb?>&st=<?=$st?>&sf=<?=$sf?>&sk=<?=$sk?>&sb=<?=$sb?>&cu=Y&cat="+cat+"&cat2="+cat2;

            $("#rurl").val(url);
            UI.layerPopup('#login_layerpopup','open');
        }
    });
	
	
	$(".new_story").on('click', 'li > a', function(){
		$('#cu').val('Y');
		var cat = $(this).data('cat');
		var cat2 = $(this).data('cat2');
		$('#cat').val(cat);
		$('#cat2').val(cat2);
		
        $("#vno").val($(this).attr("href").replace("#", ""));
        $("#searchFrm").attr('action', 'self_view.php#contents').submit();
    });
	
	
});
</script>

<?
//========================================
// quick bar Include
//========================================
include PATH_INCLUDE."quick.php";

//========================================
// footer Include
//========================================
include PATH_INCLUDE."footer.php";
?>