css - center로 보내기

position을 이용해 요소의 중앙에 배치하기
1) top: 50% / left: 50% / transform: translate (-50%, -50%)
2) top: 50% / left: 50% / margin-left:-(width절반)px; / margin-top:-(width절반)px;
3) calc()함수를 사용
calc(50% - 100px)

※position 지정 후           

  left: 50%;    /* center로 보내기!! */

  top: 50%;     /* center로 보내기!! */
  transform: translate(-50%,-50%);     /* center로 보내기!! */