.mb-board .skin-head .mb-tab-category{
	margin-bottom:32px !important;
	padding:0 0 !important;
	text-align:center;
}
.mb-board .skin-head .mb-tab-category button{ 
	padding:8px 12px 8px !important;
	color:#555 !important;
	min-width:74px;
	font-size:13px !important;
	line-height: 1.5;
	width:auto;
	font-weight:600;
	margin-right: -1px !important; 
	margin-bottom: -1px !important; 
	-webkit-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;border-radius:0px;	
	border:1px solid #dbdbdb;
}
.mb-board .skin-head .mb-tab-category .tab-menu-on{
	background-color:#555555 !important;
	color:#FFF !important;
}
.mb-board .skin-head .mb-tab-category .mb-skin-category-wrap{width:100%;text-align:center;}

.mb-board .mc-price-style1 {
    color: #888;
    font-size: 12px;
}

.mb-board .table-view div.mb-reply-status {
    margin-left:0 !important;
	max-width: 150px;
}
.mb-style1 .table-view>tbody td {
    padding: 13px 7px 11px 8px !important;
    background-color: #FFF;
}
.mb-board .mb-reply-btn-wrap{
	line-height:1.6;
	padding:12px 0 12px !important;
}
.mb-board .mb-replay-btn-item{
	display: inline-block;
    min-width: 100px;
    min-height: 30px;
	line-height:1.6;
    padding: 5px 12px 4px;
    border: 1px solid #dbdbdb;
    text-align: center !important;
	margin-top: -1px;
	margin-left: -1px;
}

