@charset "UTF-8";

.wrap_bannerzone{padding:30px 0;}
.wrap_bannerzone .container{display:flex;align-items:center;}
.wrap_bannerzone h3{font-size:24px;font-family: 'Titillium Web', sans-serif;font-weight:700;line-height:1;width:200px;}
.wrap_bannerzone .slider{width:calc(100% - 300px);}
.wrap_bannerzone .slick-slide a{display:block;text-align:center;}
.wrap_bannerzone .icon{display:none;}
.wrap_bannerzone .item{position:relative;padding:1.5px;}
.wrap_bannerzone .text_1{position:relative;display:inline-block;line-height:1.2;}
.wrap_bannerzone .text_1::before{content:"";display:block;width:20px;height:20px;background:transparent;border-radius:100%;position:absolute;top:-3px;left:-5px;}
.wrap_bannerzone .text_1 span{position:relative;font-size:18px;}
.wrap_bannerzone .text_1 span::after{content:"";display:block;width:100%;height:1px;background:transparent;}
.wrap_bannerzone .text_2{display:none;}

/*컨트롤*/
.wrap_bannerzone .control{width:100px;height:30px;position:relative;}
.wrap_bannerzone .control button{display:inline-block;width:30px;height:30px;text-indent:-9999px;position:absolute;top:0;}
/*넘버링*/
.wrap_bannerzone .numbering{display:none;}
/*페이징*/
.wrap_bannerzone .paging{display:none;}
/*재생정지*/
.wrap_bannerzone .playstop button{display:none;left:30px;}
.wrap_bannerzone .playstop button.on{display:inline-block;}
.wrap_bannerzone .playstop .play{background:url(../images/play.png) no-repeat center;}
.wrap_bannerzone .playstop .stop{background:url(../images/pause.png) no-repeat center;}
/*이전다음*/
.wrap_bannerzone .prevnext .prev{background:url(../images/prev.png) no-repeat center;left:0;}
.wrap_bannerzone .prevnext .next{background:url(../images/next.png) no-repeat center;left:60px;}

@media all and (max-width:768px) {
	.wrap_bannerzone{padding:15px 30px;}
	.wrap_bannerzone .slider{width:100%;}
	.wrap_bannerzone h3{display:none;}
	.wrap_bannerzone .text_1::before,
	.wrap_bannerzone .text_1 span::after{display:none;}
	.wrap_bannerzone .control{width:auto;height:auto;position:unset;}
	.wrap_bannerzone .control button{top:15px;}
	.wrap_bannerzone .playstop{display:none;}
	.wrap_bannerzone .prevnext .next{left:unset;right:0;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	.wrap_bannerzone .slick-slide a:hover{color:#183693;}
	.wrap_bannerzone .slick-slide a:hover .text_1::before{background:#8695c3;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_bannerzone .slick-slide a:hover .text_1 span::after{background:#183693;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}