a {
  &, &:link, &:visited, &:hover, &:active {
    text-decoration: none;
  }
}
%anchor-unstyled {
  &, &:link, &:visited, &:hover, &:active {
    text-decoration: none;
    color: inherit;
  }
}

%ul-unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}



%arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-bottom: 5px solid black;
}

%arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-top: 5px solid black;
}

%arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;

  border-left: 5px solid black;
}

%arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;

  border-right:5px solid black;
}


// 전체 화면
%after-block {

  // 검은 블라인드를 before로 처리한다.
  &, &:before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  &:before {
    z-index: -1;
    content: '';
    background-color: black;
    opacity: .92;
  }

  & {
    display: none;
  }

  &.active {
    display: block;
  }
}