* {
  margin: 0;
  padding: 0;
}

.header_box {
  width: 100%;
  background-color: #ffffff;
  padding: calc(5px + 0.5rem) 0;
}

.header {
  max-width: 1640px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_logo {
  width: calc(18px + 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(17px + 3rem);
}

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

.header_nav_item_act {
  color: #E40000;
}

.lang {
  font-family: D_DIN_PRO_Regular;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #000000;
  line-height: 1;
  margin-left: calc(17px + 3rem);
}

.header_right .line {
  width: 1px;
  height: calc(4px + 0.5rem);
  background: #000000;
  margin-left: calc(5px + 1.5rem);
}

.search {
  margin-left: calc(1px + 2rem);
  cursor: pointer;
  position: relative;
}

.search img {
  width: calc(8px + 0.5rem);
}

.search_box {
  width: 0;
  position: absolute;
  right: calc(5px + 1rem);
  top: -40%;
  z-index: 10;
  border: 1px transparent solid;
  background-color: #ffffff;
  overflow: hidden;
  transition: .5s;
}

.search_box input {
  width: 90%;
  height: calc(15px + 1rem);
  border: none;
  outline: medium;
  margin-left: 5%;

}

.search:hover .search_box{
width: calc(100px + 5rem);
border-color: #00000069;
}