.talent-page{padding-bottom:25rem}.talent-con-bnr{background-color:#22272b;border-radius:3rem;max-width:1700px;height:48rem;margin:4rem auto 11.2rem;position:relative;overflow:hidden}.talent-con-bnr:after{background-image:url(/images/sub/talent_con_bnr.png)}@supports (background-image:image-set(url('a.webp') type('image/webp'))){.talent-con-bnr:after{background-image:-webkit-image-set(url(/images/sub/talent_con_bnr.webp) 1x type("image/webp"),url(/images/sub/talent_con_bnr.png) 1x type("image/png"));background-image:image-set("/images/sub/talent_con_bnr.webp" 1x type("image/webp"),"/images/sub/talent_con_bnr.png" 1x type("image/png"))}}.talent-con-bnr strong{color:#fff;text-align:center;width:100%;font-size:15rem;font-weight:900;position:absolute;bottom:-2.3rem;left:0}.talent-list li{padding-bottom:11.3rem;display:flex;position:relative}.talent-list li:last-child{padding-bottom:0}.talent-list li .line{background-color:#22272b0f;width:.2rem;height:100%;position:absolute;top:0;left:19rem}.talent-list li:last-child .line{overflow:hidden}.talent-list li .line:before{content:"";opacity:0;background-color:var(--main-color);transform-origin:50% 0;width:100%;height:4.5rem;transition:opacity .45s ease, transform .9s var(--motion-ease-cinematic);position:absolute;top:0;left:0;transform:scaleY(0)}.talent-list li .icon-box{width:12rem;height:12rem;transition:background-color .65s var(--motion-ease-elegant), box-shadow .75s var(--motion-ease-elegant), transform .75s var(--motion-ease-cinematic);background-color:#f5f5f5;border-radius:2rem;justify-content:center;align-items:center;display:flex;box-shadow:0 1rem 2.8rem #081c1a00}.talent-list li .icon-box svg path{stroke:#22272b;transition:all .4s}.talent-list li .txt-box{box-sizing:border-box;width:calc(100% - 12rem);padding-left:13rem}.talent-list li .txt-box span{border:1px solid var(--main-color);letter-spacing:-.01em;width:8.1rem;height:2.2rem;color:var(--main-color);box-sizing:border-box;border-radius:6rem;justify-content:center;align-items:center;margin-bottom:2rem;font-size:1.3rem;font-weight:600;line-height:1;transition:all .4s;display:flex}.talent-list li .txt-box .txt01{letter-spacing:-.025em;color:#22272b;margin-bottom:1.7rem;font-size:3rem;font-weight:700;line-height:1.6}.talent-list li .txt-box .txt02{letter-spacing:-.025em;color:#22272b80;font-size:1.6rem;line-height:1.6}.talent-list li.active .line:before{opacity:1;transform:scaleY(1)}.talent-list li.active .icon-box{background-color:var(--main-color);transform:translateY(-.4rem);box-shadow:0 1.6rem 3.8rem #00a18e2e}.talent-list li.active .icon-box svg path{stroke:#fff}.talent-list li .icon-box img{max-height:100%;transition:filter .4s}.talent-list li.active .icon-box img{filter:brightness(0)invert()}.talent-list li.active .txt-box span{background-color:var(--main-color);color:#fff}@media (max-width:1280px){.talent-con-bnr strong{font-size:10rem;bottom:-2rem}}@media (max-width:800px){.talent-con-bnr{height:32rem}.talent-con-bnr strong{font-size:6rem;bottom:-1rem}.talent-list li{padding-bottom:6rem}.talent-list li .line{left:12.5rem}.talent-list li .icon-box{border-radius:1.6rem;width:9rem;height:9rem}.talent-list li .txt-box{width:calc(100% - 9rem);padding-left:7rem}.talent-list li .txt-box .txt01{font-size:2.4rem}}@media (max-width:480px){.talent-con-bnr strong{font-size:5.4rem}}@media (prefers-reduced-motion:reduce){.talent-list li .line:before,.talent-list li .icon-box{transition:none}}
