.mb-board .mb-hover-category{font-weight:600;font-size:12px; line-height:17px; text-align:left; padding-top:15px; padding-left:25px;padding-right:25px;color:#fff;}
.mb-board .mb-hover-title{text-align:left;font-size:16px;line-height:22px;padding-left:25px;padding-right:25px; padding-top:5px;color:#fff; font-weight:700;}
.mb-board .mb-hover-date{font-weight:600;font-size:12px; line-height:17px; text-align:left; padding-top:5px; padding-left:25px;padding-right:25px;color:#fff;}
.mb-board .mb-hover-name{text-align:left;font-size:12px;line-height:11px;padding-left:25px;padding-right:25px; padding-top:5px;color:#fff;}

.mb-board .mb-style1 .table-view>tbody td.view-title-wrap{padding:15px 0px 0px !important; border:none !important;}
.mb-board .mb-style1 .view-td-titlebox{border-bottom: solid 1px #dbdbdb !important; margin-bottom:8px; padding:0px 11px 10px 13px;}
.mb-board .mb-style1 .view-td-userdatebox{ padding:0px 11px 0px 13px;}
.mb-board .mb-style1 .view-td-title{font-size:19px; font-weight:600;}
.mb-board .mb-style1 .view-td-date {font-size:13px; color:#C2C1BF;}

.mb-board .mb-style1 .view-td2-titlebox{border-bottom:solid 1px #dbdbdb !important; padding:0 10px 14px;}
.mb-board .mb-style1 .table-view tr .view-td2-title{padding-bottom:10px;line-height:1.4;}
.mb-board .mb-style1 .table-view tr .view-td2-title span{font-size:21px !important; font-weight:600;color:#333;border:none;}
.mb-mobile .mb-board .mb-style1 .table-view tr .view-td2-title span{font-size:19px !important;}
.mb-board .mb-style1 .table-view tr .view-td2-date{font-size:13px; color:#777; text-align:left !important;}
.mb-board .mb-style1 .table-view tr .view-td2-hit{font-size:13px;padding-left:23px;color:#777}


.mb-board .list-head .mb-category{padding-bottom:0px !important;}
.mb-mobile .mb-board .list-head .mb-category{padding-bottom:7px !important;}
.mb-board .list-head .mb-category button{margin-bottom:5px !important}
.mb-board .list-head .mb-category button{margin-right: 5px !important; border:1px solid #dbdbdb; }


.mb-board .btn-default {background-color: #fbfbfb !important;}
.mb-board .cmt-list-box {background-color: #FFF;}

.mb-board .cmt-list-item .cl_name_item{float:left;min-width:70px;line-height:18px;}
.mb-board .cmt-reply-item .cl_name_item{ min-width:86px !important;}
.mb-board .cmt-list-box .cmt-reply-item .cmt-name{ min-width:70px;}



/* 좋아요 싫어요 버튼 시작 */
.mb-board .btn-good, .mb-board .btn-bad{
	padding:7px 25px !important;
	border:1px solid #DDD;
}

.mb-board .btn-good > span > span, .mb-board .btn-bad > span > span{
	margin-left:6px;
	vertical-align:bottom;
	font-size:13px !important;
	color:#AAA; !important
}
/* 좋아요 싫어요 버튼 끝 */

.gallery-list .gallery-list-body .gallery-item-wrap a{position:static !important;}
.gallery-list .gallery-list-body .gallery-item-wrap{ border:1px solid #ddd; box-shadow: 1px 1px 1px 0px #eee;background-color:#FFF;}
.gallery-list .gallery-list-body .gallery-item-img{border:0 !important; padding:0 !important; margin:0px !important; overflow:hidden;}
.gallery-list .gallery-list-body .gallery-title div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mb-board .gallery-list .gallery-list-body .gallery-title{text-align:left !important; padding:20px 20px 10px 20px !important; }
.mb-board .gallery-list .gallery-list-body .gallery-title div{color:#636363 !important;font-weight:600 !important; font-size:15px !important;}
.mb-board .gallery-list .gallery-list-body .gallery-date{padding:0 20px 26px 20px !important;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom {
	text-align:left;
	padding:20px !important;
	font-size:12px;
	color:#898989 !important; 
	line-height: 1.5 !important;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	background-color:#fafafa; 
	border-top:1px solid #e3e3e3;
}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .left-box{float:left;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .right-box{float:right;}

.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .right-box>span>span{vertical-align:middle !important;line-height:19px;height:20px;display:inline-block;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-comment{margin-left:7px; color:#b9b9b9;display:inline-block !important;vertical-align:top !important;font-size: 12px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-comment > img{width:20px; height:20px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-good{ margin-left:7px; color:#b9b9b9;display:inline-block !important;vertical-align:top !important;font-size: 12px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-good > img{width:20px; height:20px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-hit{color:#b9b9b9;display:inline-block !important;vertical-align:top !important;font-size: 12px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-hit > img{width:20px; height:20px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-more{color:#898989; font-weight:700;display:inline-block !important;vertical-align:top !important;font-size: 12px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-more > i{font-size: 10px;margin-right:2px;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .mb-more:hover{color:#1d1d1d;}



/* 이미지 마우스 오버시 모션 시작 */
.gallery-list .gallery-list-body .gallery-item-img{position:relative;}
.gallery-list .gallery-list-body .gallery-item-img .mb-hover-container{
	position:absolute; 
	width:100%; 
	height:100%; 

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color:#fff;
	opacity:0;
	
	}
.gallery-list .gallery-list-body .gallery-item-img .mb-hover-container .mb-hover-arrow{
	width:80px;
	height:80px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-40px 0 0 -40px;
	background-color:#5a99d0;
	line-height:80px;
	border-radius:80px;
	text-align: center !important;
}
.gallery-list .gallery-list-body .gallery-item-img .mb-hover-container .mb-hover-arrow img{
	width:30px;
	height:30px;
	margin-top:-5px;
}

.gallery-list .gallery-list-body .gallery-item-img .mb-hover-container:hover{
	opacity:0.7;
}
.gallery-list .gallery-list-body .gallery-item-img .mb-hover-container:hover .mb-hover-arrow{
	-webkit-animation: mt_little_turn 0.5s 1 cubic-bezier(0.180, 0.890, 0.300, 1.255);  /*  Safari  4 */
	animation:         mt_little_turn 0.5s 1 cubic-bezier(0.180, 0.890, 0.300, 1.255);  /*  IE  10 */
}

@-webkit-keyframes mt_little_turn {
  0%   { -webkit-transform:rotate(-180deg) scale(0.3);  }
  100% { -webkit-transform:rotate(0deg) scale(1);  }
}
@keyframes mt_little_turn {
  0%   { transform:rotate(-180deg) scale(0.3);  }
  100% { transform:rotate(0deg) scale(1);   }
}
/* 이미지 마우스 오버시 모션 끝*/