.lat li {margin-bottom: 0; padding: 10px 0 5px 15px; height: auto; font-weight: 400; position: relative; color: #fff; font-size: 15px;}
.lat li:before {position: absolute; top:17px; left: 0; width: 6px; height: 6px; background-color: #009974; border-radius: 50%; content: '';}
.lat li:first-child:before {background:none; border:none;}
.lat li a {color:#fff; }
.lat li a.sub_tit {width:85%; display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lat li a:hover {opacity: 0.8;}

.lat li .lt_date{position:absolute; top:9px; right:0; color:#fff; font-size:15px; font-weight:300;}
.lat li .lt_date2{display:none;}
.lat li:first-child:after{content:'';display:block;clear:both;}
.lat li:first-child {position: relative; background:none; padding:0; margin-bottom:15px;}

.lat li:first-child .sub {height:35px; padding-left:15px;font-size:22px; position: absolute; top:0; left:140px; font-weight: 600; color:#fff; font-family: "NanumSquare", sans-serif !important;}
.lat li:first-child .sub:before {position: absolute; top:10px; left: 0; width: 6px; height: 6px; background-color: #009974; border-radius: 50%; content: '';}
.lat li:first-child .sub:hover {opacity: 0.8;}
.lat li:first-child .lt_date {top:68px; font-size:15px; left:106px; height: auto;}
.lat li:first-child .lt_date2 {display: inline-block; width:112px; height:130px; padding:40px 0; max-height:130px; line-height: 1;	text-align: center; font-family: 'Gotham';	font-size: 1.176em; color: #333;	background: #fff; border: 1px solid #ddd;}

.lt_date2 .big-txt {display: block;}
.lt_date2 .year {font-size:16px; font-weight:300;}
.lt_date2 .day, .month {font-size:30px; font-weight: bold;}

.lat li:first-child span.sub .sub2 {display:block; color:#fff;}
.lat li:first-child span.sub .sub2 {font-weight:300; margin-top:10px;font-size:16px; letter-spacing: -0.2px; color: #fff;}

@media (max-width:560px){
	.lat li:first-child .sub {font-size:18px;}
	.lat li:first-child span.sub .sub2 {font-size:14px; }
	.lat li {font-size:14px;}
	.lt_date2 .year {font-size:14px;}
	.lat li .lt_date {font-size:13px;}
}
@media (max-width:500px){
	.lat li .lt_date{display:none;}
}
@media (max-width:440px){
	.lat li:first-child .lt_date2 {width:90px; height:104px; padding:25px 0; max-height:130px;	font-size:1.176em;}
	.lat li:first-child .sub {left:114px;}
	.lat li:first-child span.sub .sub2 {display:none;}
	.lt_date2 .day, .month {font-size:25px;}
}
@media (max-width:320px){
	.lat li:first-child .sub:before {display:none;}
	.lat li:first-child .sub {left:100px;}
}