@charset "utf-8";

/*슬라이더*/
.wrap-banner{padding:25px 0;background: #f4f5f9;border-top: 1px solid #ebebee;}
.wrap-banner .banner {display: flex;padding: 0 20px;}
.wrap-banner .banner .title {display:flex;}
.wrap-banner .banner p {min-width: 100px;padding: 8px 0 0;font-weight: bold;line-height: 2;font-size: 24px;}
.wrap-banner .banner p img {width: 21px;position: relative;top: 4px;}
.wrap-banner .wrap-banner-inner{max-width: 1600px !important;margin: 0 auto;/* padding:0 15px; */position:relative;}
.wrap-banner .slider-wrap {margin-left: 40px;width: calc(100% - 200px);display: flex;flex-direction: column;justify-content: center;padding-right: 1px;}
.wrap-banner .slider li {margin-right: 20px;}
.wrap-banner .slider li a{display:block;}
.wrap-banner .slider li a span{display: block;border: 1px solid #e3e3e4;border-radius: 10px;overflow: hidden;}
.wrap-banner .slider li a span:before{content:"";display:block;width:53px;height:100%;position:absolute;top:0;right:0;background:rgba(0,0,0,0.7)url(../images/icon_blank_w.png)no-repeat center;transform:scale(0);}


/*콘트롤*/
.wrap-banner button{display:inline-block;cursor:pointer;text-indent:-9999px;box-sizing:border-box;}
.wrap-banner .prevnext{height: 30px;margin: 14px 0;}
.wrap-banner .prevnext > button{background:url(../images/arrow_1_b.png) no-repeat right center;width: 15px;opacity:0.6;background-size: auto !important;box-shadow: none;}
.wrap-banner .prevnext button.prev{left:0;transform:rotate(180deg);}
.wrap-banner .prevnext button.next{}
.wrap-banner .control{/* display:none; */}
.wrap-banner .control .paging{display: none;}
.wrap-banner .control .numbering{display: none;}
.wrap-banner .playstop{width: 30px;height: 30px;top: 0;position: relative;}
.wrap-banner .playstop button{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: 10px !important;opacity: 0.6;box-shadow: none;}
.wrap-banner .playstop button.on{display: block;}
.wrap-banner .playstop button.play{background: url(../images/play.png) no-repeat center center;}
.wrap-banner .playstop button.stop{background: url(../images/pause.png) no-repeat center center;url(../images/arrow_1_b.png) no-repeat right align-content: center;}


@media all and (min-width:1025px){
	
	.wrap-banner .slider li a:hover span:before{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1);}
	.wrap-banner .prevnext button:hover{transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);filter:alpha(opacity=100);opacity:1;}
}

@media all and (max-width:1024px){
	
	.wrap-banner .banner {flex-direction:column}
	.wrap-banner .banner .title {justify-content:center;margin-bottom: 13px;}
	.wrap-banner .banner p {padding:0;min-width: 1px;margin-right: 15px;}
	.wrap-banner .prevnext	{margin: 6px 0;}
	.wrap-banner .slider-wrap {width:100%; margin-left:0}
	.wrap-banner .slider li {margin:0 10px}
	
}
@media all and (max-width:768px){

	.wrap-banner {padding-top:13px}
	.wrap-banner .slider li {margin:0 5px}
	

}