@charset "utf-8";

.tls_latest_projects {width:100%;}
.tls_latest_projects .latest_list {display:flex; flex-wrap:wrap; margin:0;}
.tls_latest_projects .latest_list .latest_item {width:33.33333%; padding:0; position:relative;}
.tls_latest_projects .latest_list .latest_item .lt_img {display:block; position:relative; overflow:hidden;}
.tls_latest_projects .latest_list .latest_item .img_wrap {position:relative; padding-bottom:75%; overflow:hidden;}
.tls_latest_projects .latest_list .latest_item .img_wrap img {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    object-fit:cover; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tls_latest_projects .latest_list .latest_item .img_wrap .bg {
    background-color:#000; 
    opacity:0; 
    position:absolute; 
    width:100%; 
    height:100%; 
    top:0;
    left:0; 
    z-index:1; 
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.tls_latest_projects .latest_list .latest_item .txt_wrap {
    width:100%;
    height:100%; 
    position:absolute; 
    top:0; 
    left:0; 
    box-sizing:border-box;
    overflow:hidden; 
    display:table;
    padding:40px;
    color:#fff;
    opacity:0; 
    z-index:2; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tls_latest_projects .latest_list .latest_item .txt_wrap .cell {display:table-cell; vertical-align:middle; text-align:center;}
.tls_latest_projects .latest_list .latest_item .txt_wrap .cell h2 {font-size:24px; color:#fff; margin:0; font-weight:bold;}
.tls_latest_projects .latest_list .latest_item .txt_wrap .cell p {font-size:16px; letter-spacing:-0.02em; color:#fff; opacity:0.8; margin-top:10px;}

/* 호버 효과 */
.tls_latest_projects .latest_list .latest_item:hover .img_wrap img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.tls_latest_projects .latest_list .latest_item:hover .img_wrap .bg {opacity:0.6;}
.tls_latest_projects .latest_list .latest_item:hover .txt_wrap {opacity:1;}

.tls_latest_projects .empty_li {width:100%; padding:50px 0; text-align:center; color:#888;}

/* 모바일 스타일 */
@media screen and (max-width: 768px) {
    .tls_latest_projects .latest_list .latest_item {
        width: 100%;
    }
    .tls_latest_projects .latest_list .latest_item .txt_wrap {
        padding: 20px;
    }
    .tls_latest_projects .latest_list .latest_item .txt_wrap .cell h2 {
        font-size: 20px;
    }
    .tls_latest_projects .latest_list .latest_item .txt_wrap .cell p {
        font-size: 14px;
    }
}