@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: flex-start;}
.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;
    flex-direction: column;
    gap: 0;
    margin-bottom: 0px;
    justify-content: flex-start;
}

.box_lat_hot li {
    display:flex;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: column;
    width:100%;
    flex: 1;
}
.box_lat_hot li a strong{
    font-weight:normal;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.box_lat_hot li a{
	position:relative;
	padding-left:10px !important;
}
.box_lat_hot li a:before{
	content:'';
	display:block;
	width:6px;
	height:6px;
	background-color:#1748a4;
	position:absolute;
	border-radius:50%;
	left:0;
	top:1.15em;
}

.box_lat_hot li a {
    display: flex;
    padding: 0.7em 0;
    border-radius: 0;
    font-size:17px;
    font-weight:400;
    transition:all 0.5s;
    word-break: break-all;
    row-gap:1rem;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}
.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: 0px 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:400;
	white-space: nowrap;
	width: 70%;
}
.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 {
		font-size: 17px;
	}
}
@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;
		/* height: 100%; */
		font-size: 1em;
		font-weight: 400;
		transition: all 0.5s;
		word-break: break-all;
		row-gap: 0;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}
	.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 {
        
    }
}