@charset "utf-8";

/* 최신글 전체 틀 (상하 여백만 15px 주고, 좌우 여백은 0으로 빼서 헤더가 넓게 퍼지게 함) */
.lt_guestbook { position:relative; margin-bottom:20px; background:#fff; border:1px solid #e1e1e1; border-radius:8px; padding:15px 0; box-shadow:0 2px 4px rgba(0,0,0,0.05); }

/* 리스트 좌우 여백 복구 */
.lt_guestbook ul { list-style:none; margin:0; padding:0 15px; }

/* =========================================
   상단 타이틀 영역 (float 방식을 이용한 완벽한 basic 스타일 정렬)
========================================= */
.lt_guestbook .lt_header { margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; }
.lt_guestbook .lt_header:after { display:block; visibility:hidden; clear:both; content:""; }

/* 제목 (회원님이 작성하신 html의 padding-left:15px 와 10.5pt 크기가 정확히 적용됩니다) */
.lt_guestbook .lt_title { float:left; color:#333; text-decoration:none; line-height:25px; }
.lt_guestbook .lt_title:hover { text-decoration:none; }
.lt_guestbook .lt_title i { margin-right:3px; vertical-align:middle; }

/* 전체보기 버튼 (제목의 왼쪽 여백 15px과 대칭되도록 오른쪽 여백 15px 줌) */
.lt_guestbook .lt_more { float:right; padding-right:15px; font-size:12px; color:#888; text-decoration:none; line-height:25px; }
.lt_guestbook .lt_more:hover { color:#333; font-weight:bold; }


/* =========================================
   게시물 목록 영역
========================================= */
/* 개별 리스트 아이템 */
.lt_guestbook li { display:flex; align-items:flex-start; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dashed #f0f0f0; }
.lt_guestbook li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }

/* 아바타 영역 */
.lt_guestbook .lt_avatar { width:45px; height:45px; border-radius:50%; overflow:hidden; background:#f5f5f5; flex-shrink:0; margin-right:12px; display:flex; justify-content:center; align-items:center; }
.lt_guestbook .lt_avatar img { width:100%; height:auto; display:block; }

/* 내용 및 작성자 정보 영역 */
.lt_guestbook .lt_content { flex-grow:1; overflow:hidden; }
.lt_guestbook .lt_content a { text-decoration:none; color:#555; display:block; margin-bottom:5px; }
.lt_guestbook .lt_content a:hover .lt_text { text-decoration:underline; color:#000; }
.lt_guestbook .lt_text { display:block; font-size:0.95em; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 하단 작성자 & 날짜 */
.lt_guestbook .lt_info { display:flex; justify-content:space-between; font-size:0.85em; color:#999; }

/* 빈 게시물 안내 */
.lt_guestbook .empty_li { display:block; text-align:center; padding:20px 0; color:#999; }


/* ===================================================
   모바일 반응형 디자인
==================================================== */
@media (max-width: 575px) {
    .lt_guestbook { padding:12px 0; }
    
    .lt_guestbook .lt_header { margin-bottom:10px; padding-bottom:8px; }
    /* 모바일에서는 들여쓰기 공간을 15px -> 10px로 약간 줄여 최적화 */
    .lt_guestbook .lt_title { padding-left:10px !important; } 
    .lt_guestbook .lt_more { padding-right:10px; font-size:11px; }
    
    .lt_guestbook ul { padding:0 10px; }
    .lt_guestbook .lt_avatar { width:38px; height:38px; margin-right:10px; }
    .lt_guestbook .lt_text { font-size:0.9em; }
    .lt_guestbook .lt_info { font-size:0.8em; }
}