header {
  display: flex;
  justify-content: space-between;
  padding: 2.5rem 8%;
  position: relative;
}

/* 원래 메인, 헤더 w 1600px */
header>:nth-child(1) {
  width: 230px;
  opacity: 0.8;
}

header a {
  padding: 10px 20px;
  line-height: 2.2rem;
}

/* border 효과 */
.nav2 a {
  transition: 800ms ease all;
  outline: none;
  position: relative;
}

.nav2 a:hover {
  border: none;
}

.nav2 a:before,
.nav2 a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  background: #aaa;
  transition: 400ms ease all;
}

.nav2 a:after {
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.nav2 a:hover:before,
.nav2 a:hover:after {
  width: 100%;
  transition: 800ms ease all;
}
/*여기까지*/

header div img {
  width: 25px;
  height: 25px;
  margin: 5px 0px 0px 8px;
  opacity: 0.5;
}
