@charset "utf-8";
/* 새글 스킨 (latest) */
.lt {position: relative; padding-top:50px; max-width: 1200px; margin: 0 auto;}
.lt .lt_title {display: none;}
.lt .lt_more {display: none;}
.clearfix { padding: 30px 20px 30px 20px !important; border: none !important; }
.lt .a-item {padding: 0; border:0; background-color:#fff; width:100%; min-height: 390px;word-break: break-all; position:relative;}
.lt .a-item .img-box { position:relative; overflow:hidden; cursor:pointer}
.lt .a-item .img-box img { -webkit-transform: scale(1); transform: scale(1);transition: all 0.5s ease;-webkit-transition: all 0.5s ease; width:100%; border: 1px solid #eee;}
.lt .a-item .img-box img:hover { -webkit-filter:brightness(0.6); filter:brightness(0.6);}
.lt .a-item .info {text-decoration: none;}
.lt .a-item .info .subject { font-weight:500; font-size:17px;}
.lt .a-item .info .substance {color:#555; margin-top:15px; font-size:16px; line-height:1.6;}
.lt .a-item .info .time {color:tomato; font-size:0.9em;text-align:right;}
.lt .a-item .more {width: 141px;margin:20px 0 0; border: 1px solid #ddd;padding: 14px 0 14px 0; line-height:14px; font-size:14px; background: none; float:left; display:none}
.lt .a-item .more:hover {background-color: #001e3a;color: #FFF;cursor: pointer;opacity: 1;transition: all 0.5s;}

.lt .a-item .arrow { position: absolute; width: 60px; height: 60px; background-color: #008ccf; color:#fff; right: 0; top: 290px; display: block; text-align: center;    transition: all 0.2s; z-index:1 }
.lt .a-item .arrow a { width:60px; height:60px; display:block}
.lt .a-item .arrow:hover {width: 140px; transition: all 0.3s; background-color:#d1d3d4;  color:#333; cursor:pointer} 
.lt .a-item .arrow img { position: absolute; top: 50%; margin-top: -5px; right: 18px;width: initial; }
.lt .a-item .arrow span {filter: alpha(opacity=0); opacity: 0; position: absolute;  color: #fff; right: 60px; line-height: 60px; font-size: 13px; padding:0 0 0 10px; letter-spacing: -0.5px; font-weight: 300; }
.lt .a-item .arrow:hover span   { filter: alpha(opacity=100); opacity: 1;  }




@media screen and (max-width:640px) {
.lt .a-item .arrow { top:252px}
}