.main_ul
{
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height:72px;
    overflow: hidden;
    background: #273044 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 8px #00000069;
    opacity:1;
}

.main_ul a
{
    font-size:20px;
    font-family: 'Noto Sans KR', sans-serif;
}

.main_li {
    display: inline;
    float: right;
}

.main_li a {

  display: block;
  color: white;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  font-family: 'Noto Sans KR', sans-serif;
}

.main_li a:hover
{
    color: #707070;
    cursor:pointer;
}

.badge
{
      position: absolute;
      top: 9px;
      right: 117px;
      color: white;
}


.dropbtn
{
  //background-color: #3498DB;
  //color: white;
  //padding: 16px;
  //font-size: 16px;
  //border: none;
  //cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus
{
   //background-color: #2980B9;
}

.dropdown
{
  position: relative;
  display: inline-block;
}

.dropdown-content
{
  display: none;
  position: absolute;
  //background-color: #f1f1f1;
  background-color:#FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a
{
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover
{
    background-color: #ddd;
}




.infobtn
{
  //background-color: #3498DB;
  //color: white;
  //padding: 16px;
  //font-size: 16px;
  //border: none;
  //cursor: pointer;
}

.infobtn:hover, .infobtn:focus
{
  //background-color: #2980B9;
}

.infodown
{
  position: relative;
  display: inline-block;
}

.infodown-content
{
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.infodown-content a
{
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.infodown-content .a:hover
{
    background-color: #ddd;
}