@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {width:100%; position:relative;padding:0;}
.lt ul {margin:0 0 0 0 ;padding:0;list-style:none;}
.lt li {position:relative; float:left; width:24%; height:220px; margin:0 0.5%; padding:40px 40px 0 40px; background:#f1f1f1; border-radius:15px;}
.lt li:hover {opacity:0.7; -webkit-filter: grayscale(100%);filter: grayscale(100%); transition: 0.2s all;}
.lt li a {color:#2C2C2C;}
.lt li span {font-size:16px;}
.lt .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;}
.lt .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;font-weight: normal;}
.lt .fa-heart{width:16px;height:16px;line-height:16px;background:#ff66b0;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;;font-weight: normal;}
.lt .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;border-radius:4px;text-align:center;vertical-align:middle;font-size:11px}
.lt .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;;border-radius:4pxtext-align:center;;vertical-align:middle;font-weight:normal;font-size:11px}
.lt .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #262b88;text-align: center;border-radius: 4px;font-size: 12px;border:1px solid #262b88}

.lt_tit {width:100%; margin-bottom:15px; font-family:'NanumSquare'; font-size:1.45em; font-weight:800; letter-spacing:-1px;
	
			/* 한 줄 자르기 */
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;}


.lt_con {width:100%; margin-bottom:10px; font-size:1.2em; color:#3B3B3B; letter-spacing:-0.5px; line-height:150%;
			/* 한 줄 자르기 */
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

			/* 여러 줄 자르기 추가 스타일 */
			white-space: normal;
			line-height: 1.3;
			text-align: left;
			word-wrap: break-word;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;}

.lt_date {margin-bottom:20px; padding:5px 15px; text-align:left; color:#fff; font-family:'NanumSquare'; font-size:1.1em; background:#2A77C9; font-weight:500; display:inline-block; transform:skew(-0.03deg);}


 @media (max-width: 969px){
  .lt li { font-size:0.95em; width:49%; margin:0 0 10px 1%; height:200px; padding:30px 30px 0 30px;}
 }


 @media (max-width: 639px){

 .lt_tit {margin-bottom:10px;
			/* 한 줄 자르기 */
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

			/* 여러 줄 자르기 추가 스타일 */
			white-space: normal;
			line-height: 1.3;
			text-align: left;
			word-wrap: break-word;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;}

	.lt_con { margin-bottom:10px;
			/* 한 줄 자르기 */
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

			/* 여러 줄 자르기 추가 스타일 */
			white-space: normal;
			line-height: 1.3;
			text-align: left;
			word-wrap: break-word;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;}


  .lt li { font-size:0.95em; width:99%; margin:0 0 20px 0; height:200px; padding:30px 30px 0 30px;}
 }