@charset "UTF-8";@font-face{font-family:SCDream;src:url(/fonts/SCDream1.otf) format("opentype");font-weight:100}@font-face{font-family:SCDream;src:url(/fonts/SCDream2.otf) format("opentype");font-weight:200}@font-face{font-family:SCDream;src:url(/fonts/SCDream3.otf) format("opentype");font-weight:300}@font-face{font-family:SCDream;src:url(/fonts/SCDream4.otf) format("opentype");font-weight:400}@font-face{font-family:SCDream;src:url(/fonts/SCDream5.otf) format("opentype");font-weight:500}@font-face{font-family:SCDream;src:url(/fonts/SCDream6.otf) format("opentype");font-weight:600}@font-face{font-family:SCDream;src:url(/fonts/SCDream7.otf) format("opentype");font-weight:700}@font-face{font-family:SCDream;src:url(/fonts/SCDream8.otf) format("opentype");font-weight:800}@font-face{font-family:SCDream;src:url(/fonts/SCDream9.otf) format("opentype");font-weight:900}@font-face{font-family:AppleSD;src:url(/fonts/AppleSDGothicNeoL.ttf) format("truetype");font-weight:light}@font-face{font-family:AppleSD;src:url(/fonts/AppleSDGothicNeoM.ttf) format("truetype");font-weight:medium}@font-face{font-family:AppleSD;src:url(/fonts/AppleSDGothicNeoB.ttf) format("truetype");font-weight:700}@font-face{font-family:LaundryGo;src:url(/fonts/laundrygo_bold.otf) format("opentype");font-weight:700}@font-face{font-family:LaundryGo;src:url(/fonts/laundrygo_regular.otf) format("opentype");font-weight:400}@font-face{font-family:Tokki;src:url("/fonts/HSSanTokki2.0(2024).ttf") format("opentype");font-weight:400}@font-face{font-family:YClover;src:url(/fonts/YClover-Bold.woff) format("woff");font-weight:700}@font-face{font-family:YClover;src:url(/fonts/YClover-Regular.woff) format("woff");font-weight:400}@font-face{font-family:Frees;src:url(/fonts/Freesentation-7Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Frees;src:url(/fonts/Freesentation-8ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:Frees;src:url(/fonts/Freesentation-9Black.ttf) format("truetype");font-weight:900}body{padding:0;margin:0}::-webkit-scrollbar{display:none}.header-wrapper{width:100vw;height:4vw;background-color:transparent;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:10000}.header-wrapper .background-section{width:100%;height:100%;background-color:#00000080;position:absolute;z-index:-1}.header-wrapper .logo-section{height:100%;display:flex;align-items:center;justify-content:center}.header-wrapper .logo-section .logo{height:7vw;padding:.5vw 0;margin-left:1vw}.header-wrapper .btn-sction{font-family:Noto-KR}.header-wrapper .btn-sction .menu-section{height:100%}.header-wrapper .btn-sction .menu-section .menu{height:2.5vw;padding-right:1.5vw}.header-wrapper .btn-sction .header-menu{display:flex;list-style:none}.header-wrapper .btn-sction .header-menu li{margin-left:1vw}.header-wrapper .btn-sction .header-menu li a{color:#fff;text-decoration:none;font-weight:900}.header-wrapper .header-line{width:100%;position:absolute;bottom:0;background-color:#fff6;height:.05vw}@media screen and (min-width: 100px) and (max-width: 800px){.header-wrapper{width:100vw;height:12vw;background-color:transparent;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:10000}.header-wrapper .background-section{width:100%;height:100%;background-color:#00000080;position:absolute;z-index:-1}.header-wrapper .logo-section{height:100%}.header-wrapper .logo-section .logo{height:20vw;margin-left:3vw}.header-wrapper .btn-sction{font-family:Noto-KR}.header-wrapper .btn-sction .menu-section{height:100%}.header-wrapper .btn-sction .menu-section .menu{height:2.5vw;padding-right:1.5vw}.header-wrapper .btn-sction .header-menu{display:flex;list-style:none}.header-wrapper .btn-sction .header-menu li{margin-left:1vw}.header-wrapper .btn-sction .header-menu li a{color:#fff;text-decoration:none;font-weight:900}.header-wrapper .header-line{width:100%;position:absolute;bottom:0;background-color:#fff6;height:.05vw}body{overflow:hidden}}.viewport-wrapper{width:100vw;height:100dvh;overflow:hidden;color:transparent}.viewport-wrapper .bg-hover{position:fixed;width:100%;height:100%;background-size:cover;opacity:0;z-index:-1;transition:opacity 1.5s ease-in-out}.viewport-wrapper .active{opacity:1;background-size:cover;background-position:center;background-repeat:no-repeat}.viewport-wrapper .content-wrapper{display:flex;flex-direction:column;justify-content:center;padding-top:12vw;width:100vw;height:calc(100dvh - 12vw);text-shadow:-1px -1px 1px rgba(255,255,255,.1),1px 1px 1px rgba(0,0,0,.5)}.viewport-wrapper .content-wrapper .top-section{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:SCDream;margin-bottom:2vw}.viewport-wrapper .content-wrapper .top-section .company-name1{margin-top:0;color:#fff;margin-bottom:0;font-size:8vw;line-height:8vw;transition:all 1s ease;opacity:1}.viewport-wrapper .content-wrapper .top-section .company-name2{margin-top:0;color:#fff;margin-bottom:0;font-size:8vw;line-height:8vw;transition:all 1s ease;opacity:0;display:none}.viewport-wrapper .content-wrapper .top-section .desc1{color:#fff;margin-bottom:1vw;font-size:4vw;opacity:1;transition:all 1s ease;margin-top:1vw}.viewport-wrapper .content-wrapper .top-section .desc2{color:#fff;margin-bottom:1vw;font-size:4vw;transition:all 1s ease;display:none;opacity:0;margin-top:1vw}.viewport-wrapper .content-wrapper .bottom-section{margin-bottom:5vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:SCDream}.viewport-wrapper .content-wrapper .bottom-section .btn{width:26vw;height:10vh;border:.5px solid rgba(255,255,255,.4);border-radius:20px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:2vw;font-weight:700;transition:ease-in-out .5s}.viewport-wrapper .content-wrapper .bottom-section .btn:hover{display:flex;animation:sheen;font-size:2.5vw;text-shadow:-.03em .03em #7d7d7d,-.06em .06em #3b3b3b}.viewport-wrapper .content-wrapper .bottom-section .first-row{margin-bottom:2vw;display:flex;justify-content:space-between;width:85vw}.viewport-wrapper .content-wrapper .bottom-section .first-row .title{z-index:7}.viewport-wrapper .content-wrapper .bottom-section .second-row{display:flex;justify-content:center;gap:3vw;width:85vw}.viewport-wrapper .content-wrapper .bottom-section .second-row .title{z-index:7}.sheen{position:relative;overflow:hidden}.sheen:after,.sheen:before{padding:18px 0 11px;content:"";position:absolute;top:0;left:calc(-100% - 5.2vw);height:calc(100% - 29px);width:calc(100% + 2.7vw);color:#fff;border-radius:2px;transform:skew(-25deg)}.sheen:after{background:#ffffff27;transition:left .8s cubic-bezier(.86,0,.07,1) .2s;z-index:0;opacity:.8}.sheen:before{background:#fff6;z-index:5;transition:left 1s cubic-bezier(.86,0,.07,1)}.sheen:hover:after{left:calc(0% - 1.3vw);transition:left .8s cubic-bezier(.86,0,.07,1)}.sheen:hover:before{left:calc(0% - 1.3vw);transition:left 1s cubic-bezier(.86,0,.07,1)}@media screen and (min-width: 100px) and (max-width: 800px){.viewport-wrapper{width:100vw;height:100dvh;overflow:hidden;color:transparent}.viewport-wrapper .bg-hover{position:fixed;width:100vw;height:100%;background-size:cover;opacity:0;z-index:-1;transition:opacity 1.5s ease-in-out}.viewport-wrapper .active{opacity:1;background-size:cover;background-position:center;background-repeat:no-repeat}.viewport-wrapper .content-wrapper{display:flex;flex-direction:column;justify-content:center;padding-top:12vw;width:100vw;height:calc(100dvh - 12vw);text-shadow:-1px -1px 1px rgba(255,255,255,.1),1px 1px 1px rgba(0,0,0,.5)}.viewport-wrapper .content-wrapper .top-section{margin-top:5vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:SCDream;margin-bottom:2vw}.viewport-wrapper .content-wrapper .top-section .company-name1{margin-top:0;color:#fff;margin-bottom:0;font-size:10vw;line-height:10vw;transition:all 1s ease;opacity:1}.viewport-wrapper .content-wrapper .top-section .company-name2{margin-top:0;color:#fff;margin-bottom:0;font-size:10vw;line-height:10vw;transition:all 1s ease;opacity:0;display:none}.viewport-wrapper .content-wrapper .top-section .desc1{color:#fff;margin-bottom:1vw;font-size:4vw;opacity:1;transition:all 1s ease;margin-top:1vw}.viewport-wrapper .content-wrapper .top-section .desc2{color:#fff;margin-bottom:1vw;font-size:4vw;transition:all 1s ease;display:none;opacity:0;margin-top:1vw}.viewport-wrapper .content-wrapper .bottom-section{margin-bottom:5vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:SCDream}.viewport-wrapper .content-wrapper .bottom-section .btn{width:55vw;height:13vw;border:1.5px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:4.5vw;font-weight:700;transition:ease-in-out .5s;margin:1.5vw 0}.viewport-wrapper .content-wrapper .bottom-section .btn:hover{display:flex;animation:sheen;font-size:5vw;text-shadow:-.03em .03em #7d7d7d,-.06em .06em #3b3b3b}.viewport-wrapper .content-wrapper .bottom-section .first-row{margin-bottom:0;display:flex;justify-content:center;align-items:center;width:85vw;flex-direction:column}.viewport-wrapper .content-wrapper .bottom-section .first-row .title{z-index:7}.viewport-wrapper .content-wrapper .bottom-section .second-row{display:flex;justify-content:center;align-items:center;width:85vw;flex-direction:column;gap:.5vw}.viewport-wrapper .content-wrapper .bottom-section .second-row .title{z-index:7}.sheen{position:relative;overflow:hidden}.sheen:after,.sheen:before{padding:18px 0 11px;content:"";position:absolute;top:0;left:calc(-100% - 5.2vw);height:calc(100% - 29px);width:calc(100% + 2.7vw);color:#fff;border-radius:2px;transform:skew(-25deg)}.sheen:after{background:#ffffff27;transition:left .8s cubic-bezier(.86,0,.07,1) .2s;z-index:0;opacity:.8}.sheen:before{background:#fff6;z-index:5;transition:left 1s cubic-bezier(.86,0,.07,1)}.sheen:hover:after{left:calc(0% - 1.3vw);transition:left .8s cubic-bezier(.86,0,.07,1)}.sheen:hover:before{left:calc(0% - 1.3vw);transition:left 1s cubic-bezier(.86,0,.07,1)}}.side-hover-wrapper{position:fixed;top:55%;right:0;transform:translateY(-50%);display:flex;flex-direction:row;z-index:1000;writing-mode:vertical-lr;color:#fff;background-color:#00000080}.side-hover-wrapper .side-line{background-color:#fff6;height:.1vw}.side-hover-wrapper div{cursor:pointer;width:3.5vw;height:10vw;display:flex;flex-direction:row;align-items:center;justify-content:center;letter-spacing:-.2vw}.side-hover-wrapper .call:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .call h3{font-size:1.2vw;margin-top:.3vw;margin-bottom:0;font-family:SCDream;font-weight:400}.side-hover-wrapper .call img{width:1.6vw;height:1.6vw;border-radius:100%;background-color:#fff;border:.1vw solid white}.side-hover-wrapper .kakao-talk:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .kakao-talk h3{font-size:1.2vw;margin-top:.3vw;margin-bottom:0;font-family:SCDream;font-weight:400}.side-hover-wrapper .kakao-talk img{width:1.6vw;height:1.6vw;border-radius:100%;background-color:#fff;border:.1vw solid white}.side-hover-wrapper .blog:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .blog h3{font-size:1.1vw;margin-top:.3vw;margin-bottom:0;font-family:SCDream;font-weight:400}.side-hover-wrapper .blog img{width:1.6vw;height:1.6vw;border-radius:100%;background-color:#fff;border:.1vw solid white}.side-hover-wrapper .support:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .support h3{text-align:center;font-size:1.1vw;margin-bottom:.1vw;font-family:SCDream;font-weight:400}@media screen and (min-width: 100px) and (max-width: 800px){.side-hover-wrapper{position:fixed;top:55%;right:0;transform:translateY(-50%);display:flex;flex-direction:row;z-index:1000;writing-mode:vertical-lr;color:#fff;background-color:#00000080}.side-hover-wrapper .side-line{background-color:#fff6;height:.1vw}.side-hover-wrapper div{cursor:pointer;width:8vw;height:27vw;display:flex;flex-direction:row;align-items:center;justify-content:center;letter-spacing:-.2vw}.side-hover-wrapper .call:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .call h3{font-size:3vw;margin-top:.6vw;margin-bottom:0;font-family:SCDream;font-weight:400}.side-hover-wrapper .call img{width:3.5vw;height:3.5vw;border-radius:100%;background-color:#fff;border:.1vw solid white}.side-hover-wrapper .kakao-talk:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .kakao-talk h3{font-size:3vw;margin-top:.6vw;margin-bottom:0;font-family:SCDream;font-weight:400}.side-hover-wrapper .kakao-talk img{width:3.5vw;height:3.5vw;border-radius:100%;background-color:#fff;border:.1vw solid white}.side-hover-wrapper .blog:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .blog h3{font-size:3vw;margin-top:.6vw;margin-bottom:0;font-family:SCDream;font-weight:400}.side-hover-wrapper .blog img{width:3.5vw;height:3.5vw;border-radius:100%;background-color:#fff;border:.1vw solid white}.side-hover-wrapper .support:hover{background-color:#fff6;transition:ease-in-out .5s}.side-hover-wrapper .support h3{text-align:center;font-size:3vw;margin-bottom:.1vw;font-family:SCDream;font-weight:400}}.slide-wrapper .bg-cover{position:fixed;top:0;width:100vw;height:100%;background-color:#000;opacity:0;z-index:-1;transition:opacity 1.5s ease-in-out}.slide-wrapper .bg-slider{position:fixed;top:0;width:100vw;height:100%;object-fit:cover;opacity:0;z-index:-3;transition:opacity 1.5s ease-in-out}.slide-wrapper .active{opacity:1;z-index:-2}@media screen and (min-width: 100px) and (max-width: 800px){.slide-wrapper .bg-cover{position:fixed;top:0;width:100vw;height:110dvh!important;background-color:#000;opacity:0;z-index:-1;transition:opacity 1.5s ease-in-out}.slide-wrapper .bg-slider{position:fixed;top:0;width:100vw;height:110dvh!important;object-fit:cover;opacity:0;z-index:-3;transition:opacity 1.5s ease-in-out}.slide-wrapper .active{opacity:1;z-index:-2}}.hello-wrapper{width:100vw;height:calc(100dvh - 4vw);margin-top:4vw;display:flex;justify-content:center;align-items:center;flex-direction:row;font-family:SCDream;color:#fff;text-align:center;text-shadow:-1px -1px 1px rgba(255,255,255,.1),1px 1px 1px rgba(0,0,0,.5);--text-size: 1.35vw;font-weight:700}.hello-wrapper .right-section img{width:30vw;height:30vw;border-radius:5vw;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;margin-left:3vw;background-color:#d3d3d3}.hello-wrapper .left-section{text-align:left}.hello-wrapper .left-section .title{font-size:3.3vw;margin-top:0}.hello-wrapper .left-section .mini-title{font-weight:700;font-size:1.5vw}.hello-wrapper .left-section p{font-weight:400}.hello-wrapper .left-section .p-1,.hello-wrapper .left-section .p-2,.hello-wrapper .left-section .p-3,.hello-wrapper .left-section .p-4{font-size:var(--text-size)}.hello-wrapper .left-section .ending{font-size:var(--text-size);margin-bottom:0}.hello-wrapper .chip{background-color:#c2fbd7;border-radius:100px;box-shadow:#2cbb6333 0 -25px 18px -14px inset,#2cbb6326 0 1px 2px,#2cbb6326 0 2px 4px,#2cbb6326 0 4px 8px,#2cbb6326 0 8px 16px,#2cbb6326 0 16px 32px;color:green;display:inline-block;margin:2em auto 0;padding:5px 20px;text-align:center;text-decoration:none;transition:all .25s;transition-behavior:normal}@media screen and (min-width: 1024px){.hello-wrapper .chip:hover{box-shadow:#2cbb6359 0 -25px 18px -14px inset,#2cbb6340 0 1px 2px,#2cbb6340 0 2px 4px,#2cbb6340 0 4px 8px,#2cbb6340 0 8px 16px,#2cbb6340 0 16px 32px;transform:scale(1.05) rotate(-1deg)}}@media screen and (min-width: 100px) and (max-width: 800px){.hello-wrapper{width:100vw;height:calc(100dvh - 12vw);margin-top:12vw;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;font-family:SCDream;color:#fff;text-align:center;text-shadow:-1px -1px 1px rgba(255,255,255,.1),1px 1px 1px rgba(0,0,0,.5);--text-size: 3vw;font-weight:700}.hello-wrapper .right-section img{width:30vw;height:30vw;border-radius:5vw;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;margin-bottom:2vw}.hello-wrapper .left-section .title{font-size:6vw;margin-bottom:0;margin-top:0}.hello-wrapper .left-section .mini-title{font-weight:700;font-size:3.5vw}.hello-wrapper .left-section .p-1,.hello-wrapper .left-section .p-2,.hello-wrapper .left-section .p-3,.hello-wrapper .left-section .p-4{font-size:var(--text-size)}.hello-wrapper .left-section .ending{font-size:var(--text-size);margin-bottom:0}}@media screen and (min-width: 100px) and (max-width: 800px) and (min-width: 1024px){.chip:hover{box-shadow:#2cbb6359 0 -25px 18px -14px inset,#2cbb6340 0 1px 2px,#2cbb6340 0 2px 4px,#2cbb6340 0 4px 8px,#2cbb6340 0 8px 16px,#2cbb6340 0 16px 32px;transform:scale(1.05) rotate(-1deg)}}@media screen and (min-width: 100px) and (max-width: 800px){.chip{background-color:#c2fbd7;border-radius:100px;box-shadow:#2cbb6333 0 -25px 18px -14px inset,#2cbb6326 0 1px 2px,#2cbb6326 0 2px 4px,#2cbb6326 0 4px 8px,#2cbb6326 0 8px 16px,#2cbb6326 0 16px 32px;color:green;display:inline-block;margin:2em auto 0;padding:5px 20px;text-align:center;text-decoration:none;transition:all .25s;transition-behavior:normal}}.summary-wrapper{width:100vw;height:calc(100dvh - 4vw);margin-top:4vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:SCDream;color:#fff}.summary-wrapper .box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:30vw}.summary-wrapper .box .pic{width:12vw;height:12vw;background-size:cover;border-radius:1vw}.summary-wrapper .box .desc{display:flex;flex-direction:column}.summary-wrapper .box .desc .header-box{display:flex;align-items:center}.summary-wrapper .box .desc .header-box .header{font-size:1.8vw;margin-bottom:.3vw;margin-top:.6vw}.summary-wrapper .box .desc .header-box .header-icon{width:2vw;margin-right:.3vw}.summary-wrapper .box .desc .detail{margin-top:.2vw;margin-bottom:0;font-size:1vw}.summary-wrapper .top-section{width:80vw;display:flex;justify-content:space-between}.summary-wrapper .bottom-section{margin-top:40px;width:80vw;display:flex;justify-content:space-between}@media screen and (min-width: 100px) and (max-width: 800px){.summary-wrapper{width:100vw;margin-top:0;height:calc(100dvh - 12vw);padding-top:12vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:SCDream;color:#fff}.summary-wrapper .box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:70vw;margin:1.5vw 0}.summary-wrapper .box .pic{width:15vw;height:15vw;background-size:cover;border-radius:1vw}.summary-wrapper .box .desc{display:flex;flex-direction:column}.summary-wrapper .box .desc .header-box{display:flex;align-items:center}.summary-wrapper .box .desc .header-box .header{font-size:3.5vw;margin-bottom:.3vw;margin-top:1.2vw}.summary-wrapper .box .desc .header-box .header-icon{width:4vw;margin-top:1vw;margin-right:.8vw}.summary-wrapper .box .desc .detail{display:none;margin-top:.2vw;margin-bottom:0;font-size:1vw}.summary-wrapper .top-section{width:80vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.summary-wrapper .bottom-section{width:80vw;display:flex;flex-direction:column;justify-content:space-between;margin-top:0;align-items:center}}.pic-wrapper{width:100vw;height:calc(100dvh - 4vw);margin-top:4vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:SCDream;color:#fff}.pic-wrapper .pic-main{width:35%;margin-bottom:2rem;border-radius:1rem;box-shadow:0 4px 8px #0003}.pic-wrapper .pic-logo-section .pic-logo-row{margin-bottom:1vw;display:flex;justify-content:space-around;width:85vw}.pic-wrapper .pic-logo-section .pic-logo-row .pic-logo-box{cursor:pointer;transition:transform .3s ease;height:4.5vw;width:26vw;background-color:#bebdbd84;display:flex;justify-content:center;align-items:center;border-radius:2vw}.pic-wrapper .pic-logo-section .pic-logo-row .pic-logo-box .pic-logo{transition:transform .3s ease;height:4vw}.pic-wrapper .pic-logo-section .pic-logo-row .pic-logo-box .pic-ctg{transition:transform .3s ease;font-size:2vw;font-weight:400}.pic-wrapper .pic-desc-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.pic-wrapper .pic-desc-section .pic-title{font-size:4.3vw;margin-top:1vw;margin-bottom:.5vw}.pic-wrapper .pic-desc-section .pic-desc{font-size:2vw;margin-top:0;margin-bottom:1.5vw;font-weight:700}.pic-wrapper .pic-box-section{display:flex;width:90vw;justify-content:space-around}.pic-wrapper .box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.pic-wrapper .box .pic{width:16vw;height:10vw;background-size:cover;background-position:center;border-radius:1.4vw}.pic-wrapper .box .desc{display:flex;flex-direction:column}.pic-wrapper .box .desc .header-box{display:flex;align-items:center}.pic-wrapper .box .desc .header-box .header{font-size:1.8vw;margin-bottom:.6vw;margin-top:.6vw}.pic-wrapper .box .desc .header-box .header-icon{width:2vw;margin-right:.4vw}@keyframes bounce-box{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bounce-image{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pic-logo-box:hover{box-shadow:0 4px 8px #0003}.pic-logo-box:hover .pic-logo .pic-ctg{animation:bounce .5s infinite}.pic-logo-box:hover{box-shadow:0 4px 8px #0003;animation:bounce-box .6s ease-in-out infinite}.pic-logo-box:hover .pic-logo .pic-ctg{animation:bounce-image .6s ease-in-out infinite .1s}@media screen and (min-width: 100px) and (max-width: 800px){.pic-wrapper{width:100vw;height:calc(100dvh - 12vw);margin-top:12vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:SCDream;color:#fff}.pic-wrapper .pic-main{width:70%;margin-bottom:1rem;margin-top:1rem}.pic-wrapper .pic-logo-section .pic-logo-row{margin-bottom:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:85vw}.pic-wrapper .pic-logo-section .pic-logo-row .pic-logo-box{cursor:pointer;transition:transform .3s ease;height:10vw;width:70vw;background-color:#bebdbd84;display:flex;justify-content:center;align-items:center;border-radius:2vw;margin:.5vw 0}.pic-wrapper .pic-logo-section .pic-logo-row .pic-logo-box .pic-logo{transition:transform .3s ease;height:7vw}.pic-wrapper .pic-logo-section .pic-logo-row .pic-logo-box .pic-ctg{transition:transform .3s ease;font-size:5vw;font-weight:400}.pic-wrapper .pic-desc-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.pic-wrapper .pic-desc-section .pic-title{font-size:8vw;margin-top:1vw;margin-bottom:.5vw}.pic-wrapper .pic-desc-section .pic-desc{font-size:3vw;margin-top:0;margin-bottom:1.5vw;font-weight:700}.pic-wrapper .pic-box-section{display:flex;width:90vw;flex-direction:column}.pic-wrapper .box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.pic-wrapper .box .pic{width:16vw;height:10vw;background-size:cover;background-position:center;border-radius:1.4vw;display:none}.pic-wrapper .box .desc{display:flex;flex-direction:column}.pic-wrapper .box .desc .header-box{display:flex;align-items:center}.pic-wrapper .box .desc .header-box .header{font-size:5.8vw;margin-bottom:.6vw;margin-top:.6vw}.pic-wrapper .box .desc .header-box .header-icon{width:6vw;margin-right:1vw}@keyframes bounce-box{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bounce-image{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pic-logo-box:hover{box-shadow:0 4px 8px #0003}.pic-logo-box:hover .pic-logo{animation:bounce .5s infinite}.pic-logo-box:hover{box-shadow:0 4px 8px #0003;animation:bounce-box .6s ease-in-out infinite}.pic-logo-box:hover .pic-logo{animation:bounce-image .6s ease-in-out infinite .1s}}.setting-wrapper{width:100vw;height:calc(100dvh - 4vw);margin-top:4vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:SCDream;color:#fff;text-align:center}.setting-wrapper .home-row{display:flex;height:40dvh}.setting-wrapper .home-buffer{width:1vw;height:100%}.setting-wrapper .home-mockup{height:100%;width:auto}.setting-wrapper .home-title{width:40%;margin-bottom:2vw;height:auto}.setting-wrapper .setting-title{width:40%}.setting-wrapper .setting-row{display:flex;width:90vw;justify-content:space-around}.setting-wrapper .setting-row .setting-box{width:28vw;height:auto;background-color:#fff;border-radius:10px;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;margin:20px 0}.setting-wrapper .setting-row .setting-box .setting-box-title{color:#fff;font-size:2.1vw;font-weight:700;border-radius:7px;padding:.3vw 0;background-color:#1e90e0}.setting-wrapper .setting-row .setting-box .setting-box-content-wrapper{display:flex;flex-direction:column;padding:.6vw 1vw}.setting-wrapper .setting-row .setting-box .setting-box-content-wrapper .setting-box-content{color:#000;display:flex;flex-direction:column;align-items:flex-start;font-size:1.1vw;font-weight:700}.setting-wrapper .setting-row .rantal-pic{margin:1vw 0;border-radius:10px;width:20vw}.setting-wrapper .design-row{display:flex;width:90vw;justify-content:space-around}.setting-wrapper .design-row .design-pic-wrapper{width:100vw;height:25vw;margin:3vw 0 2vw}.setting-wrapper .design-row .design-pic-wrapper .design-pic{position:absolute;width:25vw;right:-25vw}.setting-wrapper .setting-list{margin-top:1vw}.setting-wrapper .setting-list .setting-list-box{display:flex;align-items:center}.setting-wrapper .setting-list .setting-list-box .setting-list-icon{height:2vw}.setting-wrapper .setting-list .setting-list-box .setting-list-content{margin-left:.4vw;font-size:1.7vw;font-weight:700}.setting-wrapper .setting-button{margin-top:30px;width:400px;height:60px;background-color:#fff;border-radius:20px;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.setting-wrapper .setting-button:hover{transition:.5s;background-color:gray}@media screen and (min-width: 100px) and (max-width: 800px){.setting-wrapper{width:100vw;height:calc(100dvh - 12vw);margin-top:12vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:SCDream;color:#fff;text-align:center}.setting-wrapper .home-row{flex-direction:column;height:42dvh}.setting-wrapper .home-mockup{height:50%}.setting-wrapper .home-title{width:60%;margin-bottom:4vw}.setting-wrapper .setting-title{width:70%}.setting-wrapper .setting-row:first-of-type{margin-top:4vw!important}.setting-wrapper .setting-row{display:flex;width:90vw;flex-direction:column;align-items:center;justify-content:space-around}.setting-wrapper .setting-row .setting-box{width:68vw;height:auto;background-color:#fff;border-radius:10px;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;margin:1vw 0}.setting-wrapper .setting-row .setting-box .setting-box-title{color:#fff;font-size:4.1vw;font-weight:700;border-radius:7px;padding:1vw 0;background-color:#1e90e0}.setting-wrapper .setting-row .setting-box .setting-box-content-wrapper{display:flex;flex-direction:column;padding:1vw 2vw}.setting-wrapper .setting-row .setting-box .setting-box-content-wrapper .setting-box-content{color:#000;display:flex;flex-direction:column;align-items:flex-start;font-size:2.5vw;font-weight:700}.setting-wrapper .setting-row .rantal-pic{margin:1vw 0;border-radius:10px;width:38vw}.setting-wrapper .design-row{display:flex;width:100vw;justify-content:space-around}.setting-wrapper .design-row .design-pic-wrapper{overflow:hidden;position:relative;width:100vw;height:80vw;margin:3vw 0 2vw}.setting-wrapper .design-row .design-pic-wrapper .design-pic{position:absolute;width:80vw;right:-100vw}.setting-wrapper .setting-list{margin-top:2vw}.setting-wrapper .setting-list .setting-list-box{display:flex;align-items:center}.setting-wrapper .setting-list .setting-list-box .setting-list-icon{height:3vw}.setting-wrapper .setting-list .setting-list-box .setting-list-content{margin-left:1vw;font-size:3.2vw;font-weight:700}.setting-wrapper .setting-button{margin-top:30px;width:400px;height:60px;background-color:#fff;border-radius:20px;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.setting-wrapper .setting-button:hover{transition:.5s;background-color:gray}}.location-wrapper{width:100vw;height:calc(100dvh - 4vw);margin-top:4vw;display:flex;justify-content:center;align-items:center;flex-direction:row;font-family:SCDream;color:#fff;text-align:center}.location-wrapper .desc-section{display:flex;flex-direction:column;width:40vw}.location-wrapper .desc-section .company-name1{text-align:left;font-size:3vw;margin:0}.location-wrapper .desc-section .company-name2{text-align:left;font-size:2vw}.location-wrapper .desc-section .desc{text-align:left;font-size:1.1vw}.location-wrapper .desc-section .contact{margin-top:2vw;text-align:left;font-size:1.1vw}.location-wrapper .map-section{width:auto;height:30vw;display:flex;justify-content:center;align-items:center}.location-wrapper .map-section .map{border-radius:2vw;width:22vw;background:#fff;box-shadow:0 0 10px #00000080}@media screen and (min-width: 100px) and (max-width: 800px){.location-wrapper{width:100vw;height:calc(100dvh - 12vw);margin-top:12vw;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;font-family:SCDream;color:#fff;text-align:center}.location-wrapper .desc-section{display:flex;flex-direction:column;width:60vw}.location-wrapper .desc-section .company-name1{text-align:left;font-size:5vw;margin:0}.location-wrapper .desc-section .company-name2{text-align:left;font-size:4.5vw;margin:2vw 0}.location-wrapper .desc-section .desc{text-align:left;font-size:2.4vw}.location-wrapper .desc-section .contact{margin-top:2vw;text-align:left;font-size:2.4vw}.location-wrapper .map-section{width:auto;height:47vw;display:flex;justify-content:center;align-items:center}.location-wrapper .map-section .map{border-radius:2vw;width:43vw}}.app-wrapper{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:SCDream}.app-wrapper .app-title-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:2rem}.app-wrapper .app-title-wrapper .app-title{max-width:40%;height:auto}.app-wrapper .app-desc-wrapper{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.app-wrapper .app-desc-wrapper .app-main-img{width:25%;max-width:500px;height:auto;object-fit:contain;border-radius:8px}.app-wrapper .app-desc-wrapper .app-text-wrapper{display:flex;flex-direction:column;gap:1rem;margin-left:2rem}.app-wrapper .app-desc-wrapper .app-text-wrapper .app-list-box{display:flex;align-items:center}.app-wrapper .app-desc-wrapper .app-text-wrapper .app-list-box .app-list-icon{margin-right:.5rem;width:20px;height:auto}.app-wrapper .app-desc-wrapper .app-text-wrapper .app-list-box .app-list-content{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.5}.app-wrapper .app-button-wrapper{text-align:center;width:100dvw;margin-top:2rem;display:flex;justify-content:center;align-items:center}.app-text-list{color:#fff;display:block;font-size:1rem;line-height:1.5;position:relative;padding-left:1.5rem}.app-text-list:before{content:"•";position:absolute;left:0;color:#007bff;font-size:1.5rem}@media screen and (max-width: 768px){.app-wrapper .app-title-wrapper .app-title{max-width:70%}.app-wrapper .app-desc-wrapper{flex-direction:column}.app-wrapper .app-desc-wrapper .app-main-img{width:60%;margin-bottom:1.5rem}.app-wrapper .app-desc-wrapper .app-text-wrapper{gap:.5rem;margin-left:0}.app-wrapper .app-desc-wrapper .app-text-wrapper .app-list-box .app-list-content{font-size:1rem}}.bubble-wrapper{--bubble-color: #ffcc00;display:block;height:auto;box-sizing:border-box;margin-bottom:2.4vw}.bubble-wrapper img{height:80%;position:absolute;left:10%;z-index:10;top:50%;transform:translateY(-50%)}.bubble-wrapper a{font-family:Frees!important;font-weight:900!important}.bubble-wrapper .button{-webkit-font-smoothing:antialiased;width:40vw;font-size:2.9vw!important;line-height:1.6vw;-webkit-text-stroke:.05vw white;text-shadow:.1vw .1vw .1vw rgb(0,0,0);color:#000!important;border:.1vw solid var(--bubble-color);background-color:var(--bubble-color);border-radius:2vw;background-size:600% 600%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite;box-sizing:border-box;border:none;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;text-decoration:none;-webkit-user-select:none;user-select:none;letter-spacing:1px;color:#fff;padding:20px 40px 20px 15%;text-transform:uppercase;transition:all .1s ease-out}.bubble-wrapper .button:hover{background-color:var(--bubble-color);color:#222}.bubble-wrapper .button:active{transform:scale(.95)}.bubble-wrapper .button--bubble{position:relative;z-index:2;color:#fff;background:none}.bubble-wrapper .button--bubble .button--bubble__effect-container .circle,.bubble-wrapper .button--bubble .button--bubble__effect-container .button{background:#44fd82}.bubble-wrapper .button--bubble:active+.button--bubble__effect-container{transform:scale(.95)}.bubble-wrapper .button--bubble__container{position:relative;display:inline-block}.bubble-wrapper .button--bubble__container .effect-button{position:absolute;width:50%;height:25%;top:50%;left:25%;z-index:1;transform:translateY(-50%);transition:background .1s ease-out}.bubble-wrapper .button--bubble__effect-container{position:absolute;display:block;width:200%;height:400%;top:-150%;left:-50%;-webkit-filter:url(#goo);filter:url(#goo);transition:all .1s ease-out;pointer-events:none}.bubble-wrapper .button--bubble__effect-container .circle{position:absolute;width:3vw;height:3vw;border-radius:2vw;background-color:var(--bubble-color);background-size:600% 600%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite;transition:background .1s ease-out}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bubble-wrapper .button--bubble__effect-container .circle.top-left{top:40%;left:25%}.bubble-wrapper .button--bubble__effect-container .circle.bottom-right{bottom:39%;right:25%}.button--bubble__container{top:50%}@keyframes hue-rotate{0%{-webkit-filter:hue-rotate(0);-moz-filter:hue-rotate(0);-ms-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(360deg);-moz-filter:hue-rotate(360deg);-ms-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@media screen and (min-width: 100px) and (max-width: 800px){.mobile-button{padding-left:70px!important}.bubble-wrapper{--bubble-color: #ffcc00;display:block;height:auto;box-sizing:border-box;margin-bottom:2.4vw}.bubble-wrapper img{height:80%;position:absolute;left:10%;z-index:10;top:50%;transform:translateY(-50%)}.bubble-wrapper a{padding-left:2vw;font-family:Frees!important;font-weight:900!important}.bubble-wrapper .button{-webkit-font-smoothing:antialiased;width:70vw;font-size:6vw!important;line-height:1.6vw;-webkit-text-stroke:.05vw white;text-shadow:.1vw .1vw .1vw rgb(0,0,0);color:#000!important;border:.1vw solid var(--bubble-color)!important;background-color:var(--bubble-color)!important;border-radius:2vw;background-size:600% 600%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite;box-sizing:border-box;border:none;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;text-decoration:none;-webkit-user-select:none;user-select:none;letter-spacing:1px;color:#fff;padding:20px 40px;text-transform:uppercase;transition:all .1s ease-out}.bubble-wrapper .button:hover{background-color:var(--bubble-color);color:#222}.bubble-wrapper .button:active{transform:scale(.95)}.bubble-wrapper .button--bubble{position:relative;z-index:2;color:#fff;background:none}.bubble-wrapper .button--bubble .button--bubble__effect-container .circle,.bubble-wrapper .button--bubble .button--bubble__effect-container .button{background:#44fd82}.bubble-wrapper .button--bubble:active+.button--bubble__effect-container{transform:scale(.95)}.bubble-wrapper .button--bubble__container{position:relative;display:inline-block}.bubble-wrapper .button--bubble__container .effect-button{position:absolute;width:50%;height:25%;top:50%;left:25%;z-index:1;transform:translateY(-50%);transition:background .1s ease-out}.bubble-wrapper .button--bubble__effect-container{position:absolute;display:block;width:200%;height:400%;top:-150%;left:-50%;-webkit-filter:url(#goo);filter:url(#goo);transition:all .1s ease-out;pointer-events:none}.bubble-wrapper .button--bubble__effect-container .circle{position:absolute;width:3vw;height:3vw;border-radius:2vw;background-color:var(--bubble-color);background-size:600% 600%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite;transition:background .1s ease-out}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bubble-wrapper .button--bubble__effect-container .circle.top-left{top:40%;left:25%}.bubble-wrapper .button--bubble__effect-container .circle.bottom-right{bottom:39%;right:25%}.button--bubble__container{top:50%}@keyframes hue-rotate{0%{-webkit-filter:hue-rotate(0);-moz-filter:hue-rotate(0);-ms-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(360deg);-moz-filter:hue-rotate(360deg);-ms-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}}.scroll-wrapper,.scroll-wrapper .up-arrow,.scroll-wrapper .down-arrow{display:none}@media screen and (min-width: 100px) and (max-width: 800px){.scroll-wrapper{position:fixed;bottom:0;right:0;z-index:10000;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100vw;height:14vw}.scroll-wrapper .up-arrow,.scroll-wrapper .down-arrow{display:block;width:10vw;height:10vw}}@font-face{font-family:Noto-KR;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap)}.main-section{position:relative;top:0;width:100%;height:100%;transition:top 1.5s cubic-bezier(.77,0,.175,1)}body{min-height:600px}
