@charset "utf-8"; 
/* slide_bnr_010  */


.slide_bnr_010 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.slide_bnr_010 .slide_wrap {box-sizing:border-box;}
.slide_bnr_010 .slide_wrap > a {width:100%; height:100%; float:left; box-sizing:border-box; display:block;}
.slide_bnr_010 .slide_wrap > a:focus {border:1px dotted #333;}

.slide_bnr_010 .innerbox {position:relative; float:left; width:100%; height:350px; box-sizing:border-box; background:rgba(0,0,0,1);}
.slide_bnr_010 .innerbox .bgcolor {position:absolute; z-index:1; width:100%; height:100%; opacity:1;}
.slide_bnr_010 .innerbox .imgbox {width:100%; height:100%; max-height:350px; display:block; overflow:hidden; position:absolute;}
.slide_bnr_010 .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_010 .innerbox .txtBox {position:relative; z-index:2; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; max-height:50%; box-sizing:border-box; overflow:hidden; padding:0 20px;}
.slide_bnr_010 .innerbox .txtBox .tit {width:100%; height:auto; max-height:76px; color:#000; line-height:1.3em; letter-spacing:-0.5px; margin:10px 0 20px; overflow:hidden; box-sizing:border-box;
									   text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; -webkit-line-clamp:4;}
.slide_bnr_010 .innerbox .txtBox .tit:empty {display:none;}
.slide_bnr_010 .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; -webkit-line-clamp:1;}
.slide_bnr_010 .innerbox .txtBox .btit:empty {display:none;}

.slide_bnr_010 .innerbox .txtBox .more {display:inline-block; max-width:80%; padding: 10px 20px; box-sizing:border-box; overflow:hidden;
										font-size: 16px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; -webkit-line-clamp:1;
										border: 1px solid #fff; background:rgba(0,0,0,0.2);}
.slide_bnr_010 .innerbox .txtBox .more:focus,
.slide_bnr_010 .innerbox .txtBox .more:hover {background:#fff; color:#000; -webkit-transition:background .3s; transition:background .3s;}



/* BTN SETTING */

/*slide bullet*/
.slide_bnr_010 .slick-dots {position:absolute; width:auto; top:15px; right:20px; text-align:center;}
.slide_bnr_010 .slick-dots li {width:10px; height:10px; background:rgba(51,51,51,0.2); border-radius:50%; border:1px solid rgba(255,255,255,1); margin-right:9px; opacity:1; display:inline-block; vertical-align:middle;}
.slide_bnr_010 .slick-dots li:last-of-type {margin-right:0;}
.slide_bnr_010 .slick-dots li.slick-active {background:rgba(51,51,51,0.8);}
.slide_bnr_010 .slick-dots li:focus {outline:thin dotted;}
.slide_bnr_010 .slick-dots li-active {background:#ff8328;}
.slide_bnr_010 .slick-dots li button {width:100%; height:100%; float:left; text-indent:-999px; overflow:hidden;}
.slide_bnr_010 .slick-dots li button:focus {outline:auto;}

/* next & prev */
.slide_bnr_010 .slick-arrow {display:none !important;}


/*layout option*/
.border-radius .slide_bnr_010 .innerbox .txtBox .more {border-radius:10px;}


/* 레이아웃에 따른 다른 스타일이 있는 경우 */
.layout_height_H .slide_bnr_010 .innerbox {height:350px;}
.layout_height_M .slide_bnr_010 .innerbox {height:250px;}
.layout_height_L .slide_bnr_010 .innerbox {height:150px;}

.layout_02 .slide_bnr_010 .innerbox .txtBox,
.layout_height_L .slide_bnr_010 .innerbox .txtBox {max-height:100%;}
.layout_02.layout_height_L .slide_bnr_010 .innerbox .txtBox .tit {max-height:36px;}
.layout_height_L .slide_bnr_010 .innerbox .txtBox br {display:none;}



	@media (min-width:800px){
	}

	@media (max-width:899px){
		.slide_bnr_010 .innerbox .txtBox .tit {line-height:1.2em;}
		.layout_02.layout_height_L .slide_bnr_010 .innerbox .txtBox .tit {line-height:1.6em;}
		.slide_bnr_010 .innerbox .txtBox .btit {line-height:1.6em;}
		.slide_bnr_010 .innerbox .txtBox .more {/* line-height:2.4em; */}
	}

	@media (max-width:799px){
	}