*{margin:0;padding:0;font-family:"Noto Sans KR",sans-serif}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;font-size:1em;font-family:"Noto Sans KR",sans-serif;background:#e2e3e6}html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}label,input,button,select{vertical-align:middle}input,button{margin:0;padding:0;font-family:"Noto Sans KR",sans-serif;font-size:1em}button{cursor:pointer}textarea,select{width:100%;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em;font-family:"Noto Sans KR",sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a:link,a:visited{color:#000;text-decoration:none}a:hover,a:focus,a:active{color:#000;text-decoration:none}img{max-width:100%;vertical-align:top}p{word-break:keep-all}ul,ol,li{list-style:none;margin:0;padding:0}.webeditor{margin:initial;padding:initial;font-family:initial}.webeditor html,.webeditor body{width:initial;height:initial;overflow:initial}.webeditor body{margin:initial;padding:initial;font-size:initial;font-family:initial;background:initial}.webeditor html,.webeditor h1,.webeditor h2,.webeditor h3,.webeditor h4,.webeditor h5,.webeditor h6,.webeditor form,.webeditor fieldset,.webeditor img{margin:initial;padding:initial;border:initial}.webeditor label,.webeditor input,.webeditor button,.webeditor select{vertical-align:initial}.webeditor input,.webeditor button{margin:initial;padding:initial;font-family:initial;font-size:initial}.webeditor button{cursor:initial}.webeditor textarea,.webeditor select{width:initial;box-sizing:initial}.webeditor h1,.webeditor h2,.webeditor h3,.webeditor h4,.webeditor h5,.webeditor h6{margin:initial;padding:initial;font-size:initial;font-family:initial}.webeditor article,.webeditor aside,.webeditor details,.webeditor figcaption,.webeditor figure,.webeditor footer,.webeditor header,.webeditor hgroup,.webeditor menu,.webeditor nav,.webeditor section{display:initial}.webeditor a:link,.webeditor a:visited{color:initial;text-decoration:initial}.webeditor a:hover,.webeditor a:focus,.webeditor a:active{color:initial;text-decoration:initial}.webeditor img{max-width:initial;vertical-align:initial}.webeditor p{word-break:initial}.webeditor ul,.webeditor ol,.webeditor li{list-style:initial;margin:initial;padding:initial}table{border-collapse:separate;border-spacing:0}.hidden{overflow:hidden}.visible{overflow:visible}button{display:inline-block;border:none;border-radius:2px;background-color:initial}.btn_type1{height:40px;line-height:38px;padding:0 28px;font-size:14px}.btn_type2{height:36px;line-height:34px;padding:0 12px;font-size:13px}.btn_type3{height:30px;line-height:28px;padding:0 12px;font-size:11px}.btn_delete{width:42px;height:34px;background-color:#fff;background-image:url("../images/icon-del_m.svg");background-repeat:no-repeat;background-position:50%;border:1px solid #bbb;border-radius:2px}button.plus{padding-left:28px;background-image:url("../images/icon-add_s_wh.svg");background-repeat:no-repeat;background-position:12px 50%}.bg_bl1{color:#fff;background-color:#00358f;border:1px solid #00358f}.bg_bl1:hover{background-color:#335da5;border-color:#335da5}.bg_bl1:disabled{background-color:#999;border-color:#999}.bg_bl2{color:#fff;background-color:#2469e1;border:1px solid 24690 #00358f}.bg_bl2:hover{background-color:#4f87e7;border-color:#4f87e7}.bg_bl2:disabled{background-color:#999;border-color:#999}.bg_grn{color:#fff;background-color:#279f7c;border:1px solid #279f7c}.bg_grn:hover{background-color:#39b490;border-color:#39b490}.bg_grn:disabled{color:#fff;background-color:#999;border-color:#999;cursor:initial}.bg_yel{color:#fff;background-color:#f19d0c;border:1px solid #f19d0c}.bg_yel:hover{background-color:#f6af35;border-color:#f6af35}.bg_yel:disabled{color:#fff;background-color:#999;border-color:#999;cursor:initial}.bg_wh_bl{color:#00358f;background-color:#fff;border:1px solid #00358f}.bg_wh_bl:disabled{color:#999;background-color:#e5e5e5;border-color:#cfcfcf}.bg_wh_grn{color:#00358f;background-color:#fff;border:1px solid #00358f}.bg_wh_grn:disabled{color:#999;background-color:#e5e5e5;border-color:#cfcfcf}.bg_wh2{color:#333;background-color:#fff;border:1px solid #bbb}.bg_wh1:disabled{color:#999;background-color:#eaeaea;border-color:1px solid #bbb}.bg_gr{color:#333;background-color:#e5e5e5;border:1px solid #cfcfcf}.bg_gr:disabled{color:#999}.bg_gr2{color:#fff;background-color:#989898;border:1px solid #b1b1b1}.bg_gr2:disabled{color:#999}.bg_bk{color:#fff;background-color:#222;border:1px solid #222}.bg_bk:hover{background-color:#4e4e4e;border-color:#4e4e4e}.bg_bk:disabled{background-color:#999;border-color:#999}.txt-red{color:red !important}.txt-blue{color:#005fff !important}.content-container .nodata{padding:0}.content-container .nodata table tbody tr td{font-size:18px;font-weight:500;color:#777;background:#f6f6f6}.content-container table{position:relative;width:100%;border-collapse:separate;border-spacing:0}.content-container table thead{position:sticky;left:0;top:0;z-index:2}.content-container table tr th{position:relative;height:33px;font-size:14px;font-weight:400;color:#222;background:#f6faff;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-top:none}.content-container table tr:first-child th:first-child{border-left:none}.content-container table tr th:last-child{border-right:none}.content-container table tr td{height:38px;padding:6px 30px;font-size:13px;font-weight:400;color:#444;text-align:center}.content-container table tr td.subject{text-align:left;cursor:pointer}.content-container table tbody tr:nth-child(even) td{background:#f9f9f9}.content-container table tr:hover td{background:#d1e2ff}.content-container table tr.nodata td{background:#f0e9dc}.content-container table tfoot{position:sticky;left:0;bottom:0;background:#fff8e8;border-bottom:1px solid #666}.content-container table tfoot tr{border-bottom:1px solid #ddd}.content-container table tfoot tr:last-child{border:none}.content-container table tfoot tr td{height:33px;padding:0;font-size:14px;font-weight:600;color:#222;text-align:center;border-bottom:1px solid #ddd;background-color:#fff8e8}.content-container table tfoot tr:first-child td{border-top:1px solid #666}.content-container table tfoot tr:last-child td{border-bottom:1px solid #666}.content-container table tr td .tooltip-box{position:relative}.content-container table tr td .tooltip-box b{display:block}.content-container table tr td .tooltip-box .tooltip{position:absolute;left:80px;top:0;display:none;width:180px;height:67px;padding:13px 0 0 14px;font-size:12px;font-weight:500;color:#222;background:url("../images/bg-tooltip_bl.svg") no-repeat left top;box-sizing:border-box}.content-container table tr td .tooltip-box:hover .tooltip{display:block}.tb-basic table{margin-right:10px}.tb-basic table thead{position:sticky;top:0}.tb-basic table thead tr{background-color:#f6faff}.tb-basic table thead th{border-top:1px solid #111;border-left:1px solid #ddd;border-bottom:1px solid #ddd}.tb-basic table thead th:first-child{border-left:0}.tb-basic table tbody tr{background-color:#f9f9f9}.tb-basic table tbody tr:nth-child(odd){background-color:#fff}.tb-basic table tr{height:38px;text-align:center;font-size:13px;line-height:1.38;color:#444}.scroll-area{overflow-y:auto}.scroll-area.type1{height:calc(100vh - 291px)}.scroll-area.type2{height:calc(100vh - 325px)}.scroll-area::-webkit-scrollbar{width:8px;margin:10px 0}.scroll-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.scroll-area::-webkit-scrollbar-track{background:none}.content-container .table-outline{width:calc(100vw - 80px);border-top:1px solid #111;overflow-x:auto}.content-container .table-outline>*{min-width:1700px}.content-container .table-outline::-webkit-scrollbar{width:8px;height:12px}.content-container .table-outline::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.content-container .table-outline::-webkit-scrollbar-track{background:none}.content-container .table-outline:has(.ccssResult){max-width:1840px;min-width:initial}.content-container .table-outline .ccssResult thead tr:nth-child(1) th:nth-child(2){box-shadow:0px 0px 0px 0px #ddd,1px 0px 0px 0px #ddd}.content-container .table-outline .ccssResult tbody tr td{background-color:#fff}.content-container .table-outline .ccssResult thead tr:nth-child(1) th:nth-child(1),.content-container .table-outline .ccssResult tbody tr td:nth-child(1),.content-container .table-outline .ccssResult tfoot tr td:nth-child(1){position:sticky;left:0;z-index:1}.content-container .table-outline .ccssResult thead tr:nth-child(1) th:nth-child(2),.content-container .table-outline .ccssResult tbody tr td:nth-child(2){position:sticky;left:62.56px;z-index:1}.content-container .table-outline .ccssResult tfoot{left:initial;z-index:1}.selectBox{position:relative;max-width:390px;box-sizing:border-box;cursor:pointer;background:#fff}.selectBox select{position:relative;width:100%;max-width:390px;height:32px;line-height:30px;font-size:12px;padding:0 30px 0 14px;color:#222;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:url("../images/icon-caret-down.svg") no-repeat calc(100% - 12px) 50%,#fff;border:1px solid #eee;border-radius:2px;box-sizing:border-box;appearance:none;overflow:hidden}.selectBox select:focus{outline:0}.selectBox.on select{background:url("../images/icon-caret-up.svg") no-repeat calc(100% - 12px) 50%,#fff}.selectBox select option:disabled{color:#d2d2d2}.input-text input[type=text]{min-width:224px;line-height:34px;padding:0 10px;font-size:14px;font-weight:500;background:#fff;border:1px solid #ddd;border-radius:2px;outline:0}.input-text input[type=text]::placeholder{color:#909090}.input-text.wide input[type=text]{width:532px}.input-checkbox input[type=checkbox]{width:18px;height:18px;border:1px solid #ddd;border-radius:2px;box-sizing:border-box;appearance:none;cursor:pointer}.input-checkbox input[type=checkbox]:checked{background:url("../images/icon-check_checked.svg") no-repeat 50%;border:none}.input-checkbox input[type=checkbox]:disabled{background:url("../images/icon-check_disabled.svg") no-repeat 50%;border:none}.input-checkbox label{padding:0 0 0 8px;font-size:14px;color:#222;cursor:pointer}.flex{display:flex}.ai-ct{align-items:center}.jc-sb{justify-content:space-between}.searchBar-wrapper{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}.searchBar-wrapper .flex .select-wrapper{display:flex;align-items:center}.searchBar-wrapper .flex label{font-size:14px;color:#222}.searchBar-wrapper .flex .select-wrapper .selectBox{min-width:160px;margin:0 24px 0 12px}.searchBar-wrapper .flex .select-wrapper .selectBox select{font-size:14px;font-weight:500}.searchBar-wrapper .flex .input-text input[type=text]{margin:0 24px 0 12px;box-sizing:border-box}.searchBar-wrapper .flex .input-checkbox{line-height:34px;margin:0 24px 0 0}.searchBar-wrapper .btn_type2{padding:0 28px}.searchBar-wrapper .info{position:relative;padding:0 0 0 15px;font-size:14px;font-weight:500;color:#444;background:url("../images/icon-info_s_wh.svg") no-repeat left 4px;cursor:pointer;margin-left:24px}.searchBar-wrapper .info:hover::before{position:absolute;right:55px;bottom:-7px;display:block;content:"App. 사용 인원 / 전체 인원";width:169px;height:34px;line-height:30px;padding:0 0 0 12px;font-size:12px;background:url("../images/bg-tooltip_gr.svg") no-repeat left top;background-size:auto 100%;box-sizing:border-box}.searchBar-wrapper .calendar-area{position:relative;margin-right:24px}.searchBar-wrapper .calendar-input{position:relative;min-width:224px;display:inline-flex;border:1px solid #ddd;margin:0 0 0 12px;align-items:center;border-radius:2px}.searchBar-wrapper .calendar-area.active .calendar-input,.searchBar-wrapper .calendar-input:focus-within{border-color:#00358f}.searchBar-wrapper .calendar-input .tilde.hidden{visibility:hidden}.searchBar-wrapper .calendar-input .btn-calendar::before{content:"";display:block;width:18px;height:18px;position:absolute;right:10px;top:6px;background-image:url(../images/icon-calendar.svg)}.searchBar-wrapper .calendar-input input[type=text]{border:none;min-width:initial;margin:initial;width:78px;padding:0 0 0 9px}.searchBar-wrapper .calendar-input input[type=text]:last-child{padding-left:4px}.searchBar-wrapper .calendar-area .layer-datepicker{position:absolute;right:0px;width:450px;height:300px;background-color:#fff;z-index:10;border-radius:6px;box-shadow:0 3px 10px 0 rgba(0,0,0,.11);margin-top:3px;display:none}.searchBar-wrapper .calendar-area.active .layer-datepicker{display:block}.searchBar-wrapper .calendar-area .layer-datepicker .widget-bx{padding:20px 20px 0 20px;display:flex;align-items:center;justify-content:space-between}.searchBar-wrapper .calendar-area .layer-datepicker .widget-period{font-size:14px;font-weight:500}.searchBar-wrapper .calendar-area .layer-datepicker .datepicker-group{width:200px;height:200px}.searchBar-wrapper .calendar-area .layer-datepicker .button-group .btn-basic{width:82px;line-height:1.14;height:40px;border-radius:2px;font-size:14px;background-color:#00358f;color:#fff;box-sizing:border-box}.searchBar-wrapper .calendar-area .layer-datepicker .button-group .btn-basic.white{border:solid 1px #00358f;background-color:#fff;color:#00358f}.radio-group{display:flex;align-items:center;cursor:pointer}.radio-group>div{margin-right:24px}.radio-group input[type=radio]{position:relative;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;box-sizing:border-box;appearance:none;cursor:pointer}.radio-group input[type=radio]:checked{background:url("../images/icon-radio_checked.svg") no-repeat 50%;border:none}.radio-group input[type=radio]+label{font-size:13px;color:#222;cursor:pointer}.radio-group input[type=radio]:checked:disabled{background:url("../images/icon-radio_disabled.svg") no-repeat 50%;border:none}input[type=text]{height:30px;padding:0 9px;font-size:14px;background:#fff;border:1px solid #dbdbdb;border-radius:2px;outline:0}input[type=text]:focus{border:1px solid #00358f}input[type=password]{height:30px;padding:0 9px;font-size:14px;background:#fff;border:1px solid #dbdbdb;border-radius:2px;outline:0}input[type=password]:focus{border:1px solid #00358f}#layer-bg{position:fixed;left:0;top:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100}#layerPop-alert{position:absolute;left:50%;top:50%;display:none;width:340px;padding:8px 0 0;background:#fff;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.11);transform:translate(-50%, -50%);z-index:200;overflow:hidden}#layerPop-alert .pop-header{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding:12px 0;border-bottom:1px solid #ddd;box-sizing:border-box}#layerPop-alert .pop-header p{font-size:18px;font-weight:600;color:#222}#layerPop-alert .pop-header .btn_close{width:20px;height:20px;background:url("../images/icon-close_bk.svg") no-repeat 50%;background-size:cover;cursor:pointer}#layerPop-alert .pop-body{line-height:29px;padding:34px 20px;font-size:16px;font-weight:600;color:#222;text-align:center}#layerPop-alert .pop-footer{display:flex;border-radius:0 0 6px 6px;overflow:hidden}#layerPop-alert .pop-footer button{flex-grow:1;height:55px;font-size:18px;text-align:center}#layerPop-alert .pop-footer button.btn_grey{color:#222;background:#e5e5e5}#layerPop-alert .pop-footer button.btn_blue{color:#fff;background:#00358f}.layer-popup{position:absolute;left:50%;top:50%;display:none;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.16);transform:translate(-50%, -50%);z-index:200;border-radius:6px}.layer-popup.active{display:block}.layer-popup.level .pop-header{padding:20px;display:flex;position:relative}.layer-popup.level .pop-header h3{font-size:18px;color:#222;font-weight:bold}.layer-popup.level .pop-header .btn-close{width:20px;height:20px;background-image:url("../images/icon-close_bk.svg");background-repeat:no-repeat;position:absolute;right:20px;top:23px}.layer-popup.level .pop-body{padding:0 6px 20px 20px}.layer-popup.level .pop-body .tb-basic{height:412px;overflow-y:overlay}.layer-popup.level .pop-body .tb-basic::-webkit-scrollbar{width:4px;margin:10px 0}.layer-popup.level .pop-body .tb-basic::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.layer-popup.level .pop-body .tb-basic::-webkit-scrollbar-track{background:none}#header{position:relative}#logo{position:absolute;left:40px;top:25px;z-index:10}#button-logout{position:absolute;right:40px;top:22px;width:88px;height:36px;padding:0 0 0 20px;font-size:13px;color:#e9e9e9;background:url("../images/icon-logout.svg") no-repeat 12px 50%;background-size:auto 18px;border:1px solid #e9e9e9;box-sizing:border-box}#button-logout:hover,#button-logout:active{color:#819fd2;background:url("../images/icon-logout_active.svg") no-repeat 12px 50%;background-size:auto 18px;border-color:#819fd2}#gnb{width:100%;height:80px;padding:0 0 0 22.396vw;background:#00358f;box-sizing:border-box}#gnb>ul{display:flex}#gnb>ul>li{position:relative;width:230px;margin:0 30px;text-align:center}#gnb>ul>li>a{display:block;line-height:80px;font-size:18px;font-weight:600;color:#fff}#gnb>ul>li.current::before{position:absolute;left:0;bottom:0;content:"";width:100%;height:4px;background:#fff;z-index:2}#gnb>ul>li>.snb{position:absolute;left:0;top:80px;display:none;width:100%;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16);z-index:10}#gnb>ul>li>.snb>li>a{display:block;line-height:34px;font-size:14px;color:#999}#gnb>ul>li>.snb>li>a:hover{color:#222;background:#ebebeb}#header .progressBar{display:flex;align-items:center;height:40px;padding:0 40px;background:#fff;box-sizing:border-box}#header .progressBar p{padding:0 8px 0 0;font-size:16px;color:#999}#header .progressBar p:last-child{color:#222}#header .progressBar p img{vertical-align:middle}#body{padding:12px 20px 20px}#body .body-inner{position:relative;height:calc(100vh - 152px);padding:0 7px 0 20px;background:#fff}#body .body-inner .common-title{position:relative;display:flex;align-items:center;justify-content:space-between;height:36px;padding:12px 13px 10px 0}#body .body-inner .common-title p{position:relative;padding:0 11px;font-size:18px;font-weight:500;color:#222}#body .body-inner .common-title p::before{position:absolute;left:0px;top:8px;content:"";width:3px;height:12px;background:#00358f}#body .body-inner .button-area{position:absolute;left:0;bottom:0;display:flex;width:100%;height:81px;padding:20px;border-top:1px solid #e2e3e6;box-sizing:border-box}#body .body-inner .button-area.flex-end{justify-content:flex-end}#body .body-inner .button-area.justify-sb{justify-content:space-between}#body .body-inner .button-area.flex-end button{margin:0 0 0 8px}#body .body-inner .button-area .paging{position:absolute;left:50%;top:0;height:81px;display:flex;align-items:center;transform:translateX(-50%)}#body .body-inner .button-area .paging>*{margin:0 8px;cursor:pointer}#body .body-inner .button-area .paging p{font-size:12px;color:#222}#body .body-inner .button-area .paging p.on{text-decoration:underline}#body .body-inner .button-area .paging .front{width:10px;height:10px;background:url("../images/icon-arrow_front.svg") no-repeat 50%;background-size:auto 100%}#body .body-inner .button-area .paging .front.disabled{opacity:.2}#body .body-inner .button-area .paging .prev{width:10px;height:10px;margin:0 12px 0 8px;background:url("../images/icon-arrow_left.svg") no-repeat 50%;background-size:auto 100%}#body .body-inner .button-area .paging .prev.disabled{opacity:.2}#body .body-inner .button-area .paging .next{width:10px;height:10px;margin:0 8px 0 12px;background:url("../images/icon-arrow_left.svg") no-repeat 50%;background-size:auto 100%;transform:rotate(180deg)}#body .body-inner .button-area .paging .next.disabled{opacity:.2}#body .body-inner .button-area .paging .end{width:10px;height:10px;background:url("../images/icon-arrow_front.svg") no-repeat 50%;background-size:auto 100%;transform:rotate(180deg)}#body .body-inner .button-area .paging .end.disabled{opacity:.2}.vocademia_wrapper table tr td .title{line-height:34px;padding:0 24px;font-size:14px;border:1px solid #ddd;border-radius:2px}.vocademia_wrapper table tr td .title.bl{color:#2469e1;background:#fff;border-color:#2469e1}.vocademia_wrapper table tr td .title.grn{color:#279f7c;background:#fff;border-color:#279f7c}.vocademia_wrapper table tr td .title.yel{color:#f19d0c;background:#fff;border-color:#f19d0c}.vocademia_wrapper table tr td .selectBox{width:980px;margin:0 8px}.vocademia_wrapper table tr td .btn_type2{margin:0 8px 0 0}.vocademia_wrapper table tr td.deps2{padding-left:137px}.vocademia_wrapper table tr td.deps2 .selectBox{width:1000px}.vocademia_wrapper table tr td.deps3{padding-left:235px}.vocademia_wrapper table tr td.deps3 .selectBox{width:1100px}.wordWide_wrapper .table-title{padding:0 0 10px 6px;font-size:16px;font-weight:500;color:#222}.wordWide_wrapper .split-area{margin:0 0 30px;border-bottom:1px solid #ddd}.campusLearning_wrapper{width:calc(100vw - 80px);overflow-x:auto}.campusLearning_wrapper .scroll-area{min-width:1840px;height:calc(100vh - 295px)}.campusLearning_wrapper table tr td{padding:6px 10px}.campusLearning_wrapper table tr td a{text-decoration:underline}.campusLearning_wrapper .nodata table tbody tr td{height:calc(100vh - 552px)}.campusLearning_wrapper .noti{padding:10px 0;font-size:12px;font-weight:500;color:#777}.campusLearning_wrapper .searchBar-wrapper,.campusLearning_wrapper .table-outline,.campusLearning_wrapper .table-foot{min-width:1840px}#layerPop-studentDetail{position:absolute;left:50%;top:50%;display:none;width:100%;max-width:1574px;height:933px;background:#f2f7fa;box-shadow:0 3px 10px rgba(0,0,0,.16);transform:translate(-50%, -50%);z-index:200;overflow-y:hidden;overflow-x:auto}#layerPop-studentDetail::-webkit-scrollbar{height:18px}#layerPop-studentDetail::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#layerPop-studentDetail::-webkit-scrollbar-track{margin:0 10px}#layerPop-studentDetail .pop-header{display:flex;align-items:center;justify-content:space-between;width:1574px;height:50px;padding:0 20px;background:#2b2b2b;box-sizing:border-box}#layerPop-studentDetail .pop-header p{font-size:16px;font-weight:600;color:#fff}#layerPop-studentDetail .pop-header .btn_close{width:20px;height:20px;background:url("../images/icon-close.svg") no-repeat 50%;background-size:cover;cursor:pointer}#layerPop-studentDetail .pop-body{width:1574px;height:883px;padding:0 30px;box-sizing:border-box}#layerPop-studentDetail .pop-body .information{display:flex;align-items:center;justify-content:space-between;padding:21px 4px;border-bottom:1px solid #afafaf}#layerPop-studentDetail .pop-body .information .personal{display:flex}#layerPop-studentDetail .pop-body .information .personal .name{font-size:18px;font-weight:400;color:#444}#layerPop-studentDetail .pop-body .information .personal .name b{font-size:28px;font-weight:600;color:#222}#layerPop-studentDetail .pop-body .information .personal ul{display:flex;align-items:end;height:37px;margin:0 0 0 45px}#layerPop-studentDetail .pop-body .information .personal ul li{margin:0 38px 0 0}#layerPop-studentDetail .pop-body .information .personal ul li span{display:inline-block;width:86px;line-height:28px;margin:0 7px 0 0;font-size:13px;font-weight:500;color:#fff;text-align:center;background:#002157;border-radius:14px}#layerPop-studentDetail .pop-body .information .level{padding:0 0 0 20px;font-size:14px;font-weight:500;color:#2b2b2b;text-align:center;background:url("../images/icon-info_m_bk.svg") no-repeat left 3px}#layerPop-studentDetail .pop-body .result-wrapper{position:relative;padding:24px 0 0}#layerPop-studentDetail .pop-body .result-wrapper ul{display:flex;flex-wrap:wrap;clear:both}#layerPop-studentDetail .pop-body .result-wrapper ul li{flex:1 0 auto;height:100px;margin:0 0 20px 20px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 3px 10px #e2ecfc;box-sizing:border-box}#layerPop-studentDetail .pop-body .result-wrapper ul li:first-child{margin:0 0 20px 0}#layerPop-studentDetail .pop-body .result-wrapper ul li .s-title{font-size:14px;font-weight:500;color:#222}#layerPop-studentDetail .pop-body .result-wrapper ul li .detail{text-align:center}#layerPop-studentDetail .pop-body .result-wrapper ul li .detail b{display:block;padding:7px 0 3px;font-size:18px;font-weight:600;color:#222}#layerPop-studentDetail .pop-body .result-wrapper ul li .detail p{font-size:12px;font-weight:500;color:#172947}#layerPop-studentDetail .pop-body .result-wrapper .certifi-area{position:relative;float:left;width:1138px}#layerPop-studentDetail .pop-body .result-wrapper .certifi-area::after{position:absolute;right:-4px;top:77px;content:"";width:4px;height:192px;background:#dbe1e6;opacity:.5}#layerPop-studentDetail .pop-body .result-wrapper .certifi-area .certifi{line-height:48px;margin:0 0 12px;padding:0 0 0 60px;font-size:24px;font-weight:600;color:#222;background:url("../images/icon-check_grn.svg") no-repeat left top}#layerPop-studentDetail .pop-body .result-wrapper .certifi-area ul{display:block}#layerPop-studentDetail .pop-body .result-wrapper .certifi-area ul li{width:340px;float:left}#layerPop-studentDetail .pop-body .result-wrapper .certifi-area ul li:first-child{width:388px;height:221px}#layerPop-studentDetail .pop-body .result-wrapper .certifi-area ul li:first-child b{padding:50px 0 3px;font-size:28px}#layerPop-studentDetail .pop-body .result-wrapper .ccss-area{float:right;width:340px;margin:0 0 0 30px}#layerPop-studentDetail .pop-body .result-wrapper .ccss-area .ccss{line-height:48px;margin:0 0 12px;padding:0 0 0 60px;font-size:24px;font-weight:600;color:#222;background:url("../images/icon-lightning.svg") no-repeat left top}#layerPop-studentDetail .pop-body .result-wrapper .ccss-area ul{flex-direction:column}#layerPop-studentDetail .pop-body .result-wrapper .ccss-area ul li{margin:0 0 20px 0}#layerPop-studentDetail .pop-body .result-wrapper .week-average{display:block;clear:both;padding:5px 0}#layerPop-studentDetail .pop-body .result-wrapper .week-average ul li{height:120px}#layerPop-studentDetail .pop-body .result-wrapper .graph-area ul li{display:flex;justify-content:space-evenly;height:234px;margin:0 0 12px;padding:16px 0}#layerPop-studentDetail .pop-body .result-wrapper .graph-area ul li .box{width:30%}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph{position:relative;width:100%;height:174px;margin:12px 0 0}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .y-axis{position:absolute;left:0;bottom:10px;display:flex;flex-direction:column;width:100%;height:100%}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .y-axis p{position:relative;display:flex;align-items:center;justify-content:center;width:30px;font-size:14px;font-weight:500;color:#222;text-align:center}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .y-axis p::before{position:absolute;left:40px;top:50%;content:"";width:410px;height:1px;border-bottom:1px solid #ddd}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .x-axis{position:absolute;left:0;bottom:0;display:flex;align-items:center;width:100%;padding:0 0 0 30px;box-sizing:border-box}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .x-axis p{flex:1 1 auto;font-size:14px;font-weight:500;color:#222;text-align:center}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis-area{position:absolute;left:0;bottom:37.5px;width:100%;display:flex;justify-content:space-around;padding:0 0 0 30px;box-sizing:border-box}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis{display:flex;align-items:flex-end;justify-content:space-between;width:36px;height:117px}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p{position:relative;display:block;width:12px}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p b{font-size:0;text-indent:-999999999999px}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p span{position:absolute;left:22px;top:0;display:none;padding:0 10px;line-height:25px;font-size:12px;font-weight:500;color:#006143;white-space:nowrap;background:#dbf3eb;border-radius:4px;z-index:5}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p span::before{position:absolute;left:-6px;top:7px;content:"";width:7px;height:9px}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p:hover span{display:block}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p.b span{color:#003080;background:#e2ecfc}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p.b span::before{background:url("../images/bg-triangle_bl.svg") no-repeat left top}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p.g span{color:#006143;background:#dbf3eb}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p.g span::before{background:url("../images/bg-triangle_gr.svg") no-repeat left top}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p.y span{color:#583800;background:#fee5ba}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis p.y span::before{background:url("../images/bg-triangle_yl.svg") no-repeat left top}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis .b{background:#6a9df4}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis .g{background:#4bc29d}#layerPop-studentDetail .pop-body .result-wrapper .graph-area .graph .xy-axis .y{background:#f9a009}#layerPop-studentDetail .pop-body .result-wrapper .graph-guidance{position:absolute;right:34px;bottom:-20px;display:flex}#layerPop-studentDetail .pop-body .result-wrapper .graph-guidance dl{display:flex;align-items:center;margin-left:24px}#layerPop-studentDetail .pop-body .result-wrapper .graph-guidance dl dt{width:12px;height:12px;margin:0 8px}#layerPop-studentDetail .pop-body .result-wrapper .graph-guidance dl.b dt{background:#6a9df4}#layerPop-studentDetail .pop-body .result-wrapper .graph-guidance dl.g dt{background:#4bc29d}#layerPop-studentDetail .pop-body .result-wrapper .graph-guidance dl.y dt{background:#f9a009}#layerPop-studentDetail .pop-body .result-wrapper .graph-guidance dl dd{font-size:14px;font-weight:500;color:#222}#layerPop-studentDetail .pop-body .noti{line-height:20px;font-size:14px;font-weight:500;color:#777}.notice_wrapper .scroll-area{height:calc(100vh - 338px)}.noticeView_wrapper .noticeTop-info{display:flex;align-items:center;justify-content:space-between;margin:0 20px 12px 0}.noticeView_wrapper .noticeTop-info p{font-size:16px;font-weight:500;color:#222}.noticeView_wrapper .noticeTop-info span{font-size:12px;font-weight:500;color:#777}.noticeView_wrapper .table-outline table{height:100%;border-collapse:collapse}.noticeView_wrapper .table-outline table tr th,.noticeView_wrapper .table-outline table tr td{padding:8px 16px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.noticeView_wrapper .table-outline table tr th:first-child{border-left:none}.noticeView_wrapper .table-outline table th span{color:red}.noticeView_wrapper .table-outline table tr td{font-size:14px;text-align:left;background:#fff}.noticeView_wrapper .table-outline table tr td:last-child{border-right:none}.noticeView_wrapper .table-outline table td input[type=text]{width:65%}.noticeView_wrapper .table-outline table td .webeditor{height:100%}#admin-login{position:relative;width:100%;height:100%;background:#edf5fd;overflow:hidden}#admin-login .inner-wrapper{position:absolute;left:50%;top:50%;display:flex;width:970px;height:636px;background:#fff;border-radius:50px;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0 6px 6px rgba(80,80,84,.28)}#admin-login .inner-wrapper .left-area{width:472px;padding:120px 69px 0 83px;text-align:center;box-sizing:border-box}#admin-login .inner-wrapper .left-area ul{display:inline-block;width:320px;margin:54px 0 0}#admin-login .inner-wrapper .left-area ul li{position:relative}#admin-login .inner-wrapper .left-area ul li input[type=text],#admin-login .inner-wrapper .left-area ul li input[type=password]{width:320px;height:45px;margin:0 0 10px;padding:0 10px 0 53px;font-size:16px;border-radius:3px;box-sizing:border-box}#admin-login .inner-wrapper .left-area ul li:first-child::before{position:absolute;left:22px;top:13px;content:"";width:18px;height:18px;background:url("../images/login-id.svg") no-repeat 50%}#admin-login .inner-wrapper .left-area ul li:last-child::before{position:absolute;left:22px;top:13px;content:"";width:18px;height:18px;background:url("../images/login-pw.svg") no-repeat 21px 50%}#admin-login .inner-wrapper .left-area ul li input[type=text]::placeholder,#admin-login .inner-wrapper .left-area ul li input[type=password]::placeholder{color:#999}#admin-login .inner-wrapper .left-area .login-shortcut{display:flex;justify-content:space-between;margin:0 0 42px}#admin-login .inner-wrapper .left-area .login-shortcut .checkbox-group input[type=checkbox]{width:18px;height:18px;appearance:none;background:url("../images/login-checkbox.svg") no-repeat left top}#admin-login .inner-wrapper .left-area .login-shortcut .checkbox-group input[type=checkbox]+label{font-size:12px;color:#777}#admin-login .inner-wrapper .left-area .login-shortcut .checkbox-group input[type=checkbox]:checked{background:url("../images/login-checkbox_on.svg") no-repeat left top}#admin-login .inner-wrapper .left-area .login-shortcut .btn_lostPW{font-size:12px;color:#777;text-decoration:underline;background:none}#admin-login .inner-wrapper .left-area .btn_login{display:block;width:100%;height:45px;margin:0 0 110px;font-size:18px;font-weight:600;border-radius:3px}#admin-login .inner-wrapper .left-area .copy{font-size:12px;color:#555}#admin-login .inner-wrapper .right-area{flex-grow:1;height:574px;margin:31px 35px 0 0}#admin-login .inner-wrapper .right-area img{height:100%}@media screen and (max-width: 1930px){.campusLearning_wrapper .scroll-area{height:calc(100vh - 307px)}.campusLearning_wrapper::-webkit-scrollbar{width:12px;height:12px}.campusLearning_wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.campusLearning_wrapper::-webkit-scrollbar-track{background:none}.campusLearning_wrapper .nodata table tbody tr td{height:calc(100vh - 590px)}}#root{width:100%;height:100%}.cursor_pointer{cursor:pointer}.cursor_default{cursor:default !important}.toast_warning{height:40px !important;padding:0 20px !important;box-shadow:0 3px 16px 0 rgba(0,16,44,.2) !important;background-color:rgba(0,33,90,.9) !important;display:flex !important;align-items:center !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%)}.toast_warning span{display:block;height:18px;line-height:18px;color:#fff;font-size:15px;white-space:nowrap}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,0) inset}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}.content-container table tr td .tooltip-box .member_tooltip{z-index:1}.force_visible{display:block !important}.rs-input-group-inside{border-radius:none !important;border:none !important}.content-container table.ccssResult tr th.ccss-header-unit{font-size:12px}.content-container table.ccssResult tbody tr td.complete{background-color:#84b2ff}.content-container table.ccssResult tbody tr td.study{background-color:#e2edff}table.ccssResult .first-col{width:60px;position:sticky;left:0;z-index:1}table.ccssResult .second-col{width:100px;position:sticky;left:60px;z-index:1}table.ccssResult tr>td{color:#222}table.ccssResult tr>td:nth-child(2){color:#000}table.ccssResult tbody tr td.empty{font-size:18px;font-weight:500;color:#777;background:#f6f6f6;height:450px}table.ccssResult tr th div.tooltip-box{position:relative}table.ccssResult tr th div.tooltip-box .tooltip{position:absolute;right:40px;top:-10px;display:none;width:180px;height:67px;padding:7px 20px 0 0;font-size:12px;font-weight:500;color:#222;background:url("../images/bg-tooltip_gr.svg") no-repeat left top;box-sizing:border-box;z-index:1}table.ccssResult tr th div.tooltip-box:hover .tooltip{display:block}.tab{background-color:rgba(0,0,0,0);font-size:18px}.tab.active{color:blue;font-weight:bold}/*# sourceMappingURL=styles.css.map */