/* ─────────────────────────────────────────────
   슬라이드 배너 전체 너비, 고정 높이
───────────────────────────────────────────── */
.slide-banner01 {
    position: relative;
    width: 100vw; /* 브라우저 가로 전체 */
    overflow: hidden;
    height: 25rem; /* 필요에 따라 조정 */
    background: #252525;
}

    /* ─────────────────────────────────────────────
   2개 슬라이드 가로 배치
───────────────────────────────────────────── */
    .slide-banner01 .slides {
        display: flex;
        width: 200%; /* 슬라이드 개수 × 100% */
        height:25rem;
        transition: transform 0.6s ease;
    }


    .slide-banner01 .slide[data-index="0"] {
        background-image: url('../assets/images/slidebanner_bg.png');
    }


.slide-content {
   max-width: 1140px;
   width:100%;
}
    /* ─────────────────────────────────────────────
   각 슬라이드: 절반 너비, 전체 높이, 배경 커버
───────────────────────────────────────────── */
    .slide-banner01 .slide {
        flex: 0 0 50%;
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center; /* 수평 중앙 정렬 */
        align-items: center; /* 수직 중앙 정렬 */
    }

    /* ─────────────────────────────────────────────
   컨텐츠 래퍼: 최대 1140px, 가로 중앙
───────────────────────────────────────────── */
    .slide-banner01 .content_wrap {
        text-align: left; 
        width:54%;/* 필요 시 유지 */
    }

    .content_wrap > h2 {
    color:#fff;
    font-size: 1.8rem;
    }

.content_wrap > p {
    color: #fff;
}
        /* ─────────────────────────────────────────────
   세그먼트 진행 바
───────────────────────────────────────────── */
        .slide-banner01 .slide-progress {
            position: absolute;
            bottom: 35px;
            left: 50%; /* ① 화면 중앙 기준으로 */
            transform: translateX(-50%); /* ② 자신의 가로 폭의 절반만큼 왼쪽으로 이동 */
            max-width: 1140px;
            width: 100%;
            height: 6px;
            display: flex;
            gap: 8px; /* 세그먼트 사이 간격 (선택) */
            pointer-events: none;
            z-index: 9999;
        }

        .slide-banner01 .slide-progress .segment {
            flex: 1;
            background: rgba(255,255,255,0.3);
            cursor: pointer;
            pointer-events: all;
            transition: background 0.4s ease;
        }

            .slide-banner01 .slide-progress .segment.active {
                background: #fff;
            }