@charset "utf-8";
/* sub Navi */
#sub_navi {  margin:0; border-top:0px solid #6f6c6b; border-radius: 0 0 10px 10px ; padding: 0 17px; width: 207px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-top: 0px; margin-bottom: 20px;}

/*2단계 메뉴가 선택시 상위메뉴에 background*/
#sub_navi .now_menu_top { background: url(../images/sub_navi_icon02.gif) no-repeat 190px 24px; }
#sub_navi .now_menu_top a { color:#62502c; font-weight: 700;   }
	#sub_navi .now_menu_top .sub_dept2 li {}

.sub_dept1{ width:207px; }
.sub_dept1 li { width:207px;  text-align:left; border-bottom: 1px solid #dcdcdc; background: url(../images/sub_navi_icon01.gif) no-repeat 190px 24px;}
.sub_dept1 li:last-child { border-bottom: 0px solid #dedede; border-radius: 0 0 5px 5px ;}
.sub_dept1 li a {  color:#767575; font-weight:400; font-size:1.3em; display:block; width:168px; text-align: left; padding: 20px 0 20px 12px; letter-spacing: -2px;  }
.sub_dept1 li:hover{ background: url(../images/sub_navi_icon02.gif) no-repeat 190px 24px; }
.sub_dept1 li:hover a {color:#62502c; font-weight: 700;  }
.sub_dept1 li:hover .sub_dept2_wrap a {color:#62502c; font-weight: 400;  }

.sub_dept2_wrap { background: #f8f8f8; border-radius: 5px; padding: 10px 10px 0px 5px; width: 190px; margin-bottom: 10px;}
.sub_dept2 { display:block; margin:5px 0 0 20px; padding-bottom:15px; width:170px;}

#sub_navi .sub_dept2 li { line-height:2.0em; margin:0; border:0px; width:150px; text-align:left; background: url(../images/sub_navi_step2_icon01.gif) no-repeat 5px 15px; border-bottom: 1px solid #dbdbdb; padding: 5px 0 5px 15px;}
#sub_navi .sub_dept2 li a { font-size:1.3em; color:#767676;height:18px; padding:0;  display: inline; letter-spacing: 0px;  font-weight: 400;}

#sub_navi .sub_dept2 li:hover a{ color:#62502c; text-decoration:underline;  }
#sub_navi .sub_dept2 li:last-child { border-bottom: 0px;}

/*2단계 서브 메뉴 선택시*/

#sub_navi .sub_dept1 .sub_dept2 li.now_menu_sub a { color:#62502c; letter-spacing:0px; text-decoration:underline; font-weight: 400;}

.treeonoff { margin-left:10px; vertical-align:middle; }
.treeonoff img { cursor:pointer; }