@charset "utf-8";

/* 새글 스킨 (latest) */
.success_list { display: flex; flex-wrap: wrap; position: relative; }
.success_list .gallery_li { position: relative; display: flex; flex-wrap: wrap; align-content: space-between; border: 1px solid #ddd; width: 24%; margin-left: 1.333%; margin-bottom: 30px; }
.success_list .gallery_li:nth-child(4n+1) { margin-left: 0px; }
.success_list .gallery_li:hover { transform: unset; }
.success_list .gallery_li .lt_img { position: relative; display: block; width: 100%; }
.success_list .gallery_li .lt_img:after { content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10; }
.success_list .gallery_li img { display: block; width: 100%; height: 100%; object-fit: cover; }
.success_info { display: flex; flex-wrap: wrap; width: 100%; padding: 40px 30px; }
.success_info a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 20px; font-size: 25px; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all; transition: all 0.3s; }
.success_info:hover a, .success_info a:hover {  }
.success_info .cate { display: block; width: 100%; margin-bottom: 10px; color: #bb0029; font-size: 1.05em; font-weight: 700; }
.success_info p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: box;
	max-height:80px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color: #555;
	font-size: 1em;
	line-height: 1.6;
}

.success_list .date { display: block; text-align: right; width: 100%; color: rgba(0, 0, 0, 0.3); }

.success_list .empty_li { text-align:center; width: 100% !important; margin:0; padding:0; color:rgba(255, 255, 255, 0.6); line-height:145px; }
.success_list .empty_li:before { padding:0; background:none; }

@media screen and (max-width: 1024px) {
	
	.success_list { justify-content: center; }
	.success_list .gallery_li { width: 32%; margin-left: 2%; }
	.success_list .gallery_li:nth-child(4n+1) { margin-left: 2%; }
	.success_list .gallery_li:nth-child(3n+1) { margin-left: 0%; }

	.success_info a { font-size: 20px; }

}

@media screen and (max-width: 768px) {
	
	.success_list .gallery_li { width: 49%; margin-left: 2%; }
	.success_list .gallery_li:nth-child(3n+1) { margin-left: 2%; }
	.success_list .gallery_li:nth-child(2n+1) { margin-left: 0%; }

	.success_info { padding: 30px 20px; }

}

@media screen and (max-width: 430px) {
	
	.success_list .gallery_li { width: 100%; margin-left: 0%; }

	.success_info a { margin-bottom: 10px; font-size: 18px; }

}