@charset "utf-8";

/* 새글 스킨 (latest) */
.main_notice_lat { position: relative; display: flex; flex-wrap: wrap; padding: 0px 0 0px; }
.main_notice_lat .basic_li { flex:1; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-content: space-between; margin-left: -1px; padding: 60px 40px; border: 1px solid #ddd; border-radius: 0px; transition: all 0.3s; }
.main_notice_lat .basic_li:first-child { margin-left: 0; }
.main_notice_lat .basic_li:hover { background: rgba(255, 255, 255, 0.5); border: 1px solid #222; z-index: 2; }

.notice_lat_info { margin-bottom: 50px; width: 100%; }
.notice_lat_info .cate { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 20px; width: 80px; height: 30px; background: #222; border-radius: 3px; color: #fff; font-size: 0.8em; font-weight: 600; }
.notice_lat_info a { 
	width: 100%;
	height: 60px;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.03em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main_notice_lat .basic_li:hover .notice_lat_info a {  }
.notice_lat_info p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: box;
	height:80px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	line-height: 1.6;
}
.main_notice_lat .lt_date { display: block; text-align: left; width: 100%; color: #aaa; font-size: 0.85em; }
.main_notice_lat .basic_li:hover .notice_lat_info p {  }
.main_notice_lat .basic_li:hover .lt_date {  }

.main_notice_lat .empty_li { text-align:center; padding:0; color:rgba(0, 0, 0, 0.6); line-height:145px; }
.main_notice_lat .empty_li:before { padding:0; background:none; }

.main_notice_lat .swiper-horizontal > .swiper-pagination-bullets, .main_notice_lat .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0px; }

@media screen and (max-width: 1280px) {
	
	.main_notice_lat .basic_li { flex: none; width: 50%; padding: 30px; }
	.main_notice_lat .basic_li:nth-child(3), .main_notice_lat .basic_li:nth-child(4) { margin-top: -1px; }

}

@media screen and (max-width: 1024px) {
	
	.notice_lat_info a { height: 50px; margin-bottom: 20px; font-size: 20px; }

}

@media screen and (max-width: 480px) {
	
	.main_notice_lat .basic_li { padding: 30px 20px; }
	.notice_lat_info { margin-bottom: 20px; }
	.notice_lat_info .cate { margin-bottom: 10px; width: 60px; height: 25px; }

    .notice_lat_info a { height: 22px; -webkit-line-clamp: 1; font-size: 18px; }

	.notice_lat_info p { height: 40px; -webkit-line-clamp: 2; }

}