@charset "utf-8";

/************* 리셋 시작 **********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-size-adjust:none;
  }
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration:none;
  display: inline;
}

/************* 리셋 끝 *******************/
 
/************** 공통 링크 시작 **************/

.line {
  color : red;
  height:13px;
  border-bottom:dotted 1px #603df5;
}  

.line:link,.line:visited,.line:hover,.line:active {
  color : #603df5;
}

/************** 공통 링크 끝 **************/

/************** input tag **************/
article {
  min-height: 300px;	
}

/************** input tag 끝 **************/

/************** 상단 메뉴 **************/
body {font-family : sans-serif dotum Arial Georgia; font-size:100%;  font-size-adjust:.5; letter-spacing: -.05em;}
header { 
  width:100%; 
/*   height:46px; */
  text-align:center;  
  /* -webkit-box-shadow:rgba(0,0,0,.7) 0px 1px 10px;
  box-shadow:0px 3px 10px rgba(0,0,0,.7); */
  overflow:hidden;
}

header .menu {
  background:#2D343E ;  
  width:50%; 
  height:46px;
  text-align:center;
  float:left; 
}

header .pop {   
  width:100%;
}

header .site h1 {
  color:#fff;
  font-size:.9em;
  margin-top:11px;
}
header .site h2 {
  color:#eee;
  font-size:.6em;
  margin-top:2px;
}

header .menu h1 {
  color:#eee;
  font-family : godic dotum;
  font-size:.9em;
  font-size-adjust:.46;
  font-weight:bold;
  margin-top:15px;
  margin-left:10px;  
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  text-align: left;
}

#menu_more {
  position: absolute;
  background:#4D545E ;  
  right:2px;
  float:right;
  margin-top:12px;
  margin-right:2px;
  z-index:9;
}
/************** 상단 메뉴 끝 **************/

/*** 서브 타이틀 시작 ***/
.stitle {
  margin-top: 17px;
  height:22px;
  display:block;
  overflow:hidden;
}
.stitle p:nth-child(1)  {
  font-size:1em;
  margin-left:6px;
  margin-bottom:6px;
  float:left;
}
.stitle p:nth-child(2) {
  font-size:.8em;
  margin-right:6px;
  margin-top:5px;
  float:right;
}
.stitle2 {
  margin-top: 17px;
  overflow:hidden;
}
.stitle2 p  {
  display:block;
  font-size:1em;
  margin-left:6px;
  margin-bottom:6px;
  float:left;
}

.stitle2 .stt2 {
 float:left; clear:both;
}

  
.progress_title {
 
  font-weight:bold;
  color:#666666;
}

.progress_leader{
  font-weight:bold;
}

.progress_member{ 
  font-weight:normal;
  color:#666666;
}

.sstitle {
  padding-left: 6px;
  margin-top: 17px;
  overflow:hidden;
  border-bottom: solid 1px #7C8282;
}

.sstitle p  {
  color:black;
  font-size:.9em;
  margin-bottom:6px;
  float:left;
  font-weight: bold;
    overflow:hidden;
}

.sstitle span {
  color: gray;
  padding-top:5px;
  font-size:.8em;
  overflow:hidden;
}
 
/*** 서브 타이틀 끝 ***/

/*** 공통 읽었는지 색상지정 **/

.read {
  color: gray;
}
.noread {
  color: black;
}
em {
	font-style:normal;
}
.alarm {
	color:red;
}

/************** 푸터 시작 **************/
footer div {
  padding-top:10px;    
  padding-bottom:10px;
}

footer h2 {
  font-size:.8em;
}
/************** 푸터 끝 **************/


/************** 상단 과목 시작 **************/
nav.subject {
  background:#CDCFD1;
  width:100%;
  height:42px;
/*   margin-top:3px; */
  border-bottom:double 1px darkgray;
}
#subject_name_ {
  color:black;
  font-size:.9em;
  font-weight:bold;
  padding-top:5px;
  margin-left:6px;
}
#subject_time_ {
  color:#444;
  font-size:.8em;
  margin-top:4px;
  margin-left:6px;
}
#subject_more {
  float:right;
  margin-top:7px;
  margin-right:2px;
}

