.m_v_i .swiper.nofocus { margin:0 auto; width:100%; height:100%; position:relative; overflow:hidden; }
.m_v_i .swiper.nofocus .swiper-wrapper { }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide { text-align:center; background:#ccc; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap { display:block; height:500px; position:relative; padding:0 20px; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap.youtube{padding:unset;}
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .vid {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;object-position: 50% 50%; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .pc_img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .mb_img {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box { position:relative; margin:0 auto; color:#fff; text-align:left; max-width: 650px; min-width: 650px; padding-top:100px; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .title { font-size:30px; font-weight:bold; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .desc { font-size:20px; }
.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .about-more { display:inline-block; margin-top:20px; padding:10px 20px; border-radius: 5px; color:#fff; background:rgba(000, 000, 000, 0.7); }
.m_v_i .swiper.nofocus .control-box { position:absolute; bottom:10%; left:21%; display:flex; padding:10px 20px; border-radius: 20px; justify-content:start; z-index:10; color:#fff; background:rgba(000, 000, 000, 0.6); }
.m_v_i .swiper.nofocus .control-box .button-next { border:1px solid #fff; border-left:none; padding:5px; }
.m_v_i .swiper.nofocus .control-box .button-next img { vertical-align:middle; filter: invert(100%); }
.m_v_i .swiper.nofocus .control-box .button-prev { padding:5px; border:1px solid #fff; }
.m_v_i .swiper.nofocus .control-box .button-prev img { vertical-align:middle; filter: invert(100%); }
.m_v_i .swiper.nofocus .control-box .pagination { width:auto; padding:5px 5px 5px 20px; font-size:16px; line-height:1.5; }
/* 2024.05.28 dev add */
.m_v_i .swiper.nofocus .control-box .swiper-pagination-current{color:#fff;}
/* //2024.05.28 dev add */
/* 2024.07.31 add */
.m_v_i .vid_mo{display:none;}
.m_v_i video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
/*// 2024.07.31 add */
@media(max-width:1023px){
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap { max-height:600px; padding:0 20px; }
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap.youtube{padding:unset;}
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .pc_img {display: none;}
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .mb_img {display: block;}
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box { padding-top:50px; max-width: 500px; min-width:400px; }
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .title { font-size:30px; font-weight:bold; }
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .desc { font-size:20px; }
	.m_v_i .swiper.nofocus .control-box { position:absolute; bottom:2%; left:18%; display:flex; padding:5px 15px; border-radius: 20px; justify-content:start; z-index:10; color:#fff; background:rgba(000, 000, 000, 0.6); }
	.m_v_i .swiper.nofocus .control-box .button-next { border:1px solid #fff; border-left:none; padding:2px; }
	.m_v_i .swiper.nofocus .control-box .button-next img { vertical-align:middle; filter: invert(100%); }
	.m_v_i .swiper.nofocus .control-box .button-prev { padding:2px; border:1px solid #fff; }
	.m_v_i .swiper.nofocus .control-box .button-prev img { vertical-align:middle; filter: invert(100%); }
	.m_v_i .swiper.nofocus .control-box .pagination { width:auto; padding:2px 2px 2px 10px; font-size:16px; line-height:1.5; }
	 /* 20240730 add */
    .m_v_i .vid_pc{display:none;}
	.m_v_i .vid_mo{display:block;}
	/* 20240730 add */
}
@media(max-width:767px){
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box { padding-top:50px; min-width:200px; max-width:200px; }
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .title { font-size:24px; min-width:200px; max-width:200px; }
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .desc { font-size:15px; min-width:200px; max-width:200px; }
}
@media(max-width:319px){
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box { padding-top:50px; min-width:auto; max-width:auto; }
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .title { font-size:22px; min-width:auto; max-width:auto;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden; text-overflow: ellipsis;}
	.m_v_i .swiper.nofocus .swiper-wrapper .swiper-slide .banner_wrap .text-box .desc { font-size:13px; min-width:auto; max-width:auto;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden; text-overflow: ellipsis; }
	.m_v_i .swiper.nofocus .control-box .button-next {padding:0px; }
	.m_v_i .swiper.nofocus .control-box .button-next img {width:20px; height:20px;}
	.m_v_i .swiper.nofocus .control-box .button-prev {padding:0px;}
	.m_v_i .swiper.nofocus .control-box .button-prev img {width:20px; height:20px; }
	.m_v_i .swiper.nofocus .control-box .pagination { font-size:13px;}
}