@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {
	position:relative;
	padding:20px 40px;
	overflow:hidden;
}

.lt:after{
	display:block;
	clear:both;
	content: '';
}

.lt h2 {
	font-size:1.154em;
}

/*
.lt_h2{
	float:left;
	width:20%;
}
*/

.lt h2 a{
	color:#333;
}

.lt ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.lt li {
	position: relative;
    padding: 0 10px 25px;
    background: #fff;
	margin-bottom:15px;
	line-height:30px;
}

.lt li:last-child { border-bottom:none; }

.lt li a{
	color: #888;
    display: block;
	float:left;
}

.lt li .lt_date{
	color: #888;
    font-size: 0.92em;
	float:right;
	margin-right:30px;
}

.lt_title{
	font-size:20px;
	letter-spacing: -1px;
}

.lt_more{
	font-weight: 400;
	color:#999 !important;
	margin-top: 20px;
	font-size:13px !important;
}

.lt .fa-download{
	width:16px;
	height:16px;
	line-height:16px;
	background:#e89f31;
	color:#333;
	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:#333;
	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:#333;
	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:#333;
	background:#e2e2e2;
	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:#333;
	background:#e2e2e2;
	border-radius:4px;
	text-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: #333;
	background: #262b88;
	text-align: center;
	border-radius: 4px;
	font-size: 12px;
	border:1px solid #262b88;
}

.more {
	width:20%;
	display:inline-block;
	float:right;
	text-align:right;
	margin-top:4px;
}

 @media (max-width: 969px){
	 	 
	.lt li {
		padding:0 0 20px;
	}
	
	.lt li a {
		font-size:13px;
	}
	
	.lt li .lt_date {
		margin-right:0;
	}
 }