@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */
/* 갤러리 새글 스킨 (latest) */

.galleryLookLat {width:1200px;margin:0 auto !important;position:relative;margin-bottom:20px;overflow:hidden;text-align:left;padding:50px 0px !important; }
.galleryLookLat .galleryLatTit {width:25%; float:left; padding:20px 0px;}
.galleryLookLat .galleryLatTit a{color:#333;display:inline-block;position:relative; margin:0 auto; padding:20px 0px;font-size:20px;}
.galleryLookLat .galleryLatTit a u{display:block;width:50px;height:5px;background:#ddd;position:absolute; left:0%;bottom:-5px; margin-left:-25px;}
.galleryLookLat .galleryLatTit p {padding:30px 30px 30px 0px; text-align: justify; font-weight:400; line-height:180%; font-size:13px;}
.galleryLookLat .galleryLatTit .button {background:#333; display:inline-block; bottom:-50px; position:relative; border-radius: 50px; font-size:11px;}
.galleryLookLat .galleryLatTit .button a {color:#fff; padding:10px 15px; font-size:13px;}

.galleryLookLat ul{overflow:hidden;padding:20px 0;margin:0;}
.galleryLookLat ul li{width:30% !important;float:left;overflow:hidden; margin-left: 15px; margin-right: 15px; margin-bottom: 30px;}
.galleryLookLat ul li a{display:block;position:relative;}
.galleryLookLat ul li a em{display:block;font-style:normal;position:absolute; left:5px;top:5px; }
.galleryLookLat ul li a > b{display:block;text-align:center;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff; position:absolute;left:10px;right:10px;top:150%;margin-top:-15px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.galleryLookLat ul li a:hover > b{top:50%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.galleryLookLat ul li a .bo_cate_link{display:block;text-align:center;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%; position:absolute;left:0px;bottom:150%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.galleryLookLat ul li a:hover .bo_cate_link{bottom:52%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}



.galleryLookLat ul li a > i u{display:block;text-decoration:none; font-style:normal;position:absolute; left:0;top:50%;width:100%;margin-top:-10px;height:20px;line-height:20px;font-size:12px;color:#999; }
.galleryLookLat ul li a > i{display:block;position:relative;overflow:hidden;background:#333;}
.galleryLookLat ul li a > i img{display:block;width:100%; height:auto;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.galleryLookLat ul li a:hover > i .youtube_img,
.galleryLookLat ul li a:hover > i img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;transform: scale(1.1);-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}


.galleryLookLat ul li a > i em{display:block;position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;overflow:hidden;background-color:#333;}
.galleryLookLat ul li a > i .youtube_img{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:auto 200%;background-position:center center;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.galleryLookLat ul li a:hover > i .youtube_img{background-size:auto 220%;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}


.galleryLookLat li a span{font-size:11px;}
.galleryLookLat li .fa-heart{color:#ff0000;}
.galleryLookLat li .fa-lock{display: inline-block;font-size:11px;line-height: 14px;width: 16px;color: #999;background: #efefef;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #ddd}
.galleryLookLat li .new_icon{display:inline-block;font-size:11px;width: 16px;line-height:16px;color:#fff;background:#ff6600;text-align:center;border-radius: 50%;}
.galleryLookLat li .hot_icon{display:inline-block;font-size:11px;width: 16px;line-height:16px ;color:#fff;background:#e52955;text-align:center;border-radius: 50%;}

.galleryLookLat .lt_more {clear:both;font-size:12px;font-weight:bold;display:inline-block; padding:10px 30px;color:#ddd;border-radius:50px;text-align:center; margin:20px auto 0;background:#333;border:2px solid #fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.galleryLookLat .lt_more:hover{color:#fff;border:2px solid #333;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.galleryLookLat .fa-youtube-play{font-size:18px;vertical-align:middle;}

@media all and (max-width:1200px)
{
	.galleryLookLat {width:100%;}
	.galleryLookLat ul li {width:49% !important;}

	.galleryLookLat {padding:5px !important; width:100%; position:relative;}
	.galleryLookLat .galleryLatTit {width:100% !important; clear:both; text-align:center}
	.galleryLookLat .galleryLatTit a{padding:15px;font-size:16px;}
	.galleryLookLat .galleryLatTit a u {left:50%;}
	.galleryLookLat .galleryLatTit p {padding:30px 20px; text-align:center;}
	.galleryLookLat .galleryLatTit .button {bottom:0px; }

	.galleryLookLat .lt_more{font-size:11px;letter-spacing:-0.05em;padding:10px 15px;}

	.galleryLookLat ul {clear:both; width:100%}
	.galleryLookLat ul li{width: 48% !important; margin: 1%;}

}