@charset "utf-8";

/* 새글 스킨 (latest) */
.wheat_notice_list { position: relative; padding: 0px 0 80px; }
.wheat_notice_list .basic_li { position: relative; display: flex; flex-wrap: wrap; align-content: space-between; padding: 50px; background: #f5f5f5; border-radius: 10px; transform: translateY(30px); transition: box-shadow 0.3s, transform 0.3s, background-color 0.3s; }
.wheat_notice_list .basic_li:hover { transform: unset; }

.wheat_notice_info { display: flex; flex-wrap: wrap; width: 100%; }
.wheat_notice_info a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 20px; font-size: 25px; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all; transition: all 0.3s; }
.wheat_notice_info:hover a, .wheat_notice_info a:hover {  }
.wheat_notice_info p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: box;
	max-height:80px;
	margin-bottom: 30px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color: #555;
	line-height: 1.6;
}

.wheat_notice_list .date { display: block; text-align: right; width: 100%; color: #777; }

.wheat_notice_list .empty_li { text-align:center; width: 100% !important; margin:0; padding:0; color:rgba(255, 255, 255, 0.6); line-height:145px; }
.wheat_notice_list .empty_li:before { padding:0; background:none; }

.wheat_notice .swiper-horizontal > .swiper-pagination-bullets, .wheat_notice .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0px; }
.wheat_notice .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.3); }
.wheat_notice .swiper-pagination-bullet-active { background: #ff5b00; }

@media screen and (max-width: 1024px) {
	
	.wheat_notice_list .basic_li { padding: 30px; }
	.wheat_notice_info a { font-size: 24px; }

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

}

@media screen and (max-width: 768px) {
	
	

}

@media screen and (max-width: 430px) {
	
	.wheat_notice_info { margin-bottom: 20px; }
	.wheat_notice_info a { margin-bottom: 10px; font-size: 20px; }

}