@charset "utf-8";

/*슬라이더*/
.wrap-banner{}
.wrap-banner .slider{}
.wrap-banner .slider li{box-sizing:border-box;position:relative;height:130px;padding:38px 20px 0 140px;background:#FFF;margin:0 2px;}
.wrap-banner .slider li:after{content:"";display:none;width:40px;height:40px;background:#f08b05 url(/images/citt/common/arrow_4_r_w.png) no-repeat center;border-radius:100px;position:absolute;top:calc(50% - 20px);right:30px;filter:alpha(opacity=85);opacity:0.85;}
.wrap-banner .slider li a{display:block;width:100%;height:100%;}
.wrap-banner .slider li a span{display:block;box-sizing:border-box;width:78px;height:78px;padding-top:18px;text-align:center;background:#EEE;border-radius:100px;position:absolute;top:28px;left:35px;}
.wrap-banner .slider li a span img{display:inline;max-width:100%;}
.wrap-banner .slider li a p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;line-height:1;}
.wrap-banner .slider li a p.p_1{font-size:18px;padding-bottom:10px;font-family:'Noto Light';}
.wrap-banner .slider li a p.p_2{font-size:27px;font-family:'Noto Regular';}
/*콘트롤*/
.wrap-banner button{display:inline-block;cursor:pointer;text-indent:-9999px;box-sizing:border-box;width:40px;height:40px;position:absolute;top:calc(50% - 20px);}
.wrap-banner .prevnext{}
.wrap-banner .prevnext button{background:url(/images/citt/common/arrow_3_r_w.png) no-repeat center;}
.wrap-banner .prevnext button.prev{left:0px;transform:rotate(180deg);}
.wrap-banner .prevnext button.next{right:0px;}
.wrap-banner .control{display:none;}
@media all and (min-width:1025px){
	.wrap-banner .slider li:hover{background:#1455a7;}
	.wrap-banner .slider li:hover:after{content:"";display:block;}
	.wrap-banner .slider li:hover a span{background:#FFF;transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap-banner .slider li:hover a p{color:#FFF;}
	.wrap-banner button:hover{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);background-color:rgba( 0,0,0,0.2 ) !important;}
}