#menu_nav {
	position:absolute;
	top:0;
  display:none;
  z-index:210;
  width:100%;
  /*
  padding-bottom:30px;
  opacity: .95;
  filter: Alpha(Opacity=95);*/
  background:#fff;
  -webkit-box-shadow:rgba(0,0,0,.8) 0px 3px 10px;
  box-shadow:0px 3px 10px rgba(0,0,0,.8);
}
#popmenu_nav {
  position:absolute;
  top:0;
  display:none;
  z-index:210;
  width:100%;
  /*
  opacity: .95;
  filter: Alpha(Opacity=95);*/
  background:#fff;
}
#subject_nav {
  display:none;
  border: 2px solid #111;
  background: #eee;
  min_height: 200px;
  -webkit-box-shadow:rgba(0,0,0,.6) 0px 2px 6px;
  box-shadow:0px 2px 6px rgba(0,0,0,.6);
}
#files_layer {
  display:none;
}
#recipient_layer {
  display:none;
}
#project_team_layer {
  display:none;
}

#eclass_open_layer {
  display:none;
}
#eclass_close_layer {
  display:none;
}

/************** 상단 과목 끝 *****************/

/************ 컨텐츠 시작 *******************/
#basic_list {
	z-index:0;
}
/************ 컨텐츠 끝 *******************/
/************ 전체메뉴 시작 ******************/

#menu_div { 
  position:relative; 
  overflow: hidden;
  top:0;
  width:100%;
  background:#fff;
  max-height: 500px;
  margin-top: 0px;
  padding-top: 15px;
  /*
    -webkit-box-shadow:rgba(0,0,0,.8) 0px 3px 10px;
  box-shadow:0px 3px 10px rgba(0,0,0,.8);
  */
  margin-bottom: -22px;
}

#menu_div .menu_list {
  clear:both;
  margin-top: 5px;
  margin-bottom:25px;
}

#menu_div .menu_list li {
  /*overflow:hidden;*/
  float:left;
  width:25%;
  text-align:center;
  height:60px; 
  margin-bottom:12px;
}

#menu_div .menu_list li p {
  margin-top:2px; 
  font-size: .8em;
  color: #333;
}
 
/************ 전체메뉴 끝 *******************/
/************ 전체메뉴 시작 ******************/
nav .menu_list {
  margin-top: 25px;
  margin-bottom:25px;
  clear:both;
}

nav .menu_list li {
  /*overflow:hidden;*/
  float:left;
  width:25%;
  text-align:center;
  height:60px;
  margin-bottom:12px;
}

nav .menu_list li p {
  margin-top:2px;
  font-size: .8em;
  color: #333;
}

#menu_close {
  float:right;
  margin-top:12px;
  margin-right:5px;
  overflow:hidden;
}
/************ 전체메뉴 끝 *******************/

/************ 전체과목 시작 ******************/
ul.header_search {
  background:#CDCFD1;
  width:100%;
  margin-top:0px;
  border-bottom:double 1px darkgray;
  overflow: hidden;
}

.header_search>li {
  font-size:.9em;
  background:#CDCFD1;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  width:100%;
    
  overflow: hidden;
}

div .subject_list>li {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left:6px;
  border-bottom:dotted 1px #7C8282;
  overflow:hidden;
}

div .subject_list>li>a>p:nth-child(1)  {
  color:black;
  font-size:.9em;
  height:14px;
  overflow:hidden;
}
div .subject_list>li>a>p:nth-child(2) {
  color:darkgray;
  padding-top:4px;
  font-size:.8em;
  height:12px;
}

#subject_close {
  float:right;
  margin-top:12px;
  margin-right:2px;
}

#eclass_close_close {
  float:right;
  margin-top:12px;
  margin-right:3px;
}

#eclass_open_close {
  float:right;
  margin-top:12px;
  margin-right:3px;
}
/************ 전체메뉴 끝 *******************/

