@charset "utf-8";

/* 최근게시물 스킨 (latest) */

.section4 .sec04-wrap{max-width:1250px; margin:0 auto;}
.section4 .sec04-wrap:after{display:block; content:''; clear:both;}


.lt_ga {	
	
    width: 100%;
    padding: 0px 10px ;
    border: 1px solid #bbb;
    border-radius: 10px;
    margin: 15px 10px 0 0;
}
.lt_ga:hover{
	background: rgba(255, 255, 255, 0.4);
    transition:2s;
}	

.lt_ga:after{
	display:block;
	clear:both;
	content: '';
}

.lt_ga ul {
	padding:0;
	list-style:none;
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
	text-align: center;
}
.lt_ga ul li img{padding: 20px; padding-top:0px;}

.lt_ga h2 {
	font-size:1.154em;
}

.lt_ga .lt_h2{
	float:none;
	width:100%;
}

.lt_ga h2 a{
	color:#333;
	display: block;width:100%;
	font-family: 'Noto Sans KR', sans-serif;
}

.lt_ga li {
	display:inline-block;
	width: 23.333%;
    padding: 5px 0px 0px;
	text-align: center;
}
.lt_img {width: 240px; height: 160px; padding: 10px; border-radius: 30px; }




.lt_ga li a.lt_tit {
	color:#fff;
	font-size:14px;
	display: inline-block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;
}

.lt_ga li .lt_date{
	color:#888;
	font-size:0.92em;
	/* position: absolute; */
	right:0px;
	top:4px;
}

.lt_ga .lt_title{
	text-align: center;
    font-size: 22px;
    letter-spacing: 0px;
    margin: 20px auto 0px;
    border-bottom: 1px solid #bbb;
    width: 80%;
    padding: 0 0 20px 0;
    font-weight: 500;
}

.lt_ga .lt_more{
	font-weight: 500;
    color: #fe8106 !important;
    margin-top: 20px;
    font-size: 14px !important;
    font-family: 'Noto Sans KR', sans-serif;
}

.lt_ga .fa-download{
	width:16px;
	height:16px;
	line-height:16px;
	background:#e89f31;
	color:#333;
	text-align:center;
	font-size:10px;
	border-radius:4px;
	vertical-align:middle;
}

.lt_ga .fa-link{
	width:16px;
	height:16px;
	line-height:16px;
	background:#ad68d8;
	color:#333;
	text-align:center;
	font-size:10px;
	border-radius:4px;
	vertical-align:middle;
	font-weight: normal;
}

.lt_ga .fa-heart{
	width:16px;
	height:16px;
	line-height:16px;
	background:#ff66b0;
	color:#333;
	text-align:center;
	font-size:10px;
	border-radius:4px;
	vertical-align:middle;
	font-weight: normal;
}

.lt_ga .new_icon{
	display:inline-block;
	width: 16px;
	line-height:16px;
	font-size:0.833em;
	color:#333;
	background:#e2e2e2;
	border-radius:4px;
	text-align:center;
	vertical-align:middle;
	font-size:11px;
}

.lt_ga .hot_icon{
	display:inline-block;
	width: 16px;
	line-height:16px;
	font-size:0.833em;
	color:#333;
	background:#e2e2e2;
	border-radius:4px;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	font-size:11px;
}

.lt_ga .fa-lock{
	display: inline-block;
	line-height: 14px;
	width: 16px;
	font-size: 0.833em;
	color: #333;
	background: #262b88;
	text-align: center;
	border-radius: 4px;
	font-size: 12px;
	border:1px solid #262b88;
}

.lt_ga .more {		
	width: 100%;
	text-align:right;
	margin-top:0px;
    padding: 15px 26px 10px;
}
.mo-right{display:none;}
.wep-right{display:block;}

.lt_ga .bx-viewport{height:260px !important;}
.lt_ga li{height:230px;}
.lt_ga li a {width:100%; height:100%;}
.bx-wrapper img{width:100%; height:100%; object-fit:cover;}



 @media (max-width: 1200px){
	.lt_img { width: 202px; height: 140px; }
	
	
	.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {height: 183px !important; }
}

 @media (max-width: 969px){	
	.lt_ga {width: 100%;}
	.lt_ga .bx-viewport{height:250px !important;}
	.mo-right{display:block;}
	.wep-right{display:none;}
 }

@media (max-width: 960px){
	.lt_ga li { width: 32%; }	
}

@media (max-width: 535px){
	.lt_ga li { width: 49%; }
	.lt_img { width:200px; height: 250px; }
}