@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; transition:all 200ms ease;}
.ltt .moc:hover {transform:translate(0, -5px); border:0px solid #25a7ed; -webkit-box-shadow:0px 5px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:0px 5px 10px 0 rgba(0, 0, 0, 0.2);}
.ltt .moc:last-child {margin-right:0;}

.ltt .imgBox {width:100%; height:220px; overflow:hidden;}
.ltt .img {width:100%; height:100%; 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 {display:block; width:100%; height:110px; background:#fff; padding-top:25px;}
.ltt .lt_info .date {display:inline-block; vertical-align:middle; width:85px; margin-left:10px; font-family: 'Spoqa Han Sans Neo';}
.ltt .lt_info .date span {display:block; width:100%; text-align:center; line-height:1.2;}
.ltt .lt_info .tit {display:inline-block; vertical-align:middle; width:calc(100% - 105px); height:55px;; font-weight:400; color:#000; font-size:1.2rem; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; white-space:normal;}

@media screen and (max-width:1200px) {
	.ltt .moc {width:calc((100% - 30px) / 4); margin-right:10px;}
}

@media screen and (max-width:940px) {
	.ltt {margin:0 auto; max-width:720px; width:100%;}
	.ltt .moc {display:inline-block;width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:20px; 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:700px) {
	.ltt .imgBox {height:200px;}
	.ltt .lt_info {height:90px; padding-top:20px;}
	.ltt .lt_info .date {width:80px; margin-left:10px; font-family: 'Spoqa Han Sans Neo';}
	.ltt .lt_info .date span {display:block; width:100%; text-align:center; line-height:1.2;}
	.ltt .lt_info .tit {width:calc(100% - 110px); height:50px; font-size:1.1rem;}
}

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