/* YJ 중앙배너 편집기: 기존 레이아웃은 건드리지 않고 이미지/마스킹/글자만 덮어씁니다. */
.main-banner.yj-cbe-managed {
    background-position: var(--yj-cbe-position, center center) !important;
}

.main-banner.yj-cbe-managed::before {
    background: linear-gradient(
        90deg,
        rgba(var(--yj-cbe-mask-rgb, 255,255,255), var(--yj-cbe-a1, .82)) 0%,
        rgba(var(--yj-cbe-mask-rgb, 255,255,255), var(--yj-cbe-a2, .72)) 38%,
        rgba(var(--yj-cbe-mask-rgb, 255,255,255), var(--yj-cbe-a3, .34)) var(--yj-cbe-mask-end, 74%),
        rgba(var(--yj-cbe-mask-rgb, 255,255,255), 0) 100%
    ) !important;
}

.main-banner.yj-cbe-managed .banner-content,
.main-banner.yj-cbe-managed .banner-content h2,
.main-banner.yj-cbe-managed .banner-small {
    color: var(--yj-cbe-text-color, #0d2c5a) !important;
}

.main-banner.yj-cbe-managed .banner-content p {
    color: var(--yj-cbe-body-color, #1f3655) !important;
}

.main-banner.yj-cbe-managed .banner-content h2,
.main-banner.yj-cbe-managed .banner-content p {
    white-space: pre-line;
}

.main-banner.yj-cbe-managed .banner-button {
    color: var(--yj-cbe-button-color, #174a8a) !important;
    border-color: var(--yj-cbe-button-color, #174a8a) !important;
    background: rgba(255,255,255,.30);
}

.main-banner.yj-cbe-managed .banner-button:hover {
    background: var(--yj-cbe-button-color, #174a8a) !important;
    color: #fff !important;
}