@charset "utf-8";

/* 최신글 전체 영역 */
.pf_lt_wrapper { width: 100%; margin: 10px 0; padding:0 30px; font-family: 'Malgun Gothic', dotum, sans-serif; }  /* ★ padding:0 25px; */
.pf_lt_wrapper .lat_title { font-size: 16px; font-weight: bold; color: #9474BF; margin: 0 0 15px 5px; }

/* 전체보기 버튼 */
.lt_more {
    position:static; 
    display:inline-block;
    color:#3a8afd;
    background:#fff;
    border:1px solid #d1d7e5;
    font-size:0.925em;
    border-radius:3px;    
    padding:3px 6px;
    z-index:1
}

/* 리스트 레이아웃 */
.pf_lt_list { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; /* ★ gap: 15px; */
    justify-content: flex-start;
    clear: both;
}

/* 각 카드 아이템 */
.pf_lt_item { 
    flex: 0 1 calc(50% - 8px); 
    border: 1px solid #ddd; 
    border-radius: 35px; 
    overflow: hidden; 
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* 이미지 박스 */
.pf_lt_thumb_box { position: relative; width: 100%; overflow: hidden; background: #f9f9f9; }
.pf_lt_img { width: 100%; height: auto; display: block; transition: 0.3s; }
.pf_lt_item:hover .pf_lt_img { transform: scale(1.05); }

/* 별점 태그 수정 */
.pf_lt_rating_tag { 
    position: absolute; top: 7px; right: 6px; 
    background: rgba(255,255,255,1); padding:0px 6px; /* 좌우 패딩 7px -> 6px로 축소 */
    border-radius: 20px; border: 1px solid #ddd;
    display: flex; align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.pf_lt_rating_tag img { 
    height: 11.5px !important; /* !important를 추가하여 강제 적용 */
    width: auto !important; /* 비율이 깨지지 않도록 가로 사이즈 자동 맞춤 */
    margin-right: 3px; /* 텍스트와의 간격 4px -> 3px로 축소 */
    border:0; 
    /* 빨간색(0deg) -> 보라색(#8A32FF, 약 265deg) 변환 필터 */
    filter: hue-rotate(265deg) brightness(1.1); 
}

.pf_lt_rating_tag span { 
    font-family:'Georgia',Verdana, serif;
    font-size: 11px; /* 숫자 폰트 크기 11px -> 10px로 축소 */
    font-weight: bold; 
    color: #E53935; /* 텍스트 색상 직접 지정 */
}

/* 내용 텍스트 영역 */
.pf_lt_content { padding: 12px; }
.pf_lt_subject { 
    display: block; font-size: 13.5px; font-weight: bold; color: #333; 
    margin-bottom: 8px; text-decoration: none;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* 상세 정보 라인 */
.lt_info { font-size: 12px; color: #666; margin-bottom:5px; display: flex; justify-content: space-between; align-items: center; }
.lt_url { margin-left:20px;  font-size: 1.1em; color: #888; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:80%; }
.lt_date { padding-right:10px; font-size:1.0em; color:#888;}

/* 진행바 스타일 */
.pf_lt_progress_container { display: flex; align-items: center; gap: 8px; }
.lt_progress_bar_bg { flex: 1; height: 7px; background: #eee; border-radius: 10px; overflow: hidden; }
.lt_progress_bar_fill { height: 100%; background: linear-gradient(90deg, #AE6AFF, #8A32FF); border-radius: 10px; }
.lt_progress_text { font-family:'Georgia',Verdana, serif; font-size: 13px; font-weight: bold; color: #E53935; min-width: 40px; text-align: right; }

/* 데이터 없을 때 */
.empty_li { width: 100%; padding: 50px 0; text-align: center; color: #999; border: 1px dashed #ccc; }

/* 모바일 대응 */
@media (max-width: 600px) {
    .pf_lt_item { flex: 0 1 100%; }
}