/* popup */
#dim {display:none; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.7); z-index:10000;}
#popup {max-width:870px; width:90%; max-height:630px; height:100%; background-color:transparent; position: fixed; top: 50%; left: 50%; right:0; bottom:0; transform: translate(-50%, -50%); z-index:10001;}
#popup {display:block; overflow:hidden;}
#popup.on {display:none;}
#popup strong {display:block; font-size:18px; font-weight:500; padding:0 2%; line-height:50px; background-color:#222222; width:96%; color:#ffffff;}
#popup .closed_btn {position:absolute; top:12px; right:2%; width:30px; height:30px;}

/* slick */ 
#popup .slick-slide {max-height:490px;}
#popup .slick-arrow {position:absolute; z-index:1;}
#popup .slick-prev {left:0;}
#popup .slick-next {right:0;}
#popup .slick-prev {background:url('/img/btn/btn_prev.png') no-repeat 0 0; width:60px; height:60px;}
#popup .slick-next {background:url('/img/btn/btn_next.png') no-repeat 0 0; width:60px; height:60px;}
.slick-prev:before,
.slick-next:before {display:none;}
.slick-dots {bottom: 25px !important;}
.slick-dots li button:before {display:none;}
.slick-dots li {width:10px; height:10px;}
.slick-dots li.slick-active button {background:url('/img/btn/active_dot.png') no-repeat 0 0; width:10px; height:10px;}
.slick-dots li button:hover, 
.slick-dots li button:focus {background:url('/img/btn/active_dot.png') no-repeat 0 0; width:10px; height:10px; cursor:pointer;}
.slick-dots li button {background:url('/img/btn/unactive_dot.png') no-repeat 0 0; width:10px; height:10px;}