@charset "utf-8";

.bott1_img_thumb {width:100%;margin: 0 0 0 0;}
.bott1_title{display:block;padding:2px 0 2px 20px;margin-bottom:5px;margin-top:0px;font-size:13px;color:#555;font-weight:bold;border-bottom:1px solid #dde4e9;text-align:center}
.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:13px;}


.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:5px;margin-bottom:15px;}/* 사진 간격 */
.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}

.bott1_thumb_subject {display:block;padding: 2px 0 !important;width:<?=$thumb_width?>px;font-size:12px;overflow:hidden;}
.bott1_thumb_subject:link,
.bott1_thumb_subject:visited,
.bott1_thumb_subject:active {display:block;color:#fff;font-size:12px;text-decoration:none;white-space:nowrap}
/* .bott1_thumb_subject:hover {color:#fda850} */

.bott1_thumb_content {display:block;padding: 2px 0 !important;width:<?=$thumb_width?>px;font-size:12px;overflow:hidden;margin-bottom:1px}
.bott1_thumb_content :link,
.bott1_thumb_content :visited,
.bott1_thumb_content :active {display:block;color:#fda850;font-size:0.95em;text-decoration:none;white-space:nowrap}
.bott1_thumb_content :hover {color:#fda850}

.bott1_no_list {padding-top:10px;height:<?=$thumb_height?>px;color:#777;text-align:center}
.bott1_list {padding-left:12px;float:left;margin-left:12px;margin-top:-7px; color:#777;text-align:left}

.bott1_more {position:absolute;top:30px;right:50px; }
.bott1_more :active {color:#555;text-decoration:none}
.bott1_more a:link {}
.bott1_more a:visited {color:#555;text-decoration:none}


.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: center;
  position: absolute;
  margin: auto;
  left: 10px;
  top: 10px;
  right: 0;
  bottom: 0;
  opacity: 0;
}

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