@charset "utf-8";

.latest-title {
	color: rgb(255 255 255);
	text-align: left;
}
.latest-title a {
	display: block;
	color: rgb(255 255 255 / 0.9);
	padding: 0.4rem 1rem;
	font-size: 120%; font-weight: 500;
}
.latest-title a:hover {
	font-weight: 700;
	color: rgb(255 255 255 / 1);
}

/* 새글 스킨 (latest) */
.latest-article {
	width: 100%;
	border-radius: 6px;
	background: linear-gradient( 135deg, rgb(0 75 150), rgb(0 50 100) );
}
.latest-article ul {
	list-style: none;
	padding: 0 0.5rem;
	border-radius: 6px;
	background-color: rgb(255 255 255);
	box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 0.3);
}
.latest-article ul li {
	position: relative;
	padding: 0.3rem 0.5rem;
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-gap: 0.5rem; gap: 0.5rem;
	place-items: center start;
	border-bottom: 1px solid rgb(220 220 220);
}
.latest-article ul li:last-of-type { border: 0; }
.latest-article ul li a::before { content: ''; position: absolute; top:0; right:0; bottom:0; left:0; }
.latest-article ul li a:hover { font-weight: 500; }

.latest-article .latest-article-comments {
	font-size: 0.9rem;
	color: rgb(120 120 120);
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 100%;
}
.latest-article .latest-article-comments::before {
	content: "+";
}
.latest-article .latest-article-date {
	color: rgb(120 120 120);
	font-size: 0.9rem;
}
.latest-article-none {
	padding: 0.5rem;
	text-align: center;
	color: rgb(100 100 100);
	font-style: italic;
	font-size: 0.9rem;
}