.e2jPos {
    position: relative;
}
.e2jB {
    color: #000;
}
.e2jG {
    color: #555555;
}
.e2jWarp {
    white-space: nowrap;
}
.e2jCom {
    position: relative;
    display: flex;
    column-gap: 0.65vw;
    padding: 5.6vw 20.83vw 5.99vw 20.83vw;
}
.e2jAbs {
    position: absolute;
    top: 3vw;
    left: 50%;
    transform: translateX(-50%);
    font-family: Poppins-Regular;
    font-size: 1.45vw;
    line-height: 1;
    text-align: center;
}
.e2jAbsTop {
    top: 1.4vw !important
}
.e2jComAbs {
    text-align: left !important;
    left: 25.52vw !important;
    right: 0.99vw !important;
}
.e2jComGrid {
    display: grid;
    grid-gap: 0.65vw;
}
.e2jComFlex {
    display: flex;
    column-gap: 0.65vw;
}
.e2jComImgAbs {
    width: 16.4vw;
    position: absolute;
    bottom: 2.81vw;
    right: 21.27vw;
}
.e2jTit {
    font-family: Poppins-SemBold;
    font-size: 2.6vw;
    font-weight: 600;
    line-height: 1;
}
.e2jLit {
    font-family: Poppins-Regular;
    font-size: 0.99vw;
    line-height: 1.2;
}
.e2jEveAbs {
    position: absolute;
    top: 5.6vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.LitTop {
    margin-top: 1.45vw;
}
.LitTop1 {
    margin-top: 1.56vw;
}
.LitTop2 {
    margin: 2.08vw 0 1.82vw 0;
}
.LitTop3 {
    margin-top: 2.99vw;
}
.LitTop4 {
    margin: 3.67vw 0 1.04vw 0;
}
.e2jDesAbs {
    position: absolute;
    top: 13.92vw;
    left: 28.04vw;
    right: 44.52vw;
}
.e2jPure {
    padding: 7.03vw 20.39vw 5.41vw 21.27vw;
    text-align: center;
}
.e2jDual {
    padding: 2.73vw 20.39vw 7.68vw 21.27vw;
    text-align: center;
}
.e2jTheAbs {
    position: absolute;
    top: 12.89vw;
    left: 59.06vw;
    right: 24.35vw;
}
.e2jBut {
    background-color: #fff;
    padding: 0.54vw 1.69vw 0.67vw 1.45vw;
    border-radius: 999px;
    display: inline-block;
}
.e2jList {
    padding: 5.28vw 20.39vw 6.19vw 21.27vw;
    text-align: center;
}
.e2jListTit {
    position: relative;
    z-index: 2;
    font-family: Poppins-SemBold;
    font-size: 1.41vw;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    background-color: transparent;
    color: #000;
    transition: color 0.4s ease;
}
.e2jListTit.active {
    color: #fff;
}
.e2jSubFlex {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0.31vw 0.36vw;
    justify-content: center;
    column-gap: 1.4vw;
    margin: 2.37vw 0 2.29vw 0;
    background-color: #f2f6fa;
    border-radius: 999px;
}
.e2jIndicator {
    position: absolute;
    top: 0.31vw;
    left: 0.36vw;
    height: calc(100% - 0.62vw);
    background-color: #000;
    border-radius: 999px;
    transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1), width 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
.e2jImgs {
    position: relative;
    width: 100%;
}
.e2jListFlex {
    display: flex;
    justify-content: center;
    column-gap: 1.4vw;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.45s ease, visibility 0.45s ease;
}
.e2jListFlex.active {
    opacity: 1;
    visibility: visible;
}
.e2jListFlex:not(.active) {
    position: absolute;
    top: 0;
    left: 0;
}
.e2jListFlex img {
    width: 28.46vw;
}
.ListPap1 {
    padding: 0.65vw 1.43vw;
}
.ListPap2 {
    padding: 0.62vw 3.9vw;
}
.e2jDots {
    display: flex;
    justify-content: center;
    column-gap: 0.78vw;
    margin-top: 2.08vw;
}
.e2jDot {
    width: 0.65vw;
    height: 0.65vw;
    border-radius: 50%;
    background-color: #d6dfeb;
    cursor: pointer;
    transition: background-color 0.3s;
}
.e2jDot.active {
    background-color: #000;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .e2jCom {
        padding: 4vw 8vw 4.5vw 8vw;
    }
    .e2jAbs {
        top: 2.5vw;
        font-size: 2vw;
    }
    .e2jAbsTop {
        top: 1vw !important;
    }
    .e2jComAbs {
        left: 30vw !important;
        right: 6vw !important;
        transform: none;
    }
    .e2jComImgAbs {
        width: 20vw;
        bottom: 2vw;
        right: 8vw;
    }
    .e2jTit {
        font-size: 3.6vw;
    }
    .e2jLit {
        font-size: 1.6vw;
    }
    .e2jEveAbs {
        top: 2vw;
    }
    .e2jDesAbs {
        top: 15vw;
        left: 10vw;
        right: 35vw;
    }
    .e2jPure {
        padding: 6vw 8vw 5vw 8vw;
    }
    .e2jDual {
        padding: 3vw 8vw 7vw 8vw;
    }
    .e2jTheAbs {
        top: 14vw;
        left: 61vw;
        right: 5vw;
    }
    .e2jBut {
        padding: 1vw 2.5vw 1.2vw 2.2vw;
    }
    .e2jList {
        padding: 5vw 8vw 6vw 8vw;
    }
    .e2jListTit {
        font-size: 2vw;
    }
    .e2jSubFlex {
        padding: 0.4vw 0.5vw;
        column-gap: 1.8vw;
        margin: 3vw 0 3vw 0;
    }
    .e2jIndicator {
        top: 0.4vw;
        left: 0.5vw;
        height: calc(100% - 0.8vw);
    }
    .e2jListFlex img {
        width: 36vw;
    }
    .e2jListFlex {
        column-gap: 1.8vw;
    }
    .ListPap1 {
        padding: 1vw 2vw;
    }
    .ListPap2 {
        padding: 1vw 4.5vw;
    }
    .e2jDot {
        width: 1vw;
        height: 1vw;
    }
    .e2jDots {
        column-gap: 1vw;
        margin-top: 2.5vw;
    }
    .LitTop {
        margin-top: 2vw;
    }
    .LitTop1 {
        margin-top: 2vw;
    }
    .LitTop2 {
        margin: 2.5vw 0 2vw 0;
    }
    .LitTop3 {
        margin-top: 3.5vw;
    }
    .LitTop4 {
        margin: 4.5vw 0 1.5vw 0;
    }
}

