/* Start Menu css*/
#dropdownmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
  background: transparent;
  font-size: 12px;
}
#dropdownmenu a {
  background: transparent;
  color: #333;
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
#dropdownmenu ul,
#dropdownmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#dropdownmenu > ul {
  position: relative;
  z-index: 597;
  *display: inline-block;
}
#dropdownmenu:after,
#dropdownmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#dropdownmenu ul {
  text-transform: uppercase;
}
#dropdownmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
  padding: 20px 0px;
}

#dropdownmenu ul ul {
  text-transform: none;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
  bottom: 0;
  margin-top: 0;
}
#dropdownmenu ul ul a {
  background: #ffffff;
  color: #000;
  border: 1px solid #e3e3e3;
  border-top: 0 none;
  padding: 12px 20px;
  font-size: 12px;
    min-width: 180px;
}

#dropdownmenu ul ul li {
  float: none;
  position: relative;
  font-weight: normal;
    padding: 0px;
}
#dropdownmenu ul ul ul {
  top: 0;
  left: 180px;
  width: 180px;
  border-top: 0 none;
}
#dropdownmenu ul li.hover,
#dropdownmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#dropdownmenu ul li:hover > ul {
  visibility: visible;
}
#dropdownmenu ul ul li:first-child > a {
  border-top: 1px solid #e3e3e3;
}

#dropdownmenu ul ul li:last-child > a {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#dropdownmenu ul ul li:last-child:hover > a {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#dropdownmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#dropdownmenu ul li:hover > a,
#dropdownmenu ul li.active > a {
  color: #ed9528;
}
#dropdownmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#dropdownmenu ul li.last ul {
  left: auto;
  right: 0;
}
#dropdownmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#dropdownmenu ul li ul li.menu-item-object-page a{
    border-right: 1px solid #e3e3e3;
}
#dropdownmenu > ul > li > a {
  font-size: 12px;
  border-right: 1px solid #e3e3e3;
}
#dropdownmenu ul li:first-child a{
    border-right: 1px solid #e3e3e3;
}
#dropdownmenu ul li:last-child a{
  border-right: 0px;
}
#dropdownmenu ul ul li:last-child a{
    border-right: 1px solid #e3e3e3 !important;
}
#dropdownmenu ul li.current_page_ancestor a{color:#ed9528;}
#dropdownmenu ul li.current_page_ancestor ul li:hover a {color: #ed9528;}
#dropdownmenu ul li.current_page_ancestor ul li a{color: #000;}
#dropdownmenu ul li.current_page_ancestor ul li.active a{color: #ed9528;}
#dropdownmenu ul li.current_page_ancestor ul li.current_page_ancestor a{color: #ed9528;}
#dropdownmenu ul li.current_page_ancestor ul li:hover ul li a{color: #000;}
#dropdownmenu ul li.current_page_ancestor ul li:hover ul li:hover a{color: #ed9528;}
#dropdownmenu ul li.current_page_ancestor ul li:hover ul li:hover a{color: #ed9528;}
#dropdownmenu ul li.current_page_ancestor ul li:hover ul li.active a{color: #ed9528;}

@media only screen and (min-width: 950px ) {
    .panel{display: none;}
    #mo-menuwarp{display: none;}
    
}

@media only screen and (max-width: 949px ) {
    
    #dropdownmenu a{color: #000;}
    #dropdownmenu > ul > li > a {border-right: 0px;line-height: 45px;}
    #dropdownmenu ul li{padding: 0px;}
    #dropdownmenu ul li:first-child a {border-right: 0px;}
    #dropdownmenu ul ul{left: 15px;}
    #dropdownmenu ul ul a{padding: 0px 30px;}
    #dropdownmenu ul li ul li.menu-item-object-page a{background: #dedede;}
    #dropdownmenu ul ul ul{
        top: 45px;
        left: 40px;
        width: 100%;
    }
    #dropdownmenu ul ul li.has-sub > a:after{
        top:0;
        right: 30px;
        margin-top:0px;
    }
    #dropdownmenu ul ul li:last-child a{background: #dedede;}
    .header-box{display: none}
    .nav-box{display: none;}
    /*모바일메뉴 전체*/
    #mo-menuwarp{
        height: 60px;
        text-align: center;
    }
    .menu-logo{
        padding: 5px 0px;
        width: 50%;
        margin: 0 auto;
    }
/*
    .active{
        background: #e8e8e87d !important;
    }
*/
    .panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 100%;
  width: 80%;
  background-color: #383b42;
}

.panel .ninja-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 30.285714px 31px;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 30px;
  height: 20.18181818px;
}
.panel .ninja-btn span,
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 30px;
  height: 2px;
  background-color: #333;
}
.panel .ninja-btn span {
  position: relative;
  display: inline-block;
  float: left;
/*  margin-top: 9.09090909px;*/
}
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.panel .ninja-btn span:before {
  top: -9.09090909px;
}
.panel .ninja-btn span:after {
  top: 9.09090909px;
}
.panel-head{
   background: #dadada;
    text-align: left;
}
    
/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
.panel .ninja-btn.active span {
  background-color: transparent;
}
.panel .ninja-btn.active span:before,
.panel .ninja-btn.active span:after {
  top: 0;
/*    background: #fff;*/
}
.panel .ninja-btn.active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.panel .ninja-btn.active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -msa-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
.panel-menu-logo{
    padding: 20px 10px;
    max-width: 200px;
    }
.panel ul {
  width:100%;
  list-style-type: none;
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 0;
  top: 15%;
  left: 0;
  right: 60px;
  height: auto;
  text-align: left;
}

.panel ul li,
.panel ul a {
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 45px;
  padding: 0;
  font-weight: 200;
    color: #fff;
}
.panel ul li{
  height:45px;
  border-top: 1px solid #b3b3b3;
    padding-left: 30px;
    font-size: 14px;
}
.panel ul li.menu-label a{
  padding:11px 0 0 40px;
  height:100%;
  display:block;
  font-size: 17px;
  text-transform: lowercase;
    color: #fff;
}
.panel ul li.menu-label:first-child {
  border-top: 0;
}

.panel ul li.menu-contacts a {
  font-size: 16px;
  text-transform: inherit;
}
.mo-menu-title{
        padding: 20px;
    line-height: 80px;
    font-size: 30px;
    color: #333;
}
/* 안보이는 패널위치고정 */
.panel-overlay {
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
    .panel-overlay.active{
        background: #0000007d !important;
    }
.panel.left {
  left: -800px;
}
/*패널 버튼 부분 위치*/
/*
.panel.left .ninja-btn {
  left: 790px;
    background: transparent;
}
*/
/* 패널이 활성화 되었을때 */
.panel.left.active {
  left: 0;
  overflow: scroll;
  background: #ffffff !important;
}
.panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -90px;
}

.panel ul li.sub-menu{
  background: #2e333c;
  padding:11px 0 0 50px;
}

}