@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-image {
	width: 100%;
	border-radius: 6px;
	background: linear-gradient( 135deg, rgb(50 110 60), rgb(30 70 40) );
}
.latest-image ul {
	list-style: none;
	padding: 1rem;
	border-radius: 6px;
	background-color: rgb(255 255 255);
	box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 0.3);
	display: flex;
	justify-content: space-around;
}
.latest-image ul li {
	position: relative;
	line-height: 140%;
}
.latest-image ul li img {
	padding: 6px;
	margin-bottom: 0.5rem;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 0.3);
	border-radius: 6px;
	/*transition: border 500ms ease-out;*/
}

.latest-image ul li a::before { content: ''; position: absolute; top:0; right:0; bottom:0; left:0; }
.latest-image ul li a:hover { font-weight: 500; }
.latest-image ul li:hover img {
	box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 0.5);
}
.latest-image ul li:hover a {
	font-weight: 500;
}

.latest-image-subject {
	padding: 0 6px;
}
.latest-image-info {
	padding: 2px 6px;
	display: flex;
	line-height: 100%;
	background-color: rgb(245 245 245);
	border-radius: 4px;
}
.latest-image-comments {
	font-size: 0.9rem;
	color: rgb(100 100 100);
	font-weight: 600;
	letter-spacing: -0.03em;
}
.latest-image-comments::before {
	content: "+";
}
.latest-image-date {
	font-size: 0.9rem;
	color: rgb(100 100 100);
}

.latest-image-none {
	padding: 0.5rem;
	text-align: center;
	color: rgb(100 100 100);
	font-style: italic;
	font-size: 0.9rem;
}