@charset "utf-8"; 
/* slide_bnr_011 - OSY 2022.03.16 */


.slide_bnr_011 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.slide_bnr_011 .slide_wrap {box-sizing:border-box;}
.slide_bnr_011 .slide_wrap > a {width:100%; height:100%; float:left; box-sizing:border-box; display:block;}
.slide_bnr_011 .slide_wrap > a:focus {border:1px dotted #333;}

.slide_bnr_011 .innerbox {position:relative; float:left; width:100%; height:350px; box-sizing:border-box;}
.slide_bnr_011 .innerbox .bgcolor {position:absolute; z-index:1; width:100%; height:100%; opacity:1;}
.slide_bnr_011 .innerbox .imgbox {position:absolute; width:100%; height:100%; display:block; overflow:hidden;}
.slide_bnr_011 .innerbox .imgbox img {width:100%; min-height:100%; opacity:1; display:block; position:absolute; left:-999px; right:-999px; top:-999px; bottom:-999px; margin:auto;}

.slide_bnr_011 .innerbox .txtBox {display:inline-block; position:relative; z-index:2; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:65%; height:auto; background:rgba(255,255,255,0.5); box-sizing:border-box; overflow:hidden; padding:30px 30px 30px 20px;}
.slide_bnr_011 .innerbox .txtBox .tit {width:100%; max-height:30%; color:#000; line-height:1.3em; letter-spacing:-0.5px; margin:5px 0 10px; overflow:hidden; box-sizing:border-box;
									   text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.slide_bnr_011 .innerbox .txtBox .tit:empty {display:none;}
.slide_bnr_011 .innerbox .txtBox .btit {width:100%; max-height:26px; color:#000; line-height:1.4em; overflow:hidden; box-sizing:border-box; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.slide_bnr_011 .innerbox .txtBox .btit:empty {display:none;}
.slide_bnr_011 .innerbox .txtBox .co {width:100%; max-height:35%; color:#000; line-height:1.4em; overflow:hidden; box-sizing:border-box; text-overflow:ellipsis; word-break:keep-all;}
.slide_bnr_011 .innerbox .txtBox .co:empty {display:none;}



/* BTN SETTING */

/*slide bullet*/
.slide_bnr_011 .slick-dots {position:absolute; width:10px; top:20px; right:20px; text-align:center;}
.slide_bnr_011 .slick-dots li {width:10px; height:10px; background:rgba(51,51,51,0.2); border:2px solid rgba(255,255,255,0.2); margin-bottom:9px; opacity:1; display:inline-block; vertical-align:middle;}
.slide_bnr_011 .slick-dots li:last-of-type {margin-bottom:0;}
.slide_bnr_011 .slick-dots li.slick-active {background:rgba(51,51,51,0.8); border:2px solid rgba(255,255,255,0.8);}
.slide_bnr_011 .slick-dots li:focus {outline:thin dotted;}
.slide_bnr_011 .slick-dots li-active {background:#ff8328;}
.slide_bnr_011 .slick-dots li button {width:100%; height:100%; float:left; text-indent:-999px; overflow:hidden;}
.slide_bnr_011 .slick-dots li button:focus {outline:auto;}

/* next & prev */
.slide_bnr_011 .slick-arrow {display:none !important;}



/* 레이아웃에 따른 다른 스타일이 있는 경우 */
.layout_01 .slide_bnr_011,
.layout_height_H .slide_bnr_011 .innerbox {height:350px;}
.layout_height_M .slide_bnr_011 .innerbox {height:250px;}
.layout_height_L .slide_bnr_011 .innerbox {height:150px;}

.layout_height_M .slide_bnr_011 .innerbox .txtBox .tit {max-height:26%;}

.layout_height_L .slide_bnr_011 .innerbox .txtBox {height:100%;}
.layout_height_L .slide_bnr_011 .innerbox .txtBox br {display:none;}
.layout_height_L .slide_bnr_011 .innerbox .txtBox .co {max-height:30%; white-space:nowrap;}
.layout_02.layout_height_L .slide_bnr_011 .innerbox .txtBox .tit {max-height:36px;}

.slide_bnr_011 .innerbox[style="text-align: right;"] .txtBox {left:auto; right:45px;}



	@media (max-width:899px){
		.slide_bnr_011 .innerbox .txtBox .tit {max-height:26%;}
		.layout_height_M .slide_bnr_011 .innerbox .txtBox .tit {max-height:22%;}
		.layout_02.layout_height_L .slide_bnr_011 .innerbox .txtBox .tit {line-height:1.6em;}
		.slide_bnr_011 .innerbox .txtBox .btit {line-height:1.6em;}
		.layout_01 .slide_bnr_011 .innerbox .txtBox .co,
		.layout_height_H .slide_bnr_011 .innerbox .txtBox .co,
		.layout_height_L .slide_bnr_011 .innerbox .txtBox .co {max-height:34%;}
	}
	
	@media (max-width:799px){
		.layout_height_L .slide_bnr_011 .innerbox .txtBox {padding:20px 20px 20px 15px;}
	}