/* =====================================
              애니메이션
===================================== */

.ani-shake:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(3px, 0, 0);
  }
}

/* =====================================
              너비
===================================== */
.max-width-1420px {
	max-width: 1420px;
	margin: 0 auto;
}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.pt-8  {padding-top: 8px;}
.pt-16 {padding-top: 16px;}
.pt-24 {padding-top: 24px;}
.pt-32 {padding-top: 32px;}
.pt-40 {padding-top: 40px;}
.pt-48 {padding-top: 48px;}
.pt-56 {padding-top: 56px;}
.pt-64 {padding-top: 64px;}
.pt-72 {padding-top: 72px;}

.pb-8  {padding-bottom: 8px;}
.pb-16 {padding-bottom: 16px;}
.pb-24 {padding-bottom: 24px;}
.pb-32 {padding-bottom: 32px;}
.pb-40 {padding-bottom: 40px;}
.pb-48 {padding-bottom: 48px;}
.pb-56 {padding-bottom: 56px;}
.pb-64 {padding-bottom: 64px;}
.pb-72 {padding-bottom: 72px;}