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

.lat {position:relative;margin-bottom:20px;overflow:hidden;}


.lat .m-title{ color: var(--font-m-color); position: relative; }
.lat .m-title a{ position: absolute; right: 0; bottom: 0;}
.lat ul{ border-top: 1px solid var(--main-color);}
.lat .board_list_con{ padding: 19.5px 0; border-bottom: 1px solid #d7d7d7;}
.re_flex{display: flex; align-items: center; justify-content: space-between;}
.re_date{width: 10%; text-align: center;}
.re_date h3{font-size: 50px; font-weight: 700; color: var(--main-color); line-height: 1;}
.re_date p{ font-weight:700; line-height: 1;}
.re_info{width: 80%;}
.re_info h2{font-size:20px; font-weight: 500; line-height: 1; margin-bottom: 10px; }
.re_info p{ color: #686868; }
.re_link{ width: 50px; height: 50px; border-radius: 50%; line-height: 50px; border: 1px solid #d7d7d7; color: #d7d7d7; text-align: center; transition: all .3s;}
.re_link i{ font-size: 18px;}
.lat .board_list_con a:hover .re_link{ color: var(--w-color); border: 1px solid var(--main-color); background-color: var(--main-color); }


@media(max-width:730px){
	.re_date{width: 20%;}
	.re_link{ width: 35px; height: 35px; line-height: 35px; }
	.re_link i{ font-size: 15px; }
}

@media(max-width:660px){
	.re_info{width: 65%;}
	.re_date{width: 25%;}
	.re_date h3{font-size: 20px;}
	.re_date p{font-size: 13px;}
	.re_info h2{font-size: 16px; margin-bottom: 5px; }
	.re_info p{font-size: 13px; }
	.lat .m-title a{ font-size: 13px; }
}