.whyAllbiz_section {
    padding: clamp(138px, 9vw, 208px) 6vw clamp(106px, 7vw, 160px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.whyAllbiz_section__label {
    width: clamp(206px, 13.5vw, 308px);
    height: clamp(30px, 1.8vw, 40px);
    border: 1.5px solid #196FB7;
    border-radius: clamp(65px, 3.9vw, 80px);
    color: #303030;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    align-content: center;
}

.whyAllbiz_section__title {
    margin: clamp(21px, 1.8vw, 49px) 0 clamp(46px, 4vw, 108px);
    color: #212121;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 76.8px */
}

/* ── 콘텐츠 영역 ── */
.whyAllbiz_section__content {
    width: clamp(780px, 51.2vw, 1170px);
    display: flex;
    flex-direction: column;
    position: relative;
}

.allbiz_logo_2 {
    position: absolute;
    top: clamp(-23px, -1vw, -15px);
    transform: translateX(-50%);
    width: clamp(133px, 11.6vw, 309px);
    opacity: 0;
}

.why-board__legacy-header {
    margin: clamp(73px, 4.8vw, 109px) 0 clamp(23px, 1.5vw, 35px) auto;
    width: clamp(203px, 15.2vw, 377px);
    color: #212121;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 41.6px */
    text-align: center;
    opacity: 0;
}

.why-board {
    position: relative;
    width: 100%;
    height: 725px;
    border-radius: clamp(38px, 2.5vw, 58px);
    background: #F2F3F8;

    display: grid;
    grid-template-columns: clamp(116px, 8.7vw, 216px) 1fr clamp(203px, 15.2vw, 377px); /* 열 세 개 각각 너비 */
    grid-template-rows: 1fr 1fr 1fr; /* 행 세 개 각각 너비 */

    opacity: 0;
}
.why-board::before,
.why-board::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1.5px;
    pointer-events: none;
}
.why-board::before { /* 1번 선 위치 */
    top: 33.333%;
}
.why-board::after { /* 2번 선 위치 */
    top: 66.666%;
}
.why-board::before,
.why-board::after {
    background:
        linear-gradient(to right,
            /* 왼쪽 여백 (살짝 잘림) */
            transparent 0,
            transparent clamp(15px, 1vw, 23px),

            /* 왼쪽 선 */
            rgba(25, 111, 183, 0.1) clamp(15px, 1vw, 23px),
            rgba(38, 34, 97, 0.1) calc(clamp(116px, 8.7vw, 216px) - clamp(8px, 0.5vw, 12px)),

            /* 카드 영역 비움 */
            transparent calc(clamp(116px, 8.7vw, 216px) - clamp(8px, 0.5vw, 12px)),
            transparent calc(100% - clamp(203px, 15.2vw, 377px) + clamp(8px, 0.5vw, 12px)),

            /* 오른쪽 선 */
            rgba(25, 111, 183, 0.1) calc(100% - clamp(203px, 15.2vw, 377px) + clamp(8px, 0.5vw, 12px)),
            rgba(38, 34, 97, 0.1) calc(100% - clamp(15px, 1vw, 23px)),

            /* 오른쪽 여백 (살짝 잘림) */
            transparent calc(100% - clamp(15px, 1vw, 23px)),
            transparent 100%
        );
}

/* 좌측 라벨 */
.why-board__left {
    grid-column: 1; /* 1번 column */
    grid-row: 1 / span 3; /* row의 1~3번 */

    display: flex;
    flex-direction: column;
}

.why-board__left-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: clamp(15px, 1vw, 23px);
    
    color: #212121;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 41.6px */
    
    opacity: 0;
}

/* 우측 텍스트 */
.why-board__right {
    grid-column: 3;
    grid-row: 1 / span 3;

    display: flex;
    flex-direction: column;
}

.why-board__right-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: clamp(15px, 1vw, 23px);

    color: #434343;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 39px */

    opacity: 0;
}

/* 중앙 카드 */
.why-card {
    grid-column: 2;
    grid-row: 1 / span 3;

    border-radius: clamp(40px, 2.6vw, 60px);
    border: 2px solid #0C00C3;
    background: #000935;

    margin: clamp(-58px, -2.5vw, -38px) 0;

    display: flex;
    flex-direction: column;

    transform-origin: center center;
    opacity: 0;
    z-index: 2;
}

.why-card__row {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: clamp(15px, 1vw, 23px);
}

.why-card__row + .why-card__row {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.why-card__title {
    margin-bottom: clamp(19px, 1.25vw, 29px);
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 103%; /* 41.2px */
    color: #008BFF; /* 컬러 호환 안되는 경우 */
    background: var(--bluegr, linear-gradient(90deg, #008BFF 0%, #0C00C3 157.33%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.why-card__desc {
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 41.6px */
}


/* 모바일 환경 최적화 */
@media (max-width: 1024px) {
    .whyAllbiz_section__content {
        width: 88vw;
    }
}

@media (max-width: 767px) {
    .why-board__legacy-header {
        width: 24.4vw;
        font-size: clamp(22px, 1.4vw, 32px) !important;
    }

    .why-board {
        grid-template-columns: 17.4vw 1fr 24.4vw;
    }

    .why-board__left {
        font-size: clamp(22px, 1.4vw, 32px) !important;
    }

    .why-board__right {
        font-size: clamp(19px, 1.25vw, 29px) !important;
    }

    .why-card__title {
        font-size: clamp(25px, 1.6vw, 37px) !important;
    }

    .why-card__desc {
        font-size: clamp(22px, 1.4vw, 32px) !important;
    }
}

@media (max-width: 480px) {
    .why-board__legacy-header {
        margin-top: 0;
    }

    .why-board {
        grid-template-columns: 0 1fr 24.4vw;
    }

    .why-board__left {
        display: none;
    }
}