@media (min-width:1200px) {
  .foot_view {
    height: 760px;
  }
  .fade_wrap{
  height: 100%; width:100%;
	position:relative;
  }

  .swiper-container3 {
  height: 100%;
	z-index:0;
	position:relative;
  width:65%;
  float:right;
  }


  .swiper-container3 .bg01{
	background:url(/img/foot_view01.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg02{
	background:url(/img/foot_view02.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg03{
	background:url(/img/foot_view03.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg04{
	background:url(/img/foot_view04.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg05{
	background:url(/img/foot_view05.jpg) no-repeat center;
	background-size:cover;
  }


   .fade_wrap .box {
    background:#e1dbcd;
    width:35%;
    height:100%;
    float:left;
    position: relative;
   }

   .fade_wrap .box > p:nth-child(1) {
    position: absolute; top:135px; z-index:1;
    width:100%;
    padding-left: 20%;
	  padding-right:150px;
		box-sizing:border-box;
		word-break:keep-all;
	  font-size:50px; line-height:60px;
   }


   .fade_wrap .box  .txt{
	 position: absolute;
	 top:350px;
   width: 100%;
   box-sizing: border-box;
   padding-left: 20%;
   padding-right:150px;
   }


   .fade_wrap .box  .txt p:nth-child(1){
	display:none; font-size:22px; line-height: 34px;
  word-break: keep-all;
   }

   .fade_wrap .box  .txt li.on p:nth-child(1){
	display:block;
   }
   .fade_wrap .box  .txt li.on p:nth-child(2){
	display:block;
   }



	.swiper-container3 .swiper-button-prev, .swiper-container3 .swiper-container-rtl .swiper-button-next {
		left: -50px;
	}

	.swiper-container3 .swiper-button-next, .swiper-container3 .swiper-container-rtl .swiper-button-prev {
		right: -50px;
	}



	/* ¹öÆ° */

	.swiper-pagination3{
		position: absolute;
		right: 5%;
		bottom:50px;
  }

	.fade_wrap .swiper-pagination {
		position: absolute;
		z-index: 10;
	}

	.fade_wrap .swiper-pagination-bullet {
		margin-right:5px;
	}

  .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #b6857d;
  }



	.fade_wrap .prev {

	}




  /*³×ºñ°ÔÀ̼Ç*/
	.swiper-container3_navi{
		display: block;
		text-align: center;
		margin: 0;
		position: absolute;
		bottom: 50px;
    left:20%;
		z-index: 2;
	}
	.swiper-container3_navi:before{
		display: block;
		content:"";
		background:#fff;
		width:3px;
		height:74px;
		position: absolute;
		left:50%;
		margin-left:-1.5px;
	}
	.swiper-container3_navi .next{
		display: inline-block;
		height: 74px;
		width: 38px;
		background-size: cover;
		cursor: pointer;
    position: relative;
	}
	.swiper-container3_navi .prev{
		display: inline-block;
		height: 74px;
		width: 38px;
		background-size: cover;
		margin-right:50px;
		cursor: pointer;
    position: relative;
	}



  .swiper-container3_navi span{
		transition : all 0.2s;
		position : absolute;
		width : 52px;
		height : 2px;
		background:#fff;
	}

  .swiper-container3_navi .next:hover span{
		background:#b6857d;
	}

  .swiper-container3_navi .prev:hover span{
		background:#b6857d;
	}


	.swiper-container3_navi .next span:nth-of-type(1) {
		right: 0px;
		top: 18px;
		transform: translateY(0px) translateX(0px) rotate(45deg);
	}
	.swiper-container3_navi .next span:nth-of-type(2) {
		right: 0px;
		bottom: 18px;
		transform: translateY(0px) translateX(0px) rotate(-45deg);
	}


  .swiper-container3_navi .prev span:nth-of-type(1) {
		left: 0px;
		top: 18px;
		transform: translateY(0px) translateX(0px) rotate(-45deg);
	}
	.swiper-container3_navi .prev span:nth-of-type(2) {
		left: 0px;
		bottom: 18px;
		transform: translateY(0px) translateX(0px) rotate(45deg);
	}










}

@media (max-width:1199px) {

  .foot_view {
    height: 400px;
  }
  .fade_wrap{
  height: 100%; width:100%;
	position:relative;
  }

  .swiper-container3 {
  height: 100%;
	z-index:0;
	position:relative;
  width:100%;
  }


  .swiper-container3 .bg01{
	background:url(/img/foot_view01.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg02{
	background:url(/img/foot_view02.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg03{
	background:url(/img/foot_view03.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg04{
	background:url(/img/foot_view04.jpg) no-repeat center;
	background-size:cover;
  }
  .swiper-container3 .bg05{
	background:url(/img/foot_view05.jpg) no-repeat center;
	background-size:cover;
  }


   .fade_wrap .box {
    background:rgba(225,219,205, 0.5);
    height:100%;
    z-index: 2;
    left: 0px; top: 0px;
    position: absolute;
    width: 50%;
    min-width: 200px;
   }

   .fade_wrap .box > p:nth-child(1) {
    position: absolute; top:55px; z-index:1;
    width:100%;
    padding-left: 10%;
	  padding-right:50px;
		box-sizing:border-box;
		word-break:keep-all;
	  font-size:30px; line-height:40px;
   }


   .fade_wrap .box  .txt{
	 position: absolute;
	 top:170px;
   width: 100%;
   box-sizing: border-box;
   padding-left: 10%;
   padding-right:50px;
   }


   .fade_wrap .box  .txt p:nth-child(1){
	display:none; font-size:12px; line-height: 18px;
  word-break: keep-all;
   }

   .fade_wrap .box  .txt li.on p:nth-child(1){
	display:block;
   }
   .fade_wrap .box  .txt li.on p:nth-child(2){
	display:block;
   }



	.swiper-container3 .swiper-button-prev, .swiper-container3 .swiper-container-rtl .swiper-button-next {
		left: -50px;
	}

	.swiper-container3 .swiper-button-next, .swiper-container3 .swiper-container-rtl .swiper-button-prev {
		right: -50px;
	}



	/* ¹öÆ° */

	.swiper-pagination3{
		position: absolute;
		right: 5%;
		bottom:10px;
  }

	.fade_wrap .swiper-pagination {
		position: absolute;
		z-index: 10;
	}

	.fade_wrap .swiper-pagination-bullet {
		margin-right:5px;
	}

  .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #b6857d;
  }



	.fade_wrap .prev {

	}




  /*³×ºñ°ÔÀ̼Ç*/
	.swiper-container3_navi{
		display: block;
		text-align: center;
		margin: 0;
		position: absolute;
		bottom: 50px;
    left:10%;
		z-index: 2;
	}

  .swiper-container3_navi:before{
    display: block;
    content:"";
    background:#555;
    width:2px;
    height:50px;
    position: absolute;
    left:50%;
    margin-left:-1.5px;
  }
  .swiper-container3_navi .next{
    display: inline-block;
    height: 50px;
    width: 15px;
    background-size: cover;
    cursor: pointer;
    position: relative;
  }
  .swiper-container3_navi .prev{
    display: inline-block;
    height: 50px;
    width: 15px;
    background-size: cover;
    margin-right:50px;
    cursor: pointer;
    position: relative;
  }



  .swiper-container3_navi span{
    transition : all 0.2s;
    position : absolute;
    width : 35px;
    height : 2px;
    background:#464543;
  }

  .swiper-container3_navi .next:hover span{
    background:#b6857d;
  }

  .swiper-container3_navi .prev:hover span{
    background:#b6857d;
  }


  .swiper-container3_navi .next span:nth-of-type(1) {
    right: 0px;
    top: 12px;
    transform: translateY(0px) translateX(0px) rotate(45deg);
  }
  .swiper-container3_navi .next span:nth-of-type(2) {
    right: 0px;
    bottom: 12px;
    transform: translateY(0px) translateX(0px) rotate(-45deg);
  }


  .swiper-container3_navi .prev span:nth-of-type(1) {
    left: 0px;
    top: 12px;
    transform: translateY(0px) translateX(0px) rotate(-45deg);
  }
  .swiper-container3_navi .prev span:nth-of-type(2) {
    left: 0px;
    bottom: 12px;
    transform: translateY(0px) translateX(0px) rotate(45deg);
  }






}