
/** @latest 2019.06.05 -cwk*/

.logo_slide002 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative; padding:20px 0;}

.logo_slide002 .titletbox {width:24%;height:60px;float:left;box-sizing:border-box;padding:0 15px;position:relative;}
.logo_slide002 .titletbox .txtbox {width:100%;float:left;}
.logo_slide002 .titletbox .txtbox .tit {font-size:18px; font-weight:600; line-height:140%; display:inline-block; color:#333; white-space:nowrap; overflow:hidden; 
									    text-overflow:ellipsis; letter-spacing:-0.5px; vertical-align:middle;}
.logo_slide002 .titletbox .txtbox .co {font-size:13px; color:#838383; margin-left:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:140%; 
									   display:inline-block; letter-spacing:-0.5px; vertical-align:middle;}


.logo_slide002 .swiper-button-next,
.logo_slide002 .swiper-button-prev {position:absolute; top:auto; bottom:0; margin-top:0; /* transform:translateY(-50%); */ background-image:none; 
									text-align:center; vertical-align:middle; line-height:30px; width:30px; height:30px;
									border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; background:#fff; z-index:10;}
.logo_slide002 .swiper-button-next {left:73px;}
.logo_slide002 .swiper-button-prev {left:auto !important;}
.logo_slide002 .swiper-button-next:before {content:">"; font-family:serif; font-size:20px; line-height:normal; display:inline-block;vertical-align:middle;}
.logo_slide002 .swiper-button-prev:before {content:"<"; font-family:serif; font-size:20px; line-height:normal; display:inline-block;vertical-align:middle;}

.logo_slide002 .swiper-button-next.swiper-button-disabled, 
.logo_slide002 .swiper-button-prev.swiper-button-disabled {opacity:1;}


.logo_slide002 div.banner-indicator {z-index:10;float:left;position:absolute;bottom:0;}
.logo_slide002 div.banner-indicator button{width:12px; height:12px;border:0; outline:none; cursor:pointer; vertical-align:top;}
.logo_slide002 div.banner-indicator button.play {position:absolute; left:29px; bottom:0px; width:30px; height:30px; border:1px solid rgba(0,0,0,0.1); 
										  font-size:0; color:#333; line-height:30px; text-align:center; background:#fff; float:left; }
.logo_slide002 div.banner-indicator button.stop {position:absolute; left:29px; bottom:0px; width:30px; height:30px; border:1px solid rgba(0,0,0,0.1); 
										  font-size:0; color:#333; line-height:30px; text-align:center; background:#fff; float:left; }
.logo_slide002 div.banner-indicator button.play:before {content:"\f04b"; font-family:FontAwesome; font-size:12px; font-weight:600; line-height:30px;}
.logo_slide002 div.banner-indicator button.stop:before {content:"||";font-size:12px;font-weight:600;line-height:27px;}

.logo_slide002 .swiper-pagination {display:none;}




.logo_slide002 .slidebox {width:76%;float:left;box-sizing:border-box;padding-right:15px;}
.logo_slide002 .swiper-container {height:100%;/*background:#f0f0f0;*//* overflow:visible; */}
.logo_slide002 .swiper-container .swiper-wrapper {/* width:calc(100% - 57px); */box-sizing:border-box;/* margin:0 auto; *//* overflow:hidden; */vertical-align:middle;}
.logo_slide002 .swiper-container .swiper-wrapper .swiper-slide {width:auto !important; /* background:#fff; *//*border:1px solid rgba(0,0,0,0.07);*/
															    box-sizing:border-box; vertical-align:middle; /*padding:0 15px;*/
															    display:inline-block; min-height:60px; /* width:calc(16.666% - 12.5px) !important; */line-height:60px; }
.logo_slide002 .imgbox {width:100%; height:100%; /* float:left; */ text-align:center; box-sizing:border-box; position:relative; vertical-align:middle;}
.logo_slide002 .imgbox img {width:auto;height:auto;/* opacity:0.95; */display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;}




	@media (min-width:800px){
		/*.logo_slide002 .swiper-container {width:calc(100% - 90px);}*/

		.layout_01 .logo_slide002 {height:auto;}
		.layout_01 .logo_slide002 .imgbox {height:auto;line-height:60px;}
	}

	@media (max-width:1049px){
		.logo_slide002 .titletbox {width:100%; padding:0 15px;height:auto; margin-bottom:15px;}
		.logo_slide002 .slidebox {width:100%; padding:0 15px;}

		.logo_slide002 .swiper-button-prev {top:0; right:73px;}
		.logo_slide002 .swiper-button-next {left:auto; top:0; right:15px;}
		.logo_slide002 div.banner-indicator {bottom:auto; top:0; right:0;}
		.logo_slide002 div.banner-indicator button.stop {left:auto; right:44px; top:0;}
		.logo_slide002 div.banner-indicator button.play {left:auto; right:44px; top:0;}

	@media (max-width:799px){
		.logo_slide002 .swiper-container {width:calc(100% - 20px);}
		.logo_slide002 .swiper-container .swiper-wrapper {vertical-align:top;}
		.logo_slide002 .swiper-container .swiper-wrapper .swiper-slide {max-width:23%; min-height:auto; line-height:normal;}
		.logo_slide002 div.banner-indicator button.stop {right:39px;}


		.logo_slide002 .titletbox {padding:0 10px;}
		.logo_slide002 .slidebox {padding:0 10px;}
		.logo_slide002 .swiper-button-prev {right:68px;}
		.logo_slide002 .swiper-button-next {right:10px;}
		.logo_slide002 div.banner-indicator {right:0;}
		.logo_slide002 div.banner-indicator button.stop {top:0;}
		.logo_slide002 div.banner-indicator button.play {right:39px;}
	}

	@media (min-width:600px) and (max-width:799px){
	}

	@media (max-width:599px){
	}



