@charset "UTF-8";

/*메인 제휴*/

.jh_title_box {border-bottom: 1px dotted #333; padding-bottom: 5px;}
.jh_title_box .carousel-indicators a {padding: 8px; color: #8b8a8a; opacity: 0.7;}
.jh_title_box .carousel-indicators a:hover {opacity: 1;}
.jh_title_box .carousel-indicators .active {opacity: 1;}
.jh_h2 {display: flex; align-items: center;}
.jh_h2 img {width: 40px; position: relative; top: -2px;}
.jh_h2 h2 {font-size: 18px; letter-spacing: -1.6px;}

.main-injh-flex h2 {font-size: 20px;}
.main-injh-flex img {width: 60px;}

.jh_cate_box img {max-width: 30px;}

.wid_jh_inbox {
	border:2px solid #ededed00;
	border-radius: 5px;
	padding: 10px;
	background: #f5f5f5;
	box-shadow: 0 2px 8px 0px #e3e3e3;
	-webkit-box-shadow: 0 2px 8px 0px #e3e3e3;
	-moz-box-shadow: 0 2px 8px 0px #e3e3e3;
}
.wid_jh_inbox:hover {
	transition: 0.3s;
	box-shadow: 0 2px 8px 0px #a5a5a5;
	-webkit-box-shadow: 0 2px 8px 0px #a5a5a5;
	-moz-box-shadow: 0 2px 8px 0px #a5a5a5;
}

.wid_jh_inbox .icon_rank {
	padding: 2px;
	display: inline-block;
	width: 19px;
	height: 19px;
	border-radius: 50rem;
	margin: 0 3px 8px 0;
	text-align: center;
	font-size: 15px;
	line-height: 15px;
}
.wid_jh_inbox .caname_ca {background: #0089ff; color: #fff; padding: 2px 8px; border-radius: 3px; font-size: 12px;}
.wid_jh_inbox .caname_slot {background: #ff6217; color: #fff; padding: 2px 8px; border-radius: 3px; font-size: 12px;}

.wid_jmoney { border-radius: 3px; background: #a3a3a3; color: #fff; padding: 2px 4px; margin-right: 2px; font-size: 11px;}
.wid_jsj {font-weight: bold; font-size: 15px;}

.info_go {font-size: 12px; color: #a3a3a3;}
.direct_go {font-size: 12px; color: #a3a3a3;}


@media all and (max-width:767px) {
	.main-jh-flex {flex-direction: column;}
	.main-injh-flex h2 {font-size: 16px;}
	.main-injh-flex img {width: 40px;}

	.wid_jh_inbox .caname_to {padding: 2px 6px;}
	.wid_jh_inbox .caname_slot {padding: 2px 6px;}
	.wid_jh_inbox .caname_to {padding: 2px 6px;}
	.wid_jmoney {padding: 2px 4px;}
	.jh_title_box .carousel-indicators a {padding: 5px 6px;}
	.wid_jh_inbox {padding: 2px 5px 5px;}

}