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

div[data-widget=boarduniv-recently][data-templet=gallery] {margin-top: 16px; position:relative;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list {width:100%; list-style:none; margin: 0; padding: 0;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list .slick-slide {padding: 0 15px; box-sizing: border-box;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list .slick-list {margin: 0 -15px;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list li {position:relative; box-sizing: border-box;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list li > a {display:flex; flex-direction:column; gap: 12px; position:relative; background: #fff; border-radius: 8px; overflow: hidden;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list li > a > div.img-wrap {height: 200px; border-radius: 10px;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list li > a > div.img-wrap > img {width:100%; height:100%; object-fit: cover; display:block; border-radius: 10px;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list li > a > div.title {display:flex; flex-direction:column; gap: 12px; box-sizing: border-box;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list li > a > div.title > p.tit { color: #333; font-size: 1.14rem; font-weight: 400; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
div[data-widget=boarduniv-recently][data-templet=gallery] ul.list li > a > div.title > p.date {margin: 0; color: #999; font-size: 1.00rem; font-weight: 400; line-height: normal;}

/* 슬라이더 화살표 스타일 */
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-prev-custom,
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-next-custom {position: absolute; top: 35%; transform: translateY(-50%); z-index: 1; width: 27px; height: 27px; border: none; border: 1px solid #D2D2D2; background: #FFF; border-radius: 50%; cursor: pointer; outline: none; display: flex; align-items: center; justify-content: center;}
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-prev-custom {left: -13px;}
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-next-custom {right: -13px;}
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-prev-custom:hover,
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-next-custom:hover {box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);}
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-prev-custom svg,
div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-next-custom svg {display: block; width: 11px; height: 11px;}

/* 슬라이더 dot 스타일 */
div[data-widget=boarduniv-recently][data-templet=gallery] .slick-dots {position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); text-align: center;}
div[data-widget=boarduniv-recently][data-templet=gallery] .slick-dots li {display: inline-block; margin: 0 8px; width: 12px; height: 12px;}
div[data-widget=boarduniv-recently][data-templet=gallery] .slick-dots li button {width: 12px; height: 12px; padding: 0; border: none; background: #E0E0E0; border-radius: 50%; font-size: 0.00rem; cursor: pointer; outline: none;}
div[data-widget=boarduniv-recently][data-templet=gallery] .slick-dots li.slick-active button {background: #E71C89;}

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

}

@media screen and (max-width:991px) {
	div[data-widget=boarduniv-recently][data-templet=gallery] ul.list .slick-slide {padding: 0 5px;}
	div[data-widget=boarduniv-recently][data-templet=gallery] ul.list .slick-list {margin: 0 -5px;}
	div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-prev-custom {display: none !important;}
	div[data-widget=boarduniv-recently][data-templet=gallery] button.slick-next-custom {display: none !important;}
}

@media screen and (max-width:460px) {
	div[data-widget=boarduniv-recently][data-templet=gallery] ul.list {height:190px;}
	div[data-widget=boarduniv-recently][data-templet=gallery] ul > li div.title {flex-wrap:wrap;}
	div[data-widget=boarduniv-recently][data-templet=gallery] ul > li div.title p.tit {width:100%;}
}