@charset "utf-8";

.wrap-grandi {margin:10px 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;margin:5px 0.7%;min-width:230px;max-width:282px;height: 211px;width:100%;color:#fff;text-align:left;font-size:16px;background-color:#000;border:1px solid #ddd;}
.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%;backface-visibility:hidden;vertical-align:top}
.bx-grandi:after,.bx-grandi figcaption{position:absolute;top:0;bottom:0;left:0;right:0}
.bx-grandi:after{content:'';background-color:rgba(0,0,0,0.65);-webkit-transition:all .35s ease;transition:all .35s ease;opacity:0}
.bx-grandi figcaption{z-index:1;padding:40px}
.bx-grandi h3,.bx-grandi .links{width:100%;margin:5px 0;padding:0}
.bx-grandi h3{line-height:1.1em;font-weight:700;text-transform:uppercase;opacity:0}
.bx-grandi p{font-size:11px;font-family:'돋움',Dotum,Verdana,applegothic;letter-spacing:-1px;opacity:0;top:50%;-webkit-transform:translateY(40px);transform:translateY(40px)}
.bx-grandi i{position:absolute;bottom:10px;right:10px;padding:20px 25px;font-size:34px;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}
.bx-grandi a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
.bx-grandi:hover img,.bx-grandi.hover img{zoom:1;filter:alpha(opacity=10);-webkit-opacity:.9;opacity:.9}
.bx-grandi:hover:after,.bx-grandi.hover:after{opacity:.5;position:absolute;top:10px;bottom:10px;left:10px;right:10px}
.bx-grandi:hover h3,.bx-grandi.hover h3,.bx-grandi:hover p,.bx-grandi.hover p,.bx-grandi:hover i,.bx-grandi.hover i{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);opacity:1}