@charset "utf-8"; 
/* slide_bnr_032 - SSJ 2022.03.22 */

.slide_bnr_032 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.slide_bnr_032 .slideWrap {}
.slide_bnr_032 .slideWrap .slide_box {box-sizing:border-box;}
.slide_bnr_032 .imgbox {width:100%; display:block;overflow:hidden;}
.slide_bnr_032 .imgbox img {width:100%;min-height:100%;opacity:1;display:block;max-height: 100vh;}

.slide_bnr_032 .txtBox {z-index:2; width:90%;box-sizing:border-box;overflow:hidden;text-align:center;}
.slide_bnr_032 .txtBox .tit {width:100%;height:auto;max-height:54px;color: #fff;line-height:1.3em;letter-spacing:-0.5px;margin:10px 0;overflow:hidden;box-sizing:border-box;}
.slide_bnr_032 .txtBox .tit:empty {display:none;}
.slide_bnr_032 .txtBox .sco {width:100%;max-height:44px;color: #fff;line-height:1.4em;overflow:hidden;box-sizing:border-box;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;}
.slide_bnr_032 .txtBox .sco:empty {display:none;}
.slide_bnr_032 .txtBox .co {width:100%;color: #fff;line-height:1.4em;overflow:hidden;box-sizing:border-box;word-break: keep-all;}
.slide_bnr_032 .txtBox .co:empty {display:none;}



/* BTN SETTING */
/*slide bullet*/
.slide_bnr_032 .slick-dots {display:none !important;}

/* next & prev */
.slide_bnr_032 .slick-arrow {overflow:hidden;text-indent:-9999px;width:40px;height:40px;border-radius:50%;
							border: 1px solid rgba(255,255,255,0.9);box-sizing:border-box; pointer-events:auto !important;z-index:999;
							position:absolute;bottom:40px;left:50%;transform:translateX(-50%); -webkit-transform:translateX(-50%);transition:background-color .2s;}
.slide_bnr_032 .slick-arrow:not(.slick-disabled):hover {background-color:rgba(255,255,255,0.8);}
.slide_bnr_032 .slick-prev {background-size:30%;margin-left:-30px;}
.slide_bnr_032 .slick-next {background-size:30%;margin-left:30px;}
.slide_bnr_032 .slick-arrow:before {content:"";width: 12px;height: 12px;border-width:1px;border-style:solid;border-color: inherit;display:inline-block;position: absolute;left: 5%;top: 50%;margin-top: -6px;transform: rotate(45deg);}
.slide_bnr_032 .slick-prev:before {border-width: 0 0 1px 1px;left: 17px;}
.slide_bnr_032 .slick-next:before {border-width: 1px 1px 0 0;left: 10px;}
.slide_bnr_032 .slick-prev:not(.slick-disabled):hover {margin-left:-40px; transition:ease all .5s;}
.slide_bnr_032 .slick-next:not(.slick-disabled):hover {margin-left:40px; transition:ease all .5s;}
.slide_bnr_032 .slick-arrow.slick-disabled {opacity:0.5;}


/* 레이아웃에 따른 다른 스타일이 있는 경우 */
.layout_height_M .slide_bnr_032 .slick-arrow {bottom:20px;}



	@media (min-width:900px){
		.slide_bnr_032 .txtBox {position: absolute;left:50%;top: 50%; transform: translate(-50%,-65%);}
		.layout_height_H .slide_bnr_032 .imgbox {height:350px;}
		.layout_height_M .slide_bnr_032 .imgbox {height:250px;}
		.layout_height_L .slide_bnr_032 .imgbox {height:150px;}
		.layout_height_H .slide_bnr_032 .imgbox img,
		.layout_height_M .slide_bnr_032 .imgbox img,
		.layout_height_L .slide_bnr_032 .imgbox img {position: absolute; left: -999px; right: -999px; top: -999px; bottom: -999px; margin: auto;}

		.layout_height_L .slide_bnr_032 .txtBox {width:80%;transform:translate(-50%,-50%);}
		.layout_03.layout_height_L .slide_bnr_032 .txtBox {width:70%;}
		.layout_04.layout_height_L .slide_bnr_032 .txtBox {width:60%;}
		.layout_height_L .slide_bnr_032 .txtBox .tit {max-height:28px; margin:5px 0;}
		.layout_height_L .slide_bnr_032 .txtBox br {display:none;}
		.layout_height_L .slide_bnr_032 .slick-arrow {bottom:auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
		.layout_height_L .slide_bnr_032 .slick-prev {margin-left:0; left:15px;}
		.layout_height_L .slide_bnr_032 .slick-next {margin-left:0; left:auto; right:15px;}
		.layout_height_L .slide_bnr_032 .slick-prev:not(.slick-disabled):hover {margin-left:0; left:5px;}
		.layout_height_L .slide_bnr_032 .slick-next:not(.slick-disabled):hover {margin-left:0; right:5px;}
	}
	@media (max-width:899px){
		.slide_bnr_032 {height: 50vh;min-height: 350px;position: relative;}
		.slide_bnr_032 .slideWrap, .slide_bnr_032 .slideWrap div {height:100%;}
		.slide_bnr_032 .imgbox {height: 50vh;position: relative;}
		.slide_bnr_032 .imgbox img {position: absolute;width: auto;min-width: 100%;margin: auto;top: -999px;bottom: -999px;left: -999px;right: -999px;}
		.slide_bnr_032 .txtBox {position: absolute;left:50%;top: 50%; transform: translate(-50%,-65%);}
		.slide_bnr_032 .txtBox .tit {line-height:1.4em;}
		.slide_bnr_032 .txtBox .co {line-height:1.5em;-webkit-line-clamp: 5;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}

		
	}