@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:1.6rem;font-weight:300;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{background:none;border:none;cursor:pointer}ol,ul{list-style:none}a{color:inherit;text-decoration:none}.header{background-color:#fff;border-radius:16px;box-shadow:0 3px 10px #d8d8d8;left:10px;padding:10px 30px 10px 20px;position:fixed;top:10px;width:calc(100% - 20px)}.header .header-container{align-items:center;color:var(--text-color);display:flex;font-size:2rem;justify-content:center}.header .header-container .logo-box{align-items:center;display:flex;width:calc(50% - 600px)}.header .header-container .logo-box a{display:inline-block;font-size:0;line-height:0}.header .logo-box img{display:inline-block;width:135px}.header .header-container .nav-container{width:1200px}.header .header-container .services-nav{display:flex;gap:40px}.header .header-container .header-right{display:flex;justify-content:right;width:calc(50% - 600px)}.header .services-nav a.active,.pricing-link.active{font-weight:500}.index-section{font-family:Source Code Pro;padding-top:182px}.index-section .service-info-container{border-bottom:1px solid var(--secondary-color);display:flex;padding-bottom:105px}.index-section .service-info-container .copyright-box{width:488px}.service-info-container .copyright-box h2{font-size:8.4rem;font-weight:200;line-height:10.6rem}.service-info-container .step-container{margin-top:10px;width:calc(100% - 488px)}.step-container .step-box{display:flex;line-height:6rem;margin-bottom:20px}.step-box .step-num{font-size:2.4rem;line-height:inherit;width:calc(100% - 590px)}.step-box .step-info-text-box{background-color:var(--secondary-color);border-radius:16px;font-size:2.4rem;text-align:center;width:590px}.step-box .step-info-text-box.first{align-items:center;background-color:#2b3137;color:var(--bg-color);cursor:pointer;display:flex;justify-content:center}.step-box .step-info-text-box.first i{font-size:3.6rem;margin-right:18px}.step-bo .step-info-text-box.last{cursor:pointer;margin-bottom:0}.index-section .service-overview-container{display:flex;gap:20px;padding-top:80px}.service-overview-container .deployments-list-container{width:387px}.service-overview-container h3{font-size:3.6rem}.deployments-list-container .deployments-list-box{background-color:var(--accent-bg);border-radius:16px;margin-top:10px;padding:23px 10px}.deployments-list-box .deployment-box{margin-bottom:15px}.deployments-list-box .deployment-box:last-child{margin-bottom:0}.deployments-list-box .deployment-box .project-name{font-size:2.4rem;font-weight:400}.deployments-list-box .deployment-box .domain-text{font-size:2rem}.service-overview-container .dashboard-container{width:calc(100% - 407px)}.service-overview-container .monitor-container{background-color:var(--secondary-bg);border-radius:16px;display:flex;gap:20px;margin-top:10px;padding:10px}.monitor-container div{flex:1 1}.monitor-container h4{font-size:2.4rem}.monitor-container .usage-box{display:flex;justify-content:space-between}.pie-chart{aspect-ratio:1/1;margin:15px auto 0;width:130px}.pie-chart:before{border:3px solid var(--secondary-color);border-radius:50%;height:100%;width:100%}.pie-chart:after,.pie-chart:before{box-sizing:border-box;content:"";position:absolute}.pie-chart:after{border:3px solid var(--primary-color);border-bottom:none;border-left:none;border-radius:0 100% 0 0;height:50%;right:0;top:0;width:50%}.index-section .text-box{display:flex;justify-content:space-between}.index-section .project-box{margin-top:12px}.index-section .project-box:first-child{margin-top:15px}.index-section .progress-bar-box{background:var(--secondary-color);border-radius:4px;height:3px;margin-top:5px;overflow:hidden;width:100%}.index-section .fill-bar{background:var(--accent-color);border-radius:4px;height:100%;left:0;position:absolute;top:0;width:0}@keyframes fillUp{0%{width:0}to{width:var(--fill-width)}}.login-section{height:100vh;padding-top:300px}.login-section .wrap{text-align:center;width:385px}.login-section .info-container{align-items:center;display:flex;justify-content:center}.login-section .info-container .slogun-text{font-size:2.6rem;font-weight:500;margin-right:10px}.login-section .info-container .img-box{width:100px}.login-section .login-container .btn-box{background-color:#24292f;border-radius:10px;color:#f0f6fc;display:inline-block;font-size:1.8rem;margin:30px 0 20px;padding:10px 40px}.login-section .login-container .btn-box button{color:inherit;margin-left:15px}.login-section .login-container .term-container{font-size:1.4rem;word-break:keep-all}.login-section .login-container .term-container span{color:var(--accent-color);cursor:pointer;display:inline-block}.login-section .term-open-modal{width:400px}.login-section .term-open-modal .term-title{color:#222;font-size:2rem;font-weight:600;text-align:center}.login-section .term-open-modal .term-updated-date{color:#afafaf;font-size:1.4rem;line-height:3rem;text-align:right}.login-section .term-content-container{height:500px;overflow:scroll;overflow-x:hidden;padding:10px}.login-section .term-content-container h5{color:inherit;font-size:1.8rem;margin-bottom:10px}.login-section .term-content-container .sub-title{color:inherit;margin-bottom:20px}.login-section .term-content-container .term-text{margin-bottom:20px}.deploy-section{height:100vh}.deploy-section .wrap{width:794px}.deploy-section .input-container{padding-top:260px;transition:.3s ease-in-out}.deploy-section .input-container .input-box{display:flex;gap:10px}.deploy-section .input-box input{flex:1 1}.deploy-section .input-box button.disabled{background-color:var(--accent-bg);cursor:default}.deploy-section .input-box .post-repository-btn{border-radius:16px;padding:5px 32px}.deploy-section .log-container{background-color:var(--text-color);border-radius:8px;color:var(--bg-color);margin-top:40px;opacity:0;padding:16px;transform:.5s ease-in-out}.deploy-section .log-box{height:270px;overflow-y:auto}.deploy-section .log-container p{color:inherit}.deploy-section .result-container{margin-top:60px;opacity:0;text-align:center;transform:.5s ease-in-out}.deploy-section .result-container .text-box p{line-height:1.6}.deploy-section .result-container .text-box .title-text{font-size:2rem;font-weight:500;line-height:2.6}.deploy-section .result-container .btn-box{margin-top:40px}.deploy-section .result-container .btn-box button{border-radius:16px;padding:10px 14px}.deploy-section.step-2 .input-container,.deploy-section.step-3 .input-container{padding-top:150px}.deploy-section.step-2 .log-container,.deploy-section.step-3 .result-container{opacity:1}.progress-component .text-box{align-items:center;display:flex;font-size:1.8rem;justify-content:space-between}.progress-component .progress-text:after{animation:loadingDots 1.5s steps(4) infinite;content:""}.progress-component .progress-bar{background-color:var(--secondary-bg);border-radius:10px;height:16px;margin-top:16px}.deploy-section .progress-component{margin-top:50px}@keyframes loadingDots{0%{content:""}25%{content:" ."}50%{content:" . ."}75%{content:" . . ."}to{content:""}}.dashboard-section{height:100vh;padding-top:150px}.dashboard-section .info-text-container h3{font-size:2.4rem;font-weight:700}.dashboard-section .info-text-container p{margin-top:10px}.dashboard-section .resource-container{margin-top:40px}.dashboard-section .memory-container,.dashboard-section .traffic-container{width:50%}.dashboard-section .memory-container{margin-bottom:20px}.dashboard-section .resource-container .text-box{display:flex;justify-content:space-between}.dashboard-section .resource-container .text-box .title{font-weight:400}.dashboard-section .resource-container .bar-box{background-color:var(--secondary-bg);height:10px;margin-top:6px}.dashboard-section .resource-container .fill-bar{background:linear-gradient(90deg,var(--accent-color),var(--primary-color));border-radius:4px;height:100%;transition:width .3s ease}.dashboard-section .resource-container .fill-bar.warning{background:linear-gradient(90deg,#ff9500,#ff6b00)}.dashboard-section .resource-container .fill-bar.danger{background:linear-gradient(90deg,#ff4757,#ff3742)}.dashboard-section .project-list-container{margin-top:70px}.dashboard-section .project-counter{font-weight:500;text-align:right}.dashboard-section .project-list-box{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.dashboard-section .project-list-box .project-box{background-color:#fff;border-radius:16px;cursor:pointer;padding:12px;width:calc(25% - 15px)}.dashboard-section .project-box .git-repository{background-color:var(--secondary-bg);border-radius:12px;display:inline-bolock;font-size:1.2rem;padding:3px 8px}.dashboard-section .project-box .status{aspect-ratio:1/1;border-radius:24px;position:absolute;right:10px;top:18px;width:14px}.status.active{background-color:#23a038}.status.inactive{background-color:#ff1818}.dashboard-section .project-box .project-title{font-size:2rem;font-weight:400;margin-top:10px}.dashboard-section .project-box .project-url{font-size:1.4rem;line-height:2}.dashboard-section .project-box .version{font-weight:400;letter-spacing:-.12rem;margin-top:10px;max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-section .project-box .date-box{display:flex;font-size:1.3rem;gap:3px;letter-spacing:-.04rem;margin-top:15px}.dashboard-section .date-box p{font-family:pretendard;font-weight:300}.dashboard-section .date-box span{font-family:source code pro}.dashboard-section .project-box.available,.dashboard-section .project-box.full{align-items:center;display:flex;flex-direction:column;justify-content:center}.dashboard-section .project-box.available i,.dashboard-section .project-box.full i{background-color:var(--secondary-color);border-radius:100%;color:#fff;font-size:3rem;line-height:80px;text-align:center;width:80px}.dashboard-section .project-box.available p,.dashboard-section .project-box.full p{margin-top:20px}.project-detail-section{height:100vh;padding-top:150px}.project-detail-section .wrap{width:590px}.project-detail-section .project-info-container .title{font-size:3rem}.project-detail-section .project-info-container .toggle-box{background-color:var(--secondary-bg);border-radius:50px;box-shadow:0 0 8px var(--secondary-color);cursor:pointer;height:35px;position:absolute;right:0;top:0;transition:.3s ease-in-out;width:80px}.project-detail-section .toggle-box .toggle{aspect-ratio:1/1;background-color:#fff;border-radius:50px;display:inline-block;margin:4px;width:26px}.project-detail-section .toggle-box:hover{background-color:var(--secondary-color)}.project-detail-section .toggle-box.active .toggle{margin-left:calc(100% - 31px)}.project-detail-section .toggle-box.inactive .toggle{margin-left:4px}.project-detail-section .subdomain-box{line-height:4rem}.project-detail-section .subdomain-box .project-url{display:inline-block;font-size:2rem}.project-detail-section .subdomain-box .change-subdomain-btn{background-color:var(--accent-bg);border-radius:20px;display:inline-block;margin-left:20px;padding:0 10px;transition:.3s ease-in-out}.project-detail-section .change-subdomain-btn:hover{background-color:var(--accent-color);color:#fff}.project-detail-section .resource-container{margin-top:40px}.project-detail-section .memory-container,.project-detail-section .traffic-container{margin-bottom:20px}.project-detail-section .resource-container .text-box{display:flex;justify-content:space-between}.project-detail-section .resource-container .used{font-weight:400}.project-detail-section .resource-container .bar-box{background-color:var(--secondary-bg);height:10px;margin-top:5px}.project-detail-section .history-container{margin-top:100px}.project-detail-section .history-container .title-box{align-items:baseline;display:flex;justify-content:space-between}.project-detail-section .history-container .title{font-size:2.4rem;font-weight:400}.project-detail-section .history-container .project-reload-btn{border-radius:8px;padding:5px 12px}.project-detail-section .history-container .history-box{background-color:var(--bg-sub-color);border-radius:16px;margin-top:16px;padding:10px 15px}.project-detail-section .history-box p{line-height:1.8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-section .history-box p span{margin-right:10px}.change-subdomain-modal .text-box .title{font-size:2rem;font-weight:500}.change-subdomain-modal .notice-box{margin-top:20px}.change-subdomain-modal .notice-box p{margin:6px 0}.change-subdomain-modal .notice-box span{color:#afafaf}.change-subdomain-modal .input-box{margin:20px 0}.change-subdomain-modal .input-box input[type=text]{width:calc(100% - 90px)}.change-subdomain-modal .input-box button{background-color:var(--secondary-color);border-radius:16px;display:inline-block;margin-left:5px;padding:5px 14px;transition:.3s}.change-subdomain-modal .input-box button:hover{background-color:var(--primary-color);color:#fff}.auth-section{height:100vh;padding-top:300px}.auth-section .wrap{text-align:center;width:400px}.auth-section p{margin-top:50px}.auth-section .lds-spinner,.lds-spinner div,.lds-spinner div:after{box-sizing:border-box}.auth-section .lds-spinner{color:currentColor;display:inline-block;height:80px;position:relative;width:80px}.auth-section .lds-spinner div{animation:lds-spinner 1.2s linear infinite;transform-origin:40px 40px}.auth-section .lds-spinner div:after{background:currentColor;border-radius:20%;content:" ";display:block;height:17.6px;left:36.8px;position:absolute;top:3.2px;width:6.4px}.auth-section .lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0deg)}.auth-section .lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.auth-section .lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.auth-section .lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.auth-section .lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.auth-section .lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.auth-section .lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.auth-section .lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.auth-section .lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.auth-section .lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.auth-section .lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.auth-section .lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.pricing-section{height:100vh;padding-top:150px}.pricing-section .text-box .title{font-size:3rem;font-weight:500}.pricing-section .plan-container{display:flex;gap:20px;margin-top:100px}.pricing-section .plan-box{background-color:#e2dad15b;border-radius:16px;flex:1 1;padding:16px;top:8px;transition:all .3s ease}.pricing-section .plan-box:hover{background-color:#ffffff9d;box-shadow:0 15px 35px hsla(32,16%,50%,.233),0 0 0 1px #cbbbab4d;transform:translateY(-6px)}.pricing-section .plan-box .popular-badge{background-color:var(--accent-color);border-radius:16px;color:#fff;padding:3px 10px;position:absolute;right:16px;top:16px}.pricing-section .plan-box .title{display:inline-block;font-size:3rem;line-height:1}.pricing-section .plan-box .explanation-box{border-bottom:1px solid #afafaf;box-sizing:initial;height:72px;line-height:1.5;padding:30px 0;word-break:keep-all}.pricing-section .plan-box .benefit-container{height:200px;padding:20px 0}.pricing-section .benefit-container li{line-height:1.8}.pricing-section .benefit-container li:before{content:"·";font-weight:700;margin-right:10px}.pricing-section .price-container{font-size:2.2rem;font-weight:400;text-align:right}:root{--primary-color:#93806b;--secondary-color:#cbbbab;--secondary-bg:#efe0d1;--accent-color:#4a758b;--accent-bg:#d1e0e8;--text-color:#5c4f46;--bg-color:#fdf9f5;--bg-sub-color:#e2dad1}section{background:#fdf9f5;background:var(--bg-color);padding-bottom:100px;padding-top:100px;width:100%}.wrap{margin:0 auto;width:1200px}.pos-rel{position:relative}.title-text,h1,h2,h3,h4,h5,h6{font-weight:300}h1,h2,h3,h4,h5,h6,p,span{color:#5c4f46;color:var(--text-color);line-height:1.2}.eng{font-family:Source Code Pro;word-spacing:-.12rem}pre{word-wrap:break-word;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.modal-bg{align-items:center;background-color:#2229;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.modal-popup{background-color:#fff;border-radius:10px;padding:16px}.btn-box{cursor:pointer;text-align:center}.modal-popup button{background-color:#efe0d1;background-color:var(--secondary-bg);border-radius:10px;display:inline-block;padding:6px 20px;transition:.3s}.modal-popup button:hover{background-color:#cbbbab}.btn-box button:first-child{margin-right:10px}button.accent{background-color:#4a758b;background-color:var(--accent-color);color:#fff;transition:.3s ease-in-out}button.accent:hover{background-color:#163a4d}button.main{background-color:#cbbbab;background-color:var(--secondary-color);color:#5c4f46;color:var(--text-color);transition:.3s ease-in-out}button.main:hover{background-color:#93806b;background-color:var(--primary-color);color:#fff}input::placeholder{font-family:Pretendard,sans-serif}input{font-family:Source Code Pro,monospace}input[type=text]{background-color:#e2dad1;background-color:var(--bg-sub-color);border:none;border-radius:10px;display:inline-block;line-height:2;outline:none;text-indent:14px}input[type=text]:focus{box-shadow:0 0 4px 2px #efe0d1;box-shadow:0 0 4px 2px var(--secondary-bg)}button{color:#5c4f46;color:var(--text-color);display:inline-block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fdf9f5;background:var(--bg-color);border-radius:10px}::-webkit-scrollbar-thumb{background:#efe0d1;background:var(--secondary-bg);border-radius:10px;-webkit-transition:all .3 ease;transition:all .3 ease}::-webkit-scrollbar-thumb:hover{background:#cbbbab;background:var(--secondary-color)}
/*# sourceMappingURL=main.7c89259e.css.map*/