@charset "utf-8";
/*  bnrSlide003 CSS */


.bnrSlide003 {width:100%;height:100%;float:left;box-sizing:border-box;position:relative;}

.bnrSlide003 .titlebox {float:left; box-sizing:border-box; z-index:2;}
.bnrSlide003 .titlebox .tit {font-size:26px;line-height:140%;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left: 15px;box-sizing: border-box;}

.bnrSlide003 .wzwg-banner-slide-info {width:76%;width:100%;float:left;padding:10px 0;}
.bnrSlide003 .wzwg-banner-slide-data .slick-list {width:100%;}
.bnrSlide003 .slick-slide a {width:100%; height:100%; float:left; box-sizing:border-box; display:block;}
.bnrSlide003 .slick-slide a:focus {border:1px dotted #333;}

.bnrSlide003 .imgbox {width:100%;height:120px;line-height:100px;display:block;text-align:center;overflow:hidden;padding:10px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.1);}
.bnrSlide003 .imgbox img {width:auto;max-width:95%;max-height:100%;display:inline-block;vertical-align:middle;margin-top:-3px;}




/* BTN SETTING */
/*play & pause*/
.bnrSlide003 .titlebox ~ .btnbox {bottom: 10px;transform:none;}
.bnrSlide003 .btnbox {position:absolute;bottom:5px;/* display:none; */}
.bnrSlide003 .btnbox > div {display:inline-block; vertical-align:middle;}
.bnrSlide003 .btnbox .indicator {z-index:10;width:30px;display:inline-block;}
.bnrSlide003 .btnbox .indicator button {text-indent:-9999px;overflow:hidden;width:30px;height:30px;position:relative; vertical-align:middle;display:inline-block;margin-top:-4px;}
.bnrSlide003 .btnbox .indicator button.play {background:url(../img/arrow.png) -71px 5px no-repeat;}
.bnrSlide003 .btnbox .indicator button.stop {background:url(../img/arrow.png) -22px 4px no-repeat;}
.bnrSlide003 .btnbox .indicator button:focus {outline:thin dotted;}

/*slide bullet*/
.bnrSlide003 .slick-dots {display:none !important; position:absolute; width:auto; bottom:15px; left:50%; transform:translateX(-50%); text-align:center;}


/* next & prev */
.bnrSlide003 .titlebox + .slick-slider .slick-arrow {bottom: 8px;transform:none;}
.bnrSlide003 .slick-arrow {overflow:hidden;text-indent:-9999px;width:30px;height:30px; position:absolute;bottom:13px;pointer-events:auto !important;z-index:1;transition:background-color 1s;}
.bnrSlide003 .slick-arrow:focus {outline:auto;}
.bnrSlide003 .slick-arrow:not(.slick-disabled):hover {background-color:rgba(255,255,255,0.3);}
.bnrSlide003 .slick-prev {background:url(../img/arrow.png) 6px 5px no-repeat;}
.bnrSlide003 .slick-next {background:url(../img/arrow.png) -49px 5px no-repeat;}
.bnrSlide003 .slick-arrow.slick-disabled {opacity:0.5;}


.border-radius .bnrSlide003 .btnbox {border-radius: 8px;}
.border-radius .bnrSlide003 .imgbox {border-radius: 10px;}


	@media (min-width:800px){
		.bnrSlide003 .titlebox {width:24%;position:absolute;top:0;left:0;padding:10px 15px 0 0;}
		.bnrSlide003 .wzwg-banner-slide-data {padding-left:31.3%;}
		.bnrSlide003 .slick-slide {margin-left:10px;}

		.bnrSlide003 .slick-prev {left:24px;}
		.bnrSlide003 .slick-next {left: 74px;}
		.bnrSlide003 .btnbox {left:0;width:130px;height:45px;line-height:45px;border:1px solid #333;box-sizing:border-box;text-align:center;}

		.bnrSlide003 .wzwg-banner-slide-data {padding-left:24%;}
		.bnrSlide003 .slick-arrow {bottom:50%; transform:translateY(50%);}
		.bnrSlide003 .btnbox {bottom:50%;transform:translateY(50%);}
	}

	@media (max-width:799px){
		.bnrSlide003 .slick-slide {margin:0 5px;}
		.bnrSlide003 .titlebox {width:100%; padding:10px 100px 10px 15px;}
		.bnrSlide003 .titlebox .tit {font-size:23px;padding-left: 0;}
    .bnrSlide003 .imgbox {height:60px;line-height:50px;padding:5px;}

		.bnrSlide003 .slick-arrow {bottom:auto;top:0;margin-top:-37px;}
		.bnrSlide003 .slick-prev {right:60px;}
		.bnrSlide003 .slick-next {right:0;}
		.bnrSlide003 .btnbox {right:30px;bottom:auto;top:16px;}
		.bnrSlide003 .btnbox > div {position:absolute;left:30px;line-height: 30px;}

    .bnrSlide003 .wzwg-banner-slide-data {padding-left:110px;}
		.bnrSlide003 .slick-arrow {top:50%;transform:translateY(-50%);margin-top:0;right:auto;}
		.bnrSlide003 .slick-prev {left:10px;}
		.bnrSlide003 .slick-next {left:70px;}
		.bnrSlide003 .btnbox {top:50%;transform:translateY(-50%);right:auto;left: 10px;width: 90px;height: 30px;}
		.bnrSlide003 .titlebox ~ .btnbox {top: auto; bottom: 15px;}
		.bnrSlide003 .titlebox + .slick-slider .slick-arrow {top: auto; bottom: 5px;}
	}

	@media (min-width:600px) and (max-width:799px){

	}

	@media (max-width:599px){
		.bnrSlide003 .titlebox .tit {font-size:20px;}
	}