#shSubBnr{position:relative;overflow:hidden;height:450px}
#shSubBnr #mainImg{width:100%;height:450px;background-size:cover;background-position:center}

/* width:1400px → max-width으로 변경, 가로 오버플로 방지 */
#shSubBnr .sub_nav{
    position:absolute;
    z-index:10;
    left:50%;
    top:50%;
    width:90%;
    max-width:1400px;
    margin:0 auto;
    color:#fff;
    transform:translate(-50%,-50%);
    box-sizing:border-box;
}
#shSubBnr .tit{
    overflow:hidden;
    position:relative;
    z-index:1;
    margin-top:30px;
    font-size:46px;
    font-weight:700;
    font-family:'pretendard';
    word-break:keep-all;
}
#shSubBnr .crumb{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:16px;
    font-weight:700;
    flex-wrap:wrap;
}
#shSubBnr .crumb svg{width:20px;color:#fff;flex-shrink:0}


/* =============================================
   태블릿 (768px 이하)
   ============================================= */
@media screen and (max-width:768px){
    #shSubBnr{height:300px}
    #shSubBnr #mainImg{height:300px}
    #shSubBnr .sub_nav{width:calc(100% - 40px)}
    #shSubBnr .tit{font-size:32px;margin-top:18px}
    #shSubBnr .crumb{font-size:14px;gap:6px}
    #shSubBnr .crumb svg{width:17px}
}


/* =============================================
   모바일 (480px 이하)
   ============================================= */
@media screen and (max-width:480px){
    #shSubBnr{height:200px}
    #shSubBnr #mainImg{height:200px}
    #shSubBnr .sub_nav{width:calc(100% - 32px)}
    #shSubBnr .tit{font-size:22px;margin-top:12px;line-height:1.3}
    #shSubBnr .crumb{font-size:12px;gap:4px}
    #shSubBnr .crumb svg{width:14px}
}