/************ 1.파일첨부, 2.메시지 받는사람 시작 ******************/
article h1.select_title { 
  margin-top: 10px;
  margin-left: 6px;
}
article ul.select_list {
  margin-top:7px;
}
article ul.select_list li {
	font-size: .9em;
	margin:5px;
  padding: 3px 0 4px 0;
  border:solid 1px #79B9B1;
  line-height: 20px;
  background: #D6E9E7;
  overflow:hidden;
}
article h1.search_title { 
  margin-top: 20px;
  margin-left: 6px;
}
article ul.search_list {
  margin-top:7px;
}
article ul.search_list>li  {
  color:black;
  overflow:hidden;
  border-bottom:solid 1px #E8F0EF;
}
article ul.search_list>li.find_member {
  display:flex;
  justify-content: space-between;
}
article ul.search_list>li.find_member ol:nth-child(1){
  width:80%;
}
article ul.search_list>li.find_member .lec_list_btn_wrap{
  width:20%;
  text-align: right;
}
article ul.search_list>li>ol {
  display:block;
  margin:3px;
  cursor:pointer;
}
article ul.search_list>li>ol>li:nth-child(1) {
  padding-top:4px;
  font-size:.9em;
}
article ul.search_list>li>ol>li:nth-child(2) {
  color:gray;
  padding-top:3px;
  font-size:.8em;
}
article ul.search_list>li>ol>li .lec_list_btn {
  font-weight:bold; 
  text-decoration:underline;
  font-size:.8em;
}
#pop_lec_list_dialog{
  line-height:1.6rem;
}
#pop_lec_list_dialog .prof_info{
  margin-bottom:10px;
}
#pop_lec_list_dialog .prof_info .dept_nm{
  font-size: 0.8rem;
}
#pop_lec_list_dialog .prof_info .name{
  font-size: 1rem;
  font-weight:bold;
}
#pop_lec_list_dialog .list_ul{
  font-size:0.8rem;
  margin-bottom:20px;
}
#pop_lec_list_dialog .subject_gubun{
  font-weight:bold;
  color:#ff770b;
  letter-spacing:-1px;
}
#pop_lec_list_dialog .last_span{
  color:#9c9c9c;
}
#pop_lec_list_dialog .button{
  font-size:0.8rem;
}

/*팀 정보*/
article h1.team_member_title { 
  margin-top: 20px;
  margin-left: 6px;
}
article ul.team_member_list {
  margin-top:7px;
}
article ul.team_member_list>li {
  color:black;
  overflow:hidden;
  border-bottom:solid 1px #E8F0EF;
}
article ul.team_member_list>li>div {
  color:black;
  height:40px;
  margin-left: 6px;
  float:left;
}
article ul.team_member_list>li>ol {
  float:left;
}
article ul.team_member_list>li>ol>li:nth-child(1) {
  padding-top:4px;
  font-size:.9em;
}
article ul.team_member_list>li>ol>li:nth-child(2) {
  color:gray;
  padding-top:3px;
  font-size:.8em;
}

/* 팀가져오기 */

article h1.old_poject_title { 
  margin-top: 20px;
  margin-left: 6px;
}
article ul.old_poject_list {
  margin-top:7px;
}
article ul.old_poject_list>li {
  color:black;
  overflow:hidden;
  border-bottom:solid 1px #E8F0EF;
}
article ul.old_poject_list>li>div {
  color:black;
  height:40px;
  margin-left: 6px;
  float:left;
}
article ul.old_poject_list>li>ol {
  float:left;
}
article ul.old_poject_list>li>ol>li:nth-child(1) {
  padding-top:4px;
  font-size:.9em;
}
article ul.old_poject_list>li>ol>li:nth-child(2) {
  color:gray;
  padding-top:3px;
  font-size:.8em;
}

#file_layer_close {
  float:right;
  margin-top:12px;
  margin-right:3px;
}
#ebook_layer_close {
  float:right;
  margin-top:12px;
  margin-right:2px;
}

/************ 파일첨부 끝 *******************/

/************ 프로젝트 이전팀정보 가져오기 시작 ******************/

#project_team_layer_close {
  float:right;
  margin-top:12px;
  margin-right:2px;
}
/************ 프로젝트 이전팀정보 가져오기 끝 *******************/


/************* 버튼영역 시작 **********************/

/*button*/
.btn_area {
  margin-top:1px;
}

.btn_area li {
  text-align:right;
  padding-right:7px;  
  margin-top:10px;
  margin-bottom:10px;
}

.btn_area2 {
	padding-top:10px;
  padding-bottom:10px;  
  clear:both;
  overflow:hidden;
}
.btn_area2 li:nth-child(1) {
  text-align:left;
  margin-left:6px;
  display:inline;
  float:left;
}
.btn_area2 li:nth-child(2) {
  text-align:right;
  margin-right:6px;
  display:inline;
  float:right;
}


/*button*/
.btn_more {
  /*margin-top: 17px;*/
  background:white;
  width:100%;
  /*
  border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  */
}

