@media(min-width: 1441px){:root{--ocean-gallery-item-count:4}}@media(min-width: 1025px)and (max-width: 1440px){:root{--ocean-gallery-item-count:3}}@media(min-width: 768px)and (max-width: 1024px){:root{--ocean-gallery-item-count:2}}@media(max-width: 767px){:root{--ocean-gallery-item-count:1}}@media(min-width: 1441px){:root{--ocean-gallery-gap:2rem}}@media(min-width: 1025px)and (max-width: 1440px){:root{--ocean-gallery-gap:2rem}}@media(min-width: 768px)and (max-width: 1024px){:root{--ocean-gallery-gap:1.5rem}}@media(max-width: 767px){:root{--ocean-gallery-gap:1.5rem}}@media(min-width: 1441px){:root{--ocean-gallery-gap-row:2rem}}@media(min-width: 1025px)and (max-width: 1440px){:root{--ocean-gallery-gap-row:2rem}}@media(min-width: 768px)and (max-width: 1024px){:root{--ocean-gallery-gap-row:1.5rem}}@media(max-width: 767px){:root{--ocean-gallery-gap-row:1.5rem}}@media(min-width: 1441px){:root{--ocean-gallery-gap-column:2.5rem}}@media(min-width: 1025px)and (max-width: 1440px){:root{--ocean-gallery-gap-column:2.5rem}}@media(min-width: 768px)and (max-width: 1024px){:root{--ocean-gallery-gap-column:2rem}}@media(max-width: 767px){:root{--ocean-gallery-gap-column:1.5rem}}@media(min-width: 1441px){:root{--quform-gap:.625rem}}@media(min-width: 1025px)and (max-width: 1440px){:root{--quform-gap:.625rem}}@media(min-width: 768px)and (max-width: 1024px){:root{--quform-gap:.625rem}}@media(max-width: 767px){:root{--quform-gap:.625rem}}@-webkit-keyframes clip-hide-left-right{0%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}100%{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}}@keyframes clip-hide-left-right{0%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}100%{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}}@-webkit-keyframes clip-show-left-right{0%{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@keyframes clip-show-left-right{0%{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@-webkit-keyframes clip-show-right-left{0%{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}}@keyframes clip-show-right-left{0%{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}}@-webkit-keyframes clip-show-top-bottom{0%{clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@keyframes clip-show-top-bottom{0%{clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@-webkit-keyframes slide-in-up{0%{-webkit-transform:translate3d(0, 60%, 0);transform:translate3d(0, 60%, 0);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes slide-in-up{0%{-webkit-transform:translate3d(0, 60%, 0);transform:translate3d(0, 60%, 0);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes arrow-v{0%{-webkit-transform:translateY(0);transform:translateY(0)}49%{-webkit-transform:translateY(-210%);transform:translateY(-210%)}50%{opacity:0}51%{-webkit-transform:translateY(210%);transform:translateY(210%);opacity:1}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes arrow-v{0%{-webkit-transform:translateY(0);transform:translateY(0)}49%{-webkit-transform:translateY(-210%);transform:translateY(-210%)}50%{opacity:0}51%{-webkit-transform:translateY(210%);transform:translateY(210%);opacity:1}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes arrow-h{0%{-webkit-transform:translateX(0);transform:translateX(0)}49%{-webkit-transform:translateX(210%);transform:translateX(210%)}50%{opacity:0}51%{-webkit-transform:translateX(-210%);transform:translateX(-210%);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes arrow-h{0%{-webkit-transform:translateX(0);transform:translateX(0)}49%{-webkit-transform:translateX(210%);transform:translateX(210%)}50%{opacity:0}51%{-webkit-transform:translateX(-210%);transform:translateX(-210%);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fly-return{0%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);opacity:1}30%{-webkit-transform:translate(50px, -50px) rotate(30deg);transform:translate(50px, -50px) rotate(30deg);opacity:0}31%{-webkit-transform:translate(-50px, 50px) rotate(-30deg);transform:translate(-50px, 50px) rotate(-30deg);opacity:0}100%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);opacity:1}}@keyframes fly-return{0%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);opacity:1}30%{-webkit-transform:translate(50px, -50px) rotate(30deg);transform:translate(50px, -50px) rotate(30deg);opacity:0}31%{-webkit-transform:translate(-50px, 50px) rotate(-30deg);transform:translate(-50px, 50px) rotate(-30deg);opacity:0}100%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);opacity:1}}@-webkit-keyframes bounceUpDown{0%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}100%{-webkit-transform:translate(-50%, -0.5rem);transform:translate(-50%, -0.5rem)}}@keyframes bounceUpDown{0%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}100%{-webkit-transform:translate(-50%, -0.5rem);transform:translate(-50%, -0.5rem)}}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2") format("woff2");font-weight:100;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2") format("woff2");font-weight:200;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2") format("woff2");font-weight:300;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2") format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2") format("woff2");font-weight:800;font-display:swap}@font-face{font-family:"Paperozi";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2") format("woff2");font-weight:900;font-display:swap}:root{--ui-bg:#f0f3f7;--ui-line:#eaeff5;--ui-gray:#cfd9e5;--ui-text:#718096;--ui-blue:#4c80e8;--ui-blue-middle:#82aaf4;--ui-blue-light:#e9f0ff;--ui-green:#43bf91}.main-sec-04 .item-01 .design-ui{position:absolute;top:50%;left:50% !important;right:auto !important;-webkit-transform:translate(-50%, -50%) !important;transform:translate(-50%, -50%) !important;width:75%;height:70%;max-width:35rem;background:#fff;border-radius:.625rem;-webkit-box-shadow:0 1rem 3rem rgba(20,40,70,.1);box-shadow:0 1rem 3rem rgba(20,40,70,.1)}.main-sec-04 .item-01 .ui-top{height:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.4rem;padding:0 1rem;border-bottom:1px solid var(--ui-line)}.main-sec-04 .item-01 .ui-top span{width:.4rem;height:.4rem;border-radius:50px;background:var(--ui-line)}.main-sec-04 .item-01 .design-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 2rem);overflow:hidden;border-radius:0 0 1rem 1rem}.main-sec-04 .item-01 .design-side{width:22%;padding:1.4rem .8rem;border-right:1px solid var(--ui-line)}.main-sec-04 .item-01 .design-side i{display:block;height:.4rem;margin-bottom:1rem;border-radius:50px;background:var(--ui-line);-webkit-transform-origin:left center;transform-origin:left center}.main-sec-04 .item-01 .design-side i:first-child{width:80%;background:var(--ui-blue-light)}.main-sec-04 .item-01 .design-main{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1.5rem}.main-sec-04 .item-01 .skeleton{background:var(--ui-line);border-radius:50px;-webkit-transform-origin:left center;transform-origin:left center}.main-sec-04 .item-01 .skeleton.title{width:42%;height:1rem;background:var(--ui-gray)}.main-sec-04 .item-01 .skeleton.text{width:65%;height:.4rem;margin-top:.8rem}.main-sec-04 .item-01 .skeleton.button{width:4.4rem;height:1.5rem;margin-top:1rem;background:var(--ui-blue);border-radius:.4rem}.main-sec-04 .item-01 .design-cards{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.8rem;margin-top:1.6rem}.main-sec-04 .item-01 .design-cards div{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:5rem;border-radius:.625rem;background:var(--ui-bg);overflow:hidden}.main-sec-04 .item-01 .design-cards div:before,.main-sec-04 .item-01 .design-cards div:after{content:"";position:absolute;left:.8rem;border-radius:50px;background:#dfe6ef}.main-sec-04 .item-01 .design-cards div:before{right:.8rem;top:1rem;height:.5rem}.main-sec-04 .item-01 .design-cards div:after{width:45%;bottom:1rem;height:.4rem}.main-sec-04 .item-01 .design-float{position:absolute;background:#fff;border-radius:.625rem;-webkit-box-shadow:0 1rem 2rem rgba(20,40,70,.12);box-shadow:0 1rem 2rem rgba(20,40,70,.12);z-index:8}.main-sec-04 .item-01 .float-01{left:5%;top:30%;width:4rem;height:8rem;padding:1rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.6rem}.main-sec-04 .item-01 .float-01 span{display:block;width:1.2rem;height:1.2rem;border-radius:50%}.main-sec-04 .item-01 .float-01 span:nth-child(1){background:var(--ui-blue-light)}.main-sec-04 .item-01 .float-01 span:nth-child(2){background:var(--ui-blue-middle)}.main-sec-04 .item-01 .float-01 span:nth-child(3){background:var(--ui-blue)}.main-sec-04 .item-01 .float-02{right:10%;top:-9%;width:6.6rem;height:6.2rem;padding:1rem}.main-sec-04 .item-01 .float-02 strong{display:block;font-size:1.9rem;line-height:1;color:var(--ui-blue);font-weight:500}.main-sec-04 .item-01 .float-02 i{display:block;width:75%;height:.4rem;margin-top:1rem;border-radius:.2rem;background:var(--ui-line)}.main-sec-04 .item-01 .float-02 i:last-child{width:58%;margin-top:.5rem}.main-sec-04 .item-01 .float-03{right:5%;bottom:-8%;width:7rem;height:9rem;padding:.8rem}.main-sec-04 .item-01 .float-03 .float-image{position:relative;width:100%;height:4.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.4rem;background:linear-gradient(135deg, var(--ui-blue-light), var(--ui-blue-light));overflow:hidden}.main-sec-04 .item-01 .float-03 .float-image svg{width:80%}.main-sec-04 .item-01 .float-03 i{display:block;width:70%;height:.4rem;margin-top:.8rem;border-radius:.2rem;background:var(--ui-line)}.main-sec-04 .item-01 .float-03 i:nth-child(3){width:85%;margin-top:.4rem}.main-sec-04 .item-01 .float-03 i:nth-child(4){width:55%;margin-top:.4rem}.main-sec-04 .item-01 .design-popup{position:absolute;padding:.8rem 1rem;background:#fff;border-radius:.6rem;-webkit-box-shadow:0 .8rem 1.9rem rgba(20,40,70,.16);box-shadow:0 .8rem 1.9rem rgba(20,40,70,.16);z-index:20;opacity:0;pointer-events:none;white-space:nowrap}.main-sec-04 .item-01 .popup-01{left:12%;top:25%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}.main-sec-04 .item-01 .popup-02{right:clamp(2rem,20%,5rem);top:0%;-webkit-transform:translate(100%, -20%);transform:translate(100%, -20%)}.main-sec-04 .item-01 .popup-03{right:15%;bottom:2%;-webkit-transform:translate(100%, 20%);transform:translate(100%, 20%)}.main-sec-04 .item-01 .popup-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.main-sec-04 .item-01 .popup-check{width:1.2rem;height:1.2rem;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;justify-content:center;border-radius:50%;background:var(--ui-blue-light);color:var(--ui-blue);font-size:.7rem;font-weight:700}.main-sec-04 .item-01 .popup-text{font-size:.7rem;line-height:1.3;color:var(--ui-text)}.main-sec-04 .item-01 .cursor{position:absolute;left:0;top:0;width:2rem;height:auto;-webkit-filter:drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.15));filter:drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.15));-webkit-transform-origin:0 0;transform-origin:0 0;z-index:30;pointer-events:none}.main-sec-04 .item-02 .seo-ui{position:absolute;left:7%;top:9%;width:86%;height:82%}.main-sec-04 .item-02 .browser{position:absolute;left:0;top:0;width:clamp(15rem,70%,40rem);height:100%;background:#fff;border-radius:1rem;-webkit-box-shadow:0 1rem 2.8rem rgba(20,40,70,.08);box-shadow:0 1rem 2.8rem rgba(20,40,70,.08);overflow:hidden;opacity:0;-webkit-transform:translateY(1.2rem) scale(0.97);transform:translateY(1.2rem) scale(0.97)}.main-sec-04 .item-02 .browser-head{height:2.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1rem;border-bottom:1px solid var(--ui-line);background:#fff}.main-sec-04 .item-02 .browser-dot{width:.5rem;height:.5rem;margin-right:.4rem;border-radius:50%;background:var(--ui-line)}.main-sec-04 .item-02 .google-search{width:82%;height:3rem;margin:1.8rem auto 0;padding:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:1.8rem;background:#fff;-webkit-box-shadow:0 .4rem 1.2rem rgba(20,40,70,.09);box-shadow:0 .4rem 1.2rem rgba(20,40,70,.09)}.main-sec-04 .item-02 .google-logo{width:1.6rem;height:auto}.main-sec-04 .item-02 .search-placeholder{width:42%;height:.5rem;margin-left:.8rem;border-radius:.3rem;background:var(--ui-line);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0)}.main-sec-04 .item-02 .search-symbol{margin-left:auto;font-size:1.2rem;line-height:1;color:var(--e-global-color-251a015)}.main-sec-04 .item-02 .results{width:82%;margin:1.8rem auto 0}.main-sec-04 .item-02 .result{margin-bottom:1.6rem}.main-sec-04 .item-02 .result>div{margin-bottom:.6rem;border-radius:50px;background:var(--ui-blue-light);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0)}.main-sec-04 .item-02 .result-title{width:43%;height:.6rem}.main-sec-04 .item-02 .result-title.long{width:68%;height:.6rem;background:var(--ui-blue)}.main-sec-04 .item-02 .result-desc{width:57%;height:.4rem;background:var(--ui-line)}.main-sec-04 .item-02 .result-desc.blue{width:55%;background:var(--ui-blue-middle)}.main-sec-04 .item-02 .result-desc.small{width:47%;margin-bottom:0}.main-sec-04 .item-02 .organic-card{position:absolute;right:7%;top:3%;width:8rem;padding:1rem;background:#fff;border-radius:1rem;-webkit-box-shadow:0 .8rem 1.9rem rgba(20,40,70,.09);box-shadow:0 .8rem 1.9rem rgba(20,40,70,.09);opacity:0;-webkit-transform:translateY(-1rem) scale(0.95);transform:translateY(-1rem) scale(0.95)}.main-sec-04 .item-02 .organic-title{margin-bottom:.4rem;font-size:.7rem;font-weight:600;color:var(--ui-text)}.main-sec-04 .item-02 .organic-number{font-size:1.2rem;font-weight:700;color:var(--ui-blue)}.main-sec-04 .item-02 .organic-arrow{margin-right:.3rem;font-size:1.4rem;font-weight:700;color:var(--ui-green)}.main-sec-04 .item-02 .chart-card{position:absolute;right:0;bottom:4%;width:clamp(12rem,45%,25rem);height:55%;padding:1.4rem 1.2rem;background:#fff;border-radius:1rem;-webkit-box-shadow:0 1rem 2.5rem rgba(20,40,70,.1);box-shadow:0 1rem 2.5rem rgba(20,40,70,.1);opacity:0;-webkit-transform:translateY(1.6rem) scale(0.94);transform:translateY(1.6rem) scale(0.94)}.main-sec-04 .item-02 .chart-card .chart-grid{position:absolute;left:1.4rem;right:1.4rem;top:1.6rem;bottom:1.4rem;background:repeating-linear-gradient(to bottom, transparent 0, transparent 24%, var(--ui-line) 25%, transparent 26%)}.main-sec-04 .item-02 .chart-card .chart-svg{position:relative;width:100%;height:100%;overflow:visible}.main-sec-04 .item-02 .chart-card .seo-line{fill:none;stroke:var(--ui-blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.main-sec-04 .item-02 .chart-card .seo-dot{fill:#fff;stroke:var(--ui-blue);stroke-width:3;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}.main-sec-04 .item-02 .bar{position:absolute;bottom:1.4rem;width:13%;border-radius:.4rem .4rem 0 0;background:var(--ui-blue-light);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scaleY(0);transform:scaleY(0)}.main-sec-04 .item-02 .bar-01{left:7%;height:18%}.main-sec-04 .item-02 .bar-02{left:29%;height:29%}.main-sec-04 .item-02 .bar-03{left:51%;height:40%}.main-sec-04 .item-02 .bar-04{left:73%;height:48%;background:var(--ui-blue-light)}.main-sec-04 .item-03 .conversion-ui{position:absolute;top:50%;left:50% !important;right:auto !important;-webkit-transform:translate(-50%, -50%) !important;transform:translate(-50%, -50%) !important;width:90%;height:clamp(15rem,50%,20rem);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;justify-content:center;gap:.6rem}.main-sec-04 .item-03 .flow-card{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;-webkit-transform-origin:center center;transform-origin:center center}.main-sec-04 .item-03 .flow-card .card{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.6rem;padding:1.2rem;background:#fff;border-radius:1rem;-webkit-box-shadow:0 .6rem 2rem rgba(20,40,70,.07);box-shadow:0 .6rem 2rem rgba(20,40,70,.07)}.main-sec-04 .item-03 .browser-head{height:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.2rem}.main-sec-04 .item-03 .browser-head i{display:block;width:.2rem;height:.2rem;border-radius:50%;background:var(--ui-line)}.main-sec-04 .item-03 .browser-bar{width:58%;height:.2rem;margin-left:.2rem;border-radius:.2rem;background:var(--ui-line)}.main-sec-04 .item-03 .float-image{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.4rem;background:var(--ui-blue-light);overflow:hidden}.main-sec-04 .item-03 .float-image svg{width:80%}.main-sec-04 .item-03 .mini-line{width:82%;height:.5rem;border-radius:50px;background:var(--ui-line);-webkit-transform-origin:left center;transform-origin:left center}.main-sec-04 .item-03 .mini-line.short{width:55%}.main-sec-04 .item-03 .mini-button{width:clamp(3rem,40%,5rem);height:1.4rem;margin-top:.8rem;border-radius:.4rem;background:var(--ui-blue);-webkit-transform-origin:center center;transform-origin:center center}.main-sec-04 .item-03 .mini-button.light{background:var(--ui-blue-light)}.main-sec-04 .item-03 .mini-input{width:88%;height:1.2rem;border:1px solid var(--ui-line);border-radius:.4rem;background:#fff}.main-sec-04 .item-03 .mini-input:after{content:"";display:block;width:28%;height:.2rem;margin:.4rem .6rem;border-radius:.2rem;background:var(--ui-line)}.main-sec-04 .item-03 .check{position:absolute;top:2.4rem;right:.8rem;width:1.7rem;height:1.7rem;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;justify-content:center;border-radius:50%;background:var(--ui-blue-light);color:var(--ui-blue);font-size:1rem;font-weight:700;-webkit-transform-origin:center center;transform-origin:center center}.main-sec-04 .item-03 .cursor{position:absolute;right:-10%;top:10%;width:1.9rem;height:auto}.main-sec-04 .item-03 .flow-arrow{font-size:1.4rem;font-weight:400;line-height:1;color:var(--e-global-color-251a015);-webkit-transform-origin:center center;transform-origin:center center}.main-sec-04 .item-03 .flow-labels{position:absolute;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-sec-04 .item-03 .flow-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--ui-text);font-size:.8rem;letter-spacing:.02em;line-height:1}.main-sec-04 .item-03 .label-icon{width:1.5rem;height:1.5rem;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;justify-content:center;border-radius:50%;background:var(--ui-blue-light);color:var(--ui-blue);font-size:.8rem;font-weight:700}.main-sec-04 .item-03 .label-icon.check-icon{background:var(--ui-blue);color:#fff}.main-sec-04 .item-03 .label-icon.cursor-icon{font-size:.7rem}.main-sec-04 .item-04 .growth-ui{position:absolute;top:50%;left:50% !important;right:auto !important;-webkit-transform:translate(-50%, -50%) !important;transform:translate(-50%, -50%) !important;width:85%;height:80%;padding:1.2rem;background:#fff;border-radius:1rem;-webkit-box-shadow:0 1rem 2.5rem rgba(20,40,70,.07);box-shadow:0 1rem 2.5rem rgba(20,40,70,.07)}.main-sec-04 .item-04 .growth-stats{position:absolute;left:1.2rem;top:1.2rem;width:43%;z-index:2;padding:.8rem;background:hsla(0,0%,100%,.95);border-radius:.6rem;-webkit-box-shadow:0 .5rem 1.6rem rgba(20,40,70,.06);box-shadow:0 .5rem 1.6rem rgba(20,40,70,.06)}.main-sec-04 .item-04 .growth-stats div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.6rem;font-size:.8rem}.main-sec-04 .item-04 .growth-stats div:last-child{margin-bottom:0}.main-sec-04 .item-04 .growth-stats strong{color:var(--ui-blue)}.main-sec-04 .item-04 .growth-ui svg{position:absolute;left:10%;bottom:.6rem;width:85%;height:75%;overflow:visible}.main-sec-04 .item-04 .growth-line{fill:none;stroke:var(--ui-blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.main-sec-04 .item-04 .growth-area{fill:rgba(76,128,232,.08)}.main-sec-04 .item-04 .growth-dot{fill:#fff;stroke:var(--ui-blue);stroke-width:3;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}/*# sourceMappingURL=main-sec-04-gsap-ui.min.css.map */