#visual.sub-visual-style-10{position:relative;width:100%;overflow:hidden;background:#222;} #visual.sub-visual-style-10 .sv10-band{position:relative;width:100%;height:var(--sv-h,538px);min-height:360px;display:flex;align-items:center;justify-content:center;} #visual.sub-visual-style-10 .sv10-picture,#visual.sub-visual-style-10 .sv10-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;} #visual.sub-visual-style-10 .sv10-scrim{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.5) 100%);} #visual.sub-visual-style-10 .sv10-txt-con{position:relative;z-index:2;width:100%;text-align:center;} #visual.sub-visual-style-10 .sv10-txt-inner{box-sizing:border-box;padding-bottom:clamp(88px,11vh,136px);} #visual.sub-visual-style-10 .sv10-breadcrumb ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none;font-size:0.86rem;color:#fff;;} #visual.sub-visual-style-10 .sv10-breadcrumb li{display:inline-flex;align-items:center;gap:8px;} #visual.sub-visual-style-10 .sv10-breadcrumb li + li::before{content:"\e93e";font-family:'xeicon' !important;font-size:0.72em;opacity:.62;} #visual.sub-visual-style-10 .sv10-breadcrumb a{color:inherit;text-decoration:none;} #visual.sub-visual-style-10 .sv10-breadcrumb li[aria-current]{color:#fff;} #visual.sub-visual-style-10 .sv10-tit{margin:0 0 18px;font-size:clamp(17px,1.25vw,22px);font-weight:700;line-height:1.4;letter-spacing:0.02em;color:var(--primary,#740003);text-shadow:0 2px 18px rgba(0,0,0,.28);} #visual.sub-visual-style-10 .sv10-sub-txt{margin:0;font-size:var(--fs-7xl,60px);font-weight:700;line-height:1.4;letter-spacing:-0.02em;color:#fff;} #visual.sub-visual-style-10 .sv10-sub-txt-2{margin:20px 0 0;font-size:clamp(14px,1.05vw,20px);font-weight:400;line-height:1.7;letter-spacing:-0.01em;color:rgba(255,255,255,.72);} #visual.sub-visual-style-10 .sv10-pill-bar{position:absolute;left:50%;bottom:clamp(18px,3.4vh,34px);transform:translateX(-50%);z-index:3;width:min(960px,calc(100% - 40px));box-sizing:border-box;padding:5px;border-radius:999px;background-color:rgba(18,20,26,.44);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 12px 32px rgba(0,0,0,.26);} #visual.sub-visual-style-10 .sv10-list{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;} #visual.sub-visual-style-10 .sv10-list li{position:relative;z-index:1;flex:1 1 0;min-width:0;} #visual.sub-visual-style-10 .sv10-list li a{display:flex;align-items:center;justify-content:center;height:46px;padding:0 15px;box-sizing:border-box;color:rgba(255,255,255,.92);font-size:clamp(15px,1.17vw,20px);font-weight:700;letter-spacing:-0.05em;text-decoration:none;text-align:center;white-space:nowrap;transition:color .25s ease;} #visual.sub-visual-style-10 .sv10-list li:hover a,#visual.sub-visual-style-10 .sv10-list li.is-current a{color:#fff;} #visual.sub-visual-style-10 .sv10-pill-bar.is-hovering .sv10-list li a{color:rgba(255,255,255,.6);} #visual.sub-visual-style-10 .sv10-pill-bar.is-hovering .sv10-list li:hover a{color:#fff;} #visual.sub-visual-style-10 .sv10-pill-ind{position:absolute;top:0;left:0;z-index:0;height:46px;width:calc(100% / var(--sv10-n,3));border-radius:999px;background-color:var(--primary,#740003);box-shadow:0 6px 18px rgba(0,0,0,.22);transform:translateX(calc(var(--sv10-i,0) * 100%));will-change:transform;} #visual.sub-visual-style-10 .sv10-pill-bar.no-current .sv10-pill-ind{opacity:0;} @media (max-width:1023px){#visual.sub-visual-style-10 .sv10-band{height:var(--sv-h-tab,420px);min-height:300px;} #visual.sub-visual-style-10 .sv10-tit{font-size:20px;} #visual.sub-visual-style-10 .sv10-sub-txt{font-size:40px;} #visual.sub-visual-style-10 .sv10-sub-txt-2{font-size:18px;margin-top:16px;} #visual.sub-visual-style-10 .sv10-txt-inner{padding-bottom:clamp(76px,9vh,104px);} #visual.sub-visual-style-10 .sv10-list li a{height:44px;font-size:15px;padding:0 12px;} #visual.sub-visual-style-10 .sv10-pill-ind{height:44px;} #visual.sub-visual-style-10 .sv10-pill-bar{width:calc(100% - 28px);}} @media (max-width:767px){#visual.sub-visual-style-10 .sv10-band{height:auto;min-height:var(--sv-h-mob,250px);padding:56px 0 104px;} #visual.sub-visual-style-10 .sv10-txt-inner{padding-bottom:0;} #visual.sub-visual-style-10 .sv10-breadcrumb ul{font-size:11px;margin-bottom:10px;gap:6px;} #visual.sub-visual-style-10 .sv10-tit{font-size:1rem;margin-bottom:10px;line-height:1.4;} #visual.sub-visual-style-10 .sv10-sub-txt{font-size:2.3rem;line-height:1.4;} #visual.sub-visual-style-10 .sv10-sub-txt-2{font-size:1.125rem;margin-top:12px;line-height:1.6;padding-top:2rem;} #visual.sub-visual-style-10 .sv10-pill-bar{width:calc(100% - 20px);bottom:14px;} #visual.sub-visual-style-10 .sv10-list{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;} #visual.sub-visual-style-10 .sv10-list::-webkit-scrollbar{display:none;} #visual.sub-visual-style-10 .sv10-list li{flex:1 0 auto;} #visual.sub-visual-style-10 .sv10-list li a{height:40px;font-size:13.5px;padding:0 13px;} #visual.sub-visual-style-10 .sv10-pill-ind{height:40px;}} @media (prefers-reduced-motion:reduce){#visual.sub-visual-style-10 .sv10-pill-ind{will-change:auto;} #visual.sub-visual-style-10 .sv10-list li a{transition:none;}} #wrap .sitemap-modal,#wrap .gnb-overlay-bg,#wrap .gnb2dep-bg,#wrap .header-catalog-modal,#wrap .catalog-modal{display:none !important;} ul,ol,li{margin:0;padding:0;list-style:none;} ul.growth-top-slide,ul.main-prd-slide,ul.main-growth-bt-lf,ul.main-growth-bt-rt,ul.main-customer-slide,.slick-slider,.slick-list,.slick-track{margin:0 !important;padding:0 !important;list-style:none !important;} @media all and (min-width:1025px){#fullpage.swiper-active,#fullpage{height:100vh;overflow:hidden;} #fullpage.swiper-active > .swiper-wrapper > .swiper-slide:not(#mainFooter):not(#mainFooterCon):not(.fp-auto-height),#fullpage > .swiper-wrapper > .swiper-slide:not(#mainFooter):not(#mainFooterCon):not(.fp-auto-height),#fullpage.swiper-active > .section.swiper-slide:not(#mainFooter):not(#mainFooterCon):not(.fp-auto-height),#fullpage > .section.swiper-slide:not(#mainFooter):not(#mainFooterCon):not(.fp-auto-height){height:100vh !important;height:100dvh !important;} #fullpage.swiper-active > .swiper-wrapper > .swiper-slide#mainFooter,#fullpage.swiper-active > .swiper-wrapper > .swiper-slide#mainFooterCon,#fullpage.swiper-active > .swiper-wrapper > .swiper-slide.fp-auto-height,#fullpage > .swiper-wrapper > .swiper-slide#mainFooter,#fullpage > .swiper-wrapper > .swiper-slide#mainFooterCon,#fullpage > .swiper-wrapper > .swiper-slide.fp-auto-height{height:auto !important;min-height:0 !important;position:relative !important;} #mainFooterCon #footer,.fp-auto-height #footer{position:relative !important;display:block !important;width:100% !important;height:auto !important;min-height:0 !important;}} @media all and (min-width:1025px) and (max-height:750px){#fullpage.swiper-active .swiper-slide:not(#mainFooter):not(#mainFooterCon):not(.fp-auto-height),#fullpage .swiper-slide:not(#mainFooter):not(#mainFooterCon):not(.fp-auto-height){min-height:750px;}} @media all and (max-width:1024px){#fullpage,#fullpage.swiper-active{height:auto !important;min-height:0 !important;overflow:visible !important;} #fullpage .swiper-wrapper{display:block !important;flex-direction:column !important;height:auto !important;min-height:0 !important;overflow:visible !important;transform:none !important;touch-action:auto !important;width:100% !important;} #fullpage .swiper-slide{display:block !important;width:100% !important;height:auto !important;min-height:0 !important;overflow:visible !important;transform:none !important;position:relative !important;left:auto !important;top:auto !important;}} .main-visual-item .main-visual-txt-con .main-visual-txt1,.main-visual-item .main-visual-txt-con .main-visual-txt2,.main-visual-item .main-visual-txt-con .main-visual-txt3,.main-visual-item .main-visual-txt-con .main-visual-btn-con{opacity:0;visibility:visible;} .main-visual-item.active-item .main-visual-txt-con .main-visual-txt1,.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2,.main-visual-item.active-item .main-visual-txt-con .main-visual-txt3,.main-visual-item.active-item .main-visual-txt-con .main-visual-btn-con{opacity:1 !important;visibility:visible !important;} .main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{-webkit-animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) 0.5s both !important;animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) 0.5s both !important;} .main-visual-item.active-item .main-visual-txt-con .main-visual-btn-con{-webkit-animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) 0.7s both !important;animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) 0.7s both !important;} .main-visual-item .main-visual-txt1.splitting .char,.main-visual-item .main-visual-txt2.splitting .char{display:inline-block;opacity:0;transform:translateY(30px);} .main-visual-item.active-item .main-visual-txt1.splitting .char,.main-visual-item.active-item .main-visual-txt2.splitting .char{opacity:1 !important;transform:translateY(0) !important;} .main-visual-item.active-item .main-visual-txt1.splitting .char{-webkit-animation:text-active-animation 1.0s cubic-bezier(0.4,0,0.2,1) calc(var(--char-index,0) * 0.03s + 0.1s) both !important;animation:text-active-animation 1.0s cubic-bezier(0.4,0,0.2,1) calc(var(--char-index,0) * 0.03s + 0.1s) both !important;} .main-visual-item.active-item .main-visual-txt2.splitting .char{-webkit-animation:text-active-animation 1.0s cubic-bezier(0.4,0,0.2,1) calc(var(--char-index,0) * 0.03s + 0.3s) both !important;animation:text-active-animation 1.0s cubic-bezier(0.4,0,0.2,1) calc(var(--char-index,0) * 0.03s + 0.3s) both !important;} @keyframes text-active-animation{from{opacity:0;filter:Alpha(opacity=0);-webkit-transform:translateY(50px);transform:translateY(50px);} to{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0);}} @-webkit-keyframes text-active-animation{from{opacity:0;filter:Alpha(opacity=0);-webkit-transform:translateY(50px);transform:translateY(50px);} to{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0);}} @keyframes text-fade-out{from{opacity:1.0;transform:translateY(0);} to{opacity:0;transform:translateY(-20px);}} .main-visual-btn-con{margin-top:25px !important;display:block !important;} .main-visual-btn{display:inline-block !important;padding:12px 30px !important;background:var(--primary,#e60012) !important;color:#ffffff !important;text-decoration:none !important;border-radius:4px !important;font-size:15px !important;font-weight:600 !important;transition:all 0.3s ease !important;box-shadow:0 4px 12px rgba(0,0,0,0.2) !important;} .main-visual-btn:hover{background:#000000 !important;color:#ffffff !important;transform:translateY(-2px) !important;} #fullpage.swiper-active .swiper-slide#mainFooter,#fullpage.swiper-active .swiper-slide#mainFooterCon,#fullpage.swiper-active .swiper-slide.fp-auto-height{height:auto !important;min-height:0 !important;} #mainFooterCon #footer,.fp-auto-height #footer{position:relative !important;height:auto !important;bottom:auto !important;} .main-bk-bg{display:none !important;} .main-visual-swiper.swiper,.main-visual-con{width:100% !important;height:100% !important;position:relative !important;overflow:hidden !important;} .main-visual-swiper .swiper-wrapper{height:100% !important;} .main-prd-swiper.swiper{width:100% !important;position:relative !important;overflow:hidden !important;} .growth-top-swiper.swiper,.growth-bt-lf-swiper.swiper,.growth-bt-rt-swiper.swiper{width:100% !important;height:100% !important;position:relative !important;overflow:hidden !important;} #mainVisual{overflow:hidden;width:100%;height:1000px;height:100vh;position:relative;background-color:#000;} .main-visual-con .slick-track,.main-visual-con .slick-list{-webkit-perspective:2000;-webkit-backface-visibility:hidden;} #fullpage{width:100% !important;height:100vh !important;height:100dvh !important;position:relative !important;overflow:hidden !important;} #fullpage > .swiper-wrapper{width:100% !important;height:100% !important;} #fullpage > .swiper-wrapper > .section{width:100% !important;height:100vh !important;height:100dvh !important;min-height:100vh !important;max-height:100vh !important;overflow:hidden !important;position:relative !important;box-sizing:border-box !important;} #fullpage > .swiper-wrapper > .section.fp-auto-height{height:auto !important;min-height:auto !important;max-height:none !important;} .main-visual-con,.main-visual-con .slick-list,.main-visual-con .slick-track,.main-visual-item{height:100%;} .main-visual-con{z-index:1;} .main-visual-item{position:relative;width:100%;height:100%;overflow:hidden;} .main-visual-item picture,.main-visual-item picture img,.main-visual-item .main-visual-pc-img-tag,.main-visual-item .main-visual-pc-img{width:100%;height:100%;object-fit:cover;display:block;opacity:1 !important;filter:Alpha(opacity=100);transform:scale(1.0,1.0);transition:opacity 1.5s ease-out,transform 9.5s linear;} .main-visual-item .main-visual-m-img{display:none;} .main-visual-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:2;opacity:0.5;transition:opacity 1.5s ease-out;pointer-events:none;} .main-visual-item.active-item .main-visual-dim,.main-visual-item.swiper-slide-active .main-visual-dim,.main-visual-item:first-child .main-visual-dim{opacity:0 !important;} #mainVisual,#mainVisual .main-visual-con{position:relative !important;width:100% !important;height:100vh !important;min-height:500px !important;overflow:hidden !important;display:block !important;} #mainVisual .main-visual-item{position:relative !important;height:100vh !important;min-height:500px !important;overflow:hidden !important;display:block !important;} .main-visual-item picture,.main-visual-item picture img,.main-visual-item .main-visual-pc-img-tag{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;} .main-visual-item .main-visual-txt-con{position:absolute !important;top:50% !important;left:clamp(160px,14vw,240px) !important;transform:translateY(-50%) !important;width:auto !important;max-width:650px !important;z-index:99 !important;padding:0 !important;margin:0 !important;text-align:left !important;box-sizing:border-box !important;} @media all and (max-width:1400px){.main-visual-item .main-visual-txt-con{left:48% !important;}} @media all and (max-width:1024px){.main-visual-item .main-visual-txt-con{left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;text-align:center !important;width:90% !important;}} .main-visual-item .main-visual-txt-con,.main-visual-item .main-visual-txt-con *,.main-visual-txt-inner,.main-visual-txt1,.main-visual-txt2,.main-visual-txt3{visibility:visible !important;filter:none !important;} .main-visual-txt-inner{display:block !important;} .main-visual-txt-inner p,.main-visual-txt-inner strong{display:block !important;} .word{display:inline-block !important;visibility:visible !important;} .char{display:inline-block !important;visibility:visible !important;} .main-visual-item .main-visual-txt-con .main-visual-txt1{display:block !important;font-size:52px !important;font-weight:800 !important;letter-spacing:-1px !important;color:#ffffff !important;line-height:1.1 !important;margin-bottom:8px !important;text-transform:uppercase !important;} .main-visual-item .main-visual-txt-con .main-visual-txt2{display:block !important;font-size:52px !important;font-weight:800 !important;letter-spacing:-0.5px !important;color:#ffffff !important;line-height:1.1 !important;margin-bottom:25px !important;text-transform:uppercase !important;} .main-visual-item .main-visual-txt-con .main-visual-txt3{display:block !important;font-size:20px !important;font-weight:500 !important;letter-spacing:-0.5px !important;color:rgba(255,255,255,0.95) !important;line-height:1.6 !important;} .main-visual-item.active-item .main-visual-pc-img{transform:scale(1.1,1.1) rotate(0.0001deg);opacity:1 !important;filter:Alpha(opacity=100);} .main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{-webkit-animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;animation-delay:0s;} .main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{-webkit-animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;animation-delay:0.2s;} .main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{-webkit-animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;-webkit-animation-delay:0.4s;animation-delay:0.4s;} .main-visual-item.active-item .main-visual-txt-con .main-visual-btn-con{-webkit-animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;animation:text-active-animation 1.2s cubic-bezier(0.4,0,0.2,1) both;-webkit-animation-delay:0.6s;animation-delay:0.6s;} .main-visual-arrow{position:absolute;display:flex;flex-direction:column-reverse;align-items:center;left:75px;top:50%;z-index:999;transform:translate(-50px,-50%);opacity:1 !important;transition:transform ease-out 1s 0.4s,opacity ease-out 1s 0.4s;} .main-visual-arrow a{display:flex !important;align-items:center !important;justify-content:center !important;width:82px !important;height:82px !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:50% !important;box-sizing:border-box !important;text-align:center !important;color:#fff !important;cursor:pointer !important;transition:all 0.3s !important;background:rgba(0,0,0,0.25) !important;} .main-visual-arrow a:hover{background:rgba(255,255,255,0.2) !important;border-color:rgba(255,255,255,0.6) !important;} .main-visual-arrow .pause-play-btn{margin:15px 0 !important;font-size:22px !important;} .main-visual-arrow a.next{margin-bottom:0 !important;position:relative !important;} .main-visual-arrow a i{line-height:1 !important;color:#fff !important;font-size:22px !important;} .main-visual-arrow a.prev i,.main-visual-arrow a.next i{transform:rotate(90deg) !important;} .main-visual-arrow a svg{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;fill:none;stroke:#fff;transform:rotate(-90deg);} .main-visual-arrow a svg circle{transform-origin:center;stroke:#fff;stroke-dasharray:401.4743;stroke-dashoffset:401.4743;stroke-width:3px;} .main-visual-item .main-visual-txt1.splitting .char,.main-visual-item .main-visual-txt2.splitting .char{-webkit-animation:text-fade-out 1.5s cubic-bezier(0.4,0,0.2,1) both;animation:text-fade-out 1.5s cubic-bezier(0.4,0,0.2,1) both;} .main-visual-item.active-item .main-visual-txt1.splitting .char,.main-visual-item.active-item .main-visual-txt2.splitting .char{-webkit-animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;-webkit-animation-delay:var(--char-delay,0s);animation-delay:var(--char-delay,0s);} .main-visual-arrow{position:absolute !important;top:50% !important;left:60px !important;transform:translateY(-50%) !important;z-index:99 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:16px !important;opacity:1 !important;} .main-visual-arrow a{display:flex !important;align-items:center !important;justify-content:center !important;width:82px !important;height:82px !important;border:1px solid rgba(255,255,255,0.4) !important;border-radius:50% !important;box-sizing:border-box !important;text-align:center !important;position:relative !important;text-decoration:none !important;background:rgba(0,0,0,0.15) !important;transition:all 0.3s ease !important;margin:0 !important;} .main-visual-arrow a:hover{border-color:#ffffff !important;background:rgba(255,255,255,0.2) !important;} .main-visual-arrow a i{display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:22px !important;color:#ffffff !important;line-height:1 !important;position:relative !important;z-index:10 !important;opacity:0.9 !important;transition:opacity 0.2s ease,transform 0.2s ease !important;} .main-visual-arrow a:hover i{opacity:1 !important;} .main-visual-arrow a.pause-play-btn.pause .pause-icon{display:inline-flex !important;} .main-visual-arrow a.pause-play-btn.pause .play-icon{display:none !important;} .main-visual-arrow a.pause-play-btn.play .pause-icon{display:none !important;} .main-visual-arrow a.pause-play-btn.play .play-icon{display:inline-flex !important;} .main-visual-arrow a svg{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;fill:none;stroke:#fff;transform:rotate(-90deg);} .main-visual-arrow a svg circle{transform-origin:center;stroke:#fff;stroke-dasharray:401.4743;stroke-dashoffset:401.4743;stroke-width:3px;} .main-scroll-icon{position:absolute;bottom:0;left:110px;z-index:9;transform:translateX(-50px);opacity:0;transition:transform ease-out 1s 0.4s,opacity ease-out 1s 0.4s;} .main-scroll-icon .txt{display:block;} .main-scroll-icon .bar{display:block;width:3px;height:88px;background-color:rgba(255,255,255,0.2);margin-top:35px;margin-left:2px;position:relative;overflow:hidden;} .main-scroll-icon .bar:after{position:absolute;content:"";width:3px;height:38px;background:url(/wp-content/plugins/givia-blocks/plugins/module-builder/images/scroll_bar.webp) no-repeat;top:-40px;left:0;animation:upDown 2s ease-in-out infinite;} @keyframes upDown{0%{top:-40px;} 100%{top:100%;}} .main-en-tit{display:block;color:#333;font-size:20px;letter-spacing:0;font-weight:700;text-transform:uppercase;} .main-custom-tit{font-weight:700;font-size:75px;letter-spacing:-0.1px;color:#111;line-height:1;} .main-custom-txt{font-weight:500;font-size:22px;letter-spacing:-0.75px;color:#666;line-height:1.63;margin-top:30px;} .main-en-tit.wh,.main-custom-tit.wh,.main-custom-txt.wh{color:#fff;} .txt-effect{opacity:0;} .txt-up-effect-con.animated .txt-effect{opacity:1;}} .animated .main-custom-txt{animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;animation-delay:0.7s;} .txt-up-effect.splitting .char{opacity:0;transform:translateY(100%);transition:opacity 0.8s,transform 0.8s;} .active-section .txt-up-effect.splitting .char,.animated .txt-up-effect.splitting .char{opacity:1.0;transform:translateY(0);animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;} #mainPrdCon{background:#f8f8f8 url("https://pub-216034e63cfa48edbb47ca6b7f6c0887.r2.dev/page-modules/home/fullpage-swiper-01/main_prd_bg.webp") no-repeat left center;background-size:cover;display:flex !important;align-items:center !important;justify-content:center !important;height:100vh !important;height:100dvh !important;position:relative !important;overflow:hidden !important;box-sizing:border-box !important;padding:0 40px !important;} #mainPrdCon .area-box{width:100% !important;max-width:1440px !important;margin:0 auto !important;position:relative !important;display:flex !important;flex-direction:column !important;justify-content:center !important;height:auto !important;transform:none !important;} #mainPrdCon .main-prd-con{position:relative !important;width:100% !important;height:auto !important;display:flex !important;flex-direction:column !important;justify-content:center !important;} #mainPrdCon .main-en-tit{position:relative !important;top:0 !important;left:0 !important;font-size:18px !important;font-weight:700 !important;color:#333 !important;text-transform:uppercase !important;letter-spacing:1px !important;margin-bottom:25px !important;display:block !important;} #mainPrdCon .main-prd-swiper{width:100% !important;height:480px !important;overflow:visible !important;position:relative !important;} #mainPrdCon .main-prd-slide{display:block !important;width:100% !important;height:100% !important;position:relative !important;margin:0 !important;padding:0 !important;list-style:none !important;} #mainPrdCon .main-prd-slide li.main-prd-item{width:100% !important;height:100% !important;position:absolute !important;top:0 !important;left:0 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity 0.4s ease,visibility 0.4s ease !important;display:flex !important;align-items:center !important;justify-content:space-between !important;box-sizing:border-box !important;z-index:1 !important;} #mainPrdCon .main-prd-slide li.main-prd-item.swiper-slide-active,#mainPrdCon .main-prd-slide li.main-prd-item.active-item{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;position:relative !important;z-index:2 !important;} #mainPrdCon .main-prd-slide li .prd-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;position:relative !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-txt,#mainPrdCon .main-prd-slide li .prd-inner .prd-txt *,#mainPrdCon .main-prd-slide li .prd-inner .prd-txt h3,#mainPrdCon .main-prd-slide li .prd-inner .prd-txt p,#mainPrdCon .main-prd-slide li .prd-inner .prd-txt span{opacity:1 !important;visibility:visible !important;transform:none !important;animation:none !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-txt{width:45% !important;box-sizing:border-box !important;padding-right:40px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-txt h3{font-weight:700 !important;font-size:72px !important;letter-spacing:-1px !important;color:#222 !important;line-height:1.15 !important;margin:0 0 25px 0 !important;display:block !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-txt h3 .word,#mainPrdCon .main-prd-slide li .prd-inner .prd-txt h3 .char{display:inline-block !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-txt p{font-weight:500 !important;font-size:20px !important;letter-spacing:-0.5px !important;color:#555 !important;line-height:1.6 !important;margin:0 0 45px 0 !important;display:block !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img{width:55% !important;position:relative !important;height:auto !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img:after{position:absolute !important;content:"" !important;bottom:-25px !important;right:-25px !important;width:90% !important;height:100% !important;background-color:#eee !important;z-index:1 !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img .img-con{position:relative !important;display:block !important;width:100% !important;padding-top:52.3% !important;box-shadow:20px 25px 25px rgba(0,0,0,0.12) !important;z-index:2 !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img .img-con .img{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;overflow:hidden !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img .img-con .img img{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;opacity:1 !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img .img-txt{position:absolute !important;bottom:-35px !important;right:0 !important;font-weight:600 !important;font-size:15px !important;color:#333 !important;z-index:3 !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img .more-btn{position:absolute !important;bottom:-50px !important;left:8% !important;width:110px !important;height:110px !important;border-radius:50% !important;text-align:center !important;box-shadow:10px 10px 20px rgba(0,0,0,0.2) !important;z-index:10 !important;background-color:#740003 !important;display:flex !important;align-items:center !important;justify-content:center !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img .more-btn i{font-size:30px !important;color:#fff !important;position:relative !important;z-index:9 !important;} #mainPrdCon .main-prd-slide li .prd-inner .prd-img .more-btn .bg-txt{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:url("https://pub-216034e63cfa48edbb47ca6b7f6c0887.r2.dev/page-modules/home/fullpage-swiper-01/discover_more_txt.webp") no-repeat center center !important;background-size:100% 100% !important;animation:circleSpin 8s infinite linear !important;z-index:9 !important;} #mainPrdCon .main-prd-conuter{position:static !important;margin-top:35px !important;display:inline-flex !important;align-items:center !important;gap:16px !important;opacity:1 !important;transform:none !important;z-index:99 !important;} #mainPrdCon .main-prd-conuter .prd-arrow{display:inline-flex !important;align-items:center !important;gap:8px !important;} #mainPrdCon .main-prd-conuter .prd-arrow a{display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#222 !important;font-size:22px !important;text-decoration:none !important;transition:transform 0.2s ease,color 0.2s ease !important;} #mainPrdCon .main-prd-conuter .prd-arrow.prev a:hover{transform:translateX(-4px) !important;color:#740003 !important;} #mainPrdCon .main-prd-conuter .prd-arrow.next a:hover{transform:translateX(4px) !important;color:#740003 !important;} #mainPrdCon .main-prd-conuter .cur-num,#mainPrdCon .main-prd-conuter .total-num{font-weight:800 !important;font-size:16px !important;color:#222 !important;letter-spacing:0.5px !important;} #mainPrdCon .main-prd-conuter .prd-divider{font-size:14px !important;color:#ccc !important;font-weight:300 !important;} #mainGrowthCon{background-color:#000;position:relative !important;z-index:2 !important;height:100vh !important;height:100dvh !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;} .main-growth-top{height:60% !important;width:100% !important;position:relative !important;overflow:hidden !important;} .main-growth-top .growth-top-content{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;} .main-growth-top .growth-top-content .bg,.main-growth-top .growth-top-content .bg span{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:block !important;background-size:cover !important;background-position:60% center !important;opacity:1 !important;} .main-growth-top .growth-top-content .txt-con{position:absolute !important;top:50% !important;left:0 !important;right:0 !important;transform:translateY(-50%) !important;z-index:9 !important;} .main-growth-top .growth-top-content .txt-con,.main-growth-top .growth-top-content .txt-con *{opacity:1 !important;visibility:visible !important;animation:none !important;transform:none !important;} .main-growth-top .growth-top-content .txt-con .area{max-width:1440px !important;padding:0 40px !important;margin:0 auto !important;box-sizing:border-box !important;} .main-growth-top .growth-top-content .txt-con .main-en-tit{font-size:18px !important;font-weight:700 !important;color:#fff !important;text-transform:uppercase !important;margin-bottom:20px !important;letter-spacing:1px !important;display:block !important;} .main-growth-top .growth-top-content .txt-con .txt{font-weight:300 !important;font-size:46px !important;letter-spacing:-1.5px !important;color:#fff !important;line-height:1.4 !important;margin:0 !important;display:block !important;} .main-growth-top .growth-top-content .txt-con .txt b{font-weight:700 !important;margin-left:10px !important;} .main-growth-bt{height:40% !important;width:100% !important;display:flex !important;position:relative !important;z-index:3 !important;} .main-growth-bt .lf-con{width:50% !important;height:100% !important;position:relative !important;overflow:hidden !important;} .main-growth-bt .lf-con .bg,.main-growth-bt .lf-con .bg span{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:block !important;background-size:cover !important;background-position:center center !important;} .main-growth-bt .rt-con{width:50% !important;height:100% !important;background-color:#740003 !important;display:flex !important;align-items:center !important;box-sizing:border-box !important;padding:0 60px !important;} .main-growth-bt .rt-con .txt-con dl dt{color:#fff !important;font-size:38px !important;font-weight:400 !important;line-height:1.35 !important;letter-spacing:-1px !important;margin-bottom:12px !important;} .main-growth-bt .rt-con .txt-con dl dt b{font-weight:700 !important;} .main-growth-bt .rt-con .txt-con dl dd{color:rgba(255,255,255,0.75) !important;font-size:16px !important;line-height:1.6 !important;margin:0 !important;} .main-growth-bt .lf-con .growth-bt-lf-swiper,.main-growth-bt .lf-con .main-growth-bt-lf,.main-growth-bt .lf-con .bt-lf-item{height:100% !important;width:100% !important;} .main-growth-bt .lf-con .bt-lf-item .bg,.main-growth-bt .lf-con .bt-lf-item .bg span{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:block !important;background-size:cover !important;background-position:center center !important;} .main-growth-bt .rt-con{width:50% !important;height:100% !important;background-color:#740003 !important;display:flex !important;align-items:center !important;box-sizing:border-box !important;} .main-growth-bt .rt-con .growth-bt-rt-swiper,.main-growth-bt .rt-con .main-growth-bt-rt,.main-growth-bt .rt-con .bt-rt-item{height:100% !important;width:100% !important;display:flex !important;align-items:center !important;} .main-growth-bt .rt-con .txt-con{padding:0 12% !important;box-sizing:border-box !important;} .main-growth-bt .rt-con .txt-con dt{font-weight:300 !important;font-size:42px !important;letter-spacing:-1.5px !important;color:#fff !important;line-height:1.3 !important;} .main-growth-bt .rt-con .txt-con dt b{font-weight:700 !important;} .main-growth-bt .rt-con .txt-con dd{font-weight:400 !important;font-size:17px !important;letter-spacing:-0.5px !important;color:rgba(255,255,255,0.6) !important;} #mainGlobalCon{background:url(/wp-content/plugins/givia-blocks/plugins/module-builder/images/main_global_bg.webp) no-repeat center center;background-size:cover;position:relative !important;height:100vh !important;height:100dvh !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;} .global-map-con{position:relative;width:100%;max-width:1600px;margin:0 auto;} .global-map-con .map-img{width:100%;} .global-map-con .map-img.mb{display:none;} .global-con-txt{position:absolute;bottom:90px;left:80px;z-index:99;} .global-map-con-m{display:none;} .global-nation-box{position:absolute;top:0px;left:0px;width:100%;height:100%;} .nation-circle{position:absolute;left:50%;top:50%;display:flex;opacity:0;transition:all 1.5s;transform:translate(-50%,30px);} .animated .nation-circle{opacity:1;transform:translate(-50%,-50%);} .animated .nation-circle.nation-01{transition-delay:0.6s;} .animated .nation-circle.nation-02{transition-delay:0.1s;} .animated .nation-circle.nation-03{transition-delay:0.2s;} .animated .nation-circle.nation-04{transition-delay:0.3s;} .animated .nation-circle.nation-05{transition-delay:0.4s;} .animated .nation-circle.nation-06{transition-delay:0.5s;} .nation-circle .spread:nth-child(2){animation-delay:1s;} .nation-circle .spread:nth-child(3){animation-delay:1.5s;} .nation-circle .spread:nth-child(4){animation-delay:2s;} .nation-circle .spread{background-color:rgba(125,32,35,0.03);border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:-70px;top:-50px;opacity:0;margin:0;width:280px;height:280px;-webkit-animation:nation-circle 5s cubic-bezier(0.22,0.61,0.36,0.5) infinite;animation:nation-circle 5s cubic-bezier(1,2,0.66,3) infinite;} @keyframes nation-circle{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0.5;} 50%{opacity:1.0;} 100%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0;}} @-webkit-keyframes nation-circle{0%{-webkit-transform:scale(0);opacity:0.5;} 50%{opacity:1.0;} 100%{-webkit-transform:scale(1.7);opacity:0;}} .nation-circle .gray{display:inline-block;vertical-align:middle;width:24px;height:24px;background:rgba(51,51,51,0.1);border-radius:50%;margin-left:10px;position:relative;} .nation-circle.lf-dot .gray{margin:0 10px 0 0;} .nation-circle .gray:after{position:absolute;content:"";width:6px;height:6px;border-radius:50%;background-color:#343333;top:50%;left:50%;transform:translate(-50%,-50%);} .nation-circle i{display:block;position:absolute;top:0;left:0;margin:85px 0 0 67px;width:6px;height:6px;background-color:#7d2023;border-radius:50%;} .nation-circle p{color:#fff;border-radius:50px;box-shadow:10px 20px 20px 0px rgba(0,0,0,0.18);background-color:#131111;white-space:nowrap;padding:9px 20px;font-weight:700;font-size:13px;letter-spacing:0;text-transform:uppercase;display:inline-block;vertical-align:middle;} .nation-circle.logo p{background-color:#740003;padding:13px 20px;} #mainSystemCon{background-color:#f8f8f8;} .main-system-con{width:100%;height:100%;box-sizing:border-box;background-color:#111;} .main-system-con .lf-con{float:left;width:71%;height:100%;overflow:hidden;position:relative;} .main-system-con .lf-con .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;transform:scale(1.2);transition:transform 2s;} .main-system-con .lf-con .txt-con{position:absolute;bottom:90px;left:80px;z-index:9;} .main-system-con .rt-con{float:left;width:29%;height:100%;} .main-system-con .rt-con .rt-item{display:table;width:100%;height:50%;table-layout:fixed;box-sizing:border-box;padding-right:77px;background-color:#fff;} .main-system-con .rt-con .rt-item .rt-item-inner{display:table-cell;vertical-align:middle;} .main-system-con .rt-con .rt-item .rt-item-inner .inner-wrap{max-width:325px;margin:0 auto;padding:0 30px;} .main-system-con .rt-con .rt-item .rt-item-inner .rt-item-tit{font-weight:700;font-size:40px;letter-spacing:-0.1px;color:#111;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list{margin-top:30%;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a{display:table;height:57px;width:100%;table-layout:fixed;font-weight:600;font-size:18px;letter-spacing:-0.25px;color:#2b2b2b;position:relative;transition:color 0.5s;border-bottom:1px solid #e9e9e9;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a:after{position:absolute;content:"";width:0;height:1px;background-color:#740a0d;bottom:-1px;left:0;transition:width 0.5s;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a span{display:table-cell;vertical-align:middle;width:100%;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a span .icon{width:32px;vertical-align:middle;position:relative;top:-2px;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a span .arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);} @media all and (min-width:801px){.main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a:hover{color:#740a0d;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a:hover:after{width:100%;}} .main-system-con .rt-con .main-customer-con{background-color:#740a0d;} .main-system-con .rt-con .rt-item.main-customer-con .rt-item-inner .rt-item-tit{color:#fff;} .main-system-con .rt-con .main-customer-con .main-customer-slide{margin-top:30%;} .main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date{display:flex;align-items:center;margin-bottom:14%;} .main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date b{font-weight:700;font-size:18px;letter-spacing:-0.35px;color:#fff;} .main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date span{font-weight:500;font-size:13px;letter-spacing:-0.35px;color:#fff;opacity:0.3;margin:1px 0 0 17px;} .main-system-con .rt-con .main-customer-con .main-customer-slide .tit{display:block;font-weight:400;font-size:20px;letter-spacing:-0.75px;color:#fff;line-height:1.65;max-height:3.3em;} .main-system-con .rt-con .main-customer-con .main-customer-conuter{margin-top:18%;} .main-system-con .rt-con .main-customer-con .main-customer-conuter .customer-arrow{position:relative;display:inline-block;vertical-align:middle;} .main-system-con .rt-con .main-customer-con .main-customer-conuter .customer-arrow.prev:after{position:absolute;content:"";width:2px;height:6px;background-color:#fff;opacity:0.3;top:12px;right:-2px;} .main-system-con .rt-con .main-customer-con .main-customer-conuter .customer-arrow a{font-size:28.8px;color:#fff;display:inline-block;vertical-align:middle;} .main-system-con .rt-con .main-customer-con .main-customer-conuter .customer-arrow span{position:relative;display:inline-block;vertical-align:middle;margin:0 22px;font-weight:900;font-size:15.6px;color:#fff;width:20px;} .main-system-con .rt-con .main-customer-con .main-customer-conuter .customer-arrow span:before{position:relative;content:"0";} .animated.main-system-con .lf-con .bg{transform:scale(1.0) rotate(0.0001deg);} .active-page .main-visual-arrow{transform:translate(-0,-50%);opacity:1;} .active-page .main-scroll-icon{transform:translateX(-0);opacity:1;} .up-effect{display:block;padding-bottom:0.1em;overflow-y:hidden;opacity:0;} .up-effect .effect-inner{position:relative;display:inline-block;} .animated .up-effect{opacity:1;} .animated .up-effect .effect-inner{animation:text-up 1s cubic-bezier(0.4,0,0.2,1) both 0.2s;} @keyframes text-up{from{transform:translate3d(0,150%,0);} to{transform:translate3d(0,0,0);}} .main-system-con .rt-con .main-inquiry-con.main-customer-con .inquiry-menu-list li a{color:#fff;border-color:rgba(255,255,255,0.5);} .main-system-con .rt-con .main-inquiry-con.main-customer-con .inquiry-menu-list li a:after{background-color:#fff;} @media all and (min-width:801px){.main-system-con .rt-con .main-inquiry-con.main-customer-con .inquiry-menu-list li a:hover{color:#fff;}} @media all and (max-width:1024px){#fullpage,#fullpage.swiper-active{height:auto !important;min-height:0 !important;overflow:visible !important;} #fullpage .swiper-wrapper{display:block !important;flex-direction:column !important;height:auto !important;min-height:0 !important;transform:none !important;position:relative !important;width:100% !important;} #fullpage .section,#fullpage #mainPrdCon,#fullpage #mainGrowthCon,#fullpage #mainGlobalCon,#fullpage #mainSystemCon,#fullpage #mainFooterCon{height:auto !important;min-height:0 !important;position:relative !important;top:auto !important;left:auto !important;transform:none !important;overflow:visible !important;clear:both !important;float:none !important;display:block !important;width:100% !important;} #fullpage #mainVisual{height:100vh !important;min-height:500px !important;position:relative !important;display:block !important;width:100% !important;} .main-growth-top,.main-growth-bt,.main-global-con,.main-system-con{position:relative !important;height:auto !important;top:auto !important;left:auto !important;clear:both !important;display:block !important;width:100% !important;} .gb-word-split-JS,.txt-up-effect,.txt-up-effect-02,.txt-up-effect-03,.txt-effect,.txt-up-effect-con,.main-en-tit,.main-custom-tit,.main-custom-txt,.growth-item .txt-con,.word,.char{opacity:1 !important;transform:none !important;visibility:visible !important;animation:none !important;}} @media all and (max-width:1650px){.main-visual-item .main-visual-txt-con{left:40%;}} @media all and (max-width:1366px){.main-visual-arrow{left:30px;} .main-scroll-icon{left:60px;} .main-visual-item .main-visual-txt-con{left:200px;width:100%;padding-right:280px;}} @media all and (max-width:1024px){.main-visual-item .main-visual-txt-con{left:0;margin-top:-5%;box-sizing:border-box;padding:0 15px;} .main-scroll-icon{display:none;} .main-visual-arrow{left:0;top:auto;bottom:6%;text-align:center;display:block;transform:translate(0,50px);width:100%;} .main-visual-arrow a{display:inline-block !important;} .main-visual-arrow a.next{margin:0 0 0 15px;} .active-page .main-visual-arrow{transform:translate(0,0);}} @media all and (max-width:800px){.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:40px;} .main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:40px;} .main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:17px;} .main-visual-arrow a{width:65px;height:65px;} .main-visual-arrow a i{line-height:65px;font-size:12px;}} @media all and (max-width:800px){.main-en-tit{font-size:18px;} .main-custom-tit{font-size:50px;} .main-custom-txt{font-size:18px;margin-top:15px;}} @media all and (max-width:480px){.main-en-tit{font-size:15px;} .main-custom-tit{font-size:40px;} .main-custom-txt{font-size:15px;}} @media all and (max-width:1220px){.main-prd-con .main-prd-slide li .prd-inner .prd-txt{padding-bottom:100px;} .main-prd-con .main-prd-conuter{bottom:0;}} @media all and (max-width:1024px){#mainPrdCon{padding:100px 0 150px;} .main-prd-con .main-en-tit{left:15px !important;} .main-prd-con .main-prd-slide li .prd-inner .prd-txt{float:none;width:100%;padding:0 0 150px;} .main-prd-con .main-prd-slide li .prd-inner .prd-img{float:none;width:100%;} .main-prd-con .main-prd-conuter{top:330px;bottom:auto;left:15px !important;width:calc(100% - 30px) !important;text-align:center;} .main-prd-con .main-prd-slide li .prd-inner .prd-img .more-btn{left:30px;} .animated.main-prd-con .main-prd-slide li .prd-inner .prd-img:after{transform:translate(70px,70px);}} @media all and (max-width:800px){#mainPrdCon{padding:60px 0 220px;} .main-prd-con .main-prd-slide li .prd-inner .prd-txt{margin-top:30px;padding-bottom:130px;} .main-prd-con .main-prd-slide li .prd-inner .prd-txt h3{font-size:40px;} .main-prd-con .main-prd-slide li .prd-inner .prd-txt p{font-size:17px;margin-top:25px;} .main-prd-con .main-prd-slide li .prd-inner .prd-txt p br{display:none;} .main-prd-con .main-prd-slide li .prd-inner .prd-img .img-txt{font-size:14px;bottom:-28px;} .main-prd-con .main-prd-conuter{top:230px;} .main-prd-con .main-prd-slide li .prd-inner .prd-img .more-btn{width:90px;height:90px;bottom:-170px;transform:translateX(-50%);left:50%;} .main-prd-con .main-prd-slide li .prd-inner .prd-img .more-btn i{line-height:90px;font-size:22px;} .animated.main-prd-con .main-prd-slide li .prd-inner .prd-img:after{transform:translate(70px,45px);}} @media all and (max-width:1024px){.main-growth-top{height:auto !important;} .main-growth-top .growth-top-slide li .bg{height:500px !important;} .main-growth-bt{height:auto !important;display:block !important;width:100% !important;clear:both !important;float:none !important;} .main-growth-bt .lf-con,.main-growth-bt .rt-con{display:block !important;width:100% !important;float:none !important;clear:both !important;position:relative !important;left:auto !important;top:auto !important;} .main-growth-bt .lf-con .main-growth-bt-lf li .bg{height:350px !important;min-height:250px !important;display:block !important;width:100% !important;} .main-growth-bt .lf-con .main-growth-bt-lf li .bg span{display:block !important;width:100% !important;height:100% !important;background-size:cover !important;background-position:center !important;} .main-growth-bt .rt-con{background:var(--primary,#740003) !important;padding:40px 20px !important;box-sizing:border-box !important;width:100% !important;display:block !important;} .main-growth-bt .rt-con .txt-con{position:relative !important;top:auto !important;left:auto !important;transform:none !important;padding:0 !important;} .main-growth-bt .rt-con .txt-con dt{color:#fff !important;font-size:28px !important;line-height:1.3 !important;} .main-growth-bt .rt-con .txt-con dd{color:rgba(255,255,255,0.85) !important;font-size:16px !important;margin-top:15px !important;}} .main-prd-con .main-prd-slide li .prd-inner .prd-img .img-con .img .cover-bg{display:none !important;opacity:0 !important;visibility:hidden !important;} @media all and (max-width:1580px){.nation-circle.nation-01{margin-top:-60px !important;} .nation-circle i{margin-top:70px;}} @media all and (max-width:1366px){.global-con-txt{left:30px;bottom:30px;}} @media all and (max-width:1024px){.global-map-con{margin-bottom:200px;} .nation-circle p{font-size:11px;padding:6px 12px;position:relative;top:-2px;} .nation-circle .gray{width:18px;height:18px;margin-left:5px;} .nation-circle .gray:after{width:4px;height:4px;} .nation-circle.lf-dot .gray{margin-right:5px;} .nation-circle.logo p{padding:8px 15px;} .nation-circle.logo p img{height:22px;} .nation-circle i{margin:48px 0 0 50px;width:4px;height:4px;} .nation-circle.nation-01{margin-top:-50px !important;margin-left:-9.4% !important;} .nation-circle.nation-04{margin-top:-2% !important;margin-left:-30% !important;} .nation-circle.nation-05{margin-left:21% !important;} .nation-circle.nation-06{margin-left:34% !important;} .nation-circle .spread{width:200px;height:200px;left:-50px;}} @media all and (max-width:800px){.global-con-txt{left:15px;} .global-map-con .map-img{transform:scale(1.28);position:relative;left:-4.5%;top:20px;} .nation-circle.nation-bk p{display:none;} .nation-circle.nation-01{margin-top:-16px !important;margin-left:-16% !important;z-index:9;} .nation-circle.nation-02{margin-top:-15% !important;margin-left:-19% !important;} .nation-circle.nation-03{margin-left:-47% !important;} .nation-circle.nation-04{margin-left:-35% !important;} .nation-circle.nation-05{margin-left:33% !important;} .nation-circle.nation-06{margin-top:20% !important;margin-left:48% !important;} .nation-circle .spread{width:110px;height:110px;top:-20px;left:-20px;} .nation-circle.logo p{padding:6px 10px;} .nation-circle.logo p img{height:17px;} .nation-circle i{margin:35px 0 0 35px;}} @media all and (max-width:1366px){.main-system-con .lf-con{width:65%;} .main-system-con .lf-con .txt-con{left:30px;bottom:30px;} .main-system-con .rt-con{width:35%;}} @media all and (max-width:1220px){.main-system-con .rt-con .rt-item{padding-right:60px;}} @media all and (max-width:1024px){.main-system-con .lf-con{float:none;width:100%;height:600px;} .main-system-con .lf-con .txt-con{bottom:auto;top:8%;} .main-system-con .rt-con{float:none;width:100%;} .main-system-con .rt-con .rt-item{height:auto;padding:30px 0 40px;} .main-system-con .rt-con .rt-item .rt-item-inner .inner-wrap{max-width:none;padding:0 15px;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list{margin-top:20px;} .main-system-con .rt-con .main-customer-con .main-customer-slide{margin-top:30px;} .main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date{margin-bottom:30px;} .main-system-con .rt-con .main-customer-con .main-customer-conuter{margin-top:30px;}} @media all and (max-width:800px){.main-system-con .lf-con{height:400px;} .main-system-con .lf-con .txt-con{left:15px;top:30px;} .main-system-con .rt-con .rt-item .rt-item-inner .rt-item-tit{font-size:30px;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a{font-size:15px;height:40px;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a span .icon{width:27px;} .main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a span .arrow{margin-top:-2px;} .main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date b{font-size:16px;} .main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date span{font-size:11px;margin-left:10px;} .main-system-con .rt-con .main-customer-con .main-customer-slide .tit{font-size:16px;}} .slick-slide > div{width:100%;display:block;} body:not(.fullpage-view-01) #gnb>ul>li>a,body:not(.fullpage-view-01) .header-contact-box a,body:not(.fullpage-view-01) .trp-language-item-name{color:#222} @media (min-width:1025px) and (min-height:751px){#header.hide #gnb,#header.hide .header-util-box{opacity:1 !important;transform:none !important;}}