@media (min-width:1200px) {
  .swiper-container {
    width: 100%;
    height: 850px;
  }

  .swiper-container .bg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 140px;
    background: url(/img/bg_bottom.png) center bottom;
    background-size: 100% 100%;
    z-index: 2;
  }

  /* ¹è°æÀÌ¹ÌÁö  */
		.swiper-slide{
			overflow:hidden;
		}
		.slide_bg_01 .bg{
		background:url(/img/bg_01.jpg) center center; background-size: cover;
		}
		.slide_bg_02 .bg{
		background:url(/img/bg_02.jpg) center center; background-size: cover;
		}
		.slide_bg_03 .bg{
		background:url(/img/bg_03.jpg) center center; background-size: cover;
		}

		.swiper-slide .bg {
			position: absolute;
			top: 0px;
			right: 0px;
			width:100%;
			height:100%;
		}

	/* //¹è°æÀÌ¹ÌÁö  */

  .swiper-slide-inbox {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    z-index: 2
  }

  .swiper-slide-inbox .under {
    box-shadow: inset 0 -15px 0 #127112;
    border-bottom: 2px solid #127112;
  }



  /* slide01  */

  .slide_bg_01 .swiper-slide-inbox .box {
    position: absolute;
    left: 50px;
    top: 220px;
    text-align: left;
    color: #fff;
  }


  .slide_bg_01 .swiper-slide-inbox .txt_02 {
    opacity: 0;
    margin-bottom: 40px;
    font-family: NotoSans, "NBGothic"; font-weight:900;
    font-size: 38px;
    letter-spacing: -1px
  }

  .slide_bg_01 .swiper-slide-inbox .txt_02 p{
    font-size: 75px;
    line-height: 100%;
    margin-bottom: 15px;
    letter-spacing: -5px;
  }

  .slide_bg_01 .swiper-slide-inbox .txt_02 p i{
    font-size: 82px;
    color: #ff9494;
    font-style: normal;
  }
  .slide_bg_01 .swiper-slide-inbox .txt_02 span{
    font-size: 32px;
    line-height: 100%;
  }

  .slide_bg_01 .swiper-slide-inbox .txt_03 {
    font-family: NotoSans, "NBGothicb";
    font-size: 18px;
    letter-spacing: -1px;
    opacity: 0;
  }


  /* //slide01  */



  /* slide02  */

  .slide_bg_02 .swiper-slide-inbox .box {
    position: absolute;
    left: 50px;
    top: 220px;
    text-align: left;
    color: #fff;
  }

  .slide_bg_02 .swiper-slide-inbox .txt_01 {
    opacity: 0;
    margin-bottom: 10px;
  }

  .slide_bg_02 .swiper-slide-inbox .txt_02 {
    opacity: 0;
    margin-bottom: 40px;
    font-family: NotoSans, "NBGothic"; font-weight:900;
    font-size: 65px;
    letter-spacing: -5px;
    line-height: 75px;
  }


  .slide_bg_02 .swiper-slide-inbox .txt_02 span{
    font-size: 55px;
    line-height: 100%;
  }


  .slide_bg_02 .swiper-slide-inbox .txt_03 {
    opacity: 0;
    font-family: NotoSans, "NBGothicb";
    font-size: 18px;
    letter-spacing: -1px;
  }

  /* //slide02  */



  /* slide03  */

  .slide_bg_03 .swiper-slide-inbox .box {
    position: absolute;
    left: 50px;
    top: 220px;
    text-align: left;
    color: #1a1a1a;
  }

  .slide_bg_03 .swiper-slide-inbox .txt_01 {
    opacity: 0;
    margin-bottom: 10px;
  }

  .slide_bg_03 .swiper-slide-inbox .txt_02 {
    opacity: 0;
    margin-bottom: 40px;
    font-family: NotoSans, "NBGothic"; font-weight:900;
    font-size: 65px;
    letter-spacing: -5px;
    line-height: 75px;
  }


  .slide_bg_03 .swiper-slide-inbox .txt_02 span{
    font-size: 55px;
    line-height: 100%;
  }

  .slide_bg_03 .swiper-slide-inbox .txt_03 {
    opacity: 0;
    font-family: NotoSans, "NBGothicb";
    font-size: 18px;
    letter-spacing: -1px;
  }



  /* //slide03  */




  /* animation*/
  .slide_bg_01 .swiper-slide-inbox .txt_01 {
    margin-bottom: 10px;
    opacity: 0;
  }

  .swiper-slide-active .txt_01{
    animation: mymove_right 1.5s forwards;
    animation-delay: 1s;
    position:relative;
  }
  .swiper-slide-active .txt_02{
    animation: mymove_right 1.5s forwards;
    animation-delay: 1.5s;
    position:relative;
  }
  .swiper-slide-active .txt_03{
    animation: mymove_right 1.5s forwards;
    animation-delay: 2s;
    position:relative;
  }
  .swiper-slide-active .bg{animation: background 2s forwards; animation-delay:3s;  z-index:0; }
  /*// animation*/



}

