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

div[data-widget=boarduniv-recently][data-templet=notice] ul {position: relative; margin-left: -10px; margin-right: -10px;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li {height:auto; border-left: 10px solid transparent; border-right: 10px solid transparent;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div {display: flex; flex-direction: row; align-items: center; gap:16px; border-radius:10px; cursor:pointer;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > span {color:#fff;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > p.title {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: #333;font-size: 16px;font-weight: 400;line-height: 32px;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content {height:140px; color: rgba(255, 255, 255, 0.80); font-weight: 400; line-height:28px;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] > table {display: none;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] img {display: none;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] p,
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] p > span {font-size:16px !important; line-height:28px; color: rgba(255, 255, 255, 0.80); font-weight: 400;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] p > span > strong,
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] p > strong {color: rgba(255, 255, 255, 0.80); font-weight: 400;}
div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > div.content div[data-role=wysiwyg-content] p > a {display: none;}


div[data-widget=boarduniv-recently][data-templet=notice] ul li > div > span.time {color: #888;font-size: 14px;font-weight: 400;line-height: 32px;}

div[data-widget=boarduniv-recently][data-templet=notice] button.slick-arrow {position:absolute; display: block; background-color:#fff; top:calc(50% - 50px); z-notice:10; background-color:transparent; text-align:center; line-height:38px;cursor:pointer; font-size:0; color:#fff;}
div[data-widget=boarduniv-recently][data-templet=notice] button.prev {left:-71px;}
div[data-widget=boarduniv-recently][data-templet=notice] button.prev:before {content:""; display: inline-block; width:32px; height: 56px; background:url(../images/left.svg) no-repeat center center;}
div[data-widget=boarduniv-recently][data-templet=notice] button.next {right:-71px;}
div[data-widget=boarduniv-recently][data-templet=notice] button.next:before {content:""; display: inline-block; width:32px; height: 56px; background:url(../images/right.svg) no-repeat center center;}
div[data-widget=boarduniv-recently][data-templet=notice] ul.slick-dots {display: none;}



@media (max-width:1260px) {
    div[data-widget=boarduniv-recently][data-templet=notice] button.prev,
    div[data-widget=boarduniv-recently][data-templet=notice] button.next {display: none;}
}