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

/* site-route (breadcrumb) */
.site-route ul {display:flex; align-items:center; color:#888;}
.site-route ul li {font-size:var(--fs16); position:relative;}
.site-route ul li.home {padding-left:37px; display:flex; align-items:center; text-transform:uppercase;}
.site-route ul li.home:before {content:""; display:block; width:27px; height:27px; border:1px solid #ccc; border-radius:50%; background:url(/images/common/siteroute-home.svg) no-repeat center / 11px; position:absolute; left:0;}
.site-route ul li+li {padding-left:26px; line-height:1; text-align:left;}
.site-route ul li+li:before {content:""; display:block; height:7px; width:1px; background:#ccc; transform:rotate(-45deg); position:absolute; left:13px; top:4px;}

/* 데스크탑 (1200px~) — 좌: 타이틀 / 우: breadcrumb */
@media screen and (min-width: 1200px), print {
	.sub-visual-wrap {height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        position: relative;
        padding: 100px 0 50px 0;
        flex-direction: column;
        gap: 14px;
    }
	.sub-visual-txt {text-align:left;}
	.sub-visual-txt p {color:var(--c_base1); text-align:left; font-size:var(--fs18); font-weight:800; padding-bottom:2px;}
	.sub-visual-txt h2 {color:#111; font-size:var(--fs36); font-weight:700; line-height:normal; letter-spacing:-1.2px;}
}

/* 태블릿 이하 (~1199px) */
@media screen and (max-width: 1199px) {
	.sub-visual {height:auto;}
	.sub-visual-wrap {position:relative; padding:130px 30px 0; display:flex; justify-content:space-between; align-items:flex-end; gap:20px;}
	.sub-visual-txt {text-align:left;}
	.sub-visual-txt p {color:var(--c_base1); font-size:var(--fs16); font-weight:800;}
	.sub-visual-txt h2 {color:#111; font-size:var(--fs40); font-weight:700; line-height:normal; letter-spacing:-1.2px;}
}

/* 모바일 (~767px) */
@media screen and (max-width: 767px) {
	.sub-visual-wrap {padding:100px 20px 0; flex-direction:column; align-items:flex-start; gap:16px;}
}