@-webkit-keyframes loadingAnimation{0%,50%,to{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loadingAnimation{0%,50%,to{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes show{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes show{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes hide{0%{display:block;opacity:1}99%{display:block;opacity:0}to{display:none;opacity:0}}@keyframes hide{0%{display:block;opacity:1}99%{display:block;opacity:0}to{display:none;opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}body{color:#252525;line-height:1.5}.video{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(-1,1);-ms-transform:translate(-50%,-50%) scale(-1,1);transform:translate(-50%,-50%) scale(-1,1);min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1}.video.rear{-webkit-transform:translate(-50%,-50%) scale(1,1);-ms-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1)}.container .uiWrap .stepWrap #textWrap,img{width:100%}body,p{margin:0}i.icon.size_18{display:block;background:left top/90px 90px url(/static/img/iconset.svg) no-repeat;width:18px;height:18px;margin:0}i.icon.size_24{display:block;background:left top/120px 120px url(/static/img/iconset.svg) no-repeat;width:24px;height:24px;margin:0}i.icon.size_30{display:block;background:left top/150px 150px url(/static/img/iconset.svg) no-repeat;width:30px;height:30px;margin:0}i.icon.size_40{display:block;background:left top/200px 200px url(/static/img/iconset.svg) no-repeat;width:40px;height:40px;margin:0}i.icon.camera.size_18{background-position:0 0}i.icon.camera-change.size_40{background-position:-160px 0}i.icon.camera-green.size_30{background-position:-90px 0}i.icon.reload.size_18{background-position:-18px 0}i.icon.help.size_24{background-position:-48px 0}.blur{-webkit-filter:blur(5px);filter:blur(5px)}.nextIcon,.prevIcon{position:relative}.nextIcon::before,.prevIcon::before{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:18px;height:18px;border-radius:50%}.nextIcon::after,.prevIcon::after{content:"";position:absolute;top:50%;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff}.prevIcon::before{left:.75rem;background:#252525}.prevIcon::after{left:1.1rem;-webkit-transform:translate(0,-50%) rotate(-135deg);-ms-transform:translate(0,-50%) rotate(-135deg);transform:translate(0,-50%) rotate(-135deg);border-color:#fff}.nextIcon::before{right:.75rem;background:#fff}.nextIcon::after{right:1.1rem;-webkit-transform:translate(0,-50%) rotate(45deg);-ms-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg);border-color:#629036}#ekyc *,.container .uiWrap .stepWrap{-webkit-box-sizing:border-box;box-sizing:border-box}.container,.container .uiWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.container{position:relative;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:100vh;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.75)));background:linear-gradient(transparent 50%,rgba(0,0,0,.75) 100%);margin:0;padding:0}.container .uiWrap{width:100vw}.container .uiWrap .stepWrap{color:#fff;width:70vw;margin:0 auto}.container #confirm .frameWrap h2,.container .uiWrap .stepWrap #textWrap h2{display:inline-block;margin:0 0 .25rem;padding:0;font-size:1.414rem;line-height:1.5;border-bottom:2px solid #629036}.container .uiWrap .shuffleWrap{position:absolute;top:calc(60px + 75vw);right:2.5rem;color:#fff;font-size:.8rem}.container .uiWrap .shuffleWrap .helpBtn{cursor:pointer}.container .uiWrap .shuffleWrap .shuffleBtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.25rem .5rem;border-radius:4px;border:1px solid #fff;font-size:.8rem;cursor:pointer}.container .uiWrap .shuffleWrap .helpItem{position:absolute;display:none;top:-62px;right:0;color:#212121;background:rgba(255,255,255,.9);width:300px;padding:.5rem;font-size:.8rem;border-radius:4px;-webkit-animation:hide .3s ease forwards;animation:hide .3s ease forwards}.container .uiWrap .shuffleWrap .helpItem.show{display:block;-webkit-animation:show .3s ease forwards;animation:show .3s ease forwards}.container .uiWrap .shuffleWrap .helpItem:after{content:"";position:absolute;bottom:-16px;right:4px;width:0;height:0;border:8px solid transparent;border-top:12px solid #fff}.container .changeCamWrap,.container .step-list,.container .uiWrap .shuffleWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.container .changeCamWrap{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem;bottom:1.5rem;right:1.5rem;border:0;color:#fff;background-color:transparent;font-size:1rem}.container .changeCamWrap.hide,.container .uiWrap .stepWrap #textWrap .onceAgain{display:none}.container .step-list{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:1rem auto 1.5rem;padding:0;counter-reset:step}.container .step-list .step__item{display:block;position:relative;width:20px;height:20px;margin:0 1rem 0 0;counter-increment:step}.container .step-list .step__item:last-of-type{margin:0}.container .step-list .step__item:last-of-type::after{display:none}.container .step-list .step__item::after,.container .step-list .step__item::before{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.container .step-list .step__item::before{content:counter(step);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;color:#fff;background:0 0;width:20px;font-size:.8rem;text-align:center;line-height:1;border:1px solid #fff;border-radius:50%;z-index:2;height:20px}.container .step-list .step__item::after{content:"";display:block;right:calc(-1rem - 1px);width:1rem;height:2px;background:#fff}.container .step-list .step__item.current::before{background:#558b2f;font-weight:700;border:1px solid #558b2f}.container .frameWrap{position:relative;width:70vw;height:70vw;max-width:360px;max-height:360px;margin:0 auto 1rem}.container .frameWrap #imgWrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:75vw;height:75vw;max-width:340px;max-height:340px}.container .frameWrap #imgWrap .sampleImg.medium{width:90%}.container .frameWrap #imgWrap .sampleImgSec{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,77%);-ms-transform:translate(-50%,77%);transform:translate(-50%,77%)}.container .frameWrap .frameBorder{position:absolute;width:48px;height:48px;border:2px solid transparent}.container .frameWrap .frameBorder.leftTop{top:0;left:0;border-radius:16px 0 0 0;border-top:2px solid #629036;border-left:2px solid #629036}.container .frameWrap .frameBorder.rightTop{top:0;right:0;border-radius:0 16px 0 0;border-top:2px solid #629036;border-right:2px solid #629036}.container .frameWrap .frameBorder.leftBottom{bottom:0;left:0;border-radius:0 0 0 16px;border-bottom:2px solid #629036;border-left:2px solid #629036}.container .frameWrap .frameBorder.rightBottom{bottom:0;right:0;border-radius:0 0 16px 0;border-bottom:2px solid #629036;border-right:2px solid #629036}.container .btn{display:block;margin:4rem auto 0;color:#fff;background:#629036;width:150px;padding:.75rem .5rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-radius:24px;font-size:1rem;text-align:center;outline:0;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.4);box-shadow:0 4px 5px 0 rgba(0,0,0,.4);-webkit-transition:.3s;transition:.3s;cursor:pointer}.container .btn:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.container .btn.nextBtn,.container .btn.prevBtn,.container .btn.shutterBtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.container .btn.shutterBtn,.container .btn.shutterBtn:before{position:absolute;left:50%;border:1px solid #629036;border-radius:50%}.container .btn.shutterBtn{bottom:1rem;background:#fff;-webkit-box-shadow:0 0 16px -4px #fff;box-shadow:0 0 16px -4px #fff;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:72px;height:72px}.container .btn.shutterBtn:before{content:"";display:block;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:translarent;width:58px;height:58px}.container .btn.nextBtn,.container .btn.prevBtn{position:relative}.container .btn.prevBtn{color:#252525;background:#f0f0f0;margin:0 .75rem 0 0;padding:.75rem 1rem .75rem 2rem}.container .btn.nextBtn{margin:0 0 0 .75rem;padding:.75rem 2rem .75rem 1rem}.container .fullScreenWrap{position:absolute;width:100%;height:100%;background:#fff;max-height:100vh;margin:0;padding:0;z-index:10}.container .fullScreenWrap.loadView{display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.6);-webkit-animation:hide .3s ease forwards;animation:hide .3s ease forwards}.container .fullScreenWrap.loadView.show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-animation:show .3s ease forwards;animation:show .3s ease forwards}.container .fullScreenWrap.loadView .loader{position:relative;display:block;-webkit-transform:scale(.4);-ms-transform:scale(.4);transform:scale(.4);width:16px;height:16px;margin:0 .25rem;background-color:#fff;border-radius:100%;-webkit-animation:loadingAnimation 1.2s infinite linear both;animation:loadingAnimation 1.2s infinite linear both}.container .fullScreenWrap.loadView .loader:first-of-type{-webkit-animation-delay:-.16s;animation-delay:-.16s}.container .fullScreenWrap.loadView .loader:last-of-type{-webkit-animation-delay:.16s;animation-delay:.16s}.container .fullScreenWrap .errorView{opacity:0}.container .fullScreenWrap .titleWrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.container .fullScreenWrap .titleWrap img{display:block;width:120px;margin:0 auto .5rem}.container .fullScreenWrap .titleWrap h2{margin:0 auto 2rem;font-size:1.414rem;text-align:center}.container .fullScreenWrap .titleWrap p{margin:0 auto;text-align:center}.container .fullScreenWrap .endBtn,.container .fullScreenWrap .startBtn{position:absolute;bottom:2rem;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.container .fullScreenWrap .endBtn{text-decoration:none;background:#eee;color:#252525}.container #confirm{background:0 0}.container #confirm.fullScreenWrap{height:auto}.container #confirm .frameWrap{width:calc(100vw - 2rem);height:auto;max-height:unset;margin:0 auto}.container #confirm .frameWrap #imgWrap{position:relative;top:unset;left:unset;-webkit-transform:unset;-ms-transform:unset;transform:unset;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#f0f0f0;width:100%;height:100%;max-height:unset;margin:1rem auto 0;padding:1rem}.container #confirm .frameWrap #imgWrap .sampleImg{width:auto;max-width:100%;height:100%;max-height:50vh}.container #confirm .btnWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:calc(-48px - 16px);left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:calc(100vw - 2rem)}.fadeIn{-webkit-animation:fadeIn .4s both;animation:fadeIn .4s both}.fadeOut{-webkit-animation:fadeOut .4s both;animation:fadeOut .4s both}