body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.hw-k-all div,
.hw-k-all span,
.hw-k-all applet,
.hw-k-all object,
.hw-k-all iframe,
.hw-k-all h1,
.hw-k-all h2,
.hw-k-all h3,
.hw-k-all h4,
.hw-k-all h5,
.hw-k-all h6,
.hw-k-all p,
.hw-k-all blockquote,
.hw-k-all pre,
.hw-k-all a,
.hw-k-all abbr,
.hw-k-all acronym,
.hw-k-all address,
.hw-k-all big,
.hw-k-all cite,
.hw-k-all code,
.hw-k-all del,
.hw-k-all dfn,
.hw-k-all em,
.hw-k-all img,
.hw-k-all ins,
.hw-k-all kbd,
.hw-k-all q,
.hw-k-all s,
.hw-k-all samp,
.hw-k-all small,
.hw-k-all strike,
.hw-k-all strong,
.hw-k-all tt,
.hw-k-all var,
.hw-k-all b,
.hw-k-all u,
.hw-k-all i,
.hw-k-all center,
.hw-k-all dl,
.hw-k-all dt,
.hw-k-all dd,
.hw-k-all ol,
.hw-k-all ul,
.hw-k-all li,
.hw-k-all fieldset,
.hw-k-all form,
.hw-k-all label,
.hw-k-all legend,
.hw-k-all table,
.hw-k-all caption,
.hw-k-all tbody,
.hw-k-all tfoot,
.hw-k-all thead,
.hw-k-all tr,
.hw-k-all th,
.hw-k-all td,
.hw-k-all article,
.hw-k-all aside,
.hw-k-all canvas,
.hw-k-all details,
.hw-k-all embed,
.hw-k-all figure,
.hw-k-all figcaption,
.hw-k-all footer,
.hw-k-all header,
.hw-k-all menu,
.hw-k-all nav,
.hw-k-all output,
.hw-k-all ruby,
.hw-k-all section,
.hw-k-all summary,
.hw-k-all time,
.hw-k-all mark,
.hw-k-all audio,
.hw-k-all video,
.hw-k-all p {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

.hw-k-all article,
.hw-k-all aside,
.hw-k-all details,
.hw-k-all figcaption,
.hw-k-all figure,
.hw-k-all footer,
.hw-k-all header,
.hw-k-all hgroup,
.hw-k-all nav,
.hw-k-all section,
.hw-k-all main {
    display: block
}

.hw-k-all audio:not([controls]) {
    display: none
}

.hw-k-all [hidden],
.hw-k-all .hidden {
    display: none
}

.hw-k-all a {
    text-decoration: none;
    color: #000
}

.hw-k-all a:focus,
.hw-k-all a:hover,
.hw-k-all a:active {
    outline: 0
}

.hw-k-all abbr[title] {
    border-bottom: 1px dotted
}

.hw-k-all b,
.hw-k-all strong {
    font-weight: bold
}

.hw-k-all blockquote {
    margin: 0
}

.hw-k-all dfn {
    font-style: italic
}

.hw-k-all hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

.hw-k-all ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}

.hw-k-all pre,
.hw-k-all code,
.hw-k-all kbd,
.hw-k-all samp {
    font-family: monospace, serif;
    font-size: 1em
}

.hw-k-all pre {
    white-space: pre;
    word-wrap: break-word
}

.hw-k-all q {
    quotes: none
}

.hw-k-all q::before,
.hw-k-all q::after {
    content: ''
}

.hw-k-all small {
    font-size: 85%
}

.hw-k-all nav ul,
.hw-k-all nav ol,
.hw-k-all ul,
.hw-k-all ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

.hw-k-all img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

.hw-k-all svg:not(:root) {
    overflow: hidden
}

.hw-k-all figure {
    margin: 0
}

.hw-k-all form {
    margin: 0
}

.hw-k-all fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.hw-k-all label {
    cursor: pointer
}

.hw-k-all legend {
    border: 0;
    padding: 0;
    white-space: normal
}

.hw-k-all button,
.hw-k-all input,
.hw-k-all select {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: 0
}

.hw-k-all button,
.hw-k-all input {
    line-height: normal
}

.hw-k-all button,
.hw-k-all input[type='button'],
.hw-k-all input[type='reset'],
.hw-k-all input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button
}

.hw-k-all button[disabled],
.hw-k-all input[disabled] {
    cursor: default
}

.hw-k-all input[type='text'],
.hw-k-all input[type='email'],
.hw-k-all input[type='password'],
.hw-k-all input[type='search'],
.hw-k-all textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.hw-k-all button::-moz-focus-inner,
.hw-k-all input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.hw-k-all textarea {
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: 0;
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

.hw-k-all input:invalid,
.hw-k-all textarea:invalid {
    background-color: #f0dddd
}

.hw-k-all input,
.hw-k-all textarea,
.hw-k-all select {
    outline: 0
}

.hw-k-all table {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: transparent
}

.hw-k-all td {
    vertical-align: top
}

.hw-k-all {
    color: #000;
    font-weight: 400;
    line-height: normal;
    position: relative;
    background: #fff;
}

.hw-k-all * {
    box-sizing: border-box;
}

.hw-k-all .borderRadius {
    overflow: hidden;
    transform: translate3d(0, 0, 0) rotate(0deg);
    border-radius: 0.00vw;
}

.hw-k-all .overflow-hidden {
    overflow: hidden;
}

.hw-k-all .botton-animation {
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    will-change: opacity, transform;
}

.hw-k-all .text-animation {
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    will-change: opacity, transform;
}

.hw-k-all :is(svg) {
    width: 100%;
    height: auto;
    vertical-align: middle;
    overflow: visible;
}

.hw-k-all div svg {
    width: 100%;
    height: 100%;
}

.hw-k-all img {
    border: 0;
    width: 100%;
    display: block;
}


.hw-k-all picture {
    border: 0;
    width: 100%;
    display: block;
}

.hw-k-all video {
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.hw-k-all a {
    text-decoration: none;
    color: initial;
}

.hw-k-all em {
    font-style: normal;
}

.hw-k-all .video-load {
    width: 100%;
    height: 100%;
}

.hw-k-all .video-listening .button-play,
.hw-k-all .video-listening .button-pause,
.hw-k-all .video-listening .button-replay {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.video-listening[data-state="play"] .button-play {
    opacity: 1;
}

.video-listening[data-state="pause"] .button-pause {
    opacity: 1;
}

.video-listening[data-state="replay"] .button-replay {
    opacity: 1;
}

.video-button {
    width: 2.08333333vw;
    position: absolute;
    right: 2.08333333vw;
    bottom: 2.08333333vw;
}

@media (hover: hover) and (pointer: fine) {
    .video-button {
        cursor: pointer;
    }
}

.video-button img + img {
    width: 100%;
    position: absolute;
    top: 0;
}

.hw-k-all .video-listening {
    position: relative;
}

.hw-k-all .pc-show {
    display: block;
    font-style: normal;
}

.hw-k-all .pc-hidden {
    display: none;
    font-style: normal;
}

.hw-k-all .mob-show {
    display: none;
    font-style: normal;
}

.hw-k-all .mob-hidden {
    display: block;
    font-style: normal;
}

.hw-k-all .iPc-show {
    display: inline-block;
    font-style: normal;
}

.hw-k-all .iPc-hidden {
    display: none;
    font-style: normal;
}

.hw-k-all .iMob-show {
    display: none;
    font-style: normal;
}

.hw-k-all .iMob-hidden {
    display: inline-block;
    font-style: normal;
}

.hw-k-all .nr {
    white-space: nowrap;
    font-style: normal;
    display: inline-block;
}

.hw-k-all .blur-up {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: -webkit-filter 400ms;
    transition: -webkit-filter 400ms;
    transition: filter 400ms;
    transition: filter 400ms, -webkit-filter 400ms;
    will-change: filter;
}

.hw-k-all .blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

.hw-k-all .lazyload:not([src]) {
    /* display: none; */
    visibility: hidden;
}

.hw-k-all sup,
.hw-k-all sup.hw-sup {
    font-size: 0.6em;
    cursor: pointer;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .pc-show {
        display: none;
        font-style: normal;
    }

    .hw-k-all .pc-hidden {
        display: block;
        font-style: normal;
    }

    .hw-k-all .mob-show {
        display: block;
        font-style: normal;
    }

    .hw-k-all .mob-hidden {
        display: none;
        font-style: normal;
    }

    .hw-k-all .iPc-show {
        display: none;
        font-style: normal;
    }

    .hw-k-all .iPc-hidden {
        display: inline-block;
        font-style: normal;
    }

    .hw-k-all .iMob-show {
        display: inline-block;
        font-style: normal;
    }

    .hw-k-all .iMob-hidden {
        display: none;
        font-style: normal;
    }

    .hw-k-all sup,
    .hw-k-all sup.hw-sup {
        cursor: initial;
    }
}

.hw-k-all .gradient {
    background-image: linear-gradient(122deg, #ffeccc 0%, #aa7a4f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transform: translate3d(0, 0, 0);
}


/* video-bottom */
.hw-k-all .video-play-box {
    width: 2.08333333vw;
    height: 2.08333333vw;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.hw-k-all.wu .video-play-box {
    display: none;
}
.hw-k-all .video-play-box-bag {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(128, 128, 128, 0.5);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    border-radius: 52.03125vw;
    overflow: hidden;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transform: translate3d(0, 0, 0) rotate(0deg);
}
@media (pointer: fine) and (hover: hover) {
    .hw-k-all .video-play-box:hover {
        cursor: pointer;
    }
    .hw-k-all .video-play-box:hover .video-play-box-bag {
        background: rgba(128, 128, 128, 0.4);
    }
}
.hw-k-all .video-play-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    transform: translate3d(0, 0, 1px) rotate(0deg);
}
.hw-k-all .video-play-box[data-state="play"] .video-pause-icon {
    opacity: 1;
}
.hw-k-all .video-play-box[data-state="pause"] .video-play-icon {
    opacity: 1;
}
.hw-k-all .video-play-box[data-state="replay"] .video-replay-icon {
    opacity: 1;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .video-play-box {
        width: 8.88888888vw;
        height: 8.88888888vw;
        transform: translate3d(0, 0, 1px) rotate(0deg);
    }
}


/* note-start */
.hw-k-all .hw-footer-ul a {
    color: inherit;
    text-decoration: underline;
    font-weight: inherit;
}

.hw-k-all .hw-footer-ul a span {
    text-decoration: underline;
}

.hw-k-all .hw-footer-ul {
    width: 65.83333333vw;
    margin: 10.41666667vw auto;
}

.hw-k-all .hw-footer-ul ul {
    list-style-type: decimal;
}

.hw-k-all .hw-footer-ul li {
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    margin: 0.5em 0;
}

.hw-k-all .hw-footer-ul li.note-none {
    list-style-type: "";
}

.hw-k-all .hw-footer-ul li.note1 {
    list-style-type: "*";
}

.hw-k-all .hw-footer-ul li.note2 {
    list-style-type: "**";
}

.hw-k-all .hw-footer-ul li.active {
    font-weight: 700;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .hw-footer-ul {
        width: 81.25vw;
        margin: 27.7777777777vw 0 27.7777777777vw 10.833333vw;
    }

    .hw-k-all .hw-footer-ul ul {
        padding: 0;
    }

    .hw-k-all .hw-footer-ul li {
        font-size: 3.333333vw;
    }
}
/* note-end */
/* price-start */
.hw-k-all .sec1-price {
    position: relative;
    z-index: 100;
    text-align: center;
    margin: 0 auto;
}

.hw-k-all .sec1-price .pricing {
    font-size: 1.458333vw;
    font-weight: 400;
    line-height: 1.25;
    color: #000;
}

.hw-k-all .sec1-price .pricing span {
    font-size: 0.677083vw;
}

.hw-k-all .sec1-price .buy-cta {
    display: inline-block;
    margin-top: 24px;
    padding: 8px 20px 9px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    transition: opacity .3s cubic-bezier(0, 0, .5, 1);
    color: #fff;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: #000;
    transform: translateZ(0);
}

@media (hover: hover) and (pointer: fine) {
    .hw-k-all .sec1-price .buy-cta:hover {
        opacity: 0.8;
    }
    .hw-k-all .sec1-price .pricing i {
        cursor: pointer;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .sec1-price .pricing {
        font-size: 5.555556vw;
    }

    .hw-k-all .sec1-price .pricing span {
        font-size: 3.6111111vw;
    }
}

.hw-k-all .sec1-buy {
    position: relative;
    margin: 2.08333333vw 0 0;
}

@media screen and (max-aspect-ratio:11/10){
    .hw-k-all .sec1-buy {
        position: relative;
        margin: 8.33333vw 0 3.61111111vw;
    }
}

/* price-end */

.hw-k-all .section1 {
    width: 100%;
    position: relative;
    z-index: 10;
}
.hw-k-all .section1-center {
    position: relative;
}
.hw-k-all .section1-img {
    min-height: 40vw;
    width: 100%;
    position: relative;
}
.hw-k-all .section1-name {
    width: 40.72916667vw;
    position: absolute;
    left: 54.58333333vw;
    top: 8.54166667vw;
}
.hw-k-all .section1-svg1 {
    position: absolute;
    width: 6.04166667vw;
    left: 2.86458333vw;
    bottom: 7.29166667vw;
}
.hw-k-all .section1-svg2 {
    position: absolute;
    width: 8.33333333vw;
    left: 2.86458333vw;
    bottom: 4.16666667vw;
}
.hw-k-all .section1-hint {
    width: 81.25vw;
    margin: 0 auto;
    text-align: right;
    font-size: max(8px, 0.625vw);
    color: rgba(109, 111, 114, 0.6);
    font-weight: 500;
    line-height: 1.6;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section1 {
        height: auto;
    }
    .hw-k-all .section1-center {
        height: auto;
    }
    .hw-k-all .section1-img {
        min-height: 140vw;
    }
    .hw-k-all .section1-name {
        width: 68.1944444vw;
        position: absolute;
        left: 50%;
        top: 113.611111vw;
        transform: translateX(-50%);
    }
    .hw-k-all .section1-svg1 {
        position: absolute;
        width: 11.9444444vw;
        left: 3.88888888vw;
        bottom: 4.444444444vw;
    }
    .hw-k-all .section1-svg2 {
        position: absolute;
        width: 12.361111vw;
        left: auto;
        right: 4.4444444vw;
        bottom: 6.6666666vw;
    }
    .hw-k-all .section1-hint {
        width: 91.111111vw;
        margin: 8.6111111vw auto 0;
        text-align: center;
        font-size: 2.77777777vw;
        color: rgba(109, 111, 114, 0.8);
        position: static;
        top: 0;
        left: 0;
        transform: translateX(0%);
    }
}



.hw-k-all .section2 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    overflow: hidden;
    position: relative;
}

.hw-k-all .section2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 67.5vw;
    background:linear-gradient(0deg,rgba(226, 251, 222, 0) 0%,rgba(186, 245, 188, 0.14) 15.34%,rgba(233, 254, 223, 0.46) 100%);
}

.hw-k-all .section2-bag {
    padding: 10.41666667vw 0 0;
    position: relative;
}

.hw-k-all .section2-center {
    width: 67.5vw;
    margin: 0 auto;
}

.hw-k-all .section2-swiper {
    width: 100%;
    height: 38.02083333vw;
    will-change: transform;
}

.hw-k-all .section2-swiper .swiper-slide:not(:last-child) {
    margin: 0 3.33333333333vw 0 0;
}

.hw-k-all .section2-img {
    height: 38.02083333vw;
    border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0)  rotate(0deg);
}

.hw-k-all .section2-img img {
    border-radius: 0.83333333vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.hw-k-all .section2-video {
    height: 38.02083333vw;
    border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.hw-k-all .section2-video .video-load {
    transform: scale(1.005);
}

.hw-k-all .section2-video video {
    border-radius: 0.83333333vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
    object-fit: cover;
}

.hw-k-all .section2-tittle {
    position: absolute;
    left: 2.5vw;
    top: 2.5vw;
    right: 2.5vw;
    z-index: 10;
    opacity: 0;
    will-change: transform, opacity;
    transition-timing-function: cubic-bezier(0.85, 0.02, 0.15, 0.53);
}

.hw-k-all .section2-tittle p {
    font-weight:500;
    color:#88df86;
    font-size:1.04166667vw;
    line-height: 1.25;
}

.hw-k-all .section2-tittle h2 {
    color: #ffffff;
    font-size: 1.66666667vw;
    line-height: 1.25;
    font-weight: 500;
    margin: 0.83333333vw 0 0;
}
.hw-k-all .section2-tittle .section2-color-black {
    color: #000;
}
.hw-k-all .section2-tittle .section2-color-white {
    color: #fff;
}
.hw-k-all .section2-hint {
    font-size: max(8px, 0.625vw);
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
    font-weight: 500;
    position: absolute;
    left: 2.5vw;
    top: 35.20833333vw;
    transform: translate3d(0, 0, 1px) rotate(0deg);
    will-change: transform, opacity;
}

.hw-k-all .section2-navigation {
    display: flex;
    justify-content: center;
    margin: 3.33333333vw auto 0;
    user-select: none;
}

.hw-k-all .section2-navigation-box {
    background: #f5f3f5;
    border-radius: 100px;
    padding: 0.625vw 1.04166667vw;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.hw-k-all .section2-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:#B4ED9A;
    box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #F1F7EF inset;
    z-index: -1;
}
.hw-k-all .section2-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: 0.10416667vw 0.46875vw auto 0.52083333vw;
    height: 2.29166667vw;
}
.hw-k-all .section2-bottom-bag span:nth-of-type(2) {
    background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: auto 0.46875vw 0.41666667vw 0.52083333vw;
    height: 1.35416667vw;
}

.hw-k-all .section2-button-prev {
    width: 2.08333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
    transition: all 0.3s;
    flex-shrink: 0;
}

@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section2-swiper .swiper-wrapper {
        cursor: pointer;
    }

    .hw-k-all .section2-swiper .swiper-wrapper .swiper-slide-active {
        cursor: initial;
    }

    .hw-k-all .section2-button-prev {
        cursor: pointer;
    }

    .hw-k-all .section2-button-prev:hover {
        opacity: 0.6;
    }
}

.hw-k-all .section2-button-prev.swiper-button-disabled {
    opacity: 0.3;
    cursor: initial;
}

.hw-k-all .section2-button-next {
    width: 2.08333333vw;
    transition: all 0.3s;
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
}

@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section2-button-next {
        cursor: pointer;
    }

    .hw-k-all .section2-button-next:hover {
        opacity: 0.6;
    }
}

.hw-k-all .section2-button-next.swiper-button-disabled {
    opacity: 0.3;
    cursor: initial;
}

.hw-k-all .section2-pagination {
    display: flex;
    justify-content: space-between;
    margin: 0 0.9375vw;
    position: static;
}

.hw-k-all .section2-pagination span {
    width: 0.52083333vw;
    height: 0.52083333vw;
    display: inline-block;
    border-radius: 50px;
    background: #94cf81;
    opacity: 0.2;
    transition: all 0.3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.hw-k-all .section2-pagination span + span {
    margin: 0 0 0 0.52083333vw;
}

@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section2-pagination span {
        cursor: pointer;
    }

    .hw-k-all .section2-pagination span:hover {
        opacity: 0.6;
    }
}

.hw-k-all .section2-pagination span.swiper-pagination-bullet-active {
    opacity: 0.8;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section2 {
        padding: 0 0 27.77777777vw 0;
    }

    .hw-k-all .section2::before {
        display: none;
    }
    .hw-k-all .section2-bag {
        padding: 27.7777777vw 0 0;
    }
    .hw-k-all .section2-bag::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 184.16666666vw;
        background:linear-gradient(0deg,rgba(226, 251, 222, 0) 0%,rgba(186, 245, 188, 0.14) 24.27%,rgba(233, 254, 223, 0.46) 100%);
    }

    .hw-k-all .section2-center {
        width: 82.222222vw;
    }

    .hw-k-all .section2-swiper {
        height: auto;
    }

    .hw-k-all .section2-swiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444444vw 0 0;
    }

    .hw-k-all .section2-img {
        height: 109.7222222vw;
        border-radius: 2.2222222vw;
    }

    .hw-k-all .section2-img img {
        border-radius: 2.2222222vw;
    }

    .hw-k-all .section2-video {
        height: 109.7222222vw;
        border-radius: 2.2222222vw;
    }

    .hw-k-all .section2-video video {
        border-radius: 2.2222222vw;
    }

    .hw-k-all .section2-tittle {
        position: static;
        left: initial;
        top: initial;
        right: initial;
        opacity: 1;
        margin: 6.666666vw 0 0;
    }

    .hw-k-all .section2-tittle p {
        font-size:3.8888888vw;
        text-align: center;
    }

    .hw-k-all .section2-tittle h2 {
        color: #000;
        font-size: 5.55555vw;
        text-align: center;
        margin: 2.22222vw 0 0;
    }
    .hw-k-all .section2-tittle p.section2-color-black {
        color: #88df86;
    }
    .hw-k-all .section2-tittle p.section2-color-white {
        color: #88df86;
    }
    .hw-k-all .section2-tittle h2.section2-color-black {
        color: #000;
    }
    .hw-k-all .section2-tittle h2.section2-color-white {
        color: #000;
    }
    .hw-k-all .section2-hint {
        font-size: 2.7777777vw;
        left: 3.333333vw;
        top: 103.055555555vw;
    }

    .hw-k-all .section2-navigation {
        margin: 11.11111111vw auto 0;
    }

    .hw-k-all .section2-navigation-box {
        padding: 0 1.6666666vw;
    }

    .hw-k-all .section2-bottom-bag span:nth-of-type(1) {
        inset: 0.416666666vw 2.2222222vw auto 2.36111111vw;
        height: 9.16666666vw;
    }

    .hw-k-all .section2-bottom-bag span:nth-of-type(2) {
        inset: auto 2.2222222vw 1.6666666vw 2.36111111vw;
        height: 5.4166666vw;
    }

    .hw-k-all .section2-button-prev {
        width: 13.3333333vw;
    }

    .hw-k-all .section2-button-next {
        width: 13.3333333vw;
    }

    .hw-k-all .section2-pagination {
        margin: 0 1.11111111vw;
    }

    .hw-k-all .section2-pagination span {
        width: 2.22222222vw;
        height: 2.22222222vw;
    }

    .hw-k-all .section2-pagination span+span {
        margin: 0 0 0 3.333333333vw;
    }
}