@media (max-width:1199px) {
  .swiper-container {
    width: 100%;
    height: 400px;
  }

  .swiper-container .bg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 20px;
    background: url(/img/bg_bottom.png) center bottom;
    background-size: 100% 100%;
    z-index: 2;
  }


  /* ¹è°æÀÌ¹ÌÁö  */
		.swiper-slide{
			overflow:hidden;
		}
		.slide_bg_01 .bg{
		background:url(/img/bg_01.jpg) center center; background-size: cover;
		}
		.slide_bg_02 .bg{
		background:url(/img/bg_02.jpg) 70% center; background-size: cover;
		}
		.slide_bg_03 .bg{
		background:url(/img/bg_03.jpg) center center; background-size: cover;
		}

		.swiper-slide .bg {
			position: absolute;
			top: 0px;
			right: 0px;
			width:100%;
			height:100%;
		}

	/* //¹è°æÀÌ¹ÌÁö  */

  .swiper-slide-inbox {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2
  }

  .swiper-slide-inbox .under {
    box-shadow: inset 0 -15px 0 #127112;
    border-bottom: 2px solid #127112;
  }



  /* slide01  */

  .slide_bg_01 .swiper-slide-inbox .box {
    position: absolute;
    left: 0;
    top: 40px;
    text-align: left;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px 0px 10% ;
  }

  .slide_bg_01 .swiper-slide-inbox .txt_01 {
    margin-bottom: 0px;
    opacity: 0;
    width: 180px;
  }




  .slide_bg_01 .swiper-slide-inbox .txt_02 {
    opacity: 0;
    font-family: NotoSans, "NBGothic";
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 22px;
    word-break: keep-all;
  }

  .slide_bg_01 .swiper-slide-inbox .txt_02 p{
    font-size: 45px;
    font-weight:900;
    line-height: 100%;
    margin-bottom: 25px;
    letter-spacing: -1px;
  }

  .slide_bg_01 .swiper-slide-inbox .txt_02 p i{
    font-size: 50px;
    color: #ff9494;
    font-style: normal;
  }
  .slide_bg_01 .swiper-slide-inbox .txt_03 {
    display: none;
  }


  /* //slide01  */



  /* slide02  */

  .slide_bg_02 .swiper-slide-inbox .box {
    position: absolute;
    left: 0;
    bottom:0px;
    text-align: left;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px 40px 30px;
    background: rgba(0, 0, 0, 0.7);
  }

  .slide_bg_02 .swiper-slide-inbox .txt_01 {
    margin-bottom: 0px;
    opacity: 0;
    width: 180px;
  }

  .slide_bg_02 .swiper-slide-inbox .txt_02 {
    opacity: 0;
    margin-bottom: 20px;
    font-family: NotoSans, "NBGothic"; font-weight:900;
    font-size: 30px;
    letter-spacing: -2px;
    line-height: 40px;
    word-break: keep-all;
  }


  .slide_bg_02 .swiper-slide-inbox .txt_02 span{
    font-size: 25px;
    line-height: 100%;
  }


  .slide_bg_02 .swiper-slide-inbox .txt_03 {
    display: none;
  }

  /* //slide02  */



  /* slide03  */

  .slide_bg_03 .swiper-slide-inbox .box {
    position: absolute;
    left: 0;
    bottom:0px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px 40px 30px;
    background: rgba(255, 255, 255, 0.7);
    color: #1a1a1a;
  }

  .slide_bg_03 .swiper-slide-inbox .txt_01 {
    margin-bottom: 0px;
    opacity: 0;
    width: 180px;
  }

  .slide_bg_03 .swiper-slide-inbox .txt_02 {
    opacity: 0;
    font-family: NotoSans, "NBGothic"; font-weight:900;
    font-size: 30px;
    letter-spacing: -2px;
    line-height: 40px;
    word-break: keep-all;
  }


  .slide_bg_03 .swiper-slide-inbox .txt_02 span{
    font-size: 25px;
    line-height: 100%;
  }

  .slide_bg_03 .swiper-slide-inbox .txt_03 {
    display: none;
  }



  /* //slide03  */

  /* animation */
  .swiper-slide-active .txt_01{
    animation: mymove_right 1.5s forwards;
    animation-delay: 1s;
    position:relative;
  }
  .swiper-slide-active .txt_02{
    animation: mymove_right 1.5s forwards;
    animation-delay: 1.5s;
    position:relative;
  }
  .swiper-slide-active .txt_03{
    animation: mymove_right 1.5s forwards;
    animation-delay: 2s;
    position:relative;
  }
  .swiper-slide-active .bg{animation: background 2s forwards; animation-delay:3s;  z-index:0; }
  /* //animation */
}
