<?
//========================================
// dehead(config/function/lib) Include
//========================================
include $_SERVER['DOCUMENT_ROOT']."/front/include/dehead.php";

//========================================
// Meta Tag
//========================================
$metaAdd = ($sc) ? "self_list_".$sc : "self_list";
$metaTitle = $metaInfo[$metaAdd]['title'];
$metaDescription = $metaInfo[$metaAdd]['description'];
$metaKeyword = $metaInfo[$metaAdd]['keyword'];
$metaImage = $metaInfo[$metaAdd]['image'];
$metaNav = $metaInfo[$metaAdd]['nav'];
//echo $metaAdd;


//========================================
// Class Connect
//========================================
$Db = new Db(); // 데이터 베이스 클래스

//========================================
// Data Process
//========================================
$rowCount = $pageInfo['epilogueA']['rowCount']; // 한 페이지에 보여질 게시물 수
$startNum = ($page - 1) * $rowCount; // limit 시작 위치
$param = array('no' => PARAMETER_NO, 'show' => PARAMETER_Y, 'del' => PARAMETER_N, 'sort' => "A");


//$categoryArr = array('A' => "비중격만곡증", 'B' => "비염", 'C' => "축농증", 'D' => "코성형", 'E' => "코뼈골절"); // Config
$nTagArr=array('비중격만곡증','비염','축농증','비밸브','코질환재수술');//코질환 태그들
$mTagArr=array('코성형','코성형재수술','코뼈골절','휜코','짧은코','낮은코','매부리코','화살코','안장코','처진코끝','복코','넓은콧등','구축코','긴코'.'들창코','콧볼축소');//코성형 태그들



//========================================
// Search Query
//========================================
if($sc){
	if($sc=='N'){
		//코질환 카테고리
		$param['category1'] = 'A';
		$param['ctg2'] = 'B';
		$param['ctg3'] = 'C';
		$searchINS .= " AND (category = :category1 OR category = :ctg2 OR category = :ctg3)";
		//코질환 태그 
		for($nt=0; $nt<count($nTagArr); $nt++){
			$value = $Db->likeify($nTagArr[$nt]);
			if($nt==0){
				$searchINS .= " AND (";
			}else{
				$searchINS .= " OR ";
			}
			$searchINS .= "tag LIKE '%".$value."%'";

			if($nt==(count($nTagArr)-1)){
				$searchINS .= ")";
			}
		}
		//코성형 태그 빼기
		for($mt=0; $mt<count($mTagArr); $mt++){
			$value = $Db->likeify($mTagArr[$mt]);
			if($mt==0){
				$searchINS .= " AND (";
			}else{
				$searchINS .= " AND ";
			}
			$searchINS .= "tag NOT LIKE '%".$value."%'";
			if($mt==(count($mTagArr)-1)){
				$searchINS .= ")";
			}
		}

		
	}else if($sc=='M'){
		//코성형 태그하나라도 있을시에!
		for($mt=0; $mt<count($mTagArr); $mt++){
			$value =$Db->likeify($mTagArr[$mt]);
			if($mt==0){
				$searchINS .= " AND (";
			}else{
				$searchINS .= " OR ";
			}
			$searchINS .= "tag LIKE '%".$value."%'";
			if($mt==(count($mTagArr)-1)){
				$searchINS .= ")";
			}
		}
		
	}else{
		$param['category1'] = $sc;
		$param['category2'] = $Db->likeify($categoryArr[$sc]);
		$searchINS .= " AND (category = :category1 OR tag LIKE :category2)";
	}
}

if($sk){
    if($sf){
        $param['keyword'] = $Db->likeify($sk);
    } else {
		
        $param = array_merge($param, array(
            'keyword_title' => $Db->likeify($sk),
            'keyword_content' => $Db->likeify($sk),
			'keyword_tag' => $Db->likeify($sk)
        ));
		
    }
	$metaTitle2 = $sk." 검색결과";


    $searchINS .= ($sf) ? " AND $sf LIKE :keyword" : " AND (title LIKE :keyword_title OR content LIKE :keyword_content OR tag LIKE :keyword_tag)";
	
}

