/*! OpEduApp v1.2.7 (build 20210628.43577) */
#footer{height:40px;position:absolute;left:0;right:0;bottom:0}#footer *{font-family:"Open Sans",sans-serif;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#footer>.controls{position:relative;width:100%;background-color:#333;z-index:3;width:100%;height:40px;padding-left:30px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer>.controls>div{height:100%}#footer>.controls>.btn{width:32px;height:32px}#footer>.controls .btn{min-width:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#footer>.controls .btn>i,#footer>.controls .btn svg{height:32px;width:32px;display:block;background-position:left top}#footer>.controls .btn:hover>i{background-position-y:center}#footer>.controls .btn:active>i{background-position-y:bottom}#footer>.controls>.logo{margin-right:1em;width:100px;background-size:contain;pointer-events:none;cursor:normal}#footer .controls .media-slider{width:280px;height:10px}#footer .media-slider{border-radius:10px;margin-left:auto;cursor:pointer}#footer .media-slider>.area>.fill{background-color:#49ca5b}#footer .media-timer{margin-left:10px;margin-right:16px;font-family:"Poppins",sans-serif;font-size:.9em;font-weight:300;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer .media-timer>li{width:42px;height:100%;line-height:100%;color:#fff;font-size:.75m;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer .media-timer>li.txt{width:50px;overflow:hidden}#footer .media-timer>li.delim{width:14px;opacity:.5}#footer .media-timer>li.current{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#footer .media-timer>li.total{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#footer .page-nav{margin-left:20px;margin-right:10px}#footer .page-nav>li.text{width:80px}#footer .page-nav>li.text>span{font-size:18px;line-height:100%;font-weight:600;color:snow}#footer .page-nav>li.text>.delim{font-size:14px;font-weight:300;padding:0 8px;text-align:center;opacity:.5}#footer .page-nav>li.btn{width:50px}#footer .page-nav>li.btn>i{background-position-y:top}#footer .page-nav>li.btn:hover>i{background-position-y:center}#footer .page-nav>li.btn:active>i{background-position-y:bottom}#footer>.next-tooltip{position:absolute;background-position:right top;right:0;bottom:40px;z-index:3;font-size:14px;line-height:14px;letter-spacing:-1px;background-color:#fff;padding:.5rem;text-shadow:1px 1px rgba(0,0,0,.1);display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000;-webkit-box-shadow:0 .125rem .5rem rgba(0,0,0,.3),0 .0625rem .125rem rgba(0,0,0,.2);box-shadow:0 .125rem .5rem rgba(0,0,0,.3),0 .0625rem .125rem rgba(0,0,0,.2)}#footer>.next-tooltip.active{display:-webkit-box;display:-ms-flexbox;display:flex}#footer>.next-tooltip:before{content:"";width:0;height:0;position:absolute;border:8px solid transparent;border-right-width:6px;border-left-width:6px;border-top-color:#fff;border-bottom:0;-webkit-box-shadow:0 .0625rem .125rem rgba(0,0,0,.2);box-shadow:0 .0625rem .125rem rgba(0,0,0,.2);right:32px;bottom:-8px}#footer>.next-tooltip.last-page{background-position-y:bottom;pointer-events:none}#footer>.next-tooltip>i,#footer>.next-tooltip svg{padding-right:4px}#subtitle_viewer{position:absolute;width:100%;z-index:2;overflow:hidden}#subtitle_viewer>.close.btn{font-family:"Open Sans",sans-serif;font-weight:lighter;font-size:12px;margin:0 auto;width:90px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#subtitle_viewer>.close.btn:hover{color:#333}#subtitle_viewer>.content{font-size:14px;margin:4px auto 0;word-break:keep-all;overflow-y:auto}#toc{position:absolute;left:0;right:0;bottom:-500px;z-index:2}#toc *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#toc.active .close.btn{display:-webkit-box;display:-ms-flexbox;display:flex}#toc>.wrap{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#toc>.wrap>.close.btn{width:40px;height:40px;position:absolute;top:0;right:0;font-family:"Open Sans",sans-serif;font-weight:300;font-size:20px;cursor:pointer;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#toc>.wrap>.close.btn:hover{color:gold}#toc>.wrap>.close.btn:active{color:#ff0}#toc.active>.wrap>.close.btn{display:-webkit-box;display:-ms-flexbox;display:flex}#toc>.wrap .grp-item{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:12px;padding-bottom:2rem;background-color:rgba(30,30,30,.9)}#toc>.wrap .grp-item:nth-child(even){width:250px}#toc>.wrap .grp-item:nth-child(odd){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#toc>.wrap .grp-item>.title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Open Sans","NanumBarunGothic",sans-serif;font-size:18px;font-weight:600}#toc>.wrap .grp-item ul{margin:0;padding:0}#toc>.wrap .grp-item li{position:relative;overflow:visible;list-style:none;padding:4px;margin-bottom:7px;font-weight:400;font-size:16px;color:#eee;line-height:100%}#toc>.wrap .grp-item li *{pointer-events:none}#toc>.wrap .grp-item li.active,#toc>.wrap .grp-item li:hover,#toc>.wrap .grp-item li.current{color:#ff0}#toc>.wrap .grp-item li.active,#toc>.wrap .grp-item li.current{font-weight:bold}#toc>.wrap .grp-item li:hover{text-decoration:underline}#toc>.wrap .grp-item li.current{cursor:default;pointer-events:none}