#submenu {margin: 0 auto;  max-width:1100px; text-align:center; }
#submenu .menu ul li:hover > ul  { display: block; *display:none;  }
#submenu .menu ul  {list-style: none; width:100%; text-align:center;  padding: 0px 0 0 0; overflow:hidden; display:inline-block;  }
#submenu .menu ul li { float:left;  box-sizing: border-box; padding:0; margin:50px 0 0px 0;}
#submenu .menu ul li.first a{ background:none; padding-right:15px; padding-top:11px;  }
#submenu .menu ul li.first {text-align:center; min-width:50px !important; }
#submenu .menu ul li.dep {border-bottom:1px solid #999;}
#submenu .menu ul li a{color:#555; /*width:200px;*/ background-color:#fff; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf; 
text-decoration:none;  display:block; text-align:center; font-size:17px; font-weight:normal; margin:0; height:50px; box-sizing:border-box; padding:12px 5px 0 5px; }
#submenu .menu ul li:last-child a{border-right:1px solid #dfdfdf;}

#submenu .menu ul li:only-child { width: 100%; display:none; }
#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.33333%; } 
#submenu .menu ul li:first-child:nth-last-child(4),#submenu .menu ul li:first-child:nth-last-child(4)~li { width: 25%; }     
#submenu .menu ul li:first-child:nth-last-child(5),#submenu .menu ul li:first-child:nth-last-child(5)~li { width: 20%; } 
#submenu .menu ul li:first-child:nth-last-child(6),#submenu .menu ul li:first-child:nth-last-child(6)~li { width: 16.66666%; }  
#submenu .menu ul li:first-child:nth-last-child(7),#submenu .menu ul li:first-child:nth-last-child(7)~li { width: 14.2857143%; } 

#submenu .menu ul:after  { content: ""; clear: both; display: block;  }
#submenu .menu ul li.select_on a{background-color:#004ea0; color:#fff; border:0px solid #111; font-weight:500 }
#submenu .menu ul li a:hover{ border-bottom:1px solid #004ea0 /*#B02226;*/  }
#submenu h3.tit {text-align:center; padding:50px 0 0px 0 ; font-weight:normal; font-size:34px; position:relative;  }
#submenu h3.tit::after {content:""; display:block; width:30px; height:2px; background-color:#dfdfdf;  margin:10px auto 0 auto; text-align: center;  }
#submenu .menu-fixed {	position:fixed; height:50px; border-bottom:1px solid #dfdfdf; 
 top:0; left:0; width:100%; background-color:#f5f5f5; text-align:center; z-index: 99; } /*메뉴고정*/
#submenu .menu-fixed ul {padding:0; margin:0; }
#submenu .menu-fixed  ul li {  margin:0px 0 0px 0;}
#submenu .menu-fixed  ul li:only-child { width: 100%; display:block; }

#depth3 {border-top:1px solid #888; border-bottom:1px solid #888; margin-top:40px; }
#depth3 ul {overflow:hidden; list-style:none; width:50%; margin:0 auto ; }
#depth3 ul li{width:50%; float:left; text-align: center; padding:15px 20px; font-size:20px; color:#777;
background:url("../../../../common/arrow2_04_1.gif")no-repeat 70px center;   }
#depth3 ul li.depth3_on {color:#ed1c24; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#submenu{ clear:both;  width:100%; border-left:1px solid #dfdfdf;  margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:12;}
#submenu .menu {width:100%; box-sizing: border-box;  margin:0 auto;  padding: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; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#f7f7f7;  text-align:left;  box-sizing: border-box; padding:0; margin: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:first-child:nth-last-child(7),#submenu .menu ul li:first-child:nth-last-child(7)~li { width: 33.33333%; }        

/*#submenu .menu ul li:nth-child(even) {background-color:#f9f9f9;} 
#submenu .menu ul li:nth-child(odd) {background-color:#e5e5e5;}*/ 

#submenu .menu ul li.first a{ background:none; padding-right:15px; padding-top:11px;  }
#submenu .menu ul li.first {text-align:center; min-width:50px !important; }
#submenu .menu ul li.dep {}
#submenu .menu ul li a{background:none; width:100%; display:block;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-right:0px solid #dfdfdf; 
 text-align:center; font-size:15px; color:#666; font-weight:500; margin:0;box-sizing: border-box; height:40px; padding:10px 10px 0 10px; }
#submenu .menu ul:after  { content: ""; clear: both; display: block;  }
#submenu .menu ul ul {display: none; background: #fff; padding: 0;  margin: 0 0 0 -1px; box-sizing:border-box; padding:5px 0 10px 0; position: absolute; top: 100%; border:1px solid #dfdfdf;  z-index:5;  }
#submenu .menu ul ul li  { float: none; min-width:119px; box-sizing:border-box; text-align:left; width:100%; height:auto; border-right:0px; }
#submenu .menu ul li ul li a { font-size:13px; margin: 0; font-weight:bold; height:auto; background: #fff;  padding:8px 17px 8px 17px;  border-right:0px;}
#submenu .menu ul:after  { content: ""; clear: both; display: block;  }
#submenu .menu ul li a{  border:0; }
#submenu .menu li li a:hover {  text-decoration: none; margin: 0; background-image:none;  }

#submenu h3.tit {text-align:center; padding:35px 0 10px 0 ; font-weight:normal; font-size:30px; position:relative;  }
#submenu h3.tit::after {content:""; display:block; width:30px; height:2px; background-color:#dfdfdf;  margin:10px auto 0 auto; text-align: center;  }
#submenu .menu-fixed {	background-color:#fff; height:auto; border-bottom:0; } /*메뉴고정*/

#depth3 {border-top:1px solid #888; border-bottom:1px solid #888; margin-top:40px; }
#depth3 ul {overflow:hidden; list-style:none; width:90%; margin:0 auto ; }
#depth3 ul li{width:50%; float:left; text-align: center; padding:15px 20px; font-size:20px; color:#777;
background:url("../../../../common/arrow2_04_1.gif")no-repeat 10% center;   }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}