[data-v-5230dafd]:export {
    edgeMargin: 16.6667vw
}

.product-section2[data-v-5230dafd] {
    background: #efefef;
    overflow: hidden;
    padding: 0 16.6667vw 5.7292vw
}

.product-section2 .section-title[data-v-5230dafd] {
    align-items: flex-end;
    color: #262626;
    display: flex;
    justify-content: space-between;
    margin-top: 9.1666666667vw
}

.product-section2 .section-title .title[data-v-5230dafd] {
    font-size: 2.34375vw;
    transform-origin: left
}

.product-section2 .section-title .en-title[data-v-5230dafd] {
    font-size: .8333vw;
    transform-origin: right
}

.product-section2 .main-product-list[data-v-5230dafd] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    padding-top: 5.2083vw
}

.product-section2 .main-product-list .mp-item[data-v-5230dafd] {
    overflow: hidden;
    width: 100%
}

.product-section2 .main-product-list .mp-item img[data-v-5230dafd] {
    margin-bottom: 2.0833vw;
    transform: scale(1);
    aspect-ratio: 1 / 1;
    object-fit: contain;
    transform-origin: top;
    transition: transform 1.5s;
    width: 100%;
}

.product-section2 .main-product-list .mp-item h4[data-v-5230dafd] {
    font-size: .937vw;
    line-height: 1
}

.product-section2 .main-product-list .mp-item h4[data-v-5230dafd],
.product-section2 .main-product-list .mp-item p[data-v-5230dafd] {
    animation: fadeOutUp;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    color: #262626;
    text-align: center
}

.product-section2 .main-product-list .mp-item p[data-v-5230dafd] {
    word-wrap: break-word;
    font-size: .7292vw;
    margin-top: .5208vw;
    opacity: .7
}

.product-section2 .main-product-list .mp-item.show[data-v-5230dafd] {
    animation: fadeInUp;
    animation-duration: 1.5s
}

.product-section2 .main-product-list .mp-item.show img[data-v-5230dafd] {
    transform: scale(1);
    transition: transform 1.5s
}

.product-section2 .main-product-list .mp-item.active img[data-v-5230dafd],
.product-section2 .main-product-list .mp-item:hover img[data-v-5230dafd] {
    transform: scale(1.05);
    transition: transform 1.5s
}

.product-section2 .main-product-list .mp-item.active h4[data-v-5230dafd],
.product-section2 .main-product-list .mp-item.active p[data-v-5230dafd],
.product-section2 .main-product-list .mp-item:hover h4[data-v-5230dafd],
.product-section2 .main-product-list .mp-item:hover p[data-v-5230dafd] {
    animation: fadeInDown;
    animation-duration: 1.5s
}

.product-section2 .en-desc[data-v-5230dafd] {
    color: #262626;
    font-size: .78125vw;
    margin: 2.6042vw auto 0;
    opacity: .8;
    text-align: center;
    width: 45.2083333vw
}

[data-v-b31e8cd8]:export {
    edgeMargin: 16.6667vw
}

.home-collection-wrap[data-v-b31e8cd8] {
    background: #000;
    height: 100vh;
    position: relative
}

.home-collection-wrap[data-v-b31e8cd8]:after {
    background: #fff;
    bottom: 14%;
    content: "";
    left: 14.0104vw;
    opacity: .5;
    position: absolute;
    top: 22.722%;
    width: 1px;
    z-index: 1
}

.home-collection-wrap .swiper-container[data-v-b31e8cd8] {
    height: 100vh
}

.home-collection-wrap .swiper-container .banner-img[data-v-b31e8cd8] {
    filter: brightness(.8);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.home-collection-wrap[data-v-b31e8cd8] .swiper-slide img {
    transform: scale(1);
    transition: all 1.5s
}

.home-collection-wrap[data-v-b31e8cd8] .swiper-slide-active img {
    transform: scale(1.1);
    transition: all 5s ease-out
}

.title-wrap[data-v-b31e8cd8] {
    align-items: flex-start;
    color: #fff;
    display: flex;
    justify-content: space-between;
    left: 16.6667vw;
    position: absolute;
    right: 16.6667vw;
    top: 11.25vw;
    z-index: 3
}

.title-wrap .title[data-v-b31e8cd8] {
    font-size: 2.6042vw;
    font-weight: 700;
    letter-spacing: 3px;
    opacity: 0;
    transition: letter-spacing 1s
}

.title-wrap .sub-title[data-v-b31e8cd8] {
    font-size: 1.3541vw;
    letter-spacing: .2604vw;
    margin-top: .5208vw;
    opacity: 0
}

.title-wrap .en-sub-title[data-v-b31e8cd8] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 1.0417vw;
    opacity: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    width: 22vw
}

.title-wrap.active .title[data-v-b31e8cd8] {
    letter-spacing: 1.5625vw;
    opacity: 1;
    transition: letter-spacing 4.5s ease-out, opacity 1.5s;
    transition-timing-function: ease-out
}

.title-wrap.active .sub-title[data-v-b31e8cd8] {
    letter-spacing: .36458333vw;
    opacity: 1;
    transition: letter-spacing 4.5s, opacity 1.5s;
    transition-timing-function: ease-out
}

.title-wrap.active .en-sub-title[data-v-b31e8cd8] {
    animation: fadeIn;
    animation-duration: 3s;
    opacity: 1
}