/* sec3 */
.hw-k-all .section3 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    overflow: hidden;
}
.hw-k-all .section3-center {
    transform-style: preserve-3d;
    perspective: 41.66666667vw;
}
.hw-k-all .section3-tittle {
    width: 48.69791667vw;
    margin: 0 0 0 24.27083333vw;
    transform-origin: top;
    /* transition: transform 0.6s ease; */
}
/* .hw-k-all .section3.active .section3-tittle {
    transform: rotateX(-32deg);
} */
.hw-k-all .section3-img {
    width: 71.51041667vw;
    margin: 0 auto 0;
    transform: scale(0.85);
    transform-origin: bottom;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section3 {
        padding: 0 0 27.7777777vw 0;
    }
    .hw-k-all .section3-tittle {
        width: 69.027777vw;
        margin: 0 0 0 13.6111111vw;
    }
    .hw-k-all .section3-img {
        width: 100%;
        margin: 1.11111111vw auto 0;
    }
}


/* sec5 */
.hw-k-all .section5 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
}
.hw-k-all .section5-center {
    width: 81.25vw;
    margin: 0 auto;
}
.hw-k-all .section5-word {
    width: 42.8125vw;
    margin: 0 auto 3.33333333vw;
}
.hw-k-all .section5-tip {
    font-weight:500;
    color:#81e37e;
    font-size:1.04166667vw;
    line-height: 1.25;
    text-align:center;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section5-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    text-align:center;
}
.hw-k-all .section5-text {
    width: 100%;
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
    text-align:center;
    margin: 1.66666667vw 0 0;
}
.hw-k-all .section5-text em {
    color: #000000;
}
.hw-k-all .section5-swiper {
    width: 100%;
    margin: 0 0 2.91666667vw 0;
    overflow: hidden;
}
.hw-k-all .section5-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hw-k-all .section5-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    overflow: hidden;
    border-radius:52.03125vw;
}
.hw-k-all .section5-bottom-box {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hw-k-all .section5-bottom-bag {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-color:#b1ef94;
    box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #f1f7ef inset;
    z-index: -1;
    transition: background-color 0.8s ease;
    will-change: background-color, box-shadow;
    transform: translateZ(1px);
}
.hw-k-all .section5-pagination[data-index="0"] .section5-bottom-bag {
    background-color:#b1ef94;
    box-shadow: 0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #f1f7ef inset;
}
.hw-k-all .section5-pagination[data-index="1"] .section5-bottom-bag {
    background-color:#ab99f6;
    box-shadow: 0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #ffffff inset;
}
.hw-k-all .section5-pagination[data-index="2"] .section5-bottom-bag {
    background-color:#c0c0c0;
    box-shadow: 0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #ffffff inset;
}
.hw-k-all .section5-pagination[data-index="3"] .section5-bottom-bag {
    background-color:#0b0b0b;
    box-shadow: 0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #ffffff inset;
}
.hw-k-all .section5-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: 0.10416667vw 0.52083333vw auto 0.57291667vw;
    height: 2.29166667vw;
}
.hw-k-all .section5-bottom-bag span:nth-of-type(2) {
    background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: auto 0.52083333vw 0.41666667vw 0.57291667vw;
    height: 1.35416667vw;
}
.hw-k-all .section5-bottom ul {
    padding: 0.57291667vw 1.25vw;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.hw-k-all .section5-bottom li {
    width: 2.1875vw;
    height: 2.1875vw;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (min-aspect-ratio:11/10) and (max-width:1440px)  {
    .hw-k-all .section5-bottom li {
        width: 2.18vw;
        height: 2.18vw;
    }
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section5-bottom li {
        cursor: pointer;
    }
}
.hw-k-all .section5-bottom li + li {
    margin: 0 0 0 1.14583333vw;
}
.hw-k-all .section5-bottom li .bottom-circle {
    opacity: 0;
    transition: 0.6s ease;
}
.hw-k-all .section5-pagination[data-index="0"] .section5-bottom li:nth-of-type(1) .bottom-circle {
    opacity: 1;
}
.hw-k-all .section5-pagination[data-index="1"] .section5-bottom li:nth-of-type(2) .bottom-circle {
    opacity: 1;
}
.hw-k-all .section5-pagination[data-index="2"] .section5-bottom li:nth-of-type(3) .bottom-circle {
    opacity: 1;
}
.hw-k-all .section5-pagination[data-index="3"] .section5-bottom li:nth-of-type(4) .bottom-circle {
    opacity: 1;
}
.hw-k-all .section5-pagination-text {
    margin: 0 0 0 1.45833333vw;
    height: auto;
    overflow: hidden;
}
.hw-k-all .section5-pagination-text ul {
    height: 1.25em;
    font-weight:500;
    color:#88df86;
    font-size:1.45833333vw;
    line-height: 1.25;
}
.hw-k-all .section5-pagination-text li {
    height: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.6s ease;
}
.hw-k-all .section5-pagination-text li.active {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.6s ease,opacity 0.6s ease;
}
.hw-k-all .section5-pagination-text li.prev {
    transform: translateY(-100%);
    transition: transform 0.6s ease;
}
.hw-k-all .section5-pagination-text li + li {
    margin-top: -1.25em;
}
.hw-k-all .section5-pagination-text li:nth-of-type(1) {
    color:#88df86;
}
.hw-k-all .section5-pagination-text li:nth-of-type(2) {
    color: #967EF8;
}
.hw-k-all .section5-pagination-text li:nth-of-type(3) {
    color: #757575;
}
.hw-k-all .section5-pagination-text li:nth-of-type(4) {
    color: #042203;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section5 {
        padding: 0 0 27.77777vw 0;
    }
    .hw-k-all .section5-center {
        width: 100%;
    }
    .hw-k-all .section5-word {
        width: 85.27777777vw;
        margin: 0 0 8.8888888vw 11.1111111vw;
    }
    .hw-k-all .section5-tip {
        font-size:3.8888888vw;
        text-align:left;
        margin: 0 0 3.3333333vw 0;
    }
    .hw-k-all .section5-tittle {
        font-size:8.8888888vw;
        text-align:left;
    }
    .hw-k-all .section5-text {
        font-size:4.444444vw;
        text-align:left;
        margin: 4.444444vw 0 0;
    }
    .hw-k-all .section5-swiper {
        margin: 0 0 11.1111111vw 0;
    }
    .hw-k-all .section5-bottom-bag span:nth-of-type(1) {
        inset: 0.416666666vw 2.2222222vw auto 2.2222222vw;
        height: 9.166666666vw;
    }
    .hw-k-all .section5-bottom-bag span:nth-of-type(2) {
        inset: auto 2.2222222vw 1.6666666vw 2.2222222vw;
        height: 5.4166666vw;
    }
    .hw-k-all .section5-bottom ul {
        padding: 2.2222222vw 4.444444vw;
    }
    .hw-k-all .section5-bottom li {
        width: 8.8888vw;
        height: 8.8888vw;
    }
    .hw-k-all .section5-bottom li + li {
        margin: 0 0 0 4.1666666vw;
    }
    .hw-k-all .section5-bottom li svg {
        overflow: visible;
    }
    .hw-k-all .section5-pagination-text {
        margin: 0 0 0 6.1111111vw;
    }
    .hw-k-all .section5-pagination-text ul {
        font-size:4.44444444vw;
    }
}


/* sec7 */
.hw-k-all .section7 {
    width: 100%;
    overflow: hidden;
    padding: 0 0 5.20833333vw 0;
}
.hw-k-all .section7-center {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hw-k-all .section7-bag {
    width:27.5vw;
    height:27.5vw;
    background:#eeebfb;
    border-radius: 52.03125vw;
    transform: translateX(-25.9375vw) scale(1.38);
    opacity: 0;
    transform-origin: top;
    transition: all 0.5s ease 0.6s;
}
.hw-k-all .section7.active .section7-bag {
    opacity: 1;
    transform: translateX(0px) scale(1);
    transition: all 0.5s ease;
}
.hw-k-all .section7-border {
    width:27.5vw;
    height:27.5vw;
    border:2.08333333vw solid rgba(213, 203, 253,0.6);
    border-radius: 52.03125vw;
    z-index: 10;
    position: absolute;
    transform: translateX(25.9375vw) scale(1.38);
    opacity: 0;
    transform-origin: top;
    transition: all 0.5s ease 0.6s;
}
.hw-k-all .section7.active .section7-border {
    opacity: 1;
    transform: translateX(0px) scale(1);
    transition: all 0.5s ease;
}
.hw-k-all .section7-img1 {
    width: 29.94791667vw;
    position: absolute;
    left: -6.77083333vw;
    top: 5.36458333vw;
    left: calc(-6.77083333vw - 2.083333vw);
    top: calc(5.36458333vw - 2.083333vw);
    z-index: 11;
    opacity: 0;
    transform: scale(0.14);
    transform-origin: right center;
    transition: all 0.6s ease 0s;
}
.hw-k-all .section7.active .section7-img1 {
    opacity: 1;
    transform: scale(1);
    transition: all 0.6s ease 0.5s;
}
.hw-k-all .section7-img2 {
    width: 30.57291667vw;
    position: absolute;
    left: 4.32291667vw;
    top: 13.4375vw;
    left: calc(4.32291667vw - 2.083333vw);
    top: calc(13.4375vw - 2.083333vw); 
    z-index: 11;
    opacity: 0;
    transform: scale(0.14);
    transform-origin: left center;
    transition: all 0.6s ease 0s;
}
.hw-k-all .section7.active .section7-img2 {
    opacity: 1;
    transform: scale(1);
    transition: all 0.6s ease 0.5s;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section7 {
        padding: 0 0 13.888888vw 0;
    }
    .hw-k-all .section7-bag {
        width:53.4722222vw;
        height:53.4722222vw;
        transform: translateX(-77.77777777vw) scale(0.88);
    }
    .hw-k-all .section7-border {
        width:53.4722222vw;
        height:53.4722222vw;
        border: 4.1666666vw solid rgba(213, 203, 253,0.6);
        transform: translateX(77.77777777vw) scale(0.88);
    }
    .hw-k-all .section7-img1 {
        width: 57.77777777vw;
        left: calc(-12.7777777vw - 4.1666666vw);
        top: calc(10.6944444vw - 4.1666666vw);
    }
    .hw-k-all .section7-img2 {
        width: 57.9166666vw;
        position: absolute;
        left: calc(8.472222vw - 4.1666666vw);
        top: calc(26.66666666vw - 4.1666666vw);
    }
}


/* sec8 */
.hw-k-all .section8 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    position: relative;
    height: 200vh;
}
.hw-k-all .section8-sticky {
    position: sticky;
    top: calc((100vh - var(--indicator-height)));
    overflow: hidden;
}
.hw-k-all .section8-bag {
    position: relative;
    z-index: 10;
}
.hw-k-all .section8-bag::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%,#dfd8fc 100%);
}
.hw-k-all .section8-center {
    width: 100%;
}
.hw-k-all .section8-box {
    position: relative;
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section8-swiper {
    width: 100%;
}
.hw-k-all .section8-swiper .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 5.20833333vw 0 0;
}
.hw-k-all .section8-swiper .swiper-slide-box {
    position: relative;
}
.hw-k-all .section8-word1 {
    display: flex;
    /* margin: 0 0 4.16666667vw 0;*/
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.hw-k-all .section8-word1 .section8-word1-box1 {
    width: 10.57291667vw;
    margin: 0 8.95833333vw 0 18.71354167vw;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.hw-k-all .section8-word1 .section8-word1-box2 {
    width: 15.05208333vw;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.hw-k-all .section8-word1 li svg {
    width: 1.14583333vw;
    height: 1.14583333vw;
    margin: -0.36458333vw 0 0 0.41666667vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.hw-k-all .section8-tittle { 
    font-weight:700;
    color:#ab99f6;
    font-size:1.45833333vw;
    line-height: 1.25;
    padding: 0 0 1.25vw 0;
    display: flex;
    align-items: center;
}
.hw-k-all .section8-tittle span {
    display: flex;
    align-items: center;
    cursor: default;
}
.hw-k-all .section8-text {
    font-weight:500;
    color:#6d6f72;
    font-size:0.9375vw;
    line-height: 1.6;
    cursor: default;
}
.hw-k-all .section8-word2 {
    display: flex;
    justify-content: center;
    /* margin: 0 0 4.16666667vw 0;*/
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.hw-k-all .section8-word2 .section8-word2-box1 {
    width: 12.1875vw;
    margin: 0 6.875vw 0 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.hw-k-all .section8-word2 .section8-word2-box2 {
    width: 13.54166667vw;
    margin: 0 6.77083333vw 0 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.hw-k-all .section8-word2 .section8-word2-box3 {
    width: 10.57291667vw;
    margin: 0 6.35416667vw 0 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.hw-k-all .section8-word2 .section8-word2-box4 {
    width: 10.72916667vw;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.hw-k-all .section8-word2 li svg {
    width: 1.14583333vw;
    height: 1.14583333vw;
    margin: -0.36458333vw 0 0 0.41666667vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.hw-k-all .section8-img-height {
    width: 100%;
    height: 31.25vw;
    padding: 12.03125vw 0 0;
    box-sizing:content-box;
}
@media screen and (min-aspect-ratio:11/10) and (max-width:1440px)  {
    .hw-k-all .section8-img-height {
        width: 100%;
        height: 27.81844802vw;
    }
}
.hw-k-all .section8-img {
    width: 48.54166667vw;
    margin: 0 auto;
    position: relative;
}
.hw-k-all .section8-icon-box {
    position: relative;
    display: inline-block;
}
.hw-k-all .section8-line1 {
    position: absolute;
    width: 1.875vw;
    height: 15.3125vw;
    left: 0.98958333vw;
    top: 1.71875vw;
    border-bottom: 1px dashed #6F6F6F;
    border-left: 1px dashed #6F6F6F;
    clip-path: inset(0% calc(100% - 1px) 100% 0% round 0);
}
.hw-k-all .section8-word1-box1:hover .section8-line1 {
    animation: clipAnimation1 0.5s ease 0s 1 normal forwards;
}
@keyframes clipAnimation1 {
	0%   {clip-path: inset(0% calc(100% - 3px) 100% 0% round 0);}
	80%   {clip-path: inset(0% calc(100% - 3px) 0% 0% round 0);}
	100% {clip-path: inset(0% 0% 0% 0% round 0);}
}
.hw-k-all .section8-line2 {
    position: absolute;
    width: 8.48958333vw;
    height: 23.85416667vw;
    left: -7.44791667vw;
    top: 1.77083333vw;
    border-bottom: 1px dashed #6F6F6F;
    border-right: 1px dashed #6F6F6F;
    clip-path: inset(0% 0% 100% calc(100% - 1px) round 0);
}
.hw-k-all .section8-word2-box3:hover .section8-line2 {
    animation: clipAnimation2 0.5s ease 0s 1 normal forwards;
}
@keyframes clipAnimation2 {
	0%   {clip-path: inset(0% 0% 100% calc(100% - 3px) round 0);}
	50%   {clip-path: inset(0% 0% 0% calc(100% - 3px) round 0);}
	100% {clip-path: inset(0% 0% 0% 0% round 0);}
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section8 {
        padding: 0 0 27.7777777vw 0;
        height: auto;
    }
    .hw-k-all .section8-sticky {
        position: static;
        top: 0;
    }
    .hw-k-all .section8-bag::after {
        content: "";
        width: 100%;
        height: 105.972222vw;
        inset: inherit;
        bottom: 0;
    }
    .hw-k-all .section8-center {
        width: 100%;
    }
    .hw-k-all .section8-box {
        width: 100%;
    }
    .hw-k-all .section8-swiper .swiper-slide {
        padding: 13.888888vw 0 0;
    }
    .hw-k-all .section8-word1 {
        flex-direction: column;
        width: 77.777777vw;
        margin: 0 auto 26.5277777vw;
        position: relative;
    }
    .hw-k-all .section8-word1 .section8-word1-box1 {
        width: 100%;
        order: 2;
        margin: 0;
    }
    .hw-k-all .section8-word1 .section8-word1-box2 {
        width: 100%;
        order: 1;
        margin: 0 0 7.7777777vw 0;
    }
    .hw-k-all .section8-word1 li svg {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 1.111111111vw;
        overflow: visible;
    }
    .hw-k-all .section8-tittle {
        font-size:4.44444vw;
        padding: 0 0 2.222222vw 0;
    }
    .hw-k-all .section8-text {
        font-size:3.333333vw;
    }
    .hw-k-all .section8-word2 {
        justify-content: initial;
        flex-direction: column;
        width: 75.97222vw;
        margin: 0 0 7.63888888vw 11.111111vw;
        position: relative;
    }
    .hw-k-all .section8-word2 .section8-word2-box1 {
        width: 100%;
        margin: 0 0 7.7777777vw 0;
        order: 1;
    }
    .hw-k-all .section8-word2 .section8-word2-box2 {
        width: 100%;
        margin: 0 0 7.7777777vw 0;
        order: 2;
    }
    .hw-k-all .section8-word2 .section8-word2-box3 {
        width: 100%;
        margin: 0;
        order: 4;
    }
    .hw-k-all .section8-word2 .section8-word2-box4 {
        width: 100%;
        margin: 0 0 7.7777777vw 0;
        order: 3;
    }
    .hw-k-all .section8-word2 li svg {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 1.111111111vw;
        overflow: visible;
    }
    .hw-k-all .section8-img-height {
        height: 51.9444444vw;
        padding: 0;
    }
    .hw-k-all .section8-img {
        width: 90.27777777vw;
    }
    .hw-k-all .section8-line1 {
        width: 2.2222222vw;
        height: 44.44444444vw;
        left: 3.472222vw;
        top: 6.111111vw;
        border-bottom: 1px dashed #6F6F6F;
        border-left: 1px dashed #6F6F6F;
        clip-path: inset(0% calc(100% - 3px) 100% 0% round 0);
        animation: clipAnimation1 0.5s ease 0s 1 normal forwards;
    }
    @keyframes clipAnimation1 {
        0%   {clip-path: inset(0% calc(100% - 3px) 100% 0% round 0);}
        80%   {clip-path: inset(0% calc(100% - 3px) 0% 0% round 0);}
        100% {clip-path: inset(0% 0% 0% 0% round 0);}
    }
    .hw-k-all .section8-line2 {
        width: 18.75vw;
        height: 44.16666666vw;
        left: 6.66666666vw;
        top: 3.0555555vw;
        border-bottom: none;
        border-top: 1px dashed #6F6F6F;
        border-right: 1px dashed #6F6F6F;
        clip-path: inset(0% 0% 100% calc(100% - 3px) round 0);
        animation: clipAnimation2 0.5s ease 0s 1 normal forwards;
    }
    @keyframes clipAnimation2 {
        0%   {clip-path: inset(0% 100% calc(100% - 3px) 0% round 0);}
        50%   {clip-path: inset(0% 0% calc(100% - 3px) 0% round 0);}
        100% {clip-path: inset(0% 0% 0% 0% round 0);}
    }
    .hw-k-all .section8-button {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 8.8888888vw 0 0;
    }
    .hw-k-all .section8-button-center {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 138.75vw;
        overflow: hidden;
        z-index: 10;
        padding: 1.111111vw 0.8333333vw;
    }
    .hw-k-all .section8-button-box {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
    }
    .hw-k-all .section8-button .section8-bottom-slider {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 8;
        background-color: #967ef8;
        width: var(--indicator-width, 0);
        height: 100%;
        border-radius: 138.75vw;
        transform: translateX(var(--indicator-offset, 0));
        transition: width 0.6s, transform 0.6s;
    }
    .hw-k-all .section8-button[data-index="0"] .section8-bottom-slider,
    .hw-k-all .section8-button[data-index="1"] .section8-bottom-slider {
        width: var(--indicator-width);
        transform: translateX(var(--indicator-offset));
    }
    .hw-k-all .section8-button-box p {
        padding: 3.33333333vw 5.55555vw 3.33333333vw 5.5555555vw;
        border-radius: 138.75vw;
        font-weight:500;
        color:#AB99F6;
        font-size:3.888888vw;
        line-height: 1.25;
        position: relative;
        z-index: 10;
        transition: all 0.3s;
    }
    .hw-k-all .section8-button[data-index="0"] .section8-button-box p:nth-of-type(1),
    .hw-k-all .section8-button[data-index="1"] .section8-button-box p:nth-of-type(2) {
        color: #fff;
    }
    .hw-k-all .section8-bottom-bag {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background:#AB99F6;
        box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #FFFFFF inset;
        z-index: -1;
    }
    .hw-k-all .section8-bottom-bag span:nth-of-type(1) {
        background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
        border-radius: 52.03125vw;
        filter:blur(5px);
        position: absolute;
        inset: 0.41666666vw 1.5277777vw auto 1.5277777vw;
        height: 9.16666666vw;
    }
    .hw-k-all .section8-bottom-bag span:nth-of-type(2) {
        background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
        border-radius: 52.03125vw;
        filter:blur(5px);
        position: absolute;
        inset: auto 1.527777777vw 1.8055555vw 1.527777777vw;
        height: 5.27777777vw;
    }
}


/* sec9 */
.hw-k-all .section9 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
}
.hw-k-all .section9-center {
    width: 81.25vw;
    margin: 0 auto;
}
.hw-k-all .section9-word {
    margin: 0 0 3.33333333vw 0;
    text-align: center;
}
.hw-k-all .section9-tip {
    font-weight:500;
    color:#ab99f6;
    font-size:1.04166667vw;
    line-height: 1.25;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section9-tittle {
    font-weight:500;
    color:#000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section9-img {
    width: 100%;
    margin: 0 0 3.33333333vw 0;
    overflow: hidden;
}
.hw-k-all .section9-img img {
    transform: scale(1.3);
}
.hw-k-all .section9-text {
    width: 48.75vw;
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
    text-align:center;
    margin: 0 auto;
}
.hw-k-all .section9-text em {
    color: #000;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section9 {
        padding: 0 0 27.77777vw 0;
    }
    .hw-k-all .section9-center {
        width: 100%;
    }
    .hw-k-all .section9-word {
        width: 77.777777vw;
        margin: 0 auto 8.8888888vw;
        text-align: left;
    }
    .hw-k-all .section9-tip {
        font-size:3.8888888vw;
        margin: 0 0 3.3333333vw 0;
    }
    .hw-k-all .section9-tittle {
        font-size:8.8888888vw;
    }
    .hw-k-all .section9-img {
        margin: 0 0 8.8888888vw 0;
    }
    .hw-k-all .section9-img img {
        transform: scale(1);
    }
    .hw-k-all .section9-text {
        width: 77.777777vw;
        font-size:4.4444444vw;
        text-align:left;
        margin: 0 auto;
    }
}

/* sec13 */
.hw-k-all .section13 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    overflow: hidden;
}
.hw-k-all .section13-center {
    width: 67.5vw;
    margin: 0 auto 0;
}
.hw-k-all .section13-word {
    width: 66.66666667vw;
    margin: 0 auto 3.33333333vw;
}
.hw-k-all .section13-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section13-swiper {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.hw-k-all .section13-swiper .swiper-slide {
    width: 21.66666667vw;
    position: relative;
}
.hw-k-all .section13-swiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}
.hw-k-all .section13-swiper .swiper-slide:nth-of-type(1) {
    z-index: 3;
}
.hw-k-all .section13-swiper .swiper-slide:nth-of-type(2) {
    z-index: 2;
}
.hw-k-all .section13-swiper .swiper-slide:nth-of-type(3) {
    z-index: 1;
}
.hw-k-all .section13-perspective {
    transform-style: preserve-3d;
    perspective: 62.5vw;
    perspective-origin: center;
}
.hw-k-all .section13-x1 {
    transform: translateX(18.48958333vw);
}
.hw-k-all .section13-x2 {
    transform: translateX(0vw);
}
.hw-k-all .section13-x3 {
    transform: translateX(-18.48958333vw);
}
.hw-k-all .section13-swiper .swiper-slide:nth-of-type(1) .section13-img {
    transform: rotateY(-50deg);
}
.hw-k-all .section13-swiper .swiper-slide:nth-of-type(2) .section13-img {
    transform: rotateY(-50deg);
}
.hw-k-all .section13-swiper .swiper-slide:nth-of-type(3) .section13-img {
    transform: rotateY(-50deg);
}
.hw-k-all .section13-text {
    margin: 2.08333333vw 0 0 0.83333333vw;
    transform: translateY(6.25vw);
    opacity: 0;
}
.hw-k-all .section13-text span {
    font-weight:400;
    color:#ab99f6;
    font-size:0.9375vw;
    line-height: 1.25;
    margin: 0 0 0.83333333vw -0.46875vw;
    display: block;
}
.hw-k-all .section13-text p {
    color:#000000;
    font-size:1.25vw;
    font-weight: 500;
    line-height: 1.6;
}
.hw-k-all .section13-button {
    margin: 2.5vw 0 0 auto;
    display: flex;
    justify-content:flex-end;
}
.hw-k-all .section13-button-next {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.hw-k-all .section13-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw 0 0;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.hw-k-all .section13-button-next svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}
.hw-k-all .section13-button-prev svg {
    transform: translate3d(0, 0, 1px) rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section13-button-prev,
    .hw-k-all .section13-button-next {
        cursor: pointer;
    }
}
.hw-k-all .section13-button-prev.swiper-button-disabled,
.hw-k-all .section13-button-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section13 {
        padding: 0 0 27.77777vw 0;
    }
    .hw-k-all .section13-center {
        width: 82.222222vw;
    }
    .hw-k-all .section13-word {
        width: 77.7777777vw;
        margin: 0 auto 8.8888888vw;
    }
    .hw-k-all .section13-tittle {
        font-size:8.8888888vw;
    }
    .hw-k-all .section13-swiper .swiper-slide {
        width: 82.222222vw;
    }
    .hw-k-all .section13-swiper .swiper-slide:not(:last-child) {
        margin: 0 4.444444vw 0 0;
    }
    .hw-k-all .section13-perspective {
        transform-style: initial;
        perspective: 0;
    }
    .hw-k-all .section13-x1 {
        transform: translateX(0vw);
    }
    .hw-k-all .section13-x2 {
        transform: translateX(0vw);
    }
    .hw-k-all .section13-x3 {
        transform: translateX(0vw);
    }
    .hw-k-all .section13-swiper .swiper-slide:nth-of-type(1) .section13-img {
        transform: rotateY(0deg);
    }
    .hw-k-all .section13-swiper .swiper-slide:nth-of-type(2) .section13-img {
        transform: rotateY(0deg);
    }
    .hw-k-all .section13-swiper .swiper-slide:nth-of-type(3) .section13-img {
        transform: rotateY(0deg);
    }
    .hw-k-all .section13-text {
        margin: 6.6666666vw 0 0 2.2222222vw;
        transform: translateY(0);
        opacity: 1;
    }
    .hw-k-all .section13-text span {
        font-size:3.33333333vw;
        font-weight: 500;
        margin: 0 0 2.7777777vw -0.83333333vw;
    }
    .hw-k-all .section13-text p {
        font-size:4.44444444vw;
        font-weight: 400;
    }
    .hw-k-all .section13-button {
        margin: 11.1111111vw 0 0 auto;
        display: flex;
        justify-content:flex-end;
    }
    .hw-k-all .section13-button-next {
        width: 11.1111111vw;
        height: 11.1111111vw;
    }
    .hw-k-all .section13-button-prev {
        width: 11.1111111vw;
        height: 11.1111111vw;
        margin: 0 5.55555vw 0 0;
    }
    .hw-k-all .section13-bottom-bag {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background:#AB99F6;
        box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #FFFFFF inset;
        z-index: -1;
        transform: translate3d(0, 0, 1px) rotate(0deg);
    }
    .hw-k-all .section13-bottom-bag span:nth-of-type(1) {
        background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
        border-radius: 52.03125vw;
        filter:blur(5px);
        position: absolute;
        inset: 0.9722222vw 1.6666666vw auto 1.5277777vw;
        height: 5.13888888vw;
    }
    .hw-k-all .section13-bottom-bag span:nth-of-type(2) {
        background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
        border-radius: 52.03125vw;
        filter:blur(5px);
        position: absolute;
        inset: auto 2.0833333vw 1.527777vw 2.0833333vw;
        height: 2.3611111vw;
    }
}


/* sec14 */
.hw-k-all .section14 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    overflow: hidden;
}
.hw-k-all .section14-center {
    width: 67.5vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.hw-k-all .section14-img {
    width: 36.35416667vw;
    overflow: hidden;
}
.hw-k-all .section14-img img {
    transform: scale(1.3);
}
.hw-k-all .section14-word {
    width: 20.67708333vw;
    margin: 6.875vw 0 0;
}
.hw-k-all .section14-tip {
    font-weight:500;
    color:#ab99f6;
    font-size:1.04166667vw;
    line-height: 1.25;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section14-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    margin: 0 0 1.66666667vw 0;
}
.hw-k-all .section14-text {
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
}
.hw-k-all .section14-text em {
    color: #000;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section14 {
        padding: 0 0 27.7777777vw 0;
    }
    .hw-k-all .section14-center {
        width: 91.11111vw;
        flex-direction: column-reverse;
    }
    .hw-k-all .section14-img {
        width: 100%;
    }
    .hw-k-all .section14-img img {
        transform: scale(1);
    }
    .hw-k-all .section14-word {
        width: 77.77777777vw;
        margin: 0 auto 8.88888vw;
    }
    .hw-k-all .section14-tip {
        font-size:3.8888888vw;
        margin: 0 0 3.3333333vw 0;
    }
    .hw-k-all .section14-tittle {
        font-size:8.8888888vw;
        margin: 0 0 4.44444vw 0;
    }
    .hw-k-all .section14-text {
        font-size:4.44444vw ;
    }
}


/* sec15 */
.hw-k-all .section15 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    position: relative;
}
.hw-k-all .section15-center {
    width: 66.66666667vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 0 17.08333333vw;
}
.hw-k-all .section15-word {
    width: 17.96875vw;
    position: sticky;
    top: 80px;
    padding: 0 0 13.4375vw 0;
}
.hw-k-all .section15-tip {
    font-weight:500;
    color:#ab99f6;
    font-size:1.04166667vw;
    line-height: 1.25;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section15-tittle {
    font-weight:500;
    color:#000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section15-text {
    width: 100%;
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin: 1.66666667vw 0 0;
}
.hw-k-all .section15-text em {
    color: #000;
}
.hw-k-all .section15-box {
    width: 47.29166667vw;
    margin: 2.39583333vw 0 0;
}
.hw-k-all .section15 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
}
.hw-k-all .section15 .swiper-slide1 {
    width: 47.29166667vw;
    height: 27.60416667vw;
    margin: 0 0 1.25vw 0;
    overflow: hidden;
}
.hw-k-all .section15 .swiper-slide2 {
    width: 27.08333333vw;
    height: 33.33333333vw;
    overflow: hidden;
}
.hw-k-all .section15 .swiper-slide3 {
    width: 19.0625vw;
    height: 21.82291667vw;
    overflow: hidden;
}
.hw-k-all .section15-img {
    transform: scale(1.3);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section15 {
        padding: 0 0 27.77777vw 0;
        overflow: hidden;
    }
    .hw-k-all .section15-center {
        width: 91.12vw;
        display: block;
        margin: 0 auto;
    }
    .hw-k-all .section15-word {
        width: 77.777777vw;
        margin: 0 auto 8.88888888vw;
        position: static;
        padding: 0;
    }
    .hw-k-all .section15-tip {
        font-size:3.8888888vw;
        margin: 0 0 3.333333vw 0;
    }
    .hw-k-all .section15-tittle {
        font-size:8.88888888vw;
    }
    .hw-k-all .section15-text {
        font-size:4.44444444vw;
        margin: 4.44444444vw auto 0;
    }
    .hw-k-all .section15-box {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    .hw-k-all .section15 .swiper-wrapper {
        flex-wrap: initial;
        justify-content: initial;
    }
    .hw-k-all .section15 .swiper-slide1 { 
        width: 100%;
        height: 120.555555vw;
        margin: 0 calc(4.4444444vw + 3px) 0 0;
    }
    .hw-k-all .section15 .swiper-slide2 {
        width: 100%;
        height: 120.555555vw;
        margin: 0 calc(4.4444444vw + 3px) 0 0;
    }
    .hw-k-all .section15 .swiper-slide3 {
        width: 100%;
        height: 120.555555vw;
    }
    .hw-k-all .section15-img {
        transform: scale(1);
    }
    .hw-k-all .section15-button {
        margin: 11.1111111vw 4.4444444vw 0 auto;
        display: flex;
        justify-content:flex-end;
    }
    .hw-k-all .section15-button-next {
        width: 11.112vw;
        height: 11.112vw;
        border-radius: 52.03125vw;
        overflow: hidden;
        position: relative;
        z-index: 10;
        transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    }
    .hw-k-all .section15-button-prev {
        width: 11.112vw;
        height: 11.112vw;
        margin: 0 5.55555vw 0 0;
        border-radius: 52.03125vw;
        overflow: hidden;
        position: relative;
        z-index: 10;
        transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    }
    .hw-k-all .section15-button-next svg {
        transform: translate3d(0, 0, 1px) rotate(0deg);
    }
    .hw-k-all .section15-button-prev svg {
        transform: translate3d(0, 0, 1px) rotate(180deg);
    }
    @media (hover: hover) and (pointer: fine) {
        .hw-k-all .section15-button-prev,
        .hw-k-all .section15-button-next {
            cursor: pointer;
        }
    }
    .hw-k-all .section15-button-prev.swiper-button-disabled,
    .hw-k-all .section15-button-next.swiper-button-disabled {
        opacity: 0.5;
        cursor: default;
    }
    .hw-k-all .section15-bottom-bag {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background:#AB99F6;
        box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #FFFFFF inset;
        z-index: -1;
        transform: translate3d(0, 0, 1px) rotate(0deg);
    }
    .hw-k-all .section15-bottom-bag span:nth-of-type(1) {
        background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
        border-radius: 52.03125vw;
        filter:blur(5px);
        position: absolute;
        inset: 0.9722222vw 1.666666vw auto 1.52777777vw;
        height: 5.1388888vw;
    }
    .hw-k-all .section15-bottom-bag span:nth-of-type(2) {
        background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
        border-radius: 52.03125vw;
        filter:blur(5px);
        position: absolute;
        inset: auto 2.0833333vw 1.527777vw 2.0833333vw;
        height: 2.361111vw;
    }
}



/* sec16 */
.hw-k-all .section16 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    position: relative;
    overflow: hidden;
}
.hw-k-all .section16-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section16-word {
    width: 100%;
    text-align: center;
    margin: 0 auto 3.33333333vw;
}
.hw-k-all .section16-tip {
    font-weight:500;
    color:#ab99f6;
    font-size:1.04166667vw;
    line-height: 1.25;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section16-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section16-box {
    width: 100%;
}
.hw-k-all .section16-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.5vw 0 0;
}
.hw-k-all .section16-button-center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 138.75vw;
    overflow: hidden;
    z-index: 10;
    padding: 0.20833333vw;
}
.hw-k-all .section16-button-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.hw-k-all .section16-button .section16-bottom-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    background:#967ef8;
    width: var(--indicator-width, 0);
    height: 100%;
    border-radius: 1.71875vw;
    transform: translateX(var(--indicator-offset, 0));
    transition: width 0.6s, transform 0.6s;
}
.hw-k-all .section16-center[data-index="0"] .section16-bottom-slider,
.hw-k-all .section16-center[data-index="1"] .section16-bottom-slider,
.hw-k-all .section16-center[data-index="2"] .section16-bottom-slider,
.hw-k-all .section16-center[data-index="3"] .section16-bottom-slider {
    width: var(--indicator-width);
    transform: translateX(var(--indicator-offset));
}
.hw-k-all .section16-button-box p {
    padding: 0.72916667vw 1.25vw 0.67708333vw 1.25vw;
    border-radius: 138.75vw;
    font-weight:700;
    color:rgba(131, 108, 227, 0.6);
    font-size:0.9375vw;
    line-height: 1.25;
    position: relative;
    z-index: 10;
    transition: all 0.3s;
}
.hw-k-all .section16-center[data-index="0"] .section16-button-box p:nth-of-type(1),
.hw-k-all .section16-center[data-index="1"] .section16-button-box p:nth-of-type(2),
.hw-k-all .section16-center[data-index="2"] .section16-button-box p:nth-of-type(3),
.hw-k-all .section16-center[data-index="3"] .section16-button-box p:nth-of-type(4)  {
    color: rgba(255, 255, 255, 1);
    opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section16-button-box p {
        cursor: pointer;
    }
    .hw-k-all .section16-button-box p:hover {
        color:rgba(131, 108, 227, 0.8);
    }
}
.hw-k-all .section16-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:#AB99F6;
    box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #FFFFFF inset;
    z-index: -1;
}
.hw-k-all .section16-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: 0.10416667vw 0.625vw auto 0.67708333vw;
    height: 1.97916667vw;
}
.hw-k-all .section16-bottom-bag span:nth-of-type(2) {
    background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: auto 0.625vw 0.36458333vw 0.67708333vw;
    height: 1.19791667vw;
}
.hw-k-all .section16-text {
    width: 33.85416667vw;
    margin: 2.08333333vw auto 0;
    display: flex;
}
.hw-k-all .section16-text li {
    flex-shrink: 0;
    width: 100%;
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}
.hw-k-all .section16-text li:not(:first-child) {
    width: 100%;
    margin-left: -100%;
}   
.hw-k-all .section16-center[data-index="0"] .section16-text li:nth-of-type(1),
.hw-k-all .section16-center[data-index="1"] .section16-text li:nth-of-type(2),
.hw-k-all .section16-center[data-index="2"] .section16-text li:nth-of-type(3),
.hw-k-all .section16-center[data-index="3"] .section16-text li:nth-of-type(4) {
    position: relative;
    opacity: 1;
    z-index: 10;
    transition-delay: 0.2s;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section16 {
        padding: 0 0 27.7777777vw 0;
    }
    .hw-k-all .section16-center {
        width: 91.111111vw;
    }
    .hw-k-all .section16-word {
        width: 77.777777vw;
        text-align: left;
        margin: 0 auto 8.888888vw;
    }
    .hw-k-all .section16-tip {
        font-size:3.888888vw;
        margin: 0 0 3.333333vw 0;
    }
    .hw-k-all .section16-tittle {
        font-size:8.888888vw;
    }
    .hw-k-all .section16-button {
        margin: 11.11111vw 0 0;
    }
    .hw-k-all .section16-button-center {
        padding: 1.1111111111vw;
    }
    .hw-k-all .section16-button .section16-bottom-slider {
        border-radius: 5.55555555vw;
    }
    .hw-k-all .section16-button-box p {
        padding: 3.3333333vw 5.555555vw;
        font-size:3.8888888vw;
    }
    .hw-k-all .section16-bottom-bag span:nth-of-type(1) {
        inset: 0.41666666666vw 2.77777777vw auto 2.638888888vw;
        height: 9.1666666vw;
    }
    .hw-k-all .section16-bottom-bag span:nth-of-type(2) {
        inset: auto 2.77777777vw 1.8055555vw 2.638888vw;
        height: 5.2777777vw;
    }
    .hw-k-all .section16-text {
        width: 77.7777777vw;
        margin: 8.888888vw auto 0;
    }
    .hw-k-all .section16-text li {
        font-size: 4.44444444vw;
    }
}


/* sec17 */
.hw-k-all .section17 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    position: relative;
    overflow: hidden;
}
.hw-k-all .section17-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section17-word {
    width: 100%;
    text-align: center;
    margin: 0 auto 3.33333333vw;
}
.hw-k-all .section17-tittle {
    font-weight:500;
    color:#000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section17-box {
    width: 100%;
}
.hw-k-all .section17-video {
    overflow: hidden;
}
.hw-k-all .section17-video video {
    transform: scale(1.001);
}
.hw-k-all .section17-hint {
    font-size: max(8px, 0.625vw);
    color: rgba(109, 111, 114, 0.6);
    line-height: 1.6;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: calc(100% + 0.83333333vw);
}
.hw-k-all .section17-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.33333333vw 0 0 0;
}
.hw-k-all .section17-button-center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.hw-k-all .section17-button-padding {
    flex-shrink: 0;
}
.hw-k-all .section17-button-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    flex-shrink: 0;
}
.hw-k-all .section17-line {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    background:#bfbfbf;
    width: 100%;
    height: 2px;
}
.hw-k-all .section17-indicator {
    width: var(--indicator-width, 0);
    height: 100%;
    transform: translateX(var(--indicator-offset, 0));
    transition: width 0.6s, transform 0.6s;
    background: rgba(45, 45, 45, 1);
}
.hw-k-all .section17-center[data-index="0"] .section17-indicator,
.hw-k-all .section17-center[data-index="1"] .section17-indicator,
.hw-k-all .section17-center[data-index="2"] .section17-indicator,
.hw-k-all .section17-center[data-index="3"] .section17-indicator {
    width: var(--indicator-width);
    transform: translateX(var(--indicator-offset));
}
.hw-k-all .section17-button-box p {
    font-weight:500;
    color:rgba(0, 0, 0, 0.4);
    font-size:1.25vw;
    line-height: 1.25;
    position: relative;
    z-index: 10;
    transition: all 0.3s;
    padding: 0 0 0.83333333vw 0;
    flex-shrink: 0;
}
.hw-k-all .section17-button-box p:not(:first-of-type) {
    margin: 0 0 0 2.91666667vw;
}
.hw-k-all .section17-center[data-index="0"] .section17-button-box p:nth-of-type(1),
.hw-k-all .section17-center[data-index="1"] .section17-button-box p:nth-of-type(2),
.hw-k-all .section17-center[data-index="2"] .section17-button-box p:nth-of-type(3),
.hw-k-all .section17-center[data-index="3"] .section17-button-box p:nth-of-type(4)  {
    color: rgba(45, 45, 45, 1);
    opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section17-button-box p {
        cursor: pointer;
    }
    .hw-k-all .section17-button-box p:hover {
        color:rgba(0, 0, 0, 0.6);
    }
}
.hw-k-all .section17-text {
    width: 53.64583333vw;
    margin: 2.08333333vw auto 0;
    display: flex;
}
.hw-k-all .section17-text li {
    flex-shrink: 0;
    width: 100%;
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}
.hw-k-all .section17-text li:not(:first-child) {
    width: 100%;
    margin-left: -100%;
}   
.hw-k-all .section17-center[data-index="0"] .section17-text li:nth-of-type(1),
.hw-k-all .section17-center[data-index="1"] .section17-text li:nth-of-type(2),
.hw-k-all .section17-center[data-index="2"] .section17-text li:nth-of-type(3),
.hw-k-all .section17-center[data-index="3"] .section17-text li:nth-of-type(4) {
    position: relative;
    opacity: 1;
    z-index: 10;
    transition-delay: 0.2s;
}
.hw-k-all .section17-swiper .swiper-to-swiper {
    background: #fff;
    display: flex;
    justify-content: space-between;
}
.hw-k-all .section17-swiper2 {
    width: 59.73958333vw;
}
.hw-k-all .section17-swiper2-button {
    width: 5.20833333vw;
    padding: 0.3125vw 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hw-k-all .section17-swiper2-button li {
    width: 100%;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section17-swiper2-button li {
        cursor: pointer;
    }
}
.hw-k-all .section17-swiper2-button-img {
    width: 5.208vw;
    height: 5.208vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:0.67708333vw;
    opacity: 0.6;
    transition: opacity 0.3s ease;
    overflow: hidden;
}
.hw-k-all .section17-swiper2-button-img img {
    width: 4.6vw;
    height: 4.6vw;
    border-radius: 0.41666667vw;
}
.hw-k-all .section17-swiper2-button-text {
    font-weight:500;
    color:#000000;
    font-size:1.14583333vw;
    line-height: 1.25;
    text-align:center;
    opacity: 0.4;
    margin: 0.72916667vw 0 0;
    transition: opacity 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section17-swiper2-button li:hover .section17-swiper2-button-img {
        opacity: 0.8;
    }
    .hw-k-all .section17-swiper2-button li:hover .section17-swiper2-button-text {
        opacity: 0.6;
    }
}
.hw-k-all .section17-swiper2-button[data-index="0"] li:nth-of-type(1) .section17-swiper2-button-img,
.hw-k-all .section17-swiper2-button[data-index="1"] li:nth-of-type(2) .section17-swiper2-button-img,
.hw-k-all .section17-swiper2-button[data-index="2"] li:nth-of-type(3) .section17-swiper2-button-img,
.hw-k-all .section17-swiper2-button[data-index="3"] li:nth-of-type(4) .section17-swiper2-button-img {
    opacity: 1;
    border: 2px solid #000;
}
.hw-k-all .section17-swiper2-button[data-index="0"] li:nth-of-type(1) .section17-swiper2-button-text,
.hw-k-all .section17-swiper2-button[data-index="1"] li:nth-of-type(2) .section17-swiper2-button-text,
.hw-k-all .section17-swiper2-button[data-index="2"] li:nth-of-type(3) .section17-swiper2-button-text,
.hw-k-all .section17-swiper2-button[data-index="3"] li:nth-of-type(4) .section17-swiper2-button-text {
    opacity: 1;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section17 {
        padding: 0 0 27.7777777vw 0;
    }
    .hw-k-all .section17-center {
        width: 100%;
    }
    .hw-k-all .section17-word {
        width: 77.77777777vw;
        text-align: left;
        margin: 0 auto 11.111111111vw;
    }
    .hw-k-all .section17-tittle {
        font-size:8.888888vw;
    }
    .hw-k-all .section17-box {
        display: flex;
        flex-direction: column;
    }
    .hw-k-all .section17-hint {
        font-size: 2.77777777vw;
        color: rgba(109, 111, 114, 0.8);
        position: static;
        right: 0;
        top: 0;
        margin: 5.5555555vw 0 0;
    }
    .hw-k-all .section17-swiper {
        width: 100%;
        order: 2;
        margin: 11.11111vw 0 0;
    }
    .hw-k-all .section17-button {
        order: 1;
        margin: 0;
    }
    .hw-k-all .section17-button-center {
        justify-content: flex-start;
        overflow: scroll;
    }
    .hw-k-all .section17-button-center::-webkit-scrollbar {
        display: none;
    }
    .hw-k-all .section17-button-padding {
        padding: 0 10vw;
    }
    .hw-k-all .section17-button-box p {
        font-size:5.5555555vw;
        padding: 0 0 3.888888vw 0;
        position: relative;
    }
    .hw-k-all .section17-button-box p:not(:first-of-type) {
        margin: 0 0 0 11.111111111vw;
    }
    .hw-k-all .section17-text {
        width: 82.22222222vw;
        margin: 8.88888888vw 0 0 11.11111111vw;
        order: 3;
    }
    .hw-k-all .section17-text li {
        font-size: 4.444444vw;
        text-align: left;
    }
    .hw-k-all .section17-text li:nth-of-type(1) .section17-text-box {
        width: 80vw;
        margin: 0;
    }
    .hw-k-all .section17-text li:nth-of-type(2) .section17-text-box {
        width: 77.7777777777vw;
        margin: 0;
    }
    .hw-k-all .section17-text li:nth-of-type(3) .section17-text-box {
        width: 100%;
        margin: 0;
    }
    .hw-k-all .section17-text li:nth-of-type(4) .section17-text-box {
        width: 77.9166666vw;
        margin: 0;
    }
    .hw-k-all .section17-text li:not(:first-child) {
        /* transform: translateY(-16.25vw); */
        margin-top: -16.25vw;
    }
    .hw-k-all .section17-text {
        transition: opacity 0.6s ease;
    }
    .hw-k-all .section17-center[data-index="0"] .section17-text li:nth-of-type(1),
    .hw-k-all .section17-center[data-index="1"] .section17-text li:nth-of-type(2),
    .hw-k-all .section17-center[data-index="2"] .section17-text li:nth-of-type(3),
    .hw-k-all .section17-center[data-index="3"] .section17-text li:nth-of-type(4) {
        transition-delay: 0s;
    }
    .hw-k-all .section17-swiper .swiper-to-swiper {
        flex-direction: column;
        height: 100%;
    }
    .hw-k-all .section17-swiper2 {
        width: 100%;
    }
    .hw-k-all .section17-swiper2 .swiper-slide {
        height: auto;
    }
    .hw-k-all .section17-swiper2-button {
        width: 82.2222222vw;
        height: auto;
        margin: 4.444444444vw auto 0;
        flex-direction: row;
        padding: 0;
    }
    .hw-k-all .section17-swiper2-button li {
        width: 15.55555555vw;
    }
    .hw-k-all .section17-swiper2-button-img {
        width: 15.55555555vw;
        height: 15.55555555vw;
        border-radius:1.9444444vw;
    }
    .hw-k-all .section17-swiper2-button-img img {
        width: 13.88888888vw;
        height: 13.88888888vw;
        border-radius: 1.11111111vw;
    }
    .hw-k-all .section17-swiper2-button-text {
        font-size:4.4444444vw;
        margin: 3.8888888vw 0 0;
    }
    .hw-k-all .section17-swiper2-button[data-index="0"] li:nth-of-type(1) .section17-swiper2-button-img,
    .hw-k-all .section17-swiper2-button[data-index="1"] li:nth-of-type(2) .section17-swiper2-button-img,
    .hw-k-all .section17-swiper2-button[data-index="2"] li:nth-of-type(3) .section17-swiper2-button-img,
    .hw-k-all .section17-swiper2-button[data-index="3"] li:nth-of-type(4) .section17-swiper2-button-img {
        opacity: 1;
        border: 2px solid #000;
    }
}



/* sec18 */
.hw-k-all .section18 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    position: relative;
    overflow: hidden;
}
.hw-k-all .section18-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section18-word {
    width: 100%;
    text-align: center;
    margin: 0 auto 3.33333333vw;
}
.hw-k-all .section18-tip {
    font-weight:500;
    color:#ab99f6;
    font-size:1.04166667vw;
    line-height: 1.25;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section18-tittle {
    font-weight:500;
    color:#000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section18-hint-box {
    position: relative;
}
.hw-k-all .section18-video-box {
    width: 100%;
    height: 34.375vw;
    position: relative;
    z-index: 10;
}
.hw-k-all .section18-video {
    width: 100%;
    height: 100%;
}
.hw-k-all .section18-video video {
    object-fit: cover;
}
.hw-k-all .section18-btn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
}
.hw-k-all .section18-text {
    width: 42.8125vw;
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
    text-align:center;
    margin: 1.66666667vw auto;
}
.hw-k-all .section18-text em {
    color: #000;
}
.hw-k-all .section18-hint {
    font-weight:500;
    color:rgba(109, 111, 114, 0.6);
    font-size:max(8px, 0.625vw);
    line-height: 1.6;
    margin: 0.83333333vw 0 0;
    text-align: right;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section18 {
        padding: 0 0 27.77777777vw 0;
    }
    .hw-k-all .section18-center {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .hw-k-all .section18-word {
        width: 77.77777vw;
        text-align: left;
        margin: 0 auto 4.4444444vw;
        order: 1;
    }
    .hw-k-all .section18-tip {
        font-size:3.88888vw;
        margin: 0 0 3.333333vw 0;
    }
    .hw-k-all .section18-tittle {
        font-size:8.88888888vw;
    }
    .hw-k-all .section18-hint-box {
        order: 3;
    }
    .hw-k-all .section18-video-box {
        width: 61.38888888vw;
        height: 127.36111111vw;
        margin: 0 auto;
    }
    .hw-k-all .section18-video {
        width: 57.3611111vw;
        /* width: 57.222222vw; */
        height: 125.31944444vw;
        position: absolute;
        top: 1.8055555vw;
        /* top: 1.94444444vw; */
        left: 1.875vw;
        z-index: -1;
        border-radius: 8.33333333vw;
        overflow: hidden;
    }
    .hw-k-all .section18-btn {
        right: -11.8055555vw;
        bottom: 0;
    }
    .hw-k-all .section18-text {
        width: 80.13888888vw;
        font-size:4.444444vw;
        text-align:left;
        margin: 0 0 8.88888888vw 11.11111111vw;
        order: 2;
    }
    .hw-k-all .section18-hint {
        font-size:1.94444444vw;
        margin: 2.77777777vw 2.77777777vw 0 0;
        order: 4;
    }
}

/* sec19 */
.hw-k-all .section19 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    overflow: hidden;
}
.hw-k-all .section19-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section19-tip {
    font-weight:500;
    color:#ab99f6;
    font-size:1.04166667vw;
    line-height: 1.25;
    text-align:center;
    margin: 0 auto 1.25vw;
}
.hw-k-all .section19-word {
    width: 38.17708333vw;
    transform-style: preserve-3d;
    perspective: 62.5vw;
    margin: 0 auto;
}
.hw-k-all .section19-tittle1 {
    width: 26.77083333vw;
    opacity: 0;
    transform: scale(0.14);
    transform-origin: right center;
    transition: all 0.6s ease;
}
.hw-k-all .section19.active .section19-tittle1 {
    opacity: 1;
    transform: scale(1);
}
.hw-k-all .section19-tittle2 {
    width: 25.83333333vw;
    margin: 0.36458333vw 0 0 auto;
    opacity: 0;
    transform: scale(0.14);
    transform-origin: left center;
    transition: all 0.6s ease;
}
.hw-k-all .section19.active .section19-tittle2 {
    opacity: 1;
    transform: scale(1);
}
.hw-k-all .section19-text {
    width: 100%;
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
    text-align:center;
    margin: 2.08333333vw 0 0;
}
.hw-k-all .section19-text em {
    color: #000;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section19 {
        padding: 0 0 27.77777vw 0;
    }
    .hw-k-all .section19-center {
        width: 94.16666666vw;
    }
    .hw-k-all .section19-tip {
        font-size:3.88888888vw;
        margin: 0 auto 3.333333333vw;
    }
    .hw-k-all .section19-word {
        width: 86.3888888vw;
        perspective: 111.11111vw;
    }
    .hw-k-all .section19-tittle1 {
        width: 60vw;
    }
    .hw-k-all .section19-tittle2 {
        width: 60vw;
        margin: 1.25vw 0 0 auto;
    }
    .hw-k-all .section19-text {
        width: 88.8888888vw;
        font-size:4.4444444vw;
        margin: 11.1111111vw auto 0;
    }
}

