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

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

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


  .mainslide [class^="slide_bg"] .bg {
    width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
  }

  .mainslide .slide_bg_01 .bg {
	background:#e7dada;
  }
  .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.jpg) no-repeat center bottom;
	background-size:cover;
  }


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








  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
	position:absolute;
    z-index: 2;
	left:10%;
	top:250px;
  }
  /* //ÅؽºÆ® À§Ä¡  */



  /* font */

	/* //slide_bg_01 */


  .mainslide .slide_bg_01  .swiper-slide-inbox {
	position:relative;
	z-index:2;
	width:1400px;
	height:100%;
	margin:0 auto;
	left:inherit;
	top:inherit;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
	font-size:45px;
	line-height:60px;
	color:#fff;
	box-sizing:border-box;
	position: absolute;
    left: 65px;
	top:255px;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 img {
	position: relative;
    top: 13px;
  }
 
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 {
	font-size:20px;
	line-height:32px;
	width:1270px;
	position: absolute;
    left: 65px;
	top:420px;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 div:after{
	clear:both;
	display:block;
	content:"";
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(1){
	float:left;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(2){
	float:right;
  }

  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 {
    position: absolute;
    right: 50%;
	margin-right:-152px;
    bottom: 0px;
  }
   .mainslide .slide_bg_01 .swiper-slide-inbox .img_01:after {
    content:"ÀÌÈ­»êºÎÀΰú ¿øÀå ¼±ÇѱÔ";
	display:inline-block;
	font-size:16px;
	position: absolute;
    right: -150px;
	bottom:20px;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 img{
    vertical-align:top;
  }

	 /* //slide_bg_01 */



  /* //slide_bg_02 */
  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 {
	margin-bottom:50px;
  }

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

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

  }
  .mainslide .slide_bg_02 .swiper-slide-inbox .text_02 {
	font-size:20px;
	line-height:32px;
	color:#fff;
	margin-bottom:100px;
  }
  /* //slide_bg_02 */



  /* //slide_bg_03 */
  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 {
	margin-bottom:50px;
  }

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

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

  }
  .mainslide .slide_bg_03 .swiper-slide-inbox .text_02 {
	font-size:20px;
	line-height:32px;
	margin-bottom:100px;
  }
  /* //slide_bg_03 */


  .mainslide .swiper-slide-inbox .link {
	position: relative;
	display:inline-block;
  }



  .mainslide .swiper-slide-inbox .link  a{
   font-size:26px;
   line-height:26px;
   transition:all 0.3s;
  }


  .mainslide .swiper-slide-inbox .link  a:hover{
    color: #ad4d4d;
  }
  .mainslide .swiper-slide-inbox .link  a:before{
   content:"";
   display:inline-block;
   width:57px;
   height:57px;
   background:#cc8282;
   border-radius:50%;
   position: absolute;
   right: -22px;
   top: -10px;
   z-index:1;
   transition:all 0.3s;
  }
  .mainslide .swiper-slide-inbox .link  a:hover:before{
	
   right: -18px;
   width:63px;
   height:63px;
  }
  .mainslide .swiper-slide-inbox .link  a img{
	position: relative;
	left:10px;
	top:5px;
   z-index:2;
   transition:all 0.3s;
  }

  .mainslide .swiper-slide-inbox .link  a:hover img{
	left:15px;
  }



  	/* //slide_bg_01 */
  .mainslide .slide_bg_01 .swiper-slide-inbox .link {
	position: absolute;
	top:650px;
	left:65px;
  }
	/* //slide_bg_01 */

  	/* //slide_bg_02 */
 .mainslide  .slide_bg_02 .swiper-slide-inbox .link  a{
   color:#fff;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .link  a:hover{
    color: #ffee00;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .link  a img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(102%) contrast(101%);
  }
	/* //slide_bg_02 */
 
 
  /* //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: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: 46px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    position: relative;
    color: #fff;
  }

  .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;
    margin-right:100px;
  }

  .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 (min-width:768px) and (max-width:1199px) {

  /* ÃÖ¼Ò 768 ~ 1199  */

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

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

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


  .mainslide [class^="slide_bg"] .bg {
    width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
  }

  .mainslide .slide_bg_01 .bg {
	background:#e7dada;
  }
  .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.jpg) no-repeat 80% bottom;
	background-size:cover;
  }


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





  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
	position:absolute;
    z-index: 2;
	left:5%;
	top:180px;
  }
  /* //ÅؽºÆ® À§Ä¡  */



  /* font */

  /* //slide_bg_01 */

  .mainslide .slide_bg_01  .swiper-slide-inbox {
	position:relative;
	z-index:2;
	width:90%;
	height:100%;
	margin:0 auto;
	left:inherit;
	top:inherit;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
	font-size:32px;
	line-height:42px;
	color:#fff;
	box-sizing:border-box;
	position: absolute;
	top:255px;
    text-align: center;
    width: 100%;
}
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 img {
	position: relative;
    top: 5px;
	width:250px;
  }
 
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 {
	font-size:15px;
	line-height:25px;
	position: absolute;
	top:350px;
    width: 100%;
    text-align: center;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 div{
	width:670px;
	display:inline-block;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 div:after{
	clear:both;
	display:block;
	content:"";
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(1){
	float:left;
    text-align: left;
	width:36%;
	word-break:keep-all;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(1) br{
	display:none;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(2){
	float:right;
    text-align: right;
  }

  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 {
    position: absolute;
    right: 50%;
	margin-right:-100px;
    bottom: 0px;
  }

   .mainslide .slide_bg_01 .swiper-slide-inbox .img_01:after {
    content:"ÀÌÈ­»êºÎÀΰú ¿øÀå ¼±ÇѱÔ";
	display:inline-block;
	font-size:14px;
	position: absolute;
    right: -120px;
	bottom:20px;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 img{
    vertical-align:top;
	width:200px;
  }

	 /* //slide_bg_01 */



  /* //slide_bg_02 */
  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 {
	margin-bottom:30px;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 img{
    vertical-align:top;
	height:60px;
  }

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

  }
  .mainslide .slide_bg_02 .swiper-slide-inbox .text_02 {
	font-size:15px;
	line-height:25px;
	color:#fff;
	margin-bottom:60px;
  }
  /* //slide_bg_02 */



  /* //slide_bg_03 */
  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 {
	margin-bottom:30px;
  }

  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 img{
       vertical-align: top;
    height:60px;
  }

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

  }
  .mainslide .slide_bg_03 .swiper-slide-inbox .text_02 {
	font-size: 15px;
    line-height: 25px;
    margin-bottom: 60px;
  }
  /* //slide_bg_03 */


  .mainslide .swiper-slide-inbox .link {
	position: relative;
	display:inline-block;
  }



  .mainslide .swiper-slide-inbox .link  a{
   font-size:22px;
   line-height:22px;
   transition:all 0.3s;
  }


  .mainslide .swiper-slide-inbox .link  a:hover{
    color: #ad4d4d;
  }
  .mainslide .swiper-slide-inbox .link  a:before{
   content:"";
   display:inline-block;
   width:45px;
   height:45px;
   background:#cc8282;
   border-radius:50%;
   position: absolute;
   right: -18px;
   top: -10px;
   z-index:1;
   transition:all 0.3s;
  }
  .mainslide .swiper-slide-inbox .link  a:hover:before{
   right: -13px;
   width:50px;
   height:50px;
  }
  .mainslide .swiper-slide-inbox .link  a img{
	position: relative;
	left:5px;
	top:5px;
   z-index:2;
   transition:all 0.3s;
   height:20px;
  }

  .mainslide .swiper-slide-inbox .link  a:hover img{
	left:10px;
  }



  	/* //slide_bg_01 */
  .mainslide .slide_bg_01 .swiper-slide-inbox .link {
	position: absolute;
    top: 500px;
    left: 2%;
  }
	/* //slide_bg_01 */

  	/* //slide_bg_02 */
 .mainslide  .slide_bg_02 .swiper-slide-inbox .link  a{
   color:#fff;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .link  a:hover{
    color: #ffee00;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .link  a img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(102%) contrast(101%);
  }
	/* //slide_bg_02 */
 
 


  /* //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:5%;
    bottom: 30px;
    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;
    display: inline-block;
    vertical-align: bottom;
    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;
    margin-right:40px;
  }

  .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:767px) {

 


  /* ÃÖ¼Ò 768 ~ 1199  */

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

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

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


  .mainslide [class^="slide_bg"] .bg {
    width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
  }

  .mainslide .slide_bg_01 .bg {
	background:#e7dada;
  }
  .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.jpg) no-repeat 80% bottom;
	background-size:cover;
  }


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





  /* ÅؽºÆ® À§Ä¡  */
  .mainslide .swiper-slide-inbox {
	position:absolute;
    z-index: 2;
	left:5%;
	top:300px;
	padding-right:50px;
  }
  /* //ÅؽºÆ® À§Ä¡  */



  /* font */

  /* //slide_bg_01 */

  .mainslide .slide_bg_01  .swiper-slide-inbox {
	position:relative;
	z-index:2;
	width:90%;
	height:100%;
	margin:0 auto;
	left:inherit;
	top:inherit;
    padding-right:0px;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 {
	font-size:30px;
	line-height:36px;
	color:#fff;
	box-sizing:border-box;
	position: absolute;
	top:220px;
    text-align: left;
    width: 100%;
}
.mainslide .slide_bg_01 .swiper-slide-inbox .text_01 span {
	display:block;
	padding:0px;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_01 img {
    vertical-align: top;
	width:120px;
  }
 
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 {
	font-size: 13px;
    line-height:21px;
    position: absolute;
    top: 400px;
    width: 55%;
    text-align: left;
    word-break: keep-all;

  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 div{
	
	display:inline-block;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 div:after{
	clear:both;
	display:block;
	content:"";
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(1){
	display:block;
	margin-bottom:20px;
  }
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(1) br{
	display:none;
  }
  
  .mainslide .slide_bg_01 .swiper-slide-inbox .text_02 span:nth-child(2){
	display:block;
  }

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

 
  .mainslide .slide_bg_01 .swiper-slide-inbox .img_01 img{
    vertical-align:top;
	width:200px;
  }

	 /* //slide_bg_01 */



  /* //slide_bg_02 */
  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 {
	margin-bottom:20px;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .img_01 img{
    vertical-align:top;
	height:50px;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .text_01 {
	font-size:32px;
	line-height:42px;
	margin-bottom:30px;
	color:#fff;
    word-break: keep-all;
	

  }
  .mainslide .slide_bg_02 .swiper-slide-inbox .text_02 {
	font-size: 13px;
    line-height:21px;
	color:#fff;
	margin-bottom:60px;
    word-break: keep-all;
  }
  /* //slide_bg_02 */



  /* //slide_bg_03 */
  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 {
	margin-bottom:20px;
    word-break: keep-all;
  }

  .mainslide .slide_bg_03 .swiper-slide-inbox .img_01 img{
       vertical-align: top;
    height:50px;
  }

  .mainslide .slide_bg_03 .swiper-slide-inbox .text_01 {
	font-size:32px;
	line-height:42px;
	margin-bottom:30px;
	width:50%;
	word-break:keep-all;

  }
  .mainslide .slide_bg_03 .swiper-slide-inbox .text_02 {
	font-size: 13px;
    line-height:21px;
	margin-bottom:40px;
	word-break:keep-all;
  }
  .mainslide .slide_bg_03 .swiper-slide-inbox .text_02  br{
	display:none;
  }
  /* //slide_bg_03 */


  .mainslide .swiper-slide-inbox .link {
	position: relative;
	display:inline-block;
  }



  .mainslide .swiper-slide-inbox .link  a{
   font-size:30px;
   line-height:30px;
   transition:all 0.3s;
  }


  .mainslide .swiper-slide-inbox .link  a:hover{
    color: #ad4d4d;
  }
  .mainslide .swiper-slide-inbox .link  a:before{
   content:"";
   display:inline-block;
   width:45px;
   height:45px;
   background:#cc8282;
   border-radius:50%;
   position: absolute;
   right: -18px;
   top: -10px;
   z-index:1;
   transition:all 0.3s;
  }
  .mainslide .swiper-slide-inbox .link  a:hover:before{
	right: -13px;
	width:50px;
	height:50px;
  }
  .mainslide .swiper-slide-inbox .link  a img{
	position: relative;
	left:5px;
	top:5px;
	z-index:2;
	transition:all 0.3s;
	height:20px;
  }

  .mainslide .swiper-slide-inbox .link  a:hover img{
	left:10px;
  }



  	/* //slide_bg_01 */
  .mainslide .slide_bg_01 .swiper-slide-inbox .link {
	position: absolute;
    top: 550px;
  }
	/* //slide_bg_01 */

  	/* //slide_bg_02 */
 .mainslide  .slide_bg_02 .swiper-slide-inbox .link  a{
   color:#fff;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .link  a:hover{
    color: #ffee00;
  }

  .mainslide .slide_bg_02 .swiper-slide-inbox .link  a img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(102%) contrast(101%);
  }
	/* //slide_bg_02 */
 
 


  /* //font */









    /* //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:5%;
      width: 90%;
      bottom: 10px;
      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: 40px;
      position: absolute;
      right: 0px;
      bottom: 0;
      width: auto;
      left: auto;
    }

    .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;
      margin-right:50px;
    }

    .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 .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 2s 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 2s forwards;
  }


  /*// animation*/