@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative;padding:15px 40px 20px;}
.lt ul {}
.lt h2 {display:none; font-size:1.154em}
.lt h2 a{color:#fff}
.lt li {display:flex; justify-content:space-between; margin:12px 0;  background:url('/images/symbol_dot.png') left 6px no-repeat;}
.lt li a {display:block; font-size:18px; padding-right:20px; color:#888; 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:hover {color:#333;}
.lt li .lt_date {color:#aaa; font-size:16px;}
.lt li.empty_li {display:block; width:100%; padding:0; text-align:center; background:none; color:#999;}

.lt .new_icon {display:inline-block;color:#182f50;text-align:center;vertical-align:middle;font-size:10px; font-weight:500;}

.lt .lt_more { text-align:right; margin-top:10px;}
.lt .lt_more a {font-size:15px; /*padding:4px 20px; border:1px solid #e7e7e7;*/ color:#aaa; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;} 
.lt .lt_more a:hover {color:#666; /*border-color:#777;*/}

.first{border-bottom: 1px dashed #e5e5e5;padding-bottom: 20px;justify-content: flex-start !important;}
.first .lt_detail{font-size: 14px; font-weight: 300; color: #aaa}
.first .lt_txt{width: 70%}
.first a.lt_img { border: 1px solid #e5e5e5; padding-right: 0!important;margin-right: 20px; }
.first a.lt_img img{width: 240px !important;    height: 140px !important;}
.lt_img img {width: 100%;}

 @media (max-width: 1279px){
	 .lt {padding:25px 30px;}
	 .lt li a {font-size:17px;}
		
 }
 
 @media (max-width: 969px){
	 .lt li {margin:8px 0;}
	 .lt li a {font-size:16px;}
	 .lt li.empty_li, .lt li .lt_date {color:#aaa; font-size:15px;}
		
 }
 
 @media (max-width: 639px){
	 .lt {padding:15px 20px;}
	 .lt li { background-size:12px; background-position:left 5px;}
	 .lt li a {font-size:14px; word-break:break-all;}
	 .lt li.empty_li, .lt li .lt_date {color:#aaa; font-size:13px;}
	 
	 .lt .lt_more {margin-top:5px;}
	 .lt .lt_more a {font-size:13px;}
     
     .first{flex-direction: column;}
     .first a.lt_img{margin-right: 0;margin-bottom: 10px}
     .first a.lt_img img{ width: 100% !important; }
     .first .lt_txt{width: 100%}
		
 }