@charset "utf-8";

/* List */
.list-media { margin:0; }
.list-item { padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:15px; }
.list-item .img-left { margin-right:15px; }
.list-item .img-right { margin-left:15px; }
.list-item h2.media-heading { display:block; font-size:16px; line-height:22px; margin:0px; padding:0px 0px 4px; }
.list-item .list-details { margin-top:6px; padding:6px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .list-cont { margin-top:8px; padding:0; line-height:20px; }
.list-item .list-sp { margin:0 7px; color:#ddd; font-size:11px; }

.list-item .img { width: 200px !important;} /*changed from 190px*/

/*added on 6/29/2023 3:26pm*/
.list-item .list-details {display:none;}
.list-webzine{display:grid; grid-template-columns:repeat(3, 1fr);}
.more{display:flex; justify-content:center;}
.media-heading{border-bottom: 1px dotted #ccc;}
.list-item{border-bottom:0}
.ihn-row{flex-direction: column;}
.media.list-media{padding:10px;}

/*063023*/
.ihn-col-content p:nth-child(n+4){display: none;}
span.tack-icon.bg-orange {display: none;}

.guarantee-grade {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin: 2px 0 9px;
	min-height: 24px;
	line-height: 1.45;
}

.guarantee-grade-label {
	display: inline-flex;
	align-items: center;
	height: 20px;
	padding: 0 7px;
	border: 1px solid rgba(217, 119, 6, 0.30);
	border-left: 2px solid rgba(214, 158, 46, 0.85);
	border-radius: 4px;
	background: #fffbeb;
	color: #854d0e;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	white-space: nowrap;
}

.guarantee-grade-value {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	max-width: 100%;
	min-width: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	overflow-wrap: anywhere;
	word-break: keep-all;
}

html[data-darkreader-mode] .guarantee-grade-label,
html[data-darkreader-scheme="dark"] .guarantee-grade-label {
	border-color: rgba(245, 158, 11, 0.46);
		border-left-color: rgba(245, 158, 11, 0.95);
	background: #31220a;
	color: #fff7d6;
}

@media (prefers-color-scheme: dark) {
	.guarantee-grade-label {
		border-color: rgba(245, 158, 11, 0.46);
		border-left-color: rgba(245, 158, 11, 0.95);
		background: #31220a;
		color: #fff7d6;
	}
}

@media all and (min-width: 100px) and (max-width: 767px) {
	.guarantee-grade {
		gap: 3px;
		margin: 2px 0 7px;
	}

	.guarantee-grade-label {
		height: 18px;
		padding: 0 4px;
		font-size: 9px;
	}

	.guarantee-grade-value {
		font-size: 12px;
	}
}