@charset "utf-8"; 
/*  slide_bnr_024 CSS */
/*  2022.01.21 SSJ    
    2022.07.08 SSJ */


.slide_bnr_024 {width:100%; height:100%; box-sizing:border-box;}

.slide_bnr_024 .imgbox {width:100%;height:100%; position: relative;overflow: hidden;}
.slide_bnr_024 .imgbox img {width: auto;min-width: 100%; height:auto; min-height:100%; position: absolute;top: -999px;bottom: -999px;right: -999px;left: -999px;margin: auto;}

.slide_bnr_024 .slidetxtBox {position:absolute;left:0;top:0;width:100%;height:100%;text-align:left;box-sizing:border-box;overflow:hidden;max-width:1300px;opacity: 1 !important;background: rgba(255,255,255,0.3);}
.slide_bnr_024 .slidetxtBox .tit {width:100%;color:#333;font-weight:400;line-height:130%;display:inline-block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;word-break:keep-all;letter-spacing:-0.5px;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}
.slide_bnr_024 .slidetxtBox .tit:empty {display:none;}
.slide_bnr_024 .slidetxtBox .tit strong {font-weight:600;}
.slide_bnr_024 .slidetxtBox .co {width:100%;color:#333;line-height:150%;display:block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;word-break:keep-all;margin-bottom:30px;}
.slide_bnr_024 .slidetxtBox .co:empty {display:none;}
.slide_bnr_024 .slidetxtBox .linkbtn {display:inline-block;color:#333;padding: 11px 20px;border-color:rgba(0,0,0,0.2);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;box-sizing: border-box;}
.slide_bnr_024 .slidetxtBox .linkbtn:empty {display:none;}
.slide_bnr_024 .slidetxtBox .linkbtn:hover {font-weight:600;}
.slide_bnr_024 .slidetxtBox .linkbtn:focus {outline:auto; font-weight:600;}

.slide_bnr_024 .btmtxtbox {position:absolute;bottom:0;left:0;width:100%;padding: 0 100px 0 15px;box-sizing:border-box;text-align:left;background:rgba(0,0,0,0.8);opacity: 1 !important;-webkit-transition:background 1s;transition:background 1s;}
.slide_bnr_024 .btmtxtbox .tit {font-size:15px;line-height:40px;color:#fff;font-weight:400;width:100%;box-sizing:border-box;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;float: left;}
.slide_bnr_024 .swiper-container .swiper-wrapper .swiper-slide:hover .btmtxtbox {background:rgba(0,0,0,1);}



/*slide dot btn*/
.slide_bnr_024 .slick-dots {display:none!important;}

/*slide next/prev btn*/
.slide_bnr_024 .slick-arrow {position:absolute; bottom:0;width: 38px;height: 40px;text-align:center;vertical-align:middle;box-sizing:border-box;font-size: 1px;overflow: hidden;text-indent: -999px;border-style: solid;border-width: 0px;border-color: #fff;}
.slide_bnr_024 .slick-next {right: 0px;}
.slide_bnr_024 .slick-prev {right: 38px;z-index: 1;}
.slide_bnr_024 .slick-next:before,
.slide_bnr_024 .slick-prev:before {content:"";width: 8px;height: 8px;display: inline-block;border-style: solid;border-width: 1px 1px 0 0;border-color: inherit;position: absolute;top: 16px;left: 16px;transform: rotate(45deg);}
.slide_bnr_024 .slick-prev:before {border-width: 0 0 1px 1px;left: 14px;}


/*slide indicator btn*/
.slide_bnr_024 .indicator {z-index:10;display:inline-block;position:absolute;right: 30px;bottom:0;width: 25px;height:40px;}
.slide_bnr_024 .indicator button {border:0;cursor:pointer;width: 100%;height: 100%;right: -4px;position: absolute;bottom: 0;font-size: 1px;color: #fff;line-height: 40px;text-align: center;text-indent: -999px;overflow: hidden;}
.slide_bnr_024 .indicator button:before {font-family:FontAwesome; text-indent:0;position:absolute;left:0;top:0;width: 100%;height: 100%;}
.slide_bnr_024 .indicator button.play:before {content:"\25b2";font-family:FontAwesome;font-size:12px;line-height:35px;display: inline-block;transform: rotate(90deg);}
.slide_bnr_024 .indicator button.stop:before {content:"||";font-size:13px;line-height:35px;letter-spacing:1px;}


/*layout option */
.border-radius .slide_bnr_024 .slidetxtBox .linkbtn {border-radius:10px;}


.layout_height_H .slide_bnr_024 .slidetxtBox .tit {-webkit-line-clamp:3;}
.layout_height_H .slide_bnr_024 .slidetxtBox .co {-webkit-line-clamp:3; -webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}

.layout_height_M .slide_bnr_024 .slidetxtBox .tit {-webkit-line-clamp:2;}
.layout_height_M .slide_bnr_024 .slidetxtBox .co {margin-bottom:15px;white-space: nowrap;}




	@media (min-width:991px){}
	@media (min-width:800px){
		.slide_bnr_024 .sldBox {height:100%;}
		.slide_bnr_024 .sldBox .slick-slider {height:100%;}
		.slide_bnr_024 .sldBox .slick-slider .slick-list {height:100%;}
		.slide_bnr_024 .sldBox .slick-slider .slick-list .slick-track {height:100%;}
		.slide_bnr_024 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div {height:100%;}
		.slide_bnr_024 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap {height:100%;}
		
		.layout_height_A .slide_bnr_024 {height:400px;}
	}


	@media (max-width:799px){
		.layout_height_A .slide_bnr_024 {height:400px;}
		.layout_height_A .slide_bnr_024>div>div.slick-slider, 
		.layout_height_A .slide_bnr_024 .slick-list, 
		.layout_height_A .slide_bnr_024 .slick-track, 
		.layout_height_A .slide_bnr_024 .slick-slide>div, 
		.layout_height_A .slide_bnr_024 .slide_wrap {height: 400px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.div_wrap:not(.layout_block4) .layout_height_H .slide_bnr_024 .imgbox {height:0; padding-bottom:65%;}
		.div_wrap:not(.layout_block4) .layout_height_M .slide_bnr_024 .imgbox {height:0; padding-bottom:45%;}

		.layout_block4 .slide_bnr_024 .sldBox {height:100%;}
		.layout_block4 .slide_bnr_024 .sldBox .slick-slider {height:100%;}
		.layout_block4 .slide_bnr_024 .sldBox .slick-slider .slick-list {height:100%;}
		.layout_block4 .slide_bnr_024 .sldBox .slick-slider .slick-list .slick-track {height:100%;}
		.layout_block4 .slide_bnr_024 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div {height:100%;}
		.layout_block4 .slide_bnr_024 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap {height:100%;}
	}

	@media (max-width:599px){
		.layout_height_H .slide_bnr_024 .imgbox {height:0; padding-bottom:70%;}
		.layout_height_M .slide_bnr_024 .imgbox {height:0; padding-bottom:50%;}
	}