@charset "UTF-8";
.wrap-popup{position:relative;background:#FFF}
.wrap-popup .slick-list{height:100% !important}
.wrap-popup .slick-list .slick-track{}
.wrap-popup .slick-list .slick-track .slick-slide{}
.wrap-popup .slick-list .slick-track .slick-slide a{}
.wrap-popup .slick-list .slick-track .slick-slide img{width:100% !important;margin: 0 auto}
.wrap-popup .slick-list .slick-track .slick-slide.slick-current.slick-active{}
/*SLIDER 콘트롤*/
.wrap-popup .control{}
.wrap-popup .control button,
.wrap-popup .control div,
.wrap-popup .prevnext button,
.wrap-popup .prevnext div{line-height:0;font-size:0;margin:0;padding:0}
.wrap-popup .control button,
.wrap-popup .prevnext button{display:block;cursor:pointer;border:0;text-indent:-9999px}
/*common*/
.wrap-popup .control .playstop button,
.wrap-popup .prevnext .container button{width:65px;height:65px;position:absolute;right:0}
.wrap-popup .control .playstop button.stop,
.wrap-popup .control .playstop button.play{bottom:65px}
.wrap-popup .prevnext .container button.prev{bottom:130px}
.wrap-popup .prevnext .container button.next{bottom:0}
/*playStop*/
.wrap-popup .control .playstop{}
.wrap-popup .control .playstop button{display:none;}
.wrap-popup .control .playstop button.on{display:block}
.wrap-popup .control .playstop button.stop{background:#FFF url(/sites/guide/images/pause_1_g.png) no-repeat center}
.wrap-popup .control .playstop button.play{background:#FFF url(/sites/guide/images/play_1_g.png) no-repeat center}
/*prevNext*/
.wrap-popup .prevnext{}
.wrap-popup .prevnext .container{}
.wrap-popup .prevnext .container button{background-color:rgba( 255,255,255,0.5 )}
.wrap-popup .prevnext .container button.prev{background:#ff8500 url(/sites/guide/images/arrow_4_l_w.png) no-repeat center}
.wrap-popup .prevnext .container button.next{background:#262630 url(/sites/guide/images/arrow_4_r_w.png) no-repeat center}
/*common*/
@media only screen and (min-width:1281px){
	.wrap-popup .control .playstop button:hover,
	.wrap-popup .prevnext .container button:hover{filter:alpha(opacity=70);opacity:0.7}
}
@media only screen and (max-width:768px){
	.wrap-popup .control{display:none}
	.wrap-popup .prevnext .container button.prev,
	.wrap-popup .prevnext .container button.next{background-color:#ff8500;bottom:calc(50% - 22.5px);filter:alpha(opacity=70);opacity:0.7}
	.wrap-popup .prevnext .container button.prev{right:auto;left:0}
}
@media only screen and (max-width:380px){
	.wrap-popup .prevnext .container button.prev,
	.wrap-popup .prevnext .container button.next{width:45px;height:45px}
}