/* sec20 */
.hw-k-all .section20 {
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.hw-k-all .section20-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section20-swiper .swiper-slide:not(:last-of-type) {
    margin: 0 1.25vw 0 0;
    position: relative;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section20-swiper .swiper-slide:not(.swiper-slide-active){
        cursor: pointer;
    }
}
.hw-k-all .section20-swiper .section20-video {
    height: 34.375vw;
    width: 100%;
    position: relative;
}
.hw-k-all .section20-swiper .section20-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hw-k-all .section20-hint {
    font-weight:500;
    color:rgba(109, 111, 114, 0.6);
    font-size:max(8px,0.625vw);
    line-height: 1.6;
    position: absolute;
    top: calc(100% + 0.83333333vw);
    right: 0;
}
.hw-k-all .section20-text {
    width: 52.08333333vw;
    margin: 3.33333333vw 0 0 0.83333333vw;
    font-weight: 500;
    color: #6d6f72;
    font-size: 1.14583333vw;
    line-height: 1.6;
}
.hw-k-all .section20-text em {
    color: #000;
}
.hw-k-all .section20-btn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    border-radius: 52.03125vw;
    overflow: hidden;
}
.hw-k-all .section20-button {
    margin: 2.5vw 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.hw-k-all .section20-button-next {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hw-k-all .section20-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw 0 0;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hw-k-all .section20-button-next svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}
.hw-k-all .section20-button-prev svg {
    transform: translate3d(0, 0, 1px) rotate(180deg);
}

.hw-k-all .section20-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(171, 153, 246,1);
    box-shadow: 0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw) #FFFFFF inset;
    z-index: -1;
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-k-all .section20-bottom-bag span:nth-of-type(1) {
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter: blur(5px);
    position: absolute;
    inset: 0.20833333vw 0.57291667vw auto 0.57291667vw;
    height: 1.14583333vw;
}

