/* ÃʱâÈ­ */
.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: 820px;
    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 {
    font-size: 0px;
  }

  .mainslide .slide_bg_01 .bg [class^=s] {
    display: inline-block;
    width: 25%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }

  .mainslide .slide_bg_01 .bg [class^=s] .img {
    display: block;
    height: 100%;
  }
  .mainslide .slide_bg_01 .bg [class^=s] .t1 {
    position: absolute;
    font-size: 14px;
    opacity: 0;
  }



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

  .mainslide .slide_bg_01 .bg .s1 .t1 {
    right: 40px;
    top:170px;
  }

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

  .mainslide .slide_bg_01 .bg .s2 .t1 {
    right: 0px;
    top:500px;
    width: 100%;
    text-align: center;
  }

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

  .mainslide .slide_bg_01 .bg .s3 .t1 {
    right: 0px;
    top:500px;
    width: 100%;
    text-align: center;
  }

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

  .mainslide .slide_bg_01 .bg .s4 .t1 {
    left: 40px;
    top:500px;
    text-align: left;
  }

  .mainslide .slide_bg_01 .bg::before{
    content: "";
    display: block;
    position: absolute;
    height: 295px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-image: linear-gradient(rgba(237, 246, 247, 0.0), rgba(244, 246, 237, 0.6));

  }

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


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

  .mainslide .slide_bg_03 .bg::before{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 40%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-image: linear-gradient(to right, rgba(237, 246, 247, 1.0),rgba(244, 246, 237, 0.9), rgba(244, 246, 237, 0.0));
  }

  .mainslide .slide_bg_04 .bg {
    background: url(/img/bg_04.jpg) center center;
    background-size: cover;
  }
  .mainslide .swiper-slide .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
  }

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


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

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



  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 50px;
    font-size: 60px;
    opacity: 0;
    position: relative;

  }

  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
    margin-bottom: 0px;
  }

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

  /* //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:25%;
		bottom: 70px;
		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;}
	.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;
	}






  /* animation*/


  .mainslide .swiper-slide .text_01 {
    animation: mymove_txt01_b 0.5s forwards;
  }
  .mainslide .swiper-slide-active .text_01 {
    animation: mymove_txt01 0.5s forwards;
  }
  .mainslide .swiper-slide-active .text_02 {
    animation: mymove_txt02 0.5s forwards;
  }


  .mainslide .swiper-slide .slide_bg_01 .t1{
    animation: opacity_b 0.5s forwards;
  }
  .mainslide .swiper-slide-active .slide_bg_01 .t1{
    animation: opacity 0.5s  forwards;
  }




  /*À̹ÌÁö Ãà¼Ò*/

  .mainslide .swiper-slide > div:not(.slide_bg_01) .background_b {
    animation: background_b 1s forwards;
  }
  .mainslide .slide_bg_01 .background_b .img{
    animation: background_b 1s forwards;
  }


  /*À̹ÌÁö È®´ë*/
  .mainslide .swiper-slide-active > div:not(.slide_bg_01) .bg {
    animation: background 1s forwards;
  }
  .mainslide .swiper-slide-active .slide_bg_01 .bg .img{
    animation: background 1s forwards;
  }


  /*// animation*/
}

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

  /* ÃÖ¼Ò 768 ~ 1199  */
  .mainslide .swiper-container {
    height: 600px;
    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 {
    font-size: 0px;
  }

  .mainslide .slide_bg_01 .bg [class^=s] {
    display: inline-block;
    width: 25%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }

  .mainslide .slide_bg_01 .bg [class^=s] .img {
    display: block;
    height: 100%;
  }
  .mainslide .slide_bg_01 .bg [class^=s] .t1 {
    position: absolute;
    font-size: 10px;
    opacity: 0;
    right: 0px;
    bottom:200px;
    width: 100%;
    text-align: center;
  }



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



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


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



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



  .mainslide .slide_bg_01  .bg::before{
    content: "";
    display: block;
    position: absolute;
    height: 295px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-image: linear-gradient(rgba(237, 246, 247, 0.0), rgba(244, 246, 237, 0.6));

  }

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


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

  .mainslide .slide_bg_03 .bg::before{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 50%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-image: linear-gradient(to right, rgba(237, 246, 247, 1.0),rgba(244, 246, 237, 0.9), rgba(244, 246, 237, 0.0));
  }

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

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

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


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

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



  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 48px;
    opacity: 0;
    position: relative;
    word-break: keep-all;
  }


  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
    margin-bottom: 0px;
  }

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


  /* //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:5%;
    bottom: 70px;
    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;
    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;
  }






  /* animation*/


  .mainslide .swiper-slide .text_01 {
    animation: mymove_txt01_b 0.5s forwards;
  }
  .mainslide .swiper-slide-active .text_01 {
    animation: mymove_txt01 0.5s forwards;
  }
  .mainslide .swiper-slide-active .text_02 {
    animation: mymove_txt02 0.5s forwards;
  }


  .mainslide .swiper-slide .slide_bg_01 .t1{
    animation: opacity_b 0.5s forwards;
  }
  .mainslide .swiper-slide-active .slide_bg_01 .t1{
    animation: opacity 0.5s  forwards;
  }




  /*À̹ÌÁö Ãà¼Ò*/

  .mainslide .swiper-slide > div:not(.slide_bg_01) .background_b {
    animation: background_b 1s forwards;
  }
  .mainslide .slide_bg_01 .background_b .img{
    animation: background_b 1s forwards;
  }


  /*À̹ÌÁö È®´ë*/
  .mainslide .swiper-slide-active > div:not(.slide_bg_01) .bg {
    animation: background 1s forwards;
  }
  .mainslide .swiper-slide-active .slide_bg_01 .bg .img{
    animation: background 1s forwards;
  }


  /*// animation*/









}

