#subMenuWrap {width:100%;  height:50px; background-color:#fff; border-bottom:1px solid #dfdfdf; }
#submenu {  margin: 0 auto;  max-width:1180px; text-align:center; position: relative;}
#submenu .bt_home a{display:block;  background-image:url(../img/ico_home.png); background-repeat:no-repeat; background-position:center center;
 width:55px; height:50px; position:absolute; left:0; top:0; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
#submenu .menu {padding-left:55px;}
#submenu{ clear:both;  margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:12;}
#submenu .menu > ul > li {position:relative; float: left; text-align:left;   box-sizing: border-box; padding:0; margin:0;}
/*#submenu .menu > ul > li:before {content:""; background-color:#dfdfdf; height:45px; width:1px; position:absolute; left:0; top:0px;}*/
#submenu div:focus {outline:none;}
#submenu span.msg,span.choose {  color: #555;  padding: 5px 0 10px;  display: inherit}
#submenu .dropdown { width: 280px;  display: inline-block;
  /*background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 2px rgb(204, 204, 204);*/
  transition: all .5s ease;  position: relative;  font-size: 16px;   height: 100%;  text-align: left}
#submenu .dropdown .select {color:#333; cursor: pointer; border-right:1px solid #dfdfdf;  display: block; 
padding: 12px 13px 0px 20px; height:50px;}
#submenu .dropdown .select  i { /*font-size: 13px; color: #888;*/ cursor: pointer; transition: all .3s ease-in-out; 
float: right;  width:24px; height:24px;background:url("../img/arrow.png")no-repeat center; top:0;}
#submenu .dropdown:hover { /* background-color: #f5f5f5;  box-shadow: 0 0 4px rgb(204, 204, 204)*/}
#submenu .dropdown:active {  /*background-color: #333*/}
#submenu .dropdown.active:hover,#submenu .dropdown.active {/*    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 2px 2px 0 0;    background-color: #333*/}
#submenu .dropdown.active .select { border-bottom:1px solid #dfdfdf;}
#submenu .dropdown.active .select  i { transform: rotate(180deg)}
#submenu .dropdown .dropdown-menu { position: absolute;  background-color: #fff;   width: 100%; left: 0px; margin-left:-1px; 
     overflow: hidden;  /*box-shadow: 0 0 4px rgb(204, 204, 204);*/  display: none;    overflow-y: auto;    z-index: 9;
     border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; width:calc(100% + 1px)}
#submenu .dropdown .dropdown-menu li a{display:block;  padding: 10px 20px;   transition: all .2s ease-in-out; } 
#submenu .dropdown .dropdown-menu {   padding: 0px 0;  list-style: none; }
#submenu .dropdown .dropdown-menu li a:hover { background-color: #175ac9; color:#fff }
#submenu .menu ul li.m_on a{color:#175ac9; font-weight:500; text-decoration:none;  }
#submenu .menu ul li.m {display:block;}

#submenu .dropdown .select #content_tit { text-align: left; padding:0; font-weight:400; font-size:16px;}
#submenu .dropdown .select #content_tit::after {display:none;}

/*#submenu .menu {width:980px; 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;}*/
/*#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{ display:block; font-size:16px; font-weight:500; margin:0;box-sizing: 
border-box; height:50px; background:url("../../img/main/bg_menu.png")no-repeat 88% center; padding:12px 45px 0 15px; }
#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:0px; position: absolute; top: 100%; border:1px solid #dfdfdf;  z-index:5;  }
#submenu .menu ul ul li  { float: none; min-width:149px; box-sizing:border-box; text-align:left; width:100%; height:auto; border-right:0px; }
#submenu .menu ul li ul li a { border-bottom:1px solid #dfdfdf; font-size:13px; margin: 0; font-weight:bold; height:auto; background: #f5f5f5;  padding:11px 17px 11px 17px;  border-right:0px;}
#submenu .menu li li a:hover {  text-decoration: underline; margin: 0; background-image:none; background-color:#fff;}
#submenu .menu ul li.select_on a{background-color:#0054a6 !important; text-decoration:none; color:#fff;  }*/


/*#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;  }
#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:#555;  background-color:#fff; border-top:0px solid #dfdfdf; border-bottom:0px solid #dfdfdf;border-right:1px solid #dfdfdf; 
text-decoration:none;  display:block; text-align:center; font-size:16px; font-weight:400; margin:0;  box-sizing:border-box; padding:12px 5px 13px 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{background-color:#fff; color:#096eb8;  font-weight:500;border-top:0px solid #888; 
 border-bottom:0px solid #111; }
#submenu .menu ul li a:hover{ background-color:#f9f9f9; }
*/

#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;  }

#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) {
#subMenuWrap { margin-top:68px;  }	
#submenu{ clear:both; max-width:100%; width:100%; border-left:1px solid #dfdfdf;  margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:1;}
#submenu .menu > ul > li { float: left; width:50%;}
.mjob #submenu .menu > ul > li { float: left; width:33.33333%;}
#submenu .bt_home a{display:none;}
#submenu .menu {padding-left:0px;}
#submenu .menu > ul > li:first-child:before {content:none;}
#submenu div:focus {outline:none;}
#submenu .dropdown { width: 100%; font-size:15px; }
#submenu .dropdown .select #content_tit { font-size:15px;}
#submenu .dropdown .select {padding: 11px 10px 10px 15px; }
#submenu .dropdown .dropdown-menu li a{  padding: 8px 20px; }
/*#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; 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 .bt_home a{display:none; }
#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.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 {	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) {
}