@charset "utf-8";
/*
  LNP 서브 공통 CSS (브레드크럼 · 페이지 제목/설명 · 서브 여백)
  - lnp-common.css 변수 사용. lnp-common.css / lnp-home.css 는 수정하지 않음.
  - 반응형 기준 1024px 하나 (PC ≥1024 / 모바일 ≤1023)
  - 상단(.lnp-sub-top): C안 = 남색 그라데이션 띠(이미지 없음). B안(연회색)으로 되돌릴 땐 아래 "B안 전환" 주석 참고.
*/

/* sub_mvis.php 구간(브레드크럼+제목) / sub_cont_header.php 구간(본문) 분리 */
.lnp-sub-top{
	padding:32px 0 36px;
	background:
		radial-gradient(circle at 88% 15%, rgba(91,110,240,.28), transparent 45%),
		linear-gradient(100deg, var(--lnp-navy) 0%, var(--lnp-navy-dark) 100%);
}
.lnp-sub-body{ padding:32px 0 72px; }

/* ===== 브레드크럼 ===== */
.lnp-sub-crumb{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:6px;
	margin:0 0 20px;
	padding:0;
	list-style:none;
	font-size:13px;
	color:#b8c6de;
}
.lnp-sub-crumb li{ display:flex; align-items:center; gap:6px; min-width:0; }
.lnp-sub-crumb a{ color:#b8c6de; text-decoration:none; }
.lnp-sub-crumb a:hover{ color:#fff; }
.lnp-sub-crumb i{ font-size:14px; }
.lnp-sub-crumb .lnp-sub-crumb-sep{ font-size:12px; color:#8fb0e8; }
.lnp-sub-crumb li:last-child{ color:#fff; }

/* ===== 페이지 제목 / 설명 ===== */
.lnp-sub-head{ margin:0; }
.lnp-sub-title{
	margin:0 0 12px;
	padding-bottom:12px;
	border-bottom:1px solid rgba(255,255,255,.2);
	font-size:26px;
	font-weight:800;
	line-height:1.3;
	letter-spacing:-0.5px;
	color:#fff;
}
.lnp-sub-title em{
	font-style:normal;
	margin-left:10px;
	font-size:16px;
	font-weight:500;
	letter-spacing:0;
	color:#8fb0e8;
}
.lnp-sub-desc{
	margin:0;
	font-size:14px;
	line-height:1.6;
	color:#dbe6f8;
	word-break:keep-all;
}

@media screen and (min-width:1024px){
	.lnp-sub-top{ padding:44px 0; }
	.lnp-sub-body{ padding:48px 0 120px; }
	.lnp-sub-crumb{ margin-bottom:28px; font-size:14px; }
	.lnp-sub-title{ font-size:36px; margin-bottom:14px; padding-bottom:14px; }
	.lnp-sub-title em{ font-size:20px; }
	.lnp-sub-desc{ font-size:16px; }
}

/* ===== 영문 워터마크 (장식) ===== */
.lnp-sub-top{ position:relative; overflow:hidden; }
.lnp-sub-top .lnp-container{ position:relative; }
.lnp-sub-crumb,
.lnp-sub-head{ position:relative; } /* 워터마크 위로 */
.lnp-sub-mark{
	position:absolute;
	right:20px;
	bottom:-56px; /* 띠 하단 밖으로 내려 글자 아랫부분이 잘리게 (띠 overflow:hidden) */
	font-size:52px;
	font-weight:800;
	letter-spacing:.02em;
	line-height:1;
	color:rgba(255,255,255,.07);
	white-space:nowrap;
	pointer-events:none;
	user-select:none;
}
@media screen and (min-width:1024px){
	.lnp-sub-mark{ font-size:120px; bottom:-78px; }
}

/*
  B안 전환(연회색) 시: .lnp-sub-top 의 background 를 var(--lnp-bg-soft) + border-bottom:1px solid var(--lnp-border) 로 바꾸고,
  crumb / title / em / desc 색을 이전 값(#666, #222, #a3aab5, #666)으로 되돌릴 것.
*/