* {
  margin: 0;
  padding: 0;
}

.header_box {
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
  border-bottom: 1px #DCDCDC solid;
}

.header {
  max-width: 1700px;
  width: 92.5%;
  float: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_logo {
  width: calc(6px + 10rem);
}

.header_logo img {
  width: 100%;
}

.header_right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header_nav_box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(4px + 4rem);
}

.header_nav_item {
  font-family: Century Gothic;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #2B2B2B;
  line-height: 1;
}

.header_nav_item_act {
  color: #008ACF;
}

.header_contact {
  width: calc(20px + 10rem);
  height: calc(20px + 4rem);
  background: #0072BA;
  margin-left: calc(12px + 5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(3px + 0.5rem);
  font-family: Century Gothic;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;
  line-height: 1;
}