@charset "utf-8";

/* recent-webz-wrapper */
.grid {margin:0 -1%}
.grid-item {
	float:left;
	background:#fff;
	border:1px solid #ededed;
	border-radius:3px;
	margin-bottom:20px;
}
.grid-item {
	margin:0 1% 20px 1%
}
.grid-item a {
	display:block;
	overflow:hidden;
}
@media (max-width: 599px) {.grid-item {width:48%}}
@media (min-width: 600px) {.grid-item {width:31.32%}}
@media (min-width: 992px) {.grid-item {width:23%}}

/* sol-list */
.sol-list li {padding:6px 0; border-bottom:1px solid #efefef}
.sol-list .title-group,
.sol-list .date,
.sol-list .title-group .category,
.sol-list .title-group .title {float:left}
.sol-list .date {text-align:right}
.sol-list .title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right:2px	
}
.category {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right:3px;	
	color: #fff;
}
.category span {
	font-size: 11px;
	background: #c1a695;
	border-radius: 2px;
	padding:3px
}
.sol-list .title-group {width:80%}
.sol-list .date {width:20%}
.sol-list .category {max-width:13%}
.sol-list .title {max-width:72%}
@media (max-width:480px) {
	.sol-list .title-group {width:100%}
	.sol-list .title {max-width:80%}
	.sol-list .title-group .category,
	.sol-list .date {display:none}	
}
@media (min-width: 785px) and (max-width: 991px) {.sol-list .title {max-width:70%}}
@media (max-width: 991px){.sol-list .date {font-size:13px}}

/* sol-webzine */
.sol-webzine .thumb > a,
.sol-webzine .thumb > a > .thumb-img {display:block;width:100%; border-radius:3px 3px 0 0}
.sol-webzine .thumb > a > .thumb-img {
	min-height:220px; 
	background-position: center!important; 
	background-repeat: no-repeat; 
	background-size: cover
}
.sol-webzine .title {padding-bottom:5px; position: relative;}
.sol-webzine .title > a {display:block; color:#343434}
.sol-webzine .replyNum {position: absolute; top:-50px;right:10px; font-size:16px}
.sol-webzine .replyNum .fa,
.sol-webzine .replyNum a {display:block; float: left}
.sol-webzine .replyNum a {margin-top:-3px; padding-left:2px} 
.sol-webzine .thumb {background:#ededed; overflow: hidden}
.sol-webzine .content {padding:10px; background:#ededed}
.sol-webzine .content > p {margin:0}
.sol-webzine .content > .text {color:#707070; text-align: justify;line-height:20px}
.sol-webzine .author-area {color:#a1a1a1; font-size:12px}
.sol-webzine .author-area > span {display:block; float:left}
.sol-webzine .author,
.sol-webzine .date {
	color:#959595; 
	font-size:12px
}
.sol-webzine .author {padding-right:3px}
.sol-webzine .no-wrapper {
	display:table;
	width:100%;
	height:180px;
	text-align: center
}
.sol-webzine .no-img {
	display:table-cell;
	vertical-align:middle
}
@media (max-width:480px) {.sol-webzine .thumb > a {height:140px}}
@media (min-width:481px) {.sol-webzine .thumb > a {height:180px}}
@media (min-width:1200px) {.sol-webzine .thumb > a {height:220px}}

@media (max-width:767px) {.sol-webzine .title > a {height:40px}}
@media (min-width:768px) {.sol-webzine .title > a {height:20px}}

@media (max-width:991px) {.sol-webzine .title > a {font-size:14px}}
@media (min-width:992px) {.sol-webzine .title > a {font-size:13px}}

/* hover-img */
.hover-img {
	transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
	transform: translateZ(0) scale(1); 
	-webkit-transform: translateZ(0) scale(1);
}
.thumb a:hover .hover-img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
/* 공통 */
.replyNum {font-style:normal; font-weight:bold; color:#ff4a32}