@media(min-width:1025px){.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:8.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:8.3333333333%}.col-1,.offset-1{position:relative}.offset-1{margin-left:8.3333333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:16.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:16.6666666667%}.col-2,.offset-2{position:relative}.offset-2{margin-left:16.6666666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:25%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:25%}.col-3,.offset-3{position:relative}.offset-3{margin-left:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:33.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:33.3333333333%}.col-4,.offset-4{position:relative}.offset-4{margin-left:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:41.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:41.6666666667%}.col-5,.offset-5{position:relative}.offset-5{margin-left:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:50%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:50%}.col-6,.offset-6{position:relative}.offset-6{margin-left:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:58.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:58.3333333333%}.col-7,.offset-7{position:relative}.offset-7{margin-left:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:66.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:66.6666666667%}.col-8,.offset-8{position:relative}.offset-8{margin-left:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:75%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:75%}.col-9,.offset-9{position:relative}.offset-9{margin-left:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:83.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:83.3333333333%}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:91.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:91.6666666667%}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:100%}.offset-12{margin-left:100%;position:relative}}.tab_container{margin-bottom:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent)));min-height:max(calc(70px*var(--base-ratio)),calc(70/var(--base-size)*var(--base-percent)))}.sec{padding:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent))) 0 0}@media(max-width:1024px){.sec{overflow:hidden;padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent))) 0 0}}.progress_bar{background-color:#e2e2e2;height:2px;position:relative;width:100%}.progress_bar .swiper-scrollbar-drag,.progress_bar i{background-color:#1c1c1c;border-radius:99px;height:max(calc(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)));left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}.progress_bar .swiper-scrollbar-drag{margin-top:max(calc(1px*var(--base-ratio)*-1),calc(1/var(--base-size)*var(--base-percent)*-1));top:unset}@media(max-width:1024px){.progress_bar .swiper-scrollbar-drag{opacity:1;visibility:visible}}.common_img_slide .img_box{margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));position:relative}.common_img_slide .swiper{overflow:visible}.common_img_slide .swiper .swiper-slide{border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));overflow:hidden}.common_img_slide .swiper .swiper-slide img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.common_img_slide .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;bottom:0;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.common_img_slide .swiper-pagination-bullet{background:#1c1c1c;height:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));opacity:.2;width:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}.common_img_slide .swiper-pagination-bullet-active{opacity:1}@media(max-width:767px){.common_img_slide .img_box{padding-bottom:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}.common_img_slide .swiper-slide{width:calc(100% - max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))))}}.common_application{background-color:#f2f2f2;overflow:hidden;padding:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent))) 0}.common_application .application_box{margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}.common_application .swiper{overflow-x:visible;width:100%}.common_application .swiper+.progress_bar{margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}.common_application .swiper-slide{border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));height:max(calc(273px*var(--base-ratio)),calc(273/var(--base-size)*var(--base-percent)));overflow:hidden;position:relative;width:max(calc(273px*var(--base-ratio)),calc(273/var(--base-size)*var(--base-percent)))}.common_application .swiper-slide img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.common_application .swiper-slide span{color:#fff;font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));font-weight:700;left:50%;letter-spacing:-.02em;line-height:1.25;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media(max-width:1024px){.common_application{padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent))) 0}.common_application .application_box{padding-bottom:2px}.common_application .application_box,.common_application .swiper+.progress_bar{margin-top:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.common_application .swiper-slide{height:max(calc(260px*var(--base-ratio)),calc(260/var(--base-size)*var(--base-percent)));width:max(calc(260px*var(--base-ratio)),calc(260/var(--base-size)*var(--base-percent)))}.common_application .swiper-slide span{font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}}.common_roadmap{padding:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent))) 0}.common_roadmap h3{color:#1c1c1c;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)));text-align:center}.common_roadmap .roadmap_wrap{position:relative}.common_roadmap .roadmap_wrap .img_area{margin-bottom:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)))}.common_roadmap .roadmap_wrap .img_area img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.common_roadmap .roadmap_wrap .color_chip_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;gap:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)));justify-content:flex-end}.common_roadmap .roadmap_wrap .color_chip_area span{color:#1c1c1c;font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5;padding-left:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));position:relative}.common_roadmap .roadmap_wrap .color_chip_area span:before{border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));content:"";height:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)))}.common_roadmap .roadmap_wrap .color_chip_area span.green:before{background-color:#00844a}.common_roadmap .roadmap_wrap .color_chip_area span.yellow:before{background-color:#e4862e}.common_roadmap .roadmap_wrap .color_chip_area span.sodomy:before{background-color:#4d84bc}.common_roadmap .btn_img_popup{display:block;pointer-events:none}.common_roadmap .ic_zoom{background-color:#2c2c2c;border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));bottom:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));display:none;height:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));left:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));position:absolute;width:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));z-index:1}.common_roadmap .ic_zoom:before{background:url(/resources/en/images/common/ico_zoom-in.svg) 50% no-repeat;background-size:cover;content:"";height:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}@media(max-width:1024px){.common_roadmap h3{font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.common_roadmap .roadmap_wrap{border:1px solid #ddd;border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));overflow:hidden}.common_roadmap .roadmap_wrap .img_area{margin-bottom:0}.common_roadmap .roadmap_wrap .color_chip_area{display:none}.common_roadmap .btn_img_popup{pointer-events:all}.common_roadmap .ic_zoom{display:block}}.common_process{padding-bottom:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent)))}.common_process .box{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));justify-content:space-between;margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}.common_process .box.even dl:last-of-type:before,.common_process .box.even dl:nth-last-of-type(2):before,.common_process .box.odd dl:last-of-type:before{display:none}.common_process .box dl{padding:0 0 max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));position:relative;width:calc((100% - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))))/2)}.common_process .box dl:before{background-color:#ddd;bottom:0;content:"";height:1px;left:0;position:absolute;width:calc(100% + max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))))}.common_process .box dt{color:#1c1c1c;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)))}.common_process .box dd span,.common_process .box dd strong{display:block;padding-left:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));position:relative;word-break:keep-all;word-wrap:break-word;color:#666;font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.5}.common_process .box dd span.dot{padding-left:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)))}.common_process .box dd span.dot:before{content:" ∙ ";left:0;position:absolute;top:0}.common_process .box dd span:before{content:"-";left:0;position:absolute;top:0}.common_process .box dd strong{color:#1c1c1c;font-weight:700;padding-left:0}.common_process .box dd .sub{margin-top:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)))}.common_process .box dd .sub span.dot{padding-left:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.common_process .box dd .sub span.dot:before{left:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}@media(max-width:1024px){.common_process{padding-bottom:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.common_process .box{gap:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)));margin-top:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.common_process .box dl{width:calc((100% - max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))))/2)}.common_process .box dl:first-child,.common_process .box dl:nth-child(2){padding:0 0 max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.common_process .box dt{font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}.common_process .box dd span,.common_process .box dd strong{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.common_process .box dd .sub{margin-top:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}}@media(max-width:767px){.common_process .box{gap:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.common_process .box dl{border-bottom:1px solid #ddd;padding-bottom:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)));width:100%}.common_process .box dl:before{display:none}.common_process .box dl:last-child{border-bottom:0;padding-bottom:0}}.container{padding-top:0}.title_box.white h3{color:#fff}.title_box h3{word-break:keep-all;word-wrap:break-word;color:#1c1c1c;font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1.5}@media(max-width:1024px){.title_box h3{font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}}.txt_box.white p{color:#fff}.txt_box p{word-break:keep-all;word-wrap:break-word;color:#666;font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.5}.txt_box p+p{margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}@media(max-width:1024px){.txt_box p{font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.txt_box p+p{margin-top:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}}.full_sec_wrap .bg_wrap .bg{background:url(/resources/en/images/technology/overview/kv_img_pc.jpg) bottom no-repeat;background-size:cover}.sec1{background:url(/resources/en/images/technology/overview/sec1_bg.jpg) bottom no-repeat;background-size:cover;height:calc(var(--vh, 1vh)*100);overflow:hidden}.sec1 .img_box{margin-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.sec1 .img_box ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;--scrollVal:0px;-webkit-transform:translateX(var(--scrollVal));transform:translateX(var(--scrollVal));-webkit-transition:1.2s ease-in-out;transition:1.2s ease-in-out}.sec1 .img_box ul li{border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));overflow:hidden;width:max(calc(325px*var(--base-ratio)),calc(325/var(--base-size)*var(--base-percent)))}.sec1 .img_box ul li img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:1024px){.sec1{height:auto;padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent))) 0}.sec1 .img_box{margin-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}}.sec2{padding:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent))) 0}.sec2 .img_box{background:url(/resources/en/images/technology/overview/sec2_img.jpg) 50% no-repeat;background-size:cover;border-radius:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));height:max(calc(360px*var(--base-ratio)),calc(360/var(--base-size)*var(--base-percent)));margin-bottom:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)));overflow:hidden;position:relative}@media(max-width:1024px){.sec2{padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent))) 0}.sec2 .img_box{height:max(calc(240px*var(--base-ratio)),calc(240/var(--base-size)*var(--base-percent)));margin-bottom:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}}@media(max-width:767px){.sec2 .img_box{background:url(/resources/en/images/technology/overview/m/sec2_img.jpg) 50% no-repeat;background-size:cover}}.sec3{background:url(/resources/en/images/technology/overview/portfolio_bg.jpg) bottom no-repeat;background-size:cover;height:max(calc(768px*var(--base-ratio)),calc(768/var(--base-size)*var(--base-percent)))}.sec3 .title_area h3,.sec3 .title_area p{color:#fff}.sec3 .title_area h3{font-size:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)))}.sec3 .title_area p{font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.5}@-webkit-keyframes arrowBefore{to{left:50%;opacity:0}0%{left:0;opacity:1}}@keyframes arrowBefore{to{left:50%;opacity:0}0%{left:0;opacity:1}}@-webkit-keyframes arrowAfter{0%{left:-50%;opacity:0}to{left:0;opacity:1}}@keyframes arrowAfter{0%{left:-50%;opacity:0}to{left:0;opacity:1}}.sec3 .link_area li{border-top:1px solid hsla(0,0%,100%,.2);position:relative}@media(min-width:1025px)and (pointer:fine){.sec3 .link_area li:hover,.sec3 .link_area li:hover+li{border-top:1px solid transparent}.sec3 .link_area li:hover:before{opacity:1;visibility:visible}.sec3 .link_area li:hover span{color:#1c1c1c}.sec3 .link_area li:hover i:before{-webkit-animation:arrowBefore .2s ease-in-out .2s forwards;animation:arrowBefore .2s ease-in-out .2s forwards;visibility:hidden}.sec3 .link_area li:hover i:after{-webkit-animation:arrowAfter .2s ease-in-out .2s forwards;animation:arrowAfter .2s ease-in-out .2s forwards;visibility:visible}}.sec3 .link_area li:before{background-color:#fff;border-radius:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;visibility:hidden;width:100%}.sec3 .link_area li a{display:block;padding:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.sec3 .link_area span{color:#fff;display:block;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5;position:relative;-webkit-transition:color .3s;transition:color .3s}.sec3 .link_area i{height:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)));right:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.sec3 .link_area i,.sec3 .link_area i:after,.sec3 .link_area i:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sec3 .link_area i:after,.sec3 .link_area i:before{background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;-webkit-transition:left .3s,opacity .3s;transition:left .3s,opacity .3s;width:100%}.sec3 .link_area i:before{background-image:url(/resources/en/images/common/ico_arrow_narrow_right.svg)}.sec3 .link_area i:after{background-image:url(/resources/en/images/common/ico_arrow_narrow_right_b.svg);opacity:0;visibility:hidden}@media(max-width:1024px){.sec3{background:url(/resources/en/images/technology/overview/t/portfolio_bg.jpg) bottom no-repeat;background-size:cover;height:auto;padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent))) 0}.sec3 .title_area{margin-bottom:max(calc(64px*var(--base-ratio)),calc(64/var(--base-size)*var(--base-percent)))}.sec3 .title_area h3{margin-bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.sec3 .link_area li a{padding:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent))) max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec3 .link_area span{font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.sec3 .link_area i{right:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec3 .link_area i:after,.sec3 .link_area i:before{height:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));width:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)))}}.common_roadmap{padding-bottom:0}.common_roadmap .inner{padding-top:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent)))}.common_roadmap .inner:first-child{padding-top:0}.common_roadmap .img_area{margin-top:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));position:relative}.common_roadmap .img_area .sticky_head{background-color:#fff;left:0;padding:0 0 max(calc(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)));position:-webkit-sticky;position:sticky;top:0;width:100%}.common_roadmap .img_area .sticky_head_inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:max(calc(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)))}.common_roadmap .img_area .sticky_head_inner .color_bg{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:max(calc(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)));height:max(calc(44px*var(--base-ratio)),calc(44/var(--base-size)*var(--base-percent)));justify-content:center;padding:0 max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}.common_roadmap .img_area .sticky_head_inner .color_bg_01{-webkit-box-flex:unset;background-color:#f2f2f2;-ms-flex:unset;flex:unset;width:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent)))}.common_roadmap .img_area .sticky_head_inner .color_bg_01 span{color:#1c1c1c}.common_roadmap .img_area .sticky_head_inner .color_bg_02{background-color:#4d84bc}.common_roadmap .img_area .sticky_head_inner .color_bg_02 span{color:#fff}.common_roadmap .img_area .sticky_head_inner .color_bg_03{background-color:#2c2c2c}.common_roadmap .img_area .sticky_head_inner .color_bg_03 span{-webkit-box-flex:1;color:#fff;-ms-flex:1;flex:1;position:relative;text-align:center}.common_roadmap .img_area .sticky_head_inner .color_bg_03 span.small{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;width:max(calc(60px*var(--base-ratio)),calc(60/var(--base-size)*var(--base-percent)))}.common_roadmap .img_area .sticky_head_inner .color_bg_03 span:last-child:after{display:none}.common_roadmap .img_area .sticky_head_inner .color_bg_03 span:after{background-color:#fff;content:"";height:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));opacity:.5;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px}.common_roadmap .img_area .sticky_head span{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1.5}.common_roadmap .img_area .sticky_head span.small{font-size:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5}@media(max-width:1024px){.common_roadmap .inner{padding-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.common_roadmap .img_area{margin-top:0}}