/* S1. Top */
.landing-section--top .landing-section__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding: 0 var(--landing-gutter);
    gap: 1px;
}

.landing-top__group--image {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: flex-end;*/
    /*flex-shrink: 0;*/
    /*margin-left: auto;*/
    position: absolute;
    /* 1920 기준 330px 유지, 화면이 좁아지면 함께 줄어 콘텐츠와 겹치지 않게 함 */
    right: max(24px, calc((100vw - 1260px) / 2));
    top: 5%;
    transform: translateY(-50%);
}

.landing-top__phone-img {
    height: 720px;
    object-fit: contain;
    padding-top: 120px;
    padding-bottom: 120px;
}

.landing-top__title {
    font-size: clamp(40px, 3.33vw, 64px);
    font-weight: 800;
    line-height: 1.4;
    padding-top: clamp(160px, 15.6vw, 300px);
    padding-bottom: clamp(160px, 15.6vw, 300px);
}

.landing-top__title--blue {
    color: #0068E6;
}

.landing-top__title--white {
    color: #fff;
}

/* mobile: 360 기준 */
@media (max-width: 1139px) {
    .landing-section--top {
        background-color: #000;
    }

    .landing-section--top .landing-section__inner {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 120px var(--landing-gutter) 80px;
        gap: 32px;
    }

    .landing-top__group:first-child {
        align-self: stretch;
    }

    .landing-top__title {
        margin: 8px 0 0;
        padding: 0px 0px 0px 32px;
        font-size: 40px;
        font-weight: 800;
        line-height: 150%;
        text-align: left;
    }

    .landing-top__group--image {
        position: static;
        right: auto;
        top: auto;
        transform: none;
    }

    .landing-top__phone-img.landing-only-mobile {
        display: block;
        width: 360px;
        height: 360px;
        max-width: 100%;
        padding: 0;
        object-fit: contain;
    }
}