@charset "utf-8";

/*비주얼*/
.wrap-visual{box-sizing:border-box;position:relative;overflow:hidden;text-align:center;}
.wrap-visual,
.wrap-visual .slick-list{height:531px !important}
.wrap-visual .slick-list{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px}
.wrap-visual .slick-slider{}
.wrap-visual .slick-list .slick-track{}
.wrap-visual .slick-list .slick-track .slick-slide{}
.wrap-visual .slick-list .slick-track .slick-slide img{width:100%}
.wrap-visual .slick-list .slick-track .slick-slide.slick-current.slick-active{}

/*해상도별 비주얼 사이즈*/
@media only screen and (min-width:2001px){
	.wrap-visual .slick-list{left:0;width:100%;margin-left:0}
}
/*
@media only screen and (max-width:1024px){
	.wrap-visual,
	.wrap-visual .slick-list{height:428px !important;}
	.wrap-visual .slick-list{width:1224px;margin-left:-612px}
}
*/
@media only screen and (max-width:768px){
	.wrap-visual,
	.wrap-visual .slick-list{height:370px !important;}
	.wrap-visual .slick-list{width:1296px;margin-left:-648px}
}

/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;width:18px;height:18px;border-radius:30px;box-sizing:border-box;border:1px solid #FFF;}
.wrap-visual .prevnext{}
.wrap-visual .prevnext button{width:82px;height:77px;position:absolute;bottom:70px;left:50%;z-index:1;text-indent:0;border:0;border-radius:0;color:#FFF;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap-visual .prevnext button.prev{background:url(/images/templet_04/common/arrow_7_l_w.png) no-repeat left center;margin-left:-760px;padding-left:30px;}
.wrap-visual .prevnext button.next{background:url(/images/templet_04/common/arrow_7_r_w.png) no-repeat right center;margin-left:675px;padding-right:30px;}
.wrap-visual .control{display:inline-block;text-align:center;position:relative;z-index:1;background-color:rgba( 0,0,0,0.4 );border-radius:30px;margin-top:406px;padding:8px 10px;line-height:0;}
.wrap-visual .control .playstop,
.wrap-visual .control .paging{display:inline-block;}
.wrap-visual .control .paging li{display:inline-block;margin:0 5px;position:relative;}
.wrap-visual .control .paging li:before{content:"";display:block;width:5px;height:5px;background:#FFF;position:absolute;top:calc(50% - 2.5px);left:calc(50% - 2.5px);border-radius:10px;}
.wrap-visual .control .paging button{border-color:transparent;position:relative;}
.wrap-visual .control .paging .slick-active button{border-color:#FFF;}
.wrap-visual .control .playstop button{display:none;margin-left:3px;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .playstop button.play{background:#FFF url(/images/templet_04/common/play_2_b.png) no-repeat center;}
.wrap-visual .control .playstop button.stop{background:#FFF url(/images/templet_04/common/pause_2_b.png) no-repeat center;}
@media all and (min-width:1025px){
	.wrap-visual .prevnext button.prev:hover{background-position:25% center;}
	.wrap-visual .prevnext button.next:hover{background-position:75% center;}
}
@media all and (max-width:1540px){
	.wrap-visual .prevnext button{left:auto;}
	.wrap-visual .prevnext button.prev{margin-left:0;left:15px;}
	.wrap-visual .prevnext button.next{margin-left:0;right:15px;}
}
@media all and (max-width:768px){
	.wrap-visual .prevnext button{height:35px;bottom:76px;}
	.wrap-visual .prevnext button.prev{padding-left:0;}
	.wrap-visual .prevnext button.next{padding-right:0;}
	.wrap-visual .control{margin-top:260px;}
}
@media all and (max-width:280px){
	.wrap-visual .prevnext{display:none;}
}