/* float 해제 */
.group:after {clear:both; content:"."; visibility:hidden; display:block; height:0;}

.edu_tab{}
.edu_tab li{float:left; width:32%; background:#e6e6e6; padding:0; margin-left:10px; box-sizing:border-box; border-radius:20px; box-shadow:inset 0px 3px 6px 0px rgba(0,0,0,0.1);}
.edu_tab li:first-child{margin-left:0;}
.edu_tab li a{position:relative; display:block; padding:7px 10px 6px 20px; color:#5a5e61; font-weight:bold; font-size:11px;}
.edu_tab li a span{display:inline-block; margin-right:5px;}
.edu_tab li a i{position:absolute; top:9px; right:10px;}
.edu_tab li.on, .edu_tab li:hover{background:#28a1e8; }
.edu_tab li.on a, .edu_tab li:hover a{color:#fff;}

.search_box{margin-top:30px;}
.search_box select, .search_box input{vertical-align:top;}

.book_list{margin-top: -25px;}
.book_list .notice_txt{padding:0 5px;font-weight:bold;font-size:13px;color:#297cbe;}
.book_list ul{border-bottom:2px solid  #5a8ca5;}
.book_list .B_item{border-top:1px dotted #5a8ca5;}
.book_list .B_item:first-child{border-top:0;}

/*paging*/
.paging{text-align:center; margin-top:30px;}
.paging a{/*border:1px #b8bcc0 solid; border-left:0;*/}
.paging a, .paging strong{display:inline-block; height:30px; line-height:30px;  vertical-align:top; padding:0 5px; font-weight:500; font-size:12px; color:#374652; min-width:20px;}
.paging a.border_num{/*border-left:1px #b8bcc0 solid*/}
.paging strong{font-weight:600; background:#6493aa; color:#fff; border-radius:5px; }
.paging a:hover{color:#333;}
.paging .first,.paging .prev, .paging .next, .paging .last{padding:0; border:0;}
.paging span{text-indent:-9999px; overflow:hidden; display:block; width:33px; height:33px; background:url(../../Images/board_img.png) no-repeat; background-size:100px auto; /*border:1px #b8bcc0 solid;*/}
.paging .first span{background-position:center -141px; border-right:0;}
.paging .prev span{background-position:center -262px; margin-right:10px;}
.paging .next span{background-position:center -221px; margin-left:10px;}
.paging .last span{background-position:center -181px; border-left:0;}
.paging .direc_img{text-indent:0; background:none;}

#l-menu.edu_course{background:none;}
/*과정 아코디언*/
#left-menu { background: rgba(0,0,0,0.7);  transition: all .2s; -webkit-transition: all .2s; box-sizing:border-box;}
#l-menu .m-menu-list {background: #fff;  box-sizing:border-box; }
#l-menu #left-menu > .m-menu-list > ul > li{margin-right: 10px; border-bottom:1px dotted #c1c1c1; display: flex;}
#l-menu #left-menu > .m-menu-list.w_216 > ul > li{margin-right:0;}
#l-menu #left-menu > .m-menu-list > ul > li:first-child{border-top:0;}
#l-menu .m-menu-list ul li ul{ background:#5a8ca5; display:none; position: absolute; left: 186px; width: 186px;}
#l-menu .m-menu-list li h2{position:relative; font-size:13px; padding:13px 9px 13px 14px;  line-height:1em;  font-weight:bold; cursor:pointer; width: 100%;}
#l-menu .m-menu-list li h2:before{content:"ㆍ"; display:block; font-weight:bold; /*width:2px; height:2px; border:2px solid #999999; border-radius:50px;*/ position:absolute; top:12px; left:2px;}
#l-menu .m-menu-list li h2:hover{color:#fff;  background:#5a8ca5 url(../../Images/m_bottom.png) no-repeat; background-position:169px center;}
#l-menu #left-menu > .m-menu-list.w_216 li h2:hover{background-position:201px center;}
#l-menu .m-menu-list li h2:hover:before{border-color:#fff;}
#l-menu .m-menu-list li.active h2:after{content:""; display:block; position:absolute; top:19px; right:9px; width:8px; height:4px;  }
#l-menu .m-menu-list li.active h2{color:#fff; background:#5a8ca5;}
#l-menu .m-menu-list li.active h2:before{border-color:#fff;}

/*#l-menu .m-menu-list li.active h2:after{background:url(../../Images/m_top.png) no-repeat;  background-size:47px;}*/
#l-menu .m-menu-list li li{position:relative; border-top:1px solid #ededed;}
#l-menu .m-menu-list li li a{display:block; padding:10px 7px 10px 17px; line-height:1em; font-size:12px; color:#fff;}
#l-menu .m-menu-list li li a:hover{text-decoration:underline; color:#f5922b;}
#l-menu .m-menu-list li li.on a{color:#fff; background:#ef7e3f;  }
#l-menu .m-menu-list li li i{position:absolute; top:11px; right:7px;}
#l-menu .m-menu-list li li.on i{font-weight:bold;}