@charset "utf-8";

/* 새글 스킨 (latest) */
.lat_site_link {
	position:relative;
	margin-bottom:5px;
	border-bottom:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
}
.lat_site_link .lat_title {
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	line-height:60px;
	padding:0;
	font-size:20px;
}
.lat_site_link .lat_title a {
	position:relative;
	color:#000;
	display:inline-block;
}
.lat_site_link .lat_title img {
	width:30px;
	vertical-align:middle;
}
.lat_site_link .lat_title span {
	vertical-align:middle;
}
.lat_site_link ul {
	padding:12px 0px
}
.lat_site_link li {
	position:relative;
	line-height:35px;
	border-bottom:0px solid #e5ecee;
	margin-bottom:0px;
	padding:0px 15px;
}
.lat_site_link li img {
	height:20px;
	line-height:20px;
	vertical-align:middle;
}
.lat_site_link li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat_site_link li a:hover {color:#3a8afd}
.lat_site_link li .fa-heart {color:#ff0000}
.lat_site_link li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat_site_link li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat_site_link li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat_site_link li .fa-caret-right {color:#bbb}
.lat_site_link li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat_site_link li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
.lat_site_link li:last-child {
	margin-bottom:0px;
	border-bottom:0px;
}

.lat_site_link .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.lat_site_link .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat_site_link .empty_li:before {background:none;padding:0}

.lat_site_link .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat_site_link .lt_more {
	position:absolute;
	top:0px;
	right:0;
	display:block;
	width:40px;
	line-height:60px;
	color:#000000;
	border-radius:3px;
	text-align:center;
}
.lat_site_link .lt_more:hover {
	color:#3a8afd;
}
.lat_site_link .lt_more i {
	vertical-align: middle;
}

/* 메인페이지의 최신글 목록 반응형 처리 */
.lat_site_link {
	width:100%;
}
.top10 {
	display:inherit;
}
@media ( min-width:320px ) {
	.lat_site_link {
		width:50%;
	}
	.lat_site_link li {
		padding: 0px 5px;
	}
	.lat_site_link .lat_title {
		padding: 0 0 0 5px;
	}
	.top10 {
		display:none;
	}
	.lat_site_link:nth-child(2n) {
		border-right:none;
	}
}
@media ( min-width:600px ) {
	.lat_site_link {
		width:33.333333%;
	}
	.lat_site_link li {
		padding: 0px 5px;
	}
	.lat_site_link .lat_title {
		padding: 0 0 0 10px;
	}
	.top10 {
		display:none;
	}
	.lat_site_link:nth-child(2n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(3n) {
		border-right:none;
	}
}
@media ( min-width:1200px ) {
	.lat_site_link {
		width:25%;
	}
	.lat_site_link li {
		padding: 0px 10px;
	}
	.lat_site_link .lat_title {
		padding: 0 0 0 15px;
	}
	.top10 {
		display:inherit;
	}
	.lat_site_link:nth-child(2n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(3n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(4n) {
		border-right:none;
	}
}
@media ( min-width:1800px ) {
	.lat_site_link {
		width:20%;
	}
	.lat_site_link li {
		padding: 0px 15px;
	}
	.lat_site_link .lat_title {
		padding: 0 0 0 20px;
	}
	.top10 {
		display:inherit;
	}
	.lat_site_link:nth-child(2n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(3n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(4n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(5n) {
		border-right:none;
	}
}
@media ( min-width:2400px ) {
	.lat_site_link {
		width:10%;
	}
	.lat_site_link li {
		padding: 0px 15px;
	}
	.lat_site_link .lat_title {
		padding: 0 0 0 20px;
	}
	.top10 {
		display:inherit;
	}
	.lat_site_link:nth-child(2n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(3n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(4n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(5n) {
		border-right:1px solid #dfdfdf;
	}
	.lat_site_link:nth-child(10n) {
		border-right:none;
	}
}