/**
 * 이 파일은 울산대 연동모듈의 일부입니다. (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=index] {margin-top: 16px;}
div[data-widget=boarduniv-recently][data-templet=index] {position:relative;}
div[data-widget=boarduniv-recently][data-templet=index] ul.list {width:100%; list-style:none; border-top: 1px solid #111;}
div[data-widget=boarduniv-recently][data-templet=index] ul > li {position:relative; padding: 16px 12px; width:100%; border-bottom: 1px solid rgba(51, 51, 51, 0.20); box-sizing: border-box;}
div[data-widget=boarduniv-recently][data-templet=index] ul > li > a.more {display:none;}
div[data-widget=boarduniv-recently][data-templet=index] ul > li > a {display:block; position:relative; line-height:28px; word-break:keep-all;}
div[data-widget=boarduniv-recently][data-templet=index] ul > li > a div.title {text-overflow:ellipsis; font-size: 1.14rem; white-space:nowrap; color:#000; word-break:keep-all;}
div[data-widget=boarduniv-recently][data-templet=index] ul > li > a div.calendar {display:none;} 
div[data-widget=boarduniv-recently][data-templet=index] ul > li > a div.title p.search {display:none;} 
div[data-widget=boarduniv-recently][data-templet=index] ul > li > a div.title p.search {width:500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}

div[data-widget=boarduniv-recently][data-templet=index] ul > li div.title {display:flex; align-items:center; justify-content:space-between; width:100%;}
div[data-widget=boarduniv-recently][data-templet=index] ul > li div.title p.tit { overflow: hidden; color: #333; text-overflow: ellipsis; font-size: 1.07rem; font-weight: 400; line-height: 24px; }
div[data-widget=boarduniv-recently][data-templet=index] ul > li div.title p.date { color: #C8C8C8; font-size: 1.00rem; font-weight: 400; line-height: normal; }

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

}

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

}

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