#header {
  font-family: "Roboto", "맑은 고딕", sans-serif;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 calc((100% - 1024px) / 2);
  height: 105px;
}

#header .logo_r {
  display: flex;
  align-items: center;
  margin-left: auto;
}

#header .event_btn:nth-child(2) {
  position: absolute;
  top: 85px;
  right: 30px;
  z-index: 1000;
}

#header .logo_l {
  width: fit-content;
  height: fit-content;
}

#header a {
  display: block;
  padding: 10px 0;
  box-sizing: content-box;
}

#header .event_btn {
  display: block;
  width: 120px;
  padding: 10px 0;
  display: none;
}

@media (max-width: 1200px) {
  #header {
    padding: 10px 20px;
    height: fit-content;
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  #header .logo_l img {
    width: 170px;
    padding-left: 0;
  }

  #header .logo_r img {
    width: 170px;
  }

  #header .event_btn {
    width: 90px;
  }

  #header .event_btn:nth-child(2) {
    top: 65px;
    right: 25px;
  }
}

@media (max-width: 480px) {
  #header .logo_l img {
    width: 140px;
  }

  #header .logo_r img {
    width: 140px;
  }
}