@charset "UTF-8";

/**  공용 **/
[class*="image-effect"] .wp_img_effect_caption h3 {font-size: 17px;text-transform: uppercase;}
[class*="image-effect"] .wp_img_effect_caption p {font-size: 13px;line-height: normal;text-transform: uppercase;margin: 0;}
[class*="image-effect"] img {max-width: 100%;vertical-align: middle;border: 0;}
.wp_img_effect_link_wrap div {display: inline-block;}
.wp_img_effect_link_wrap .uk-icon-link, .wp_img_effect_link_wrap .uk-icon-link:focus, .wp_img_effect_link_wrap .uk-icon-link:hover {color: inherit;}


/**  효과 #1 **/
.wp_img_effect1 {position: relative;overflow: hidden;}
.wp_img_effect1 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect1:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect1 .wp_img_effect_caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.wp_img_effect1:after {left: 0;position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.wp_img_effect1:hover:after {opacity: 1;}
.wp_img_effect1 .wp_img_effect_caption h3 {color: #fff;margin-bottom: 8px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.wp_img_effect1 .wp_img_effect_caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect1:hover .wp_img_effect_caption h3, 
.wp_img_effect1:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect1 .wp_img_effect_link_wrap {position: absolute;top: calc(50% - 30px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.wp_img_effect1 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(255,255,255,0.2);text-align: center;color: #fff;font-size: 14px;opacity: 0;border-radius: 50%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect1 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 5px;}
.wp_img_effect1 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.wp_img_effect1:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect1 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.4);}


/**  효과 #2 **/
.wp_img_effect2 {position: relative;overflow: hidden;}
.wp_img_effect2:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.8);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.wp_img_effect2:hover:after {opacity: 1;}
.wp_img_effect2 .wp_img_effect_caption h3 {color: #fff;-webkit-transform: translateY(-20px);transform: translateY(-20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;top: 20px;position: absolute;left: 0;z-index: 10;text-align: center;margin: 0;padding: 0 25px;width: 100%;}
.wp_img_effect2 .wp_img_effect_caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;right: 0;width: 100%;bottom: 20px;z-index: 1;padding-bottom: 5px;line-height: 20px;text-align: center;padding: 0 25px;}
.wp_img_effect2:hover .wp_img_effect_caption h3, 
.wp_img_effect2:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect2 .wp_img_effect_link_wrap {position: absolute;top: 50%;right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.wp_img_effect2 .wp_img_effect_link_wrap a {display: inline-block;height: 36px;width: 36px;line-height: 36px;background-color: rgba(255, 255, 255, 0.7);text-align: center;color: #444;font-size: 13px;border-radius: 4px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect2 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateX(-20px);transform: translateX(-20px);margin-right: 7px;}
.wp_img_effect2 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateX(20px);transform: translateX(20px);}
.wp_img_effect2:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect2 .wp_img_effect_link_wrap a:hover {background-color: #fff;}


/**  효과 #3 **/
.wp_img_effect3 {position: relative;overflow: hidden;}
.wp_img_effect3:before {position: absolute;content: "";right: 20px;bottom: 20px;border: 2px solid rgba(255, 255, 255, 0.64);-webkit-box-shadow: 0 0 0 30px rgba(255,255,255,.4);box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);opacity: 0;top: 20px;left: 20px;z-index: 1;transition: all .4s ease;}
.wp_img_effect3:hover:before {opacity: 1;}
.wp_img_effect3 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect3:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect3 .wp_img_effect_caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.wp_img_effect3:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;left: 0;}
.wp_img_effect3:hover:after {opacity: 1;}
.wp_img_effect3 .wp_img_effect_caption h3 {color: #fff;margin-bottom: 10px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.wp_img_effect3 .wp_img_effect_caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect3:hover .wp_img_effect_caption h3, 
.wp_img_effect3:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect3 .wp_img_effect_link_wrap {position: absolute;top: calc(50% - 30px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.wp_img_effect3 .wp_img_effect_link_wrap a {display: inline-block;height: 36px;width: 36px;line-height: 34px;background-color: rgba(255,255,255,0.2);border: 2px solid rgba(255, 255, 255, 0.3);text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect3 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 5px;}
.wp_img_effect3 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.wp_img_effect3:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect3 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.4);}


/**  효과 #4 **/
.wp_img_effect4 {position: relative;overflow: hidden;}
.wp_img_effect4 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect4:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect4 .wp_img_effect_caption {position: absolute;bottom: 25%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}
.wp_img_effect4:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;left: 0;}
.wp_img_effect4:hover:after {opacity: 1;}
.wp_img_effect4 .wp_img_effect_caption p {color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect4:hover .wp_img_effect_caption h3, 
.wp_img_effect4:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect4 .wp_img_effect_link_wrap {position: absolute;top: 40%;right: 50%;transform: translateX(50%) translateY(-40%);z-index: 10;}
.wp_img_effect4 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.5);border-radius: 4px;text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect4 .wp_img_effect_link_wrap a:first-child {margin-right: 6px;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect4 .wp_img_effect_link_wrap a:last-child {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transition-duration: .7s;}
.wp_img_effect4:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect4 .wp_img_effect_link_wrap a:hover {background-color: rgb(0, 0, 0);}
.wp_img_effect4 .wp_img_effect_caption p, 
.wp_img_effect4:hover .wp_img_effect_caption h3 {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect4 .wp_img_effect_caption h3 {color: #fff;transition: all .5s ease-in-out;position: absolute;top: 50%;left: 0;right: 0;z-index: 1;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);display: inline-block;padding: 12px;background-color: rgba(0, 0, 0, 0.5);-webkit-transform-style: flat;transform-style: flat;}


/**  효과 #5 **/
.wp_img_effect5 {position: relative;overflow: hidden;}
.wp_img_effect5:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.wp_img_effect5:hover:after {opacity: 1;}
.wp_img_effect5 .wp_img_effect_caption h3 {color: #444;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;top: 20px;left: 50%;transform: translateX(-50%) scale(0);z-index: 1;width: calc(100% - 50px);text-align: center;background: #fff;padding: 6px;border-radius: 4px;margin: 0;}
.wp_img_effect5 .wp_img_effect_caption p {font-size: 12px;color: #555;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;left: 50%;bottom: 20px;z-index: 1;transform: translateX(-50%) scale(0);width: calc(100% - 50px);text-align: center;background: #fff;padding: 6px;border-radius: 4px;margin: 0;}
.wp_img_effect5 .wp_img_effect_link_wrap {position: absolute;top: 47%;right: 50%;transform: translateX(50%) translateY(-47%);z-index: 10;}
.wp_img_effect5 .wp_img_effect_link_wrap a {display: inline-block;height: 36px;width: 36px;line-height: 36px;background-color: #fff;border-radius: 4px;text-align: center;color: #666;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect5 .wp_img_effect_link_wrap a:first-child {-webkit-transform: scale(0);transform: scale(0);margin-right: 10px;}
.wp_img_effect5 .wp_img_effect_link_wrap a:last-child {-webkit-transform: scale(0);transform: scale(0);}
.wp_img_effect5:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.wp_img_effect5 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.8);}
.wp_img_effect5 img {-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect5:hover img {-webkit-transform: scale(1.5);transform: scale(1.5);}
.wp_img_effect5:hover .wp_img_effect_caption h3{opacity: 1;transform: translateX(-50%) scale(1);}
.wp_img_effect5:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateX(-50%) scale(1);transform: translateX(-50%) scale(1);}


/**  효과 #6 **/
.wp_img_effect6 {position: relative;overflow: hidden;}
.wp_img_effect6 img {-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect6:hover img {-webkit-transform: scale(1.5) translateX(20px);transform: scale(1.5) translateX(20px);}
.wp_img_effect6:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.4);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.wp_img_effect6:hover:after {opacity: 1;}
.wp_img_effect6 .wp_img_effect_caption h3 {color: #fff;margin-bottom: 0px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;bottom: 25px;z-index: 10;right: 50%;background: rgba(2, 2, 2, 0.7);padding: 10px;width: calc(100% - 50px);text-align: center;margin-top: 0;transform: translateX(50%);}
.wp_img_effect6 .wp_img_effect_caption p {-webkit-transform: translateX(-50px);transform: translateX(-50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;top: 25px;z-index: 1;left: 25px;display: block;width: 55%;text-align: right;padding-right: 15px;border-right: 2px solid rgba(255, 255, 255, 0.37);}
.wp_img_effect6:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect6 .wp_img_effect_link_wrap {position: absolute;top: 25px;right: 25px;z-index: 10;}
.wp_img_effect6 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0,0,0,0.7);text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect6 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateX(30px);transform: translateX(30px);margin-right: 6px;}
.wp_img_effect6 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateX(60px);transform: translateX(60px);}
.wp_img_effect6:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect6 .wp_img_effect_link_wrap a:hover {background-color: rgba(0,0,0,0.8);}
.wp_img_effect6:hover .wp_img_effect_caption h3 {background: rgba(0,0,0,0.8);}


/**  효과 #7 **/
.wp_img_effect7 {position: relative;overflow: hidden;}
.wp_img_effect7 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect7:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect7 .wp_img_effect_caption {position: absolute;bottom: 23%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}
.wp_img_effect7:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;left: 0;}
.wp_img_effect7:hover:after {opacity: 1;}
.wp_img_effect7 .wp_img_effect_caption h3 {color: #fff;margin-bottom: -8px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);background: rgba(0, 0, 0, 0.4);display: inline-block;padding: 10px;}
.wp_img_effect7 .wp_img_effect_caption p {-webkit-transform: translateY(0px);transform: translateY(0px);color: rgba(255,255,255,0.7);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;background: rgba(0, 0, 0, 0.4);padding: 8px 10px;width: calc(100% - 50px);text-align: center;margin-left: auto;margin-right: auto;}
.wp_img_effect7:hover .wp_img_effect_caption h3 {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect7:hover .wp_img_effect_caption p {-webkit-transform: translateY(20px);transform: translateY(20px);}
.wp_img_effect7 .wp_img_effect_link_wrap {position: absolute;top: calc(50% - 20px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.wp_img_effect7 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.48);text-align: center;color: #fff;font-size: 14px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect7 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateY(0px);transform: translateY(0px);margin-right: 8px;}
.wp_img_effect7 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect7:hover .wp_img_effect_link_wrap a {-webkit-transform: translateY(-20px);transform: translateY(-20px);background: rgba(0, 0, 0, 0.4);}
.wp_img_effect7:hover .wp_img_effect_link_wrap a:last-child {transition-delay: .1s;}
.wp_img_effect7 .wp_img_effect_link_wrap a:hover {background-color: rgba(0, 0, 0, 1);}


/**  효과 #8 **/
.wp_img_effect8 {position: relative;overflow: hidden;}
.wp_img_effect8 img {-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect8:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect8:after {position: absolute;content: '';height: calc(100% - 30px);width: calc(100% - 30px);background-color: rgb(255, 255, 255);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.wp_img_effect8:hover:after {opacity: 1;}
.wp_img_effect8 .wp_img_effect_caption h3 {color: #444;margin-bottom: 0px;-webkit-transition: all .5s ease-in-out;transition: all .4s ease-in-out;position: absolute;bottom: 30px;right: 50%;z-index: 10;padding: 10px;opacity: 0;width: 100%;text-align: center;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect8 .wp_img_effect_caption p {color: #999;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;top: 30px;right: 50%;z-index: 1;display: block;text-align: center;width: calc(100% - 60px);margin-left: auto;margin-right: auto;}
.wp_img_effect8:hover .wp_img_effect_caption h3, 
.wp_img_effect8:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateX(50%);transform: translateX(50%);}
.wp_img_effect8 .wp_img_effect_link_wrap {position: absolute;top: 48%;left: 50%;z-index: 10;transform: translateX(-50%) translateY(-50%);}
.wp_img_effect8 .wp_img_effect_link_wrap a {display: inline-block;height: 36px;width: 36px;line-height: 36px;background-color: rgba(0, 0, 0, 0.1);text-align: center;color: #999;font-size: 13px;opacity: 0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect8 .wp_img_effect_link_wrap a:first-child {margin-right: 2px;}
.wp_img_effect8 .wp_img_effect_link_wrap a:last-child {transition-delay: .1s;}
.wp_img_effect8:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect8 .wp_img_effect_link_wrap a:hover {background-color: rgba(0, 0, 0, 0.2);}


/**  효과 #9 **/
.wp_img_effect9 {position: relative;overflow: hidden;}
.wp_img_effect9 img {-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect9:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);filter: blur(3px);}
.wp_img_effect9:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.3);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;/* opacity: 0; */top: 0;left: 0;}
.wp_img_effect9:hover:after {opacity: 1;}
.wp_img_effect9 .wp_img_effect_caption h3 {color: #fff;margin-bottom: 0px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;top: 10px;left: 30px;z-index: 10;font-size: 18px;border-bottom: 2px solid rgba(255, 255, 255, 0.84);padding-bottom: 5px;}
.wp_img_effect9 .wp_img_effect_caption p {color: rgb(255, 255, 255);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;padding-bottom: 0;display: inline-block;opacity: 0;position: absolute;bottom: 30px;width: 100%;text-align: center;z-index: 10;}
.wp_img_effect9:hover .wp_img_effect_caption h3, 
.wp_img_effect9:hover .wp_img_effect_caption p {opacity: 1;}
.wp_img_effect9 .wp_img_effect_link_wrap {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 10;}
.wp_img_effect9 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 42px;background: transparent;line-height: 36px;border: 2px solid rgba(255, 255, 255, 0.5);text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: all .3s ease-in-out;transition: transform .3s ease-in-out;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect9 .wp_img_effect_link_wrap a:first-child {margin-right: 10px;transition-delay: .2s;}
.wp_img_effect9 .wp_img_effect_link_wrap a:last-child {transition-delay: .3s;}
.wp_img_effect9:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect9 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.3);}
.wp_img_effect9:hover .wp_img_effect_caption h3 {color: #fff;border-bottom-color: #fff;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}


/**  효과 #10 **/
.wp_img_effect10 {position: relative;overflow: hidden;}
.wp_img_effect10 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect10:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect10 .wp_img_effect_caption {position: absolute;top: 10px;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}
.wp_img_effect10:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;left: 0;}
.wp_img_effect10:hover:after {opacity: 1;}
.wp_img_effect10 .wp_img_effect_caption h3 {color: #fff;transform: translateY(-100px);transition: all 0.2s ease-in-out 0.1s;margin-bottom: 5px;opacity: 0;padding: 10px;margin-top: 5px;}
.wp_img_effect10 .wp_img_effect_caption p {color: rgba(255,255,255,0.7);opacity: 0;padding: 0 25px;transform: translateY(-200px);transition: all 0.2s ease-in-out 0.2s;}
.wp_img_effect10:hover .wp_img_effect_caption h3 {opacity: 1;transform: translateY(0px);transition-delay: 0.6s;}
.wp_img_effect10:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);transition-delay: 0.3s;}
.wp_img_effect10 .wp_img_effect_link_wrap {position: absolute;bottom: 25px;right: 50%;z-index: 10;transform: translateX(50%);}
.wp_img_effect10 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(255,255,255,0.1);text-align: center;color: #fff;font-size: 14px;opacity: 0;bottom: 0;transition: all 0.2s ease-in-out 0.3s;transform: translateY(-250px);}
.wp_img_effect10 .wp_img_effect_link_wrap a:first-child {margin-right: 2px;}
.wp_img_effect10 .wp_img_effect_link_wrap a:last-child {}
.wp_img_effect10:hover .wp_img_effect_link_wrap a {opacity: 1;transform: translate(0px);transition-delay: 0s;}
.wp_img_effect10 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.4);}


/**  효과 #11 **/
.wp_img_effect11 {position: relative;overflow: hidden;}
.wp_img_effect11 img {transform: translateX(0px);-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.wp_img_effect11:hover img {transform: translateX(100%);}
.wp_img_effect11:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.8);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;left: 0;}
.wp_img_effect11:hover:after {opacity: 1;}
.wp_img_effect11 .wp_img_effect_caption h3 {color: #fff;10border-bottom: 2px solid #000;10border-bottom: 2px solid #000;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;width: calc(100% - 70px);text-align: center;margin: 0;background: #444;padding: 8px 12px;margin-left: auto;margin-right: auto;line-height: normal;}
.wp_img_effect11 .wp_img_effect_caption p {color: rgba(255,255,255,0.7);-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;opacity: 0;position: absolute;left: 50%;top: 35px;transform: translateX(-100%);text-align: center;width: 100%;}
.wp_img_effect11:hover .wp_img_effect_caption p {opacity: 1;transform: translateX(-50%);}
.wp_img_effect11 .wp_img_effect_link_wrap {position: absolute;top: 40%;left: 50%;transform: translateX(-50%) translateY(-45%);z-index: 10;}
.wp_img_effect11 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(255,255,255,0.1);text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect11 .wp_img_effect_link_wrap a:first-child {margin-right: 6px;transition-delay: .2s;}
.wp_img_effect11 .wp_img_effect_link_wrap a:last-child {transition-delay: .3s;}
.wp_img_effect11:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect11 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.2);}
.wp_img_effect11:hover .wp_img_effect_caption h3 {-webkit-transform: translateX(130%);transform: translateX(130%);}
.wp_img_effect11 .wp_img_effect_caption {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;z-index: 1;}