.btn_more li {
  text-align:center;
  margin-top:10px;
  margin-bottom:20px;
}
/************* 버튼영역 끝 **********************/

/************* 간단 메세지 보내기 시작 **********************/
.simple_message {
	margin-top:20px;
  overflow:hidden;
  border-bottom:1px solid #D8E6E4;
}
.simple_message li:nth-child(1) {
  font-size: 1em;
  background-color:#D8E6E4;
  padding-top:7px;
  padding-bottom:7px;  
  padding-left:6px;
}
.simple_message li:nth-child(2) {
  background:#fff;
  text-align:center;
}

/************* 간단 메세지 보내기 끝 **********************/

/************* 평가 시작 **********************/
.mark_area {
  margin-top:20px;
  overflow:hidden;
  border-bottom:1px solid #D8E6E4;
}
.mark_area li:nth-child(1) {
  font-size: 1em;
  background-color:#D8E6E4;
  padding-top:7px;
  padding-bottom:7px;  
  padding-left:6px;
  line-height: 130%;
}
.mark_area li:nth-child(2) {
  font-size: .9em;
  background:#fff;
  padding-top:7px;
  padding-bottom:7px;  
  padding-left:6px;
  border-bottom:1px dotted darkgray;
  line-height: 130%;
}
 
/************* 평가 끝 **********************/

/************* 설명 **********************/
.description {
  font-size:.9em;
  color: #999;
  line-height: 20px;
  padding-left:3px;
  margin-bottom:20px;
}
/************* 설명 끝 **********************/

/* 팀 시작 */
.sub_title {
  margin-top:20px;
  overflow:hidden;
  border-bottom:1px solid #D8E6E4;
}
.sub_title > li:nth-child(1) {
  font-size: .9em;
  background-color:#D8E6E4;
  padding-top:9px;
  padding-bottom:9px;  
  padding-left:6px;
}
sub_title > li:nth-child(1) > ol > li > span:nth-child(1) {
  float:left;
}
sub_title > li:nth-child(1) > ol > li > span:nth-child(2) {
  float:right;
}
.sub_title > li:nth-child(2) {
  background:#fff;
}
.sub_list>li {
  background-color:#fff;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom:dotted 1px #7C8282;
  overflow:hidden;
}
.sub_list>li:last-child {
  background-color:#fff;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom:dotted 0px #7C8282;
  overflow:hidden;
}
.sub_list>li>p {
  display:block;
  font-size:.9em;
  margin-left: 6px;
  color:#555;
  white-space: nowrap;
}

