.modal-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.7)}.modal-container .modal{display:flex;flex-direction:column;width:28.1rem;max-height:80%;background-color:#fff;border-radius:2px}.modal-container .modal>header{font-size:1rem;padding:1rem 0 .75rem;text-align:center;position:relative;border-bottom:1px solid grey}.modal-container .modal>header .close{position:absolute;display:block;width:1.4rem;height:1.4rem;top:calc(50% - .5rem);cursor:pointer;right:1.25rem}.modal-container .modal>header .close:after,.modal-container .modal>header .close:before{position:absolute;left:.75rem;content:" ";height:1.4rem;width:2px;background-color:#ccc}.modal-container .modal>header .close:before{transform:rotate(45deg)}.modal-container .modal>header .close:after{transform:rotate(-45deg)}.modal-container .modal>section{overflow-y:auto;padding:1.2rem 2.1rem;display:flex;flex-direction:column;min-height:7.6rem}.modal-container .modal>section>.notice{font-size:.7rem;line-height:.9rem;color:#505050}.modal-container .modal>section>.term{font-size:.6rem;line-height:.7rem;color:#505050}.modal-container .modal>section>h3{font-size:1rem;margin-bottom:1rem;font-weight:700}.modal-container .modal>section>ul{margin-bottom:2rem}.modal-container .modal>section>ul li{font-size:.7rem;line-height:1rem}.modal-container .modal>section>ul:last-child{margin-bottom:0}.modal-container .modal>section>div>p{text-align:center;margin-bottom:.5rem;font-weight:700}.modal-container .modal>section footer{display:flex;justify-content:space-between}.modal-container .modal>section footer>button{background-color:transparent;border:1px solid #ccc;letter-spacing:-.35px;font-size:.9rem;width:46%;padding:.25rem}.modal-container .modal.confirm,.modal-container .modal.dialog{width:25rem}.modal-container .modal.confirm>section>div,.modal-container .modal.dialog>section>div{font-size:.85rem;min-height:5rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-container .modal.confirm>section>div>p,.modal-container .modal.dialog>section>div>p{font-weight:400}.modal-container .modal.confirm>section>footer,.modal-container .modal.dialog>section>footer{justify-content:center}.modal-container .modal.confirm>section>footer>button,.modal-container .modal.dialog>section>footer>button{width:48%;height:2.6rem;font-size:.85rem;border-radius:5px;border:1px solid grey;color:#353535}.modal-container .modal.confirm>section>footer>button:nth-child(2),.modal-container .modal.dialog>section>footer>button:nth-child(2){margin-left:2%}.modal-container .modal.ci{width:25rem}.modal-container .modal.ci>section>div{font-size:.85rem;min-height:5rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-container .modal.ci>section>div>div{text-align:center}.modal-container .modal.ci>section>div>p{font-weight:400}.modal-container .modal.ci>section>footer{justify-content:center}.modal-container .modal.ci>section>footer>button{width:48%;height:2.6rem;font-size:.85rem;border-radius:5px;border:1px solid grey;color:#353535}.modal-container .modal.ci>section>footer>button:nth-child(2){margin-left:2%}.modal-container .modal.pay>section>footer{justify-content:center;margin-top:1rem}.modal-container .modal.pay>section>footer>button{width:8.8rem;height:2.6rem;font-size:.8rem;border-radius:5px;border:1px solid #353535;color:#353535}.modal-container .modal.pay>section>footer>button:nth-child(2){margin-left:2%}.modal-container .modal.pay>section>footer>button.active{background-color:#2affcc;border:1px solid #2affcc;color:#fff}.modal-container .modal.pay>section>footer>button:disabled{background-color:#fff;color:#dcdcdc;border:1px solid #dcdcdc}.purchase{width:600px}.purchase .service{margin:2.9rem 0 0}.purchase .service>h3{font-size:1.3rem;font-weight:700;margin:1rem 0;color:#fff}.purchase .service>h3>span{color:hsla(0,0%,100%,.6);font-size:.8rem;font-weight:400}.purchase .service>h3>span>em{text-decoration:none;color:#b7b7b7;font-size:.8rem}.purchase .service>.service-item{display:flex;padding:1.4rem 1.1rem 1.55rem 1.15rem;border:1px solid #383838;background-color:#2a2a2a;align-items:center}.purchase .service>.service-item>.service-info{color:#fff;font-size:1.1rem;flex:1;-ms-flex:1;-webkit-flex:1}.purchase .service>.service-item>.service-info>.service-info-price{margin-bottom:.55rem;font-size:1.2rem}.purchase .service>.service-item>.service-info>.service-info-price span:first-child{font-weight:400;font-size:1.8rem}.purchase .service>.service-item>.service-info>.service-info-price span:nth-child(2){color:#636363;text-decoration:line-through}.purchase .service>.service-item>.service-info>.service-info-price span.now,.purchase .service>.service-item>.service-info>.service-info-price span:last-child{color:#2affcc}.purchase .service>.service-item>.service-info footer{font-size:.95rem}.purchase .service>.service-item>.service-info footer.description{padding-right:34px}.purchase .service>.service-item button.btn{padding:0;background-color:#353535;border:1px solid #353535;color:#888;font-weight:700;font-size:.875rem;width:3.6rem;height:1.7rem}.purchase .service>.service-item:hover{border:1px solid #2affcc;background-color:#2a2a2a}.purchase .service>.service-item:hover button.btn{background-color:#2affcc;border-color:#2affcc;color:#000}.purchase>footer{margin-top:3rem;text-align:center}.purchase>footer>div{margin:.8rem 0;color:#fff;font-size:.8rem;font-weight:700}.purchase>footer>div>span{opacity:.4;border-bottom:1px solid #fff;cursor:pointer}.purchase>footer>div.term>span{opacity:1;border-bottom:1px solid #fff}.purchase-info{text-align:center}.purchase-info .title{position:relative;text-align:center}.purchase-info .title .ticket{background:url(/eb902bf830b2a99dd513e34eb26dfdb0.png) no-repeat;background-size:100%;width:5.25rem;display:block;margin:0 auto}.purchase-info .title .ticket:before{content:"";display:block;padding-top:calc(68.571% + 1rem)}.purchase-info .title p{font-size:2.2rem;font-weight:700;color:#fff}.purchase-info .purchase{margin:1.8rem 0 1.2rem;padding:2.2rem 0 2rem;background-color:#404040;width:100%;text-align:center}.purchase-info .purchase>div:first-child{font-size:1.7rem;font-weight:700;color:#fff;letter-spacing:.72px}.purchase-info .purchase>div.due{font-size:.75rem;font-weight:700;color:#2affcc;padding-top:1.2rem;letter-spacing:-.36px}.purchase-info>footer>div{margin:.75rem 0;color:#939393;font-size:.8rem;font-weight:700;text-align:right;cursor:pointer}.purchase-info>footer>div.term{text-decoration:underline;color:#fff}.purchase-info>footer button{margin-top:7.1rem;background-color:transparent;border:1px solid grey;border-radius:5px;font-size:1rem;font-weight:700;color:#fff;padding:1.3rem 2.2rem;letter-spacing:-.46px}.modal-puchase-info{padding:0 1.5rem}.modal-puchase-info:nth-child(2){border:0;border-top:1px solid #e5e5e5;padding:1.5rem 0 .5rem;margin:1rem -1.75rem 0;text-align:center}.modal-puchase-info:nth-child(2) input[type=checkbox]+label{display:inline-block;font-size:.75rem;padding-bottom:.2rem;padding-right:.4rem;letter-spacing:-.3px;font-weight:500}.modal-puchase-info:nth-child(2) input[type=checkbox]+label>span{font-weight:700}.modal-puchase-info:nth-child(2) input[type=checkbox]+label:before{width:1rem;height:1rem}.modal-puchase-info .row{display:flex;font-size:.75rem;padding:.4rem 0}.modal-puchase-info .row label{display:inline-block;width:6.5rem;color:#353535}.modal-puchase-info .row p{font-size:.75rem;font-weight:700}.modal-puchase-info .row p span{word-break:keep-all}.modal-puchase-info .row p span.origin{text-decoration:line-through}.modal-puchase-info .row p span.price{color:red}.modal-puchase-info .row p span.next{color:#2affcc;padding-left:5px}.modal-puchase-info .pay-methods{text-align:center}.modal-puchase-info .pay-methods .pay-method{padding:4.3rem 5px .95rem;width:10rem;margin:0 auto 2rem;background:url(/eb80183e74ea75aeac123fe2438fc045.png) 50% 35% no-repeat;background-color:hsla(0,0%,93.3%,.5);color:#353535;font-size:.75rem;line-height:.85rem;border:1px solid #e5e5e5}.input{position:relative;font-size:.8rem;z-index:1}.input>input{border:0;padding:.55rem 0;width:100%;border-bottom:2px solid #959595;background-color:transparent;border-radius:0;color:#fefefe;font-weight:700}.input>input::-ms-input-placeholder,.input>input::-webkit-input-placeholder,.input>input::placeholder{color:#757575!important;font-family:Noto Sans KR,sans-serif;font-weight:700}.input>input[type=number]::-webkit-inner-spin-button,.input>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input .err{position:absolute;color:#f42654;font-size:.5rem;bottom:-.8rem;font-weight:400}.select{font-size:.8rem;user-select:none;border:0;padding:.5rem 0;width:calc(100% - 1rem);border-bottom:2px solid #cecece;position:relative;font-weight:400;cursor:pointer}.select>.options{display:none;position:absolute;left:-1px;top:calc(100% + 1px);width:100%;background:#222;border:1px solid #222;z-index:9;color:#fff;font-size:.8rem;padding:.6rem 0 .5rem}.select>.options>li{height:1rem;padding:.4rem .7rem;cursor:pointer}.select>.options>li:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.select>.arrow{position:absolute;right:.5rem;top:.65rem;border:solid #888;border-width:0 2px 2px 0;display:inline-block;padding:.15rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:transform .2s ease-out}.select.placeholder{color:#888;font-weight:400}.select.open>.options{display:block}.select.open .arrow{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.container.signup .content{margin:0 21%;background-color:#454545;color:#fefefe;padding:2rem 2.4rem;font-weight:700}.container.signup .content>*{margin-top:1rem}.container.signup .content h1{display:flex;font-size:1.4em;align-items:flex-end}.container.signup .content h1 .kakao{width:6rem;height:1.85rem;display:inline-block;background:url(/ee30531c2f2c3df12182ee8cfb45b289.png) no-repeat;background-size:100% 100%;margin-right:.5rem}.container.signup .content h3{margin:2.6rem 0 1.25rem;font-size:1.05rem}.container.signup .content .row{display:flex;flex:1;-ms-flex:1;-webkit-flex:1;align-items:center;position:relative}.container.signup .content .row>.input:first-child,.container.signup .content .row>.select:first-child{width:50%}.container.signup .content .timer{position:absolute;right:50%;top:35%;font-size:.7rem;color:#00edf0}.container.signup .content button{flex:1;-ms-flex:1;-webkit-flex:1;height:100%;padding:.35rem 0;margin-left:.25rem;background-color:#313131;border:1px solid #313131;border-radius:5px;color:#9d9d9d;font-size:.9rem;font-weight:700}.container.signup .content button.gender.on,.container.signup .content button:hover{border:1px solid #01fdfe;color:#01fdfe}.container.signup .content button.ok{color:#01fdfe}.container.signup .content button:disabled{background-color:#9d9d9d!important;border:1px solid #9d9d9d!important;color:#313131!important;cursor:default}.container.signup .content input[type=checkbox]+label{font-weight:400}.container.signup .content select{background-color:#454545}.container.signup .content .channel{display:block;color:#00f6f9;text-decoration:underline;font-size:.8rem;text-align:center;cursor:pointer}.container.signup .content footer{display:flex;margin-top:1.7rem}.container.signup .content footer button{height:2.7rem}.container.signup .content footer button:hover{border:1px solid #313131}.done .title{position:relative;text-align:center;margin-bottom:2.6rem}.done .title p{font-size:2.4rem;color:#fff;background-color:#1b1b1b;width:100%;margin:1rem 0}.done .title p span{color:#00edf0}.done .title p.mobile{display:none;color:#9d9d9d;font-size:1rem}.done footer button{font-size:.85rem;font-weight:700;width:12.25rem;padding:1.1rem;border-radius:5px;letter-spacing:-.35px}.done footer button.ok{background-color:#00edf0;border:1px solid #00edf0;color:#000;font-weight:700}.done footer button:nth-child(2){margin-left:1rem}.background[data-v-0da9214b]{background-color:#000;width:100vw;height:100vh;position:relative;z-index:9999}section.terms{height:100%;display:block;position:relative;color:#fff}section.terms>div{display:flex;flex-direction:column;width:63%;padding-top:5rem;padding-bottom:9rem;height:calc(100vh - 14rem)}section.terms>div>h1{text-align:center;font-size:2.5rem;font-weight:700;letter-spacing:-1.12px;margin-bottom:3.4rem}section.terms>div .tab{display:flex}section.terms>div .tab>span{flex:1;-ms-flex:1;-webkit-flex:1;text-align:center;color:#989898;font-weight:700;font-size:1rem;padding:1rem;cursor:pointer}section.terms>div .tab>span.active{color:#2affcc!important;background-color:#222}section.terms>div .line{height:1px;background-color:#353535;opacity:.5}section.terms>div>.term.box{margin-top:2.3rem;padding:2rem;overflow:auto;flex:1;background:#222;font-size:.7rem;line-height:1.3rem;letter-spacing:-.28px;color:#fff;scrollbar-width:thin;scrollbar-color:#595959 #353535}section.terms>div>.term.box::-webkit-scrollbar{width:12px}section.terms>div>.term.box::-webkit-scrollbar-thumb{background-color:#595959;border-radius:6px}section.terms>div>.term.box::-webkit-scrollbar-track{background-color:#353535}section.qna{height:100%;display:block;position:relative}section.qna>div.content{width:50%;padding-top:5rem;padding-bottom:9rem;height:calc(100% - 14rem);font-weight:400;color:#fff}section.qna>div.content>h1{text-align:center;font-size:2.5rem;font-weight:700;letter-spacing:-1.12px;margin-bottom:3.4rem;font-family:Kopub Dotum}section.qna>div.content .tab{display:flex}section.qna>div.content .tab>span{flex:1;-ms-flex:1;-webkit-flex:1;padding:.9rem;text-align:center;font-weight:400;color:#989898;font-size:1.2rem}section.qna>div.content .tab>span.active{color:#2affcc}section.qna>div.content .line{height:1px;background-color:#353535;opacity:.5}section.qna>div.content>.qna.box{flex:1;-ms-flex:1;-webkit-flex:1;margin-top:.5rem;display:block}section.qna>div.content>.qna.box .row{margin-top:3.25rem}section.qna>div.content>.qna.box .row label{display:block;padding-bottom:1rem;font-size:1rem;font-weight:400;letter-spacing:-.4px;color:#fff}section.qna>div.content>.qna.box .row label+.select,section.qna>div.content>.qna.box .row label+input[type=text],section.qna>div.content>.qna.box .row label+textarea{display:block;width:calc(100% - 1.8rem - 2px);min-height:.9rem;padding:.9rem;border:1px solid #353535;background-color:#222;font-size:.9rem;letter-spacing:-.36px;font-family:inherit}section.qna>div.content>.qna.box .row label+input[type=text],section.qna>div.content>.qna.box .row label+textarea{color:#fff;scrollbar-width:thin;scrollbar-color:#595959 #353535}section.qna>div.content>.qna.box .row label+input[type=text]::-webkit-scrollbar,section.qna>div.content>.qna.box .row label+textarea::-webkit-scrollbar{width:12px}section.qna>div.content>.qna.box .row label+input[type=text]::-webkit-scrollbar-thumb,section.qna>div.content>.qna.box .row label+textarea::-webkit-scrollbar-thumb{background-color:#595959;border-radius:6px}section.qna>div.content>.qna.box .row label+input[type=text]::-webkit-scrollbar-track,section.qna>div.content>.qna.box .row label+textarea::-webkit-scrollbar-track{background-color:#353535}section.qna>div.content>.qna.box .row label+.select>.arrow{top:calc(50% - .3rem)}section.qna>div.content>.qna.box .row label+input[type=text]:focus,section.qna>div.content>.qna.box .row label+select:focus,section.qna>div.content>.qna.box .row label+textarea:focus{border:1px solid #2affcc}section.qna>div.content>.qna.box .row label+select{width:100%}section.qna>div.content>.qna.box input[type=checkbox]+label{font-size:1rem}section.qna>div.content>.qna.box input[type=checkbox]+label>span{font-weight:400;max-height:1rem}section.qna>div.content>.qna.box>footer{text-align:center;margin-top:4rem}section.qna>div.content>.qna.box>footer button{width:14rem;height:3.6rem;background-color:transparent;font-size:1.15rem;font-weight:400;color:#010101;letter-spacing:-.46px;border:1px solid #2affcc;color:#2affcc}section.qna>div.content>.qna.box>footer button:disabled{border:1px solid #595959;color:#595959}#app{display:flex}#app>header{position:fixed;padding:2.3rem 2.5rem 0;top:0;left:0;right:0;z-index:99}#app>header>.logo{float:left;width:171px;height:28px;background:url(/9be0248446315c3f57cbe1fa70e47247.png);background-repeat:no-repeat;background-size:cover;cursor:pointer;object-fit:contain}#app>header>.login>.btn{width:4.5rem;height:1.9rem;padding:0;font-size:1rem;float:right}#app>.intro{position:relative;flex:1;-ms-flex:1;-webkit-flex:1;background-image:url(/ce1c4a0265310a5d64c0a8545caf9b20.png);background-size:cover;background-position:50%;flex-direction:column}#app>.intro,#app>.intro>div{display:flex;justify-content:center;align-items:center}#app>.intro>div{position:absolute;content:"";left:0;right:0;top:0;bottom:0;flex-direction:column}#app>.intro>div.dim{background-color:rgba(0,0,0,.7)}#app>.intro>div>.copy{width:100%;height:50%;background-image:url(/f4b660d0f363d4edf857df2b16f1cac3.png);background-position:50%;background-size:35%;background-repeat:no-repeat}#app>.container{display:flex;justify-content:center;align-items:center;width:43.75%;margin:0 auto;overflow-y:auto;background-color:#121212;min-height:100vh}#app>.container.done,#app>.container.qna,#app>.container.terms{width:100%}#app>footer{position:absolute;bottom:0;left:0;padding:0 0 1.1rem 2.4rem;background:transparent;font-family:Kopub Dotum;font-weight:300}#app>footer>.tabs{display:flex;align-items:center;padding:.5rem 0;line-height:1rem}#app>footer>.tabs>.logo{width:6rem;height:1.2rem;background:url(/8e198cb873442a43c8ebabda9eeeb8cc.png);background-repeat:no-repeat;background-size:cover;cursor:pointer;margin-right:.525rem}#app>footer>.tabs>a{padding:0 .325rem;margin-top:.4rem;text-decoration:none;font-size:.6rem;letter-spacing:-.24px;color:#b7b7b7;cursor:pointer}#app>footer>.tabs>a.logo{padding:0}#app>footer>.address{line-height:1.33;color:#777;font-size:.6rem;letter-spacing:-.24px}#app>footer>.address>a{color:#777;font-weight:700}#app>footer>.address>a:hover{color:#aaa}html.mobile{font-size:3.6vw;top:0;left:0;right:0;bottom:0;position:absolute;overflow:auto}html.mobile body{min-width:auto;min-height:auto;position:relative}html.mobile #app{display:block}html.mobile #app>header{padding:1.5rem}html.mobile #app>header.sticky.header{opacity:1;background-color:rgba(0,0,0,.7);transition:opacity .2s ease-in}html.mobile #app>header.sticky:not(.header){opacity:0}html.mobile #app>header>.logo{width:125px;height:20px;margin-top:.2rem}html.mobile #app .intro{display:block;width:100%}html.mobile #app .intro>div{position:relative;display:block;width:100%;content:""}html.mobile #app .intro>div.dim{position:absolute;background-color:rgba(0,0,0,.8)}html.mobile #app .intro>div>.copy{height:50vw}html.mobile #app .intro>div>.corona{font-size:13px;margin:0 auto;padding:10px 20px;text-align:center}html.mobile #app .container{display:block;width:100%;overflow:hidden;min-height:auto}html.mobile #app .container>div:first-child{width:auto;height:auto;padding:2rem;margin:0}html.mobile #app .container.signup .content{margin:8%;padding:7%;width:70%}html.mobile #app .container.terms>div>.term.box{flex:1;-ms-flex:1;-webkit-flex:1;min-height:50vh;max-height:50vh;overflow-y:auto}html.mobile #app .container.terms>div .tab>span{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem;padding:1rem 0}html.mobile #app .container.done{min-height:80vh}html.mobile #app .container.done>div:first-child{margin-top:30vh}html.mobile #app .container.done .title .mobile{display:block}html.mobile #app .container.done footer{text-align:center;position:relative}html.mobile #app .container.done footer button{width:47%}html.mobile #app .container.done footer button:nth-child(2){margin-left:0}html.mobile #app .container .modal-puchase-info .row p span.next{display:block;padding-left:0;padding-top:5px}html.mobile #app .container .purchase .service>.service-item>.service-info>.service-info-price span:first-child{display:block;margin-bottom:.7rem}html.mobile #app .container .purchase .service>.service-item>.service-info footer>span{display:block;line-height:1.1rem}html.mobile #app .container .purchase .service>.service-item button.btn{width:4.2rem;height:2rem;font-size:1rem}html.mobile #app>footer{display:block;position:relative;background:#000;padding:1.5rem}html.mobile #app>footer>.tabs{display:block}html.mobile #app>footer>.tabs>.logo{display:block;margin-bottom:1rem}html.mobile #app>footer>.tabs a{padding:0 5px 0 0}@media only screen and (orientation:portrait){html.tablet{font-size:3.6vw;top:0;left:0;right:0;bottom:0;position:absolute;overflow:auto}html.tablet body{min-width:auto;min-height:auto;position:relative}html.tablet #app{display:block}html.tablet #app>header{padding:1.5rem}html.tablet #app>header.sticky.header{opacity:1;background-color:rgba(0,0,0,.7);transition:opacity .2s ease-in}html.tablet #app>header.sticky:not(.header){opacity:0}html.tablet #app>header>.logo{width:6.6rem;height:1.3rem;margin-top:.2rem}html.tablet #app .intro{display:block;width:100%}html.tablet #app .intro:before{position:relative;display:block;width:100%;content:"";padding-top:75vw}html.tablet #app .container{display:block;width:100%;overflow:hidden;min-height:auto}html.tablet #app .container>div:first-child{width:auto;height:auto;padding:2rem;margin:0}html.tablet #app .container.signup .content{margin:8%;padding:7%;width:70%}html.tablet #app .container.terms>div>.term.box{flex:1;-ms-flex:1;-webkit-flex:1;min-height:50vh;max-height:50vh;overflow-y:auto}html.tablet #app .container.terms>div .tab>span{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem;padding:1rem 0}html.tablet #app .container.done{min-height:80vh}html.tablet #app .container.done>div:first-child{margin-top:35vh}html.tablet #app .container.done footer{text-align:center;position:relative}html.tablet #app .container.done footer button{width:45%}html.tablet #app .container.done footer button:nth-child(2){margin-left:5%}html.tablet #app .container .purchase .service>.service-item>.service-info>.service-info-price span:first-child{display:block;margin-bottom:.7rem}html.tablet #app .container .purchase .service>.service-item>.service-info footer>span{display:block;line-height:1.1rem}html.tablet #app .container .purchase .service>.service-item button.btn{width:4.2rem;height:2rem;font-size:1rem}html.tablet #app>footer{display:block;position:relative;background:#000;padding:1.5rem}html.tablet #app>footer>.tabs{display:block}html.tablet #app>footer>.tabs>.logo{display:block;margin-bottom:1rem}html.tablet #app>footer>.tabs a{padding:0 5px 0 0}}