.overview_section {
    padding: clamp(60px, 7vh, 80px) 0 clamp(69px, 4.5vw, 103px);
}

.solutions-visual {
    position: relative;
    height: clamp(393px, 25.6vw, 589px);
    width: 100%;
    overflow: hidden;
}

.solutions-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutions-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: #fff;
}

.main-t {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 96px */
}

.solutions_section__tabs {
    position: relative;
    margin-top: clamp(54px, 3.5vw, 80px);
    display: flex;
    justify-content: center;
    padding: 6px;
    border-radius: 100px;
    background: rgba(56, 56, 56, 0.70);
}

/* 슬라이드 배경 */
.solutions_section__tab-bg {
    position: absolute;
    top: 6px;
    left: 6px;
    width: clamp(151px, 9.9vw, 227px);
    height: clamp(42px, 2.8vw, 64px);
    border-radius: clamp(65px, 3.9vw, 80px);
    transition: transform 0.35s ease;
    z-index: 0;
}

.solutions_section__tab {
    position: relative;
    z-index: 1;
    width: clamp(151px, 9.9vw, 227px);
    height: clamp(42px, 2.8vw, 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: clamp(65px, 3.9vw, 80px);
    color: #DEDEDE;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.3s ease;
}

.solutions_section__tab--active {
    color: #fff;
    background: linear-gradient(90deg, #196FB7 0%, #262261 100%);
}

.solutions_section__content {
    display: none;
}
.solutions_section__content.active {
    display: block;
}

.solutions_section__title {
    padding: clamp(100px, 6.8vw, 150px) 0 clamp(107px, 7vw, 161px);
    color: #212121;
    text-align: center;
    min-height: calc((58px * 1.6) + (43px * 1.6));
}

.fade-up {
    display: block;
}

.solutions_section__title span:nth-child(1) {
    font-weight: 600;
    line-height: 160%;
}

.solutions_section__title span:nth-child(2) {
    font-weight: 400;
    line-height: 160%;
}

.solutions_feature {
    margin: 0 auto;
    width: 88vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.solutions_feature__logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.allbiz-logo {
    width: 100%;
    height: 100%;
}

/* .solutions_feature__logo {
    margin-right: clamp(-120px, -5.2vw, -80px);
    display: flex;
    align-items: center;
    gap: clamp(32px, 2.1vw, 48px);
}
.kb-logo {
    width: clamp(105px, 6.8vw, 157px);
    height: auto;
    flex-shrink: 0;
}
.allbiz-logo {
    width: clamp(138px, 9vw, 208px);
    height: auto;
    flex-shrink: 0;
}
.solutions_feature__logo svg {
    width: clamp(30px, 2vw, 46px);
    height: clamp(30px, 2vw, 46px);
    flex-shrink: 0;
} */

.solutions_feature__connector {
    width: clamp(161px, 12vw, 299px);
    height: clamp(496px, 32.3vw, 744px);
}

.connector-svg {
    width: auto;
    height: 100%;
}

.connector-line {
    fill: none;
    stroke: #196FB7;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

.connector-dot {
    fill: #D0D0D0;
}

.solutions_feature__content {
    height: clamp(496px, 32.3vw, 744px);
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
}

.feature-item {
    align-self: start;
    opacity: 0.25;
}

.feature-item:nth-child(1) {
    transform: translateX(-10px) scale(0.95);
}

.feature-item:nth-child(2) {
    align-self: center;
    transform: translateX(50px) scale(0.95);
}

.feature-item:nth-child(3) {
    align-self: end;
    transform: translateX(-10px) scale(0.95);
}

.feature-item > div:first-child {
    color: #212121;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 145%;
}

.feature-item > div:last-child {
    color: #666;
    font-size: clamp(19px, 1.4vw, 35px);
    font-weight: 400;
    line-height: 145%;
}


/* 모바일 환경 최적화 */
body.mobile .pc-only,
body[data-mobile="true"] .pc-only {
  display: none;
}

@media (max-width: 767px) {
    .solutions_feature__logo,
    .solutions_feature__connector {
        display: none;
    }

    .solutions_feature__content {
        gap: 4%;
        grid-template-rows: auto auto auto;
    }

    .solutions_section__title {
        padding: clamp(75px, 4.9vw, 113px) 0;
    }

    .feature-item {
        background: #F4F5F6;
        padding: 10px;
        transform: unset !important;
        border-radius: 20px;
    }
}