@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {
	position:relative;
	padding:20px 40px;
	margin:10px;
	overflow:hidden;
	background-color:#fff;
	border: 1px solid #d8d8d8;
	border-radius: 25px;
	transform:translateY(0px);
	-webkit-transition:all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition:all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;

	min-height:167px;
	max-height:300px;
}

.lt_notice .lt:hover { border: 1px solid #7bb4d2; }
.lt_news .lt:hover { border: 1px solid #fab10c; }

.lt:after{
	display:block;
	clear:both;
	content: '';
}

.lt h2 {
	padding-bottom: 15px; 
	border-bottom: 1px solid #dedede;
}

.lt_notice .lt h2 a { border-bottom: 3px solid #7bb4d2; }
.lt_news .lt h2 a { border-bottom: 3px solid #fab10c; }

.lt ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.lt li {
	position: relative;
    padding: 0px 0px 25px;
    background: #fff;
	margin-bottom:7px;
	line-height:30px;
}


.lt li a{
	color: #888;
    display: block;
	float:left;
	font-size:15px;
}

.lt li .lt_date{
	color: #888;
    font-size: 0.92em;
	float:right;
	margin-right:30px;
}

.lt_title{
	font-size:18px;
	font-weight:400;
	color: #333;
    padding-bottom: 13px;
}

.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;
	}
 }