/* ÃʱâÈ­ */
.mainslide .swiper-button-prev, .mainslide .swiper-rtl .swiper-button-next {
  left: inherit;
  right: inherit;
}

.mainslide .swiper-button-prev:after, .mainslide .swiper-rtl .swiper-button-next:after {
  content: '';
}

.mainslide .swiper-button-next:after, .mainslide .swiper-button-prev:after {
  font-family: '';
  font-size: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  font-variant: inherit;
  line-height: inherit;
}

.mainslide .swiper-button-next, .mainslide .swiper-button-prev {
  position: inherit;
  top: inherit;
  width: inherit;
  height: inherit;
  margin-top: inherit;
  z-index: inherit;
  cursor: inherit;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  color: inherit;
}

.mainslide .swiper-pagination-fraction,
.mainslide .swiper-pagination-custom,
.mainslide .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
  left: inherit;
  width: inherit;
  position: inherit;
  text-align: inherit;
  transition: none;
  transform: inherit;
}

@media (min-width:1200px) {
  .mainslide .swiper-container {
    height:960px;
    width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }

  /* ¹è°æÀ̹ÌÁö  */
  .mainslide .swiper-slide {
  }

  .mainslide [class^="slide_bg"] .bg {
    width: 860px;
    height: 860px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
    opacity: 0;
    box-shadow: 0px 0px 40px -20px #909090;
  }


  /* //¹è°æÀ̹ÌÁö  */

  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
    text-align: left;
    z-index: 2;
    width: 1600px;
    margin: 0 auto;
    padding: 360px 0 0 5%;
    box-sizing: border-box;
  }

  /* //ÅؽºÆ® À§Ä¡  */


  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 50px;
    font-size: 86px;
    opacity: 0;
    position: relative;
    font-family: 'BMJUA';
  }
  .mainslide .swiper-slide-inbox .text_01 span{
    color: #fed63e;
  }


  .mainslide .swiper-slide-inbox .text_02 {
    font-size: 21px;
    line-height: 32px;
    position: relative;
    opacity: 0;
    font-weight: 500;
  }


  .mainslide .slide_bg_02 .swiper-slide-inbox .text_01 {
    font-size:70px;
    line-height: 84px;
  }




  /* //font */
  .mainslide .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
  }

  /* ¹öÆ° */
  .mainslide .setting {
    position: absolute;
    left:5%;
    bottom: 120px;
    z-index: 2;
    font-size: 0px;
  }

  .mainslide .swiper-pagination-fraction,
  .mainslide .swiper-pagination-custom,
  .mainslide .swiper-container-horizontal>.swiper-pagination-bullets {
    z-index: 1;
    letter-spacing: -5px;
    font-size: 46px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    position: relative;
  }

  .mainslide .navi {
    display: inline-block;
    height: 100%;
    font-size: 0px;
    vertical-align: top;
    margin-right: 3px;
    vertical-align: bottom;
  }

  .mainslide .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/img/arrow_lw.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    vertical-align: middle;
  }

  .mainslide .swiper-button-prev:hover {
    background-image: url(/img/arrow_lh.png);
  }

  .mainslide .swiper-button-next {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/img/arrow_rw.png);
    background-repeat: no-repeat;
    background-position: center;
  }

  .mainslide .swiper-button-next:hover {
    background-image: url(/img/arrow_rh.png);
  }

  .mainslide .play_pause {
    display: inline-block;
    height: 50px;
    font-size: 0px;
    margin-right:400px;
  }

  .mainslide .play_pause img {
    vertical-align: middle;
  }

  .mainslide .play_pause .play {
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    text-align: center;
  }

  .mainslide .play_pause .pause {
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
  }






}

