@charset "utf-8";

/* List */

.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }

.masonry-li-img {height:unset!important;max-height:unset!important;}

/* Responsive */
@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}

/* Infinite */
.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin-bottom:20px; }
.list-wrap .list-more a { color:#ddd; font-size:60px; }
.list-wrap .list-top { line-height:1px; }



.img-item {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
}
.img-item:hover {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  width: 100%;
  border-radius: 15px;
  padding: 0px;
}
.img-item img {width :100%; overflow:hidden; border-radius: 15px;}

#categoryLabel {background: #374b63!important; border: 1px solid #374b63!important;}

.at-content {
    position: relative;
    padding: 80px 0px!important;
}

.sup > ul.masonry-li > li.grid-item {width: 49.5%;margin-bottom: 35px;}
.sup > ul.masonry-li > li.grid-item > a > div > .masonry-li-cover > .cover-col {background: -moz-linear-gradient( -45deg, #ffffff2e 3%, #ffffff6b 69% );
    background: -webkit-linear-gradient( -45deg, #ffffff2e 3%, #ffffff6b 69% );
    background: linear-gradient( 135deg, #ffffff2e 3%, #ffffff6b 69% );
    background: linear-gradient( 135deg, #ffffff2e 3%, #ffffff6b 69% );
  }


.sup > ul.masonry-li > li.grid-item > a > div > .masonry-li-cover > span {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
}

.sup > ul.masonry-li > li.grid-item > a > div > .masonry-li-cover > span {opacity: 0; color:#fff;border:1px solid #fff;padding:15px 30px;background:#333;}
.sup > ul.masonry-li > li.grid-item > a:hover > div > .masonry-li-cover > span {opacity: 1; transition: 0.3s; z-index: 3;color:#fff;z-index: 5;background:#e5152d;}
.sup > ul.masonry-li > li.grid-item > a:hover > div > .masonry-li-cover > span  {position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);font-size: 25px;}

@media(max-width:768px){
    .sup > ul.masonry-li > li.grid-item {width: 49.5%; margin-bottom: 40px; }
}

.board-paging {display:none;}