@charset "UTF-8";

/* pa-slider 시작 */
.pa-slider, .pa-slider .slider-item { -webkit-tap-highlight-color: transparent; position: relative }
.pa-slider { position: relative; width: 100%; z-index: 1; }
/*.pa-slider { display: none; width: 100%; z-index: 1 }*/
.pa-slider.pa-slider-loaded { display: block; }
.pa-slider .slider-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); }
.pa-slider .slider-stage { position: relative; display: flex; align-items: center; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }

.pa-slider.slider-drag .slider-stage { user-select: none; -webkit-user-drag: none; }
.pa-slider .slider-item { position: relative; min-height: 1px; flex: 1; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }
.pa-slider.slider-drag .slider-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }
.pa-slider.slider-drag.slider-grab.dragging .slider-item * { pointer-events: none; }
.pa-slider .slider-item img { display: block; width: 100%; }
.pa-slider .slider-nav button { position: absolute; top: 50%; width: 40px; height: 40px; background: blue; transform: translateY(-50%); }
.pa-slider .slider-nav button.slider-prev { left: 0; }
.pa-slider .slider-nav button.slider-next { right: 0; }

.pa-slider .slider-dots.disabled, .pa-slider .slider-nav.disabled { display: none; }
.pa-slider .slider-dots { text-align: center; margin-top: 18px; font-size: 0; position: absolute; left: 0; right: 0; top: 100%; }
.pa-slider .slider-dots .slider-dot { display: inline-block; vertical-align: middle; width: 7px; height: 7px; background: #dfdfdf; border-radius: 50%; margin: 0 5px; }
.pa-slider .slider-dots .slider-dot.on { background: #323232; }
.no-js .pa-slider, .pa-slider.slider-loaded { display: block; }
.pa-slider .slider-dot, .pa-slider .slider-nav .slider-next, .pa-slider .slider-nav .slider-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pa-slider .slider-nav button.slider-next, .pa-slider .slider-nav button.slider-prev, .pa-slider button.slider-dot { color: inherit; border: none; padding: 0 !important; font: inherit; }
.pa-slider.slider-loading { opacity: 0; display: block; }
.pa-slider.slider-hidden { opacity: 0; }
.pa-slider.slider-refresh .slider-item { visibility: hidden; }
.pa-slider.slider-grab { cursor: move; cursor: grab }
.pa-slider .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.pa-slider .slider-animated-in { z-index: 0 }
.pa-slider .slider-animated-out { z-index: 1 }
.pa-slider .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }

.slider-height { transition: height .5s ease-in-out }
.pa-slider .slider-item .slider-lazy { opacity: 0; transition: opacity .4s ease }
.pa-slider .slider-item img.slider-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.pa-slider .slider-video-wrapper { position: relative; height: 100%; background: #000; }
.pa-slider .slider-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(slider.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform .1s ease; transition: transform .1s ease }
.pa-slider .slider-video-play-icon:hover { -webkit-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) }
.pa-slider .slider-video-playing .slider-video-play-icon, .pa-slider .slider-video-playing .slider-video-tn { display: none }
.pa-slider .slider-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.pa-slider .slider-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }

@-webkit-keyframes fadeOut {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

@keyframes fadeOut {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

/* pa-slider 끝 */