@charset "UTF-8";
.wrap-visual{position:relative}
.wrap-visual,
.wrap-visual .slick-list{height:700px !important}
.wrap-visual .slick-list{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px}
.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:768px){
	.wrap-visual,
	.wrap-visual .slick-list{height:600px !important;}
	.wrap-visual .slick-list{width:1714px;margin-left:-857px}
}
/*
@media only screen and (max-width:730px){
	.wrap-visual,
	.wrap-visual .slick-list{height:326px !important;}
	.wrap-visual .slick-list{width:930px;margin-left:-465px}
}
@media only screen and (max-width:480px){
	.wrap-visual,
	.wrap-visual .slick-list{height:238px !important;}
	.wrap-visual .slick-list{width:680px;margin-left:-340px}
}
*/
/*비주얼텍스트*/
.visualText{width:1600px;height:172px;text-indent:-9999px;background:url(/sites/ipsi/images/main_visual_text.png) no-repeat 70%;position:absolute;left:50%;margin-left:-800px;top:290px}
@media only screen and (max-width:1600px){
	.visualText{width:100%;left:0;margin-left:0;background-position:90%}
}
@media only screen and (max-width:1280px){
	.visualText{width:80%;left:10%;margin-left:0;background-position:center;top:calc(50% - 86px)}
}
@media only screen and (max-width:768px){
	.visualText{background-size:100%}
}
/*SLIDER 콘트롤*/
.wrap-visual .control button,
.wrap-visual .control div,
.wrap-visual .prevnext button,
.wrap-visual .prevnext div{line-height:0;font-size:0;margin:0;padding:0}
.wrap-visual .control button,
.wrap-visual .prevnext button{display:block;cursor:pointer;border:0;text-indent:-9999px}
.wrap-visual .control{overflow:hidden;position:absolute;left:50%;width:1600px;margin-left:-800px;top:260px}
/*paging*/
.wrap-visual .control .paging{float:left;margin:2.5px 10px 0 0}
.wrap-visual .control .paging ul.slick-dots{text-align:center;font-size:0}
.wrap-visual .control .paging ul.slick-dots li{display:inline-block;margin:0 5px}
.wrap-visual .control .paging ul.slick-dots li button{width:10px;height:10px;background:#FFF;border-radius:100px}
.wrap-visual .control .paging ul.slick-dots li.slick-active button{background:#a8b83e}
.wrap-visual .control .paging ul.slick-dots li button:hover{background:#666}
/*playStop*/
.wrap-visual .control .playstop{float:left}
.wrap-visual .control .playstop button{display:none;width:13px;height:14px}
.wrap-visual .control .playstop button.on{display:block}
.wrap-visual .control .playstop button.stop{background:url(/sites/guide/images/pause_1_w.png) no-repeat center}
.wrap-visual .control .playstop button.play{background:url(/sites/guide/images/play_1_w.png) no-repeat center}
@media only screen and (max-width:1600px){
	.wrap-visual .control{left:10px;width:calc(100% - 20px);margin-left:0}
}
@media only screen and (max-width:1280px){
	.wrap-visual .control{text-align:center;top:auto;bottom:180px}
	.wrap-visual .control .paging,
	.wrap-visual .control .playstop{float:none;display:inline-block;margin:0}
}
@media only screen and (max-width:768px){
	.wrap-visual .control{bottom:130px}
}