/* Tab Content - menucool.com */
ul.maintabs
{
    padding: 6px 0;
    margin:0;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:0px; /* Offset of the first tab */
}
        
ul.maintabs li
{
	float:left;    
    margin: 0;/*no distance between tabs*/
	text-align:center;
	padding-right:0px;
	width:140px;
}
        
ul.maintabs li a
{
	background:#FFF;    
	font-size:15px;
    text-decoration: none;
    position: relative;    
    color: #333;
    outline:none;
	text-align:center;
    border:1px #CCC solid;
	margin:2px;
}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.maintabs li:last-child a
{
   border:1px #CCC solid;
}
  
        
ul.maintabs li a:hover
{
    color: #fff;
    background:#3f6595;
}
        
ul.maintabs li.selected a, ul.maintabs li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background:rgba(63, 101, 149, 0.8);
   
    color: #fff;
}
        
        
ul.maintabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
     padding: 0px 10px;
	 clear:both
}




/********************************************************	*/
ul.subtabs
{
    
    padding: 0px 0;
    margin:0 auto;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:0px; /* Offset of the first tab */
	
}
        
ul.subtabs li
{
    
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-right:5px;
	float:left;
	width:125px;
	text-align:center;

}
        
ul.subtabs li a
{
	font: normal 15px NanumSquareB;
    text-decoration: none;
    position: relative;
    padding: 13px 5px;
    color: #666;
    outline:none;
    background: #f8f8f8;
    border:1px solid #e4e4e4;
	transform: skew(-0.001deg)

}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.subtabs li:last-child a
{
    border-right:1px solid #e4e4e4;
	padding: 13px 13px;
}
  
        
ul.subtabs li a:hover
{
	border:0px;
    color: #fff;
    background:#3368c8;
}
   
ul.subtabs li .on
{
	border:0px;
    color: #fff;
    background:#3368c8;
}   
        
ul.subtabs li.selected a, ul.subtabs li.selected a:hover
{
    top: 0px;
    font-weight:bold;
    background: #3368c8;
    border:0px;
    color: #fff;
}
        
        
ul.subtabs li.selected a:hover
{
   text-decoration: none;
}
/**************************************************************************/


ul.subtabs_book
{
    
    padding: 0px 0;
    margin:0 auto;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:0px; /* Offset of the first tab */
	
}
        
ul.subtabs_book li
{
    
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-right:5px;
	float:left;
	width:150px;
	text-align:center;

}
        
ul.subtabs_book li a
{
	font: normal 15px NanumSquareB;
    text-decoration: none;
    position: relative;
    padding: 13px 13px;
    color: #666;
    outline:none;
    background: #f8f8f8;
    border:1px solid #e4e4e4;
	transform: skew(-0.001deg)

}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.subtabs_book li:last-child a
{
    border-right:1px solid #e4e4e4;
	padding: 13px 13px;
}
  
        
ul.subtabs_book li a:hover
{
	border:0px;
    color: #fff;
    background:#3368c8;
}
   
ul.subtabs_book li .on
{
	border:0px;
    color: #fff;
    background:#3368c8;
}   
        
ul.subtabs_book li.selected a, ul.subtabs_book li.selected a:hover
{
    top: 0px;
    font-weight:bold;
    background: #3368c8;
    border:0px;
    color: #fff;
}
        
        
ul.subtabs li.selected a:hover
{
   text-decoration: none;
}
/**************************************************************************/



/********************************************************	*/
ul.datatabs
{
    
    padding: 0px 0;
    margin:0 auto;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:0px; /* Offset of the first tab */
	
}
        
ul.datatabs li
{
    
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-right:5px;
	float:left;
	width:170px;
	
	text-align:center;

}
        
ul.datatabs li a
{
	font: normal 15px NanumSquareB;
    text-decoration: none;
    position: relative;
    padding: 13px 13px;
    color: #666;
    outline:none;
    background: #f8f8f8;
    border:1px solid #e4e4e4;
	transform: skew(-0.001deg)

}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.datatabs li:last-child a
{
    border-right:1px solid #e4e4e4;
	padding: 13px 13px;
}
  
        
ul.datatabs li a:hover
{
	border:0px;
    color: #fff;
    background:#3368c8;
}
   
