.sl-overlay {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#000000d9;
	/* ie 에서 백그라운드 .sl-overlay  보이게 하기 */
	background-color: rgba(0,0,0,0.85);
    opacity:.7;
    display:none;
    z-index:6
	
}
.sl-wrapper {
    z-index:10
}
.sl-wrapper button {
    border:0;
    background:0 0;
    font-size:24px;
    padding:0;
    cursor:pointer
}
.sl-wrapper button:hover {
    opacity:.7
}
.sl-wrapper .sl-close {
    display:none;
    position:fixed;
    right:15%;
    top:15%;
    z-index:15000;
    font-size: 48px;
}
.sl-wrapper .sl-counter {
    display:none;
    position:fixed;
    top:30px;
    left:30px;
    z-index:15
}
.sl-wrapper .sl-navigation {
    width:100%;
    display:none;
}
.sl-wrapper .sl-navigation button {
    position:fixed;
    top:50%;
    margin-top:-10px;
    height:30px;
    width:30px;
    line-height:30px;
    text-algin:center;
    display:block;
    z-index:15
}
/*
.sl-wrapper .sl-navigation button.sl-next {
    right:40px;
    display:block;
}
.sl-wrapper .sl-navigation button.sl-prev {
    left:40px;
    display:block;
}
*/
.sl-wrapper .sl-image {
    position:fixed;
    -ms-touch-action:none;
    touch-action:none;
    z-index:10000
}
.sl-wrapper .sl-image img {
    margin:0;
    padding:0;
    display:block
}
.sl-wrapper .sl-image .sl-caption {
    display:none;
    padding:10px;
    color:#fff;
    background:#000;
    opacity:.8;
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.sl-wrapper .sl-image .sl-download {
    display:none;
    position:absolute;
    bottom:5px;
    right:5px;
    color:#fff;
    z-index:5
}
.sl-spinner {
    display:none;
    border:5px solid #333;
    border-radius:40px;
    height:40px;
    left:50%;
    margin:-20px 0 0 -20px;
    opacity:0;
    position:fixed;
    top:50%;
    width:40px;
    z-index:10;
    -webkit-animation:pulsate 1s ease-out infinite;
    -moz-animation:pulsate 1s ease-out infinite;
    -ms-animation:pulsate 1s ease-out infinite;
    -o-animation:pulsate 1s ease-out infinite;
    animation:pulsate 1s ease-out infinite
}
@-webkit-keyframes pulsate {
    0% {
        transform:scale(.1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        transform:scale(1.2);
        opacity:0
    }
}
@keyframes pulsate {
    0% {
        transform:scale(.1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        transform:scale(1.2);
        opacity:0
    }
}
@-moz-keyframes pulsate {
    0% {
        transform:scale(.1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        transform:scale(1.2);
        opacity:0
    }
}
@-o-keyframes pulsate {
    0% {
        transform:scale(.1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        transform:scale(1.2);
        opacity:0
    }
}
@-ms-keyframes pulsate {
    0%,100% {
        opacity:0
    }
    0% {
        transform:scale(.1)
    }
    50% {
        opacity:1
    }
    100% {
        transform: scale(1.2)
    }
}