.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.widgetContainer {
	background: #fff;
	padding: 20px;
}

.widgetContainer .title-name .main-title {
	display: inline-block;
	border-bottom: 2px solid #48a7bb;
	font-weight: bold;
	height: 20px;
	font-size: 14px;
	color: #151515;
	text-decoration:none;
}
.widgetContainer .title-name a.floatRight{
	color:#e1e1e1;
	text-decoration:none;
}

.widgetContainer .open {
	display: block !important;
}

.widgetContainer a {
	text-decoration: none;
}

.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus {
	text-decoration: underline;
}

.widgetContainer img {
	border: 0;
}

.widgetContainer em {
	position: relative;
	line-height: 1;
	display: inline-block;
	margin: -5px 0;
	*padding: 0 1px;
	font-style: normal;
}

.widgetContainer form {
	margin: 0;
	padding: 0;
}

.widgetContainer fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.widgetContainer .title-name {
	height: 22px;
}

ul.widgetA {
	padding: 10px 0 0 0;
	list-style: none;
	border-top: 2px solid #e1e1e1;
	margin: -2px 0 0 0;
}

ul.widgetA.border_delete {
	border-top: 0;
}

ul.widgetA li {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	line-height: 20px;
}

.widgetTableA {
	width: 100%;
	font-size: 12px;
	position: relative;
	border: 0;
}

.widgetTableA td {
	border: 0;
	line-height: 1.5;
	white-space: nowrap;
	vertical-align: top;
	padding: 1px 5px 1px 5px;
}

.widgetTableA td.title {
	width: 100%;
	white-space: normal;
}

.widgetTableA td .board {
	padding-right: 5px;
}

.widgetTableA td .notice {
	padding-right: 5px;
}

.widgetTableA td .category {
	padding-right: 5px;
	font-weight: normal;
}

.widgetTableA td .replyNum a {
	font: 10px Tahoma;
}

.widgetTableA td .trackbackNum a {
	font: 10px Tahoma;
}

.widgetTableA td.summary {
	white-space: normal;
}

.widgetTableA td.time {
	font-size: 11px;
	font-family: Tahoma;
}


.widgetTabC {
	margin: 0;
	padding: 0;
	font-size: 12px;
	border-top: 1px solid;
}

.widgetTabC li {
	list-style: none;
	border-bottom: 1px solid;
	*zoom: 1;
	margin-bottom: 1px;
}

.widgetTabC li a {
	display: block;
	padding: 7px 0 6px 10px;
	text-decoration: none;
	*zoom: 1;
}

dl.widgetDivider {
	margin: 0;
}

