@charset "utf-8";

/* 주 메뉴 */
#topmenu {z-index:3;  position: absolute; left:0; top: 92px; background:url(/img/layout/topmenubg.png) no-repeat; border:solid 0px #ccc; width:1024px; height:82px; }
/* #topmenu * { display: none; } */
#topmenu h3 { display: none; }
#topmenu ul { list-style: none; position: absolute; left: 0; top: 0; margin: 0; padding: 0; width:1024px;}
#topmenu li { margin: 0; padding: 0; font-size:14px; font-weight: bold;}
#topmenu ul li { display: block; float: left; display: inline; text-align:center; margin: 0; padding:0 20px; border-top:solid 1px #e5e5e5;  border-right:solid 1px #e5e5e5;}

#topmenu ul li a { display: block; position: relative; color: #000; letter-spacing: -1px; cursor: pointer; z-index: 1;/* 이미지요소로대체시 */ padding:15px 0px ; }
#topmenu ul li a.noimg {background:none;}
#topmenu ul li.on {background: #5972b2; }
#topmenu ul li.on a { z-index: 3; color:#fff;}
#topmenu ul li.on ul { display: block; }
#topmenu ul li.on div { display: block; }
#topmenu ul ul { display: none; list-style: none; position: absolute; left: 0; top: 25px; width: 848px; height: 32px; margin: 0; padding: 8px 0 0 0;  z-index: 4; }
#topmenu[id] ul ul { background: url(/img/inc/top2bg.png) no-repeat; }/* [IE제외] */
#topmenu .iebg { display: none; list-style: none; position: absolute; width: 648px; height: 32px; margin: 0; padding: 3px 0 0 0;  z-index: 2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/kor/img/topmenu/top2bg.png"); }/* [IE용] */

#topmenu ul ul li { display: inline; float: left; margin: 0;height:30px; padding: 11px 0; background: transparent; border:none;}
#topmenu ul ul li.first {  }
#topmenu ul ul li.last {}
#topmenu ul ul li a { display: block;  padding: 8px 15px; color: #d7d2d0 !important; font-weight: normal; text-decoration: none; white-space: nowrap; font-size: 12px; line-height: 1.25; text-indent: 0;/* 2차텍스트는원상복구 */ }
#topmenu ul ul li.first a { padding: 8px 15px; }
#topmenu ul ul li a span { display: block; padding: 0; }

* html #topmenu ul ul li a { width: 1%; }
#topmenu ul ul li a.on,
#topmenu ul ul li a:hover,
#topmenu ul ul li a:focus {  color: #ffff00 !important; border-bottom:solid 2px #ec1924; }
#topmenu ul ul li a.on span,
#topmenu ul ul li a:hover span,
#topmenu ul ul li a:focus span {}
#topmenu ul ul li a.on {background: url(/img/layout/tm1bg.png) no-repeat 100% 0; padding: 8px 20px;  }

#topmenu ul ul#top2m1 { width:700px;}
#topmenu ul ul#top2m2 { }
#topmenu ul ul#top2m3 {width:700px; left:150px; }
#topmenu ul ul#top2m4 {width:700px; }
#topmenu ul ul#top2m5 {  left:250px;}
#topmenu ul ul#top2m6 { width:470px;left:290px;  }
#topmenu ul ul#top2m7 { width:780px; left:250px; }
#topmenu ul ul#top2m8 { width:480px; left:450px; }


/* 부 메뉴 */

#sidebar { background:#364359 url(/img/layout/leftmenubg.jpg) no-repeat; padding:26px;}
#sidebar h2 { margin:0px; padding:0 0 26px 0;display:block; font-size:30px; color:#fff; border-bottom:solid 1px #2e394b; font-weight:normal; }
/* sidemenu2Depth+3Depth */
#sidemenu { display:block; width: 170px; margin: 0; padding: 0;}
#sidemenu h3 { display: none; margin: 0; padding: 0; background: transparent; }
#sidebar .menuall { position: relative; margin: 0; padding: 0; z-index: 1; }
#sidebar .menuall img { display: block; }/* [IE]부모좌측에4px버그해결  */

#sidemenu ul { list-style: none; margin:0 0 ; padding:0;}
#sidemenu ul li { margin:0; padding: 0; text-align:left;display: block; }
#sidemenu ul li img { display: block; padding:0; margin:0;}
#sidemenu ul li a { display: block; padding:9px 20px; margin:0; background: url(/img/layout/d2l.png) no-repeat; color:#fff !important;}
#sidemenu ul li a.on,
#sidemenu ul li a:hover {color:#fff; background: url(/img/layout/d2lon.png) no-repeat; }
#sidemenu ul li a.on {font-weight:bold;}

#sidemenu ul ul { display: block /* none; 춤추는것방지 */; list-style: none; width: 100%; margin:0; padding:10px  0px; background:transparent;}
#sidemenu ul ul li { margin: 0; padding: 0; border-bottom: 0; background: url(/img/layout/lm_dot.png) no-repeat 8px 5px; }
#sidemenu ul ul li.first {  }
#sidemenu ul ul li a { display: block; width: 165px; margin: 0; padding: 0px 0px 3px 19px; color:#fff !important; font-weight: normal; font-size:11px; line-height: 1.5; background:none; }
#sidemenu ul ul li a.on,
#sidemenu ul ul li a:hover { color: #fff; font-weight: bold; font-size:11px;padding: 0px 0px 3px 19px; background:none; }

.lb {padding:0; margin:0; list-style:none;}