@charset "utf-8"; 
/* slide_bnr_009 
- OSY 2021.06.08
- SSJ 2022.07.08 */


.slide_bnr_009 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.slide_bnr_009 .slide_wrap > a {width:100%; height:100%; float:left; box-sizing:border-box; display:block;}
.slide_bnr_009 .slide_wrap > a:focus {border:1px dotted #333;}

.slide_bnr_009 .innerbox {width:100%; height:350px; float:left; box-sizing:border-box; position:relative; background:#e9dfdf; padding:40px 0 20px;}

.slide_bnr_009 .innerbox .icon {width:100%; text-align:center;}
.slide_bnr_009 .innerbox .icon img {display:inline-block; max-width:90%; max-height:65px; vertical-align:middle;}

.slide_bnr_009 .innerbox .txtBox {position:relative; width:100%; height:52%; box-sizing:border-box; padding:30px; margin:30px 0; overflow:hidden; line-height:normal; text-align:center;}
.slide_bnr_009 .innerbox .txtBox .co {width:100%; height:100%; color:#333; line-height:140%; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box; white-space:normal; -webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box;}
.slide_bnr_009 .innerbox .txtBox .co:empty {display:none;}
.slide_bnr_009 .innerbox .txtBox .line {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:block; border:none; width:8%; min-width:80px; height:2px; background:#666;}




/* BTN SETTING */

/*slide bullet*/
.slide_bnr_009 .slick-dots {display:none !important;}

/* next & prev */
.slide_bnr_009 .slick-arrow {overflow:hidden; text-indent:-9999px; width:40px; height:40px; border-radius:50%; border:2px solid rgba(0,0,0,0.5); box-sizing:border-box; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); pointer-events:auto !important; z-index:999; transition:background-color .5s;}
.slide_bnr_009 .slick-arrow:not(.slick-disabled):hover {background-color:rgba(255,255,255,0.5);}
.slide_bnr_009 .slick-prev {/* background:url(../img/slideprev.png) center no-repeat; */ background-size:30%; margin-left:-30px;}
.slide_bnr_009 .slick-next {/* background:url(../img/slidenext.png) center no-repeat; */ background-size:30%; margin-left:30px;}
.slide_bnr_009 .slick-next:before,
.slide_bnr_009 .slick-prev:before {content:"";width: 11px;height: 11px;display: inline-block;border-style: solid;border-width: 2px 2px 0 0;border-color: inherit;position: absolute;top: 11px;left: 8px;transform: rotate(45deg);}
.slide_bnr_009 .slick-prev:before {border-width: 0 0 2px 2px; left: 15px;}
.slide_bnr_009 .slick-arrow.slick-disabled {opacity:0.5;}



/* 레이아웃에 따른 다른 스타일이 있는 경우 */
.layout_01 .slide_bnr_009 .innerbox .txtBox .co {max-height:100%;}

.layout_height_M .slide_bnr_009 .innerbox {height:250px; padding:30px 0;}
.layout_height_M .slide_bnr_009 .innerbox .icon img {max-height:55px;}
.layout_height_M .slide_bnr_009 .innerbox .txtBox {height:55%; margin:10px 0;}
.layout_height_M .slide_bnr_009 .innerbox .txtBox .co {-webkit-line-clamp:3;}

.layout_height_M .slide_bnr_009 .slick-arrow {width:30px; height:30px; bottom:30px;}
.layout_height_M .slide_bnr_009 .slick-prev {margin-left:-20px;}
.layout_height_M .slide_bnr_009 .slick-next {margin-left:20px;}
.layout_height_M .slide_bnr_009 .innerbox .txtBox .line {display:none;}

.layout_height_L .slide_bnr_009 .innerbox {height:150px; padding:0;}
.layout_height_L .slide_bnr_009 .innerbox .icon {position:absolute; left:0; top:20px; width:20%;}
.layout_height_L .slide_bnr_009 .innerbox .icon img {width:80%; max-width:50px; max-height:10%; margin:0 auto;}
.layout_height_L .slide_bnr_009 .innerbox .txtBox {position:absolute; right:15px; top:20px; width:70%; height:60%; padding:0; margin:0;}
.layout_height_L .slide_bnr_009 .innerbox .txtBox .co {width:100%; text-align:left; -webkit-line-clamp:4; padding:0;}
.layout_height_L .slide_bnr_009 .innerbox .txtBox .line {display:none;}
.layout_02.layout_height_L .slide_bnr_009 .innerbox .icon,
.layout_02_36.layout_06.layout_height_L .slide_bnr_009 .innerbox .icon {top:20%; left:20px; width:20%;}
.layout_02.layout_height_L .slide_bnr_009 .innerbox .icon img,
.layout_02_36.layout_06.layout_height_L .slide_bnr_009 .innerbox .icon img {max-width:50%; max-height:100px;}
.layout_04.layout_height_L .slide_bnr_009 .innerbox .txtBox {height:44%;}
.layout_04.layout_height_L .slide_bnr_009 .innerbox .txtBox .co {-webkit-line-clamp:3;}
.layout_03.layout_height_L .slide_bnr_009 .innerbox .icon,
.layout_04.layout_height_L .slide_bnr_009 .innerbox .icon,
.layout_04ml.layout_height_L .slide_bnr_009 .innerbox .icon {width:30%;}
.layout_03.layout_height_L .slide_bnr_009 .innerbox .txtBox,
.layout_04.layout_height_L .slide_bnr_009 .innerbox .txtBox,
.layout_04ml.layout_height_L .slide_bnr_009 .innerbox .txtBox {width:62%;}

.layout_height_L .slide_bnr_009 .slick-arrow {width:30px; height:30px; left:auto; right:0;}
.layout_height_L .slide_bnr_009 .slick-prev {bottom:-25px; margin:40px;}
.layout_height_L .slide_bnr_009 .slick-next {bottom:15px;}



	@media (min-width:800px){
		.layout_height_M .slide_bnr_009 .innerbox .txtBox {padding:20px 30px;}
	}
	
	@media (max-width:899px){
		.slide_bnr_009 .innerbox .txtBox .co {line-height:1.5em;}
	}
	
	@media (max-width:799px){
		.layout_03.layout_height_L .slide_bnr_009 .innerbox .icon,
		.layout_04ml.layout_height_L .slide_bnr_009 .innerbox .icon {width:20%; left:20px;}
		.layout_03.layout_height_L .slide_bnr_009 .innerbox .icon img,
		.layout_04ml.layout_height_L .slide_bnr_009 .innerbox .icon img {max-width:50%; max-height:100px;}
		.layout_03.layout_height_L .slide_bnr_009 .innerbox .txtBox,
		.layout_04ml.layout_height_L .slide_bnr_009 .innerbox .txtBox {right:15px; top:20px; width:70%; height:60%; padding:0; margin:0;}
		.layout_04ml.layout_height_L .slide_bnr_009 .innerbox .txtBox .co {-webkit-line-clamp:4;}
	}
	
	@media (max-width:599px){
		.layout_04.layout_height_L .slide_bnr_009 .innerbox .icon {width:20%; left:20px;}
		.layout_04.layout_height_L .slide_bnr_009 .innerbox .icon img {max-width:50%; max-height:100px;}
		.layout_04.layout_height_L .slide_bnr_009 .innerbox .txtBox {right:15px; top:20px; width:70%; height:60%; padding:0; margin:0;}
		.layout_04.layout_height_L .slide_bnr_009 .innerbox .txtBox .co {-webkit-line-clamp:4;}
	}