.btn-google-sign[data-v-4101a86a]{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:50px;color:#3c4043;cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center}.btn-google-sign[data-v-4101a86a]:hover{background-color:rgba(66,133,244,.04);border-color:#d2e3fc}.btn-google-sign .login-icon[data-v-4101a86a]{height:18px;margin-right:10px;width:18px}.btn-google-sign-official[data-v-4101a86a]{cursor:pointer;text-align:center}.btn-google-sign-official img[data-v-4101a86a]{height:50px;width:auto}
.btn-facebook-sign[data-v-04313a74]{align-items:center;background-color:#1877f2;border:1px solid #1877f2;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;margin-top:15px}.btn-facebook-sign .login-icon[data-v-04313a74]{height:24px;margin-right:10px;width:24px}.btn-google-sign-official[data-v-04313a74]{cursor:pointer;text-align:center}.btn-google-sign-official img[data-v-04313a74]{height:50px;width:auto}
.horizontal-drag-bar[data-v-008d810b]{border-radius:8px;height:48px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.horizontal-drag-bar .bg-wrap[data-v-008d810b]{align-items:center;background-color:#f4f4f4;color:#999;display:flex;font-size:16px;font-weight:400;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.horizontal-drag-bar._pass .bg-wrap[data-v-008d810b]{background-color:#4adc91;color:#fff}.horizontal-drag-bar._pass .drag-handle[data-v-008d810b]{cursor:default!important}.horizontal-drag-bar._pass .drag-handle[data-v-008d810b]:before{background-image:url(https://resource-media.obsbothk.com/image/default/8B234653D7234E25A710817A48A9A545-6-2.png)}.horizontal-drag-bar .drag-handle[data-v-008d810b]{background-color:#fff;border-radius:8px;cursor:grab;height:44px;left:2px;position:absolute;top:2px;width:56px;z-index:10}.horizontal-drag-bar .drag-handle[data-v-008d810b]:active{cursor:grabbing}.horizontal-drag-bar .drag-handle[data-v-008d810b]:before{background-image:url(https://resource-media.obsbothk.com/image/default/C7FE2483406247AC9AF0F74E7DD6E544-6-2.png);background-position:50%;background-repeat:no-repeat;background-size:16px 16px;content:"";height:16px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}
.verification-code-wrap .v-title[data-v-ccc4b99e]{font-size:16px;font-weight:400}@media screen and (max-width:567px){.verification-code-wrap .v-title[data-v-ccc4b99e]{text-align:center}}.verification-code-wrap .code-input-wrap[data-v-ccc4b99e]{margin-bottom:24px;margin-top:24px}.verification-code-wrap .verification-input[data-v-ccc4b99e]{display:flex;gap:14px}@media screen and (max-width:567px){.verification-code-wrap .verification-input[data-v-ccc4b99e]{gap:9px}}.verification-code-wrap .verification-input .digit-input[data-v-ccc4b99e]{align-items:center;display:flex;height:64px;justify-content:center;width:56px}.verification-code-wrap .verification-input .digit-input input[data-v-ccc4b99e]{border:1px solid #d6d6d6;border-radius:8px;font-size:24px;font-weight:700;height:100%;outline:3px solid transparent;text-align:center;transition:all .2s;width:100%}.verification-code-wrap .verification-input .digit-input input[data-v-ccc4b99e]::-moz-placeholder{color:transparent}.verification-code-wrap .verification-input .digit-input input[data-v-ccc4b99e]::placeholder{color:transparent}.verification-code-wrap .verification-input .digit-input input[data-v-ccc4b99e]:focus{border-color:#000;outline-color:rgba(0,0,0,.09)}.verification-code-wrap .v-desc[data-v-ccc4b99e]{color:#999;font-size:14px;font-weight:400;text-align:center}.verification-code-wrap .btn-resend[data-v-ccc4b99e]{color:#e60033}.verification-code-wrap .btn-resend[data-v-ccc4b99e]:disabled{color:#999;opacity:1}

.login-wrap{line-height:1.2;padding:100px 0}.login-wrap .login-title{font-size:30px;font-weight:700;margin-bottom:50px;text-align:center}.login-wrap .login-subtitle{font-size:14px;margin-bottom:60px;margin-top:-20px;text-align:center}.login-wrap .login-form{margin:0 auto;max-width:620px}.login-wrap .login-form .info-list{margin-bottom:30px}.login-wrap .action-btn-row{align-items:center;display:flex;margin-top:30px}.login-wrap .action-btn-row a{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.login-wrap .action-btn-row .right-area{margin-left:20px}.login-ob-form .ob-input input{border-radius:8px}.login-ob-form .ob-form-item+.ob-form-item{margin-top:24px}.login-input-wrap{height:48px;position:relative}.login-input-wrap+.login-input-wrap{margin-top:20px}.login-input-wrap .input-icon{height:24px;left:15px;-o-object-fit:contain;object-fit:contain;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:24px}.login-input-wrap input{border:1px solid #d6d6d6;border-radius:10px;height:100%;padding:15px 15px 15px 60px;width:100%}.login-input-wrap.no-icon input{padding-left:15px}.input-group-wrap{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;margin-top:20px}.input-group-wrap .login-input-wrap{flex:1}.input-group-wrap .btn-code{background:#e60033;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:48px;margin-left:20px;padding-left:20px;padding-right:20px;transition:all .3s;width:222px}.input-group-wrap .btn-code.mini{border-radius:100px;min-width:140px;width:auto}@media screen and (max-width:560px){.input-group-wrap .btn-code{font-size:14px;margin-left:10px;padding-left:15px;padding-right:15px;width:auto}}.input-group-wrap .btn-code[disabled]{background:#999;cursor:not-allowed}.login-bottom-20,.login-input-tip{margin-bottom:20px}.login-input-tip{color:#666;font-size:12px;font-weight:400;margin-top:10px}@media screen and (max-width:567px){.login-input-tip{margin-top:8px}}.change-login-type{font-size:14px;margin-top:4px;text-align:right;-webkit-text-decoration:underline;text-decoration:underline}.change-login-type span{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-card-wrap{line-height:1.2;padding:100px 0}@media screen and (max-width:560px){.login-card-wrap{padding:0}}.login-card{background:#fff;border-radius:10px;box-shadow:0 14px 30px 0 rgba(0,0,0,.03);margin-left:auto;margin-right:auto;max-width:560px;padding:60px 80px}.login-card.w520{max-width:520px;padding:56px}@media screen and (max-width:567px){.login-card.w520{padding:40px 20px 80px}}@media screen and (max-width:560px){.login-card{box-shadow:none;padding:40px 20px;width:100%}}.login-card .login-title{font-size:32px;font-weight:700;margin-bottom:30px}@media screen and (max-width:560px){.login-card .login-title{font-size:24px;margin-bottom:24px;text-align:center}}.login-card .login-desc{color:#666;font-size:14px;font-weight:400;margin-bottom:30px;margin-top:-10px}@media screen and (max-width:567px){.login-card .login-desc{text-align:center}}.login-card .type-forget-btn{justify-content:normal;width:auto}.login-card .or-split{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:30px;margin-top:30px}.login-card .or-split span{display:inline-block;margin-left:10px;margin-right:10px}.login-card .or-split:after,.login-card .or-split:before{background-color:#d6d6d6;content:" ";flex:1;height:1px}.login-card .sns-row{align-items:center;display:flex;justify-content:center}.login-card .sns-row .btn-sns{background:#fafafa;border-radius:10px;height:40px;width:80px}.login-card .sns-row .btn-sns+.btn-sns{margin-left:30px}.login-card .sns-row .btn-sns img{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.login-card .sns-row._col{display:block}.login-card .sns-row._col .btn-sns{align-items:center;display:flex;height:40px;justify-content:center;width:100%}.login-card .sns-row._col .btn-sns+.btn-sns{margin-left:0;margin-top:20px}.login-card .sns-row._col .btn-sns .sns-text{font-size:14px;margin-left:20px;min-width:150px;text-align:left}.login-btn-action{align-items:center;background:#fff;border:1px solid #000;border-radius:25px;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;margin-top:20px;transition:all .3s;width:100%}.login-btn-action[disabled]{background:#999!important;cursor:not-allowed}.login-btn-action:hover{opacity:.8}.login-btn-action._red{background:#e60033;border:#e60033;color:#fff}.login-btn-action._lite{border:none;font-size:14px;height:auto;-webkit-text-decoration:underline;text-decoration:underline}.store-user-login{background-color:#fafafa}