@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative; width:33%; max-width:390px; padding:25px 30px; border:1px solid #e5e5e5; border-radius:10px;}
.lt ul {margin-top:20px;}
.lt h2 {}
.lt h2 a {font-size:24px; color:#111; font-weight:500;}
.lt li {position:relative; display:flex; justify-content:space-between; margin:10px 0; padding-left:10px;}
.lt li:before {content:"·"; color:#0253b5; position:absolute; left:-3px; top:3px;}
.lt li p {width:76%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; height:26px;}
.lt li a {display:block; font-size:18px; color:#666; font-weight:300; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lt li a:hover {color:#111;}
.lt li a b {margin-right:5px; font-weight:500;}
.lt li .lt_date {width:24%; text-align:right; display:inline-block; color:#aaa; font-size:16px; font-weight:300;}
.lt li.empty_li {display:block; width:100%; padding:0; text-align:center; background:none; color:#999;}

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

.lt .lt_more {position:absolute; right:30px; top:35px;}
.lt .lt_more a i {font-size:17px; color:#ccc; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lt .lt_more a:hover i {color:#153358; transform:rotate(90deg);}


 @media (max-width: 1199px){
	 .lt {padding:20px;}
	 .lt h2 a {font-size:22px;}
	 .lt li p {height:24px;}
	 .lt li:before {top:2px;}
	 .lt li a {font-size:17px; letter-spacing:-0.04em;}
	 .lt li .lt_date {font-size:15px; letter-spacing:-0.05em;}
	 
	 .lt .lt_more {right:20px; top:25px;}
	 
		
 }
 
 @media (max-width: 969px){
	 .lt {width:100%; max-width:100%; margin-bottom:10px;}
	 .lt h2 a {font-size:20px;}
	 .lt ul {margin-top:15px;} 
	 .lt li {margin:8px 0; padding-left:15px;}
	 .lt li:before {left:0;}
	 .lt li a {letter-spacing:-0.025em;}
		
 }
 
 @media (max-width: 639px){
	 .lt {margin-bottom:5px; padding:15px;}
	 .lt h2 a {font-size:18px;}
	 .lt ul {margin-top:10px;} 
	 .lt li {margin:6px 0; padding-left:10px;}
	 .lt li:before {top:0px;}
	 .lt li p {height:20px;}
	 .lt li a {font-size:15px;}
	 .lt li .lt_date {font-size:13px;}
	 .lt .lt_more {right:15px; top:20px;}
		
 }