body .header.fixed{background-color:var(--black)}.visual{position:relative;width:100%;padding:158px 0 60px;overflow:hidden}.visual:before{position:absolute;left:0;top:0;z-index:-100;width:100%;height:100%;background-color:var(--black);content:""}.visual .inner{position:relative;padding-bottom:40px}.visual .inner:after{position:absolute;left:0;top:0;z-index:-50;width:102%;height:100%;background:url(/img/about/aboutbg.webp) no-repeat center center / contain;content:""}.visual .title{display:flex;align-items:center;justify-content:center;color:var(--white);margin:20px 100px 70px}.visual .title h2{font-size:6.5vw;margin-right:72px}.visual .title .herue_logo{width:890px}.visual .title .herue_logo img{width:100%;object-fit:contain}.visual .wrapper04{display:flex;align-items:center;justify-content:center;color:var(--white);height:758px;width:1200px}.visual .wrapper04 .profile_img{height:700px;max-width:538px;margin-right:70px}.visual .wrapper04 .profile_img img{width:100%;height:100%;object-fit:cover;object-position:top}.visual .wrapper04 .profile{width:50%;line-height:1.8}.visual .wrapper04 .profile h3{font-size:48px;line-height:1.3;margin-bottom:62px}.visual .wrapper04 .profile .ceo_info{margin-bottom:52px}.visual .wrapper04 .profile .ceo_info strong{font-size:26px;line-height:1.23}.visual .wrapper04 .profile .ceo_info p{font-size:20px;margin-bottom:24px}.visual .wrapper04 .profile .ceo_info ul{font-size:16px;color:#ffffffb3}.visual .wrapper04 .profile .ceo_detail strong{font-size:20px}.visual .wrapper04 .profile .ceo_detail p{font-size:16px;color:#ffffffb3}.logo_rolling{display:flex;align-items:center;width:100%;height:94px;background-color:#1b1b1b;overflow:hidden}.logo_rolling .logo_group{display:flex;align-items:center;width:6408px;height:42px;animation:logo_rolling;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}.logo_rolling .logo_group .logo_inner{width:3162px;height:42px;margin:0 21px}.logo_rolling .logo_group .logo_inner img{width:100%;height:100%;object-fit:contain}@keyframes logo_rolling{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo_rolling .logo_group_m{display:none}.history{width:100%;min-height:778px;padding:120px 0;background-color:var(--white);color:#111;overflow:hidden}.history .wrapper03 h2{font-size:60px;margin-bottom:52px}.history .wrapper03 .h_detail{display:flex;justify-content:space-between;align-items:flex-start}.history .wrapper03 .h_detail .h_inner{width:calc(50% - 50px);line-height:1.7;letter-spacing:-1px}.history .wrapper03 .h_detail .h_inner h3{font-size:30px;margin-bottom:30px}.history .wrapper03 .h_detail .h_inner ul li{font-size:16px;margin-bottom:22px}.history .wrapper03 .h_detail .h_inner ul li:last-child{margin-bottom:0}.history .wrapper03 .h_detail .h_inner ul li strong{display:inline-block}.history .wrapper03 .h_detail .h_inner ul li span,.history .wrapper03 .h_detail .h_inner ul li p{font-weight:500;display:inline-block;color:#0009}.history .wrapper03 .h_detail .h_inner ul li span.m{display:none}.history .wrapper03 .h_detail .h_inner ul li p{display:none;margin-top:2px;letter-spacing:-.64px;line-height:1.7}.history .wrapper03 .h_detail .h_inner ul li span em{font-size:16px;line-height:1;width:14px;color:#0003}.history .wrapper03 .h_detail .h_inner .year_2022{margin-bottom:60px}.partners{width:100%;background-color:var(--black);color:#fffc;padding:160px 0 140px;overflow:hidden}.partners .wrapper03 h2{font-size:60px;color:#f9f9f9;text-align:center;margin-bottom:70px}.partners .wrapper03 .contents{display:flex;flex-wrap:wrap;justify-content:space-between;gap:60px;margin-bottom:100px;padding:0 120px}.partners .wrapper03 .contents>li{display:flex;flex-direction:column;gap:20px;width:calc(33.33% - 40px)}.partners .wrapper03 .contents li .p_profile{position:relative;width:100%;aspect-ratio:320 / 402}.partners .wrapper03 .contents li .p_profile .team{position:absolute;left:12px;top:12px;font-size:14px;color:var(--white);padding:5px 12px;border-radius:3px;background-color:var(--black)}.partners .wrapper03 .contents li .p_profile .profile_img{width:100%;height:100%}.partners .wrapper03 .contents li .p_profile .profile_img img{width:100%;height:100%;object-fit:cover}.partners .wrapper03 .contents li .p_info{width:100%}.partners .wrapper03 .contents li .p_info strong{display:block;font-size:20px;line-height:1.6;color:var(--white)}.partners .wrapper03 .contents li .p_info span{display:block;font-size:14px;line-height:1.1;color:#ffffffb3;margin-bottom:20px}.partners .wrapper03 .contents li .p_info .detail li{font-size:14px;line-height:1.7;letter-spacing:-.64px}.partners .wrapper03 .partner_logo ul{display:flex;flex-wrap:wrap;justify-content:space-between}.partners .wrapper03 .partner_logo ul li{position:relative;width:calc(25% - 30px);height:120px;border:1px solid rgba(255,255,255,.2);margin-bottom:20px}.partners .wrapper03 .partner_logo ul li .logo_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.partners .wrapper03 .partner_logo ul li .logo_img.raum_design{width:128px;height:45px}.partners .wrapper03 .partner_logo ul li .logo_img.filamentree{width:176.5px;height:40.16px}.partners .wrapper03 .partner_logo ul li .logo_img.supercar_lounge{width:237px;height:38px}.partners .wrapper03 .partner_logo ul li .logo_img.connecti,.partners .wrapper03 .partner_logo ul li .logo_img.alpha_brothers{width:176px;height:45px}.partners .wrapper03 .partner_logo ul li .logo_img.credit{width:85px;height:25px}.partners .wrapper03 .partner_logo ul li .logo_img.filmin{width:93px;height:36px}.partners .wrapper03 .partner_logo ul li .logo_img.ak{width:135px;height:34px}.partners .wrapper03 .partner_logo ul li .logo_img img{width:100%;height:100%;object-fit:contain}.capabilities{padding:160px 0 140px;background-color:#e0dfe4;color:#111;overflow:hidden}.capabilities .wrapper03{display:flex;justify-content:space-between;align-items:flex-start}.capabilities .wrapper03 .title{width:35%}.capabilities .wrapper03 .title h2{font-size:60px;line-height:1;letter-spacing:-1.5px;margin-bottom:20px}.capabilities .wrapper03 .title p{font-size:18px;line-height:1.4;color:#444}.capabilities .wrapper03 .list{display:flex;justify-content:space-between;flex-wrap:wrap;width:63%}.capabilities .wrapper03 .list>li{width:calc(50% - 12px);min-height:250px;padding:26px 32px;background-color:var(--white);margin-bottom:30px}.capabilities .wrapper03 .list li h3{font-size:30px;margin-bottom:10px}.capabilities .wrapper03 .list li .detail li{font-size:14px;line-height:1.7}.herue_lab_bg{position:relative;width:100%;height:659px;z-index:10;clip-path:polygon(0 0,0 100%,100% 100%,100% 0);background-color:transparent}.herue_lab_bg:before{position:fixed;width:100%;height:100%;background-image:url(/img/about/fixed_bg.webp);background-size:cover;background-repeat:no-repeat;background-position:center center;content:"";z-index:-1;inset:0}.herue_lab_bg .herue_logo_w{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:446px;height:49px}.herue_lab_bg .herue_logo_w img{width:100%;height:100%;object-fit:contain}.design_areas{padding:160px 0;color:#111;text-align:center;overflow:hidden}.design_areas .wrapper03 h2{font-size:60px;line-height:1;margin-bottom:20px}.design_areas .wrapper03 p{font-size:18px;color:#444;line-height:1.4;margin-bottom:90px}.design_areas .wrapper03 .detail{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:80px;height:450px}.design_areas .wrapper03 .detail:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;height:2px;z-index:-10;border-top:2px dashed var(--mainred);content:""}.design_areas .wrapper03 .detail li{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--white);border:2px solid var(--mainred);width:300px;height:300px;border-radius:100%;margin-right:60px}.design_areas .wrapper03 .detail li:last-child{margin-right:0}.design_areas .wrapper03 .detail li.center{position:relative;width:358px;height:358px;box-shadow:0 0 54px #ff000040}.design_areas .wrapper03 .detail li.center:before{position:absolute;right:0;top:50%;width:447px;height:450px;z-index:-10;transform:translate(-25%,-50%);border:2px dashed rgba(222,19,52,.3);border-radius:100%;content:""}.design_areas .wrapper03 .detail li.center:after{position:absolute;left:0;top:50%;width:447px;height:450px;z-index:-10;transform:translate(25%,-50%);border:2px dashed rgba(222,19,52,.3);border-radius:100%;content:""}.design_areas .wrapper03 .detail li strong{display:block;font-size:24px;color:var(--mainred);margin-bottom:14px}.design_areas .wrapper03 .detail li span{font-size:20px;display:inline-block;color:var(--black);margin-bottom:8px}.design_areas .wrapper03 .detail li.center strong{margin-bottom:24px}.design_areas .wrapper03 .detail li.center span{font-size:28px;line-height:1.2;background-color:#ffefef}.design_areas .wrapper03 .pm{display:flex;justify-content:space-between}.design_areas .wrapper03 .pm li{width:calc(25% - 19px);margin-right:24px}.design_areas .wrapper03 .pm li:last-child{margin-right:0}.design_areas .wrapper03 .pm li .pm_proflie{width:100%;aspect-ratio:133 / 160}.design_areas .wrapper03 .pm li .pm_proflie img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.design_areas .wrapper03 .pm li span{display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1.33;width:100%;height:48px;padding:8px 0;background-color:#111;color:var(--white)}.certificate{position:relative;padding:120px 0 110px;color:var(--white);text-align:center;line-height:1;overflow:hidden}.certificate h2{font-size:60px;color:#f9f9f9;margin-bottom:20px}.certificate p{font-size:18px;color:#fffc;margin-bottom:60px}.certificate .swiper{position:relative;overflow:visible}.certificate .swiper ul{transition-timing-function:linear}.certificate .swiper ul li{width:147px}.certificate .swiper ul li.dull{opacity:.3}.certificate .swiper ul li.bright{opacity:1}.certificate .swiper ul li .c_photo{width:147px;height:215px;margin-bottom:16px}.certificate .swiper ul li .c_photo img{width:100%;height:100%;object-fit:contain}.certificate .swiper ul li span{font-size:16px;line-height:1.3}.clients{padding:160px 0 90px;color:var(--white);overflow:hidden}.clients .wrapper03{display:flex;align-items:flex-start;justify-content:space-between}.clients .wrapper03 h2{font-size:60px;line-height:60px;margin-right:45px}.clients .wrapper03 ul{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;padding:0 50px}.clients .wrapper03 ul li{position:relative;width:25%;height:90px;margin-bottom:50px}.clients .wrapper03 ul li .client_logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:90px;mix-blend-mode:screen}.clients .wrapper03 ul li .client_logo img{width:100%;object-fit:contain}.contact_us{padding:160px 0;color:var(--white);overflow:hidden}.contact_us .wrapper03{display:flex;align-items:center;justify-content:space-between}.contact_us .wrapper03 .main_contactus_video{width:50%;aspect-ratio:1 / 1}.contact_us .wrapper03 .main_contactus_video video{width:100%;height:100%;object-fit:contain}.contact_us .wrapper03 .text_r{display:flex;flex-direction:column;justify-content:space-between;min-height:552px}.contact_us .wrapper03 .text_r .title{margin-bottom:57px}.contact_us .wrapper03 .text_r .title span{font-size:35px;font-style:italic;line-height:.8}.contact_us .wrapper03 .text_r .title h2{font-size:52px}.contact_us .wrapper03 .text_r .contact_info{margin-bottom:64px}.contact_us .wrapper03 .text_r .contact_info li{margin-bottom:30px}.contact_us .wrapper03 .text_r .contact_info li:last-child{margin-bottom:0}.contact_us .wrapper03 .text_r .contact_info li strong{display:block;font-size:16px;margin-bottom:10px}.contact_us .wrapper03 .text_r .contact_info li span{display:block;font-size:18px}.contact_us .wrapper03 .text_r .contact_btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;border-radius:100%;background-color:var(--btnred);text-align:center}.contact_us .wrapper03 .text_r .contact_btn strong{display:inline-block;font-size:22px;margin-bottom:5px}.contact_us .wrapper03 .text_r .contact_btn span{display:inline-block;font-size:18px}@media screen and (max-width:1280px){.visual .inner:after{top:auto;bottom:0}.visual .title{flex-direction:column;align-items:flex-start;margin:20px 20px 70px}.visual .title h2{font-size:71px}.visual .title .herue_logo{width:445px}.visual .wrapper04{flex-direction:column;height:auto;width:auto}.visual .wrapper04 .profile_img{margin-bottom:50px}.visual .wrapper04 .profile{width:100%}.visual .wrapper04 .profile h3 .pc_br{display:none}.history .wrapper03 .h_detail{flex-direction:column}.history .wrapper03 .h_detail .h_inner{width:100%}.history .wrapper03 .h_detail .h_inner .year_2024{margin-bottom:60px}.partners .wrapper03 .contents{flex-direction:column;padding:0 15px}.partners .wrapper03 .contents>li{flex-direction:row;width:100%}.partners .wrapper03 .partner_logo ul li{width:calc(25% - 5px)}.capabilities .wrapper03{flex-direction:column}.capabilities .wrapper03 .title{width:100%;margin-bottom:50px}.capabilities .wrapper03 .list{width:100%}.herue_lab_bg{height:400px}.design_areas .wrapper03 .detail{flex-direction:column;height:auto}.design_areas .wrapper03 .detail li{margin:0 0 60px}.design_areas .wrapper03 .detail:before{top:47%;width:2px;height:50%;border-right:2px dashed var(--mainred)}.design_areas .wrapper03 .detail li.center:before{top:auto;bottom:50%;right:50%;width:340px;height:340px;transform:translate(50%)}.design_areas .wrapper03 .detail li.center:after{top:50%;left:50%;width:calc(100% - 40px);height:340px;transform:translate(-50%)}.design_areas .wrapper03 .pm{flex-wrap:wrap;justify-content:flex-start}.design_areas .wrapper03 .pm li{width:calc(33.33% - 19px);margin-bottom:19px}.design_areas .wrapper03 .pm li:nth-child(3){margin-right:0}.clients .wrapper03{flex-direction:column}.clients .wrapper03 h2{margin-bottom:50px}.clients .wrapper03 ul{padding:0}.clients .wrapper03 ul li .client_logo{width:150px;height:75px}.contact_us .wrapper03{flex-direction:column;align-items:flex-start}.contact_us .wrapper03 .main_contactus_video{width:100%;margin-bottom:50px}}@media screen and (max-width:768px){.visual{padding:106px 0 10px}.visual .inner:after{background-size:cover}.visual .title{margin:0 20px 35 px 20px}.visual .title h2{font-size:52px}.visual .title .herue_logo{width:320px;height:35px}.visual .wrapper04 .profile_img{height:456px;margin:0 0 40px}.visual .wrapper04 .profile_img img{object-fit:cover}.visual .wrapper04 .profile h3{font-size:30px;letter-spacing:-.9px;margin-bottom:26px}.visual .wrapper04 .profile .ceo_info{margin-bottom:25px}.visual .wrapper04 .profile .ceo_info strong{margin-bottom:2px}.visual .wrapper04 .profile .ceo_info p{font-size:18px;margin-bottom:14px}.visual .wrapper04 .profile .ceo_info ul{font-size:14px}.visual .wrapper04 .profile .ceo_detail strong{display:block;font-size:18px;margin-bottom:6px}.visual .wrapper04 .profile .ceo_detail p{font-size:14px;letter-spacing:-.5px}.logo_rolling{height:54px}.logo_rolling .logo_group{display:none}.logo_rolling .logo_group_m{display:flex;align-items:center;width:3480px;height:22px;animation:logo_rolling_m;animation-duration:28s;animation-timing-function:linear;animation-iteration-count:infinite}.logo_rolling .logo_group .logo_inner{width:1676px;height:22px;margin:0 14px}.logo_rolling .logo_group .logo_inner img{width:100%;height:100%;object-fit:contain}@keyframes logo_rolling_m{0%{transform:translate(0)}to{transform:translate(-50%)}}.history{padding:56px 0}.history .wrapper03{padding:0 10px 0 20px}.history .wrapper03 h2{font-size:36px;margin-bottom:32px}.history .wrapper03 .h_detail .h_inner{line-height:1.7}.history .wrapper03 .h_detail .h_inner h3{font-size:20px;margin-bottom:15px}.history .wrapper03 .h_detail .h_inner ul li{font-size:14px;margin-bottom:0;letter-spacing:-1px}.history .wrapper03 .h_detail .h_inner ul li strong{margin-top:9px;line-height:1.4}.history .wrapper03 .h_detail .h_inner ul li span{line-height:1.6}.history .wrapper03 .h_detail .h_inner ul li span.pc{display:none}.history .wrapper03 .h_detail .h_inner ul li span.m{display:block}.history .wrapper03 .h_detail .h_inner ul li p{display:block;line-height:1.6}.history .wrapper03 .h_detail .h_inner ul li span em{font-size:14px}.history .wrapper03 .h_detail .h_inner ul li:first-child strong{margin-top:0}.history .wrapper03 .h_detail .h_inner .year_2024,.history .wrapper03 .h_detail .h_inner .year_2022{margin-bottom:30px}.partners{padding:62px 0 80px}.partners .wrapper03 h2{font-size:36px;margin-bottom:32px}.partners .wrapper03 .contents{gap:40px;margin-bottom:50px}.partners .wrapper03 .contents>li{flex-direction:column;margin-bottom:0}.partners .wrapper03 .contents li .p_profile{width:280px;margin:0 auto}.partners .wrapper03 .contents li .p_profile .team{font-size:14px}.partners .wrapper03 .contents li .p_info{width:100%}.partners .wrapper03 .contents li .p_info span{font-size:16px}.partners .wrapper03 .contents li .p_info .detail li{font-size:14px}.partners .wrapper03 .partner_logo ul li{width:calc(50% - 5px);margin-bottom:16px;height:60px}.partners .wrapper03 .partner_logo ul li .logo_img.raum_design{width:83px!important;height:29px}.partners .wrapper03 .partner_logo ul li .logo_img.filamentree{width:114px;height:26px}.partners .wrapper03 .partner_logo ul li .logo_img.supercar_lounge{width:153px;height:25px}.partners .wrapper03 .partner_logo ul li .logo_img.connecti{width:114px;height:29px}.partners .wrapper03 .partner_logo ul li .logo_img.alpha_brothers{width:118px;height:15px}.partners .wrapper03 .partner_logo ul li .logo_img.credit{width:56px;height:16px}.partners .wrapper03 .partner_logo ul li .logo_img.filmin{width:63px;height:23px}.partners .wrapper03 .partner_logo ul li .logo_img.ak{width:87px;height:22px}.partners .wrapper03 .partner_logo ul li .logo_img img{transform:scale(.95)}.capabilities{padding:60px 0 70px}.capabilities .wrapper03{flex-direction:column}.capabilities .wrapper03 .title{margin-bottom:24px}.capabilities .wrapper03 .title h2{font-size:34px;margin-bottom:16px}.capabilities .wrapper03 .title p{font-size:14px}.capabilities .wrapper03 .list>li{width:100%;min-height:210px;margin-bottom:14px}.capabilities .wrapper03 .list li .detail li{line-height:1.4}.capabilities .wrapper03 .list li h3{font-size:20px}.herue_lab_bg{height:287px}.herue_lab_bg .herue_logo_w{width:305px;height:34px}.design_areas{padding:62px 0 32px}.design_areas .wrapper03 h2{font-size:32px;margin-bottom:16px}.design_areas .wrapper03 p{font-size:14px;margin-bottom:30px}.design_areas .wrapper03 p br{display:none}.design_areas .wrapper03 .detail{margin-bottom:0}.design_areas .wrapper03 .detail li{width:200px;height:200px;font-size:14px;margin-bottom:40px}.design_areas .wrapper03 .detail li.center{width:320px;height:320px}.design_areas .wrapper03 .detail li strong{font-size:20px}.design_areas .wrapper03 .detail li span{font-size:14px}.design_areas .wrapper03 .pm li{width:calc(50% - 7px);margin:0 14px 24px 0}.design_areas .wrapper03 .pm li:nth-child(2n){margin-right:0}.design_areas .wrapper03 .pm li:nth-child(3){margin-right:14px}.design_areas .wrapper03 .pm li span{font-size:14px;height:34px}.certificate{padding:52px 0 60px}.certificate h2{font-size:36px}.certificate p{font-size:14px;padding:0 5px;margin-bottom:30px}.certificate .swiper ul li.dull{opacity:1}.clients{padding:62px 0 22px}.clients .wrapper03{align-items:center}.clients .wrapper03 h2{font-size:36px;margin:0 0 44px}.clients .wrapper03 h2 br{display:none}.clients .wrapper03 ul li{width:50%;margin-bottom:32px}.clients .wrapper03 ul li .client_logo img{transform:scale(.9)}.contact_us{padding:62px 0}.contact_us .wrapper03{flex-direction:column;padding:0 37px}.contact_us .wrapper03 .main_contactus_video{margin-bottom:37px}.contact_us .wrapper03 .text_r{width:100%;min-height:auto}.contact_us .wrapper03 .text_r .title{margin-bottom:32px}.contact_us .wrapper03 .text_r .title span{font-size:18px}.contact_us .wrapper03 .text_r .title h2{font-size:29px}.contact_us .wrapper03 .text_r .contact_info{margin-bottom:40px}.contact_us .wrapper03 .text_r .contact_info li{margin-bottom:16px}.contact_us .wrapper03 .text_r .contact_info li strong{font-size:14px;color:#616161;margin-bottom:6px}.contact_us .wrapper03 .text_r .contact_info li span{font-size:16px;line-height:1.6;text-decoration:underline}.contact_us .wrapper03 .text_r .contact_btn{width:140px;height:140px;margin:0 auto}.contact_us .wrapper03 .text_r .contact_btn strong{font-size:16.5px}.contact_us .wrapper03 .text_r .contact_btn span{font-size:14px}}@media screen and (max-width:500px){.partners .wrapper03 .contents li .p_profile{width:100%}}@media screen and (max-width:350px){.visual .title h2{font-size:43px}.visual .title .herue_logo{width:280px;height:31px}}
