.frozen-block{background-size:cover;background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-image:url(../../images/hr/liteon_internship_bkg_webp.webp);position:relative}.frozen-block::before{content:"";position:absolute;inset:0;top:-20px;width:100%;height:556px;background:linear-gradient(#fff,rgba(255,255,255,0));z-index:0}.frozen-img{display:none}.frozen-padding{padding-top:20px}.news-container{padding-top:100px;position:relative;z-index:2}.news-container .slide-container{padding:0px}.news-container .slide-container .title{margin-bottom:40px}.news-container .slide-container .swiper{width:calc(100% - (100% - 1120px)/ 2);margin-left:calc((100% - 1120px)/ 2);overflow:visible;position:relative;padding:0}.news-container .slide-container .slide-controller{display:flex;justify-content:center;position:relative}.news-container .slide-container .slide-controller .swiper-scrollbar{height:3px;margin:60px 27px 0;max-width:545px;position:static;width:100%;background:#ededed;border-radius:2px}.news-container .slide-container .slide-controller .swiper-scrollbar .swiper-scrollbar-drag{background-color:#ff8536;cursor:grab;transition:all ease .3s}.news-container .slide-container .slide-controller .swiper-scrollbar .swiper-scrollbar-drag:hover{height:9px;margin-top:-3px}.news-container .slide-container .slide-controller .swiper-btn-block{position:absolute;max-width:600px;top:60px;width:100%}.news-container .slide-container .page-next,.news-container .slide-container .page-prev{width:10px;outline:0;margin-top:0;position:absolute;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;height:14px;background-image:url(../../images/common/liteon-small-slide-arrow-dark-gray.svg);background-repeat:no-repeat;background-position:center;background-size:auto;padding-top:0;background-size:contain;top:50%;transform:translateY(-50%)}.news-container .slide-container .page-next:hover::before,.news-container .slide-container .page-prev:hover::before{opacity:1}.news-container .slide-container .page-next::after,.news-container .slide-container .page-prev::after{display:none}.news-container .slide-container .page-prev{left:0;transform:translateY(-50%) scaleX(-1)}.news-container .slide-container .page-next{right:0}.news-container .slide-container .swiper-slide{width:400px;margin-right:60px}.news-container .slide-container .swiper-slide .news-content{display:block;width:100%;height:100%}.news-container .slide-container .swiper-slide .news-content:hover .arrow-btn{width:46px}.news-container .slide-container .swiper-slide .news-content:hover .article-content{text-decoration:underline}.news-container .slide-container .swiper-slide .news-content .img-container{position:relative;width:100%;height:264px;border-radius:0px 0px 30px 0px;padding-top:0;overflow:hidden}.news-container .slide-container .swiper-slide .news-content img{width:100%;height:100%;object-fit:cover;display:block}.news-container .slide-container .swiper-slide .news-content .inner-title{position:absolute;top:0;left:0;padding:10px 20px}.news-container .slide-container .swiper-slide .news-content .article-content{margin-top:30px;--text-line:4;--text-line-height:36}.news-container .slide-container .swiper-slide .news-content .date-time-block{display:flex;align-items:center;gap:8px;margin-top:8px}.news-container .slide-container .swiper-slide .news-content .icon-container{width:20px;height:20px}.news-container .slide-container .swiper-slide .news-content .no-hover{all:unset}.news-container .slide-container .swiper-slide .news-content .btn-block{margin-top:20px}.news-container .slide-container .swiper-slide .activity-label .inner-title{background-color:#1976d2}.news-container .slide-container .swiper-slide .activity-label .date-time{font-weight:400;color:#53565a}.project-list-container{padding-top:100px;margin:auto;width:100%;box-sizing:border-box;position:relative;z-index:2}.project-list-container .container .title{margin-bottom:40px}.project-list-container .project-list{max-width:1680px;padding:0 40px;margin:auto;display:grid;gap:80px 50px;grid-template-columns:repeat(3,minmax(0,1fr));box-sizing:border-box;justify-content:center}.project-list-container .project-list .project-content{display:flex;flex-direction:column;min-width:0;width:100%;min-height:0;border-radius:0 0 60px 0;overflow:hidden;background:#fff;position:relative}.project-list-container .project-list .project-content:hover{background-color:#00acbb;transition:background-color ease-in-out .3s}.project-list-container .project-list .project-content .project-title{color:#263238;font-weight:700;margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;flex-shrink:0}.project-list-container .project-list .project-content .apply-period,.project-list-container .project-list .project-content .project-period{display:flex;flex-shrink:0}.project-list-container .project-list .project-content:hover .apply-period,.project-list-container .project-list .project-content:hover .project-period,.project-list-container .project-list .project-content:hover .project-title{color:#fff;transition:color ease-in-out .3s}.project-list-container .project-list .img-container{aspect-ratio:50/33;object-fit:cover;object-position:center;overflow:hidden}.project-list-container .project-list .img-container img{object-fit:cover;width:100%;height:100%}.project-list-container .project-list .text-content{padding:26px 32px 0;height:158px;min-height:0}.project-list-container .project-list .apply-period,.project-list-container .project-list .project-period{color:#53565a;margin-bottom:12px;line-height:18px}.project-list-container .project-list .period-title{margin-right:12px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;flex-shrink:0}.project-list-container .project-list .date-time{line-height:18px;flex-shrink:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}.project-list-container .project-list .btn-block{padding:26px 0 30px 32px;margin-top:auto;position:relative}.project-list-container .project-list .project-content:hover .btn-block{gap:8px}.project-list-container .project-list .project-content .btn-block .arrow-btn.dark-gray{height:16px;opacity:1;transition:width .3s ease-in-out,opacity ease-in-out .3s}.project-list-container .project-list .project-content:hover .btn-block .arrow-btn.dark-gray{display:none}.project-list-container .project-list .project-content:hover .btn-block .arrow-btn{width:46px;opacity:1}.project-list-container .project-list .project-content .learn-more{font-size:18px;line-height:20px;font-weight:400;color:#fff;transition:color ease-in-out .3s;position:absolute;left:78px;bottom:28px;padding-left:8px}.join-us-container{padding:100px 0 60px;max-width:1600px;margin:auto;position:relative;z-index:2}.join-us-container .title{font-weight:400;margin-bottom:32px}.join-us-container .link-container{background:rgba(255,255,255,.6);mix-blend-mode:normal;display:inline-block;padding:24px 60px;min-height:80px;border-radius:40px;position:relative;isolation:isolate}.join-us-container .link-container::before{content:'';background-image:url(../../images/hr/social-media-bubble-arrow.svg);background-size:contain;background-repeat:no-repeat;width:36px;height:100%;position:absolute;top:-22.5px;left:calc(50% - 18px)}.join-us-container .link-container .grid-container{display:grid;grid-template-columns:repeat(4,auto);gap:0 48px}.join-us-container .link-container .link{display:inline-block;vertical-align:middle;text-shadow:none}.join-us-container .link-container .text-content{color:#1c222b;font-weight:400;vertical-align:middle;margin-right:8px;transition:color ease-in-out .3s}.join-us-container .link-container .link:hover .text-content{color:#00acbb}.join-us-container .link-container .icon-container{max-width:42px;color:#263238;cursor:pointer;transition:color .3s ease-in-out}.join-us-container .link-container .link:hover .icon-container{color:#00acbb}.icon-path{transition:fill .3s ease}.icon:hover .icon-path{fill:url(#hoverGradient)}@media screen and (max-width:1199px){.news-container .slide-container .swiper{width:100%;margin-left:40px;overflow:visible;position:relative;padding:0;z-index:1}.news-container .slide-container .slide-controller .swiper-scrollbar{margin:39px 23px 0;max-width:400px}.news-container .slide-container .slide-controller .swiper-btn-block{max-width:452px;top:40px}.news-container .slide-container .swiper-slide{width:320px;margin-right:40px}.news-container .slide-container .swiper-slide .news-content:hover .arrow-btn{width:32px}.news-container .slide-container .swiper-slide .news-content .img-container{height:214px}.news-container .slide-container .swiper-slide .news-content .article-content{margin-top:10px;--text-line-height:28}.news-container .slide-container .swiper-slide .news-content .btn-block{margin-top:20px}.project-list-container .project-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 40px;width:100%;box-sizing:border-box;will-change:transform}.project-list-container .project-list .project-content:hover .btn-block .arrow-btn{width:32px}.project-list-container .project-list .project-content .learn-more{left:64px}.join-us-container .link-container .grid-container{display:grid;grid-template-columns:repeat(2,auto);gap:16px 48px}.join-us-container .link-container .link{justify-self:start}}@media screen and (max-width:767px){.news-container{padding-top:60px}.news-container .slide-container .title{margin-bottom:20px}.news-container .slide-container .swiper{margin-left:20px}.news-container .slide-container .slide-controller .swiper-scrollbar{max-width:268px}.news-container .slide-container .slide-controller .swiper-btn-block{max-width:320px}.news-container .slide-container .swiper-slide{width:320px;margin-right:40px}.news-container .slide-container .swiper-slide .news-content .article-content{margin-top:10px;--text-line-height:28}.news-container .slide-container .swiper-slide .news-content .btn-block{margin-top:20px}.project-list-container{padding-top:80px;margin:auto}.project-list-container .container .title{margin-bottom:20px}.project-list-container .project-list{padding:0 20px;grid-template-columns:repeat(1,minmax(0,1fr));gap:30px;will-change:transform}.project-list-container .project-list .apply-period,.project-list-container .project-list .project-period{margin-bottom:4px}.project-list-container .project-list .text-content{padding:16px 24px 0;height:unset}.project-list-container .project-list .btn-block{padding:24px 0 16px 24px}.project-list-container .project-list .project-content .learn-more{left:56px;bottom:14px}.join-us-container{padding:40px 0 55px}.join-us-container .title{font-size:32px;line-height:44px;margin-bottom:32px}.join-us-container .link-container{display:block;padding:16px 0;margin:0 20px;border-radius:20px}.join-us-container .link-container .grid-container{display:grid;grid-template-columns:auto;gap:16px 0}.join-us-container .link-container .link:nth-child(even),.join-us-container .link-container .link:nth-child(odd){justify-self:center}}.tab-anchor-container .btn-common.no-background{background-color:transparent}.tab-anchor-container .btn-common.no-background:hover{background-color:#ff8536}.gradient-container{position:relative;overflow-x:clip}.gradient-container:has(.project-container) .gradient-bg .gradient-1{position:absolute;opacity:.4;top:-500px;left:-500px;width:1500px;height:830px;transform:rotate(24deg);border-radius:582px;background:radial-gradient(50% 50% at 50% 50%,#00acbb 0%,rgba(0,172,187,0) 100%);filter:blur(80px);z-index:-10}.gradient-container:has(.project-container) .gradient-bg .gradient-2{position:absolute;opacity:.8;top:-100px;right:-200px;width:1200px;height:820px;transform:rotate(-19deg);border-radius:508px;background:radial-gradient(50% 50% at 50% 50%,#50a6d0 0%,rgba(80,166,208,0) 100%);filter:blur(80px);z-index:-10}.gradient-container+.common-zone.event-zone{padding-top:0}.project-container{max-width:1200px;padding:0 40px;margin:auto}.project-container .title{margin-top:80px}.project-container .project-info{padding:16px;margin-top:40px;border-radius:30px 0 30px 0;background:linear-gradient(155.5deg,rgba(176,211,229,.7) 0%,rgba(205,229,241,.7) 15.38%,rgba(255,255,255,.7) 100%);backdrop-filter:blur(50px);display:grid;gap:16px;grid-template-columns:repeat(2,1fr);position:relative;z-index:2}.project-container .project-info .column{background:#fff;display:flex;gap:8px;padding:16px 20px;align-items:center}.project-container .project-info .column:nth-child(1){border-radius:16px 0 0 0}.project-container .project-info .column:nth-last-child(2){border-radius:0 0 16px 0}.project-container .project-info .column:nth-last-child(1){background:0 0;padding:0}.project-container .project-info .column:nth-last-child(1),.project-container .project-info .column:nth-last-child(2){grid-column:1/3}.project-container .project-info .column .icon-container{flex:0 0 20px;width:20px;height:20px;font-size:0}.project-container .project-info .column .icon-container img{width:100%;height:100%;object-fit:contain;display:block}.project-container .project-info .column .text-content{flex:1;display:flex;align-items:center;gap:8px;color:#263238}.project-container .project-info .column .column-title{max-width:120px;font-weight:700;flex-shrink:0;color:#53565a;overflow-wrap:break-word}.project-container .project-info .column .column-content{font-weight:400;color:#53565a}.step-container .btn-container{display:flex;justify-content:center}.btn-container .apply-btn,.project-container .project-info .column .apply-btn{margin:auto;display:inline-block;min-width:180px;max-width:360px;padding:9px;background:linear-gradient(0deg,rgba(5,57,185,.904375) 28.44%,rgba(0,222,215,.904375) 100%);border-radius:8px;backdrop-filter:blur(13.590999603271484px);box-shadow:0px 3px 6px 0px #00000018}.project-container .project-info .column .apply-btn a,.step-container .apply-btn a{display:block;color:#fff;font-weight:400;text-align:center}.project-container .project-intro-container{margin-top:80px;padding-bottom:100px;position:relative;z-index:2}.project-container .spot-light-container{margin-top:80px;position:relative;z-index:2}.inclusive-container{position:relative;z-index:2}.inclusive-container .intro-zone.common-zone{padding:0}.inclusive-container .intro-zone.common-zone .title{margin-bottom:40px}.inclusive-container .intro-zone.common-zone .text-content{margin-bottom:20px}@media screen and (max-width:767px){.project-container{padding:0 20px}.project-container .title{margin-top:60px}.project-container .project-info{padding:10px;margin-top:20px;border-radius:30px 0 30px 0;gap:0;grid-template-columns:1fr}.project-container .project-info .column{border-bottom:.75px solid #00aCBB4D}.project-container .project-info .column:nth-last-child(1),.project-container .project-info .column:nth-last-child(2){grid-column:1/2;border:none}.project-container .project-info .column:nth-last-child(1){padding:10px 0 0}.project-container .project-info .column .column-title{max-width:unset;overflow-wrap:normal}.project-container .project-info .column .text-content{flex-direction:column;align-items:start;gap:0}.project-container .project-info .column .apply-btn,.step-container .apply-btn{margin:auto;width:100%;border-radius:10px}.project-container .project-intro-container,.project-container .spot-light-container{margin-top:40px;padding-bottom:80px}.inclusive-container .intro-zone.common-zone .title{margin-bottom:20px}.inclusive-container .intro-zone.common-zone .text-content{margin-bottom:30px}}.inclusive-container .tab-zone .info-text-wrapper .text-block .visible-view{padding-right:0}.inclusive-container .bottom-content .tab-content-swiper{width:100%;height:100%;background-image:url(../../images/hr/liteon_internship_project_spotlight_bkg.webp);background-repeat:no-repeat;background-position:center;background-size:cover}.inclusive-container .tab-zone .bottom-content .tab-content-swiper .no-mask-swiper .swiper-slide{padding:0}.process-zone .gradient-bg-block{height:1600px;width:100%;background:linear-gradient(180deg,rgba(168,221,225,0) 49.96%,rgba(168,221,225,.6) 95%);position:absolute;bottom:0;left:0;right:0;z-index:-1}.process-zone .event-container .open-close-list{background:rgba(255,255,255,.65);position:relative;z-index:2}.gradient-container:has(.event-container) .gradient-bg .gradient-1{position:absolute;opacity:.8;top:450px;right:-100px;width:1150px;height:636px;transform:rotate(57deg);border-radius:582.25px;background:radial-gradient(50% 50% at 50% 50%,#00acbb 0%,rgba(0,172,187,0) 100%);filter:blur(80px);z-index:-1}.process-zone .event-container+.process-container{margin-top:100px}.process-zone .process-container{position:relative}.process-zone .title{color:#263238;font-weight:400}.process-zone .container div.title{margin-bottom:40px}.process-zone .step-container{max-width:1200px;position:relative;z-index:2}.process-zone .step-container:last-child{text-align:center}.process-zone .step-container .step-list{margin-top:40px}.process-zone .step-container .step-list li{display:grid;grid-template-columns:220px auto;gap:8px;margin-bottom:36px;border-radius:4px}.process-zone .step-container .step-list li:last-child{margin-bottom:40px}.process-zone .step-container .step-list .step-title{display:flex;color:#fff;font-weight:700;width:220px;background:#1976d2;border-radius:4px;justify-content:center;align-items:center;position:relative;padding:14px 20px;text-align:center}.process-zone .step-container .step-list li:nth-child(n+2) .step-title::before{content:'';display:block;background-image:url(../../images/hr/step-arrow.svg);background-size:contain;background-repeat:no-repeat;width:48px;height:36px;position:absolute;top:-36px;left:calc(50% - 24px)}.process-zone .step-container .step-list .step-content{color:#263238;font-weight:400;padding:14px 20px;border-radius:4px;background:linear-gradient(0deg,rgba(255,255,255,.8),rgba(255,255,255,.8)),linear-gradient(0deg,rgba(174,255,253,.08),rgba(174,255,253,.08))}.process-zone .process-container .dots-bg{width:388px;height:775px;overflow:clip;background-image:url(../../images/hr/liteon-internship-project-halftone.svg);background-repeat:no-repeat;background-size:fill;padding-top:120px;position:absolute;z-index:1}.process-zone .process-container .bg-left{background-position:right;top:-307px;left:0}.process-zone .process-container .bg-right{background-position:left top;bottom:-500px;right:0}@media screen and (max-width:767px){.process-zone .event-container+.process-container{margin-top:60px}.process-zone .step-container .step-list li{display:grid;grid-template-columns:1fr;gap:0}.process-zone .step-container .step-list .step-title{width:100%;height:42px;border-radius:4px 4px 0 0}.process-zone .step-container .step-list .step-content{width:100%;border-radius:0 0 4px 4px;padding:20px;text-align:center}.process-zone .process-container .dots-bg{width:300px;height:300px}.process-zone .process-container .bg-left{display:none}}.cards-zone{background-image:url(../../images/hr/liteon_internship_project_sharing_bkg2.webp);background-repeat:no-repeat;background-position:top;background-size:cover;padding-top:120px;overflow:hidden;position:relative;z-index:2}.intro-zone.common-zone .container .title,.process-zone.common-zone .container .title{position:relative;z-index:3}.cards-zone.common-zone .container .title,.multiple-items-zone.common-zone .container .title{margin-bottom:40px;color:#fff;position:relative;z-index:3}.cards-zone .background-container{position:relative;width:1120px;height:100%}.cards-zone .grid-container{display:grid;grid-template-columns:repeat(5,200px);justify-content:center;gap:40px 30px;margin:0 auto}.cards-zone .cards-container-dt{display:grid}.cards-zone .cards-container-mb{display:none}.cards-zone .grid-container .cards{width:200px;border-radius:10px;background:transparent linear-gradient(180deg,#cbfffc 0%,#faffff 100%) 0% 0% no-repeat padding-box;box-shadow:3px 3px 30px rgba(0,0,0,.1019607843);transition:.3s ease;padding:20px 16px;position:relative;cursor:pointer;overflow:hidden}.cards-zone .grid-container .cards::before{content:"";display:block;position:absolute;width:100%;top:0px;left:0;height:100%;background-color:#cbfffc;opacity:0;transition:background-color .3s ease;z-index:1}.cards-zone .grid-container .cards .card-title{flex-direction:column;justify-content:center;align-items:center;height:56px;transition:.3s ease;color:#53565a;z-index:2;position:relative;text-align:center}.cards-zone .grid-container .cards .name,.cards-zone .grid-container .cards .position{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.cards-zone .grid-container .cards .name{font-weight:700;margin-bottom:8px;line-height:18px}.cards-zone .grid-container .cards .position{font-size:14px;line-height:14px}.cards-zone .grid-container .cards .img{position:relative;max-width:100px;margin:0 auto;margin-top:4px;z-index:2}.cards-zone .grid-container .cards .img img{aspect-ratio:1/1;object-fit:cover;border-radius:50%;overflow:hidden}.cards-zone .grid-container .cards .shine-post{border-radius:50%;background-color:#befaff;width:30px;height:30px;position:absolute;bottom:10px;right:10px;z-index:2}.cards-zone .grid-container .cards .shine-post::before{content:"";position:absolute;display:block;height:150%;width:150%;background-color:#befaff;border-radius:100%;top:-25%;left:-25%;animation:pulsate 2s linear infinite}.cards-zone .grid-container .cards .shine-post .spot{position:absolute;background-color:#ff8536;transition:.3s ease;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.cards-zone .grid-container .cards .shine-post .spot::before{content:"";position:absolute;width:10px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background-image:url(../../images/esg/liteon-circle-plus.svg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;z-index:2}.cards-zone .grid-container .cards:hover::before{opacity:1}.cards-zone .grid-container .cards:hover .card-title{color:#53565a}.cards-zone .grid-container .cards:hover .shine-post .spot{background-color:var(--blue-4)}.cards-zone .grid-container .cards:hover .shine-post .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.cards-zone .grid-container .active.cards::before{opacity:1}.cards-zone .grid-container .active.cards .card-title{color:#53565a;font-weight:700}.cards-zone .grid-container .active.cards .shine-post .spot{background-color:var(--blue-4)}.cards-zone .grid-container .active.cards .shine-post .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.cards-zone .swiper{display:none}.lightbox-container .swiper-slide{position:relative}.lightbox-container .swiper-slide .left-block{position:absolute;top:0;left:0}.lightbox-container .swiper-slide .left-block .img img{aspect-ratio:1/1;object-fit:cover;border-radius:50%;overflow:hidden}.lightbox-container .swiper-slide .right-block{margin-left:230px}.cards-zone .background-container .background-img{width:323px;height:294px;position:absolute}.cards-zone .background-container .background-img:nth-of-type(1){top:-169px;right:-236px}.cards-zone .background-container .background-img:nth-of-type(2){bottom:-69px;left:-236px}#footer,.page-navigation-bottom{position:relative;z-index:3}@media screen and (max-width:1199px){.cards-zone.common-zone{padding-bottom:60px}.cards-zone .title{margin-bottom:40px}.cards-zone .background-container{position:relative;width:670px}.cards-zone .container{max-width:767px}.cards-zone .grid-container{grid-template-columns:repeat(4,145px)}.cards-zone .grid-container .cards{padding:16px;width:145px;height:145px}.cards-zone .grid-container .cards .card-title{height:48px}.cards-zone .grid-container .cards .img{max-width:60px;margin-top:5px}.cards-zone .grid-container .cards .shine-post{bottom:8px;right:8px}.lightbox-container .swiper-slide .right-block{margin-left:220px}.cards-zone .background-container .background-img{width:168px;height:153px}.cards-zone .background-container .background-img:nth-of-type(1){top:-110px;right:-64px}.cards-zone .background-container .background-img:nth-of-type(2){bottom:-110px;left:-72px}}@media screen and (max-width:767px){.cards-zone .swiper{display:block}.cards-zone .swiper .swiper-slide{height:auto}.cards-zone .cards-container-dt{display:none}.cards-zone .cards-container-mb{display:grid}.cards-zone .slide-controller{max-width:360px}.cards-zone .background-container{position:relative;width:320px;margin:auto}.cards-zone .grid-container{grid-template-columns:repeat(2,145px)}.cards-zone .background-container .background-img:nth-of-type(1){top:-190px;right:-64px}.cards-zone .background-container .background-img:nth-of-type(2){bottom:-620px;left:-80px}.cards-zone .slide-container{display:block;width:228px;margin:auto;padding:0px}.cards-zone .slide-container .swiper{width:calc(100% - (100% - 1120px)/ 2);margin-left:calc((100% - 1120px)/ 2);overflow:visible;position:relative;padding:0;z-index:1}.cards-zone .slide-container .slide-controller{display:flex;justify-content:center;position:relative}.cards-zone .slide-container .slide-controller .swiper-scrollbar{height:3px;margin:50px 27px 0;max-width:545px;position:static;width:100%;background:#ededed;border-radius:2px}.cards-zone .slide-container .slide-controller .swiper-scrollbar .swiper-scrollbar-drag{background-color:#ff8536;cursor:grab;transition:all ease .3s}.cards-zone .slide-container .slide-controller .swiper-scrollbar .swiper-scrollbar-drag:hover{height:9px;margin-top:-3px}.cards-zone .slide-container .slide-controller .swiper-btn-block{position:absolute;max-width:600px;top:50px;width:100%}.cards-zone .slide-container .page-next,.cards-zone .slide-container .page-prev{width:10px;outline:0;margin-top:0;position:absolute;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;height:14px;background-image:url(../../images/common/liteon-small-slide-arrow.svg);background-repeat:no-repeat;background-position:center;background-size:auto;padding-top:0;background-size:contain;top:50%;transform:translateY(-50%)}.cards-zone .slide-container .page-next:hover::before,.cards-zone .slide-container .page-prev:hover::before{opacity:1}.cards-zone .slide-container .page-next::after,.cards-zone .slide-container .page-prev::after{display:none}.cards-zone .slide-container .page-prev{left:0;transform:translateY(-50%) scaleX(-1)}.cards-zone .slide-container .page-next{right:0}.lightbox-container .swiper-slide .left-block{position:relative}.lightbox-container .swiper-slide .right-block{margin-left:0px}}.multiple-items-zone .multiple-container .left-block .items span::before{content:"";display:block;position:absolute;left:0;background-repeat:no-repeat;background-position:right;width:25px;height:25px;top:50%;transform:translateY(-50%);background-size:contain}.multiple-items-zone{background-image:url(../../images/hr/liteon_internship_project_portfolio_bkg.webp);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:120px;position:relative;z-index:3}.multiple-items-zone .big-container{max-width:1680px}.multiple-items-zone .container>.title{color:#fff;margin-bottom:40px;max-width:1120px}.multiple-items-zone .multiple-container{align-items:flex-start;flex-wrap:nowrap}.multiple-items-zone .multiple-container .left-block{max-width:340px;width:250px;width:clamp(210px,21.25%,340px);min-width:210px;margin-right:30px;position:sticky;top:60px}.multiple-items-zone .multiple-container .left-block .items{color:#fff}.multiple-items-zone .multiple-container .left-block .items:nth-child(n+2){margin-top:40px}.multiple-items-zone .multiple-container .left-block .items:hover span{font-weight:700}.multiple-items-zone .multiple-container .left-block .items:hover span::before{opacity:1}.multiple-items-zone .multiple-container .left-block .items:hover span::after{background-size:100% 2px}.multiple-items-zone .multiple-container .left-block .items span{display:block;padding-left:40px;transition:.3s ease;position:relative;cursor:pointer;background-image:linear-gradient(#fff,#fff);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:color .3s,background-size .6s}.multiple-items-zone .multiple-container .left-block .items span::before{width:30px;height:27px;background-image:url(../../images/esg/liteon-blue-star.svg);transition:.3s ease;opacity:0}.multiple-items-zone .multiple-container .left-block .items span::after{content:"";display:block;width:calc(100% - 40px);bottom:0;left:40px;height:2px;position:absolute;background-image:linear-gradient(#fff,#fff);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .6s}.multiple-items-zone .multiple-container .left-block .active span{font-weight:700}.multiple-items-zone .multiple-container .left-block .active span::before{opacity:1}.multiple-items-zone .multiple-container .left-block .active span::after{background-size:100% 2px}.multiple-items-zone .multiple-container .right-block{min-width:0;flex:1;background-color:#fff;border-radius:60px 0px 60px 0px;padding:60px 140px 60px 60px;height:600px;display:flex;flex-direction:column}.multiple-items-zone .multiple-container .right-block .visible-view{max-height:480px;overflow-y:auto!important;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch;padding-right:19px;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.multiple-inner-content-marine,.multiple-inner-content-marine .swiper-slide,.multiple-inner-content-marine .swiper-wrapper{height:auto!important;transition:height .3s ease}.multiple-inner-content-marine .swiper-slide:not(.swiper-slide-active){height:0!important;overflow:hidden;pointer-events:none}.multiple-inner-content-marine .swiper-slide-active{height:auto!important;overflow:visible;pointer-events:auto}.multiple-inner-content-marine .swiper-slide-active{visibility:visible;pointer-events:auto}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar{width:5px}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}@media screen and (max-width:1199px){.multiple-items-zone .big-container.tb-768{max-width:768px}.multiple-items-zone .container>.title{margin-bottom:60px}.multiple-items-zone .multiple-container{align-items:flex-start;flex-wrap:wrap}.multiple-items-zone .multiple-container .left-block{width:100%;margin-right:0;position:relative;top:auto;margin-bottom:20px;max-width:none}.multiple-items-zone .multiple-container .left-block .items:nth-child(n+2){margin-top:0px}.multiple-items-zone .multiple-container .left-block .items span{padding-left:0px;padding-top:34px}.multiple-items-zone .multiple-container .left-block .items span::before{top:0;left:50%;transform:translateX(-50%)}.multiple-items-zone .multiple-container .left-block .items span::after{width:100%;left:0px}.multiple-items-zone .multiple-container .left-block .multiple-inner-tab .swiper-slide{width:120px}.multiple-items-zone .multiple-container .left-block .multiple-inner-tab .swiper-slide .items{text-align:center}.multiple-items-zone .multiple-container .left-block .multiple-inner-tab .swiper-slide:nth-child(n+2){margin-left:20px}.multiple-items-zone .multiple-container .right-block{width:100%;background-color:#fff;border-radius:0px 0px 100px 0px;padding:40px}.multiple-items-zone .multiple-container .right-block .visible-view{max-height:520px;overflow:auto;padding-right:19px}.multiple-items-zone .multiple-container .right-block .swiper-slide:nth-child(n+2){margin-top:0px;margin-left:20px}.multiple-items-zone .multiple-container .right-block .swiper-slide{background-color:#fff!important;opacity:0!important}.multiple-items-zone .multiple-container .right-block .swiper-slide-active{opacity:1!important;background-color:#fff;z-index:10}}@media screen and (max-width:767px){.multiple-items-zone .multiple-container .right-block{height:560px;padding:40px 20px}.multiple-items-zone .multiple-container .right-block .visible-view{max-height:480px}}