.ptw-modal{max-width:calc(var(--max-width) + 32px);min-width:var(--min-width);margin:auto;position:fixed;left:0;right:0;bottom:0;height:100vh;height:calc(var(--vh, 1vh)*100);width:100%;transition:.5s;z-index:10;background-color:#fff;overflow:scroll}.ptw-modal.hide{height:0!important;z-index:-1}.ptw-modal.hide .modal-footer,.ptw-modal.hide .modal-navbar{opacity:0;transition:.5s;pointer-events:none;z-index:-1}.ptw-modal .modal-footer,.ptw-modal .modal-navbar{max-width:calc(var(--max-width) + 32px);min-width:var(--min-width);position:fixed;z-index:11;transition:.5s;width:100%}.ptw-modal .modal-navbar{display:flex;height:44px;background-color:#0b0f14;top:0}.ptw-modal .modal-navbar .icon{position:absolute;left:0;top:0;width:28px;margin-left:10px;margin-top:8px}.ptw-modal .modal-navbar .content{text-align:center;font-size:17px;font-weight:600;line-height:1;color:#fff;margin:auto}.ptw-modal .modal-footer{bottom:0}.ptw-modal .modal-footer .buttons{margin:0 12px 32px}.ptw-modal .modal-footer .buttons .action-buttons{margin:auto}.wrapper-input .wrapper-custom-input{height:54px;position:relative;display:flex;box-sizing:border-box;border:1px solid var(--border-deep);border-radius:6px}.wrapper-input .wrapper-custom-input.error{border:1px solid #ce3939}.wrapper-input .wrapper-custom-input .custom-input-change{width:100%;display:flex;justify-content:space-between;padding:11px}.wrapper-input .wrapper-custom-input .custom-input-change .container{width:calc(100% - 20px);box-sizing:border-box}.wrapper-input .wrapper-custom-input .custom-input-change .container .label-password{position:relative;display:flex}.wrapper-input .wrapper-custom-input .custom-input-change .container .text-placeholer{position:absolute;top:8px;left:0;width:150px;height:30px;font-size:16px;font-weight:600;letter-spacing:-.5px;text-align:left;color:grey;font-weight:700;transition:transform .5s}.wrapper-input .wrapper-custom-input .custom-input-change .container .write .text-placeholer{top:7px;left:14px;text-align:left;transform:scale(.83333) translateY(-15px) translateX(-30px);transition:transform .3s;color:#007aff;font-size:12px}.wrapper-input .wrapper-custom-input .custom-input-change .container .write .error{color:#ce3939}.wrapper-input .wrapper-custom-input .custom-input-change .container .custom-input{margin-top:8px;width:90%;height:20px;border:none;outline-style:none}.wrapper-input .wrapper-custom-input .custom-input-change .nickname-length{font-size:12px;margin-top:10px;color:#999}.wrapper-input .wrapper-custom-input .custom-input-change .nickname-length .length{color:var(--bright-blue)}.wrapper-input .wrapper-custom-input .password-input-wrapper .label-password{position:relative;display:flex}.wrapper-input .wrapper-custom-input .password-input-wrapper .password-show img{width:28px;height:28px}.wrapper-input .wrapper-custom-input .password-input-wrapper .password-show .on{display:none}.wrapper-input .wrapper-custom-input .password-input-wrapper .password-show .off,.wrapper-input .wrapper-custom-input .password-input-wrapper .password-show.show .on{display:block}.wrapper-input .wrapper-custom-input .password-input-wrapper .password-show.show .off{display:none}.wrapper-input .wrapper-custom-input .validity-time{position:absolute;top:0;right:0;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto 16px auto 0}.wrapper-input .btn-renew-password{padding:0;font-size:13px;font-weight:600;letter-spacing:-.5px;color:#666;margin-top:16px}.wrapper-input .detail{font-size:12px;font-weight:400;letter-spacing:-.5px;color:#ce3939;margin:8px 0}.wrapper-input.read-only .wrapper-custom-input.inactive{background-color:var(--bg-deep);pointer-events:none}.wrapper-input.read-only .wrapper-custom-input.inactive .custom-input-text.active .placeholder-text{background:transparent;border:none;color:#999;outline-style:none}.wrapper-input.read-only .wrapper-custom-input.red{border:1px solid #ce3939}.wrapper-input.read-only .wrapper-custom-input.red .placeholder.active{color:#ce3939}.wrapper-input.read-only .wrapper-custom-input .input-icon,.wrapper-input.read-only .wrapper-custom-input .input-icon .input-check-img{width:28px;height:28px}.wrapper-input.read-only .wrapper-custom-input .input-character-limit{color:#999;font-size:12px;font-weight:400;letter-spacing:-.5px;margin:auto 16px auto 0}.wrapper-input.read-only .wrapper-custom-input .input-character-limit .active{color:var(--bright-blue)}.wrapper-input.read-only .input-gray{background-color:#f5f5f5}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes fadeOutFromNone{0%{display:block;opacity:1}99%{display:none;opacity:0}to{display:none;opacity:0}}@keyframes fadeOutFromNone{0%{display:block;opacity:1}99%{display:none;opacity:0}to{display:none;opacity:0}}.did-fade-out{display:none!important}@-webkit-keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@-webkit-keyframes bull{0%{transform:scale(2)}}@keyframes bull{0%{transform:scale(2)}}.action-buttons{display:flex;flex-wrap:wrap;height:64px}.action-buttons.fixed-action-buttons{display:flex;margin:0 12px}.action-buttons.fixed-action-buttons.active{z-index:auto}.action-buttons.fixed-action-buttons:not(.active){display:none!important}.action-buttons.fixed-action-buttons:not(.hide){transition:.5s;display:flex;-webkit-animation:fadeInFromNone .5s ease-out;animation:fadeInFromNone .5s ease-out}.action-buttons.fixed-action-buttons.hide{display:none;-webkit-animation:fadeOutFromNone .5s ease-out;animation:fadeOutFromNone .5s ease-out}.action-buttons>div{display:flex}.action-buttons>div.full{width:100%}.action-buttons>div.half{width:50%}.action-buttons>div .btn{flex:1 1;margin:4px;text-align:center;border-radius:6px;display:flex;flex-wrap:wrap;cursor:pointer}.action-buttons>div .btn.grey{border:1px solid rgba(0,32,70,.04);background-color:var(--bg-deep)}.action-buttons>div .btn.grey h3{color:#333}.action-buttons>div .btn.grey h4{color:#999}.action-buttons>div .btn.blue{background-color:var(--bright-blue)}.action-buttons>div .btn.blue h3,.action-buttons>div .btn.blue h4{color:#fff}.action-buttons>div .btn.disabled{border:1px solid var(--bg-border);background-color:var(--bg-deep);pointer-events:none}.action-buttons>div .btn.disabled h3,.action-buttons>div .btn.disabled h4{color:#999}.action-buttons>div .btn div{margin:auto;display:flex;flex-wrap:wrap;justify-content:center}.action-buttons>div .btn div h3{padding-top:2px;width:100%;font-size:16px;font-weight:600;text-align:center;margin:0}.action-buttons>div .btn div h4{margin:0;width:100%;font-size:12px;line-height:1.33}.action-buttons>div .btn div h4 span.origin-price{text-decoration:line-through;margin-right:4px}.sessions-select .sign-up-header{padding:16px 0;text-align:center}.sessions-select .sign-up-header .ptw-logo{display:inline-block;width:30%;min-width:90px;max-width:200px;margin:24px auto}.sessions-select .sign-up-header .title-text{margin-bottom:8px;font-family:AppleSDGothicNeo;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.5px;text-align:center;color:#333330}.sessions-select .sign-up-header .description{color:#999}.sessions-select .footer-navigator-btn{display:none}.sessions-select .btn-wrapper{margin:24px 0}.sessions-select .btn-wrapper .platform-btn{display:flex;border-radius:6px;border:1px solid var(--border-deep);background-color:#fff;padding:0;margin:8px 0;cursor:pointer}.sessions-select .btn-wrapper .platform-btn img{width:54px;height:54px;vertical-align:middle}.sessions-select .btn-wrapper .platform-btn p{margin:auto;padding-top:5px;flex:1 1;font-family:AppleSDGothicNeo;font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.5px;text-align:left}.sessions-select .btn-wrapper .platform-btn.disabled{opacity:.4;cursor:not-allowed}.sessions-select .btn-wrapper .platform-btn.naver{color:#1ec800}.sessions-select .btn-wrapper .platform-btn.kakao{color:#3c1e1e}.sessions-select .btn-wrapper .platform-btn.facebook{color:#1877f2}.sessions-select .btn-wrapper .platform-btn.google{color:rgba(0,0,0,.54)}.sessions-select .btn-wrapper .platform-btn.apple{color:#333}.sessions-select .btn-wrapper .platform-btn.email{color:#828d99}.sessions-select .separator{display:flex;padding:0 16px}.sessions-select .separator .divider{flex:1 1;margin:auto}.sessions-select .separator .content{margin:auto 16px;font-family:AppleSDGothicNeo;font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.31px;text-align:center;color:#bfbfbf}.wrapper-step{margin-bottom:20px}.wrapper-step .step-number{font-size:13px;font-weight:500;letter-spacing:-.5px;text-align:right;margin-bottom:8px}.wrapper-step .step-number span{color:var(--playthe-blue)}.wrapper-step .wrapper-bar{width:100%;display:flex}.wrapper-step .wrapper-bar .bar{width:48%;height:4px;border:1px solid var(--bg-border);border-radius:3px;background-color:#f4f4f8}.wrapper-step .wrapper-bar .bar:first-child{margin-right:10px}.wrapper-step .wrapper-bar .blue-bar{background-color:#0074ff}.sessions-destroy .modal-footer .wrap__agree,.sessions-sign-up .modal-footer .wrap__agree{padding-bottom:20px}.sessions-destroy .modal-footer .wrap__agree span,.sessions-sign-up .modal-footer .wrap__agree span{font-family:Apple SD Gothic Neo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-.5px;color:#666}.sessions-destroy .modal-footer .wrap__agree .agree-bold,.sessions-sign-up .modal-footer .wrap__agree .agree-bold{color:#333;font-weight:600}.sessions-destroy .modal-footer .wrap__agree .agree-underline,.sessions-sign-up .modal-footer .wrap__agree .agree-underline{text-decoration:underline}.sessions-destroy .modal-footer .wrap__agree .clicked,.sessions-sign-up .modal-footer .wrap__agree .clicked{color:var(--playthe-blue);font-weight:600}.sessions-destroy .modal-footer .wrap__agree-content,.sessions-sign-up .modal-footer .wrap__agree-content{height:174px;padding:18px;margin-bottom:20px;border-radius:6px;border:1px solid rgba(0,32,70,.07);background-color:#fff;overflow-y:scroll;display:none}.sessions-destroy .modal-footer .wrap__agree-content.active,.sessions-sign-up .modal-footer .wrap__agree-content.active{display:block}.sessions-destroy .modal-footer .wrap__agree-content p,.sessions-sign-up .modal-footer .wrap__agree-content p{margin-bottom:10px;font-family:Apple SD Gothic Neo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-.5px;color:#999}.sessions-nickname .nickname-length .length.error,.sessions-phone-number .nickname-length .length.error{color:#ce3939!important}.sessions-nickname p.detail2,.sessions-phone-number p.detail2{font-family:AppleSDGothicNeo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-.46px;margin-top:5px;color:#f33}.sessions-confirmation>.confirmation-title,.sessions-phone-number-confirmation>.confirmation-title{padding:24px 0;font-family:AppleSDGothicNeo;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.5px;text-align:center;color:var(--bright-blue)}.sessions-confirmation>.confirmation-title>.subtitle,.sessions-phone-number-confirmation>.confirmation-title>.subtitle{margin-top:8px;padding:0 16px;font-family:AppleSDGothicNeo;font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:-.5px;text-align:center;color:#333;word-break:keep-all}.sessions-confirmation>.confirmation-title>.subtitle>span,.sessions-phone-number-confirmation>.confirmation-title>.subtitle>span{font-weight:600}.sessions-confirmation .btns,.sessions-phone-number-confirmation .btns{display:flex;margin:24px auto auto;justify-content:center}.sessions-confirmation .btns div,.sessions-phone-number-confirmation .btns div{display:inline-block;font-family:AppleSDGothicNeo;font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.23;letter-spacing:-.5px;text-align:right;color:#666}.sessions-confirmation .btns div.separator,.sessions-phone-number-confirmation .btns div.separator{width:1px;height:6px;background-color:#e9e9e9;margin:auto 8px}.sessions-sns{height:calc(100% - 108px)}.sessions-sns .apple,.sessions-sns .content,.sessions-sns .facebook,.sessions-sns .google,.sessions-sns .kakao,.sessions-sns .naver{display:none}.sessions-sns[data-type] .content{display:flex;justify-content:center;align-items:center;height:calc(100% - 136px)}.sessions-sns[data-type=apple] .apple,.sessions-sns[data-type=facebook] .facebook,.sessions-sns[data-type=google] .google,.sessions-sns[data-type=kakao] .kakao,.sessions-sns[data-type=naver] .naver{display:block}.sessions-modal{display:flex}.sessions-modal .sns-icon{width:54px;height:54px;margin-right:-13px}.sessions-modal .modal-navbar{background-color:#fff!important}.sessions-modal .modal-navbar.hide,.sessions-modal .modal-navbar.hide *{display:none!important}.sessions-modal .modal-navbar.first .icon{display:flex}.sessions-modal .modal-navbar.first .back-button{display:none;cursor:pointer}.sessions-modal .modal-navbar .icon{display:none}.sessions-modal .modal-navbar .back-button{display:flex;margin:auto auto auto 10px;cursor:pointer}.sessions-modal .modal-navbar .back-button div{display:inline-block;margin:auto}.sessions-modal .modal-navbar .back-button div.back-icon{width:16px;height:28px}.sessions-modal .modal-navbar .back-button div.back-icon img{width:100%}.sessions-modal .modal-navbar .back-button div.title{flex:1 1;text-align:left;padding-top:3px;margin-left:6px;font-size:15px;line-height:1;color:#333}.sessions-modal .sessions-swiper{flex:1 1;padding:44px 16px 0}.sessions-modal .sessions-swiper .swiper-slide{overflow:scroll}.sessions-modal .sessions-swiper .swiper-slide>div:first-child>.title{padding:24px 0;font-family:AppleSDGothicNeo;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.5px;text-align:left;color:#333330}.sessions-modal .sessions-swiper .swiper-slide>div:first-child>.title>.sub-title{margin-top:8px;font-family:AppleSDGothicNeo;font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.46;letter-spacing:-.5px;color:#333}.sessions-modal .sessions-swiper .swiper-slide>div:first-child .wrapper-custom-input-read-only,.sessions-modal .sessions-swiper .swiper-slide>div:first-child .wrapper-input{margin-bottom:16px}.sessions-modal .sessions-swiper .modal-footer{padding-bottom:44px;background-color:#fff}.sessions-modal .sessions-swiper .modal-footer .buttons{margin-left:0;margin-right:0}.sessions-modal .swiper-slides{display:none}