#submenu {width:210px; padding-bottom:50px}
#submenu .menu {border:1px solid #dfdfdf; padding:0 20px 50px 20px; border-radius:20px; box-shadow:1px 1px 5px rgba(0,0,0,0.1) }
#submenu .menu h2 {display:table-cell;font-weight:600; vertical-align:middle;width:210px; height:130px; 
font-size:25px; text-transform: uppercase;  color:#0172BC;  }
#submenu .menu h2 span {font-size:14px; display:block; padding-top:5px; font-weight:500; color:#aaa}
#submenu .menu ul  { padding:0 ; margin:0; list-style:none;   }
#submenu .menu ul li:first-child a{border-top:1px solid #dfdfdf}
#submenu .menu ul li a{ display:block; padding:12px 0 12px 3px ; font-size:16px;   border-bottom:1px solid #dfdfdf;background-position:right center; }
#submenu .menu ul li a:hover {background:url("../img/arrow_bl.svg")no-repeat right center; }
#submenu .menu ul li.select_on { background-image:url("../img/arrow_bl.svg"); 
background-repeat:no-repeat; background-position:right center;}
#submenu .menu ul li.select_on:hover {background:none}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#submenu{ clear:both;  width:100%; border-left:0px solid #dfdfdf; padding-bottom:0; margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:12;}
#submenu .menu h2 {display:none;}
#submenu .menu {width:100%; box-sizing: border-box;  margin:0 auto;  padding:0; border:0;   box-sizing: border-box;}
#submenu .menu ul li:hover > ul  { display: block; *display:none;  }
#submenu .menu ul  {list-style: none;  padding: 0; margin: 0; display:block;}
#submenu .menu ul li { float: left; width:50%;  }
#submenu .menu ul li a{ display:block; padding:8px 15px; font-size:14px; line-height:16px; 
 border-left:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  border-top:0px solid #dfdfdf; border-right:0px solid #dfdfdf; background-position:95% center; }
#submenu .menu ul li:first-child a{border-top:0px solid #dfdfdf; border-left:0;}
#submenu .menu div.sub_tit {background:none; }
#submenu .menu ul li:last-child a{border-right:0px solid #dfdfdf;}
#submenu .menu ul li:only-child { width: 100%; display:none; }            
#submenu .menu ul li:first-child, {border-left:0px solid #dddddd;}
#submenu .menu ul li:first-child:nth-last-child(2),                      
#submenu .menu ul li:first-child:nth-last-child(2)+li { width: 50%; }    
#submenu .menu ul li:first-child:nth-last-child(3),                      
#submenu .menu ul li:first-child:nth-last-child(3)~li { width: 33.33%; } 
#submenu .menu ul li:first-child:nth-last-child(4),                       
#submenu .menu ul li:first-child:nth-last-child(4)~li { width: 50%; }     
#submenu .menu ul li:first-child:nth-last-child(5),                       
#submenu .menu ul li:first-child:nth-last-child(5)~li { width: 33.33333%; }     
#submenu .menu ul li.select_on { background-position:90% center;}
	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}