/* 패딩 */
.pt-20 {
  padding-top: 20px;
}

.pt-130 {
  padding-top: 130px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-240 {
  padding-bottom: 240px;
}

.py-130 {
  padding: 130px 0px;
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
  .pt-20 {
    padding-top: 16px;
  }

  .pt-130 {
    padding-top: 100px;
  }

  .pb-30 {
    padding-bottom: 20px;
  }

  .pb-50 {
    padding-bottom: 36px;
  }

  .pb-80 {
    padding-bottom: 60px;
  }

  .py-130 {
    padding: 100px 0px;
  }
}
@media screen and (max-width:768px) {
  .pt-sm-10 {
    padding-top:10px;
  }

  .pb-sm-40 {
    padding-bottom:40px;
  }
}
@media screen and (max-width:576px) {
  .pt-20 {
    padding-top: 10px;
  }

  .pt-130 {
    padding-top: 80px;
  }

  .pb-30 {
    padding-bottom: 16px;
  }

  .pb-50 {
    padding-bottom: 24px;
  }

  .pb-80 {
    padding-bottom: 40px;
  }

  .py-130 {
    padding: 80px 0px;
  }

  .pt-sm-10 {
    padding-top:6px;
  }

  .pb-xs-12 {
    padding-bottom:12px;
  }

  .pb-xs-20 {
    padding-bottom:20px;
  }
}



/* 마진 */
.mt-100 {
  margin-top:100px;
}

.mb-20 {
  margin-bottom:20px;
}

.mb-30 {
  margin-bottom:30px;
}

.mb-40 {
  margin-bottom:40px;
}

.mb-50 {
  margin-bottom:50px;
}

.mb-60 {
  margin-bottom:60px;
}

.mb-80 {
  margin-bottom:80px;
}

.mb-100 {
  margin-bottom:100px;
}


@media screen and (max-width:1200px) {
  .mb-xl-20 {
    margin-bottom:20px;
  }
}
@media screen and (max-width:1024px) {
  .mt-100 {
    margin-top:80px;
  }

  .mb-20 {
    margin-bottom:16px;
  }

  .mb-30 {
    margin-bottom:20px;
  }

  .mb-40 {
    margin-bottom:28px;
  }

  .mb-50 {
    margin-bottom:36px;
  }

  .mb-60 {
    margin-bottom:40px;
  }

  .mb-80 {
    margin-bottom:60px;
  }

  .mb-100 {
    margin-bottom:80px;
  }

  .mb-md-16 {
    margin-bottom:16px;
  }
}
@media screen and (max-width:768px) {
  .mb-sm-10 {
    margin-bottom:10px;
  }

  .mb-sm-16 {
    margin-bottom:16px;
  }

  .mb-sm-20 {
    margin-bottom:20px;
  }

  .mb-sm-30 {
    margin-bottom:30px;
  }

  .mb-sm-40 {
    margin-bottom:40px;
  }
}
@media screen and (max-width:576px) {
  .mt-100 {
    margin-top:60px;
  }

  .mb-20 {
    margin-bottom:12px;
  }

  .mb-30 {
    margin-bottom:16px;
  }

  .mb-40 {
    margin-bottom:20px;
  }

  .mb-50 {
    margin-bottom:24px;
  }

  .mb-80 {
    margin-bottom:40px;
  }

  .mb-100 {
    margin-bottom:60px;
  }

  .mt-xs-40 {
    margin-top:40px;
  }

  .mb-xs-6 {
    margin-bottom:6px;
  }

  .mb-xs-12 {
    margin-bottom:12px;
  }

  .mb-xs-20 {
    margin-bottom:20px;
  }

  .mb-xs-30 {
    margin-bottom:30px;
  }

  .mb-xs-40 {
    margin-bottom:40px;
  }
}