eyuwan/src/pages/A1home/index.module.scss

.A1home {
  position: relative;
  background: url('../../assets/img/home_bg.jpg') no-repeat center center;
  background-size: 100% 100%;
  :global {
    .title {
      position: absolute;
      top: 20%;
      left: 50%;
      transform: translate(-50%, -46%);
      width: 52%;
      height: 200px;
      background: url('../../assets/img/title.png') no-repeat center center;
      background-size: contain;
    }
    .btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, 476%);
      width: 326px;
      height: 76px;
      background: url('../../assets/img/btn_bg.png') no-repeat center center;
      background-size: contain;
    }
  }
}

@media screen and (max-width: 768px) {
  .A1home {
    background: url('../../assets/img/home_bg_M.png') no-repeat center center;
    background-size: 100% 100%;
    :global {
      .title {
        top: 27%;
        width: 95%;
        height: 153px;
        background: url('../../assets/img/title_M.png') no-repeat center center;
        background-size: 100% 100%;
      }
      .btn {
        width: 200px;
        height: 66px;
        transform: translate(-50%, 0);
        top: auto;
        bottom: 20px;
      }
    }
  }
}