@charset "utf-8";

.btn_mttip {border:1px solid #808080; color:#333; font-weight:bold; padding-top:8px !important; padding-bottom:7px !important; border-radius:6px; background:#fff; box-shadow:3px 4px 4px -2px #d5d5d5; -webkit-box-shadow:3px 4px 4px -2px #d5d5d5; -moz-box-shadow:3px 4px 4px -2px #d5d5d5; transition:background .15s ease-in-out;}
.btn_mttip:hover {background:#f9f9f9;}

.btn_mttip img {
	vertical-align: top;
	margin-top: 3px;
}

#bo_list .na-table-head .d-md-table-cell {
	background: #fff;
}

#bo_list #list-body li:nth-child(odd) > div {
	background: #fcfdff;
}

#bo_list #list-body li:nth-child(even) > div {
	background: #f7f8fa;
}

#bo_list #list-body li:last-child > div:first-child {
	border-radius: 0 0 0 10px;
}

#bo_list #list-body li:last-child > div:nth-last-child(2) {
	border-radius: 0 0 10px 0;
}

#bo_list #list-body li:last-child {
	border-radius: 0 0 10px 10px;
	border-bottom: 0 !important;
}

#bo_list .na-title .na-subject {
	text-overflow: unset;
	white-space: unset;
}

#bo_list .mtttip_wr_subject {
	display: inline-block;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
	vertical-align: top; 
	max-width: 80%;
}

#bo_list .mtttip_wr_subject.is_icon {
	max-width: 72%;
}

#bo_list #mttip_site_info_mobile span {
	display: inline-block;
	background: #f56c67;
	color: #fff;
	padding: 1px 0.35rem 0;
	border-radius: 4px;
}

#bo_list #mttip_site_info_mobile,
#bo_list #mttip_wr_cmt_cnt_wrap {
	display: none !important;
}

#bo_list #mttip_price {
	color: #db3232;
}

#bo_list #mttip_price img {
	display: none;
}

#bo_list .na-title .na-ticon {
	top: 1px;
}

@media (max-width: 767px) {
	.btn_mttip {
		padding: 7px 0.35rem 6px !important;
		font-size: 0.75rem;
	}

	.btn_mttip img {
		width: 13px;
	}

	#bo_list {
		position: relative;
		box-shadow: unset !important;
		-webkit-box-shadow: unset !important;;
		-moz-box-shadow: unset !important;
		background: transparent;
		border-radius: 0;
	}

	#bo_list #list-body li > div {
		background: transparent !important;
		border-radius: 0 !important;
	}

	#bo_list .mtttip_wr_subject {
		max-width: 100% !important;
	}
	
	#bo_list .mtttip_wr_subject.is_icon {
		max-width: 88% !important;
	}

	#bo_list #mttip_site_info_mobile {
		display: block !important;
		padding-left: 0 !Important;
	}

	#bo_list #mttip_price {
		color: #000;
	}

	#bo_list #mttip_price img {
		display: inline-block;
	}

	#bo_list #mttip_site_name_wrap,
	#bo_list #mttip_site_link_wrap,
	#bo_list #mttip_wr_name_wrap,
	#bo_list #wr_cmt_cnt_pc {
		display: none !important;
	}

	#bo_list #mttip_wr_cmt_cnt_wrap {
		display: inline-block !important;
	}
}