ul.datatabs li .on
{
	border:0px;
    color: #fff;
    background:#3368c8;
}   
        
ul.datatabs li.selected a, ul.datatabs li.selected a:hover
{
    top: 0px;
    font-weight:bold;
    background: #3368c8;
    border:0px;
    color: #fff;
}
        
        
ul.datatabs li.selected a:hover
{
   text-decoration: none;
}
/**************************************************************************/







.tabs_list { clear:both; position:relative; overflow:hidden; margin-bottom:30px; }

div.tabcontents_biz
{
     padding: 10px 0px;
	 clear:both;
	 position:relative;
	 background:#CC6
}



/*후원하기탭*/


ul.support_tabs
{
    
    padding: 0px 0;
    margin:0 auto;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:0px; /* Offset of the first tab */
	
}
        
ul.support_tabs li
{
    
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-right:0px;
	float:left;
	width:129px;
	text-align:center;

}
        
ul.support_tabs li a
{
	font: normal 15px NanumSquareB;
    text-decoration: none;
    position: relative;
    padding: 13px 13px;
    color: #666;
    outline:none;
    background: #f8f8f8;
    border:1px solid #e4e4e4;
	transform: skew(-0.001deg);
	display:block;
	

}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.support_tabs li:last-child a
{
    border-right:0px solid #e4e4e4;
	padding: 13px 13px;
}
  
        
ul.support_tabs li a:hover
{
	border:0px;
    color: #0f71de;
    background:#efefef;
}
   
ul.support_tabs li .on
{
	border:0px;
    color: #0f71de;
    background:#f4f4f4;
}   
        
ul.support_tabs li.selected a, ul.support_tabs li.selected a:hover
{
    top: 0px;
    font-weight:bold;
    background: #f4f4f4;
    border:0px;
    color: #0f71de;
}
        
        
ul.support_tabs li.selected a:hover
{
   text-decoration: none;
}



/*조직표탭*/


ul.org_tabs
{
    
    padding: 0px 0;
    margin:0 auto;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:0px; /* Offset of the first tab */
	
}
        
ul.org_tabs li
{
    
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-right:0px;
	float:left;
	width:115px;
	text-align:center;

}
        
ul.org_tabs li a
{
	font: normal 15px NanumSquareB;
    text-decoration: none;
    position: relative;
    padding: 13px 13px;
    color: #fff;
    outline:none;
    background: #d6d6d6;
    border-bottom:0px solid #d6d6d6;
	transform: skew(-0.001deg)

}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.org_tabs li:last-child a
{
    border-right:0px solid #e4e4e4;
	padding: 13px 13px;
}
  
        
ul.org_tabs li a:hover
{
	border:0px;
    color: #0f71de;
    background:#efefef;
}
   
ul.org_tabs li .on
{
	border:0px;
    color: #fff;
    background:#3368c8;
}   
        
ul.org_tabs li.selected a, ul.org_tabs li.selected a:hover
{
    top: 0px;
    font-weight:bold;
     background:#3368c8;
    border:0px;
    color: #fff;
}
        
        
ul.org_tabs li.selected a:hover
{
   text-decoration: none;
}

div.tabcontents_org
{
     padding: 10px 0px;
	 clear:both;
	 position:relative;
	 background:#CC6;
	 text-align:center
}

.tabcontents_org .org_img { margin:auto; }


/* 문해력진단 탭 */

ul.tabs2 li {
	
	float: left;
	margin: 0 2px;
	padding: 0;
	height: 40px;
	line-height: 38px;
	border: 1px solid #999;
	
	
	overflow: hidden;
	position: relative;
  
}
ul.tabs2 li a {
  
    padding: 0px 13px;
    width: 150px;
    text-align: center;
    display: block;
    
}
ul.tabs2 li a:hover {
	background: #ccc;
}	

ul.tabs2 li.active a, ul.tabs2 li.active a:hover  {
	background: #3368c8;
	border-bottom: 1px solid #fff;
  color: #fff;
}

.tab_container {

	clear: both;
	float: left; 
  padding: 20px 0;
}