.case-text p{text-align:center;font-size:18px;font-weight:bold;color:#000}input[type=submit]{-webkit-appearance:none;border-radius:0}input[type=button]{-webkit-appearance:none;border-radius:0}#newspage-list{padding:100px 0}.newspage-list-wrapper{max-width:1080px;width:80%;margin:0 auto}.newspage-list a{display:inline-block;width:30%;padding:30px;box-sizing:border-box;vertical-align:top;margin:1.5%;box-shadow:0px 0px 12px 2px rgba(29,29,29,.05)}.newspage-list-thumnail{margin-bottom:20px}.newspage-list-title{font-size:20px;font-weight:700;color:#1d1d1d;margin-bottom:15px}.newspage-content{font-size:14px;line-height:1.5;color:#1d1d1d;font-weight:500;display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}.newspage-list-content{font-size:14px}.pagination__page-button.active{background-color:rgba(0,0,0,0);color:#000;text-align:center;border:none}.pagination__page-button{background-color:rgba(0,0,0,0);color:#000;text-align:center;border:none}.pagination__items{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;margin-top:48px;gap:8px}.pagination__next-button{font-size:15px;border:none;background:none;color:#000}.pagination__last-button{font-size:15px;border:none;background:none;color:#000}.pagination__first-button{font-size:15px;border:none;background:none;color:#000}.pagination__prev-button{font-size:15px;border:none;background:none;color:#000}.css-1y4vab{margin-top:40px !important}@media screen and (max-width: 980px){.newspage-list a{width:47%;margin:1.5%}}@media screen and (max-width: 767px){.newspage-list-wrapper{max-width:1080px;width:90%}#newspage-list{padding:80px 0}.newspage-list a{width:100%;margin:0 0 30px 0px}.newspage-list{display:block}.newspage-list-box{margin-bottom:40px}.pagination__page-button.active{color:#000;text-align:center;border:none}.pagination__page-button{color:#000;text-align:center;border:none}}

viewport

class ParallaxEffectBackground {
  constructor() {
    this.devided = 1.2;
    this.target = '.container-bg';
    this.setBackgroundPosition();
  }

  getScrollTop() {
    return Math.max(
      window.pageYOffset,
      document.documentElement.scrollTop,
      document.body.scrollTop,
      window.scrollY
    );
  }

  setBackgroundPosition() {
    document.addEventListener('scroll', e => {
      const scrollTop = this.getScrollTop();
      const position = scrollTop / this.devided;
      if (position) {
        document.querySelectorAll(this.target).forEach(element => {
          element.style.backgroundPosition = 'center calc(50% - ' + offset + 'px)';
        });
      }
    });
  }
}

document.addEventListener('DOMContentLoaded', event => {
  new ParallaxEffectBackground();
});