dl.widgetDivider dt {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

dl.widgetDivider dd {
	display: none;
	margin: 0;
}

.widgetNavigator {
	margin: 0;
	padding: 0;
	text-align: right;
	clear: both;
}

.widgetNavigator li {
	list-style: none;
	display: inline;
}

.widgetNavigator li button {
	width: 16px;
	height: 16px;
	padding: 0;
	background-color: transparent;
	background-image: url(../img/white/buttonWidgetNavigation.gif);
	border: 1px solid #999;
	cursor: pointer;
}

.widgetNavigator li button.prev {
	background-position: left center;
	*background-position: -1px center;
}

.widgetNavigator li button.next {
	background-position: right center;
	*background-position: 13px center;
}

.widgetNavigator li button span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.widgetGalleryA {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	*zoom: 1;
	_margin-right: -100%;
}

.widgetGalleryA:after {
	content: "";
	display: block;
	clear: both;
}

.widgetGalleryA li {
	float: left;
	overflow: hidden;
	width: 100px;
	margin-right: 28px;
	margin-bottom: 15px;
	padding-bottom: 0;
	white-space: nowrap;
	list-style: none;
}

.widgetGalleryA li.clearRight {
	margin-right: 0;
}

.widgetGalleryA li .thumb {
	display: block;
	position: relative;
	width: 100px;
	height: 75px;
	margin-bottom: 10px;
	overflow: hidden;
	text-decoration: none;
}

.widgetGalleryA li .thumb img {
	display: block;
	position: relative;
	width: 100%;
}

.widgetGalleryA li .thumb .imgNone {
	display: block;
	position: relative;
	width: 100%;
	height: 70%;
	padding-top: 30%;
	background: #eee;
	text-align: center;
	cursor: pointer;
	color: #000;
}

.widgetGalleryA li .thumb .board {
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetGalleryA li .thumb .category {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetGalleryA li .author {
	display: block;
}

.widgetGalleryA li .replyNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetGalleryA li .trackbackNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetGalleryA li .date {
	font: 11px Tahoma;
}

.widgetGalleryA li .hour {
	font: 11px Tahoma;
}

/* widgetThumb */
.widgetThumb {
	position: relative;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}

.widgetThumb .thumb {
	display: block;
	margin-bottom: 5px;
	position: relative;
	*zoom: 1;
	text-decoration: none;
	_float: left;
}

.widgetThumb .thumb img {
	display: block;
	width: 100%;
}

.widgetThumb .thumb .imgNone {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
	background: #eee;
	text-align: center;
	cursor: pointer;
	color: #000;
}

.widgetThumb .thumb .category {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetThumb .title {
	display: block;
}

.widgetThumb .author {
	display: block;
}

.widgetThumb .date {
	font-size: 11px;
	font-family: Tahoma;
}

.widgetThumb .hour {
	font-size: 11px;
	font-family: Tahoma;
}

.widgetZineA {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	*zoom: 1;
}

.widgetZineA:after {
	content: "";
	display: block;
	clear: both;
}

.widgetZineA li {
	list-style: none;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	*zoom: 1;
	overflow: hidden;
}

.widgetZineA li p {
	margin: 0;
	padding: 0;
}

.widgetZineA li p.thumbArea {
	position: relative;
	float: left;
	width: 100px;
	margin-right: -100px;
	overflow: hidden;
}

.widgetZineA li p.titleArea {
	margin-left: 120px;
	margin-bottom: 4px;
}

.widgetZineA li p.titleArea .board {
	padding-right: 5px;
}

.widgetZineA li p.text {
	margin-left: 120px;
	margin-bottom: 4px;
}

.widgetZineA li p.authorArea {
	margin-left: 120px;
}

.widgetZineA li .thumb {
	display: block;
	position: relative;
	width: 100px;
	height: 75px;
	text-decoration: none;
	overflow: hidden;
}

.widgetZineA li .thumb img {
	position: relative;
	width: 100%;
}

.widgetZineA li .thumb .imgNone {
	display: block;
	position: relative;
	width: 100%;
	height: 80%;
	padding-top: 20%;
	background: #eee;
	text-align: center;
	cursor: pointer;
	color: #000;
}

.widgetZineA li .thumb .category {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetZineA li .category {
	padding-right: 5px;
	font-weight: normal;
}

.widgetZineA li .title {
	font-weight: bold;
}

.widgetZineA li .replyNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetZineA li .trackbackNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetZineA li .author {
	margin-right: 10px;
}

.widgetZineA li .date {
	font: 11px Tahoma;
}

.widgetZineA li .hour {
	font: 11px Tahoma;
}

.widgetTabC {
	border-color: #e5e5e5;
}

.widgetTabC li {
	border-color: #e5e5e5;
	background: #f8f8f8;
}

.widgetTabC li a {
	color: #333;
}

.widgetTabC li a:hover,
.widgetTabC li a:active,
.widgetTabC li a:focus {
	background: #eee;
}

.widgetTabA {
	border-color: #666;
}

.widgetTabA li,
.widgetTabA li a {
	background-image: url(../img/white/buttonWidgetTab.gif);
}

.widgetTabA li a {
	color: #333;
}

.widgetA a.title {
	color: #333;
	display: inline-block;
	top: 0;
}

.widgetA a.board_title {
	display: inline-block;
	width: 70px;
	padding: 2px 5px;
	background: #9d9d9d;
	color: #f2f2f2;
	text-align: center;
	border-radius: 5px;
}

.widgetA a.board {
	color: #333;
	padding-right: 5px;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetA .notice {
	color: #ff1a1a;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetA .category {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetA .replyNum a {
	color: #ff1a1a;
}

.widgetA .trackbackNum a {
	color: #66c;
}

.widgetA .author {
	color: #333;
	margin-right: 5px;
}

.widgetA .date {
	color: #333;
}

.widgetA .hour {
	color: #888;
}

.widgetTableA td.title a {
	color: #333;
}

.widgetTableA td .board {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetTableA td .notice {
	color: #ff1a1a;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetTableA td .category {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetTableA td .replyNum a {
	color: #ff1a1a;
}

.widgetTableA td .trackbackNum a {
	color: #66c;
}

.widgetTableA td .author {
	color: #333;
}

.widgetTableA td .date {
	color: #333;
}

.widgetTableA td .hour {
	color: #888;
}

.widgetGalleryA li .title {
	color: #333;
}

.widgetGalleryA li .replyNum a {
	color: #ff1a1a;
}

.widgetGalleryA li .trackbackNum a {
	color: #66c;
}

.widgetGalleryA li .author {
	color: #333;
}

.widgetGalleryA li .date {
	color: #333;
}

.widgetGalleryA li .hour {
	color: #888;
}

.widgetThumb {
	color: #333;
}

.widgetThumb a {
	color: #333;
}

.widgetThumb .hour {
	color: #888;
}

.widgetZineA li .board {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetZineA li .title {
	color: #666;
}

.widgetZineA li .replyNum a {
	color: #ff1a1a;
}

.widgetZineA li .trackbackNum a {
	color: #66c;
}

.widgetZineA li .author {
	color: #333;
}

.widgetZineA li .category {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetZineA li .date {
	color: #333;
}

.widgetZineA li .hour {
	color: #888;
}

.widgetZineA li .text {
	color: #888;
}

.widgetContainer.black .widgetTabC {
	border-color: #7f7f7f;
}

.widgetContainer.black .widgetTabC li {
	border-color: #7f7f7f;
	background: #222;
}

.widgetContainer.black .widgetTabC li a {
	color: #999;
}

.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus {
	background: #333;
}

.widgetContainer.black .widgetTabA {
	border-color: #999;
}

.widgetContainer.black .widgetTabA li,
.widgetContainer.black .widgetTabA li a {
	background-image: url(../img/black/buttonWidgetTab.gif);
}

.widgetContainer.black .widgetTabA li a {
	color: #999;
}

.widgetContainer.black .widgetTableA td.title a {
	color: #999;
}

.widgetContainer.black .widgetTableA td .board {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetTableA td .notice {
	color: #ff1a1a;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetTableA td .category {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetTableA td .replyNum {
	color: #ff1a1a;
}

.widgetContainer.black .widgetTableA td .trackbackNum {
	color: #66c;
}

.widgetContainer.black .widgetTableA td .author {
	color: #999;
}

.widgetContainer.black .widgetTableA td .date {
	color: #999;
}

.widgetContainer.black .widgetTableA td .hour {
	color: #888;
}

.widgetContainer.black .widgetGalleryA li .title {
	color: #999;
}

.widgetContainer.black .widgetGalleryA li .replyNum a {
	color: #ff1a1a;
}

.widgetContainer.black .widgetGalleryA li .trackbackNum a {
	color: #66c;
}

.widgetContainer.black .widgetGalleryA li .author {
	color: #999;
}

.widgetContainer.black .widgetGalleryA li .date {
	color: #999;
}

.widgetContainer.black .widgetGalleryA li .hour {
	color: #888;
}

.widgetContainer.black .widgetThumb {
	color: #999;
}

.widgetContainer.black .widgetThumb a {
	color: #999;
}

.widgetContainer.black .widgetThumb .hour {
	color: #888;
}

.widgetContainer.black .widgetZineA li .board {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetZineA li .title {
	color: #999;
}

.widgetContainer.black .widgetZineA li .replyNum a {
	color: #ff1a1a;
}

.widgetContainer.black .widgetZineA li .trackbackNum a {
	color: #66c;
}

.widgetContainer.black .widgetZineA li .author {
	color: #999;
}

.widgetContainer.black .widgetZineA li .category {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetZineA li .date {
	color: #999;
}

.widgetContainer.black .widgetZineA li .hour {
	color: #888;
}

.widgetContainer.black .widgetZineA li .text {
	color: #888;
}

/* ===== 모바일 인기글/베스트글 섹션 스타일 ===== */
/* Added: 2024-02-04 */
.footer_text {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 10px;
	background: #fff;
}

/* 모바일에서 각 위젯 컨테이너 스타일 */
@media (max-width: 768px) {
	.footer_text {
		flex-direction: column;
		padding: 0;
		gap: 0;
		background: transparent;
		font-family: 'Spoqa Han Sans Neo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
		max-width: 100%;
		overflow: hidden;
	}

	/* 폰트 강제 적용 */
	.footer_text * {
		font-family: 'Spoqa Han Sans Neo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	}

	.footer_text > div {
		width: 100% !important;
		float: none !important;
		margin-bottom: 0;
		background: #fff;
		padding: 16px;
		border-bottom: 8px solid #f5f5f5;
	}

	.footer_text > div:last-child {
		border-bottom: none;
	}

	/* 테이블 스타일 개선 */
	.footer_text table {
		border: none !important;
		width: 100% !important;
		font-family: 'Spoqa Han Sans Neo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	}

	.footer_text table td {
		border: none !important;
		padding: 8px 0 !important;
		font-size: 14px !important;
		line-height: 1.5 !important;
	}

	/* 테이블 제목 영역 숨김 */
	.footer_text table thead {
		display: none !important;
	}

	/* 글 제목 스타일 */
	.footer_text td.title {
		font-size: 14px !important;
		padding-right: 8px !important;
	}

	/* 작성자 스타일 */
	.footer_text td.author {
		font-size: 12px !important;
		color: #666 !important;
		text-align: right !important;
		white-space: nowrap !important;
	}

	/* 순위 표시 스타일 개선 */
	.footer_text .rank {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
		color: white;
		font-size: 11px;
		font-weight: 700;
		border-radius: 4px;
		margin-right: 8px;
	}

	/* 1,2,3위 특별 스타일 */
	.footer_text tr:nth-child(1) .rank {
		background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	}

	.footer_text tr:nth-child(2) .rank {
		background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
	}

	.footer_text tr:nth-child(3) .rank {
		background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
	}

	/* 리스트 아이템 스타일 */
	.footer_text .Ding_ListRanking_BoxList li,
	.footer_text .rank-list-item {
		padding: 8px 0;
		border-bottom: 1px solid #e0e0e0;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.footer_text .Ding_ListRanking_BoxList li:last-child,
	.footer_text .rank-list-item:last-child {
		border-bottom: none;
	}

	/* 순위 번호 스타일 */
	.footer_text .rank-number {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		background: #667eea;
		color: white;
		font-size: 12px;
		font-weight: 600;
		border-radius: 4px;
		flex-shrink: 0;
	}

	/* 제목 텍스트 스타일 */
	.footer_text .rank-title {
		flex: 1;
		font-size: 14px;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* 작성자 스타일 */
	.footer_text .rank-author {
		font-size: 12px;
		color: #666;
		flex-shrink: 0;
	}

	/* 제목 링크 스타일 */
	.footer_text a.document_title {
		color: #333;
		text-decoration: none;
		font-size: 13px;
		display: inline-block;
		max-width: none !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		flex: 1;
	}

	.footer_text a.document_title:hover {
		color: #667eea;
	}

	/* 작성자 링크 스타일 */
	.footer_text a.author_link {
		color: #999;
		font-size: 12px;
		text-decoration: none;
		max-width: none !important;
	}

	/* 테이블 행 hover 효과 */
	.footer_text tbody tr {
		transition: background-color 0.2s;
	}

	.footer_text tbody tr:hover {
		background-color: #f8f9fa;
	}

	/* 위젯 자체 제목을 이모지 포함 스타일로 교체 */
	.footer_text .rank-title-view {
		border-bottom: 2px solid #ff6b6b !important;
		padding: 0 0 10px !important;
		margin-bottom: 4px;
	}

	.footer_text .rank-title-view .rank-title {
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #333 !important;
	}

	.footer_text > div:first-child .rank-title-view .rank-title::before {
		content: "🔥 ";
	}

	.footer_text > div:nth-child(2) .rank-title-view {
		border-bottom-color: #667eea !important;
	}

	.footer_text > div:nth-child(2) .rank-title-view .rank-title::before {
		content: "⭐ ";
	}

	/* pado_board_rankingWidget 순위 이미지를 CSS 그라데이션 뱃지로 교체 */
	.footer_text .ding-rank-image {
		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
		border-radius: 4px !important;
		width: 20px !important;
		height: 20px !important;
		background-size: 0 0 !important;
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}

	.footer_text .ding-image-rank1 {
		background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
	}

	.footer_text .ding-image-rank1::after { content: "1"; }

	.footer_text .ding-image-rank2 {
		background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
	}

	.footer_text .ding-image-rank2::after { content: "2"; }

	.footer_text .ding-image-rank3 {
		background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;
	}

	.footer_text .ding-image-rank3::after { content: "3"; }

	/* 4, 5위 숫자 스타일 */
	.footer_text .ding-rank-number {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 20px !important;
		height: 20px !important;
		background: #e0e0e0;
		color: #666;
		font-size: 11px;
		font-weight: 700;
		border-radius: 4px;
		line-height: 1;
	}

	/* 리스트 아이템 - flexbox 정렬 */
	.footer_text .rank-list {
		display: flex !important;
		align-items: center !important;
		padding: 8px 0 !important;
		border-bottom: 1px solid #f0f0f0;
		line-height: normal !important;
	}

	.footer_text .rank-list:last-child {
		border-bottom: none !important;
	}

	/* 순위 뱃지 영역 - float 제거, flex 아이템 */
	.footer_text .rank-order {
		float: none !important;
		flex-shrink: 0;
		width: 28px !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	/* 제목+닉네임 wrapper div - flex 레이아웃 */
	.footer_text .rank-list > div:not(.rank-order) {
		flex: 1;
		min-width: 0;
		display: flex !important;
		align-items: baseline;
	}

	/* 제목 텍스트 */
	.footer_text .list-title {
		font-size: 13px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		flex: 1;
		min-width: 0;
		line-height: 1.4 !important;
	}

	.footer_text .list-title a {
		color: #333 !important;
	}

	/* 닉네임 - 우측 정렬 */
	.footer_text .list-nickname {
		font-size: 11px !important;
		color: #999 !important;
		float: none !important;
		flex-shrink: 0;
		margin-left: 8px;
	}

	.footer_text .list-nickname-image {
		display: none !important;
	}

	/* rank-status (new 등) 정리 */
	.footer_text .rank-status-span {
		display: none !important;
	}
}

/* 대문 하단 위젯 가로 배치 (인기게시판 + 약준모 레전드) */
.pc_main_top_widgets {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.pc_main_top_widgets > div {
	flex: 1;
	min-width: 0;
}

/* 인기게시판 NEW 뱃지 */
.hof-badge-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	padding: 0 3px;
	background: transparent;
	color: #f39c12;
	font-size: 9px;
	font-weight: 700;
	border: 1.5px solid #f39c12;
	border-radius: 3px;
	margin-right: 4px;
	flex-shrink: 0;
}

/* 모바일: 인기게시판 + 약준모 레전드 세로 배치 */
@media (max-width: 768px) {
	.pc_main_top_widgets {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 12px;
		max-width: 100%;
		overflow: hidden;
	}
}