.team_cheif { color : #FF6947; margin-top:3px;}

/*팀 끝 */

/* 버튼 추가 */
.btn_area3 {
  margin-top:1px;
  border-bottom: 1px solid #7C8282;
}

.btn_area3 li {
  text-align:right;
  padding-right:7px;  
  margin-top:10px;
  margin-bottom:10px;
  line-height: 210%;
}

/* 기능 버튼 영역 */
.select_w120 { border-color:#C0C3C8; height:26px; font-size:1em; background:#fff url('/ilos/images/m/bg_write_icon.gif') no-repeat 100% 0; -webkit-border-radius:0;-webkit-appearance:none; }
.select_w100 { border-color:#C0C3C8; width:100px; height:26px; font-size:1em; background:#fff url('/ilos/images/m/bg_write_icon.gif') no-repeat 100% 0; -webkit-border-radius:0;-webkit-appearance:none; }
/* space */
.space { padding-left: 10px; list-style: none;}

/* 로그인 form border-bottom:1px solid #e5e5e7;background-color:#f3f3f6;*/
.default_content{padding:42px 14px 10px 12px; }
#loginForm{display:inline-block;width:100%;padding:1px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 2px 0 #eaeaed;background-color:#C4C6D8;text-decoration:none;}
#loginForm fieldset{display:inline-block;width:100%;height:100%;overflow:hidden;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.3), inset -1px -1px 1px rgba(255,255,255,0.3);background:-webkit-gradient(linear, left top, left bottom,from(#f3f3f6),to(#e7e7ef));background-color:#ececf2;text-align:left;}
.invisible{display:none;}
#login_area{padding:20px;padding-bottom:10px;position:relative;border:1px solid #d4d5e1; margin:13px;}
.uid, .upw{height:30px;padding:0 132px 0 0;position:relative;}
.upw{margin:6px 0 0 0;}
#usr_id, #usr_pwd{width:100%;height:28px;padding:0 30px 0 9px;border:1px solid #a8aaaf;color:#000;font-size:15px;}
 
.ubtn{padding:7px 0 0 0;color:#555;font-size:13px; line-height:26px;}
.hide{position:absolute;left:-9999in;width:1px;height:1px;overflow:hidden;} 
 
 

#loginBtn span{line-height:64px;font-size:15px;color:#fff;}
#notice_area{padding:14px 20px 16px 20px;border-top:1px solid #f2f2f5;color:#555;font-size:12px; text-align: center; }
.btn{margin:0 auto;width:254px;height:36px;}
.unotice{display:block;margin:10px 0 0 0;text-align:center;} 

/* no data 메세지 */
.no_data{
  display:block;
  overflow:hidden;
  color:#000;
  font-size: .9em;
  margin-top:9px;
  margin-bottom:9px;
  text-align:center;
}
.no_data_buttom_line{
  display:block;
  overflow:hidden;
  color:#000;
  font-size: .9em;
  margin-top:9px;
  margin-bottom:9px;
  padding:10px 0px 20px 0px;
  text-align:center;
  border-bottom:1px dotted darkgray;
}
.link_line {
  text-decoration: underline;
}

#select_div { 
  top:0;
  width:100%;
  background:#fff;
  margin-top: 0px;
  padding-top: 25px;
  margin-bottom: -22px;
  text-align: center;

}

#select_div .menu_list {
  clear:both;
  margin-top: 20px;
  text-align: center;
  display:inline-block;
}

#select_div .menu_list li {
  overflow:hidden;
  float:left;
  padding:16px 13px 13px 13px;
  margin:10px;
  border:1px solid #999;
  text-align:center;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

#select_div .menu_list li p {
  margin-top:2px; 
  font-size: .8em;
  color: #333;
}
span.auditor_title {
  font-style:normal;font-weight:normal;
  font-weight: bold;  
  color:#CB0000;
} 

.ml28{margin-left: 28px;}


/************ 설문 layer시작 ******************/

#survey_layer_close {
  float:right;
  margin-top:12px;
  margin-right:2px;
}
/************ 설문 layer 끝 *******************/

.word_break {
  word-break:break-all;
}

.qnatitleBox{
  background-color: #f0f0f0;
  /*border-bottom: none;*/ 
  padding: 15px;
  overflow: hidden; 
  margin-top: 10px; 
}

.qnatitleBox1{
  background-color: #f0f0f0;
  /*border-bottom: none;*/ 
	padding: 15px; 
	overflow: hidden; 
}

.qnatxtBox{
  border-top: none; 
  padding: 15px 30px 15px 10px; 
  overflow: hidden; 
  min-height: 60px;
}

.qnatxtBox1{
  border-top: none; 
  padding: 15px 30px 15px 10px;
  overflow: hidden; 
  min-height: 60px;
}

.qnatxtBox2{
	border-top: none; 
	padding: 15px 30px 15px 10px; 
	overflow: hidden; 
	min-height: 60px;
}

.qnafileBox{
  border-top:none; 
  padding: 5px; 
  min-height: 20px;
  color:#666;
  overflow: hidden;
  line-height: 20px;
}

.qnafileBox1{
  border-top:none; 
  padding: 5px; 
  min-height: 20px;
  color:#666;
  overflow: hidden;
  line-height: 20px;
}

/******리뉴얼******/
.site_header{
  border-bottom: 1px solid #aaa;
  padding: 10px 0 6px 0;
  width: 100%; 
  display: inline-block;
}

.site_header h1{
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  font-size: 16px;
  margin: 6px 55px 10px 55px;
  line-height: 1.1;
}

#sidemenu_nav {
  position:fixed;
  top:0;
  right:0;
  display:none;
  z-index:210;
  width:250px;
  /*
  opacity: .95;
  filter: Alpha(Opacity=95);*/
  background:#fff;
  height: 100%;
  background: #4D545E;
  color: #fff;
  border-left: 1px solid #4D545E;
}

#sidemenu_nav nav{
  width:250px;
}

