/* ¼­ºê ¿ÞÂÊ ¸Þ´º leftmenu */
#leftmenu	{width:230px;float:left;box-sizing:border-box;  margin:35px 0; }

.mn_title      		{width:230px; background: #f5fcfb; border-top:3px solid #66cccc; padding:30px 0 30px 20px; box-sizing:border-box;  border-left:1px solid #ddd; border-right:1px solid #ddd;}
.mn_title span		{font-size:16px; font-weight:400; color:#999; text-align:left; letter-spacing:0.2px;}
.mn_title h2			{font-size:22px; font-weight:600; color:#333; text-align:left;}


/*#leftmenu ul			{background-color:#f6f6f6; border-top:1px solid #012a7e; border-bottom:1px solid #012a7e; margin-top:20px;}
#leftmenu li			{font-size:14px; color:#585858; line-height:50px; border-bottom:1px solid #e1e1e1; }
#leftmenu a				{display:block; padding-left:20px;}
#leftmenu a:hover		{background:#012a7e; color:#fff;}
*/

#leftmenu ul,
#leftmenu ul li,
#leftmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#leftmenu > ul	{   border:1px solid #ddd;}
#leftmenu ul ul { display: none;}

#leftmenu > ul > li.active2 > ul {display: block;}
.align-right {float: right;}

#leftmenu > ul > li > a {
  padding: 20px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  letter-spacing:-1px;
  text-decoration: none;
  color: #666;
  background: #fff;
  border-bottom:1px solid #e1e1e1;
  -webkit-transition: color .1s ease;
  -o-transition: color .1s ease;
  transition: color .1s ease;
}

#leftmenu > ul > li > a:hover {
  color: #5ac5c5 !important ;
  background: url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  }

#leftmenu > ul > li >  a:hover		{ color:#5ac5c5 !important;  }
#leftmenu > ul > li >  a:link		{text-decoration:none;  }
#leftmenu > ul > li >  a:active		{background:#fff; text-decoration:none;  color:#5ac5c5 !important; font-weight:600; }
#leftmenu > ul > li >  a:visited	{text-decoration:none; color:#666; }

#leftmenu > ul > li.ov >  a:hover		{background:url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none; color:#5ac5c5 !important; }
#leftmenu > ul > li.ov >  a:link		  {background:#fff url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none;  color:#5ac5c5 !important;  }
#leftmenu > ul > li.ov >  a:active		{ text-decoration:none; color:#5ac5c5; font-weight:500; }
#leftmenu > ul > li.ov >  a:visited		{background:#fff;text-decoration:none; color:#5ac5c5; }



#leftmenu ul > li.has-sub2 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}


#leftmenu ul > li.has-sub2 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#leftmenu ul > li.has-sub2.open > a:after,
#leftmenu ul > li.has-sub2.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu > ul > li.active3 > ul {display: block;}

#leftmenu ul > li.has-sub3 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3.open > a:after,
#leftmenu ul > li.has-sub3.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu ul ul li a {
  padding: 14px 32px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  border-bottom:1px solid #e2e2e2;
  color: #777;
    background:#fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

#leftmenu ul ul ul li a { padding-left: 32px;}

/* ÀÛÀº ¼Ò¸Þ´º */
#leftmenu > ul  > li > ul > li a:hover			{ color:#333 !important;  background:#f7f7f7;}
#leftmenu > ul  > li > ul > li a:link			{text-decoration:none;  }
#leftmenu > ul  > li > ul > li a:active			{background:#f7f7f7; text-decoration:none; color:#333; font-weight:600; }
#leftmenu > ul  > li > ul > li a:visited		{text-decoration:none; color:#777; }

#leftmenu > ul > li > ul > li.ov  a:hover		{background:#f7f7f7; text-decoration:none;  color:#66cccc !important; }
#leftmenu > ul > li > ul > li.ov  a:link		{background:#f7f7f7; text-decoration:none; color:#333; }
#leftmenu > ul > li > ul > li.ov  a:active		{background:#f7f7f7; text-decoration:none; color:#333; font-weight:500; }
#leftmenu > ul > li > ul > li.ov  a:visited		{background:#f7f7f7; text-decoration:none; color:#333; }

#leftmenu ul ul li a:hover {color: #ffffff; }


/* ¾ÆÄÚµð¾ð CSS */

#leftmenu .menu a {
  display: block;
  padding: 10px 15px;
}

#leftmenu .drop-down a {
  min-width: 90px;
}

#leftmenu .drop-down-menu {
  display: block;
}

#leftmenu .menu-title {
  cursor: pointer;
  display:block;
  padding: 12px 20px;
  font-weight:400 !important;
}

#leftmenu .activate {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin: 0 0 0 -15px;
  opacity: 0;
}

/* Skin */
#leftmenu .menu a, .drop-down-menu {
  background: #fff;
  color:#666;

}

#leftmenu .menu a:hover, .drop-down-menu:hover {
  color: #66cccc;
}

#leftmenu .drop-down a {
  background: #fff;
  border:none;
  padding:9px 18px;
}

#leftmenu .drop-down a:hover {
  color: #66cccc;
}

#leftmenu .menu  {
	font-size:16px;
}

:checked ~ .menu-title {
  color:#66cccc;
  background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;
}

#leftmenu .drop-down {
  max-height: 0;
  overflow: hidden;
}

#leftmenu .drop-down a {
  background: #fff;
  font-size:15px;

}

#leftmenu .activate:checked ~ .drop-down {
  max-height:500px;
}

#leftmenu .drop-down,
#leftmenu .menu a, .drop-down-menu {
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#leftmenu .drop-down-menu {border-bottom:1px solid #ddd;}


#leftmenu .drop-down ul li:first-child{padding-top:6px}
#leftmenu .drop-down ul li:last-child{padding-bottom:6px}




#leftmenu .customer_box {width:100%; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box; border:1px solid #ddd; border-top:none;}

#leftmenu .customer_box>span {font-size:18px; font-weight:500; color:#006fb7;}
#leftmenu .customer_box h3 {font-size:28px; font-weight:600; color:#006fb7;  margin-bottom:5px;}

#leftmenu .customer_box p {font-size:15px; font-weight:400; color:#666;}
#leftmenu .customer_box p>span {font-size:16px; font-weight:500; color:#555;}