/* =========================================================
   HANINDISK HOME 2026
   ========================================================= */

html,
body {
	margin:0;
	padding:0;
	background:#07090d;
	color:#fff;
	font-family:Arial, "Malgun Gothic", "맑은 고딕", sans-serif;
}

body.hd2026 {
	min-width:1180px;
	background:#07090d;
}

* {
	box-sizing:border-box;
}

a {
	color:inherit;
	text-decoration:none;
}

img {
	border:0;
}


/* HEADER
--------------------------------------------------------- */

.hd2026-header {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:100;
	height:82px;
	background:linear-gradient(
		to bottom,
		rgba(0,0,0,.90) 0%,
		rgba(0,0,0,.45) 60%,
		rgba(0,0,0,0) 100%
	);
}

.hd2026-header-inner {
	width:calc(100% - 80px);
	max-width:1540px;
	height:82px;
	margin:0 auto;
	display:flex;
	align-items:center;
}

.hd2026-logo {
	width:185px;
	display:block;
	line-height:1;
}

.hd2026-logo-ko {
	display:block;
	font-size:24px;
	font-weight:900;
	letter-spacing:-2px;
	color:#fff;
}

.hd2026-logo-ko span {
	color:#ff2448;
}

.hd2026-logo small {
	display:block;
	margin-top:4px;
	font-size:9px;
	letter-spacing:4px;
	color:#8b8e96;
}


.hd2026-nav {
	display:flex;
	align-items:center;
	gap:30px;
	height:82px;
}

.hd2026-nav a {
	position:relative;
	height:82px;
	line-height:82px;
	font-size:15px;
	font-weight:700;
	color:#c5c7cd;
	transition:.2s;
}

.hd2026-nav a:hover,
.hd2026-nav a.active {
	color:#fff;
}

.hd2026-nav a.active:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:16px;
	height:2px;
	background:#ff2448;
}


.hd2026-header-right {
	position:relative;
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:11px;
}

.hd2026-search {
	position:relative;
	width:255px;
	height:38px;
	margin-right:8px;
	border:1px solid rgba(255,255,255,.22);
	border-radius:22px;
	background:rgba(0,0,0,.25);
	overflow:hidden;
}

.hd2026-search input {
	width:100%;
	height:36px;
	padding:0 45px 0 18px;
	border:0;
	outline:0;
	background:transparent;
	color:#fff;
	font-size:13px;
}

.hd2026-search input::placeholder {
	color:#96999f;
}

.hd2026-search button {
	position:absolute;
	right:5px;
	top:3px;
	width:32px;
	height:32px;
	border:0;
	background:transparent;
	color:#fff;
	font-size:22px;
	cursor:pointer;
}

.hd2026-login {
	padding:10px 13px;
	font-size:13px;
	font-weight:700;
	color:#ddd;
}

.hd2026-join {
	padding:10px 17px;
	border-radius:5px;
	background:#ff2448;
	font-size:13px;
	font-weight:800;
	color:#fff;
}


/* HERO
--------------------------------------------------------- */

.hd-hero {
	position:relative;
	height:650px;
	overflow:hidden;
	background:
		radial-gradient(circle at 70% 35%, #303846 0%, #161b24 27%, #090c12 55%, #05070a 78%);
}

.hd-hero-bg {
	position:absolute;
	inset:0;
	opacity:.55;
	background:
		linear-gradient(115deg, transparent 0%, transparent 52%, rgba(255,36,72,.12) 100%);
}

.hd-hero-bg:before {
	content:"";
	position:absolute;
	width:620px;
	height:620px;
	right:120px;
	top:40px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(255,255,255,.11), rgba(255,255,255,0) 68%);
}