.side_icon_nav table{
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

.side_icon_nav table tr td{
  font-size: 14px;
  padding-bottom: 7px;
  position: relative;
  color: #fff;
}

.side_icon_nav table tr td .new_message{
  background-color: #c13736;
  position: absolute;
  top: 7px;
  left: 47px;
  min-width: 10px;
  border-radius: 10px;
  padding: 4px 4px 2px 3px;
  text-align: center;
  font-size: 11px;
  display: none;
}

.side_icon_nav table tr td img{
  width: 55px;
}

.side_list {
  line-height: 25px;
  margin: 0 0 25px 0;
}

.side_list .side_title{
  padding: 10px;
  background-color: #3b434d;
  position: relative;  
}

.side_list .side_item {
/*   margin-top: 5px; */
/*   padding: 0 5px; */
}

.side_list .side_item li{
  padding: 10px 15px;
}

.side_list .side_item img{
  width: 20px; 
  position: relative; 
  top: 4px;
  margin-right: 5px;
}

.selected_item{
  background-color: #626b76;
}

header .sidemenu {
  position: absolute;
  right: 12px;
  top: 12px;
}

header #home_btn {
  position: absolute;
  left: 12px;
  top: 12px;
}

.schedule_form {
  overflow: hidden;
  position: relative;
  padding: 5px;
  margin: 0 auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#main_div {
  position: relative;
  overflow: hidden;
  top: 0;
  width: 100%;
  background: #fff;
  margin-top: 0px;
  padding: 15px 0 0 0;
  margin-bottom: -22px;
}

a.site-link {
  color: #000;
  text-decoration: none;
}

#sidemenu_bg {
  position: fixed; 
  left: 0; 
  top: 0; 
  background-color: #000; 
  z-index: 15; 
  width: 100%; 
  height: 100%; 
  opacity:.3;
  display: none;
}

.top_nav {
  position: fixed;
  top: 50px;
  width: 100%;
  background-color: #fff;
  z-index: 8;
  overflow: hidden;
  padding: 5px 0;
}

.top_nav p {
  float: left;
  padding: 5px;
}

.top_nav_under {
  height: 38px;
}

.top_nav2, .top_nav3 {
  position: relative;
  width: 100%;
  background-color: #fff;
  z-index: 9;
  overflow: hidden;
  padding: 5px 0;
}

.top_nav2 p, .top_nav3 p {
  float: left;
  padding: 5px;
}

.top_nav_under2 {
  display: none;
  height: 38px;
}

.fixed_top_nav {
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 9;
  overflow: hidden;
  padding: 5px 0;
}

.fixed_top_nav p {
  float: left;
  padding: 5px;
}

.fixed_top_nav_bg {
  display: block;
  height: 38px;
}

.scroll_lock {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.menu_sw_btn {
  overflow: hidden; 
  text-align: center; 
  padding: 15px 0;
  background-color: #2D343E;
  position: relative;
  bottom: 0; 
  width: 100%;
}

#top_btn {
  display: none;
  position: fixed; 
  left: calc(50% - 20px);
  top: 60px;
  width: 40px; 
  height: 40px;
  background: url("/ilos/images/common/back-to-top.png") no-repeat; 
  z-index: 15;
  opacity: 0.3;
}

.table_tab {
  width: 100%; 
  text-align: center;
}

.table_tab td {
  cursor: pointer;
}

.table_tab td span {
  padding: 5px;
  white-space: nowrap;
}

.ul_tab {
  width: 100%; 
  display: flex;
  background-color: #fff;
}

.ul_tab > li {
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}

.ul_tab > li > div {
  padding: 16px 25px;
  display: inline-block;
  font-weight: bold;
}

.select_pop {
  text-align: center; 
  position: fixed; 
  left: 50%; 
  top: 50%; 
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%);  
  display: none; 
  z-index: 21; 
  font-size: 16px; 
  font-weight: bold; 
  width: 250px;
}

.select_pop .select_title {
  border-top-left-radius: 8px; 
  border-top-right-radius: 8px; 
  padding: 15px 0; 
  color: #fff; 
  position: relative;
}

.select_pop .select_title .select_close_btn{
  position: absolute; 
  right: 0; 
  padding: 0 10px; 
  cursor: pointer;
  width: 15px;
}

.select_pop ul {
  padding: 0 10px; 
  background-color: #fff; 
  border-bottom-left-radius: 8px; 
  border-bottom-right-radius: 8px;
}

.select_pop ul li {
  padding: 15px 0; 
  border-top: 1px solid #dadada;
  cursor: pointer;
}

#select_bg {
  position: fixed; 
  left: 0; 
  top: 0; 
  background-color: #000; 
  z-index: 20; 
  width: 100%; 
  height: 100%; 
  opacity:.3; 
  display: none;
}

