@charset "utf-8";
/* 새글 스킨 (latest) */

.box_lat_hot {position:relative;overflow:hidden;background:#fff;padding:0;box-sizing:border-box;width:100%;height: 100%;flex: 1;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;}
.box_lat_hot .lat_title{
	position:relative;
	margin:0;
	text-overflow:ellipsis; 
	width: 100%; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	overflow: hidden;
}
.box_lat_hot ul{
    padding: 0;
    display: flex;
    height: 100%;
    gap: 2.8em;
    margin-bottom: 0px;
}

.box_lat_hot li {
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
	width:100%;
}
.box_lat_hot li a strong{
    font-weight:normal;
}
.box_lat_hot li a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    padding:0em;
    border-radius:10px;
    font-size:17px;
    font-weight:400;
    transition:all 0.5s;
    word-break: break-all;
	row-gap:1rem;
}
.box_lat_hot li a:hover *{
    color:var(--sub-color1) !important;
    transition:all 0.2s;
}
.box_lat_hot li a:hover .lt_title{
    color:var(--point-color) !important;
    transition:all 0.2s;
}
.box_lat_hot li a .lt_date{
	color:#929292 !important;
	font-size:0.85em;
    text-align: left;
    padding: 10px 15px;
	border:1px dotted #ccc;
	border-width:1px 0;
	border-style:dotted none solid none;
	border-bottom-color:#ccc; 
	font-weight: 400;
}
.box_lat_hot li a:hover .lt_date{
	color:var(--sub-color1) !important;
}
.box_lat_hot li a:hover .lt_date{}
.box_lat_hot  .empty_li{
	color: #666;
    text-align: center;
    padding: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.box_lat_hot  .empty_li:before{background:none;padding:0}

.box_lat_hot .lt_title{
	display:-webkit-box; 
	word-wrap:break-word; 
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	height:50px; 
	line-height:1.4; 
	color:#444; 
	text-decoration:none;
	font-weight:500;
}
.box_lat_hot .lt_content{
	font-size:0.9em;
	display:-webkit-box; 
	word-wrap:break-word; 
	-webkit-line-clamp:3; 
	-webkit-box-orient:vertical; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	height:54px; 
	line-height:18px; 
	color:#444; 
	text-decoration:none;
	font-weight:400;
}


@media (max-width:1180px){
	
}

@media (max-width:768px){
	.box_lat_hot ul{
		grid-template-columns: repeat(2,1fr);
	}
    .box_lat_hot li {
        
    }
	.box_lat_hot li a {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		height: 100%;
		justify-content: space-between;
		padding: 0em;
		border-radius: 10px;
		font-size: 17px;
		font-weight: 400;
		transition: all 0.5s;
		word-break: break-all;
		row-gap: 1rem;
	}
}
@media (max-width:640px){
    .box_lat_hot ul{
		grid-template-columns: repeat(1,1fr);
	}
	.box_lat_hot li {
        
    }
	.box_lat_hot li a {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		height: 100%;
		justify-content: space-between;
		padding: 0em;
		border-radius: 10px;
		font-size: 1em;
		font-weight: 400;
		transition: all 0.5s;
		word-break: break-all;
		row-gap: 0.2rem;
	}
	.box_lat_hot .lt_content{
		font-size:0.9em;
		display:block; 
		word-wrap:break-word; 
		-webkit-line-clamp:none; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		height:auto; 
		line-height:1.2; 
		color:#444; 
		text-decoration:none;
	}
	.box_lat_hot ul {
		padding: 0;
		display: flex;
		flex-direction:column;
		grid-gap: 0em;
		gap:1rem;
		margin-bottom: 0px;
		grid-template-columns: repeat(3,1fr);
	}
}
@media (max-width:400px){
    .box_lat_hot ul{
		grid-template-columns: repeat(1,1fr);
	}
	.box_lat_hot li {
        
    }
}