@charset "UTF-8";

.wrap_text_banner{background:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.3);margin-top:45px;}
.wrap_text_banner > .container{max-width:1550px;margin: 0 auto;position:relative;}

/*슬라이드*/
.wrap_text_banner ul{padding-right:70px;border-right:1px solid rgba(255,255,255,0.3);}
.wrap_text_banner ul .slick-list{border-right:1px solid rgba(255,255,255,0.3);}
.wrap_text_banner li{padding:20px 40px;border-left:1px solid rgba(255,255,255,0.3);background:url(/sites/style_guide/images/common/plus_3_w.png) no-repeat 95%;}
.wrap_text_banner li a{display:block;}
.wrap_text_banner li span.wrap_img{display:none;}
.wrap_text_banner li img{display:none;}
.wrap_text_banner li p{font-size:20px;color:rgba(255,255,255,0.8);line-height:1.2;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_text_banner li p.text_1{}
.wrap_text_banner li p.text_2{}
@media all and (max-width:1024px) {
	.wrap_text_banner li{background:none;padding:15px 30px;}
	.wrap_text_banner li p{font-size:16px;text-align:center;}
}

/*공통*/
.wrap_text_banner .playstop button,
.wrap_text_banner .prevnext button{display:inline-block;text-indent:-9999px;width:35px;height:35px;position:absolute;}

/*넘버링*/
.wrap_text_banner .numbering{display:none;}
.wrap_text_banner .numbering span{}
.wrap_text_banner .numbering .now{}
.wrap_text_banner .numbering .total{}

/*컨트롤*/
.wrap_text_banner .control{}
.wrap_text_banner .control .container{}
	/*페이징*/
	.wrap_text_banner .paging{display:none;}
	.wrap_text_banner .paging ul{}
	.wrap_text_banner .paging li{}
	.wrap_text_banner .paging button{}
	/*재생정지*/
	.wrap_text_banner .playstop{}
	.wrap_text_banner .playstop button{bottom:40px;right:18px;display:none;}
	.wrap_text_banner .playstop button.play{background:url(/sites/style_guide/images/common/play_3_w.png) no-repeat center;}
	.wrap_text_banner .playstop button.stop{background:url(/sites/style_guide/images/common/pause_3_w.png) no-repeat center;}
	.wrap_text_banner .playstop button.on{display:inline-block;}

/*이전다음*/
.wrap_text_banner .prevnext{}
.wrap_text_banner .prevnext .container{}
.wrap_text_banner .prevnext button{bottom:5px;background:url(/sites/style_guide/images/common/arrow_3_w.png) no-repeat center;}
.wrap_text_banner .prevnext button.prev{right:35px;transform:rotate(180deg);}
.wrap_text_banner .prevnext button.next{right:0;}

/*열기닫기버튼*/
.wrap_text_banner .btn{display:flex;justify-content:center;align-items:center;width:183px;height:43px;position:absolute;bottom:89px;right:0;background:url(../images/btn_bg.png) no-repeat center;filter:alpha(opacity=60);opacity:0.6;}
.wrap_text_banner .btn a{display:flex;justify-content:space-between;align-items:center;width:50%;height:100%;color:#FFF;font-size:16px;line-height:1;}
.wrap_text_banner .btn a:before{content:"닫기";display:inline-block;color:#FFF;font-size:16px;line-height:1;}
.wrap_text_banner .btn a:after{content:"";display:inline-block;width:14px;height:14px;background:url(/sites/style_guide/images/common/x_4_w.png) no-repeat center;}

/*활성화*/
.wrap_text_banner.active{height:0 !important;}
.wrap_text_banner .btn.active a:before{content:"열기";}
.wrap_text_banner .btn.active a:after{background:url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;transform:rotate(-90deg);}
@media all and (max-width:1550px) {
	.wrap_text_banner > .container{max-width:100%;}
}
@media all and (max-width:1024px) {
	.wrap_text_banner{margin-top:0;}
	.wrap_text_banner ul{padding-right:0;}
	.wrap_text_banner .playstop button,
	.wrap_text_banner .prevnext button{background-color:rgba(0,0,0,0) !important;}
	.wrap_text_banner .control{display:none;}
	.wrap_text_banner .prevnext button{top:calc(50% - 17.5px);}
	.wrap_text_banner .prevnext button.prev{right:auto;left:0;}
	.wrap_text_banner .btn{display:none;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1025px) {
	.wrap_text_banner li:hover{background:rgba(2,112,221,0.9) url(/sites/style_guide/images/common/arrow_4_w.png) no-repeat 95%;border-color:rgba(2,112,221,0.9);}
	.wrap_text_banner .playstop button:hover,
	.wrap_text_banner .prevnext button:hover{}
}