.fixed_header {
  position: fixed; 
  -ms-transform: translate(0, -10px); 
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  z-index: 10; 
  background-color: #fff; 
  padding-top: 10px;
  top: 0;
}

#simple_message_pop {
  display: none;
  overflow:hidden;
  border-top:1px solid #D8E6E4;
  background-color: #fff;
  z-index: 1;  
}

#simple_message_pop ul li.simple_message_pop_header {
  font-size: 1em;
  background-color:#333;
  padding:10px;
  color: #fff;
  overflow: hidden;
}
#simple_message_pop ul li.simple_message_pop_txt {
  background:#fff;
  text-align:center;
}
#simple_message_pop ul li.simple_message_pop_notice {
  border-top: 1px solid #dadada;
  padding: 0 10px;
  font-size: 14px; 
  line-height: 15px;
}
#simple_message_pop ul li.simple_message_pop_send {
  text-align: center;;
  background-color: #333;
  padding: 15px 0;
  color: #fff;
}
/* 버튼에 cursor 추가 */
span.button {
  cursor: pointer;
}
span.button2 {
  cursor: pointer;
}

/* 윗첨자 아래첨자 기본속성 복원 */
sub { 
    vertical-align: sub !important;
    font-size: smaller !important;
} 
sup { 
    vertical-align: super !important;
    font-size: smaller !important;
} 

.side_list .unread_menu_cnt {
  display:inline-block;
  border-radius:14px;
  width:30px;
  background-color:#3b434d;
  margin-left:10px;
  font-size:14px;
  font-family:inherit; font-weight:bold; vertical-align:middle; text-align:center;
  padding-right:2px;
  
  font-size:12px;
  height:20px;
  width:26px;
/*   margin-top:4px; */
  line-height:1.7;
  margin-top:-1px;
/*   width:20px; height:20px; font-size:10px; margin-top:4px; line-height:2; */
}
#loader-wrapper {
   padding:20px;
}
#loader {
    position: relative;
    width: 40px;
    height: 40px;
    margin:0 auto;
    border-radius: 50%;
    border: 1px solid #999;
    border-top: 1px solid #eee;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 동시저장버튼 */
.special-btn2{
  border: 1px solid #1498F3;
  color: #333;
  background: #40CAFE;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  padding: 2px 5px 1px 5px;
  display: block;
  float: left;
  margin: 0 6px;
  cursor: pointer;
}

.plain_text {
  white-space:pre-wrap !important;
  word-break:break-all !important;
  text-align:left !important;
}

#alert_message_box {
  display: none; 
  background-color: #000;
  color: #fff; 
  opacity: 0.7; 
  filter: alpha(opacity=70); 
  border: 2px solid #fff; 
  position: fixed; 
  top: 50px; 
  padding: 15px 30px;
  font-size: 15px;
  font-weight: bold; 
  text-align: center; 
  z-index: 10000;
  -moz-border-radius-bottomright: 5px/*{cornerRadius}*/;
  -webkit-border-bottom-right-radius: 5px/*{cornerRadius}*/;
  -khtml-border-bottom-right-radius: 5px/*{cornerRadius}*/;
  border-bottom-right-radius: 5px/*{cornerRadius}*/;
  -moz-border-radius-bottomleft: 5px/*{cornerRadius}*/;
  -webkit-border-bottom-left-radius: 5px/*{cornerRadius}*/;
  -khtml-border-bottom-left-radius: 5px/*{cornerRadius}*/;
  border-bottom-left-radius: 5px/*{cornerRadius}*/;
  -moz-border-radius-topright: 5px/*{cornerRadius}*/;
  -webkit-border-top-right-radius: 5px/*{cornerRadius}*/;
  -khtml-border-top-right-radius: 5px/*{cornerRadius}*/;
  border-top-right-radius: 5px/*{cornerRadius}*/;
  -moz-border-radius-topleft: 5px/*{cornerRadius}*/;
  -webkit-border-top-left-radius: 5px/*{cornerRadius}*/;
  -khtml-border-top-left-radius: 5px/*{cornerRadius}*/;
  border-top-left-radius: 5px/*{cornerRadius}*/;
}

/* bbs type list */

