.header{background-color:#fff;border-bottom:1px solid #dde0e1;height:70px;left:0;position:sticky;top:0;width:100%;z-index:200}.header header{height:100%}.header__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:auto;max-width:1280px;padding:0 20px;width:100%}.header__logo{display:block;height:100%;width:136px}.header__logo a,.header__logo button{background:url(/images/img-logo.b99d8.svg) no-repeat 0 50%/136px auto;display:block;height:100%;width:100%}.header__login{color:#7a7a7a;font-size:14px;-webkit-transition:.25s;transition:.25s}@media screen and (min-width:768px){.header__login:hover{color:#000}}@media screen and (max-width:768px){.header{height:46px}.header__logo{width:100px}.header__logo a{background:url(/images/img-logo.b99d8.svg) no-repeat 0 calc(50% + 2px)/100px auto}.header__logo button{background-position:0 calc(50% + 2px);background-size:100px auto}.header__login{color:#7a7a7a;font-size:14px;-webkit-transition:.25s;transition:.25s}}@media screen and (max-width:768px)and (min-width:768px){.header__login:hover{color:#000}}
@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes loadingItem{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(1.3);transform:scale(1.3)}80%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes loadingItem{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(1.3);transform:scale(1.3)}80%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes rotateMotion{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateMotion{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:slideUp .5s both;animation:slideUp .5s both;height:100%;position:relative;width:100%}.loading__motion{-webkit-animation:rotateMotion .8s linear infinite;animation:rotateMotion .8s linear infinite;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCIgdmlld0JveD0iMCAwIDU0IDU0Ij4KICA8cGF0aCBpZD0iaWNfNTRfZ3JheSIgZD0iTTI2Ljc1Niw1My44OTJBMjcuMDA3LDI3LjAwNywwLDAsMSwxNi4yNDYsMi4wMTQsMjcuMDA3LDI3LjAwNywwLDAsMSwzNy4yNjYsNTEuNzcsMjYuODMyLDI2LjgzMiwwLDAsMSwyNi43NTYsNTMuODkyWm0wLTQ4YTIwLjkzNCwyMC45MzQsMCwxLDAsOC4xNzQsMS42NUEyMC44NywyMC44NywwLDAsMCwyNi43NTYsNS44OTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjI0NCAwLjEwOCkiIGZpbGw9IiNlNWU1ZTUiLz4KICA8cGF0aCBpZD0iaWNfNTRfeWVsbG93IiBkPSJNMjYuNzU2LDUzLjg5MkEyNy4wMDcsMjcuMDA3LDAsMCwxLDE2LjI0NiwyLjAxNCwyNi44NDEsMjYuODQxLDAsMCwxLDI2Ljc1Ni0uMTA4djZoLS4wMDlhMjEuMDA1LDIxLjAwNSwwLDAsMC04LjE2Niw0MC4zNDksMjAuOTgyLDIwLjk4MiwwLDAsMCwyMy4wMjQtNC41LDIxLjIsMjEuMiwwLDAsMCwyLjAyOC0yLjM0N2w0LjgyMiwzLjU3MmEyNy4zMjUsMjcuMzI1LDAsMCwxLTIuNjA3LDMuMDE5LDI2LjkxLDI2LjkxLDAsMCwxLTE5LjA5Miw3LjkwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjQ0IDAuMTA4KSIgZmlsbD0iI2ZmZDUyOCIvPgo8L3N2Zz4K) no-repeat 50% 50%/100% auto;display:inline-block;height:54px;width:54px}.loading__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.loading__item span{-webkit-animation:loadingItem 1s linear infinite;animation:loadingItem 1s linear infinite;background-color:#ddd;border-radius:100%;display:inline-block;height:10px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.loading__item span:nth-of-type(2){-webkit-animation-delay:.1s;animation-delay:.1s}.loading__item span:nth-of-type(3){-webkit-animation-delay:.2s;animation-delay:.2s}.loading__item span+span{margin-left:5px}
.banner__wrap{background-position:50% 0;background-repeat:no-repeat;background-size:auto 100%;height:235px}@media screen and (max-width:768px){.banner__wrap{height:180px}}
@-webkit-keyframes stepCircle{0%{background-color:#fff;border-color:#e1e4e5;color:#7a7a7a}to{background-color:#fee52c;border-color:#fee52c;color:#404040}}@keyframes stepCircle{0%{background-color:#fff;border-color:#e1e4e5;color:#7a7a7a}to{background-color:#fee52c;border-color:#fee52c;color:#404040}}@-webkit-keyframes stepFlowLine{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes stepFlowLine{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes stepChecked{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes stepChecked{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes stepIntroShow{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes stepIntroShow{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modal--otp-setting .otp-setting{background-color:#fff;height:calc(100vh - 100px);max-height:700px;overflow:auto;position:relative;width:570px}.modal--otp-setting .otp-setting__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e1e4e5;height:56px}.modal--otp-setting .otp-setting__head h3{color:#404040;font-size:16px;font-weight:400;padding-left:30px}.modal--otp-setting .otp-setting__head .btn-modal-close{height:56px;margin-right:5px;position:relative;width:56px}.modal--otp-setting .otp-setting__head .btn-modal-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modal--otp-setting .otp-setting__head .btn-modal-close:after,.modal--otp-setting .otp-setting__head .btn-modal-close:before{background-color:#7a7a7a;border-radius:2px;bottom:0;content:"";height:18px;left:0;margin:auto;position:absolute;right:0;top:0;width:2px}.modal--otp-setting .otp-setting__head .btn-modal-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal--otp-setting .otp-setting__body{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:calc(100% - 57px);overflow:auto;padding-bottom:92px;position:relative}.modal--otp-setting .otp-setting__step{-webkit-animation:stepIntroShow .5s both;animation:stepIntroShow .5s both;margin:auto;padding:40px 0;width:360px}.modal--otp-setting .otp-setting__step__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.modal--otp-setting .otp-setting__step__item{color:#7a7a7a;font-size:12px;font-weight:400;line-height:1.25;position:relative;text-align:center;-webkit-transition:.5s;transition:.5s;width:90px}.modal--otp-setting .otp-setting__step__item span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #e1e4e5;border-radius:100%;color:#7a7a7a;font-size:16px;font-weight:500;height:40px;margin:0 auto 14px;position:relative;width:40px}.modal--otp-setting .otp-setting__step__item strong{font-weight:400}.modal--otp-setting .otp-setting__step__item.active{color:#404040}.modal--otp-setting .otp-setting__step__item.active span{-webkit-animation:stepCircle .5s .2s both;animation:stepCircle .5s .2s both}.modal--otp-setting .otp-setting__step__item.active strong{font-weight:500}.modal--otp-setting .otp-setting__step__item+li:before{background-color:#e1e4e5;content:"";height:1px;left:-25px;position:absolute;top:19px;width:50px;z-index:-2}.modal--otp-setting .otp-setting__step__item+li:after{background-color:#fee52c;content:"";height:2px;left:-25px;position:absolute;top:19px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;width:50px;z-index:-1}.modal--otp-setting .otp-setting__step__item+li.active:after{-webkit-animation:stepFlowLine .5s .5s both;animation:stepFlowLine .5s .5s both}.modal--otp-setting .otp-setting__step__item+li.active span{-webkit-animation:stepCircle .5s 1s both;animation:stepCircle .5s 1s both}.modal--otp-setting .otp-setting__step__item.checked span:before{-webkit-animation:stepChecked 1s both;animation:stepChecked 1s both;background:#fee52c url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNfY2giIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxyZWN0IGlkPSLsgqzqsIHtmJVfMjE1NSIgZGF0YS1uYW1lPSLsgqzqsIHtmJUgMjE1NSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9Iu2MqOyKpF80NDEiIGRhdGEtbmFtZT0i7Yyo7IqkIDQ0MSIgZD0iTTI2MC4wMjIsNDk2LjY3NGw1LjM0NCw1LjM0NCwzLjI2NS0zLjI2NSw3LjI4NC03LjI4NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1NS42ODkgLTQ4NS4yNDMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;border-radius:100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.modal--otp-setting .otp-setting__step__item-last:after,.modal--otp-setting .otp-setting__step__item-last:before{display:none}.modal--otp-setting .otp-setting .setting-box{-webkit-animation:stepIntroShow .5s both;animation:stepIntroShow .5s both;margin:auto;padding:0 30px}.modal--otp-setting .otp-setting .setting-box+.setting-box{padding-top:20px}.modal--otp-setting .otp-setting .setting-box__title{color:#000;font-size:16px}.modal--otp-setting .otp-setting .step-01 .setting-box__agree-info{background-color:#f5f6f7;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#7a7a7a;font-size:13px;font-weight:400;height:300px;line-height:1.7;margin:14px auto;overflow-y:auto;padding:20px;white-space:pre-wrap;width:100%}.modal--otp-setting .otp-setting .step-01 .setting-box__agree-info--item{color:#7a7a7a;font-size:13px;line-height:18px;padding:3px 0 3px 7px;position:relative}.modal--otp-setting .otp-setting .step-01 .setting-box__agree-info--item:before{background-color:#7a7a7a;content:"";height:1px;left:0;position:absolute;top:12px;width:1px}.modal--otp-setting .otp-setting .step-02 .setting-box__input-box{background-color:#fff;border:1px solid #e1e4e5;border-radius:4px;margin:14px auto 12px}.modal--otp-setting .otp-setting .step-02 .setting-box__input-box input{border:0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#404040;display:block;font-size:13px;line-height:1;outline:0;padding:12px 14px;width:100%}.modal--otp-setting .otp-setting .step-02 .setting-box__input-box input::-webkit-input-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-02 .setting-box__input-box input::-moz-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-02 .setting-box__input-box input:-ms-input-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-02 .setting-box__input-box input::-ms-input-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-02 .setting-box__input-box input::placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-02 .setting-box .loading-box{height:128px}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy{display:-webkit-box;display:-ms-flexbox;display:flex;padding:14px 0 12px}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;-ms-flex-negative:0;background-color:#f5f6f7;border-radius:4px;flex-shrink:0;height:102px;width:112px}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dt .qr-box{background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;background-size:90px auto;border:1px solid #e1e4e5;border-radius:4px;font-size:10px;height:74px;width:74px}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dt .qr-box img{display:block;margin:3px auto 0}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f6f7;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#9e9e9e;font-size:13px;height:102px;margin-left:8px;padding:20px;width:100%}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dd p{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;-ms-flex-negative:0;flex-shrink:0;text-align:center}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dd p em{color:#404040}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dd .btn-copy{background-color:#fff;border:1px solid #e1e4e5;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#404040;font-size:14px;height:44px;margin-left:22px;padding:0 15px;-webkit-transition:.25s;transition:.25s;width:100%}@media screen and (min-width:768px){.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dd .btn-copy:hover{border-color:#9e9e9e}}.modal--otp-setting .otp-setting .step-02 .setting-box__info{color:#9e9e9e;font-size:12px;padding:2px 0 2px 10px;position:relative}.modal--otp-setting .otp-setting .step-02 .setting-box__info:before{background-color:#9e9e9e;content:"";height:2px;left:2px;position:absolute;top:10px;width:2px}.modal--otp-setting .otp-setting .step-03 .setting-box__input-box{background-color:#fff;border:1px solid #e1e4e5;border-radius:4px;margin:14px auto 12px}.modal--otp-setting .otp-setting .step-03 .setting-box__input-box input{border:0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#404040;display:block;font-size:13px;line-height:1;outline:0;padding:12px 14px;width:100%}.modal--otp-setting .otp-setting .step-03 .setting-box__input-box input::-webkit-input-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-03 .setting-box__input-box input::-moz-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-03 .setting-box__input-box input:-ms-input-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-03 .setting-box__input-box input::-ms-input-placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-03 .setting-box__input-box input::placeholder{color:#7a7a7a}.modal--otp-setting .otp-setting .step-03 .setting-box__info{color:#9e9e9e;font-size:12px;padding:2px 0 2px 10px;position:relative}.modal--otp-setting .otp-setting .step-03 .setting-box__info:before{background-color:#9e9e9e;content:"";height:2px;left:2px;position:absolute;top:10px;width:2px}.modal--otp-setting .otp-setting .step-04{height:380px;width:100%}.modal--otp-setting .otp-setting .step-05 .complete-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:550px;padding:0 20px}.modal--otp-setting .otp-setting .step-05 .complete-box .icon-check{-webkit-animation:stepChecked .5s both;animation:stepChecked .5s both;background-color:#fee52c;border-radius:100%;display:inline-block;height:60px;margin-bottom:20px;position:relative;width:60px}.modal--otp-setting .otp-setting .step-05 .complete-box .icon-check:before{-webkit-animation:stepChecked .5s .2s both;animation:stepChecked .5s .2s both;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNfY2giIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxyZWN0IGlkPSLsgqzqsIHtmJVfMjE1NSIgZGF0YS1uYW1lPSLsgqzqsIHtmJUgMjE1NSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9Iu2MqOyKpF80NDEiIGRhdGEtbmFtZT0i7Yyo7IqkIDQ0MSIgZD0iTTI2MC4wMjIsNDk2LjY3NGw1LjM0NCw1LjM0NCwzLjI2NS0zLjI2NSw3LjI4NC03LjI4NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1NS42ODkgLTQ4NS4yNDMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%/28px auto;bottom:0;content:"";height:28px;left:0;margin:auto;position:absolute;right:0;top:0;width:28px}.modal--otp-setting .otp-setting .step-05 .complete-box p{padding-bottom:12px;text-align:center}.modal--otp-setting .otp-setting .step-05 .complete-box p strong{color:#000;font-size:24px;font-weight:500;line-height:1.2}.modal--otp-setting .otp-setting .step-05 .complete-box p span{color:#7a7a7a;font-size:12px;font-weight:400}.modal--otp-setting .otp-setting .btn-step-next{background-color:#edeff0;border-radius:4px;bottom:20px;color:#9e9e9e;display:block;font-size:15px;height:52px;left:0;margin:auto;position:absolute;right:0;width:520px}.modal--otp-setting .otp-setting .btn-step-next.active{background-color:#fee500;color:#404040}@media screen and (max-width:768px){.modal--otp-setting .otp-setting{min-height:100vh;min-width:320px;width:100vw}.modal--otp-setting .otp-setting__head h3{padding-left:20px}.modal--otp-setting .otp-setting__head .btn-modal-close{margin-right:0;width:50px}.modal--otp-setting .otp-setting__step{max-width:570px;width:100%}.modal--otp-setting .otp-setting .setting-box{max-width:570px;padding:0 20px}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy{-webkit-box-pack:center;-ms-flex-pack:center;background-color:#f5f6f7;border-radius:4px;justify-content:center;margin:14px auto 12px;padding:8px 0}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dt{-webkit-box-pack:end;-ms-flex-pack:end;background-color:rgba(0,0,0,0);justify-content:flex-end;max-width:104px;width:96px}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dd{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:rgba(0,0,0,0);-ms-flex-direction:column;flex-direction:column;font-size:12px;margin-left:10px;max-width:320px;padding:14px 20px 14px 0}.modal--otp-setting .otp-setting .step-02 .setting-box__code-copy dd .btn-copy{margin-left:0}.modal--otp-setting .otp-setting .btn-step-next{max-width:570px;width:calc(100% - 40px)}}
.modal--alert{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto}.modal--alert,.modal--alert .modal__container{min-width:100%}.modal--alert .modal-alert{background-color:#fff;border-radius:8px;position:relative;width:288px;z-index:3}.modal--alert .modal-alert__text{-webkit-box-sizing:border-box;box-sizing:border-box;color:#7a7a7a;font-size:14px;padding:40px 10px;text-align:center}.modal--alert .modal-alert__btn-close{color:#404040;font-size:15px;height:52px;position:relative;width:100%}.modal--alert .modal-alert__btn-close:before{background-color:#e1e4e5;content:"";height:1px;left:0;margin:auto;position:absolute;right:0;top:0;width:calc(100% - 56px)}.modal--alert .modal-dimed{background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}
@-webkit-keyframes stepCircle{0%{background-color:#fff;border-color:#e1e4e5;color:#7a7a7a}to{background-color:#fee52c;border-color:#fee52c;color:#404040}}@keyframes stepCircle{0%{background-color:#fff;border-color:#e1e4e5;color:#7a7a7a}to{background-color:#fee52c;border-color:#fee52c;color:#404040}}@-webkit-keyframes stepFlowLine{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes stepFlowLine{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes stepChecked{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes stepChecked{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes stepIntroShow{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes stepIntroShow{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modal--otp-cancel .otp-setting{background-color:#fff;height:calc(100vh - 100px);max-height:700px;overflow:auto;position:relative;width:570px}.modal--otp-cancel .otp-setting__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e1e4e5;height:56px}.modal--otp-cancel .otp-setting__head h3{color:#404040;font-size:16px;font-weight:400;padding-left:30px}.modal--otp-cancel .otp-setting__head .btn-modal-close{height:56px;margin-right:5px;position:relative;width:56px}.modal--otp-cancel .otp-setting__head .btn-modal-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modal--otp-cancel .otp-setting__head .btn-modal-close:after,.modal--otp-cancel .otp-setting__head .btn-modal-close:before{background-color:#7a7a7a;border-radius:2px;bottom:0;content:"";height:18px;left:0;margin:auto;position:absolute;right:0;top:0;width:2px}.modal--otp-cancel .otp-setting__head .btn-modal-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal--otp-cancel .otp-setting__body{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:calc(100% - 57px);overflow:auto;padding-bottom:92px;position:relative}.modal--otp-cancel .otp-setting__step{-webkit-animation:stepIntroShow .5s both;animation:stepIntroShow .5s both;margin:auto;padding:40px 0;width:360px}.modal--otp-cancel .otp-setting__step__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.modal--otp-cancel .otp-setting__step__item{color:#7a7a7a;font-size:12px;font-weight:400;line-height:1.25;position:relative;text-align:center;-webkit-transition:.5s;transition:.5s;width:150px}.modal--otp-cancel .otp-setting__step__item span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #e1e4e5;border-radius:100%;color:#7a7a7a;font-size:16px;font-weight:500;height:40px;margin:0 auto 14px;position:relative;width:40px}.modal--otp-cancel .otp-setting__step__item strong{font-weight:400}.modal--otp-cancel .otp-setting__step__item.active{color:#404040}.modal--otp-cancel .otp-setting__step__item.active span{-webkit-animation:stepCircle .5s .2s both;animation:stepCircle .5s .2s both}.modal--otp-cancel .otp-setting__step__item.active strong{font-weight:500}.modal--otp-cancel .otp-setting__step__item+li:before{background-color:#e1e4e5;content:"";height:1px;left:-55px;position:absolute;top:19px;width:110px;z-index:-2}.modal--otp-cancel .otp-setting__step__item+li:after{background-color:#fee52c;content:"";height:2px;left:-55px;position:absolute;top:19px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;width:110px;z-index:-1}.modal--otp-cancel .otp-setting__step__item+li.active:after{-webkit-animation:stepFlowLine .5s .5s both;animation:stepFlowLine .5s .5s both}.modal--otp-cancel .otp-setting__step__item+li.active span{-webkit-animation:stepCircle .5s 1s both;animation:stepCircle .5s 1s both}.modal--otp-cancel .otp-setting__step__item.checked span:before{-webkit-animation:stepChecked 1s both;animation:stepChecked 1s both;background:#fee52c url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNfY2giIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxyZWN0IGlkPSLsgqzqsIHtmJVfMjE1NSIgZGF0YS1uYW1lPSLsgqzqsIHtmJUgMjE1NSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9Iu2MqOyKpF80NDEiIGRhdGEtbmFtZT0i7Yyo7IqkIDQ0MSIgZD0iTTI2MC4wMjIsNDk2LjY3NGw1LjM0NCw1LjM0NCwzLjI2NS0zLjI2NSw3LjI4NC03LjI4NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1NS42ODkgLTQ4NS4yNDMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;border-radius:100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.modal--otp-cancel .otp-setting__step__item-last:after,.modal--otp-cancel .otp-setting__step__item-last:before{display:none}.modal--otp-cancel .otp-setting .setting-box{-webkit-animation:stepIntroShow .5s both;animation:stepIntroShow .5s both;padding:0 30px}.modal--otp-cancel .otp-setting .setting-box+.setting-box{padding-top:20px}.modal--otp-cancel .otp-setting .setting-box__title{color:#000;font-size:16px}.modal--otp-cancel .otp-setting .step-01 .setting-box .cancel-type{background-color:#f5f6f7;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:14px auto 20px;padding:26px 0 30px;text-align:center}.modal--otp-cancel .otp-setting .step-01 .setting-box .cancel-type__title{color:#404040;display:block;font-size:14px;font-weight:400;text-align:center}.modal--otp-cancel .otp-setting .step-01 .setting-box .cancel-type__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 20px 0}.modal--otp-cancel .otp-setting .step-01 .setting-box .cancel-type__item{background-color:#fff;border:1px solid #e1e4e5;border-radius:4px;color:#333334;font-size:13px;height:44px;-webkit-transition:.25s;transition:.25s;width:226px}.modal--otp-cancel .otp-setting .step-01 .setting-box .cancel-type__item.active{background-color:#404040;border-color:#404040;color:#fff}.modal--otp-cancel .otp-setting .step-01 .setting-box .cancel-type__item+button{margin-left:8px}.modal--otp-cancel .otp-setting .step-01 .setting-box__input-box{background-color:#fff;border:1px solid #e1e4e5;border-radius:4px;margin:14px auto 12px}.modal--otp-cancel .otp-setting .step-01 .setting-box__input-box input{border:0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#404040;display:block;font-size:13px;line-height:1;outline:0;padding:12px 14px;width:100%}.modal--otp-cancel .otp-setting .step-01 .setting-box__input-box input::-webkit-input-placeholder{color:#7a7a7a}.modal--otp-cancel .otp-setting .step-01 .setting-box__input-box input::-moz-placeholder{color:#7a7a7a}.modal--otp-cancel .otp-setting .step-01 .setting-box__input-box input:-ms-input-placeholder{color:#7a7a7a}.modal--otp-cancel .otp-setting .step-01 .setting-box__input-box input::-ms-input-placeholder{color:#7a7a7a}.modal--otp-cancel .otp-setting .step-01 .setting-box__input-box input::placeholder{color:#7a7a7a}.modal--otp-cancel .otp-setting .step-01 .setting-box .loading-box{height:128px}.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy{display:-webkit-box;display:-ms-flexbox;display:flex;padding:14px 0 12px}.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;-ms-flex-negative:0;background-color:#f5f6f7;border-radius:4px;flex-shrink:0;height:102px;width:112px}.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy dt .qr-box{background-color:#fff;border:1px solid #e1e4e5;border-radius:4px;height:74px;width:74px}.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy dd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f6f7;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#9e9e9e;font-size:13px;height:102px;margin-left:8px;padding:20px;width:100%}.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy dd p{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;-ms-flex-negative:0;flex-shrink:0}.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy dd p em{color:#404040}.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy dd .btn-copy{background-color:#fff;border:1px solid #e1e4e5;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#404040;font-size:14px;height:44px;margin-left:22px;padding:0 15px;-webkit-transition:.25s;transition:.25s;width:100%}@media screen and (min-width:768px){.modal--otp-cancel .otp-setting .step-01 .setting-box__code-copy dd .btn-copy:hover{border-color:#9e9e9e}}.modal--otp-cancel .otp-setting .step-01 .setting-box__info{color:#9e9e9e;font-size:12px;padding:2px 0 2px 10px;position:relative}.modal--otp-cancel .otp-setting .step-01 .setting-box__info:before{background-color:#9e9e9e;content:"";height:2px;left:2px;position:absolute;top:10px;width:2px}.modal--otp-cancel .otp-setting .step-02{height:380px;width:100%}.modal--otp-cancel .otp-setting .step-03 .complete-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:550px}.modal--otp-cancel .otp-setting .step-03 .complete-box .icon-check{-webkit-animation:stepChecked .5s both;animation:stepChecked .5s both;background-color:#fee52c;border-radius:100%;display:inline-block;height:60px;margin-bottom:20px;position:relative;width:60px}.modal--otp-cancel .otp-setting .step-03 .complete-box .icon-check:before{-webkit-animation:stepChecked .5s .2s both;animation:stepChecked .5s .2s both;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNfY2giIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxyZWN0IGlkPSLsgqzqsIHtmJVfMjE1NSIgZGF0YS1uYW1lPSLsgqzqsIHtmJUgMjE1NSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9Iu2MqOyKpF80NDEiIGRhdGEtbmFtZT0i7Yyo7IqkIDQ0MSIgZD0iTTI2MC4wMjIsNDk2LjY3NGw1LjM0NCw1LjM0NCwzLjI2NS0zLjI2NSw3LjI4NC03LjI4NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1NS42ODkgLTQ4NS4yNDMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%/28px auto;bottom:0;content:"";height:28px;left:0;margin:auto;position:absolute;right:0;top:0;width:28px}.modal--otp-cancel .otp-setting .step-03 .complete-box p{padding-bottom:12px;text-align:center}.modal--otp-cancel .otp-setting .step-03 .complete-box p strong{color:#000;font-size:24px;font-weight:500;line-height:1.2}.modal--otp-cancel .otp-setting .step-03 .complete-box p span{color:#7a7a7a;font-size:12px;font-weight:400}.modal--otp-cancel .otp-setting .btn-step-next{background-color:#edeff0;border-radius:4px;bottom:20px;color:#9e9e9e;display:block;font-size:15px;height:52px;left:0;margin:auto;position:absolute;right:0;width:520px}.modal--otp-cancel .otp-setting .btn-step-next.active{background-color:#fee500;color:#404040}@media screen and (max-width:768px){.modal--otp-cancel .otp-setting{min-height:100vh;min-width:320px;width:100vw}.modal--otp-cancel .otp-setting__head h3{padding-left:20px}.modal--otp-cancel .otp-setting__head .btn-modal-close{margin-right:0;width:50px}.modal--otp-cancel .otp-setting__step{max-width:360px;width:100%}.modal--otp-cancel .otp-setting .setting-box{margin:auto;max-width:360px;padding:0 20px}.modal--otp-cancel .otp-setting .btn-step-next{max-width:360px;width:calc(100% - 40px)}}