@charset "utf-8";

.lt_yt_skin { position:relative; margin:0 0 10px; background:#fff !important; }
.lt_yt_skin .lt_header { display:flex; justify-content:space-between; align-items:center; padding:5px 15px; border-bottom:1px solid #f2f2f2; }

/* 제목 앞 아이콘 */
.lt_yt_skin .lt_title { font-size:14px; color:#000; text-decoration:none; display:flex; align-items:center; }
.lt_yt_skin .yt_title_icon { 
    color:#ff0000; 
    font-size:16px; 
    margin-right:6px; 
    vertical-align:middle;
}

.lt_yt_skin .lt_more { font-size:11px; color:#888; text-decoration:none; border:1px solid #eee; padding:2px 5px; border-radius:3px; }

/* 리스트 레이아웃 (Flexbox) */
.lt_yt_skin ul { 
    list-style:none; 
    padding:0 15px !important; 
    margin:0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* ★★★ 세로 간격 최적화 (Padding 4px / Min-height 60px) ★★★ */
.lt_yt_skin ul li { 
    /* ★ 상하 여백을 4px로 아주 타이트하게 조정 */
    padding: 7px 0 !important; 
    
    border-bottom:1px solid #f2f2f2 !important; 
    
    /* 썸네일 높이(60px)에 맞춰 최소 높이도 줄임 */
    min-height: 60px; 
    
    width: 100%;            
    box-sizing: border-box; 
    display: flex;          
    align-items: center;    
}

.lt_yt_skin ul li:last-child { border-bottom:0 !important; }

/* 반응형: 화면 폭 600px 이상일 때 2단 배치 */
@media (min-width: 600px) {
    .lt_yt_skin ul li {
        width: 49%; 
    }
}

/* ★★★ 썸네일 높이 60px로 축소 (PHP 설정과 통일) ★★★ */
.lt_yt_skin .lt_thumb {
    position:relative; 
    display:flex; justify-content:center; align-items:center;
    flex-shrink: 0; 
    margin-right:12px; 
    width:115px; 
    height:60px; /* 70px -> 60px 로 줄여서 슬림하게 */
    background:#000; border-radius:8px; overflow:hidden;
}
.lt_yt_skin .lt_thumb img {
    position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;
}
.lt_yt_skin .lt_thumb.is_yt img { transform: scale(1.3); }

/* 유튜브 재생 아이콘 */
.lt_yt_skin .yt_play_icon {
    position:relative; z-index:10;
    width:28px; height:20px; /* 아이콘 크기도 살짝 줄여 비율 맞춤 */
    background: rgba(255, 0, 0, 0.95);
    border-radius: 5px; 
    display:flex; justify-content:center; align-items:center;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.lt_yt_skin .yt_play_icon i {
    color:#fff; font-size:10px; margin-left:1px;
}

/* 텍스트 영역 */
.lt_yt_skin .lt_content_box {
    flex-grow: 1; 
    overflow: hidden; 
}

/* 제목 글자 */
.lt_yt_skin .lt_tit { 
    display:block; 
    font-size:14.2px; 
    font-weight:bold; 
    color:#333; 
    text-decoration:none; 
    margin-bottom:2px; /* 제목 아래 여백 축소 */
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    line-height:1.2;
}

.lt_yt_skin .lt_info {display:inline-block;position:relative;padding-left:7px; line-height:17px;color:#828282;font-size:0.925em;vertical-align:middle}
.lt_yt_skin .lt_date {color:#828282}