/* * 3. 폰트 사이즈가 명시된 주요 입력/표시 요소에 폰트 재정의 
 * (기존 코드에서 폰트 사이즈가 !important로 지정된 요소들에 폰트도 함께 !important로 재정의하여 
 * 기존의 다른 폰트 설정을 확실하게 덮어쓰도록 합니다.)
 */

/* 게시판 목록 및 뷰어의 주요 텍스트 */
.mb-board div .table>thead>tr>th, 
.mb-board div .table tr>th, 
.mb-board div .table tr>th label, 
.mb-board div .table>tbody>tr>td, 
.mb-board .mb-style1 .btn span,
.mb-board .mb-reply-status,
.mb-board .mb-style1 .view-td-title,
.mb-board .mb-style1 .table-view tr .view-td2-title span {
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif !important;
}

/* 폼 요소 (select, input[type=text] 등) */
.mb-board .mb-style1 select,
.mb-board .mb-style1 input,
.mb-board .mb-style1 label,
.mb-board .mb-style1 input[type="text"],
.mb-board .mb-style1>div>input[type="text"],
.mb-board .mb-style1>div>div>input[type="text"],
.mb-board .mb-style1>p>input[type="text"],
.mb-board .mb-style1 input[type="password"],
/* ... (나머지 input type도 필요하다면 추가) */
.mb-board .mb-style1 input[type="email"],
.mb-board .mb-style1 input[type="url"] {
    font-family: 'Pretendard', 'Noto Sans KR', sans-serif !important;
}


/* 모바일 전용 요소에도 확실하게 적용 */
.mb-mobile .mb-board .mb-style1 select,
.mb-mobile .mb-board .mb-style1 input,
.mb-mobile .mb-board .mb-style1 label,
.mb-mobile .mb-board div .table>thead>tr>th,
.mb-mobile .mb-board div .table tr>th,
.mb-mobile .mb-board div .table>tbody>tr>td,
.mb-mobile .mb-board .mb-style1 .btn span,
.mb-mobile .mb-board .mb-reply-status,
.mb-mobile .mb-board .board-list table.table-list .list-title {
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif !important;
}




.mb-board .board-list table.table-list td {background:url('../images/bg_paging_bar.gif') no-repeat left center;text-decoration: none; }
.mb-board .board-list table.table-list th:first-child, .board-list table.table-list td:first-child{background:none;}

