/* CSS Document */

#navi{
	display:block;
	width:330px;
	height:650px;
	position: absolute;
	left:0px;
	top:70px;
	border:0px;
	overflow: hidden;
	z-index: 1;
}

#navi.ready{
	width:10px;
	height:10px;
}

li {list-style:none}

/* lnb */ 
#lnb {
	position: absolute;
	width:330px;
	height:100%;
	top:0px; left:-261px;
/*	background:  rgba(255,255,255,0.95);*/
    background: url(../img/index/black/indexBg.png) no-repeat;
	display: none;
	opacity: 1;
}
#index_top{
	//height:36px;
	//width:200px;
	//background-color:#f7d919;
}
#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:310px;
	position: absolute;
	top:17px;
    left: 0px;
	padding:0px 0px;
}

#lnb > ul > li {
	padding:4px 0px 6px 0px;
	//margin-bottom:5px;
	float:none;
	width:100%;
	//border-bottom:1px solid #d4d3d1;
}
#lnb > ul > li:last-child{
	border-bottom:none;
}

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

/*학습소제목*/
#lnb > ul > li > ul > li{ 
	padding:0px 0 0 0px;
	width:275px;
	border:0px;
    margin-left: 35px;
} 

#lnb > ul > li > ul > li > button {
	display: block;
	font-size: 20px;
	border:0px;
	cursor: pointer;
	position: relative;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	color: #ffffff;
	font-family: 'suite';
	font-weight: 400;
	width:100%;
/*    height: 23px;*/
	text-align: left;
    word-break: keep-all;
	padding: 0px 0px 2px 10px;
/*	background:transparent;*/
    background:url("../../common/img/index/black/depth_smalldot.png")no-repeat;
    background-position:0px 10px;
    line-height: normal;
    margin-bottom: 2px;
} 

//#lnb > ul > li > ul > li > button:hover{color:#e94f35}

#lnb > ul > li > ul > li > button.active{
    font-weight: 400;
}


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

#naviClose.close{
	display: block;
	width:115px;
	height: 40px;
	background: url(../img/index/black/indexCloseBtn.png) no-repeat;
	position: absolute;
	bottom: 0px;
	left:7px;
	cursor: pointer;
	text-indent: -1000em;
	border:0px;
	
	 -webkit-transition-duration: 0.3s; /* Safari */
     transition-duration: 0.3s;
}

#naviClose.close:hover{
	background: url(../img/index/black/indexCloseBtnOver.png) no-repeat;
}

/*인덱스 닫기버튼*/
#indexCloseBar{
	background: url(../img/index/black/indexCloseBar.png) no-repeat;
	display: block;
	width:45px;
	height:45px;
	left:210px;
	cursor: pointer;
	position: absolute;
	top:0px;
	border:0px;
	text-indent: -1000em;
}
#indexCloseBar:hover{
	background: url(../img/index/black/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.ready{
	width:42px;
}

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

#naviClose.isMobile{
	display: block;
	width:103px;
	height: 36px;
	background: url(../img/mobile/black/indexOpenBtn.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top:-30px;
	cursor: pointer;
	text-indent: -1000em;
	border:0px;
	
	 -webkit-transition-duration: 0.3s; /* Safari */
     transition-duration: 0.3s;
}

#naviClose.isMobile:hover{
	opacity: 0.8;	
	background: url(../img/mobile/black/indexOpenBtn.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;
}

.h_line{
    display: block;
    position: absolute;
    width: 280px;
    height: 1px;
    background-color: rgba(185, 189, 160, 0.3);
    left: 20px;
}