/* 첫 화면: 큰 제목 + 가는 세로선 + 흰 로고, 가운데 정렬 (2026-10-18 주인 "이런느낌으로 이문구만 남기고", "선 있고 로고 넣기", "글씨도 모두 흰색", "모바일도 같이")
   쌍용 더 플래티넘 한강 첫 화면 참고: 첫 줄 가늘게 · 둘째 줄 굵게. 소개 줄·부제·조건 칸·요약 상자는 숨김.
   로고는 각 사이트 theme-*.css 의 --hero-logo (머리 로고 파일)를 흰색으로. dhome 다크 사본(body[data-dh]) 제외 */
body:not([data-dh]) .op-hero .op-hero-bg::before{top:0!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;height:auto!important;background:linear-gradient(180deg,rgba(10,12,18,.28) 0%,rgba(10,12,18,.12) 38%,rgba(10,12,18,0) 56%)!important}
body:not([data-dh]) .op-hero .op-hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(900px,88vw)!important;max-width:none!important;top:clamp(56px,10vh,110px)!important;padding:0!important;border:0!important;text-align:center!important}
body:not([data-dh]) .op-hero .op-hero-copy .hc-chip,body:not([data-dh]) .op-hero .op-hero-copy .hc-sub,body:not([data-dh]) .op-hero .op-hero-copy .hc-deal,body:not([data-dh]) .op-hero .op-hero-copy .hc-notice{display:none!important}
body:not([data-dh]) .op-hero .op-hero-copy .hc-tit{order:1;margin:0!important;font-family:var(--font-serif,"Nanum Myeongjo",serif)!important;width:100%!important;text-wrap:wrap!important;font-size:clamp(34px,2.8vw,46px)!important;font-weight:700!important;line-height:1.42!important;letter-spacing:-.02em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;filter:none!important;text-shadow:0 1px 3px rgba(0,0,0,.35),0 0 14px rgba(0,0,0,.18)!important}
body:not([data-dh]) .op-hero .op-hero-copy .hc-tit::first-line{font-weight:400!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.35),0 0 14px rgba(0,0,0,.18)!important}
/* 가는 세로선: 위에서 아래로 그려짐 */
body:not([data-dh]) .op-hero .op-hero-copy::after{content:"";order:2;display:block;flex:0 0 auto;width:1px;height:96px;margin:30px 0 0;background:rgba(255,255,255,.85);transform-origin:50% 0;animation:hxDrop 1.2s .9s cubic-bezier(.2,.7,.2,1) both}
/* 흰 로고 */
body:not([data-dh]) .op-hero .op-hero-copy::before{content:"";order:3;display:block;flex:0 0 auto;width:min(300px,70vw);height:56px;margin:28px 0 0;background-position:center;background-size:contain;background-repeat:no-repeat;filter:grayscale(1) invert(1) brightness(2.2) drop-shadow(0 2px 10px rgba(0,0,0,.25));animation:hxFade 1s 1.6s ease both}
@keyframes hxDrop{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes hxFade{from{opacity:0}to{opacity:1}}
@media (max-width:1024px){
body:not([data-dh]) .op-hero .op-hero-copy{top:clamp(40px,9vh,80px)!important}
body:not([data-dh]) .op-hero .op-hero-copy .hc-tit{font-size:clamp(25px,7vw,34px)!important}
body:not([data-dh]) .op-hero .op-hero-copy::after{height:64px;margin-top:22px}
body:not([data-dh]) .op-hero .op-hero-copy::before{height:42px;margin-top:20px}
}
@media (prefers-reduced-motion:reduce){body:not([data-dh]) .op-hero .op-hero-copy::after,body:not([data-dh]) .op-hero .op-hero-copy::before{animation:none}}