#submenu {  margin: -33px auto 0px auto;  max-width:1200px; text-align:center; z-index: 9; position:relative; }
#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; box-shadow:2px 3px 10px rgba(0,0,0,0.1); }
#submenu .menu ul li { float:left;  box-sizing: border-box; padding:0; margin:0px 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:rgba(255,255,255,0.5); background-color:#82A284; /*background-color:#2ab6ad;*/ border-left:1px solid rgba(255,255,255,0.2);
 text-decoration:none;  display:block; text-align:center; font-size:20px; font-weight:500; margin:0; height:65px; 
 box-sizing:border-box;  padding:16px 5px 0 5px; }
#submenu .menu ul li:first-child a{border-left:0px;}
#submenu .menu ul li.select_on a{ font-weight:500; color:rgba(255,255,255,1); /*background-color:#1aaaa1;*/  }
#submenu .menu ul li a:hover{ color:#fff; }

#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 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; top:0; left:0; width:100%;  text-align:center; z-index: 99; } 
#submenu .menu-fixed ul {width:1200px; }
#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:1;}
#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 {width: 33.33%; float: left;  
 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(6),#submenu .menu ul li:first-child:nth-last-child(6)~li { width: 33.33333%; }     

#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 a{width:100%; display:block; text-align:center; font-size:15px; border-bottom:1px solid rgba(255,255,255,0.2); font-weight:500; margin:0;box-sizing: border-box; height:45px; 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 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 {	position:relative;	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) {
}