#topmenu {
  position: relative;
  list-style: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  margin: 0px auto 0;
  max-width:750px;
  overflow: hidden;
  height:280px;		z-index: 99999;
}
#topmenu li {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-size:20px;
  display: inline-block;
  position: relative;
  z-index: 5;
  padding: 10px 0px 0px 27px;
  cursor: pointer;
  min-width: 110px;  z-index: 99999;
}

#topmenu li a{
  padding: 0px 0px 50px 0px;  
}



li {
  margin: 0;z-index: 99999;
}


.drop {
  overflow: hidden;z-index: 99999;
  list-style: none; 
  position: absolute;
width: 130px;
left: 0px; 
  margin-top: 37px;
}
.drop div {
display:hidden;
  -webkit-transform: translate(0, -130%);
  -moz-transform: translate(0, -130%);
  -ms-transform: translate(0, -130%);
  transform: translate(0, -130%);
  -webkit-transition: all 0.3s 0.1s;
  -moz-transition: all 0.3s 0.1s;
  -ms-transition: all 0.3s 0.1s;
  transition: all 0.3s 0.1s;
}


.drop li {
  display: block;z-index: 99999;
  width: 100%;
    font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-size:14px;
  background: url('../image/menuback.png') repeat; !important;
    position: relative;
  z-index: 9999;
}

.drop li a{
clear:both;
    font-family: 'Noto Sans KR';
  font-style: normal;z-index: 99999;
  font-weight: 400;
  color:#666;
  font-size:15px;  

}


.drop li a:hover{
  color:#000;z-index: 99999;
  }


#marker {
  height: 6px;
  background: #006bb9 !important;
  position: absolute;
top: 71px;
  width: 130px;
  z-index: 99;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s;
}

#marker { 

  -webkit-transform: translate(-135px, 0);
  -moz-transform: translate(-135px, 0);
  -ms-transform: translate(-135px, 0);
  transform: translate(-135px, 0);

}



#topmenu li:nth-child(1):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#topmenu li:nth-child(1):hover ~ #marker {
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

#topmenu li:nth-child(2):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#topmenu li:nth-child(2):hover ~ #marker {
  -webkit-transform: translate(140px, 0);
  -moz-transform: translate(140px, 0);
  -ms-transform: translate(140px, 0);
  transform: translate(140px, 0);
}

#topmenu li:nth-child(3):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#topmenu li:nth-child(3):hover ~ #marker {
  -webkit-transform: translate(281px, 0);
  -moz-transform: translate(281px, 0);
  -ms-transform: translate(281px, 0);
  transform: translate(281px, 0);
}

#topmenu li:nth-child(4):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#topmenu li:nth-child(4):hover ~ #marker {
  -webkit-transform: translate(425px, 0);
  -moz-transform: translate(425px, 0);
  -ms-transform: translate(425px, 0);
  transform: translate(425px, 0);
}


#topmenu li:nth-child(5):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#topmenu li:nth-child(5):hover ~ #marker {
  -webkit-transform: translate(564px, 0);
  -moz-transform: translate(564px, 0);
  -ms-transform: translate(564px, 0);
  transform: translate(564px, 0);
}



#topmenu li:nth-child(6):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#topmenu li:nth-child(6):hover ~ #marker {
  -webkit-transform: translate(704px, 0);
  -moz-transform: translate(704px, 0);
  -ms-transform: translate(704px, 0);
  transform: translate(704px, 0);
}







#navbar {
margin-top:1px; z-index:99; 
}

.sticky {
  position: fixed; top:-1px;
  width: 100%;    background: url('../image/menu_sc.png') repeat-x; !important;   
  padding-top:1px;
}

.sticky .drop {
 display:none;
}
.sticky + .content {
  padding-top: 0px;
}



