@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.ltt {position:relative;}
.ltt ul {list-style:none; font-size:0;}
.ltt ul:after {display:block;visibility:hidden;clear:both;content:""}
.ltt .moc {display:inline-block;width:calc((100% - 60px) / 4); margin-right:20px; vertical-align:top;}
.ltt .moc:last-child {margin-right:0;}

.ltt .img {width:100%;max-width:100%; height:360px;border:1px solid #ddd; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.ltt a {display:block;color:#000000;font-size:1.125rem;text-decoration:none;}
.ltt a .ca_name {position:absolute; z-index:1; padding:5px 15px; font-weight:400; font-size:.9rem; color:#fff; text-align:center; background:linear-gradient(to right,rgb(153, 204, 5),rgba(8, 104, 43, 1));}

.ltt .lt_info .tit {height:30px; font-weight:400; color:#000; font-size:1.2rem; line-height:30px; margin:10px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.ltt .lt_info .txt {height:43px; color:#7c7c7c; font-size:1.0rem; line-height:130%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; white-space:normal;}


@media screen and (max-width:1200px) {
	.ltt {margin:0 auto; max-width:800px; width:100%;}
	.ltt .moc {display:inline-block;width:calc((100% - 20px) / 2); margin-right:20px; margin-bottom:40px; vertical-align:top;}
	.ltt .moc:nth-child(2n+2) {margin-right:0;}
	.ltt .moc:nth-child(3),
	.ltt .moc:nth-child(4) {margin-bottom:0;}
}

@media screen and (max-width:940px) {	
}

@media screen and (max-width:700px) {
	.ltt .img {height:300px;}
	.ltt .lt_info .tit {height:25px; line-height:25px;margin:5px 0;}
}

@media screen and (max-width:480px) {
	.ltt .moc {width:100%; margin-right:0; margin-bottom:30px;}
	.ltt .moc:nth-child(3) {margin-bottom:30px;}
}