/* @latest 2020.06.16 ssj*/
/* roll_img131 */


.roll_img131 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative; overflow:hidden;}
.roll_img131 .swiper-container {height:100%;}
.roll_img131 .rol131_wrap {width:100%; height:100%; float:left; text-align: right; box-sizing:border-box;
							position:relative; background: #264c93;}
.roll_img131 .rol131_wrap img {position: absolute;right: 0;bottom: 0;max-width: 100%;max-height: 100%; -webkit-transition:transform 1s; transition:transform 1s;}

.roll_img131 .rol131_wrap .changeBg {width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box;}
.roll_img131 .rol131_wrap .txtBox {position:absolute;left:50%; transform: translateX(-50%); top:0;width:100%;height: 100%;text-align:left;box-sizing:border-box;overflow:hidden; max-width: 1300px;}

.roll_img131 .rol131_wrap .txtBox .tit {width:100%; color: #fff; 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;}
.roll_img131 .rol131_wrap .txtBox .tit:empty {display:none;}
.roll_img131 .rol131_wrap .txtBox .tit strong {font-weight:600;}
.roll_img131 .rol131_wrap .txtBox .co {width:100%; color: #fff; line-height:150%; display:block; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box; word-break:keep-all;}
.roll_img131 .rol131_wrap .txtBox .co:empty {display:none;}



.roll_img131 .swiper-pagination {width: calc(100% - 35px) !important; bottom: auto !important;top: 17px;text-align: right;box-sizing: border-box;}
.roll_img131 .swiper-pagination .swiper-pagination-bullet {width: 11px; height: 11px; box-sizing: border-box; border: 2px solid #fff;
    														opacity: 1; background: rgba(0,0,0,0.1); margin: 0 4px !important;}
.roll_img131 .swiper-pagination .swiper-pagination-bullet-active {background: #fff; border: 1px solid rgba(0,0,0,0.2);}


.roll_img131 .slide-controll {position:absolute; top:13px; right:15px;text-align:right;}
.roll_img131 .swiper-button-next,
.roll_img131 .swiper-button-prev {display:none;}

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


.roll_img131 .slide-controll .indicator {z-index: 1;display:inline-block; width: 20px;height: 20px;position:relative;vertical-align:middle;}
.roll_img131 .slide-controll .indicator button {width: 20px; height: 20px; cursor:pointer; text-indent:-9999px; overflow:hidden;}
.roll_img131 .slide-controll .indicator button.play {position:absolute; right:0; bottom:0; background: url(/sample/layout/contents/rolling/roll_img131/img/sldbtn.png);
										 			background-position: 18px 0px; background-position: -37px 4px; background-size: 50px; background-repeat: no-repeat;}
.roll_img131 .slide-controll .indicator button.stop {position:absolute; right:0; bottom:0; text-align:center; background: url(/sample/layout/contents/rolling/roll_img131/img/sldbtn.png);
										 			background-position: -8px 4px; background-size: 50px; background-repeat: no-repeat;}

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


/* f(x) SETTING */
.roll_img131:hover .rol131_wrap img {transform:scale(1.1);}

.roll_img131 .txtBox > strong,
.roll_img131 .txtBox > p {opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease;
					 -webkit-transform: translateY(50px); transform: translateY(50px);}
.roll_img131 .swiper-slide-active .txtBox > strong,
.roll_img131 .swiper-slide-active .txtBox > p {-webkit-transform: translateY(0px); transform: translateY(0px); opacity:1; 
                                         		-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}



	@media (min-width:991px){}
	@media (min-width:800px){
		.layout_01 .roll_img131 {height:auto;}
		.layout_01 .roll_img131 .rol131_wrap {height:auto;}
		.layout_01 .roll_img131 .rol131_wrap img {position:relative;}
	}


	@media (max-width:799px){
		.roll_img131 .rol131_wrap {height:0; padding-bottom:50%;}
		.layout_height_L .roll_img131 .rol131_wrap {height:0; padding-bottom:45%;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 > .layout_height_H .roll_img131 .rol131_wrap {height:350px;}
		.layout_block4 > .layout_height_M .roll_img131 .rol131_wrap {height:250px;}
		.layout_block4 > .layout_height_L .roll_img131 .rol131_wrap {height:150px;}
	}

	@media (max-width:599px){}