.grid-01{display:flex;flex-wrap:wrap;margin:0;padding:0;width:calc(100% + 40px);margin-left:-20px;margin-top:55px}
.grid-01 li{width:calc(25% - 40px);margin:0;list-style:none;opacity:0;margin:0 20px 30px 20px}
.project--img{position:relative}
.project--img img{border-radius:15px}
.project--img [data-lightbox]:after{border-radius:15px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0}
.project--img [data-lightbox]:hover:after{background-size:30px 30px;opacity:1;width:100%;height:100%}
.project-con span{display:block}
.project--top{line-height:1;color:#969696;margin-top:12px;font-size:13px}
.project--tit{font-weight:500;line-height:1.4;margin-top:7px}
.grid-01 li.shown,.no-cssanimations .grid-01 li,.no-js .grid-01 li{opacity:1}
.grid-01 li a,.grid-01 li img{outline:0;border:none;display:block;max-width:100%}
.grid-01.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;-moz-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}
@-webkit-keyframes fadeIn{to{opacity:1}
}
@-moz-keyframes fadeIn{to{opacity:1}
}
@keyframes fadeIn{to{opacity:1}
}
@media (max-width:1479px){.grid-01{width:calc(100% + 30px);margin-left:-15px;margin-top:45px}
.grid-01 li{width:calc(25% - 30px);margin:0 15px 30px 15px}
}
@media (max-width:1199px){.grid-01{width:calc(100% + 30px);margin-left:-15px;margin-top:40px}
.grid-01 li{width:calc(33.333% - 30px);margin:0 15px 30px 15px}
}
@media (max-width:991px){.grid-01{width:calc(100% + 20px);margin-left:-10px;margin-top:40px}
.grid-01 li{width:calc(33.333% - 20px);margin:0 10px 30px 10px}
.project--tit{margin-top:5px}
}
@media (max-width:767px){.grid-01{margin-top:30px}
.grid-01 li{width:calc(50% - 20px);margin:0 10px 30px 10px}
}
@media (max-width:575px){.grid-01{width:100%;margin-left:0;margin-top:20px}
.grid-01 li{width:100%;margin:0 0 20px 0}
.project--top{margin-top:8px;font-size:12px}
.project--tit{margin-top:4px}
}