@media (min-width:768px) and (max-width:1199px) {

  /* ÃÖ¼Ò 768 ~ 1199  */
  .mainslide .swiper-container {
    height:700px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }

  /* ¹è°æÀ̹ÌÁö  */
  .mainslide .swiper-slide {
  }

  .mainslide .swiper-slide [class^="slide_bg"] {
    height: 100%;
  }


  .mainslide [class^="slide_bg"] .bg {
    width: 550px;
    height: 550px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
    opacity: 0;
    box-shadow: 0px 0px 40px -20px #909090;
  }


  /* //¹è°æÀ̹ÌÁö  */

  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
    text-align: left;
    z-index: 2;
    box-sizing: border-box;
    position: absolute;
    left:5%;
    bottom: 150px;
  }

  /* //ÅؽºÆ® À§Ä¡  */


  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 30px;
    font-size: 60px;
    opacity: 0;
    position: relative;
    font-family: 'BMJUA';
  }
  .mainslide .swiper-slide-inbox .text_01 span{
    color: #fed63e;
  }


  .mainslide .swiper-slide-inbox .text_02 {
    font-size: 16px;
    line-height: 22px;
    position: relative;
    opacity: 0;
    font-weight: 500;
  }


  .mainslide .slide_bg_02 .swiper-slide-inbox .text_01 {
    font-size:50px;
    line-height: 60px;
  }




  /* //font */
  .mainslide .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
  }

  /* ¹öÆ° */
  .mainslide .setting {
    position: absolute;
    left:5%;
    bottom: 50px;
    z-index: 2;
    font-size: 0px;
  }

  .mainslide .swiper-pagination-fraction,
  .mainslide .swiper-pagination-custom,
  .mainslide .swiper-container-horizontal>.swiper-pagination-bullets {
    z-index: 1;
    letter-spacing: -5px;
    font-size: 30px;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
  }

  .mainslide .navi {
    display: inline-block;
    height: 100%;
    font-size: 0px;
    vertical-align: top;
    margin-right: 3px;
    vertical-align: bottom;
  }

  .mainslide .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/img/arrow_lw.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    vertical-align: middle;
  }

  .mainslide .swiper-button-prev:hover {
    background-image: url(/img/arrow_lh.png);
  }

  .mainslide .swiper-button-next {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/img/arrow_rw.png);
    background-repeat: no-repeat;
    background-position: center;
  }

  .mainslide .swiper-button-next:hover {
    background-image: url(/img/arrow_rh.png);
  }

  .mainslide .play_pause {
    display: inline-block;
    height: 50px;
    font-size: 0px;
    margin-right:200px;
  }

  .mainslide .play_pause img {
    vertical-align: middle;
  }

  .mainslide .play_pause .play {
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    text-align: center;
  }

  .mainslide .play_pause .pause {
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
  }

}

