* {
  margin: 0;
  padding: 0;
}

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

.header {
  max-width: 1640px;
  width: 85%;
  height: calc(20px + 4rem);
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_logo {
  width: 12.1951%;
}

.header_logo img {
  width: 100%;
}

.header_right {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(9px + 3rem);
}

.header_nav_item {
  height: 100%;
  position: relative;
}

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

.header_nav_item_act .p1 {
  color: #521FEA;
}

.header_nav_item .p1 a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_nav {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(4px + 3rem);
}

.header_search {
  width: calc(25px + 10rem);
  height: calc(2px + 2rem);
  background: #FBFBFB;
  border-radius: calc(80px + 5rem);
  border: 1px solid #D8D8D8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(3px + 0.25rem);
  padding: 0 calc(7px + 0.5rem);
}

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

.header_search input {
  width: 85%;
  height: 100%;
  border: none;
  outline: medium;
}

.header_nav_item .second_nav {
  display: none;
}

.header_nav_item:nth-of-type(4) .second_nav {
  display: flex;
}

.second_nav {
  width: calc(38px + 10rem);
  height: 0;
  background: #F5F5F5;
  border-bottom: calc(0px + 0.1rem) transparent solid;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(10px + 1.5rem);
  position: absolute;
  top: 101%;
  overflow: hidden;
  transition: .3s;
  padding: 0 calc(9px + 1rem);
}

.header_nav_item:hover .second_nav {
  height: calc(60px + 5rem);
  border-color: #0303B8;
  padding: calc(9px + 1rem) calc(9px + 1rem);

}

.second_nav .p2 {
  font-family: Roboto_Regular;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #000000;
  line-height: calc(1px + 1rem);
  text-align: left;
  transition: .3s;
}

.second_nav .p2:hover {
  color: #521FEA;
}

@media screen and (max-width: 1100px) {
  .header_box {
    display: none;
  }
}