#mb_top .mb-board .board-list table.table-list .mb-list-image-box{
	padding:10px 10px !important;
}

.mb-board .main-style1 .mb-gallery-tpl-wrap{
	border:1px solid transparent;
    transition: all 0.3s;
}
.mb-board .main-style1 .mb-gallery-tpl-wrap .mb-gallery-tpl-box{
	border:1px solid #ddd;background-color:#FFF;
    transition: all 0.3s;
}
.mb-board .main-style1 .mb-gallery-tpl-wrap:hover,
.mb-board .main-style1 .mb-gallery-tpl-wrap:hover .mb-gallery-tpl-box{
	border-color:#f30000;
}

.mb-board .main-style1 .mb-gallery-tpl-wrap{margin:0px !important; overflow:hidden;}
.mb-mobile .board-list table.table-list td{
	border:none !important;
}
.mb-mobile .board-list table.table-list tr:first-child td{
	padding-top: 15px !important;
}
.mb-board .mb-style1 .search-text{width:180px !important;}
.mb-mobile .mb-board .mb-style1 .search-text{width:140px !important;}
.mb-board .mb-style1.gallery-list .gallery-list-head{border-top:none !important;} 
.mb-board .mb-style1.gallery-list .gallery-list-foot{border-bottom:none !important;} 
.mb-board .main-style1 .mb-list-title-box{text-align:center !important; padding:7px 2px 7px 2px !important; color:#898989 !important;font-weight:600 !important; font-size:15px !important;border-top:1px solid #E0E0E0}
.mb-board .main-style1 .mb-list-title-box div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#636363 !important;}
.mb-mobile .mb-board .main-style1 .mb-list-title-box{padding:7px 2px 7px 2px !important; font-weight:600 !important; font-size:14px !important;}

.mb-board .mb-gallery-tpl-wrap .mb-image-label{
	position:absolute;
	color:#fff;
	font-size:13px;
	font-weight:600;
	line-height:1.3;
	padding:4px 8px;
	-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;
	opacity:0.9;filter:alpha(opacity=0.9);
}

.mb-board .mb-gallery-tpl-wrap .mb-image-label1{
	left:6px;
	top:5px;
	background-color:#555;
}
.mb-board .mb-gallery-tpl-wrap .mb-image-label2{
	right:6px;
	top:5px;
	background-color:#555;
}

.mb-board .mb-view-content-wrap{
	text-align: center;
	padding: 3% 0px 2%;
}
.mb-mobile .mb-board .mb-view-content-wrap{
	padding: 24px 0px 0;
}
.mb-board .mb-view-content-wrap .mb-tpl-item {
    display: inline-block !important;
    width: 45%;
	vertical-align:middle !important;
}
.mb-board .mb-view-content-wrap .mb-tpl-center {
    width: 6%;
    display: inline-block;
    vertical-align: top !important;
    text-align: center;
    font-size: 54px;
    font-weight: 700;
    padding-top: 24%;
}
.mb-mobile .mb-board .mb-view-content-wrap .mb-tpl-item {
    display: inline-block !important;
    width: 100%;
	vertical-align:middle !important;
}
.mb-mobile .mb-board .mb-view-content-wrap .mb-tpl-center {
    width: 100%;
	display:none;
    padding-top:0;	
	height:0px;
}

/*
.mb-board .mb-view-content-wrap .mb-image-item img{
	width:auto !important;
	max-width:76% !important;
}
*/
/* 교체본 */
.mb-board .mb-view-content-wrap .mb-image-item img{
    width:100% !important;     /* 프레임을 꽉 채움 */
    max-width:none !important; /* 76% 제한 완전 해제 */
    height:auto !important;
    display:block !important;
}




.mb-board .mb-view-content-wrap .mb-image-label{
	width: 100%;
    text-align: center;
    padding: 15px 0 0 !important;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	color:#555;
}
.mb-mobile .mb-board .mb-view-content-wrap .mb-image-label{
	padding: 8px 0 8px !important;
    font-size: 13px !important;
}
body #mb_top .mb-board .gallery-list .main-style1{
	overflow-x:hidden;
}
body #mb_top .mb-board .gallery-list .main-style1 .gallery-list-body {
    margin-right: -7px !important;
    margin-left: -7px !important;
}