.mb-board .board-list table.table-list th{font-size:18px !important; font-weight: 700 !important; color: #000 !important; padding:14px 0px 15px !important}
.mb-board .board-list table.table-list td{padding:13px 0px 14px !important}
.mb-board .cmt-count-box{font-size:13px !important;}
.mb-board .mb-style1 select,.mb-board .mb-style1 input,.mb-board .mb-style1 label,
.mb-board div .table>thead>tr>th, .mb-board div .table tr>th, .mb-board div .table tr>th label, .mb-board div .table>tbody>tr>td, .mb-board .mb-style1 .btn span,.mb-board .mb-reply-status{
	font-size:17px !important; font-weight: 400 !important; letter-spacing: -0.6px !important; color: #000000 !important;
}

.mb-board .mb-style1 .btn{height:34px !important;padding: 4px 13px 4px !important;}
.mb-board .mb-style1 select,
.mb-board .mb-style1>div select{
	width:auto !important;min-width:100px;padding:2px 19px 2px 9px !important;display:inline-block;font-size:18px;line-height:1.4;vertical-align: middle;height:34px !important;*height:34px !important;border: 1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;color:#000 !important;
}
.mb-board .mb-style1 input[type="file"]{
	font-size:14px !important;
}
.mb-board .mb-style1 input[type="checkbox"],
.mb-board .mb-style1 input[type="radio"],
.mb-board .mb-style1>label>input[type="checkbox"],
.mb-board .mb-style1>label>input[type="radio"]{
	min-width:16px;min-height:16px;
	vertical-align: -3px !important;
}
.mb-board .mb-style1 input[type="text"],
.mb-board .mb-style1>div>input[type="text"],
.mb-board .mb-style1>div>div>input[type="text"],
.mb-board .mb-style1>p>input[type="text"],
.mb-board .mb-style1 input[type="password"],
.mb-board .mb-style1 input[type="datetime"],
.mb-board .mb-style1 input[type="datetime-local"],
.mb-board .mb-style1 input[type="date"],
.mb-board .mb-style1 input[type="month"],
.mb-board .mb-style1 input[type="color"],
.mb-board .mb-style1 input[type="time"],
.mb-board .mb-style1 input[type="week"],
.mb-board .mb-style1 input[type="number"],
.mb-board .mb-style1 input[type="email"],
.mb-board .mb-style1 input[type="url"],
.mb-board .mb-style1 input[type="search"],
.mb-board .mb-style1 input[type="tel"]{
	display:inline-block;padding: 5px 9px 5px;margin:0;font-size:15px;line-height:1.4;vertical-align: middle;height:34px !important;*height:34px !important;border: 1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;background-color:#FFF;color:#000 !important;	
}

.mb-mobile .mb-board .mb-style1 select,.mb-mobile .mb-board .mb-style1 input,.mb-mobile .mb-board .mb-style1 label,
.mb-mobile .mb-board div .table>thead>tr>th,.mb-mobile .mb-board div .table tr>th,.mb-mobile .mb-board div .table>tbody>tr>td,.mb-mobile .mb-board .mb-style1 .btn span,.mb-mobile .mb-board .mb-reply-status{
	font-size:14px !important;
}
.mb-mobile .mb-board .board-list table.table-list .list-title{
	font-size:14px !important;
}

.mb-mobile .mb-board .board-list table.table-list th{padding:13px 0px 14px !important}
.mb-mobile .mb-board .board-list table.table-list td{padding:11px 0px 12px !important}
.mb-mobile .mb-board .mb-style1 .btn{height:32px !important;padding: 3px 13px 3px !important;}
.mb-mobile .mb-board .mb-style1 select,
.mb-mobile .mb-board .mb-style1>div select{
	width:auto !important;min-width:80px;padding:2px 16px 2px 9px !important;display:inline-block;font-size:14px;line-height:1.4;vertical-align: middle;height:32px !important;
}
.mb-mobile .mb-board .mb-style1 input[type="text"],
.mb-mobile .mb-board .mb-style1>div>input[type="text"],
.mb-mobile .mb-board .mb-style1>div>div>input[type="text"],
.mb-mobile .mb-board .mb-style1>p>input[type="text"],
.mb-mobile .mb-board .mb-style1 input[type="password"],
.mb-mobile .mb-board .mb-style1 input[type="datetime"],
.mb-mobile .mb-board .mb-style1 input[type="datetime-local"],
.mb-mobile .mb-board .mb-style1 input[type="date"],
.mb-mobile .mb-board .mb-style1 input[type="month"],
.mb-mobile .mb-board .mb-style1 input[type="color"],
.mb-mobile .mb-board .mb-style1 input[type="time"],
.mb-mobile .mb-board .mb-style1 input[type="week"],
.mb-mobile .mb-board .mb-style1 input[type="number"],
.mb-mobile .mb-board .mb-style1 input[type="email"],
.mb-mobile .mb-board .mb-style1 input[type="url"],
.mb-mobile .mb-board .mb-style1 input[type="search"],
.mb-mobile .mb-board .mb-style1 input[type="tel"]{
	display:inline-block;padding: 5px 8px 6px;margin:0;font-size:14px;line-height:1.4;vertical-align: middle;height:32px !important;	
}



.mb-style1 .table-prev-next th, .mb-style1 .table-prev-next td {
    padding: 14px 6px 13px 13px !important;
}
.mb-board div .table>thead>tr>th {
    background-color: #f6f6f6 !important;
}
.mb-board .board-list table.table-list {
    border-top: 2px solid #333 !important;
}

.mb-board .mb-style1 .search-text{width:160px !important;}
.mb-board .mb-style1.board-list .search-text{width:210px !important;}
.mb-mobile .mb-board .mb-style1 .search-text{width:140px !important;}
.mb-board div.board-list .table-list>tbody>tr>td{border-bottom:solid 1px #eaeaea !important;}

.mb-desktop-large .list-head,.mb-desktop .list-head{min-height:0px;}
.mb-board .list-head .mb-category select{margin-bottom:7px !important;}
.mb-mobile .mb-board .list-head .mb-category select{width:100% !important;}

.mb-board .mb-style1 .table-view>tbody td.view-title-wrap{font-size:14px !important; 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:24px !important; font-weight:600;color:#000;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:14px; color:#777; text-align:left !important;}
.mb-board .mb-style1 .table-view tr .view-td2-hit{font-size:14px;color:#777}
.mb-mobile .mb-board .mb-style1 .table-view tr .view-td2-date{font-size:14px;}
.mb-mobile .mb-board .mb-style1 .table-view tr .view-td2-hit{font-size:14px;}

.mb-board .list-head .mb-category{padding-bottom:2px !important;}
.mb-mobile .mb-board .list-head .mb-category{padding-bottom:10px !important;}
.mb-board .list-head .mb-category button{margin-bottom:8px !important;margin-right: 9px !important; border:1px solid #dbdbdb;padding: 5px 15px 5px !important;font-size:14px;line-height:1.5;height:34px;}
.mb-mobile .mb-board .list-head .mb-category button{ margin-bottom:5px !important;margin-right: 5px !important;padding: 3px 12px 3px !important;font-size:14px;height:32px;}

.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 .main-style1 table.table-list tr:hover td {
	background-color:#FAFAFA !important;
	-webkit-transition: 0.2s all ease-in;
    -moz-transition: 0.2s all ease-in;
    -ms-transition: 0.2s all ease-in;
    -o-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
}
.mb-board .main-style1 table.table-list tr:hover td a{color:#323232 !important}

.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-title{padding: 4px 0 1px 10px !important;}
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-date{padding: 1px 0 2px 2px !important;}
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-name{padding:0 0 5px 10px !important;}
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-title span{font-size: 14px !important;font-weight: 600 !important;color: #555 !important;}
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-date span{font-size: 13px !important;font-weight: 400 !important;color: #AAA !important;}
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-name span{font-size: 13px !important;font-weight: 400 !important;color: #888 !important;}

/* 앨범형, 게시판형 상단 버튼 시작 */
.mb-board .gallery-go-btn{
	position:relative;
	padding-left:18px;
	border:0 !important; font-weight:500 !important;
	color:#808080 !important;
	font-size:12px;
}
.mb-board .gallery-go-btn:hover{
	background-color:rgba(255,255,255,0) !important;
}
.mb-board .gallery-go-btn:before{
	content:"";
	background:url('../images/ico-list-album2.gif');
	background-size: 13px 13px;
	display:inline-block;
	width:13px;
	height:13px;
	position:absolute;
	top:4px;
	left:2px;
}
.mb-board .gallery-go-btn:hover:before{
	content:"";
	background:url('../images/ico-list-album2-hover.gif');
	background-size: 13px 13px;
	display:inline-block;
	width:13px;
	height:13px;
	position:absolute;
	top:4px;
	left:2px;
}

.mb-board .list-go-btn{
	position:relative;
	padding-left:18px;
	border:0 !important;font-weight:500 !important;
	color:#808080 !important;
	font-size:12px;
}
.mb-board .list-go-btn:hover{
	background-color:rgba(255,255,255,0) !important;
}
.mb-board .list-go-btn:before{
	content:"";
	background:url('../images/ico-list-board2.gif');
	background-size: 13px 13px;
	display:inline-block;
	width:13px;
	height:13px;
	position:absolute;
	top:4px;
	left:2px;
}
.mb-board .list-go-btn:hover:before{
	content:"";
	background:url('../images/ico-list-board2-hover.gif');
	background-size: 13px 13px;
	display:inline-block;
	width:13px;
	height:13px;
	position:absolute;
	top:4px;
	left:2px;
}
/* 앨범형, 게시판형 상단 버튼 끝 */

/* 좋아요 싫어요 버튼 시작 */
.mb-board .mb-style1 .btn-good,.mb-board .mb-style1 .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:0px;
	font-size:13px !important;
	color:#AAA !important
}
/* 좋아요 싫어요 버튼 끝 */


/* 1. 전체 폰트 및 자간 설정*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");

.mb-board,
.mb-board * {
    font-family: 'Pretendard', 'Noto Sans KR', sans-serif !important;
    letter-spacing: -0.5px !important; /* 전체 자간 설정 */
}

/* 갤러리 리스트의 제목 사이즈만 선택적으로 변경 */
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-title span {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

/* 모바일 장비명 사이즈 조정 */
.mb-mobile .mb-board .mb-style1.gallery-list .gallery-list-body .gallery-title {
    font-size: 16px !important;
}

/* 3. 제조사, 모델명 레이아웃 (아이콘 - 라벨 - 데이터 순서) */
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext {
    display: block;
    padding: 4px 15px 4px 105px !important; /* 라벨 길이만큼 왼쪽 패딩 확보 */
    font-size: 14px !important;
    color: #444 !important;
    text-align: left !important;
    position: relative;
    min-height: 24px;
}

/* 공통 아이콘 설정 */
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #9d9d9d;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* 라벨 텍스트 설정 (아이콘 우측에 고정) */
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext::after {
    position: absolute;
    left: 36px; /* 아이콘(12px) + 간격(24px) */
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: #9d9d9d;
}

/* 제조사 전용 설정 */
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext1::before {
    -webkit-mask-image: url('https://img.icons8.com/material-outlined/24/company.png');
    mask-image: url('https://img.icons8.com/material-outlined/24/company.png');
}
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext1::after {
    content: "제조사";
}

/* 모델명 전용 설정 */
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext2::before {
    -webkit-mask-image: url('https://img.icons8.com/material-outlined/24/calendar--v1.png');
    mask-image: url('https://img.icons8.com/material-outlined/24/calendar--v1.png');
}
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext2::after {
    content: "모델명";
}

/* 우측 데이터 텍스트 패딩 (데이터 간의 여유 공간) */
.mb-board .mb-style1.gallery-list .gallery-list-body .gallery-ext span {
    padding-right: 10px;
}