/* ÃʱâÈ­ */
.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: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(rgba(237, 246, 247, 0.0), rgba(244, 246, 237, 0.6));
  }



  /* ¹è°æÀ̹ÌÁö  */
  .mainslide .swiper-slide {
    overflow: hidden;
  }
  .mainslide .slide_bg_01  .bg {
    background: url(/img/bg_01.jpg) center center;
    background-size: cover;
  }


  .mainslide .slide_bg_02  .bg {
    background: url(/img/bg_02.jpg) center center;
    background-size: cover;
  }



  .mainslide .bg::before{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background:rgba(0,0,0,0.15);
  }

  .mainslide .swiper-slide .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
  }

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


  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
    position: absolute;
    bottom:200px;
    left:50%;
    margin-left:-700px;
    text-align: left;
    z-index: 2;
    max-width: 1400px;
    box-sizing: border-box;
    color: #fff;
  }

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



  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 30px;
    font-size: 33px;
    opacity: 0;
    position: relative;
    font-weight: 500;
  }


  .mainslide .swiper-slide-inbox .text_02 {
    font-size: 74px;
    opacity: 0;
    position: relative;
    font-weight: 800;
  }
  .mainslide .swiper-slide-inbox .text_02 span {
    color: #ffee00;
  }

  /* //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;
		right:15%;
		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:46px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    position: relative;
    color:#fff;


	}





	.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;}
	.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;
	}

  .mainslide .scroll{
    position: absolute;
    width:50px;
    height:60px;
    border: 3px solid #fff;
    border-radius: 10px;
    left:50%; margin-left: -25px;
    bottom: 50px;
    z-index: 20;
    box-sizing: border-box;
  }
  .mainslide .scroll::before{
    position: absolute;
    content: "SCROLL";
    font-size:15px;
    color: #fff;
    text-align: center;
    top:-25px;
    width: 70px;
    left: 50%;
    margin-left: -35px;
  }
  .mainslide .scroll .bar{
    position: absolute;
    left:50%;
    margin-left: -2.5px;
    width:5px;
    height:15px;
    background: #fff;
    top:10px;
    animation: scroll 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }






  /* animation*/


  .mainslide .swiper-slide .text_01 {
    animation: mymove_txt01_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 .background_b {
    animation: background_b 2s forwards;
  }

  /*À̹ÌÁö È®´ë*/
  .mainslide .swiper-slide-active .bg {
    animation: background 2s forwards;
  }



  /*// animation*/
}

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



  .mainslide .swiper-container {
    height:500px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(rgba(237, 246, 247, 0.0), rgba(244, 246, 237, 0.6));
  }



  /* ¹è°æÀ̹ÌÁö  */
  .mainslide .swiper-slide {
    overflow: hidden;
  }
  .mainslide .slide_bg_01  .bg {
    background: url(/img/bg_01.jpg) center center;
    background-size: cover;
  }


  .mainslide .slide_bg_02  .bg {
    background: url(/img/bg_02.jpg) center center;
    background-size: cover;
  }



  .mainslide .bg::before{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background:rgba(0,0,0,0.2);
  }

  .mainslide .swiper-slide .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
  }

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


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

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



  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 20px;
    font-size: 24px;
    opacity: 0;
    position: relative;
    font-weight: 500;
  }


  .mainslide .swiper-slide-inbox .text_02 {
    font-size: 60px;
    opacity: 0;
    position: relative;
    font-weight: 800;
  }
  .mainslide .swiper-slide-inbox .text_02 span {
    color: #ffee00;
  }

  /* //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 .scroll{
    position: absolute;
    width:40px;
    height:50px;
    border: 3px solid #fff;
    border-radius: 10px;
    left:50%; margin-left: -25px;
    bottom: 20px;
    z-index: 20;
    box-sizing: border-box;
  }
  .mainslide .scroll::before{
    position: absolute;
    content: "SCROLL";
    font-size:12px;
    color: #fff;
    text-align: center;
    top:-25px;
    width: 70px;
    left: 50%;
    margin-left: -35px;
  }
  .mainslide .scroll .bar{
    position: absolute;
    left:50%;
    margin-left: -2.5px;
    width:5px;
    height:15px;
    background: #fff;
    top:10px;
    animation: scroll 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }






  /* animation*/


  .mainslide .swiper-slide .text_01 {
    animation: mymove_txt01_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 .background_b {
    animation: background_b 2s forwards;
  }

  /*À̹ÌÁö È®´ë*/
  .mainslide .swiper-slide-active .bg {
    animation: background 2s forwards;
  }



  /*// animation*/






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


  .mainslide .swiper-pagination-fraction,
  .mainslide .swiper-pagination-custom,
  .mainslide .swiper-container-horizontal > .swiper-pagination-bullets {
    z-index: 1;
    letter-spacing: -5px;
    font-size:30px;
    vertical-align: bottom;
    margin-right: 20px;
    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: 40px;
    height:40px;
    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: 40px;
    height:40px;
    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: 40px; font-size:0px;}
  .mainslide .play_pause img{vertical-align:middle;}
  .mainslide .play_pause .play{
    width: 40px;
    height: 40px;
    line-height: 40px;
    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: 40px;
    height: 40px;
    line-height: 40px;
    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) {
  .mainslide .swiper-container {
    height:650px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(rgba(237, 246, 247, 0.0), rgba(244, 246, 237, 0.6));
  }



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

  .mainslide .slide_bg_01  .bg {
    background: url(/img/bg_01.jpg) center center ;
    background-size: cover;
  }


  .mainslide .slide_bg_02  .bg {
    background: url(/img/bg_02_m.jpg) right 60% ;
    background-size: cover;
  }

  
  .mainslide .bg::before{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background:rgba(0,0,0,0.1);
  }







  .mainslide .swiper-slide .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
  }

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


  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
    position: absolute;
    bottom: 0px;
    left: 0%;
    text-align: left;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0,0.7));
    padding:150px 20px 90px 20px;
    color: #fff;
  }

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



  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 10px;
    font-size:16px;
    opacity: 0;
    position: relative;
    font-weight: 300;
  }


  .mainslide .swiper-slide-inbox .text_02 {
    font-size: 34px;
    opacity: 0;
    position: relative;
    font-weight: 500;
    word-break: keep-all;
  }
  .mainslide .swiper-slide-inbox .text_02 span {
    color: #ffee00;
  }
  .mainslide .swiper-slide-inbox .text_02 br {
    display: none;
  }

  /* //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:0px;
    bottom: 0px;
    z-index: 2;
    font-size:0px;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
  }


  .mainslide .swiper-pagination-fraction,
  .mainslide .swiper-pagination-custom,
  .mainslide .swiper-container-horizontal > .swiper-pagination-bullets {
    z-index: 1;
    letter-spacing: -5px;
    font-size: 30px;
    vertical-align: bottom;
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 0px;
    width: auto;
    left: auto;
    margin: 0;


  }





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


  .mainslide .swiper-button-prev {
    width: 40px;
    height:40px;
    z-index: 10;
    cursor: pointer;
    display:inline-block;
    background-color:rgba(255,255,255,0.8);
    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: 40px;
    height:40px;
    z-index: 10;
    cursor: pointer;
    display:inline-block;
    background-color:rgba(255,255,255,0.8);
    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: 40px; font-size:0px;}
  .mainslide .play_pause img{vertical-align:middle;}
  .mainslide .play_pause .play{
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 10;
    cursor: pointer;
    display:inline-block;
    background-color:rgba(255,255,255,0.8);
    background-repeat:no-repeat;
    background-position:center;
    margin-right:3px;
    text-align:center;
  }

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




    .mainslide .scroll{
      position: absolute;
      width:40px;
      height:50px;
      border: 3px solid #fff;
      border-radius: 10px;
      right:20px;;
      bottom: 20px;
      z-index: 20;
      box-sizing: border-box;
    }
    .mainslide .scroll::before{
      position: absolute;
      content: "SCROLL";
      font-size:12px;
      color: #fff;
      text-align: center;
      top:-25px;
      width: 70px;
      left: 50%;
      margin-left: -35px;
    }
    .mainslide .scroll .bar{
      position: absolute;
      left:50%;
      margin-left: -2.5px;
      width:5px;
      height:15px;
      background: #fff;
      top:10px;
      animation: scroll 1s;
      animation-direction: alternate;
      animation-iteration-count: infinite;
    }








    /* animation*/


    .mainslide .swiper-slide .text_01 {
      animation: mymove_txt01_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 .background_b {
      animation: background_b 2s forwards;
    }

    /*À̹ÌÁö È®´ë*/
    .mainslide .swiper-slide-active .bg {
      animation: background 2s forwards;
    }



    /*// animation*/




}




@media print {
  .mainslide .swiper-container {
    height:500px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(rgba(237, 246, 247, 0.0), rgba(244, 246, 237, 0.6));
  }






}