#mb_top .mb-board * {letter-spacing:-1.2px;font-family: "Noto Sans KR", "NotoSansKR", "Tahoma", "Dotum", "돋움", "sans-serif", "IcoMoon", "dashicons", "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Pro", "jt-popup-font" !important;}

#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{
}

.mb-board .main-style1 .mb-gallery-tpl-wrap{
	border:1px solid #ddd;
	background-color:#FFF;
	padding:16px 25px 22px;
    transition: all 0.3s;
}

.mb-board .main-style1 .mb-gallery-tpl-wrapmb-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-tpl-text1{text-align:center !important; padding:2px 2px 3px 2px !important; color:#2d2118 !important;font-weight:700 !important; font-size:24px !important;}
.mb-board .main-style1 .mb-list-title-box{text-align:center !important; padding:3px 2px 9px 2px !important; color:#fff !important;font-weight:600 !important; font-size:15px !important;}
.mb-board .main-style1 .mb-list-desc-box{text-align:center !important; color:#999;font-size:12px;padding-top:18px;}
.mb-board .main-style1 .mb-list-title-box div{
	display:inline-block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    background-color: #c78d7f !important;
    border: 1px solid #c78d7f !important;
    min-width: 50px;
	max-width:80%;
    padding: 1px 12px 1px !important;
    font-size: 13px !important;
    line-height: 1.5;
    font-weight: 400;
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
	color:#fff !important;
}
.mb-board .main-style1 .mb-list-title-box div span{
	font-weight:600;
}
.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_top .mb-board .mb-gallery-tpl-wrap .mb-image-label{
	text-align:center;
	padding:5px 5px 7px;	
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	color:#fff;
	font-size:15px;
}
.mb-board .mb-gallery-tpl-wrap .mb-item-horizontal{
	padding:0 10px;
}
.mb-mobile .mb-board .mb-gallery-tpl-wrap .mb-item-horizontal{
	height:auto !important;
}
.mb-board .mb-gallery-tpl-wrap .mb-item-horizontal .mb-tpl-item {
	width:100%;position:relative;display:block;
	max-width:94%;
	max-height:50%;
	margin:0 auto;
	overflow:hidden;
}
.mb-mobile .mb-board .mb-gallery-tpl-wrap .mb-item-horizontal .mb-tpl-item {
	max-width:100% !important;
}

.mb-board .mb-gallery-tpl-wrap .mb-item-horizontal .mb-tpl-item .mb-image-label{
	position:absolute;
	top:0;
	left:0;
	width:74px;
	font-size:14px;
	padding:3px 5px 5px;	
	z-index: 19;
}
.mb-board .mb-gallery-tpl-wrap .mb-item-horizontal{
}
.mb-board .mb-gallery-tpl-wrap .mb-item-vertical .mb-tpl-item {
	width:50%;position:relative;display:inline-block;vertical-align:top;	
}

.mb-board .mb-gallery-tpl-wrap .mb-image-label1{
	background-color:#97928C;color:#FFF;
}
.mb-board .mb-gallery-tpl-wrap .mb-image-label2{
	background-color:#c78d7f;color:#FFF;
}
.mb-board .mb-view-content-wrap{
	text-align: center;
	padding: 5% 2% 2%;
	max-width:1000px;
	margin:0 auto;
}
.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%;
    padding-top:0;	
	height:0px;
}


/*
.mb-board .mb-view-content-wrap.mb-item-horizontal .mb-tpl-item {
	width:100%;position:relative;display:block;    
}
.mb-board .mb-view-content-wrap.mb-item-vertical .mb-tpl-item {
	display: inline-block !important;
    width: 30%;
	vertical-align:middle !important;
	margin:0 5%;
	max-width:260px;
}

.mb-board .mb-view-content-wrap.mb-item-vertical .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-board .mb-view-content-wrap.mb-item-horizontal .mb-tpl-center {
    width: 100%;
	height:50px;
    display: block;
    text-align: center;
}
.mb-board .mb-view-content-wrap .mb-image-item{
	width:auto !important;
}
.mb-board .mb-view-content-wrap.mb-item-horizontal .mb-image-item{
	max-width:600px !important;
}
.mb-board .mb-view-content-wrap .mb-item-vertical .mb-image-item{
	max-width:200px !important;
}
*/
#mb_top .mb-board .mb-view-content-wrap .mb-image-label,
#mb_top .mb-board .mb-view-content-wrap .mb-image-label span,
#mb_top .mb-board .mb-gallery-tpl-wrap .mb-image-label,
#mb_top .mb-board .mb-gallery-tpl-wrap .mb-image-label span,
#mb_top .mb-board .main-style1 .mb-list-tpl-text1{
	font-family:"NotoSerifKR","Noto Sans KR","NotoSansKR","Tahoma","Dotum" !important;
}

#mb_top .mb-board .mb-view-content-wrap .mb-image-label{
	width: 100%;
    text-align: center;
    padding: 15px 0 0 !important;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 600;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	color:#2d2118;
}
.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-top: 5% !important;
    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 .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 .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:20px;-moz-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;
    background-color: #F2F0EB !important;
    border: none !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:#c78d7f !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;
}
/* 모바일에서 카테고리 버튼 그리드로 정렬 */
.mb-mobile .mb-board .list-head .mb-category{
  display: grid !important;
  grid-template-columns: repeat(3, max-content);
  justify-content: center;  /* 전체 그룹 가운데 */
  gap: 10px;
  text-align: left !important;
}

