/* 주메뉴 */
#topmenu { position: relative; top:0; left:30px;float:left;width: 500px; height: 56px; margin:0; padding:0; border:0px solid green;z-index:20}
#topmenu li { margin: 0; padding: 0; }
#topmenu ul { list-style: none; position: absolute; width:630px; left: 0; top: 0;  margin: 0; padding: 0; border:0px solid green;}
#topmenu ul li { float: left; display: inline; margin: 0; padding: 0; white-space: nowrap;border:0px solid green; }
#topmenu ul li a { display: block; margin: 0; padding: 0; color: #fff; line-height: 1.25; }
#topmenu ul li a.active, #topmenu ul li a:hover { text-decoration: underline; }
#topmenu ul ul { display: none; position: absolute; left:0; top:0; width: 700px; height: 32px; margin: 0; padding:0;list-style: none; border:1px solid green;}
#topmenu ul ul li { float:left;text-align:right;display: inline; padding:10px 0 5px 0;margin:0; text-align: left; white-space: normal; background: url(/images/common/line_v3.gif) no-repeat 0 60%; border:0px solid red;}
#topmenu ul ul li.first {background: transparent;}
#topmenu ul ul li a { display: block; padding: 0 8px; color: #fff;  border:0px solid green;}
#topmenu ul ul li a.on, #topmenu ul ul li a:hover { font-weight: bold; color:#FFF44C; letter-spacing: -1px; text-decoration: underline; }
#topmenu ul ul#top2m1 {position: absolute; float:left;top:25px; width: 720px; padding-left: 0; border:0px solid green;}
#topmenu ul ul#top2m2 { top:25px; width: 700px; padding-left: 0; border:0px solid green; }
#topmenu ul ul#top2m3 { top:25px; width: 645px; padding-left: 55px; border:0px solid green; }
#topmenu ul ul#top2m4 { top:25px; left:290px; width: 380px; padding-left: 0; border:0px solid green; }
/*참여마당 서브사이트명 글짤려서 655->755로 변경*/
#topmenu ul ul#top2m5 { top:25px; width: 700px; padding-left: 35px; margin:0;border:0px solid green; }
#topmenu ul ul#top2m6 { top:25px; width: 600px; padding-left: 100px; margin:0;border:0px solid green; }

ul#top1ma { position: absolute; left: 554px; top: 56px; list-style: none; margin: 0; padding: 0; border:0px solid green;}
ul#top1ma li { float: left; display: inline; margin: 0; padding: 0; }
ul#top1ma li img { vertical-align: top; }


ul#top1ma { position: absolute; left: 554px; top: 56px; list-style: none; margin: 0; padding: 0; border:0px solid green;}
ul#top1ma li { float: left; display: inline; margin: 0; padding: 0; }
ul#top1ma li img { vertical-align: top; }

/* 뷰메뉴 */
#leftmenu {position: relative; margin:0; width:210px; padding:0;  text-align:left; border:0px solid green;}

/* leftmenu2Depth **********/
#leftmenu ul {position: relative; list-style: none; width: 185px; margin:0 0 0 15px; padding: 0; border:0px solid green;}
#leftmenu ul li { width: 185px; margin: 0; padding: 0; background: url(/images/common/l_dot01.gif) no-repeat 2px 8px;border-bottom:1px solid #E1E1E1; }
#leftmenu ul li a { display: block; width: 165px; margin: 0; padding: 5px 0 5px 18px; color: #333; font-size: 0.98em;	font-family: "굴림",Gulim, sans-serif;	color:#333333; letter-spacing:-1px;font-weight: bold; }
#leftmenu ul li a.on, #leftmenu ul li a:hover { background: url(/images/common/l_dot01_on.gif) no-repeat 2px 8px; color: #0066CC; font-weight: bold; letter-spacing: -1px; text-decoration: none; }

#leftmenu ul li.menu_on a{ background: url(/images/common/l_dot01_on.gif) no-repeat 2px 8px; color: #0066CC; font-weight: bold; letter-spacing: -1px; text-decoration: none; }

#leftmenu ul ul li.none a{  background: transparent; color: #333; font-weight: normal; letter-spacing: -1px; text-decoration: none; }

/* leftmenu3Depth **********/
#leftmenu ul ul { display: block; list-style: none; width: 185px; margin: 0; padding: 10px 0 12px 0;background:#F5F5F5;border-top:1px solid #E1E1E1;} /*  display: none; 춤추는것방지 */
#leftmenu ul ul li { margin: 0 0 0 15px; padding: 0; width:150px; background: url(/images/common/l_dot02.gif) no-repeat 0 7px; border-bottom:1px dashed #ACACAC;}
#leftmenu ul ul li a { display: block; width: 150px; margin: 0; padding: 0 0 0 8px; color: #666; font-weight: normal; line-height: 1.8em; }
#leftmenu ul ul li a.on, #leftmenu ul ul li a:hover { background: url(/images/common/l_dot02_on.gif) no-repeat 0 7px;  font-weight: bold; color: #F57B20;letter-spacing: -1px;text-decoration: none; }

#leftmenu ul ul li.menu_on a{ background: url(/images/common/l_dot02_on.gif) no-repeat 0 7px;  font-weight: bold; color: #F57B20;letter-spacing: -1px;text-decoration: none;}

#leftmenu ul ul ul li.none a{ background: transparent;font-weight: normal; color: #666;letter-spacing: -1px;text-decoration: none;}

/* leftmenu4Depth **********/
#leftmenu ul ul ul{ display: block; list-style: none; width: 152px; margin: 0 0 10px 0; padding: 6px 0 10px 8px;background: url(/images/common/l_bg.gif) no-repeat left bottom;border-top:1px solid #E1E1E1} /*  display: none; 춤추는것방지 */
#leftmenu ul ul ul li { margin: 0; padding: 0; width:150px; background: url(/images/common/l_dot03.gif) no-repeat 3px 7px; border:0px solid green;}
#leftmenu ul ul ul li a { display: block; width: 134px; margin: 0; padding: 0 0 0 10px; color: #666; font-size: 0.95em;	font-family: "돋움",Gulim, sans-serif;line-height: 1.6em;font-weight: normal; }
#leftmenu ul ul ul li a.on, #leftmenu ul ul ul li a:hover { background:#39B54A url(/images/common/l_dot03_on.gif) no-repeat 3px 7px; color: #ffffff; font-weight: normal;letter-spacing: -1px}

#leftmenu ul ul ul li.menu_on a{ background:#39B54A url(/images/common/l_dot03_on.gif) no-repeat 3px 7px; color: #ffffff; font-weight: normal;letter-spacing: -1px}