@charset "utf-8";


.pic_lt2 ul{ display: flex; flex-wrap: wrap; }
.pic_lt2 ul li{ position: relative; width: 350px; margin-right: 25px; }
.pic_lt2 ul li > .gall_chk{ position: absolute; left: 10px; top: 10px; z-index: 10; }
.pic_lt2 ul li > a{ display: block; }
.pic_lt2 ul li > a .imgBox{ position: relative; width: 100%; height: 170px; overflow: hidden; }
.pic_lt2 ul li > a .imgBox > img{ width: 100%; transition: all 0.7s ease-out; }
.pic_lt2 ul li > a .txtBox{ position: relative; width: 100%; padding: 20px 20px 30px; background: #f4f4f4; }
.pic_lt2 ul li > a .txtBox::before{ position: absolute; bottom: 0; right: 0; width: 0; height: 0;  border-bottom: 40px solid #fff; border-left: 35px solid transparent; content: ''; display: block; z-index: 10; transition: all 0.4s; }
.pic_lt2 ul li > a .txtBox dl dt{ font-size: 12px; font-weight: 400; color: #aaa; margin-bottom: 10px; text-transform: uppercase; }
.pic_lt2 ul li > a .txtBox dl dd{ font-size: 16px; font-weight: 500; color: #222; letter-spacing: -0.5px; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
.pic_lt2 ul li > a .txtBox span{ display: block; font-size: 11px; font-weight: 400; color: #aaa; margin-top: 25px; }
/* ? hover */
.pic_lt2 ul li > a:hover .imgBox > img{ transform: scale(1.05); }
.pic_lt2 ul li > a:hover .txtBox::before{ border-width: 0; }


/*! MOBILE  */
@media screen and (max-width: 767px){ 

    .pic_lt2 ul li{ width: 49%; margin-right: 2%; }
    .pic_lt2 ul li:nth-of-type(2n){ margin-right: 0; }
    .pic_lt2 ul li:nth-of-type(n+3){ margin-top: 20px; }
    .pic_lt2 ul li > a .imgBox{ height: 28vw; min-height: 90px; }
    .pic_lt2 ul li > a .txtBox{ padding: 15px 15px 20px; }
    .pic_lt2 ul li > a .txtBox::before{ border-bottom: 25px solid #fff; border-left: 20px solid transparent; }
    .pic_lt2 ul li > a .txtBox dl dt{ font-size: 10px; margin-bottom: 5px; }
    .pic_lt2 ul li > a .txtBox dl dd{ font-size: 13px; line-height: 21px; height: 42px; }
    .pic_lt2 ul li > a .txtBox span{ font-size: 10px; margin-top: 15px; }

}

/*! TABLET  */
@media screen and (min-width:768px) and (max-width: 1199px){ 

    .pic_lt2 ul li{ width: 32%; margin-right: 2%; }
    .pic_lt2 ul li:nth-of-type(3n){ margin-right: 0; }
    .pic_lt2 ul li:nth-of-type(n+4){ margin-top: 40px; }
    .pic_lt2 ul li > a .imgBox{ height: 19vw; }
    .pic_lt2 ul li > a .txtBox{ padding: 25px 25px 30px; }
}

/*! PC  */
@media screen and (min-width: 1200px){ 

    .pic_lt2 ul li{ width: 260px; margin-right: 20px; }
    .pic_lt2 ul li:nth-of-type(4n){ margin-right: 0; }
    .pic_lt2 ul li:nth-of-type(n+5){ margin-top: 40px; }

}