@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 새글 스킨 (latest) */
.webzLat {position:relative; text-align:center;} /*overflow:hidden;*/
.webzLat .webzLatTit {display:block; }
.webzLat .webzLatTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:20px; text-align:center; }
.webzLat .webzLatTit 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.webzLat .webzLatTit a u{width:100px;  margin-left:-50px;  }



.webzLat li a b i,
.webzLat li a b span{display:inline-block; vertical-align:middle; }

.webzLat li a span{font-size:11px; }
.webzLat li .fa-heart{color:#ff0000; }
.webzLat 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}
.webzLat li .new_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px; color:#fff; background:#ff6600; text-align:center; border-radius: 50%; }
.webzLat li .hot_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px ; color:#fff; background:#e52955; text-align:center; border-radius: 50%; }
.webzLat li .fa-caret-right{color:#bbb}


.webzLat  .empty_li{line-height:204px; min-height:204px; color:#999; text-align:center; padding:0; }
.webzLat  .empty_li:before{background:none; padding:0}
.webzLat .lt_cmt{display:inline-block; background:#333; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; }


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







.webzLat ul{padding:0px; margin:0 0 0 0px; text-align:left; list-style:none;}
.webzLat ul:after {clear:both;display:block;content:'';}
.webzLat li {list-style:none; margin:0px; padding:0px;}
.webzLat li a {width:40%;float:left; margin-left:90px; display:block; font-size:20px; color:#666; padding:0 12px; min-height:auto;} /* overflow:hidden;*/
.webzLat li:nth-of-type(3) a, .webzLat li:nth-of-type(4) a {margin-top:70px;}
.webzLat li a:hover{color:#000;} /* background:#f6f6f6; */



/*날짜*/
.webzLat li a:hover span.lt_date {background:#c3d9ed;}
.webzLat  span.lt_date{display:block;color:#444;height:65px;width:65px;background:#c2cdd7;border-radius:100%; line-height:65px; font-size:18px;text-align:center;float:left;margin-right:30px;}


/*제목 내용*/
.webzLat li a b{display:block; margin-bottom:10px; height:20px;font-weight:500; line-height:20px; font-size:20px; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.webzLat li a em{display:block; font-style:normal; font-weight:400;font-size:17px; color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 2.4em; }




/*더보기*/
.webzLat .lt_more {clear:both;width:120px;height:35px;line-height:28px; font-size:16px; font-weight:500; display:block;color:#222; 
					border-radius:50px;  text-align:center; background:#fff !important; border:1px solid #e0e3e7;position:absolute;top:200px;left:-120px;}
.webzLat .lt_more:hover{color:#fff;background:#313848 !important;transition:0.3s;}
.webzLat .lt_more > i{padding-left:10px;font-size:24px;font-style:normal;font-weight:300;display:inline-block;}




@media all and (max-width:1400px)
{
	.webzLat li a b{font-size:18px;}
	.webzLat li a em{font-size:16px;}
}


@media all and (max-width:1200px)
{
	.webzLat li a {margin-left:60px;}
	.webzLat .lt_more {font-size:15px;}
}

@media all and (max-width:980px)
{
	.webzLat {margin:20px 0;}
	.webzLat li a {width:100%;float:none; margin-left:0px; padding:0 0px;}
	.webzLat li:nth-of-type(3) a, .webzLat li:nth-of-type(4) a {margin-top:0;}
	.webzLat li a b {margin-bottom:20px;font-size:16px;}
	.webzLat li a em {display:none;}

	.webzLat li a:hover span.lt_date {background:transparent;}
	.webzLat  span.lt_date {height:20px;width:65px;float:right;border-radius:0;background:transparent;line-height:20px; font-size:14px;text-align:center;margin-right:0;}
	
	.webzLat .lt_more {width:40px;height:40px;border-radius:20px;top:-63px;right:20px !important;left:auto;border:none;}
	.webzLat .lt_more > i{padding-left:0px;line-height:37px;text-align:center;}
	span.button_hidden {display:none;}
}


@media all and (max-width:650px)
{

	.webzLat .webzLatTit a{padding:15px; font-size:16px; }
	.webzLat ul{min-height:auto;}
	.webzLat li a {font-size:12px; }
	
	.webzLat li a i.webzLatThumb{width:60px; height:60px; }
	.webzLat li a em{ }



@media all and (max-width:320px)
{

	.webzLat .lt_more {width:35px;height:35px;border-radius:20px;top:-55px;}
	.webzLat .lt_more > i{line-height:30px;}

	.webzLat li a b {font-size:14px;}
}