@charset "utf-8";
/* sub-mainbg-animation */
.main-bg{background-color: #1a1a1a;height: 190px;animation: hiddenbg .5s linear;position: relative;}
.main-bg::before{content: "";width:100%;height: 100%;background-size: cover;position: absolute;top: 0;left: 0;opacity: 0; animation: opacity2 .5s linear;animation-delay:.7s;animation-fill-mode: forwards;     background-position: 50% 50% !important;}

.main-bg h1{color: #fff;font-size: 31px;font-family:'NEXONFootballGothicBA1',sans-serif;text-align: center;position: relative;top:50%;transform: translateY(-50%); z-index: 99;animation: opacity .5s linear;animation-delay:1.1s;overflow: hidden;opacity: 0;animation-fill-mode: forwards;}


@keyframes opacity{
    from{
      opacity: 0;
      transform: translateY(-10%)
    }
    to{
      opacity: 1;
      transform: translateY(-50%)
    }
  }
  @keyframes opacity2{
    from{
      opacity: 0;
     
    }
    to{
      opacity: 1;
     
    }
  }
  @keyframes hiddenbg{
    from{
      transform: scaleX(0);
    }
    to{
      transform: scaleX(1);
    }
  }

/* sub-mainbg-animation */

.main{padding-bottom:100px;background-color: #fff;}
.main-bg.a::before{content: "";width:100%;height: 100%; background: url(../images/a1.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.main-bg.b::before{content: "";width:100%;height: 100%; background: url(../images/b1.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.main-bg.c::before{content: "";width:100%;height: 100%; background: url(../images/c1.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.main-bg.d::before{content: "";width:100%;height: 100%; background: url(../images/d1.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.main-bg.e::before{content: "";width:100%;height: 100%; background: url(../images/e1.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.main-bg.f::before{content: "";width:100%;height: 100%; background: url(../images/f1.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.main-bg.g::before{content: "";width:100%;height: 100%; background: url(../images/g1.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}