.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 .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
}
/* 좋아요 싫어요 버튼 끝 */



.mb-board .list-head .mb-category{
	float:none !important;
	text-align:center;
	margin-bottom:12px !important;
	padding:0 0px !important;
}
.mb-board .list-head .mb-category button{
	margin: 5px 5px 5px !important;
    -webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
    background-color: #FFF !important;
    border: 1px solid #DBDBDB !important;
	min-width:90px;
	color:#555 !important;
	padding:6px 10px 6px !important;
	font-size:14px !important;
	line-height: 1.5;
	font-weight:600;
}
.mb-board .list-head .mb-category button:hover{background-color:#F3F3F3 !important;}
.mb-mobile .mb-board .list-head{
	overflow:hidden;
	width:100%;
}

.mb-mobile .mb-board .list-head .mb-category button{
	padding:5px 13px 5px !important;
	margin: 3px 1% 3px !important;
}
.mb-board .list-head .mb-category .tab-menu-on,
.mb-board .list-head .mb-category .tab-menu-on:hover{
	background-color:#6A6A6A !important;
	color:#FFF !important;
}
.mb-board .list-head .mb-category select{
	min-width:200px;
	width:25% !important;	
	height:37px !important;
	padding:4px 15px 4px 10px !important;
	font-size:14px !important;
}
.mb-mobile .mb-board .list-head .mb-category select{
	width:100% !important;
}








/* ......................................................................... */
/* 첨부파일 이미지 폭 50% 강제 (모바일/PC 동일, 나중에 각각 조절 가능) .... khd ... 시작   */
/* ......................................................................... */

/* 0) 보드 박스 자체를 화면(부모 컨테이너) 폭에 맞게 */
#prpoev_board_box{
  width: 100% !important;
  max-width: none !important;
}

/* 1) view 테이블이 폭을 477px로 고정/수축하지 않도록 */
#prpoev_board_box table.table-view{
  width: 100% !important;
  max-width: none !important;
  table-layout: auto !important;  /* fixed면 칸 폭이 더 좁아짐 */
  border-collapse: collapse;
}

/* 2) 해당 행/셀(TD)이 overflow:hidden 으로 잘라먹는 문제 방지 */
#prpoev_board_box table.table-view td{
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  padding-left: 0;
  padding-right: 0;
}

/* 3) skin_image_view 래퍼가 내부에서 다시 폭을 줄이지 않도록 */
#prpoev_board_box .mb-view-content-wrap{
  width: 100% !important;
  max-width: none !important;
}
#prpoev_board_box .mb-tpl-item,
#prpoev_board_box .mb-tpl-item1,
#prpoev_board_box .mb-tpl-item2{
  display: inline-block !important;
  width: 50% !important;        /* 두 장을 반반 */
  vertical-align: top !important;
  float: none !important;
  box-sizing: border-box;
}
#prpoev_board_box .mb-tpl-center{  /* 가운데 6% 칸 제거 */
  width: 0 !important;
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 4) 이미지 자체는 프레임을 꽉 채우기 */
#prpoev_board_box .mb-image-item img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}



/* 페이지 빌더 래퍼에 wide-board 클래스를 줬다는 가정 */
.wide-board #prpoev_board_box{ width:100% !important; max-width:none !important; }



/* 첨부 이미지 실제 크기 제약 해제 */
#prpoev_board_box .mb-image-item img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}



/* ......................................................................... */
/* 첨부파일 이미지 폭 50% 강제 (모바일/PC 동일, 나중에 각각 조절 가능) .... khd ... 끝   */
/* ......................................................................... */