@charset "utf-8";
/* 수업지원도구 사이드바 */
.side_my_tool {position:fixed; top:10px; left:0; z-index:1000; font-family:'NotoSans'; transition:left 0.3s ease; transition-duration:.1s;}
.side_my_tool *, .side_my_tool *::before, .side_my_tool *::after {line-height:1.2; font-size:100% !important; font-family:'NotoSans';}
.side_my_tool.hide {left:-70px;}
.side_my_tool ul {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:70px; border-radius:0 10px 10px 0; background-color:#fff; overflow:hidden; z-index:1; box-shadow:0 0 10px rgba(0, 0, 0, .4);}
.side_my_tool ul li {display:block; width:100%; height:70px; border-bottom:1px solid #c1c8c8; }
.side_my_tool ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:100%; height:100%; text-decoration:none; background-color:#ececec; }
.side_my_tool ul li a.active, .side_my_tool ul li a:hover {background-color:#fff;}
.side_my_tool ul li a img {width:30px;}
.side_my_tool ul li a h4 {margin:0; padding:0; line-height:1.2; font-size:12px !important; color:#333; font-weight:400; letter-spacing:-1px; font-family:'NotoSans'; }
.side_my_tool .btn_toggle {position:absolute; top:0; right:-26px; width:60px; height:56px; border:none; background-color:#fff; border-radius:0 10px 10px 0; box-shadow:0 0 10px rgba(0, 0, 0, .4); cursor:pointer; }
.side_my_tool .btn_toggle::before {text-indent:-9999px;font-size:0 !important;content:'접기'}

.side_my_tool .btn_toggle i {position:absolute; top:22px; right:10px; width:0; height:0; display:inline-block; border-style:solid; border-width:7px 7px 7px 0px; border-color: transparent #674FDC transparent transparent;}
.side_my_tool .btn_toggle:hover {background-color:#674FDC;}
.side_my_tool .btn_toggle:hover i {border-color: transparent #fff transparent transparent}
.side_my_tool.hide .btn_toggle::before {content:'펼치기';}
.side_my_tool.hide .btn_toggle i {transform:rotate(-180deg);}

@media all and (max-width:700px){
  .side_my_tool.hide {left:-60px;}
  .side_my_tool ul {width:60px;}
  .side_my_tool ul li {height:60px;}
  .side_my_tool ul li a img {width:24px;}
  .side_my_tool ul li a h4 {font-size:11px !important;}
  .side_my_tool .btn_toggle {height:40px;}
  .side_my_tool .btn_toggle i {top:14px;}
}

@media print {
  .side_my_tool {
    display: none !important;
  }
}

/* font */
@font-face {
    font-family:'NotoSans';
    font-style:normal;
    font-weight:400;
    src:url('/nedu/fonts/NotoSansKR-Regular.eot');
    src:url('/nedu/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
        url('/nedu/fonts/NotoSansKR-Regular.woff') format('woff'),
        url('/nedu/fonts/NotoSansKR-Regular.ttf') format('truetype');
  }
  @font-face {
    font-family:'NotoSansB';
    font-style:normal;
    font-weight:700;
    src:url('/nedu/fonts/NotoSansKR-Bold.eot');
    src:url('/nedu/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
        url('/nedu/fonts/NotoSansKR-Bold.woff') format('woff'),
        url('/nedu/fonts/NotoSansKR-Bold.ttf') format('truetype');
  }
  @font-face {
    font-family:'Play';
    font-style:normal;
    font-weight:700;
    src:url('/nedu/fonts/Play-Regular.ttf') format('truetype');
  }
  @font-face {
    font-family:'PlayB';
    font-style:normal;
    font-weight:700;
    src:url('/nedu/fonts/Play-Bold.ttf') format('truetype');
  }
  
  @font-face {
    font-family:'FontAwesome';
    font-style:normal;
    font-weight:700;
    src:url('/nedu/fonts/fontawesome-webfont.eot');
    src:url('/nedu/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('/nedu/fonts/fontawesome-webfont.woff') format('woff'),
        url('/nedu/fonts/fontawesome-webfont.ttf') format('truetype');
  }