@charset "utf-8";
/* 새글 스킨 (latest) */
.lt {position: relative; padding-top:50px}
.lt .lt_title {display: none;}
.lt .lt_more {display: none;}
.lt .a-item {padding: 0; border:0; background-color:#fff; width:100%; min-height: 308px;word-break: break-all; position:relative}
.lt .a-item .txt_box {border:0px solid #ddd; padding:20px 20px; position: relative; z-index: 2; margin-top: -30px; margin-left: 10px; width: 75%; background-color: #fff;box-shadow: 3px 3px 10px -1px #f5f5f5; margin-bottom: 0px;}
.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 1s ease;-webkit-transition: all 1s ease; width:100%}
.lt .a-item .img-box img:hover { -webkit-transform: scale(1.1); transform: scale(1.1);}
.lt .a-item .info {text-decoration: none;}
.lt .a-item .info .subject { font-weight:500; font-size:16px;}
.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: #043763; color:#fff; right: 0; bottom: 9px; display: flex; align-items: center; text-align: center;    transition: all 0.2s; z-index:3 }
.lt .a-item .arrow a { width:60px; height:60px; display:block}
.lt .a-item .arrow:hover {width: 140px; transition: all 0.3s; background-color:#40925c;  color:#fff; cursor:pointer} 
.lt .a-item .arrow img { position: absolute; top: 50%; margin-top: -5px; right: 18px;width: initial; max-width: 21px;}
.lt .a-item .arrow span {filter: alpha(opacity=0); opacity: 0; position: absolute;  color: #fff; right: 60px;  font-size: 14px; 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:300px}
}