if($st){
    $param['tag'] = $Db->likeify($st);
    $searchINS .= " AND tag LIKE :tag";
	$metaTitle2 = $st." 검색결과";
}

if($sb){
    $param['best'] = $sb;
    $searchINS .= " AND best = :best";
}

//20170530 임의묶음용 sct변수 추가
if($sct){
    if($sct == 1){
        $searchINS .= ' AND (no = 2417 OR no = 2431 OR no = 2369 OR no = 2424)';

    }else if($sct == 2){
        $searchINS .= ' AND (no = 2451 OR no = 1694 OR no = 1489)';

    }else if($sct == 3){
        $searchINS .= ' AND (no = 875 OR no = 2260 OR no = 2342)';

    }
}

//$metaTitle2 = $metaTitle2." ".$page;

//echo $searchINS;
//$orderINS .= ($sd) ? "$sd DESC" : "insert_date DESC";
$orderINS .= ($sd and $sd != 'best') ? "$sd DESC" : "insert_date DESC";
$addPath = "&sc=$sc&sd=$sd&st=$st&sf=$sf&sk=$sk&sb=$sb";

//========================================
// Data Load
//========================================
//20170530 sct적용시 베스트 없애기위해 조건추가
if(!$sct){

	if($sb == "" || $sb == "N"){
    	$bestParam = array_merge($param, array('best' => PARAMETER_Y));
	    $best = $Db->query("SELECT no, store, insert_date, name, title, content, hit FROM $TABLE_EPILOGUE WHERE no > :no AND d_show = :show AND del = :del AND sort = :sort AND best = :best $searchINS ORDER BY insert_date DESC LIMIT 5", $bestParam);

    	foreach ($best as $key => $val){
        	$strTmp .= $val['no'].",";
	    }
	    $noStr = ($best) ? "AND no NOT IN (".substr($strTmp, 0, -1).")" : "";
	} else {
	    $noStr = "";
	}
}else{
	$best = array();
}
//$totalCount = $Db->single("SELECT COUNT(*) FROM $TABLE_EPILOGUE WHERE no > :no AND d_show = :show AND del = :del AND sort = :sort $noStr $searchINS", $param);
$totalCount = $Db->single("SELECT COUNT(*) FROM $TABLE_EPILOGUE WHERE no > :no AND d_show = :show AND del = :del AND sort = :sort $searchINS", $param);
$totalPages = ceil($totalCount / $rowCount);

$param = array_merge($param, array('startNum' => $startNum, 'rowCount' => $rowCount));
$list = $Db->query("SELECT no, best, store, insert_date, name, title, content, hit FROM $TABLE_EPILOGUE WHERE no > :no AND d_show = :show AND del = :del AND sort = :sort $noStr $searchINS ORDER BY $orderINS LIMIT :startNum, :rowCount", $param);
$keyword = explode("|", $Db->single("SELECT keyword FROM $TABLE_KEYWORD WHERE code = :code", array('code' => "B")));
$Db->CloseConnection;

for($i=0; $i<4; $i++){
    $countCut[$i] = mb_substr(sprintf("%04d", $totalCount), $i, 1);
}

$metaNav[0] = $metaNav[0]." ".$page;

//========================================
// header Include
//========================================
include PATH_INCLUDE."header.php";

//========================================
// SNS Auth
//========================================
require PATH_LIB."naverLogin.php";
require PATH_LIB."kakaoLogin2.php";
require PATH_LIB."googleLogin.php";
require PATH_LIB."facebookLogin.php";

$gogoUrl='self_list'; //구글과 카카오를 위한 (로그인 후 넘어가는 페이지)

