@charset "utf-8";

/* 새글 스킨 (latest) */

#songs_latest {margin-bottom:60px;padding:34px 40px;background:#475166;border-radius:8px}
#songs_latest:after {display:block;content:'';clear:both}
#songs_latest .left {float:left;padding-right:35px;width:34%}
#songs_latest .left img {display:block;width:100%}
#songs_latest .right {float:right;padding:0 15px 0 50px;width:66%;border-left:1px solid #5a6376}
#player_new {display:none}

.lat {position:relative;padding:0}
.lat .lat_title {display:block;margin-top:15px;font-size:24px;color:#fff;font-weight:400}
.lat .lat_title span {margin-right:10px}
.lat .songbook_img {display:none}
.lat .current-song a {color:#fff}
.lat .view {font-weight:bold}

.lat table {margin:25px 0;width:100%}
.lat table tr td {color:#aaafb7;font-size:14px;vertical-align:top}
.lat table tr td a {color:#aaafb7}
.lat table thead tr td {padding:12px 5px;border-top:1px solid #828996;border-bottom:1px solid #828996}
.lat table tbody tr:first-child td {padding-top:18px}
.lat table tbody tr td {padding:4px;vertical-align:top}
.lat table tbody tr td.lt_subject a, .lat table tbody tr td.lt_nick span {} /* overflow:hidden;word-break:break-all;white-space:nowrap */
.lat table tbody tr td.lt_num {width:70px}
.lat table tbody tr td.lt_date {width:85px}
.lat .lt_play {}
.lat .lt_play img {width:30px}
.lat .lt_more {position:absolute;right:0;top:0;padding:8px 32px;border:1px solid #828996;color:#fff;font-size:14px;font-weight:300}

@media(max-width:890px){
	#songs_latest {padding:20px;flex-direction:column}
	#songs_latest .left {display:none;float:none;margin:0 auto;width:40%}
	#songs_latest .right {padding:0;width:100%;border-left:none}

	.lat {overflow:hidden;padding:0}
	.lat table {margin:0;padding-top:20px}
	.lat table tr td:last-child {display:none}
	.lat table thead tr td:first-child {width:70px}
	.lat table tbody tr td {padding:4px 8px;font-size:15px;line-height:22px;white-space:nowrap}
	.lat table tbody tr td.lt_num {min-width:58px}
	.lat table tbody tr td.lt_num span {display:none}
	.lat .lat_title {position:absolute;left:50%;top:12%;margin-top:0;font-size:22px;font-weight:500}
	.lat .lt_play img {width:36px}
	.lat .lt_more {display:block;position:relative;top:auto;right:auto;margin:40px auto 20px;padding:8px 36px;width:110px;font-size:13px}
	.lat .songbook_img {display:block;float:left;max-width:48%}
	.lat .songbook_img img {width:100%}
}
@media(max-width:580px){
	.lat .lat_title {top:7%}
}