.kr-search{position:relative;z-index:3;margin-right:60px}.kr-search>div{display:flex;align-items:center;padding:7px 10px;border-radius:4px;background:#fff}.kr-search>div span{font-size:20px;color:#bbb}.kr-search>div input{width:150px;height:20px;border:0;font-family:Ubuntu,sans-serif;font-style:italic;font-size:13px;letter-spacing:.4px;margin-right:8px}.kr-search>div input:focus{outline:none}.kr-search.searching:before{content:"";position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.kr-search.searching>div{position:relative;z-index:10}.kr-search.searching>ul{z-index:10}.kr-search .kr-search-list{position:absolute;right:0;top:calc(100% + 30px);background:#fff;border-radius:4px;min-width:540px;height:380px;list-style:none;padding:0 20px;overflow:auto}.kr-search .kr-search-list .close{position:absolute;top:5px;right:5px;color:#aaa;cursor:pointer;font-size:22px}.kr-search .kr-search-list .close:hover{color:#000}.kr-search .kr-search-list .message{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#aaa}.kr-search .kr-search-list .message span{display:block;margin-right:8px;font-size:14px}.kr-search .kr-search-list .message p{font-size:15px;font-style:italic}.kr-search .kr-search-list li{padding:20px 0;border-bottom:1px solid #eee;cursor:pointer}.kr-search .kr-search-list li:hover .kr-search-list-title{color:#000}.kr-search .kr-search-list li:last-child{margin:0;padding:0;border:0}.kr-search .kr-search-list li .kr-search-list-title{font-size:15px;font-weight:700;margin-bottom:5px;color:#666;transition:all .4s ease-out}.kr-search .kr-search-list li .kr-search-list-chapter-title{font-size:14px;font-weight:400;cursor:pointer;color:#aaa}.kr-search .kr-search-list li .kr-search-list-chapter-title:hover{text-decoration:underline}.kr-search .kr-search-list li .kr-search-list-chapter-title.selected{color:#4680ff;text-decoration:none}.kr-search .kr-search-list li .kr-search-list-associations{position:relative;background:#f6f7fb;margin:8px 0;padding:10px}.kr-search .kr-search-list li .kr-search-list-associations span{position:absolute;top:4px;right:4px;font-size:18px;cursor:pointer;color:#aaa}.kr-search .kr-search-list li .kr-search-list-associations span:hover{color:#000}.kr-search .kr-search-list li .kr-search-list-associations p{font-weight:700;font-size:14px;margin-bottom:4px}.kr-search .kr-search-list li .kr-search-list-associations div{font-weight:400;font-size:13px;margin-bottom:4px}.kr-search .kr-search-list li .kr-search-list-associations div:last-child{margin-bottom:0}.kr-menu{position:relative;margin-right:20px}.kr-menu.opened:before{content:"";position:fixed;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.kr-menu.opened span{color:#fff!important;z-index:4}.kr-menu.opened .kr-menu-panels{z-index:4}.kr-menu span{position:relative;font-size:20px;color:#aaa;cursor:pointer}.kr-menu span:hover{color:#000}.kr-menu .kr-menu-panels{position:absolute;top:calc(100% + 30px);right:0;display:flex}.kr-menu .kr-menu-list{width:180px;background:#fff;border-radius:4px;list-style:none;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;margin-left:30px;height:1%}.kr-menu .kr-menu-list li{padding:12px 18px;font-size:13px;font-weight:700;cursor:pointer}.kr-menu .kr-menu-list li.selected,.kr-menu .kr-menu-list li:hover{color:#fff}.kr-menu .kr-menu-list li.selected:nth-child(1n),.kr-menu .kr-menu-list li:hover:nth-child(1n){background:#4680ff}.kr-menu .kr-menu-list li.selected:nth-child(2n),.kr-menu .kr-menu-list li:hover:nth-child(2n){background:#f74e6f}.kr-menu .kr-menu-list li.selected:nth-child(3n),.kr-menu .kr-menu-list li:hover:nth-child(3n){background:#feb64d}.kr-menu .kr-menu-list li.selected:nth-child(4n),.kr-menu .kr-menu-list li:hover:nth-child(4n){background:#6fd263}.kr-menu .kr-menu-panel{width:315px;max-height:600px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:4px 4px 0 0}.kr-menu .kr-menu-panel .kr-menu-panel-list{list-style:none;border-bottom:1px solid #eee;padding-bottom:15px;overflow:auto;height:90%;padding:15px}.kr-menu .kr-menu-panel .kr-menu-panel-list li{display:flex;align-items:center;margin-bottom:4px;width:100%}.kr-menu .kr-menu-panel .kr-menu-panel-list li:last-child{margin:0}.kr-menu .kr-menu-panel .kr-menu-panel-list li input{padding:5px 7px;font-size:13px;border-radius:4px;border:0;cursor:pointer;flex:1;margin-right:10px}.kr-menu .kr-menu-panel .kr-menu-panel-list li input.selected,.kr-menu .kr-menu-panel .kr-menu-panel-list li input:hover{background:#f6f7fb}.kr-menu .kr-menu-panel .kr-menu-panel-list li p{padding:5px 7px;font-size:13px;flex:1}.kr-menu .kr-menu-panel .kr-menu-panel-list li .publish{position:relative;border-radius:50%;width:16px;height:16px;cursor:pointer;background:#ddd}.kr-menu .kr-menu-panel .kr-menu-panel-list li .publish:hover{background:#ccc}.kr-menu .kr-menu-panel .kr-menu-panel-list li .publish.published{background:#333}.kr-menu .kr-menu-panel .kr-menu-panel-list li .publish:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;background:#fff;border-radius:50%;width:8px;height:8px}.kr-menu .kr-menu-panel .kr-menu-panel-form{background:#fff;display:flex;align-items:flex-end;padding:15px;border-radius:0 0 4px 4px}.kr-menu .kr-menu-panel .kr-menu-panel-form>div{position:relative;flex:1;margin-right:15px}.kr-menu .kr-menu-panel .kr-menu-panel-form>div i{position:absolute;z-index:0;top:30px;right:5px;font-size:17px}.kr-menu .kr-menu-panel .kr-menu-panel-form input,.kr-menu .kr-menu-panel .kr-menu-panel-form select{width:100%;border:0;background:transparent;border-radius:4px;border:1px solid #ddd;font-size:12px;padding:8px 12px}.kr-menu .kr-menu-panel .kr-menu-panel-form select{position:relative;z-index:2;cursor:pointer;-webkit-appearance:none}.kr-menu .kr-menu-panel .kr-menu-panel-form label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.kr-menu .kr-menu-panel .kr-menu-panel-form .add{display:flex;flex:initial;align-items:center;justify-content:center;width:33px;height:33px;margin:0;color:#fff;background:#6fd263;cursor:pointer;border-radius:4px}.kr-menu .kr-menu-panel .kr-menu-panel-form .add span{font-size:18px}.kr-tag-menu{position:relative;margin-right:20px}.kr-tag-menu.opened:before{content:"";position:fixed;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.kr-tag-menu.opened span{color:#fff!important;z-index:4}.kr-tag-menu.opened .kr-tag-menu-panels{z-index:4}.kr-tag-menu span{position:relative;font-size:20px;color:#aaa;cursor:pointer}.kr-tag-menu span:hover{color:#000}.kr-tag-menu .kr-tag-menu-panels{position:absolute;top:calc(100% + 30px);right:0;display:flex;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:4px}.kr-tag-menu .kr-tag-menu-list{min-width:200px;max-height:500px;overflow:auto;list-style:none}.kr-tag-menu .kr-tag-menu-list .empty{font-weight:400;font-style:italic}.kr-tag-menu .kr-tag-menu-list li{padding:12px 18px;font-size:13px;font-weight:700;cursor:pointer}.kr-tag-menu .kr-tag-menu-list li.selected,.kr-tag-menu .kr-tag-menu-list li:hover{color:#fff;background:#6fd263}.kr-tag-menu .kr-tag-menu-add-panel{display:flex;border-left:1px solid #eee;padding:15px}.kr-tag-menu .kr-tag-menu-add-panel>p{text-align:center}.kr-tag-menu .kr-tag-menu-add-panel .kr-tag-menu-form{min-width:450px;justify-content:space-around}.kr-tag-menu .kr-tag-menu-add-panel .kr-tag-menu-inputs{margin:20px}.kr-tag-menu .kr-tag-menu-add-panel .kr-tag-menu-inputs>div{margin-bottom:20px}.kr-tag-menu .kr-tag-menu-add-panel .kr-tag-menu-inputs .kr-tag-label{font-size:13px;font-weight:700;margin-bottom:8px}.kr-tag-menu .kr-tag-menu-add-panel .kr-tag-menu-inputs input{max-width:100%;background:transparent;border-radius:4px;border:1px solid #ddd;font-size:12px;padding:8px 12px}.kr-tag-menu .kr-tag-menu-add-panel .kr-tag-menu-inputs .kr-tag-preview{margin:auto;width:30px;height:30px;border:1px solid #ddd;margin-left:5px;border-radius:4px}.kr-tag-menu .kr-tag-menu-add-panel .button{display:flex;align-items:center;justify-content:center;width:100px;height:30px;margin:30px auto 0 auto!important;color:#fff;background:#6fd263;border-radius:4px;cursor:pointer}.kr-tag-menu .kr-tag-menu-add-panel .button span{font-size:18px;margin-left:5px}.kr-tag-menu .kr-tag-menu-add-panel .kr-resource-image{margin:20px}.kr-tag-menu .kr-tag-menu-add-panel .kr-resource-image .kr-editor-label{font-size:13px;font-weight:700;margin-bottom:8px}.kr-tag-menu .kr-tag-menu-add-panel .kr-resource-image-upload{display:flex;align-items:center;justify-content:center;width:150px;height:150px;background:#fff;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.06);padding:20px}.kr-tag-menu .kr-tag-menu-add-panel .kr-resource-image-upload div{text-align:center}.kr-tag-menu .kr-tag-menu-add-panel .kr-resource-image-upload span{font-size:40px;color:#ccc}.kr-tag-menu .kr-tag-menu-add-panel .kr-resource-image-upload p{font-size:20px;font-weight:700;color:#ccc}.kr-tag-menu .kr-tag-menu-add-panel img{max-width:100%;max-height:100%}.header{position:relative;z-index:20;height:60px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.header .header-explorer{display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:100%}.header .header-explorer.education{justify-content:flex-end}.header .header-explorer .logo{position:absolute;top:0;left:0;right:0;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;cursor:pointer;background:#fff}.header .header-explorer .logo:after,.header .header-explorer .logo:before{content:"";width:130px;height:100%;position:absolute;top:0}.header .header-explorer .logo:before{right:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff)}.header .header-explorer .logo:after{left:100%;background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0))}.header .header-explorer .logo:hover img{opacity:1}.header .header-explorer .logo img{opacity:.6;height:30px;margin-bottom:5px;transition:all .5s ease-out}.header .header-explorer .logo p{text-align:center;font-size:11px;margin-top:5px}.header .header-explorer .breadcrumb ul{list-style:none;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis}.header .header-explorer .breadcrumb ul li{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-size:12px;letter-spacing:.4px;opacity:.3;cursor:pointer;transition:opacity .3s ease-out}.header .header-explorer .breadcrumb ul li:hover{opacity:1}.header .header-explorer .breadcrumb ul li:last-child{opacity:1;color:#4680ff;font-weight:700}.header .header-explorer .breadcrumb ul span{color:#888;font-size:13px;margin:0 10px}.header .header-explorer .header-menu{display:flex;align-items:center}.header .header-explorer .header-menu .signout span{font-size:20px;color:#aaa;cursor:pointer}.header .header-explorer .header-menu .signout span:hover{color:#000}.header .header-editor{justify-content:space-between}.header .header-editor,.header .header-editor .header-editor-text{display:flex;align-items:center}.header .header-editor .header-editor-text .logo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;cursor:pointer;opacity:1}.header .header-editor .header-editor-text .logo img{height:30px}.header .header-editor .header-editor-text .logo p{text-align:center;font-size:11px;margin-top:5px}.header .header-editor .header-editor-text .header-editor-resource-name{margin-left:15px;line-height:15px}.header .header-editor .header-editor-text .header-editor-resource-name span{display:block;color:#aaa;font-size:11px;font-style:italic}.header .header-editor .header-editor-text .header-editor-resource-name p{font-weight:700;font-size:13px}.header .header-editor .header-editor-actions{display:flex;align-items:center;padding-right:15px}.header .header-editor .header-editor-actions .header-editor-actions-switch-version{display:flex;margin-right:20px}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div{display:flex;align-items:flex-end;border:2px solid #eee;padding:8px 12px;width:105px;cursor:pointer}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div p{font-weight:700;font-size:11px;line-height:11px;color:#aaa}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div span{font-size:13px;color:#bbb;margin-right:10px}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div.published{background:#f6f7fb;border:2px solid #f6f7fb}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div.published p{color:#000}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div.published span{color:#4680ff}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div.draft{background:#f6f7fb;border:2px solid #f6f7fb}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div.draft p{color:#000}.header .header-editor .header-editor-actions .header-editor-actions-switch-version div.draft span{color:#feb64d}.header .header-editor .header-editor-actions .header-editor-actions-more{position:relative;margin-right:10px}.header .header-editor .header-editor-actions .header-editor-actions-more.open>div{background:#333!important}.header .header-editor .header-editor-actions .header-editor-actions-more.open>div span{color:#fff}.header .header-editor .header-editor-actions .header-editor-actions-more>div{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:4px;background:#ddd;cursor:pointer}.header .header-editor .header-editor-actions .header-editor-actions-more>div:hover{background:#d4d4d4}.header .header-editor .header-editor-actions .header-editor-actions-more>div span{color:#666;font-size:19px}.header .header-editor .header-editor-actions .header-editor-actions-more>ul{position:absolute;top:calc(100% + 20px);right:0;list-style:none;border-radius:4px;overflow:hidden}.header .header-editor .header-editor-actions .header-editor-actions-more>ul li{width:150px;display:flex;align-items:center;background:#333;color:#fff;padding:11px 15px;cursor:pointer}.header .header-editor .header-editor-actions .header-editor-actions-more>ul li:hover:nth-child(1n){background:#4680ff}.header .header-editor .header-editor-actions .header-editor-actions-more>ul li:hover:nth-child(2n){background:#f74e6f}.header .header-editor .header-editor-actions .header-editor-actions-more>ul li:hover:nth-child(3n){background:#feb64d}.header .header-editor .header-editor-actions .header-editor-actions-more>ul li:hover:nth-child(4n){background:#6fd263}.header .header-editor .header-editor-actions .header-editor-actions-more>ul li span{font-size:15px;margin-right:12px}.header .header-editor .header-editor-actions .header-editor-actions-more>ul li p{font-size:13px;font-weight:700}.header .header-editor .header-editor-actions .header-editor-actions-save{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:4px;background:#4680ff;margin-right:10px;cursor:pointer}.header .header-editor .header-editor-actions .header-editor-actions-save:hover{background:#266aff}.header .header-editor .header-editor-actions .header-editor-actions-save span{color:#fff;font-size:16px}.header .header-editor .header-editor-actions .header-editor-actions-publish div{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:4px;cursor:pointer}.header .header-editor .header-editor-actions .header-editor-actions-publish div.publish{background:#6fd263}.header .header-editor .header-editor-actions .header-editor-actions-publish div.publish:hover{background:#54ca46}.header .header-editor .header-editor-actions .header-editor-actions-publish div.unpublish{background:#f74e6f}.header .header-editor .header-editor-actions .header-editor-actions-publish div.unpublish:hover{background:#f5264e}.header .header-editor .header-editor-actions .header-editor-actions-publish div span{color:#fff;font-size:18px}