@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-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:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-01 .design-ui{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-01 .design-ui{border-radius:.4rem}}.main-sec-04 .item-01 .design-ui{-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 .design-ui .design-head{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)}@media(max-width: 450px){.main-sec-04 .item-01 .design-ui .design-head{padding:0 .6rem}}.main-sec-04 .item-01 .design-ui .design-head span{width:.4rem;height:.4rem;border-radius:50px;background:var(--ui-line)}.main-sec-04 .item-01 .design-ui .design-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 2rem)}.main-sec-04 .item-01 .design-side{width:22%;padding:1.4rem .8rem;border-right:1px solid var(--ui-line)}@media(max-width: 450px){.main-sec-04 .item-01 .design-side{padding:1rem .6rem}}.main-sec-04 .item-01 .design-side i{display:block;height:2%;margin-bottom:20%;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}@media(max-width: 450px){.main-sec-04 .item-01 .design-main{padding:1rem .6rem}}.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:4%;background:var(--ui-gray)}.main-sec-04 .item-01 .skeleton.text{width:65%;height:2%;margin-block:4% 10%}.main-sec-04 .item-01 .skeleton.button{width:clamp(3rem,40%,5rem);height:10%;margin-top:1rem;background:var(--e-global-color-5e04356);border-radius:.4rem}.main-sec-04 .item-01 .design-cards{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.8rem}.main-sec-04 .item-01 .design-cards div{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;aspect-ratio:16/9;border-radius:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-01 .design-cards div{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-01 .design-cards div{border-radius:.4rem}}.main-sec-04 .item-01 .design-cards div{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:4%}.main-sec-04 .item-01 .design-cards div:after{width:45%;bottom:1rem;height:4%}.main-sec-04 .item-01 .design-float{position:absolute;background:#fff;border-radius:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-01 .design-float{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-01 .design-float{border-radius:.4rem}}.main-sec-04 .item-01 .design-float{-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%;padding:5% 4%;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%}@media(max-width: 450px){.main-sec-04 .item-01 .float-01 span{width:.8rem;height:.8rem}}.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(--e-global-color-5e04356)}.main-sec-04 .item-01 .float-02{right:10%;top:-9%;width:13%;height:20%;padding:2.5%;padding-bottom:5%;-webkit-box-sizing:content-box;box-sizing:content-box}.main-sec-04 .item-01 .float-02 strong{display:block;font-size:clamp(1.2rem,5vw,1.9rem);line-height:1;color:var(--e-global-color-5e04356);font-weight:500}.main-sec-04 .item-01 .float-02 i{display:block;width:75%;height:10%;margin-top:15%;border-radius:50px;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:23%;height:auto;padding:2.5%;padding-bottom:6%}.main-sec-04 .item-01 .float-03 .float-image{position:relative;width:100%;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:linear-gradient(135deg, var(--ui-blue-light), var(--ui-blue-light));overflow:hidden;padding-top:30%}.main-sec-04 .item-01 .float-03 .float-image svg{width:80%}.main-sec-04 .item-01 .float-03 i{display:block;width:70%;padding:3%;margin-top:10%;border-radius:50px;background:var(--ui-line)}.main-sec-04 .item-01 .float-03 i:nth-child(3){width:85%}.main-sec-04 .item-01 .float-03 i:nth-child(4){width:55%}.main-sec-04 .item-01 .design-popup{position:absolute;padding:2% 3%;background:#fff;border-radius:.625rem;-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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width: 450px){.main-sec-04 .item-01 .design-popup{border-radius:.4rem}}.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,25%,5rem);top:8%;-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(--e-global-color-5e04356);font-size:.7rem;font-weight:700}@media(max-width: 450px){.main-sec-04 .item-01 .popup-check{width:1rem;height:1rem;font-size:.6rem}}.main-sec-04 .item-01 .popup-text{font-size:.8rem;line-height:1.3}@media(max-width: 450px){.main-sec-04 .item-01 .popup-text{font-size:.55rem}}.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}@media(max-width: 450px){.main-sec-04 .item-01 .cursor{width:1.5rem}}.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}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-02 .browser{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-02 .browser{border-radius:.4rem}}.main-sec-04 .item-02 .browser{-webkit-box-shadow:0 1rem 3rem rgba(20,40,70,.1);box-shadow:0 1rem 3rem rgba(20,40,70,.1);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:2rem;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}@media(max-width: 450px){.main-sec-04 .item-02 .browser-head{padding:0 .6rem}}.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%;margin:10% auto 0;padding:2% 3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50px;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-search .google-logo{width:6%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.main-sec-04 .item-02 .google-search .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 .google-search .search-symbol{margin-left:auto;font-size:1.2rem;line-height:1;color:var(--e-global-color-251a015)}@media(max-width: 450px){.main-sec-04 .item-02 .google-search .search-symbol{font-size:1rem}}.main-sec-04 .item-02 .results{width:82%;margin:8% auto 0}.main-sec-04 .item-02 .result{margin-bottom:8%}.main-sec-04 .item-02 .result>div{margin-bottom:2.5%;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%}.main-sec-04 .item-02 .result-title.long{width:68%;padding:1.3%;background:var(--e-global-color-5e04356)}.main-sec-04 .item-02 .result-desc{width:57%;padding:.8%;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:clamp(6rem,20%,10rem);padding:2%;background:#fff;border-radius:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-02 .organic-card{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-02 .organic-card{border-radius:.4rem}}.main-sec-04 .item-02 .organic-card{-webkit-box-shadow:0 .8rem 2rem rgba(20,40,70,.09);box-shadow:0 .8rem 2rem 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{font-size:.7rem;font-weight:600}@media(max-width: 450px){.main-sec-04 .item-02 .organic-title{font-size:.55rem}}.main-sec-04 .item-02 .organic-number{font-size:1.2rem;font-weight:700;color:var(--e-global-color-5e04356)}@media(max-width: 450px){.main-sec-04 .item-02 .organic-number{font-size:1rem}}.main-sec-04 .item-02 .organic-arrow{margin-right:.3rem;font-size:1.4rem;font-weight:700;color:var(--ui-green)}@media(max-width: 450px){.main-sec-04 .item-02 .organic-arrow{font-size:1.2rem}}.main-sec-04 .item-02 .chart-card{position:absolute;right:0;bottom:4%;width:clamp(12rem,45%,25rem);height:55%;padding:2%;background:#fff;border-radius:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-02 .chart-card{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-02 .chart-card{border-radius:.4rem}}.main-sec-04 .item-02 .chart-card{-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(--e-global-color-5e04356);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.main-sec-04 .item-02 .chart-card .seo-dot{fill:#fff;stroke:var(--e-global-color-5e04356);stroke-width:3;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}.main-sec-04 .item-02 .bar{position:absolute;bottom:5%;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(10rem,50%,17rem);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:8%;-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:10%;background:#fff;border-radius:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-03 .flow-card .card{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-03 .flow-card .card{border-radius:.4rem}}.main-sec-04 .item-03 .flow-card .card{-webkit-box-shadow:0 .6rem 2rem rgba(20,40,70,.07);box-shadow:0 .6rem 2rem rgba(20,40,70,.07);position:relative}.main-sec-04 .item-03 .browser-head{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%;padding:1.5%;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:15%;border-radius:.4rem;background:var(--e-global-color-5e04356);-webkit-transform-origin:center center;transform-origin:center center}.main-sec-04 .item-03 .mini-button.light{background:var(--ui-blue-light);margin-top:auto}.main-sec-04 .item-03 .flow-2 .mini-button{margin-top:auto}.main-sec-04 .item-03 .mini-input{width:calc(100% - 2rem);border:1px solid var(--ui-line);border-radius:.4rem;background:#fff}@media(max-width: 450px){.main-sec-04 .item-03 .mini-input{width:calc(100% - 1.5rem)}}.main-sec-04 .item-03 .mini-input:after{content:"";display:block;width:28%;height:.2rem;margin:.4rem;border-radius:.2rem;background:var(--ui-line)}@media(max-width: 450px){.main-sec-04 .item-03 .mini-input:after{margin:.2rem}}.main-sec-04 .item-03 .check{position:absolute;right:10%;top:16%;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(--e-global-color-5e04356);font-size:1rem;font-weight:700;-webkit-transform-origin:center center;transform-origin:center center}@media(max-width: 450px){.main-sec-04 .item-03 .check{width:1rem;height:1rem;font-size:.6rem}}.main-sec-04 .item-03 .cursor{position:absolute;right:-10%;top:10%;width:2rem;height:auto}@media(max-width: 450px){.main-sec-04 .item-03 .cursor{width:1.5rem}}.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}@media(max-width: 450px){.main-sec-04 .item-03 .flow-arrow{font-size:1rem}}.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;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(--e-global-color-5e04356);font-size:.8rem;font-weight:700}@media(max-width: 450px){.main-sec-04 .item-03 .label-icon{width:1.2rem;height:1.2rem;font-size:.55rem}}.main-sec-04 .item-03 .label-icon.check-icon{background:var(--e-global-color-5e04356);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:3%;background:#fff;border-radius:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-04 .growth-ui{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-04 .growth-ui{border-radius:.4rem}}.main-sec-04 .item-04 .growth-ui{-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:3%;top:5%;width:40%;z-index:2;padding:3%;background:hsla(0,0%,100%,.95);border-radius:1rem}@media(min-width: 451px)and (max-width: 767px){.main-sec-04 .item-04 .growth-stats{border-radius:.625rem}}@media(max-width: 450px){.main-sec-04 .item-04 .growth-stats{border-radius:.4rem}}.main-sec-04 .item-04 .growth-stats{-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:5%;font-size:.8rem}.main-sec-04 .item-04 .growth-stats div:last-child{margin-bottom:0}@media(max-width: 450px){.main-sec-04 .item-04 .growth-stats div{font-size:.55rem}}.main-sec-04 .item-04 .growth-stats strong{color:var(--e-global-color-5e04356)}.main-sec-04 .item-04 .growth-ui svg{position:absolute;left:2.5%;bottom:0;width:95%;height:80%;overflow:visible}.main-sec-04 .item-04 .growth-line{fill:none;stroke:var(--e-global-color-5e04356);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(--e-global-color-5e04356);stroke-width:3;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}.main-sec-06 .item-01 .branding-ui{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:.8rem}.main-sec-06 .item-01 .branding-card{width:100%;padding:5%;background:#fff;border-radius:.625rem;-webkit-box-shadow:0 .8rem 2rem rgba(20,40,70,.08);box-shadow:0 .8rem 2rem rgba(20,40,70,.08);text-align:center}.main-sec-06 .item-01 .branding-card b{display:block;margin-bottom:.6rem;font-size:.8rem;color:#111}.main-sec-06 .item-01 .branding-shape{width:3rem;height:3rem;margin:auto;border-radius:.625rem;background:#e9edf3;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.main-sec-06 .item-01 .branding-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.3rem}.main-sec-06 .item-01 .branding-link i{display:block;width:.3rem;height:.3rem;border-radius:50%;background:#d9dee7}.main-sec-06 .item-01 .branding-card:last-child .branding-shape{background:var(--e-global-color-5e04356)}.main-sec-06 .item-02 .seo-search{height:2.6rem;padding:0 .9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.1rem solid #fff;border-radius:.625rem;font-size:.8rem;color:#777;overflow:hidden;background:#fff}.main-sec-06 .item-02 .seo-search span{width:0;white-space:nowrap;overflow:hidden}.main-sec-06 .item-02 .seo-result-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;margin-top:.6rem}.main-sec-06 .item-02 .seo-result{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.6rem;border-radius:.625rem;background:#fff;-webkit-box-shadow:0 .8rem 2rem rgba(20,40,70,.08);box-shadow:0 .8rem 2rem rgba(20,40,70,.08);opacity:0;-webkit-transform:translateY(0.6rem);transform:translateY(0.6rem)}.main-sec-06 .item-02 .seo-result b{display:block;margin-bottom:.3rem;font-size:.7rem;color:#111}.main-sec-06 .item-02 .seo-result em{display:block;width:75%;height:.3rem;background:#dfe3ea;border-radius:.625rem}.main-sec-06 .item-02 .seo-result:nth-child(2) em{width:55%}.main-sec-06 .item-03 .conversion-ui{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-06 .item-03 .conversion-card{width:100%;padding:.6rem;background:#fff;border-radius:.625rem;-webkit-box-shadow:0 .8rem 2rem rgba(20,40,70,.08);box-shadow:0 .8rem 2rem rgba(20,40,70,.08);text-align:center;opacity:.35;-webkit-transform:scale(0.9);transform:scale(0.9)}.main-sec-06 .item-03 .conversion-card b{display:block;margin-bottom:.5rem;font-size:.8rem;color:#111}.main-sec-06 .item-03 .conversion-card span{display:block;width:1.8rem;height:1.8rem;margin:auto;border-radius:50%;background:#e9edf3}.main-sec-06 .item-03 .conversion-card.active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.main-sec-06 .item-03 .conversion-card:last-child span{background:var(--e-global-color-5e04356)}.main-sec-06 .item-03 .conversion-arrow{font-size:1.1rem;color:#bbb;opacity:.4}.main-sec-06 .item-04 .growth-chart{height:8.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;gap:.6rem}.main-sec-06 .item-04 .growth-bar{width:100%;height:25%;background:#dfe3ea;border-radius:.625rem .625rem .2rem .2rem;-webkit-transform-origin:bottom;transform-origin:bottom}.main-sec-06 .item-04 .growth-bar:nth-child(2){height:40%}.main-sec-06 .item-04 .growth-bar:nth-child(3){height:60%}.main-sec-06 .item-04 .growth-bar:nth-child(4){height:80%}.main-sec-06 .item-04 .growth-bar:nth-child(5){height:100%;background:var(--e-global-color-5e04356)}/*# sourceMappingURL=main-sec-gsap-ui.min.css.map */