.hw-k-all .section20-bottom-bag span:nth-of-type(2) {
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter: blur(5px);
    position: absolute;
    inset: auto 0.57291667vw 0.3125vw 0.57291667vw;
    height: 0.52083333vw;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section20-button-prev,
    .hw-k-all .section20-button-next {
        cursor: pointer;
    }
    .hw-k-all .section20-button-prev:hover .section20-bottom-bag,
    .hw-k-all .section20-button-next:hover .section20-bottom-bag {
        opacity: 0.8;
    }
    .hw-k-all .section20-button-prev:hover svg,
    .hw-k-all .section20-button-next:hover svg {
        opacity: 0.6;
    }
}
.hw-k-all .section20-button-prev.swiper-button-disabled,
.hw-k-all .section20-button-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.hw-k-all .section20-button-prev.swiper-button-disabled .section20-bottom-bag,
.hw-k-all .section20-button-next.swiper-button-disabled .section20-bottom-bag {
    opacity: 1;
}
.hw-k-all .section20-button-prev.swiper-button-disabled svg,
.hw-k-all .section20-button-next.swiper-button-disabled svg {
    opacity: 1;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section20 {
        padding: 0;
    }

    .hw-k-all .section20-center {
        width: 82.22222vw;
    }

    .hw-k-all .section20-swiper .swiper-slide:not(:last-of-type) {
        margin: 0 4.4444444vw 0 0;
    }

    .hw-k-all .section20-swiper .section20-video {
        height: 97.2222222vw;
    }

    .hw-k-all .section20-hint {
        color:rgba(109, 111, 114, 0.8);
        font-size:2.777777777vw;
        position: static;
        top: 0;
        right: 0;
        margin: 3.3333333vw 0 0;
    }

    .hw-k-all .section20-text {
        width: 72.91666666vw;
        margin: 6.666666vw 0 0 2.2222222vw;
        font-size: 4.44444444vw;
    }

    .hw-k-all .section20-btn {
        right: 3.3333333vw;
        bottom: 3.3333333vw;
    }

    .hw-k-all .section20-button {
        margin: 11.1111111vw 0 0 auto;
        display: flex;
        justify-content: flex-end;
    }

    .hw-k-all .section20-button-next {
        width: 11.1111111vw;
        height: 11.1111111vw;
    }

    .hw-k-all .section20-button-prev {
        width: 11.1111111vw;
        height: 11.1111111vw;
        margin: 0 5.55555vw 0 0;
    }
    .hw-k-all .section20-bottom-bag span:nth-of-type(1) {
        inset: 0.9722222vw 1.6666666vw auto 1.52777777vw;
        height: 5.13888888vw;
    }
    .hw-k-all .section20-bottom-bag span:nth-of-type(2) {
        inset: auto 2.083333vw 1.5277777vw 2.083333vw;
        height: 2.361111111vw;
    }
}


