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

.basicLat {position:relative; text-align:center; } /*margin-bottom:20px; overflow:hidden; padding:20px; */
.basicLat .basicLatTit {display:block; }
.basicLat .basicLatTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:20px; text-align:center; }
.basicLat .basicLatTit 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.basicLat .basicLatTit a u{width:100px;  margin-left:-50px;  }






.basicLat ul{padding:0px; margin:0; text-align:left; list-style:none; min-height:auto;}
.basicLat ul:after {clear:both;display:block;content:'';}	
.basicLat li {list-style:none; margin:0px; padding:0px;position:relative;} 
.basicLat li a {width:100%;height:160px;padding:25px 25px 0px 25px;border-radius:0 0 50px 0;font-weight:500 !important; display:block; font-size:18px;line-height:27px; color:#444; 
				 border:1px solid #ddd;  text-overflow:ellipsis;  margin-right:90px;overflow:hidden;} /*  height:40px; line-height:40px; white-space:nowrap;*/
.basicLat li a:hover{color:#000;background:#f2f6fb;}



.basicLat li {float:left;width:23.5%;margin-right:1.9%;}
.basicLat li:nth-of-type(4){margin-right:0;}




/*2월 2주차....출력*/
h4.top_day {width:116px;height:38px;line-height:38px;color:#fff;font-size:18px;font-weight:400;text-align:center;background:#1f2e57;position:absolute;}

.basicLat .lt_more {clear:both; font-size:50px;color:#666;font-weight:100;display:block;position:absolute;bottom:25px;right:25px;}
.basicLat .lt_more:hover{}




.basicLat .lt_more > i{display:inline-block; padding-left:10px; font-size:14px;}



.basicLat li a span{font-size:11px; }
.basicLat li .fa-heart{color:#ff0000; }
.basicLat 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}
.basicLat li .new_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px; color:#fff; background:#ff6600; text-align:center; border-radius: 50%; }
.basicLat li .hot_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px ; color:#fff; background:#e52955; text-align:center; border-radius: 50%; }
.basicLat li .fa-caret-right{color:#bbb}
.basicLat .lt_date{position:absolute; top:50%; right:5px; color:#999; height:20px; line-height:20px; margin-top:-10px; font-size:10px; font-family:verdana; }

.basicLat  .empty_li{line-height:204px; min-height:204px; color:#999; text-align:center; padding:0; }
.basicLat  .empty_li:before{background:none; padding:0}
.basicLat .lt_cmt{display:inline-block; background:#b5b5b5; color:#fff; font-size:10px; height:16px; line-height:14px; font-weight:bold; padding:1px 6px; border-radius:20px; vertical-align:middle;}




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



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

}


@media all and (max-width:980px)
{
	
	.basicLat li a  {font-size:16px;}
	h4.top_day {height:35px;line-height:35px;font-size:16px;}
}


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

	.basicLat li {float:left;width:48%;}
	.basicLat li:nth-of-type(2),
	.basicLat li:nth-of-type(5){margin-left:0;margin-right:0;}
	.basicLat li:nth-of-type(2n) {margin-left:2% !important}

	.basicLat li:nth-of-type(4),
	.basicLat li:nth-of-type(5),
	.basicLat li:nth-of-type(6) {margin-top:0px}

	
	.basicLat li:nth-of-type(3),
	.basicLat li:nth-of-type(4),
	.basicLat li:nth-of-type(5),
	.basicLat li:nth-of-type(6) {margin-top:2% !important}

	.basicLat li a {width:100%;height:120px;padding:30px 35px 0px 35px;}

}



@media all and (max-width:650px)
{
	.basicLat ul{min-height:auto;}

	.basicLat li {float:left;width:100%;}
	.basicLat li:nth-of-type(2n) {margin-left:0 !important;}
	.basicLat li:nth-of-type(2) {margin-top:2% !important}

}



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

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