$naver = new Naver(array(
    "CLIENT_ID" => NAVER_LOGIN_ID,        // (*필수)클라이언트 ID  
    "CLIENT_SECRET" => NAVER_LOGIN_SECRET,    // (*필수)클라이언트 시크릿
    "RETURN_URL" => NAVER_LOGIN_REDIRECT_URL,      // (*필수)콜백 URL
    "AUTO_CLOSE" => true,              // 인증 완료후 팝업 자동으로 닫힘 여부 설정 (추가 정보 기재등 추가행동 필요시 false 설정 후 추가)
    "SHOW_LOGOUT" => false              // 인증 후에 네이버 로그아웃 버튼 표시/ 또는 표시안함
    )
);
$kakao = new Kakao(array(
	"Rcode" => $returnCode,
    "CLIENT_ID" => KAKAO_CLIENT_ID,        // (*필수)클라이언트 ID  
    "RETURN_URL" => KAKAO_CALLBACK_URL,
    "AUTO_CLOSE" => true,              // 인증 완료후 팝업 자동으로 닫힘 여부 설정 (추가 정보 기재등 추가행동 필요시 false 설정 후 추가)
    "SHOW_LOGOUT" => false              // 인증 후에 네이버 로그아웃 버튼 표시/ 또는 표시안함
    )
);

