@import url(/assets/fonts/NanumGothic/nanumgothic.css);@import url(/assets/fonts/NanumSquare/nanumsquare.css);.loading[data-v-4d07abda]{position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:#fff;top:0;z-index:1000}.loading.full[data-v-4d07abda]{height:100vh}.loading .circle[data-v-4d07abda]{position:relative;width:100px;height:100px;border-top-color:#fff;border:10px solid rgba(242,103,33,.3);border-top-color:#f26721;border-radius:50%;-webkit-animation:rotate-data-v-4d07abda 1.5s linear infinite;animation:rotate-data-v-4d07abda 1.5s linear infinite}.loading .text[data-v-4d07abda]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7em;color:#f26721;letter-spacing:2px}@-webkit-keyframes rotate-data-v-4d07abda{to{transform:rotate(1turn)}}@keyframes rotate-data-v-4d07abda{to{transform:rotate(1turn)}}@-webkit-keyframes twinkle-data-v-4d07abda{50%{opacity:0}0%,to{opacity:1}}@keyframes twinkle-data-v-4d07abda{50%{opacity:0}0%,to{opacity:1}}@page{margin:0}.sheet{margin:0;overflow:hidden;position:relative;box-sizing:border-box}.A3 .sheet{width:297mm;height:419mm}.A3.landscape .sheet{width:420mm;height:296mm}.A4 .sheet{width:210mm;height:296mm}.A4.landscape .sheet{width:297mm;height:209mm}.A5 .sheet{width:148mm;height:209mm}.A5.landscape .sheet{width:210mm;height:147mm}.letter .sheet{width:216mm;height:279mm}.letter.landscape .sheet{width:280mm;height:215mm}.legal .sheet{width:216mm;height:356mm}.legal.landscape .sheet{width:357mm;height:215mm}.sheet.padding-5mm{padding:5mm}.sheet.padding-10mm{padding:10mm}.sheet.padding-15mm{padding:15mm}.sheet.padding-20mm{padding:20mm}.sheet.padding-25mm{padding:25mm}@media screen{.sheet{background:#fff;box-shadow:0 .5mm 2mm rgba(0,0,0,.3);margin:5mm auto}}@media print{.A4{background:#fff}.A4 .sheet{height:295.5mm}.A3.landscape{width:420mm}.A3,.A4.landscape{width:297mm}.A4,.A5.landscape{width:210mm}.A5{width:148mm}.legal,.letter{width:216mm}.letter.landscape{width:280mm}.legal.landscape{width:357mm}}.contents-body.list table td button,.contents-header .signal ul li:before,.map .info button:after,.online .info .btn:after,.online td a:after,.pagination a.next,.pagination a.prev,[class^=sp]{display:inline-block;background-image:url(/assets/img/sprite.png);background-repeat:no-repeat}*{padding:0;margin:0;box-sizing:border-box}body{font-family:NanumGothic,나눔고딕,Malgun Gothic,돋움,Dotum,AppleGothic,sans-serif;letter-spacing:-.25px}a{color:#727779;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}em{font-style:normal}li,ol,ul{list-style:none}fieldset,img{border:none}img{vertical-align:top}table{width:100%;border-spacing:0;border-collapse:collapse;border:0}caption,legend{display:none}button,input,select{vertical-align:middle;border:0;outline:0}button{background:transparent;cursor:pointer}input,select{appearance:none;-webkit-appearance:none;-moz-appearance:none}[type=checkbox],[type=radio]{display:none}select::-ms-expand{display:none}input::-webkit-input-placeholder{font-size:16px}input::-moz-placeholder{font-size:16px}input:-ms-input-placeholder{font-size:16px}input::-ms-input-placeholder{font-size:16px}input::placeholder{font-size:16px}input::-webkit-input-placeholder{font-size:16px!important}input::-moz-placeholder{font-size:16px!important}input:-ms-input-placeholder{font-size:16px!important}input:-moz-placeholder{font-size:16px!important}::-webkit-scrollbar{width:10px;height:10px;background-color:#ededee}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#999b99}.clearFix,.row:after{content:"";display:block;clear:both}.blind,.row:after{overflow:hidden}.blind{clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.blind,.noAuth{position:absolute}.noAuth{top:auto;right:auto;bottom:auto;left:auto;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:30px}.chart{position:relative}.main{min-height:100vh;background:#ededee;-webkit-animation:cloak-in 1s;animation:cloak-in 1s}.main[v-cloak]{opacity:0}@-webkit-keyframes cloak-in{0%{opacity:0}}@keyframes cloak-in{0%{opacity:0}}.container{position:relative;max-width:1344px;margin:auto}.good{color:#08c44f}.normal{color:#f1a012}.bad{color:#f13b3b}.main header{position:relative;overflow:hidden;height:60px;background:#fff}.main header .container{height:100%}.main header .btn-group{position:absolute;top:auto;right:30px;bottom:auto;left:auto;top:50%;transform:translateY(-50%)}.main header .btn-group button{color:#a5a5a5;margin-left:20px}.main header .btn-group button.fa{font-size:26px}.main .logo-area{position:relative;display:inline-block;padding:17px 0 0 30px}.main .logo-area h1{display:inline-block;background-image:url(/assets/img/logo_new.png);background-repeat:no-repeat;background-size:156px 26px;width:156px;height:26px;background-position:0 0;margin-right:40px;vertical-align:middle;cursor:pointer}.main .logo-area .collaboration{content:"";position:absolute;left:195px;top:25px;width:16px;height:16px;background:url(/assets/img/sprite.png) no-repeat -130px -70px}.main .logo-area img{height:26px;vertical-align:middle}.main .tab{position:absolute;top:auto;right:auto;bottom:auto;left:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.main .tab button{float:left;height:40px;margin:0 4px;padding:0 10px;border-radius:20px;background:#fff;color:#4c4c4c;font-family:NanumSquare;font-size:17px;font-weight:800}.main .tab button.active{background:#f26721;color:#fff}.contents-header{position:relative;margin:15px}.contents-body{overflow:hidden;position:relative;margin:0 15px;padding:20px 30px;border:1px solid #ddd;border-radius:5px;background:#fff}.contents-body .col.left{float:left;width:calc(100% - 520px)}.contents-body .col.right{float:right;width:500px}.contents-body .col.full{width:100%}.contents-body.list{padding:0}.form-group{display:inline-flex;align-items:center;margin-bottom:10px}.form-group select{position:relative;float:left;width:100px;height:30px;padding:0 24px 0 10px;margin-right:8px;border:1px solid #ddd;border-radius:15px;background:#fff url(/assets/img/icon-select.png) no-repeat 100% 0;font-size:13px}.form-group select.type1{border:2px solid #f26721}.form-group select.type2{width:auto;padding:0 30px 0 10px}.contents-header .form{margin-right:255px}.contents-header .form .group{display:inline-flex;align-items:center}.contents-header .form button{width:50px;height:30px;margin-bottom:10px;border-radius:15px;background:#d95c1e;color:#fff;font-size:13px;vertical-align:top}.contents-header .sort{display:flex;margin-right:250px}.contents-header .sort button{position:relative;flex:1 1 auto;height:115px;margin-right:5px;border:1px solid #ddd;border-radius:5px;background:#fff;font-family:NanumSquare;color:#4c4c4c}.contents-header .sort button:disabled{cursor:default}.contents-header .sort button.type0 .count{font-size:40px}.contents-header .sort button.active,.contents-header .sort button.active .count{color:#fff}.contents-header .sort button.active .arrow{border-color:#fff transparent transparent transparent}.contents-header .sort button.active.type0{background:#f26721}.contents-header .sort button.active.type1{background:#d80000}.contents-header .sort button.active.type2{background:#ed8600}.contents-header .sort button.active.type3{background:#00ac9e}.contents-header .sort button.active.type4{background:#0083c0}.contents-header .sort button .name{font-size:20px;font-weight:700;letter-spacing:-.65px}.contents-header .sort button .count{display:block;margin-top:5px;color:#f26721;font-size:24px;font-weight:800}.contents-header .sort button .arrow{position:absolute;top:auto;right:auto;bottom:10px;left:auto;left:50%;transform:translateX(-50%);border-top-width:8px;border-left-width:6px;border-right-width:6px;border-bottom:0;border-style:solid;border-color:#858585 transparent transparent transparent}.contents-header .signal{position:absolute;top:0;right:0;bottom:auto;left:auto;overflow:hidden;width:250px;height:100%;border:1px solid #ddd;border-radius:5px;background:#fff;font-family:NanumSquare}.contents-header .signal .title{height:40px;line-height:40px;border-bottom:1px solid #ddd;background:#fafafa;color:#4c4c4c;font-size:20px;font-weight:700;text-align:center;cursor:pointer}.contents-header .signal ul{display:flex;height:calc(100% - 40px)}.contents-header .signal ul li{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;position:relative;width:100%;text-align:center;font-size:17px;font-weight:700;cursor:pointer}.contents-header .signal ul li:before{content:"";display:block;margin:12px 5px 5px 5px}.contents-header .signal ul li:first-child{color:#08c44f}.contents-header .signal ul li:first-child:before{width:34px;height:34px;background-position:0 -30px}.contents-header .signal ul li:first-child.on{background:#cef3dc}.contents-header .signal ul li:first-child.on+li:after{opacity:0}.contents-header .signal ul li:nth-child(2){color:#f1a012}.contents-header .signal ul li:nth-child(2):before{width:34px;height:34px;background-position:-50px -30px}.contents-header .signal ul li:nth-child(2).on{background:#fcecd0}.contents-header .signal ul li:nth-child(2).on+li:after,.contents-header .signal ul li:nth-child(2).on:after{opacity:0}.contents-header .signal ul li:nth-child(3){color:#f13b3b}.contents-header .signal ul li:nth-child(3):before{width:34px;height:34px;background-position:-100px -30px}.contents-header .signal ul li:nth-child(3).on{background:#fcd8d8}.contents-header .signal ul li:nth-child(3).on:after{opacity:0}.contents-header .signal ul li:after{content:"";position:absolute;top:auto;right:auto;bottom:auto;left:-1px;top:50%;transform:translateY(-50%);width:2px;height:80%;background:#ddd}.contents-header .signal ul li:first-child:after{display:none}.contents-header .signal ul li .count,.contents-header .signal ul li .text{display:block;width:100%}.contents-header .signal ul li .count{margin:10px 0;color:#000;font-size:20px;font-weight:800}.graph{position:relative;height:586px;font-family:NanumSquare;font-size:17px;font-weight:400}.graph .title{padding:10px 0 30px;color:#4c4c4c;font-size:20px}.graph>div{width:100%;height:100%}.graph .no-data{background:hsla(0,0%,96.1%,.5)}.graph .no-data,.graph .no-data span{position:absolute;top:auto;right:auto;bottom:auto;left:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.graph .no-data span{margin-top:-35px}.chart-container{font-family:NanumSquare;width:100%;height:100%}.top-member-container{position:relative;font-family:NanumSquare;font-size:17px;font-weight:400;width:100%;height:586px;display:flex;flex-direction:column;justify-content:flex-start;table-layout:fixed}.top-member-container>div{max-height:290px;min-height:254px}.top-member-container>div h2{padding-left:5px}.top-member-container>div h2>b{font-weight:800}.top-member-container>div:first-child{margin-top:10px}.top-member-container>div:last-child{margin-top:30px}.top-member-container>div table{table-layout:fixed;margin-top:5px;text-align:center}.top-member-container>div table,.top-member-container>div table td,.top-member-container>div table th{border:1px solid #dbdbdb}.top-member-container>div table th{padding:13px 0 13px;color:#000;font-family:NanumSquare;font-size:17px;font-weight:800;background:#efefef}.top-member-container>div table th:first-child{background:#fff;border-left:1px solid #fff;border-top:1px solid #fff}.top-member-container>div table td{padding:12px 2px 12px 2px;font-weight:700;font-size:18px;text-align:center;background:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.top-member-container>div table td:first-child{background:#efefef;font-size:17px;font-weight:700}.top-member-container>div table td:first-child>p{font-family:NanumGothic;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.top-member-container>div table td.no-data{background:#fff;height:180px;color:#d1d1d1;border:1px solid #fff}.top-member-container>div table td p.grow-icon{font-size:11px;line-height:16px;color:#fff;background-color:#00e400;border-radius:10px;padding:0 2px 0 2px;margin-bottom:5px;letter-spacing:-.45px;position:relative;margin:auto auto 5px;width:99px}.map-area{position:relative}#map{width:100%;height:450px}#map .area{position:absolute;top:50%;left:50%;transform:translateY(-50%);padding:10px;border:2px solid #004c80;border-radius:20px;background:#09f;color:#fff;font-size:12px}#map p{top:auto;right:auto;left:auto;top:50%;left:50%;transform:translate(-50%,-50%)}#map p,#reset{position:absolute;bottom:auto}#reset{z-index:100;top:195px;right:3px;left:auto;width:32px;height:32px;border-radius:3px;background:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}.map .info{position:relative;margin-top:10px}.map .info .title{padding:0 0 0 10px;height:40px;line-height:40px;background:#ededee;font-size:18px;font-weight:700;font-family:NanumSquare}.map .info .body{position:relative;padding:10px;background:#f5f5f5}.map .info .desc{overflow:hidden}.map .info .desc li{float:left;width:50%;color:#4c4c4c;line-height:22px;font-size:15px}.map .info .desc li:first-child{width:100%}.map .info .desc .count{padding-left:5px;color:#f26721;font-weight:700}.map .info button{position:absolute;top:5px;right:5px;bottom:auto;left:auto;width:120px;height:30px;line-height:30px;padding-left:10px;border:1px solid #e3e3e3;background:#fff;color:#333;font-size:13px;text-align:left}.map .info button:after{content:"";width:8px;height:13px;background-position:-160px -70px;position:absolute;top:auto;right:10px;bottom:auto;left:auto;top:50%;transform:translateY(-50%)}.twinkle{-webkit-animation:twinkle 2s infinite;animation:twinkle 2s infinite}@-webkit-keyframes twinkle{50%{opacity:0}}@keyframes twinkle{50%{opacity:0}}.online #online{height:427px}.online table{text-align:center}.online th{height:40px;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;border-right:1px solid #ddd;background:#fafafa;font-size:18px}.online th:last-child{border-right:0}.online td{height:60px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:22px}.online td:last-child{border-right:0}.online td img{vertical-align:middle}.online td b{font-weight:800}.online td span{display:inline-block;background-color:#ccc;width:20px;height:2px;vertical-align:middle;font-size:0}.online td:nth-child(2){color:#1bc5c7}.online td:nth-child(3){color:#ff7800}.online td a{position:relative;display:inline-block;height:36px;width:100px;line-height:36px;padding:0 18px;border:1px solid #e3e3e3;background:#fff;color:#333;font-size:13px;text-align:left}.online td a:after{content:"";width:8px;height:13px;background-position:-160px -70px;position:absolute;top:auto;right:10px;bottom:auto;left:auto;top:50%;transform:translateY(-50%)}.online tr:last-child td{border-bottom:1px solid #b2b2b2}.online p{padding-top:10px;color:#666;text-align:right;font-size:14px}.online .info{padding:20px;margin-top:35px;background:#f5f5f5}.online .info dl{overflow:hidden;color:#333;line-height:36px;margin-bottom:11px}.online .info dl dt{float:left;width:170px;text-align:center}.online .info dl:last-child{margin:0}.online .info .btn{position:relative;display:inline-block;height:36px;line-height:36px;padding:0 30px 0 10px;border:1px solid #e3e3e3;background:#fff;color:#333;font-size:15px}.online .info .btn:after{content:"";width:8px;height:13px;background-position:-160px -70px;position:absolute;top:auto;right:10px;bottom:auto;left:auto;top:50%;transform:translateY(-50%)}.online .info .link{font-size:14px;color:#333}.online .end td{border-right:0}.online .end td:first-child{text-align:right}.online .end td:nth-child(2){text-align:left;padding-left:40px}.list-form{overflow:hidden;padding:10px 10px 0;border-bottom:1px solid #ddd}.list-form .form-group{height:30px}.list-form .form-group:first-child{margin-right:50px}.list-form .label{margin-right:8px;color:#d95c1e;font-size:13px;font-weight:800;white-space:nowrap}.list-form .radio{display:flex;align-items:center;margin-right:15px;font-size:13px;cursor:pointer}.list-form .radio i{margin-right:5px;color:#999b99;font-size:16px}.list-form .radio [type=radio]:checked+i:before{content:"\f192";color:#f26721}.list-form input[type=text]{width:180px;height:30px;margin-right:8px;padding:0 15px;border:1px solid #ddd;border-radius:15px;font-family:NanumSquare;font-size:13px}.list-form input[type=text]::-webkit-input-placeholder{font-size:13px}.list-form input[type=text]::-moz-placeholder{font-size:13px}.list-form input[type=text]:-ms-input-placeholder{font-size:13px}.list-form input[type=text]::-ms-input-placeholder{font-size:13px}.list-form input[type=text]::placeholder{font-size:13px}.list-form input[type=text]::-webkit-input-placeholder{font-size:13px!important}.list-form input[type=text]::-moz-placeholder{font-size:13px!important}.list-form input[type=text]:-ms-input-placeholder{font-size:13px!important}.list-form input[type=text]:-moz-placeholder{font-size:13px!important}.list-form button{height:30px;padding:0 10px;border-radius:15px;background:#999b99;color:#fff;font-size:13px}.list-form button.search{white-space:nowrap;width:50px}.list-form button.print.on{background:#d95c1e}.list-form-right{float:right;margin-bottom:10px}.list-form-right .page-size{position:relative;width:110px;height:30px;padding:0 24px 0 10px;margin:0;border:1px solid #ddd;border-radius:15px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmZDcxNTUyZS0wOWFiLTQzNGQtYjdiOC1mZTk2MDBjNWUxZjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDUzREE3MkJCNzNBMTFFQTkzMDFDQjM0QjUyODM2OEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDUzREE3MkFCNzNBMTFFQTkzMDFDQjM0QjUyODM2OEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNlZmYwYzktYzFkNS0xYzQ0LWE4N2ItY2M0OGZhMmU4MjM2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MzNiZWRmMjEtMTczNC0yODRlLWE5MDAtODU4ZmE3ODBmNjNkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+E3Y48gAAAGZJREFUeNpi/P//PwOtABMDDcGo4aOGjwTDGdPS0mBZlJEI9WC1M2fOZCTW5YzIGgkZTKQjUIKFkAUkG4we5rgsIMtgbBGKbgHZBuNKLYzUMBhfUmSk1GCw5tHKYtTwUcMpAwABBgCgdBQsQ5BJfAAAAABJRU5ErkJggg==) no-repeat 100% 0;font-size:13px}.list-form-right button{margin-left:10px}.table-scroll{overflow-y:hidden;overflow-x:auto}.contents-body.list{border-top:2px solid #f26721;box-shadow:0 2px 2px 0 rgba(0,0,0,.1)}.contents-body.list table{max-width:1248px;min-width:1000px;text-align:center;font-size:14px;color:#333}.contents-body.list table .checkbox{position:absolute;top:15px;right:auto;bottom:auto;left:20px;font-size:18px;cursor:pointer}.contents-body.list table .checkbox [type=checkbox]:checked+i:before{content:"\f14a";color:#f26721}.contents-body.list table .checkbox i{color:#999b99}.contents-body.list table tbody tr{border-bottom:1px solid #efefef}.contents-body.list table tbody tr:last-child{border-bottom:0}.contents-body.list table th{position:relative;height:50px;background:#f7f7f7}.contents-body.list table th button{font-weight:700}.contents-body.list table th:after{content:"";position:absolute;top:14px;right:0;bottom:auto;left:auto;width:1px;height:20px;background:#c6c6c6}.contents-body.list table th:last-child:after{display:none}.contents-body.list table th:first-child{width:14%}.contents-body.list table th:nth-child(2){width:8%}.contents-body.list table th:nth-child(3){width:12%}.contents-body.list table th:nth-child(4),.contents-body.list table th:nth-child(5),.contents-body.list table th:nth-child(6),.contents-body.list table th:nth-child(7){width:10%}.contents-body.list table th:nth-child(8){width:16%}.contents-body.list table th:nth-child(9){width:10%}.contents-body.list table td{position:relative;height:50px;padding:0 10px;font-weight:700}.contents-body.list table td:first-child{padding:0 40px 0 20px}.contents-body.list table td.no-data{text-align:center}.contents-body.list table td .studNm{display:block;width:80px;margin-left:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contents-body.list table td button{display:inline-block}.contents-body.list table td button.btn-next{position:absolute;top:14px;right:20px;bottom:auto;left:auto;width:22px;height:22px;background-position:-60px -70px}.contents-body.list table td button.btn-lrn-plan{width:28px;height:23px;background-position:-140px 0}.contents-body.list .order:after{content:"";display:inline-block;margin-left:5px;border-left-width:4px;border-right-width:4px;border-style:solid;vertical-align:middle}.contents-body.list .order.on:after{border-color:transparent transparent #666 transparent;border-bottom-width:4px;border-top:0}.contents-body.list .order.off:after{border-color:#666 transparent transparent transparent;border-top-width:4px;border-bottom:0}.pagination{padding:10px 0;text-align:center}.pagination-center{display:inline-block;vertical-align:middle}.pagination a{float:left;margin:0 15px;color:#999b99;line-height:25px;outline:none}.pagination a.prev{width:25px;height:25px;background-position:0 -70px;font-size:0}.pagination a.next{width:25px;height:25px;background-position:-30px -70px;font-size:0}.pagination a.active{color:#212121;font-weight:800}.pagination a.disabled{cursor:default}.login{font-size:14px;color:#727779;box-sizing:border-box;height:590px;background-image:url(/assets/img/login-bg.png);background-repeat:no-repeat;background-position:50% -12%}.login .logo-area{display:flex;justify-content:center;align-items:center;position:absolute;top:24px;left:40px;height:70px;line-height:70px}.login .logo-area .collaboration{content:"";position:absolute;left:225px;top:30px;width:20px;height:20px;background:url(/assets/img/sprite.png) no-repeat -100px -70px}.login .logo-area img{vertical-align:middle}.login .logo-area img.homelearn-logo{height:50%;margin-right:50px}.login .logo-area img.agn-logo{height:auto;max-height:55px}.login .wrap{position:relative;max-width:450px;margin:auto;top:20%}.login .wrap img{max-width:100%}.login .loginTitle{text-align:center}.login .loginBox{position:relative;width:450px;margin-top:50px;background:#fff;border:1px solid rgba(67,67,67,.16)}.login .loginBox .icon{text-align:center;margin:54px 0}.login .loginBox .input-group{padding:0 30px}.login .loginBox input{display:block;width:100%;height:55px;padding:0 20px;border:1px solid #ccc}.login .loginBox input::-webkit-input-placeholder{color:#999}.login .loginBox input::-moz-placeholder{color:#999}.login .loginBox input:-ms-input-placeholder{color:#999}.login .loginBox input::-ms-input-placeholder{color:#999}.login .loginBox input::placeholder{color:#999}.login .loginBox input:focus{outline:none}.login .loginBox input.inputId{margin-bottom:10px}.login .loginBox .message{position:relative;height:20px;padding:10px 0 0 30px;color:#fe7d4a}.login .loginBox button{background:#fe7d4a;width:100%;height:70px;text-align:center;font-size:21px;color:#fff;font-weight:700;margin-top:25px;border:1px solid #cb643b;transition:all .5s}.login .loginBox button:hover{background:#f5703c;border:1px solid #c45a30;transition:all .5s}.login .copy{font-size:12px;font-family:Dotum!important;color:#b0b0b0;margin-top:30px;text-align:center}.login .copy span{color:#f26721;font-family:Dotum!important;font-size:13px}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{max-width:370px;margin:0 auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease}.modal-leave-active .modal-container{transform:scale(1.1)}.modal-header h3{padding:20px;background-color:#f26721;color:#fff;font-weight:700}.modal-body .wrap{margin:0 20px;padding:20px 0;line-height:24px}.modal-body .wrap.list{margin:0 0 0 20px}.modal-body .wrap ul{max-height:150px;overflow-y:auto;display:flex;flex-wrap:wrap}.modal-body .wrap ul li{flex:1 1 50%;line-height:30px;font-size:14px}.modal-footer{padding:0 20px 20px}.modal-footer .btn-group{display:flex}.modal-footer button{width:100%;height:30px}.modal-footer button.modal-default-button{background-color:#ededee}.modal-footer button.modal-primary-button{background-color:#f26721;color:#fff}.modal-leave-active{opacity:0}@media (max-width:1200px){.main{padding-bottom:15px}.main .tab button.btn-lrn-report{display:none}.contents-body .col{width:100%!important}.contents-body.list table th:first-child{width:14%}.contents-body.list table th:nth-child(3){width:18%}.contents-body.list table th:nth-child(4),.contents-body.list table th:nth-child(5),.contents-body.list table th:nth-child(6),.contents-body.list table th:nth-child(7){width:10%}.contents-body.list table th:nth-child(8){width:18%}.contents-body.list table th:nth-child(9){width:10%}.contents-body.list table td:first-child{padding:0 10px}.contents-body.list table .checkbox,.contents-body.list table td:nth-child(2),.contents-body.list table th:nth-child(2),.list-count,.list-form button.print{display:none}.contents-body.list table td .studNm{margin:auto}.contents-body.list table td button.btn-next{right:0}.online .info dl dt{width:auto;text-align:left;margin-right:10px}.top-member-container>div:last-child{margin-top:20px}.top-member-container>div table td p.grow-icon{width:70%}}@media (max-width:991px){header{height:56px}header .btn-group{right:15px}.main .logo-area{padding:13px 0 0 15px}.main .logo-area h1{background-image:url(/assets/img/logo_new_m.png);width:30px;height:30px;background-position:0 0;background-size:30px 30px}.main .logo-area .collaboration,.main .logo-area img{display:none}.main .tab{width:216px}.contents-header .form,.contents-header .sort{margin-right:190px}.contents-header .sort button{height:98px}.contents-header .sort button .name{font-size:17px}.contents-header .signal{width:190px}.contents-header .signal .title{font-size:17px}.contents-header .signal ul li:before{margin:9px 4px 4px 4px;background-image:url(/assets/img/sprite-m.png);background-size:130px}.contents-header .signal ul li .count{margin:5px 0}.contents-header .signal ul li:first-child:before{width:26px;height:26px;background-position:0 -23px}.contents-header .signal ul li:nth-child(2):before{width:26px;height:26px;background-position:-38px -23px}.contents-header .signal ul li:nth-child(3):before{width:26px;height:26px;background-position:-76px -23px}.list-form .form-group:first-child{margin-right:20px}.top-member-container>div:last-child{margin-top:20px}.top-member-container>div table td p.grow-icon{font-size:10px;line-height:15px;width:80%}}@media (max-width:900px){.contents-header .form,.contents-header .sort,.contents-header .sort button.type4{margin-right:0}.contents-header .signal{position:static;width:100%;height:auto;margin-top:5px}}@media (max-width:767px){.login{height:450px;background-position:50% -12%}.login .logo-area{top:20px;left:20px;height:50px;line-height:50px}.login .logo-area .collaboration{left:225px;top:20px}.login .logo-area img.homelearn-logo{height:35px;margin-right:50px;padding:0}.login .logo-area img.agn-logo{height:auto;max-width:150px}.login .wrap{top:20%;padding:0 20px}.login .loginTitle img{max-width:80%}.login .loginBox{width:100%;margin-top:20px}.login .loginBox .icon{margin:30px 0}.contents-body{padding:20px 0 0;border-radius:0}.form-group{display:flex}.contents-header .form .group{display:block}.contents-header .form .form-group select{flex:1 1 100%;margin-right:5px}.contents-header .form .form-group select:last-child{margin-right:0}.contents-header .form button{width:100%;margin-bottom:10px}.contents-header .sort{flex-wrap:wrap;flex:1 1 100%}.contents-header .sort button{display:flex;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 10px;margin:0;border-radius:0;border-bottom:0}.contents-header .sort button .name{padding-left:20px}.contents-header .sort button .count{margin-top:0;font-size:20px}.contents-header .sort button .arrow{display:none}.contents-header .sort button:before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff}.contents-header .sort button.active:after{opacity:0}.contents-header .sort button.type0 .count{font-size:26px}.contents-header .sort.off button .name{padding-left:0}.contents-header .sort.off button:before{display:none}.contents-header .signal{border-radius:0;margin-top:0}.contents-header .signal .title{height:36px;line-height:36px}.graph{height:350px;font-size:12px}#map{height:400px}.map .info{margin-top:0}.map .info .title{border-bottom:1px solid #ddd;background:#fafafa}.map .info .body{background:#fff}.map .info .desc li{width:100%}.map .info .desc .count{float:right}.map .info button{width:30px;padding-left:0;font-size:0}.online #online{padding:0 10px}.list-form .form-group:first-child{margin-right:0}.list-form .form-group:nth-child(2){display:inline-flex}.list-form input[type=text]{flex:0 1 200px;width:100%}.list-form .radio{margin-right:10px}.pagination a{margin:0 7px}.top-member-container>div{height:50%}.top-member-container>div:first-child{margin-top:30px}.top-member-container>div:last-child{margin-top:7px}.top-member-container>div table td{font-size:17px;font-weight:700}.top-member-container>div table td:first-child>p{font-size:11px;letter-spacing:-.75px}.top-member-container>div table td p.grow-icon{font-size:10px;line-height:15px;letter-spacing:-1.3px;width:100%}}.lrn-analysis-report{letter-spacing:-.025em}.lrn-analysis-report header{position:relative;height:25mm;border-bottom:1mm solid #f26721}.lrn-analysis-report header h1{font-family:NanumSquare;color:#f26721;font-size:18.5pt;font-weight:800}.lrn-analysis-report header .logo-area{position:absolute;top:0;right:0;bottom:auto;left:auto}.lrn-analysis-report header .logo-area img{height:6mm;vertical-align:middle}.lrn-analysis-report header .logo-area .collaboration{height:4mm;margin:0 1.5mm}.lrn-analysis-report header p{padding:4mm 0;line-height:12pt;font-size:8.5pt;color:#000}.lrn-analysis-report header button{position:absolute;top:auto;right:0;bottom:4mm;left:auto;height:8mm;border:.4mm solid #ededee;padding:0 3mm;background:#fbfbfb}.lrn-analysis-report header button.btn-print{margin-left:2mm;border-radius:1.5mm;background:#707070;color:#fff;font-size:8pt}.lrn-analysis-report header button.btn-print .print{display:inline-block;width:5.1mm;height:4.2mm;background:url(/assets/img/icon-print.png) no-repeat;background-size:5.1mm;vertical-align:middle}.lrn-analysis-report header button.btn-print .fa-sync-alt{vertical-align:middle;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;color:#fff;font-size:11pt}.lrn-analysis-report header button.btn-print:disabled{opacity:.5}.lrn-analysis-report article{position:relative}.lrn-analysis-report .article-header{display:flex;align-items:center;padding:15mm 0 3mm}.lrn-analysis-report .article-header h2{font-family:NanumSquare;font-size:13pt;font-weight:700;color:#000}.lrn-analysis-report .article-header h2 img{height:5mm;margin-right:1.5mm}.lrn-analysis-report table thead th{border-top:.4mm solid #efefef}.lrn-analysis-report table th:first-child{border-right:.4mm solid #efefef}.lrn-analysis-report table th{background:#fbfbfb;font-weight:600}.lrn-analysis-report table td,.lrn-analysis-report table th{border-bottom:.4mm solid #efefef;padding:4mm 0;font-size:9pt;text-align:center}.lrn-analysis-report-period .form{display:flex;justify-content:space-between;margin-left:3mm}.lrn-analysis-report-period .form .btn-group button{height:6mm;border:.4mm solid #ddd;border-radius:3mm;padding:0 2mm;margin-right:1mm;color:#333;font-size:9pt}.lrn-analysis-report-period .form .btn-group button.active{border:.5mm solid #f26721;color:#f26721;font-weight:700}.lrn-analysis-report-period .form .select-group{margin-left:1.5mm}.lrn-analysis-report-period .form .select-group select{height:6mm;margin:0 .5mm;border-radius:3mm;border:.4mm solid #f26721;padding:0 7mm 0 2mm;background:#fff url(/assets/img/icon-select.png) no-repeat 100%;color:#333;font-size:9pt}.lrn-analysis-report-period .form .select-group span{margin:0 1mm;color:#f26721}.lrn-analysis-report-period .form .select-group button{height:6mm;margin-left:.5mm;border-radius:3mm;padding:0 3mm;background:#f26721;color:#fff;font-size:9pt}.lrn-analysis-report-period .period{margin-left:7mm;color:#f2784c;font-weight:800;font-size:13pt}.lrn-analysis-report-lrn-stt .no-data{position:relative;display:flex;align-items:center;justify-content:center;height:189px}.lrn-analysis-report-org-lrn-stt .article-header{padding-top:3mm}.lrn-analysis-report-org-lrn-stt .no-data{position:absolute;top:55%;right:34%;bottom:auto;left:auto;color:#b3b3b3;font-size:10pt}.lrn-analysis-report-hl-utilization .article-header{padding-top:22mm}.lrn-analysis-report-hl-utilization .article-body{display:flex;justify-content:space-between}.lrn-analysis-report-hl-utilization .col{width:calc(50% - 1.5mm);border:.3mm solid #ddd;border-radius:1.2mm}.lrn-analysis-report-hl-utilization .col-header{height:10mm;line-height:10mm;background:#f1f1f1;font-size:11.5pt;font-weight:700;text-align:center}.lrn-analysis-report-hl-utilization .col-body{display:flex}.lrn-analysis-report-hl-utilization .group{width:50%;height:44mm;padding:0 2mm}.lrn-analysis-report-hl-utilization .group-header{height:9.5mm;line-height:9.5mm;color:#2c2c2c;font-size:9pt;text-align:center;border-bottom:.3mm solid #ddd}.lrn-analysis-report-hl-utilization .group-list{margin:2mm 10mm}.lrn-analysis-report-hl-utilization .group-list li{display:flex;justify-content:space-between;line-height:17pt}.lrn-analysis-report-hl-utilization .group-list .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:14mm;color:#4c4c4c;font-size:9pt}.lrn-analysis-report-hl-utilization .group-list .percent{color:#04b9ce;font-size:11.5pt;font-weight:800}.lrn-analysis-report-hl-utilization .group-list .percent .unit{font-size:10pt;font-weight:700}.lrn-analysis-report-hl-utilization .group .no-data{position:relative;top:auto;right:auto;bottom:auto;left:auto;top:50%;transform:translateY(-50%);top:40%;margin:0 3mm;color:#c3c3c3;font-size:9pt;text-align:center}.lrn-analysis-report-hl-utilization .group:first-child{border-right:.3mm solid #ddd}.lrn-analysis-report-hl-utilization .group:first-child .percent{color:#f26721}.lrn-analysis-report-strength-habit:first-child .article-header{padding-top:3mm}.lrn-analysis-report-strength-habit .msg-area{margin:0 0 3mm 13mm;font-size:10pt;font-weight:500}.lrn-analysis-report-strength-habit .msg-area .month,.lrn-analysis-report-strength-habit .msg-area .msg{color:#f13b3b}.lrn-analysis-report-strength-habit .msg-area .stud-nm{margin-right:3mm;padding:1.5mm 2mm;background:#f26721;color:#fff;font-weight:700}.lrn-analysis-report-strength-habit .lrn-spec{display:flex;justify-content:space-between;flex-wrap:wrap}.lrn-analysis-report-strength-habit .lrn-spec .col{position:relative;width:calc(50% - 1.5mm);border:.3mm solid #ddd;border-radius:1.2mm;padding:2mm 3mm;margin-bottom:2mm}.lrn-analysis-report-strength-habit .lrn-spec .icon{position:absolute;top:auto;right:auto;bottom:auto;left:2mm;top:50%;transform:translateY(-50%);width:10mm}.lrn-analysis-report-strength-habit .lrn-spec dl{line-height:5mm;margin-left:11mm;font-size:9pt}.lrn-analysis-report-strength-habit .lrn-spec dl dt b{font-weight:400}.lrn-analysis-report-strength-habit .lrn-spec dl dd{font-size:10pt;font-weight:700}.lrn-analysis-report-strength-habit .lrn-spec dl dd b{font-weight:800}.lrn-analysis-report-strength-habit .lrn-spec b{color:#f26721}@media print{.lrn-analysis-report-period .form,.lrn-analysis-report header button.btn-print{display:none}}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}