.sub-visual {position:relative; width:100%; height:500px; background:#000 center /cover no-repeat;}
.sub-visual .cover {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.25);}

/* 데스크탑 (1200px~) */
@media screen and (min-width: 1200px), print {
	.sub-visual {}
	.sub-visual-wrap {padding:0 0 130px; height:100%; display:flex; justify-content:space-between; align-items:end;position:relative;}
	.sub-visual-txt h2 {color:#FFF; font-size:var(--fs40); font-weight:700; line-height:normal; letter-spacing:-1.2px;}

	.lnb {position:absolute; top:400px; left:0; width:100%; height:100px; border-bottom:1px solid var(--border1); border-top:1px solid rgba(255,255,255,0.15); background:rgba(0,0,0,0.10); backdrop-filter:blur(10px);}
	.lnb.fixOn {position:fixed; top:0; z-index:1000; background:rgba(11,38,72,.5); box-shadow:rgba(0,0,0,0.05) 0px 10px 20px -3px, rgba(0,0,0,0.05) 0px 4px 8px -2px;}
	.lnb-wrap {height:100%; display:flex; justify-content:space-between; align-items:center; position:relative;}
	.lnb-wrap h2 {padding-right:100px; background:url(/images/common/icon_lnb_tit.svg)calc(100% - 50px) 0 no-repeat; color:var(--c_base2); font-size:var(--fs18); font-weight:600; line-height:70px;}
	.lnb-menu {height:50px;}
	.lnb-menu ul {display:flex; gap:42px; height:100%; align-items:center;}
	.lnb-menu ul li {height:100%; display:flex; align-items:center; border-bottom:3px solid transparent;}
	.lnb-menu ul li a {color:#fff; font-size:var(--fs18); font-weight:600; line-height:100%;}
	.lnb-menu ul li.bar {width:1px; height:19px; background:var(--border1);}
	.lnb-menu ul li.on {border-color:var(--c_base2);}
	.lnb-nav {display:flex; gap:10px; align-items:center;}
	.lnb-nav p {color:#FFF; font-size:var(--fs14); line-height:normal;}
	.lnb-nav p.dot {width:3px; height:3px; background:#fff; border-radius:50%;}
}

/* 태블릿 이하 (~1199px) */
@media screen and (max-width: 1199px) {
	.sub-visual {height:auto;}
	.sub-visual-wrap {position: relative;padding:200px 30px 100px; height:100%; display:flex; justify-content:space-between; align-items:end;}
	.sub-visual-txt h2 {color:#FFF; font-size:var(--fs40); font-weight:700; line-height:normal; letter-spacing:-1.2px;}

	.lnb {position:absolute; top:400px; left:0; width:100%; height:100px; border-bottom:1px solid var(--border1); border-top:1px solid rgba(255,255,255,0.15); background:rgba(0,0,0,0.10); backdrop-filter:blur(10px);}
	.lnb.fixOn {position:fixed; top:0; z-index:1000; box-shadow:rgba(0,0,0,0.05) 0px 10px 20px -3px, rgba(0,0,0,0.05) 0px 4px 8px -2px;}
	.lnb-wrap {height:100%; display:flex; justify-content:space-between; align-items:center; position:relative;}
	.lnb-menu {height:50px;}
	.lnb-menu ul {display:flex; gap:42px; height:100%; align-items:center;}
	.lnb-menu ul li {height:100%; display:flex; align-items:center; border-bottom:3px solid transparent;}
	.lnb-menu ul li a {color:#fff; font-size:var(--fs18); font-weight:600; line-height:100%;}
	.lnb-menu ul li.bar {width:1px; height:19px; background:var(--border1);}
	.lnb-menu ul li.on {border-color:var(--c_base1);}
	.lnb-nav {display:flex; gap:10px; align-items:center;}
	.lnb-nav p {color:#FFF; font-size:var(--fs14); line-height:normal;}
	.lnb-nav p.dot {width:3px; height:3px; background:#fff; border-radius:50%;}
}

/* 모바일 (~767px) */
@media screen and (max-width: 767px) {
	.sub-visual-wrap {padding:160px 20px 50px;}
}