@charset "utf-8";

/* 새글 스킨 (latest) */
.artist_lt {position:relative;}

.artist_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.artist_lt ul { display: flex; flex-wrap: wrap; }
.artist_lt li { width:24%; margin-left: 1.333%; margin-bottom: 30px; }
.artist_lt li:nth-child(4n+1) { margin-left: 0; }
.artist_lt li .lt_img { overflow: hidden; position: relative; display: block; border-radius: 5px; }
.artist_lt li .lt_img:after { content:''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all 0.3s; }
.artist_lt li:hover .lt_img:after { opacity: 1;}
.artist_lt li .rank { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; color: #fff; font-size: 1.3em; font-weight: 800; transition: all 0.3s; opacity: 0; }
.artist_lt li:hover .rank { opacity: 1; }
.artist_lt li .rank i { display: block; text-align: center; width: 100%; font-style: normal; }

.artist_lt li .lt_img img, .artist_lt li .lt_img video {width:100%;height:auto}
a.artist_title { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin-top: 20px; font-weight: 700; }
.artist_lt .profile_img img{border-radius:50%}

.artist_lt .empty_li { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 300px; margin-bottom: 0px; padding: 0; background: #000; border-radius: 10px; color: #fff; font-family: "Poppins"; font-size: 53px; font-weight: 600; }

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

@media screen and (max-width: 768px) {
	
	.artist_lt li { width:32%; margin-left: 2%; margin-bottom: 15px; }
	.artist_lt li:nth-child(4n+1) { margin-left: 2%; }
	.artist_lt li:nth-child(3n+1) { margin-left: 0%; }

	a.artist_title { margin-top: 10px; }

	.artist_lt .empty_li { font-size: 42px; }

}

@media screen and (max-width: 480px) {
	
	.artist h4 { font-size: 25px; }

	.artist_lt li { width:49%; margin-left: 2%; margin-bottom: 15px; }
	.artist_lt li:nth-child(3n+1) { margin-left: 2%; }
	.artist_lt li:nth-child(2n+1) { margin-left: 0%; }

	.artist_lt .empty_li { height: 200px; font-size: 32px; }

}