@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative; width:100%; max-width:840px; overflow: hidden;
    }
.lt ul {margin:0; padding:0; list-style:none; }
.lt h2 {font-size:48px; color:#0068b7; margin-bottom:20px;}
.lt h2 a {color:inherit;}
.lt li {list-style: none;
    height: 42px;            /* 한 줄 높이 - 필요하면 34~40으로 조절 */
    padding: 0 6px;          /* 좌우 여백 조금 */
    overflow: hidden;
    
    display: flex;
    align-items: center;
    box-sizing: border-box;display: flex;justify-content: space-between; }
	.lt li p{display: flex; align-items: center;}
	.lt li p i{color: #999;}
.lt li a {position:relative; display:block; font-size:16px; padding:0 15px; color:#555; 
	word-break:keep-all; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lt li a:before {}
.lt li a:hover {color:#333; padding-left:30px;}
.lt li a:hover:before {width:18px;}
.lt li a strong {font-weight:500; color:#111;}
.lt li a p{flex: 1 1 auto; 
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.lt li .lt_date {color:#999; font-size:17px; font-weight:300;flex: 0 0 auto;
    margin-left: 8px;
    white-space: nowrap;
    font-size: 0.85em;   /* 필요시 더 작게 조절 */
    opacity: 0.8;   }
.lt li.empty_li {display:block; width:100%; font-size:16px; padding:50px 0; text-align:center; color:#999;}

.lt .noti_icon {color:#23553e; margin-right:5px; font-weight:500;}
.lt .new_icon {display:inline-block; color:#0068b7; text-align:center;vertical-align:middle;font-size:12px; font-weight:500;}

.lt .lt_more {position:absolute; top:14px; right:5px;}
.lt .lt_more i {font-size:22px; color:#ccc; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lt .lt_more:hover i {color:#0068b7; transform:rotate(90deg);}



 @media (max-width: 1399px){
	
 }
 
 @media (max-width: 1199px){
	.lt {width:65%; max-width:100%;}
	.lt h2 {font-size:28px;}
	.lt li {display:block;}	
	.lt li .lt_date {padding:5px 15px 0;}
 }
 
 @media (max-width: 969px){
	.lt {width:100%;}
	.lt h2 {font-size:25px;}
	.lt li {display:flex; margin:4px 0; padding: 10px 0;}	
	.lt li a {font-size:16px;}
	.lt li a:before {top:12px;}
	.lt li .lt_date {padding:0; font-size:15px;}
	
 }
 
 @media (max-width: 639px){
	.lt h2 {font-size:20px; margin-bottom:10px;}
	.lt li {margin:5px 0; padding:5px 0;height: 30px;}	
	.lt li a {font-size:14px; padding:0;}
	.lt li a:hover {padding:0;}
	.lt li a:before {display:none;}
	.lt li .lt_date {padding:5px 0 0; font-size:13px;}
	.lt .new_icon {font-size:10px;}
	.lt .lt_more {top:5px;}
	.lt .lt_more i {font-size:19px;}
	
 }