@media (max-width:767px) {

    /* ÃÖ¼Ò 768 ~ 1199  */
    .mainslide .swiper-container {
      height:700px;
      width: 100%;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    /* ¹è°æÀ̹ÌÁö  */
    .mainslide .swiper-slide {
    }

    .mainslide .swiper-slide [class^="slide_bg"] {
      height: 100%;
    }


    .mainslide [class^="slide_bg"] .bg {
      width: 550px;
      height: 550px;
      border-radius: 50%;
      position: absolute;
      top: 0px;
      right: 0px;
      overflow: hidden;
      opacity: 0;
      box-shadow: 0px 0px 40px -20px #909090;
    }


    /* //¹è°æÀ̹ÌÁö  */

    /* ÅؽºÆ® À§Ä¡  */
    .mainslide .swiper-slide-inbox {
      text-align: left;
      z-index: 2;
      box-sizing: border-box;
      position: absolute;
      left:5%;
      width: 90%;
      bottom: 80px;
    }

    /* //ÅؽºÆ® À§Ä¡  */


    /* font */
    .mainslide .swiper-slide-inbox .text_01 {
      margin-bottom: 20px;
      font-size: 44px;
      opacity: 0;
      position: relative;
      font-family: 'BMJUA';
    }
    .mainslide .swiper-slide-inbox .text_01 span{
      color: #fed63e;
    }


    .mainslide .swiper-slide-inbox .text_02 {
      font-size: 12px;
      line-height: 20px;
      position: relative;
      opacity: 0;
      font-weight: 500;
    }


    .mainslide .slide_bg_02 .swiper-slide-inbox .text_01 {
      font-size:34px;
      line-height: 42px;
    }




    /* //font */
    .mainslide .parallax-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center;
    }

    /* ¹öÆ° */
    .mainslide .setting {
      position: absolute;
      left:5%;
      width: 90%;
      bottom: 10px;
      z-index: 2;
      font-size: 0px;
    }

    .mainslide .swiper-pagination-fraction,
    .mainslide .swiper-pagination-custom,
    .mainslide .swiper-container-horizontal>.swiper-pagination-bullets {
      z-index: 1;
      letter-spacing: -5px;
      font-size: 40px;
      position: absolute;
      right: 0px;
      bottom: 0;
      width: auto;
      left: auto;
    }

    .mainslide .navi {
      display: inline-block;
      height: 100%;
      font-size: 0px;
      vertical-align: top;
      margin-right: 3px;
      vertical-align: bottom;
    }

    .mainslide .swiper-button-prev {
      width: 50px;
      height: 50px;
      z-index: 10;
      cursor: pointer;
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.5);
      background-image: url(/img/arrow_lw.png);
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 3px;
      vertical-align: middle;
    }

    .mainslide .swiper-button-prev:hover {
      background-image: url(/img/arrow_lh.png);
    }

    .mainslide .swiper-button-next {
      vertical-align: middle;
      width: 50px;
      height: 50px;
      z-index: 10;
      cursor: pointer;
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.5);
      background-image: url(/img/arrow_rw.png);
      background-repeat: no-repeat;
      background-position: center;
    }

    .mainslide .swiper-button-next:hover {
      background-image: url(/img/arrow_rh.png);
    }

    .mainslide .play_pause {
      display: inline-block;
      height: 50px;
      font-size: 0px;
      margin-right:50px;
    }

    .mainslide .play_pause img {
      vertical-align: middle;
    }

    .mainslide .play_pause .play {
      width: 50px;
      height: 50px;
      line-height: 50px;
      z-index: 10;
      cursor: pointer;
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.5);
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 3px;
      text-align: center;
    }

    .mainslide .play_pause .pause {
      width: 50px;
      height: 50px;
      line-height: 50px;
      z-index: 10;
      cursor: pointer;
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.5);
      background-repeat: no-repeat;
      background-position: center;
      text-align: center;
    }



    /* È¿°ú css */

    /* »ç¶óÁö±â */

    #main_contents .mainslide .swiper-slide .bg{
      animation: background_move_b_m 1s forwards;
    }

    /* ³ªÅ¸³ª±â */
    #main_contents .mainslide .swiper-slide-active .bg{
      animation: background_move_m 1s forwards;
    }




}



/* È¿°ú css */

/* »ç¶óÁö±â ¸ÕÀú ¼±¾ð ÈÄ ³ªÅ¸³ª±â ¼±¾ðÇؾßÇÔ */

/* »ç¶óÁö±â */
.mainslide .swiper-slide .text_01{
  animation: mymove_txt01_b 1s forwards;
}
.mainslide .swiper-slide .text_02{
  animation: mymove_txt02_b 1s forwards;
}
.mainslide .swiper-slide .bg{
  animation: background_move_b 1s forwards;
}
.mainslide .swiper-slide .bg img{
  animation: background_b 1s forwards;
}


/* ³ªÅ¸³ª±â */
.mainslide .swiper-slide-active .text_01{
  animation: mymove_txt01 1s forwards;
}
.mainslide .swiper-slide-active .text_02{
  animation: mymove_txt02 1s forwards;
}

.mainslide .swiper-slide-active .bg{
  animation: background_move 1s forwards;
}

.mainslide .swiper-slide-active .bg img{
  animation: background 1s forwards;
}