?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="/front/landing/js/jquery.countup.js"></script>
<script src="/front/landing/js/jquery.counterup.min.js"></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>
                    <h3 class="tit">수술자필후기</h3>
                    <p>환자분이 자필로 직접 <span>알려주는 삼성드림이비인후과!</span></p>
                </div>
            </div>
            <div id="contents" class="sub_epilogue">
                <div class="sep_tab_box1">
                    <div class="tab_style1 two">
                        <ul id="moveList">
                            <li <? if(!$sc and !$st) echo "class=\"on\""; ?> Style="float:left;width:15%;min-width:95px;">
								<a href="#sc=#sd=#st=#sf=#sk=#sb="  Style="">전체보기</a>
							</li>
							<li <? if($sc=='N') echo "class=\"on\""; ?> Style="float:left;width:15%;min-width:95px;"><a href="self_list.php?sc=N">only 코질환</a></li>
							<li <? if($sc=='M') echo "class=\"on\""; ?> Style="float:left;width:15%;min-width:95px;"><a href="self_list.php?sc=M">with 코성형</a></li>
                            <li <? if($sb === "Y") echo "class=\"on\""; ?>><a href="<?=($sb) ? "#self" : "#sb=Y";?>" style="display:none;">베스트 모아보기</a></li>
                        </ul>
                    </div>
                    <div class="search_box_se">
                        <form id="searchFrm" method="GET" action="#contents">
                        <input type="hidden" id="no" name="no" value="" />
                        <input type="hidden" id="page" name="page" value="<?=$page?>" />
						<!--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//=urlencode($st)?>" />
                        <select id="sf" name="sf" title="검색">
                            <option value="" selected="selected">전체</option>
                            <option value="title" <? if($sf == 'title') echo "selected=\"selected\""; ?>>제목</option>
                            <option value="content" <? if($sf == 'content') echo "selected=\"selected\""; ?>>내용</option>
                        </select>
                        <input type="text" id="sk" name="sk" value="<?=$sk?>" />
                        <input type="hidden" id="sb" name="sb" value="<?=$sb?>" />
                        <input type="submit" value="검색" />
                        </form>
                    </div>
                </div>

                <div class="sep_counter">
                    <span class="number">
                        <? foreach ($countCut as $key => $val){ ?>
                        <em class="cnt_number"><?=$val?></em>
                        <? } ?>
                    </span>
                    <strong>개의</strong>
                     수/술/자/필/후/기가 있습니다.
                </div>

                <div class="sep_tab_box1">
                    <div class="sep_tab">
                        <h3 class="tit"><a href="#self">비중격만곡증</a></h3>
                        <ul id="moveList">
                            <li <? if(!$sc) echo "class=\"on\""; ?>><a href="#sc=">전체보기</a></li>
                            <li <? if($sc === "A") echo "class=\"on\""; ?>><a href="#sc=A">비중격만곡증</a></li>
                            <li <? if($sc === "B") echo "class=\"on\""; ?>><a href="#sc=B">비염</a></li>
                            <li <? if($sc === "C") echo "class=\"on\""; ?>><a href="#sc=C">축농증</a></li>
                            <li <? if($sc === "D") echo "class=\"on\""; ?>><a href="#sc=D">코성형</a></li>
                            <li <? if($sc === "E") echo "class=\"on\""; ?>><a href="#sc=E">코뼈골절</a></li>
                        </ul>
                    </div>
                    <ul id="moveList" class="sep_orderby">
                        <li <? if(!$sd) echo "class=\"on\""; ?>><a href="#sd=#sb=">최신순</a></li>
                        <li <? if($sd === "likes") echo "class=\"on\""; ?>><a href="#sd=likes#sb=">추천순</a></li>
                        <li <? if($sd === "hit") echo "class=\"on\""; ?>><a href="#sd=hit#sb=">조회순</a></li>
                        <li <? if($sd === "best") echo "class=\"on\""; ?>><a href="#sd=best#sb=Y">베스트순</a></li>
                    </ul>
                </div>
                
                <div class="sep_list">
                    <ul id="moveView">
                    <?
                    if($sb == "" || $sb == "N"){
                        foreach ($best as $key => $val){
                            $no = $val['no'];
                            $store = $storeNameArr[$val['store']];
                            $storeColor = StoreColorClass($val['store']);
                            $name = Utf8SubstrReplace(stripslashes($val['name']), "o");
                            $title = stripslashes($val['title']);
                            $content = stripslashes($val['content']);
                            preg_match("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $content, $contImg);
//                            $imgPath = (is_file($_SERVER['DOCUMENT_ROOT'].$contImg['1'])) ? $contImg['1'] : PATH_IMAGES."/epilogue/exp1.jpg";
				$imgPath = PATH_IMAGES."/epilogue/exp4.jpg";
                            $hit = $val['hit'];
                            $insert_date = DateConv($val['insert_date'], 7);
                    ?>
                        <li class="best">
                            <a href="#<?=$no?>">
                                <span class="img_box">
                                    <img src="<?=$imgPath?>" 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>
                            </a>
                        </li>
                    <?
                        }
                    }

                    if($totalCount > 0){
                        foreach($list as $key => $val){
                            $no = $val['no'];
                            $best = ($val['best'] === "Y" && $sb === "Y") ? "best" : "";
                            $store = $storeNameArr[$val['store']];
                            $storeColor = StoreColorClass($val['store']);
                            $name = Utf8SubstrReplace(stripslashes($val['name']), "o");
                            $title = stripslashes($val['title']);
                            $content = stripslashes($val['content']);
                            preg_match("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $content, $contImg);
//                            $imgPath = (is_file($_SERVER['DOCUMENT_ROOT'].$contImg['1'])) ? $contImg['1'] : PATH_IMAGES."/epilogue/exp1.jpg";
				$imgPath = PATH_IMAGES."/epilogue/exp4.jpg";
                            $hit = $val['hit'];
                            $insert_date = DateConv($val['insert_date'], 7);
                    ?>
                        <li class="<?=$best?>">
                            <a href="#<?=$no?>">
                                <span class="img_box">
                                    <img src="<?=$imgPath?>" 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>
                            </a>
                        </li>
                    <?
                        }
                    }
                    ?>
                    </ul>
                </div>

                <div class="pagination_wrap">
                    <? if($totalPages > 0) Pageing($totalPages, $blockCount, $page, $addPath); ?>
                </div>
				
				<?
				//if(bip=='Y'){
					//include(PATH_INCLUDE."/b_navertalk.php");
				//}?>
				
            </div>

			
			
			

			
			
            <div class="seq_collect_wrap">
                <h3 class="tit">수술후기 모아보기</h3>
                <div class="inner_box">
                    <ul id="moveList">
                    <? foreach ($keyword as $key => $val){ ?>
                        <li><a href="#st=<?=$val?>"><?=$val?></a></li>
                    <? } ?>
                    </ul>
                </div>
            </div>
			
			
			
			
			
			
			
			<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:1900px;
	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:1900px;
	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:1280px;
		height:440px;
	}
	.new_head ul{
		width:1280px;
		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>			
			
			
			
			
			
			
        </div><!-- end : container -->

        <div class="login_layerpopup" id="login_layerpopup">
            <div class="back" onclick="UI.layerPopup('#login_layerpopup','close')"></div>
            <div class="inner_box">
                <div class="layer_top">
                    <h2 class="tit">로그인</h2>
                </div>
                <div class="layer_conts">
                    <div class="login_box">
                        <form name="loginFrm" method="POST" action="<?=PATH?>/member/login_proc_ssdream.php">
                        <input type="hidden" id="rurl" name="rurl" value="" />
						<input type="hidden" id="login_chk" value="">
                            <div class="input_box">
                                <label for="mId">아이디</label>
                                <input type="text" id="mId" name="mId" />
                            </div>
                            <div class="input_box">
                                <label for="mPw">비밀번호</label>
                                <input type="password" id="mPw" name="mPw" />
                            </div>
                            <div class="id_pass_chk">
                                <a href="#self">· 아이디/비밀번호 찾기</a>
                            </div>
                            <input type="submit" class="submit" value="확인" />
                        </form>
                    </div>
                    <div class="btn_box" Style="padding-top:20px;">
						<p Style="text-align:center;padding-bottom:10px;">SNS 계정으로 간편하게 회원가입/로그인하세요.<br />탈퇴가 자유로우니 부담 갖지 마세요.</p>
						<?php 
						    //$naver->login('real_list')
						?>
						<a href="#self" id="naverLogin" class="btn_green" onclick="Naver.openWindow('https://nid.naver.com/oauth2.0/authorize?client_id=vORamOrcdMDLtQSN4vHN&amp;response_type=code&amp;redirect_uri=http%3A%2F%2Fwww.ssdream.co.kr%2Ffront%2Fmember%2Flogin_proc.php&amp;state=6f4804a7e337aedb7cb815a458c95b1f', 'oAuth', 'self_list')" style="background-image:url(/uploads/sns4.png); background-repeat:no-repeat;background-position:2% 50%;">네이버 계정으로 로그인</a>

						<?php
						    //$kakao->login('real_list')
						?>
						<a href="#self" class="kakaoAlink" onclick="Kakao.openWindow('https://kauth.kakao.com/oauth/authorize?client_id=c86cf4caf552bb1c3c9294ba597b2e42&amp;response_type=code&amp;scope=account_email&amp;redirect_uri=http%3A%2F%2Fwww.ssdream.co.kr%2Ffront%2Fmember%2Flogin_proc2.php&amp;state=76172d14be8e0d30bdc7802ec9cf33f2', '카카오 계정으로 로그인', 'self_list')" style="color:#000;  background-image:url(/uploads/sns2.png); background-repeat:no-repeat;background-position:2% 50%;">카카오계정 로그인</a>

						<a href="javascript:facebooklogin();" class="btn_green btn_facebook" Style="background-color:#3B5999; background-image:url(/uploads/sns1.png); background-repeat:no-repeat; margin-right:10px; ">페이스북 로그인</a>
						<button id="ggloginBtn" Class="googleLoginBtn" Style="background-image:url(/uploads/sns3.png); background-repeat:no-repeat;background-position:2% 50%; " disabled>구글 로그인</button>
						<input type="hidden" id="afterUrl" value="<?php echo $gogoUrl; ?>">
						
                        <!-- <a href="#self" class="btn_navers">네이버 계정으로 로그인</a> -->
                        <!-- <a href="#self" id="naverLogin" class="btn_navers" onclick="Naver.openWindow('../member/naverLogin.php', 'naverLoginApi', '')">네이버 계정으로 로그인</a> -->
                        <a href="<?=PATH?>/member/join1.php" class="btn_joins" Style="margin-left:0; background-image:url(/uploads/sns5.png); background-repeat:no-repeat;background-position:2% 50%;">삼성드림 회원가입</a>
                    </div>
                </div>
                <a href="javascript:UI.layerPopup('#login_layerpopup','close')" class="close"><img src="<?=PATH_IMAGES?>/common/btn_layer_close.png" alt="창닫기" /></a>
            </div>
        </div>
<style>

.googleLoginBtn, .kakaoAlink{margin-bottom: 20px; display:block; width: 100%; height: 58px; text-align:center; border: solid 0px #fff; color:#fff; font-size:24px; line-height:58px;}
.googleLoginBtn{background-color:#E84C3D;color:#fefefe;border:0;cursor:pointer;}
.kakaoAlink{background-color:#F8EA01;}
.btn_green{margin-bottom: 10px;}

.btn_facebook {background-size:45px; background-position:1% 20%;  }

@media screen and (max-width: 640px){
	.googleLoginBtn, .kakaoAlink{
		margin-bottom: 10px; height: 35px; font-size:15px; line-height:35px; background-size:30px;
	}
	.btn_facebook{
		background-position:0% 20%;
	}
}


</style>
<script>
$(document).ready(function(){
    $("#moveView li > a").click(function(){
        $("#no").val($(this).attr("href").replace("#", ""));
        if("<?=$_SESSION['MEMBER_LOGIN_EXIST']?>" == true){// || $.browser.mobile){
            
            $("#searchFrm").attr('action', 'self_view.php').submit();
        } else {
            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?>";

            $("#rurl").val(url);
            UI.layerPopup('#login_layerpopup','open');
        }
    });

/*    $("#moveList li > a").click(function(){
        var val = $(this).attr("href").replace("#", "").split("=");
        $("#"+val[0]).val(val[1]);
        if(val[0] == "st" || val[0] == "sc"){
			if(val[1] == 'TOTAL'){
				$("input[type=hidden]").val('');
			}
            $("#page").val(1);

        }
        $("#searchFrm").attr('action', 'self_list.php#contents').submit();
    });*/

    $("#moveList li > a").click(function(){
        var href = $(this).attr("href").split("#");
		$.each(href, function(index,value){
			var val = value.split("=");
			if(val[0] != ""){
		        $("#"+val[0]).val(val[1]);
			}
			if(val[0] == "st" || val[0] == "sc"){
				$("#page").val(1);
			}
		});

        $("#searchFrm").attr('action', 'self_list.php#contents').submit();
    });
	
	$(".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');
			
			$('#cat').val(cat);
			$('#cat2').val(cat2);
			$('#cu').val('Y');
            $("#no").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');
        }
    });
	
	Kakao = {
		openWindow: function(url, winName, returnUrl){
			var win = window.open(url, winName, 'width=320, height=480, toolbar=no, location=no');
			if(win != null){
				var timer = setInterval(function() {   
					var login_chk = document.getElementById('login_chk').value;
					if(win.closed && login_chk == 'true') {
						console.log("test");
						if(returnUrl == "index"){
							location.href = '/';
						}
						else if(returnUrl == "self_list"){
							$("#searchFrm").attr('action', 'self_view.php#contents').submit();
						}else if(returnUrl == "write"){
							location.href = "after_write.php?md=write";
						}else{
							window.location.reload();
						}
					}  
				}, 500);
			}
			return win;
		}
	}
});
</script>

<?
//========================================
// quick bar Include
//========================================
include PATH_INCLUDE."quick.php";

//========================================
// footer Include
//========================================
include PATH_INCLUDE."footer.php";
?>