.conference {
    z-index: 10;
    position: relative;
    background: linear-gradient(90deg, #FF9400 0%, #790DDB 100%);
    padding: 10px 0;
    height: 47px;
}
.conference-content {
    display: flex;
    justify-content: space-between;
}
.conference-content div {
    color: var(--color-white);
}
.conference-info {
    display: flex;
    gap: 7px;
    align-items: center;
}
.conference-name {
    font-style: italic;
}
.conference-stand {
    display: flex;
    padding: 0 10px;
    -webkit-padding-before: 1px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 28px;
    background: var(--color-primary);
    height: 27px;
}
.conference-m {
    margin-left: 3px;
}
.conference-location, .conference-period, .conference-link, .conference-link a, .conference-mob {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.conference-link, .conference-mob {
    gap: 7px;
}
.conference-link span {
    color: var(--color-white);
}
.conference-arrow {
    width: 23px;
}
.conference-link a:hover .conference-arrow {
    padding-left: 3px;
}
.conference-division {
    width: 1px;
    height: 17px;
    background: var(--color-white);
}
@media (max-width: 1024px) {
    .conference {
        padding: 8px 0;
        height: unset;
    }
    .conference-content {
        flex-direction: column;
        row-gap: 8px;
    }
    .conference-stand {
        padding: 0 8px;
        height: 24px;
        -webkit-padding-before: 2px;
    }
    .conference-info, .conference-mob {
        gap: 6px;
    }
    .conference-m {
        margin: 0;
    }
    .conference-division {
        height: 14px;
        margin: 0 -2px;
    }
}
@media (max-width: 767px) {
    .conference-content {
        row-gap: 16px;
    }
    .conference-info {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 8px;
    }
    .conference-mob {
        flex-basis: 100%;
    }
}