body {
    background-color: #000;
}

.hw-mucha {
    width: 100%;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    overflow: hidden;
}

.hw-mucha * {
    box-sizing: border-box;
}

.hw-mucha .blur-up {
    filter: blur(20px);
    transition: filter .2s;
}

.hw-mucha .blur-up.lazyloaded {
    filter: blur(0);
}

.hw-mucha picture,
.hw-mucha img,
.hw-mucha video {
    display: block;
    width: 100%;
    border: 0;
}

.hw-mucha .active {
    color: #fff;
}

.hw-mucha sup.ssup {
    font-size: .6em;
    cursor: pointer;
}

.hw-mucha a {
    text-decoration: none;
}

.hw-mucha b {
    font-style: normal;
    font-weight: inherit;
}

.hw-mucha .nr {
    white-space: nowrap;
    font-style: normal;
}

.hw-mucha .showPc {
    display: inline-block;
}

.hw-mucha .showMob {
    display: none;
}

.hw-mucha .showInWxUc {
    display: none;
}

.hw-mucha .showie {
    display: none;
}

.hw-mucha .hidden {
    display: none !important;
}

/* mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .showPc {
        display: none !important;
    }

    .hw-mucha .showPcinline {
        display: none;
    }

    .hw-mucha .showMob {
        display: inline-block;
    }

}

/* IE STYLE */
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .hw-mucha .showie {
        display: block;
    }

    .hw-mucha .hideie {
        display: none;
    }
}


/* bug btn */
.hw-mucha .section-pic-center * {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.hw-mucha .section-pic-center {
    position: relative;
    z-index: 1;
    text-align: center;
    font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.hw-mucha .section-kv-pic {
    line-height: 1.25;
    margin-top: 1.5625vw;
    font-size: 1.46vw;
    font-weight: 400;
    color: #000;
}

.hw-mucha .section-kv-pic span {
    font-size: 0.67708333333vw;
    font-weight: 500;
}

.hw-mucha .section-slogan-botton {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: 2px solid #000;
    display: inline-block;
    line-height: 24px;
    font-weight: 800;
    padding: 10px 26px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    text-align: left;
    cursor: pointer;
    transition: .3s ease-out;
    margin-top: 24px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
}

.hw-mucha .section-slogan-botton:hover {
    opacity: .8;
}

.hw-mucha .section-slogan-botton a {
    color: inherit;
}

@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .section-kv-pic span {
        font-size: 3.6111111111111vw;
    }

    .hw-mucha .section-kv-pic {
        font-size: 5.56vw;
        margin-top: 3.3333333333vw;
    }
}

/* sup  */
.hw-mucha .last-section {
    position: relative;
    z-index: 20;
}

.hw-mucha .last-section a {
    color: #1f71ff
}

.hw-mucha .last-section ol {
    width: 67.4375vw;
    margin: 10.4166666666vw auto;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    list-style: decimal;
}


@media screen and (min-width: 1920px) {
    .hw-mucha .last-section ol {
        font-size: 0.625vw;
    }   
}

.hw-mucha .last-section .notmm {
    position: relative;
    list-style: none !important;
    margin: 0 0 1.04166666666vw 0;
}

.hw-mucha .last-section .mll {
    position: relative;
    list-style: none;
}

.hw-mucha .last-section .mll::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.hw-mucha .last-section .mll1 {
    position: relative;
    list-style: none;
}

.hw-mucha .last-section .mll1::before {
    content: "**";
    position: absolute;
    top: 0;
    left: -14px;
}

@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .last-section .mll1::before {
        left: -4.1666666666vw;
    }

    .hw-mucha .last-section .mll::before {
        left: -2.7777777777vw;
    }
}

@media screen and (min-width: 1921px) {
    .hw-mucha .last-section .mll1::before {
        left: -0.8333333333vw;
    }
}

/* mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .last-section .notmm {
        margin: 0 0 2.777777777vw 0;
    }

    .hw-mucha .last-section ol {
        width: 80.1vw;
        margin: 27.777777777vw 0 27.777777777vw 9.833333vw;
        font-size: 3.3333333333vw;
    }
}

/* section pc 1 */
.hw-mucha .mucha-s1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hw-mucha .mucha-s1 .drawkvim {
    position: relative;
    width: 100%;
    align-self: flex-start;
}

.hw-mucha .mucha-s1 .drawkvim::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(13, 50, 255, 0) 0%, rgba(0, 0, 0, 0) 34.48%, rgba(0, 0, 0, 0.66) 68.97%, #000000 100%);
}

.hw-mucha .mucha-s1 .drawkvicon {
    position: relative;
    width: 4.6875vw;
    margin: -28.84375vw 0 0 0;
}

.hw-mucha .mucha-s1 .drawkvicon img {
    position: relative;
}