table.bbslist {
  clear:both;
  width:100%;
  table-layout: auto;
  /* table-layout:fixed; */
  /* background:url('/ilos/images/common/board/data_bgbar.gif') no-repeat 0 top; */
  border-bottom:1px solid #dadada !important;
}
*html table.bbslist {
  border-bottom:2px solid #dadada !important;
}
*+html table.bbslist {
  border-bottom:2px solid #dadada !important;
}

table.bbslist th {
  /*
  padding:6px 0 11px 0;
  color:#ffffff;
  font-weight:normal;
  text-align:center;
  background:none;
  font-size:12px;
  */
  height:26px;
  padding:0;
  padding-top :2px;
  vertical-align:middle;
  text-align:center;
  font-size:12px;
  color:#FFFFFF;
  background:none;
  font-weight: normal;
  background-color: #8B8B8B;
}
table.bbslist thead th.first{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  border-right: 1px solid #8b8b8b;
  padding-left: 1px;
}
table.bbslist thead th.last{
  /* border-top-left-radius:3px; */
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  /* border-bottom-left-radius:3px; */
  border-left: 1px solid #8b8b8b;
  padding-right: 1px;
}

table.bbslist td {
  padding:7px 0 5px 0;
  text-align:center;
  background:none;
  font-size:12px;
  border-bottom:1px solid #dadada !important;
}
table.new_bbslist td {
  padding: 12px 0 !important;
  line-height: 1.1;
}
table.new_bbslist td .subjt_top {
  font-family: 'sans-serif','맑은 고딕','Malgun Gothic';
  font-size: 13px;
}
table.new_bbslist td .subjt_bottom {
  margin: auto;
  padding-top: 8px;
}
table.new_bbslist td .subjt_bottom span,
table.new_bbslist td .subjt_bottom img {
  vertical-align: middle;
  color: #888;
}
*+html table.bbslist td {
  padding:6px 0;
}

table.bbslist td.chk {
  padding:7px 0 5px 0;
}
*html table.bbslist td.chk {
  padding:4px 0 8px 0;
}
*+html table.bbslist td.chk {
  padding:4px 0 8px 0;
}
table.bbslist tr.list {
  background:#f7f7fb;
}

table.bbslist td.list {
  background:#f7f7fb;
}

table.bbslist td.title {
  padding-left:10px !important;
  text-align:left;
  overflow: hidden;
}

table.bbslist td.number {
  padding:6px 0;
  font-size:95%;
  font-family:"tahoma";
}
table.bbslist td.left {
  padding-left:10px !important;
  text-align:left;
}
table.bbslist td.complete {
  color:#6c9f20;
}
table.bbslist td.no-complete {
  color:#C13735;
}
table.bbslist td.progress {
  
}
.impt_off{
  background-image: url(/ilos/images/common/impt_off.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.impt_on{
  background-image: url(/ilos/images/common/impt_on.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
div.impt{
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/************ clicker layer시작 ******************/

#clicker_layer_close {
  float:right;
  margin-top:12px;
  margin-right:2px;
}
/************ clicker layer 끝 *******************/

#class_chat_view_btn {
  position: fixed;
  z-index: 21;
  right: 10px;
  bottom: 10px;
  background: url('/ilos/images/comment.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 45px;
  height: 45px;
  border: 1px solid #dadada;
  border-radius: 25px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  transition-property: background-color;
  transition-duration: 0s;
}

#class_chat_view_btn.class_chat_alarm {
  background-color: #ffff00;
}

.underscore-noBg-btn{
  border: none;
  vertical-align: middle;
  background: none;
  color: #666666;
  text-decoration-line: underline;
  font-size: 12px;
  cursor:pointer;
  margin-left:5px;
}

.tabs {
  display: flex;
}

.tabs > li:not(.line) {
  flex: 0 1 80px;
  border-bottom: 1px solid #8C8C8C;
  border-right: 1px solid #dadada;
  background-color: #f8f8f8;
  text-align: center;
  padding: 8px 3px;
  cursor: pointer;
}

.tabs > li.active {
  border-color: #8C8C8C;
  border-bottom-color: #ffffff;
  background-color: #ffffff;
}

.tabs > li.line {
  flex: 1 1 auto;
  border-bottom: 1px solid #8C8C8C;
  align-self: flex-end;
}

div.pop-txtmessage2 {
  margin:0;
  padding:10px 5px;
  font-size:12px;
  text-align: left;
  border-top: 1px solid black;
}

/*웹 접근성*/
.a_alt_span{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}
.hidden_label{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}