@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* css는 유료테마 ASKTHEME의 일부입니다. 불법복제시 불이익을 받을 수 있습니다.
* Portfolio Latest skin!
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.latest-portfolio-wrap .portfolio-image-wrap { overflow: hidden; /* Mouse Hover effect - laptop */ }
.latest-portfolio-wrap .portfolio-image-wrap .pf-link { display: block; }
.latest-portfolio-wrap .portfolio-image-wrap .portfolio-thumb { width: 100%; height: auto; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.latest-portfolio-wrap .portfolio-image-wrap .pf-mask { position: absolute; overflow: hidden; bottom: 0; left: 0; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.latest-portfolio-wrap .portfolio-image-wrap .pf-mask .pf-subject { color: #333; background: transparent; margin: 0; text-align: center; padding: .35rem; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.latest-portfolio-wrap .portfolio-image-wrap .pf-mask .pf-subject a { font-family: 'Noto Sans KR',sans-serif; color: #fff; font-size: .85rem; font-weight: 400; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.latest-portfolio-wrap .portfolio-image-wrap .pf-mask .pf-date { color: #e9ecef; text-align: center; padding: .15rem; margin-bottom: 0; font-size: .75rem; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
@media (min-width: 992px) { .latest-portfolio-wrap .portfolio-image-wrap .pf-mask { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; }
  .latest-portfolio-wrap .portfolio-image-wrap .pf-mask .pf-subject { border-bottom: 0.15rem solid rgba(0, 0, 0, 0.35); color: #333; background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; }
  .latest-portfolio-wrap .portfolio-image-wrap .pf-mask .pf-subject a { color: #fff; font-size: 1.6rem; font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9); }
  .latest-portfolio-wrap .portfolio-image-wrap .pf-mask .pf-date { color: #e9ecef; text-align: center; padding: .5rem; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; }
  .latest-portfolio-wrap .portfolio-image-wrap:hover .portfolio-thumb { width: 100%; height: auto; -webkit-transform: scale(2); -khtml-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; }
  .latest-portfolio-wrap .portfolio-image-wrap:hover .pf-mask { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
  .latest-portfolio-wrap .portfolio-image-wrap:hover .pf-mask .pf-subject { text-align: center; padding: 4rem 0 1rem 0; border-bottom: 0.15rem solid rgba(0, 0, 0, 0.35); color: #333; background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
  .latest-portfolio-wrap .portfolio-image-wrap:hover .pf-mask .pf-subject a { color: #fff; font-size: 1.6rem; font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9); }
  .latest-portfolio-wrap .portfolio-image-wrap:hover .pf-mask .pf-date { color: #e9ecef; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } }

/*# sourceMappingURL=latest-portfolio.css.map */