.hw-mucha .mucha-s1 .drawkvicon::before {
    content: "";
    position: absolute;
    left: -0.052083333333vw;
    top: 0;
    width: 4.84375vw;
    height: 4.84375vw;
    background: linear-gradient(135deg, #df7ff5 0%, #543efd 46.8%, #c275fa 100%);
    border-radius: 0.83333333333vw;
    filter: blur(3.11px);
    z-index: 0;
}

.hw-mucha .mucha-s1 .drawkvtxtcon {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hw-mucha .mucha-s1 .dmaint {
    margin: 1.5625vw 0 1.04166666666vw 0;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-mucha .mucha-s1 .drawdes {
    width: 39.79166666vw;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.hw-mucha .mucha-s1 .dvideo {
    margin: 1.041667vw 0 0 0;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
}

.hw-mucha .mucha-s1 .dvideo .kvvplay {
    display: flex;
    align-items: center;
}

.hw-mucha .mucha-s1 .dvideo:hover {
    opacity: 0.7;
}

.hw-mucha .mucha-s1 .dvideo .dvicon {
    width: 1.66666666vw;
}

.hw-mucha .mucha-s1 .dvideo span {
    margin: 0 0 0 0.520833333333vw;
    color: #0055de;
    font-size: 0.9375vw;
    font-weight: 700;
    line-height: 1.6;
}


/* section 1 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s1 .drawkvim {
        width: 100%;
        height: 165.8333333333vw;
    }

    .hw-mucha .mucha-s1 .drawkvim video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hw-mucha .mucha-s1 .drawkvicon {
        width: 12.5vw;
        height: 12.5vw;
        margin: -49.9166666666vw 0 0 0;
    }

    .hw-mucha .mucha-s1 .dmaint {
        margin: 8.33333333vw 0 2.77777777777vw 0;
        font-size: 11.11111111vw;
    }

    .hw-mucha .mucha-s1 .drawdes {
        width: 81.972222vw;
        font-size: 3.88888888vw;
    }

    .hw-mucha .mucha-s1 .dvideo .dvicon {
        width: 5.8333333333vw;
    }

    .hw-mucha .mucha-s1 .dvideo {
        margin: 4.16666666666vw 0 0 0;
    }

    .hw-mucha .mucha-s1 .dvideo span {
        margin: 0 0 0 1.3888888888vw;
        font-size: 3.05555555555vw;
    }

    .hw-mucha .mucha-s1 .drawkvicon::before {
        width: 12.9166666666vw;
        height: 12.9166666666vw;
        border-radius: 2.22222222222vw;
    }

    .hw-mucha .mucha-s1 .dvideo {
        cursor: default;
    }

    .hw-mucha .mucha-s1 .dvideo:hover {
        opacity: 1;
    }
}


.hw-mucha .scolor {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(104deg, #1feeff 0%, #0f61ff 37.93%, #7726e6 72.91%, #ffc85f 95%);
}

.hw-mucha .scolor0 {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(125deg, #ffc66c 7%, #7a0ee7 55.17%, #3232fd 100%);
    ;
}

.hw-mucha .scolor1 {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(120deg, #b7fffa 0%, #6bfff5 15.27%, #5bfe91 53.2%, #faa200 92%);
}

.hw-mucha .scolor2 {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(118deg, #fff5c4 0%, #ffc3a4 36.95%, #e77feb 63.55%, #570ae6 95%);
}

.hw-mucha .scolor3 {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(124.71deg, #72c9ff 0%, #26e695 42.36%, #caa470 62.07%, #ff93a9 100%);
}

/* section 2 pc */
.hw-mucha .mucha-s2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.41666666vw 0 0 0;
}

.hw-mucha .mucha-s2 .brilliantmaint {
    position: relative;
    font-size: 4.1666666vw;
    font-weight: 500;
    line-height: 1.25;
    z-index: 5;
}

.hw-mucha .mucha-s2 .brilliantsubt {
    position: relative;
    width: 60vw;
    margin: 0.78125vw 0 1.5625vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    z-index: 5;
}

.hw-mucha .mucha-s2 .brilliantdes {
    position: relative;
    width: 57.760416666667vw;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    z-index: 9;
}

.hw-mucha .mucha-s2 .brioutcon {
    position: relative;
    width: 100vw;
}

.hw-mucha .mucha-s2 .brilliantim {
    position: relative;
    width: 83.07291666666vw;
    margin: 3.125vw 0 0 0;
    align-self: flex-start;
}

.hw-mucha .mucha-s2 .briimtxt {
    position: absolute;
    top: calc(100% + 0.520833333333vw);
    right: 0;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.6770833333333333vw;
    font-weight: 300;
    line-height: 1.6;
}

@media screen and (max-width: 1771px) {
    .hw-mucha .mucha-s2 .briimtxt {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s2 .briimshadow {
    position: absolute;
    top: calc(100% - 1px);
    width: 100%;
    z-index: -1;
}

.hw-mucha .mucha-s2 .britopx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    z-index: -1;
}

/* section 2 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s2 {
        align-items: flex-start;
        margin: 27.77777777vw 0 0 0;
    }

    .hw-mucha .mucha-s2 .brilliantmaint,
    .hw-mucha .mucha-s2 .brilliantsubt,
    .hw-mucha .mucha-s2 .brilliantdes {
        margin: 0 0 0 8.33333333vw;
    }

    .hw-mucha .mucha-s2 .brilliantmaint {
        font-size: 13.8888888888vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s2 .brilliantsubt {
        width: 89vw;
        margin: 0.6944444vw 0 8.33333333vw 8.33333333vw;
        font-size: 11.11111111111vw;
        text-align: left;
    }

    .hw-mucha .mucha-s2 .brilliantdes {
        width: 81.25vw;
        color: rgba(255, 255, 255, 0.6);
        font-size: 4.44444444vw;
        font-weight: 500;
        line-height: 1.6;
        text-align: left;
    }

    .hw-mucha .mucha-s2 .brilliantim {
        width: 85.4166666666vw;
        margin: 8.33333333333vw auto 0;
    }

    .hw-mucha .mucha-s2 .briimtxt {
        right: 0.5555555555555556vw;
        top: calc(100% + 1.111111111111vw);
        font-size: 1.80555555555vw;
    }
}

/* section 3 pc */
.hw-mucha .mucha-s3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.41666666666vw 0 0 0;
}

.hw-mucha .mucha-s3 .truthsubt {
    color: rgba(255, 255, 255, 0.6);
    font-size: 2.08333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s3 .truthmaint {
    width: 52.08333333vw;
    margin: 1.5625vw 0;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-mucha .mucha-s3 .truthmaint span {
    position: relative;
}

.hw-mucha .mucha-s3 .truthmaint .probrutswiper {
    position: absolute;
    top: 3.51vw;
    left: 25.2vw;
    width: 26.041667vw;
    z-index: -1;
}

.hw-mucha .mucha-s3 .truthdes {
    width: 48.958333333333vw;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.hw-mucha .mucha-s3 .truthstxt {
    display: flex;
    margin: 3.125vw 0 0 14.84375vw;
    align-self: flex-start;
}

.hw-mucha .mucha-s3 .trutotalcon {
    position: relative;
}

.hw-mucha .mucha-s3 .trubg {
    position: relative;
    width: 43.59375vw;
    pointer-events: none;
    z-index: 9;
}

.hw-mucha .mucha-s3 .trusiwper {
    position: absolute;
    top: 1.97916666666vw;
    left: 0.67708333333vw;
    width: 42.23958333333vw;
    z-index: -1;
}

.hw-mucha .mucha-s3 .trusiwper .swiper-slide p {
    margin: 1.04166666666vw -0.52083333333vw 0 0;
    font-size: 0.67708333333vw;
    font-weight: 300;
    line-height: 1.6;
    text-align: right;
}

@media screen and (max-width: 1772px) {
    .hw-mucha .mucha-s3 .trusiwper .swiper-slide p {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s3 .truthrswi {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hw-mucha .mucha-s3 .truthnav {
    display: flex;
    margin: 3.125vw 0 0 0;
}

.hw-mucha .mucha-s3 .truthnav li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3.22916666vw;
    margin: 0 1.822917vw 0 0;
    cursor: pointer;
}

.hw-mucha .mucha-s3 .truthnav li:last-child {
    margin: 0 0.3125vw 0 0;
}

.hw-mucha .mucha-s3 .truthnav li span {
    position: absolute;
    top: calc(100% + 1.04166666vw);
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.833333333333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transition: 0.3s ease-out;
    width: 140%;
}

@media screen and (max-width: 1442px) {
    .hw-mucha .mucha-s3 .truthnav li span {
        font-size: 12px;
    }


    .hw-mucha .mucha-s3 .truthnav li {
        margin: 0 40px 0 0;
    }
}

.hw-mucha .mucha-s3 .truthnav .trunsim {
    position: relative;
    width: 100%;
    height: 3.22916666vw;
    border-radius: 50%;
}

.hw-mucha .mucha-s3 .truthnav .trunsim img {
    opacity: 0.6;
    transition: opacity .3s ease-out;
}

.hw-mucha .mucha-s3 .active .trunsim img {
    opacity: 1;
}

.hw-mucha .mucha-s3 .truthnav .trunsim::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4.1666666666vw;
    height: 4.1666666666vw;
    transform: translate(-50%, -50%);
    border: 0.15625vw solid #029eff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    box-sizing: border-box;
}

.hw-mucha .mucha-s3 .truthnav .active .trunsim::before {
    opacity: 1;
}

.hw-mucha .mucha-s3 .truthnav .active span {
    color: rgba(255, 255, 255, 1);
}

.hw-mucha .mucha-s3 .trand {
    display: flex;
    align-items: center;
}

.hw-mucha .mucha-s3 .trand:not(:last-child) {
    margin: 0 0 3.64583333333vw 0;
}

.hw-mucha .mucha-s3 .trandicon {
    position: relative;
    overflow: hidden;
    width: 2.70833333vw;
    margin: 0 1.04166666vw 0 0;
    border-radius: 0.52083333vw;
    flex-shrink: 0;
}

.hw-mucha .mucha-s3 .trandicon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: -1;
    border-radius: 0.520833333333vw;
}

.hw-mucha .mucha-s3 .truthltxt {
    margin: 5.20833333333vw 0 0 5.20833333333vw;
}

.hw-mucha .mucha-s3 .trandtxt {
    display: flex;
    flex-direction: column;
    max-width: 24vw;
}

.hw-mucha .mucha-s3 .trandtxt span:nth-child(1) {
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s3 .trandtxt span:nth-child(2) {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.83333333333vw;
    font-weight: 500;
    line-height: 1.6;
}

@media screen and (max-width: 1441px) {
    .hw-mucha .mucha-s3 .trandtxt span:nth-child(2) {
        font-size: 12px;
    }
}

/* section 3 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s3 {
        align-items: flex-start;
        margin: 27.7777777777777vw 0 0 0;
    }

    .hw-mucha .mucha-s3 .truthsubt,
    .hw-mucha .mucha-s3 .truthmaint,
    .hw-mucha .mucha-s3 .truthdes {
        margin: 0 0 0 8.33333333vw;
    }

    .hw-mucha .mucha-s3 .trusiwper .swiper-slide p {
        font-size:1.80555555555vw;
        text-align: left;
        font-weight: 300;
        color: #ffffff;
        margin: 2.5vw -0.52083333333vw 0 -1.5vw;
    }

    .hw-mucha .mucha-s3 .truthsubt {
        font-size: 6.66666666vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s3 .trandicon::before {
        border-radius: 1.38888888888vw;
    }

    .hw-mucha .mucha-s3 .truthmaint {
        width: 80vw;
        margin: 2.77777777777vw 0 8.33333333vw 8.33333333vw;
        font-size: 11.111111111vw;
        font-weight: 700;
        text-align: left;
    }

    .hw-mucha .mucha-s3 .truthmaint span {
        display: inline-block;
        width: 88.3333333333vw;
        margin: 2.77777777777vw 0 0 0;
        font-size: 11.11111111111vw;
        font-weight: 500;
    }

    .hw-mucha .mucha-s3 .truthdes {
        width: 81.25vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-mucha .mucha-s3 .truthstxt {
        width: 100%;
        flex-direction: column;
        margin: 0;
    }

    .hw-mucha .mucha-s3 .trubg {
        position: relative;
        width: 116.25vw;
        margin: 0 0 0 8.33333333333vw;
    }

    .hw-mucha .mucha-s3 .truthltxt {
        margin: 8.33333333vw 0 0 8.33333333vw;
        order: -1;
    }

    .hw-mucha .mucha-s3 .trandicon {
        width: 7.22222222vw;
        margin: 0 2.77777777vw 0 0;
        border-radius: 1.38888888vw;
    }

    .hw-mucha .mucha-s3 .trandtxt {
        max-width: 31.9444444444vw;
    }

    .hw-mucha .mucha-s3 .trandtxt span:nth-child(1) {
        font-size: 3.05555555vw;
    }

    .hw-mucha .mucha-s3 .trandtxt span:nth-child(2) {
        font-size: 2.22222222222vw;
    }

    .hw-mucha .mucha-s3 .truantanges {
        display: flex;
        flex-wrap: wrap;
    }

    .hw-mucha .mucha-s3 .truthrswi {
        width: 100%;
        margin: 8.33333333333vw 0 0 0;
        align-items: flex-start;
    }

    .hw-mucha .mucha-s3 .trutotalcon {
        width: 100%;
    }

    .hw-mucha .mucha-s3 .trutotalconout {
        width: 100%;
    }

    .hw-mucha .mucha-s3 .trusiwper {
        width: 112.7777777777vw;
        top: 1.805555555vw;
        left: 1.805555555vw;
    }

    .hw-mucha .mucha-s3 .trand:nth-child(odd) .trandtxt {
        width: 31.11111111111vw;
    }

    .hw-mucha .mucha-s3 .trand:not(:last-child) {
        margin: 0;
    }

    .hw-mucha .mucha-s3 .trand:nth-child(-n+2) {
        margin: 0 0 5.55555555555vw 0;
    }

    .hw-mucha .mucha-s3 .trand:nth-child(odd) {
        margin-right: 2.77777777777vw;
    }

    .hw-mucha .mucha-s3 .truthnav {
        margin: 8.3333333333vw 0 0 8.33333333333vw;
    }

    .hw-mucha .mucha-s3 .truthnav li {
        width: 8.611111111111vw;
    }

    .hw-mucha .mucha-s3 .truthnav .trunsim {
        height: 8.611111111111vw;
    }

    .hw-mucha .mucha-s3 .truthnav li span {
        position: relative;
        top: 0;
        width: 24vw;
        margin: 3.333333333333vw 0 0 0;
        font-size: 3.05555555555vw;
        opacity: 0;
    }

    .hw-mucha .mucha-s3 .truthnav li.active span {
        opacity: 1;
    } 

    .hw-mucha .mucha-s3 .truthnav li {
        margin: 0 6.261111vw 0 0;
    }

    .hw-mucha .mucha-s3 .truthmaint .probrutswiper {
        width: 73.61111111vw;
        left: 3.694444444444vw;
        top: 25.3vw;
    }

    .hw-mucha .mucha-s3 .truthnav .trunsim::before {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        border: 0.41666666666vw solid #029eff;
    }
}

/* section 4 pc */
.hw-mucha .mucha-s4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 13.0208333333vw 0 0 0;
}

.hw-mucha .mucha-s4 .profsubt {
    color: rgba(255, 255, 255, 0.6);
    font-size: 2.08333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s4 .profmaint {
    width: 85vw;
    margin: 1.5625vw auto;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-mucha .mucha-s4 .profdes {
    width: 54.875vw;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.hw-mucha .mucha-s4 .proimtop {
    position: relative;
    width: 45.57291666666vw;
    margin: 3.125vw 0 0 0;
}

.hw-mucha .mucha-s4 .proimtx {
    position: absolute;
    top: calc(100% + 0.4166666666666667vw);
    right: 0.2604166666666667vw;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.6770833333333333vw;
    font-weight: 300;
    line-height: 1.6;
    z-index: 15;
}


@media screen and (max-width: 1771px) {
    .hw-mucha .mucha-s4 .proimtx {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s4 .proimbshadow {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 100vw;
}

.hw-mucha .mucha-s4 .proouthiden {
    position: relative;
    width: 100%;
}

.hw-mucha .mucha-s4 .proibgshadow {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
}

.hw-mucha .mucha-s4 .proshahidden {
    display: flex;
    justify-content: center;
    width: 100%;
}

.hw-mucha .mucha-s4 .proimbot {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 3.125vw 0 0 0;
    z-index: 10;
}

.hw-mucha .mucha-s4 .proimbot li {
    position: relative;
    display: flex;
    align-items: center;
}

.hw-mucha .mucha-s4 .proimbot li .proouicon {
    overflow: hidden;
    position: relative;
    border-radius: 0.52083333333vw;
}

.hw-mucha .mucha-s4 .proimbot li .proouicon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: -1;
    border-radius: 0.520833333333vw;
}

.hw-mucha .mucha-s4 .proimbot li img {
    width: 2.70833333vw;
    border-radius: 0.52083333vw;
}

.hw-mucha .mucha-s4 .proimbot li span {
    max-width: 10vw;
    margin: 0 0 0 1.04166666vw;
    color: #fff;
    font-size: 0.833333333333vw;
    font-weight: 500;
    line-height: 1.6;
}

@media screen and (max-width: 1441px) {
    .hw-mucha .mucha-s4 .proimbot li span {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s4 .proimbot li:not(:last-child) {
    margin: 0 3.64583333333vw 0 0;
}


.hw-mucha .mucha-s4 .proimbot li .proouicon {
    padding-right: 1px;
}

.hw-mucha .mucha-s4 .proimbot li .proouicon::before {
    width: calc(100% - 1px);
}


/* section 4 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s4 {
        align-items: flex-start;
        margin: 27.77777777777vw 0 0 0;
    }

    .hw-mucha .mucha-s4 .proimtx {
        top: calc(100% + 1.38888888888vw);
        right: auto;
        left: 1.111111111111111vw;
        font-size: 1.805555555555vw;
    }

    .hw-mucha .mucha-s4 .profsubt,
    .hw-mucha .mucha-s4 .profmaint,
    .hw-mucha .mucha-s4 .profdes {
        margin: 0 0 0 8.33333333vw;
    }

    .hw-mucha .mucha-s4 .proimbot li .proouicon::before {
        border-radius: 1.38888888888vw;
    }

    .hw-mucha .mucha-s4 .profsubt {
        font-size: 6.66666666vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s4 .profmaint {
        margin: 2.77777777777vw 0 8.3333333333vw 8.33333333vw;
        font-size: 11.1111111111vw;
        font-weight: 700;
        text-align: left;
    }

    .hw-mucha .mucha-s4 .profmaint span {
        display: inline-block;
        font-size: 11.1111111111vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s4 .profdes {
        width: 81.25vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-mucha .mucha-s4 .profimtxt {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        margin: 8.33333333vw 0 0 0;
    }

    .hw-mucha .mucha-s4 .proimbot {
        justify-content: flex-start;
        flex-shrink: 0;
        flex-wrap: wrap;
        margin: 0 0 8.33333333333vw 8.33333333vw;
    }

    .hw-mucha .mucha-s4 .proimbot li:nth-child(1) {
        margin: 0 5.55555555555vw 0 0;
    }

    .hw-mucha .mucha-s4 .proimbot li:nth-child(2) {
        margin: 0 5.55555555555vw 0 0;
    }

    .hw-mucha .mucha-s4 .proimbot li span {
        max-width: none;
    }

    .hw-mucha .mucha-s4 .proimbot li img {
        width: 7.22222222222vw;
    }

    .hw-mucha .mucha-s4 .proimbot li span {
        max-width: 26.055556vw;
        margin: 2.08333333333vw 0 0 0;
        font-size: 3.05555555555vw;
        color: rgba(255, 255, 255, 0.8);
    }

    .hw-mucha .mucha-s4 .proimbot li {
        flex-direction: column;
        align-items: flex-start;
    }

    .hw-mucha .mucha-s4 .proimtop {
        width: 121.5277777777vw;
        margin: 0 0 0 -37.4444444444vw;
    }

    .hw-mucha .mucha-s4 .proimbshadow {
        overflow: hidden;
        width: 100%;
        left: 0;
        transform: none;
    }

    .hw-mucha .mucha-s4 .prosbotomim {
        width: 266.666666666vw;
        margin: -0.555555555555vw 0 0 -102.166667vw;
    }

    .hw-mucha .mucha-s4 .proibgshadow {
        width: 266.6666666666vw;
        left: -102.2222222222vw;
        transform: none;
    }

    .hw-mucha .mucha-s4 .proimbot li .proouicon {
        border-radius: 1.38888888888vw;
    }

    .hw-mucha .mucha-s4 .proouthiden {
        order: 2;
    }
}


/* section 5 pc  */
.hw-mucha .mucha-s5 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.41666666vw 0 0 0;
    z-index: 9;
}

.hw-mucha .mucha-s5 .smartintersubt {
    color: rgba(255, 255, 255, 0.6);
    font-size: 2.08333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s5 .smartintermaint {
    width: 75vw;
    margin: 1.5625vw auto;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-mucha .mucha-s5 .smartinterdes {
    width: 49vw;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.14583333vw;
    line-height: 1.6;
    text-align: center;
}

.hw-mucha .mucha-s5 .smarticard {
    display: flex;
    margin: 3.125vw 0 0 0;
}

.hw-mucha .mucha-s5 .sciteml {
    position: relative;
    overflow: hidden;
    width: 39.58333333333vw;
    border-radius: 1.04166666vw;
    transform: rotate(0deg);
}

.hw-mucha .mucha-s5 .sciteml video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hw-mucha .mucha-s5 .scitemr {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 1.5625vw;
}

.hw-mucha .mucha-s5 .smaswiper1con {
    overflow: hidden;
    position: relative;
    width: 31.25vw;
    margin: 0 0 1.5625vw 0;
    border-radius: 1.04166666vw;
    transform: rotate(0deg);
}

.hw-mucha .mucha-s5 .smaswiper1con::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(112, 112, 112, .1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    z-index: 0;
}

.hw-mucha .mucha-s5 .smaswiper1con::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, #81dbf0 0%, #2c4ede 46.86%, #06ebe2 123%);
    opacity: 0.12;
    z-index: -1;
}

.hw-mucha .mucha-s5 .fingercon {
    display: flex;
    margin: 1.04166667vw 0 3.28125vw 1.5625vw;
}

.hw-mucha .mucha-s5 .fingercon li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 5.46875vw;
}

.hw-mucha .mucha-s5 .fingercon li:not(:last-child) {
    margin: 0 5vw 0 0;
}

.hw-mucha .mucha-s5 .fintxt {
    margin: 0 0 0.729166666667vw 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.729166666666vw;
    font-weight: 500;
    line-height: 1.6;
}

.hw-mucha .mucha-s5 .fingercon0 .finli0 .fintxt {
    width: 7.0833333333vw;
}

.hw-mucha .mucha-s5 .fingercon0 .finli1 .fintxt {
    width: 6.97916666666vw;
}

.hw-mucha .mucha-s5 .fingercon0 .finli2 .fintxt {
    width: 6.92708333333vw;
}

.hw-mucha .mucha-s5 .fingercon1 .finli0 .fintxt {
    width: 8.22916666666vw;
}

.hw-mucha .mucha-s5 .fingercon1 .finli1 .fintxt {
    width: 9.21875vw;
}

.hw-mucha .mucha-s5 .fingercon1 .finli2 .fintxt {
    width: 6.92708333333vw;
}


@media screen and (max-width: 1646px) {
    .hw-mucha .mucha-s5 .fintxt {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s5 .finim {
    width: 5.46875vw;
}

.hw-mucha .mucha-s5 .spfinim {
    width: 5.625vw;
}

.hw-mucha .mucha-s5 .smaswiper2con {
    overflow: hidden;
    position: relative;
    width: 31.25vw;
    border-radius: 1.04166666vw;
    transform: rotate(0deg);
}

.hw-mucha .mucha-s5 .spcolorcard {
    overflow: hidden;
    width: 28.125vw;
    margin: 0.78125vw auto 3.125vw;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.78125vw;
    backdrop-filter: blur(1.5625vw);
    -webkit-backdrop-filter: blur(1.5625vw);
}

.hw-mucha .mucha-s5 .spcolorcard .smacardtxt {
    margin: 0.520833333333vw 0 0.83333333333vw 0;
    font-size: 0.677083333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

@media screen and (max-width: 1772px) {
    .hw-mucha .mucha-s5 .spcolorcard .smacardtxt {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s5 .spcolorcard .smacardtxt0 span {
    color: #ffc1ac;
    font-weight: 700;
}

.hw-mucha .mucha-s5 .spcolorcard .smacardtxt1 span {
    color: #f8d6ae;
    font-weight: 700;
}

.hw-mucha .mucha-s5 .spcolorcard img {
    width: 25vw;
    margin: 0 auto 0.83333333333vw;
}

.hw-mucha .mucha-s5 .smaswiper2con::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(112, 112, 112, .15);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    z-index: 0;
}

.hw-mucha .mucha-s5 .smaswiper2con::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 14%;
    background: linear-gradient(60.75deg, #db81f0 0%, #2c4ede 56.86%, #530695 130%);
    z-index: -1;
}

.hw-mucha .mucha-s5 .aitxt {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 1.5625vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.hw-mucha .mucha-s5 .aitxt span:nth-child(1) {
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-mucha .mucha-s5 .aitxt span:nth-child(2) {
    margin: 0.52083333vw 0 0 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.hw-mucha .mucha-s5 .aiplaybtn {
    display: none;
    align-items: center;
    position: absolute;
    right: 1.5625vw;
    bottom: 1.5625vw;
    padding: 0.2921875vw 0.810677083333vw;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    cursor: pointer;
    z-index: 2;
    transition: opacity 0.3s ease-out;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.hw-mucha .mucha-s5 .aiplaybtn:hover {
    opacity: 0.7;
}

.hw-mucha .mucha-s5 .acti {
    display: flex;
    align-items: center;
}

.hw-mucha .mucha-s5 .aiplaybtn span {
    color: #333333;
    font-size: 0.677083333333vw;
    font-weight: 500;
    line-height: 1.6;
}

@media screen and (max-width: 1772px) {
    .hw-mucha .mucha-s5 .aiplaybtn span {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s5 .aiplaybtn img {
    width: 0.9375vw;
    margin: 0 0 0 0.41666666666vw;
}

.hw-mucha .mucha-s5 .aivplay img {
    width: 0.78125vw;
}

.hw-mucha .mucha-s5 .aivpause {
    padding-right: 0.731770833333vw;
    padding-left: 0.731770833333vw;
}

.hw-mucha .mucha-s5 .smaswi1title {
    position: relative;
    margin: 1.5625vw 0 0 1.5625vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
    z-index: 9;
}

.hw-mucha .mucha-s5 .smpc,
.hw-mucha .mucha-s5 .smmob,
.hw-mucha .mucha-s5 .smaswiper1p,
.hw-mucha .mucha-s5 .smaswiper1m {
    width: 100%;
}

.hw-mucha .mucha-s5 .smaswi2title {
    position: relative;
    margin: 1.041666666667vw 0 0 1.5625vw;
    z-index: 2;
}

.hw-mucha .mucha-s5 .smaswi2title h3 {
    color: #fff;
    font-size: 1.666666666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s5 .smaswi1nav {
    display: flex;
    position: absolute;
    bottom: 1.5625vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.hw-mucha .mucha-s5 .smaswi1nav li {
    width: 0.52083333vw;
    height: 0.52083333vw;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 0.52083333vw;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    cursor: pointer;
}

.hw-mucha .mucha-s5 .smaswi1nav li.active {
    width: 1.30208333333vw;
    background: #0f5ec9;
    cursor: default;
}

.hw-mucha .mucha-s5 .smaswi1nav li:not(:last-child) {
    margin: 0 0.52083333vw 0 0;
}

.hw-mucha .mucha-s5 .smaswi2nav {
    display: flex;
    position: absolute;
    bottom: 1.5625vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.hw-mucha .mucha-s5 .smaswi2nav li {
    width: 0.52083333vw;
    height: 0.52083333vw;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 0.52083333vw;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    cursor: pointer;
}

.hw-mucha .mucha-s5 .smaswi2nav li.active {
    width: 1.30208333333vw;
    background: #0f5ec9;
    cursor: default;
}

.hw-mucha .mucha-s5 .smaswi2nav li:not(:last-child) {
    margin: 0 0.52083333vw 0 0;
}


/* section 5 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s5 {
        align-items: flex-start;
        margin: 27.77777777vw 0 0 0;
    }

    .hw-mucha .mucha-s5 .smartinterdes {
        width: 79.16666667vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-mucha .mucha-s5 .smartintersubt,
    .hw-mucha .mucha-s5 .smartintermaint,
    .hw-mucha .mucha-s5 .smartinterdes {
        margin: 0 0 0 8.33333333vw;
    }

    .hw-mucha .mucha-s5 .smartintersubt {
        font-size: 6.66666666vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s5 .smartintermaint {
        margin: 2.77777777777vw 0 8.33333333vw 8.33333333vw;
        font-size: 11.1111111111vw;
        font-weight: 700;
        text-align: left;
    }

    .hw-mucha .mucha-s5 .smartintermaint span {
        font-size: 11.1111111111vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s5 .smarticard {
        width: 100%;
        margin: 8.33333333vw 0 0 0;
        flex-direction: column;
        align-items: center;
    }

    .hw-mucha .mucha-s5 .sciteml {
        width: 83.33333333vw;
        border-radius: 2.77777777vw;
    }

    .hw-mucha .mucha-s5 .smaswiper2con {
        width: 83.33333333vw;
        height: auto;
        margin: 4.16666666vw 0 0 0;
        border-radius: 2.77777777777vw;
    }

    .hw-mucha .mucha-s5 .fingercon li {
        width: 25.97222222222vw;
    }

    .hw-mucha .mucha-s5 .spcolorcard {
        width: 75vw;
        height: 25.9722222222vw;
        margin: 4.1666666666vw 0 11.1111111111vw 4.1666666666vw;
        border-radius: 2.08333333333vw;
    }

    .hw-mucha .mucha-s5 .fingercon0 .finli0 .fintxt {
        width: 25.97222222222vw;
    }

    .hw-mucha .mucha-s5 .fingercon0 .finli1 .fintxt {
        width: 23.88888888888vw;
    }

    .hw-mucha .mucha-s5 .fingercon1 .finli0 .fintxt {
        width: 24.3055555555vw;
    }

    .hw-mucha .mucha-s5 .fingercon1 .finli1 .fintxt {
        width: 27.9166666666vw;
    }

    .hw-mucha .mucha-s5 .fingercon2 .finli0 .fintxt {
        width: 32.9166666666vw;
    }

    .hw-mucha .mucha-s5 .fingercon2 .finli1 .fintxt {
        width: 21.1111111111vw;
    }

    .hw-mucha .mucha-s5 .spcolorcard .smacardtxt {
        margin: 0.833333333333vw 0 1.38888888888vw 0;
        font-size: 3.05555555555vw;
    }

    .hw-mucha .mucha-s5 .smaswiper1con {
        width: 83.33333333vw;
        margin: 4.16666666vw 0 0 0;
        border-radius: 2.77777777777vw;
    }

    .hw-mucha .mucha-s5 .fingercon .fintxt {
        font-size: 3.055555555555vw;
        margin: 0 0 2.638888889vw 0;
    }

    .hw-mucha .mucha-s5 .fingercon li:not(:last-child) {
        margin: 0 18.0555555555vw 0 0;
    }

    .hw-mucha .mucha-s5 .scitemr {
        margin: 0;
    }

    .hw-mucha .mucha-s5 .aitxt span:nth-child(1) {
        width: 62vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-mucha .mucha-s5 .aitxt span:nth-child(2) {
        margin: 1.38888888888vw 0 0 0;
        font-size: 3.33333333vw;
        text-align: left;
    }

    .hw-mucha .mucha-s5 .aitxt {
        top: 4.1666666666vw;
        left: 4.1666666666vw;
        transform: none;
    }

    .hw-mucha .mucha-s5 .aiplaybtn {
        right: 3.47222222vw;
        bottom: 3.47222222vw;
        padding: 0.625vw 1.25vw;
        border-radius: 2.2222222222vw;
    }

    .hw-mucha .mucha-s5 .aiplaybtn span {
        font-size: 1.805555555555vw;
    }

    .hw-mucha .mucha-s5 .aiplaybtn img {
        width: 2.5vw;
        margin: 0 0 0 1.11111111111vw;
    }

    .hw-mucha .mucha-s5 .aivplay img {
        width: 2.08333333333vw;
    }

    .hw-mucha .mucha-s5 .aivplay {
        padding-left: 2.1618055555vw;
        padding-right: 2.1618055555vw;
    }

    .hw-mucha .mucha-s5 .smaswi1nav li {
        width: 1.388888888888vw;
        height: 1.388888888888vw;
        border-radius: 1.388888888888vw;
    }

    .hw-mucha .mucha-s5 .smaswi1nav li.active {
        width: 3.47222222222vw;
    }

    .hw-mucha .mucha-s5 .smaswi1nav li:not(:last-child) {
        margin: 0 1.388888888888vw 0 0;
    }

    .hw-mucha .mucha-s5 .smaswi1nav,
    .hw-mucha .mucha-s5 .smaswi2nav {
        bottom: 4.16666666666vw;
    }

    .hw-mucha .mucha-s5 .smaswi2nav li {
        width: 1.388888888888vw;
        height: 1.388888888888vw;
        border-radius: 1.388888888888vw;
    }

    .hw-mucha .mucha-s5 .smaswi2nav li.active {
        width: 3.47222222222vw;
    }

    .hw-mucha .mucha-s5 .smaswi2nav li:not(:last-child) {
        margin: 0 1.388888888888vw 0 0;
    }

    .hw-mucha .mucha-s5 .smaswi1title {
        margin: 4.16666666666vw 0 0 4.16666666666vw;
        font-size: 4.44444444vw;
    }

    .hw-mucha .mucha-s5 .smaswi2title {
        margin: 4.16666666666vw 0 0 4.16666666666vw;
    }

    .hw-mucha .mucha-s5 .smaswi2title h3 {
        font-size: 4.4444444vw;
    }

    .hw-mucha .mucha-s5 .finim {
        width: 25.97222222222vw;
    }

    .hw-mucha .mucha-s5 .spfinim {
        width: 26.6666666666vw;
    }

    .hw-mucha .mucha-s5 .fingercon {
        margin: 4.16666666vw 0 10.2777777777vw 4.16666666666vw;
    }

    .hw-mucha .mucha-s5 .fingercon li {
        flex-direction: column;
    }

    .hw-mucha .mucha-s5 .spcolorcard img {
        width: 66.6666666666vw;
        margin: 0 auto 2.22222222222vw;
    }
}

/* section 6 pc */
.hw-mucha .mucha-s6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.41666666vw 0 0 0;
}

.hw-mucha .mucha-s6 .easysubt {
    color: rgba(255, 255, 255, 0.6);
    font-size: 2.08333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s6 .easymaint {
    width: 75vw;
    margin: 1.5625vw auto;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-mucha .mucha-s6 .easydodes {
    width: 58.479166666667vw;
    margin: 0 0 3.125vw 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.hw-mucha .mucha-s6 .easyswicon {
    position: relative;
    display: flex;
    background-color: #000;
    z-index: 9;
}

.hw-mucha .mucha-s6 .easyvideo {
    overflow: hidden;
    position: relative;
    width: 39.5833333333vw;
    height: 34.375vw;
    border-radius: 1.04166666vw;
    transform: rotate(0deg);
}

.hw-mucha .mucha-s6 .eaabvtxt {
    position: absolute;
    top: 2.60416666666vw;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.6666666667vw;
    font-weight: 500;
    line-height: 1.25;
    z-index: 9;
    text-align: center;
}

.hw-mucha .mucha-s6 .easyvideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hw-mucha .mucha-s6 .easysmallswi {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 31.25vw;
    margin: 0 0 0 1.5625vw;
    border-radius: 1.04166666vw;
    transform: rotate(0deg);
}

.hw-mucha .mucha-s6 .easysmallswiper {
    width: 100%;
}

.hw-mucha .mucha-s6 .easydonav {
    display: flex;
    position: absolute;
    bottom: 1.5625vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.hw-mucha .mucha-s6 .easydonav li {
    width: 0.520833333333vw;
    height: 0.520833333333vw;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 0.520833333333vw;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    cursor: pointer;
}

.hw-mucha .mucha-s6 .easydonav li.active {
    width: 1.30208333333vw;
    background: #006cff;
    cursor: default;
}

.hw-mucha .mucha-s6 .eavpbtn {
    display: none;
    align-items: center;
    position: absolute;
    bottom: 1.5625vw;
    right: 1.5625vw;
    padding: 5.61px 0.73255208333vw;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 1.19791666vw;
    border-radius: 16px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    transition: opacity 0.3s ease-out;
    cursor: pointer;
}

.hw-mucha .mucha-s6 .eavpbtn:hover {
    opacity: 0.7;
}

.hw-mucha .mucha-s6 .acti {
    display: flex;
    align-items: center;
}

.hw-mucha .mucha-s6 .eavpbtn span {
    color: #333333;
    font-size: 0.67708333333vw;
    font-weight: 500;
    line-height: 1.6;
}

@media screen and (max-width: 1772px) {
    .hw-mucha .mucha-s6 .eavpbtn span {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s6 .eavpbtn img {
    width: 0.9375vw;
    margin: 0 0 0 0.52083333vw;
}

.hw-mucha .mucha-s6 .eavplay img {
    width: 0.78125vw;
}

.hw-mucha .mucha-s6 .eavplay {
    padding-right: 0.81067708333vw;
    padding-left: 0.81067708333vw;
}

.hw-mucha .mucha-s6 .easysmallswiper .swiper-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hw-mucha .mucha-s6 .easysmallswi::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(112, 112, 112, .1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    z-index: 0;
}

.hw-mucha .mucha-s6 .easysmallswi::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, rgb(129, 219, 240, 0.14) 0%, rgb(44, 78, 222, 0.14) 42.86%, rgb(6, 235, 226, 0.14) 115%);
    z-index: -1;
}

.hw-mucha .mucha-s6 .sinntxt {
    width: 24vw;
    position: relative;
    margin: 2.60416666666vw 0 0 0;
    z-index: 4;
    text-align: center;
}

.hw-mucha .mucha-s6 .easysmallswiper .sinimcon {
    width: 25.5729166666vw;
    margin: 4.42708333333vw 0 0 0;
}

.hw-mucha .mucha-s6 .sinnitem0 {
    color: #fff;
    font-size: 1.66666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s6 .easydonav li:not(:last-child) {
    margin: 0 0.52083333vw 0 0;
}


/* section 6 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s6 {
        align-items: flex-start;
        margin: 27.77777777vw 0 0 0;
    }

    .hw-mucha .mucha-s6 .easysubt,
    .hw-mucha .mucha-s6 .easymaint {
        margin: 0 0 0 8.33333333vw;
    }

    .hw-mucha .mucha-s6 .easydodes {
        margin: 0 0 8.33333333vw 8.33333333vw;
    }

    .hw-mucha .mucha-s6 .easysubt {
        font-size: 6.66666666vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s6 .easymaint {
        width: 82vw;
        margin: 2.77777777777vw 0 8.33333333vw 8.33333333vw;
        font-size: 11.1111111vw;
        font-weight: 700;
        text-align: left;
    }

    .hw-mucha .mucha-s6 .easymaint span {
        display: block;
        font-size: 11.11111111111vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s6 .easydodes {
        width: 81.25vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-mucha .mucha-s6 .easyswicon {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .hw-mucha .mucha-s6 .easyvideo {
        width: 83.33333333vw;
        height: 83.33333333vw;
        border-radius: 2.77777777vw;
    }

    .hw-mucha .mucha-s6 .easysmallswi {
        width: 83.33333333vw;
        margin: 4.16666666vw 0 0 0;
        border-radius: 2.77777777vw;
    }

    .hw-mucha .mucha-s6 .easysmallswiper .swiper-slide {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .hw-mucha .mucha-s6 .easysmallswiper .sinnitem0 {
        font-size: 3.88888888vw;
    }

    .hw-mucha .mucha-s6 .easysmallswiper .sinnitem1 {
        margin: 0.69444444vw 0 0 0;
        font-size: 2.77777777vw;
    }

    .hw-mucha .mucha-s6 .eavpbtn span {
        font-size: 1.80555555555vw;
    }

    .hw-mucha .mucha-s6 .eavpbtn img {
        width: 2.5vw;
        margin: 0 0 0 1.11111111111vw;
    }

    .hw-mucha .mucha-s6 .eavplay img {
        width: 2.0833333333vw;
    }

    .hw-mucha .mucha-s6 .eavpbtn {
        padding: 0.972222222vw 2.145833333vw;
        bottom: 4.16666666vw;
        right: 4.16666666vw;
        border-radius: 2.2222222222vw;
    }

    .hw-mucha .mucha-s6 .eavplay {
        padding-left: 2.16180555555vw;
        padding-right: 2.16180555555vw;
    }

    .hw-mucha .mucha-s6 .easydonav li.active {
        width: 3.47222222222vw;
    }

    .hw-mucha .mucha-s6 .easydonav li {
        width: 1.3888888888vw;
        height: 1.3888888888vw;
        border-radius: 1.3888888888vw;
    }

    .hw-mucha .mucha-s6 .easydonav li:not(:last-child) {
        margin: 0 1.3888888888vw 0 0;
    }

    .hw-mucha .mucha-s6 .easydonav {
        bottom: 4.16666666666vw;
    }

    .hw-mucha .mucha-s6 .easysmallswiper .sinimcon {
        width: 68.19444444444vw;
        margin: 11.9444444444vw 0 14.86111111111vw 0;
    }

    .hw-mucha .mucha-s6 .sinntxt {
        width: 62vw;
        margin: 4.1666666vw 0 0 0;
    }

    .hw-mucha .mucha-s6 .sinnitem0 {
        font-size: 4.44444444vw;
        width: 100%;
        text-align: center;
    }

    .hw-mucha .mucha-s6 .sinnitem1 {
        margin: 0.69444444444vw 0 0 0;
        font-size: 2.77777777777vw;
    }

    .hw-mucha .mucha-s6 .eaabvtxt {
        top: 4.1666666vw;
        width: 62vw;
        font-size: 4.44444444vw;
        text-align: center;
    }
}

/* section 7 pc */
.hw-mucha .mucha-s7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.41666666vw 0 0 0;
}

.hw-mucha .mucha-s7 .thdrawmaint {
    width: 75vw;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-mucha .mucha-s7 .thvswiper {
    overflow: hidden;
    position: relative;
    width: 66.66666667vw;
    height: 37.5vw;
    border-radius: 1.04166666vw;
    transform: rotate(0deg);
}

.hw-mucha .mucha-s7 .thvprogress {
    overflow: hidden;
    display: flex;
    width: 15.625vw;
    height: 0.26041666666vw;
    margin: 2.34375vw auto 0;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 0.15625vw;
}

.hw-mucha .mucha-s7 .inprogress {
    width: 0%;
    height: 0.26041666666vw;
    background: #0f5ec9;
    border-radius: 0.15625vw;
}

.hw-mucha .mucha-s7 .thvswiper video {
    height: 100%;
    object-fit: cover;
}

.hw-mucha .mucha-s7 .thvswicon {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 3.125vw 0 0 0;
}

.hw-mucha .mucha-s7 .craetbtn:hover {
    opacity: 0.7;
}

.hw-mucha .mucha-s7 .craetbtn {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 2.34375vw;
    transform: translateX(-50%);
    transition: opacity 0.3s ease-out;
}

.hw-mucha .mucha-s7 .craetbtn img {
    width: 1.66666666vw;
}

.hw-mucha .mucha-s7 .craetbtn span {
    margin: 0 0 0 0.520833333333vw;
    color: #0055de;
    font-size: 0.9375vw;
    font-weight: 700;
    line-height: 1.6;
}

.hw-mucha .mucha-s7 .thvswinav li:not(:last-child) {
    margin: 0 9.16666666vw 0 0;
}

.hw-mucha .mucha-s7 .thdrawpbtn {
    display: none;
    align-items: center;
    position: absolute;
    bottom: 1.5625vw;
    right: 1.5625vw;
    padding: 0.29166666666vw 0.8109375vw;
    background: rgba(255, 255, 255, 0.3);
    transition: opacity 0.3s ease-out;
    border-radius: 16px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    cursor: pointer;
    z-index: 4;
}

.hw-mucha .mucha-s7 .acti {
    display: flex;
}

.hw-mucha .mucha-s7 .thdrawpbtn:hover {
    opacity: 0.7;
}

.hw-mucha .mucha-s7 .thdrawpbtn span {
    color: #333;
    font-size: 0.67708333333vw;
    font-weight: 500;
    line-height: 1.6;
}

@media screen and (max-width: 1772px) {
    .hw-mucha .mucha-s7 .thdrawpbtn span {
        font-size: 12px;
    }
}

.hw-mucha .mucha-s7 .thdrawpbtn img {
    width: 0.78125vw;
    margin: 0 0 0 0.4166666666vw;
}

.hw-mucha .muchawill .mline {
    will-change: left;
}

.hw-mucha .muchawill .easydonav li {
    will-change: width;
}

.hw-mucha .muchawill .smaswi1nav li {
    will-change: width;
}

.hw-mucha .muchawill .smaswi2nav li {
    will-change: width;
}

/* section 7 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s7 {
        align-items: flex-start;
        margin: 27.77777777vw 0 0 0;
    }

    .hw-mucha .mucha-s7 .thdrawpbtn span {
        font-size: 1.80555555555vw;
    }

    .hw-mucha .mucha-s7 .thdrawpbtn img {
        width: 2.08333333333vw;
        margin: 0 0 0 1.111111111111vw;
    }

    .hw-mucha .mucha-s7 .thdrawpbtn {
        right: 4.16666666666vw;
        bottom: 4.16666666666vw;
        padding: 0.77777777777vw 2.16180555555vw;
        border-radius: 2.2222222222vw;
    }

    .hw-mucha .mucha-s7 .thdrawmaint {
        margin: 0 0 0 8.33333333vw;
        font-size: 11.11111111vw;
        font-weight: 700;
        text-align: left;
    }

    .hw-mucha .mucha-s7 .thdrawmaint span {
        font-weight: 700;
    }

    .hw-mucha .mucha-s7 .thvswicon {
        align-self: center;
        width: 100%;
        margin: 8.33333333333vw 0 0 0;
    }

    .hw-mucha .mucha-s7 .thvswiper {
        width: 100%;
        height: 111.11111111111vw;
        border-radius: 0;
    }

    .hw-mucha .mucha-s7 .thvswinav li {
        font-size: 3.05555555vw;
    }

    .hw-mucha .mucha-s7 .thvswinav {
        margin: 6.25vw 0 1.38888888vw 0;
    }

    .hw-mucha .mucha-s7 .thvswinav li:not(:last-child) {
        margin: 0 17.5vw 0 0;
    }

    .hw-mucha .mucha-s7 .inprogress {
        height: 0.6944444vw;
        border-radius: 0.41666666vw;
    }

    .hw-mucha .mucha-s7 .thvprogress {
        width: 41.66666666vw;
        height: 0.6944444vw;
        border-radius: 0.41666666vw;
        margin: 6.25vw 0 0 0;
    }

    .hw-mucha .mucha-s7 .craetbtn img {
        width: 5.8333333333vw;
    }

    .hw-mucha .mucha-s7 .craetbtn span {
        margin: 0 0 0 1.3888888888vw;
        font-size: 3.05555555555vw;
    }

    .hw-mucha .mucha-s7 .craetbtn {
        bottom: 6.25vw;
    }
}

/* section 9 pc */
.hw-mucha .mucha-s9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.41666666vw 0 0 0;
}

.hw-mucha .mucha-s9 .niworkmaint {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-mucha .mucha-s9 .lasmat {
    width: 68vw;
    text-align: center;
} 

.hw-mucha .mucha-s9 .niworkmaint img {
    width: 18.22916667vw;
}

.hw-mucha .mucha-s9 .niworkim {
    position: relative;
    width: 80.83333333333vw;
    margin: 5.20833333333vw auto 0;
}

.hw-mucha .mucha-s9 .swiper-wrapper {
    flex-wrap: wrap;
}

.hw-mucha .mucha-s9 .swiper-slide {
    width: auto;
}


.hw-mucha .mucha-s9 .swiper-slide:nth-child(1) {
    margin: 6.1458333333vw 4.6875vw 0 5.416666666666vw;
}


.hw-mucha .mucha-s9 .swiper-slide:nth-child(3) {
    margin: 2.6041666666vw 4.635416666666vw 0 0;
}

.hw-mucha .mucha-s9 .swiper-slide:nth-child(4) {
    margin: 2.6041666666vw 0 0 0;
}

.hw-mucha .mucha-s9 .swiper-slide:nth-child(6) {
    margin: 2.6041666666vw 0 0 0;
}

.hw-mucha .mucha-s9 .swiper-slide:nth-child(5) {
    margin: 2.6041666666vw 4.6875vw 0 0;
}

.hw-mucha .mucha-s9 .ggaim1 {
    width: 38.07291666666vw;
}

.hw-mucha .mucha-s9 .ggaim2 {
    width: 25.83333333333vw;
}

.hw-mucha .mucha-s9 .ggaim3 {
    width: 38.0729166666vw;
    margin: -6.14583333333vw 0 0 0;
}

.hw-mucha .mucha-s9 .ggaim4 {
    width: 38.07291666666vw;
}

.hw-mucha .mucha-s9 .ggaim5 {
    width: 25.8333333333vw;
    margin: -6.145833333333vw 0 0 6.09375vw;
}

.hw-mucha .mucha-s9 .ggaim6 {
    width: 38.07291666666vw;
}

.hw-mucha .mucha-s9 .ggwork {
    margin: 0.78125vw 0 0 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.04166666666vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: right;
}

.hw-mucha .mucha-s9 .ggwork span {
    font-style: italic;
}

.hw-mucha .mucha-s9 .nicim {
    width: 80.8333333333vw;
    margin: 0 auto;
}

/* section 9 mob */
@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .mucha-s9 {
        align-items: flex-start;
        margin: 27.77777777vw 0 0 0;
    }

    .hw-mucha .mucha-s9 .niworkmaint {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 0 0 8.33333333vw;
        font-size: 13.8888888888vw;
        font-weight: 700;
    }

    .hw-mucha .mucha-s9 .niworkim {
        width: 100%;
        margin: 8.333333333333vw auto 0;
    }

    .hw-mucha .mucha-s9 .nicim {
        width: 94.1666666666vw;
    }

    .hw-mucha .mucha-s9 .niworkmaint img {
        width: 60.9722222vw;
        margin: 0 0 4.16666666vw 0;
    }

    .hw-mucha .noteline {
        width: 87.5vw;
        height: 0.277777777777vw;
    }

    .hw-mucha .mucha-s9 .lastnav {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 4.16666666666vw 0 0 0;
    } 

    .hw-mucha .mucha-s9 .lastnav li {
        position: relative;
        width: 6.6666666666vw;
        height: 6.6666666666vw;
        border-radius: 50%;
        background-color: #4d4d4d;
    }

    .hw-mucha .mucha-s9 .labgim {
        position: absolute;
        top: -12.36111111111111vw;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        z-index: 0;
    }

    .hw-mucha .mucha-s9 .ggaim1,
    .hw-mucha .mucha-s9 .ggaim2,
    .hw-mucha .mucha-s9 .ggaim3,
    .hw-mucha .mucha-s9 .ggaim4,
    .hw-mucha .mucha-s9 .ggaim5,
    .hw-mucha .mucha-s9 .ggaim6 {
        width: 100%;
        margin: 0;
    }

    .hw-mucha .mucha-s9 .ggaim1 img {
        width: 73.8888888888vw;
        margin: 0 auto;
    }

    .hw-mucha .mucha-s9 .ggaim2 img {
        width: 50.13888888888vw;
        margin: 0 auto;
    }

    .hw-mucha .mucha-s9 .ggaim3 img {
        width: 73.88888888888vw;
        margin: 0 auto;
    }

    .hw-mucha .mucha-s9 .ggaim4 img {
        width: 73.88888888888vw;
        margin: 0 auto;
    }

    .hw-mucha .mucha-s9 .ggaim5 img {
        width: 50.13888888888vw;
        margin: 0 auto;
    }

    .hw-mucha .mucha-s9 .ggaim6 img {
        width: 73.88888888888vw;
        margin: 0 auto;
    }

    .hw-mucha .mucha-s9 .swiper-slide:nth-child(1),
    .hw-mucha .mucha-s9 .swiper-slide:nth-child(3),
    .hw-mucha .mucha-s9 .swiper-slide:nth-child(4),
    .hw-mucha .mucha-s9 .swiper-slide:nth-child(5),
    .hw-mucha .mucha-s9 .swiper-slide:nth-child(6) {
        margin: 0;
    }

    .hw-mucha .mucha-s9 .swiper-wrapper {
        flex-wrap: nowrap;
        align-items: flex-end;
    }

    .hw-mucha .mucha-s9 .ggwork {
        margin: 2.083333333333vw 0 0 0;
        font-size: 2.22222222vw;
        text-align: center;
    }

    .hw-mucha .mucha-s9 .lastnav .noclick .naim2 {
        opacity: 0;
    }

    .hw-mucha .mucha-s9 .lastnav .noclick .naim1 {
        opacity: 0.3;
    }

    .hw-mucha .mucha-s9 .lastnav li .naim2 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .hw-mucha .mucha-s9 .lastnav li:not(:last-child) {
        margin: 0 4.16666666666vw 0 0;
    }

    .hw-mucha .mucha-s9 .lastnav .lararrow {
        transform: rotate(180deg);
    }
}

.hw-mucha .tpc {
    opacity: 0;
    -webkit-transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -ms-transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -o-transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translateY(5.2083333333vw);
    -webkit-transform: translateY(5.2083333333vw);
    -moz-transform: translateY(5.2083333333vw);
    -ms-transform: translateY(5.2083333333vw);
    -o-transform: translateY(5.2083333333vw);
}

.hw-mucha .will-change .tpc {
    will-change: transform, opacity;
}

.hw-mucha .snr {
    white-space: nowrap;
}

@media screen and (max-aspect-ratio:136/100) {
    .hw-mucha .tpc {
        transform: translateY(16.66666666vw);
        -webkit-transform: translateY(16.66666666vw);
        -moz-transform: translateY(16.66666666vw);
        -ms-transform: translateY(16.66666666vw);
        -o-transform: translateY(16.66666666vw);
    }

    .hw-mucha .snr {
        white-space: normal;
    }

}

@media screen and (min-width: 1921px) {

    .hw-mucha .mucha-s5 .aiplaybtn,
    .hw-mucha .mucha-s6 .eavpbtn,
    .hw-mucha .mucha-s7 .thdrawpbtn {
        border-radius: 0.8333333333333vw;
    }
}