@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900&display=swap);*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}* ::-webkit-scrollbar{display:none}input:focus{outline:none;box-shadow:none}::-webkit-input-placeholder{color:#999}li,ul{padding:0;margin:0;list-style:none}body{font-size:16px;background:#fff;transition:all .5s ease;color:#000}body,input,textarea{font-family:Roboto,sans-serif}.card-list,.card-list .task-status,.card-list .text-link,.date-box,.elm-flex,.inner-header,.leaderboard-cnt .leader-list li,.leaderboard-cnt .leader-list li .task-status,.leaderboard-cnt .leader-list li .text-link,.leaderboard-cnt .leader-list li .user-rank,.leaderboard-cnt .top-lead .top-leadbox,.leaderboard-cnt .top-lead header,.optionbox,.text-linking{height:auto;display:flex}.leaderboard-cnt,.view_h{width:100%;height:100vh;position:relative;overflow-y:auto}.user-icon{width:42px;height:42px;margin-left:auto;position:relative;overflow:hidden}.user-icon img{width:42px;height:42px;border-radius:100px;-o-object-fit:cover;object-fit:cover}.icon-Btn{width:32px;height:32px;position:relative}.icon-Btn svg{width:16px;height:16px;fill:#0091ff;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.button,.gotoButton{width:100%;height:auto;padding:8px 16px;border-radius:6px;font-size:14px;color:#0091ff;border:1px solid #0091ff}.card-list .task-status,.card-list .text-link,.leaderboard-cnt .leader-list li .task-status,.leaderboard-cnt .leader-list li .text-link,.text-linking{width:100%;flex-direction:row;flex-wrap:wrap}.card-list .task-status span,.card-list .text-link span,.leaderboard-cnt .leader-list li .task-status span,.leaderboard-cnt .leader-list li .text-link span,.text-linking span{width:auto;font-size:.875em;color:#505050;font-weight:500;position:relative;padding:0 8px 0 0;margin-right:8px}.card-list .task-status span:after,.card-list .text-link span:after,.leaderboard-cnt .leader-list li .task-status span:after,.leaderboard-cnt .leader-list li .text-link span:after,.text-linking span:after{position:absolute;right:0;top:0;content:"";width:1px;height:100%;background:#727272}.card-list .task-status span:last-child,.card-list .text-link span:last-child,.leaderboard-cnt .leader-list li .task-status span:last-child,.leaderboard-cnt .leader-list li .text-link span:last-child,.text-linking span:last-child{color:#727272;margin-right:0;padding-right:0}.card-list .task-status span:last-child:after,.card-list .text-link span:last-child:after,.leaderboard-cnt .leader-list li .task-status span:last-child:after,.leaderboard-cnt .leader-list li .text-link span:last-child:after,.text-linking span:last-child:after{display:none}.card-list,.leaderboard-cnt .leader-list li{width:100%;height:auto;border-radius:8px;background:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.22);margin-bottom:16px;padding:16px 8px;flex-direction:row;flex-wrap:nowrap}.card-list .item-icon,.leaderboard-cnt .leader-list li .item-icon{width:40px;flex-shrink:0;margin-right:8px}.card-list .task-info,.leaderboard-cnt .leader-list li .task-info{padding:4px}.card-list .task-info h2,.leaderboard-cnt .leader-list li .task-info h2{font-size:1em;font-weight:700;color:#505050;margin-bottom:8px}.card-list .task-info p,.leaderboard-cnt .leader-list li .task-info p{font-size:.875em;color:#727272;margin-bottom:8px;font-weight:500}.card-list .text-link,.leaderboard-cnt .leader-list li .text-link{margin-top:16px}.card-list .text-link span,.leaderboard-cnt .leader-list li .text-link span{color:#0091ff;font-weight:600}.card-list .text-link span:after,.leaderboard-cnt .leader-list li .text-link span:after{background:#0091ff}.card-list .text-link span:last-child,.leaderboard-cnt .leader-list li .text-link span:last-child{color:#0091ff}.mid-cnt{width:100%;padding:16px}.inner-header,.leaderboard-cnt .top-lead header{background:#fff;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:1;flex-direction:row;align-items:center}.inner-header .icon-Btn svg,.leaderboard-cnt .top-lead header .icon-Btn svg{fill:#505050}.inner-header .search-icon,.leaderboard-cnt .top-lead header .search-icon{margin-left:auto}.inner-header .search-icon svg,.leaderboard-cnt .top-lead header .search-icon svg{fill:#505050}.inner-header h2,.leaderboard-cnt .top-lead header h2{color:#505050;padding:0 8px;font-size:1.125em}.footerfix{width:100%;height:auto;padding:16px;position:fixed;left:0;bottom:0;background:#fff}.button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.leaderboard-cnt .top-lead .lead-col h3,.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-row .input-style,.field-row .textare-style{width:100%;height:auto;padding:12px 8px;border:1px solid #ddd;color:#000;font-size:.875em;border-radius:6px}.field-row .input-style:focus,.field-row .textare-style:focus{outline:none;box-shadow:none}.field-row .input-style::-webkit-input-placeholder,.field-row .textare-style::-webkit-input-placeholder{color:#999}.field-row{width:100%;height:auto;display:block;margin-bottom:16px;position:relative}.field-row .text-label{display:block;font-size:.875em;font-weight:600;color:#505050;margin-bottom:8px}.field-row .text-label span{font-size:.75em;color:#999;font-weight:400}.field-row .input-lotbox{width:100%;position:relative;display:block}.field-row .input-lotbox .textID{font-size:1.25em;color:#000;font-weight:700;position:absolute;left:8px;top:8px}.field-row .input-style.input-lot{padding-left:24px}.field-row .textare-style{height:100px;resize:none}.date-box{justify-content:space-between}.date-box .item-col{width:48%}.leaderboard-cnt{background:#fff}.leaderboard-cnt .top-lead{background:100%;height:auto;padding:8px;background:url(../img/leadboard_bg.51f797d0.svg) 0 0 no-repeat;min-height:360px;background-size:cover}.leaderboard-cnt .top-lead header{background:#143140;flex-wrap:nowrap;align-items:center;padding:8px 8px;position:fixed;top:0;left:0;width:100%;text-align:center}.leaderboard-cnt .top-lead header .icon-Btn svg{fill:#fff}.leaderboard-cnt .top-lead header h2{display:block;justify-content:center;flex-grow:0;flex-shrink:0;width:calc(100% - 50px);color:#fff;font-weight:500}.leaderboard-cnt .top-lead .top-leadbox{width:100%;height:auto;flex-direction:row;flex-wrap:nowrap;padding:48px 8px 0 8px;justify-content:space-between;margin-top:48px}.leaderboard-cnt .top-lead .lead-col .user-icon{width:72px;height:72px;border-radius:100px;border:2px solid #44d7b6;position:relative;display:inline-block;overflow:initial;margin-bottom:20px}.leaderboard-cnt .top-lead .lead-col .user-icon img{width:68px;height:68px;border-radius:100px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.leaderboard-cnt .top-lead .lead-col{width:100px;text-align:center}.leaderboard-cnt .top-lead .lead-col .user-icon .badges{width:32px;height:32px;border-radius:100px;border:2px solid #143140;position:absolute;left:50%;transform:translateX(-50%);bottom:-16px;background:#44d7b6}.leaderboard-cnt .top-lead .lead-col .user-icon .badges i{width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;font-size:1em;font-weight:700;font-style:normal}.leaderboard-cnt .top-lead .lead-col h3{font-size:.875em;font-weight:600;color:#44d7b6;margin-bottom:4px;text-align:center}.leaderboard-cnt .top-lead .lead-col .total-value{width:100%;text-align:center;font-size:.75em;font-weight:500;margin-bottom:4px;color:#44d7b6}.leaderboard-cnt .top-lead .lead-col.win1{width:130px;flex-shrink:0;flex-grow:0;margin-top:32px}.leaderboard-cnt .top-lead .lead-col.win1 .user-icon{width:120px;height:120px;border-color:#f2a304}.leaderboard-cnt .top-lead .lead-col.win1 .user-icon img{width:116px;height:116px}.leaderboard-cnt .top-lead .lead-col.win1 .user-icon .badges{background:#f2a304}.leaderboard-cnt .top-lead .lead-col.win1 .user-icon .crwn-icon{width:32px;height:auto;position:absolute;left:50%;transform:translateX(-50%);top:-30px}.leaderboard-cnt .top-lead .lead-col.win1 .user-icon .crwn-icon img{width:32px;height:25px}.leaderboard-cnt .top-lead .lead-col.win1 .total-value,.leaderboard-cnt .top-lead .lead-col.win1 h3{color:#f2a304}.leaderboard-cnt .top-lead .lead-col.win2 .user-icon{border-color:#32c5ff}.leaderboard-cnt .top-lead .lead-col.win2 .badges{background:#32c5ff}.leaderboard-cnt .top-lead .lead-col.win2 .total-value,.leaderboard-cnt .top-lead .lead-col.win2 h3{color:#32c5ff}.leaderboard-cnt .leader-list{width:100%;height:auto}.leaderboard-cnt .leader-list li{padding:16px;border-radius:16px;align-items:center}.leaderboard-cnt .leader-list li .user-rank{align-items:center;width:auto;flex-shrink:0;flex-grow:0;padding-right:16px}.leaderboard-cnt .leader-list li .user-rank .rank{font-size:1em;color:#1d3433;font-weight:700;margin-right:8px}.leaderboard-cnt .leader-list li .lead-info h3{color:#1d3433;font-size:1em;font-weight:500;margin-bottom:2px}.leaderboard-cnt .leader-list li .lead-info p{color:#727272;font-size:.75em;font-weight:500}.leaderboard-cnt .leader-list li .status-value{text-align:center;margin-left:auto}.leaderboard-cnt .leader-list li .status-value h3{font-size:1em;font-weight:700;color:#1d3433;margin-bottom:2px}.leaderboard-cnt .leader-list li .status-value p{color:#727272;font-size:.688em}.leaderboard-cnt .mid-cnt{padding:16px 16px 0 16px}