
@media (min-width:1024px) {
    .swiper-container {
	  min-width: 1300px;
      height: 800px;
      margin:0 auto;
	  position:relative;
	  z-index:1;
    }

	.test01{color:#fff;}

    /* ¹è°æÀÌ¹ÌÁö  */
		.swiper-slide{
			overflow:hidden;
		}
		.swiper-slide:before{
			content:"";
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			background:rgba(0,0,0,0.25);
			z-index:2;

		}
		.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;
		}

		.slide_bg_04 .bg{
		background:url(/img/bg_04.jpg) center center; background-size: cover;
		}

		.slide_bg_05 .bg{
		background:url(/img/bg_05.jpg) center center; background-size: cover;
		}
	


		.swiper-slide .bg {
			position: absolute;
			top: 0px;
			right: 0px;
			width:100%;	
			height:100%;
		}

	/* //¹è°æÀÌ¹ÌÁö  */



	
	/* ÅØ½ºÆ® À§Ä¡  */
		.swiper-slide-inbox {
			position: absolute;
			top: 350px;
			right: 10%;
			text-align:right;		
			z-index: 3;
		}
	/* //ÅØ½ºÆ® À§Ä¡  */




	/* font */

	
		/* slide05 */
		.slide_bg_05 .swiper-slide-inbox .text_01{
		
		font-family:'NBGothicb';
		font-size:35px;
		}
		/* //slide05*/


		.swiper-slide-inbox .text_01{
			opacity:0;
			font-family:'NBrush';
			font-size:70px;
			margin-bottom:20px;
			color:#fff;
		}
		.swiper-slide-inbox .text_02{
			opacity:0;
			font-family:'NBGothicb';
			font-size:75px;
			margin-bottom:50px;
			color:#fff;
			position:relative;
		
		}
		.swiper-slide-inbox .text_02:before{
			display:block;
			content:"";
			width:50px;
			height:50px;
			border-left:2px solid #fff;
			border-top:2px solid #fff;
			position:absolute;
			left:-30px;
			top:-30px;

		
		}

		.swiper-slide-inbox .text_03{
			opacity:0;
			font-family:'NBGothic';
			font-size:18px;
			line-height:30px;
			margin-bottom:50px;
			color:#fff;
		
		}
		.swiper-slide-inbox .text_04{
			opacity:0;
		}
		.swiper-slide-inbox .text_04 a{
			font-family:'NBGothic';
			font-size:24px;
			color:#fff;
			border:1px solid #fff;
			padding:10px 15px;
			transition:all 0.2s;
		}
		.swiper-slide-inbox .text_04 a:hover{
			color:#ffee00;
			border:3px solid #ffee00;
	
		}
	/* //font */
	
	


    .parallax-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center;
    }

	


	/* animation*/

  .swiper-slide-active .text_01{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 1s;
    position:relative;
  }
  .swiper-slide-active .text_02{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 1.5s;
    position:relative;
  }
  .swiper-slide-active .text_03{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 2s;
    position:relative;
  }
  .swiper-slide-active .text_04{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 2.5s;
    position:relative;
  }
  .swiper-slide-active .bg{animation: background 2s forwards; animation-delay:3s;  z-index:0; }
  /*// animation*/
	





}


@media (min-width:768px) and (max-width:1023px) {/* ÃÖ¼Ò 769 ~ 1023  */
  .swiper-container {
      width: 100%;
      height: 600px;
    }
    .swiper-slide {
   
    }
	
	
	
    /* ¹è°æÀÌ¹ÌÁö  */
		.swiper-slide{
			overflow:hidden;
		}
		.swiper-slide:before{
			content:"";
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			background:rgba(0,0,0,0.25);
			z-index:2;

		}
		.slide_bg_01 .bg{
		background:url(/img/bg_01.jpg) center right; background-size: cover;
		}
		.slide_bg_02 .bg{
		background:url(/img/bg_02.jpg) center right; background-size: cover;
		}
		.slide_bg_03 .bg{
		background:url(/img/bg_03.jpg) center right; background-size: cover;
		}

		.slide_bg_04 .bg{
		background:url(/img/bg_04.jpg) center right; background-size: cover;
		}

		.slide_bg_05 .bg{
		background:url(/img/bg_05.jpg) center right; background-size: cover;
		}

		.swiper-slide .bg {
			position: absolute;
			top: 0px;
			right: 0px;
			width:100%;	
			height:100%;
		}
	/* //¹è°æÀÌ¹ÌÁö  */
 
	
	/* ÅØ½ºÆ® À§Ä¡  */
		.swiper-slide-inbox {
			position: absolute;
			top: 200px;
			right: 60px;
			text-align:right;
			z-index:3;
		}
	/* //ÅØ½ºÆ® À§Ä¡  */






	/* font */

		/* slide05 */
		.slide_bg_05 .swiper-slide-inbox .text_01{
		font-family:'NBGothicb';
		font-size:26px;
		}

		/* //slide05*/


		.swiper-slide-inbox .text_01{
			opacity:0;
			font-family:'NBrush';
			font-size:35px;
			margin-bottom:10px;
			color:#fff;
		}
		.swiper-slide-inbox .text_02{
			opacity:0;
			font-family:'NBGothicb';
			font-size:45px;
			margin-bottom:20px;
			color:#fff;
			position:relative;
		
		}
		.swiper-slide-inbox .text_02:before{
			display:block;
			content:"";
			width:30px;
			height:30px;
			border-left:2px solid #fff;
			border-top:2px solid #fff;
			position:absolute;
			left:-20px;
			top:-20px;

		
		}

		.swiper-slide-inbox .text_03{
			opacity:0;
			font-family:'NBGothic';
			font-size:14px;
			line-height:20px;
			margin-bottom:50px;
			color:#fff;
		
		}
		
		.swiper-slide-inbox .text_04{
			opacity:0;
		
		}
		.swiper-slide-inbox .text_04 a{
			font-family:'NBGothic';
			font-size:14px;
			color:#fff;
			border:1px solid #fff;
			padding:10px;
			transition:all 0.2s;
		}
		.swiper-slide-inbox .text_04 a:hover{
			color:#ffee00;
			border:2px solid #ffee00;
	
		}
	/* //font */


	/* animation*/

  .swiper-slide-active .text_01{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 1s;
    position:relative;
  }
  .swiper-slide-active .text_02{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 1.5s;
    position:relative;
  }
  .swiper-slide-active .text_03{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 2s;
    position:relative;
  }
  .swiper-slide-active .text_04{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 2.5s;
    position:relative;
  }
  .swiper-slide-active .bg{animation: background 2s forwards; animation-delay:3s;  z-index:0; }
  /*// animation*/
	



}

