@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {position:relative;margin-top:20px; width:100%;; overflow: hidden;}

.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt li {float:left; width:23%; margin:0 1%; min-height: 33rem;}
.pic_lt li .lt_img {display:block; overflow:hidden;}
.pic_lt li .lt_img img {width:100%;height:auto;-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.pic_lt li .lt_img:hover img {-webkit-transform: scale(1.2);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.pic_lt li a {font-size:1.8rem; min-height: 10rem; color:#1f1f1f; line-height:1.4; text-align:left; word-break: keep-all; margin-bottom: 1rem;}
.pic_lt li a:hover {color:#a22121}

.pic_lt li.empty_li {line-height:145px ;color:#666;text-align:center;padding:0; width:100%;}
.pic_lt li.empty_li:before {background:none;padding:0}

@media screen and (max-width: 840px) {    
    .pic_lt li {float:left; width:48%; margin:0 1% 3rem; min-height: 27rem;}
}
@media screen and (max-width: 640px) {    
    .pic_lt li a {font-size:1.5rem}
}
@media screen and (max-width: 480px) {    
    .pic_lt li {min-height: 24rem;}
}