/* 서브페이지 상단 LNB — TypeD-1 전용 */

/* ======================== 데스크탑 (1250px~) ======================== */
@media (min-width: 1250px) {
	.contents { position: relative; padding-left: 270px; }
	.contents-wrap { position: relative; max-width: 1400px; width: 100%; margin: 0 auto; padding: 50px 0; }

	.sub-top-wrap { position: sticky; z-index: 800; top:0px; background: #fff; border-bottom: 1px solid #eee; box-shadow: 2px 0px 7px rgba(0,0,0,.1) !important; }
	.sub-top { width: 100%; max-width: 1400px; margin: 0 auto; display: flex; height:80px; align-items: center; gap: 6px; }
	.sub-top li { display: flex; align-items: center; }
	.sub-top li a { color: #888; font-size: 16px; letter-spacing: 1px; transition: color .2s; }
	.sub-top li a:hover { color: var(--c_base1); }

	/* 타이틀 + 세로 구분선 */
	.sub-top li:first-child a { font-weight: bold; font-size: 18px; letter-spacing: 0; color: #000; }
	.sub-top li:first-child::after { content: ""; width: 3px; height: 16px; border-radius:3px; background: var(--c_base1); margin: 0 16px; }

	/* 메뉴 항목 사이 도트 구분자 */
	.sub-top li:nth-child(n+3)::before { content: "·"; color: #ccc; margin:0 12px 0 8px; }

	/* 활성 항목 = 진한 남색 알약 */
	.sub-top li.on a { background: var(--c_base1); color: #fff !important; padding: 7px 18px; border-radius: 100px; font-weight: 600; }
	.sub-top li.on a:hover { color: #fff; }

	.sub-tit-wrap { width: 100%; padding: 48px 0; background:#000; }
	.sub-tit-wrap.intro {background:#000 url(/images/common/lnb-introduction-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.research {background:#000 url(/images/common/lnb-research-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.people {background:#000 url(/images/common/lnb-people-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.performance {background:#000 url(/images/common/lnb-performance-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.facilities {background:#000 url(/images/common/lnb-facilities-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.community {background:#000 url(/images/common/lnb-community-bg.webp) no-repeat center/cover;}

	.sub-tit { width: 100%; max-width: 1400px; margin: 0 auto; color: #fff; font-size: 13px; display: flex; align-items: center; justify-content: space-between; }
	.sub-tit h2 { font-size: 36px; font-weight: bold; }
	.sub-tit .location { display: flex; align-items: center; }
	.sub-tit .location span { padding: 0 15px; }
	.sub-tit .location span:before { display: inline-block; width: 6px; height: 10px; padding-right: 20px; content: ""; background: url(/images/common/lnb-arrow.png) no-repeat; }
	.sub-tit .location span:after  { display: inline-block; width: 6px; height: 10px; padding-left: 22px; content: ""; background: url(/images/common/lnb-arrow.png) no-repeat right; }
}

/* ======================== 모바일 (~1249px) ======================== */
@media (max-width: 1249px) {
	.sub-top { display: none; }
	.sub-tit { width: 100%; color: #fff; text-align: center; padding: 20px 40px; }
	.sub-tit h2 { font-size: 24px; font-weight: bold; }
	.sub-tit .location { margin-top: 10px; }
	.sub-tit .location span { font-size: 14px; padding: 0 10px; }
	.sub-tit .location span:before { display: inline-block; width: 6px; height: 10px; padding-right: 20px; content: ""; background: url(/images/common/lnb-arrow.png) no-repeat; }
	.sub-tit .location span:after  { display: inline-block; width: 6px; height: 10px; padding-left: 22px; content: ""; background: url(/images/common/lnb-arrow.png) no-repeat right; }

	.sub-tit-wrap.intro {background:#000 url(/images/common/lnb-introduction-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.research {background:#000 url(/images/common/lnb-research-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.people {background:#000 url(/images/common/lnb-people-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.performance {background:#000 url(/images/common/lnb-performance-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.facilities {background:#000 url(/images/common/lnb-facilities-bg.webp) no-repeat center/cover;}
	.sub-tit-wrap.community {background:#000 url(/images/common/lnb-community-bg.webp) no-repeat center/cover;}
}

/* ======================== 모바일 (0~767px) ======================== */
@media (max-width: 767px) {
	.contents-wrap { padding:30px 20px; }
}