@charset "utf-8";

/* 레이아웃 컨테이너 */
.ltt { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; position: relative; }
.ltt_header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.ltt .lt_title { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 700; color: #000; text-decoration: none; }
.ltt .cb_section_line { width: 48px; height: 4px; background-color: #3a8afd; border-radius: 999px; margin-top: 8px; }
.ltt .lt_more { font-size: 14px; font-weight: 700; color: #666; text-decoration: none; }

/* 리스트 아이템 (핵심 수정 부분) */
.ltt .latest-sel { margin-top: 10px; }
.ltt ul {list-style: none;padding: 0;margin: 0;background: #fff;border-top: 1px solid #e5ecee;}
.ltt ul li { 
    padding: 15px 0; 
    border-bottom: 1px solid #e5ecee; 
    display: flex; 
    align-items: center; /* 세로 중앙 정렬 */
}
.ltt ul li:last-child { border-bottom: 0; }

/* 썸네일 설정 */
.ltt .lt_thumb { flex-shrink: 0; margin-right: 15px; display: block; }
.ltt .lt_thumb img {/* width: 138px !important; *//* height: 80px !important; */object-fit: cover;border-radius: 4px;display: block;}

/* 텍스트 영역 */
.ltt .lt_content_wrap { flex-grow: 1; min-width: 0; overflow: hidden; }
.ltt .lt_tit { 
    display: block; 
    font-size: 1.1rem; 
    font-weight: bold; 
    color: #333; 
    line-height: 1.4; 
    margin-bottom: 4px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-decoration: none;
}
.ltt .lt_researcher_bio { font-size: 0.9rem; color: #666; margin: 0; line-height: 1.4; }

/* 페이지네이션 (이전/다음 버튼) */
.lt_page { display: flex; justify-content: center; align-items: center; padding: 15px 0; gap: 15px; background: #fff; border-bottom: 1px solid #e5ecee; }
.lt_page button { background: #fff; width: 30px; height: 30px; border: 1px solid #dbdee6; color: #999; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.lt_page span { color: #666; font-size: 14px; }
.lt_page b { color: #000; }

/* 반응형 모바일 (768px 이하) */
@media (max-width: 768px) {
    .ltt { padding: 0 15px; }
    .ltt_header { margin-bottom: 15px; }
    .ltt .lt_title { font-size: 1.2rem; }
    .ltt .lt_thumb img {width: 100px !important;height: auto;border-radius: 50%; } /* 모바일에서 썸네일 작게 */
    .ltt .lt_tit { font-size: 1rem; }
}


@media (min-width: 1024px) {

 .ltt .lt_title { font-size: 30px; }

    /* PC에서는 슬라이드가 아니므로 모든 아이템이 보이게 설정 */
    .ltt .latest-sel { display: block !important; }
    .ltt .latest-sel ul.item {
        display: flex; /* 가로로 나열 */
        flex-wrap: wrap; /* 자리가 부족하면 다음 줄로 */
        gap: 20px;
        border: 0;
    }
/* PC에서 가로 5줄 배열 (마진/간격을 제외한 너비 계산) */
@media (min-width: 1024px) {
    .ltt .item li {
        width: calc((100% - (20px * 5)) / 6);
        margin-bottom: 30px;
        background: #fff;
        border-radius: 20px; /* 전체 카드 모서리 곡률 */
        overflow: hidden;
        text-align: center; /* 텍스트 중앙 정렬 */
        display: flex;
        flex-direction: column;
    }
}

/* 썸네일 이미지 스타일 (상단 라운드 처리) */
.ltt .lt_thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1; /* 정사각형 유지 */
    overflow: hidden;
    border-radius: 60px; /* 이미지 상단 둥글게 */
}

.ltt .lt_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center top;
    transition: transform 0.3s ease;
}

.ltt .lt_thumb:hover img {
    transform: scale(1.05); /* 마우스 호버 시 살짝 확대 */
}

/* 텍스트 정보 영역 */
.ltt .lt_content_wrap {
  /* 가로 너비 고정 설정 */
    width: 100%; 
    box-sizing: border-box; /* 패딩이 너비에 포함되도록 설정하여 삐져나감 방지 */

    padding: 15px 10px;
    background: #f8f9fa; 
    margin-top: 10px;
    border-radius: 15px;
    
    /* 세로 높이 수평 맞춤 설정 */
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
}

/* 이름 (제목) 스타일 */
.ltt .lt_tit {
   font-size: 1.2rem;
    font-weight: 800;
    color: #1a1a1a;
    margin: 0;
}

/* 박사/소속 등 정보 스타일 */
.ltt .lt_researcher_bio {
    font-size: 0.9rem;
    color: #555; 
    line-height: 1.7; 
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
}

    .ltt ul li { 
 
    border-bottom: 0;


}

.ltt .lt_thumb { margin-right:0;  }
    /* PC에서는 숨겨졌던 2번째 이후의 <ul>(item)들도 다시 보여줌 */
    .ltt .latest-sel .item {/* display: flex !important; */} 

    .ltt .wr_content {font-size: 1.0rem; font-weight: 600; color: #122f71; }
}