@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative;}
.lt ul {margin:0; padding:0; list-style:none; border-top:2px solid #111;}
.lt h2 {font-family:'Raleway','Noto Sans KR'; font-size:48px; font-weight:800; margin-bottom:40px;}
.lt h2 a {}
.lt li {display:flex; align-items:center; padding:30px 0; border-bottom:1px solid #ddd;}
.lt li a {position:relative; display:block; font-size:20px; color:#000; 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:#777;}
.lt li a strong {font-weight:400;}
.lt li a b.lt_noti {color:#1666c6}
.lt li .lt_date {font-family:'Raleway','Noto Sans KR'; text-align:center; padding:0 45px;}
.lt li .lt_date span {display:block; word-break:keep-all;}
.lt li .lt_date .day {font-size:30px; color:#444; font-weight:800;}
.lt li .lt_date .month {font-size:16px; color:#888; margin-top:4px;}

.lt li.empty_li {display:block; width:100%; font-size:18px; padding:50px 0; text-align:center; background:none; color:#999;}

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

.lt .lt_more {position:absolute; top:0; right:0; display:inline-block; padding:10px 40px; font-size:16px; color:#444; border-radius:50px; border:2px solid #444; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.lt .lt_more:hover {background:#444; color:#fff;}


 
 @media (max-width: 1199px){
	.lt h2 {font-size:42px; margin-bottom:30px;}
	.lt .lt_more {padding:10px 30px; font-size:15px;}
 }
 
 @media (max-width: 969px){
	.lt h2 {font-size:38px; margin-bottom:20px;}
	
	.lt li {padding:20px 0;}
	.lt li a {font-size:18px;}	
	.lt li .lt_date {padding:0 25px;}
	.lt li .lt_date .day {font-size:28px;}
	.lt li .lt_date .month {font-size:15px;}
	.lt .lt_more {padding:8px 30px; font-size:14px; border:1px solid #444;}
	.lt li.empty_li {font-size:16px;}
	
 }
 
 @media (max-width: 639px){
	.lt h2 {font-size:25px;}
	
	.lt li {padding:15px 0;}
	.lt li a {font-size:15px;}
	.lt li a:hover {padding:0px;}
	.lt li .lt_date {padding:0 20px 0 10px;}
	.lt li .lt_date .day {font-size:21px;}
	.lt li .lt_date .month {font-size:14px;}
	.lt .lt_more {padding:6px 25px; font-size:13px;}
	.lt li.empty_li {font-size:14px;}
	
 }
 
 @media (max-width: 399px){ 
 	.lt h2 {font-size:24px;}
	.lt li a {font-size:14px;}
	.lt li .lt_date {padding:0 15px 0 5px;}
	.lt li .lt_date .day {font-size:19px;}
	.lt li .lt_date .month {font-size:13px;}
	.lt .lt_more {font-size:12px;}
 }