@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 새글 스킨 (latest) */
.webzBanLat {position:relative; margin-bottom:20px; overflow:hidden; text-align:center; padding:20px; }
.webzBanLat .webzBanLatTit {display:block; }
.webzBanLat .webzBanLatTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:20px; text-align:center; }
.webzBanLat .webzBanLatTit a u{display:block; width:50px; height:1px; background:#ddd; position:absolute; left:50%; bottom:0px; margin-left:-25px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
div:hover.webzBanLat .webzBanLatTit a u{width:100px;  margin-left:-50px;  }



.webzBanLat .youtubeImbBlank{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; }


.webzBanLat{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:5% 10px; overflow:hidden; word-break:keep-all;}
.webzBanLat li{display:block; padding:20px; width:25%; float:left; text-align:center; overflow:hidden;}
.webzBanLat li i b{display:block; width:100%; overflow:hidden; font-size:30px; color:#ddd; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.webzBanLat li i span{display:block; width:100%; overflow:hidden; font-size:30px; color:#ddd; position:absolute; left:0; top:50%; z-index:2; margin-top:-20px; height:40px; line-height:40px;text-overflow: ellipsis; text-align:center;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.webzBanLat li i{display:block; position:relative; overflow:hidden; margin:0 auto;}
.webzBanLat li i:after{content:'';border:1px solid RGBA(0,0,0,0.0)display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px;border:0px; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.webzBanLat li i img{display:block; width:100%; margin:0 auto; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.webzBanLat li strong{display:block; color:#000; font-size:18px; padding:15px 0;}
.webzBanLat li em{display:block; color:RGBA(0,0,0,0.5); font-size:14px; font-style:normal;}
.webzBanLat li u{display:block; clear:both; float:left; width:106px; text-decoration:none; margin-top:15px; border-top:1px solid #ddd; color:#999; padding:10px 15px;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.webzBanLat li:hover u{color:#000; width:100%;}
.webzBanLat li:hover i:after{border:10px solid RGBA(0,0,0,0.2);padding:10px;}
.webzBanLat li:hover i b,
.webzBanLat li:hover i img{transform: scale(1.1);}
.webzBanLat li:hover i span{transform: scale(1.5);}



.webzBanLat  .empty_li{line-height:204px; min-height:204px; color:#999; text-align:center; padding:0; }
.webzBanLat  .empty_li:before{background:none; padding:0}







@media all and (max-width:980px)
{
	.webzBanLat li{padding:10px;}
	.webzBanLat li strong{font-size:16px;}
	.webzBanLat li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.webzBanLat li:nth-child(5),
	.webzBanLat li:nth-child(9),
	.webzBanLat li:nth-child(13),
	.webzBanLat li:nth-child(17){clear:both;}
}
@media all and (max-width:800px)
{
	.webzBanLat li{width:50%; float:left;}
	.webzBanLat li:nth-child(odd){clear:both;}
	.webzBanLat li strong{font-size:14px;}
	.webzBanLat li em{font-size:12px;}
	.webzBanLat li:nth-child(odd){clear:both;}
}
@media all and (max-width:650px)
{
	.webzBanLat .webzBanLatTit a{padding:15px; font-size:24px; }

}