/* pc */
@media screen {
    body {
        background: #F6F6F6;
    }

    .case2 {
        padding: 2.344vw 13.021vw 3.125vw;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }

    .case2 .ev {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .case2 .ev .icon {
        width: 7.656vw;
        filter: contrast(0);
    }

    .case2 .ev p {
        margin-top: 2.604vw;
        color: #666;
        font-size: 1.1vw;
        text-align: center;
    }

    .case2 .ev.on .icon {
        filter: none;
    }

    .case2 .ev.on p {
        color: #FA6C10;
    }

    .case3 {
        padding: 0 13.021vw 7.813vw;
    }

    .case3 .list {
        display: none;
    }

    .case3 .list.on {
        display: flex;
    }

    .case3 .list::after {
        content: '';
        width: 22.917vw;
    }

    .case3 .ev {
        width: 22.917vw;
        margin-bottom: 2.604vw;
        background-color: #fff;
    }

    .case3 .ev .intr {
        padding: 1.563vw 1.563vw 3.125vw;
    }

    .case3 .ev .intr h2 {
        color: #000;
        font-size: 1.25vw;
        font-weight: 700;
    }

    .case3 .ev .intr h3 {
        color: #333;
        font-size: 0.833vw;
        margin-top: 0.521vw;
        margin-bottom: 3.125vw;
    }

    .case3 .ev .intr .number {
        color: #333;
        font-size: 0.833vw;
    }

    .case3 .ev .intr .number b {
        color: #000;
        font-size: 1.458vw;
        font-weight: 700;
    }

    .case3 .ev .intr p {
        color: #333;
        font-size: 0.833vw;
        margin-top: 0.521vw;
    }
}

/* mob */
@media screen and (max-width:768px) {
    .case2 {
        padding: 45px 2% 60px;
    }

    .case2 .ev .icon {
        width: 47px;
    }

    .case2 .ev p {
        margin-top: 20px;
        font-size: 13px;
    }

    .case3 {
        padding: 0 5%;
    }

    .case3 .list::after {
        width: 440px;
    }

    .case3 .ev {
        width: 100%;
        margin-bottom: 20px;
    }

    .case3 .ev .intr {
        padding: 20px 20px 40px;
    }

    .case3 .ev .intr h2 {
        font-size: 18px;
    }

    .case3 .ev .intr h3 {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .case3 .ev .intr .number {
        font-size: 14px;
    }

    .case3 .ev .intr .number b {
        font-size: 20px;
    }

    .case3 .ev .intr p {
        font-size: 12px;
        margin-top: 10px;
    }
}