/* CSS Document */
@import url(s-core-dream.css);
li {list-style: none; width:100%;}

*{
    
 font-family: "s-core-dream-medium";
}

/* lnb */ 

#lnb {
    position: absolute;
    width:1200px; height: 212px; 
    bottom:0; left:-80px;
    background:url(../image/nav/index_bg.png)no-repeat;
} 

#lnb > ul {
	padding:0;
	margin:0;
} 
#lnb > ul > li { 
	/*min-height: 90px;*/
	padding:0;
    display:block;
    overflow:hidden;
} 

#lnb > ul > li > button{
     cursor: pointer;
    text-indent: -1120px;
    border:0px; 
}

#lnb > ul > li.depth1{	
    position:absolute;
    top:0px; left:0px;
    background: none;
    width:461px; 
    height:222px;
}

#lnb > ul > li.depth1.active{
    background: url(../image/nav/bg1_u.png) no-repeat;
}

#lnb > ul > li.depth2{
    position:absolute;
    top:0px; left:462px;
    background: none;
    width:358px; 
    height:222px;
}

#lnb > ul > li.depth2.active{
    background: url(../image/nav/bg2_u.png) no-repeat;
}

#lnb > ul > li.depth3{
    position:absolute;
    top:0px; left:821px;
    background: none;
    width:459px; 
    height:222px;
}

#lnb > ul > li.depth3.active{
    background: url(../image/nav/bg3_u.png) no-repeat;
}

#lnb > ul > li > #t_1{
    width:120px;    height:36px;    
    position: relative;
    top:21px; left:280px;
    background: url(../image/nav/top_menu_1_b.png) no-repeat;
}
#lnb > ul > li > #t_1:hover{
    background: url(../image/nav/top_menu_1_o.png) no-repeat;
}
#lnb > ul > li.depth1.active #t_1{
    background: url(../image/nav/top_menu_1_o.png) no-repeat;    
}

#lnb > ul > li > #t_2{
    width:120px;    height:36px;    
    position: relative;
    top:21px; left:120px;
    background: url(../image/nav/top_menu_2_b.png) no-repeat;
}
#lnb > ul > li > #t_2:hover{
    background: url(../image/nav/top_menu_2_o.png) no-repeat;
}
#lnb > ul > li.depth2.active #t_2{
    background: url(../image/nav/top_menu_2_o.png) no-repeat;    
}

#lnb > ul > li > #t_3{
    width:120px;    height:36px;    
    position: relative;
    top:21px; left:66px;
    background: url(../image/nav/top_menu_3_b.png) no-repeat;
}
#lnb > ul > li > #t_3:hover{
    background: url(../image/nav/top_menu_3_o.png) no-repeat;
}
#lnb > ul > li.depth3.active #t_3{
    background: url(../image/nav/top_menu_3_o.png) no-repeat;    
}

.depth1  ul{
    margin-left:284px;   
    margin-top:29px;
}
.depth2  ul{
    margin-left:19px;  
    margin-top:29px;
}

.depth3  ul{
    margin-left:68px;  
    margin-top:30px;
}



#lnb > ul > li > ul >li> button {
	cursor: pointer;
    border:0px; 
    margin:31px 0px 0px 5px;
} 

.stTxt{
	display:block;
	padding:0;
	width:300px;
    /*margin-left:10px;*/
	word-break: keep-all;
	/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;  */
}
.stNum{
	display:block;
	width:15px;
    float:left;
}

#lnb > ul > li > button:hover{
    
}

#lnb > ul > li > button.active{
	
}

#lnb > ul > li > ul > li  {
	
}

#lnb > ul > li > ul > li > button {
	display: block;
	/*font-family: 'Noto Sans KR';*/
	font-family: 's-core-dream-regular';
	font-size: 17px;
	font-weight: 400;
	letter-spacing: -1px;
	width:100%;
	min-height: 24px;
	cursor: pointer;
	color:#fff;
	-webkit-transition-duration: 0.4s; /* Safari */
     transition-duration: 0.4s;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */  
	
	
	text-align: left;
	
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
	
    background:url(../image/nav/indexBullet_d.png)no-repeat;
	background-position: 2px 10px;
	
	padding:3px 0 2px 18px;
	margin:0 0 0 -27px;
	float:left;
} 

#lnb > ul > li > ul > li > button.no_dot{
	background:transparent;
	padding:3px 10px 3px 10px;
	margin:0 0 0px -42px;
	float:left;
    color:#fff;
	width: 322px;
	text-align: center;
	/*width:240px;*/	
}

#lnb > ul > li > ul > li > button.no_dot:hover{
    color:#fff;
	background:transparent;	
	text-decoration:underline;
	text-underline-position: under;
}

#lnb > ul > li > ul > li > button:hover{
	color:#fff;
    /*background: rgba(255,255,255,0.2);*/
    background:url(../image/nav/indexBullet_o.png)no-repeat;
    background-position: 2px 10px;
	text-decoration:underline;
	text-underline-position: under;
}
#lnb > ul > li > ul > li > button.active{
    color:#fff;
    background:url(../image/nav/indexBullet_o.png)no-repeat;
    background-position: 2px 10px;
	text-decoration:underline;
	text-underline-position: under;
}

#lnb > ul > li > ul > li > button.no_dot.active{
    color:#fff;
	background:transparent;	
	text-decoration:underline;
	text-underline-position: under;
}


#naviClose{
	display: block;
	width:30px;
	height:30px;
	background: url(../image/nav/close.png) no-repeat;
	position: absolute;
	right:5px;
	top: 5px;
	border:0px;
	cursor: pointer;
	text-indent: -1000em;
	
	 -webkit-transition-duration: 0.3s; /* Safari */
     transition-duration: 0.3s;
}

#naviClose:hover{
	background: url(../image/nav/closeOn.png) no-repeat;
}
#naviClose.off{
	background: url(../image/nav/close.png) no-repeat;
}

#naviClose.off:hover{
	background: url(../image/nav/closeOn.png) no-repeat;
}