@charset "utf-8";

.basic-post-gallery { overflow:hidden; line-height:20px; }
.basic-post-gallery .txt-normal { letter-spacing:0; }
.basic-post-gallery .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-gallery .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery .post-row { float:left; overflow:hidden; }
.basic-post-gallery .post-list {border:1px solid #ddd; overflow:hidden; }
.basic-post-gallery .post-image { position:relative; overflow:hidden;}
.basic-post-gallery .post-image img {}
.basic-post-gallery .post-content { padding-top:0px; margin:-2px 0px; overflow:hidden; }
.basic-post-gallery .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-sp { color:#ccc; margin:0px 4px; }
.basic-post-gallery .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .basic-post-gallery .post-ko { font-size:11px; }



.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.5eml; color:#fff; padding-bottom:10px;}
.bx-grandi h2{margin:0;font-weight:800;text-transform:uppercase}
.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 !important; padding:.5em 1em;font-size:.8em;text-decoration:none;color:#fff !important; display:inline-block}
.bx-grandi .bx_sub {color:#fff !important;}
.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}
}