@charset "utf-8";

/* 새글 스킨 (latest) */
.lat_photo {position:relative;}
.lat_photo .lat_title {display:block;margin:0 0 20px 0;}
.lat_photo .lat_title a {display:block;font-size:16px;font-weight:700;line-height:30px;border-bottom:solid 1px #eee;}

.lat_photo .lt_more {display:block;position:absolute;right:0;top:0;color:#999;font-size:12px;line-height:30px;}
.lat_photo .lt_more i {font-size:10px;vertical-align:baseline;}

.lat_photo .lat_flex {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;width:100%;}
.lat_photo .lat_flex_item {flex:auto;flex-grow:0;width:calc(20% - 16px);vertical-align:top;}
.lat_photo .lat_flex_item:last-child {display:none;}

.lat_photo .thumb {display:block;position:relative;margin:0 0 20px 0;border-radius:var(--radius);overflow:hidden;}
.lat_photo .thumb img {width:100%;height:auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.lat_photo .thumb a {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.lat_photo .thumb a span {display:block;position:absolute;left:0;top:50%;right:0;color:#fff;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.lat_photo .thumb a span i {font-size:36px;}

.lat_photo .item:hover .thumb img{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.lat_photo .item:hover .thumb a {opacity:1;}

.lat_photo a.lat_title {display:block;margin:0 0 8px 0;font-weight:400;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.lat_photo a.lat_title strong {font-weight:600;}
.lat_photo a.lat_title i {font-size:16px;}
.lat_photo a.lat_title i.xi-new {color:#f00001;}
.lat_photo .lt_cmt {color:#f00001;font-size:12px;font-weight:500;}


.lat_photo .lt_info {display:block;margin:8px 0 0 0;line-height:20px;}
.lat_photo .lt_info:after {display:block;visibility:hidden;clear:both;content:""}
.lat_photo .lt_info .lt_nick,
.lat_photo .lt_info .lt_date,
.lat_photo .lt_info .lt_view {display:block;}
.lat_photo .lt_info .lt_nick {margin:0 0 8px 0;}
.lat_photo .lt_info .lt_date,
.lat_photo .lt_info .lt_view {color:#666;font-size:13px;}
.lat_photo .lt_info .lt_date {float:left;margin:0 8px 0 0;}
.lat_photo .lt_info .lt_view {float:left;}
.lat_photo .lt_info .lt_view i {font-size:14px;vertical-align:baseline;}
.lat_photo .profile_img img {width:20px;height:auto;border-radius:50%;}

@media screen and (max-width:1280px) {
.lat_photo .lat_flex {display:flex;align-content:flex-start;justify-content:space-around;}
.lat_photo .lat_flex_item {width:calc(33.33% - 13.33px);margin:0 0 20px 0;}
.lat_photo .lat_flex_item:last-child {display:block;}
}

@media screen and (max-width:768px) {
.lat_photo .lat_flex_item {width:calc(50% - 10px);margin:0 0 20px 0;}
}