/**
 * 이 파일은 서울대 연동모듈의 일부입니다. (https://www.imodule.kr)
 *
 * 경기대 포털 인덱스 게시판 최근게시물 위젯
 *
 * @file /module/snu/templets/widgets/board.recently/styles/style.css
 * @author wioz 
 * @license MIT License
 * @version 3.0.0.160910
 */


.slider_wrap {
    display: flex;
    gap: 24px;
}

.slider-for {
	min-width: 45%;
}

.slider-for li {
    width: 100%;
}

.big_title {position: absolute; bottom: 24px; left: 24px; right: 24px; color: #FFF;font-size: 1.2857rem;font-weight: 500;line-height: 32px; }
.slider_wrap > ul.slider-for {
    max-width: 630px;
    min-width: 630px;
}
.big_thumbnail {
    width: 100%;
    padding-bottom: 57.2%;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}
.big_thumbnail::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);    border-radius: 8px; }

.gallery2_list {
    width: 100%;

}

.gallery2_list li {
    width: 200px;
}
.gallery2_list li.slick-slide {margin: 0px 14px;}

.small_thumbnail {
    width: 100%;
    height: 176px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.small_title {margin-top: 12px; overflow: hidden;color: #333;text-overflow: ellipsis;font-size: 1.1429rem;font-weight: 400;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.small_date {display: flex;align-items: center;gap: 4px;justify-content: end;margin-top: 12px;color: #888;font-size: 1rem;font-weight: 400;line-height: 32px;}


@media (max-width:991px) {
	.slider_wrap {flex-wrap: wrap;}
    .slider_wrap > ul.slider-for {max-width: 100%;min-width: 100%;}
    .gallery2_list {display: none;}
}
@media (max-width:500px) {
    .gallery2_list {display: none !important;}
}