#submenu {margin: 0 auto;  max-width:1050px; 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:30px 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:#bbb; /*width:200px;*/ display:block; 
text-decoration:none; text-align:center; font-size:22px;   box-sizing:border-box; padding:12px 5px 0 5px; }

#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:after  { content: ""; clear: both; display: block;  }
#submenu .menu ul li.select_on a{ color:#299c59;  font-weight:400;  }
/*#submenu .menu ul li.select_on a::after { content:""; color:#000; display:block; width:50px; height:3px; background-color:#299c59; opacity:0.5;  margin:5px auto 0 auto;   }*/
/*#submenu .menu ul li a:hover{ color:#00ac98; font-weight:400;  transition: all 0.3s; }
#submenu .menu ul li a:hover:after{ content:"";  color:#000; display:block; width:50px; height:3px; background-color:#b6e7e1;  margin:5px auto 0 auto;   }*/
#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%; max-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 a{}
/*#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;font-weight:400; width:100%; display:block;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-right:0px solid #dfdfdf; 
 text-align:center; font-size:14px; margin:0;box-sizing: border-box; height:auto; padding:20px 0px 0 0px; }
#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;  height:auto; background: #fff;  padding:8px 17px 8px 17px;  border-right:0px; }
#submenu .menu ul li.select_on a{  font-weight:500 !important;  }
#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) {
}