@charset "utf-8";

/* 새글 스킨 (latest) - 다크모드 지원 */
.pic_lt {position:relative;margin:0;background:var(--bg-primary)}
.pic_lt .lat_title {display:block;margin-top: -20px;margin-bottom: -15px;line-height:40px;font-size:1.2em;color:var(--accent-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pic_lt .lat_title a {color:var(--text-secondary);display:inline-block;position:relative}

.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:var(--text-secondary);border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover {color:var(--text-primary)}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {margin:0 -5px;padding:0;list-style:none}
.pic_lt li {position:relative;float:left;width:50%;padding:5px;box-sizing:border-box}
.pic_lt li:nth-child(2n+1) {clear:both}

/* .pic_lt a {margin:7px 0;}

.pic_lt .lt_img {display:block;position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}
.pic_lt .lt_img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px;} */

/* 유튜브 썸네일 스타일 */
/* .pic_lt .youtube-thumb {display:block;position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;cursor:pointer}
.pic_lt .youtube-thumb img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px;}
.pic_lt .youtube-thumb::after {content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M8 5v14l11-7z"/></svg>') no-repeat center/contain;opacity:0.8;transition:opacity 0.2s}
.pic_lt .youtube-thumb:hover::after {opacity:1} */

/* .pic_lt .lt_txt {padding:5px 0}
.pic_lt .lt_tit {display:block;font-size:14px;line-height:1.4;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pic_lt .empty_li {float:none;padding:20px 0;text-align:center;color:#666}

.pic_lt .profile_img img{border-radius:50%} */

.lt_info {padding:10px 0}
.lt_info .lt_nick {color:var(--text-primary)}
.lt_info .lt_date {color:var(--text-secondary)}

.pic_lt .lt_cmt {background:var(--bg-secondary);color:var(--text-secondary);font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt .lt_more {position:absolute;top:9px;right:0;display:block;width:40px;line-height:25px;color:var(--text-secondary);border-radius:3px;text-align:center}
.pic_lt .lt_more:hover {color:var(--text-primary)}

/* 쇼츠 최신글 */
.lt_shorts {margin:0 -5px}
.lt_shorts ul {margin:0;padding:0;list-style:none;}
.lt_shorts li {position:relative;float:left;width:50%;padding:0 5px 20px;box-sizing:border-box}
.lt_shorts li:nth-child(2n) {margin-right:0}
.lt_shorts .shorts-thumb {position:relative;width:100%;padding-bottom:177.78%;background:var(--bg-primary);overflow:hidden;cursor:pointer;border-radius:5px;margin:0}
.lt_shorts .shorts-thumb .thumb_img {position:absolute;top:0;left:0;width:100%;height:100%;display:block;margin:0;padding:0}
.lt_shorts .shorts-thumb .thumb_img img {width:100%;height:100%;object-fit:cover;object-position:center center;display:block;margin:0;padding:0}
.lt_shorts .shorts-thumb .play-button {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s;z-index:1}
.lt_shorts .shorts-thumb .play-button i {color:#fff;font-size:24px;margin-left:4px}
.lt_shorts .shorts-thumb:hover .play-button {background:rgba(0,0,0,0.9)}
.lt_shorts .shorts-thumb .no_image {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-secondary);color:var(--text-secondary);font-size:14px}
.lt_shorts .shorts_info {margin-top:10px}
.lt_shorts .bo_cate_link {display:inline-block;background:var(--bg-secondary);color:var(--text-secondary);font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em;margin-bottom:5px}
.lt_shorts .lt_tit {display:block;font-weight:bold;color:var(--text-primary);font-size:1.1em;line-height:1.4;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lt_shorts .lt_info {color:var(--text-secondary);font-size:0.9em}
.lt_shorts .lt_nick {margin-right:10px}
.lt_shorts .empty_li {padding:50px 0;text-align:center;width:100%;color:var(--text-secondary)}