/**  효과 #12 **/
.wp_img_effect12 {position: relative;overflow: hidden;}
.wp_img_effect12:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(68, 68, 68, 0.8);transform: scale(0);transition: all .6s ease-in-out;}
.wp_img_effect12:hover:before {transform: scale(1);}
.wp_img_effect12 .wp_img_effect_caption {position: absolute;content: '';top: calc(50% + 22px);left: 50%;width: calc(100% - 40px);text-align: center;transform: translateX(-50%);}
.wp_img_effect12 .wp_img_effect_caption h3 {transform: translateY(30px);transition: all .6s ease-in-out;opacity: 0;color: #fff;margin: 0;}
.wp_img_effect12:hover .wp_img_effect_caption h3 {transform: translateY(0px);opacity: 1;}
.wp_img_effect12 .wp_img_effect_caption p {color: #eee;transition: all .35s cubic-bezier(0.43, 0.32, 0.9, 0.98);-webkit-transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);margin-top: 12px;}
.wp_img_effect12:hover .wp_img_effect_caption p {transform: translate(0);}
.wp_img_effect12 .wp_img_effect_link_wrap {position: absolute;top: calc(50% - 22px);left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 10;}
.wp_img_effect12 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;border-radius: 4px;line-height: 40px;background-color: #fff;text-align: center;color: #444;font-size: 15px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect12 .wp_img_effect_link_wrap a:first-child {margin-right: 6px;transition-delay: .2s;}
.wp_img_effect12 .wp_img_effect_link_wrap a:last-child {transition-delay: .3s;}
.wp_img_effect12:hover .wp_img_effect_link_wrap a {-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect12 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.8);}


/**  효과 #13 **/
.wp_img_effect13 {position: relative;overflow: hidden;}
.wp_img_effect13 img {transition: all 0.5s ease-in-out 0.2s;}
.wp_img_effect13:hover img {-webkit-transform: scale(0);transform: scale(0);}
.wp_img_effect13:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);transform: scale(0) rotate(-180deg);transition: all .5s ease-in-out;}
.wp_img_effect13:hover:before {opacity: 1;transform: scale(1) rotate(0deg);transition-delay: .5s;}
.wp_img_effect13 .wp_img_effect_caption h3 {position: absolute;top: 53%;left: 50%;width: 100%;transform: translateX(-50%) translateY(0px);text-align: center;transition: all .5s ease-in-out;opacity: 0;color: #fff;}
.wp_img_effect13:hover .wp_img_effect_caption h3 {transform: translateX(-50%) translateY(-10px);opacity: 1;transition-delay: .7s;}
.wp_img_effect13 .wp_img_effect_caption p {position: absolute;top: 67%;left: 50%;width: 100%;text-align: center;color: #eee;transition: all .5s ease-in-out;-webkit-transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect13:hover .wp_img_effect_caption p {-webkit-transform: translateX(-50%);transform: translateX(-50%);transition-delay: .7s;}
.wp_img_effect13 .wp_img_effect_link_wrap {position: absolute;top: 38%;left: 50%;transform: translateX(-50%) translateY(-40%);z-index: 10;}
.wp_img_effect13 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(255,255,255,0.1);text-align: center;color: #fff;font-size: 14px;-webkit-transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect13 .wp_img_effect_link_wrap a:first-child {margin-right: 6px;}
.wp_img_effect13 .wp_img_effect_link_wrap a:last-child {transition-delay: .1s;}
.wp_img_effect13:hover .wp_img_effect_link_wrap a {-webkit-transform: translateX(0px);transform: translateX(0px);transition-delay: .6s;}
.wp_img_effect13 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.4);transition-delay: .6s;}


