@charset "utf-8";

/* sol-list */
.sol-list li {width:100%}
.sol-list .title,
.sol-list .date-group {display:inline-block; line-height:15px}
.sol-list p {margin:0}
.sol-list .date-group {padding-left:10px}
@media (max-width:767px) {
	.sol-list .title,
	.sol-list .date-group {display:block}
}

/* sol-list2 */
.sol-list2 {background:#fff}
.sol-list2 li {padding:7px 0; border-bottom:1px solid #efefef}
.sol-list2 .title-group,
.sol-list2 .date {display:block; float:left}
.sol-list2 .date {text-align: right}
.sol-list2 .category, 
.sol-list2 .title,
.sol-list2 .replyNum,
.sol-list2 .icon {display:inline-block; float:left; margin-right:3px}
.sol-list2 .title-group {margin-bottom:0}
.sol-list2 .title {overflow: hidden; white-space:nowrap; text-overflow: ellipsis}
.sol-list2 .category {
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	font-size:11px; 
	background:#999;
	color:#fff;
	border-radius:2px;
	line-height:20px
}
.sol-list2 .category span {padding:0 3px}
@media (max-width:480px) {
	.sol-list2,
	.sol-gallery {padding:20px 10px}
	.sol-list2 .title-group {width:100%}	
	.sol-list2 .date,
	.sol-list2 .category {display:none}
	.sol-list2 .title {max-width:80%}	
}
@media (min-width:481px) {
	.sol-list2{ padding:19px}
	.sol-gallery { padding:20px 20px 19px;}
	.sol-list2 .title-group {width:80%}	
	.sol-list2 .date {width:20%}
	.sol-list2 .category {max-width:13%}
	.sol-list2 .title {max-width:72%}
}

/* sol-gallery */
.sol-gallery  li {float:left; white-space:nowrap; overflow:hidden}
.sol-gallery  li .list-wrap {margin-left:2px; margin-right:2px}
.sol-gallery .title-group {margin-top:5px; margin-bottom:0}
.sol-gallery .title-group,
.sol-gallery .date {padding:0 10px}
.sol-gallery .thumb {width:100%; height:100%} 
.sol-gallery .imgNone {
	height:135px;
	background:#efefef;
	text-align: center
}
.sol-gallery .imgNone .fa {font-size:30px;color:#bbb}
.sol-gallery .thumb > img {
	display:block; 
	width:100%; 
	height:157px; 
	min-height: 100px
}
@media (max-width:580px) {
.sol-gallery .title-group a,
.sol-gallery .title-group .icon {float:left} 
	.sol-gallery .title-group a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:70%}
}


/* 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);
}
/* 공통 */
.sol-list2,
.sol-gallery {background:#fff}
.replyNum {font-style:normal; font-weight:bold; color:#ff4a32}


