/* ÃʱâÈ­ */
.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;
  background-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:900px;
    position: relative;
    z-index: 1;
  }

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

  .mainslide .swiper-slide > div{
    height: 100%;
  }


  .mainslide [class^="slide_bg"] .bg {
    width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	transform:scale(1.1);
  }
	
	/*
  .mainslide [class^="slide_bg"] .bg::after {
    width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	content:"";
	display:block;
	background:rgba(0,0,0,0.35);
  }
  */


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



  .mainslide .slide_bg_01 .bg {
	background:url(/img/main01_bg.png) no-repeat center;
	background-size:cover;
  }

 
  .mainslide .slide_bg_02 .bg {
	background:url(/img/main02_bg.png) no-repeat center;
	background-size:cover;
  }

   .mainslide .slide_bg_03 .bg {
	background:url(/img/main03_bg.png) no-repeat center;
	background-size:cover;
  }


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





  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
	position:absolute;
    z-index: 2;
	left:50%;
	bottom:0px;
	margin-left:-750px;
	width:1500px;
	height:100%;
  }


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



  /* font */


  .mainslide .swiper-slide-inbox .text_box {
	
	position: absolute;
	left:100px;
	bottom:20%;
	letter-spacing:-1px;
	font-weight:bold;
  }
 


  .mainslide .swiper-slide-inbox .img_01 img{
    vertical-align:top;
  }






  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
	font-size:66px;
	line-height:82px;
	margin-bottom:50px;
  }

 
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 {
	font-size:26px;
	line-height:40px;
	
  }


  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 {
    position: absolute;
    right: 80px;
	bottom:-40px;
  }

  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 span {
    font-size:20px;
	position: absolute;
    left: -50px;
	bottom:60px;
  }








  .mainslide .slide_bg_02 .swiper-slide-inbox .text_01 {
	font-size:66px;
	line-height:82px;
	margin-bottom:50px;
  }

 
  .mainslide .slide_bg_02 .swiper-slide-inbox .text_02 {
	font-size:26px;
	line-height:40px;
	
  }


  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 {
    position: absolute;
   right: 80px;
        bottom: -190px;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 span {
    font-size:20px;
	position: absolute;
		left: -89px;
        bottom: 214px;
  }






  .mainslide .slide_bg_03 .swiper-slide-inbox .text_01 {
	font-size:66px;
	line-height:82px;
	margin-bottom:50px;
	color:#fff;
  }

 
  .mainslide .slide_bg_03 .swiper-slide-inbox .text_02 {
	font-size:26px;
	line-height:40px;
	color:#fff;
	
  }


  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 {
    position: absolute;
        right: 242px;
        bottom: 220px;
  }




 
 
  /* //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{
  
    vertical-align: bottom;
	position:absolute;
	width:1500px;
	text-align:right;
	z-index:99;
	bottom:50px;
	left:50%;
	margin-left:-800px;
  }

  .mainslide .swiper-pagination-fraction,
  .mainslide .swiper-pagination-custom,
  .mainslide .swiper-container-horizontal>.swiper-pagination-bullets {
    z-index: 1;
    letter-spacing: -5px;
    font-size: 40px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    position: relative;
    color: #393939;
    text-align: left;    
	z-index: 9999;
    position: initial;
	width:auto;

  }

 

  .mainslide .navi {
    display: inline-block;
    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-image: url(/img/arrow_lw.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    vertical-align: middle;
    left: 0; border-radius:50%;
  }

  .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-image: url(/img/arrow_rw.png);
    background-repeat: no-repeat;
    background-position: center; border-radius:50%;
  }

  .mainslide .swiper-button-next:hover {
    background-image: url(/img/arrow_rh.png);
  }

  .mainslide .play_pause {
    display: inline-block;
    height: 50px;
    font-size: 0px;
    margin-right:20px;
    vertical-align: bottom;
	position:relative;
  }

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












}


@media (max-width:1199px) {

 

.mainslide .swiper-container {
    height:900px;
    position: relative;
    z-index: 1;
  }

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

  .mainslide .swiper-slide > div{
    height: 100%;
  }


  .mainslide [class^="slide_bg"] .bg {
    width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
        transform: scale(1.1);
  }
	/*
  .mainslide [class^="slide_bg"] .bg::after {
    width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	content:"";
	display:block;
	background:rgba(0,0,0,0.35);
  }
  */





  .mainslide .slide_bg_03 .bg::after {
	 width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	content:"";
	display:block;
        background: rgba(255, 255, 255, 0.6);
  }



  .mainslide .slide_bg_01 .bg {
	background:url(/img/main01_bg.png) no-repeat center;
	background-size:cover;
  }



  .mainslide .slide_bg_02 .bg {
	background:url(/img/main02_bg.png) no-repeat center;
	background-size:cover;
  }

   .mainslide .slide_bg_03 .bg {
	background:url(/img/main03_bg.png) no-repeat center;
	background-size:cover;
  }


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








  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
	position:absolute;
    z-index: 2;
	left:5%;
	bottom:0px;
	width:90%;
	height:100%;
  }


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




  /* font */


  .mainslide .slide_bg_01 .swiper-slide-inbox .text_box {

	position: absolute; left:0px; bottom:285px; width:100%; font-weight:bold; }




  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
	font-size:30px;
	line-height:40px;
	margin-bottom:30px;
  }

 
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 {
	font-size:14px;
	line-height:22px;
	width:50%;
	word-break:keep-all;
	
  }

   .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 br {
	display:none;
	
  }


  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 {
    position: absolute;
	width:100%;
    right:-5%;
	bottom:-20px;
	text-align:right;
  }

  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 img {
       height: 420px;
  }

  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 span {
	font-size: 16px;
	position: absolute;
	right: 280px;
	bottom: 148px;

  }








  .mainslide .slide_bg_02 .swiper-slide-inbox .text_box {
	
	position: absolute;
	left:0px;
	bottom:285px;
	width:100%;
	font-weight:bold;
  }
 




  .mainslide .slide_bg_02 .swiper-slide-inbox .text_01 {
	font-size:30px;
	line-height:40px;
	margin-bottom:30px;
  }

 
  .mainslide .slide_bg_02 .swiper-slide-inbox .text_02 {
	font-size:14px;
	line-height:22px;
	width:50%;
	word-break:keep-all;
	
  }

   .mainslide .slide_bg_02 .swiper-slide-inbox .text_02 br {
	display:none;
	
  }


  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 {
    position: absolute;
	width:100%;
    right:-5%;
	bottom:-70px;
	text-align:right;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 img {
       height: 460px;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 span {
	font-size: 16px;
	position: absolute;
	        right: 225px;
        bottom: 186px;

  }








  .mainslide .slide_bg_03 .swiper-slide-inbox .text_box {
	
	position: absolute;
	left:0px;
	bottom:285px;
	width:100%;
	font-weight:bold;
  }
 




  .mainslide .slide_bg_03 .swiper-slide-inbox .text_01 {
	font-size:30px;
	line-height:40px;
	margin-bottom:30px;
  }

 
  .mainslide .slide_bg_03 .swiper-slide-inbox .text_02 {
	font-size:14px;
	line-height:22px;
	width:50%;
	word-break:keep-all;
	
  }

   .mainslide .slide_bg_03 .swiper-slide-inbox .text_02 br {
	display:none;
	
  }


  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 {
    position: absolute;
	width:100%;
            right: 0%;
        bottom: 95px;

	text-align:right;
  }

  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 img {
       height: 200px;
  }

 


 
 
  /* //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{
  
    vertical-align: bottom;
	position:absolute;
	width:95%;
	text-align:left;
	z-index:99;
	bottom:9%;
	left:2.5%;
	right:inherit;
  }

  .mainslide .swiper-pagination-fraction,
  .mainslide .swiper-pagination-custom,
  .mainslide .swiper-container-horizontal>.swiper-pagination-bullets {
    z-index: 1;
    letter-spacing: -5px;
    font-size: 30px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    position: relative;
    color: #393939;
    text-align: left;    
	z-index: 9999;
    position: initial;
	width:auto;

  }

 

  .mainslide .navi {
    display: inline-block;
    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-image: url(/img/arrow_lw.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    vertical-align: middle;
    left: 0; border-radius:50%;
  }

  .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-image: url(/img/arrow_rw.png);
    background-repeat: no-repeat;
    background-position: center; border-radius:50%;
  }

  .mainslide .swiper-button-next:hover {
    background-image: url(/img/arrow_rh.png);
  }

  .mainslide .play_pause {
    display: inline-block;
    height: 40px;
    font-size: 0px;
    margin-right:10px;
    vertical-align: bottom;
	position:relative;
  }

  .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 .act_left {
    animation: opacity_b 1s forwards;
  }

  .mainslide .swiper-slide .act_right {
    animation: opacity_b 1s forwards;
  }

  .mainslide .swiper-slide .act_bottom {
    animation: opacity_b 1s forwards;
  }
  .mainslide .swiper-slide .act_top {
    animation: opacity_b 1s forwards;
  }

  .mainslide .swiper-slide .act_opacity {
    animation: opacity_b 1s forwards;
  }
  
  .mainslide .swiper-slide .act_bg {
    animation: background_b 5s forwards;
  }





  .mainslide .swiper-slide-active .act_left {
    animation: left_mymove 1s forwards;
	position:relative;
	opacity:0;
  }
  .mainslide .swiper-slide-active .act_right {
    animation: right_mymove 1s forwards;
	position:relative;
	opacity:0;
  }
  .mainslide .swiper-slide-active .act_bottom{
    animation: bottom_mymove 1s forwards;
	position:relative;
	opacity:0;
  }
  .mainslide .swiper-slide-active .act_top {
    animation: top_mymove 1s forwards;
	position:relative;
	opacity:0;
  }

  .mainslide .swiper-slide-active .act_opacity {
    animation: opacity 1s forwards;
	position:relative;
	opacity:0;
  }

  .mainslide .swiper-slide-active .act_bg {
    animation: background 5s forwards;
  }


  /*// animation*/