@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative; width:100%; max-width:1200px;}
.lt h2 a.lt_title{font-size:25px; color:#fff; font-weight:500;display: none;}
.lt ul {margin:20px 0 0; padding:0; list-style:none; border-top:2px solid #fff;}
.lt li {width:100%; padding:20px 10px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between;color: #fff;}
.lt li a {font-size:17px; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lt li a:hover {color:#679ccf;}
.lt li .lt_date {font-size:16px; color:#777; width:30%; text-align:right;}

.lt .new_icon {display:inline-block; color:#007dc3; font-size:12px}

.lt .lt_more {margin: 0 auto}
.lt .lt_more a {display: block;    margin: 50px auto 0;  width: 180px;  padding: 10px 00px;text-align: center; font-size: 17px;    color: #fff;
    border: 1px solid #fff;   transition: all 0.2s;   -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;
    border-radius: 50px;}
.lt .lt_more a:hover{background: #fff; color: #222}

 @media (max-width: 969px){

	.lt li {padding:15px 5px; display:block;}
	.lt li a {font-size:16px; width:100%; display:block;}
	.lt li .lt_date {font-size:15px; width:100%; text-align:left; margin-top:5px; display:block;}
     .lt .lt_more a {display: block;    margin: 50px auto 0;  width: 140px; font-size: 15px;  }

	 
 }
 
  @media (max-width: 639px){
	.lt {width:100%; max-width:100%; margin-top:40px;}
	
	.lt ul {margin:12px 0 0;}
	.lt li a {font-size:15px;}
	.lt li .lt_date {font-size:14px;}
	.lt .lt_more a i {font-size:18px;}
    .lt .lt_more a {display: block;    margin: 30px auto 0;  width: 100px; font-size: 15px; padding:5px; font-size: 14px }  
	
 }
 
  @media (max-width: 399px){
	.lt {margin-top:30px;}
	
 }