.en-title-wrap[data-v-b31e8cd8] {
    bottom: 8.7718vw;
    left: 16.6667vw;
    position: absolute;
    z-index: 3
}

.en-title-wrap .en-title-item[data-v-b31e8cd8] {
    animation-fill-mode: backwards;
    color: #fefefe;
    cursor: pointer;
    font-size: 2.8646vw;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.2;
    margin-bottom: 1.0417vw;
    opacity: .35
}

.en-title-wrap .en-title-item.active[data-v-b31e8cd8] {
    opacity: 1;
    transition: opacity 1.5s
}

.label-wrap[data-v-b31e8cd8] {
    align-items: center;
    bottom: 6.771vw;
    display: flex;
    flex-direction: column;
    justify-items: center;
    position: absolute;
    right: 16.6667vw;
    z-index: 3
}

.label-wrap .more-btn[data-v-b31e8cd8] {
    border-radius: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    margin-bottom: 1.5625vw;
    width: 7.8125vw
}

.label-wrap .label[data-v-b31e8cd8] {
    color: transparent;
    font-size: 9.375vw;
    line-height: .72;
    text-shadow: 0 0 1px hsla(0, 0%, 100%, .35)
}

.label-wrap2[data-v-b31e8cd8] {
    align-items: flex-end;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .55));
    bottom: 0;
    display: flex;
    height: 15.625vw;
    justify-content: flex-end;
    left: 0;
    mix-blend-mode: overlay;
    position: absolute;
    right: 0;
    z-index: 2
}

.label-wrap2 .label[data-v-b31e8cd8] {
    color: hsla(0, 0%, 100%, .65);
    font-size: 9.375vw;
    line-height: .72;
    margin-right: 4.1666vw
}

@media screen and (max-width:1080px) {

    .home-collection-wrap .swiper-container[data-v-b31e8cd8],
    .home-collection-wrap[data-v-b31e8cd8] {
        height: 56.25vw
    }
}

[data-v-8992c1c8]:export {
    edgeMargin: 16.6667vw
}

.more-btn[data-v-8992c1c8] {
    display: inline-block;
    height: 3.125vw;
    line-height: 3.125vw;
    position: relative;
    width: 7.8125vw
}

.more-btn .wave-svg[data-v-8992c1c8] {
    bottom: .2604vw;
    height: .5208vw;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .5s;
    width: 0
}

.more-btn .wave-svg path[data-v-8992c1c8] {
    height: 100%;
    width: 100%
}

.more-btn:hover .wave-svg[data-v-8992c1c8] {
    opacity: 1;
    transition: opacity 1.5s;
    width: 100%
}

[data-v-76761318]:export {
    edgeMargin: 16.6667vw
}

.product-section3[data-v-76761318] {
    background: #efefef;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 0 16.6667vw 5.7292vw
}

.product-section3 .section-title[data-v-76761318] {
    align-items: flex-end;
    color: #262626;
    display: flex;
    justify-content: space-between;
    margin-top: 9.1666666667vw
}

.product-section3 .section-title .title[data-v-76761318] {
    font-size: 2.34375vw;
    transform-origin: left
}

.product-section3 .section-title .en-title[data-v-76761318] {
    font-size: .8333vw;
    transform-origin: right
}

.product-section3 .space-list[data-v-76761318] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 5.2083vw
}

.product-section3 .space-list .sp-item[data-v-76761318] {
    border-radius: .625vw;
    margin-bottom: 2.0833vw;
    position: relative;
    transition: all 1.5s;
    width: calc(50% - .52085vw)
}

.product-section3 .space-list .sp-item .sp-content[data-v-76761318] {
    border-radius: .625vw;
    overflow: hidden;
    position: relative
}

.product-section3 .space-list .sp-item img[data-v-76761318] {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.1);
    transform-origin: center;
    width: 100%
}

.product-section3 .space-list .sp-item .mask[data-v-76761318] {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 3.385416vw;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    transition: height 1.5s;
    z-index: 1
}

.product-section3 .space-list .sp-item .mask .link-arr[data-v-76761318] {
    display: none;
    opacity: 0;
    transition: opacity 1.5s
}

.product-section3 .space-list .sp-item .mask h4[data-v-76761318] {
    color: #fff;
    font-size: 1.3541vw;
    line-height: 1;
    text-align: center
}

.product-section3 .space-list .sp-item[data-v-76761318]:nth-child(2n) {
    transform-origin: left center
}

.product-section3 .space-list .sp-item[data-v-76761318]:nth-child(odd) {
    transform-origin: right center
}

.product-section3 .space-list .sp-item.show[data-v-76761318] {
    animation: fadeInUp;
    animation-duration: 1.5s
}

.product-section3 .space-list .sp-item.show img[data-v-76761318] {
    transform: scale(1) !important;
    transition: transform 1.5s
}

.product-section3 .space-list .sp-item[data-v-76761318]:hover {
    box-shadow: 0 4.1666vw 3.385416vw .5208vw rgba(0, 0, 0, .22);
    transform: scale(1.1);
    transition: all 1.5s
}

.product-section3 .space-list .sp-item:hover .mask[data-v-76761318] {
    height: 100%;
    transition: height 1.5s
}

.product-section3 .space-list .sp-item:hover .link-arr[data-v-76761318] {
    align-items: center;
    background: #003ab3;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 2.0833vw;
    justify-content: center;
    margin-top: .5208vw;
    opacity: 1;
    transition: opacity 1.5s;
    width: 2.0833vw
}