/**
 * 이 파일은 모임즈 사이트템플릿(moimz)의 일부입니다. (https://www.moimz.com)
 *
 * 모임즈 홈페이지 커뮤니티 스타일시트
 * 
 * @file /templets/moimz/widgets/forum.recently/webzine/styles/style.css
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.0.0
 * @modified 2018. 8. 26.
 */
div[data-widget=forum-recently][data-templet=webzine] > h5 {font-size:20px; height:50px; line-height:50px; font-weight:400; margin-bottom:5px; font-family:NanumSquare;}
div[data-widget=forum-recently][data-templet=webzine] > h5 > a {display:inline-block; height:30px; line-height:30px; margin:10px 0px; text-decoration:none; color:#222;}
div[data-widget=forum-recently][data-templet=webzine] > h5 > a > i {float:left; width:30px; height:30px; margin:0px 10px 0px 0px; background:#2196f3; color:#fff; line-height:30px; border-radius:3px; font-size:16px; text-align:center;}
div[data-widget=forum-recently][data-templet=webzine] > h5 > a:after {display:block; clear:both; content:" ";}

div[data-widget=forum-recently][data-templet=webzine] > ul {list-style:none; margin:-20px 0px 0px -20px; text-align:left; padding-bottom:10px;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li {display:inline-block; width:25%; padding:20px 0px 0px 20px; box-sizing:border-box; vertical-align:top; margin:0;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a {display:block; width:100%; border:1px solid #ccc; background:#fff; text-decoration:none; box-sizing:border-box;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a:hover {border-color:#1e8ee7;}

div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.cover {width:100%; padding-bottom:72%; height:0; background-size:cover; background-position:50% 50%; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); overflow:hidden;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.cover.frontend {background-image:url(../images/frontend.png);}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.cover.backend {background-image:url(../images/backend.png);}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.cover.database {background-image:url(../images/database.png);}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.cover.server {background-image:url(../images/server.png);}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content {padding:14px;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content > b {display:block; font-size:14px; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#222; font-size:15px;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content > p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; overflow:hidden; margin:8px 0px; color:#666; text-overflow:ellipsis; font-size:12px;}

div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content > ul {list-style:none; height:22px; overflow:hidden;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content > ul > li {display:inline-block; background:#e3f2fd; color:#0d47a1; font-size:12px; border-radius:3px; height:22px; line-height:22px; padding:0px 5px; margin-right:4px;}

div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content > small {display:block; height:28px; font-size:0; margin-top:10px; border-top:1px solid #ccc; padding-top:8px;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content > small > i {display:inline-block; width:26px; height:26px; border:1px solid #ccc; border-radius:50%; vertical-align:middle; margin-right:8px;}
div[data-widget=forum-recently][data-templet=webzine] > ul > li > a > div.content > small > b {display:inline-block; width:calc(100% - 34px); height:28px; line-height:28px; font-size:12px; color:#666; vertical-align:middle;}

@media (max-width:767px) {
	div[data-widget=forum-recently][data-templet=webzine] > ul {margin:-10px 0px 0px -10px; width:calc(100% + 10px); white-space:nowrap; overflow-x:scroll; padding-right:10px;}
	div[data-widget=forum-recently][data-templet=webzine] > ul > li {padding:10px 0px 0px 10px; width:80%; max-width:280px;}
}

@media (min-width:768px) and (max-width:991px) {
	div[data-widget=forum-recently][data-templet=webzine] > ul {margin:-10px 0px 0px -10px;}
	div[data-widget=forum-recently][data-templet=webzine] > ul > li {padding:10px 0px 0px 10px; width:33.3333%;}
	div[data-widget=forum-recently][data-templet=webzine] > ul > li:nth-child(4) {display:none;}
}