.hd-hero-shade {
	position:absolute;
	inset:0;
	background:
		linear-gradient(to right, rgba(5,7,10,.98) 0%, rgba(5,7,10,.85) 35%, rgba(5,7,10,.20) 70%, rgba(5,7,10,.55) 100%),
		linear-gradient(to top, #07090d 0%, transparent 35%);
}

.hd-hero-content {
	position:absolute;
	z-index:5;
	left:max(50px, calc((100% - 1460px) / 2));
	top:180px;
	width:650px;
}

.hd-hero-label {
	margin-bottom:18px;
	color:#ff2448;
	font-size:13px;
	font-weight:900;
	letter-spacing:3px;
}

.hd-hero h1 {
	margin:0;
	font-size:50px;
	line-height:1.18;
	letter-spacing:-3px;
	font-weight:900;
	color:#fff;
}

.hd-hero-desc {
	margin:24px 0 0;
	color:#b7bac1;
	font-size:17px;
	line-height:1.75;
	letter-spacing:-.5px;
}

.hd-hero-buttons {
	margin-top:31px;
	display:flex;
	gap:10px;
}

.hd-btn-play,
.hd-btn-more {
	height:50px;
	padding:0 25px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:5px;
	font-size:15px;
	font-weight:900;
}

.hd-btn-play {
	background:#fff;
	color:#111;
}

.hd-btn-play:hover {
	background:#ff2448;
	color:#fff;
}

.hd-play-icon {
	margin-right:10px;
	font-size:13px;
}

.hd-btn-more {
	background:rgba(255,255,255,.13);
	color:#fff;
}

.hd-btn-more:hover {
	background:rgba(255,255,255,.22);
}


/* HERO RANKING */

.hd-hero-rank {
	position:absolute;
	z-index:6;
	right:max(50px, calc((100% - 1460px) / 2));
	top:155px;
	width:330px;
	padding:22px 24px;
	border:1px solid rgba(255,255,255,.09);
	border-radius:12px;
	background:rgba(9,12,17,.58);
	box-shadow:0 20px 60px rgba(0,0,0,.3);
}

.hd-rank-title {
	padding-bottom:15px;
	border-bottom:1px solid rgba(255,255,255,.09);
	color:#ddd;
	font-size:14px;
	font-weight:800;
}

.hd-rank-title span {
	margin-right:8px;
	color:#ff2448;
}

.hd-rank-item {
	min-height:66px;
	display:flex;
	align-items:center;
	border-bottom:1px solid rgba(255,255,255,.07);
}

.hd-rank-item:last-child {
	border-bottom:0;
}

.hd-rank-item > strong {
	width:37px;
	color:#ff2448;
	font-family:Arial,sans-serif;
	font-size:23px;
	font-style:italic;
}

.hd-rank-info {
	min-width:0;
	flex:1;
}

.hd-rank-name {
	overflow:hidden;
	color:#f3f3f4;
	font-size:14px;
	font-weight:800;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.hd-rank-meta {
	overflow:hidden;
	margin-top:5px;
	color:#777c85;
	font-size:11px;
	white-space:nowrap;
	text-overflow:ellipsis;
}


/* CATEGORY
--------------------------------------------------------- */

.hd-category {
	position:relative;
	z-index:10;
	margin-top:-25px;
}

.hd-category-inner {
	width:calc(100% - 80px);
	max-width:1460px;
	height:76px;
	margin:0 auto;
	padding:0 15px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	background:#11141a;
	box-shadow:0 15px 40px rgba(0,0,0,.25);
}

.hd-category a {
	min-width:150px;
	height:46px;
	padding:0 25px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:6px;
	color:#9fa3ab;
	font-size:14px;
	font-weight:800;
	transition:.2s;
}

.hd-category a:hover {
	background:#1c2028;
	color:#fff;
}

.hd-category a.active {
	background:#ff2448;
	color:#fff;
}


/* BODY
--------------------------------------------------------- */

.hd-home-body {
	width:calc(100% - 80px);
	max-width:1460px;
	margin:0 auto;
	padding:65px 0 100px;
}

.hd-section {
	margin-bottom:75px;
}

.hd-section-head {
	margin-bottom:24px;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}

.hd-section-kicker {
	display:block;
	margin-bottom:7px;
	color:#ff2448;
	font-size:10px;
	font-weight:900;
	letter-spacing:2px;
}

.hd-section-head h2 {
	margin:0;
	color:#fff;
	font-size:27px;
	font-weight:900;
	letter-spacing:-1.5px;
}

.hd-more {
	padding:10px 0;
	color:#7f838b;
	font-size:13px;
	font-weight:700;
}

.hd-more:hover {
	color:#fff;
}

.hd-more span {
	margin-left:5px;
	font-size:20px;
}


/* CONTENT CARDS
--------------------------------------------------------- */

.hd-card-row {
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:18px;
}

.hd-content-card {
	min-width:0;
	display:block;
}

.hd-card-image {
	position:relative;
	overflow:hidden;
	height:0;
	padding-bottom:60%;
	border-radius:7px;
	background:#171a20;
}

.hd-card-image img {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .3s ease;
}

.hd-content-card:hover .hd-card-image img {
	transform:scale(1.06);
}

.hd-card-image:after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(to top, rgba(0,0,0,.65), transparent 55%);
}

.hd-card-number {
	position:absolute;
	z-index:3;
	left:12px;
	bottom:-8px;
	color:#fff;
	font-size:56px;
	font-weight:900;
	font-style:italic;
	line-height:1;
	text-shadow:0 4px 15px rgba(0,0,0,.8);
}

.hd-card-play {
	position:absolute;
	z-index:4;
	top:50%;
	left:50%;
	width:45px;
	height:45px;
	margin:-22px 0 0 -22px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:rgba(255,36,72,.94);
	opacity:0;
	transform:scale(.8);
	transition:.2s;
}

.hd-card-play span {
	margin-left:3px;
	font-size:13px;
}

.hd-content-card:hover .hd-card-play {
	opacity:1;
	transform:scale(1);
}

.hd-card-text {
	padding:14px 3px 0;
}

.hd-card-text h3 {
	overflow:hidden;
	margin:0;
	color:#eee;
	font-size:15px;
	font-weight:800;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.hd-card-text p {
	overflow:hidden;
	margin:7px 0 0;
	color:#747983;
	font-size:12px;
	white-space:nowrap;
	text-overflow:ellipsis;
}


/* PROGRAM CATEGORY CARDS
--------------------------------------------------------- */

.hd-program-grid {
	display:grid;
	grid-template-columns:1.35fr 1fr 1fr 1fr;
	gap:15px;
}

.hd-program-card {
	position:relative;
	height:220px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.06);
	border-radius:10px;
	background:
		radial-gradient(circle at 80% 20%, rgba(255,255,255,.08), transparent 30%),
		linear-gradient(135deg,#171b23,#0e1117);
	transition:.25s;
}

.hd-program-card:nth-child(2) {
	background:
		radial-gradient(circle at 80% 20%, rgba(255,70,95,.18), transparent 35%),
		linear-gradient(135deg,#21141a,#101116);
}

.hd-program-card:nth-child(3) {
	background:
		radial-gradient(circle at 80% 20%, rgba(88,120,255,.17), transparent 35%),
		linear-gradient(135deg,#151927,#101116);
}

.hd-program-card:nth-child(4) {
	background:
		radial-gradient(circle at 80% 20%, rgba(69,196,167,.14), transparent 35%),
		linear-gradient(135deg,#12201e,#101116);
}

.hd-program-main {
	background:
		radial-gradient(circle at 80% 20%, rgba(255,36,72,.35), transparent 38%),
		linear-gradient(135deg,#2a1218,#111319);
}

.hd-program-card:hover {
	transform:translateY(-5px);
	border-color:rgba(255,255,255,.15);
}

.hd-program-copy {
	position:absolute;
	left:25px;
	right:20px;
	bottom:25px;
}

.hd-program-copy > span {
	color:#ff4c68;
	font-size:10px;
	font-weight:900;
	letter-spacing:2px;
}

.hd-program-copy h3 {
	margin:8px 0 7px;
	color:#fff;
	font-size:24px;
	letter-spacing:-1px;
}

.hd-program-copy p {
	min-height:34px;
	margin:0 0 17px;
	color:#858a94;
	font-size:13px;
	line-height:1.5;
}

.hd-program-copy strong {
	color:#d6d7da;
	font-size:12px;
}


/* MOVIE
--------------------------------------------------------- */

.hd-movie-placeholder {
	position:relative;
	height:380px;
	overflow:hidden;
	border-radius:12px;
	background:
		linear-gradient(90deg, rgba(8,10,14,.98) 0%, rgba(8,10,14,.55) 50%, rgba(8,10,14,.05) 100%),
		radial-gradient(circle at 80% 40%, #4c2730 0%, #202532 36%, #0d1016 72%);
}

.hd-movie-placeholder:after {
	content:"MOVIE";
	position:absolute;
	right:65px;
	top:70px;
	color:rgba(255,255,255,.04);
	font-family:Arial,sans-serif;
	font-size:120px;
	font-weight:900;
	letter-spacing:-8px;
}

.hd-movie-copy {
	position:absolute;
	z-index:2;
	left:45px;
	top:55px;
}

.hd-movie-badge {
	display:inline-block;
	margin-bottom:17px;
	color:#ff2448;
	font-size:11px;
	font-weight:900;
	letter-spacing:2px;
}

.hd-movie-copy h3 {
	margin:0;
	color:#fff;
	font-size:35px;
	line-height:1.25;
	letter-spacing:-2px;
}

.hd-movie-copy p {
	margin:18px 0 25px;
	color:#92969f;
	font-size:14px;
	line-height:1.7;
}

.hd-movie-copy a {
	display:inline-flex;
	height:43px;
	padding:0 20px;
	align-items:center;
	border-radius:5px;
	background:#fff;
	color:#111;
	font-size:13px;
	font-weight:900;
}


/* FREE
--------------------------------------------------------- */

.hd-free {
	position:relative;
	height:300px;
	overflow:hidden;
	border-radius:13px;
	background:
		linear-gradient(120deg,#d51d3d,#7e1427 52%,#16121a);
}

.hd-free-copy {
	position:absolute;
	z-index:2;
	left:50px;
	top:43px;
}

.hd-free-copy > span {
	color:rgba(255,255,255,.7);
	font-size:10px;
	font-weight:900;
	letter-spacing:3px;
}

.hd-free-copy h2 {
	margin:12px 0 12px;
	color:#fff;
	font-size:32px;
	line-height:1.25;
	letter-spacing:-2px;
}

.hd-free-copy p {
	margin:0 0 20px;
	color:rgba(255,255,255,.68);
	font-size:13px;
	line-height:1.6;
}

.hd-free-copy a {
	display:inline-flex;
	height:42px;
	padding:0 19px;
	align-items:center;
	border-radius:5px;
	background:#fff;
	color:#b51631;
	font-size:13px;
	font-weight:900;
}

.hd-free-word {
	position:absolute;
	right:-20px;
	top:-35px;
	color:rgba(255,255,255,.07);
	font-family:Arial,sans-serif;
	font-size:270px;
	font-weight:900;
	line-height:1;
	letter-spacing:-20px;
}


/* FOOTER
--------------------------------------------------------- */

.hd2026-footer {
	border-top:1px solid #1b1e24;
	background:#05070a;
}

.hd2026-footer-inner {
	width:calc(100% - 80px);
	max-width:1460px;
	margin:0 auto;
	padding:42px 0 55px;
}

.hd2026-footer-logo {
	color:#ddd;
	font-size:18px;
	font-weight:900;
}

.hd2026-footer-logo span {
	color:#ff2448;
}

.hd2026-footer-logo small {
	margin-left:10px;
	color:#555a63;
	font-size:9px;
	letter-spacing:2px;
}

.hd2026-footer-links {
	margin-top:20px;
}

.hd2026-footer-links a {
	margin-right:22px;
	color:#767a82;
	font-size:12px;
}

.hd2026-footer-links a:hover {
	color:#fff;
}

.hd2026-footer p {
	margin:20px 0 0;
	color:#454a53;
	font-size:11px;
}


/* 1280
--------------------------------------------------------- */

@media screen and (max-width:1350px) {

	.hd2026-header-inner,
	.hd-home-body,
	.hd-category-inner,
	.hd2026-footer-inner {
		width:calc(100% - 50px);
	}

	.hd2026-nav {
		gap:20px;
	}

	.hd2026-search {
		width:200px;
	}

	.hd-hero-content {
		left:45px;
	}

	.hd-hero-rank {
		right:45px;
	}

	.hd-category a {
		min-width:135px;
	}

}

/* =========================================================
   REAL CONTENT HERO
   ========================================================= */

.hd-hero-real {
	height:690px;
	background:#05070a;
}

.hd-hero-image {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    transform:scale(1.02);
}

.hd-hero-real .hd-hero-shade {
    background:
        linear-gradient(
            to right,
            rgba(5,7,10,.55) 0%,
            rgba(5,7,10,.20) 12%,
            rgba(5,7,10,0) 28%,
            rgba(5,7,10,0) 72%,
            rgba(5,7,10,.18) 88%,
            rgba(5,7,10,.50) 100%
        ),
        linear-gradient(
            to top,
            rgba(7,9,13,.45) 0%,
            rgba(7,9,13,.12) 18%,
            transparent 35%
        );
}

.hd-hero-real .hd-hero-content {
	top:205px;
	width:610px;
}

.hd-hero-title {
	max-width:600px;
	margin:0;
	font-size:48px !important;
	line-height:1.16 !important;
	letter-spacing:-3px !important;
	text-shadow:0 3px 25px rgba(0,0,0,.65);
}

.hd-hero-info {
	margin-top:17px;
	color:#fff;
	font-size:14px;
	font-weight:700;
}

.hd-hero-real .hd-hero-desc {
	margin-top:15px;
}

.hd-hero-real .hd-hero-rank {
	top:175px;
	background:rgba(8,10,15,.78);
	backdrop-filter:blur(10px);
}

/* =========================================================
   CARD HOVER + TYPOGRAPHY UPGRADE
   ========================================================= */

/* 전체 폰트 */
body.hd2026 {
	font-family:
		"Pretendard",
		"SUIT",
		"Noto Sans KR",
		"Apple SD Gothic Neo",
		"Malgun Gothic",
		sans-serif;

	letter-spacing:-0.3px;
}


/* 카드 자체 */
.hd-content-card,
.hd-movie-card {
	position:relative;
	transition:
		transform .25s ease,
		filter .25s ease;
}

.hd-content-card:hover,
.hd-movie-card:hover {
	z-index:10;
	transform:translateY(-7px);
}


/* 방송 썸네일 */
.hd-content-card .hd-card-image {
	border:1px solid rgba(255,255,255,.04);

	box-shadow:
		0 5px 15px rgba(0,0,0,.18);

	transition:
		border-color .25s ease,
		box-shadow .25s ease;
}

.hd-content-card:hover .hd-card-image {
	border-color:rgba(255,255,255,.28);

	box-shadow:
		0 14px 35px rgba(0,0,0,.65),
		0 0 0 1px rgba(255,36,72,.12);
}


/* 이미지 확대 */
.hd-content-card .hd-card-image img {
	transition:
		transform .35s ease,
		filter .35s ease;
}

.hd-content-card:hover .hd-card-image img {
	transform:scale(1.075);
	filter:brightness(1.08);
}


/* hover 시 이미지 아래 음영 */
.hd-content-card .hd-card-image:after {
	transition:background .3s ease;
}

.hd-content-card:hover .hd-card-image:after {
	background:
		linear-gradient(
			to top,
			rgba(0,0,0,.72) 0%,
			rgba(0,0,0,.10) 55%,
			transparent 100%
		);
}


/* 재생 버튼 */
.hd-card-play {
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;

	background:rgba(255,36,72,.96);

	box-shadow:
		0 8px 25px rgba(0,0,0,.45);

	transform:scale(.65);

	transition:
		opacity .22s ease,
		transform .22s ease;
}

.hd-content-card:hover .hd-card-play {
	opacity:1;
	transform:scale(1);
}


/* 제목 */
.hd-card-text h3 {
	font-size:16px;
	font-weight:700;
	letter-spacing:-.6px;

	transition:
		color .2s ease,
		transform .2s ease;
}

.hd-content-card:hover .hd-card-text h3 {
	color:#ff4966;
}


/* 방송 정보 */
.hd-card-text p {
	font-size:12px;
	color:#777d88;
	letter-spacing:-.2px;

	transition:color .2s ease;
}

.hd-content-card:hover .hd-card-text p {
	color:#a9adb5;
}


/* 영화 카드도 동일 효과 */
.hd-movie-card .hd-movie-poster {
	border:1px solid rgba(255,255,255,.04);

	box-shadow:
		0 5px 15px rgba(0,0,0,.18);

	transition:
		border-color .25s ease,
		box-shadow .25s ease;
}

.hd-movie-card:hover .hd-movie-poster {
	border-color:rgba(255,255,255,.28);

	box-shadow:
		0 16px 40px rgba(0,0,0,.7),
		0 0 0 1px rgba(255,36,72,.12);
}

.hd-movie-card:hover .hd-movie-poster img {
	transform:scale(1.07);
	filter:brightness(1.08);
}

.hd-movie-text h3 {
	font-size:16px;
	font-weight:700;
	letter-spacing:-.6px;
	transition:color .2s ease;
}

.hd-movie-card:hover .hd-movie-text h3 {
	color:#ff4966;
}


/* 섹션 제목도 조금 더 세련되게 */
.hd-section-head h2 {
	font-size:28px;
	font-weight:800;
	letter-spacing:-1.4px;
}

.hd-section-kicker {
	font-weight:800;
	letter-spacing:2.2px;
}


/* HERO 제목 */
.hd-hero-title {
	font-weight:800 !important;
	letter-spacing:-2.5px !important;
}


/* =========================================================
   HOME 2026 - MOVIE CARD FINAL
   ========================================================= */

/* 영화 목록 전체 */
.hd-movie-row {
	width:100%;
	display:grid !important;
	grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
	gap:22px !important;
	align-items:start;
}


/* 영화 카드 */
.hd-movie-row .hd-movie-card {
	position:relative;
	display:block !important;
	width:auto !important;
	min-width:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	background:none !important;

	transition:
		transform .25s ease,
		filter .25s ease;
}





/* 포스터 영역 */
.hd-movie-row .hd-movie-poster {
	position:relative !important;
	display:block !important;

	width:100% !important;
	height:0 !important;
	padding-bottom:145% !important;

	margin:0 !important;

	overflow:hidden;

	border:1px solid rgba(255,255,255,.06);
	border-radius:9px;

	background:#14171d;

	box-shadow:
		0 5px 18px rgba(0,0,0,.25);

	transition:
		border-color .25s ease,
		box-shadow .25s ease;
}


/* 실제 포스터 이미지 */
.hd-movie-row .hd-movie-poster img {
	position:absolute !important;

	left:0 !important;
	top:0 !important;

	width:100% !important;
	height:100% !important;
	max-width:none !important;

	margin:0 !important;
	padding:0 !important;
	border:0 !important;

	object-fit:cover !important;

	transition:
		transform .35s ease,
		filter .35s ease;
}


/* 포스터 하단 음영 */
.hd-movie-row .hd-movie-poster:after {
	content:"";

	position:absolute;
	z-index:2;

	left:0;
	right:0;
	top:0;
	bottom:0;

	background:
		linear-gradient(
			to top,
			rgba(0,0,0,.62) 0%,
			rgba(0,0,0,.10) 42%,
			transparent 65%
		);

	pointer-events:none;
}


/* 재생 버튼 */
.hd-movie-row .hd-movie-play {
	position:absolute;
	z-index:5;

	left:50%;
	top:50%;

	width:52px;
	height:52px;

	margin:-26px 0 0 -26px;

	display:flex;
	align-items:center;
	justify-content:center;

	border-radius:50%;

	background:rgba(255,36,72,.96);

	box-shadow:
		0 8px 30px rgba(0,0,0,.55);

	opacity:0;

	transform:scale(.65);

	transition:
		opacity .22s ease,
		transform .22s ease;
}


.hd-movie-row .hd-movie-play span {
	margin-left:3px;

	color:#fff;

	font-size:15px;
	line-height:1;
}


/* 영화 제목/정보 */
.hd-movie-row .hd-movie-text {
	display:block !important;

	width:100% !important;

	padding:14px 2px 0 !important;
}


.hd-movie-row .hd-movie-text h3 {
	overflow:hidden;

	margin:0 !important;

	color:#f1f1f3;

	font-size:16px;
	font-weight:700;
	line-height:1.4;

	letter-spacing:-.6px;

	white-space:nowrap;
	text-overflow:ellipsis;

	transition:color .2s ease;
}


.hd-movie-row .hd-movie-text p {
	overflow:hidden;

	margin:7px 0 0 !important;

	color:#777d88;

	font-size:12px;
	line-height:1.4;

	letter-spacing:-.2px;

	white-space:nowrap;
	text-overflow:ellipsis;

	transition:color .2s ease;
}


/* =========================================================
   MOVIE HOVER
   ========================================================= */

.hd-movie-row .hd-movie-card:hover {
	z-index:10;

	transform:translateY(-7px);
}


.hd-movie-row .hd-movie-card:hover .hd-movie-poster {
	border-color:rgba(255,255,255,.30);

	box-shadow:
		0 18px 45px rgba(0,0,0,.70),
		0 0 0 1px rgba(255,36,72,.14);
}


.hd-movie-row .hd-movie-card:hover .hd-movie-poster img {
	transform:scale(1.07);

	filter:
		brightness(1.08)
		contrast(1.02);
}


.hd-movie-row .hd-movie-card:hover .hd-movie-play {
	opacity:1;

	transform:scale(1);
}


.hd-movie-row .hd-movie-card:hover .hd-movie-text h3 {
	color:#ff4966;
}


.hd-movie-row .hd-movie-card:hover .hd-movie-text p {
	color:#a9adb5;
}






/* =========================================================
   HANINDISK HOME 2026 - OTT CAROUSEL PATCH
   기존 home2026.css 맨 끝에 추가
   ========================================================= */

.hd-card-row,
.hd-home-list,
.hd-rank-cards,
.hd-movie-row {
	display: flex !important;
	grid-template-columns: none !important;
	gap: 18px;
	overflow-x: auto;
	overflow-y: visible;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 8px 2px 22px;
	margin: -8px -2px -22px;
	cursor: grab;
	-webkit-overflow-scrolling: touch;
}

.hd-card-row::-webkit-scrollbar,
.hd-home-list::-webkit-scrollbar,
.hd-rank-cards::-webkit-scrollbar,
.hd-movie-row::-webkit-scrollbar {
	display: none;
}

/* 기존 n번째 이후 숨김 규칙 무효화 */
.hd-home-list > *,
.hd-rank-cards > *,
.hd-movie-row > * {
	display: block !important;
}

/* 방송: 다음 카드가 살짝 보이도록 */
.hd-card-row > .hd-content-card,
.hd-home-list > .hd-content-card,
.hd-rank-cards > .hd-content-card {
	flex: 0 0 calc((100% - 72px) / 4.72);
	min-width: 0;
	scroll-snap-align: start;
}

/* 영화: 약 5.6장 노출 */
.hd-movie-row > .hd-movie-card {
	flex: 0 0 calc((100% - 90px) / 5.62);
	min-width: 0;
	scroll-snap-align: start;
}

.hd-card-row.is-dragging,
.hd-home-list.is-dragging,
.hd-rank-cards.is-dragging,
.hd-movie-row.is-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
	scroll-snap-type: none;
	user-select: none;
}

.hd-carousel-shell {
	position: relative;
}

/* 좌우 가장자리의 은은한 OTT 페이드 */
.hd-carousel-shell::before,
.hd-carousel-shell::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 18px;
	width: 72px;
	z-index: 7;
	pointer-events: none;
	opacity: 0;
	transition: opacity .22s ease;
}

.hd-carousel-shell::before {
	left: -2px;
	background: linear-gradient(90deg, rgba(5,7,10,.96), rgba(5,7,10,0));
}

.hd-carousel-shell::after {
	right: -2px;
	background: linear-gradient(270deg, rgba(5,7,10,.96), rgba(5,7,10,0));
}

.hd-carousel-shell.has-prev::before,
.hd-carousel-shell.has-next::after {
	opacity: 1;
}

.hd-carousel-nav {
	position: absolute;
	top: 50%;
	z-index: 12;
	width: 48px;
	height: 86px;
	margin-top: -52px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 14px;
	background: rgba(8,10,14,.72);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	color: #fff;
	font-size: 38px;
	font-family: Arial, sans-serif;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	transform: scale(.92);
	transition:
		opacity .18s ease,
		transform .18s ease,
		background .18s ease,
		border-color .18s ease;
	box-shadow: 0 12px 32px rgba(0,0,0,.28);
}

.hd-carousel-shell:hover .hd-carousel-nav:not([disabled]) {
	opacity: .92;
	transform: scale(1);
}

.hd-carousel-nav:hover {
	background: rgba(255,25,67,.92);
	border-color: rgba(255,255,255,.28);
	transform: scale(1.06) !important;
}

.hd-carousel-prev {
	left: 10px;
}

.hd-carousel-next {
	right: 10px;
}

.hd-carousel-nav[disabled] {
	opacity: 0 !important;
	pointer-events: none;
}

/* 드래그 중 링크 클릭 방지용 */
.hd-carousel-shell.is-dragging a {
	pointer-events: none;
}

@media (max-width: 1250px) {
	.hd-card-row > .hd-content-card,
	.hd-home-list > .hd-content-card,
	.hd-rank-cards > .hd-content-card {
		flex-basis: calc((100% - 54px) / 3.75);
	}

	.hd-movie-row > .hd-movie-card {
		flex-basis: calc((100% - 72px) / 4.65);
	}
}

.hd-hero-carousel{position:relative;height:690px;overflow:hidden;background:#05070a}
.hd-hero-slide{position:absolute;inset:0;z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .72s ease,visibility .72s ease}
.hd-hero-slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto}
.hd-hero-slide>.hd-hero{height:100%}
.hd-brand-poster,.hd-brand-video{position:absolute;inset:0;width:100%;height:100%}
.hd-brand-poster{background-position:center;background-repeat:no-repeat;background-size:cover}
.hd-brand-video{display:block;object-fit:cover;background:#05070a}
.hd-hero-brand:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.20),transparent 22%),linear-gradient(to top,rgba(7,9,13,.55),transparent 25%)}
.hd-hero-arrow{position:absolute;z-index:20;top:50%;width:52px;height:92px;margin-top:-46px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(5,7,10,.38);backdrop-filter:blur(10px);color:#fff;font:300 44px/1 Arial;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:.2s}
.hd-hero-carousel:hover .hd-hero-arrow{opacity:.72}.hd-hero-arrow:hover{opacity:1;background:rgba(255,36,72,.88)}
.hd-hero-arrow-prev{left:24px}.hd-hero-arrow-next{right:24px}
.hd-hero-pagination{position:absolute;z-index:25;left:50%;bottom:46px;transform:translateX(-50%);display:flex;gap:14px}
.hd-hero-pagination button{height:28px;padding:0;border:0;background:none;color:rgba(255,255,255,.48);display:flex;align-items:center;gap:8px;cursor:pointer;font:700 11px/1 Arial;letter-spacing:1px}
.hd-hero-pagination button i{display:block;width:22px;height:2px;background:rgba(255,255,255,.25);transition:.35s}
.hd-hero-pagination button.is-active{color:#fff}.hd-hero-pagination button.is-active i{width:48px;background:#ff2448}


/* =========================================================
   HOME 2026 AUTH LAYER
   ========================================================= */

.hd-auth-layer {
	display:none;
	position:fixed;
	z-index:99999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	font-family:Arial, "Malgun Gothic", "맑은 고딕", sans-serif;
}

.hd-auth-layer.is-open {
	display:block;
}

.hd-auth-backdrop {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(4, 8, 7, 0.78);
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
}

.hd-auth-panel {
	display:none;
	position:relative;
	z-index:2;
	width:460px;
	margin:70px auto;
	padding:38px 42px 34px;
	background:#fff;
	border-radius:18px;
	box-shadow:0 25px 80px rgba(0,0,0,.38);
	box-sizing:border-box;
}

.hd-auth-panel.is-active {
	display:block;
}

.hd-auth-signup {
	width:540px;
	margin-top:35px;
	margin-bottom:35px;
}

.hd-auth-close {
	position:absolute;
	right:18px;
	top:14px;
	width:38px;
	height:38px;
	padding:0;
	border:0;
	background:transparent;
	color:#777;
	font-size:31px;
	line-height:36px;
	font-weight:300;
	cursor:pointer;
}

.hd-auth-close:hover {
	color:#111;
}


/* LOGO */

.hd-auth-logo {
	margin-bottom:25px;
	text-align:center;
}

.hd-auth-logo-ko {
	font-size:26px;
	font-weight:800;
	letter-spacing:-2px;
	color:#171717;
}

.hd-auth-logo-ko span {
	color:#16a23a;
}

.hd-auth-logo small {
	display:block;
	margin-top:1px;
	font-size:10px;
	letter-spacing:3px;
	color:#999;
}


/* HEADING */

.hd-auth-heading {
	margin-bottom:25px;
	text-align:center;
}

.hd-auth-heading h2 {
	margin:0 0 8px;
	font-size:27px;
	font-weight:700;
	letter-spacing:-1px;
	color:#171717;
}

.hd-auth-heading p {
	margin:0;
	font-size:13px;
	line-height:1.6;
	color:#888;
}

.hd-auth-signup-benefit {
	display:inline-block;
	margin-top:13px;
	padding:7px 14px;
	border-radius:20px;
	background:#effaf1;
	color:#555;
	font-size:12px;
}

.hd-auth-signup-benefit strong {
	color:#15983a;
}


/* FIELD */

.hd-auth-field {
	margin-bottom:15px;
}

.hd-auth-field label {
	display:block;
	margin:0 0 7px;
	font-size:13px;
	font-weight:700;
	color:#333;
}

.hd-auth-field input[type=text],
.hd-auth-field input[type=password] {
	display:block;
	width:100%;
	height:48px;
	padding:0 14px;
	border:1px solid #dcdedc;
	border-radius:8px;
	background:#fff;
	outline:none;
	box-sizing:border-box;
	font-family:inherit;
	font-size:14px;
	color:#222;
	transition:border-color .2s, box-shadow .2s;
}

.hd-auth-field input[type=text]:focus,
.hd-auth-field input[type=password]:focus {
	border-color:#25a947;
	box-shadow:0 0 0 3px rgba(37,169,71,.09);
}

.hd-auth-field input::placeholder {
	color:#aaa;
}


/* LOGIN OPTIONS */

.hd-auth-options {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:2px 0 19px;
	font-size:12px;
}

.hd-auth-check {
	display:flex;
	align-items:center;
	gap:6px;
	color:#777;
	cursor:pointer;
}

.hd-auth-check input {
	margin:0;
}

.hd-auth-options a {
	color:#777;
	text-decoration:none;
}

.hd-auth-options a:hover {
	color:#15983a;
	text-decoration:underline;
}


/* MESSAGE */

.hd-auth-message {
	display:none;
	margin:0 0 12px;
	padding:10px 12px;
	border-radius:6px;
	background:#fff3f3;
	color:#d83e3e;
	font-size:12px;
	line-height:1.5;
}


/* SUBMIT */

.hd-auth-submit {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:54px;
	margin:0;
	padding:0 20px;
	border:0;
	border-radius:8px;
	background:linear-gradient(180deg,#10bb3e 0%,#079f31 100%);
	box-shadow:0 5px 13px rgba(7,159,49,.18);
	color:#fff;
	font-family:inherit;
	font-size:17px;
	font-weight:700;
	cursor:pointer;
	box-sizing:border-box;
}

.hd-auth-submit:hover {
	background:linear-gradient(180deg,#12c943 0%,#08aa35 100%);
}

.hd-auth-submit:disabled {
	opacity:.6;
	cursor:default;
}


/* SWITCH */

.hd-auth-switch {
	margin-top:22px;
	padding-top:20px;
	border-top:1px solid #eee;
	text-align:center;
	font-size:12px;
	color:#888;
}

.hd-auth-switch button {
	margin-left:6px;
	padding:0;
	border:0;
	background:none;
	color:#15983a;
	font-family:inherit;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}

.hd-auth-switch button:hover {
	text-decoration:underline;
}


/* SIGNUP ID CHECK */

.hd-auth-id-row {
	display:flex;
	gap:8px;
}

.hd-auth-id-row input {
	flex:1;
	min-width:0;
}

.hd-auth-checkid {
	flex:0 0 95px;
	height:48px;
	border:1px solid #72bc82;
	border-radius:8px;
	background:#f7fff8;
	color:#18843a;
	font-family:inherit;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}

.hd-auth-checkid:hover {
	background:#edf9ef;
}

.hd-auth-id-message {
	min-height:17px;
	margin-top:6px;
	font-size:11px;
	font-weight:700;
	color:#888;
}

.hd-auth-id-message.success {
	color:#15983a;
}

.hd-auth-id-message.error {
	color:#e24444;
}

.hd-auth-help {
	margin:6px 0 0;
	font-size:11px;
	line-height:1.5;
	color:#999;
}


/* ADULT OPTION */

.hd-auth-adult {
	margin:19px 0 18px;
	padding:13px;
	border:1px solid #e2e8e3;
	border-radius:10px;
	background:#f8fbf8;
}

.hd-auth-adult-title {
	margin-bottom:11px;
}

.hd-auth-adult-title strong {
	display:block;
	margin-bottom:2px;
	font-size:13px;
	color:#333;
}

.hd-auth-adult-title span {
	font-size:11px;
	color:#999;
}

.hd-auth-adult-options {
	display:flex;
	gap:9px;
}

.hd-auth-adult-option {
	position:relative;
	display:flex;
	flex:1;
	align-items:center;
	min-height:58px;
	padding:9px 11px;
	border:1px solid #ddd;
	border-radius:8px;
	background:#fff;
	box-sizing:border-box;
	cursor:pointer;
}

.hd-auth-adult-option input {
	position:absolute;
	opacity:0;
}

.hd-auth-adult-icon {
	display:flex;
	flex:0 0 34px;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	margin-right:9px;
	border-radius:50%;
	background:#eee;
	color:#888;
	font-size:12px;
	font-weight:700;
}

.hd-auth-adult-text {
	display:block;
}

.hd-auth-adult-text strong {
	display:block;
	margin-bottom:2px;
	font-size:12px;
	color:#333;
}

.hd-auth-adult-text small {
	display:block;
	font-size:10px;
	color:#999;
}

.hd-auth-adult-option.is-active {
	border-color:#4db467;
	background:#fbfffc;
}

.hd-auth-adult-option.is-active .hd-auth-adult-icon {
	background:#159f3a;
	color:#fff;
}

.hd-auth-adult-option.is-active .hd-auth-adult-text strong {
	color:#168b36;
}


/* SIGNUP BUTTON */

.hd-auth-signup-submit {
	gap:12px;
}

.hd-auth-signup-submit em {
	padding:5px 10px;
	border-radius:15px;
	background:#ffdf50;
	color:#685100;
	font-size:11px;
	font-style:normal;
	font-weight:700;
}


/* BODY LOCK */

body.hd-auth-open {
	overflow:hidden;
}


/* RESPONSIVE */

@media screen and (max-width:600px) {

	.hd-auth-panel,
	.hd-auth-signup {
		width:calc(100% - 28px);
		margin:20px auto;
		padding:32px 22px 27px;
	}

	.hd-auth-signup {
		margin-top:14px;
		margin-bottom:14px;
	}

	.hd-auth-adult-options {
		display:block;
	}

	.hd-auth-adult-option {
		margin-top:7px;
	}

}


/* =========================================================
   성인물 이용 설정 - 디자인 개선
   ========================================================= */

/* 기본 카드 */
.hd-auth-adult-option {
	transition:
		border-color .2s ease,
		background .2s ease,
		box-shadow .2s ease,
		transform .2s ease;
}

.hd-auth-adult-option:hover {
	transform:translateY(-1px);
}


/* 아이콘 공통 */
.hd-auth-adult-icon {
	position:relative;
	width:38px;
	height:38px;
	flex:0 0 38px;
	border-radius:12px;
	font-size:0;
	font-weight:800;
}


/* ---------------------------------------------------------
   첫 번째 : 성인물 이용
   --------------------------------------------------------- */

.hd-auth-adult-option:first-child .hd-auth-adult-icon {
	background:#fff0f2;
	color:#e84b63;
}

/* 19 아이콘 */
.hd-auth-adult-option:first-child .hd-auth-adult-icon:before {
	content:"19";
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	inset:0;
	font-size:12px;
	font-weight:800;
	color:#e84b63;
}

/* 이용 선택 */
.hd-auth-adult-option:first-child.is-active {
	border-color:#ef8293;
	background:#fff8f9;
	box-shadow:0 0 0 3px rgba(232,75,99,.07);
}

.hd-auth-adult-option:first-child.is-active .hd-auth-adult-icon {
	background:#e84b63;
	box-shadow:0 4px 10px rgba(232,75,99,.22);
}

.hd-auth-adult-option:first-child.is-active .hd-auth-adult-icon:before {
	color:#fff;
}

.hd-auth-adult-option:first-child.is-active .hd-auth-adult-text strong {
	color:#d83c55;
}


/* ---------------------------------------------------------
   두 번째 : 성인물 차단
   --------------------------------------------------------- */

.hd-auth-adult-option:last-child .hd-auth-adult-icon {
	background:#edf5ff;
	color:#3478d4;
}

/*
   CSS로 방패 모양 생성
*/
.hd-auth-adult-option:last-child .hd-auth-adult-icon:before {
	content:"";
	position:absolute;
	left:10px;
	top:7px;
	width:18px;
	height:21px;
	background:#3478d4;
	border-radius:9px 9px 11px 11px;
	clip-path:polygon(
		50% 0,
		100% 18%,
		92% 67%,
		50% 100%,
		8% 67%,
		0 18%
	);
}

/* 방패 안 체크 */
.hd-auth-adult-option:last-child .hd-auth-adult-icon:after {
	content:"";
	position:absolute;
	left:16px;
	top:14px;
	width:7px;
	height:4px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-45deg);
}


/* 차단 선택 */
.hd-auth-adult-option:last-child.is-active {
	border-color:#6b9ee5;
	background:#f5f9ff;
	box-shadow:0 0 0 3px rgba(52,120,212,.07);
}

.hd-auth-adult-option:last-child.is-active .hd-auth-adult-icon {
	background:#3478d4;
	box-shadow:0 4px 11px rgba(52,120,212,.22);
}

.hd-auth-adult-option:last-child.is-active .hd-auth-adult-icon:before {
	background:#fff;
}

.hd-auth-adult-option:last-child.is-active .hd-auth-adult-icon:after {
	border-color:#3478d4;
}

.hd-auth-adult-option:last-child.is-active .hd-auth-adult-text strong {
	color:#2767bd;
}


/* 선택 안 된 카드 텍스트 */
.hd-auth-adult-option:not(.is-active) .hd-auth-adult-text strong {
	color:#555;
}


/* =========================================================
   성인물 차단 비밀번호
   ========================================================= */

.hd-auth-adult-password {
	margin-top: 12px;
	padding: 14px 16px;
	background: #f5f9ff;
	border: 1px solid #d9e7fb;
	border-radius: 12px;
}

.hd-auth-adult-password label {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 700;
	color: #2f3747;
}

.hd-auth-adult-password input {
	display: block;
	width: 100%;
	height: 46px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 1px solid #cbd8ea;
	border-radius: 9px;
	background: #fff;
	font-size: 14px;
	color: #222;
	outline: none;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.hd-auth-adult-password input::placeholder {
	color: #a6afbd;
}

.hd-auth-adult-password input:focus {
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, .10);
}

.hd-auth-adult-password .hd-auth-help {
	margin: 8px 0 0;
	font-size: 11px;
	line-height: 1.5;
	color: #7d8796;
}


.hd-auth-signup-submit:disabled,
.hd-auth-signup-submit.is-processing {
	opacity: .55;
	cursor: not-allowed;
	pointer-events: none;
}



/* =========================================================
   HOME 2026 - LIVE SEARCH
   ========================================================= */

.hd2026-search-live {
   position: absolute;
   top: calc(100% + 10px);
   right: 164px;

   width: 430px;
   max-height: 520px;
   overflow-y: auto;

   background: rgba(15, 17, 22, .97);
   border: 1px solid rgba(255,255,255,.10);
   border-radius: 16px;

   box-shadow: 0 20px 60px rgba(0,0,0,.45);

   z-index: 9999;
   padding: 10px;

   opacity: 1;
   transform: translateY(0);
   transition: opacity .22s ease, transform .22s ease;
}

.hd2026-search-live.is-closing {
   opacity: 0;
   transform: translateY(-8px);
}

.hd2026-search-live.is-opening {
   opacity: 0;
   transform: translateY(8px);
}

.hd2026-search-live-head {
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 8px 10px 12px;

	font-size: 12px;
	font-weight: 700;
	color: #8f98a8;
}

#hd2026SearchClose {
	border: 0;
	background: none;
	color: #8f98a8;
	font-size: 22px;
	cursor: pointer;
}

.hd2026-search-item {
	display: flex;
	align-items: center;
	gap: 14px;

	padding: 10px;

	border-radius: 12px;
	text-decoration: none;

	transition: background .15s ease;
}

.hd2026-search-item:hover {
	background: rgba(255,255,255,.07);
}

.hd2026-search-thumb {
	width: 110px;
	height: 64px;
	flex: 0 0 110px;

	overflow: hidden;
	border-radius: 8px;
	background: #222;
}

.hd2026-search-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hd2026-search-text {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.hd2026-search-text strong {
	color: #fff;
	font-size: 15px;
	font-weight: 700;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hd2026-search-text span {
	color: #929baa;
	font-size: 12px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hd2026-search-loading,
.hd2026-search-empty {
	padding: 28px 15px;
	text-align: center;
	color: #929baa;
	font-size: 13px;
}


/* =========================================================
   HOME 2026 - CINEMATIC VIEW
   ========================================================= */

.hd2026-view {
    background:#0b0d11;
    color:#fff;
    min-height:100vh;
}

.hd2026-view-hero {
    position:relative;
    height:clamp(620px, 78vh, 900px);
    min-height:620px;

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    overflow:hidden;
    isolation:isolate;
}


/* 전체 어두운 필름 */

.hd2026-view-shade {
    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(5,7,10,.98) 0%,
            rgba(5,7,10,.88) 23%,
            rgba(5,7,10,.42) 52%,
            rgba(5,7,10,.16) 74%,
            rgba(5,7,10,.46) 100%
        );
}


/* 이미지에 살짝 빛 */

.hd2026-view-glow {
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 68% 45%,
            rgba(255,255,255,.08),
            transparent 35%
        );
}


/* 아래쪽 자연스럽게 페이지와 연결 */

.hd2026-view-bottom-fade {
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:240px;
    z-index:3;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #0b0d11
        );

    pointer-events:none;
}


/* 왼쪽 콘텐츠 */

.hd2026-view-inner {
    position:relative;
    z-index:5;

    width:min(1440px, calc(100% - 80px));
    height:100%;
    margin:0 auto;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    padding-top:40px;
}


.hd2026-view-meta {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;

    margin-bottom:22px;

    font-size:14px;
    font-weight:600;
    color:rgba(255,255,255,.72);
}

.hd2026-view-meta > span:first-child {
    color:#ff3158;
}

.hd2026-view-meta i {
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(255,255,255,.35);
}


.hd2026-view-title {
    margin:0;

    max-width:720px;

    font-size:clamp(48px, 5vw, 78px);
    line-height:1.06;
    letter-spacing:-3px;
    font-weight:800;

    text-shadow:0 8px 40px rgba(0,0,0,.55);
}


.hd2026-view-episode {
    margin-top:16px;

    font-size:22px;
    font-weight:600;
    color:rgba(255,255,255,.92);
}


.hd2026-view-summary {
    width:min(620px, 100%);

    margin-top:22px;

    font-size:16px;
    line-height:1.8;
    color:rgba(255,255,255,.66);

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;

    text-shadow:0 2px 12px rgba(0,0,0,.8);
}


/* 버튼 */

.hd2026-view-actions {
    display:flex;
    gap:12px;
    margin-top:32px;
}


.hd2026-view-play,
.hd2026-view-wish {
    height:52px;
    border:0;
    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:0 24px;

    font-size:15px;
    font-weight:700;

    cursor:pointer;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


.hd2026-view-play {
    background:#fff;
    color:#101217;

    box-shadow:0 10px 35px rgba(0,0,0,.30);
}

.hd2026-view-play:hover {
    transform:translateY(-2px) scale(1.02);
    background:#f3f3f3;
}


.hd2026-view-play-icon {
    color:#ff1748;
}


.hd2026-view-wish {
    background:rgba(255,255,255,.10);
    color:#fff;

    border:1px solid rgba(255,255,255,.14);

    backdrop-filter:blur(12px);
}

.hd2026-view-wish:hover {
    transform:translateY(-2px);
    background:rgba(255,255,255,.17);
}


/* 화면 중앙 PLAY */

.hd2026-view-center-play {
    position:absolute;
    z-index:6;

    left:70%;
    top:48%;

    width:92px;
    height:92px;

    transform:translate(-50%, -50%);

    border-radius:50%;
    border:1px solid rgba(255,255,255,.40);

    background:rgba(10,12,16,.30);
    color:#fff;

    cursor:pointer;

    backdrop-filter:blur(12px);

    box-shadow:
        0 15px 50px rgba(0,0,0,.38),
        inset 0 0 0 1px rgba(255,255,255,.08);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.hd2026-view-center-play span {
    display:block;
    margin-left:5px;

    font-size:31px;
}


.hd2026-view-center-play:hover {
    transform:
        translate(-50%, -50%)
        scale(1.10);

    background:rgba(255,23,72,.88);

    box-shadow:
        0 18px 70px rgba(255,23,72,.28);
}


/* 하단 정보 */

.hd2026-view-info {
    position:relative;
    z-index:7;

    width:min(1440px, calc(100% - 80px));
    margin:-70px auto 0;

    padding:0 0 80px;

    display:grid;
    grid-template-columns:minmax(0, 1fr) 380px;
    gap:80px;
}


.hd2026-view-section-label {
    margin-bottom:12px;

    font-size:11px;
    font-weight:800;
    letter-spacing:3px;

    color:#ff3158;
}


.hd2026-view-info h2 {
    margin:0;

    font-size:30px;
    line-height:1.3;
    letter-spacing:-1px;
}


.hd2026-view-info h2 strong {
    margin-left:8px;
    font-size:17px;
    font-weight:500;

    color:rgba(255,255,255,.52);
}


.hd2026-view-detail {
    display:flex;
    flex-wrap:wrap;
    gap:0;

    margin-top:16px;

    color:rgba(255,255,255,.55);
    font-size:14px;
}


.hd2026-view-detail span + span:before {
    content:"";
    display:inline-block;

    width:3px;
    height:3px;

    margin:0 10px 3px;

    border-radius:50%;
    background:rgba(255,255,255,.30);
}


.hd2026-view-info-side {
    display:grid;
    gap:18px;

    padding-top:8px;
}


.hd2026-view-info-side div {
    display:grid;
    grid-template-columns:55px 1fr;
    gap:15px;
}


.hd2026-view-info-side small {
    color:rgba(255,255,255,.35);
    font-size:13px;
}


.hd2026-view-info-side p {
    margin:0;

    color:rgba(255,255,255,.68);
    font-size:13px;
    line-height:1.6;
}


/* 작은 화면 */

@media (max-width:900px) {

    .hd2026-view-hero {
        height:680px;
    }

    .hd2026-view-inner {
        width:calc(100% - 40px);
        justify-content:flex-end;
        padding-bottom:140px;
    }

    .hd2026-view-title {
        font-size:48px;
    }

    .hd2026-view-center-play {
        left:50%;
        top:35%;
    }

    .hd2026-view-info {
        width:calc(100% - 40px);
        grid-template-columns:1fr;
        gap:35px;
    }

}


/* =========================================================
   HOME 2026 - VIEW EPISODES
   ========================================================= */

.hd2026-view-episodes {
    position:relative;
    z-index:8;

    width:min(1440px, calc(100% - 80px));
    margin:0 auto;
    padding:35px 0 110px;

    border-top:1px solid rgba(255,255,255,.07);
}

.hd2026-view-episodes-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    margin-bottom:26px;
}

.hd2026-view-episodes-head h2 {
    margin:5px 0 0;

    font-size:30px;
    line-height:1.2;
    letter-spacing:-1.2px;
    font-weight:750;
}

.hd2026-view-episodes-count {
    padding-bottom:3px;

    font-size:13px;
    color:rgba(255,255,255,.38);
}

.hd2026-view-episodes-count strong {
    color:rgba(255,255,255,.72);
    font-weight:600;
}


/* 캐러셀 */

.hd2026-view-episodes-wrap {
    position:relative;
}

.hd2026-view-episode-list {
    display:flex;
    gap:18px;

    overflow-x:auto;
    overflow-y:hidden;

    padding:5px 2px 22px;

    scroll-behavior:smooth;
    scrollbar-width:none;
}

.hd2026-view-episode-list::-webkit-scrollbar {
    display:none;
}


/* 카드 */

.hd2026-episode-card {
    flex:0 0 268px;
    min-width:0;

    color:#fff;
    text-decoration:none;

    opacity:.82;

    transition:
        transform .25s ease,
        opacity .25s ease;
}

.hd2026-episode-card:hover {
    transform:translateY(-7px);
    opacity:1;
}


/* 썸네일 */

.hd2026-episode-thumb {
    position:relative;

    width:100%;
    aspect-ratio:16 / 9;

    overflow:hidden;

    border-radius:14px;

    background:#151820;

    box-shadow:0 12px 30px rgba(0,0,0,.18);

    transition:
        box-shadow .25s ease,
        transform .25s ease;
}

.hd2026-episode-card:hover .hd2026-episode-thumb {
    box-shadow:0 20px 45px rgba(0,0,0,.42);
}

.hd2026-episode-thumb img {
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .45s cubic-bezier(.2,.7,.2,1),
        filter .3s ease;
}

.hd2026-episode-card:hover .hd2026-episode-thumb img {
    transform:scale(1.055);
    filter:brightness(.72);
}


/* PLAY hover */

.hd2026-episode-hover-play {
    position:absolute;

    left:50%;
    top:50%;

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    transform:
        translate(-50%, -45%)
        scale(.78);

    border:1px solid rgba(255,255,255,.55);
    border-radius:50%;

    background:rgba(7,9,13,.42);
    backdrop-filter:blur(8px);

    color:#fff;
    font-size:17px;

    opacity:0;

    transition:
        opacity .22s ease,
        transform .22s ease,
        background .22s ease;
}

.hd2026-episode-hover-play {
    padding-left:3px;
    box-sizing:border-box;
}

.hd2026-episode-card:hover .hd2026-episode-hover-play {
    opacity:1;

    transform:
        translate(-50%, -50%)
        scale(1);
}


/* NOW */

.hd2026-episode-now {
    position:absolute;
    left:12px;
    top:12px;

    padding:6px 9px;

    border-radius:7px;

    background:#ff1748;

    color:#fff;

    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.2px;

    box-shadow:0 5px 18px rgba(255,23,72,.32);
}

.hd2026-episode-card.is-now {
    opacity:1;
}

.hd2026-episode-card.is-now .hd2026-episode-thumb {
    box-shadow:
        0 0 0 2px #ff1748,
        0 16px 40px rgba(255,23,72,.12);
}


/* 카드 정보 */

.hd2026-episode-card-info {
    padding:13px 3px 0;
}

.hd2026-episode-card-info strong {
    display:block;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-size:15px;
    line-height:1.45;
    font-weight:650;

    color:rgba(255,255,255,.92);
}

.hd2026-episode-card-info span {
    display:block;

    margin-top:5px;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-size:12px;
    color:rgba(255,255,255,.38);
}


/* 좌우 버튼 */

.hd2026-episode-nav {
    position:absolute;
    z-index:10;

    top:72px;

    width:46px;
    height:70px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;

    background:rgba(8,10,14,.82);
    backdrop-filter:blur(12px);

    color:#fff;

    font-size:32px;
    line-height:1;

    cursor:pointer;

    opacity:.72;

    box-shadow:0 10px 35px rgba(0,0,0,.32);

    transition:
        opacity .2s ease,
        background .2s ease,
        transform .2s ease;
}

.hd2026-episode-nav:hover {
    opacity:1;
    background:rgba(255,23,72,.92);
}

.hd2026-episode-prev {
    left:-23px;
}

.hd2026-episode-prev:hover {
    transform:translateX(-3px);
}

.hd2026-episode-next {
    right:-23px;
}

.hd2026-episode-next:hover {
    transform:translateX(3px);
}


/* 로딩 */

.hd2026-episode-loading {
    width:100%;
    padding:70px 0;

    text-align:center;

    font-size:14px;
    color:rgba(255,255,255,.35);
}


/* 반응형 */

@media (max-width:900px) {

    .hd2026-view-episodes {
        width:calc(100% - 40px);
        padding-bottom:70px;
    }

    .hd2026-episode-card {
        flex-basis:230px;
    }

    .hd2026-episode-nav {
        display:none;
    }
}

/* =========================================================
   HOME 2026 - EPISODE ARCHIVE GRID
   ========================================================= */

.hd2026-view-episode-list {
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:28px 18px;

    overflow:visible;

    padding:5px 2px 30px;
}

.hd2026-episode-card {
    min-width:0;
    width:100%;
    flex:none;
}

.hd2026-episodes-more-wrap {
    display:flex;
    justify-content:center;
    padding:20px 0 10px;
}

.hd2026-episodes-more {
    min-width:220px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;

    background:rgba(255,255,255,.05);
    color:#fff;

    font-size:14px;
    font-weight:600;

    cursor:pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.hd2026-episodes-more:hover {
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.22);
    transform:translateY(-2px);
}

.hd2026-episodes-more small {
    font-size:20px;
    font-weight:300;
    color:#ff1748;
}

.hd2026-episodes-more.is-loading {
    opacity:.55;
    pointer-events:none;
}

@media (max-width:1200px) {
    .hd2026-view-episode-list {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

@media (max-width:800px) {
    .hd2026-view-episode-list {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   HOME 2026 - EPISODE SEARCH / YEAR FILTER
   ========================================================= */

.hd2026-episode-tools {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    margin:24px 0 28px;
}

/* 검색 */

.hd2026-episode-search {
    position:relative;
    width:320px;
}

.hd2026-episode-search input {
    width:100%;
    height:46px;
    box-sizing:border-box;

    padding:0 48px 0 17px;

    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    outline:none;

    background:rgba(255,255,255,.045);
    color:#fff;

    font-size:13px;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.hd2026-episode-search input::placeholder {
    color:rgba(255,255,255,.35);
}

.hd2026-episode-search input:focus {
    border-color:rgba(255,23,72,.65);
    background:rgba(255,255,255,.065);

    box-shadow:0 0 0 3px rgba(255,23,72,.08);
}

.hd2026-episode-search-icon {
    position:absolute;
    right:16px;
    top:50%;

    transform:translateY(-50%);

    color:rgba(255,255,255,.6);
    font-size:20px;

    pointer-events:none;
}


/* 연도 */

.hd2026-episode-years {
    display:flex;
    align-items:center;
    gap:6px;
}

.hd2026-episode-year {
    height:38px;
    min-width:62px;

    padding:0 15px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:10px;

    background:transparent;
    color:rgba(255,255,255,.52);

    font-size:12px;
    font-weight:600;

    cursor:pointer;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.hd2026-episode-year:hover {
    color:#fff;
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.18);

    transform:translateY(-1px);
}

.hd2026-episode-year.is-active {
    color:#fff;

    background:#ff1748;
    border-color:#ff1748;

    box-shadow:0 7px 20px rgba(255,23,72,.18);
}


/* 작은 화면 */

@media (max-width:900px) {

    .hd2026-episode-tools {
        align-items:flex-start;
        flex-direction:column;
    }

    .hd2026-episode-search {
        width:100%;
    }

    .hd2026-episode-years {
        width:100%;
        overflow-x:auto;
        padding-bottom:5px;
    }

    .hd2026-episode-year {
        flex:0 0 auto;
    }
}

/* =========================================================
   HOME 2026 - VIEW VIDEO PLAYER
   ========================================================= */

.hd2026-view-hero .hd2026-view-player {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#000;
    z-index:20;
}