@media (max-width: 767px) {
    .e2jCom {
        flex-direction: column;
        padding: 5vw 6vw 5vw 6vw;
        column-gap: 0;
        row-gap: 2vw;
    }
    .e2jAbs {
        top: 4vw;
        font-size: 3.2vw;
    }
    .e2jAbsTop {
        top: 2.5vw !important;
    }
    .e2jComGrid {
        grid-gap: 2vw;
    }
    .e2jComFlex {
        column-gap: 2vw;
    }
    .e2jComAbs {
        left: 50vw !important;
        right: 15vw !important;
        transform: none;
    }
    .e2jComImgAbs {
        width: 38vw;
        bottom: 1vw;
        right: 10vw;
    }
    .e2jTit {
        font-size: 5vw;
    }
    .e2jLit {
        font-size: 2.6vw;
    }
    .e2jEveAbs {
        top: 8vw;
        width: 80%;
    }
    .e2jDesAbs {
        top: 9vw;
        left: 5vw;
        right: 40vw;
    }
    .e2jPure {
        padding: 8vw 6vw 6vw 6vw;
    }
    .e2jDual {
        padding: 4vw 6vw 8vw 6vw;
    }
    .e2jTheAbs {
        top: 8vw;
        left: 58vw;
        right: 6vw;
    }
    .e2jBut {
        padding: 1.5vw 4vw 1.8vw 3.5vw;
        font-size: 2.8vw;
    }
    .e2jList {
        padding: 7vw 6vw 8vw 6vw;
    }
    .e2jListTit {
        font-size: 3vw;
    }
    .e2jSubFlex {
        padding: 0.6vw 0.8vw;
        column-gap: 2vw;
        margin: 4vw 0 4vw 0;
    }
    .e2jIndicator {
        top: 0.6vw;
        left: 0.8vw;
        height: calc(100% - 1.2vw);
    }
    .e2jListFlex img {
        width: 42vw;
    }
    .e2jListFlex {
        column-gap: 2vw;
    }
    .ListPap1 {
        padding: 1.5vw 3vw;
    }
    .ListPap2 {
        padding: 1.5vw 5vw;
    }
    .e2jDot {
        width: 1.5vw;
        height: 1.5vw;
    }
    .e2jDots {
        column-gap: 1.5vw;
        margin-top: 3.5vw;
    }
    .LitTop {
        margin-top: 2.5vw;
    }
    .LitTop1 {
        margin-top: 2.5vw;
    }
    .LitTop2 {
        margin: 3vw 0 2.5vw 0;
    }
    .LitTop3 {
        margin-top: 4vw;
    }
    .LitTop4 {
        margin: 5vw 0 2vw 0;
    }
}