/**  효과 #14 **/
.wp_img_effect14 {position: relative;overflow: hidden;}
.wp_img_effect14 img {-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect14:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect14:after {position: absolute;content: '';height: 6px;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;bottom: 0;left: 0;}
.wp_img_effect14:hover:after {height: 100%;}
.wp_img_effect14 .wp_img_effect_caption h3 {color: #fff;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;position: absolute;left: 50%;transform: translateX(-50%);margin: 0;z-index: 10;padding: 10px;width: 100%;background: #2a2a2a;}
.wp_img_effect14 .wp_img_effect_caption p {-webkit-transform: translateY(40px);transform: translateY(40px);color: rgba(255,255,255,0.7);-webkit-transition: all .9s ease-in-out;transition: all .5s ease-in-out;padding-bottom: 5px;display: inline-block;opacity: 0;font-size: 14px;}
.wp_img_effect14:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);}
.wp_img_effect14 .wp_img_effect_link_wrap {position: absolute;top: 40%;left: 50%;transform: translateX(-50%) translateY(-40%);z-index: 10;}
.wp_img_effect14 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.65);text-align: center;color: #fff;border-radius: 8px;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect14 .wp_img_effect_link_wrap a:first-child {margin-right: 6px;transition-delay: .2s;}
.wp_img_effect14 .wp_img_effect_link_wrap a:last-child {transition-delay: .3s;}
.wp_img_effect14:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect14 .wp_img_effect_link_wrap a:hover {background-color: rgba(0, 0, 0, 0.74);top: -1px;position: relative;}
.wp_img_effect14:hover .wp_img_effect_caption h3 {-webkit-transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect14 .wp_img_effect_caption {position: absolute;top: 50%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}


/**  효과 #15 **/
.wp_img_effect15 {position: relative;overflow: hidden;}
.wp_img_effect15 img {-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect15:hover img {-webkit-transform: scale(1.2) translateX(-12px);transform: scale(1.2) translateX(-12px);}
.wp_img_effect15:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;bottom: 0;left: 0;transform: translateY(100%);}
.wp_img_effect15:hover:after {transform: translateY(0);}
.wp_img_effect15 .wp_img_effect_caption h3 {color: #fff;margin-bottom: 0px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;top: -10px;left: 50%;opacity: 0;transform: translateX(-50%);z-index: 10;width: 100%;padding: 0 15px;}
.wp_img_effect15 .wp_img_effect_caption p {-webkit-transform: translateX(-40px) translateY(40px);transform: translateX(-40px) translateY(40px);color: rgba(255,255,255,0.7);-webkit-transition: all .9s ease-in-out;transition: all .5s ease-in-out;padding-bottom: 5px;display: inline-block;opacity: 0;}
.wp_img_effect15:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateX(0px) translateY(40px);transform: translateX(0px) translateY(40px);}
.wp_img_effect15 .wp_img_effect_link_wrap {position: absolute;top: 35%;left: 50%;transform: translateX(-50%) translateY(-35%);z-index: 10;}
.wp_img_effect15 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 36px;border: 2px solid rgba(255,255,255,0.8);text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect15 .wp_img_effect_link_wrap a:first-child {margin-right: 7px;transition-delay: .2s;}
.wp_img_effect15 .wp_img_effect_link_wrap a:last-child {transition-delay: .3s;}
.wp_img_effect15:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect15 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.4);}
.wp_img_effect15:hover .wp_img_effect_caption h3 {-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 1;}
.wp_img_effect15 .wp_img_effect_caption {position: absolute;top: 50%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}