/* sec16 */
.hw-k-all .section21 {
    width: 100%;
    padding: 10.41666667vw 0 10.41666667vw 0;
    position: relative;
    overflow: hidden;
}
.hw-k-all .section21-center {
    width: 54.89583333vw;
    margin: 0 auto;
}
.hw-k-all .section21-word {
    width: 100%;
    text-align: center;
    margin: 0 auto 5.20833333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hw-k-all .section21-tittle-box {
    position: relative;
}
.hw-k-all .section21-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section21-word-tittle1 {
    width: 3.4375vw;
    position: absolute;
    left: -2.91666667vw;
    top: 1.14583333vw;
    transform: rotate(-27deg);
}
.hw-k-all .section21-word-tittle2 {
    width: 2.8125vw;
    position: absolute;
    top: -0.15625vw;
    right: -1.97916667vw;
    transform: rotate(12deg);
}
.hw-k-all .section21-box {
    width: 100%;
}
.hw-k-all .section21-swiper1 .swiper-wrapper,
.hw-k-all .section21-swiper2 .swiper-wrapper,
.hw-k-all .section21-swiper3 .swiper-wrapper,
.hw-k-all .section21-swiper4 .swiper-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.hw-k-all .section21-swiper1 .swiper-slide,
.hw-k-all .section21-swiper2 .swiper-slide,
.hw-k-all .section21-swiper3 .swiper-slide,
.hw-k-all .section21-swiper4 .swiper-slide {
    width: auto;
}
.hw-k-all .section21-border {
    position: relative;
    z-index: 10;
}
.hw-k-all .section21-img { 
    width: 16.04166667vw;
    height: 33.33333333vw;
}
.hw-k-all .section21-video {
    position: absolute;
    top: 0.46875vw;
    left: 0.46875vw;
    width: 15vw;
    height: 32.39583333vw;
    border-radius: 2.29166666vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
    z-index: -1;
    overflow: hidden;
}
.hw-k-all .section21-swiper2 .swiper-slide:nth-of-type(1) .section21-video {
    top: 0.36458333vw;
}
.hw-k-all .section21-swiper2 .swiper-slide:nth-of-type(2) .section21-video {
    top: 0.41666667vw;
}
.hw-k-all .section21-swiper2 .swiper-slide:nth-of-type(3) .section21-video {
    top: 0.41666667vw;
}
.hw-k-all .section21-swiper3 .swiper-slide:nth-of-type(1) .section21-video {
    top: 0.36458333vw;
}
.hw-k-all .section21-swiper3 .swiper-slide:nth-of-type(2) .section21-video {
    top: 0.36458333vw;
}
.hw-k-all .section21-swiper3 .swiper-slide:nth-of-type(3) .section21-video {
    top: 0.36458333vw;
}
.hw-k-all .section21-video video {
    object-fit: cover;
}

.hw-k-all .section21-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.33333333vw 0 0;
}
.hw-k-all .section21-button-center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 138.75vw;
    overflow: hidden;
    z-index: 10;
    padding: 0.20833333vw;
}
.hw-k-all .section21-button-box {
    position: relative;
    display: flex;
    z-index: 10;
}
.hw-k-all .section21-button-border {
    flex-shrink: 0;
}
.hw-k-all .section21-button-padding {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    z-index: 10;
}
.hw-k-all .section21-button .section21-bottom-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    background:#967ef8;
    width: var(--indicator-width, 0);
    height: 100%;
    border-radius: 138.75vw;
    transform: translateX(var(--indicator-offset, 0));
    transition: width 0.6s, transform 0.6s;
}
.hw-k-all .section21-center[data-index="0"] .section21-bottom-slider,
.hw-k-all .section21-center[data-index="1"] .section21-bottom-slider,
.hw-k-all .section21-center[data-index="2"] .section21-bottom-slider,
.hw-k-all .section21-center[data-index="3"] .section21-bottom-slider {
    width: var(--indicator-width);
    transform: translateX(var(--indicator-offset));
}
.hw-k-all .section21-button-box p {
    padding: 0.72916667vw 1.25vw;
    border-radius: 138.75vw;
    font-weight:700;
    color:rgba(131, 108, 227, 0.6);
    font-size: 0.9375vw;
    line-height: 1.25;
    position: relative;
    z-index: 10;
    transition: all 0.3s;
}
.hw-k-all .section21-center[data-index="0"] .section21-button-box p:nth-of-type(1),
.hw-k-all .section21-center[data-index="1"] .section21-button-box p:nth-of-type(2),
.hw-k-all .section21-center[data-index="2"] .section21-button-box p:nth-of-type(3),
.hw-k-all .section21-center[data-index="3"] .section21-button-box p:nth-of-type(4)  {
    color: rgba(255, 255, 255, 1);
    opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section21-button-box p {
        cursor: pointer;
    }
    .hw-k-all .section21-button-box p:hover {
        color:rgba(131, 108, 227, 0.8);
    }
}
.hw-k-all .section21-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:#AB99F6;
    box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #FFFFFF inset;
    z-index: -1;
}
.hw-k-all .section21-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: 0.10416667vw 0.98958333vw auto 0.98958333vw;
    height: 1.97916667vw;
}
.hw-k-all .section21-bottom-bag span:nth-of-type(2) {
    background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    inset: auto 0.98958333vw 0.36458333vw 0.98958333vw;
    height: 1.19791667vw;
}
.hw-k-all .section21-text {
    width: 37.5vw;
    margin: 1.66666667vw auto 0;
    display: flex;
}
.hw-k-all .section21-text li {
    flex-shrink: 0;
    width: 100%;
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}
.hw-k-all .section21-text li:not(:first-child) {
    width: 100%;
    margin-left: -100%;
}   
.hw-k-all .section21-center[data-index="0"] .section21-text li:nth-of-type(1),
.hw-k-all .section21-center[data-index="1"] .section21-text li:nth-of-type(2),
.hw-k-all .section21-center[data-index="2"] .section21-text li:nth-of-type(3),
.hw-k-all .section21-center[data-index="3"] .section21-text li:nth-of-type(4) {
    position: relative;
    opacity: 1;
    z-index: 10;
    transition-delay: 0.2s;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section21 {
        padding: 35.2777777vw 0 27.7777777vw 0;
    }
    .hw-k-all .section21-center {
        width: 82.222222vw;
    }
    .hw-k-all .section21-word {
        width: 55.55555vw;
        margin: 0 auto 8.8888888vw;
    }
    .hw-k-all .section21-tittle {
        font-size: 8.8888888vw;
    }
    .hw-k-all .section21-word-tittle1 {
        width:15vw;
        left: -12.9166666vw;
        top: -6.6666666vw;
        transform: rotate(-12deg);
    }
    .hw-k-all .section21-word-tittle2 {
        width: 11.52777vw;
        top: auto;
        bottom: -1.94444444vw;
        right: -10.2777777vw;
        transform: rotate(15deg);
    }
    .hw-k-all .section21-box {
        /* width: 57.5vw; */
    }
    .hw-k-all .section21-swiper1,
    .hw-k-all .section21-swiper2,
    .hw-k-all .section21-swiper3,
    .hw-k-all .section21-swiper4 {
        width: 57.5vw;
        margin: 0 auto;
    }
    .hw-k-all .section21-swiper1 .swiper-slide,
    .hw-k-all .section21-swiper2 .swiper-slide,
    .hw-k-all .section21-swiper3 .swiper-slide,
    .hw-k-all .section21-swiper4 .swiper-slide {
        width: 100%;
        opacity: 0.3;
        transition: opacity 0.5s ease;
    }
    .hw-k-all .section21-swiper1 .swiper-slide.swiper-slide-active, 
    .hw-k-all .section21-swiper2 .swiper-slide.swiper-slide-active, 
    .hw-k-all .section21-swiper3 .swiper-slide.swiper-slide-active, 
    .hw-k-all .section21-swiper4 .swiper-slide.swiper-slide-active {
        opacity: 1;
    }
    .hw-k-all .section21-swiper1 .swiper-slide:not(:last-of-type),
    .hw-k-all .section21-swiper2 .swiper-slide:not(:last-of-type),
    .hw-k-all .section21-swiper3 .swiper-slide:not(:last-of-type),
    .hw-k-all .section21-swiper4 .swiper-slide:not(:last-of-type) {
        margin: 0 11.11111vw 0 0;
    }
    .hw-k-all .section21-img {
        width: 100%;
        height: 119.4444444vw;
    }
    .hw-k-all .section21-video {
        width: 54.02777777vw;
        height: 116.38888888vw;
        top: 1.3888888vw;
        left: 1.3888888vw;
        border-radius: 5.5555555vw;
    }
    .hw-k-all .section21-swiper2 .swiper-slide:nth-of-type(1) .section21-video {
        width: 53.61111111vw;
        height: 115.90277777vw;
        top: 1.52777777vw;
        left: 1.73611111vw;
        border-radius: 5.55555555vw;
    }
    .hw-k-all .section21-swiper2 .swiper-slide:nth-of-type(2) .section21-video {
        width: 53.61111111vw;
        height: 115.90277777vw;
        top: 1.52777777vw;
        left: 1.73611111vw;
        border-radius: 5.55555555vw;
    }
    .hw-k-all .section21-swiper2 .swiper-slide:nth-of-type(3) .section21-video {
        width: 53.61111111vw;
        height: 115.90277777vw;
        top: 1.52777777vw;
        left: 1.73611111vw;
        border-radius: 5.55555555vw;
    }
    .hw-k-all .section21-swiper3 .swiper-slide:nth-of-type(1) .section21-video {
        top: 1.52777777vw;
        left: 1.66666666vw;
        width: 53.61111111vw;
        height: 115.97222222vw;
    }
    .hw-k-all .section21-swiper3 .swiper-slide:nth-of-type(2) .section21-video {
        top: 1.52777777vw;
        left: 1.66666666vw;
        width: 53.61111111vw;
        height: 115.97222222vw;
    }
    .hw-k-all .section21-swiper3 .swiper-slide:nth-of-type(3) .section21-video {
        top: 1.52777777vw;
        left: 1.66666666vw;
        width: 53.61111111vw;
        height: 115.97222222vw;
    }
    .hw-k-all .section21-button {
        margin: 11.11111vw 0 0;
    }
    .hw-k-all .section21-button-box {
        overflow: scroll;
        border-radius: 52.03125vw;
    }
    .hw-k-all .section21-button-box::-webkit-scrollbar {
        display: none;
    }
    .hw-k-all .section21-button-center {
        padding: 1.111111111vw;
    }
    .hw-k-all .section21-button-padding {
        justify-content: flex-start;
    }
    .hw-k-all .section21-button-box p {
        padding: 3.33333334vw 5.5555556vw;
        font-size:3.88888889vw;
        flex-shrink: 0;
    }
    .hw-k-all .section21-button-maks1 {
        width: 26.25vw;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 52.03125vw;
        opacity: 0.7;
        background: linear-gradient(90deg, #ab99f6 0.53%, rgba(255, 255, 255, 0) 80%);
        transition: all 0.8s ease;
        z-index: 100;
        pointer-events: none;
    }
    .hw-k-all .section21-button-maks2 {
        width: 26.25vw;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0.7;
        border-radius: 52.03125vw;
        background: linear-gradient(270deg, #ab99f6 0.53%, rgba(255, 255, 255, 0) 80%);
        transition: all 0.8s ease;
        z-index: 100;
        pointer-events: none;
    }
    .hw-k-all .section21-button-maks1.hide,
    .hw-k-all .section21-button-maks2.hide {
        opacity: 0;
    }
    /* .hw-k-all .section21-center[data-index="0"] .section21-button-maks1 {
        opacity: 0;
    }
    .hw-k-all .section21-center[data-index="3"] .section21-button-maks2 {
        opacity: 0;
    } */
    .hw-k-all .section21-bottom-bag span:nth-of-type(1) {
        inset: 0.4166666vw 3.1944444vw auto 3.1944444vw;
        height: 9.16666666vw;
    }
    .hw-k-all .section21-bottom-bag span:nth-of-type(2) {
        inset: auto 3.19444444vw 1.8055555vw 3.19444444vw;
        height: 5.27777777vw;
    }
    .hw-k-all .section21-text {
        width: 77.7777777vw;
        margin: 8.888888vw auto 0;
    }
    .hw-k-all .section21-text li {
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-k-all .section21-tooptxt {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 6.66666666vw 0 0 0;
        animation: arrmove 1.5s ease-in-out infinite;
    }  

    .hw-k-all .section21-tooptxt div,
    .hw-k-all .section21-tooptxt span {
        opacity: 0;
    }

    .hw-k-all .section21-tooptxt[data-index="0"] div,
    .hw-k-all .section21-tooptxt[data-index="0"] span {
        opacity: 1;
    }

    @keyframes arrmove {
        0% {
            opacity: 1;
            transform: translate(0px, 0px);
        } 

        100% {
            opacity: 0;
            transform: translate(-3vw, 0px);
        }
    }

    .hw-k-all .section21-tooptxt span {
        color: #6d6f72;
        font-size: 3.88888888vw;
        font-weight: 500;
        line-height: 1.6;
    }

    .hw-k-all .section21-tooicon {
        display: flex;
        width: 8.33333333vw;
        height: 3.33333333vw;
        margin: 0 2.22222222vw 0 0;
    }

    .hw-k-all .section21-tooicon svg {
        width: 100%;
        height: 100%;
    }
}


/* sec16 */
.hw-k-all .section22 {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.hw-k-all .section22-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section22-word {
    width: 100%;
    margin: 0 auto 3.33333333vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hw-k-all .section22-tittle {
    width: 25.41666667vw;
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section22-text {
    width: 29.42708333vw;
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
}
.hw-k-all .section22-text em {
    color: #000;
}
.hw-k-all .section22-box {
    width: 67.5vw;
    margin: 0 auto;
    position: relative;
}
.hw-k-all .section22-video {
    width: 100%;
    height: 34.375vw;
    position: relative;
}
.hw-k-all .section22-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hw-k-all .section22-btn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
}
.hw-k-all .section22-hint {
    font-weight:500;
    color:rgba(109, 111, 114, 0.6);
    font-size:max(8px, 0.625vw);
    line-height: 1.6;
    text-align: right;
    margin: 0.83333333vw 0 0;
}
.hw-k-all .section22-hint1 {
    font-weight:500;
    color:rgba(109, 111, 114, 0.6);
    font-size:max(8px, 0.625vw);
    line-height: 1.6;
    text-align: center;
    margin: 1.35416667vw 0 0;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section22 {
        padding: 0;
    }
    .hw-k-all .section22-center {
        width: 91.111111vw;
    }
    .hw-k-all .section22-word {
        width: 77.77777777vw;
        margin: 0 auto 8.888888vw;
        flex-direction: column;
    }
    .hw-k-all .section22-tittle {
        width: 100%;
        font-size:8.888888vw;
        margin: 0 0 4.444444vw;
    }
    .hw-k-all .section22-text {
        width: 100%;
        font-size:4.4444444vw;
    }
    .hw-k-all .section22-box {
        width: 100%;
    }
    .hw-k-all .section22-video {
        height: 97.2222222vw;
    }
    .hw-k-all .section22-btn {
        right: 3.3333333vw;
        bottom: 3.3333333vw;
    }
    .hw-k-all .section22-hint {
        width: 77.6388888vw;
        color:rgba(109, 111, 114, 0.8);
        font-size:2.777777777vw;
        text-align: center;
        margin: 7.6388888vw auto 0;
    }
    .hw-k-all .section22-hint1 {
        width: 77.6388888vw;
        color:rgba(109, 111, 114, 0.8);
        font-size:2.777777777vw;
        margin: 0 auto;
    }
}

/* sec23 */
.hw-k-all .section23 {
    overflow: hidden;
    width: 100%;
    padding: 10.41666667vw 0;
}
.hw-k-all .section23-center {
    width: 100%;
}
.hw-k-all .section23-word {
    width: 32.8125vw;
    margin: 0 auto;
    transform-style: preserve-3d;
    perspective: 62.5vw;
}
.hw-k-all .section23-tittle1 {
    width: 16.92708333vw;
    margin: 0 auto 0.3125vw;
    transform-origin: 15% center;
    transform: translate3d(-9.114583vw, 0, 0) rotateY(75deg) rotateX(-25deg);
    -webkit-transform: translate3d(-9.114583vw, 0, 0) rotateY(75deg) rotateX(-25deg);
    -moz-transform: translate3d(-9.114583vw, 0, 0) rotateY(75deg) rotateX(-25deg);
    opacity: 0;
    transition: transform 0.6s ease,opacity 0.4s linear;
    -webkit-transition: transform 0.6s ease,opacity 0.4s linear;
    -moz-transition: transform 0.6s ease,opacity 0.4s linear;
    will-change: transform;
}
.hw-k-all .section23.active .section23-tittle1 {
    opacity: 1;
    transform: translate(0,0) rotate(0deg);
    -webkit-transform: translate(0,0) rotate(0deg);
    -moz-transform: translate(0,0) rotate(0deg);
}
.hw-k-all .section23-tittle2 {
    width: 30.98958333vw;
    margin: 0.3125vw auto 0;
    transform-origin: 85% center;
    transform: translate3d(9.114583vw, 0, 0) rotateY(-75deg) rotateX(25deg);
    -webkit-transform: translate3d(9.114583vw, 0, 0) rotateY(-75deg) rotateX(25deg);
    -moz-transform: translate3d(9.114583vw, 0, 0) rotateY(-75deg) rotateX(25deg);
    opacity: 0;
    transition: transform 0.6s ease,opacity 0.4s linear;
    -webkit-transition: transform 0.6s ease,opacity 0.4s linear;
    -moz-transition: transform 0.6s ease,opacity 0.4s linear;
    will-change: transform;
}
.hw-k-all .section23.active .section23-tittle2 {
    opacity: 1;
    transform: translate(0,0) rotate(0deg);
    -webkit-transform: translate(0,0) rotate(0deg);
    -moz-transform: translate(0,0) rotate(0deg);
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section23 {
        padding: 27.7777777vw 0 11.11111vw;
    }
    .hw-k-all .section23-word {
        width: 84.5833333333vw;
        margin: 0 auto;
        perspective: 111.1111vw;
    }
    .hw-k-all .section23-tittle1 {
        width: 56.25vw;
        margin: 0 auto 5.555555vw;
    }
    .hw-k-all .section23-tittle2 {
        width: 100%;
        margin: 5.555555vw auto 0;
    }
}


/* sec24 */
.hw-k-all .section24 {
    padding: 0 0 10.41666667vw 0;
}
.hw-k-all .section24-center {
    width: 81.25vw;
    margin: 0 auto;
}
.hw-k-all .section24-img {
    width: 100%;
}
.hw-k-all .section24-text {
    width: 32.55208333vw;
    margin: 4.16666667vw auto 3.125vw;
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
    text-align:center;
}
.hw-k-all .section24-text em {
    color: #000;
}
.hw-k-all .section24-parameter {
    width: 100%;
}
.hw-k-all .section24-line {
    width:31.77083333vw;
    height:0px;
    border-top:1px solid;
    border-color:#707070;
    margin: 0 auto 3.125vw;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section24-parameter.active .section24-line {
    transform: translateY(0px);
    opacity: 0.8;
    transition-delay: 0s;
}
.hw-k-all .section24-ul {
    width: 27.29166667vw;
    margin: 0 0 0 28.38541667vw;
    display: flex;
    justify-content: space-between;
}
.hw-k-all .section24-li1 {
    max-width: 10.41666667vw;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section24-parameter.active .section24-li1 {
    transform: translateY(0px);
    opacity:1;
    transition-delay: 0.15s;
}
.hw-k-all .section24-li2 {
    max-width: 10.41666667vw;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section24-parameter.active .section24-li2 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.3s;
}
.hw-k-all .section24-li .section24-tip {
    font-weight:500;
    color:rgba(109, 111, 114, 0.8);
    font-size:1.04166667vw;
    line-height: 1.6;
}
.hw-k-all .section24-li .section24-number {
    font-weight:500;
    color:rgba(141, 164, 234, 1);
    font-size:3.33333333vw;
    line-height: 1.25;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    margin: 0.72916667vw 0 0;
}
.hw-k-all .section24-li .section24-number span {
    font-size: 1.66666667vw;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section24 {
        padding: 0 0 27.777777vw 0;
    }
    .hw-k-all .section24-center {
        width: 100%;
    }
    .hw-k-all .section24-text {
        width: 77.777777vw;
        margin: 8.88888888vw auto 8.88888888vw;
        font-size:4.444444vw;
    }
    .hw-k-all .section24-line {
        width:77.777777vw;
        border-top:2px solid;
        border-color:rgba(112, 112, 112, 1);
        margin: 0 auto 11.1111111vw;
    }
    .hw-k-all .section24-ul {
        width: 77.222222vw;
        margin: 0 auto;
    }
    .hw-k-all .section24-li1 {
        max-width: 27.77777777vw;
    }
    .hw-k-all .section24-li2 {
        max-width: 37.77777777vw;
    }
    .hw-k-all .section24-li .section24-tip {
        font-size:3.888888vw;
    }
    .hw-k-all .section24-li .section24-number {
        font-size:13.8888888vw;
        margin: 0.83333333333vw 0 0;
    }
    .hw-k-all .section24-li .section24-number span {
        font-size: 6.66666666vw;
    }
}


/* sec25 */
.hw-k-all .section25 {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.hw-k-all .section25-center {
    width: 81.25vw;
    margin: 0 auto;
}
.hw-k-all .section25-word {
    width: 67.5vw;
    text-align: center;
    margin: 0 auto 3.33333333vw;
}
.hw-k-all .section25-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section25-swiper {
    width: 100%;
}
.hw-k-all .section25-hint {
    font-weight: 500;
    color: rgba(109, 111, 114, 0.6);
    font-size: max(8px, 0.625vw);
    line-height: 1.6;
    position: absolute;
    top: calc(100% + 0.72916667vw);
    right: 0;
}
.hw-k-all .section25-box {
    width: 100%;
}
.hw-k-all .section25-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5vw 0 0;
}
.hw-k-all .section25-button-center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.hw-k-all .section25-button-padding {
    flex-shrink: 0;
}
.hw-k-all .section25-button-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    flex-shrink: 0;
}
.hw-k-all .section25-line {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    background:rgba(80, 80, 80, 0.48);
    width: 100%;
    height: 2px;
}
.hw-k-all .section25-indicator {
    width: var(--indicator-width, 0);
    height: 100%;
    transform: translateX(var(--indicator-offset, 0));
    transition: width 0.6s, transform 0.6s;
    background: #000000;
}
.hw-k-all .section25-center[data-index="0"] .section25-indicator,
.hw-k-all .section25-center[data-index="1"] .section25-indicator{
    width: var(--indicator-width);
    transform: translateX(var(--indicator-offset));
}
.hw-k-all .section25-button-box p {
    font-weight:500;
    color:rgba(0, 0, 0, 0.4);
    font-size:1.25vw;
    line-height: 1.25;
    position: relative;
    z-index: 10;
    transition: all 0.3s;
    padding: 0 0 0.83333333vw 0;
    flex-shrink: 0;
}
.hw-k-all .section25-button-box p:not(:first-of-type) {
    margin: 0 0 0 2.08333333vw;
}
.hw-k-all .section25-center[data-index="0"] .section25-button-box p:nth-of-type(1),
.hw-k-all .section25-center[data-index="1"] .section25-button-box p:nth-of-type(2) {
    color: rgba(45, 45, 45, 1);
    opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section25-button-box p {
        cursor: pointer;
    }
    .hw-k-all .section25-button-box p:hover {
        color:rgba(0, 0, 0, 0.6);
    }
}
.hw-k-all .section25-text {
    width: 44.79166667vw;
    margin: 2.08333333vw auto 0;
    display: flex;
}
.hw-k-all .section25-text li {
    flex-shrink: 0;
    width: 100%;
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}
.hw-k-all .section25-text li em {
    color: #000;
}
.hw-k-all .section25-text li:not(:first-child) {
    width: 100%;
    margin-left: -100%;
}   
.hw-k-all .section25-center[data-index="0"] .section25-text li:nth-of-type(1),
.hw-k-all .section25-center[data-index="1"] .section25-text li:nth-of-type(2) {
    position: relative;
    opacity: 1;
    z-index: 10;
    transition-delay: 0.2s;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section25-center {
        width: 100%;
    }
    .hw-k-all .section25-word {
        width: 77.77777777vw;
        text-align: left;
        margin: 0 auto 11.11111111vw;
    }
    .hw-k-all .section25-tittle {
        font-size:8.88888888vw;
    }
    .hw-k-all .section25-hint {
        color: rgba(109, 111, 114, 0.8);
        font-size: 2.777777777vw;
        position: static;
        top: 0;
        right: 0;
        text-align: left;
        margin: 3.3333333vw 0 0;
    }
    .hw-k-all .section25-button {
        padding: 11.111111111vw 0 0;
    }
    .hw-k-all .section25-button-box p {
        font-size:5.5555555vw;
        padding: 0 0 3.8888888vw 0;
    }
    .hw-k-all .section25-button-box p:not(:first-of-type) {
        margin: 0 0 0 8.3333333vw;
    }
    .hw-k-all .section25-text {
        width: 89.1666666vw;
        margin: 8.88888888vw auto 0;
    }
    .hw-k-all .section25-text li {
        font-size: 4.4444444vw;
        text-align: left;
    }
}

/* sec26 */
.hw-k-all .section26 {
    padding: 4.6875vw 0 10.41666667vw;
    overflow: hidden;
}
.hw-k-all .section26-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section26-ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hw-k-all .section26-ul li {
    width: 15.9375vw;
    padding: 2.08333333vw 0 1.45833333vw 1.97916667vw;
    background:#f9fafa;
}
.hw-k-all .section26-li1 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section26-li2 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section26-li3 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section26-li4 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section26-li5 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section26-ul.active1 .section26-li1 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0s;
}
.hw-k-all .section26-ul.active1 .section26-li2 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.15s;
}
.hw-k-all .section26-ul.active1 .section26-li3 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.3s;
}
.hw-k-all .section26-ul.active1 .section26-li4 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.45s;
}
.hw-k-all .section26-ul.active2 .section26-li5 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0s;
}
.hw-k-all .section26-li-img {
    width: 3.33333333vw;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section26-li-tittle {
    width: 100%;
    font-weight:500;
    color:#000000;
    font-size:1.66666667vw;
    line-height: 1.25;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section26-li-text {
    font-weight:500;
    color:#6d6f72;
    font-size:0.9375vw;
    line-height: 1.6;
}
.hw-k-all .section26-li1 .section26-li-text {
    width: 13.95833333vw;
}
.hw-k-all .section26-li2 .section26-li-text {
    width: 12.1875vw;
}
.hw-k-all .section26-li3 .section26-li-text {
    width: 11.45833333vw;
}
.hw-k-all .section26-li4 .section26-li-text {
    width: 13.125vw;
}
.hw-k-all .section26-ul .section26-li5 {
    width: 100%;
    height: 16.51041667vw;
    padding: 0;
    margin: 1.25vw 0 0;
    position: relative;
    z-index: 10;
    transform: translateZ(1px);
}
.hw-k-all .section26-li5-bag {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0.15625vw;
    background:rgba(249, 250, 250,0.86);
    backdrop-filter: blur(2.604167vw);
    -webkit-backdrop-filter: blur(2.604167vw);
    z-index: 10;
}
.hw-k-all .section26-li5-bag-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:4.79166667vw;
    opacity: 0.56;
    background:linear-gradient(90deg,#e95998 0%,#f2c94e 20.2%,#f2c94e 59.83%,#f4c036 79.49%,#e95998 100%);
}
.hw-k-all .section26-li5-fornt {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}
.hw-k-all .section26-li5-fornt-box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 10;
}
.hw-k-all .section26-li5-fornt-icon1 {
    width: 3.02083333vw;
    transform: scaleX(-1);
}
.hw-k-all .section26-li5-fornt-icon2 {
    width: 3.02083333vw;
}
.hw-k-all .section26-li5-fornt-tittle {
    width: 19.6875vw;
    margin: 0.3125vw 2.60416667vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hw-k-all .section26-li5-fornt-tittle svg {
    width: 9.89583333vw;
    margin: 0 0 0.83333333vw 0;
}
.hw-k-all .section26-li5-fornt-tittle span {
    font-weight:500;
    color:#ffffff;
    font-size:1.66666667vw;
    line-height: 1.25;
    text-align:center;
    background-image:linear-gradient(180deg,#e7c579 0%,#ca8e09 93.44%,#f1bf63 100%);
}
.hw-k-all .section26-li5-back {
    position: absolute;
    inset: 0;
    background: #f9fafa;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
    opacity: 0;
    transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    pointer-events: none;
}
.hw-k-all .section26-li5.active .section26-li5-back {
    opacity: 1;
    pointer-events: all;
}
.hw-k-all .section26-li5-back-box {
    width: 41.66666667vw;
    display: flex;
    justify-content: space-between;
}
.hw-k-all .section26-li5-back-li {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.hw-k-all .section26-li5-back-icon {
    width: 3.95833333vw;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section26-li5-back-text {
    max-width: 8.33333333vw;
    font-size: 1.04166667vw;
    line-height: 1.25;
    color: #000000;
    font-weight: 500;
    text-align: center;
}
.hw-k-all .section26-Btn-bottom {
    width: 2.08vw;
    height: 2.08vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 1.25vw;
    right: 1.25vw;
    cursor: pointer;
    z-index: 30;
    transform: rotate(0deg);
    transition: transform 500ms;
}
.hw-k-all .section26-li5.active .section26-Btn-bottom {
    transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section26-Btn-bottom {
        cursor: pointer;
    }
    .hw-k-all .section26-li5-fornt .section26-Btn-bottom:hover .section26-Btn-bottom-bag {
        opacity: 0.8;
    }
}
.hw-k-all .section26-Btn-bottom svg {
    width: 100%;
    pointer-events: none;
}

.hw-k-all .section26-Btn-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:#AB99F6;
    box-shadow:0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw ) #FFFFFF inset;
    z-index: -1;
    border-radius: 52.03125vw;
    overflow: hidden;
}
.hw-k-all .section26-Btn-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    height: 0.9375vw;
    inset: 0.15625vw 0.26041667vw auto 0.3125vw;
}
.hw-k-all .section26-Btn-bottom-bag span:nth-of-type(2) {
    background:linear-gradient(0deg,#ffffff 0%,rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter:blur(5px);
    position: absolute;
    height: 0.46875vw;
    inset: auto 0.41666667vw 0.26041667vw 0.36458333vw;
}
.hw-k-all .section26-Btn-bottom-close {
    width: 100%;
    height: 100%;
    border-radius: 52.03125vw;
    background: rgba(225, 225, 227, 1);
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section26-Btn-bottom:hover .section26-Btn-bottom-close {
        background: rgba(225, 225, 227, 0.8);
    }
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section26 {
        padding: 16.66666666vw 0 27.7777777vw;
    }
    .hw-k-all .section26-center {
        width: 91.111111vw;
    }
    .hw-k-all .section26-ul li {
        width: 43.88888888vw;
        padding: 3.333333333vw 3.333333333vw 3.75vw 3.333333333vw;
    }
    .hw-k-all .section26-ul .section26-li3 {
        padding: 3.333333333vw 3.333333333vw 7.63888888vw 3.333333333vw;
    }
    .hw-k-all .section26-ul .section26-li4 {
        padding: 3.333333333vw 3.333333333vw 7.63888888vw 3.333333333vw;
    }

    .hw-k-all .section26-ul.active1 .section26-li3 {
        transform: translateY(30px);
        opacity: 0;
        transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    }
    .hw-k-all .section26-ul.active1 .section26-li4 {
        transform: translateY(30px);
        opacity: 0;
        transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    }
    .hw-k-all .section26-ul.active3 .section26-li3 {
        transform: translateY(0px);
        opacity: 1;
        transition-delay: 0s;
    }
    .hw-k-all .section26-ul.active3 .section26-li4 {
        transform: translateY(0px);
        opacity: 1;
        transition-delay: 0.15s;
    }
    .hw-k-all .section26-ul li:nth-of-type(n + 3) {
        margin: 3.33333333vw 0 0;
    }
    .hw-k-all .section26-li-img {
        width: 13.888888vw;
        margin: 0 0 4.4444444vw 0;
    }
    .hw-k-all .section26-li-tittle {
        width: 100%;
        font-size:4.4444444vw;
        margin: 0 0 2.222222vw 0;
    }
    .hw-k-all .section26-li-text {
        font-size:3.33333333vw;
    }
    .hw-k-all .section26-li1 .section26-li-text {
        width: 100%;
    }
    .hw-k-all .section26-li2 .section26-li-text {
        width: 100%;
    }
    .hw-k-all .section26-li3 .section26-li-text {
        width: 100%;
    }
    .hw-k-all .section26-li4 .section26-li-text {
        width: 37.36111111vw;
    }
    .hw-k-all .section26-ul .section26-li5 {
        height: 56.1111111vw;
        margin: 3.33333333vw 0 0;
    }
    .hw-k-all .section26-li5-bag {
        bottom: 0.4166666vw;
    }
    .hw-k-all .section26-li5-bag-line {
        height:12.77777777vw;
    }
    .hw-k-all .section26-li5-fornt-box {
        align-items: center;
    }
    .hw-k-all .section26-li5-fornt-icon1 {
        width: 10.2777777vw;
    }
    .hw-k-all .section26-li5-fornt-icon2 {
        width: 10.2777777vw;
    }
    .hw-k-all .section26-li5-fornt-tittle {
        width: 40.8333333vw;
        margin: 0 3.33333333vw 0;
    }
    .hw-k-all .section26-li5-fornt-tittle svg {
        width: 30.83333333vw;
        margin: 0 0 2.222222222vw 0;
    }
    .hw-k-all .section26-li5-fornt-tittle span {
        font-size:5.8333333vw;
        text-indent: 0.6em;
    }
    .hw-k-all .section26-li5-back {
        align-items: flex-start;
    }
    .hw-k-all .section26-li5-back-box {
        width: 81.8055555vw;
    }
    .hw-k-all .section26-li5-back-icon {
        width: 10.555555vw;
        margin: 11.944444444vw 0 3.333333333vw 0;
    }
    .hw-k-all .section26-li5-back-text {
        max-width: 23.611111vw;
        font-size: 3.3333333vw;
    }
    .hw-k-all .section26-Btn-bottom {
        width: 8.88888888vw;
        height: 8.88888888vw;
        bottom: 4.44444444vw;
        right: 4.44444444vw;
    }
    .hw-k-all .section26-Btn-bottom-bag span:nth-of-type(1) {
        height: 4.02777777vw;
        inset: 0.83333333vw 1.25vw auto 1.25vw;
    }
    .hw-k-all .section26-Btn-bottom-bag span:nth-of-type(2) {
        height: 1.94444444vw;
        inset: auto 1.666666vw 1.11111111vw 1.666666vw;
    }
}

/* sec27 */
.hw-k-all .section27 {
    padding: 0 0 10.41666667vw 0;
    overflow: hidden;
    width: 100%;
}
.hw-k-all .section27-center {
    width: 67.5vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
}
.hw-k-all .section27-word {
    width: 30.20833333vw;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
    margin: 4.6875vw 0 0;
}
.hw-k-all .section27-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section27-text {
    font-weight:500;
    color:#6d6f72;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin: 1.66666667vw 0 0;
}
.hw-k-all .section27-text em {
    color: #000;
}
.hw-k-all .section27-img {
    width: 40.3125vw;
    position: absolute;
    right: 0;
    top: 0;
}
.hw-k-all .section27-box {
    width: 100%;
    margin: 5.98958333vw 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 10;
}
.hw-k-all .section27-number {
    max-width: 31.25vw;
}
.hw-k-all .section27-number-tip {
    font-weight:500;
    color:#6d6f72;
    font-size:1.25vw;
    line-height: 1.25;
}
.hw-k-all .section27-number ul {
    margin: 1.25vw 0 0;
    display: flex;
}
.hw-k-all .section27-number ul li:not(:last-of-type) {
    margin: 0 2.08333333vw 0 0;
}
.hw-k-all .section27-number-time {
    font-weight:500;
    color:#8da4ea;
    font-size:2.08333333vw;
    line-height: 1.25;
}
.hw-k-all .section27-number-time span {
    font-size: 1.04166667vw;
}
.hw-k-all .section27-number-text {
    font-weight:500;
    color: #6D6F72;
    font-size:0.9375vw;
    line-height: 1.6;
    margin: 0.41666667vw 0 0.83333333vw;
}
.hw-k-all .section27-number-line {
    opacity:60%;
    width:7.70833333vw;
    height:0px;
    border-top:1px solid;
    border-color:#969699;
}
.hw-k-all .section27-icon {
    width: 8.59375vw;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section27 {
        padding: 0 0 27.77777vw 0;
    }
    .hw-k-all .section27-center {
        width: 100%;
    }
    .hw-k-all .section27-word {
        width: 79.861111vw;
        margin: 0 0 0 11.111111vw;
    }
    .hw-k-all .section27-tittle {
        font-size:8.888888vw;
    }
    .hw-k-all .section27-text {
        font-size:4.444444vw;
        margin: 4.444444vw 0 0;
    }
    .hw-k-all .section27-img {
        width: 100%;
        position: static;
        right: 0;
        top: 0;
        margin: 6.527777vw 0 3.888888vw;
    }
    .hw-k-all .section27-box {
        width: 91.111111vw;
        margin: 0 auto 0;
        display: flex;
        flex-direction: column;
        justify-content: initial;
        align-items: center;
        background: #f9fafa;
        padding: 8.8888888vw 0;
    }
    .hw-k-all .section27-number {
        max-width: 83.333333333vw;
        width: 83.333333333vw;
    }
    .hw-k-all .section27-number-tip {
        font-size:5.55555555vw;
        text-align: center;
    }
    .hw-k-all .section27-number ul {
        margin: 4.444444444vw 0 0;
        padding: 4.1666666vw 0 0;
        justify-content: space-between;
        position: relative;
    }
    .hw-k-all .section27-number ul::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 48.0555555vw;
        border-top:1px solid;
        border-color:rgba(150, 150, 153, 0.6);
    }
    .hw-k-all .section27-number ul li:not(:last-of-type) {
        margin: 0 2.77777777vw 0 0;
    }
    .hw-k-all .section27-number-time {
        font-size:5.555555555vw;
    }
    .hw-k-all .section27-number-time span {
        font-size: 3.88888888vw;
    }
    .hw-k-all .section27-number-text {
        font-size:3.33333333333vw;
        margin: 0.83333333vw 0 0;
    }
    .hw-k-all .section27-number-line {
        display: none;
    }
    .hw-k-all .section27-icon {
        width: 42.7777777vw;
        margin: 4.44444444vw 0 0;
    }
}


/* sec30 */
.hw-k-all .section30 {
    width: 100%;
    padding: 0 0 10.41666667vw 0;
    overflow: hidden;
}
.hw-k-all .section30-center {
    width:100%;
}
.hw-k-all .section30-word {
    width:  67.5vw;
    margin: 0 auto 2.5vw;
    text-align: center;
}
.hw-k-all .section30-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-k-all .section30-number {
    width: 55.20833333vw;
    margin: 0 auto 2.91666667vw;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.hw-k-all .section30-number li {
    max-width: 11.9375vw;
}
.hw-k-all .section30-number-tittle {
    font-weight:500;
    color:#000;
    font-size:1.66666667vw;
    line-height: 1.25;
}
.hw-k-all .section30-number-tittle span {
    font-size: 1.04166667vw;
    margin: 0 0 0 0.52083333vw;
}
.hw-k-all .section30-number-text {
    font-weight:500;
    color:#6d6f72;
    font-size:0.9375vw;
    line-height: 1.6;
    margin: 0.83333333vw 0 0;
}
.hw-k-all .section30-img {
    width: 100%;
    position: relative;
}
.hw-k-all .section30-img-bag {
    position: absolute;
    left: 0;
    top: -8.02083333vw;
    width:100%;
    height:49.63541667vw;
}
.hw-k-all .section30-img-box {
    width: 55.20833333vw;
    position: relative;
    margin: 0 auto;
}
.hw-k-all .section30-img-back {
    width: 100%;
}
.hw-k-all .section30-img-fornt {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s ease;
}
.hw-k-all .section30-img.active .section30-img-fornt {
    opacity: 1;
}
.hw-k-all .section30-img-border {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.hw-k-all .section30-ul {
    width: 67.5vw;
    margin: 7.23958333vw auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hw-k-all .section30-li {
    background:#f9fafa;
    width: 21.66666667vw;
    padding: 2.08333333vw 0 2.60416667vw 2.08333333vw;
}
.hw-k-all .section30-li1 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section30-li2 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section30-li3 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section30-li4 {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section30-ul.active1 .section30-li1 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0s;
}
.hw-k-all .section30-ul.active1 .section30-li2 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.15s;
}
.hw-k-all .section30-ul.active1 .section30-li3 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.3s;
}
.hw-k-all .section30-ul.active4 .section30-li4 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0s;
}
.hw-k-all .section30-li-img {
    width: 3.125vw;
    margin: 0 0 1.25vw 0;
}
.hw-k-all .section30-li3 {
    padding: 2.08333333vw 0 2.08333333vw 2.08333333vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hw-k-all .section30-li3 .section30-li-img {
    width: 11.04166667vw;
    margin: 0 0 1.92708333vw 0;
}
.hw-k-all .section30-li-tittle {
    font-weight:500;
    color:#000000;
    font-size:1.66666667vw;
    line-height: 1.25;
    margin: 0 0 0.83333333vw 0;
}
.hw-k-all .section30-li-text {
    width: 17.44791667vw;
    font-weight:500;
    color:#6d6f72;
    font-size:0.9375vw;
    line-height: 1.6;
}
.hw-k-all .section30-li1 .section30-li-text {
    width: 18.22916667vw;
}
.hw-k-all .section30-li2 .section30-li-text {
    width: 16.66666667vw;
}
.hw-k-all .section30-li3 .section30-li-text {
    width: 17.08333333vw;
}
.hw-k-all .section30-li4 {
    width: 100%;
    margin: 1.25vw 0 0;
    display: flex;
    justify-content: space-between;
    padding: 0 5.3125vw 0 9.47916667vw;
}
.hw-k-all .section30-li4-word {
    width: 28.64583333vw;
    padding: 7.8125vw 0 0;
}
.hw-k-all .section30-li4-tittle {
    font-weight:500;
    color:#000000;
    font-size:2.08333333vw;
    line-height: 1.25;
    margin: 0 0 1.04166667vw 0;
}
.hw-k-all .section30-li4-text {
    width: 100%;
    font-weight:500;
    color:rgba(109, 111, 114,0.8);
    font-size:1.14583333vw;
    line-height: 1.6;
}
.hw-k-all .section30-hint {
    font-weight:500;
    color:rgba(109, 111, 114,0.6);
    font-size:max(8px,0.625vw);
    line-height: 1.6;
    margin: 2.70833333vw 0 0;
}
.hw-k-all .section30-li4-img {
    width: 24.58333333vw;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section30 {
        padding: 0 0 27.7777777vw 0;
    }
    .hw-k-all .section30-word {
        width:  77.77777777vw;
        margin: 0 auto 8.8888888vw;
        text-align: left;
    }
    .hw-k-all .section30-tittle {
        font-size:8.88888888vw;
    }
    .hw-k-all .section30-number {
        width: 85vw;
        margin: 0 0 11.25vw 11.11111111vw;
        flex-wrap: wrap;
    }
    .hw-k-all .section30-number li {
        max-width: 38.88888VW;
    }
    .hw-k-all .section30-number li:nth-of-type(odd) {
        width: 38.88888vw;
    }
    .hw-k-all .section30-number li:nth-of-type(even) {
        width: 36.944444vw;
    }
    .hw-k-all .section30-number li:nth-of-type(n + 3) {
        margin: 7.77777777vw 0 0;
    }
    .hw-k-all .section30-number-tittle {
        font-size:6.66666666vw;
    }
    .hw-k-all .section30-number-tittle span {
        font-size: 3.88888888vw;
        margin: 0 0 0 1.38888888vw;
    }
    .hw-k-all .section30-number-text {
        font-size:3.33333333vw;
        margin: 1.666666666vw 0 0;
    }
    .hw-k-all .section30-img-bag {
        top: -11.11111111vw;
        height:71.1111111vw;
    }
    .hw-k-all .section30-img-box {
        width: 100%;
    }
    .hw-k-all .section30-ul {
        width: 100%;
        margin: 8.33333333vw auto 0;
        justify-content: center;
    }
    .hw-k-all .section30-li {
        background:#f9fafa;
        width: 91.11111111vw;
        padding: 4.44444444vw 8.88888888vw;
    }
    .hw-k-all .section30-ul.active1 .section30-li2 {
        transform: translateY(30px);
        opacity: 0;
        transition-delay: 0s;
    }
    .hw-k-all .section30-ul.active1 .section30-li3 {
        transform: translateY(30px);
        opacity: 0;
        transition-delay: 0s;
    }
    .hw-k-all .section30-ul.active2 .section30-li2 {
        transform: translateY(0);
        opacity: 1;
        transition-delay: 0s;
    }
    .hw-k-all .section30-ul.active3 .section30-li3 {
        transform: translateY(0);
        opacity: 1;
        transition-delay: 0s;
    }

    .hw-k-all .section30-li:nth-of-type(n + 2) {
        margin: 2.7777777vw 0 0;
    }
    .hw-k-all .section30-li-img {
        width: 11.6666666vw;
        margin: 0 0 4.44444444vw 0;
    }
    .hw-k-all .section30-li3 {
        padding: 8.88888888vw 8.88888888vw 4.44444444vw 8.88888888vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hw-k-all .section30-li3 .section30-li-img {
        width: 32.3611111vw;
        margin: 0 0 4.44444444vw 0;
    }
    .hw-k-all .section30-li-tittle {
        font-size:4.4444444vw;
        margin: 0 0 2.2222222vw 0;
    }
    .hw-k-all .section30-li-text {
        width: 100%;
        font-size:3.8888888vw;
    }
    .hw-k-all .section30-li1 .section30-li-text {
        width: 100%;
    }
    .hw-k-all .section30-li2 .section30-li-text {
        width: 100%;
    }
    .hw-k-all .section30-li3 .section30-li-text {
        width: 100%;
    }
    .hw-k-all .section30-li4 {
        background:#f9fafa;
        width: 91.1111111vw;
        margin: 2.2222222vw 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 6.6666666vw 0 0;
    }
    .hw-k-all .section30-li4-word {
        width: 76.5277777vw;
        margin: 0 0 4.7222222222vw 6.66666666vw;
        padding: 0;
    }
    .hw-k-all .section30-li4-tittle {
        font-size:5.555555555vw;
        margin: 0 0 4.4444444vw 0;
    }
    .hw-k-all .section30-li4-text {
        font-size:3.8888888vw;
    }
    .hw-k-all .section30-hint {
        font-size:2.2222222vw;
        margin: 4.4444444vw 0 0;
        text-align: center;
    }
    .hw-k-all .section30-li4-img {
        width: 100%;
        margin: 0 auto;
    }
}

/* sec28 */
.hw-k-all .section28 {
    padding: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0 10.41666667vw 0;
}

.hw-k-all .section28-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section28-swiper .swiper-slide:not(:last-of-type) {
    margin: 0 1.25vw 0 0;
    position: relative;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section28-swiper .swiper-slide:not(.swiper-slide-active){
        cursor: pointer;
    }
}
.hw-k-all .section28-swiper .section28-video {
    height: 34.375vw;
    width: 100%;
    position: relative;
}
.hw-k-all .section28-swiper .section28-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hw-k-all .section28-hint {
    font-weight:500;
    color:rgba(109, 111, 114, 0.6);
    font-size:max(8px,0.625vw);
    line-height: 1.6;
    position: absolute;
    top: calc(100% + 0.83333333vw);
    right: 0;
}
.hw-k-all .section28-tittle {
    font-weight:500;
    color:#f5f5f7;
    font-size:2.08333333vw;
    line-height: 1.25;
    position: absolute;
    left: 2.08333333vw;
    top: 2.08333333vw;
    z-index: 10;
}
.hw-k-all .section28-text {
    width: 54.0625vw;
    margin: 3.33333333vw 0 0 0.83333333vw;
    font-weight: 500;
    color: #6d6f72;
    font-size: 1.14583333vw;
    line-height: 1.6;
}
.hw-k-all .section28-text em {
    color: #000;
}
.hw-k-all .section28-btn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
}
.hw-k-all .section28-button {
    margin: 2.5vw 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.hw-k-all .section28-button-next {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hw-k-all .section28-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw 0 0;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hw-k-all .section28-button-next svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}
.hw-k-all .section28-button-prev svg {
    transform: translate3d(0, 0, 1px) rotate(180deg);
}

.hw-k-all .section28-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #AB99F6;
    box-shadow: 0px calc(24 / var(--html-width) * -100vw) calc(32 / var(--html-width) * 100vw) #FFFFFF inset;
    z-index: -1;
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-k-all .section28-bottom-bag span:nth-of-type(1) {
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter: blur(5px);
    position: absolute;
    height: 1.14583333vw;
    inset: 0.26041667vw 0.36458333vw auto 0.36458333vw;
}

.hw-k-all .section28-bottom-bag span:nth-of-type(2) {
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 52.03125vw;
    filter: blur(5px);
    position: absolute;
    height: 0.52083333vw;
    inset: auto 0.46875vw 0.3125vw 0.46875vw;
}
@media (hover: hover) and (pointer: fine) {
    .hw-k-all .section28-button-prev,
    .hw-k-all .section28-button-next {
        cursor: pointer;
    }

    .hw-k-all .section28-button-prev:hover .section28-bottom-bag,
    .hw-k-all .section28-button-next:hover .section28-bottom-bag {
        opacity: 0.8;
    }
    .hw-k-all .section28-button-prev:hover svg,
    .hw-k-all .section28-button-next:hover svg {
        opacity: 0.6;
    }
}
.hw-k-all .section28-button-prev.swiper-button-disabled,
.hw-k-all .section28-button-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.hw-k-all .section28-button-prev.swiper-button-disabled .section28-bottom-bag,
.hw-k-all .section28-button-next.swiper-button-disabled .section28-bottom-bag {
    opacity: 1;
}
.hw-k-all .section28-button-prev.swiper-button-disabled svg,
.hw-k-all .section28-button-next.swiper-button-disabled svg {
    opacity: 1;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section28 {
        padding: 0 0 27.777777vw 0;
    }

    .hw-k-all .section28-center {
        width: 82.22222vw;
        margin: 0 auto 0 11.1111111vw;
    }

    .hw-k-all .section28-swiper .swiper-slide:not(:last-of-type) {
        margin: 0 4.4444444vw 0 0;
    }

    .hw-k-all .section28-swiper .section28-video {
        height: 69.444444vw;
    }

    .hw-k-all .section28-hint {
        color:rgba(109, 111, 114, 0.8);
        font-size:2.77777777vw;
        position: static;
        top: 0;
        right: 0;
        margin: 3.3333333vw 0 0;
    }

    .hw-k-all .section28-tittle {
        width: 77.777777vw;
        margin: 0 auto 8.88888888vw;
        font-size:8.88888888vw;
        color: #000;
        position: static;
    }

    .hw-k-all .section28-text {
        width: 77.9166666vw;
        margin: 6.666666vw 0 0 2.2222222vw;
        font-size: 4.44444444vw;
    }

    .hw-k-all .section28-btn {
        right: 3.3333333vw;
        bottom: 3.3333333vw;
    }

    .hw-k-all .section28-button {
        margin: 11.1111111vw 2.2222222vw 0 auto;
        display: flex;
        justify-content: flex-end;
    }

    .hw-k-all .section28-button-next {
        width: 11.1111111vw;
        height: 11.11111111vw;
    }

    .hw-k-all .section28-button-prev {
        width: 11.1111111vw;
        height: 11.11111111vw;
        margin: 0 5.55555vw 0 0;
    }
    .hw-k-all .section28-bottom-bag span:nth-of-type(1) {
        height: 5.1388888vw;
        inset: 0.9722222vw 1.6666666vw auto 1.52777777vw;
    }
    .hw-k-all .section28-bottom-bag span:nth-of-type(2) {
        height: 2.361111vw;
        inset: auto 2.083333vw 1.52777777vw 2.083333vw;
    }
}


/* sec29 */
.hw-k-all .section29 {
    width: 100%;
    overflow: hidden;
}
.hw-k-all .section29-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-k-all .section29-tittle {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    margin: 0 0 3.33333333vw 0;
    text-align: center;
}
.hw-k-all .section29-center ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hw-k-all .section29-li1 {
    width: 100%;
    background:#f9fafa;
    padding: 0 17.65625vw 0 12.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hw-k-all .section29-li1 .section29-img {
    width: 15.9375vw;
    margin: 1.82291667vw 0 0;
}
.hw-k-all .section29-li2 {
    width: 33.125vw;
    background:#f9fafa;
    padding: 2.5vw 2.5vw 0 2.5vw;
    margin: 1.25vw 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hw-k-all .section29-li2 .section29-img {
    width: 20.83333333vw;
    margin: 1.875vw auto 0; 
}
.hw-k-all .section29-li3 {
    width: 33.125vw;
    background:#f9fafa;
    padding: 2.5vw 2.5vw 0 2.5vw;
    margin: 1.25vw 0 0;
    position: relative;
}
.hw-k-all .section29-border {
    width: 10.9375vw;
    height: 22.70833333vw;
    margin: 0.78125vw auto 1.14583333vw;
    position: relative;
    z-index: 10;
}
.hw-k-all .section29-li3 .section29-video {
    position: absolute;
    top: 0.15625vw;
    left: 0.26041667vw;
    width: 10.3125vw;
    height: 22.29166667vw;
    border-radius: 1.5625vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
    z-index: -1;
    overflow: hidden;
}
.hw-k-all .section29-video video {
    object-fit: cover;
}
.hw-k-all .section29-btn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
}
.hw-k-all .section29-text {
    width: 15.625vw;
    color:#6d6f72;
    font-size:1.04166667vw;
    line-height: 1.6;
    font-weight: 400;
}
.hw-k-all .section29-text p {
    font-weight:500;
    color:#000;
    line-height: 1.25;
    font-size:1.66666667vw;
    margin: 0 0 0.83333333vw 0;
}
.hw-k-all .section29-li {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.hw-k-all .section29 ul.active1 .section29-li1 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0s;
}
.hw-k-all .section29 ul.active2 .section29-li2 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0s;
}
.hw-k-all .section29 ul.active2 .section29-li3 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.15s;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .section29-center {
        width: 91.11111111vw;
    }
    .hw-k-all .section29-tittle {
        width: 77.7777777vw;
        font-size:8.888888vw;
        margin: 0 auto 8.888888vw;
        text-align: left;
    }
    .hw-k-all .section29-li1 {
        width: 100%;
        background:#f9fafa;
        padding: 6.66666666666vw 6.66666666666vw 0 6.66666666666vw;
        display: block;
    }
    .hw-k-all .section29-li1 .section29-img {
        width: 100%;
        margin: 11.1111111vw auto 0;
    }
    .hw-k-all .section29-li2 {
        width: 100%;
        padding: 6.66666666666vw 6.66666666666vw 0 6.66666666666vw;
        margin: 3.3333333vw 0 0;
    }
    .hw-k-all .section29-li2 .section29-img {
        width: 100%;
        margin: 11.1111111vw auto 0;
    }
    .hw-k-all .section29-li3 {
        width: 100%;
        padding: 6.66666666666vw 6.66666666666vw 0 6.66666666666vw;
        margin: 3.3333333vw 0 0;
    }
    .hw-k-all .section29-border {
        width: 43.75vw;
        height: 90.8152777vw;
        margin: 8.33333333vw auto 8.33333333vw;
    }
    .hw-k-all .section29-li3 .section29-video {
        width: 41.25vw;
        height: 88.3333333vw;
        top: 1vw;
        left: 1.25vw;
        border-radius: 4.16666666vw;
    }
    .hw-k-all .section29-btn {
        right: 3.3333333vw;
        bottom: 3.3333333vw;
    }
    .hw-k-all .section29-text {
        width: 100%;
        font-size:4.44444444vw;
        font-weight: 500;
    }
    .hw-k-all .section29-text p {
        font-weight:500;
        display: inline-block;
        line-height: 1.6;
        font-size:4.44444444vw;
        margin: 0;
    }
    .hw-k-all .section29 ul.active2 .section29-li3 {
        transform: translateY(30px);
        opacity: 0;
        transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    }
    .hw-k-all .section29 ul.active3 .section29-li3 {
        transform: translateY(0px);
        opacity: 1;
        transition-delay: 0.15s;
    }
}


.hw-k-all .riseAnimation {
    transform: translateY(0px);
    opacity: 1;
}
.hw-k-all .riseAnimation1 {
    transform: translateY(0px);
    opacity: 1;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-k-all .riseAnimation {
        transform: translateY(30px);
        opacity: 0;
        transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    }
    .hw-k-all .riseAnimation.riseActive {
        transform: translateY(0px);
        opacity: 1;
    }
    .hw-k-all .riseAnimation1 {
        transform: translateY(30px);
        opacity: 0;
        transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    }
    .hw-k-all .riseAnimation1.riseActive {
        transform: translateY(0px);
        opacity: 1;
    }
}