/* 상단 헤더 + 모바일 비율 — njavtv 모바일 화면을 재서 그대로 맞춤
 * - 제목: 아이콘 없이, 첫 글자만 테마 색, Halant 400 (njavtv 로고 글꼴)
 * - 모바일 헤더: 고정(fixed) 56px, 배경은 위→아래로 투명해지는 그라데이션 (제목·아이콘 외에는 비침)
 *   검색 아이콘 24px / 햄버거 24px(세 줄), 오른쪽 여백 16px, 사이 16px. 아이콘 배경은 절대 바뀌지 않음
 *   검색: 아이콘을 누르면 헤더 아래에 검색창(입력 + 버튼), 바깥을 누르면 닫힘
 *   메뉴: 햄버거 아래 오른쪽에 폭 224px 밝은 드롭다운
 * - 목록: 좌우 16px, 2열 간격 20px, 썸네일 모서리 4px, 제목 14px 한 줄, 재생시간 12px 알약
 * - 영상 글: 제목 16px 보통 굵기, 세부 항목 16px (줄 사이 8px)
 */
.site-title a {
	font-family: 'Halant', Georgia, 'Times New Roman', serif !important;
	font-weight: 400 !important;
	letter-spacing: 0;
	color: #fafafa !important;
}
.site-title a > i { display: none !important; }
.site-title a .nvi-logo-first { color: var(--nvi-main, #ff3565); }

.nvi-search-btn { display: none; }

/* ======================================================================
 * PC (njavtv 데스크톱 1280px 을 재서 맞춤)
 *  - 헤더: 한 줄 56px 고정, 위→아래 투명 그라데이션. 로고 | 메뉴 글자(16px/500, 사이 16px) | 검색 아이콘
 *    메뉴는 배경 없는 글자, 폴더 트리(Categories)는 밝은 드롭다운. 검색창은 아이콘을 누르면 헤더 아래에
 *  - 목록: 좌우 16px, 3열(992~1279) / 4열(1280~), 간격 20px, 섹션 제목 30px
 *  - 영상 글: 왼쪽 본문 + 오른쪽 300px 관련 영상 목록 (사이 24px), 제목 18px
 * ====================================================================== */
@media screen and (min-width: 992px) {
	/* ---------- 헤더 ---------- */
	body { padding-top: 56px !important; }
	#page { margin: 0 auto !important; max-width: 1536px !important; }
	#masthead.site-header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9990;
		display: flex !important;
		align-items: center;
		height: 56px;
		padding: 0 16px !important;
		margin: 0 !important;
		background: linear-gradient(rgb(24, 24, 24), rgba(24, 24, 24, 0)) !important;
		box-shadow: none !important;
		border: 0 !important;
	}
	body.admin-bar #masthead.site-header { top: 32px; }
	#masthead .site-branding { display: contents !important; }   /* 로고·검색 아이콘이 헤더 한 줄에 직접 놓이게 */
	#masthead .site-branding .logo {
		order: 1;
		flex: 1 1 auto;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
	#masthead .site-title { margin: 0 !important; padding: 0 !important; font-size: 36px !important; line-height: 56px !important; }
	#masthead .site-title a { font-size: 36px !important; line-height: 1.5 !important; }
	#masthead .site-description,
	#masthead .happy-header,
	#masthead > .clear { display: none !important; }

	/* 메뉴: 배경 없는 글자 한 줄 */
	#site-navigation {
		order: 2;
		position: relative !important;
		float: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
	}
	#site-navigation .button-nav,
	#site-navigation #head-mobile { display: none !important; }
	#site-navigation > ul {
		display: flex !important;
		align-items: center;
		gap: 16px;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
		border: 0 !important;
	}
	#site-navigation > ul > li {
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		position: relative;
	}
	#site-navigation > ul > li > a {
		display: inline-flex !important;
		align-items: center;
		height: 24px !important;
		padding: 0 !important;
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 500 !important;
		color: #eceff4 !important;
		background: none !important;
		border: 0 !important;
		text-transform: none !important;
	}
	#site-navigation > ul > li > a::before,
	#site-navigation > ul > li > a i { display: none !important; }
	#site-navigation > ul > li > a:hover,
	#site-navigation > ul > li.current-menu-item > a { color: var(--nvi-main, #ff3565) !important; background: none !important; }

	/* 검색 아이콘 (메뉴 오른쪽 16px) */
	.nvi-search-btn,
	.nvi-search-btn:hover,
	.nvi-search-btn:focus,
	.nvi-search-btn:active {
		order: 3;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		margin: 0 0 0 16px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		outline: none !important;
		color: #eceff4 !important;
		cursor: pointer;
	}
	.nvi-search-btn svg { width: 24px; height: 24px; display: block; }
	.nvi-search-btn:hover,
	body.nvi-search-open .nvi-search-btn { color: var(--nvi-main, #ff3565) !important; }

	/* 검색창: 헤더 아래 오른쪽 */
	#masthead .header-search {
		display: none !important;
		position: absolute;
		top: 56px;
		right: 16px;
		width: 560px !important;
		max-width: calc(100% - 32px);
		height: auto;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}
	body.nvi-search-open #masthead .header-search { display: block !important; }
	#masthead .header-search form { display: flex !important; align-items: stretch; margin: 0 !important; }
	#masthead .header-search input#s {
		flex: 1 1 auto;
		min-width: 0;
		float: none !important;
		width: auto !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 8px 16px !important;
		font-size: 16px !important;
		background: rgb(46, 52, 64) !important;
		border: 2px solid rgb(129, 161, 193) !important;
		border-right: 0 !important;
		border-radius: 4px 0 0 4px !important;
		color: rgb(229, 233, 240) !important;
		box-shadow: none !important;
	}
	#masthead .header-search input#s.nvi-tag-input { color: transparent !important; }
	#masthead .header-search input#searchsubmit {
		flex: 0 0 auto;
		float: none !important;
		width: auto !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 0 16px !important;
		position: static !important;
		font-family: FontAwesome, 'Inter', system-ui, sans-serif !important;
		font-size: 14px !important;
		background: rgb(129, 161, 193) !important;
		border: 2px solid rgb(129, 161, 193) !important;
		border-radius: 0 6px 6px 0 !important;
		color: rgb(36, 41, 51) !important;
		box-shadow: none !important;
	}

	/* 폴더 트리(Categories): 밝은 드롭다운, 펼친 하위는 짙은 청회색 + 들여쓰기 */
	#site-navigation li.nvi-cat-root > a::after {
		content: "" !important;
		float: none !important;
		width: 20px;
		height: 20px;
		margin-left: 4px;
		padding: 0 !important;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	}
	#site-navigation li.nvi-cat-root.nvi-open > a::after { transform: rotate(180deg); }
	#site-navigation .nvi-cat-panel {
		top: 32px !important;
		left: auto !important;
		right: 0 !important;
		width: 300px !important;
		max-height: calc(100vh - 80px) !important;
		padding: 4px 0 !important;
		background: #e5e9f0 !important;
		border-radius: 6px !important;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3) !important;
	}
	#site-navigation .nvi-cat-panel .nvi-caret,
	#site-navigation .nvi-cat-panel i { display: none !important; }
	#site-navigation .nvi-cat-panel .nvi-cat-toggle,
	#site-navigation .nvi-cat-panel a.nvi-cat-link {
		gap: 8px;
		padding: 8px 16px !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #2e3440 !important;
		background: transparent !important;
		border: 0 !important;
		transition: none !important;
	}
	#site-navigation .nvi-cat-panel .nvi-cat-toggle::after {
		content: "";
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	}
	#site-navigation .nvi-cat-panel .nvi-cat-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
	#site-navigation .nvi-cat-panel .nvi-cat-toggle:hover,
	#site-navigation .nvi-cat-panel a.nvi-cat-link:hover { background: #d8dee9 !important; }
	#site-navigation .nvi-cat-panel > .nvi-cat-list > .nvi-cat-item > .nvi-cat-toggle[aria-expanded="true"] { background: #d8dee9 !important; }
	#site-navigation .nvi-cat-panel .nvi-cnt { color: #6b7385 !important; font-size: 12px !important; }
	/* 펼친 하위 목록: 짙은 청회색 */
	#site-navigation .nvi-cat-panel .nvi-cat-list .nvi-cat-list { background: #4c566a !important; }
	#site-navigation .nvi-cat-panel .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
	#site-navigation .nvi-cat-panel .nvi-cat-list .nvi-cat-list a.nvi-cat-link {
		color: #e5e9f0 !important;
		border-top: 1px solid rgba(255, 255, 255, .08) !important;
	}
	#site-navigation .nvi-cat-panel .nvi-cat-list .nvi-cat-list .nvi-cat-toggle:hover,
	#site-navigation .nvi-cat-panel .nvi-cat-list .nvi-cat-list a.nvi-cat-link:hover { background: #434c5e !important; }
	#site-navigation .nvi-cat-panel .nvi-cat-list .nvi-cat-list .nvi-cat-toggle[aria-expanded="true"] { background: #5a6378 !important; }
	#site-navigation .nvi-cat-panel .nvi-cat-list .nvi-cat-list .nvi-cnt { color: #b3bccb !important; }
	#site-navigation .nvi-cat-panel a.nvi-cat-all { font-size: 13px !important; }
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
	#site-navigation .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 32px !important; }
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 48px !important; }
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 64px !important; }

	/* ---------- 목록 ---------- */
	#content.site-content { max-width: none !important; margin: 0 !important; padding: 0 16px !important; }
	#primary.content-area { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; }
	#primary .widget { margin: 0 0 48px !important; padding: 0 !important; }
	#primary .widget:first-child { margin-top: 24px !important; }
	.widget-title,
	.widget .widget-title,
	#primary .widget-title {
		font-size: 30px !important;
		font-weight: 700 !important;
		line-height: 36px !important;
		padding: 0 !important;
		margin: 0 0 24px !important;
		border: 0 !important;
		background: none !important;
		color: #eceff4 !important;
	}
	#primary .videos-list {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
		margin: 0 !important;
	}
	#primary .videos-list::before,
	#primary .videos-list::after { display: none !important; }
	#primary .videos-list article.thumb-block {
		width: auto !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.videos-list .post-thumbnail { border-radius: 4px; overflow: hidden; }
	#primary .videos-list article.thumb-block .entry-header {
		padding: 6px 0 0 !important;
		height: auto !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #b8babc !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left !important;
	}
	#primary .videos-list article.thumb-block .entry-header * { font-size: 14px !important; line-height: 20px !important; }
	.videos-list .duration {
		bottom: 4px !important;
		right: 4px !important;
		padding: 4px 8px !important;
		font-size: 12px !important;
		line-height: 16px !important;
		border-radius: 8px !important;
		background: rgba(31, 41, 55, .75) !important;
	}
	.videos-list .duration i { display: none; }
	.videos-list .hd-video {
		top: 4px !important;
		right: 4px !important;
		padding: 2px 5px !important;
		font-size: 10px !important;
		line-height: 14px !important;
		border-radius: 4px !important;
	}

	/* ---------- 영상 글: 왼쪽 본문 + 오른쪽 관련 영상 300px ---------- */
	.single #main > article.post {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 300px;
		column-gap: 24px;
		align-items: start;
		margin-top: 24px !important;
	}
	.single #content.site-content { padding-top: 0 !important; margin-top: 0 !important; }
	.single .breadcrumbs-area { display: none !important; }   /* njavtv 에 없는 경로 줄 */
	.single #main > article.post > span,
	.single #main > article.post > meta,
	.single #main > article.post > .clear { display: none !important; }
	.single #main > article.post > .entry-header,
	.single #main > article.post > .entry-content { grid-column: 1; }
	.single #main > article.post > .under-video-block {
		grid-column: 2;
		grid-row: 1 / span 2;
		margin: 0 !important;
		padding: 0 !important;
	}
	.single .under-video-block .widget-title { font-size: 18px !important; line-height: 28px !important; margin: 0 0 12px !important; }
	.single .under-video-block > div:not(.clear):not(.show-more-related) {
		display: flex !important;
		flex-direction: column;
		gap: 12px;
		margin: 0 !important;
	}
	.single .under-video-block > div::before,
	.single .under-video-block > div::after { display: none !important; }
	.single #main .under-video-block article.thumb-block {
		width: 100% !important;
		max-width: none !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.single #main .under-video-block article.thumb-block > a {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: 165px minmax(0, 1fr);
		column-gap: 8px;
		align-items: start;
	}
	.single .under-video-block .post-thumbnail { width: 165px; border-radius: 4px; overflow: hidden; }
	.single .under-video-block article.thumb-block .entry-header {
		padding: 0 !important;
		height: auto !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #b8babc !important;
		text-align: left !important;
		white-space: normal !important;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.single .under-video-block article.thumb-block .entry-header * { font-size: 14px !important; line-height: 20px !important; }
	.single .under-video-block .duration {
		bottom: 4px !important;
		right: 4px !important;
		padding: 2px 6px !important;
		font-size: 11px !important;
		line-height: 14px !important;
		border-radius: 6px !important;
		background: rgba(31, 41, 55, .75) !important;
	}
	.single .under-video-block .duration i,
	.single .under-video-block .hd-video { display: none !important; }
	.single .under-video-block .show-more-related { margin-top: 12px !important; }
	.single .title-block {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		padding: 16px 0 0 !important;
		margin: 0 !important;
		text-align: left !important;
	}
	.single .title-block .entry-title {
		font-size: 18px !important;
		font-weight: 400 !important;
		line-height: 28px !important;
		color: #eceff4 !important;
		text-align: left !important;
		padding: 0 !important;
		margin: 0 0 12px !important;
		border: 0 !important;
	}
	.nvi-details { font-size: 16px !important; line-height: 24px !important; }
	.nvi-details .nvi-detail + .nvi-detail { margin-top: 8px; }
	.nvi-details .nvi-detail,
	.nvi-details .nvi-detail-v { color: #b8babc !important; }
}
@media screen and (min-width: 1280px) {
	#primary .videos-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media screen and (max-width: 991.98px) {
	/* ---------- 헤더 ---------- */
	#page { margin-top: 0 !important; }
	body { padding-top: 56px !important; }
	#masthead.site-header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9990;
		background: linear-gradient(rgb(24, 24, 24), rgba(24, 24, 24, 0)) !important;
		box-shadow: none !important;
		border: 0 !important;
	}
	body.admin-bar #masthead.site-header { top: 46px; }
	#masthead .site-branding {
		display: flex !important;
		align-items: center;
		height: 56px;
		min-height: 0 !important;
		max-height: none !important;
		padding: 0 0 0 16px !important;
		margin: 0 !important;
		background: transparent !important;
	}
	#masthead .site-branding .logo {
		flex: 1 1 auto;
		width: auto !important;
		margin: 0 !important;
		text-align: left !important;
		min-width: 0;
	}
	#masthead .site-title {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 36px !important;
		line-height: 56px !important;
		white-space: nowrap;
	}
	#masthead .site-title a { font-size: 36px !important; line-height: 1.5 !important; }
	#masthead .site-description { display: none !important; }

	/* 검색 아이콘: 햄버거 왼쪽 16px. 배경은 어떤 상태에서도 투명 */
	.nvi-search-btn,
	.nvi-search-btn:hover,
	.nvi-search-btn:focus,
	.nvi-search-btn:active {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		margin: 0 56px 0 0 !important;   /* 16(사이) + 24(햄버거) + 16(오른쪽) */
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		outline: none !important;
		color: #eceff4 !important;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.nvi-search-btn svg { width: 24px; height: 24px; display: block; }
	body.nvi-search-open .nvi-search-btn { color: var(--nvi-main, #ff3565) !important; }

	/* 검색창: 헤더 아래(56px)에 입력칸 + 버튼 */
	#masthead .site-branding .header-search {
		display: none !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 56px;
		width: auto !important;
		height: 56px;
		margin: 0 !important;
		padding: 0 16px !important;
		background: transparent !important;
	}
	body.nvi-search-open #masthead .site-branding .header-search { display: block !important; }
	body.nvi-search-open #masthead.site-header { height: 112px; }
	#masthead .header-search form { display: flex !important; align-items: stretch; margin: 0 !important; }
	#masthead .header-search .nvi-tag-wrap,
	#masthead .header-search input#s {
		flex: 1 1 auto;
		min-width: 0;
	}
	#masthead .header-search input#s {
		width: auto !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 8px 16px !important;
		font-size: 16px !important;
		background: rgb(46, 52, 64) !important;
		border: 2px solid rgb(129, 161, 193) !important;
		border-right: 0 !important;
		border-radius: 4px 0 0 4px !important;
		color: rgb(229, 233, 240) !important;
		box-shadow: none !important;
	}
	#masthead .header-search input#s.nvi-tag-input { color: transparent !important; }
	#masthead .header-search input#searchsubmit {
		flex: 0 0 auto;
		width: auto !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 0 16px !important;
		left: 0 !important;
		font-family: FontAwesome, 'Inter', system-ui, sans-serif !important;
		font-size: 14px !important;
		background: rgb(129, 161, 193) !important;
		border: 2px solid rgb(129, 161, 193) !important;
		border-radius: 0 6px 6px 0 !important;
		color: rgb(36, 41, 51) !important;
		box-shadow: none !important;
	}

	/* ---------- 햄버거 + 메뉴 (njavtv 형식) ---------- */
	#site-navigation {
		position: static !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	#site-navigation .button-nav {
		position: absolute !important;
		top: 16px !important;
		right: 16px !important;
		width: 24px !important;
		height: 24px !important;
		line-height: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		color: #eceff4;
		z-index: 3;
		-webkit-tap-highlight-color: transparent;
	}
	#site-navigation .button-nav::before,
	#site-navigation .button-nav::after { display: none !important; }
	#site-navigation .button-nav svg { width: 24px; height: 24px; display: block; }

	#site-navigation > ul {
		position: absolute !important;
		top: 48px !important;
		right: 16px !important;
		left: auto !important;
		width: 224px !important;
		margin: 0 !important;
		padding: 4px 0 !important;
		max-height: calc(100vh - 55px);
		max-height: calc(100dvh - 55px);
		overflow-y: auto;
		background: #e5e9f0 !important;
		border: 0 !important;
		border-radius: 6px !important;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3) !important;
		z-index: 3;
	}
	#site-navigation > ul > li {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	#site-navigation > ul > li > a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		padding: 8px 16px !important;
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 400 !important;
		color: #2e3440 !important;
		background: transparent !important;
		border: 0 !important;
		text-transform: none !important;
	}
	#site-navigation > ul > li > a::before { display: none !important; }   /* 테마 아이콘 */
	#site-navigation > ul > li > a:hover,
	#site-navigation > ul > li.current-menu-item > a { background: #d8dee9 !important; }
	/* 아이콘 없이 글자만. 펼칠 수 있는 항목은 오른쪽 끝 chevron (njavtv 와 같은 20px) */
	#site-navigation > ul > li > a i,
	#site-navigation .nvi-cat-panel .nvi-caret,
	#site-navigation .nvi-cat-panel i { display: none !important; }
	#site-navigation li.nvi-cat-root > a::after,
	#site-navigation .nvi-cat-panel .nvi-cat-toggle::after {
		content: "" !important;
		float: none !important;
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		margin-left: 8px;
		padding: 0 !important;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
		font-family: inherit !important;
	}
	#site-navigation li.nvi-cat-root.nvi-open > a::after,
	#site-navigation .nvi-cat-panel .nvi-cat-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
	#site-navigation li.nvi-cat-root.nvi-open > a { background: #d8dee9 !important; }

	/* 펼친 하위 목록: njavtv 처럼 짙은 청회색 바탕 + 밝은 글자 + 얇은 구분선, 단계는 들여쓰기로 */
	#site-navigation .nvi-cat-panel {
		position: static !important;
		width: 100% !important;
		max-height: none !important;
		overflow: visible !important;
		background: #4c566a !important;
		box-shadow: none !important;
	}
	#site-navigation .nvi-cat-panel .nvi-cat-list { background: #4c566a !important; }
	#site-navigation .nvi-cat-panel .nvi-cat-toggle,
	#site-navigation .nvi-cat-panel a.nvi-cat-link {
		gap: 8px;
		padding: 8px 16px !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #e5e9f0 !important;
		background: #4c566a !important;
		border: 0 !important;
		border-top: 1px solid rgba(255, 255, 255, .08) !important;
		transition: none !important;
	}
	#site-navigation .nvi-cat-panel .nvi-cat-toggle:hover,
	#site-navigation .nvi-cat-panel a.nvi-cat-link:hover { background: #434c5e !important; }
	#site-navigation .nvi-cat-panel .nvi-cat-toggle[aria-expanded="true"] { background: #5a6378 !important; }
	#site-navigation .nvi-cat-panel .nvi-cnt { color: #b3bccb !important; font-size: 12px !important; }
	#site-navigation .nvi-cat-panel a.nvi-cat-all { color: #cfd6e1 !important; font-size: 13px !important; }
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
	#site-navigation .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 32px !important; }
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 48px !important; }
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-toggle,
	#site-navigation .nvi-cat-list .nvi-cat-list .nvi-cat-list .nvi-cat-list a.nvi-cat-link { padding-left: 64px !important; }

	/* ---------- 목록 비율 ---------- */
	#content.site-content { padding: 0 16px !important; }
	#primary.content-area { padding: 0 !important; }
	.widget-title,
	.widget .widget-title,
	#primary .widget-title {
		font-size: 22px !important;
		font-weight: 700 !important;
		line-height: 28px !important;
		padding: 0 !important;
		margin: 0 0 24px !important;
		border: 0 !important;
		background: none !important;
		color: #eceff4 !important;
	}
	/* 섹션(Random videos / Latest videos …) 사이를 띄워 구분 */
	#primary .widget { margin: 0 0 48px !important; padding: 0 !important; }
	#primary .widget:first-child { margin-top: 12px !important; }
	.videos-list {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 20px;
		row-gap: 20px;
		margin: 0 !important;
	}
	.videos-list::before,
	.videos-list::after { display: none !important; }
	.videos-list article.thumb-block {
		width: auto !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.videos-list .post-thumbnail { border-radius: 4px; overflow: hidden; }
	.videos-list article.thumb-block .entry-header {
		padding: 6px 0 0 !important;
		height: auto !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #b8babc !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left !important;
	}
	.videos-list article.thumb-block .entry-header * { font-size: 14px !important; line-height: 20px !important; }
	.videos-list .duration {
		bottom: 4px !important;
		right: 4px !important;
		padding: 4px 8px !important;
		font-size: 12px !important;
		line-height: 16px !important;
		border-radius: 8px !important;
		background: rgba(31, 41, 55, .75) !important;
	}
	.videos-list .duration i { display: none; }
	.videos-list .hd-video {
		top: 4px !important;
		right: 4px !important;
		padding: 2px 5px !important;
		font-size: 10px !important;
		line-height: 14px !important;
		border-radius: 4px !important;
	}

	/* ---------- 영상 글 ---------- */
	.single .title-block {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		padding: 12px 0 0 !important;
		margin: 0 !important;
		text-align: left !important;
	}
	.single .title-block .entry-title {
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 24px !important;
		color: #eceff4 !important;
		text-align: left !important;
		padding: 0 !important;
		margin: 0 0 12px !important;
		border: 0 !important;
	}
	.nvi-details { font-size: 16px !important; line-height: 24px !important; }
	.nvi-details .nvi-detail + .nvi-detail { margin-top: 8px; }
	.nvi-details .nvi-detail,
	.nvi-details .nvi-detail-v { color: #b8babc !important; }
}

/* ======================================================================
 * 배경: njavtv 처럼 위아래 그라데이션 (검정 → 회색 → 검정). PC·모바일 공통
 * ====================================================================== */
html body {
	background: linear-gradient(rgb(10, 10, 10), rgb(30, 30, 32) 100vh, rgb(8, 8, 8) 200vh) no-repeat, rgb(8, 8, 8) !important;
	background-attachment: scroll !important;
}
#page, #content.site-content, #primary.content-area, #main.site-main { background: transparent !important; }
#masthead.site-header { background: linear-gradient(rgb(10, 10, 10), rgba(10, 10, 10, 0)) !important; }

/* ---------- 메인 가운데 검색창 (njavtv: 36px 안내 글 + 폭 544px 흰 입력칸) ---------- */
.nvi-hero { padding: 64px 0; text-align: center; }
.nvi-hero-title {
	margin: 0 0 22px !important;
	padding: 0 !important;
	font-size: 36px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	color: #fafafa !important;
	border: 0 !important;
	background: none !important;
}
.nvi-hero-title span { color: var(--nvi-main, #ff3565); }
.nvi-hero-search { display: flex; max-width: 544px; margin: 0 auto !important; }
.nvi-hero-search input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	height: 45px !important;
	margin: 0 !important;
	padding: 12px !important;
	font-size: 16px !important;
	color: #111827 !important;
	background: #fff !important;
	border: 1px solid #d1d5db !important;
	border-radius: 6px 0 0 6px !important;
	box-shadow: none !important;
}
.nvi-hero-search input.nvi-tag-input { color: transparent !important; caret-color: #111827 !important; }
.nvi-hero-search button,
.nvi-hero-search button:hover,
.nvi-hero-search button:focus {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	height: 45px !important;
	margin: 0 0 0 -1px !important;
	padding: 8px 16px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #374151 !important;
	background: #f9fafb !important;
	border: 1px solid #d1d5db !important;
	border-radius: 0 6px 6px 0 !important;
	box-shadow: none !important;
	cursor: pointer;
}
.nvi-hero-search button:hover { background: #fff !important; color: #6b7280 !important; }
.nvi-hero-search button svg { width: 16px; height: 16px; }

/* ---------- 섹션 "더 로드" ---------- */
.nvi-home-section .widget-title a { color: inherit !important; text-decoration: none; }
.nvi-home-section .widget-title a:hover { color: var(--nvi-main, #ff3565) !important; }
.nvi-more-wrap { margin-top: 20px; text-align: center; }
.nvi-more {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: #b8babc !important;
	text-decoration: none !important;
}
.nvi-more:hover { color: var(--nvi-main, #ff3565) !important; }
.nvi-more svg { width: 24px; height: 24px; margin-left: 4px; }
.nvi-loading .nvi-more { opacity: .5; pointer-events: none; }

@media screen and (max-width: 991.98px) {
	.nvi-hero { padding: 40px 0 48px; }
	.nvi-hero-title { font-size: 28px !important; }
	#primary .nvi-home-section:first-of-type { margin-top: 0 !important; }
}

/* ---------- PC: 헤더 내용과 본문을 같은 폭(1024 / 1280 / 1536)으로 가운데 정렬 (njavtv container) ---------- */
@media screen and (min-width: 1024px) {
	#page { max-width: 1024px !important; }
	#masthead.site-header { padding: 0 max(16px, calc((100% - 1024px) / 2 + 16px)) !important; }
}
@media screen and (min-width: 1280px) {
	#page { max-width: 1280px !important; }
	#masthead.site-header { padding: 0 max(16px, calc((100% - 1280px) / 2 + 16px)) !important; }
}
@media screen and (min-width: 1536px) {
	#page { max-width: 1536px !important; }
	#masthead.site-header { padding: 0 max(16px, calc((100% - 1536px) / 2 + 16px)) !important; }
}