@charset "UTF-8";.save-popup{padding:12px 0!important;top:unset!important;left:calc((100% + 160px)/2)!important;bottom:0px!important}.save-popup .title{color:#222;font-size:20px;font-weight:500;line-height:20px;text-align:left;text-justify:center;margin:0}.save-popup .save-wrapper{display:flex;align-items:center;justify-content:center;gap:12px}.save-popup .save-wrapper .delete-btn{color:#fff;background-color:#222;width:98px;height:40px;top:12px;left:279px;padding:4px 8px;gap:8px;border:none;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover) and (pointer: fine){.save-popup .save-wrapper .delete-btn:hover{transform:scale(.95);box-shadow:0 2px 10px #0003}}.save-popup .save-wrapper .delete-btn:active{transform:scale(.95)}.save-popup .save-wrapper .save-btn{color:#fff;background-color:#1a994f;width:160px;height:40px;padding:4px 8px;gap:8px;border:none;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover) and (pointer: fine){.save-popup .save-wrapper .save-btn:hover{transform:scale(.95);box-shadow:0 2px 10px #0003}}.save-popup .save-wrapper .save-btn:active{transform:scale(.95)}.modal{position:fixed;z-index:102;bottom:40px;left:50%;transform:translate(-50%);width:600px;padding:24px;box-sizing:border-box;border-radius:8px;background-color:#fff;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal .modal-title{font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.modal .modal-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;cursor:pointer;background-color:transparent;border:none;font-size:20px;color:#888}.dropdown[data-v-55b81082]{position:relative;display:inline-block;font-family:Pretendard;font-size:16px;font-weight:500;line-height:20px;text-align:left;color:#666}.dropdown[data-v-55b81082].disable[data-v-55b81082]{opacity:.5}.dropdown[data-v-55b81082].disable[data-v-55b81082] .dropdown-button[data-v-55b81082]{background-color:#eee;cursor:default!important}.dropdown-button[data-v-55b81082]{display:flex;justify-content:space-between;align-items:center;padding-left:14px;padding-right:14px;width:96px;height:32px;border-radius:4px;background:#ffffff;color:#666;font-style:Pretendard;font-size:16px;font-weight:500;line-height:20px;text-align:left;border:1px solid #d9d9d9;cursor:pointer;transition:background-color .3s ease,color .3s ease}.dropdown-button[data-v-55b81082] .arrow[data-v-55b81082]{position:absolute;width:16px;height:16px;right:8px;background-image:url(/assets/images/etc/dropdown-arrow.webp);background-size:contain;background-repeat:no-repeat;transition:transform .3s ease}.dropdown-button[data-v-55b81082] .arrow.rotate[data-v-55b81082]{transform:rotate(180deg)}@media (hover: hover) and (pointer: fine){.dropdown-button[data-v-55b81082][data-v-55b81082]:hover{background-color:#f1f1f1;color:#222}}.dropdown-content[data-v-55b81082]{display:block;position:absolute;background-color:#fff;min-width:96px;z-index:9999;border-radius:4px;border:1px solid #d9d9d9;cursor:pointer}.dropdown-content[data-v-55b81082] .dropdown-item[data-v-55b81082]{color:#222;padding:8px 14px;text-decoration:none;display:block;text-align:center;transition:background-color .3s ease,color .3s ease}.dropdown-content[data-v-55b81082] .dropdown-item[data-v-55b81082][data-v-55b81082]:hover{background-color:#579a5c1a;color:#579a5c!important}.dropdown.open .dropdown-content[data-v-55b81082]{display:block;max-height:200px;opacity:1}.basic-popup{width:441px!important;height:390px!important;padding:32px 32px 16px!important;font-variant-numeric:tabular-nums}.basic-popup .main-container{display:flex;width:100%;height:100%;flex-direction:row;justify-content:space-between;align-items:start}.basic-popup .info-container{display:flex;flex-direction:column;gap:19px}.basic-popup .info-container .title{color:var(--font-color, #2f2c41);margin-bottom:26px;font-size:28px;font-weight:700;line-height:26px;word-break:keep-all;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basic-popup .info-container .info{justify-content:center;font-size:16px;font-weight:500;line-height:20px;text-align:left;color:#999;max-width:150px;overflow:hidden;text-overflow:ellipsis}.basic-popup .info-container .info-input{width:47px;height:32px}.basic-popup .grade-container{width:100%;font-size:16px;font-weight:500;line-height:20px;text-align:center;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:40px}.basic-popup .grade-container .grade-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.basic-popup .grade-container .grade-item .grade-text{display:inline-block;font-size:16px;font-weight:500;line-height:20px;text-align:left;color:#666}.basic-popup .btn-wrapper{display:flex;align-items:center;justify-content:center}.basic-popup .btn-wrapper .apoc-btn{background:#1a994f;width:200px;margin-top:20px;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover) and (pointer: fine){.basic-popup .btn-wrapper .apoc-btn:hover{transform:scale(.95);box-shadow:0 2px 10px #0003}}.basic-popup .btn-wrapper .apoc-btn:active{transform:scale(.95)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--viewport-height: 100%;--vh: 1vh;--primary-color: #8976fd;--secondary-color: #4b8577;--tertiary-color: #8976fd1a;--font-color: #2f2c41;--font-second-color: #5d596c;--font-sub-color: #6f6b7d;--font-gray: #93909e;-webkit-tap-highlight-color:rgba(0,0,0,0)}html body .color-font{color:var(--font-color, #2f2c41)}html body .color-font-primary{color:var(--primary-color, #8976fd)}html body .color-font-second{color:var(--font-second-color, #5d596c)}html body .color-font-sub{color:var(--font-sub-color, #6f6b7d)}html body .color-font-gray{color:var(--font-gray, #93909e)}html body .color-font-placeholder{color:#a5a3ae}html body .text-h1{font-size:2rem}html body h1{font-weight:700;font-size:2rem}html body .text-h2{font-size:1.75rem}html body h2{font-weight:700;font-size:1.75rem}html body .text-h3{font-size:1.5rem}html body h3{font-weight:700;font-size:1.5rem}html body .text-h4{font-size:1.25rem}html body h4{font-weight:700;font-size:1.25rem}html body .text-h5{font-size:1.125rem}html body h5{font-weight:700;font-size:1.125rem}html body .text-h6{font-size:1rem}html body h6{font-weight:700;font-size:1rem}html body .text-h7{font-size:.875rem}html body h7{font-weight:700;font-size:.875rem}html body .text-s-1{font-size:1rem}html body .text-line-1{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-2{font-size:2rem}html body .text-line-2{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-3{font-size:3rem}html body .text-line-3{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-4{font-size:4rem}html body .text-line-4{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-5{font-size:5rem}html body .text-line-5{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-6{font-size:6rem}html body .text-line-6{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-7{font-size:7rem}html body .text-line-7{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-8{font-size:8rem}html body .text-line-8{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-9{font-size:9rem}html body .text-line-9{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-10{font-size:10rem}html body .text-line-10{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-11{font-size:11rem}html body .text-line-11{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-12{font-size:12rem}html body .text-line-12{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-13{font-size:13rem}html body .text-line-13{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:13;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-14{font-size:14rem}html body .text-line-14{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:14;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-15{font-size:15rem}html body .text-line-15{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:15;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-16{font-size:16rem}html body .text-line-16{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:16;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-17{font-size:17rem}html body .text-line-17{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:17;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-18{font-size:18rem}html body .text-line-18{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:18;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-19{font-size:19rem}html body .text-line-19{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:19;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-s-20{font-size:20rem}html body .text-line-20{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:20;-webkit-box-orient:vertical;padding:0;margin:8px 0}html body .text-c1{font-size:.75rem}html body .text-c2{font-size:.6875rem}html body .text-b5{font-weight:500!important}html body .text-b6{font-weight:600!important}html body .text-i{font-style:italic}html body .mr-1{margin-right:.5rem}html body .ml-1{margin-left:.5rem}html body .mt-1{margin-top:.5rem}html body .mb-1{margin-bottom:.5rem}html body .ma-1{margin:.5rem}html body .mr-2{margin-right:1rem}html body .ml-2{margin-left:1rem}html body .mt-2{margin-top:1rem}html body .mb-2{margin-bottom:1rem}html body .ma-2{margin:1rem}html body .mr-3{margin-right:1.5rem}html body .ml-3{margin-left:1.5rem}html body .mt-3{margin-top:1.5rem}html body .mb-3{margin-bottom:1.5rem}html body .ma-3{margin:1.5rem}html body .mr-4{margin-right:2rem}html body .ml-4{margin-left:2rem}html body .mt-4{margin-top:2rem}html body .mb-4{margin-bottom:2rem}html body .ma-4{margin:2rem}html body .mr-5{margin-right:2.5rem}html body .ml-5{margin-left:2.5rem}html body .mt-5{margin-top:2.5rem}html body .mb-5{margin-bottom:2.5rem}html body .ma-5{margin:2.5rem}html body .mr-6{margin-right:3rem}html body .ml-6{margin-left:3rem}html body .mt-6{margin-top:3rem}html body .mb-6{margin-bottom:3rem}html body .ma-6{margin:3rem}html body .mr-7{margin-right:3.5rem}html body .ml-7{margin-left:3.5rem}html body .mt-7{margin-top:3.5rem}html body .mb-7{margin-bottom:3.5rem}html body .ma-7{margin:3.5rem}html body .mr-8{margin-right:4rem}html body .ml-8{margin-left:4rem}html body .mt-8{margin-top:4rem}html body .mb-8{margin-bottom:4rem}html body .ma-8{margin:4rem}html body .mr-9{margin-right:4.5rem}html body .ml-9{margin-left:4.5rem}html body .mt-9{margin-top:4.5rem}html body .mb-9{margin-bottom:4.5rem}html body .ma-9{margin:4.5rem}html body .mr-10{margin-right:5rem}html body .ml-10{margin-left:5rem}html body .mt-10{margin-top:5rem}html body .mb-10{margin-bottom:5rem}html body .ma-10{margin:5rem}html body .mr-11{margin-right:5.5rem}html body .ml-11{margin-left:5.5rem}html body .mt-11{margin-top:5.5rem}html body .mb-11{margin-bottom:5.5rem}html body .ma-11{margin:5.5rem}html body .mr-12{margin-right:6rem}html body .ml-12{margin-left:6rem}html body .mt-12{margin-top:6rem}html body .mb-12{margin-bottom:6rem}html body .ma-12{margin:6rem}html body .mr-13{margin-right:6.5rem}html body .ml-13{margin-left:6.5rem}html body .mt-13{margin-top:6.5rem}html body .mb-13{margin-bottom:6.5rem}html body .ma-13{margin:6.5rem}html body .mr-14{margin-right:7rem}html body .ml-14{margin-left:7rem}html body .mt-14{margin-top:7rem}html body .mb-14{margin-bottom:7rem}html body .ma-14{margin:7rem}html body .mr-15{margin-right:7.5rem}html body .ml-15{margin-left:7.5rem}html body .mt-15{margin-top:7.5rem}html body .mb-15{margin-bottom:7.5rem}html body .ma-15{margin:7.5rem}html body .mr-16{margin-right:8rem}html body .ml-16{margin-left:8rem}html body .mt-16{margin-top:8rem}html body .mb-16{margin-bottom:8rem}html body .ma-16{margin:8rem}html body .mr-17{margin-right:8.5rem}html body .ml-17{margin-left:8.5rem}html body .mt-17{margin-top:8.5rem}html body .mb-17{margin-bottom:8.5rem}html body .ma-17{margin:8.5rem}html body .mr-18{margin-right:9rem}html body .ml-18{margin-left:9rem}html body .mt-18{margin-top:9rem}html body .mb-18{margin-bottom:9rem}html body .ma-18{margin:9rem}html body .mr-19{margin-right:9.5rem}html body .ml-19{margin-left:9.5rem}html body .mt-19{margin-top:9.5rem}html body .mb-19{margin-bottom:9.5rem}html body .ma-19{margin:9.5rem}html body .mr-20{margin-right:10rem}html body .ml-20{margin-left:10rem}html body .mt-20{margin-top:10rem}html body .mb-20{margin-bottom:10rem}html body .ma-20{margin:10rem}html body .w1{width:10%!important}html body .w2{width:20%!important}html body .w3{width:30%!important}html body .w4{width:40%!important}html body .w5{width:50%!important}html body .w6{width:60%!important}html body .w7{width:70%!important}html body .w8{width:80%!important}html body .w9{width:90%!important}html body .w10{width:100%!important}html body .d-block{display:block}html body .d-inline-block{display:inline-block}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}}html,body,#app{font-size:16px;line-height:1.5;font-weight:400!important;min-height:calc(var(--vh, 1vh) * 100);font-family:Pretendard,sans-serif;color:var(--font-color, #2f2c41);word-break:keep-all}@-moz-document url-prefix(){html,body,#app{font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}img,object,a{-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-o-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important}a,a:hover,a:visited,a:active{color:inherit;text-decoration:none}#app{display:flex;flex-direction:column}html{height:100%}body{overflow-y:scroll;height:100%;width:100%!important}header{position:fixed;background-color:#fff;border-bottom:1px solid #cccccc;padding:0 1rem;width:calc(100% - 2rem);height:80px;z-index:100;display:flex;align-items:center;justify-content:space-between}header .header-logoimage{width:192px;height:40px}header .text-h3{font-size:20px;font-weight:500}header .grade-tabs{display:flex;justify-content:space-around;padding:0;width:592px;height:42px;position:relative}header .grade-tabs ul{list-style:none;padding:0;margin:0;display:flex;width:100%}header .grade-tabs li{padding-top:8px;margin-right:10px;color:#333;font-size:20px;font-weight:500;text-align:center;display:block;width:64px;height:24px;line-height:24px;transition:color .3s ease,font-weight .3s ease;cursor:pointer}@media (hover: hover) and (pointer: fine){header .grade-tabs li:hover,header .grade-tabs li:focus{color:#4b8577;padding-bottom:24px;border-bottom:6px solid #4b8577;font-weight:600}}header .grade-tabs li.active,header .grade-tabs li:active{color:#4b8577;padding-bottom:24px;border-bottom:6px solid #4b8577;font-weight:700}.logout-btn{position:relative;transition:color .3s ease,font-weight .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;width:128px;height:40px;border-radius:12px;border:1px solid #cccccc;background-color:#fff}@media (hover: hover) and (pointer: fine){.logout-btn:hover,.logout-btn:focus{color:#4b8577;font-weight:600;background-color:#579a5c1a;transform:scale(.95);box-shadow:0 2px 10px #0003}}.logout-btn:active{color:#4b8577;font-weight:600;background-color:#579a5c1a;transform:scale(.95);box-shadow:0 2px 10px #0003}.logout-btn .btn-type{position:absolute;top:-10px;left:20%;transform:translate(-20%);height:16px;min-width:32px;padding:0 4px;border-radius:12px;background:linear-gradient(0deg,rgba(87,154,92,.2),rgba(87,154,92,.2)),#ffffff;color:#579a5c;font-size:12px;font-weight:500;line-height:16px;text-align:center}.logout-btn .username-btn{width:calc(100% - 40px);font-size:16px;font-weight:600;color:#333;margin-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn .logout-icon{width:20px;height:20px}.dim{background-color:#6d6b77;position:fixed;width:100%;height:100%;opacity:.6;z-index:101;top:0}.loading-dim{background-color:#000;position:fixed;width:100%;height:100%;opacity:.3;z-index:8;top:0}.loading-bg{position:fixed;z-index:10000000000000000;top:calc(var(--vh, 1vh) * 50);left:calc(var(--vw, 1vw) * 50)}.loading-bg .loader{border:5px solid #d1d1d8;border-top:5px solid var(--secondary-color, #4b8577);border-radius:50%;width:2rem;height:2rem;animation:spin 2s linear infinite}.svg{height:20px}.svg path{stroke-width:.2}.box-shadow{-webkit-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);-moz-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);box-shadow:0 2px 16px #5d596c1a}.box-shadow-gnb{-webkit-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);-moz-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);box-shadow:0 2px 16px #8976fd40}.apoc-btn{padding:10px 12px;border-radius:4px;border:1px solid #dbdade;cursor:pointer;font-size:inherit;background:#ffffff;color:var(--font-second-color, #5d596c);display:flex;justify-content:center;align-items:center}.apoc-btn:disabled{cursor:default}.apoc-btn.primary{background:var(--primary-color, #8976fd);color:#fff}.apoc-btn.primary .svg{vertical-align:top}.apoc-btn.primary .svg path{fill:#fff;stroke:#fff}.apoc-btn.normal{color:var(--font-second-color, #5d596c)}.apoc-btn.normal .svg path{fill:var(--font-second-color, #5d596c);stroke:var(--font-second-color, #5d596c)}.apoc-btn.danger{color:#ea5455}.apoc-btn.danger .svg path{fill:#ea5455;stroke:#ea5455}.apoc-btn.danger-red{background-color:#ea5455;border:1px solid #ea5455;color:#fff}.apoc-btn.slim{font-size:.875rem;padding:.5rem}.apoc-btn.no-border{border:0}.empty-table{width:100%;font-size:16px;color:#666}table{width:100%;border-top:1px solid #dbdade;font-size:.875rem}table.no-border{border:none}table tr th{white-space:nowrap;font-weight:500!important;text-align:center;vertical-align:middle}table tr th span{display:inline-block;vertical-align:middle;line-height:normal;gap:4px;margin-top:34px;margin-bottom:34px}table tr{border-bottom:1px solid #dbdade}table tr td{padding:8px;vertical-align:middle;word-break:keep-all}table tr td.color-font-sub{font-variant-numeric:tabular-nums}table tr td.thumbnail-td{width:64px;padding-right:12px;overflow:hidden}table tr td.left{text-align:left}table tr td.right{text-align:right}table tr td a{cursor:pointer;font-weight:600}table tr td.content-title{display:flex;flex-direction:column;gap:4px}table tr td.content-title span:first-child{font-weight:600;font-size:14px!important;text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}table tr td.content-title span:last-child{font-size:12px;text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}table tr td .thumbnail{width:64px;height:40px;background-color:#dbdade;border-radius:5px;box-sizing:border-box;object-fit:cover}span.badge{font-size:.75rem;padding:.25rem .5rem;background-color:#f2f2f3;color:var(--font-sub-color, #6f6b7d);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;overflow:hidden;z-index:1;white-space:nowrap}span.badge.normal{background-color:#def7e9;color:#25c76f}span.badge.warning{background-color:#fff1e3;color:#ff9f43}span.badge.danger{background-color:#ffebeb;color:#ea5455}span.badge.primary{background-color:#f4f3ff;color:var(--primary-color, #8976fd)}span.badge.square{border-radius:6px}.table-paging{font-size:.875rem;display:flex;justify-content:space-between;margin-top:1rem}.table-paging .entry,.table-paging .paging{color:#a5a3ae;display:flex;flex-direction:row;align-items:center;gap:4px}.table-paging .apoc-select .option-list-area-wrapper::-webkit-scrollbar{width:2px;height:2px}.table-paging .paging button{min-width:36px;height:36px;color:var(--font-sub-color, #6f6b7d);display:flex}.table-paging .paging button .svg{margin:0}.table-paging .paging button .svg path{fill:var(--font-sub-color, #6f6b7d);stroke:var(--font-sub-color, #6f6b7d)}.table-paging .paging button.active{background-color:#f4f3ff;color:var(--primary-color, #8976fd)}.table-paging .paging button:disabled .svg path{fill:#a5a3ae!important;stroke:#a5a3ae!important}.table-paging .paging .arrow-left{margin-right:4px}.table-paging .paging .arrow-right{margin-left:4px;transform:rotate(180deg)}.search-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.search-wrapper .apoc-btn{height:40px;min-width:100px;margin:0}.search-wrapper .apoc-btn .btn-img{width:20px;height:20px}.filter-wrapper{display:flex;flex-direction:column;gap:1rem;width:186px}.filter-wrapper h1{font-size:18px;font-weight:600;line-height:24px;color:#6f6b7d}.filter-wrapper .filter-flex{display:flex;flex-direction:row;gap:14px}.filter-wrapper .filter-flex .apoc-select{flex:1}.filter-wrapper .filter-flex .apoc-select.exist-tag .selected-area{background-color:#f5f5f5}.divider{width:calc(100% + 56px);height:1px;background-color:#e5e5e5;margin:24px 0 24px -28px}.input-table.small .value{width:40%!important;font-weight:600}.input-table .input-row{display:flex;flex-direction:row;align-items:start;gap:44px;border:none}.input-table .input-row:first-child{margin-top:20px}.input-table .input-row .input-wrapper-flex{display:flex;flex:1;flex-direction:column}.input-table .input-row .input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;flex:1}.input-table .input-row .input-wrapper.align-start{align-items:start}.input-table .input-row .input-wrapper.align-start .value{height:unset;align-items:start}.input-table .input-row .input-wrapper .color-font-placeholder{font-weight:600}.input-table .input-row .input-wrapper .apoc-input{width:70%}.input-table .input-row .input-wrapper .apoc-input textarea,.input-table .input-row .input-wrapper .apoc-input input{font-weight:500!important}.input-table .input-row .input-wrapper span{text-align:start;word-break:keep-all;white-space:nowrap}.input-table .input-row .input-wrapper .value{width:70%;height:40px;display:flex;align-items:center}.input-table .input-row .input-wrapper .value-flex{width:70%;display:flex;flex-direction:column}.input-table .input-row .input-wrapper .apoc-select{min-width:40px}.input-table .input-row .input-wrapper .thumb-img{width:100%;object-fit:cover}.input-table .input-row .input-wrapper .uploaded-thumnail{color:#fff;background:rgba(0,0,0,.6980392157);height:36px;border-radius:6px;position:absolute;padding:8px;box-sizing:border-box;top:calc(50% + 12px);left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}.input-table .input-row .input-wrapper .value .exist-tag .selected-area{background-color:#f5f5f5}.menu-tabs{display:flex;flex-direction:row;border-bottom:1px solid #dbdade}.menu-tabs li{list-style-type:none;padding-bottom:6px;margin-right:8px;cursor:pointer}.menu-tabs li span{display:block;height:40px;padding:8px;box-sizing:border-box;border-radius:8px}.menu-tabs li.active{border-bottom:3px solid var(--primary-color, #8976fd)}.menu-tabs li.active span{color:var(--primary-color, #8976fd);background-color:#f4f3ff}.result-empty{background-color:#f7f7f7;height:320px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center}.result-empty h3{font-weight:700;font-size:22px}.result-empty span{font-size:16px;font-weight:500}.modal{position:fixed;z-index:102;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px 24px;box-sizing:border-box;border-radius:12px;background:#ffffff;white-space:pre-wrap;border-width:1px,0px,1px,0px;border-style:solid;border-color:#eee}.modal .modal-title{font-size:18px;font-weight:600}.modal .close-btn{transform:rotate(45deg)!important;position:absolute;top:0;right:0;width:32px;height:32px;padding:1rem;cursor:pointer}.modal .close-btn .svg{width:2rem;height:2rem}.modal .close-btn .svg path{fill:var(--font-second-color, #5d596c);stroke:var(--font-second-color, #5d596c)}.apoc-file-uploader{position:relative;text-align:center}.apoc-file-uploader input[type=file]{display:none}.apoc-file-uploader .preview{width:100%;height:160px;border-radius:6px;border:1px solid #dbdade;object-fit:cover}.apoc-file-uploader .saved-file{background-color:#f7f7f7!important;color:#6b7280;border-radius:6px;padding:10px 12px;padding-left:calc(1.5rem + 18px);height:40px;box-sizing:border-box;position:relative;text-align:start;font-weight:500;font-size:14px}.apoc-file-uploader .saved-file span{font-size:12px;font-weight:400!important;margin-left:4px}.apoc-file-uploader .saved-file .icon-file,.apoc-file-uploader .saved-file .icon-file-delete{position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges;position:absolute;display:flex}.apoc-file-uploader .saved-file .icon-file .svg,.apoc-file-uploader .saved-file .icon-file-delete .svg{margin:0;path-fill:var(--font-color, #2f2c41);path-stroke:var(--font-color, #2f2c41)}.apoc-file-uploader .saved-file .icon-file{pointer-events:none;left:12px}.apoc-file-uploader .saved-file .icon-file-delete{right:12px;cursor:pointer}.apoc-file-uploader .apoc-input input{padding-left:calc(1.5rem + 18px);background-color:#f7f7f7!important;border:none;color:#6b7280;font-weight:500;font-size:14px}.apoc-file-uploader .apoc-input input:has(+ .password-append){width:calc(100% - (1.5rem + 46px))}.apoc-file-uploader .uploader-container{background-color:#f7f7f7;border:1px dashed #dbdade;border-radius:6px}.apoc-file-uploader .uploader-container label{cursor:pointer;height:160px;padding:0 1rem;border-radius:6px;display:flex;justify-content:center;align-items:center;flex-direction:column}.apoc-file-uploader .uploader-container label.dragged{border:1px solid var(--primary-color, #8976fd);box-shadow:0 0 0 3px #8976fd33}.apoc-file-uploader.file{width:86%!important}.apoc-file-uploader.file .new-file label{height:124px}.apoc-file-uploader.file .new-file .svg path{fill:#a5a3ae!important;stroke:#a5a3ae!important}.apoc-file-uploader .svg{margin-bottom:4px}.icon-close{cursor:pointer;position:absolute;top:0;right:0;background:rgba(111,107,125,.8);border-radius:6px;height:32px;width:32px;display:flex;justify-content:center;align-items:center}.icon-close .svg{transform:rotate(45deg)!important;height:24px;width:24px;margin:0}.opacity-3{opacity:.3}.info-input{width:100%;min-width:47px;box-sizing:border-box;border-radius:4px;height:32px;background:#ffffff;color:#666;font-family:Pretendard;font-size:16px;font-weight:500;line-height:20px;text-align:left;border:1px solid #d9d9d9;cursor:pointer;text-align:center;outline:none;transition:border-color .3s ease}.info-input:focus{border-color:#1a994f}.info-input:disable{background-color:#f2f2f2}input[type=checkbox]{accent-color:#1a994f;width:20px;height:20px;cursor:pointer}.student-container{display:none;flex-direction:row;width:100%}.badge-wrapper{height:100%;width:100%;padding:16px 16px 26px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.badge-wrapper .badge-section{display:flex;flex-direction:column;gap:8px}.badge-wrapper h1{height:24px;font-size:20px!important;font-weight:800;color:#222;word-break:keep-all}.badge-wrapper .badge-frame-wrapper{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.badge-wrapper .badge-frame-wrapper .badge-frame{width:109px;height:140px;padding:10px;border-radius:16px;box-sizing:border-box;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.badge-wrapper .badge-frame-wrapper .badge-frame .badge-image-frame{box-sizing:border-box;border:8px solid transparent;display:flex;align-items:center;justify-content:center;position:relative}.badge-wrapper .badge-frame-wrapper .badge-frame .badge-image-frame img{width:63.5px;height:65px}.badge-wrapper .badge-frame-wrapper .badge-frame.green{border:1px solid #34c76c;background:#d6f4e1}.badge-wrapper .badge-frame-wrapper .badge-frame.yellow{border:1px solid #ffda57;background:#fdf7e2}.badge-wrapper .badge-frame-wrapper .badge-frame .keyboard-content-tag{background-color:#4b8577;border-radius:8px;color:#fff;font-size:16px;font-weight:700;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;position:absolute;top:-20px;right:-12px}.badge-wrapper .badge-frame-wrapper .badge-frame span{text-overflow:ellipsis;overflow:hidden;word-break:break-word!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-top:8px;font-size:13px;font-weight:600;line-height:16.71px;word-break:keep-all;overflow-wrap:break-word}@media (hover: hover) and (pointer: fine){.badge-frame:hover{transform:scale(.95);box-shadow:0 2px 10px #0003}}.badge-frame:active{transform:scale(.95)}table{overflow-x:auto;max-width:100%}table th,table td{height:56px;box-sizing:border-box}table td input{height:32px;border-radius:4px;border:1px solid #d9d9d9}table td input:disabled{background-color:#f2f2f2}.table-wrapper{overflow-x:auto;max-width:100%;padding-bottom:1rem}.table-wrapper.empty{height:100%}.table-wrapper.teacher{overflow-y:visible}.table-wrapper.teacher .dropdown .dropdown-content{z-index:103}.table-wrapper th,.table-wrapper td{z-index:1!important;min-width:70px}.table-wrapper thead th{background-color:#f4f4f4;position:-webkit-sticky;top:0;z-index:10}.table-wrapper .sticky-col{position:-webkit-sticky;position:sticky;background-color:#fff;z-index:2!important;box-sizing:border-box}.table-wrapper .sticky-col input{text-overflow:unset!important}.table-wrapper .sticky-col:nth-child(1){left:0;min-width:40px!important;max-width:40px!important}.table-wrapper .sticky-col:nth-child(2){left:40px;min-width:120px!important;max-width:120px!important;text-overflow:ellipsis;overflow:hidden}.table-wrapper .sticky-col:nth-child(3){left:160px;min-width:80px!important;max-width:80px!important}.table-wrapper .sticky-col:nth-child(4){left:240px;min-width:120px!important;max-width:120px!important;text-overflow:ellipsis;overflow:hidden}.table-wrapper .sticky-col:nth-child(5){left:360px;min-width:100px!important;max-width:100px!important}.table-wrapper .last{border-right:1px solid #d9d9d9}.table-wrapper .last:after{content:"";position:absolute;top:0;right:-30px;width:30px;height:100%;background:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,0));pointer-events:none;z-index:3}.keyboard-bar{height:32px;border:none!important;border-style:unset!important}.keyboard-bar tr,.keyboard-bar th{padding:0!important;border:none!important;background-color:unset!important;height:unset!important}.keyboard-bar th{border-bottom:1px solid #444444!important}.keyboard-bar .sticky-col{background-color:#fff!important;border:none!important}.keyboard-bar .table-bar{display:flex;justify-content:center;align-items:center;height:32px;border-radius:8px 8px 0 0;background:var(--secondary-color, #4b8577)}.keyboard-bar .table-bar .table-text{height:20px;font-size:14px;font-weight:600;line-height:20px;color:#fff;margin-left:4px;margin-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table{border-collapse:collapse;width:100%;table-layout:fixed}th,td{text-align:center;white-space:nowrap}thead th{font-size:16px;font-weight:500;line-height:20px;text-align:center;color:#222}th,td{font-size:16px;font-weight:500;line-height:20px;text-align:center}.table-container{padding-bottom:80px}.stu-sidebar-wrapper{width:160px;height:492px;background-color:#fff;display:flex;justify-content:center;border-color:#1a994f;border-radius:24px;border:#1a994f 1px solid;padding:0 16px 16px;position:relative;margin:16px 0 0 16px}.stu-sidebar-wrapper .sidebar-top{width:calc(100% + 2px);height:51px;background:#1a994f;border-radius:24px 24px 0 0;display:flex;justify-content:center;position:absolute}.stu-sidebar-wrapper .sidebar{padding-top:56px;gap:8px;display:flex;flex-direction:column;justify-content:space-between;width:100%}.stu-sidebar-wrapper .sidebar ul{list-style:none;top:100px;left:16px;font-size:16px;font-weight:500;line-height:19.09px;text-align:center}.stu-sidebar-wrapper .sidebar li{display:flex;justify-content:center;align-items:center;width:128px;height:44px;border-radius:12px;border:1px 0px 0px 0px;background:#ffffff;border:1px solid rgba(26,153,79,.4);box-shadow:0 4px #579a5ca6;box-sizing:border-box;margin-bottom:8px;cursor:pointer;border-bottom:1px solid #cccccc;position:relative;transition:background-color .3s ease,border .3s ease}@media (hover: hover) and (pointer: fine){.stu-sidebar-wrapper .sidebar li:hover{background-color:#f0f0f0}}.stu-sidebar-wrapper .sidebar li.active{background-color:#1a994f1a;border:1px solid #1a994f;box-shadow:0 4px #579a5c}.stu-sidebar-wrapper .sidebar li.active:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:7px;height:14px;background-image:url(/assets/images/etc/Vector\ 14.webp);background-size:contain;background-repeat:no-repeat}.stu-sidebar-wrapper .class-text{font-size:16px;font-weight:500;line-height:19.09px;text-align:center;color:#1a994f;transition:font-weight .3s ease}.stu-sidebar-wrapper .sidebar li.active .class-text{font-family:Pretendard;font-size:16px;font-weight:700;line-height:19.09px;text-align:center;color:#1a994f}.stu-sidebar-wrapper .sidebar li.disabled{cursor:default;pointer-events:none;background-color:#f3f3f3;border:1px solid rgba(87,154,92,.4);box-shadow:none;font-family:Pretendard;font-size:16px;font-weight:500;line-height:19.09px;text-align:center}.stu-sidebar-wrapper .sidebar li.disabled .class-text{color:#999}.stu-sidebar-wrapper .sidebar li.disabled:hover{background-color:#f3f3f3}.stu-sidebar-wrapper .sidebar-top>h2{font-size:16px;font-weight:700;line-height:19.09px;text-align:center;color:#fff;position:relative;top:16px}