@charset "utf-8";

/*비주얼*/
.wrap-visual{box-sizing:border-box;position:relative;background:url(/images/grad/main/main_v_1.jpg) no-repeat center;height:486px;padding-top:80px;}
.wrap-visual .slider{position:relative;z-index:1;}
.wrap-visual .slider li{position:relative;text-align:center;}
.wrap-visual .slider li img{display:inline-block;max-width:none;}
/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-visual .prevnext{}
.wrap-visual .prevnext button{width:50px;height:50px;position:absolute;top:calc(50% - 25px);left:50%;z-index:1;}
.wrap-visual .prevnext button.prev{background:rgba( 0,0,0,0.7 ) url(/images/grad/common/arrow_2_r_w.png) no-repeat center;transform:rotate(180deg);margin-left:-335px;}
.wrap-visual .prevnext button.next{background:rgba( 0,0,0,0.7 ) url(/images/grad/common/arrow_2_r_w.png) no-repeat center;margin-left:285px;}
.wrap-visual .control{padding:30px 0;text-align:center;}
.wrap-visual .control .playstop,
.wrap-visual .control .paging{display:inline-block;}
.wrap-visual .control .paging li{display:inline-block;margin:0 5px;}
.wrap-visual .control .paging button{width:15px;height:15px;text-indent:-9999px;background:#dbcbcb;border-radius:100px;}
.wrap-visual .control .paging .slick-active button{background:#0a9bda;}
.wrap-visual .control .playstop button{display:none;width:15px;height:15px;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .playstop button.play{background:url(/images/grad/common/play_1_w.png) no-repeat center;}
.wrap-visual .control .playstop button.stop{background:url(/images/grad/common/pause_1_w.png) no-repeat center;}
@media all and (max-width:768px){
	.wrap-visual{height:auto;padding:80px 15px 0 15px;}
	.wrap-visual .slider li img{max-width:100%;}
	.wrap-visual .prevnext button{width:35px;height:35px;top:calc(50% - 17.5px);left:0;}
	.wrap-visual .prevnext button.prev{margin-left:0;}
	.wrap-visual .prevnext button.next{margin-left:auto;right:0;left:auto;}
}