@charset "utf-8";
/* sub Navi */
#sub_navi { font-family:"맑은 고딕", "나눔고딕", "굴림", "돋움", "바탕"; margin:0; background:url(../images/sub_navi_bg.gif) repeat-y}

/*2단계 메뉴가 선택시 상위메뉴에 background*/
#sub_navi .now_menu_top {background:url(../images/sub_navi_icon02.gif) no-repeat 0 10px; }
#sub_navi .now_menu_top a{color:#ff0033; }
#sub_navi .now_menu_top .sub_dept2 li a{color:#39393b;  }

.sub_dept1{ width:178px; margin:auto 10px;}
.sub_dept1 li {width:158px; height:23px; padding:8px 0 0 20px; border-bottom:1px solid #dfdfdf; text-align:left;  font-family:"맑은 고딕"; background:url(../images/sub_navi_icon01.gif) no-repeat 0 10px; }
.sub_dept1 li a{font-family:"맑은 고딕"; color:#39393b; font-weight:700; font-size:1.1em;}
.sub_dept1 li:hover{background:url(../images/sub_navi_icon02.gif) no-repeat 0 10px; }
.sub_dept1 li:hover a{color:#ff0033;  }
.sub_dept1 li:hover li a{color:#39393b; }

*.sub_dept2 { display:none; margin-top:5px; }
.sub_dept2{padding-top:5px;}
.sub_dept2 li { line-height:20px; margin:0; padding: 0 0 0 10px; border-top:none; border:0px;}
#sub_navi .sub_dept2 li:hover{ background:none;background: url(#none) !important;}
#sub_navi .sub_dept2 li:hover a{ color:#FFFF00; font-weight:bold;letter-spacing:1-px;}

/*2단계 서브 메뉴 선택시*/
#sub_navi .sub_dept1 .sub_dept2 li.now_menu_sub a{color:#FFFF00; letter-spacing:0px;}

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