.mb-board .mb-estimate-content-box{border:solid 1px #dbdbdb;padding:10px 15px;}
.mb-board .mb-estimate-view-item{margin-bottom:20px;}
.mb-board .mb-estimate-reply-box{border:solid 1px #dbdbdb;padding:17px 15px 1px;margin-bottom:10px;}
.mb-board .mb-estimate-reply-item-box{border:solid 1px #E7E7E7;padding:10px 15px 10px;margin-bottom:14px;}
.mb-board .mb-estimate-write-box{border:solid 1px #dbdbdb;padding:15px 15px;margin-bottom:10px;}
.mb-board .mb-estimate-item table th{text-align:center;}
.mb-board .mb-estimate-reply-select{border:solid 2px #dbdbdb;}
.mb-style1 .table-write>tbody td.content-box{padding:0px !important;}
.mb-board .table>tbody>tr>td.mb-estimate-view-box table,
.mb-board .table>tbody>tr>td.mb-estimate-view-box th,
.mb-board .table>tbody>tr>td.mb-estimate-view-box td{border:1px solid #E7E7E7;}

.mb-board .cmt-input-head{margin-top:5px;}
.mb-board .cmt-list-box{margin-top:0px; }
.mb-board .mb-estimate-content-box .main-style1 .table>tbody>tr>th,
.mb-board .mb-estimate-reply-box .table>tbody>tr>th,
.mb-board .mb-estimate-content-box .main-style1 .table>tbody>tr>td,
.mb-board .mb-estimate-view-item .table>tbody>tr>td{border-bottom:solid 1px #E7E7E7 !important;}
.mb-board .mb-estimate-view-item .cmt-style1 .table>tbody>tr>td{border-bottom:solid 1px #dbdbdb !important;}
.mb-board .mb-print-mode .table>tbody>tr>td.content-box{border-bottom:none !important;}
.mb-board .mb-print-mode .table>tbody>tr>td.mb-estimate-view-box{padding:12px 18px 11px 18px !important;}

.mb-board .mb-estimate-item-box:first-child{padding:17px 15px;}
.mb-board .mb-estimate-reply-text-box{padding:5px 5px;border:solid 1px #dbdbdb;border-bottom:none;background-color:#F9F9F9;font-weight:bold;}
.mb-board .mb-estimate-title-box{position:relative;padding:7px 12px;;background-color:#5a99d0 !important;color:#FFF;font-weight:bold;font-size:15px;font-weight:600;}
.mb-board .mb-estimate-title-dark{background-color:#999 !important;color:#FFF;}
.mb-board .mb-estimate-sheet-item table, .mb-board .mb-estimate-item-border table {border-top: 2px solid #5a99d0 !important;}

.mb-board .mb-reply-status{font-size:13px !important;color:#FFF; font-weight:600;background-color:#a3a3a3;}
.mb-board div.mb-reply-status{margin:0 6px;border-radius:2px;padding:3px 1px; border:solid 1px #DDD;}
.mb-board span.mb-reply-status{}
.mb-board .mb-show-mobile.mb-reply-select, .mb-board .mb-show-mobile.mb-reply-status{background-color:#fff; border:none !important; color:#D00; font-weight:normal;}

.mb-board .reply-count-num{font-weight:500}
.mb-mobile .mb-board .mb-reply-status{display:inline-block;margin:0px;padding:2px 4px;text-align:center;} 

.mb-board .mb-style1 .view-td-titlebox{}
.mb-board .mb-style1 .view-td-title{padding-bottom:5px;}
.mb-board .mb-style1 .view-td-title span{font-size:16px !important; font-weight:600; color:#676c73; border:none; min-width:230px !important;}
.mb-board .mb-style1 .view-td-date{font-size:11px; color:#777; text-align:left !important;}
.mb-board .mb-style1 .view-td-hit{font-size:12px;color:#777;}
.mb-board .mb-style1 .table-view{border-top:none !important;}

.mb-board .mb-estimate-reply-select{position:relative; border: double 3px #dbdbdb;}
.mb-board .mb-estimate-reply-lables{background:url('../images/estimate-reply-lables2.png') no-repeat 0 0; width:40px; height:50px;position: absolute; top: -12px; left: -15px;z-index:1;}
.mb-board .mb-style1 .view-td-hit {font-weight:bold !important; font-size:13px;color: #676767;}


.mb-order-title{font-size:16px;font-weight:400;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.effect-title .mb-order-title{padding-bottom:1px !important;height:22px;font-weight:600;}

.mb-order-hover-box {text-align:center; color:#fff;}
.mb-order-hover-box .mb-order-text{padding:6px 5px 20px;line-height: 24px;font-size:14px;}

.ht-post-heading {margin: 0 auto !important;}
.effect{background-color:rgba(111,111,111,0.8); width:100%;height:100%;position: absolute; display: block; opacity:0; transition: opacity 0.2s ease-in; top:0px; left:0px;cursor:pointer !important;}
.check-active .effect{width:calc(100% - 8px);height:calc(100% - 8px);top:4px; left:4px;}
/*.mb-tablet .effect{height:183px;}
.mb-mobile .effect{height:208px;}*/
.effect-wrap{}
.effect-wrap>div{position:relative;margin:10px 10px 10px !important; }
.effect-wrap:hover .effect{opacity:1; transition: opacity 0.2s ease-in;}
.effect-title{text-align:center; position: relative; top: 50%; transform: translateY(-50%);}
.effect-title .btn{ font-weight:500; color:#fff;font-size:14px; border:1px solid #fff; border-radius:5px;padding:5px 6px 5px;width:134px !important;text-align:center;}
.effect-title .btn1{ margin-top:10px;}
.effect-title .btn2{ margin-top:4px;}
.effect-title .btn3{ margin-top:3px;margin-bottom:4px;}
.effect-title .btn:hover{
	color:#555;
	background-color:#FFF;
}

.mb-order-wrap {margin:0 -10px !important;}

.mb-order-wrap .mb-order-item-box {display:block;padding-bottom: 2px;height:23px;}
.mb-order-content1 {background-color:#5B96CD;}
.mb-order-content2 {background-color:#FBBB2F;}

.mb-order-wrap .mb-order-content { padding: 9px 9px 14px;box-shadow: 1px 2px 4px #ccc;text-align:center; background-color:#fff; }
.mb-order-wrap .mb-order-content img{max-width:94%;margin:3% 0 !important;}



/* Step 버튼 */
.step-buttons li.step-button {width: 20%;min-width: 60px;float:left;border: 1px solid #ccc !important;font-size: 14px;padding: 5px 0px !important;margin-bottom:3px;text-align: center;font-size:13px !important;cursor:pointer !important;list-style:none !important;margin-right:-1px;}
li.step-button.step-active {background-color: #5A99D0 !important;color: #F7F7F7 !important; }

/* Tab 버튼 */
.tab-buttons li.tab-button {min-width: 91px;float:left;border: 1px solid #ccc !important;font-size: 14px;padding: 5px 7px !important;margin-bottom:0px; margin-right:6px !important;text-align: center;font-size:13px !important;cursor:pointer !important;list-style:none !important;margin-right:-1px; position:relative;}

li.tab-button.tab-active {background-color: #5A99D0 !important;color: #F7F7F7 !important; }


/* Toggle 버튼 */
.toggle-buttons li.toggle-button {min-width: 70px;float:left;border: 1px solid #ccc !important;font-size: 14px;padding: 5px 7px !important;margin-bottom:0px; margin-right:6px !important; text-align: center;font-size:13px !important;cursor:pointer !important;list-style:none !important;margin-right:-1px; position:relative;}

li.toggle-button.toggle-active {background-color: #5A99D0 !important;color: #F7F7F7 !important; }



/* Toggle Check버튼 */

.toggle-buttons-check li.toggle-button2{  padding:0 !important;}
.toggle-buttons-check li.toggle-button div {display: inline-block !important;}
.toggle-buttons-check li.toggle-button2 .toggle-check { width: 13px;height: 13px;cursor: pointer;background-repeat: no-repeat; background-position:center center;background-size: 13px 13px; margin-left:5px; vertical-align:middle;}
.toggle-check-label{ padding:5px 5px !important;}
.toggle-buttons-check li.toggle-button.toggle-active .toggle-check-label{background-color: #5A99D0 !important;color: #F7F7F7 !important;}
.toggle-buttons-check li.toggle-button2 .toggle-check-image{background-image: url('../images/btn-click-check2.png');}
.toggle-buttons-check li.toggle-button2.toggle-active .toggle-check {background-image: url('../images/btn-click-check1.png');}


.order-tab-button>.mb-order-content{
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.box-effect{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;height: 100%;
	pointer-events: none;
	background: none !important;
}



.box-effect-top{	
	border-left:2px solid #555;
	border-right:2px solid #555;
	transition: opacity 0.4s, transform 0.4s;
	-webkit-transition: opacity 0.4s, transform 0.4s;
	-moz-transition: opacity 0.4s, transform 0.4s;
	-ms-transition: opacity 0.4s, transform 0.4s;
	-o-transition: opacity 0.4s, transform 0.4s;
	transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	-o-transform: translate3d(0, -100%, 0);
}
.box-effect-left{
	
	border-bottom:2px solid #555;
	transition: opacity 0.8s, transform 0.8s;	
	-webkit-transition: opacity 0.8s, transform 0.8s;
	-moz-transition: opacity 0.8s, transform 0.8s;
	-ms-transition: opacity 0.8s, transform 0.8s;
	-o-transition: opacity 0.8s, transform 0.8s;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%,  0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
}
.box-effect-right{

	border-bottom:2px solid #555;
	transition: opacity 0.8s, transform 0.8s;
	-webkit-transition: opacity 0.8s, transform 0.8s;
	-moz-transition: opacity 0.8s, transform 0.8s;
	-ms-transition: opacity 0.8s, transform 0.8s;
	-o-transition: opacity 0.8s, transform 0.8s;
	transform: translate3d(100%, 0,0);
	-webkit-transform: translate3d(100%, 0,0);
	-moz-transform: translate3d(100%, 0,0);
	-ms-transform: translate3d(100%, 0,0);
	-o-transform: translate3d(100%, 0,0);
}



.box-active.box-effect-top{
 	transform: translate3d(0px, 0, 0);
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	-o-transform: translate3d(0px, 0, 0);

}
.box-active.box-effect-left,.box-active.box-effect-right{
 	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;

}

.box-top-active.box-top{
	border-top:2px solid #555;
}

.mb-mobile .mb-board .mb-style1 .mb-hide-mobile{padding:0 !important;border:none !important;border-right:none !important;border-left:none !important;visibility:hidden !important;width:0 !important;height:0 !important;line-height:0px !important;text-align:right !important;}


/* open box style start */
.mb-board .mb-icon-open-box { position: absolute;right:14px;top:8px; }
.mb-board .mb-open-box td{padding:0px !important;background-color:#FFF !important;}
.mb-board .mb-open-box .mb-open-content{text-align:left;padding:11px 11px 11px 6px !important;}
.mb-board .mb-icon-box{margin:3px auto 0;width:14px;height:14px;vertical-align:middle;background:url('../images/icon_plus2.gif') no-repeat center center; text-decoration: none;}
.mb-board .mb-icon-box.mb-icon-close{background:url('../images/icon_minus2.gif') no-repeat center center; }
/* open box style end */

.mb-mobile .mb-board .mb-layout-responsive-box .main-style1 .mb-responsive-box>div {
    padding: 0 !important;
}

.mb-mobile .effect{display:none !important}
.mb-mobile .mb-order-title{font-size:15px;color:#777;}
.mb-mobile .effect-wrap>div{position:relative;margin:3px 3px 3px !important; }
.mb-mobile .mb-order-wrap .mb-order-content { padding: 7px 2px 6px !important; box-shadow: none !important;border:1px solid #999;}
.mb-mobile .mb-order-wrap .check-active .mb-order-content{border:1px solid #555;}
.mb-mobile .mb-order-wrap {margin:0 0px !important;}