@charset "utf-8";

.pic_lt{
    position:relative;
    width:100%;
    background:transparent;
}

.pic_lt *{
    box-sizing:border-box;
}

.pic_lt_list{
    display:flex;
    flex-wrap:wrap;
    gap:38px;
    margin:0;
    padding:0;
    list-style:none;
}

.pic_lt_item{
    width:calc((100% - 76px) / 3);
    margin:0;
    padding:0;
}

.pic_lt_link{
    display:block;
    text-decoration:none;
}

.pic_lt_thumb{
    position:relative;
    width:100%;
    aspect-ratio:210 / 297;
    border-radius:28px;
    overflow:hidden;
    background:#f3f3f3;
}

.pic_lt_thumb img{
    object-fit:contain;
    object-position:center center;
    background:#f3f3f3;
}

.pic_lt_link:hover .pic_lt_thumb img{
    transform:scale(1.04);
}

.pic_lt_txt{
    padding:20px 8px 0;
    text-align:center;
}

.pic_lt_subject{
    display:block;
    margin:0;
    font-size:19px;
    font-weight:700;
    line-height:1.45;
    color:#222222;
    letter-spacing:-0.03em;
    word-break:keep-all;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.pic_lt_date{
    display:block;
    margin-top:10px;
    font-size:15px;
    font-weight:500;
    line-height:1.3;
    color:#a7a7a7;
    letter-spacing:-0.01em;
}

.pic_lt_empty{
    width:100%;
    padding:80px 20px;
    font-size:17px;
    font-weight:500;
    line-height:1.5;
    color:#777777;
    text-align:center;
    background:#f8f8f8;
    border-radius:24px;
}

@media (max-width:1280px){
    .pic_lt_list{
        gap:24px;
    }

    .pic_lt_item{
        width:calc((100% - 48px) / 3);
    }

    .pic_lt_thumb{
        border-radius:24px;
    }

    .pic_lt_subject{
        font-size:17px;
    }

    .pic_lt_date{
        font-size:14px;
    }
}

@media (max-width:991px){
    .pic_lt_list{
        gap:22px;
    }

    .pic_lt_item{
        width:calc((100% - 22px) / 2);
    }

    .pic_lt_thumb{
        border-radius:22px;
    }

    .pic_lt_txt{
        padding:16px 4px 0;
    }

    .pic_lt_subject{
        font-size:17px;
    }
}

@media (max-width:640px){
    .pic_lt_list{
        gap:18px;
    }

    .pic_lt_item{
        width:100%;
    }

    .pic_lt_thumb{
        border-radius:18px;
    }

    .pic_lt_txt{
        padding:14px 2px 0;
    }

    .pic_lt_subject{
        font-size:16px;
    }

    .pic_lt_date{
        margin-top:8px;
        font-size:13px;
    }

    .pic_lt_empty{
        padding:50px 16px;
        font-size:15px;
        border-radius:18px;
    }
}