@charset "UTF-8";@keyframes pulsate{0%{transform:scale(0);opacity:.05}20%{transform:scale(.7);opacity:.1}40%{transform:scale(.9);opacity:.2}60%{transform:scale(1.1);opacity:.3}100%{transform:scale(1.4);opacity:0}}.secondary-blue-4-bg{background-color:#d4ecf1}.inclusive-container .tab-zone .info-text-wrapper .visible-view{overflow:auto;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar{width:5px}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}.common-zone{padding:100px 0}.common-zone .container>.title{margin:0 auto}@media screen and (max-width:1199px){.common-zone{padding:60px 0 80px}.common-zone .title{max-width:none}.common-zone .container>.title{max-width:none}}.oveflow-x-auto{overflow-x:initial}@keyframes widthBulletGrow{from{width:0%}to{width:100%}}.animate-progress{animation-name:widthBulletGrow;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:forwards}@media screen and (max-width:1199px){.common-zone .container{max-width:768px}}@keyframes pulsate{0%{transform:scale(0);opacity:.05}20%{transform:scale(.7);opacity:.1}40%{transform:scale(.9);opacity:.2}60%{transform:scale(1.1);opacity:.3}100%{transform:scale(1.4);opacity:0}}.secondary-blue-4-bg{background-color:#d4ecf1}.inclusive-container .tab-zone .info-text-wrapper .visible-view{overflow:auto;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar{width:5px}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.inclusive-container .tab-zone .info-text-wrapper .visible-view::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}.common-zone{padding:100px 0}.common-zone .container>.title{margin:0 auto}@media screen and (max-width:1199px){.common-zone{padding:60px 0 80px}.common-zone .title{max-width:none}.common-zone .container>.title{max-width:none}}@media screen and (max-width:1199px){.common-zone .container{max-width:768px}}.career-apply{position:fixed;top:50vh;right:0;transform:translateY(-50%);z-index:99}.career-apply-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(0deg,#2a3c88 0%,#0539b9 38%,#00ded7 100%) 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px rgba(0,0,0,.1019607843);border:1px solid #fff;padding:6px 3px 20px;border-radius:10px 0 0 10px}.career-apply .icon{width:46px;height:46px;background-image:url(../../images/hr/liteon-career-apply-icon.svg);background-position:center;background-size:contain;background-repeat:no-repeat}.career-apply .text{margin-top:4px;text-align:center;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;text-align:center;font-size:20px;line-height:25px;letter-spacing:4px}@media screen and (max-width:1199px){.career-apply .icon{width:36px;height:36px}}.salary-section-1{margin-top:60px}.salary-section-1 .tab-zone .tab-controller{margin-top:40px}.salary-content-block{max-width:450px;margin-left:auto;position:relative;z-index:1}.salary-content-block .icon{width:150px;height:150px}.salary-content-block .title{margin-top:20px}.salary-content-block .brief{margin-top:60px}.salary-section .tab-content-swiper .swiper-slide::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-position:left bottom;background-size:cover}.salary-section-1 .tab-content-swiper .swiper-slide::before{background-image:url(../../images/hr/liteon-career-benefit-section-mask-1.svg)}.salary-section-2 .tab-content-swiper .swiper-slide::before{background-image:url(../../images/hr/liteon-career-benefit-section-mask-2.svg)}.salary-section .tab-content-swiper .swiper-slide{padding:180px 0 200px;background-repeat:no-repeat;background-size:cover;background-position:center}.salary-section-1 .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-1.jpg)}.salary-section-1 .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-2.jpg)}.salary-section-1 .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-3.jpg)}.salary-section-2 .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-career-benefit-family-img-1.jpg)}.salary-section-2 .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-career-benefit-family-img-2.jpg)}.salary-section-2 .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-career-benefit-family-img-3.jpg)}.salary-section-2 .tab-content-swiper .slide-4{background-image:url(../../images/hr/liteon-career-benefit-family-img-4.jpg)}.salary-section-2{margin-top:120px}.salary-section .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:180px 0 200px}@media screen and (max-width:1199px){.career-apply-inner{padding:6px 2px 10px}.career-apply .text{font-size:18px;line-height:22px}.salary-section .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:100px 0 140px}.salary-section-1 .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-1-tb.jpg)}.salary-section-1 .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-2-tb.jpg)}.salary-section-1 .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-3-tb.jpg)}.salary-section-2 .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-career-benefit-family-img-1-tb.jpg)}.salary-section-2 .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-career-benefit-family-img-2-tb.jpg)}.salary-section-2 .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-career-benefit-family-img-3-tb.jpg)}.salary-section-2 .tab-content-swiper .slide-4{background-image:url(../../images/hr/liteon-career-benefit-family-img-4-tb.jpg)}.salary-content-block .icon{width:100px;height:100px}.salary-content-block .brief{margin-top:20px}.salary-content-block{max-width:380px;margin-left:auto;margin-right:auto}.salary-content-block .icon{margin-left:auto;margin-right:auto}}@media screen and (max-width:767px){.salary-section .tab-content-swiper .swiper-slide{padding:120px 0 200px}.salary-section .tab-content-swiper .swiper-slide::before{background-position:center}.salary-section-1 .tab-content-swiper .swiper-slide::before{background-image:url(../../images/hr/liteon-career-benefit-section-mask-1-m.svg)}.salary-section-2 .tab-content-swiper .swiper-slide::before{background-image:url(../../images/hr/liteon-career-benefit-section-mask-2-m.svg)}.salary-section-1 .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-1-m.jpg)}.salary-section-1 .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-2-m.jpg)}.salary-section-1 .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-career-benefit-peformance-img-3-m.jpg)}.salary-section-2 .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-career-benefit-family-img-1-m.jpg)}.salary-section-2 .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-career-benefit-family-img-2-m.jpg)}.salary-section-2 .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-career-benefit-family-img-3-m.jpg)}.salary-section-2 .tab-content-swiper .slide-4{background-image:url(../../images/hr/liteon-career-benefit-family-img-4-m.jpg)}.salary-content-block{max-width:none;margin-left:auto;margin-right:auto}}.internship-top-section{padding:100px 0 120px}.internship-top-section .container{position:relative}.internship-top-section .container::before{display:none;content:"";position:absolute;top:-158px;right:-716px;width:1073px;height:1177px;background-image:url(../../images/hr/liteon-career-internship-top-pattern.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.internship-top-section .unit-brief{text-align:center;margin-left:auto;margin-right:auto;margin-top:40px}.internship-top-content{margin-top:40px;display:flex;align-items:center}.internship-top-content .right-block{margin-left:60px;width:calc(100% - 590px);display:flex;flex-direction:column;justify-content:center}.internship-top-content .right-block .common-ul{margin-top:30px}.internship-top-content .left-block{width:690px;margin-left:-160px}.internship-top-content .left-block .img{position:relative;height:354px;border-radius:0 0 100px 0;overflow:hidden}.internship-top-content .left-block .img::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:bottom left;background-size:contain;background-image:url(../../images/hr/liteon-career-internship-top-img-mask.svg)}@media screen and (max-width:1199px){.internship-top-section{padding:60px 0 80px}.internship-top-section .unit-brief{margin-top:20px;text-align:left}.internship-top-content .left-block{width:328px;margin-left:0}.internship-top-content .left-block .img{height:168px;border-radius:0 0 50px 0}.internship-top-content .right-block{margin-left:40px;width:calc(100% - 368px)}.internship-top-content .right-block .common-ul{margin-top:20px}.internship-top-content{align-items:flex-start}.internship-top-section .container::before{width:683px;height:513px;top:42px;right:-406px}}@media screen and (max-width:767px){.internship-top-content{flex-direction:column}.internship-top-content .right-block{width:auto;margin-left:0;margin-top:20px}.internship-top-content .left-block .img{aspect-ratio:690/354;height:auto}.internship-top-content .left-block{width:auto}}.internship-sticky-section{height:790px;background-color:var(--primary-blue);background-image:url(../../images/hr/liteon-career-internship-section-pattern.png);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:0 0 300px 0;position:relative;margin-bottom:120px}.light-pattern{position:absolute;overflow:hidden;bottom:0;left:0;width:782px;height:596px;background-repeat:no-repeat;background-position:top right;background-image:url(../../images/hr/liteon-career-intership-section-light-pattern.svg)}.controll-pc-vertical{overflow-y:visible}.controll-pc-vertical .swiper-wrapper{flex-direction:column}.internship-sticky-section .inner-wrapper{display:flex}.internship-sticky-section .left-block{width:296px;width:clamp(296px,17.7083%,340px);padding-bottom:100px;padding-left:40px;margin-right:20px;margin-right:60px;margin-left:calc((100% - 1760px)/ 2);margin-left:max(0px,calc((100% - 1760px)/ 2));margin-top:120px;position:relative}@supports not (width:max(10px,20px)){@media screen and (max-width:1761px){.internship-sticky-section .left-block{margin-left:0}}}.sticky-content{position:sticky;top:120px}.internship-sticky-section .right-info{margin-top:40px}.career-sticky-swiper .swiper-slide{cursor:pointer}.career-sticky-swiper .tab-line{padding-left:40px;transition:.3s;position:relative}.career-sticky-swiper .tab-line span{vertical-align:top;padding-bottom:5px;background-image:linear-gradient(#fff,#fff);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:color .3s,background-size .6s}.career-sticky-swiper .tab-line::before{content:"";position:absolute;width:30px;height:24px;top:3px;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../../images/hr/liteon-career-diamond.svg);opacity:0;transition:.3s}.career-sticky-swiper .active .tab-line:before,.career-sticky-swiper .tab-line:hover:before{opacity:1}.career-sticky-swiper .active .tab-line span,.career-sticky-swiper .tab-line:hover span{background-size:100% 2px}.career-sticky-swiper .swiper-slide+.swiper-slide{margin-top:20px}.internship-sticky-section .img-group-content .img-group:nth-child(odd){margin-left:auto}.internship-sticky-section .img-group+.img-group{margin-top:120px}.internship-sticky-section .img-group{margin-top:30px}.internship-sticky-section .img-info{margin-top:10px}.internship-sticky-section .img{width:77.795%;aspect-ratio:650/433;margin-left:auto;margin-top:108px;overflow:visible;position:relative}.internship-sticky-section .img::before{content:"";position:absolute;width:84.6153%;aspect-ratio:550/540;bottom:0;left:-20.46153%;background-image:url(../../images/hr/liteon-career-bottom-img-pattern.svg);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:-1}.internship-sticky-section .domestic-img-group-content .domestic-img-group:nth-child(even) .img::before,.internship-sticky-section .img-group-content .img-group:nth-child(even) .img::before{right:-23.0769%;left:auto}.internship-sticky-section .img-group-content .img-info{max-width:77.795%;margin-left:auto}.domestic-img-group-content .domestic-img-group:nth-child(even) .img,.img-group-content .img-group:nth-child(even) .img,.img-group-content .img-group:nth-child(even) .img-info{margin-right:auto;margin-left:0}.internship-sticky-section .right-block{border-radius:0 0 300px 0;margin-top:120px;margin-right:calc((100% - 1760px)/ 2);padding-right:80px;margin-right:max(0px,calc((100% - 1760px)/ 2));flex:1;padding-bottom:100px}.internship-sticky-section .right-block .tab-content-wrpper{height:570px;padding-right:5px;overflow-y:scroll;overflow-x:visible}.internship-sticky-section .right-block .tab-content-wrpper{scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.internship-sticky-section .right-block .tab-content-wrpper::-webkit-scrollbar{width:5px}.internship-sticky-section .right-block .tab-content-wrpper::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.internship-sticky-section .right-block .tab-content-wrpper::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.internship-sticky-section .right-block .tab-content-wrpper::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}.internship-sticky-section .right-block .swiper-slide+.swiper-slide{margin-top:300px}.domestic-img-group-content{margin-top:40px}.domestic-title+.domestic-info{margin-top:20px}.domestic-img-group+.domestic-img-group{margin-top:120px}.domestic-info,.domestic-title,.internship-sticky-section .right-info{max-width:920px}@media screen and (max-width:1199px){.controll-pc-vertical{overflow:hidden;overflow:clip}.internship-sticky-section{height:900px;margin-bottom:80px;border-radius:0 0 80px 0;padding:40px 40px 0 40px;background-image:url(../../images/hr/liteon-career-internship-section-pattern-tb.png)}.internship-sticky-section{border-radius:0 0 80px 0}.internship-sticky-section .inner-wrapper{display:block}.controll-pc-vertical .swiper-wrapper{flex-direction:row}.internship-sticky-section .left-block{width:320px;margin-right:auto;margin-left:auto;padding:0 30px;margin-top:0}.career-sticky-swiper .swiper-slide+.swiper-slide{margin-top:0}.internship-sticky-section .right-block{margin-top:40px;width:auto;border-radius:0 0 80px 0;max-width:768px;margin-right:auto;margin-left:auto;padding-bottom:40px;padding-right:0}.internship-sticky-section .right-block .tab-content-wrpper{height:750px}.career-sticky-swiper .swiper-slide{padding-bottom:5px;display:flex;justify-content:center}.career-sticky-btn-block{--swiper-navigation-size:30px;--swiper-navigation-top-offset:50%;--swiper-navigation-sides-offset:0}.career-sticky-btn-block .round-btn{width:30px;height:30px;background-color:var(--blue-1);overflow:hidden;top:17px}.career-sticky-btn-block .swiper-button-next:after,.swiper-button-prev:after{display:none}.career-sticky-btn-block .swiper-button-prev{transform:rotate(180deg)}.internship-sticky-section .right-block .swiper-slide+.swiper-slide{margin-top:0}.internship-sticky-section .img::before{width:344px;height:346px}.internship-sticky-section .img{width:414px;height:275px;margin-top:60px}.domestic-img-group+.domestic-img-group{margin-top:60px}.internship-sticky-section .img-group+.img-group{margin-top:60px}.domestic-img-group .text-wrapper{max-width:600px}.domestic-img-group-content .domestic-img-group:nth-child(even) .text-wrapper{margin-left:auto}.internship-sticky-section .img-group-content .img-info{max-width:414px}}@media screen and (max-width:767px){.internship-sticky-section{height:710px;padding:30px 20px 0 20px;background-image:url(../../images/hr/liteon-career-internship-section-pattern-m.png)}.domestic-img-group .text-wrapper,.domestic-info,.domestic-title,.internship-sticky-section .right-info{max-width:none}.internship-sticky-section .right-block .tab-content-wrpper{height:568px}.internship-sticky-section .img{width:auto;height:auto;aspect-ratio:414/275;max-width:500px}.internship-sticky-section .img::before{aspect-ratio:344/346;width:83.09%;height:auto;left:-32.125%}.m-margin-control{margin-left:auto;display:flex;justify-content:flex-end;padding-left:54px}.domestic-img-group-content .domestic-img-group:nth-child(even) .m-margin-control,.img-group-content .img-group:nth-child(even) .m-margin-control{padding-right:54px;padding-left:0;justify-content:flex-start}.internship-sticky-section .domestic-img-group-content .domestic-img-group:nth-child(even) .img::before,.internship-sticky-section .img-group-content .img-group:nth-child(even) .img::before{right:-36.2318%}.domestic-img-group .text-wrapper{max-width:none}.internship-content-swiper .swiper-slide{overflow:hidden}.img-group-content .img-group .img{margin-top:0}}.internship-top-section .gradient-bg{position:absolute;width:100%;top:0;left:0;right:0;bottom:0;z-index:-1;transition:.3s width,.3s height;pointer-events:none}.internship-top-section .gradient-bg>.gradient{filter:blur(80px)}.internship-top-section .gradient-bg>.gradient{content:"";position:absolute;border-radius:50%;z-index:0}.internship-top-section{position:relative}.internship-top-section.internship-top-section .gradient-bg>.gradient-1{position:absolute;opacity:.8;bottom:100px;right:-447px;width:1200px;height:829px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px);z-index:0;pointer-events:none}.internship-top-section.internship-top-section .gradient-bg>.gradient-2{position:absolute;opacity:.8;bottom:0;right:600px;left:auto;width:1500px;height:829px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px);z-index:0}.salary-section .common-zone{padding:0}.internship-top-section .gradient-bg{overflow:visible;background-color:transparent}.internship-top-section .gradient-bg>.gradient-1{left:auto}.lohas-container .intro-zone{padding:100px 0 40px}.lohas-container .intro-zone .title{margin-bottom:40px;color:var(--dark-gray)}.lohas-container .intro-zone p{margin:0 auto}.lohas-container .internship-sticky-section{background-color:var(--secondary-blue-1);background-image:url(../../images/hr/liteon-career-lohas-background.png)}@media screen and (max-width:1199px){.lohas-container .intro-zone{padding:40px 0 40px}.lohas-container .internship-sticky-section{background-image:url(../../images/hr/liteon-career-lohas-background-t.png)}}@media screen and (max-width:76px){.lohas-container .internship-sticky-section{background-image:url(../../images/hr/liteon-career-lohas-background-m.png)}}.inclusive-container .intro-zone{padding:100px 0 0px}.inclusive-container .intro-zone .title{margin-bottom:40px;color:var(--dark-gray)}.inclusive-container .intro-zone p{margin:0 auto}@media screen and (max-width:1199px){.inclusive-container .intro-zone{padding:40px 0 0px}}.inclusive-container .tab-zone .bottom-content .tab-content-swiper{background-color:var(--primary-blue)}.inclusive-container .tab-zone .info-img-swiper::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-image:url(../../images/hr/liteon-multiple-mask.svg);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none}.inclusive-container .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:113px 0 60px}.inclusive-container .tab-zone .woman-group{max-width:1680px;padding:0 40px;margin-right:auto;margin-left:auto}.inclusive-container .tab-zone .info-swiper-outer{margin:0;display:flex;align-items:flex-end}.inclusive-container .tab-zone .info-swiper-outer .left-block{width:1024px;position:relative}.inclusive-container .tab-zone .info-img{height:630px;aspect-ratio:1024/630;border-radius:350px 0 120px 350px}.inclusive-container .tab-zone .info-swiper-outer .swiper-btn-block{position:absolute;bottom:40px;left:32.62%;z-index:5}.inclusive-container .tab-zone .info-swiper-outer .right-block{margin-left:-544px;width:calc(100% - 1024px + 544px);min-width:680px;height:369px}.inclusive-container .tab-zone .info-text-wrapper{position:relative;padding:40px 50px 40px;border-radius:0px 0 100px 0;background-color:rgba(255,255,255,.9);z-index:1;height:100%}.inclusive-container .tab-zone .info-text-wrapper .visible-view{max-height:289px;padding-right:140px;position:relative}.inclusive-container .tab-zone .info-text-wrapper .visible-view .title-block{margin-bottom:20px;position:relative}.inclusive-container .tab-zone .info-text-wrapper .visible-view .title-block .img{position:absolute;top:0;left:calc(100% + 20px);width:90px;height:90px}.inclusive-container .tab-zone .info-swiper-outer .pattern-content-wrapper{position:relative;height:100%}.inclusive-container .tab-zone .bottom-content .tab-content-swiper .info-img-swiper .swiper-slide,.inclusive-container .tab-zone .bottom-content .tab-content-swiper .info-text-swiper .swiper-slide{padding:0}.inclusive-container .tab-zone .progress-text{color:#fff}.inclusive-container .tab-zone .swiper-progress-component .swiper-button-next::before,.inclusive-container .tab-zone .swiper-progress-component .swiper-button-prev::before{background-image:url(../../images/common/liteon-header-arrow-white.svg)}@media screen and (max-width:1199px){.inclusive-container .tab-zone .progress-text{color:var(--dark-gray)}.inclusive-container .tab-zone .info-img-swiper::before{background-image:url(../../images/hr/liteon-multiple-mask-t.svg)}.inclusive-container .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:90px 0 60px}.inclusive-container .tab-zone .woman-group{max-width:768px;margin-left:0;margin:0 auto}.inclusive-container .tab-zone .swiper-progress-component .swiper-button-next::before,.inclusive-container .tab-zone .swiper-progress-component .swiper-button-prev::before{background-image:url(../../images/common/liteon-header-arrow.svg)}.inclusive-container .tab-zone .info-swiper-outer{flex-wrap:wrap;align-items:flex-end}.inclusive-container .tab-zone .info-swiper-outer .left-block{width:628px;margin-bottom:-60px;z-index:2}.inclusive-container .tab-zone .info-img{height:353px;width:100%;aspect-ratio:628/353}.inclusive-container .tab-zone .info-swiper-outer .swiper-btn-block{bottom:-63px;left:45.38%}.inclusive-container .tab-zone .info-swiper-outer .right-block{margin-left:60px;width:628px;min-width:0;height:410px;z-index:1}.inclusive-container .tab-zone .info-text-swiper{height:227px}.inclusive-container .tab-zone .info-text-wrapper{padding:151px 40px 40px;border-radius:0px 0 80px 0}.inclusive-container .tab-zone .info-text-wrapper .visible-view{max-width:610px;max-height:227px;padding-right:19px}.inclusive-container .tab-zone .info-text-wrapper .visible-view .title-block{justify-content:space-between;align-items:center;margin-bottom:10px}.inclusive-container .tab-zone .info-text-wrapper .visible-view .title-block .title{margin-right:20px;width:calc(100% - 70px)}.inclusive-container .tab-zone .info-text-wrapper .visible-view .title-block .img{position:relative;left:auto;width:50px;height:50px}}@media screen and (max-width:767px){.inclusive-container .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:90px 0 40px}.inclusive-container .tab-zone .woman-group{max-width:360px;padding:0}.inclusive-container .tab-zone .info-img-swiper::before{background-image:url(../../images/hr/liteon-multiple-mask-m.svg)}.inclusive-container .tab-zone .info-swiper-outer .left-block{max-width:340px;width:100%;margin-bottom:-80px}.inclusive-container .tab-zone .info-img{height:191px;aspect-ratio:340/191}.inclusive-container .tab-zone .info-swiper-outer .swiper-btn-block{bottom:-45px;left:35.59%}.inclusive-container .tab-zone .info-swiper-outer .right-block{margin-left:40px;width:320px;height:419px}.inclusive-container .tab-zone .info-swiper-outer .right-block .pattern-content-wrapper{height:100%}.inclusive-container .tab-zone .info-swiper-outer .right-block .pattern-content-wrapper .info-text-wrapper{height:100%}.inclusive-container .tab-zone .info-text-swiper{height:227px}.inclusive-container .tab-zone .info-text-wrapper{padding:143px 30px 40px}.inclusive-container .tab-zone .info-text-wrapper .visible-view{max-width:none;max-height:236px}.inclusive-container .tab-zone .info-text-wrapper .visible-view .title-block{margin-bottom:20px}}.inclusive-container .travel-list-select-group{display:flex}.inclusive-container .multiple-zone{position:relative;padding-top:120px;overflow-x:clip}.inclusive-container .multiple-zone .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.inclusive-container .multiple-zone .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.inclusive-container .multiple-zone .gradient-bg .gradient-1{position:absolute;opacity:.8;bottom:500px;right:-900px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.inclusive-container .multiple-zone .gradient-bg .gradient-2{opacity:.8;bottom:0;right:700px;width:1500px;height:1000px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.inclusive-container .multiple-zone .title{color:var(--dark-gray)}.inclusive-container .multiple-zone .container{position:relative;z-index:3}.inclusive-container .route-list-section{margin-top:95px}.inclusive-container .route-list-section .right-block{margin-left:105px}.inclusive-container .route-list-wrapper .route-img{height:400px}.inclusive-container .rout-item .right-block .route-img{margin-right:calc(-1 * (100vw - 1120px)/ 2);position:relative;overflow:visible}.inclusive-container .rout-item .right-block .route-img::before{content:"";position:absolute;width:calc(100% - 20px);height:calc(100% - 50px);background-color:#63a738;border-radius:50px 0px 0px 0px;z-index:1;top:-45px;left:-45px}.inclusive-container .rout-item .right-block .route-img img{position:relative;z-index:2;border-radius:0 0 0px 100px}.inclusive-container .rout-item .left-block .route-img{margin-left:calc(-1 * (100vw - 1120px)/ 2);overflow:visible;position:relative}.inclusive-container .rout-item .left-block .route-img::before{content:"";position:absolute;width:calc(100% - 20px);height:calc(100% - 50px);background-color:#63a738;border-radius:0px 50px 0px 0px;z-index:1;top:-45px;left:65px}.inclusive-container .rout-item .left-block .route-img img{position:relative;z-index:2;border-radius:0 0 100px 0}.inclusive-container .rout-item:first-child .right-block{width:405px}@media screen and (min-width:1920px){.inclusive-container .rout-item:nth-child(odd) .right-block{margin-right:-400px;padding-right:0px;flex:1}}@media screen and (min-width:1920px) and (max-width:2080px){.inclusive-container .rout-item:nth-child(odd) .right-block{padding-right:160px}}.inclusive-container .rout-item:first-child .right-block .route-img::before{background-color:#418fde}.inclusive-container .rout-item:first-child .left-block{width:calc(100% - 510px)}.inclusive-container .rout-item:nth-child(2) .right-block .route-img::before{background-color:#418fde}.inclusive-container .rout-item:nth-child(3) .left-block{width:calc(100% - 510px)}.inclusive-container .rout-item:nth-child(3) .left-block .route-img::before{background-color:#eaaa00}.inclusive-container .rout-item:nth-child(3) .right-block{width:405px}.inclusive-container .rout-item{display:flex}.inclusive-container .rout-item+.rout-item{margin-top:135px}.inclusive-container .rout-item .left-block{width:405px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:1920px){.inclusive-container .rout-item:nth-child(even) .left-block{margin-left:-400px;padding-left:0px;flex:1}}@media screen and (min-width:1920px) and (max-width:2080px){.inclusive-container .rout-item:nth-child(even) .left-block{padding-left:160px}}.inclusive-container .rout-item .right-block{width:calc(100% - 510px);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:1920px){.inclusive-container .rout-item .right-block .route-img{margin-right:-400px}.inclusive-container .rout-item .left-block .route-img{margin-left:-400px}}@media screen and (max-width:1199px){.inclusive-container .multiple-zone{padding-top:80px}.inclusive-container .multiple-zone::after{width:768px;height:498px;left:50%;transform:translateX(-50%)}.inclusive-container .multiple-zone .gradient-container .gradient-bg{max-width:768px}.inclusive-container .multiple-zone .gradient-container .gradient-bg .gradient-1{bottom:300px;right:-600px;width:1000px;height:1000px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.inclusive-container .multiple-zone .gradient-container .gradient-bg .gradient-2{position:absolute;bottom:-200px;right:400px;width:1500px;height:1000px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.inclusive-container .multiple-zone .container::before{width:683px;height:513px;top:42px;right:-406px}.inclusive-container .route-list-section{margin-top:60px}.inclusive-container .route-list-section .right-block{margin-left:60px}.inclusive-container .route-list-wrapper .route-img{height:167px}.inclusive-container .rout-item .right-block .route-img{margin-right:-40px}.inclusive-container .rout-item .right-block .route-img::before{width:calc(100% - 11px);height:calc(100% - 23px);border-radius:30px 0px 0px 0px;top:-20px;left:-30px}.inclusive-container .rout-item .right-block .route-img img{border-radius:0 0 0px 60px}.inclusive-container .rout-item .left-block .route-img{margin-left:-40px;overflow:visible;position:relative}.inclusive-container .rout-item .left-block .route-img::before{width:calc(100% - 11px);height:calc(100% - 23px);border-radius:0px 30px 0px 0px;top:-20px;left:30px}.inclusive-container .rout-item .left-block .route-img img{border-radius:0 0 60px 0}.inclusive-container .rout-item:first-child .right-block{width:348px}.inclusive-container .rout-item:first-child .left-block{width:calc(100% - 408px)}.inclusive-container .rout-item:nth-child(3) .left-block{width:calc(100% - 408px)}.inclusive-container .rout-item:nth-child(3) .right-block{width:348px}.inclusive-container .rout-item+.rout-item{margin-top:80px}.inclusive-container .rout-item .left-block{width:348px}.inclusive-container .rout-item .right-block{width:calc(100% - 408px)}.inclusive-container .rout-item .left-block,.inclusive-container .rout-item .right-block{justify-content:flex-start}}@media screen and (max-width:767px){.inclusive-container .multiple-zone .gradient-bg{left:87px;bottom:-120px}.inclusive-container .multiple-zone .gradient-bg .gradient-1{left:100px;bottom:700px;right:auto;width:800px;height:800px}.inclusive-container .multiple-zone .gradient-bg .gradient-2{bottom:0px;right:200px;width:800px;height:800px}.inclusive-container .rout-item{flex-direction:column}.inclusive-container .rout-item:nth-child(2) .right-block{margin-left:20px;order:1}.inclusive-container .rout-item:nth-child(2) .left-block{margin-top:20px;order:2}.inclusive-container .route-list-section{margin-top:60px}.inclusive-container .route-list-section .right-block{margin-left:0px}.inclusive-container .rout-item .right-block .route-img{margin-right:-40px;height:auto}.inclusive-container .rout-item .right-block .route-img::before{width:calc(100% - 30px);height:calc(100% - 23px);border-radius:30px 0px 0px 0px;top:-20px;left:-20px}.inclusive-container .rout-item .left-block .route-img{margin-left:-40px;overflow:visible;position:relative;height:auto}.inclusive-container .rout-item .left-block .route-img::before{width:calc(100% - 30px);height:calc(100% - 23px);border-radius:0px 30px 0px 0px;top:-20px;left:50px}.inclusive-container .rout-item:first-child .right-block{width:100%;margin-top:20px}.inclusive-container .rout-item:first-child .left-block{width:calc(100% - 20px)}.inclusive-container .rout-item:nth-child(3) .left-block{width:calc(100% - 20px)}.inclusive-container .rout-item:nth-child(3) .right-block{width:100%;margin-top:20px}.inclusive-container .rout-item .left-block{width:100%}.inclusive-container .rout-item .right-block{width:calc(100% - 20px)}}.join-us-container .apply-zone{padding:100px 0 120px;background:transparent linear-gradient(180deg,rgba(168,221,225,.3) 0%,rgba(168,221,225,.3) 100%) 0% 0% no-repeat;border-radius:0 300px 0px 0;position:relative;margin-top:100px}.join-us-container .apply-zone .container{position:relative;z-index:3}.join-us-container .apply-zone .title{margin-bottom:40px;color:var(--dark-gray)}.join-us-container .apply-zone::before{content:"";display:block;position:absolute;top:0;left:0;background-image:url(../../images/hr/liteon-step-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;width:860px;height:504px;z-index:0;pointer-events:none}.join-us-container .apply-zone .apply-step-list .step{padding-top:71px;width:calc((100% - 240px)/ 3);position:relative}.join-us-container .apply-zone .apply-step-list .step::after{content:"";display:block;position:absolute;top:0;left:0;width:60px;height:53px;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;z-index:1}.join-us-container .apply-zone .apply-step-list .step::before{content:"";display:block;position:absolute;top:26px;left:55px;width:calc(100% + 70px);height:1px;z-index:1;background-color:#a8dde1}.join-us-container .apply-zone .apply-step-list .step:first-child::after{background-image:url(../../images/hr/liteon-step1.png)}.join-us-container .apply-zone .apply-step-list .step:nth-child(2)::after{background-image:url(../../images/hr/liteon-step2.png)}.join-us-container .apply-zone .apply-step-list .step:nth-child(3)::after{background-image:url(../../images/hr/liteon-step3.png)}.join-us-container .apply-zone .apply-step-list .step:nth-child(3)::before{width:calc(100% - 60px + (100vw - 1120px)/ 2)}.join-us-container .apply-zone .apply-step-list .step:nth-child(4)::after{background-image:url(../../images/hr/liteon-step4.png)}.join-us-container .apply-zone .apply-step-list .step:nth-child(4)::before{left:calc(-1 * (100vw - 1120px)/ 2);width:calc(100% + 130px + (100vw - 1120px)/ 2)}.join-us-container .apply-zone .apply-step-list .step:nth-child(5)::after{background-image:url(../../images/hr/liteon-step5.png)}.join-us-container .apply-zone .apply-step-list .step:nth-child(6)::after{background-image:url(../../images/hr/liteon-step6.png)}.join-us-container .apply-zone .apply-step-list .step:nth-child(6)::before{display:none}.join-us-container .apply-zone .apply-step-list .step:nth-child(n+2){margin-left:120px}.join-us-container .apply-zone .apply-step-list .step:nth-child(3n+1){margin-left:0px}.join-us-container .apply-zone .apply-step-list .step:nth-child(n+4){margin-top:80px}.join-us-container .apply-zone .apply-step-list .step .title-block{margin-bottom:10px;align-items:center;flex-wrap:nowrap}.join-us-container .apply-zone .apply-step-list .step .title-block .img{width:60px;margin-right:20px;flex:none}.join-us-container .gradient-container{position:relative;overflow-x:clip}.join-us-container .gradient-container .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.join-us-container .gradient-container .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.join-us-container .gradient-container .gradient-bg .gradient-1{position:absolute;opacity:.8;top:400px;right:-447px;width:1200px;height:829px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.join-us-container .gradient-container .gradient-bg .gradient-2{opacity:.8;top:600px;right:700px;width:1000px;height:1000px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.join-us-container .campus-zone{position:relative;padding-top:153px;padding-bottom:250px;z-index:4}.join-us-container .campus-zone .relate-swiper-container{max-width:1920px;margin:0 auto}.join-us-container .campus-zone .container{position:relative;z-index:2}.join-us-container .campus-zone .title{margin-bottom:40px;color:var(--dark-gray)}.join-us-container .campus-zone p{max-width:900px;margin:0 auto;margin-bottom:72px}.join-us-container .campus-zone .swiper-wrapper{align-items:center;height:360px}.join-us-container .campus-zone .swiper-slide{width:642px;height:360px}.join-us-container .campus-zone .swiper-slide .img-content{width:100%;border-radius:0px 60px;overflow:hidden;height:100%}.join-us-container .campus-zone .swiper-slide .img-content img{width:auto;object-fit:cover;height:100%}.join-us-container .campus-zone .pattern{position:absolute;background-image:url(../../images/hr/liteon-campus-pattern.png);background-repeat:no-repeat;background-position:center;background-size:1443px;padding-top:0;width:1443px;height:1039px;top:-40px;left:calc((100% - 1443px)/ 2);z-index:2}.join-us-container .campus-zone .relate-swiper{z-index:3}.join-us-container .campus-zone.enter{z-index:0}.join-us-container .event-zone{position:relative;z-index:3}.join-us-container .event-zone .container>.title{margin-bottom:40px;color:var(--dark-gray)}.join-us-container .coporate-zone{overflow:hidden}.join-us-container .coporate-zone .container>.title{margin-bottom:calc(2.8125% + 50px);color:var(--dark-gray)}.career-video{margin-top:-100px;width:100%!important;height:100vh;height:100dvh;background-size:100% 200%;background-repeat:no-repeat;background-position:bottom center;position:relative;z-index:3}.pin-spacer{background-repeat:no-repeat;background-position:bottom center}.full-video-wrapper{position:absolute;position:absolute;width:20vw;height:11.25vw;min-width:20vw;min-height:11.25vw;right:0;left:0;top:0;bottom:0;margin:auto}.full-video-wrapper .video-img{width:100%;height:100%}.career-video .mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5)}.career-video .container{z-index:0}.career-video .inner-wrapper{max-width:480px}.career-video .title.text-clip-hidden{--text-line:2;--text-line-height:44}.career-video .brief.text-clip{--text-line:5;--text-line-height:32}.career-video .brief{margin-top:20px}.career-video .btn-block{margin-top:90px}.career-video .mask{opacity:0}.career-video-btn{text-align:left;padding:16px 54px 16px 20px;border-radius:30px;min-width:220px}.career-video-btn::after{content:"";position:absolute;width:24px;height:19px;top:0;bottom:0;margin:auto;right:20px;background-image:url(../../images/product/liteon-video-btn-icon.svg);background-position:center;background-size:contain;background-repeat:no-repeat}.career-video .btn-block{margin-left:-30px}.career-video-btn{margin-left:30px;margin-top:30px}.career-video .inner-wrapper.fix-padding{padding-top:calc(50vh - 240px)}.full-video-wrapper .video-img.border-10{border-radius:10px}@media screen and (max-width:1199px){.career-video{margin-top:-200px}.career-video .btn-block{margin-top:60px;margin-left:0}.career-video-btn{margin-left:0;margin-top:0}.career-video .title.text-clip-hidden{--text-line-height:28}.career-video .brief.text-clip{--text-line-height:28}.career-video .btn-block{display:inline-flex;flex-direction:column}.career-video-btn+.career-video-btn{margin-left:0;margin-top:30px}.career-video-btn::after{width:16px;height:12px}.career-video-btn{padding:8px 42px 8px 20px;min-width:156px}.career-video .inner-wrapper{max-width:320px}.career-video .inner-wrapper.fix-padding{padding-top:140px}}@media screen and (max-width:767px){.career-video .inner-wrapper{max-width:none}.career-video{margin-top:calc(-1 * max(40vw,40vh))}}.coporate-zone{padding:120px 0;position:relative;overflow-x:clip}.coporate-zone .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.coporate-zone .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.coporate-zone .gradient-bg .gradient-1{position:absolute;opacity:.8;bottom:100px;right:-447px;width:1200px;height:829px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.coporate-zone .gradient-bg .gradient-2{opacity:.8;bottom:0;right:600px;width:1500px;height:829px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.coporate-zone .container{position:relative;z-index:3}.coporate-zone .big-container{max-width:1680px}.coporate-zone .career-info-swiper-outer{display:flex;align-items:flex-start}.coporate-zone .career-info-swiper-outer .left-block{width:54.375%;position:relative}.coporate-zone .career-info-img{aspect-ratio:720/400;border-radius:0px 0px 100px 0px}.coporate-zone .career-info-swiper-outer .left-block::before{content:"";position:absolute;top:-11.25%;left:9.277%;width:97.222%;height:calc(100% - 50px);border-radius:0px 50px 0px 0px;background-color:#00acbb;z-index:0}.coporate-zone .career-info-swiper-outer .swiper-btn-block{margin-top:20px}.coporate-zone .career-info-swiper-outer .right-block{width:calc(100% - 825px);width:45.625%;padding-left:115px;padding-left:7.1875%}.coporate-zone .career-info-text-wrapper{position:relative;z-index:3}.coporate-zone .career-info-swiper-outer .pattern-content-wrapper{position:relative}@media screen and (max-width:1199px){.coporate-zone .big-container{max-width:768px}.coporate-zone{padding:56px 0 80px}.coporate-zone .gradient-bg{max-width:768px}.coporate-zone .gradient-bg .gradient-1{bottom:66px;right:auto;left:383px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.coporate-zone .gradient-bg .gradient-2{position:absolute;bottom:66px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.coporate-zone .join-us-container .coporate-zone .container>.title{margin-bottom:60px}.coporate-zone .career-info-swiper-outer .left-block::before{left:30px;top:-20px;width:311px;height:156px;border-radius:0px 30px 0px 0px}.coporate-zone .career-info-swiper-outer .left-block{width:320px}.coporate-zone .career-info-img{height:178px;border-radius:0px 0px 60px 0px}.coporate-zone .career-info-swiper-outer .right-block{margin-left:60px;width:calc(100% - 380px);padding-left:0}}@media screen and (max-width:767px){.coporate-zone .gradient-bg{left:87px;bottom:-120px}.coporate-zone .gradient-bg .gradient-1{left:0;bottom:-120px}.coporate-zone .container{padding:0 10px}.coporate-zone .career-info-swiper-outer{display:block;position:relative}.coporate-zone .career-info-swiper-outer .left-block{max-width:500px;width:100%;margin:0 auto}.coporate-zone .career-info-swiper-outer .left-block .img{width:calc(100% - 20px)}.coporate-zone .career-info-swiper-outer .left-block::before{left:20px;top:-20px;width:calc(100% - 20px);height:calc(100% - 22px)}.coporate-zone .career-info-img{height:auto}.coporate-zone .career-info-swiper-outer .swiper-btn-block{position:absolute;margin-top:0;bottom:-60px;margin:auto;left:50%;transform:translateX(-50%);z-index:3}.coporate-zone .career-info-swiper-outer .right-block{max-width:500px;width:100%;margin:0 auto;margin-top:80px;padding:0 10px}}@media screen and (max-width:1199px){.join-us-container .gradient-container .gradient-bg{max-width:768px}.join-us-container .gradient-container .gradient-bg .gradient-1{top:200px;right:auto;left:383px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.join-us-container .gradient-container .gradient-bg .gradient-2{position:absolute;top:400px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.join-us-container .apply-zone{padding:60px 0 80px;border-radius:0 80px 0px 0;margin-top:60px}.join-us-container .apply-zone .title{margin-bottom:40px}.join-us-container .apply-zone::before{width:649px;height:380px}.join-us-container .apply-zone .apply-step-list .step{padding-top:57px;width:calc((100% - 60px)/ 2)}.join-us-container .apply-zone .apply-step-list .step::after{width:50px;height:44px}.join-us-container .apply-zone .apply-step-list .step::before{top:22px;left:49px;width:calc(100% + 60px)}.join-us-container .apply-zone .apply-step-list .step:nth-child(2)::before{width:calc(100% - 60px + (100vw - 688px)/ 2)}.join-us-container .apply-zone .apply-step-list .step:nth-child(3)::before{left:calc(-1 * (100vw - 688px)/ 2);width:calc(100% + 120px + (100vw - 688px)/ 2)}.join-us-container .apply-zone .apply-step-list .step:nth-child(4)::before{left:49px;width:calc(100% + (100vw - 688px)/ 2)}.join-us-container .apply-zone .apply-step-list .step:nth-child(5)::before{left:calc(-1 * (100vw - 688px)/ 2);width:calc(100% + 70px + (100vw - 688px)/ 2)}.join-us-container .apply-zone .apply-step-list .step:nth-child(n+2){margin-left:60px}.join-us-container .apply-zone .apply-step-list .step:nth-child(odd){margin-left:0px}.join-us-container .apply-zone .apply-step-list .step:nth-child(n+3){margin-top:60px}.join-us-container .apply-zone .apply-step-list .step .title-block .img{width:60px;margin-right:10px}.join-us-container .campus-zone{padding-top:80px;padding-bottom:80px}.join-us-container .campus-zone .title{margin-bottom:20px}.join-us-container .campus-zone p{margin-bottom:45px}.join-us-container .campus-zone .swiper-slide{width:430px;height:240px}.join-us-container .campus-zone .swiper-wrapper{height:240px}.join-us-container .campus-zone .pattern{background-image:url(../../images/hr/liteon-campus-pattern-tb.png);background-size:846px;width:846px;height:567px;top:-35px;left:50%;transform:translateX(-50%)}}@media screen and (max-width:767px){.join-us-container .gradient-container .gradient-bg{left:87px;top:-120px}.join-us-container .gradient-container .gradient-bg .gradient-1{left:300px;top:300px}.join-us-container .gradient-container .gradient-bg .gradient-2{right:100px;top:800px}.join-us-container .apply-zone{overflow:hidden}.join-us-container .apply-zone .apply-step-list .step{padding-top:0px;width:100%;padding-left:60px}.join-us-container .apply-zone .apply-step-list .step::before{top:43px;left:25px;width:1px;height:calc(100% + 40px - 38px)}.join-us-container .apply-zone .apply-step-list .step:nth-child(2)::before{width:1px}.join-us-container .apply-zone .apply-step-list .step:nth-child(3)::before{left:25px;width:1px}.join-us-container .apply-zone .apply-step-list .step:nth-child(4)::before{left:25px;width:1px}.join-us-container .apply-zone .apply-step-list .step:nth-child(5)::before{left:25px;width:1px}.join-us-container .apply-zone .apply-step-list .step:nth-child(6)::before{top:42px;height:calc(100% - 44px);width:1px}.join-us-container .apply-zone .apply-step-list .step:nth-child(n+2){margin-left:0px;margin-top:40px}.join-us-container .apply-zone .apply-step-list .step:nth-child(odd){margin-left:0px}.join-us-container .apply-zone .apply-step-list .step:nth-child(n+3){margin-top:40px}.join-us-container .campus-zone p{margin-bottom:40px}.join-us-container .campus-zone .swiper-slide{width:100%;max-width:500px;height:auto;margin:0 auto}.join-us-container .campus-zone .swiper-slide:not(:last-child){margin-right:0}.join-us-container .campus-zone .swiper-wrapper{height:auto}.join-us-container .campus-zone .pattern{background-image:url(../../images/hr/liteon-campus-pattern-m.png);background-size:428px;width:428px;height:586px}.join-us-container .campus-zone .relate-swiper-container{max-width:540px;margin:0 auto;padding:0 20px}.join-us-container .campus-zone .swiper-slide-active{width:100%;height:auto;margin:0 auto}}.learning-development-container .common-zone:first-child{padding-top:100px}.learning-development-container .html-zone{padding:120px 0;position:relative}.learning-development-container .html-zone:not(.gradient-container){background-color:#fff;z-index:3}.learning-development-container .gradient-zone{position:relative;overflow-x:clip}.learning-development-container .gradient-zone .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.learning-development-container .gradient-zone .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.learning-development-container .gradient-zone .gradient-bg .gradient-1{position:absolute;opacity:.7;bottom:-50px;right:-447px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .gradient-zone .gradient-bg .gradient-2{opacity:.8;bottom:-300px;right:600px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .gradient-zone .container{position:relative;z-index:3}.learning-development-container .gradient-container{position:relative;overflow-x:clip}.learning-development-container .gradient-container .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.learning-development-container .gradient-container .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.learning-development-container .gradient-container .gradient-bg .gradient-1{position:absolute;opacity:.8;bottom:100px;right:-700px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .gradient-container .gradient-bg .gradient-2{opacity:.7;bottom:0;right:600px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .gradient-container .container{position:relative;z-index:3}.learning-development-container .trigger-element{position:absolute;bottom:0;left:0}.learning-development-container .organization-zone{padding:120px 0 0}.learning-development-container .organization-zone .title{margin-bottom:40px;color:var(--dark-gray)}.learning-development-container .organization-zone .action{position:relative;padding:0 132px;max-width:1920px;margin:0 auto}.learning-development-container .organization-zone .action svg{position:absolute;top:35.46%;left:-100%;z-index:1}.learning-development-container .organization-zone .action .action-content{flex-wrap:nowrap;min-width:3000px;position:relative;z-index:2}.learning-development-container .organization-zone .action .slide-block{align-items:flex-start;min-width:930px;flex-wrap:nowrap}.learning-development-container .organization-zone .action .slide-block:first-child{z-index:3}.learning-development-container .organization-zone .action .slide-block:nth-child(n+2){margin-left:50px}.learning-development-container .organization-zone .action .slide-block:first-child .left-block .big,.learning-development-container .organization-zone .action .slide-block:nth-child(4) .left-block .big{box-shadow:8px 8px 15px rgba(0,0,0,.3019607843);border-radius:60px 0px;top:0;left:0}.learning-development-container .organization-zone .action .slide-block:first-child .left-block .small,.learning-development-container .organization-zone .action .slide-block:nth-child(4) .left-block .small{box-shadow:8px 8px 15px rgba(0,0,0,.3019607843);border-radius:0px 30px 30px 30px;right:0;top:52.27%}.learning-development-container .organization-zone .action .slide-block:first-child .right-block,.learning-development-container .organization-zone .action .slide-block:nth-child(4) .right-block{margin-top:28px;margin-left:20px}.learning-development-container .organization-zone .action .slide-block:nth-child(4) .left-block{margin-top:48px}.learning-development-container .organization-zone .action .slide-block:nth-child(4) .left-block .pattern{position:absolute;top:-177px;left:64px}.learning-development-container .organization-zone .action .slide-block:nth-child(2) .left-block{margin-top:50px}.learning-development-container .organization-zone .action .slide-block:nth-child(2) .left-block .big{box-shadow:8px 8px 15px rgba(0,0,0,.3019607843);border-radius:0px 60px 0px 0px;top:0;right:0}.learning-development-container .organization-zone .action .slide-block:nth-child(2) .left-block .small{box-shadow:8px 8px 15px rgba(0,0,0,.3019607843);border-radius:30px 0px 30px 30px;left:0;top:52.27%}.learning-development-container .organization-zone .action .slide-block:nth-child(2) .left-block .pattern{position:absolute;top:-32px;left:-121px}.learning-development-container .organization-zone .action .slide-block:nth-child(2) .right-block{margin-top:97px;margin-left:50px}.learning-development-container .organization-zone .action .slide-block:nth-child(3) .left-block .big{box-shadow:8px 8px 15px rgba(0,0,0,.3019607843);border-radius:0px 60px 0px 60px;bottom:0;right:0}.learning-development-container .organization-zone .action .slide-block:nth-child(3) .left-block .small{box-shadow:8px 8px 15px rgba(0,0,0,.3019607843);border-radius:30px 30px 0px 30px;left:0;top:0}.learning-development-container .organization-zone .action .slide-block:nth-child(3) .right-block{margin-top:84px;margin-left:50px}.learning-development-container .organization-zone .action .slide-block .left-block{width:520px;height:440px;position:relative}.learning-development-container .organization-zone .action .slide-block .left-block img{position:absolute;overflow:hidden}.learning-development-container .organization-zone .action .slide-block .right-block{width:450px}.learning-development-container .organization-zone .action .slide-block .right-block .subtitle{margin-bottom:20px;max-height:88px;overflow:hidden}.learning-development-container .organization-zone .action .slide-block .right-block p{max-height:224px;overflow:hidden}.learning-development-container .tab-zone{padding:120px 0 217px;padding:120px 0 249px}.learning-development-container .tab-zone .bottom-content .tab-content-swiper{background-color:#fff;overflow:visible}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide{padding:117px 0 192px;background-color:#00acbb;position:relative;overflow-x:clip}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide:before{content:"";display:block;position:absolute;top:0;left:0;background-position:center;background-size:cover;background-image:url(../../images/hr/liteon-career-learning-pettern.png);height:697px;width:1920px;pointer-events:none;background-repeat:no-repeat}@media screen and (min-width:1921px){.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide:before{background-image:url(../../images/hr/liteon-career-learning-pettern-2500.png);width:2500px}}@media screen and (min-width:2501px){.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide:before{width:100%}}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group{max-width:1654px;margin:0 auto;position:relative;padding:0 40px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group::before{content:"";display:block;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(../../images/hr/liteon-learning-pattern.png);height:598px;width:1652px;pointer-events:none}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .inner-title{margin-bottom:20px;max-height:96px;overflow:hidden}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .right-block{width:540px;padding-top:47px;margin-left:665px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .right-block .inner-content{max-height:320px;overflow:hidden}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .img.hidden-tb{position:absolute;box-shadow:8px 8px 10px rgba(0,0,0,.2);border-radius:30px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .img-left-top{width:400px;top:28px;left:215px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .img-left-midden{width:196px;top:243px;left:139px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .img-left-down{width:196px;top:562px;left:530px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .img-right-top{width:261px;top:107px;left:1295px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .img-right-down{width:416px;top:496px;left:1006px}@media screen and (max-width:1361px){.learning-development-container .organization-zone .action svg{left:-150%}}@media screen and (max-width:1199px){.learning-development-container .common-zone:first-child{padding-top:60px}.learning-development-container .gradient-zone .gradient-bg{max-width:768px}.learning-development-container .gradient-zone .gradient-bg .gradient-1{bottom:0px;right:auto;left:383px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .gradient-zone .gradient-bg .gradient-2{position:absolute;bottom:-200px;right:400px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .gradient-container .gradient-bg{max-width:768px}.learning-development-container .gradient-container .gradient-bg .gradient-1{bottom:66px;right:auto;left:500px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .gradient-container .gradient-bg .gradient-2{position:absolute;bottom:66px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.learning-development-container .html-zone{padding:80px 0}.learning-development-container .organization-zone{padding:80px 0 0}.learning-development-container .organization-zone .action{padding:0 40px}.learning-development-container .tab-zone{padding:80px 0 83px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide{padding:90px 0 97px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide:before{background-image:url(../../images/hr/liteon-career-learning-pettern-t.png);height:530px;width:1199px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group{max-width:768px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group::before{display:none}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .inner-title{max-height:88px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block{width:320px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block .swiper-slide{padding:0}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block .info-img{border-radius:30px;overflow:hidden}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block .progress-text{color:#fff}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block .swiper-progress-component .swiper-button-next::before,.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block .swiper-progress-component .swiper-button-prev::before{background-image:url(../../images/common/liteon-header-arrow-white.svg)}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block .swiper-progress-component.swiper-btn-block{margin-top:12px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .right-block{width:calc(100% - 344px);padding-top:0px;margin-left:24px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .right-block .inner-content{max-height:none}.learning-development-container .organization-zone .action svg{left:-250%}}@media screen and (max-width:767px){.learning-development-container .gradient-container .gradient-bg{left:87px;bottom:-120px}.learning-development-container .gradient-container .gradient-bg .gradient-1{left:200px;bottom:100px}.learning-development-container .gradient-container .gradient-bg .gradient-2{bottom:200px}.learning-development-container .gradient-zone .gradient-bg{left:87px;bottom:-120px}.learning-development-container .gradient-zone .gradient-bg .gradient-1{left:-51px;bottom:400px}.learning-development-container .gradient-zone .gradient-bg .gradient-2{right:0}.learning-development-container .tab-zone{padding:55px 0 80px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide{padding:90px 0 40px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide:before{background-image:url(../../images/hr/liteon-career-learning-pettern-m.png);height:603px;width:767px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group{max-width:none;padding:0 20px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .inner-title{max-height:none}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block{width:100%;max-width:500px;margin:0 auto}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .left-block .swiper-slide{padding:0}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .right-block{width:100%;margin-left:0px;margin-top:20px}.learning-development-container .tab-zone .tab-content-swiper>.swiper-wrapper>.swiper-slide .item-group .info-swiper-outer .right-block .inner-content{max-height:none}.learning-development-container .organization-zone .action svg{left:-485%}}.career-overview-container .life-intro-zone{padding:0}.career-overview-container .life-intro-zone .container{max-width:1360px;position:relative;z-index:3}.career-overview-container .life-intro-zone .career-info-swiper-outer{display:flex;align-items:flex-start}.career-overview-container .life-intro-zone .career-info-swiper-outer .left-block{width:400px;margin-right:60px;margin-top:60px}.career-overview-container .life-intro-zone .career-info-text-wrapper{position:relative;z-index:3}.career-overview-container .life-intro-zone .career-info-text-wrapper .inner-title{--text-line:3;--text-line-height:48;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px)}.career-overview-container .life-intro-zone .career-info-text-wrapper .inner-content{--text-line:4;--text-line-height:36;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px);margin-top:20px}.career-overview-container .life-intro-zone .career-info-swiper-outer .pattern-content-wrapper{position:relative}.career-overview-container .life-intro-zone .career-info-swiper-outer .right-block{width:calc(100% - 460px);position:relative}.career-overview-container .life-intro-zone .career-info-swiper-outer .right-block a::before{display:none}.career-overview-container .life-intro-zone .career-info-swiper-outer .right-block .career-info-img-swiper{box-shadow:10px 15px 20px rgba(0,0,0,.2);border-radius:0px 0 0 60px}.career-overview-container .life-intro-zone .career-info-swiper-outer .right-block .career-info-img-swiper .video-wrapper .img>a{border-radius:0}.career-overview-container .life-intro-zone .career-info-img-swiper{aspect-ratio:820/461}.career-overview-container .life-intro-zone .video-wrapper{width:100%;height:100%}.career-overview-container .life-intro-zone .video-wrapper .img{width:100%;height:100%}.career-overview-container .life-intro-zone .video-wrapper .img img{object-fit:cover}.career-overview-container .life-intro-zone .career-info-swiper-outer .swiper-btn-block{margin-top:30px}.career-overview-container .gradient-container{position:relative;overflow-x:clip}.career-overview-container .gradient-container .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.career-overview-container .gradient-container .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.career-overview-container .gradient-container .gradient-bg .gradient-1{position:absolute;opacity:.8;bottom:-100px;right:-700px;width:900px;height:829px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.career-overview-container .gradient-container .gradient-bg .gradient-2{opacity:.8;bottom:-200px;right:800px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.career-overview-container .life-at-zone{margin:0;padding-bottom:0;padding-top:120px}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:90px 0 119px;min-height:608px}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .swiper-slide::before{display:none}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-overview-life-img1.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-1::before{display:block;background-image:url(../../images/hr/liteon-gradient1.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-overview-life-img2.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-2::before{display:block;background-image:url(../../images/hr/liteon-gradient2.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-overview-life-img3.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-3::before{display:block;background-image:url(../../images/hr/liteon-gradient3.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-4{background-image:url(../../images/hr/liteon-overview-life-img4.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-4::before{display:block;background-image:url(../../images/hr/liteon-gradient1.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-5{background-image:url(../../images/hr/liteon-overview-life-img5.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-5::before{display:block;background-image:url(../../images/hr/liteon-gradient2.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-6{background-image:url(../../images/hr/liteon-overview-life-img6.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-6 .feature-list{justify-content:space-between}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-6::before{display:block;background-image:url(../../images/hr/liteon-gradient3.svg)}.career-overview-container .life-at-zone .swiper-slide .container{max-width:1106px}.career-overview-container .life-at-zone .swiper-slide .container .inner-title{margin-bottom:20px;z-index:1;position:relative}.career-overview-container .life-at-zone .swiper-slide .container .btn-block{position:absolute;bottom:50px;left:50%;transform:translateX(-50%)}.career-overview-container .life-at-zone .swiper-slide .container .btn-block .common-btn{display:inline-block}.career-overview-container .life-at-zone .swiper-slide .container .feature-list{z-index:1;position:relative;justify-content:center}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block{align-items:center;flex-wrap:nowrap}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(n+4){margin-top:20px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(n+2){margin-left:30px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(3n+1){margin-left:0px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block .icon{width:140px;margin-right:12px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block .inner-brief{width:170px}.career-overview-container .hr-zone{padding:120px 0 0}.career-overview-container .hr-zone .container{max-width:1680px}.career-overview-container .hr-zone .title{margin-bottom:40px}.career-overview-container .hr-zone .pin-container .pin-content{position:sticky;position:-webkit-sticky}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(n+2){margin-top:-100px}.career-overview-container .hr-zone .pin-container .pin-content:first-child{top:5%;z-index:2}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(2){top:10%;z-index:3}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(3){top:15%;z-index:4}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(4){top:20%;z-index:5}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(5){top:25%;z-index:6}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(6){top:30%;z-index:7}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(6) .inner-container{padding-bottom:0}.career-overview-container .hr-zone .pin-container .pin-content .inner-container{padding:50px 0 100px;border-radius:100px 100px 0 0;overflow:hidden;position:relative}.career-overview-container .hr-zone .pin-container .pin-content .inner-container::before{content:"";position:absolute;bottom:0;left:0;background-repeat:no-repeat;background-position:left bottom;background-size:cover;width:600px;height:400px;background-image:url(../../images/hr/liteon-human-pattern-dot.png)}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content{max-width:1280px;padding:0 40px;margin:0 auto;justify-content:space-between;align-items:flex-start}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block{width:430px;margin-right:30px;position:relative;align-self:flex-end}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .human{width:100%;position:relative;z-index:2}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .pattern{position:absolute;z-index:1;top:-20px;left:200px;width:408px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .job-title{position:absolute;z-index:3;bottom:85px;left:290px;background:rgba(255,255,255,.6);border-radius:0px 0px 50px 0px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;width:300px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .job-title .name{margin-bottom:10px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .job-title .job-position{--text-line:2;--text-line-height:44;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px)}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block{width:calc(100% - 568px);position:relative;z-index:2;margin-top:50px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block>.flex-block{align-items:flex-start}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .icon{width:110px;margin-right:20px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .inner-content{width:calc(100% - 130px);--text-line:9;--text-line-height:32;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px)}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .btn-block{margin-top:60px;margin-left:130px}.career-overview-container .hr-zone .pin-container .pin-content .blue-gradient{background:transparent linear-gradient(90deg,#00acbb 0%,#09ded7 100%) 0% 0% no-repeat}.career-overview-container .hr-zone .pin-container .pin-content .orange-gradient{background:transparent linear-gradient(90deg,#ff8536 0%,#eaaa00 100%) 0% 0% no-repeat}.career-overview-container .hr-zone .pin-container .pin-content .green-gradient{background:transparent linear-gradient(90deg,#63a738 0%,#aed581 100%) 0% 0% no-repeat}@media screen and (max-width:1199px){.career-overview-container .gradient-container .gradient-bg{max-width:768px}.career-overview-container .gradient-container .gradient-bg .gradient-1{bottom:-100px;right:auto;left:700px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.career-overview-container .gradient-container .gradient-bg .gradient-2{position:absolute;bottom:-200px;right:700px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.career-overview-container .life-intro-zone{padding-top:20px}.career-overview-container .life-intro-zone .container{max-width:768px}.career-overview-container .life-intro-zone .career-info-text-wrapper .inner-title{--text-line-height:44}.career-overview-container .life-intro-zone .career-info-text-wrapper .inner-content{--text-line-height:28}.career-overview-container .life-intro-zone .career-info-swiper-outer .left-block{margin-right:20px;margin-top:0;width:320px}.career-overview-container .life-intro-zone .career-info-swiper-outer .right-block{width:calc(100% - 340px)}.career-overview-container .life-intro-zone .career-info-swiper-outer .right-block .career-info-img-swiper{border-radius:0 0 0 30px}.career-overview-container .life-intro-zone .career-info-swiper-outer .swiper-btn-block{margin-top:20px}.career-overview-container .life-intro-zone .video-wrapper .img>a::after{width:50px;height:50px}.career-overview-container .life-at-zone{padding-top:80px}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:101px 0 130px;min-height:532px}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-overview-life-img1-tb.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-1::before{background-image:url(../../images/hr/liteon-gradient1-tb.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-overview-life-img2-tb.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-2::before{background-image:url(../../images/hr/liteon-gradient2-tb.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-overview-life-img3-tb.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-3::before{background-image:url(../../images/hr/liteon-gradient3-tb.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-4{background-image:url(../../images/hr/liteon-overview-life-img4-tb.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-4::before{background-image:url(../../images/hr/liteon-gradient1-tb.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-5{background-image:url(../../images/hr/liteon-overview-life-img5-tb.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-5::before{background-image:url(../../images/hr/liteon-gradient2-tb.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-6{background-image:url(../../images/hr/liteon-overview-life-img6-tb.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-6::before{background-image:url(../../images/hr/liteon-gradient3-tb.svg)}.career-overview-container .life-at-zone .swiper-slide .container{max-width:750px}.career-overview-container .life-at-zone .swiper-slide .container .inner-title{margin-bottom:30px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list{justify-content:space-between}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(n+3){margin-top:40px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(n+2){margin-left:0px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(3n+1){margin-left:0}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(odd){margin-right:30px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block .icon{width:100px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block .inner-brief{width:208px}.career-overview-container .hr-zone{padding:80px 0 0}.career-overview-container .hr-zone .container{max-width:768px}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(n+2){margin-top:-50px}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(6) .inner-container{padding-bottom:0}.career-overview-container .hr-zone .pin-container .pin-content .inner-container{padding:40px 0 50px;border-radius:50px 50px 0 0}.career-overview-container .hr-zone .pin-container .pin-content .inner-container::before{width:320px;height:298px;background-image:url(../../images/hr/liteon-human-pattern-dot-tb.png)}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content{padding:0 20px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block{width:236px;margin-top:60px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .pattern{top:-60px;left:110px;width:220px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .job-title{bottom:23px;left:85px;border-radius:0px 0px 30px 0px;width:220px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .job-title .job-position{--text-line-height:28}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block{width:calc(100% - 348px);margin-top:0px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .icon{width:60px;margin-right:0px;margin-bottom:10px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .inner-content{width:100%;--text-line:13;--text-line-height:28}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .btn-block{justify-content:flex-end;margin-top:20px;margin-left:0;width:100%;margin-right:25px;padding-bottom:50px}}@media screen and (max-width:767px){.career-overview-container .gradient-container .gradient-bg{left:87px;bottom:-120px}.career-overview-container .gradient-container .gradient-bg .gradient-1{left:600px;bottom:300px}.career-overview-container .gradient-container .gradient-bg .gradient-2{right:100px;bottom:-200px}.career-overview-container .life-intro-zone{padding-top:20px}.career-overview-container .life-intro-zone .career-info-swiper-outer{display:block;position:relative}.career-overview-container .life-intro-zone .career-info-swiper-outer .right-block{max-width:500px;width:100%;margin:0 auto;margin-top:20px}.career-overview-container .life-intro-zone .career-info-swiper-outer .left-block{max-width:500px;width:100%;margin:0 auto}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:101px 0 370px;min-height:752px}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-1{background-image:url(../../images/hr/liteon-overview-life-img1-m.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-1::before{background-image:url(../../images/hr/liteon-gradient1-m.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-2{background-image:url(../../images/hr/liteon-overview-life-img2-m.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-2::before{background-image:url(../../images/hr/liteon-gradient2-m.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-3{background-image:url(../../images/hr/liteon-overview-life-img3-m.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-3::before{background-image:url(../../images/hr/liteon-gradient3-m.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-4{background-image:url(../../images/hr/liteon-overview-life-img4-m.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-4::before{background-image:url(../../images/hr/liteon-gradient1-m.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-5{background-image:url(../../images/hr/liteon-overview-life-img5-m.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-5::before{background-image:url(../../images/hr/liteon-gradient2-m.svg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-6{background-image:url(../../images/hr/liteon-overview-life-img6-m.jpg)}.career-overview-container .life-at-zone .tab-zone .bottom-content .tab-content-swiper .slide-6::before{background-image:url(../../images/hr/liteon-gradient3-m.svg)}.career-overview-container .life-at-zone .swiper-slide .container .inner-title{margin-bottom:30px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block{width:100%}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(n+2){margin-top:20px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block:nth-child(odd){margin-right:0}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block .icon{width:100px}.career-overview-container .life-at-zone .swiper-slide .container .feature-list .content-block .inner-brief{width:calc(100% - 112px)}.career-overview-container .hr-zone .title{margin-bottom:20px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .inner-content{--text-line:15}.career-overview-container .hr-zone .pin-container .pin-content:first-child{top:3%}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(2){top:7%}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(3){top:11%}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(4){top:15%}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(5){top:19%}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(6){top:23%}.career-overview-container .hr-zone .pin-container .pin-content:nth-child(6) .inner-container{padding-bottom:0}.career-overview-container .hr-zone .pin-container .pin-content .inner-container::before{background-image:url(../../images/hr/liteon-human-pattern-dot-m.png)}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content{padding:0 20px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block{width:236px;margin-top:50px;order:2;margin-right:0;margin-left:-20px;position:static}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .pattern{width:200px;top:20px;left:20px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .left-block .job-title{bottom:23px;left:85px}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block{width:100%;margin-top:0px;order:1}.career-overview-container .hr-zone .pin-container .pin-content .inner-container .intro-content .right-block .btn-block{margin-right:25px}#m-career-change .icon{display:none}#m-career-change .m-job-title-block{font-size:22px}#m-career-change .m-job-title-block+.inner-content{margin-top:10px}#m-career-change .flexable-more-btn{padding-bottom:10px}#m-career-change .left-block{margin-top:10px;position:relative;width:calc(100% + 20px)}#m-career-change .left-block .job-title{left:auto;right:max(calc(100% - 350px),0px);top:10px;bottom:auto;width:150px;backdrop-filter:initial;-webkit-backdrop-filter:initial;background:initial;padding:0;border-radius:0}#m-career-change .job-title .name{margin-bottom:0;color:#fff;font-weight:700}#m-career-change .m-job-title-block.text-clip-hidden{--text-line:2;--text-line-height:28}#m-career-change .job-title .name.text-clip-hidden{--text-line:2;--text-line-height:24;font-size:20px}#m-career-change .left-block .human{width:236px}}.salary-section .common-zone{padding:0}.internship-top-section .gradient-bg{overflow:visible;background-color:transparent}.salary-inner-breif{margin-right:auto;margin-left:auto;padding-bottom:10px;margin-top:40px;text-align:center}@media screen and (max-width:1199px){.salary-inner-breif{padding-bottom:0;margin-top:20px;text-align:center}}.domestic-img-group .img-info{max-width:77.795%;margin-left:auto}.domestic-img-group:nth-child(even) .img-info{margin-left:0;margin-right:auto}@media screen and (max-width:1199px){.domestic-img-group .img-info{max-width:414px}}@media screen and (max-width:767px){.domestic-img-group .text-outer,.internship-sticky-section .img-group-content .text-outer{padding-left:54px}.domestic-img-group .img-info,.internship-sticky-section .img-group-content .img-info{max-width:500px}.domestic-img-group:nth-child(even) .text-outer,.internship-sticky-section .img-group-content .img-group:nth-child(even) .text-outer{padding-right:54px;padding-left:0}}.internship-sticky-section .right-block .tab-content-wrpper{scrollbar-color:#d3d3d3 transparent}.internship-sticky-section .right-block .tab-content-wrpper::-webkit-scrollbar-track{background-color:transparent}:where(.internship-main-content)>.tab-anchor-slider .btn-common{background-color:transparent}@supports not (selector(:where(*))){.internship-main-content .btn-common{background-color:transparent}}body{overflow-x:clip}.salary-content-block{max-width:710px}.salary-content-block .title{font-size:32px;line-height:44px}.salary-content-block .brief{margin-top:20px}@media screen and (max-width:1199px){.salary-content-block{max-width:380px}.salary-content-block .title{font-size:28px;line-height:38px}.salary-content-block .brief{margin-top:20px}}@media screen and (max-width:767px){.salary-content-block{max-width:none}}@media screen and (max-width:1199px){.career-video .inner-wrapper.fix-padding{padding-top:200px}}.join-us-container .star-pattern{position:absolute;top:0;left:0;width:60px;height:53px;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;z-index:1}.join-us-container .step:first-child .star-pattern{background-image:url(../../images/hr/liteon-step1.png)}.join-us-container .step:nth-child(2) .star-pattern{background-image:url(../../images/hr/liteon-step2.png)}.join-us-container .step:nth-child(3) .star-pattern{background-image:url(../../images/hr/liteon-step3.png)}.join-us-container .step:nth-child(4) .star-pattern{background-image:url(../../images/hr/liteon-step4.png)}.join-us-container .step:nth-child(5) .star-pattern{background-image:url(../../images/hr/liteon-step5.png)}.join-us-container .step:nth-child(6) .star-pattern{background-image:url(../../images/hr/liteon-step6.png)}.join-us-container .apply-zone .apply-step-list .step::after{display:none}.apply-step-line{position:absolute;top:26px;left:0px;width:calc(100% + 120px);height:1px;z-index:1;background-color:#a8dde1}.step:nth-child(3) .apply-step-line{width:calc(100% + 60px + (100vw - 1120px)/ 2)}.step:nth-child(4) .apply-step-line{left:calc(-1 * (100vw - 1120px)/ 2);width:calc(100% + 130px + (100vw - 1120px)/ 2)}.step:nth-child(6) .apply-step-line{display:none}.join-us-container .apply-zone .apply-step-list .step::before{display:none}@media screen and (max-width:1199px){.join-us-container .star-pattern{width:50px;height:44px}.apply-step-line{top:22px;left:0px;width:calc(100% + 60px)}.step:nth-child(3) .apply-step-line,.step:nth-child(5) .apply-step-line{left:calc(-1 * (100vw - 688px)/ 2);width:calc(100% + 62px + (100vw - 688px)/ 2)}.step:nth-child(2) .apply-step-line{width:calc(100% + (100vw - 688px)/ 2)}.step:nth-child(4) .apply-step-line{left:0px;width:calc(100% + (100vw - 688px)/ 2)}}@media screen and (max-width:767px){.apply-step-list .step .apply-step-line{top:0px;left:25px;width:1px;height:calc(100% + 40px + 38px)}}.liteon-product-video{min-height:100vh;min-height:100dvh;position:relative;padding-top:255px;padding-bottom:270px;z-index:3}.prev-is-feature.product-video{background-image:none;background:#d6f0f7}.liteon-full-video-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1}.liteon-full-video-wrapper .img{width:100%;height:100%}.liteon-product-video .liteon-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:-1;opacity:0}.liteon-inner-wrapper{display:flex}.liteon-product-video .left-block{width:56.25%;padding-right:150px}.liteon-product-video .right-block{width:31.25%}.liteon-inner-wrapper .title.text-clip-hidden{--text-line:4;--text-line-height:44}.liteon-inner-wrapper .brief.text-clip{--text-line:10}.liteon-inner-wrapper .brief{margin-top:20px}.video-poster{display:block}.video-poster .img{width:100%;aspect-ratio:350/196;border-radius:30px;position:relative}.video-poster .img::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.3);z-index:0}.video-poster .img::after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100px;height:100px;background-image:url(../../images/common/liteon-common-video-btn.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.video-info-text{margin-top:12px}.video-item+.video-item{margin-top:30px}@media screen and (max-width:1199px){.liteon-product-video{padding:80px 0}.liteon-product-video .left-block{padding-right:48px;width:53.488%}.liteon-product-video .right-block{width:46.511%}}@media screen and (max-width:768px){.liteon-inner-wrapper{display:block}.liteon-product-video .left-block{width:auto;padding-right:0}.liteon-product-video .right-block{margin-top:40px;width:auto}}.career-info-swiper-outer .popup-video.img-fit{width:100%;height:100%}.font-55+.tab-controller{margin-top:40px}.font-44+.tab-controller{margin-top:20px}