@charset "utf-8";

/* 갤러리 latest */
.pic_lt{
    position:relative;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:20px;
    padding:22px 22px 20px;
    box-shadow:0 8px 24px rgba(0,0,0,.04);
    margin-bottom:20px;
}

.pic_lt_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}

.pic_lt .lat_title{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    line-height:1.2;
    font-size:18px;
    font-weight:700;
    color:#111;
}

.pic_lt .lat_title a{
    color:#111;
    text-decoration:none;
}

.pic_lt .lat_icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#7b61ff;
    line-height:1;
}

.pic_lt .lt_more{
    flex:0 0 auto;
    color:#000;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
}

.pic_lt .lt_more:hover{
    color:#08749b;
}

/* 2열 */
.pic_lt_list{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px 22px;
    margin:0;
    padding:0;
    list-style:none;
}

.pic_lt_list li{
    min-width:0;
}

.pic_lt .lt_img{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:16px;
    background:#f3f3f3;
    aspect-ratio: 16 / 10;
    margin-bottom:12px;
}

.pic_lt .lt_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.pic_lt li:hover .lt_img img{
    transform:scale(1.05);
}

.pic_lt .lt_txt{
    min-width:0;
}

.pic_lt .lt_subject{
    display:block;
    color:#222;
    font-size:15px;
    line-height:1.5;
	font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pic_lt .lt_subject:hover{
    color:#08749b;
}

.pic_lt .lt_date{
    display:block;
    margin-top:8px;
    color:#999;
    font-size:14px;
    line-height:1.4;
}

.pic_lt li .fa-lock{
    display:inline-block;
    line-height:14px;
    width:16px;
    font-size:12px;
    color:#4f818c;
    background:#cbe3e8;
    text-align:center;
    border-radius:2px;
    border:1px solid #a2c6ce;
    vertical-align:middle;
    margin-right:4px;
}

.pic_lt li .new_icon,
.pic_lt li .hot_icon{
    position:absolute;
    top:12px;
    left:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:0 6px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    z-index:2;
}

.pic_lt li .new_icon{
    color:#fff;
    background:#22c55e;
}

.pic_lt li .hot_icon{
    left:auto;
    right:12px;
    color:#fff;
    background:#ef4444;
}

.pic_lt .lt_cmt{
    display:inline-block;
    margin-left:6px;
    background:#e9eff5;
    color:#3a8afd;
    font-size:11px;
    height:16px;
    line-height:16px;
    padding:0 5px;
    border-radius:3px;
    vertical-align:middle;
}

.pic_lt .empty_li{
    grid-column:1 / -1;
    text-align:center;
    color:#777;
    padding:50px 0;
    border:0;
    background:none;
}

/* 반응형 */
@media (max-width: 991px){
    .pic_lt{
        padding:18px 18px 16px;
        border-radius:16px;
    }

    .pic_lt .lat_title{
        font-size:24px;
    }
}

@media (max-width: 767px){
    .pic_lt_list{
        grid-template-columns:1fr;
        gap:18px;
    }

    .pic_lt .lat_title{
        font-size:22px;
    }

    .pic_lt .lt_more{
        font-size:13px;
    }

    .pic_lt .lt_subject{
        font-size:15px;
    }

    .pic_lt .lt_date{
        font-size:12px;
    }
}