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





.wrap-grandi {margin:0px 0}
.wrap-grandi:after {display:block;visibility:hidden;clear:both;content:""}


.bx-grandi{font-family:'Raleway',Arial,sans-serif;position:relative;float:left;overflow:hidden;width:100%;color:#fff;text-align:left;background-color:#07090c;font-size:16px}
.bx-grandi *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
.bx-grandi img{max-width:100%;-webkit-transition-delay:.2s;transition-delay:.2s;backface-visibility:hidden}
.bx-grandi figcaption{position:absolute;top:50%;text-align:center;width:100%;-webkit-transform:scale(0.5) translate(0%,-50%);transform:scale(0.5) translate(0%,-50%);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;z-index:1;opacity:0;padding:0 30px}
.bx-grandi h2,.bx-grandi p{line-height:1.5em}
.bx-grandi h2{margin:0;font-weight:800;text-transform:uppercase; font-size:20px;}
.bx-grandi p{font-size:11px;font-family:'µ¸¿ò',Dotum,Verdana,applegothic;letter-spacing:-1px;margin:0 0 15px}
.bx-grandi .read-more{border:2px solid #fff;padding:.5em 1em;font-size:.8em;text-decoration:none;color:#fff;display:inline-block}
.bx-grandi .read-more:hover{background-color:#ff0000;color:#fff;}
.bx-grandi:hover img,.bx-grandi.hover img{-webkit-animation:bx-grandi .45s linear forwards;animation:bx-grandi .45s linear forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.bx-grandi:hover figcaption,.bx-grandi.hover figcaption{-webkit-transform:scale(1) translate(0,-50%);transform:scale(1) translate(0,-50%);opacity:1;-webkit-transition-delay:.35s;transition-delay:.35s}

@-webkit-keyframes bx-grandi{
	50%{-webkit-transform:scale(0.8) translateX(0%);transform:scale(0.8) translateX(0%);opacity:.5}
	100%{-webkit-transform:scale(0.8) translateX(-150%);transform:scale(0.8) translateX(-150%);opacity:.5}
}
@keyframes bx-grandi{
	50%{-webkit-transform:scale(0.8) translateX(0%);transform:scale(0.8) translateX(0%);opacity:.5}
	100%{-webkit-transform:scale(0.8) translateX(-150%);transform:scale(0.8) translateX(-150%);opacity:.5}
}