/**  효과 #16 **/
.wp_img_effect16 {position: relative;overflow: hidden;background: #222;}
.wp_img_effect16 img {-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;opacity: 0.9;}
.wp_img_effect16:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);-ms-filter: blur(4px);filter: blur(4px);}
.wp_img_effect16 .wp_img_effect_caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.wp_img_effect16:before, 
.wp_img_effect16:after {position: absolute;content: '';height: 0px;width: 0px;background-color: transparent;-webkit-transition: all .25s ease-in-out;transition: all .3s ease-in-out;opacity: 0;}
.wp_img_effect16:before {border-left: 1px solid #fff;border-top: 1px solid #fff;top: 20px;left: 20px;z-index: 1;}
.wp_img_effect16:after {border-right: 1px solid #fff;border-bottom: 1px solid #fff;bottom: 20px;right: 20px;}
.wp_img_effect16:hover:before, 
.wp_img_effect16:hover:after {height: 40px;width: 40px;opacity: 1;}
.wp_img_effect16 .wp_img_effect_caption h3 {color: #fff;margin-bottom: 8px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.wp_img_effect16 .wp_img_effect_caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect16:hover .wp_img_effect_caption h3, 
.wp_img_effect16:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect16 .wp_img_effect_link_wrap {position: absolute;top: calc(50% - 25px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.wp_img_effect16 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.56);text-align: center;color: #fff;font-size: 14px;opacity: 0;border-radius: 50%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect16 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 5px;}
.wp_img_effect16 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.wp_img_effect16:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect16 .wp_img_effect_link_wrap a:hover {background-color: rgba(0, 0, 0, 0.76);}


/**  효과 #17 **/
.wp_img_effect17 {position: relative;overflow: hidden;}
.wp_img_effect17 img {-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect17:hover img {-webkit-transform: scale(1.5) translateX(20px);transform: scale(1.5) translateX(20px);filter: blur(4px);}
.wp_img_effect17:after {position: absolute;content: '';height: calc(100% - 20px);width: calc(100% - 20px);background-color: rgba(175, 175, 175, 0.4);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.wp_img_effect17:hover:after {opacity: 1;}
.wp_img_effect17 .wp_img_effect_caption h3 {color: #444;margin-bottom: 0px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;bottom: 25px;z-index: 10;right: 50%;background: rgb(255, 255, 255);padding: 10px;width: calc(100% - 50px);text-align: center;margin-top: 0;transform: translateX(50%);border-radius: 20px;}
.wp_img_effect17 .wp_img_effect_caption p {-webkit-transform: translateX(-50px);transform: translateX(-50px);color: #fff;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;top: 25px;z-index: 1;left: 25px;display: block;width: 55%;text-align: right;padding-right: 15px;}
.wp_img_effect17:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect17 .wp_img_effect_link_wrap {position: absolute;top: 25px;right: 25px;z-index: 10;}
.wp_img_effect17 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;border-radius: 20px;background-color: #fff;text-align: center;color: #777;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect17 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateX(30px);transform: translateX(30px);margin-right: 6px;}
.wp_img_effect17 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateX(60px);transform: translateX(60px);}
.wp_img_effect17:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}


/**  효과 #18 **/
.wp_img_effect18 {position: relative;overflow: hidden;}
.wp_img_effect18:before {position: absolute;content: "";right: 15px;bottom: 15px;border: 1px solid rgba(255, 255, 255, 0.64);opacity: 0;top: 15px;left: 15px;z-index: 1;transition: all .4s ease;}
.wp_img_effect18:hover:before {opacity: 1;}
.wp_img_effect18 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect18:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.wp_img_effect18 .wp_img_effect_caption {position: absolute;bottom: 30px;right: 30px;z-index: 10;text-align: right;width: 100%;}
.wp_img_effect18:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.7);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;left:0;}
.wp_img_effect18:hover:after {opacity: 1;}
.wp_img_effect18 .wp_img_effect_caption h3 {color: #fff;margin-bottom: 10px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.wp_img_effect18 .wp_img_effect_caption p {-webkit-transform: translateY(35px);transform: translateY(35px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect18:hover .wp_img_effect_caption h3, 
.wp_img_effect18:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect18 .wp_img_effect_link_wrap {position: absolute;top: 30px;left: 30px;z-index: 10;}
.wp_img_effect18 .wp_img_effect_link_wrap a {display: inline-block;height: 36px;width: 36px;line-height: 34px;background-color: rgba(255,255,255,0.2);border: 2px solid rgba(255, 255, 255, 0.3);text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect18 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 5px;}
.wp_img_effect18 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.wp_img_effect18:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect18 .wp_img_effect_link_wrap a:hover {background-color: rgba(255,255,255,0.4);}


/**  효과 #19 **/
.wp_img_effect19 {position: relative;overflow: hidden;}
.wp_img_effect19 img {-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.wp_img_effect19:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);filter: blur(4px);}
.wp_img_effect19 .wp_img_effect_caption {position: absolute;bottom: 25%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}
.wp_img_effect19:after {position: absolute;content: '';height: calc(100% - 40px);width: calc(100% - 40px);box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);background: rgba(0, 0, 0, 0.09);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.wp_img_effect19:hover:after {opacity: 1;}
.wp_img_effect19 .wp_img_effect_caption p {color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect19:hover .wp_img_effect_caption h3, 
.wp_img_effect19:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect19 .wp_img_effect_link_wrap {position: absolute;top: 40%;right: 50%;transform: translateX(50%) translateY(-40%);z-index: 10;}
.wp_img_effect19 .wp_img_effect_link_wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.5);border-radius: 4px;text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect19 .wp_img_effect_link_wrap a:first-child {margin-right: 6px;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.wp_img_effect19 .wp_img_effect_link_wrap a:last-child {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transition-duration: .7s;}
.wp_img_effect19:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect19 .wp_img_effect_link_wrap a:hover {background-color: rgb(0, 0, 0);}
.wp_img_effect19 .wp_img_effect_caption p, 
.wp_img_effect19:hover .wp_img_effect_caption h3 {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: translateX(100%);}
.wp_img_effect19 .wp_img_effect_caption h3 {color: #fff;transition: all .5s ease-in-out;z-index: 1;padding: 12px;background-color: rgba(0, 0, 0, 0.4);width: 100%;margin: 0;}


/**  효과 #20 **/
.wp_img_effect20 {position: relative;overflow: hidden;}
.wp_img_effect20:after {position: absolute;content: '';height: calc(100% - 22px);width: calc(100% - 22px);background-color: rgba(0, 0, 0, 0.8);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.wp_img_effect20:hover:after {opacity: 1;}
.wp_img_effect20 .wp_img_effect_caption h3 {color: #fff;-webkit-transform: translateY(-20px);transform: translateY(-20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;top: 26px;position: absolute;left: 0;z-index: 10;text-align: center;margin: 0;padding: 0 25px;width: 100%;}
.wp_img_effect20 .wp_img_effect_caption p {-webkit-transform: translateY(20px);transform: translateY(20px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;right: 0;width: 100%;bottom: 26px;z-index: 1;padding-bottom: 5px;line-height: 20px;text-align: center;padding: 0 25px;}
.wp_img_effect20:hover .wp_img_effect_caption h3, 
.wp_img_effect20:hover .wp_img_effect_caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.wp_img_effect20 .wp_img_effect_link_wrap {position: absolute;top: 50%;right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.wp_img_effect20 .wp_img_effect_link_wrap a {display: inline-block;height: 36px;width: 36px;line-height: 36px;background-color: rgba(255, 255, 255, 0.7);text-align: center;color: #444;font-size: 13px;border-radius: 50%;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wp_img_effect20 .wp_img_effect_link_wrap a:first-child {-webkit-transform: translateX(-20px);transform: translateX(-20px);margin-right: 7px;}
.wp_img_effect20 .wp_img_effect_link_wrap a:last-child {-webkit-transform: translateX(20px);transform: translateX(20px);}
.wp_img_effect20:hover .wp_img_effect_link_wrap a {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.wp_img_effect20 .wp_img_effect_link_wrap a:hover {background-color: #fff;}

/*Internet Explorer 11 & 12 version Problem Fix*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.wp_img_effect9:after {
		transition: 0.3s ease all;
	}
    .wp_img_effect9:hover:after {
    	background-color: rgba(0, 0, 0, 0.8);
    }
    .wp_img_effect15:after {
        height: 0;
        transform: none;
        transition: all .45s ease;
    }
    .wp_img_effect15:hover:after {
        height: 100%;
    }
    .wp_img_effect16:hover img {
    	opacity: 0.4;
    }
    .wp_img_effect17 {
    	background: #000;
    	transition: 0.3s ease all;
    }
    .wp_img_effect19 {
    	background: #222;
    	transition: 0.3s ease all;
    }
    .wp_img_effect19:after {
        box-shadow: 0 0 10px rgba(185, 185, 185, 0.4);
    }
    .wp_img_effect17:hover img {
    	opacity: 0.6;
    } 
    .wp_img_effect19:hover img {
    	opacity: 0.4;
    }
}


/** 반응형 **/
@media (max-width: 768px) {
    [class*="wp_img_effect"] {
        margin-bottom: 30px;
    }
}
@media (max-width: 420px) {
    .wp_img_effect_caption h3 {
        font-size: 16px;
    }
    .wp_img_effect_caption p {
        display: none !important;
    }
    .wp_img_effect5 .wp_img_effect_link_wrap {
        top: auto;
        bottom: 25px;
        transform: translateX(50%) translateY(0);
    }
    .wp_img_effect11 .wp_img_effect_link_wrap, 
    .wp_img_effect14 .wp_img_effect_link_wrap {
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
}