.work-style[data-v-9e889d8d]{background-color:var(--v8c73684c);margin:var(--v506af1ee);padding:var(--v811b33d4)}@media(max-width:1200px){.work-style[data-v-9e889d8d]{margin:var(--v155fdef9);padding:var(--v34880c26)}}@media(max-width:480px){.work-style[data-v-9e889d8d]{margin:var(--de7128b2);padding:var(--v26121538)}}.work-style .box[data-v-9e889d8d]{position:relative}.work-style .box .bg-layer[data-v-9e889d8d]{height:100%;inset:0;position:absolute;width:100%;z-index:0}.work-style .box .bg-layer img[data-v-9e889d8d]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transform-origin:center center;width:100%;will-change:transform}@media(max-width:480px){.work-style .box .bg-layer img[data-v-9e889d8d]{-o-object-fit:contain;object-fit:contain}}.work-style .box .container-default[data-v-9e889d8d]{position:relative;z-index:0}.work-style .box .container-default .content-box .navigation-box[data-v-9e889d8d]{margin:var(--v3253a1ec)}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box[data-v-9e889d8d]{margin:var(--v97239640)}.work-style .box .container-default .content-box .navigation-box .navigation-list[data-v-9e889d8d]{justify-content:center}}.work-style .box .container-default .content-box .navigation-box .navigation-list[data-v-9e889d8d]{background-color:var(--v5b6610a2);box-shadow:var(--v215da7ef);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--v082bc2fa);justify-content:var(--v99e025b6);padding:var(--v7736b860);width:100%}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-list[data-v-9e889d8d]{display:grid;gap:5px 10px;grid-template-columns:repeat(2,1fr)}}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item-solid[data-v-9e889d8d]{background-color:#333;display:block;height:30px;margin:0 35px;position:relative;top:50%;transform:translateY(50%);width:1px}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item-solid[data-v-9e889d8d]{display:none;margin:0 15px}}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item[data-v-9e889d8d]{cursor:pointer;position:relative}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item.active[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item[data-v-9e889d8d]:hover{background-color:var(--v2bf662bb);border-color:var(--v2bf662bb);color:var(--v21537754)}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item.active .underline[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item:hover .underline[data-v-9e889d8d]{transform:scaleX(1);transform-origin:center bottom}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item.active .item-bg-img[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item:hover .item-bg-img[data-v-9e889d8d]{opacity:1}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item.active .list-item-content[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item:hover .list-item-content[data-v-9e889d8d]{background-color:var(--v2bf662bb);border-color:var(--v2bf662bb);color:var(--v21537754)}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item .underline[data-v-9e889d8d]{background-color:#0072ce;display:block;height:3px;position:absolute;top:100%;transform:scaleX(0);transform-origin:center bottom;transition:all .3s;width:100%}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item .underline[data-v-9e889d8d]{display:none}}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item .item-bg-img[data-v-9e889d8d]{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;width:100%;z-index:0}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item .list-item-content[data-v-9e889d8d]{align-items:center;background-color:var(--v5b6610a2);color:var(--v73e74134);display:flex;flex-direction:column;position:relative;z-index:1}.work-style .box .container-default .content-box .navigation-box .navigation-list .list-item .list-item-content p[data-v-9e889d8d]{font-weight:var(--fcd1c1fa)}.work-style .box .container-default .content-box .navigation-box .navigation-style-1[data-v-9e889d8d]{border-radius:var(--v36f977fa)}.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item.active[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item[data-v-9e889d8d]:hover{background-color:unset;border-color:unset;color:unset}.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item.active[data-v-9e889d8d]:after,.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item.active[data-v-9e889d8d]:before,.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item[data-v-9e889d8d]:hover:after,.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item[data-v-9e889d8d]:hover:before{border-color:var(--v2bf662bb)}.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .first[data-v-9e889d8d]:before{background-color:var(--v5b6610a2);border-bottom:solid var(--v296b56bb);border-bottom-left-radius:var(--v36f977fa);border-left:solid var(--v296b56bb);border-top:solid var(--v296b56bb);border-top-left-radius:var(--v36f977fa);bottom:0;box-sizing:border-box;content:"";font-size:16px;font-weight:var(--fcd1c1fa);left:-10px;padding:20px;position:absolute;top:0;z-index:1}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .first[data-v-9e889d8d]:before{border-bottom-width:1px;border-left-width:1px;border-top-width:1px}}.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .last[data-v-9e889d8d]:after{background-color:var(--v5b6610a2);border-bottom:solid var(--v296b56bb);border-bottom-right-radius:var(--v36f977fa);border-right:solid var(--v296b56bb);border-top:solid var(--v296b56bb);border-top-right-radius:var(--v36f977fa);bottom:0;box-sizing:border-box;content:"";font-size:16px;font-weight:var(--fcd1c1fa);padding:20px;position:absolute;right:-10px;top:0}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .last[data-v-9e889d8d]:after{border-bottom-width:1px;border-right-width:1px;border-top-width:1px}.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .first[data-v-9e889d8d]:after,.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .first[data-v-9e889d8d]:before,.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .last[data-v-9e889d8d]:after,.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .last[data-v-9e889d8d]:before{display:none}}.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item-content[data-v-9e889d8d]{border:solid var(--v296b56bb);border-radius:var(--v36f977fa);box-sizing:border-box;padding:var(--v5503be17);transform:skew(-17deg)}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item-content[data-v-9e889d8d]{padding:5px 15px;transform:skew(0)}}.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item-content p[data-v-9e889d8d]{transform:skew(17deg)}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-style-1 .list-item-content p[data-v-9e889d8d]{transform:skew(0)}}.work-style .box .container-default .content-box .navigation-box .navigation-style-2[data-v-9e889d8d]{border-radius:var(--v257c7e7b)}.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item[data-v-9e889d8d]{border:solid var(--v296b56bb);border-radius:var(--v257c7e7b);padding:var(--v5cb56376)}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item[data-v-9e889d8d]{background-color:#fff;border-color:#00a0e9;border-width:1px;padding:5px 10px}}.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item.active[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item[data-v-9e889d8d]:hover{background-color:var(--v2bf662bb);border-color:var(--v2bf662bb);color:var(--v21537754)}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item.active[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item[data-v-9e889d8d]:hover{background-color:#00a0e9;border-color:#00a0e9;color:#fff}}.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item.active .list-item-content[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-style-2 .list-item:hover .list-item-content[data-v-9e889d8d]{background-color:unset;border-color:unset;color:unset}.work-style .box .container-default .content-box .navigation-box .navigation-style-3[data-v-9e889d8d]{border-radius:var(--v257c7e7b);flex-wrap:nowrap}.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item[data-v-9e889d8d]{background-color:var(--v5b6610a2);border:solid var(--v296b56bb);border-radius:var(--v13ff84fc);padding:var(--v646708d5)}@media(max-width:480px){.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item[data-v-9e889d8d]{border-width:1px;padding:10px 20px}}.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item.active[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item[data-v-9e889d8d]:hover{background-color:var(--v2bf662bb);border-color:var(--v2bf662bb);color:var(--v21537754)}.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item.active .list-item-content[data-v-9e889d8d],.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item:hover .list-item-content[data-v-9e889d8d]{background-color:unset;border-color:unset;color:unset}.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item .list-item-content .item-name[data-v-9e889d8d]{font-weight:var(--fcd1c1fa);position:relative}.work-style .box .container-default .content-box .navigation-box .navigation-style-3 .list-item .list-item-content .item-name .dividing-line[data-v-9e889d8d]{align-items:center;background-color:var(--v6317c29d);content:"";display:flex;justify-content:center;left:var(--v7db484e6);position:absolute;top:var(--v6111db0f);width:var(--v642ec100)}@media(max-width:480px){.work-style .box .container-default .content-box .case-box[data-v-9e889d8d]{display:none}}.work-style .box .container-default .content-box .case-box .left-img-box[data-v-9e889d8d]{display:flex;flex-direction:var(--v43754782);gap:var(--v7d5fdbbc);justify-content:center;width:100%}@media(max-width:480px){.work-style .box .container-default .content-box .case-box .left-img-box[data-v-9e889d8d]{flex-direction:column}}.work-style .box .container-default .content-box .case-box .left-img-box .img-row[data-v-9e889d8d]{display:grid;gap:var(--row-g);grid-template-columns:repeat(var(--grid-t-c),1fr);height:var(--row-h)}@media(max-width:480px){.work-style .box .container-default .content-box .case-box .left-img-box .img-row[data-v-9e889d8d]{gap:var(--row-g-phone);grid-template-columns:repeat(var(--grid-t-c-phone),1fr);height:var(--row-h-phone);min-height:0}.work-style .box .container-default .content-box .case-box .left-img-box .img-row.row-overflow[data-v-9e889d8d]{height:auto;min-height:var(--row-h-phone)}}.work-style .box .container-default .content-box .case-box .left-img-box .img-row .img-item[data-v-9e889d8d]{align-items:center;display:flex;flex-direction:column;height:var(--row-h)!important;transition:all .4s;width:var(--item-w)!important}@media(max-width:480px){.work-style .box .container-default .content-box .case-box .left-img-box .img-row .img-item[data-v-9e889d8d]{height:var(--row-h-phone)!important;width:var(--item-w-phone)!important}}.work-style .box .container-default .content-box .case-box .left-img-box .img-row .img-item:hover.shadow-animation[data-v-9e889d8d]{box-shadow:var(--v4fbddc40)}.work-style .box .container-default .content-box .case-box .left-img-box .img-row .img-item:hover.transform-scale .img-video-box .default-img[data-v-9e889d8d]{transform:scale(1.05)}.work-style .box .container-default .content-box .case-box .pagination[data-v-9e889d8d]{align-items:center;display:flex;justify-content:center;padding-top:90px;width:100%}@media(max-width:480px){.work-style .box .container-default .content-box .case-box .pagination[data-v-9e889d8d]{flex-wrap:wrap;margin-top:10px}}.work-style .box .container-default .content-box .case-box .pagination[data-v-9e889d8d] .el-pagination .el-pager li{background-color:var(--v7ae4767f);border:none;border-radius:var(--d836a718);color:var(--v69155b8d)}@media(max-width:480px){.work-style .box .container-default .content-box .case-box .pagination[data-v-9e889d8d] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .container-default .content-box .case-box .pagination[data-v-9e889d8d] .el-pagination .el-pager li.is-active{background-color:var(--v3ff6fee2);color:var(--v06708cc6);font-weight:400}.work-style .box .container-default .content-box .case-box .pagination[data-v-9e889d8d] .btn-next,.work-style .box .container-default .content-box .case-box .pagination[data-v-9e889d8d] .btn-prev{border-radius:var(--d836a718)}.work-style .box .container-default .content-box .mobile-case-tracks[data-v-9e889d8d]{display:none}@media(max-width:480px){.work-style .box .container-default .content-box .mobile-case-tracks[data-v-9e889d8d]{display:block}}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track[data-v-9e889d8d]{position:relative;width:100%}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track+.mobile-track[data-v-9e889d8d]{margin-top:28px}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track .track-swiper[data-v-9e889d8d]{overflow:hidden;width:100%}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track .img-video-box[data-v-9e889d8d]{border-radius:var(--v2bebc0d4);height:auto}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track.track-vertical .img-video-box[data-v-9e889d8d]{aspect-ratio:3/4}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track.track-horizontal .img-video-box[data-v-9e889d8d]{aspect-ratio:4/3}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track .track-pagination[data-v-9e889d8d]{display:flex;justify-content:center;margin-top:12px;position:relative}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track .track-pagination .swiper-pagination[data-v-9e889d8d]{position:static;width:auto}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track .track-pagination[data-v-9e889d8d] .swiper-pagination-bullet{background-color:var(--v3d7afbfa);border-radius:var(--v60bcde4e);height:var(--v9755833c);margin:0 var(--v0db7aa90);opacity:1;transition:all .6s;width:var(--d9ed25aa)}.work-style .box .container-default .content-box .mobile-case-tracks .mobile-track .track-pagination[data-v-9e889d8d] .swiper-pagination-bullet-active{background-color:var(--v1df04962);width:var(--v385deed1)}.work-style .box .container-default .content-box .img-video-box[data-v-9e889d8d]{border:1px solid hsla(0,0%,100%,0);border-radius:var(--v2bebc0d4);height:100%;overflow:hidden;position:relative;width:100%}.work-style .box .container-default .content-box .img-video-box img[data-v-9e889d8d],.work-style .box .container-default .content-box .img-video-box video[data-v-9e889d8d]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .container-default .content-box .img-video-box img[data-v-9e889d8d]{transition:all .5s}.work-style .box .container-default .content-box .img-video-box .video-icon-img[data-v-9e889d8d]{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:60px;left:50%;-o-object-fit:contain;object-fit:contain;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:60px;z-index:10}.work-style .box .container-default .content-box .box-name-img[data-v-9e889d8d]{background-color:var(--v76a6d65b);border-radius:0 0 var(--v120ec972) var(--v120ec972);bottom:0;height:var(--v580bdbcf);pointer-events:none;position:absolute;width:100%;z-index:5}.work-style .box .container-default .content-box .box-name-img .name[data-v-9e889d8d]{color:var(--v5a36f396)}.work-style .box .container-default .content-box .box-name[data-v-9e889d8d]{align-items:center;box-sizing:border-box;display:flex;justify-content:var(--v424b5e28);margin-top:var(--v2df6911f);padding:var(--v49864669);width:100%}.work-style .box .container-default .content-box .box-name .name[data-v-9e889d8d]{color:var(--v6f7e4a40);display:-webkit-box;font-weight:var(--v6b407e4a);-webkit-line-clamp:var(--v95ad9096);line-height:var(--v784860de);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:var(--b4753e00);-webkit-box-orient:vertical}