@charset "utf-8";
/* 새글 스킨 (latest) */

.thumb {position:relative;margin-bottom:20px; overflow:hidden;}
.thumb .lat_title {display:none;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#333;  }
.thumb .lat_title a{color:#333;display:inline-block;position:relative; font-size:1.313em}
.thumb .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}
.thumb ul{padding:15px 20px}
.thumb li:before{ display:none}
.thumb li a:hover{color:#3181cb}
.thumb li .fa-heart{color:#ff0000;}
.thumb li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.thumb li .new_icon{display:inline-block;width: 16px;line-height:16px; font-size:12px; vertical-align:top; margin:10px 0 0 10px; color:#ffff00;background:#ff3414;text-align:center;border-radius: 2px;}
.thumb li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px; margin-left:10px}
.thumb li .fa-caret-right{color:#bbb}
.thumb .photo img { border-radius:10px; width: 100% }

.thumb  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.thumb  .empty_li:before{background:none;padding:0}

.thumb .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;}
.thumb .lt_cmt .cnt_cmt { font-size:12px}
.thumb .cnt_cmt { font-size:12px}
.thumb .lt_more {position:absolute;top:11px;right:20px;display:none;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.thumb .lt_more:hover{color:#777}


.lt_date h3{color:#069deb; line-height:1em; font-weight:bold; font-size:65px; padding-bottom:5px; text-align:center}
.lt_date .date{color:#737373; font-size:18px; text-align:center}
.thumb li a { font-size:22px; color:#000; font-weight:bold; text-align:left; line-height:1.6;}
.thumb li p { overflow: hidden; text-overflow: ellipsis; text-align:left; line-height:1.5;  font-size:16px; padding-top:5px; color:#555; font-weight:300;}


/* 기본 스타일 (PC용) */
.thumb li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: flex-start;
}

.thumb .lt_date {
    flex: 0 0 80px; /* lt_date 영역의 너비를 80px로 고정 */
    margin-right: 20px;
}

.thumb .photo {
    flex: 0 0 auto;
    margin-right: 20px;
}

.thumb .photo img {
    max-width: 100%;
    height: auto;
}

.thumb li > div {
    flex: 1;
}

/* 모바일용 스타일 */
@media (max-width: 640px) {
    .thumb li {
        flex-direction: column;
        padding: 20px 0;
    }
    
    .thumb .lt_date {
        flex: none;
        margin-right: 0;
        margin-bottom: 10px;
        padding-left: 10px
    }
    
    .thumb .photo {
        margin-right: 0;
        padding: 0;
        width: 100%; 
    }
    
    .thumb .photo img {
        width: 100%; 
        height: auto; 
        border-radius: 10px; 
    }
    
    .thumb li > div {
        order: 3;
        margin-top: 20px
    }
    
    .lt_date h3 { 
        font-size: 35px;
        text-align: left;
    }
    
    .thumb ul { 
        padding: 0;
    }
    
    .thumb li a { 
        overflow: hidden; 
        text-overflow: ellipsis; 
        font-size: 20px;
    }
    
    .thumb li p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 3em;
    }
}