.wrap .title {
    /* margin-top: 5.20833vw */
}

.main-container {
    width: 100%;
    margin-top: 1.66667vw;
    padding: 1.45833vw 0;
    position: sticky;
    top:6.5rem;
    background: #ffffff;
    z-index: 10;
    text-align: center
}

.main-container .tab-list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.main-container .tab-list .tab-item {
    cursor: pointer;
    padding: .72917vw 1.5625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.08);
    border-radius: 1.875vw;
    background: #ffffff;
    position: relative
}

.main-container .tab-list .tab-item span {
    font-size: 1.25vw;
    color: #a3a3a3;
    white-space: nowrap
}

.main-container .tab-list .tab-item:hover span {
    color: #005fb9
}

.main-container .tab-list .tab-item:not(:first-child) {
    margin-left: 2.60417vw
}

.main-container .tab-list .tab-item:not(:first-child)::before {
    content: '';
    width: 2.60417vw;
    height: .05208vw;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%)
}

.main-container .tab-list .active {
    background: linear-gradient(to right, #32f2f2, #005fb9)
}

.main-container .tab-list .active span {
    color: #ffffff !important
}

.guide-list {
    width: 100%;
    margin-top: 3.125vw;
    display: flex;
    flex-direction: column
}

.guide-list .guide-item {
    width: 100%;
    height: auto;
    padding: 1.5625vw 13.02083vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.guide-list .guide-item .guide-message {
    width: 33.33333vw;
    display: flex;
    flex-direction: column
}

.guide-list .guide-item .guide-message .guide-message-title-row {
    display: flex;
    flex-direction: row;
    align-items: center
}

.guide-list .guide-item .guide-message .guide-message-title-row img {
    width: 3.64583vw;
    height: 3.64583vw;
    object-fit: cover
}

.guide-list .guide-item .guide-message .guide-message-title-row span {
    margin-left: .52083vw;
    font-size: 1.97917vw;
    color: #000000
}

.guide-list .guide-item .guide-message .guide-message-list {
    width: 100%;
    margin-top: 2.08333vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item {
    width: 50%;
    margin-bottom: 1.04167vw;
    height: auto
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-title {
    font-size: 1.5625vw;
    color: #333333
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item {
    margin: 0 2.08333vw 0vw 0
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item span {
    font-size: 1.25vw;
    color: rgba(51, 51, 51, 0.6);
    position: relative
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item span::before {
    content: '';
    width: .41667vw;
    height: .41667vw;
    background: #EDEDED;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-200%, -50%)
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item:hover span {
    color: #005fb9
}

.guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item:hover span::before {
    content: '';
    width: .41667vw;
    height: .41667vw;
    background: #005fb9;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-200%, -50%)
}

.guide-list .guide-item .guide-img {
    max-width: 32.45625vw;
    height: auto
}

.guide-list .guide-item:nth-child(odd) {
    flex-direction: row;
    background: #ffffff
}

.guide-list .guide-item:nth-child(even) {
    flex-direction: row-reverse;
    background: #f8f9fd
}

@media only screen and (max-width: 1023px) {
    .wrap .title {
        margin-top: 13.33333vw
    }

    .main-container {
        width: 100%;
        margin-top: 4.26667vw;
        padding: 1.45833vw 0;
        position: sticky;
        top: 13.33333vw;
        background: #ffffff;
        z-index: 0;
        text-align: center
    }

    .main-container .tab-list {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0 4vw
    }

    .main-container .tab-list .tab-item {
        margin-bottom: 2.66667vw;
        margin-top: 2.66667vw;
        cursor: pointer;
        padding: .72917vw 1.5625vw;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.08);
        border-radius: 1.875vw;
        background: #ffffff;
        position: relative
    }

    .main-container .tab-list .tab-item span {
        font-size: 16px;
        color: #a3a3a3;
        white-space: nowrap
    }

    .main-container .tab-list .tab-item:hover span {
        color: #005fb9
    }

    .main-container .tab-list .tab-item:not(:first-child) {
        margin-left: 2.93333vw
    }

    .main-container .tab-list .active {
        background: linear-gradient(to right, #32f2f2, #005fb9)
    }

    .main-container .tab-list .active span {
        color: #ffffff !important
    }

    .guide-list {
        width: 100%;
        margin-top: 8vw;
        display: flex;
        flex-direction: column
    }

    .guide-list .guide-item {
        width: 100%;
        height: auto;
        padding: 6.4vw 4vw;
        display: flex;
        align-items: center
    }

    .guide-list .guide-item .guide-message {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .guide-list .guide-item .guide-message .guide-message-title-row {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .guide-list .guide-item .guide-message .guide-message-title-row img {
        width: 9.33333vw;
        height: 9.33333vw;
        object-fit: cover
    }

    .guide-list .guide-item .guide-message .guide-message-title-row span {
        margin-left: 1.33333vw;
        font-size: 5.06667vw;
        color: #000000
    }

    .guide-list .guide-item .guide-message .guide-message-list {
        width: 100%;
        margin-top: 4vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item {
        width: 50%;
        margin-bottom: 2.66667vw;
        display: flex;
        flex-direction: column
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-title {
        font-size: 4vw;
        color: #333333
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item {
        margin: 0 2.08333vw 0vw 0
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item span {
        font-size: 3.2vw;
        color: rgba(51, 51, 51, 0.6);
        position: relative;
        padding-left: 2.4vw
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item span::before {
        content: '';
        width: 1.06667vw;
        height: 1.06667vw;
        background: #EDEDED;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%)
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item:hover span {
        color: #ffffff
    }

    .guide-list .guide-item .guide-message .guide-message-list .guide-message-item .guide-message-item-list .guide-message-item-item:hover span::before {
        content: '';
        width: 1.06667vw;
        height: 1.06667vw;
        background: #005fb9;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-200%, -50%)
    }

    .guide-list .guide-item .guide-img {
        margin-top: 2.66667vw;
        max-width: 69.62vw;
        height: auto;
        object-fit: cover
    }

    .guide-list .guide-item:nth-child(odd) {
        flex-direction: column;
        background: #ffffff;
        flex-wrap: wrap
    }

    .guide-list .guide-item:nth-child(odd) .guide-img {
        margin-left: 0vw;
        margin-top: 0vw
    }

    .guide-list .guide-item:nth-child(even) {
        flex-direction: column;
        background: #f8f9fd
    }

    .guide-list .guide-item:nth-child(even) .guide-img {
        margin-right: 0vw;
        margin-top: 0vw
    }
}