/* grid일 때 기존 margin%이 레이아웃을 망치니 제거 */
.mb-mobile .mb-board .list-head .mb-category button{
  margin: 0 !important;
  width: auto !important;
}
/* 모바일에서 카테고리 버튼 커스텀end */

.mb-board .mb-responsive-gallery-effect{ 
	display: block;background: rgba(0,0,0,0.5);color:#FFF;text-align:center;padding:20px 0px;width:100%;height:100%;opacity: 1; z-index:6;position: absolute;top: 0;left: 0;

}
.mb-board .mb-responsive-gallery-effect-box{position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width:100%; padding:0 5px !important;}
.mb-board .mb-gallery-arrow-icon{position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width:100%; padding:0 !important;text-align:center;z-index:19;}
.mb-board .mb-gallery-arrow-icon img{width:36px;}
.mb-board .mb-item-vertical .mb-gallery-arrow-icon .mb-arrow-right{
	display:inline !important;
}
.mb-board .mb-item-vertical .mb-gallery-arrow-icon .mb-arrow-down{
	display:none !important;
}
.mb-board .mb-item-horizontal .mb-gallery-arrow-icon .mb-arrow-right{
	display:none !important;
}
.mb-board .mb-item-horizontal .mb-gallery-arrow-icon .mb-arrow-down{
	display:inline !important;
}

.mb-board .mb-item-vertical .mb-gallery-arrow-icon{
	top: 43%;
}
.mb-board .mb-responsive-gallery-effect-box .mb-responsive-gallery-effect-icon{
}
.mb-board .mb-responsive-gallery-effect-box .mb-responsive-gallery-effect-title{
	padding:8px 0 0;
	font-size:11px;
	letter-spacing:-0.5px;
	color:#FFF;
}
.mb-board .mb-item-effect1 .mb-image-item2{-webkit-filter:blur(10px);filter:blur(10px);overflow:hidden;}










body #mb_top .mb-board .mb-style1 .pagination-box td a {
    background: none !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td:not(.mb-disabled) a:hover {
    background-color: rgba(238,238,238,0.3) !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow a {
    padding: 0px !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow img {
    display: none !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-start span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_left2.gif) no-repeat center center !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-prev span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_left.gif) no-repeat center center !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-next span {
    display: inline-block;
    margin-left: 1px !important;
    width: 24px;
    height: 24px;
    background: url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_right.gif) no-repeat center center !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-end span {
    display: inline-block;
    margin-left: 1px !important;
    width: 24px;
    height: 24px;
    background: url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_right2.gif) no-repeat center center !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td a {
    font-size: 13px;
    font-weight: 400 !important;
    display: inline-block;
    line-height: 24px;
    width: auto;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    padding: 0 1px 0 2px !important;
    vertical-align: top !important;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #EEE;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.active a {
    display: inline-block;
    line-height: 24px;
    width: auto;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    padding: 0 1px 0 2px !important;
    vertical-align: top !important;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.active a {
    background-color: #555555 !important;
    border: 1px solid #555555 !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.active a:hover {
    background-color: #555555 !important;
}

body #mb_top .mb-board .mb-style1 .pagination-box td.active a {
    color: #FFFFFF !important;
}