@font-face{font-family:'montserrat';src:url('../../vendor/fonts/montserrat-700.woff2') format('woff2');font-weight:700;font-display:swap}
.hero2{position:relative;word-break:keep-all}
.hero2::before{content:'';display:block;width:100%;height:385px;background:linear-gradient(180deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.97) 94%),url('../../assets/hh/css_about_02_bg.jpg') no-repeat left center/cover;border-radius:0 0 0 154px;position:absolute;left:50%;transform:translateX(-525px);z-index:-1}
.hero2 .hero2-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.hero2 .hero2-tit{font-size:126px;font-weight:700;line-height:1.4;font-family:'montserrat',sans-serif;color:#111;padding-top:280px;margin:0}
.hero2 .hero2-sub{font-size:22.4px;font-weight:600;color:#111;line-height:1.7;margin:0}
.hero2 .hero2-sub .g{color:#0C9384}
@media all and (max-width:1539px){.hero2::before{width:calc(100% - 14px);height:315px;left:auto;right:0;transform:none}.hero2 .hero2-tit{padding-top:217px;font-size:105px}.hero2 .hero2-sub{font-size:18.2px;margin-top:11.2px}}
@media all and (max-width:1199px){.hero2::before{height:161px;border-radius:0 0 0 105px}.hero2 .hero2-tit{padding-top:94.5px;font-size:70px}}
@media all and (max-width:767px){.hero2::before{height:112px;border-radius:0 0 0 70px}.hero2 .hero2-tit{padding-top:82.6px;font-size:35px}.hero2 .hero2-sub{font-size:14px}}
/* 히어로 아래 콘텐츠 여백 축소 — 원래 페이지 자체 상단 패딩(pf 80/blog 96+48)이 히어로와 겹쳐 첫 화면에 콘텐츠가 안 걸림 */
.pf-page{padding-top:36px}
.pf-filters{margin-top:0}
.blog-list-con{padding-top:28px}
.blog-layout{margin-top:12px}
/* 서비스 페이지들도 hero2 체제(구 다크 그라디언트 svc-hero 대체, 히어로 바로 아래 = 포폴 롤링) */
.svc-page{padding-top:36px}