/*
 * @latest 2020.12.01 SSJ
 */


/*Link*/
.img_rolling01 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.img_rolling01 .swiper-container {height:100%;}
.img_rolling01 .swiper-container .swiper-slide {width:100% !important;}
.img_rolling01 .rol119_wrap {width:100%; height:100%; float:left; text-align:center;
							background:url(../img/pattern.png) black; box-sizing:border-box; position:relative;}
.img_rolling01 .rol119_wrap img {width:100%; height:100%; min-height:100%; opacity:0.95; display:block;}

.img_rolling01 .rol119_wrap .changeBg {width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box;}
.img_rolling01 .rol119_wrap .txtBox {position:absolute; left:0; top:0; width:100%; text-align:left; padding:15px 15px 0 15px; box-sizing:border-box; overflow:hidden; max-height:calc(100% - 50px)}
.img_rolling01 .rol119_wrap .txtBox .subtit {font-size:14px; color:#333; line-height:140%; margin:0 0 10px;}
.img_rolling01 .rol119_wrap .txtBox .subtit:empty {display:none;}
.img_rolling01 .rol119_wrap .txtBox .tit {width:100%; font-size:18px; color:#333; font-weight:600; line-height:150%; display:inline-block; text-overflow:ellipsis; overflow:hidden; 
										box-sizing:border-box; word-break:keep-all; letter-spacing:-0.5px;}
.img_rolling01 .rol119_wrap .txtBox .tit:empty {display:none;}
.img_rolling01 .rol119_wrap .txtBox .co {width:100%; font-size:13px; color:#666666; line-height:150%; margin-top:10px; word-break:keep-all; display:block; text-overflow:ellipsis; overflow:hidden;  
									  box-sizing:border-box; word-break:keep-all;}
.img_rolling01 .rol119_wrap .txtBox .co:empty {display:none;}



.img_rolling01 .swiper-pagination {display:none;}

.img_rolling01 .slide-controll {position:absolute; bottom:15px; right:15px; text-align:right;}
.img_rolling01 .swiper-button-next,
.img_rolling01 .swiper-button-prev {position:relative; display:inline-block; margin-left:-5px; top:auto; right:auto; left:auto; background-image:none; margin-top:0;/*transform:translateY(-50%);*/ 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:rgba(246,246,246,0.8);}
.img_rolling01 .swiper-button-next:before {/*content:"\276D";*/ content:">"; font-family:serif; font-size:20px; line-height:normal; display:inline-block;vertical-align:middle;}
.img_rolling01 .swiper-button-prev:before {/*content:"\276C";*/ content:"<"; font-family:serif; font-size:20px; line-height:normal; display:inline-block;vertical-align:middle;}

.img_rolling01 .swiper-button-next.swiper-button-disabled, 
.img_rolling01 .swiper-button-prev.swiper-button-disabled {opacity:1;}


.img_rolling01 .slide-controll .indicator {z-index:10; display:inline-block; /*position:absolute; right:0; bottom:0;*/ width:30px; height:30px; position:relative; vertical-align:middle; margin-left:-5px; margin-right:1px;}
.img_rolling01 .slide-controll .indicator button{width:12px; height:12px;border:0;  outline:none; cursor:pointer; vertical-align:top;}
.img_rolling01 .slide-controll .indicator button.play {position:absolute; right:0; bottom:0; 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:rgba(246,246,246,0.8);}
.img_rolling01 .slide-controll .indicator button.stop {position:absolute; right:0; bottom:0; 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:rgba(246,246,246,0.8);}
.img_rolling01 .slide-controll .indicator button.play:before {content:"\f04b"; font-family:FontAwesome; font-size:12px; font-weight:600; line-height:30px;}
.img_rolling01 .slide-controll .indicator button.stop:before {content:"||"; font-size:12px; font-weight:600; line-height:27px;}

.img_rolling01 .slide-controll .indicator button.play, .img_rolling01 .slide-controll .indicator button.stop {text-indent:0;}

/* LAYOUT HEIGHT SETTING */
	.layout_height_L .img_rolling01 .rol119_wrap .txtBox .subtit,
	.layout_height_L .img_rolling01 .rol119_wrap .txtBox .tit {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.layout_height_L .img_rolling01 .rol119_wrap .txtBox .co {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.layout_height_L .img_rolling01 .rol119_wrap .txtBox .co br {display:none;}

	


	@media (min-width:991px){}
	@media (min-width:800px){
		.layout_01 .img_rolling01 {height:auto;}
		.layout_01 .img_rolling01 .rol119_wrap {height:auto;}
		.layout_01 .img_rolling01 .rol119_wrap .txtBox {top:50%; -webkit-transform:translate(0,-50%); transform:translate(0, -50%); padding-bottom:15px;}
		.layout_01 .img_rolling01 .rol119_wrap .txtBox .tit {font-size:23px;}

		.layout_height_H .img_rolling01 .rol119_wrap .txtBox .tit {font-size:20px;}

		.layout_height_L .img_rolling01 .rol119_wrap .txtBox .subtit {margin-bottom:5px;}
		.layout_height_L .img_rolling01 .rol119_wrap .txtBox .co {margin-top:5px;}
	}


	@media (max-width:799px){
		.img_rolling01 .rol119_wrap {height:0; padding-bottom:70%;}
		.img_rolling01 .rol119_wrap img {position:absolute; margin:auto; top:-999px; bottom:-999px; right:-999px; left:-999px;}

		.img_rolling01 .rol119_wrap .txtBox .tit {font-size:17px;}

		.layout_01 .img_rolling01 .rol119_wrap {height:0; padding-bottom:85%;}
		.layout_height_L .img_rolling01 .rol119_wrap {height:0; padding-bottom:45%;}
		.layout_height_L .img_rolling01 .rol119_wrap .txtBox .co {margin-bottom:5px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 > .layout_height_H .img_rolling01 .rol119_wrap {height:350px;}
		.layout_block4 > .layout_height_M .img_rolling01 .rol119_wrap {height:250px;}
		.layout_block4 > .layout_height_L .img_rolling01 .rol119_wrap {height:150px;}
		
		.layout_01 .img_rolling01 .rol119_wrap .txtBox .tit {font-size:19px;}
	}

	@media (max-width:599px){
		.layout_01 .img_rolling01 .rol119_wrap .txtBox .co {max-height:190px; -webkit-line-clamp:10; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
		.layout_height_H .img_rolling01 .rol119_wrap .txtBox .co {max-height:114px; -webkit-line-clamp:6; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
	}



