/* 슬라이드 4: 고객 이점 및 시나리오 레이아웃 */
.customer-value-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    color: #333333;
    font-family: 'Noto Sans KR', sans-serif;
}

.split-wrapper {
    display: flex;
    width: 100%;
    max-width: 1680px;
    gap: 80px;
    align-items: center;
    padding: 0 40px;
}

.value-column {
    flex: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.value-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.value-title {
    color: #333333;
    font-weight: 700;
    font-size: 1.55rem !important;
    margin: 0 !important;
    border-left: 5px solid #D4AF37;
    padding-left: 18px;
    letter-spacing: -0.5px;
}


.value-desc {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: #555555;
    margin: 0 !important;
    word-break: keep-all;
}

.highlight {
    color: #D4AF37;
    font-weight: bold;
}

.scenario-column {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center; /* 이미지를 오른쪽으로 정렬하여 텍스트와 거리 확보 */
}

/* 이미지 플레이스홀더: 세로로 길게 수정 */
.scenario-image-placeholder {
    width: 820px;
    height: 600px; /* 두 개의 이미지를 합친 높이로 변경 */
    background-color: #F0F0F0;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center; /* 텍스트 중앙 정렬 추가 */
    color: #AAAAAA;
    font-size: 1rem;
    font-weight: 500;
    border: 1px dashed #CCCCCC;
    position: relative;
    overflow: hidden;
}

.scenario-image-placeholder img {
    /* width: 100%; */
    height: 100%;
}

.scenario-image-placeholder img:nth-child(1) {
    flex: 1; /* 비율 1 */
    object-fit: cover; /* fill 대신 cover를 사용하여 이미지 찌그러짐 방지 */
    width: 220px;
}

/* 두 번째 이미지 (시나리오2.png) */
.scenario-image-placeholder img:nth-child(2) {
    flex: 8; /* 비율 2 (첫 번째 이미지보다 2배 더 넓은 영역 차지) */
    object-fit: cover;
}

.reveal h2.section-header {
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 70px;
    color: #333333;
    letter-spacing: -1px;
    padding-bottom: 20px;
}