@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body{font-size:16px; color:#1d1d1d; font-family: 'Noto Sans KR', sans-serif; width:100%; height:100%; }
button{font-family: 'Noto Sans KR', sans-serif;}
.sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(0); border: 0;}



/* 차시구성 */
.plusBtn a{display: flex;  justify-content: center; align-items: center;}
.plusBtn a span{font-weight: bold; color:orange; font-size: 23px;}
.plusBtn a i{color:#3A5673;   margin-right: 5px;    margin-top: 3px;}

.file_delete{ font-size: 10px !important; padding: 3px 10px !important; box-sizing: border-box;    cursor: pointer;  border-radius: 100px; margin: 0 3px; border: 1px solid #C53636; color:#C53636;}
.file_delete:hover{ color:#fff; background:#C53636;}



/* ////////////////////////////////////////////////////////////////////// 관리자용 css ////////////////////////////////////////////////////////////////////// */

/* 로그인창 */
body.mng_body h2.title{font-size:35px; font-weight:400; position:absolute; left:50%; top: -20%; transform:translateX(-50%); width:100%;}
body.mng_body .login_inner{background:#f6f6f6; width:100%; height:100%; overflow:hidden;}
body.mng_body .login_box{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; width:400px; text-align:center;border-radius:20px; box-shadow:  5px 5px 13px #ddd,
-5px -5px 13px #f9f9f9;}
body.mng_body .login_box .login_box_inner{width:100%; overflow:hidden; height:100%; padding:30px; box-sizing:border-box; }
body.mng_body .login_box .login_box_inner .logo{text-align:center;}
body.mng_body .login_box .login_box_inner .input_box{margin-top:40px; overflow:hidden; margin-bottom:15px;}
body.mng_body .login_box .login_box_inner .input_box input{border:none; outline:0 none;  height:30px; font-size:13px; width:250px;}
body.mng_body .login_box .login_box_inner .input_box .id{border-radius:100px; border:1px solid rgba(67, 144, 221, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box; margin-bottom:10px;}
body.mng_body .login_box .login_box_inner .input_box .id img{width:20px; margin-right:8px;}
body.mng_body .login_box .login_box_inner .input_box .pw{border-radius:100px; border:1px solid rgba(67, 144, 221, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box; }
body.mng_body .login_box .login_box_inner .input_box .pw img{width:20px; margin-right:8px;}
body.mng_body .login_box .login_box_inner button.login{background : linear-gradient(to right,#4390DD , #003366) ;    border-radius:100px; box-shadow:5px 5px 10px rgba(0,0,0,16%);
	width:311px; height:100%; display:block;   box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; margin:0 auto; }
body.mng_body .login_box .login_box_inner button.login:hover{box-shadow:3px 3px 10px rgba(0,0,0,0%);}
body.mng_body .login_box .login_box_inner button.login a{width: 100%; height: 100%;display: block;padding: 10px 0;box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif; color:#fff;}
body.mng_body .login_box .login_box_inner .id_save{text-align:left;font-size:13px; margin:21px 0 20px 15px; line-height:18px;}
body.mng_body .login_box .login_box_inner .login_search{width:100%;overflow:hidden;   border-top:1px solid #ddd; width:90%; margin:0 auto  ; position:relative;  }
body.mng_body .login_box .login_box_inner .login_search ul{overflow:hidden; padding:20px 00px 0; box-sizing:border-box; margin:0 auto; display:inline-block;}
body.mng_body .login_box .login_box_inner .login_search ul li{display:inline-block; float:left;  margin-right:30px;}
body.mng_body .login_box .login_box_inner .login_search ul li:last-child{margin-right:0;}
body.mng_body .login_box .login_box_inner .login_search ul li a{width:100%; height:100%; display:inline-block; font-size:13px;}

/* 아이디 찾기 */
body.mng_body .login_box.f_box h2.title{font-size:35px; font-weight:400; position:absolute; left:50%; top: -30%; transform:translateX(-50%); width:100%;}
body.mng_body .login_box.f_box h2.title.pw{font-size:35px; font-weight:400; position:absolute; left:50%; top: -20%; transform:translateX(-50%); width:100%;}
body.mng_body .login_box.f_box .login_box_inner button{ width:40.5%; border-radius:100px; box-shadow:5px 5px 10px rgba(0,0,0,16%);
	padding:10px 0; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; color:#fff;}
body.mng_body .login_box.f_box .login_box_inner button.id_f{background : linear-gradient(to right,#4390DD , #003366) ;    color:#fff; }
body.mng_body .login_box.f_box .login_box_inner button.back{background:#eeee; color:#1d1d1d;  }
body.mng_body .login_box.f_box .login_box_inner button:hover{box-shadow:3px 3px 10px rgba(0,0,0,0%);}
body.mng_body .login_box.f_box .login_box_inner .login_search{border-top:0px;}

body.mng_body .login_box.f_box .login_box_inner .input_box{margin-bottom: 30px;}
body.mng_body .login_box.f_box .login_box_inner .input_box .name{border-radius:100px; border:1px solid rgba(67, 144, 221, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box; margin-bottom:10px;}
body.mng_body .login_box.f_box .login_box_inner .input_box .hp{border-radius:100px;  border:1px solid rgba(67, 144, 221, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box;}

/* 아이디 찾기 결과 */
body.mng_body .login_box.f_box .login_box_inner .input_box p.result{  }
body.mng_body .login_box.f_box .login_box_inner .input_box p.result span{display:inline-block; }
body.mng_body .login_box.f_box .login_box_inner .input_box p.result span.label{font-weight: bold;}
body.mng_body .login_box.f_box .login_box_inner .input_box p.result span.result{width: 70%; margin-left:20px;border:1px solid rgba(67, 144, 221, 100%); box-sizing:border-box; padding:10px;}


/* 비번 찾기 */
body.mng_body .login_box.f_box .login_box_inner .radioBox{width:250px; margin: 0px auto 30px; text-align:left; border-bottom: 1px solid #ddd; box-sizing: border-box; padding-bottom: 30px;}
body.mng_body .login_box.f_box .login_box_inner .radioBox label{ }





/* 헤더 */
body.mng_body header{width:100%; background:#fff; z-index:1000; position: relative;}
body.mng_body header .header_inner{width:100%; overflow:hidden; padding:10px 20px; box-sizing:border-box; line-height:30px; display: flex; justify-content: space-between;
	align-items: center;}
body.mng_body header h1.logo {display:inline-block; float:left;}
body.mng_body header h1.logo a{width:100%; /*height:100%;*/ display:block; }
body.mng_body header h1.logo img{width: 60%;}
body.mng_body header ul.menu{display:inline-block; float:right; }
body.mng_body header ul.menu li{display:inline-block; float:left; margin-right:25px;  position:relative; padding-right:25px; box-sizing:border-box;}
body.mng_body header ul.menu li:after{position:absolute; content:''; width:1px; height:50%; background:#ddd; right:0; top:50%; transform:translateY(-50%);}
body.mng_body header ul.menu li:last-child{margin-right:0px;  padding-right:0;}
body.mng_body header ul.menu li:last-child {position:static;}
body.mng_body header ul.menu li a{width:100%; height:100%;   font-size:14px; font-weight:450; }
body.mng_body header ul.menu li.user_notice{cursor: pointer; position: relative;}
body.mng_body header ul.menu li.user_notice  img{width:25px;}
body.mng_body header ul.menu li.user_notice p.count{display: inline-block; font-weight:600; color: #799CBF;}
body.teacherBody header ul.menu li.user_notice p.count{ color:#616970;}
body.mng_body header ul.menu li.user_notice img.new_notice{width:auto; position: absolute; left:5px; top:-3px;}
body.mng_body header ul.menu li a span.user_id{text-decoration:underline; }
body.mng_body header ul.menu li.user_name{  text-align:center; position:static; border-radius:100px;background: linear-gradient(to right,#4390DD , #003366);  padding-right:0; box-shadow:3PX 3PX 10PX rgba(0,0,0,13%);
	cursor:pointer;}
body.mng_body header ul.menu li.user_name:hover{box-shadow:3PX 3PX 10PX rgba(0,0,0,25%); }
body.mng_body header ul.menu li.user_name a{color:#fff; text-align:center; padding:0 20px; }





/* 레프트 메뉴 */
body.mng_body .left_menu{display:inline-block;  width:230px;  height:100%;   background: #fff;   }
body.mng_body .left_menu ul.main_menu{width:100%; overflow:hidden; height:100%; padding:20px; box-sizing:border-box; }
body.mng_body .left_menu ul.main_menu li.menu_list{height:auto; line-height:50px; width:100%; }
body.mng_body .left_menu ul.main_menu li.menu_list a{width:100%; /*height:100%;*/ display:block;  position:relative; padding-left:25px; box-sizing:border-box; cursor: pointer;}
body.mng_body .left_menu ul.main_menu li.menu_list > a:after{position:absolute; content:url(/img/common/list_close_02.webp); left:0; top:52%; transform:translateY(-50%); }
body.mng_body .left_menu ul.main_menu li.menu_list.on > a:after{ content:url(/img/common/list_open_02.webp);left:10px;}
body.mng_body .left_menu ul.main_menu li.menu_list:hover> a:after{ content:url(/img/common/list_open_02.webp); left:10px;}
body.mng_body .left_menu ul.main_menu li.menu_list.on > a{color:#fff;  position:relative; z-index:1; padding-left:35px; }
body.mng_body .left_menu ul.main_menu li.menu_list:hover > a{color:#fff;  position:relative; z-index:1; padding-left:35px; }
body.mng_body .left_menu ul.main_menu li.menu_list.on > a:before{position:absolute; content:''; border-radius:100px; background: #4390DD; left:-10px; top:50%; transform:translateY(-50%);
	width:110%; height:80%;  z-index:-1; box-shadow:3px 3px 6px rgba(0,0,0,16%);}
body.mng_body .left_menu ul.main_menu li.menu_list:hover > a:before{position:absolute; content:''; border-radius:100px; background: #4390DD;left:-10px; top:50%; transform:translateY(-50%);
	width:110%; height:80%;  z-index:-1; box-shadow:3px 3px 6px rgba(0,0,0,16%);}
body.mng_body .left_menu ul.sub_menu{ position:relative; width:100%;}
body.mng_body .left_menu ul.main_menu li.menu_list.on ul.sub_menu{display:block;}
body.mng_body .left_menu ul.sub_menu li.sub_menu_list{line-height:35px; width:100%;}
body.mng_body .left_menu ul.sub_menu li.sub_menu_list a.on{color:#1d1d1d;}
body.mng_body .left_menu ul.sub_menu li.sub_menu_list a{font-size:14px; color:#797676; padding-left:35px;  box-sizing:border-box;  }
body.mng_body .left_menu ul.sub_menu li.sub_menu_list a.active-left-menu{color:#3477CD; text-decoration: underline}
body.mng_body .left_menu ul.sub_menu ul li{}
body.mng_body .left_menu ul.sub_menu ul li a {font-weight:400; width:100%; height:100%; display:block; padding-left:5px;  box-sizing:border-box; color:#7D7D7D !important; font-size:14px !important;}
body.mng_body .left_menu ul.sub_menu  li.sub_menu_list a:hover{color:#3477CD;}
/*.left_menu ul.sub_menu  li.sub_menu_list a:hover{background:#E6E6E6; border-radius:120px; }*/




/* 내용 */
body.mng_body .content{width:100%; height: 100%; box-shadow:inset 0px 3px 6px rgba(0,0,0,10%); overflow:hidden; }
body.mng_body .content .content_inner{width:100%; overflow:hidden; height:100%; }
body.mng_body .content_view{width: calc(100% - 230px);  display: inline-block; float:right;  height:100%;  background:#EAEFF2; box-shadow:inset  0px 3px 6px rgba(0,0,0,10%); overflow:hidden;}
body.mng_body .content_view .content_view_inner{width:100%; overflow:hidden; height:100%;  padding:35px 25px; box-sizing:border-box;}
body.mng_body .content_view .content_view_inner > .contentBox{margin-bottom:50px; background:#fff; box-sizing:border-box; padding:10px; box-shadow:  3px 3px 13px #C8D1D8, -3px -3px 13px #F5F9FC;overflow:hidden; height:auto;}
body.mng_body .content_view .content_view_inner > .contentBox:last-child{margin-bottom:0px;}


/* 메인 */
body.mng_body .top_title{width:100%; margin-bottom:10px; overflow:hidden; line-height:32px; padding:0 10px; box-sizing:border-box;}
body.mng_body .top_title h3.title{font-size:20px; display:inline-block; font-weight:500;}
body.mng_body .top_title h3.title i{padding-bottom:2px;}
body.mng_body .top_title .more_btn{float:right; cursor:pointer; font-family: 'Noto Sans KR', sans-serif; color:#fff; font-size:14px; background:#A5B2BB; border-radius:100px; box-sizing:border-box;
	padding:3px 13px; margin-top:5px; box-shadow:3px 3px 6px rgba(0,0,0,16%); margin-bottom:6px;}
body.mng_body .top_title .more_btn:hover{background:#4390DD ;box-shadow:none;}
body.mng_body .table_01{width:100%; border:1px solid #ddd; background:#fff; text-align:center;}
body.mng_body .table_01 th{font-weight:normal; padding:8px; box-sizing:border-box; background:#f8f8f8; border-right:1px solid #ddd;}
body.mng_body .table_02{border:1px solid #E2E2E2 !important;}
body.mng_body .table_02 th{background:#EFF3F5 ;  border-right:1px solid #E2E2E2 !important;}
body.mng_body .table_02 td{border-right:1px solid #E2E2E2 !important;}
body.mng_body .table_02 tr{border-bottom:1px solid #E2E2E2 !important;}
body.mng_body .table_01 .left{text-align:left;}
body.mng_body .table_01 .left a{width:100%; height:100%; display:block;}
body.mng_body .table_01 td{padding:8px; box-sizing:border-box; border-right:1px solid #ddd;}
body.mng_body .table_01 tr{border-bottom:1px solid #ddd;}


/* 푸터 */
footer{width:100%;  padding:30px 0;  box-sizing:border-box; /*background:#434343;*/ background: #003D7C;  color: #EAEAEA; font-size:15px; font-weight:400;   }
footer a{font-weight: normal !important; color:#EAEAEA !important;}
footer .footer_inner{/*width:1450px;*/ margin:0 auto;position:relative; }
footer .footer_inner .menu{display:inline-block; float:left; margin-bottom:10px; }
footer .footer_inner .menu ul{overflow:hidden;}
footer .footer_inner .menu ul li{display:inline-block; float:left; margin-right:20px;}
footer .footer_inner .menu ul li a{width:100%; height:100%; display:inline-block;}
footer .footer_inner .menu ul li.color a{color:#FFD500 !important;   font-size:19px; margin-top:-3px;}
footer .footer_inner .right{display:flex;  height:100%;   flex-wrap: wrap; justify-content: flex-end; float:right; width: 25%; }
footer .footer_inner .right .utill_select_area { display:inline-block;  width: 188px;height: 35px; margin-bottom:110px; /*background-color: #2E2E2E; */background: #00203D;  border-radius: 10px;border:1px solid #808080; z-index:999; position:relative;}
.btn_utill_select {   display: block; height: 100%; padding: 0 5px 0 15px; box-sizing:border-box; color:#fff; }
.btn_utill_select span{display: block;  line-height: 35px; font-size:13px; background:url(/img/main/site_icon_01.webp) no-repeat
right center; }
footer .footer_inner .right .info{  text-align:right; font-size: 13px;}
footer .footer_inner .right p.time{color:#BBBBBB;  display:inline-block;   margin-top: 5px;}
footer .footer_inner .left{display: inline-block; overflow:hidden;  margin-top:30px;}
footer .footer_inner .left h1.logo{ }
footer .footer_inner .left .info{ margin-top:20px; font-size: 13px;}
footer .footer_inner .left .info p {margin-bottom:5px;}
footer .footer_inner .left .info p.copyright{font-size:11px; color:#BBBBBB; margin-bottom:0px;}
.utill_select_box{display:none; position:absolute; bottom:35px; left:50%; transform:translateX(-50%); width:100% ; background:#00203D; border-radius: 10px 10px 0 0;  z-index:1000;  border:1px solid #808080; border-bottom:none;}
.utill_select_box ul{width:100%;}
.utill_select_box ul li{padding:5px 15px; box-sizing:border-box;}
.utill_select_box ul li a{font-size:13px; width:100%; height:100%; display:block;}
.utill_select_area.open .utill_select_box{display:block;}
.utill_select_area.open{border-radius:0 0 10px 10px !important;}
.utill_select_area.open .btn_utill_select span{background:url(/img/main/site_icon_02.webp) no-repeat right center}



/* 알림창 */
body.mng_body .notiBox{position: absolute; width: 356px;  background:#fff; box-shadow: 0px 3px 6px rgba(0,0,0,16%); right:100px; bottom:-450px; border:1px solid #D6D6D6;height:455px; display: none;}
body.mng_body .notiBox.open{display:inline-block;}
body.mng_body .notiBox button.closeBtn{position: absolute; top:10px; border-radius: 100% ;right:-40px; background: rgba(0,0,0,50%); width:30px; height:30px;  box-shadow: 3px 3px 6px rgba(0,0,0,16%); }
body.mng_body .notiBox button.closeBtn i{ font-size: 15px;  color: #fff; }
body.mng_body .notiBox ul{width:100%; overflow:hidden; overflow-y: auto; height: 100%;}
body.mng_body .notiBox ::-webkit-scrollbar{ width:2px; }
body.mng_body .notiBox ::-webkit-scrollbar-thumb{background: #888;}

body.mng_body .notiBox ul li{width:100%; box-sizing: border-box; padding: 20px; border-bottom: 1px dotted #ddd; position:relative; cursor: pointer;}
body.mng_body .notiBox ul li:last-child{ border: 0px;}
body.mng_body .notiBox ul li p.tit{font-size: 15px; margin-bottom: 5px; overflow: hidden; word-break: break-word;   display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
body.mng_body .notiBox ul li p.tit span{font-weight: bold; color:#003B83 ;}
body.mng_body .notiBox ul li p.cate{display: inline-block; font-size:14px; color:#9F9F9F; padding-right:10px; margin-right:10px; border-right:1px solid #DCDCDC;}
body.mng_body .notiBox ul li p.cate02{border-right: 0px; margin-right: 0px; padding-right: 0px;}
body.mng_body .notiBox ul li:hover{background: #f8f8f8;}
body.mng_body .notiBox p.no_content{font-size: 18px; color:#1d1d1d; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; text-align: center;}
body.mng_body .notiBox ul li button.deleteBtn{ position:absolute; top:50%; right:20px; transform: translateY(-50%); color: #777; display:none; font-size: 20px;}
body.mng_body .notiBox ul li:hover button.deleteBtn{display:inline-block; }



/* 내 정보 수정 */
body.mng_body .profile_wrap{width:100%; height:100%;}
body.mng_body .profile_wrap .inner{width:100%; overflow:hidden; height:100%;}
body.mng_body .profile_wrap .inner .head{width:100%; text-align:center;  background:linear-gradient(to right , #4390DD  , #003366); overflow:hidden; box-sizing:border-box; padding:30px 0; color:#fff;
	box-shadow: inset 0px -5px 10px rgba(0,0,0,25%);}
body.mng_body .profile_wrap .inner .head i{font-size:50px; color:#003366; background:#fff; width:100px; height:100px; line-height:100px;  border-radius:100px; margin-bottom:30px;}
body.mng_body .profile_wrap .inner .head h3{font-size:25px; font-weight:normal; margin-bottom:20px;}
body.mng_body .profile_wrap .inner .head h3 span{font-weight:bold; font-size:28px; }
body.mng_body .profile_wrap .inner .head p{font-size:15px;}
body.mng_body .profile_wrap .inner .profile_content{width:100%; overflow:hidden; box-sizing:border-box; padding:10px; }
body.mng_body .profile_wrap .inner .profile_content table th{font-weight:500; padding:15px; box-sizing:border-box; font-size:14px;}
body.mng_body .profile_wrap .inner .profile_content table td{padding:15px; box-sizing:border-box;}
body.mng_body .profile_wrap .inner .profile_content table td input{background:#EAEFF2}
body.mng_body .profile_buttonBox button{border-radius:100px !important;}
body.mng_body .profile_buttonBox button.edit:hover{background:#4390DD; color: #fff;}


/* 서브페이지 (리스트) */
body.mng_body .sub_titleBox{width:100%; overflow:hidden; margin-bottom:20px; line-height:36px;}
body.mng_body .sub_titleBox h3.title,
body.mng_body .sub_titleBox .h2_title{font-size:22px; display:inline-block; float:left;}
body.mng_body .sub_titleBox ul{display:inline-block; float:right;}
body.mng_body .sub_titleBox ul li{display:inline-block; float:left; margin-right:20px; padding-right:10px; box-sizing:border-box; position:relative; }
body.mng_body .sub_titleBox ul li:last-child{margin-right:0; padding-right:0; }
body.mng_body .sub_titleBox ul li.now a{color:#236EBC; font-weight:bold; }
body.mng_body .sub_titleBox ul li:after{position:absolute; content:">"; right:-10px; top:50%; transform:translateY(-50%); font-size:16px;}
body.mng_body .ico-caret-right{color:#4390DD;}



/* 서브페이지 검색창 */
body.mng_body .searchBox .top_title{border-bottom:1px solid #ddd; padding-bottom:5px; box-sizing:border-box;}
body.mng_body .contentBox div.search{width:100%; box-sizing:border-box; padding:0 10px;}
body.mng_body .contentBox div.search ul.search_list{width:100%; overflow:hidden; position:relative;}
body.mng_body .contentBox div.search ul.search_list li{width:33%; display: inline-block; float:left; overflow:hidden; box-sizing:border-box; padding:10px 0; }
body.mng_body .contentBox div.search ul.search_list li:nth-child(2){position:absolute; left:50%; transform:translateX(-50%); top:0;}
body.mng_body .contentBox div.search ul.search_list li:nth-child(3){position:absolute; right:0; top:0;}
body.mng_body .contentBox div.search ul.search_list li label.name{display:inline-block;   width: 25%; }
body.mng_body .contentBox div.search ul.search_list li span{display: inline-block; width: 75%; word-break: break-all; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  float: right;}
body.mng_body .contentBox div.search .search_button{width:100%; overflow:hidden; text-align:center; box-sizing:border-box; padding:10px 0; margin-top:30px;}
body.mng_body .table_view td{padding:15px 20px;}


/* 서브페이지 버튼 모음 */
body.mng_body .contentBox button{  font-size:16px; cursor:pointer; border-radius:100px; ; padding:3px 18px; box-sizing:border-box; margin:0 3px;}
body.mng_body button.search{background:#4390DD; color:#fff; }
body.mng_body button.reset{border:1px solid #4390DD; color:#4390DD;}
body.mng_body button.reset:hover{border:1px solid  #4390DD;}
body.mng_body button.reset-new {border: 1px solid #797676; color: #797676;}
body.mng_body button.reset-new:hover {transition: 0.2s; background-color: #797676; color: #fff;}
body.mng_body button.save-new {border: 1px solid #3477CD; color: #3477CD;}
body.mng_body button.save-new:hover {transition: 0.2s; background-color: #3477CD; border: 1px solid #3477CD; color: #fff;}
body.mng_body .buttonBox{display:flex; float:right; gap: 8px;}
body.mng_body button.mail{border:1px solid #1d1d1d;}
body.mng_body button.mail:hover{background:#1d1d1d; color:#fff; }
body.mng_body button.sms{border:1px solid #1d1d1d; font-size: 18px; padding:0 18px; height: 31px;}
body.mng_body button.sms i{padding-bottom: 3px;}
body.mng_body button.sms:hover{background:#1d1d1d; color:#fff; }
body.mng_body button.excel{border:1px solid #1d1d1d; }
body.mng_body button.excel:hover{background:#1d1d1d; color:#fff; }
body.mng_body button.delete{border:1px solid #C53636; color:#C53636; }
body.mng_body button.delete:hover{background:#C53636; color:#fff;}
body.mng_body button.register{border:1px solid #AE650C; color:#AE650C;}
body.mng_body button.register:hover{background:#AE650C;  color:#fff;}
body.mng_body button.list{border:1px solid #AAC8E5; color:#4390DD;}
body.mng_body button.list:hover{border:1px solid #4390DD;}
body.mng_body button.edit{background:#AAC8E5; color:#fff;}
body.mng_body button.edit:hover{background:#4390DD;}
body.mng_body button.sub_btn{background:#4390DD; color:#fff; font-size:14px;}
body.mng_body button.batches{border:1px solid #E67B00;  color:#E67B00;}
body.mng_body button.batches:hover{background:#E67B00;  color:#fff;}


body.mng_body .buttonBox_center{text-align:center; padding:25px 0 20px; box-sizing:border-box;}
body.mng_body .buttonBox_center button{padding:5px 22px; border-radius:0px;}



/* 서브페이지 페이징 */
body.mng_body .pasing{width:100%; overflow:hidden; text-align:center; padding:30px 0; box-sizing:border-box;}
body.mng_body .pasing ul{width:100%;  overflow:hidden; }
body.mng_body .pasing ul li{display:inline-block; margin:0px 10px; cursor:pointer;}
body.mng_body .pasing ul li a{width:100%; height:100%; display:inline-block; font-size:18px; font-weight:200;}
body.mng_body .pasing ul li.now{border-bottom:2px solid #4390DD; color:#4390DD;}
body.mng_body .pasing ul li.now a{font-weight:400;}
body.mng_body .pasing i{color:#4390DD;}



/* 공용 전체 문제은행 */
.exposure{color: #3A6430;}
.no_exposure{color:#C53636;}


/* 일괄등록 새 창 */
body.mng_body .batches_wrap{width:100%; height:100%;}
body.mng_body .batches_wrap .inner{width:100%; overflow:hidden;}
body.mng_body .batches_wrap .inner div.head{ box-sizing:border-box; padding:8px 20px; background: #4390DD;}
body.mng_body .batches_wrap .inner div.head h3{color:#fff; font-weight:normal;}
body.mng_body .batches_wrap .inner div.head h1.popup-title{color:#fff; font-weight:normal; font-size: 16px;}
body.mng_body .batches_content{width:100%; overflow:hidden; box-sizing:border-box; padding:10px;}
body.mng_body .batches_content .excel_box{width:100%;   overflow:hidden; border:1px solid #ddd; margin:5px 0 0;}
body.mng_body .batches_content .excel_box label.excel{width:120px; display:inline-block; float:left; text-align:center; background:#f2f2f2;   margin-right:10px; font-size:18px;  height:85px; box-sizing:border-box;
	border:1px solid #f2f2f2; overflow:hidden; padding:15px 0; font-weight:500;}
body.mng_body .batches_content .excel_box label.excel a.sample{box-sizing:border-box; padding:3px 13px; background:#135803; color:#fff; margin-top:5px; display:inline-block;  font-size:12px; font-weight:100;
	border-radius:100px;}
body.mng_body .batches_content .excel_box input{height:auto; border:none; padding:15px 5px;}
body.mng_body .batches_content span.red{color:red; font-size:13px; text-align:center; display:block; margin-top:15px;}
body.mng_body .batches_content .excel_box input{height:auto; border:none; padding:30px 5px; width:70%;}
body.mng_body .batches_content .batches_button_wrap{width:100%; overflow:hidden; text-align:center; box-sizing:border-box; padding:15px 0;}
body.mng_body .batches_content .batches_button_wrap button{box-sizing:border-box; padding:5px 15px; cursor:pointer;}
body.mng_body button.close{border:1px solid #E2E2E2; margin-right:15px;}
body.mng_body button.close:hover{border:1px solid #4390DD ; color:#4390DD ;}
body.mng_body button.enter{border:1px solid ; background:#1d1d1d;  color:#fff;}



/*  문제은행 */
body.mng_body button.batches{border:1px solid #414754; color:#414754;}
body.mng_body button.batches:hover{background:#414754; color:#fff;}




/*  전체 문제은행 객관식 */
body.mng_body td.left label.num{display:inline-block; float:left; width:3%;}
body.mng_body .list_box{width:100%; overflow:hidden; margin-bottom:30px;}
body.mng_body .list_box:last-child{margin-bottom:0px;}
body.mng_body .list_box > div{display:inline-block; width:97%;}
body.mng_body textarea{resize: none; width:100%; height:300px; box-sizing:border-box; padding:20px; border:1px solid #909090;}


/*  차시 등록  */
body.mng_body .chapter{color:#4390DD;}
body.mng_body .chapter_sub_titleBox{border-bottom:1px solid #aaa; padding-bottom:20px;}
body.mng_body .chapter_contentBox{background:none !important; box-shadow:none !important;}
body.mng_body .chapter_left{display:inline-block; float:left;width:50%; background:#fff;  box-sizing:border-box; padding:20px;  box-shadow:3px 3px 10px #aaa; border:5px solid rgba(105,129,159,47%);}
body.mng_body .chapter_left .sel_ect{width:100%; overflow:hidden;  margin-bottom:10px; text-align:center;}
body.mng_body .chapter_left .sel_ect select{width:90%; margin-bottom:20px; height:50px; font-size:18px; padding: 0 15px;}
body.mng_body .chapter_left .sel_ect button.chapter_plus{border:1px solid #4390DD  ; color:#4390DD; }
body.mng_body .chapter_left .sel_ect button.chapter_plus:hover{ color:#fff;  background:#4390DD;}
body.mng_body .chapter_left .sel_ect_con{width:100%; overflow:hidden; box-sizing:border-box; padding:10px 5px;border-radius:20px;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul{width:100%; background:#f7f7f7; border-radius:20px;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li{width:100%; }
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul i{color:rgba(105,129,159,100%);}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li a{width:100%; height:100%; display:block; box-sizing:border-box; padding:10px 20px;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li:last-child{border-bottom:none;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li > a:hover {background:rgba(105,129,159,12%);  border-radius:100px;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li.active > a{background:rgba(105,129,159,12%);  border-radius:100px;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li a span{font-weight:500;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul{display:none;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul li{width:100%; overflow:hidden; }
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul li a{width:100%; height:100%; display:block; box-sizing:border-box; padding:10px 5px 10px 40px;}
body.mng_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul li:hover a{font-weight:bold; color:rgba(105,129,159,100%); }
body.mng_body button.watching{font-size:14px; padding:2px 12px; background:#4390DD; color:#fff; z-index:2; box-shadow:3px 3px 6px #bbb;}



body.mng_body .chapter_right{display:inline-block; float:right;width:48%; background:#fff;  box-sizing:border-box; padding:20px;   box-shadow:3px 3px 10px #ddd; }
body.mng_body .chapter_right .chapter_right_ul{width:100%;}
body.mng_body .chapter_right .chapter_right_ul li{width:100%; box-sizing:border-box; padding: 30px 10px; border-bottom:1px dotted #ddd;  }
body.mng_body .chapter_right .chapter_right_ul li.last{border-bottom:0px; padding:20px 10px 10px;}
body.mng_body button.plus{background:#4390DD ; color:#fff; border-radius:100px;}
body.mng_body .button_active button.edit{	display:none;}
body.mng_body .button_active button.delete{	display:none;}
body.mng_body .chapter_right_ul_plu{display:none;}
body.mng_body .chapter_right_ul_plu.active{display:block;}
body.mng_body .button_active.active button.plus{	display:none;}
body.mng_body .button_active.active button.edit{	display:inline-block;}
body.mng_body .button_active.active button.delete{	display:inline-block;}
body.mng_body .button_active.active{border-bottom:1px dotted #ddd; padding:20px 0 !important;}







/* table -> ul 변경 css */
body.mng_body .table_list{width: 100%; overflow:hidden;  border:1px solid #E2E2E2;}
body.mng_body .table_list ul{width: 100%; overflow: hidden; border-bottom:1px solid #ddd;  clear: both; display:table;  border-collapse: collapse; table-layout: fixed;
	word-break: break-all; height: auto;}
body.mng_body .table_list ul:last-child{border-bottom: none;}
body.mng_body .table_list ul li{ display:table-cell; padding: 10px; box-sizing: border-box; text-align: center; border-right:1px solid #ddd;  vertical-align: middle; overflow: hidden; }
body.mng_body .table_list ul li a{cursor: pointer;}
body.mng_body .table_list ul.head li{background: #EFF3F5;}
body.mng_body .table_list li.head{background: #EFF3F5 ;}
body.mng_body .table_list ul li:last-child{border-right: none;}
body.mng_body .table_list ul li.left{text-align: left;}
body.mng_body .table_list_1 ul li.li_1{width: 60%;}
body.mng_body .table_list_1 ul li.li_2{width: 10%;}
body.mng_body .table_list_1 ul li.li_3{width: 20%;}
body.mng_body .table_list_1 ul li.li_4{width: 10%;}

body.mng_body a{font-weight:500; color:#3A5673;}
body.mng_body a:hover{text-decoration:underline;}




/*  과정관리  */
body.mng_body button.print{border:1px solid #1d1d1d;}
body.mng_body button.print:hover{background:#1d1d1d; color:#fff;}



/*  콘텐츠 신청 현황  */
body.mng_body button.wait{border:1px solid #555; color:#555;}
body.mng_body button.wait:hover{background:#555; color:#fff;}
body.mng_body button.approval{border:1px solid #42a3b8; color:#42a3b8;}
body.mng_body button.approval:hover{background:#42a3b8; color:#fff;}
body.mng_body .waite{color:#555;}
body.mng_body .approval{color:#42a3b8;}
body.mng_body .delete{color:#C53636;}
#modalContainer.org-popup{
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color : rgba(0,0,0,0.3);
}
#modifyModal.org-popup{
	width: 500px;
	background-color: #fff;
	position: relative;
	left : 50%;
	top : 50%;
	transform: translate(-50%, -50%);
	border-radius: 7px;
	overflow: hidden;
}


/* 수강 현황 페이지 */
body.mng_body button.enter{background:#4390DD ;}
body.mng_body .table_02 tr:last-child{border-bottom:none;}
body.mng_body .table_02 th:last-child{border-right:none;}
body.mng_body .table_02 td:last-child{border-right:none;}
body.mng_body .progress_list ul.main_name li a span{color:#547BAE;}


/*  콘텐츠 수강 현황  */
body.mng_body button.unpaid{border:1px solid #C53636; color:#C53636;}
body.mng_body button.unpaid:hover{background:#C53636;  color:#fff;}
body.mng_body button.studying{border:1px solid #42ac53; color:#42ac53;}
body.mng_body button.studying:hover{background:#42ac53; color:#fff;}
body.mng_body button.completion{border:1px solid #56547c; color:#56547c;}
body.mng_body button.completion:hover{background:#56547c; color:#fff;}
body.mng_body .unpaid{color:#C53636;}
body.mng_body .studying{color:#42ac53;}
body.mng_body .completion{color:#56547c;}



/*  진도율 */
body.mng_body .progress_list{margin-top:30px; width:100%; overflow:hidden;}
body.mng_body .progress_list h3.class_name{font-size:20px; box-sizing:border-box; padding-bottom:10px; border-bottom:1px solid #ddd;}
body.mng_body .progress_list h3.class_name i{margin-right:10px; }
body.mng_body .progress_list ul.main_name{width:100%; overflow:hidden;}
body.mng_body .progress_list ul.main_name > li{width:100%; box-sizing:border-box; padding:10px; border-bottom:1px dotted #ddd;}
body.mng_body .progress_list ul.main_name li:last-child{border-bottom:0px;}
body.mng_body .progress_list ul.main_name li a{width:100%; height:100%; display:block;box-sizing:border-box; padding:5px 0; }
body.mng_body .progress_list ul.main_name li table{display:none; width:100%;}
body.mng_body .progress_list ul.main_name li table tr:last-child{border-bottom:none;}
body.mng_body .progress_list ul.main_name li table th:last-child{border-right:none;}
body.mng_body .progress_list ul.main_name li table th{font-weight:500;}
body.mng_body .progress_list ul.main_name li table td:last-child{border-right:none;}
body.mng_body .progress_list ul.main_name li.on{}
body.mng_body .progress_list ul.main_name li.on table{display:inherit; width:100%;}
body.mng_body .progress_list ul.main_name li.on thead{width:100%;}
body.mng_body .progress_list ul.main_name li.on a{padding-bottom:15px;  font-weight:500; font-size:18px;}
body.mng_body .progress_list ul.main_name li a span{font-weight:bold; color:#145DA0;}
body.mng_body .table_now{border:1px solid #888;}
body.mng_body .table_now th{border-right:1px solid  #888; background:#D2DBE8; font-weight:500;}
body.mng_body .table_now td{border-right:1px solid  #888;}
body.mng_body .table_now tr{border-bottom:1px solid  #888;}

body.mng_body .table_now li.head{background: #D2DBE8 !important;}




/*  시험지 */
body.mng_body .quizBox{margin-top:30px;}
body.mng_body .quizBox .quiz{width:100%; overflow:hidden; margin-bottom:60px;}
body.mng_body .quizBox .quiz:last-child{margin-bottom:10px;}
body.mng_body .quizBox .quiz .top{width:100%; box-sizing:border-box; padding:10px;  border-bottom:1px solid #ddd; overflow:hidden; }
body.mng_body .quizBox .quiz .top h3{font-size:16px; display:inline-block; float:left;  width:83%; font-weight:500;}
body.mng_body .quizBox .quiz .top span.num{ font-size:16px; margin-right:10px; background:#4390DD; color:#fff; font-weight:normal; border-radius:10px; width:27px; height:27px; line-height:27px; text-align:center; display:inline-block;
	margin-bottom:10px; float:left;}
body.mng_body .quizBox .quiz .top span.num.wrong{background:red;}
body.mng_body .quizBox .quiz .top span.num.answer{background: green;}
body.mng_body .quizBox .quiz .top p.score{display:inline-block; float:right; font-size:16px; display:inline-block; width:18%; text-align:right; color:#888;}
body.mng_body .quizBox .quiz .top p.explan{display:inline-block; float:left;  width:83%; box-sizing:border-box; background:#f5f5f5; border-radius:10px; padding:10px 15px; margin-top:25px; position:relative;}
body.mng_body .quizBox .quiz .top p.explan:after {
	content: '';
	position: absolute;
	top: 0;
	left: 100px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #f5f5f5;
	border-top: 0;
	margin-left: -15px;
	margin-top: -15px;
}



body.mng_body .quizBox .quiz .check{width:100%; padding:10px 30px; overflow:hidden; box-sizing:border-box;}
body.mng_body .quizBox .quiz .check ul{width:100%;  }
body.mng_body .quizBox .quiz .check ul li{box-sizing:border-box; padding:5px 0;}
body.mng_body .quizBox .quiz .check ul li img{width: auto !important; max-width: 100% !important; margin-top: 10px;}
body.mng_body .quizBox .quiz .check ul li span{ width:20px; height:20px; line-height:20px; text-align:center; display:inline-block;border-radius:100px; background:#eee; margin-right:10px; font-weight:bold;}
body.mng_body .quizBox .quiz .check ul li.wrong{color:red; font-weight:bold;position:relative;}
body.mng_body .quizBox .quiz .check ul li.wrong span{background:red; color:#fff;}
body.mng_body .quizBox .quiz .check ul li.wrong:after{position:absolute; content:"오답"; color:red; left:-30px; top:50%; transform:translateY(-50%);}
body.mng_body .quizBox .quiz .check ul li.answer{color:green; font-weight:bold;position:relative;}
body.mng_body .quizBox .quiz .check ul li.answer span{background:green; color:#fff;}
body.mng_body .quizBox .quiz .check ul li.answer:after{position:absolute; content:"정답"; color:green; left:-30px; top:50%; transform:translateY(-50%);}

body.mng_body .quizBox .quiz .info{width:100%; overflow:hidden; box-sizing:border-box; padding:15px; background:#F9FBFC; border-radius:10px; margin-top:10px;}
body.mng_body .quizBox .quiz .info p span{margin-right:10px; font-weight:500; box-sizing:border-box; padding:3px 10px; border-radius:10px; height:100%; display:inline-block; float:left; margin-top:-2px;}
body.mng_body .quizBox .quiz .info p.answer{margin-bottom:15px; display:inline-block;}
body.mng_body .quizBox .quiz .info p.answer span{background:green; color:#fff;  }
body.mng_body .quizBox .quiz .info p.tip{width: 100%; overflow: hidden;}
body.mng_body .quizBox .quiz .info p.tip span{background:#887BB0; color:#fff; margin-top: 0px;}
body.mng_body .quizBox .quiz .info p.tip textarea{margin-top:10px; height:100px;}
body.mng_body .quizBox .quiz .check p.tit i{color:#547BAE;}
body.mng_body .quizBox img{width: auto !important; max-width: 100%; margin-top: 10px;}

body.mng_body .quizBox .quiz .write{padding:10px  10px;}
body.mng_body .quizBox .quiz .check p.tit{font-size:16px; margin-bottom:10px;}
body.mng_body .quizBox .quiz .check .answerBox{width:100%; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding:10px; }
body.mng_body .quizBox .quiz .check .answerBox a{width:100%; height:100%; display:block;}
body.mng_body .quizBox .quiz .check .answerBox a:hover{text-decoration:underline;}




/*  콘텐츠, 과정 상세보기  */
body.mng_body .detail_view{border-left:10px solid  #4390DD; padding:10px 10px 10px 20px ;}
body.mng_body .tab-content{display:none;}
body.mng_body .tab-content.current{display:block;}
body.mng_body .tabs{width:100%; overflow:hidden;}
body.mng_body .tabs li{cursor:pointer;display:inline-block; float:left; box-sizing:border-box; padding:8px 30px; margin-right:5px; color:#999;}
body.mng_body .tabs li.current{background:#fff; color:#1d1d1d; border-radius:5px 5px 0 0; box-shadow:3px 3px 6px #ddd;}
body.mng_body .detail_searchBox{margin:20px 0 72px 0; padding:0px 10px;}
body.mng_body .resultBox{width:48%; overflow:hidden; box-sizing:border-box; padding:0 10px;  margin-bottom:20px; display:inline-block; float:left;}
body.mng_body .detail_buttonBox_center{padding:0; margin-top:-20px;}
body.mng_body .detail_buttonBox_center button{cursor:pointer;}
body.mng_body button.more{background:#4390DD; color:#fff; margin-left:5px; padding:3px 10px; font-size:13px; margin-top:-5px;}
body.mng_body button.more a{color:#fff;}
body.mng_body .viewBox{width:48%; overflow:hidden; box-sizing:border-box; padding:0 10px;  margin-bottom:20px; display:inline-block; float:right;}




/*  게시판 관리 */
body.mng_body .an{background:rgba(225,232,235,70%);  font-weight:500; color:#3A5673;}
body.mng_body button.reply{background:#4390DD; color:#fff;  }
body.mng_body button.reply:hover{background:#4390DD;  }
body.mng_body .reply_table{margin-bottom:40px;}
body.mng_body .replyTitle{box-sizing:border-box; padding:0 10px; font-size:18px; margin-bottom:10px;}
body.mng_body .replyTitle i{color:#547BAE;}
body.mng_body span.new{font-size:11px; color:#fff; border-radius:100px; background:#FFA237; width:18px; height:18px; line-height:18px;  display:inline-block; text-align:center; font-weight:normal;
	box-shadow:3px 3px 10px #eee;}



/* table -> ul 변경 css 콘텐츠 공지사항 테이블 */
body.mng_body .table_list_27 ul li.li_1{width: 5%;}
body.mng_body .table_list_27 ul li.li_2{width: 65%;}
body.mng_body .table_list_27 ul li.li_3{width: 10%;}
body.mng_body .table_list_27 ul li.li_4{width: 5%;}
body.mng_body .table_list_27 ul li.li_5{width: 10%;}
body.mng_body .table_list_27 ul li.li_6{width: 5%;}

/* table -> ul 변경 css 콘텐츠 큐앤에이 테이블 */
body.mng_body .table_list_29 ul li.li_1{width: 5%;}
body.mng_body .table_list_29 ul li.li_2{width: 65%;}
body.mng_body .table_list_29 ul li.li_3{width: 10%;}
body.mng_body .table_list_29 ul li.li_4{width: 5%;}
body.mng_body .table_list_29 ul li.li_5{width: 10%;}
body.mng_body .table_list_29 ul li.li_6{width: 5%;}


/* table -> ul 변경 css 뷰/등록용 리스트 */
body.mng_body .table_row{width: 100%; overflow:hidden;border:1px solid #E2E2E2; border-bottom: none;}
body.mng_body .table_row ul{width: 100%; overflow: hidden; height:auto; display:table-row ;border-bottom:1px solid #ddd; display: table;border-collapse: collapse; table-layout: fixed;}
body.mng_body .table_row ul#page_view img{width: auto !important; margin-bottom: auto; margin-top: auto;}
body.mng_body .table_row ul.head li{background: #EFF3F5; }
body.mng_body .table_row ul li.con{ display: table-cell;  padding: 15px; box-sizing: border-box;  border-right: 1px solid #ddd; vertical-align: middle ; height: 100%; word-break: break-all;}
body.mng_body .table_row ul li.head{ display: table-cell;  padding: 15px; box-sizing: border-box;  border-right: 1px solid #ddd; vertical-align: middle ; height: 100%; word-break: break-all;}
body.mng_body .table_row ul li.w100{ display: table-cell;  padding: 15px; box-sizing: border-box;  border-right: 1px solid #ddd; vertical-align: middle ; height: 100%; word-break: break-all;}
body.mng_body .table_row ul li.con img{width: auto !important; max-width: 100%; margin-top:10px; margin-bottom: 20px; max-height: 160px;}
body.mng_body .table_row ul li.w100 img{width: auto !important; max-width: 100%;margin-top:10px; margin-bottom: 40px;}
body.mng_body .table_row li.head{display: table-cell; width: 15% ; background: #EFF3F5 !important; text-align: center; }
body.mng_body .table_row ul li:last-child{border-right: none;}
body.mng_body label.num {display: inline-block;float: left;width: 3%;}
body.mng_body div.table_now{border: 1px solid #888;}
body.mng_body div.table_now ul{border-bottom: 1px solid #888;}
body.mng_body div.table_now ul:last-child{border-bottom:none;}
body.mng_body div.table_now .head{background: #ddd;  font-weight: 500;}
body.mng_body div.table_now li{ border-right: 1px solid #888;}
body.mng_body div.table_now li:last-child{border-bottom:none;}
body.mng_body .table_list_sub{display: none;}
body.mng_body .table_list_sub.on{display: block;}


/* table -> ul 변경 css 콘텐츠 등록 현황 - 메인 */
body.mng_body .table_list_1 ul li.li_1{width: 10%;}
body.mng_body .table_list_1 ul li.li_2{width: 7%;}
body.mng_body .table_list_1 ul li.li_3{width: 10%;}
body.mng_body .table_list_1 ul li.li_4{width: 20%;}
body.mng_body .table_list_1 ul li.li_5{width: 7%;}

/* table -> ul 변경 css 콘텐츠 등록 현황 - 메인 */
body.mng_body .table_list_2 ul li.li_1{width: 10%;}
body.mng_body .table_list_2 ul li.li_2{width: 7%;}
body.mng_body .table_list_2 ul li.li_3{width: 10%;}
body.mng_body .table_list_2 ul li.li_4{width: 20%;}
body.mng_body .table_list_2 ul li.li_5{width: 7%;}

/* table -> ul 변경 css 과정 등록 현황 - 메인 */
body.mng_body .table_list_3 ul li.li_1{width: 8%;}
body.mng_body .table_list_3 ul li.li_2{width: 8%;}
body.mng_body .table_list_3 ul li.li_3{width: 10%;}
body.mng_body .table_list_3 ul li.li_4{width: 25%;}
body.mng_body .table_list_3 ul li.li_5{width: 5%;}
body.mng_body .table_list_3 ul li.li_6{width: 5%;}
body.mng_body .table_list_3 ul li.li_7{width: 7%;}
body.mng_body .table_list_3 ul li.li_8{width: 7%;}




/* table -> ul 변경 css 콘텐츠 관리 리스트 */
body.mng_body .table_list_10 ul li.li_1{width: 3%;}
body.mng_body .table_list_10 ul li.li_2{width: 4%;}
body.mng_body .table_list_10 ul li.li_3{width: 10%;}
body.mng_body .table_list_10 ul li.li_4{width: 10%;}
body.mng_body .table_list_10 ul li.li_5{width: 10%;}
body.mng_body .table_list_10 ul li.li_6{width: 25%;}
body.mng_body .table_list_10 ul li.li_7{width: 7%;}
body.mng_body .table_list_10 ul li.li_8{width: 12%;}
body.mng_body .table_list_10 ul li.li_9{width: 7%;}
body.mng_body .table_list_10 ul li.li_10{width: 7%;}


/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.mng_body .table_list_12 ul li.li_1{width: 3%;}
body.mng_body .table_list_12 ul li.li_2{width: 3%;}
body.mng_body .table_list_12 ul li.li_3{width: 32%;}
body.mng_body .table_list_12 ul li.li_4{width: 5%;}

/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.mng_body .table_list_13 ul li.li_1{width: 3%;}
body.mng_body .table_list_13 ul li.li_2{width: 3%;}
body.mng_body .table_list_13 ul li.li_3{width: 32%;}
body.mng_body .table_list_13 ul li.li_4{width: 5%;}

/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.mng_body .table_list_14 ul li.li_1{width: 3%;}
body.mng_body .table_list_14 ul li.li_2{width: 3%;}
body.mng_body .table_list_14 ul li.li_3{width: 32%;}
body.mng_body .table_list_14 ul li.li_4{width: 5%;}


/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.mng_body .table_list_15 ul li.li_1{width: 3%;}
body.mng_body .table_list_15 ul li.li_2{width: 3%;}
body.mng_body .table_list_15 ul li.li_3{width: 32%;}
body.mng_body .table_list_15 ul li.li_4{width: 5%;}


/* table -> ul 변경 css 과정 관리 리스트 */
body.mng_body .table_list_18 ul li.li_1{width: 3%;}
body.mng_body .table_list_18 ul li.li_2{width: 5%;}
body.mng_body .table_list_18 ul li.li_3{width: 10%;}
body.mng_body .table_list_18 ul li.li_4{width: 10%;}
body.mng_body .table_list_18 ul li.li_5{width: 12%;}
body.mng_body .table_list_18 ul li.li_6{width: 7%;}
body.mng_body .table_list_18 ul li.li_7{width: 25%;}
body.mng_body .table_list_18 ul li.li_8{width: 7%;}
body.mng_body .table_list_18 ul li.li_9{width: 7%;}
body.mng_body .table_list_18 ul li.li_10{width: 7%;}


/* table -> ul 변경 css 차수 관리 리스트 */
body.mng_body .table_list_21 ul li.li_1{width: 3%;}
body.mng_body .table_list_21 ul li.li_2{width: 5%;}
body.mng_body .table_list_21 ul li.li_3{width: 9%;}
body.mng_body .table_list_21 ul li.li_4{width: 9%;}
body.mng_body .table_list_21 ul li.li_5{width: 12%;}
body.mng_body .table_list_21 ul li.li_6{width: 20%;}
body.mng_body .table_list_21 ul li.li_7{width: 5%;}
body.mng_body .table_list_21 ul li.li_8{width: 5%;}
body.mng_body .table_list_21 ul li.li_9{width: 7%;}
body.mng_body .table_list_21 ul li.li_10{width: 7%;}
body.mng_body .table_list_21 ul li.li_11{width: 9%;}
body.mng_body .table_list_21 ul li.li_12{width: 6%;}
body.mng_body .table_list_21 ul li.li_13{width: 8%;}


body.mng_body li.conBox{padding:0 !important;}
body.mng_body li.con .date{width:100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding : 20px;}
body.mng_body li.con .from{width:100%; box-sizing: border-box; padding : 20px;}
body.mng_body li.con .box p{width:22%; display:inline-block; margin-top:5px;}
body.mng_body li.con .box p label{font-weight: 500; margin-left:5px;}



/* table -> ul 변경 css 콘텐츠 신청 현황리스트 */
body.mng_body .table_list_23 ul li.li_1{width: 3%;}
body.mng_body .table_list_23 ul li.li_2{width: 5%;}
body.mng_body .table_list_23 ul li.li_3{width: 10%;}
body.mng_body .table_list_23 ul li.li_4{width: 7%;}
body.mng_body .table_list_23 ul li.li_5{width: 10%;}
body.mng_body .table_list_23 ul li.li_6{width: 10%;}
body.mng_body .table_list_23 ul li.li_7{width: 35%;}
body.mng_body .table_list_23 ul li.li_8{width: 10%;}
body.mng_body .table_list_23 ul li.li_9{width: 7%;}
body.mng_body .table_list_23 ul li.li_10{width: 15%;}

/* table -> ul 변경 css 과정 신청 현황 현황리스트 */
body.mng_body .table_list_24 ul li.li_1{width: 3%;}
body.mng_body .table_list_24 ul li.li_2{width: 5%;}
body.mng_body .table_list_24 ul li.li_3{width: 10%;}
body.mng_body .table_list_24 ul li.li_4{width: 7%;}
body.mng_body .table_list_24 ul li.li_5{width: 10%;}
body.mng_body .table_list_24 ul li.li_6{width: 10%;}
body.mng_body .table_list_24 ul li.li_7{width: 35%;}
body.mng_body .table_list_24 ul li.li_8{width: 10%;}
body.mng_body .table_list_24 ul li.li_9{width: 10%;}
body.mng_body .table_list_24 ul li.li_10{width: 10%;}
body.mng_body .table_list_24 ul li.li_11{width: 7%;}
body.mng_body .table_list_24 ul li.li_12{width: 15%;}



/* table -> ul 변경 css 콘텐츠 수강 현황 현황리스트 */
body.mng_body .table_list_25 ul li.li_1{width: 3%;}
body.mng_body .table_list_25 ul li.li_2{width: 5%;}
body.mng_body .table_list_25 ul li.li_3{width: 10%;}
body.mng_body .table_list_25 ul li.li_4{width: 7%;}
body.mng_body .table_list_25 ul li.li_5{width: 10%;}
body.mng_body .table_list_25 ul li.li_6{width: 10%;}
body.mng_body .table_list_25 ul li.li_7{width: 40%;}
body.mng_body .table_list_25 ul li.li_8{width: 7%;}
body.mng_body .table_list_25 ul li.li_9{width: 7%;}
body.mng_body .table_list_25 ul li.li_10{width: 7%;}
body.mng_body .table_list_25 ul li.li_11{width: 7%;}
body.mng_body .table_list_25 ul li.li_12{width: 7%;}



/* table -> ul 변경 css 콘텐츠 차시별 진도율 서브 테이블 */
body.mng_body .table_list_sub ul li.li_1{width: 3%;}
body.mng_body .table_list_sub ul li.li_2{width: 10%;}
body.mng_body .table_list_sub ul li.li_3{width: 5%;}
body.mng_body .table_list_sub ul li.li_4{width: 3%;}
body.mng_body .table_list_sub ul li.li_5{width: 3%;}
body.mng_body .table_list_sub ul li.li_6{width: 7%;}



/* table -> ul 변경 css 과정 수강 현황 현황리스트 */
body.mng_body .table_list_26 ul li.li_1{width: 3%;}
body.mng_body .table_list_26 ul li.li_2{width: 5%;}
body.mng_body .table_list_26 ul li.li_3{width: 10%;}
body.mng_body .table_list_26 ul li.li_4{width: 7%;}
body.mng_body .table_list_26 ul li.li_5{width: 12%;}
body.mng_body .table_list_26 ul li.li_6{width: 9%;}
body.mng_body .table_list_26 ul li.li_7{width: 32%;}
body.mng_body .table_list_26 ul li.li_8{width: 10%;}
body.mng_body .table_list_26 ul li.li_9{width: 9%;}
body.mng_body .table_list_26 ul li.li_10{width: 5%;}
body.mng_body .table_list_26 ul li.li_11{width: 5%;}
body.mng_body .table_list_26 ul li.li_12{width: 5%;}
body.mng_body .table_list_26 ul li.li_13{width: 5%;}
body.mng_body .table_list_26 ul li.li_14{width: 5%;}




/* table -> ul 변경 css mng 버전 학습자 관리 리스트 */
body.mng_body .table_list_4 ul li.li_1{width: 3%;}
body.mng_body .table_list_4 ul li.li_2{width: 5%;}
body.mng_body .table_list_4 ul li.li_3{width: 20%;}
body.mng_body .table_list_4 ul li.li_4{width: 7%;}
body.mng_body .table_list_4 ul li.li_5{width: 7%;}
body.mng_body .table_list_4 ul li.li_6{width: 3%;}
body.mng_body .table_list_4 ul li.li_7{width: 7%;}
body.mng_body .table_list_4 ul li.li_8{width: 15%;}
body.mng_body .table_list_4 ul li.li_9{width: 7%;}


/* table -> ul 변경 css mng 버전 강사 관리 리스트 */
body.mng_body .table_list_6 ul li.li_1{width: 3%;}
body.mng_body .table_list_6 ul li.li_2{width: 5%;}
body.mng_body .table_list_6 ul li.li_3{width: 20%;}
body.mng_body .table_list_6 ul li.li_4{width: 7%;}
body.mng_body .table_list_6 ul li.li_5{width: 10%;}
body.mng_body .table_list_6 ul li.li_6{width: 20%;}
body.mng_body .table_list_6 ul li.li_7{width: 7%;}
body.mng_body .table_list_6 ul li.li_8{width: 7%;}



/* table -> ul 변경 css  학습자 관리 콘텐츠 이력 리스트 */
body.mng_body .table_list_ce ul li.li_1{width: 5%;}
body.mng_body .table_list_ce ul li.li_2{width: 12%;}
body.mng_body .table_list_ce ul li.li_3{width: 12%;}
body.mng_body .table_list_ce ul li.li_4{width: 61%;}
body.mng_body .table_list_ce ul li.li_5{width: 7%;}
body.mng_body .table_list_ce ul li.li_6{width: 7%;}
body.mng_body .table_list_ce ul li.li_7{width: 7%;}
body.mng_body .table_list_ce ul li.li_8{width: 7%;}
body.mng_body .table_list_ce ul li.li_9{width: 10%;}


/* table -> ul 변경 css 학습자 관리 과정 이력 리스트 */
body.mng_body .table_list_pe ul li.li_1{width: 5%;}
body.mng_body .table_list_pe ul li.li_2{width: 12%;}
body.mng_body .table_list_pe ul li.li_3{width: 12%;}
body.mng_body .table_list_pe ul li.li_4{width: 61%;}
body.mng_body .table_list_pe ul li.li_5{width:10%;}
body.mng_body .table_list_pe ul li.li_6{width: 20%;}
body.mng_body .table_list_pe ul li.li_7{width: 7%;}
body.mng_body .table_list_pe ul li.li_8{width: 7%;}
body.mng_body .table_list_pe ul li.li_9{width: 7%;}
body.mng_body .table_list_pe ul li.li_10{width: 7%;}
body.mng_body .table_list_pe ul li.li_11{width: 10%;}

body.mng_body button.dupli_check_btn{margin-left:5px; padding:6px 15px; box-sizing: border-box; background: #777; color:#fff; }



/* table -> ul 변경 css 강사 관리 콘텐츠 이력 리스트 */
body.mng_body .table_list_tce ul li.li_1{width: 5%;}
body.mng_body .table_list_tce ul li.li_2{width: 12%;}
body.mng_body .table_list_tce ul li.li_3{width: 10%;}
body.mng_body .table_list_tce ul li.li_4{width: 61%;}
body.mng_body .table_list_tce ul li.li_5{width: 7%;}
body.mng_body .table_list_tce ul li.li_6{width: 11%;}
body.mng_body .table_list_tce ul li.li_7{width: 7%;}
body.mng_body .table_list_tce ul li.li_8{width: 12%;}


/* table -> ul 변경 css  mng 버전 강사 관리 과정 이력 리스트 */
body.mng_body .table_list_tpe ul li.li_1{width: 5%;}
body.mng_body .table_list_tpe ul li.li_2{width: 12%;}
body.mng_body .table_list_tpe ul li.li_3{width: 10%;}
body.mng_body .table_list_tpe ul li.li_4{width: 13%;}
body.mng_body .table_list_tpe ul li.li_5{width:50%;}
body.mng_body .table_list_tpe ul li.li_6{width: 7%;}
body.mng_body .table_list_tpe ul li.li_7{width: 7%;}
body.mng_body .table_list_tpe ul li.li_8{width: 12%;}


/* 메인 배너 관리 */
body.mng_body .table_list_banner ul li.li_1{width: 3%;}
body.mng_body .table_list_banner ul li.li_2{width: 4%;}
body.mng_body .table_list_banner ul li.li_3{width: 10%;}
body.mng_body .table_list_banner ul li.li_4{width: 10%;}
body.mng_body .table_list_banner ul li.li_5{width: 40%;}
body.mng_body .table_list_banner ul li.li_6{width: 5%;}
body.mng_body .table_list_banner ul li.li_7{width: 7%;}

body.mng_body .table_input li.head{width: 20%;}

/* 카드뉴스 관리 */
body.mng_body .table_list_cardnews ul li.li_1{width: 4%;}
body.mng_body .table_list_cardnews ul li.li_2{width: 5%;}
body.mng_body .table_list_cardnews ul li.li_3{width: 20%;}
body.mng_body .table_list_cardnews ul li.li_4{width: 20%;}
body.mng_body .table_list_cardnews ul li.li_5{width: 25%;}
body.mng_body .table_list_cardnews ul li.li_5 img{width: 80%; max-width: 300px;}
body.mng_body .table_list_cardnews ul li.li_6{width: 5%;}
body.mng_body .table_list_cardnews ul li.li_7{width: 11%;}
body.mng_body .table_list_cardnews ul li.li_8{width: 10%;}



/* 약관 관리 */
body.mng_body .table_list_terms ul li.li_1{width: 3%;}
body.mng_body .table_list_terms ul li.li_2{width: 4%;}
body.mng_body .table_list_terms ul li.li_3{width: 10%;}
body.mng_body .table_list_terms ul li.li_4{width: 50%;}
body.mng_body .table_list_terms ul li.li_5{width: 7%;}
body.mng_body .table_list_terms ul li.li_6{width: 7%;}


/* 관련 사이트 관리 */
body.mng_body .table_list_site ul li.li_1{width: 3%;}
body.mng_body .table_list_site ul li.li_2{width: 4%;}
body.mng_body .table_list_site ul li.li_3{width: 20%;}
body.mng_body .table_list_site ul li.li_4{width: 30%;}
body.mng_body .table_list_site ul li.li_5{width: 7%;}
body.mng_body .table_list_site ul li.li_6{width: 10%;}


/* 고객센터  관리 */
body.mng_body .table_list_customer ul li.li_1{width: 20%;}
body.mng_body .table_list_customer ul li.li_2{width: 20%;}
body.mng_body .table_list_customer ul li.li_3{width: 20%;}
body.mng_body .table_list_customer ul li.li_4{width: 20%;}
body.mng_body .table_list_customer ul li.li_5{width: 20%;}



/* 팝업관리 */
body.mng_body .table_list_popup ul li.li_1{width: 3%;}
body.mng_body .table_list_popup ul li.li_2{width: 5%;}
body.mng_body .table_list_popup ul li.li_3{width: 15%;}
body.mng_body .table_list_popup ul li.li_4{width: 20%;}
body.mng_body .table_list_popup ul li.li_5{width: 15%;}
body.mng_body .table_list_popup ul li.li_6{width: 10%;}
body.mng_body .table_list_popup ul li.li_7{width: 10%;}

body.mng_body span.po_r{display: inline !important; margin-top:0; margin-left:5px;}
body.mng_body .click_img{cursor: zoom-in;}


/* 특성화교 사업 관리 */
body.mng_body .table_list_special ul li.li_1{width: 4%;}
body.mng_body .table_list_special ul li.li_2{width: 5%;}
body.mng_body .table_list_special ul li.li_3{width: 7%;}
body.mng_body .table_list_special ul li.li_4{width: 22%;}
body.mng_body .table_list_special ul li.li_5{width: 20%;}
body.mng_body .table_list_special ul li.li_6{width: 10%;}
body.mng_body .table_list_special ul li.li_7{width: 10%;}
body.mng_body .table_list_special ul li.li_8{width: 10%;}
body.mng_body .table_list_special ul li.li_9{width: 12%;}
body.mng_body .inner.new{font-size: 13px;}
body.mng_body .inner.new .head {background: #4390DD;}
body.mng_body .inner.new form input[type="text"],body.mng_body .inner.new form input[type="file"],body.mng_body .inner.new form input[type="url"]{width: 100%;}
body.mng_body .inner.new form input[type="number"]{width: 120px;}
body.mng_body .inner.new form input[type="number"]::-webkit-inner-spin-button,
body.mng_body .inner.new form input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: inner-spin-button; opacity: 1;}
body.mng_body .inner.new .essential-star {color: #f00; padding-right: 4px;}


/* 교육포털 소개 관리 */
body.mng_body input.limit-20,
body.mng_body input.limit-30,
body.mng_body input.limit-80,
body.mng_body input.limit-100,
body.mng_body input.limit-500
{display: block;}
body.mng_body input.limit-20 {width: 360px;}
body.mng_body input.limit-30 {width: 416px;}
body.mng_body input.limit-80,
body.mng_body input.limit-100,
body.mng_body input.limit-500 {width: 100%;}

.mng_body .portal-focus textarea:focus, input:focus {outline: none;}
.mng_body .portal-focus input:focus, .mng_body .portal-focus textarea:focus {border: 2px solid #4390dd;}
.mng_body .error-input {border: 2px solid #f00 !important;}
.mng_body .error-msg,
.mng-modal-container .error-msg{font-size: 0.875rem; color: #f00;}
.mng_body .portal-focus ul li input:not(:first-child) {margin-top: 8px;}
/*.mng_body .portal-focus input {width: 100%;}*/
.mng_body .portal-focus .con-inner {margin-top: 16px; position: relative;}
.mng_body .portal-focus .con-inner label {font-size: 0.875rem; position: absolute; left: 4px; top: 6px;}
.mng_body .portal-focus.intro .con-inner {padding-left: 56px;}



/* 특성화교 사업 관리 */
.mng_body .portal-focus.special .con-inner {padding-left: 112px; color: #797676;}
.mng_body .portal-focus.special textarea{font-family: "Noto Sans KR", sans-serif; line-height: 160%; padding: 8px 12px; height:auto;}
.mng_body .special-tab-container{display:flex; flex-direction: row}
.mng_body .special-tab-container li.special-tab {background-color: #e4e4e4; margin-right:4px; }
.mng_body .special-tab-container li.special-tab.active {background-color: #fff;}
.mng_body .special-tab-container .special-tab a {font-size: 1rem; font-weight: 500; color: #666; width: 72px; padding:12px 24px; display: block; text-align: center}
.mng_body .special-container{margin: 16px 0 80px;}
.mng_body .table_list_special img {width: 100%; max-width: 64px;}
.mng_body .table_row ul.school_img_row li.con img {max-width: 80px;}



/* 자주 묻는 질문 */
body.mng_body .table_list_faq ul li.li_1{width: 3%;}
body.mng_body .table_list_faq ul li.li_2{width: 10%;}
body.mng_body .table_list_faq ul li.li_3{width: 40%;}
body.mng_body .table_list_faq ul li.li_4{width: 10%;}
body.mng_body .table_list_faq ul li.li_5{width: 10%;}


/* 수료증 관리 */
body.mng_body .table_list_com ul li.li_1{width: 5%;}
body.mng_body .table_list_com ul li.li_2{width: 40%;}
body.mng_body .table_list_com ul li.li_3{width: 15%;}
body.mng_body .table_list_com ul li.li_4{width: 10%;}
body.mng_body .table_list_com ul li.li_5{width: 10%;}
body.mng_body .table_list_com ul li.li_6{width: 10%;}
body.mng_body .use{ color:green;}
body.mng_body .no_use{color:darkred;}



/* 문자 관리 */
body.mng_body .table_list_sms ul li.li_1{width: 3%;}
body.mng_body .table_list_sms ul li.li_2{width: 3%;}
body.mng_body .table_list_sms ul li.li_3{width: 12%;}
body.mng_body .table_list_sms ul li.li_4{width: 7%;}
body.mng_body .table_list_sms ul li.li_5{width:  15%;}
body.mng_body .table_list_sms ul li.li_6{width:  12%;}
body.mng_body .table_list_sms ul li.li_7{width: 15%;}
body.mng_body .table_list_sms ul li.li_8{width: 15%;}
body.mng_body .table_list_sms ul li.li_9{width: 7%;}
body.mng_body .table_list_sms ul li.ok{color: green;}
body.mng_body .table_list_sms ul li.fail{color: darkred;}

body.mng_body .smsBox .sms{width:50%; display:inline-block; float:left;}
body.mng_body .smsBox .sms textarea{height:400px; border-radius: 20px;}
body.mng_body .smsList{width:48%;display:inline-block; float:right;}
body.mng_body .smsList .table_input li.head{width:30%;}




/* 설문 관리 */
body.mng_body .table_list_sur ul li.li_1{width: 3%;}
body.mng_body .table_list_sur ul li.li_2{width: 5%;}
body.mng_body .table_list_sur ul li.li_3{width:  10%;}
body.mng_body .table_list_sur ul li.li_4{width:  30%;}
body.mng_body .table_list_sur ul li.li_5{width: 20%;}
body.mng_body .table_list_sur ul li.li_6{width:  7%;}
body.mng_body .table_list_sur ul li.li_7{width: 10%;}

body.mng_body .title_sur{border-bottom: 1px dotted #000; padding: 0 10px 10px; margin-bottom: 20px;}
body.mng_body .title_sur h3{font-size:25px!important;}
body.mng_body .table_list_sur_li {border:none !important; width: 100%; box-sizing: border-box; padding: 10px 40px;}
body.mng_body .table_list_sur_li ul{border-bottom:none !important;}
body.mng_body .table_list_sur_li ul li{padding: 20px 10px;}
body.mng_body .tit_de_sur{box-sizing: border-box; padding: 10px; overflow:hidden; width:100%; background:#EFF3F5;}

body.mng_body .table_list_sur_li ul .li_1{width:5%; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
body.mng_body .table_list_sur_li ul .li_1.top{border-top: 1px solid #ddd;}
body.mng_body .table_list_sur_li ul .li_2.top{border-top: 1px solid #ddd;}
body.mng_body .table_list_sur_li ul .li_2{width:30%;  border-bottom: 1px solid #ddd; font-weight:500;}
body.mng_body .table_list_sur_li ul .li_3{width:63%;}

body.mng_body .table_list_sur_li .progress{background:#eee; height:100%;  width:90%; display: inline-block; float: right; position: relative;}
body.mng_body .table_list_sur_li .progress:after{position: absolute; content: '0%'; left:0; bottom: -25px; color: #333;}
body.mng_body .table_list_sur_li .progress:before{position: absolute; content: '100%'; right:0; bottom: -25px; color: #333;}
body.mng_body .table_list_sur_li .progress .progressBar{background:linear-gradient(to right,#4390DD , #003366); height: 100%;  box-sizing: border-box; padding:10px 0; opacity:80%; position: relative;}
body.mng_body .table_list_sur_li .progress .progressBar span{position: absolute; content: ''; right:-15px; top:-25px; color:#4390DD; font-weight: 500;}


body.mng_body .sur_result{margin-bottom:50px; box-sizing: border-box; padding-bottom: 50px; border-bottom: 1px dotted #aaa;}
body.mng_body .sur_result:last-child{margin-bottom: 0; border-bottom: none;}



/* 학습자 통계 */
body.mng_body .chartNum{width: 100%; box-sizing: border-box; padding: 20px; border-radius: 20px; background:#EFF3F5; margin-bottom: 20px; margin-top: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,10%);}
body.mng_body .chartNum ul{width: 100%; overflow: hidden; text-align: center;}
body.mng_body .chartNum ul li{display: inline-block; width:16%;   border-right: 1px dotted #aaa;}
body.mng_body .chartNum ul li:last-child{margin-right: 0px; border-right: none;}
body.mng_body .chartNum ul li p.numName{font-size: 20px; margin-bottom: 10px; position: relative; display: inline-block;}
body.mng_body .chartNum ul li p.numName:after{position:absolute; content:''; width: 100%; height:2px; background:linear-gradient(to right,#4390DD , #003366); left:50%; bottom:-5px; transform: translateX(-50%); border-radius: 100px;}
body.mng_body .chartNum ul li h3{font-weight: normal; font-size: 30px;}
body.mng_body .chartNum ul li h3 span{font-weight: 500; font-size: 35px;}




/* 강사 통계 */
body.mng_body button.check_btn{font-family: 'Noto Sans KR', sans-serif; background:#285f98; color: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,10%);}
body.mng_body button.check_btn:hover{box-shadow: 3px 3px 6px rgba(0,0,0,20%);}
body.mng_body .table_list_te ul .li_1{ width:  3%; }
body.mng_body .table_list_te ul .li_2{width:  13%; }
body.mng_body .table_list_te ul .li_3{width:  10%; }
body.mng_body .table_list_te ul .li_4{width:  10%; }
body.mng_body .table_list_te ul .li_5{width:  15%; }
body.mng_body .table_list_te ul .li_6{width:  7%; }
body.mng_body .table_list_te ul .li_7{width:  5%; }

body.mng_body h3.statistics{box-sizing: border-box; padding: 0 20px; font-size: 20px;}


/* 관리자 통계 */
body.mng_body .table_list ul .li_1{ width:  3%; }
body.mng_body .table_list ul .li_2{width:  13%; }
body.mng_body .table_list ul .li_3{width:  13%; }
body.mng_body .table_list ul .li_4{width:  13%; }
body.mng_body .table_list ul .li_5{width:  10%; }
body.mng_body .table_list ul .li_6{width:  20%; }


/* 콘텐츠 통계 */
body.mng_body .table_list_con ul .li_1{ width:  3%; }
body.mng_body .table_list_con ul .li_2{width:  10%; }
body.mng_body .table_list_con ul .li_3{width:  10%; }
body.mng_body .table_list_con ul .li_4{width:   35%; }
body.mng_body .table_list_con ul .li_5{width:  7%; }
body.mng_body .table_list_con ul .li_6{width:  10%; }
body.mng_body .table_list_con ul .li_7{width:  10%; }
body.mng_body .table_list_con ul .li_8{width:  7%; }


/* 과정 통계 */
body.mng_body .table_list_pro ul .li_1{ width:  3%; }
body.mng_body .table_list_pro ul .li_2{width:  10%; }
body.mng_body .table_list_pro ul .li_3{width:  10%; }
body.mng_body .table_list_pro ul .li_4{width:   10%; }
body.mng_body .table_list_pro ul .li_5{width:  30%; }
body.mng_body .table_list_pro ul .li_6{width:  10%; }
body.mng_body .table_list_pro ul .li_7{width:  10%; }
body.mng_body .table_list_pro ul .li_8{width:  7%; }


body.mng_body .table_now li.head{background: #D2DBE8 !important;}















/* ////////////////////////////////////////////////////////////////////// 강사용 css ////////////////////////////////////////////////////////////////////// */

/* 로그인창 */
body.teacher_body .login_box h2.title{font-size:35px; font-weight:400; position:absolute; left:50%; top: -20%; transform:translateX(-50%); width:100%;}
body.teacher_body .login_inner{background:#f6f6f6; width:100%; height:100%; overflow:hidden;}
body.teacher_body .login_box{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; width:400px; text-align:center;border-radius:20px; box-shadow:  5px 5px 13px #ddd,
-5px -5px 13px #f9f9f9;}
body.teacher_body .login_box .login_box_inner{width:100%; overflow:hidden; height:100%; padding:30px; box-sizing:border-box; }
body.teacher_body .login_box .login_box_inner .logo{text-align:center;}
body.teacher_body .login_box .login_box_inner .input_box{margin-top:40px; overflow:hidden; margin-bottom:15px;}
body.teacher_body .login_box .login_box_inner .input_box input{border:none; outline:0 none;  height:30px; font-size:13px; width:250px;}
body.teacher_body .login_box .login_box_inner .input_box .id{border-radius:100px; border:1px solid rgba(0, 0, 0, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box; margin-bottom:10px;}
body.teacher_body .login_box .login_box_inner .input_box .id img{width:20px; margin-right:8px;}
body.teacher_body .login_box .login_box_inner .input_box .pw{border-radius:100px;  border:1px solid rgba(0, 0, 0, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box; }
body.teacher_body .login_box .login_box_inner .input_box .pw img{width:20px; margin-right:8px;}
body.teacher_body .login_box .login_box_inner button.login{background : linear-gradient(to right, #777 , #1d1d1d) !important; color:#fff; width:313px; border-radius:100px; box-shadow:5px 5px 10px rgba(0,0,0,16%);
	padding:10px 0; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; }
body.teacher_body .login_box .login_box_inner button.login:hover{box-shadow:3px 3px 10px rgba(0,0,0,0%);}
body.teacher_body .login_box .login_box_inner .id_save{text-align:left;font-size:13px; margin:21px 0 20px 15px; line-height:18px;}
body.teacher_body .login_box .login_box_inner .login_search{width:100%;overflow:hidden;   border-top:1px solid #ddd; width:90%; margin:0 auto  ; position:relative;  }
body.teacher_body .login_box .login_box_inner .login_search ul{overflow:hidden; padding:20px 00px 0; box-sizing:border-box; margin:0 auto; display:inline-block;}
body.teacher_body .login_box .login_box_inner .login_search ul li{display:inline-block; float:left;  margin-right:30px;}
body.teacher_body .login_box .login_box_inner .login_search ul li:last-child{margin-right:0;}
body.teacher_body .login_box .login_box_inner .login_search ul li a{width:100%; height:100%; display:inline-block; font-size:13px;}

/* 아이디 찾기 */
body.teacher_body .login_box.f_box h2.title{font-size:35px; font-weight:400; position:absolute; left:50%; top: -30%; transform:translateX(-50%); width:100%;}
body.teacher_body .login_box.f_box h2.title.pw{font-size:35px; font-weight:400; position:absolute; left:50%; top: -20%; transform:translateX(-50%); width:100%;}
body.teacher_body .login_box.f_box .login_box_inner button{ width:40.5%; border-radius:100px; box-shadow:5px 5px 10px rgba(0,0,0,16%);
	padding:10px 0; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; }
body.teacher_body .login_box.f_box .login_box_inner button.id_f{background : linear-gradient(to right, #777 , #1d1d1d) !important; color:#fff; }
body.teacher_body .login_box.f_box .login_box_inner button.back{background:#eeee; }
body.teacher_body .login_box.f_box .login_box_inner button:hover{box-shadow:3px 3px 10px rgba(0,0,0,0%);}
body.teacher_body .login_box.f_box .login_box_inner .login_search{border-top:0px;}

body.teacher_body .login_box.f_box .login_box_inner .input_box{margin-bottom: 30px;}
body.teacher_body .login_box.f_box .login_box_inner .input_box .name{border-radius:100px; border:1px solid rgba(0, 0, 0, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box; margin-bottom:10px;}
body.teacher_body .login_box.f_box .login_box_inner .input_box .hp{border-radius:100px;  border:1px solid rgba(0, 0, 0, 40%); display:inline-block;  padding:5px 10px 5px 18px; box-sizing:border-box;}

/* 아이디 찾기 결과 */
body.teacher_body .login_box.f_box .login_box_inner .input_box p.result{  }
body.teacher_body .login_box.f_box .login_box_inner .input_box p.result span{display:inline-block; }
body.teacher_body .login_box.f_box .login_box_inner .input_box p.result span.label{font-weight: bold;}
body.teacher_body .login_box.f_box .login_box_inner .input_box p.result span.result{width: 70%; margin-left:20px; border:1px solid #1d1d1d; box-sizing:border-box; padding:10px;}


/* 비번 찾기 */
body.teacher_body .login_box.f_box .login_box_inner .radioBox{width:250px; margin: 0px auto 30px; text-align:left; border-bottom: 1px solid #ddd; box-sizing: border-box; padding-bottom: 30px;}
body.teacher_body .login_box.f_box .login_box_inner .radioBox label{ }



/* 강사 & 공통 메인페이지 헤더 */
body.teacher_body header{width:100%; background:#fff; z-index:1000; position: relative;}
body.teacher_body header .header_inner{width:100%; overflow:hidden; padding:10px 20px; box-sizing:border-box; line-height:30px; display: flex; align-items: center;
	justify-content: space-between;}
body.teacher_body header h1.logo {display:inline-block; float:left;}
body.teacher_body header h1.logo a{width:100%; /*height:100%;*/ display:block; }
body.teacher_body header h1.logo img{width: 60%;}
body.teacher_body header ul.menu{display:inline-block; float:right; }
body.teacher_body header ul.menu li{display:inline-block; float:left; margin-right:25px;  position:relative; padding-right:25px; box-sizing:border-box;}
body.teacher_body header ul.menu li:after{position:absolute; content:''; width:1px; height:50%; background:#ddd; right:0; top:50%; transform:translateY(-50%);}
body.teacher_body header ul.menu li:last-child{margin-right:0px;  padding-right:0;}
body.teacher_body header ul.menu li:last-child {position:static;}
body.teacher_body header ul.menu li a{width:100%; height:100%;   font-size:14px; font-weight:450; }
body.teacher_body header ul.menu li.user_notice{cursor: pointer; position: relative;}
body.teacher_body header ul.menu li.user_notice  img{width:25px;}
body.teacher_body header ul.menu li.user_notice p.count{display: inline-block; font-weight:600; color:#616970;}
body.teacher_body header ul.menu li.user_notice img.new_notice{width:auto; position: absolute; left:5px; top:-3px;}
body.teacher_body header ul.menu li a span.user_id{text-decoration:underline; }
body.teacher_body header ul.menu li.user_name{  text-align:center; position:static; border-radius:100px;background:linear-gradient(to right, #777 , #1d1d1d);   padding-right:0; box-shadow:3PX 3PX 10PX rgba(0,0,0,13%);
	cursor:pointer;}
body.teacher_body header ul.menu li.user_name:hover{box-shadow:3PX 3PX 10PX rgba(0,0,0,25%); }
body.teacher_body header ul.menu li.user_name a{color:#fff; text-align:center; padding:0 20px; }




/* left menu */
body.teacher_body .left_menu{display:inline-block;  width:230px;  height: 100%;  background: #fff;  }
body.teacher_body .left_menu ul.main_menu{width:100%; overflow:hidden; height:100%; padding:20px; box-sizing:border-box; }
body.teacher_body .left_menu ul.main_menu li.menu_list{height:auto; line-height:50px; width:100%; }
body.teacher_body .left_menu ul.main_menu li.menu_list a{width:100%; /*height:100%;*/ display:block;  position:relative; padding-left:25px; box-sizing:border-box; cursor: pointer;}
body.teacher_body .left_menu ul.main_menu li.menu_list > a:after{position:absolute; content:url(/img/common/list_close.webp); left:0; top:52%; transform:translateY(-50%); }
body.teacher_body .left_menu ul.main_menu li.menu_list.on > a:after{ content:url(/img/common/list_open_02.webp); left:10px;}
body.teacher_body .left_menu ul.main_menu li.menu_list:hover> a:after{ content:url(/img/common/list_open_02.webp); left:10px;}
body.teacher_body .left_menu ul.main_menu li.menu_list.on > a{color:#fff;  position:relative; z-index:1; padding-left:35px; }
body.teacher_body .left_menu ul.main_menu li.menu_list:hover > a{color:#fff;  position:relative; z-index:1; padding-left:35px; }
body.teacher_body .left_menu ul.main_menu li.menu_list.on > a:before{position:absolute; content:''; border-radius:100px; background:#1d1d1d; left:-10px; top:50%; transform:translateY(-50%);
	width:110%; height:80%;  z-index:-1; box-shadow:3px 3px 6px rgba(0,0,0,16%);}
body.teacher_body .left_menu ul.main_menu li.menu_list:hover > a:before{position:absolute; content:''; border-radius:100px; background:#1d1d1d;left:-10px; top:50%; transform:translateY(-50%);
	width:110%; height:80%;  z-index:-1; box-shadow:3px 3px 6px rgba(0,0,0,16%);}
body.teacher_body .left_menu ul.sub_menu{  position:relative; width:100%;}
body.teacher_body .left_menu ul.main_menu li.menu_list.on ul.sub_menu{display:block;}
body.teacher_body .left_menu ul.sub_menu li.sub_menu_list{line-height:35px; width:100%;}
body.teacher_body .left_menu ul.sub_menu li.sub_menu_list a.on{color:#1d1d1d;}
body.teacher_body .left_menu ul.sub_menu li.sub_menu_list a{font-size:14px; color:#919191; padding-left:35px;  box-sizing:border-box;  }
body.teacher_body .left_menu ul.sub_menu ul li{}
body.teacher_body .left_menu ul.sub_menu ul li a {font-weight:400; width:100%; height:100%; display:block; padding-left:5px;  box-sizing:border-box; color:#7D7D7D !important; font-size:14px !important;}
body.teacher_body .left_menu ul.sub_menu  li.sub_menu_list a:hover{color:#1d1d1d;}
/*body.teacher_body .left_menu ul.sub_menu  li.sub_menu_list a:hover{background:#E6E6E6; border-radius:120px; }*/


/* 내용 */
body.teacher_body .content_view{width: calc(100% - 230px);  display: inline-block; float:right;  height:100%;   background:#f1f1f1; box-shadow:inset  0px 3px 6px rgba(0,0,0,10%); overflow:hidden;}
body.teacher_body .content_view .content_view_inner{width:100%; overflow:hidden; height:auto;  padding:35px 25px; box-sizing:border-box;}
body.teacher_body .content_view .content_view_inner > .contentBox{margin-bottom:50px; background:#fff; box-sizing:border-box; padding:10px;  box-shadow:  3px 3px 13px #ddd, -3px -3px 13px #fff; overflow:hidden; height:auto;}
body.teacher_body .content_view .content_view_inner > .contentBox:last-child{margin-bottom:0px;}


/* 메인 - 공지사항 */
body.teacher_body .top_title{width:100%; margin-bottom:10px; overflow:hidden; line-height:32px; padding:0 10px; box-sizing:border-box;}
body.teacher_body .top_title h3.title{font-size:20px; display:inline-block; font-weight:500;}
body.teacher_body .top_title .more_btn{float:right; cursor:pointer; font-family: 'Noto Sans KR', sans-serif; color:#fff; font-size:14px; background:#9B9B9B; border-radius:100px; box-sizing:border-box;
	padding:3px 13px; margin-top:5px; box-shadow:3px 3px 6px rgba(0,0,0,16%); margin-bottom:6px;}
body.teacher_body .top_title .more_btn:hover{background:#1d1d1d; box-shadow:none;}
body.teacher_body .table_01{width:100%; border:1px solid #ddd; background:#fff; text-align:center;}
body.teacher_body .table_01 th{font-weight:normal; padding:8px; box-sizing:border-box; background:#f8f8f8; border-right:1px solid #ddd;}
body.teacher_body .table_02{border:1px solid #E2E2E2 !important;}
body.teacher_body .table_02 th{background:#EFF3F5 ;  border-right:1px solid #E2E2E2 !important;}
body.teacher_body .table_02 td{border-right:1px solid #E2E2E2 !important;}
body.teacher_body .table_02 tr{border-bottom:1px solid #E2E2E2 !important;}
body.teacher_body .table_01 .left{text-align:left;}
body.teacher_body .table_01 .left a{width:100%; height:100%; display:block;}
body.teacher_body .table_01 td{padding:8px; box-sizing:border-box; border-right:1px solid #ddd;}
body.teacher_body .table_01 tr{border-bottom:1px solid #ddd;}




/* 알림창 */
body.teacher_body .notiBox{position: absolute; width: 356px;  background:#fff; box-shadow: 0px 3px 6px rgba(0,0,0,16%); right:100px; bottom:-450px; border:1px solid #D6D6D6;height:455px; display: none;}
body.teacher_body .notiBox.open{display:inline-block;}
body.teacher_body .notiBox button.closeBtn{position: absolute; top:10px; border-radius: 100% ;right:-40px; background:rgba(0,0,0,90%); width:30px; height:30px;  box-shadow: 3px 3px 6px rgba(0,0,0,16%); }
body.teacher_body .notiBox button.closeBtn i{ font-size: 15px;  color: #fff; }
body.teacher_body .notiBox ul{width:100%; overflow:hidden; overflow-y: auto; height: 100%;}
body.teacher_body .notiBox ::-webkit-scrollbar{ width:2px; }
body.teacher_body .notiBox ::-webkit-scrollbar-thumb{background: #888;}

body.teacher_body .notiBox ul li{width:100%; box-sizing: border-box; padding: 20px; border-bottom: 1px dotted #ddd; position:relative; cursor: pointer;}
body.teacher_body .notiBox ul li:last-child{ border: 0px;}
body.teacher_body .notiBox ul li p.tit{font-size: 15px; margin-bottom: 5px; overflow: hidden; word-break: break-word;   display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
body.teacher_body .notiBox ul li p.tit span{font-weight: bold; color:#000 ;}
body.teacher_body .notiBox ul li p.cate{display: inline-block; font-size:14px; color:#9F9F9F; padding-right:10px; margin-right:10px; border-right:1px solid #DCDCDC;}
body.teacher_body .notiBox ul li p.cate02{border-right: 0px; margin-right: 0px; padding-right: 0px;}
body.teacher_body .notiBox ul li:hover{background: #f8f8f8;}
body.teacher_body .notiBox p.no_content{font-size: 18px; color:#1d1d1d; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; text-align: center;}
body.teacher_body .notiBox ul li button.deleteBtn{ position:absolute; top:50%; right:20px; transform: translateY(-50%); color: #777; display:none; font-size: 20px;}
body.teacher_body .notiBox ul li:hover button.deleteBtn{display:inline-block;}




/* 내 정보 수정 */
body.teacher_body .profile_wrap{width:100%; height:100%;}
body.teacher_body .profile_wrap .inner{width:100%; overflow:hidden; height:100%;}
body.teacher_body .profile_wrap .inner .head{width:100%; text-align:center;  background:linear-gradient(to right, #777 , #1d1d1d); overflow:hidden; box-sizing:border-box; padding:30px 0; color:#fff;
	box-shadow: inset 0px -5px 10px rgba(0,0,0,25%);}
body.teacher_body .profile_wrap .inner .head i{font-size:50px; color:#333; background:#fff; width:100px; height:100px; line-height:100px;  border-radius:100px; margin-bottom:30px;}
body.teacher_body .profile_wrap .inner .head h3{font-size:25px; font-weight:normal; margin-bottom:20px;}
body.teacher_body .profile_wrap .inner .head h3 span{font-weight:bold; font-size:28px; }
body.teacher_body .profile_wrap .inner .head p{font-size:15px;}
body.teacher_body .profile_wrap .inner .profile_content{width:100%; overflow:hidden; box-sizing:border-box; padding:10px; }
body.teacher_body .profile_wrap .inner .profile_content table th{font-weight:500; padding:15px; box-sizing:border-box; font-size:14px;}
body.teacher_body .profile_wrap .inner .profile_content table td{padding:15px; box-sizing:border-box;}
body.teacher_body .profile_wrap .inner .profile_content table td input{background:#f8f8f8;}
body.teacher_body .profile_buttonBox button{border-radius:100px !important;}
body.teacher_body .profile_buttonBox button.edit:hover{background:#1d1d1d;}

body.teacher_body .content{width:100%; height: 100%; box-shadow:inset 0px 3px 6px rgba(0,0,0,10%); overflow:hidden; }
body.teacher_body .content .content_inner{width:100%; overflow:hidden; height: 100%;  }


/* 서브페이지 (리스트) */
body.teacher_body .sub_titleBox{width:100%; overflow:hidden; margin-bottom:20px; line-height:36px;}
body.teacher_body .sub_titleBox h3.title{font-size:22px; display:inline-block; float:left;}
body.teacher_body .sub_titleBox ul{display:inline-block; float:right;}
body.teacher_body .sub_titleBox ul li{display:inline-block; float:left; margin-right:20px; padding-right:10px; box-sizing:border-box; position:relative; }
body.teacher_body .sub_titleBox ul li:last-child{margin-right:0; padding-right:0; }
body.teacher_body .sub_titleBox ul li.now a{color: #000; font-weight:bold; }
body.teacher_body .sub_titleBox ul li:after{position:absolute; content:">"; right:-10px; top:50%; transform:translateY(-50%); font-size:16px;}


/* 서브페이지 검색창 */
body.teacher_body .searchBox .top_title{border-bottom:1px solid #ddd; padding-bottom:5px; box-sizing:border-box;}
body.teacher_body .contentBox div.search{width:100%; box-sizing:border-box; padding:0 10px;}
body.teacher_body .contentBox div.search ul.search_list{width:100%; overflow:hidden; position:relative;}
body.teacher_body .contentBox div.search ul.search_list li{width:33%; display: inline-block; float:left; overflow:hidden; box-sizing:border-box; padding:10px 0; }
body.teacher_body .contentBox div.search ul.search_list li:nth-child(2){position:absolute; left:50%; transform:translateX(-50%); top:0;}
body.teacher_body .contentBox div.search ul.search_list li:nth-child(3){position:absolute; right:0; top:0;}
body.teacher_body .contentBox div.search ul.search_list li label.name{display:inline-block;   width: 25%; }
body.teacher_body .contentBox div.search ul.search_list li span{display: inline-block; width: 75%; word-break: break-all; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; float: right;}
body.teacher_body .contentBox div.search .search_button{width:100%; overflow:hidden; text-align:center; box-sizing:border-box; padding:10px 0; margin-top:30px;}
body.teacher_body .table_view td{padding:15px 20px;}



/* 공통 서브페이지 버튼 모음 */
body.teacher_body .contentBox button{  font-size:16px; cursor:pointer; border-radius:100px; ; padding:3px 18px; box-sizing:border-box; margin:0 3px;}
body.teacher_body button.search{background:#1d1d1d; color:#fff; }
body.teacher_body button.reset{border:1px solid #ddd;}
body.teacher_body button.reset:hover{border:1px solid #1d1d1d;}
body.teacher_body .buttonBox{display:inline-block; float:right;}
body.teacher_body button.mail{border:1px solid #1d1d1d;}
body.teacher_body button.mail:hover{background:#1d1d1d; color:#fff; }
body.teacher_body button.sms{border:1px solid #1d1d1d;}
body.teacher_body button.sms:hover{background:#1d1d1d; color:#fff; }
body.teacher_body button.excel{border:1px solid #1d1d1d; }
body.teacher_body button.excel:hover{background:#1d1d1d; color:#fff; }
body.teacher_body button.delete{border:1px solid #C53636; color:#C53636; }
body.teacher_body button.delete:hover{background:#C53636; color:#fff; }
body.teacher_body button.register{border:1px solid #827464; color:#827464;}
body.teacher_body button.register:hover{background:#827464; color:#fff;}
body.teacher_body button.list{border:1px solid #ddd;}
body.teacher_body button.list:hover{border:1px solid #1d1d1d;}
/*button.edit{border:1px solid #BED1E1; color:#456580;}
button.edit:hover{border:1px solid #456580;}*/
body.teacher_body button.edit{background:#aaa; color:#fff;}
body.teacher_body button.edit:hover{background:#666;}
body.teacher_body button.sub_btn{background:#1d1d1d; color:#fff; font-size:14px;}
body.teacher_body button.batches{border:1px solid #E67B00;  color:#E67B00;}
body.teacher_body button.batches:hover{background:#E67B00;  color:#fff;}

body.teacher_body .buttonBox_center{text-align:center; padding:25px 0 20px; box-sizing:border-box;}
body.teacher_body .buttonBox_center button{padding:5px 22px; border-radius:0px;}




/* 공통 서브페이지 페이징*/
body.teacher_body .pasing{width:100%; overflow:hidden; text-align:center; padding:30px 0; box-sizing:border-box;}
body.teacher_body .pasing ul{width:100%;  overflow:hidden; }
body.teacher_body .pasing ul li{display:inline-block; margin:0px 10px; cursor:pointer;}
body.teacher_body .pasing ul li a{width:100%; height:100%; display:inline-block; font-size:18px; font-weight:200;}
body.teacher_body .pasing ul li.now{ border-bottom:2px solid #1d1d1d;}
body.teacher_body .pasing ul li.now a{font-weight:400;}



/* 전체 문제은행 */
body.teacher_body .exposure{color: #3A6430;}
body.teacher_body .no_exposure{color:#C53636;}


/* 일괄등록 새 창 */
body.teacher_body .batches_wrap{width:100%; height:100%;}
body.teacher_body .batches_wrap .inner{width:100%; overflow:hidden;}
body.teacher_body .batches_wrap .inner .head{background:#1d1d1d; box-sizing:border-box; padding:8px 20px;}
body.teacher_body .batches_wrap .inner .head h3{color:#fff; font-weight:normal;}
body.teacher_body .batches_content{width:100%; overflow:hidden; box-sizing:border-box; padding:10px;}
body.teacher_body .batches_content .excel_box{width:100%;   overflow:hidden; border:1px solid #ddd; margin:5px 0 0;}
body.teacher_body .batches_content .excel_box label.excel{width:120px; display:inline-block; float:left; text-align:center; background:#f2f2f2;   margin-right:10px; font-size:18px;  height:85px; box-sizing:border-box;
	border:1px solid #f2f2f2; overflow:hidden; padding:15px 0; font-weight:500;}
body.teacher_body .batches_content .excel_box label.excel a.sample{box-sizing:border-box; padding:3px 13px; background:#135803; color:#fff; margin-top:5px; display:inline-block;  font-size:12px; font-weight:100;
	border-radius:100px;}
body.teacher_body .batches_content .excel_box input{height:auto; border:none; padding:15px 5px;}
body.teacher_body .batches_content span.red{color:red; font-size:13px; text-align:center; display:block; margin-top:15px;}
body.teacher_body .batches_content .excel_box input{height:auto; border:none; padding:30px 5px; width:70%;}
body.teacher_body .batches_content .batches_button_wrap{width:100%; overflow:hidden; text-align:center; box-sizing:border-box; padding:15px 0;}
body.teacher_body .batches_content .batches_button_wrap button{box-sizing:border-box; padding:5px 15px; cursor:pointer;}
body.teacher_body button.close{border:1px solid #ddd; margin-right:15px;}
body.teacher_body button.close:hover{border:1px solid #1d1d1d;}
body.teacher_body button.enter{border:1px solid ; background:#1d1d1d; color:#fff;}


/* 문제, 과제용 일괄 등록 */
body.teacher_body .batches_content .table_row ul li{font-size: 13px;}
body.teacher_body .batches_content .table_row ul li.head{padding:10px;}
body.teacher_body .batches_content .table_row ul li a.sample{box-sizing:border-box; padding: 5px 10px; background:#135803; color:#fff; margin-top:5px; display:inline-block;  font-size:11px; font-weight:100;
border-radius:100px;}


/*  전체 문제은행 객관식   */
body.teacher_body td.left label.num{display:inline-block; float:left; width:3%;}
body.teacher_body .list_box{width:100%; overflow:hidden; margin-bottom:30px;}
body.teacher_body .list_box:last-child{margin-bottom:0px;}
body.teacher_body .list_box > div{display:inline-block; width:97%;}
body.teacher_body textarea{resize: none; width:100%; height:300px; box-sizing:border-box; padding:20px; border:1px solid #ddd;}


/*  차시 등록  */
body.teacher_body .chapter_sub_titleBox{border-bottom:1px solid #aaa; padding-bottom:20px;}
body.teacher_body .chapter_contentBox{background:none !important; box-shadow:none !important;}
body.teacher_body .chapter_left{display:inline-block; float:left;width:50%; background:#fff;  box-sizing:border-box; padding:20px;  box-shadow:3px 3px 10px #aaa;  border:5px solid rgba(0,0,0,20%);}
body.teacher_body .chapter_left .sel_ect{width:100%; overflow:hidden;  margin-bottom:10px; text-align:center;}
body.teacher_body .chapter_left .sel_ect select{width:90%; margin-bottom:20px; height:50px; font-size:18px; padding: 0 15px;}
body.teacher_body .chapter_left .sel_ect button.chapter_plus{border:1px solid #1d1d1d;  }
body.teacher_body .chapter_left .sel_ect button.chapter_plus:hover{background:#1d1d1d; color:#fff;}
body.teacher_body .chapter_left .sel_ect_con{width:100%; overflow:hidden; box-sizing:border-box; padding:10px 5px;border-radius:20px;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul{width:100%; background:#f7f7f7; border-radius:20px;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li{width:100%; }
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li a{width:100%; height:100%; display:block; box-sizing:border-box; padding:10px 20px;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li:last-child{border-bottom:none;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li > a:hover {background:#ddd;  border-radius:100px;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li.active > a{background:#ddd;  border-radius:100px;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li a span{font-weight:500;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul{display:none;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul li{width:100%; overflow:hidden; }
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul li a{width:100%; height:100%; display:block; box-sizing:border-box; padding:10px 5px 10px 40px;}
body.teacher_body .chapter_left .sel_ect_con ul.select_con_ul li.select_con_li ul li:hover a{font-weight:bold; }
body.teacher_body button.watching{font-size:14px; padding:2px 12px; background:#1d1d1d; color:#fff; z-index:2; box-shadow:3px 3px 6px #bbb;}



body.teacher_body .chapter_right{display:inline-block; float:right;width:48%; background:#fff;  box-sizing:border-box; padding:20px;   box-shadow:3px 3px 10px #ddd; }
body.teacher_body .chapter_right .chapter_right_ul{width:100%;}
body.teacher_body .chapter_right .chapter_right_ul li{width:100%; box-sizing:border-box; padding: 30px 10px; border-bottom:1px dotted #ddd;  }
body.teacher_body .chapter_right .chapter_right_ul li.last{border-bottom:0px; padding:20px 10px 10px;}
body.teacher_body button.plus{background:#1d1d1d; color:#fff; border-radius:100px;}
body.teacher_body .button_active button.edit{	display:none;}
body.teacher_body .button_active button.delete{	display:none;}
body.teacher_body .chapter_right_ul_plu{display:none;}
body.teacher_body .chapter_right_ul_plu.active{display:block;}
body.teacher_body .button_active.active button.plus{	display:none;}
body.teacher_body .button_active.active button.edit{	display:inline-block;}
body.teacher_body .button_active.active button.delete{	display:inline-block;}
body.teacher_body .button_active.active{border-bottom:1px dotted #ddd; padding:20px 0 !important;}


/* table -> ul 변경 css */
body.teacher_body .table_list{width: 100%; overflow:hidden; border:1px solid #ddd;}
body.teacher_body .table_list ul{width: 100%; overflow: hidden; border-bottom:1px solid #ddd;  clear: both; display:table;  border-collapse: collapse; table-layout: fixed;
	word-break: break-all; height: auto;}
body.teacher_body .table_list ul:last-child{border-bottom: none;}
body.teacher_body .table_list ul li{ display:table-cell; padding: 10px; box-sizing: border-box; text-align: center; border-right:1px solid #ddd;  vertical-align: middle; overflow: hidden;}
body.teacher_body .table_list ul.head li{background: #f8f8f8;}
body.teacher_body .table_list ul li:last-child{border-right: none;}
body.teacher_body .table_list ul li.left{text-align: left;}
body.teacher_body .table_list_1 ul li.li_1{width: 5%;}
body.teacher_body .table_list_1 ul li.li_2{width: 25%;}
body.teacher_body .table_list_1 ul li.li_3{width: 25%;}
body.teacher_body .table_list_1 ul li.li_4{width: 10%;}
body.teacher_body .table_list_1 ul li.li_5{width: 7%;}
body.teacher_body .table_list_1 ul li.li_6{width: 5%;}
body.teacher_body .table_list_1 ul li.li_7{width: 15%;}
body.teacher_body .table_list_1 ul li.li_8{width: 5%;}


body.teacher_body a{font-weight:500;}
body.teacher_body a:hover{text-decoration:underline;}

/*  과정관리  */
body.teacher_body button.print{border:1px solid #1d1d1d;}
body.teacher_body button.print:hover{background:#1d1d1d; color:#fff;}



/*   콘텐츠 신청 현황  */
body.teacher_body button.wait{border:1px solid #555; color:#555;}
body.teacher_body button.wait:hover{background:#555; color:#fff;}
body.teacher_body button.approval{border:1px solid #42a3b8; color:#42a3b8;}
body.teacher_body button.approval:hover{background:#42a3b8; color:#fff;}
body.teacher_body .wati{color:#555;}
body.teacher_body .approval{color:#42a3b8;}
body.teacher_body .delete{color:#C53636;}



/*  콘텐츠 수강 현황  */
body.teacher_body button.unpaid{border:1px solid #C53636; color:#C53636;}
body.teacher_body button.unpaid:hover{background:#C53636;  color:#fff;}
body.teacher_body button.studying{border:1px solid #42ac53; color:#42ac53;}
body.teacher_body button.studying:hover{background:#42ac53; color:#fff;}
body.teacher_body button.completion{border:1px solid #56547c; color:#56547c;}
body.teacher_body button.completion:hover{background:#56547c; color:#fff;}
body.teacher_body .unpaid{color:#C53636;}
body.teacher_body .studying{color:#42ac53;}
body.teacher_body .completion{color:#56547c;}


/*  진도율 */
body.teacher_body .progress_list{margin-top:30px; width:100%; overflow:hidden;}
body.teacher_body .progress_list h3.class_name{font-size:20px; box-sizing:border-box; padding-bottom:10px; border-bottom:1px solid #ddd;}
body.teacher_body .progress_list h3.class_name i{margin-right:10px; }
body.teacher_body .progress_list ul.main_name{width:100%; overflow:hidden;}
body.teacher_body .progress_list ul.main_name > li{width:100%; box-sizing:border-box; padding:10px; border-bottom:1px dotted #ddd;}
body.teacher_body .progress_list ul.main_name li:last-child{border-bottom:0px;}
body.teacher_body .progress_list ul.main_name li a{width:100%; height:100%; display:block;box-sizing:border-box; padding:5px 0; }
body.teacher_body .progress_list ul.main_name li table{display:none; width:100%;}
body.teacher_body .progress_list ul.main_name li table tr:last-child{border-bottom:none;}
body.teacher_body .progress_list ul.main_name li table th:last-child{border-right:none;}
body.teacher_body .progress_list ul.main_name li table th{font-weight:500;}
body.teacher_body .progress_list ul.main_name li table td:last-child{border-right:none;}
body.teacher_body .progress_list ul.main_name li.on{}
body.teacher_body .progress_list ul.main_name li.on table{display:inherit; width:100%;}
body.teacher_body .progress_list ul.main_name li.on thead{width:100%;}
body.teacher_body .progress_list ul.main_name li.on a{padding-bottom:15px;  font-weight:500; font-size:18px;}
body.teacher_body .progress_list ul.main_name li a span{font-weight:bold; color:#145DA0;}
body.teacher_body .table_now{border:1px solid #888;}
body.teacher_body .table_now th{border-right:1px solid  #888; background:#ddd; font-weight:500;}
body.teacher_body .table_now td{border-right:1px solid  #888;}
body.teacher_body .table_now tr{border-bottom:1px solid  #888;}




/*  시험지 */
body.teacher_body .quizBox{margin-top:30px;}
body.teacher_body .quizBox img{width: auto !important; max-width: 100% !important; margin-top: 10px;}
body.teacher_body .quizBox .quiz{width:100%; overflow:hidden; margin-bottom:60px;}
body.teacher_body .quizBox .quiz:last-child{margin-bottom:10px;}
body.teacher_body .quizBox .quiz .top{width:100%; box-sizing:border-box; padding:10px;  border-bottom:1px solid #ddd; overflow:hidden; }
body.teacher_body .quizBox .quiz .top h3{font-size:16px; display:inline-block; float:left;  width:83%; font-weight:500;}
body.teacher_body .quizBox .quiz .top span.num{ font-size:16px; margin-right:10px; background:#1d1d1d; color:#fff; font-weight:normal; border-radius:10px; width:27px; height:27px; line-height:27px; text-align:center; display:inline-block;
	margin-bottom:10px; float:left;}
body.teacher_body .quizBox .quiz .top span.num.wrong{background: red;}
body.teacher_body .quizBox .quiz .top span.num.answer{background: green;}
body.teacher_body .quizBox .quiz .top p.score{display:inline-block; float:right; font-size:16px; display:inline-block; width:18%; text-align:right; color:#888;}
body.teacher_body .quizBox .quiz .top p.explan{display:inline-block; float:left;  width:83%; box-sizing:border-box; background:#f5f5f5; border-radius:10px; padding:10px 15px; margin-top:25px; position:relative;}
body.teacher_body .quizBox .quiz .top p.explan:after {
	content: '';
	position: absolute;
	top: 0;
	left: 100px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #f5f5f5;
	border-top: 0;
	margin-left: -15px;
	margin-top: -15px;
}



body.teacher_body .quizBox .quiz .check{width:100%; padding:10px 30px; overflow:hidden; box-sizing:border-box;}
body.teacher_body .quizBox .quiz .check ul{width:100%;  }
body.teacher_body .quizBox .quiz .check ul li{box-sizing:border-box; padding:5px 0;}
body.teacher_body .quizBox .quiz .check ul li img{width: auto !important; max-width: 100% !important;  margin-top:10px;}
body.teacher_body .quizBox .quiz .check ul li span{ width:20px; height:20px; line-height:20px; text-align:center; display:inline-block;border-radius:100px; background:#eee; margin-right:10px; font-weight:bold;}
body.teacher_body .quizBox .quiz .check ul li.wrong{color:red; font-weight:bold;position:relative;}
body.teacher_body .quizBox .quiz .check ul li.wrong span{background:red; color:#fff;}
body.teacher_body .quizBox .quiz .check ul li.wrong:after{position:absolute; content:"오답"; color:red; left:-30px; top:50%; transform:translateY(-50%);}
body.teacher_body .quizBox .quiz .check ul li.answer{color:green; font-weight:bold;position:relative;}
body.teacher_body .quizBox .quiz .check ul li.answer span{background:green; color:#fff;}
body.teacher_body .quizBox .quiz .check ul li.answer:after{position:absolute; content:"정답"; color:green; left:-30px; top:50%; transform:translateY(-50%);}

body.teacher_body .quizBox .quiz .info{width:100%; overflow:hidden; box-sizing:border-box; padding:15px; background:#f7f7f7; border-radius:10px; margin-top:10px;}
body.teacher_body .quizBox .quiz .info p span{margin-right:10px; font-weight:500; box-sizing:border-box; padding:3px 10px; border-radius:10px; height:100%; display:inline-block; float:left; margin-top:-2px;}
body.teacher_body .quizBox .quiz .info p.answer{margin-bottom:15px; display:inline-block;}
body.teacher_body .quizBox .quiz .info p.answer span{background:green; color:#fff;  }
body.teacher_body .quizBox .quiz .info p img{width: auto !important; max-width: 100% !important; margin-top:10px;}
body.teacher_body .quizBox .quiz .info p.tip{width: 100%; overflow: hidden;}
body.teacher_body .quizBox .quiz .info p.tip span{background:#887BB0; color:#fff; margin-top: 0px;}
body.teacher_body .quizBox .quiz .info p.tip textarea{margin-top:10px; height:100px;}

body.teacher_body .quizBox .quiz .write{padding:10px  10px;}
body.teacher_body .quizBox .quiz .check p.tit{font-size:16px; margin-bottom:10px;}
body.teacher_body .quizBox .quiz .check .answerBox{width:100%; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding:10px; }
body.teacher_body .quizBox .quiz .check .answerBox a{width:100%; height:100%; display:block;}
body.teacher_body .quizBox .quiz .check .answerBox a:hover{text-decoration:underline;}




/*  콘텐츠, 과정 상세보기  */
body.teacher_body .detail_view{border-left:10px solid #1d1d1d; padding:10px 10px 10px 20px !important;}
body.teacher_body .tab-content{display:none;}
body.teacher_body .tab-content.current{display:block;}
body.teacher_body .tabs{width:100%; overflow:hidden;}
body.teacher_body .tabs li{cursor:pointer;display:inline-block; float:left; box-sizing:border-box; padding:8px 30px; margin-right:5px; color:#999;}
body.teacher_body .tabs li.current{background:#fff; color:#1d1d1d; border-radius:5px 5px 0 0; box-shadow:3px 3px 6px #ddd;}
body.teacher_body .detail_searchBox{margin:20px 0 72px 0; padding:0px 10px;}
body.teacher_body .resultBox{width:48%; overflow:hidden; box-sizing:border-box; padding:0 10px;  margin-bottom:20px; display:inline-block; float:left;}
body.teacher_body .detail_buttonBox_center{padding:0; margin-top:-20px;}
body.teacher_body .detail_buttonBox_center button{cursor:pointer;}
body.teacher_body button.more{background:#1d1d1d; color:#fff; margin-left:5px; padding:3px 10px; font-size:13px; margin-top:-5px;}
body.teacher_body .viewBox{width:48%; overflow:hidden; box-sizing:border-box; padding:0 10px;  margin-bottom:20px; display:inline-block; float:right;}


/*  게시판 관리 */
body.teacher_body .an{background:#eee; font-weight:500; color:#444;}
body.teacher_body button.reply{background:#1d1d1d; color:#fff;  }
body.teacher_body button.reply:hover{background:#000;  }
body.teacher_body .reply_table{margin-bottom:40px;}
body.teacher_body .replyTitle{box-sizing:border-box; padding:0 10px; font-size:18px; margin-bottom:10px;}
body.teacher_body span.new{font-size:11px; color:#fff; border-radius:100px; background:#059DC0; width:18px; height:18px; line-height:18px;  display:inline-block; text-align:center; font-weight:normal;
	box-shadow:3px 3px 10px #eee;}




/* table -> ul 변경 css 공지사항 테이블 */
body.teacher_body .table_list_27 ul li.li_1{width: 5%;}
body.teacher_body .table_list_27 ul li.li_2{width: 25%;}
body.teacher_body .table_list_27 ul li.li_3{width: 25%;}
body.teacher_body .table_list_27 ul li.li_4{width: 10%;}
body.teacher_body .table_list_27 ul li.li_5{width: 7%;}
body.teacher_body .table_list_27 ul li.li_6{width: 5%;}
body.teacher_body .table_list_27 ul li.li_7{width: 15%;}
body.teacher_body .table_list_27 ul li.li_8{width: 5%;}


/* table -> ul 변경 css 콘텐츠 큐앤에이 테이블 */
body.teacher_body .table_list_29 ul li.li_1{width: 5%;}
body.teacher_body .table_list_29 ul li.li_2{width: 25%;}
body.teacher_body .table_list_29 ul li.li_3{width: 25%;}
body.teacher_body .table_list_29 ul li.li_4{width: 10%;}
body.teacher_body .table_list_29 ul li.li_5{width: 7%;}
body.teacher_body .table_list_29 ul li.li_6{width: 5%;}
body.teacher_body .table_list_29 ul li.li_7{width: 15%;}
body.teacher_body .table_list_29 ul li.li_8{width: 5%;}


/* table -> ul 변경 css 뷰/등록용 리스트 */
body.teacher_body .table_row{width: 100%; overflow:hidden; border:1px solid #ddd; border-bottom: none;}
body.teacher_body .table_row ul{width: 100%; overflow: hidden; height:auto; display:table-row ;border-bottom:1px solid #ddd; display: table;border-collapse: collapse; table-layout: fixed;}
body.teacher_body .table_row ul li.con{ display: table-cell;  padding: 15px; box-sizing: border-box;  border-right: 1px solid #ddd; vertical-align: middle ; height: 100%; word-break: break-word;}
body.teacher_body .table_row ul li.head{ display: table-cell;  padding: 15px; box-sizing: border-box;  border-right: 1px solid #ddd; vertical-align: middle ; height: 100%; word-break: break-word;}
body.teacher_body .table_row ul li.w100{ display: table-cell;  padding: 15px; box-sizing: border-box;  border-right: 1px solid #ddd; vertical-align: middle ; height: 100%; word-break: break-word;}
body.teacher_body .table_row ul li.con img{width: auto !important; max-width: 100% !important; margin-top:10px; margin-bottom: 40px;}
body.teacher_body .table_row ul li.con a{word-break: break-word; cursor: pointer;}
body.teacher_body .table_row ul li.w100 img{width: auto !important; max-width: 100% !important; margin-top:10px; margin-bottom: 40px;}
body.teacher_body .table_row li.head{display: table-cell; width: 15% !important; background: #f8f8f8 !important; text-align: center; }
body.teacher_body .table_row ul li:last-child{border-right: none;}
body.teacher_body label.num {display: inline-block;float: left;width: 3%;}
body.teacher_body div.table_now{border: 1px solid #888;}
body.teacher_body div.table_now ul{border-bottom: 1px solid #888;}
body.teacher_body div.table_now ul:last-child{border-bottom:none;}
body.teacher_body div.table_now .head{background: #ddd !important;  font-weight: 500;}
body.teacher_body div.table_now li{ border-right: 1px solid #888;}
body.teacher_body div.table_now li:last-child{border-bottom:none;}
body.teacher_body .table_list_sub{display: none;}
body.teacher_body .table_list_sub.on{display: block;}




/* table -> ul 변경 css 콘텐츠 등록 현황 - 메인 */
body.teacher_body .table_list_2 ul li.li_1{width: 8%;}
body.teacher_body .table_list_2 ul li.li_2{width: 33%;}
body.teacher_body .table_list_2 ul li.li_3{width: 7%;}
body.teacher_body .table_list_2 ul li.li_4{width: 25%;}
body.teacher_body .table_list_2 ul li.li_5{width: 10%;}
body.teacher_body .table_list_2 ul li.li_6{width: 17%;}

/* table -> ul 변경 css 과정 등록 현황 - 메인 */
body.teacher_body .table_list_3 ul li.li_1{width: 8%;}
body.teacher_body .table_list_3 ul li.li_2{width: 33%;}
body.teacher_body .table_list_3 ul li.li_3{width: 7%;}
body.teacher_body .table_list_3 ul li.li_4{width: 25%;}
body.teacher_body .table_list_3 ul li.li_5{width: 10%;}
body.teacher_body .table_list_3 ul li.li_6{width: 17%;}

/* table -> ul 변경 css 전체 문제은행 리스트 */
body.teacher_body .table_list_4 ul li.li_1{width: 3%;}
body.teacher_body .table_list_4 ul li.li_2{width: 4%;}
body.teacher_body .table_list_4 ul li.li_3{width: 15%;}
body.teacher_body .table_list_4 ul li.li_4{width: 13%;}
body.teacher_body .table_list_4 ul li.li_5{width: 7%;}
body.teacher_body .table_list_4 ul li.li_6{width: 51%;}
body.teacher_body .table_list_4 ul li.li_7{width: 7%;}

/* table -> ul 변경 css 전체 과제 리스트 */
body.teacher_body .table_list_8 ul li.li_1{width: 3%;}
body.teacher_body .table_list_8 ul li.li_2{width: 4%;}
body.teacher_body .table_list_8 ul li.li_3{width: 10%;}
body.teacher_body .table_list_8 ul li.li_4{width: 10%;}
body.teacher_body .table_list_8 ul li.li_5{width: 51%;}
body.teacher_body .table_list_8 ul li.li_6{width: 7%;}
body.teacher_body .table_list_8 ul li.li_7{width: 7%;}


/* table -> ul 변경 css 콘텐츠 관리 리스트 */
body.teacher_body .table_list_10 ul li.li_1{width: 3%;}
body.teacher_body .table_list_10 ul li.li_2{width: 4%;}
body.teacher_body .table_list_10 ul li.li_3{width: 10%;}
body.teacher_body .table_list_10 ul li.li_4{width: 10%;}
body.teacher_body .table_list_10 ul li.li_5{width: 30%;}
body.teacher_body .table_list_10 ul li.li_6{width: 7%;}
body.teacher_body .table_list_10 ul li.li_7{width: 12%;}
body.teacher_body .table_list_10 ul li.li_8{width: 5%;}
body.teacher_body .table_list_10 ul li.li_9{width: 12%;}



/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.teacher_body .table_list_12 ul li.li_1{width: 3%;}
body.teacher_body .table_list_12 ul li.li_2{width: 3%;}
body.teacher_body .table_list_12 ul li.li_3{width: 32%;}
body.teacher_body .table_list_12 ul li.li_4{width: 5%;}

/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.teacher_body .table_list_13 ul li.li_1{width: 3%;}
body.teacher_body .table_list_13 ul li.li_2{width: 3%;}
body.teacher_body .table_list_13 ul li.li_3{width: 32%;}
body.teacher_body .table_list_13 ul li.li_4{width: 5%;}

/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.teacher_body .table_list_14 ul li.li_1{width: 3%;}
body.teacher_body .table_list_14 ul li.li_2{width: 3%;}
body.teacher_body .table_list_14 ul li.li_3{width: 32%;}
body.teacher_body .table_list_14 ul li.li_4{width: 5%;}


/* table -> ul 변경 css 콘텐츠 관리 검색결과 리스트 */
body.teacher_body .table_list_15 ul li.li_1{width: 3%;}
body.teacher_body .table_list_15 ul li.li_2{width: 3%;}
body.teacher_body .table_list_15 ul li.li_3{width: 32%;}
body.teacher_body .table_list_15 ul li.li_4{width: 5%;}



/* table -> ul 변경 css 과정 관리 리스트 */
body.teacher_body .table_list_18 ul li.li_1{width: 3%;}
body.teacher_body .table_list_18 ul li.li_2{width: 5%;}
body.teacher_body .table_list_18 ul li.li_3{width: 15%;}
body.teacher_body .table_list_18 ul li.li_4{width: 10%;}
body.teacher_body .table_list_18 ul li.li_5{width: 7%;}
body.teacher_body .table_list_18 ul li.li_6{width: 40%;}
body.teacher_body .table_list_18 ul li.li_7{width: 7%;}
body.teacher_body .table_list_18 ul li.li_8{width: 7%;}
body.teacher_body .table_list_18 ul li.li_9{width: 7%;}


/* table -> ul 변경 css 차수 관리 리스트 */
body.teacher_body .table_list_21 ul li.li_1{width: 3%;}
body.teacher_body .table_list_21 ul li.li_2{width: 5%;}
body.teacher_body .table_list_21 ul li.li_3{width: 17%;}
body.teacher_body .table_list_21 ul li.li_4{width: 10%;}
body.teacher_body .table_list_21 ul li.li_5{width: 40%;}
body.teacher_body .table_list_21 ul li.li_6{width: 5%;}
body.teacher_body .table_list_21 ul li.li_7{width: 5%;}
body.teacher_body .table_list_21 ul li.li_8{width: 7%;}
body.teacher_body .table_list_21 ul li.li_9{width: 7%;}
body.teacher_body .table_list_21 ul li.li_10{width: 15%;}
body.teacher_body .table_list_21 ul li.li_11{width: 7%;}
body.teacher_body .table_list_21 ul li.li_12{width: 10%;}


body.teacher_body li.conBox{padding:0 !important;}
body.teacher_body li.con .date{width:100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding : 20px;}
body.teacher_body li.con .from{width:100%; box-sizing: border-box; padding : 20px;}
body.teacher_body li.con .box p{width:22%; display:inline-block; margin-top:5px;}
body.teacher_body li.con .box p label{font-weight: 500; margin-left:5px;}



/* table -> ul 변경 css 콘텐츠 신청 현황리스트 */
body.teacher_body .table_list_23 ul li.li_1{width: 3%;}
body.teacher_body .table_list_23 ul li.li_2{width: 5%;}
body.teacher_body .table_list_23 ul li.li_3{width: 10%;}
body.teacher_body .table_list_23 ul li.li_4{width: 7%;}
body.teacher_body .table_list_23 ul li.li_5{width: 10%;}
body.teacher_body .table_list_23 ul li.li_6{width: 10%;}
body.teacher_body .table_list_23 ul li.li_7{width: 35%;}
body.teacher_body .table_list_23 ul li.li_8{width: 10%;}
body.teacher_body .table_list_23 ul li.li_9{width: 7%;}
body.teacher_body .table_list_23 ul li.li_10{width: 15%;}

/* table -> ul 변경 css 과정 신청 현황 현황리스트 */
body.teacher_body .table_list_24 ul li.li_1{width: 3%;}
body.teacher_body .table_list_24 ul li.li_2{width: 5%;}
body.teacher_body .table_list_24 ul li.li_3{width: 10%;}
body.teacher_body .table_list_24 ul li.li_4{width: 7%;}
body.teacher_body .table_list_24 ul li.li_5{width: 10%;}
body.teacher_body .table_list_24 ul li.li_6{width: 10%;}
body.teacher_body .table_list_24 ul li.li_7{width: 35%;}
body.teacher_body .table_list_24 ul li.li_8{width: 10%;}
body.teacher_body .table_list_24 ul li.li_9{width: 10%;}
body.teacher_body .table_list_24 ul li.li_10{width: 10%;}
body.teacher_body .table_list_24 ul li.li_11{width: 7%;}
body.teacher_body .table_list_24 ul li.li_12{width: 15%;}



/* table -> ul 변경 css 콘텐츠 수강 현황 현황리스트 */
body.teacher_body .table_list_25 ul li.li_1{width: 3%;}
body.teacher_body .table_list_25 ul li.li_2{width: 5%;}
body.teacher_body .table_list_25 ul li.li_3{width: 10%;}
body.teacher_body .table_list_25 ul li.li_4{width: 7%;}
body.teacher_body .table_list_25 ul li.li_5{width: 10%;}
body.teacher_body .table_list_25 ul li.li_6{width: 10%;}
body.teacher_body .table_list_25 ul li.li_7{width: 40%;}
body.teacher_body .table_list_25 ul li.li_8{width: 7%;}
body.teacher_body .table_list_25 ul li.li_9{width: 7%;}
body.teacher_body .table_list_25 ul li.li_10{width: 7%;}
body.teacher_body .table_list_25 ul li.li_11{width: 7%;}
body.teacher_body .table_list_25 ul li.li_12{width: 7%;}


/* table -> ul 변경 css 콘텐츠 차시별 진도율 서브 테이블 */
body.teacher_body .table_list_sub ul li.li_1{width: 3%;}
body.teacher_body .table_list_sub ul li.li_2{width: 10%;}
body.teacher_body .table_list_sub ul li.li_3{width: 5%;}
body.teacher_body .table_list_sub ul li.li_4{width: 3%;}
body.teacher_body .table_list_sub ul li.li_5{width: 3%;}
body.teacher_body .table_list_sub ul li.li_6{width: 7%;}


/* table -> ul 변경 css 과정 수강 현황 현황리스트 */
body.teacher_body .table_list_26 ul li.li_1{width: 3%;}
body.teacher_body .table_list_26 ul li.li_2{width: 5%;}
body.teacher_body .table_list_26 ul li.li_3{width: 10%;}
body.teacher_body .table_list_26 ul li.li_4{width: 7%;}
body.teacher_body .table_list_26 ul li.li_5{width: 12%;}
body.teacher_body .table_list_26 ul li.li_6{width: 9%;}
body.teacher_body .table_list_26 ul li.li_7{width: 32%;}
body.teacher_body .table_list_26 ul li.li_8{width: 10%;}
body.teacher_body .table_list_26 ul li.li_9{width: 9%;}
body.teacher_body .table_list_26 ul li.li_10{width: 5%;}
body.teacher_body .table_list_26 ul li.li_11{width: 5%;}
body.teacher_body .table_list_26 ul li.li_12{width: 5%;}
body.teacher_body .table_list_26 ul li.li_13{width: 5%;}
body.teacher_body .table_list_26 ul li.li_14{width: 5%;}

body.teacher_body .dupli_check_btn{margin-left:5px; padding:6px 15px; box-sizing: border-box; background: #777; color:#fff; }
body.teacher_body span.po_r{display: inline !important; margin-top:0; margin-left:5px;}
body.teacher_body .click_img{cursor: zoom-in;}

.timer_btn {
	width: 75px;
	background-color: #0a3788;
	color: #fff;
	line-height: 21px;
	font-weight: bold;
	border-radius: 5px;
	font-size: 14px;
}

/* ============================================
   공통 검색 폼 스타일 (관리자 + 강사)
   ============================================ */

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 20px 24px !important;
	position: static !important;
	padding: 20px 10px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li {
	width: 100% !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	transform: none !important;
	float: none !important;
	padding: 0 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li:nth-child(2),
body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li:nth-child(3),
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li:nth-child(2),
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li:nth-child(3) {
	position: static !important;
	left: auto !important;
	transform: none !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li label.name,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li label.name {
	display: block !important;
	width: 100% !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	color: #333 !important;
	margin-bottom: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li input[type="text"],
body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li input[type="date"],
body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li select,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li input[type="text"],
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li input[type="date"],
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li select {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
	padding: 8px 12px !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	font-size: 14px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li span,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li span {
	display: block !important;
	width: 100% !important;
	float: none !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li .inline-wrapper,
body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li .email-wrapper,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li .inline-wrapper,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li .email-wrapper {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-width: 0 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li .inline-wrapper input,
body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li .email-wrapper input,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li .inline-wrapper input,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li .email-wrapper input {
	display: block !important;
	flex: 1 !important;
	width: auto !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	padding: 8px 12px !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	font-size: 14px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li .inline-wrapper span,
body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list li .email-wrapper span,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li .inline-wrapper span,
body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list li .email-wrapper span {
	display: inline-block !important;
	flex: 0 0 auto !important;
	width: auto !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

@media screen and (max-width: 1400px) {
	body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list,
	body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 767px) {
	body.mng_body .contentBox.searchBox div.search.search_mng ul.search_list,
	body.teacher_body .contentBox.searchBox div.search.search_mng ul.search_list {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* ============================================
   배지 순위 관리 (관리자 + 강사)
   ============================================ */

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout {
	display: flex !important;
	gap: 40px !important;
	width: 100% !important;
	padding: 20px 10px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section {
	flex: 0 0 35% !important;
	min-width: 350px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 45px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item {
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item label.name,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item label.name {
	flex: 0 0 auto !important;
	width: auto !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item input[type="checkbox"],
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item input[type="checkbox"] {
	width: auto !important;
	margin: 0 !important;
	cursor: pointer !important;
	flex: 0 0 auto !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item .inline-wrapper,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section .left-item .inline-wrapper {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex: 1 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .right-section,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .right-section {
	flex: 1 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .section-header-inline,
body.teacher_body .contentBox.searchBox div.search.search_mng .section-header-inline {
	margin-bottom: 15px !important;
	padding-bottom: 10px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .section-header-inline label.name {
	display: block !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #4390DD !important;
	margin-bottom: 5px !important;
	white-space: normal !important;
	overflow: visible !important;
}

body.teacher_body .contentBox.searchBox div.search.search_mng .section-header-inline label.name {
	display: block !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #1d1d1d !important;
	margin-bottom: 5px !important;
	white-space: normal !important;
	overflow: visible !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .section-header-inline .ratio-guide,
body.teacher_body .contentBox.searchBox div.search.search_mng .section-header-inline .ratio-guide {
	font-size: 12px !important;
	color: #666 !important;
	margin: 0 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .right-section ul.search_list.cols-2,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .right-section ul.search_list.cols-2 {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px 24px !important;
	padding: 0 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .right-section ul.search_list.cols-2 li,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .right-section ul.search_list.cols-2 li {
	width: 100% !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	transform: none !important;
	float: none !important;
	padding: 0 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .inline-wrapper input,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .inline-wrapper input {
	flex: 1 !important;
	width: auto !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	padding: 8px 12px !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	font-size: 14px !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .inline-wrapper span,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .inline-wrapper span {
	flex: 0 0 auto !important;
	width: auto !important;
	font-weight: bold !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout label.name,
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout label.name {
	display: block !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	color: #333 !important;
}

body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout input[type="number"],
body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout input[type="date"],
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout input[type="number"],
body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout input[type="date"] {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 8px 12px !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	font-size: 14px !important;
}

@media screen and (max-width: 1200px) {
	body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout,
	body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout {
		flex-direction: column !important;
	}

	body.mng_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section,
	body.teacher_body .contentBox.searchBox div.search.search_mng .rank-search-layout .left-section {
		flex: 1 !important;
		min-width: 0 !important;
	}
}