@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap);.blur{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;cursor:pointer}@-webkit-keyframes slideIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes slideIn-blur{0%{opacity:0}to{opacity:1}}@keyframes slideIn-blur{0%{opacity:0}to{opacity:1}}.modal-divver{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:999;-webkit-animation:slideIn-blur .2s cubic-bezier(.04,.86,1,1);animation:slideIn-blur .2s cubic-bezier(.04,.86,1,1)}@media(max-width:720px){.modal-divver{align-items:flex-end}}#modal{color:#26292e;max-width:375px;cursor:default;display:flex;flex-direction:column;background-color:#fff;padding:32px;border-radius:12px;z-index:999;-webkit-animation:slideIn .2s cubic-bezier(0,1,1,1);animation:slideIn .2s cubic-bezier(0,1,1,1)}@media(max-width:720px){#modal{padding:36px 16px}}#modal .title{font-size:36px;font-weight:800}@media(max-width:720px){#modal .title{font-size:28px}}#modal .subtitle{margin-top:20px;font-weight:800;font-size:24px}@media(max-width:720px){#modal .subtitle{font-size:20px}}#modal .desc{color:#9da2aa;word-break:break-all}#modal .btn-link{display:block;color:#649dff;text-decoration:none;padding:8px;border-radius:4px;transition:.2s}#modal .btn-link:hover{background-color:#f5f8fc}#modal .btn{display:flex;align-items:center;justify-content:space-around;cursor:pointer;background-color:#fff;border:2px solid #e7effc;border-radius:12px;padding:12px 24px;box-sizing:border-box;transition:.2s;margin-top:100px;-webkit-user-select:none;user-select:none;text-decoration:none;color:#26292e}#modal .btn:hover{background-color:#f5f8fc}#modal .btn div{flex:1 1;text-align:center}#modal .btn svg{width:20px;height:20px}#modal .btn-1{color:#649dff;font-weight:800}#modal .btn-2{margin-top:4px;background-color:#649dff;color:#fff;font-weight:800}#modal .btn-2:hover{background-color:#5992f3}#modal .btn-3{border-color:#ff6464;color:#ff6464;font-weight:800}#modal .btn-3:hover{background-color:#fcf1f1}#modal .input{display:flex;box-sizing:border-box;border:2px solid #e7effc;border-radius:12px;justify-content:space-between;align-items:center;height:48px;padding:12px;margin-top:80px}#modal .input:focus-within{box-shadow:0 4px 4px #e7effc}#modal .input input{border:0;display:flex;flex:1 1;padding-right:4px}#modal .input input:focus{outline:none}#modal .input input::-webkit-input-placeholder{color:#9da2aa}#modal .input input::placeholder{color:#9da2aa}#modal .input .active{display:flex;align-items:center;cursor:pointer}#modal .input .active svg{width:32px;height:32px}#modal .input .active svg circle,#modal .input .active svg polyline{stroke:#649dff}#modal .input .disabled{display:flex;align-items:center}#modal .input .disabled svg{width:32px;height:32px}#modal .input .disabled svg circle,#modal .input .disabled svg polyline{stroke:#dadada}#modal .btn-desc{margin-top:8px;text-align:center;font-size:14px;color:#9da2aa}#modal .btn-desc a{color:#649dff}#modal .btn-desc .link{cursor:pointer;color:#649dff}.plans{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr 1fr;justify-content:center;margin-top:20px}@media(max-width:720px){.plans{flex-direction:column}}.plans .plan{border:2px solid #ddd;border-radius:12px;padding:32px;max-width:350px;box-sizing:border-box;transition:.2s}.plans .plan:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.plans .plan h3{font-size:20px;font-weight:800}.plans .plan .price-month{font-size:40px;font-weight:800}.plans .plan .price-month .price-month{font-size:14px;font-weight:400}.plans .plan .price-year{color:#9da2aa;font-size:14px}.plans .plan .desc{margin-top:12px;color:#26292e;min-height:72px;word-break:keep-all}.plans .plan .options{margin-top:32px}.plans .plan .options .option{display:flex;align-items:flex-start;grid-gap:8px;gap:8px;margin-top:8px;color:#9da2aa}.plans .plan .options .option svg{width:28px;min-width:28px;height:28px;padding:4px;box-sizing:border-box;border-radius:16px;background-color:#9da2aa}.plans .plan .options .option svg circle,.plans .plan .options .option svg polyline{stroke:#fff}.plans .plan .options .option-selected svg{background-color:#649dff}.plans .plan .btn{cursor:pointer;margin-top:40px;width:100%;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:8px;box-sizing:border-box;border:2px solid #649dff;background-color:#fff;color:#649dff;transition:.2s}.plans .plan .btn:hover{background-color:#f5f8fc}.plans .plan .btn:active{background-color:#dce9f8}.plans .plan .btn-selected{cursor:default;border:1px solid #9da2aa;background-color:#9da2aa;color:#fff}.plans .plan .btn-selected:active,.plans .plan .btn-selected:hover{background-color:#9da2aa}.plans .plan-black{border:2px solid #26292e;background-color:#26292e;color:#fff}.plans .plan-black .desc{color:#9da2aa}.plans .plan-black .btn{border:2px solid #649dff;background-color:#649dff;color:#fff}.plans .plan-black .btn:hover{background-color:#5992f3}.plans .plan-black .btn:active{background-color:#5089eb}footer{margin-top:40px;text-align:center}footer img{width:100px}#index{max-width:960px;margin:90px auto 200px}#index .titles{display:flex;flex-direction:column;align-items:center}#index .titles .opize-projects{color:#2d6560}#index .titles h1{font-size:54px;font-weight:700;text-align:center}@media(max-width:720px){#index .titles h1{font-size:32px}}#index .titles .btn-connect{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 32px;background-color:#649dff;color:#fff;border-radius:8px;margin-top:16px;transition:.2s}#index .titles .btn-connect:hover{background-color:#5992f3}#index .titles .btn-connect svg{height:20px;width:auto}#index .blocks-1{display:flex;padding:8px;grid-gap:16px;gap:16px;margin-top:64px}@media(max-width:720px){#index .blocks-1{flex-direction:column}}#index .blocks-1 .block{border-radius:20px;box-sizing:border-box;padding:30px}#index .blocks-1 .block h2{line-height:1.3;font-size:40px}#index .blocks-1 .block h3{line-height:1.3;font-size:32px}#index .blocks-1 .block p{margin-top:4px;font-size:20px}@media(max-width:720px){#index .blocks-1 .block h2{font-size:30px}#index .blocks-1 .block h3{font-size:28px}}#index .blocks-1 .block-left{max-width:550px;width:100%;border-radius:20px;background:linear-gradient(90deg,#649dff,#9764ff);color:#fff}@media(max-width:720px){#index .blocks-1 .block-left{max-width:100%}}#index .blocks-1 .block-left .btn{border-radius:30px;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 32px;width:140px;margin-top:30px;text-decoration:none;color:#fff}#index .blocks-1 .block-left .btn svg{height:20px;width:auto}#index .blocks-1 .block-left .img{display:flex;justify-content:flex-end}#index .blocks-1 .block-left .img img{margin-right:0;width:192px;height:192px}@media(max-width:720px){#index .blocks-1 .block-left .img{margin-top:32px}#index .blocks-1 .block-left .img img{width:128px;height:128px}}#index .blocks-1 .block-right{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%;flex:1 1}#index .blocks-1 .block-right .block-right-1{background-color:#e7effc;height:50%}#index .blocks-1 .block-right .block-right-2{background-color:#26292e;color:#9da2aa;height:50%}#index .blocks-1 .block-right .block-right-2 p{font-size:14px}#index .blocks-1 .block-right .block-right-2 span{color:#fff}#index .blocks-2{margin-top:180px;padding:8px}@media(max-width:720px){#index .blocks-2{margin-top:90px}}#index .blocks-2 .title{font-size:24px;font-weight:800;color:#26292e;display:none}@media(max-width:720px){#index .blocks-2 .title{display:block}}#index .blocks-2 .block{margin-top:16px;box-sizing:border-box;padding:80px 60px;border-radius:20px;display:flex;align-items:center;justify-content:space-between}@media(max-width:720px){#index .blocks-2 .block{flex-direction:column;padding:40px 20px}}#index .blocks-2 .block .block-left{width:100%}#index .blocks-2 .block .block-right{width:100%;display:flex;align-items:center;justify-content:center}#index .blocks-2 .block .subtitle{color:#649dff;font-weight:800;font-size:24px}@media(max-width:720px){#index .blocks-2 .block .subtitle{font-size:16px}}#index .blocks-2 .block h3{font-size:40px;color:#26292e;line-height:1.3}@media(max-width:720px){#index .blocks-2 .block h3{font-size:30px}}#index .blocks-2 .block p{margin-top:8px;color:#9da2aa}#index .blocks-2 .block img{width:auto;height:200px}@media(max-width:720px){#index .blocks-2 .block img{height:140px;margin-top:20px}}#index .blocks-2 .block-1{background-color:#e7effc}#index .blocks-2 .block-2{background:linear-gradient(90deg,#649dff,#9764ff)}#index .blocks-2 .block-2 .subtitle{color:#e7effc}#index .blocks-2 .block-2 h3,#index .blocks-2 .block-2 p{color:#fff}#index .blocks-2 .block-3{background-color:#26292e}#index .blocks-2 .block-3 h3{color:#fff}#index .blocks-3{margin-top:270px;padding:8px}@media(max-width:720px){#index .blocks-3{margin-top:90px}}#index .blocks-3 .title{font-size:24px;font-weight:800;color:#26292e}#index .blocks-3 .reviews{display:flex;justify-content:space-between;margin-top:10px;grid-gap:20px;gap:20px}@media(max-width:720px){#index .blocks-3 .reviews{flex-direction:column}}#index .blocks-3 .reviews .review{width:100%;padding:20px 20px 40px;box-sizing:border-box;background-color:#e7effc;border-radius:20px}#index .blocks-3 .reviews .review .review-emoji{font-size:32px}#index .blocks-3 .reviews .review .review-content{margin-top:10px;font-size:20px;font-weight:800;word-break:keep-all}#index .blocks-3 .reviews .review .review-author{margin-top:10px;font-size:14px;color:#9da2aa}#index .blocks-3 .desc{margin-top:8px;margin-left:2px;font-size:14px;color:#9da2aa}#index .blocks-3 .desc span{color:#000}#index .blocks-4{margin-top:270px;padding:8px}@media(max-width:720px){#index .blocks-4{margin-top:90px}}#index .blocks-4 .title{font-size:24px;font-weight:800;color:#26292e}#index .blocks-4 .video{margin-top:12px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 2px 20px rgba(0,0,0,.1)}#index .blocks-4 .video embed,#index .blocks-4 .video iframe,#index .blocks-4 .video object{border-radius:12px;position:absolute;top:0;left:0;width:100%;height:100%}#index .blocks-5{margin-top:270px;padding:8px}@media(max-width:720px){#index .blocks-5{margin-top:90px}}#index .blocks-6{margin-top:40px;text-align:center}#index .blocks-6 img{width:100px}#dashboard{max-width:960px;padding:8px;margin:70px auto 100px}#dashboard h1{color:#26292e}@media(max-width:720px){#dashboard h1{font-size:24px}}#dashboard .menus{display:flex;align-items:center;margin-top:12px;grid-gap:4px;gap:4px}#dashboard .menus .menu{cursor:pointer;padding:4px 8px;transition:.2s;border-radius:4px}#dashboard .menus .menu:hover,#dashboard .menus .selected{background-color:#f5f8fc}#dashboard footer{margin-top:80px;text-align:center;color:#9da2aa;font-size:14px}#dashboard footer a{color:#649dff;text-decoration:none}#dashboard footer a:hover{text-decoration:underline}#dashboard-page{margin-top:16px}#dashboard-page .card{background-color:#f5f8fc;border:2px solid #e7effc;border-radius:12px;box-sizing:border-box;padding:32px 24px;color:#26292e}#dashboard-page .card h3{font-weight:800;font-size:24px}#dashboard-page .card a{color:#649dff;text-decoration:none;font-size:14px;word-break:keep-all}#dashboard-page .card a:hover{text-decoration:underline}#dashboard-page .card .link{cursor:pointer;color:#649dff;text-decoration:none;font-size:14px}#dashboard-page .card .link:hover{text-decoration:underline}#dashboard-page .card p{word-break:keep-all;font-size:16px;color:#9da2aa}#dashboard-page .card .icon{width:44px;height:44px;box-sizing:border-box;border-radius:8px;background-color:#649dff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}#dashboard-page .card .icon svg{width:32px;height:32px}#dashboard-page .card .switch{margin-bottom:20px;cursor:pointer;box-sizing:border-box;display:flex;padding:0 8px;align-items:center;border-radius:64px;width:100px;height:50px;background-color:#649dff;transition:.2s}#dashboard-page .card .switch-off{background-color:#9da2aa}#dashboard-page .card .switch .switch-in{background-color:#fff;width:40px;height:40px;border-radius:20px;transition:.2s;margin-left:44px}#dashboard-page .card .switch .switch-in-off{margin-left:0}#dashboard-page .card .accounts .account{margin-top:16px;display:flex;align-items:center}#dashboard-page .card .accounts .account svg{width:24px;height:24px;margin-right:8px}#dashboard-page .card .accounts .account p{font-size:16px;color:#26292e}#dashboard-page .card .accounts .account a{font-size:16px}#dashboard-page .card .calendar-select,#dashboard-page .card .timezone-select{margin-top:12px}#dashboard-page .card .input{display:flex;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;justify-content:space-between;align-items:center;height:36px;padding:12px;background-color:#fff;margin-top:12px;transition:.2s}#dashboard-page .card .input:focus-within{box-shadow:0 0 0 2px #2684ff}#dashboard-page .card .input input{border:0;display:flex;flex:1 1;padding-right:4px}#dashboard-page .card .input input:focus{outline:none}#dashboard-page .card .input input::-webkit-input-placeholder{color:#9da2aa}#dashboard-page .card .input input::placeholder{color:#9da2aa}#dashboard-page .card .input textarea{border:0;width:100%;min-height:90px;resize:none;padding-right:4px}#dashboard-page .card .input textarea:focus{outline:none}#dashboard-page .card .input textarea::-webkit-input-placeholder{color:#9da2aa}#dashboard-page .card .input textarea::placeholder{color:#9da2aa}#dashboard-page .card .input .active{display:flex;align-items:center;cursor:pointer}#dashboard-page .card .input .active svg{width:32px;height:32px}#dashboard-page .card .input .active svg circle,#dashboard-page .card .input .active svg polyline{stroke:#649dff}#dashboard-page .card .input .disabled{display:flex;align-items:center}#dashboard-page .card .input .disabled svg{width:32px;height:32px}#dashboard-page .card .input .disabled svg circle,#dashboard-page .card .input .disabled svg polyline{stroke:#dadada}#dashboard-page .card .input-textarea{align-items:flex-end;height:auto}#dashboard-page .logout-menus{padding:12px 36px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:800}#dashboard-page .logout-menus div{padding:4px 12px;border-radius:4px;transition:.2s;cursor:pointer}#dashboard-page .logout-menus div:hover{background-color:#e7effc}#dashboard-page .logout-menus .warn:hover{background-color:#f15d5d;color:#fff;font-weight:400}#dashboard-page .notice{display:block;margin-top:8px;padding:8px 16px;text-decoration:none;color:#649dff}#dashboard-page .cards{margin-top:16px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:720px){#dashboard-page .cards{grid-template-columns:1fr}}#dashboard-page iframe{margin-top:60px;width:100%;height:100vh;border:0;border-radius:16px}@media(max-width:720px){#dashboard-page iframe{width:100vw;margin-left:-8px}}#dashboard-page .plan-desc{font-size:14px;color:#9da2aa}.loading{margin-top:100px;display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px}@-webkit-keyframes loading{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes loading{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}.loading .dot1,.loading .dot2,.loading .dot3{width:10px;height:10px;background-color:#649dff;border-radius:5px;-webkit-animation:loading .9s cubic-bezier(.5,0,.5,1) 0s infinite alternate;animation:loading .9s cubic-bezier(.5,0,.5,1) 0s infinite alternate}.loading .dot1{-webkit-animation-delay:0ms;animation-delay:0ms}.loading .dot2{-webkit-animation-delay:.2s;animation-delay:.2s}.loading .dot3{-webkit-animation-delay:.4s;animation-delay:.4s}.dots .dot1,.dots .dot2{border-radius:50%;background:linear-gradient(180deg,#649dff,#9764ff);position:fixed;transition:.6s ease;z-index:-1}@media(max-width:720px){.dots .dot1,.dots .dot2{display:none}}.dots .dot1{width:400px;height:400px;left:-200px;bottom:50px;z-index:500}@media(max-width:1350px){.dots .dot1{left:-300px}}@media(max-width:1150px){.dots .dot1{left:-400px}}.dots .dot2{width:300px;height:300px;right:-180px;top:-80px;z-index:500}@media(max-width:1200px){.dots .dot2{right:-300px}}.dots .dot-move1{width:400px;height:400px;left:-200px;bottom:calc(100vh - 200px)}@media(max-width:1350px){.dots .dot-move1{left:-300px}}@media(max-width:1150px){.dots .dot-move1{left:-400px}}.dots .dot-move2{width:250px;height:250px;right:-100px;top:calc(100vh - 150px)}@media(max-width:1270px){.dots .dot-move2{right:-200px}}@media(max-width:1060px){.dots .dot-move2{right:-250px}}*{margin:0;padding:0;font-family:"Noto Sans KR",sans-serif}body,html{width:100vw;min-height:100vh;overflow-x:hidden}.underscore{box-sizing:border-box;display:inline-block;position:relative}.underscore:after{content:"";display:block;background-color:rgba(63,186,241,.3);margin-top:-16px;height:14px}
/*# sourceMappingURL=main.8ea46962.chunk.css.map */