@media screen and (min-width: 1400px) {
    .time_line-title {
        font-weight: 500;
        font-size: 1.5rem;
        margin: 0rem 0rem 0rem 22.875rem;
        
        color: var(--black-1)
    }

    .time_line-main {
        position: relative;

        width: 70%;
        height: 3px;

        margin-left: 23%;
        margin-right: auto;

        margin-top: 9rem;
        background-color: var(--green-3);
    }

    .time_line-main::after {
        content: "";

        position: absolute;
        top: -0.38rem;
        left: 98.8%;

        border: solid var(--green-3);
        border-width: 0 3px 3px 0;

        display: inline-block;
        padding: 7px;

        transform: rotate(-45deg);
    }

    .down,
    .up {
        position: absolute;

        width: 11.5rem;

        text-align: center;
    }

    .down > h1,
    .up > h1 {
        font-weight: 700;
        font-size: 1.25rem;

        color: var(--green-3)
    }

    .down > p,
    .up > p {
        font-weight: 400;
        font-size: 0.875rem;

        color: #606060;
    }

    .down::after,
    .up::after {
        position: absolute;
        
        content: '';

        width: 3px;
        height: 2.5rem;

        background-color: var(--green-3);
    }

    .down::before,
    .up::before {
        position: absolute;

        content: '';

        width: .5rem;
        height: .5rem;

        border-radius: 100%;

        background-color: var(--green-3);

    }

    .down::after {
        top: -2.5rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .down::before {
        top: -2.5rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .up::after {
        bottom: -2.5rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .up::before {
        bottom: -2.5rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .up {
        top: -5.7rem;
    }

    .down {
        top: 2.375rem;
    }

    .t2007 {
        left: 12.85%;
        transform: translateX(-50%);
    }

    .t2011 {
        left: 25.7%;
        transform: translateX(-50%);
    }

    .t2012 {
        left: 38.55%;
        transform: translateX(-50%);
    }

    .t2017 {
        left: 51.4%;
        transform: translateX(-50%);
    }

    .t2018 {
        left: 64.25%;
        transform: translateX(-50%);
    }

    .t2019 {
        left: 77.1%;
        transform: translateX(-50%);
    }

    .t2020 {
        left: 89.95%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 1399px) {
    .time_line-title {
        display: none;
    }

    .time_line-main {
        display: none;
    }
}