@charset"UTF-8";
.main .content_left h2 {/* 서브 좌측메뉴 상단의 h2이미지 padding, margin 등의 값으로 위치 조정. */
  padding: 0 0 31px 0;
}
.main .content_left .leftmenu {
  padding: 0 0 95px 0;/* 레프트 메뉴 하단 이미지(박스 하단부) 적용을 위해 아래쪽에 패딩값을 할당(하단 이미지의 높이 만큼). */
  margin: 0 27px 0 0;
  width: 132px;
}
.main .content_left .leftmenu>li {
  width: 132px;
  border-bottom:1px solid #e1e1e1;
  color: #828282;
}
.main .content_left .leftmenu .ov3d{
  width: 132px;
  margin: 0 27px 0 0;
  border-bottom:none;
  color: #828282;
  background: url(/img/common/left_menu_bg.gif) no-repeat;
}
.main .content_left .leftmenu>li>a {
  display: block; /* display 속성이 inline인 a태그를 block레벨과 같은 형태로 사용하기위해 사용 */
  _display: inline-block;
  width: 132px;
  font-weight: 500;
  font-size: 14px;
  text-align: right;
  height: 32px;
  line-height: 32px; /* 세로 가운데 정렬을 위해 라인 높이를 지정 아래 버티컬 얼라인 속성과 함께 사용함. */
  vertical-align: middle; /* 세로 가운데 정렬table속성의 valign="middle"과 같은 용도. 단, 가운데의 기준은 텍스트라인의 높이에 의해 결정. */
  /* 위의 line-height와 vertical-align의 기법은 패딩등과 같은 속성으로 같은 효과를 낼 수 있으나, 텍스트의 경우 위의 기법이 조금더 효율적이라는 개인적인 판단... 꼭 위처럼 하지 않아도 될걸요.. */
  padding: 0 30px 0 0;
  color: #7A7A7A;
}
.main .content_left .leftmenu>li>a>span {
}
.main .content_left .leftmenu>.m1>a {border: 0;}
.main .content_left .leftmenu li a:hover {
  margin: 0 27px 0 0;
  background-position: 0px 0px;/* 오버시에 보여지는 이미지. 메뉴의 폭 만큼 보이는 영역을 이동시키면 된다. background-position: x(가로) y(세로); */
  background: url(/img/common/left_menu_bg.gif) no-repeat;
  color: #fff;
  font-weight: 800;
}
/* 오버 표시 */
.main .content_left .m1>.m1>a, .main .content_left .m2>.m2>a, .main .content_left .m3>.m3>a, .main .content_left .m4>.m4>a, .main .content_left .m5>.m5>a, .main .content_left .m6>.m6>a, .main .content_left .m7>.m7>a, .main .content_left .m8>.m8>a, .main .content_left .m9>.m9>a, .main .content_left .m10>.m10>a,
.main .content_left .m11>.m11>a, .main .content_left .m12>.m12>a, .main .content_left .m13>.m13>a, .main .content_left .m14>.m14>a, .main .content_left .m15>.m15>a, .main .content_left .m16>.m16>a, .main .content_left .m17>.m17>a, .main .content_left .m18>.m18>a, .main .content_left .m19>.m19>a, .main .content_left .m20>.m20>a,
.main .content_left .m21>.m21>a, .main .content_left .m22>.m22>a, .main .content_left .m23>.m23>a, .main .content_left .m24>.m24>a, .main .content_left .m25>.m25>a, .main .content_left .m26>.m26>a, .main .content_left .m27>.m27>a, .main .content_left .m28>.m28>a, .main .content_left .m29>.m29>a, .main .content_left .m30>.m30>a{
  background-position: 0 0px;/* 오버시에 보여지는 이미지. 메뉴의 폭 만큼 보이는 영역을 이동시키면 된다. background-position: x(가로) y(세로); */
  color: #2665a1;
  font-weight: 800;
}
/* 3depth */
.main .content_left .leftmenu li ul {padding: 3px 0 0 0;background: #8dccdd; width: 172px; margin: 0 0 0 25px;}
.main .content_left .leftmenu li ul li {height: 20px;}
.main .content_left .leftmenu li ul li a {padding:0 0 0 10px;line-height: 20px;font-size: 11px;font-weight: normal; height: 20px;color:#fff}
.main .content_left .leftmenu li ul li a:hover {color:#1f559b;}
.main .content_left .leftmenu li ul li a span {/* background: url(../../img/sub/left_--.gif) no-repeat 0 4px; */padding: 0 0 0 7px;}
.main .content_left .leftmenu .ov3d a {/* 오버시 좌표로 고정 */
  margin: 0 27px 0 0;
  border-bottom: 1px solid #fff;
  background-position: 0 0px;
  background-image: url(/img/common/left_menu_bg.gif) no-repeat;
  color: #fff;
  font-weight: 800;
}
.main .content_left .leftmenu .ov3d a span {padding: 0 11px 0 0;}
.main .content_left .leftmenu a span {padding: 0 11px 0 0;}