/*
 * @latest 2019-06-10 cwk
 * @latest 2021-01-19 ssj
 * @latest 2021-01-21 ssj
 */


/*Link*/
.roll_img123 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.roll_img123 .swiper-container {height:100%;}
.roll_img123 .rol119_wrap {width:100%; height:100%; float:left; text-align:center;
							background:url(../img/pattern.png) black; box-sizing:border-box; position:relative;}
.roll_img123 .rol119_wrap img {width:100%; min-height:100%; opacity:0.95; display:block;}

.roll_img123 .rol119_wrap .changeBg {width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box;}
.roll_img123 .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)}
.roll_img123 .rol119_wrap .txtBox .subtit {font-size:14px; color:#333; line-height:140%; margin:0 0 10px;}
.roll_img123 .rol119_wrap .txtBox .subtit:empty {display:none;}
.roll_img123 .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;}
.roll_img123 .rol119_wrap .txtBox .tit:empty {display:none;}
.roll_img123 .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;}
.roll_img123 .rol119_wrap .txtBox .co:empty {display:none;}



.roll_img123 .swiper-pagination {display:none;}

.roll_img123 .slide-controll {position:absolute; bottom:15px; right:15px; text-align:right;}
.roll_img123 .swiper-button-next,
.roll_img123 .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);}
.roll_img123 .swiper-button-next:before {/*content:"\276D";*/ content:">"; font-family:serif; font-size:20px; line-height:normal; display:inline-block;vertical-align:middle;}
.roll_img123 .swiper-button-prev:before {/*content:"\276C";*/ content:"<"; font-family:serif; font-size:20px; line-height:normal; display:inline-block;vertical-align:middle;}

.roll_img123 .swiper-button-next.swiper-button-disabled, 
.roll_img123 .swiper-button-prev.swiper-button-disabled {opacity:1;}


.roll_img123 .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;}
.roll_img123 .slide-controll .indicator button{width:12px; height:12px;border:0;  /* outline:none; */ cursor:pointer; vertical-align:top;}
.roll_img123 .slide-controll .indicator button:focus {outline:auto;}
.roll_img123 .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);}
.roll_img123 .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: 1px;
										 		overflow: hidden;
										 		color:#333;
										 		line-height:30px;
										 		text-align:center;
										 		background:rgba(246,246,246,0.8);
										 		}
.roll_img123 .slide-controll .indicator button.play:before {content:"\f04b";font-family:FontAwesome;font-size:12px;font-weight:600;line-height:30px;position: absolute;left: 0;top: 0;width: 30px;text-indent: 0;}
.roll_img123 .slide-controll .indicator button.stop:before {content:"||";font-size:12px;font-weight:600;line-height:27px;position: absolute;top: 0;left: 0;width: 30px;text-align: center;text-indent: 0;}

.roll_img123 .slide-controll .indicator button.play, .roll_img123 .slide-controll .indicator button.stop {text-indent: -999px;}

/* LAYOUT HEIGHT SETTING */
	.layout_height_L .roll_img123 .rol119_wrap .txtBox .subtit,
	.layout_height_L .roll_img123 .rol119_wrap .txtBox .tit {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.layout_height_L .roll_img123 .rol119_wrap .txtBox .co {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.layout_height_L .roll_img123 .rol119_wrap .txtBox .co br {display:none;}

	


	@media (min-width:991px){}
	@media (min-width:800px){
		.layout_01 .roll_img123 {height:auto;}
		.layout_01 .roll_img123 .rol119_wrap {height:auto;}
		.layout_01 .roll_img123 .rol119_wrap .txtBox {top:50%; -webkit-transform:translate(0,-50%); transform:translate(0, -50%); padding-bottom:15px;}
		.layout_01 .roll_img123 .rol119_wrap .txtBox .tit {font-size:23px;}

		.layout_height_H .roll_img123 .rol119_wrap .txtBox .tit {font-size:20px;}

		.layout_height_L .roll_img123 .rol119_wrap .txtBox .subtit {margin-bottom:5px;}
		.layout_height_L .roll_img123 .rol119_wrap .txtBox .co {margin-top:5px;}
	}


	@media (max-width:799px){
		.roll_img123 .rol119_wrap {height:0; padding-bottom:70%;}
		.roll_img123 .rol119_wrap img {position:absolute; margin:auto; top:-999px; bottom:-999px; right:-999px; left:-999px;}

		.roll_img123 .rol119_wrap .txtBox .tit {font-size:17px;}

		.layout_01 .roll_img123 .rol119_wrap {height:0; padding-bottom:85%;}
		.layout_height_L .roll_img123 .rol119_wrap {height:0; padding-bottom:45%;}
		.layout_height_L .roll_img123 .rol119_wrap .txtBox .co {margin-bottom:5px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 > .layout_height_H .roll_img123 .rol119_wrap {height:350px;}
		.layout_block4 > .layout_height_M .roll_img123 .rol119_wrap {height:250px;}
		.layout_block4 > .layout_height_L .roll_img123 .rol119_wrap {height:150px;}
		
		.layout_01 .roll_img123 .rol119_wrap .txtBox .tit {font-size:19px;}
	}

	@media (max-width:599px){
		.layout_01 .roll_img123 .rol119_wrap .txtBox .co {max-height:190px; -webkit-line-clamp:10; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
		.layout_height_H .roll_img123 .rol119_wrap .txtBox .co {max-height:114px; -webkit-line-clamp:6; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
	}