@charset "utf-8";

#noti-circle1{
  position: absolute;
  right: 214px;
  top: 24px;
  display: none;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #e82a2a;
  color: #fff;
  text-align: center;
  line-height: 16px;
  z-index: 1;
}
.main-header a:hover{
  text-decoration: none !important;
}

@media only screen and (min-width: 769px) and (max-width: 860px) {
	#noti-circle1{
	  right: 193px;
	  top: 17px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 768px) {
  #noti-circle1{
    right: 125px;
    top: 17px;
  }
}
@media only screen and (max-width: 540px) {
  #noti-circle1{
    right: 19px;
    top: 17px;
  }
}