@media (max-width:767px){
  .swiper-container {
      width: 100%;
      height: 350px;
    }

    .swiper-slide {
     
    }
	/* ¹è°æÀÌ¹ÌÁö  */
		.swiper-slide{
			overflow:hidden;
		}
		.swiper-slide:before{
			content:"";
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			background:rgba(0,0,0,0.25);
			z-index:2;

		}

		.slide_bg_01 .bg{
		background:url(/img/bg_01.jpg) center right; background-size: cover;
		}
		.slide_bg_02 .bg{
		background:url(/img/bg_02.jpg) center right; background-size: cover;
		}
		.slide_bg_03 .bg{
		background:url(/img/bg_03.jpg) center right; background-size: cover;
		}

		.slide_bg_04 .bg{
		background:url(/img/bg_04.jpg) center right; background-size: cover;
		}

		.slide_bg_05 .bg{
		background:url(/img/bg_05.jpg) center right; background-size: cover;
		}
		.swiper-slide .bg {
			position: absolute;
			top: 0px;
			right: 0px;
			width:100%;	
			height:100%;
		}
	/* //¹è°æÀÌ¹ÌÁö  */
 
	
	/* ÅØ½ºÆ® À§Ä¡  */
		.swiper-slide-inbox {
			position: absolute;
			top: 100px;
			right: 30px;
			text-align:right;
			z-index:3;
		}
	/* //ÅØ½ºÆ® À§Ä¡  */




	/* font */

		/* slide05 */
		.slide_bg_05 .swiper-slide-inbox .text_01{
		font-family:'NBGothicb';
		font-size:18px;
		}

		/* //slide05*/



		.swiper-slide-inbox .text_01{
			opacity:0;
			font-family:'NBrush';
			font-size:26px;
			margin-bottom:5px;
			color:#fff;
		}
		.swiper-slide-inbox .text_02{
			opacity:0;
			font-family:'NBGothicb';
			font-size:36px;
			margin-bottom:20px;
			padding-left:25px;
			color:#fff;
			position:relative;
			display:inline-block;
			word-break:keep-all;
			margin-bottom:40px;
		
		}
		.swiper-slide-inbox .text_02:before{
			display:none;
			content:"";
			width:20px;
			height:20px;
			border-left:2px solid #fff;
			border-top:2px solid #fff;
			position:absolute;
			left:-10px;
			top:-10px;

		
		}

		.swiper-slide-inbox .text_03{
			opacity:0;
			display:inline-block;
			font-family:'NBGothic';
			font-size:12px;
			line-height:18px;
			margin-bottom:40px;
			color:#fff;
			width:90%;
			
			word-break:keep-all;
			display:none;
		}
		.swiper-slide-inbox .text_03 br{
			display:none;
		}
		.swiper-slide-inbox .text_04{
			opacity:0;
		
		}
		.swiper-slide-inbox .text_04 a{
			font-family:'NBGothic';
			font-size:13px;
			color:#fff;
			border:1px solid #fff;
			padding:10px;
			transition:all 0.2s;
		}
		.swiper-slide-inbox .text_04 a:hover{
			color:#ffee00;
			border:2px solid #ffee00;
	
		}
	/* //font */

	/* animation*/

  .swiper-slide-active .text_01{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 1s;
    position:relative;
  }
  .swiper-slide-active .text_02{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 1.5s;
    position:relative;
  }
  .swiper-slide-active .text_03{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 2s;
    position:relative;
  }
  .swiper-slide-active .text_04{
    animation: mymove_opa_left 1.5s forwards;
    animation-delay: 2.5s;
    position:relative;
  }
  .swiper-slide-active .bg{animation: background 2s forwards; animation-delay:3s;  z-index:0; }
  /*// animation*/
	


}
