.promotion {
    position: relative;
    width: 100%;
    height: 100vh;
    justify-content: unset !important;
    /* 이미지 바탕색과 같은 색을 깔아야 이미지 경계가 드러나지 않습니다 */
    background: #ebeced url(../images/hero-bg.jpg) no-repeat;
    /* 두 번째 값이 이미지를 아래로 내리는 거리. 문구와 겹치면 키우세요 */
    background-position: center 300px !important;
    background-size: 45% auto !important;
}

.p-text {
    text-align: center;
}

.p-text h5 {
    font-size: 65px;
    font-weight: 600;
    line-height: 1.25;
}

.p-text h5 span {
    color: var(--main-color);
    letter-spacing: -4rem;
}

.p-text p {
    color: rgba(0, 0, 0, .5);
    font-size: 19px;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 30rem;
}


/*==================================================*/
@media (min-width: 2250px) {
    .p-text {
        margin-top: 80rem;
    }
}


@media (max-width: 1250px) {
    .p-text {
        margin-top: 80rem;
    }
}


@media (max-width: 768px) {
    .promotion {
        background-position: top center !important;
        background-size: 85% auto !important;
    }

    .p-text h5 {
        font-size: 65rem;
    }

    .p-text p {
        font-size: 19rem;
    }
}


@media (max-width: 550px) {
    .p-text {
        margin-top: 40%;
    }

    .p-text h5 {
        font-size: 80rem;
    }

    .p-text p {
        font-size: 22rem;
    }
}