.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:0px;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 .mb-view-info-wrap{padding-top:10px;}
.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;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:13px 17px 2px 17px !important; font-weight:600 !important; font-size:16px !important;line-height: 1.6 !important;}
.mb-board .gallery-list .gallery-list-body .gallery-title div{color:#636363 !important;}
.mb-board .gallery-list .gallery-list-body .gallery-date{padding:0 17px 8px !important;line-height: 1.6 !important;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom {text-align:left;padding:0px 16px !important;}
.mb-board .gallery-list .gallery-list-body .gallery-item-bottom .gallery-content{ padding:8px 1px 15px;border-top:1px solid #e3e3e3;line-height: 1.8 !important;font-size:13px;color:#737373 !important;}

.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 .mb-comment{margin-left:7px; color:#b9b9b9;}
.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;}
.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;}
.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;}
.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-wrap:hover .gallery-item-img .mb-hover-container{
	opacity:0.7;
}
.gallery-list .gallery-list-body .gallery-item-wrap:hover .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);   }
}
/* 이미지 마우스 오버시 모션 끝*/