[data-v-ed8b0529]{transition:all .6s}.work-style[data-v-ed8b0529]{background-color:var(--3af3d308);margin:var(--6634d7ca);padding:var(--6db8fb44)}@media (max-width:1200px){.work-style[data-v-ed8b0529]{margin:var(--67bf75ea);padding:var(--55d46854)}}@media (max-width:480px){.work-style[data-v-ed8b0529]{margin:var(--062e2e39);padding:var(--5d83a4e6)}}.work-style .box[data-v-ed8b0529]{background-repeat:no-repeat;background-size:cover;width:100%}.work-style .box .container-default[data-v-ed8b0529]{display:flex;flex-direction:column;gap:var(--46f3ae3d);height:100%;justify-content:center;padding:var(--08664ff8)}@media (max-width:480px){.work-style .box .container-default[data-v-ed8b0529]{align-items:unset;margin:unset;padding:unset}}.work-style .box .container-default .top[data-v-ed8b0529]{background-color:var(--3d13ebde);border-radius:var(--5448c48b);cursor:pointer;display:flex;height:600px;overflow:hidden;position:relative;width:100%}@media (max-width:480px){.work-style .box .container-default .top[data-v-ed8b0529]{align-items:center;display:flex;flex-direction:column;gap:20px;height:auto;width:100%}}.work-style .box .container-default .top .img-box[data-v-ed8b0529]{aspect-ratio:101/50;border-radius:var(--5448c48b);bottom:0;overflow:hidden;position:absolute;right:11%;z-index:3}@media (max-width:480px){.work-style .box .container-default .top .img-box[data-v-ed8b0529]{bottom:5%;height:40%;right:8%}}.work-style .box .container-default .top .img-box img[data-v-ed8b0529]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:480px){.work-style .box .container-default .top .img-box img[data-v-ed8b0529]{height:auto}}.work-style .box .container-default .top .img-box img[data-v-ed8b0529]:hover{transform:scale(1.05)}.work-style .box .container-default .top .left[data-v-ed8b0529]{flex:.4;height:100%}.work-style .box .container-default .top .left .top-content[data-v-ed8b0529]{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:var(--4789584c);width:100%}@media (max-width:480px){.work-style .box .container-default .top .left .top-content[data-v-ed8b0529]{align-items:center;gap:15px;margin:unset}}.work-style .box .container-default .top .left .top-content .titleT[data-v-ed8b0529]{color:var(--0d5a0cc0);font-weight:var(--0c165e3e)}.work-style .box .container-default .top .left .top-content .sub-titleT[data-v-ed8b0529]{color:var(--3f574594);font-weight:var(--b5b3b622);margin:var(--4f2f8b62)}@media (max-width:480px){.work-style .box .container-default .top .left .top-content .sub-titleT[data-v-ed8b0529]{margin:unset}}.work-style .box .container-default .top .left .top-content .btnT[data-v-ed8b0529]{background-color:var(--257dc8f7);border-radius:var(--d1289480);color:var(--462bc47c);font-weight:var(--679e3b25);padding:var(--d9914622);width:-moz-max-content;width:max-content}@media (max-width:480px){.work-style .box .container-default .top .left .top-content .btnT[data-v-ed8b0529]{padding:6px 25px}}.work-style .box .container-default .top .left .top-content .btnT[data-v-ed8b0529]:hover{background-color:var(--a452426e)}.work-style .box .container-default .top .right[data-v-ed8b0529]{flex:.6}.work-style .box .container-default .top .right img[data-v-ed8b0529]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:480px){.work-style .box .container-default .top .right img[data-v-ed8b0529]{width:100%}}.work-style .box .container-default .bottom[data-v-ed8b0529]{display:flex;height:100%;justify-content:space-between;width:100%}@media (max-width:480px){.work-style .box .container-default .bottom[data-v-ed8b0529]{align-items:center;display:flex;flex-direction:column;gap:var(--40d72bfa)}}.work-style .box .container-default .bottom .item[data-v-ed8b0529]{background-color:var(--403c8270);border-radius:var(--5448c48b);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;width:var(--62ff1634)}@media (max-width:480px){.work-style .box .container-default .bottom .item[data-v-ed8b0529]{width:90%}}.work-style .box .container-default .bottom .item:hover img[data-v-ed8b0529]{transform:scale(1.1)}.work-style .box .container-default .bottom .item.active[data-v-ed8b0529]{width:var(--efbe8b80)}@media (max-width:480px){.work-style .box .container-default .bottom .item.active[data-v-ed8b0529]{width:90%}}.work-style .box .container-default .bottom .item .content[data-v-ed8b0529]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--9a78be1a);width:100%}@media (max-width:480px){.work-style .box .container-default .bottom .item .content[data-v-ed8b0529]{gap:15px;padding:unset}}.work-style .box .container-default .bottom .item .content .titleB[data-v-ed8b0529]{color:var(--0d5a0cc0);font-weight:var(--0c165e3e)}.work-style .box .container-default .bottom .item .content .sub-titleB[data-v-ed8b0529]{color:var(--3f574594);font-weight:var(--b5b3b622);margin:var(--d2013e60)}@media (max-width:480px){.work-style .box .container-default .bottom .item .content .sub-titleB[data-v-ed8b0529]{margin:unset}}.work-style .box .container-default .bottom .item .content .btnB[data-v-ed8b0529]{background-color:var(--257dc8f7);border-radius:var(--d1289480);color:var(--462bc47c);font-weight:var(--679e3b25);margin:var(--0d13b748);padding:var(--d9914622)}.work-style .box .container-default .bottom .item .content .btnB[data-v-ed8b0529]:hover{background-color:var(--a452426e)}@media (max-width:480px){.work-style .box .container-default .bottom .item .content .btnB[data-v-ed8b0529]{padding:6px 25px}}.work-style .box .container-default .bottom .item .content .img-box[data-v-ed8b0529]{align-items:flex-end;aspect-ratio:8/3;display:flex;height:100%;justify-content:center}@media (max-width:480px){.work-style .box .container-default .bottom .item .content .img-box[data-v-ed8b0529]{width:80%}}.work-style .box .container-default .bottom .item .content .img-box img[data-v-ed8b0529]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:480px){.work-style .box .container-default .bottom .item .content .img-box img[data-v-ed8b0529]{width:auto}}
