<?
if (!defined('_GNUBOARD_')) exit; //개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

$set_value = explode("/","345/315");
$thumb_width = $set_value[0]; //썸네일 가로 크기
$thumb_height = $set_value[1]; //썸네일 세로 크기
?>


<style>

.bott1_img_thumb {width:103%;margin: 0 0 0 0;}
.bott1_title{display:block;padding:2px 0 2px 20px;margin-bottom:3px;margin-top:3px;font-size:20px ; color:#555; font-weight:bold;border-bottom:1px solid #dde4e9;}
.bott1_title :active {color:#555;text-decoration:none}
.bott1_title a:link {}
.bott1_title a:visited {color:#555;text-decoration:none}
.bott1_title a:hover {color:#fda850;font-size:20px;}


.bott1_thumb ul {margin:0;padding:0;list-style:none;width:100%;zoom:1; text-align:center}
.bott1_thumb ul:after{display:block;visibility:hidden;clear:both;}
.bott1_thumb li {position:relative;float:left;width:<?=$thumb_width?>px;height:<?=$thumb_height?>px;margin-left:2%;margin-bottom:2%;}/* 사진 간격 */
.bott1_img {overflow:hidden;border:1px solid #555;}
.bott1_new {z-index:5;position:absolute;top:-0px;left:-0px;width:65px;height:50px;background:url(<?=$latest_skin_url?>/img/new.png) no-repeat 0px 0px;overflow:hidden}
.bott1_thumb_front {z-index:1;position:absolute;top:0;left:0;width:<?=$thumb_width?>px;height:<?=$thumb_height?>px;overflow:hidden;cursor:pointer}
.bott1_thumb_back {width:<?=$thumb_width?>px;height:<?=$thumb_height?>px;overflow:hidden}



.contt {
  position: relative;
  margin: auto;
}

.contt .overlayt {
  background: rgba(0, 0, 0, .5);
  position: absolute;
  margin: auto;
  width: 0px;
  height: 0px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.contt:hover .overlayt {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.overlayt span {
  color: #fff;

  text-align: left;
  position: absolute;
  margin: auto;
  left: 30px;
  top: 40px;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.contt:hover .overlayt span {
  opacity: 1;
  -webkit-transition: 1.3s ease;
  transition: 1.3s ease;
}
</style>

<div class="bott1_img_thumb">

<!--  <strong class="bott1_title"><a href="<?=G5_BBS_URL?>/board.php?bo_table=<?=$bo_table?>"><?php echo $bo_subject; ?></a></strong> -->

 

    <div class="bott1_thumb">
        <? if (!count($list) == 0) { ?>
        <ul>
            <?
            for ($i = 0; $i < count($list); $i++) {
                $noimg = $latest_skin_url.'/img/_noimg.gif';
                $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);

                if($thumb['src']) {
                    $img_src = $thumb['src'];
                } else {
                    $img_src = $noimg;
                }
                $img_alt = $thumb['alt'];

                if($i>0 && ($i%$set_value[2]) == ($set_value[2] - 1)) {
                    $li_class = '';
                } else {
                    $li_class = ' class="contt"';
                }
            ?>
            <li <?=$li_class?>>
                <a href="<?=$list[$i]['href'] ?>">

                    <img src="<?= $img_src?>" alt="<?=$img_alt?>" width="<?= $thumb_width?>" height="<?= $thumb_height?>" class="bott1_thumb_back">

				<span class="overlayt">
					
					<span class="bott1_thumb_subject"><?=$list[$i]['subject'] ?></span>
					<br/>
					<br/>
					<div style="text-align:left;margin-left:30px;margin-top:10px">___________</div>
					
					</span>
                </a>
            </li>
            <? } ?>
        </ul>
        <? } else { ?>
        <p class="bott1_no_list">게시물이 없습니다.</p>
        <? } ?>
    </div>
    
</div>
