/* CSS Document */

#navi{
	display:block;
	width:1280px;
	height:300px;
	position: absolute;
	left:0px;
	top:0px;
	border:0px;
	overflow: hidden;
	z-index: 400;
}

#navi.ready{
	width:100%;
	height:46px;
	/*이하추가*/
	position: absolute;
	top: 0px;
	left:0px;
}

li {list-style: none;}




/* lnb */ 
#lnb {
	position: absolute;
	width:1280px;
	height:150px;
	top:-150px; 
	left:0px;
	background-color:rgba(0,0,0,0.9);
	/*background:url(../img/index/indexbg.png) no-repeat;*/

/*	display: none;*/
}

#indexlogo{
	position: absolute;
	width:228px; 
	height:65px;
	top:0px; 
	right:0px;
	background: url(../img/main/course.png) no-repeat;
}
#index_top{
	height:36px;
	width:200px;
	background-color:#77cf00;
}
#index_top .indexTitle{
	position:absolute;
	width:100%;
	text-align:center;
	color:#fff;		
	font-size:20px;
	margin-top:2px;
}

#lnb > ul {
	padding:0px 0 0 0;
	float:left;
	width:1280px;
	position: absolute;
	top:0px;
	left:100px;
	padding:0px 5px;
}

#lnb > ul > li {
	padding:0px;
	margin-bottom:0px;
	float:left;
	/*border-bottom:1px solid #d4d3d1;*/
}
/*
#lnb > ul > li:last-child{
	border-bottom:none;
	margin-top:20px;
}
*/

#lnb > ul > li > ul { 
	padding:4px 0 0 46px;
	float:none;
}

/*학습소제목*/
#lnb > ul > li > ul > li{ 
	padding:0px;
	border:0px;
} 

#lnb > ul > li > ul > li > button {
	display: block;
	font-size: 15px;
	border:0px;
	cursor: pointer;
	position: relative;
	-webkit-transition-duration: 0.4s; /* Safari */
     transition-duration: 0.4s;
	color: #999999;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	width:100%;
	height:23px;
	text-align: left;
	padding:0px 0px 5px 0px;
/*	margin-bottom:5px;*/
	background:transparent;
	/*background:url(../../common/img/index/subIco.png) no-repeat;*/
	line-height:18px;
	letter-spacing:-0.6px;
	
} 

#lnb > ul > li > ul > li > button:last-child{
	margin-bottom:0px;	
}

.sMenu_text {
	float:left;
	margin-top:6px;
	padding-left:10px;

}
#lnb > ul > li > ul > li > button:hover{
	color:#fff;
}

#lnb > ul > li > ul > li > button.active{
	color:#fff;
}


.depth1{width:270px;}
.depth2{width:400px;}
.depth3{width:250px;}
.depth4{width:200px;}

/*인덱스 버튼*/
#naviClose{
	position: absolute;
	display: block;
	width:80px;
	height:32px;
	background: url(../img/index/indexOpenBtn.png) no-repeat;
	top: 0px;
	left:600px;
	cursor: pointer;
	text-indent: -1280em;
	border:0px;
	
	 -webkit-transition-duration: 0.3s; /* Safari */
     transition-duration: 0.3s;
}
#naviClose:hover{
	background: url(../img/index/indexOpenBtnOver.png) no-repeat;
}


/*인덱스 닫기버튼*/
#indexCloseBar{
	background: url(../img/index/indexCloseBar.png) no-repeat;
	display: block;
	width:91px;
	height:33px;
	left:600px;
	cursor: pointer;
	position: relative;
	bottom:-150px;
	border:0px;
	text-indent: -1280em;
}
#indexCloseBar:hover{
	background: url(../img/index/indexCloseBarOver.png) no-repeat;
}



/*--------------------------------*/

#lnb > ul > li > ul.ie8 { 
	float:left;
} 
#lnb > ul > li > ul > li > button.ie8 {
	font-family: 'Nanum Gothic';
	font-weight: 700;
	width:108%;
}
#lnb > ul > li > ul > li > button.ie8:hover{
	background-color: #d6d3d3;
}


#lnb > ul > li > ul > li > button.ie7 {
	font-family: 'Nanum Gothic';
	font-weight: 700;
	height:30px;
	margin-top:2px;
	padding-left:7px;
	width:108%;
}


#lnb.ie8{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
}

#lnb.ie7{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
}


#navi.isMobile{
	display:block;
	width:1280px;
	height:300px;
	position: absolute;
	left:0px;
	top:0px;
	border:0px;
	overflow: hidden;
	z-index: 400;
}


/* lnb */ 
#lnb.isMobile {
	position: absolute;
	width:245px;
	height:599px;
	top:0px; 
	left:0px;
	background: url(../img/index/indexbg.png) no-repeat;

/*	display: none;*/
}


#navi.isMobile.ready{
	width:100%;
	height:46px;
	/*이하추가*/
	position: absolute;
	top: 0px;
	left:476px;
}

/*#lnb > ul > li.depth1.isMobile{width:280px;float:left;padding-left:50px;	}*/

#naviClose.isMobile{
	position: absolute;
	display: block;
	width:46px;
	height:46px;
	background: url(../img/index/indexOpenBtn.png) no-repeat;
	top: 0px;
	left:0px;
	cursor: pointer;
	text-indent: -1280em;
	border:0px;
	
	 -webkit-transition-duration: 0.3s; /* Safari */
     transition-duration: 0.3s;
}

#naviClose.isMobile:hover{
	background: url(../img/index/indexOpenBtnOver.png) no-repeat;
}

#naviClose.isMobile.off{
	background: url(../img/mobile/black/indexCloseBtn.png) no-repeat;
}
#naviClose.isMobile.off:hover{
	background: url(../img/mobile/black/indexCloseBtn.png) no-repeat;
}