@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 }

/* 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;
}



.list-container {margin: 0 auto;display: flex;flex-direction: row;align-items: flex-start;}

.list-container > ul.masonry-li {display: flex;flex-wrap: wrap; justify-content: space-evenly;
  margin-top: 30px; width: 100%;}
.list-container > ul.masonry-li > li {width: calc(100% / 2.2); margin: 30px 16px; box-sizing: border-box;
  cursor: pointer;}
.list-container > ul.masonry-li > li.grid-item > a {display: flex; flex-direction: column; width: 100%;}
.list-container > ul.masonry-li > li.grid-item > a > .masonry-li-img {width: 100%; position: relative;
  box-shadow: 4px 4px 8px #bdc5d3;}
.list-container > ul.masonry-li > li.grid-item > a > .masonry-li-img > img {width: 100%;}
.list-container > ul.masonry-li > li.grid-item > a > .masonry-li-txt {isplay: flex;flex-direction: row;
  align-items: flex-start; flex-wrap: wrap; font-size: 18px; padding:20px 10px;width: inherit;}
.list-container > ul.masonry-li > li.grid-item > a > .masonry-li-txt > .masonry-txt-tit {font-size: 26px;
    font-weight: 800;width: 100%; color: #333; margin-bottom: 5px; grid-auto-columns: auto;}
.list-container > ul.masonry-li > li.grid-item > a > .masonry-li-txt > .masonry-txt-desc {padding: 10px 0;
    text-align: left; width: 48%; display: grid; grid-auto-flow: column;  grid-auto-columns: 90px auto;}
.list-container > ul.masonry-li > li.grid-item > a > .masonry-li-txt > .masonry-txt-desc > span {font-size:16px;}
.list-container > ul.masonry-li > li.grid-item > a > .masonry-li-txt > .masonry-txt-desc > span > strong {font-size:15px;
 font-weight:bold;width:80px;display:inline-block;color:#333}
  .masonry-li-txt > .masonry-txt-desc > span.txt-inf {height:48px;word-break:keep-all; }




@media (max-width: 991px) {

.masonry-li-txt > .masonry-txt-desc {flex-wrap: wrap;}
.masonry-li-txt > .masonry-txt-desc > span.txt-inf {height:auto;}

.masonry-li-txt > .masonry-txt-desc > span {flex-basis: 100%;}
}


  @media (max-width: 768px) {
.masonry-li-txt > .masonry-txt-desc { font-size: 14px; line-height: 24px;margin-bottom: 12px; max-height:unset;}
.list-container > ul.masonry-li > li {width: 100%; margin: 80px 0 0;}


}