body.application-native-scroll #header .logo svg .change-path{fill:var(--main-color)}body.application-native-scroll #gnb>ul>li>a{color:#22272b}body.application-native-scroll #gnb>ul>li>a:hover,body.application-native-scroll #gnb>ul>li>a:focus,body.application-native-scroll #gnb>ul>li.on>a{color:var(--main-color)}body.application-native-scroll .header-lang .lang-open-btn{color:#22272b;border-color:#22272b}body.application-native-scroll .header-lang .lang-open-btn .cm-fill{background:#22272b}body.application-native-scroll .header-lang .lang-open-btn:hover{color:#fff}body.application-native-scroll .sitemap-line-btn .line{background-color:#22272b}#header.open .sitemap-line-btn .line{background-color:#fff}body.application-native-scroll #header.open .header-lang .lang-open-btn,body.application-native-scroll .sitemap-open .header-lang .lang-open-btn{color:#fff;border-color:#fff}body.application-native-scroll #header.open .header-lang .lang-open-btn .cm-fill,body.application-native-scroll .sitemap-open .header-lang .lang-open-btn .cm-fill{background:#fff}body.application-native-scroll .sitemap-open .header-lang .lang-open-btn:hover{color:#22272b}body.application-native-scroll #header.open .nav-open-btn.active .line,body.application-native-scroll .sitemap-open .sitemap-line-btn .line{background-color:#fff}body.application-native-scroll .nav-open-btn .line{background-color:#22272b}body.application-native-scroll .page-transition-content{will-change:initial;filter:none!important;transform:none!important}#applicationVisual{padding-top:22rem}.application-visual-tit{opacity:1;letter-spacing:-.01em;color:#22272b;text-align:center;font-size:10rem;font-weight:700;font-family:var(--font-family1);transition:none;transform:none}.application-visual-con{box-sizing:border-box;background-color:#22272b;align-items:flex-end;width:100%;height:51.5rem;margin-top:7rem;padding-bottom:2rem;display:flex;position:relative}.application-visual-media{z-index:0;position:absolute;inset:0;overflow:hidden}.application-visual-img{z-index:0;filter:blur(6px);transform-origin:50% 42%;transition:filter 2.1s var(--motion-ease-elegant), transform 3.2s var(--motion-ease-elegant);background:url(/images/layout/sub_visual_application.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.12)}.application-visual-con .area-wide{z-index:2;box-sizing:border-box;width:100%;position:relative}.application-visual-con .sub-tab-wrapper-style{opacity:1;margin-bottom:0;transition:none;transform:none}#applicationVisual.active .application-visual-img{filter:none;transform:none}#applicationVisual.active .application-visual-tit{opacity:1;transform:translate(0,0)}#applicationVisual.active .application-visual-con .sub-tab-wrapper-style{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.application-visual-img,.application-visual-tit,.application-visual-con .sub-tab-wrapper-style{opacity:1;clip-path:none;filter:none;transition:none;transform:none}}.application-visual-con .sub-tab-list-style ul{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);width:100%;transition:background-color .5s var(--motion-ease-elegant), box-shadow .5s var(--motion-ease-elegant);background-color:#ffffff1a;position:relative;overflow:hidden}.application-visual-con .sub-tab-list-style ul li{z-index:1;opacity:0;min-width:auto;transition:opacity .9s var(--motion-ease-elegant), transform 1.05s var(--motion-ease-elegant);flex:0 20%;transform:translateY(.4rem)}.application-visual-con .sub-tab-list-style ul li.application-tab-indicator{z-index:0;background-color:var(--main-color,#00a18e);opacity:0;pointer-events:none;min-width:0;transition:transform .68s cubic-bezier(.22, 1, .36, 1), opacity .5s var(--motion-ease-elegant) .38s;will-change:transform;border-radius:5rem;position:absolute;top:1rem;bottom:1rem;left:1rem;box-shadow:0 .8rem 2.4rem #00534a2e}.application-visual-con .sub-tab-list-style ul li:not(.application-tab-indicator) a{z-index:1;background-color:#0000;position:relative}.application-visual-con .sub-tab-list-style ul li:not(.application-tab-indicator) a:focus-visible{outline-offset:-.5rem;outline:1px solid #ffffffc2}.application-visual-con .sub-tab-list-style ul li:first-child{transition-delay:.42s}.application-visual-con .sub-tab-list-style ul li:nth-child(2){transition-delay:.47s}.application-visual-con .sub-tab-list-style ul li:nth-child(3){transition-delay:.52s}.application-visual-con .sub-tab-list-style ul li:nth-child(4){transition-delay:.57s}.application-visual-con .sub-tab-list-style ul li:nth-child(5){transition-delay:.62s}#applicationVisual.active .application-visual-con .sub-tab-list-style ul li{opacity:1;transform:translate(0,0)}#applicationVisual.active .application-visual-con .sub-tab-list-style ul li.application-tab-indicator{opacity:1}@media (prefers-reduced-motion:reduce){.application-visual-con .sub-tab-list-style ul li{opacity:1;transition:none;transform:none}.application-visual-con .sub-tab-list-style ul li.application-tab-indicator{transition:none}}.application-visual-con .sub-tab-list-style ul li a em{color:#fff;font-weight:500}.application-visual-con .sub-tab-list-style.top-fixed{z-index:300;width:100%;position:fixed;top:12px;left:0}.application-visual-con .sub-tab-list-style.top-fixed ul{background-color:#22272b4d;box-shadow:0 .8rem 2.4rem #22272b24}@supports (background-image:image-set(url('a.webp') type('image/webp'))){.application-visual-img{background:-webkit-image-set(url(/images/layout/sub_visual_application.webp) 1x type("image/webp"),url(/images/layout/sub_visual_application.png) 1x type("image/png")) 50%/cover no-repeat;background:image-set("/images/layout/sub_visual_application.webp" 1x type("image/webp"),"/images/layout/sub_visual_application.png" 1x type("image/png")) 50%/cover no-repeat}}.application-page{margin-top:20rem;padding-bottom:10rem}.application-con-wrap{position:relative}.application-con{transform-origin:top;width:100%;height:74rem;position:sticky;top:calc(50vh - 37rem + 10px);left:0}.application-con+.application-con{margin-top:40rem}.application-con-inner{border-radius:3rem;width:100%;height:74rem;position:relative}.application-con .inner-box{box-sizing:border-box;transform-origin:50% 0;background-color:#22272b;border-radius:3rem;justify-content:center;align-items:flex-end;height:100%;padding:0 9rem 8rem;display:flex;position:relative;overflow:hidden}.application-con .inner-box.reverse{flex-direction:row-reverse}html:not(.no-js) .application-con .inner-box[data-scroll]{transition:none}.application-con .inner-box:before{content:"";z-index:0;border-radius:inherit;transition:transform 2.1s var(--motion-ease-elegant);pointer-events:none;background:50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.1)}.application-con .inner-box.animated:before{transform:none}.application-con .inner-box>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.application-con .inner-box:before{transition:none;transform:none}}.application-con.automotive .inner-box:before{background-image:url(/images/sub/application_bg01.png)}.application-con.iot .inner-box:before{background-image:url(/images/sub/application_bg02.png)}.application-con.network .inner-box:before{background-image:url(/images/sub/application_bg03.png)}.application-con.mobile .inner-box:before{background-image:url(/images/sub/application_bg04.png)}.application-con.consumer .inner-box:before{background-image:url(/images/sub/application_bg05.png)}@supports (background-image:image-set(url('a.webp') type('image/webp'))){.application-con.automotive .inner-box:before{background-image:-webkit-image-set(url(/images/sub/application_bg01.webp) 1x type("image/webp"),url(/images/sub/application_bg01.png) 1x type("image/png"));background-image:image-set("/images/sub/application_bg01.webp" 1x type("image/webp"),"/images/sub/application_bg01.png" 1x type("image/png"))}.application-con.iot .inner-box:before{background-image:-webkit-image-set(url(/images/sub/application_bg02.webp) 1x type("image/webp"),url(/images/sub/application_bg02.png) 1x type("image/png"));background-image:image-set("/images/sub/application_bg02.webp" 1x type("image/webp"),"/images/sub/application_bg02.png" 1x type("image/png"))}.application-con.network .inner-box:before{background-image:-webkit-image-set(url(/images/sub/application_bg03.webp) 1x type("image/webp"),url(/images/sub/application_bg03.png) 1x type("image/png"));background-image:image-set("/images/sub/application_bg03.webp" 1x type("image/webp"),"/images/sub/application_bg03.png" 1x type("image/png"))}.application-con.mobile .inner-box:before{background-image:-webkit-image-set(url(/images/sub/application_bg04.webp) 1x type("image/webp"),url(/images/sub/application_bg04.png) 1x type("image/png"));background-image:image-set("/images/sub/application_bg04.webp" 1x type("image/webp"),"/images/sub/application_bg04.png" 1x type("image/png"))}.application-con.consumer .inner-box:before{background-image:-webkit-image-set(url(/images/sub/application_bg05.webp) 1x type("image/webp"),url(/images/sub/application_bg05.png) 1x type("image/png"));background-image:image-set("/images/sub/application_bg05.webp" 1x type("image/webp"),"/images/sub/application_bg05.png" 1x type("image/png"))}}.application-con .tit-box{align-items:end;width:calc(100% - 43.7rem);display:flex}.application-con .tit-box h5{color:#fff;font-size:8rem;font-weight:600;line-height:1}.application-con .inner-box.reverse .tit-box{text-align:right;justify-content:end}.application-con.iot .inner-box.reverse .tit-box{align-items:start}.application-con .content-box{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);box-sizing:border-box;will-change:transform, filter;background-color:#ffffff14;border:1px solid #ffffff14;border-radius:2rem;width:43.7rem;min-height:calc(100% - 8rem);padding:3rem 2.1rem 2rem}.application-con .tit-box{will-change:transform, filter}.application-con .content-box dl+dl{margin-top:2rem}.application-con .content-box dl dt{color:#fff;margin-bottom:1rem;padding-left:3rem;font-size:3.3rem;font-weight:600;line-height:1.66}.application-con .content-box dl dd a{color:#fff;box-sizing:border-box;transition:color .45s var(--motion-ease-elegant), background-color .45s var(--motion-ease-elegant), transform .55s var(--motion-ease-elegant);border-radius:6rem;padding:.1rem 3rem;font-size:1.5rem;font-weight:300;line-height:1.76;display:block;position:relative;transform:translate(0,0)}.application-con .content-box dl dd a:before{content:"";color:#fff;opacity:0;transition:opacity .4s var(--motion-ease-elegant), transform .55s var(--motion-ease-elegant);margin-top:0;font-family:xeicon;font-size:2.4rem;font-weight:400;position:absolute;top:50%;right:1.4rem;transform:translate(-.6rem,-50%)rotate(-45deg)}.application-con .content-box dl dd a:hover,.application-con .content-box dl dd a:focus-visible{color:#fff;background-color:var(--main-color);outline:none;transform:translate(.5rem)}.application-con .content-box dl dd a:hover:before,.application-con .content-box dl dd a:focus-visible:before{opacity:1;transform:translateY(-50%)rotate(-45deg)}@media (prefers-reduced-motion:reduce){.application-con .inner-box,.application-con .tit-box,.application-con .content-box{filter:none!important;opacity:1!important;transform:none!important}.application-con .content-box dl dd a,.application-con .content-box dl dd a:before{transition:none}}@media (max-width:1279px){.application-visual-con .sub-tab-list-style.top-fixed{top:var(--header-height,70px)}.application-con .inner-box{padding:6rem}.application-con .tit-box h5{font-size:6rem}}@media (max-width:800px){#applicationVisual{padding-top:15rem}.application-visual-tit{font-size:5rem}.application-visual-con{height:41rem;margin-top:5rem;padding-bottom:2rem}.application-visual-con .sub-tab-list-style ul{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fff;position:absolute}.application-visual-con .sub-tab-list-style ul li.application-tab-indicator{display:none}.application-visual-con .sub-tab-list-style ul li a em{color:#22272b;font-weight:400}.application-visual-con .sub-drop-menu-style ul li.selected a em{color:var(--main-color,#00a18e);font-weight:600}.application-visual-con .sub-tab-list-style.top-fixed ul{background-color:#fff}.application-page{margin-top:10rem;padding-bottom:10rem}.application-con,.application-con-inner,.application-con .inner-box{height:auto}.application-con{position:relative;top:0}.application-con+.application-con{margin-top:4rem}.application-con .inner-box{padding:6rem 4rem 4rem;display:block}.application-con .tit-box{width:100%;margin-bottom:3rem;display:block;text-align:left!important}.application-con .tit-box h5{font-size:4.2rem}.application-con .content-box{width:100%;min-height:auto;padding:2.5rem 1.5rem}.application-con .content-box dl dt{padding-left:2rem}.application-con .content-box dl dd a{padding:.7rem 2rem}}