@media (max-width:767px) {
  .mainslide .swiper-container {
    height:600px;
    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 {
    font-size: 0px;
  }

  .mainslide .slide_bg_01  .bg [class^=s] {
    display: inline-block;
    width: 50%;
    height: 50%;
    overflow: hidden;
    position: relative;
  }

  .mainslide .slide_bg_01  .bg [class^=s] .img {
    display: block;
    height: 100%;
  }
  .mainslide .slide_bg_01  .bg [class^=s] .t1 {
    position: absolute;
    font-size: 10px;
    opacity: 0;
    width: 100%;
    text-align: center;
  }
  .mainslide .slide_bg_01  .bg .s1 .t1 {
    right: 0px;
    bottom:10%;
  }
  .mainslide .slide_bg_01  .bg .s2 .t1 {
    right: 0px;
    bottom:10%;
  }
  .mainslide .slide_bg_01  .bg .s3 .t1 {
    right: 0px;
    bottom:10%;
  }
  .mainslide .slide_bg_01  .bg .s4 .t1 {
    right: 0px;
    bottom:10%;
  }



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



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


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


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



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

  .mainslide .slide_bg_03 .bg {
    background: url(/img/bg_03.jpg) right center;
    background-size: cover;
  }



  .mainslide .slide_bg_04 .bg {
    background: url(/img/bg_04.jpg) 60% center;
    background-size: cover;
  }



  .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 top, rgba(237, 246, 247, 0.8),rgba(244, 246, 237, 0.9), rgba(244, 246, 237, 0.0));
    padding:100px 20px 80px 20px;
  }

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



  /* font */
  .mainslide .swiper-slide-inbox .text_01 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size:36px;
    line-height:46px;
    opacity: 0;
    position: relative;
    word-break: keep-all;
    letter-spacing: -1px;
  }
  .mainslide .swiper-slide-inbox .text_01 br{
    display: none;
  }

  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
    margin-bottom: 0px;
  }

  .mainslide .swiper-slide-inbox .text_02 {
    font-size: 14px;
    line-height: 22px;
    position: relative;
    opacity: 0;
    word-break: keep-all;
  }

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






  /* animation*/


  .mainslide .swiper-slide .text_01 {
    animation: mymove_txt01_b 0.5s forwards;
  }
  .mainslide .swiper-slide-active .text_01 {
    animation: mymove_txt01 0.5s forwards;
  }
  .mainslide .swiper-slide-active .text_02 {
    animation: mymove_txt02 0.5s forwards;
  }


  .mainslide .swiper-slide .slide_bg_01 .t1{
    animation: opacity_b 0.5s forwards;
  }
  .mainslide .swiper-slide-active .slide_bg_01 .t1{
    animation: opacity 0.5s  forwards;
  }




  /*À̹ÌÁö Ãà¼Ò*/

  .mainslide .swiper-slide > div:not(.slide_bg_01) .background_b {
    animation: background_b 1s forwards;
  }
  .mainslide .slide_bg_01 .background_b .img{
    animation: background_b 1s forwards;
  }


  /*À̹ÌÁö È®´ë*/
  .mainslide .swiper-slide-active > div:not(.slide_bg_01) .bg {
    animation: background 1s forwards;
  }
  .mainslide .swiper-slide-active .slide_bg_01 .bg .img{
    animation: background 1s forwards;
  }


  /*// animation*/

}