/* 공통 style.css 다음에 불러옵니다. 메인 배너에만 적용됩니다. */
.home-hero {
    background-color: #103c31;
    background-image:
        linear-gradient(90deg, rgba(5, 29, 23, 0.78) 0%, rgba(9, 39, 30, 0.52) 43%, rgba(9, 39, 30, 0.14) 100%),
        linear-gradient(180deg, rgba(8, 35, 27, 0.18) 0%, transparent 56%, rgba(8, 35, 27, 0.24) 100%),
        url('/gyeongnam/image/common/hero-bg.webp');
    background-position: center, center, center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.home-hero__title {
    text-shadow: 0 2px 18px rgba(0, 15, 10, 0.22);
}

.home-hero__description {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 10px rgba(0, 15, 10, 0.32);
}

.home-hero .home-button--line {
    border-color: rgba(255, 255, 255, 0.42);
    background: rgba(12, 48, 36, 0.65);
}

.home-hero .home-button--line:hover {
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(12, 48, 36, 0.88);
}

.home-hero__schedule {
    background: rgba(10, 42, 33, 0.86);
}

@media (max-width: 720px) {
    .home-hero {
        background-image:
            linear-gradient(180deg, rgba(5, 29, 23, 0.86) 0%, rgba(8, 35, 27, 0.68) 43%, rgba(8, 35, 27, 0.12) 72%, rgba(8, 35, 27, 0.32) 100%),
            url('/gyeongnam/image/common/hero-bg.webp');
        background-position: center, 65% bottom;
    }
}