@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus
{
    background: url(../img/pre.png);background-size: cover;width: 20px; height: 33px;
}
.slick-next:hover,
.slick-next:focus
{
    background: url(../img/next.png);background-size: cover;width: 20px; height: 33px;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #2572ff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -35px;background: url(../img/pre.png);background-size: cover;width: 20px; height: 33px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
    right: -25px;background: url(../img/next.png);background-size: cover;width: 20px; height: 33px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '◁';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 180px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
    z-index: 9;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100px;
    height: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 5px;
    content: '';
    opacity: .25;
    background-color:#2572ff;
    border-radius: 5px;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
}

/* 슬라이드 게이지 버튼 */
.slider-btn-wrap{position:absolute;bottom:2vh;left:calc((100% - 300px)*0.5);width:auto;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.slider-btn{width:150px;height:5px;margin:0px 20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;cursor:pointer;outline:none;}
.slider-guage{
	width:100%;height:100%;
	/*background:-webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2) 25px, #eee 25px, #eee 50px);*/
	/*background:repeating-linear-gradient(45deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2) 25px, #eee 25px, #eee 50px);*/
	background-size:71px 100%;background-color:#ccc;-webkit-animation:gauge-bar-stripes-left 2s linear infinite;animation:gauge-bar-stripes-left 2s linear infinite;
}
.slider-guage-bar{
	width:0%;height:100%;
	/*background:-webkit-repeating-linear-gradient(45deg, #a3c3fd, #a3c3fd 25px, #2572ff 25px, #2572ff 50px);*/
	/*background:repeating-linear-gradient(45deg, #a3c3fd, #a3c3fd 25px, #2572ff 25px, #2572ff 50px);*/
	background-size:71px 100%;background-color:#2572ff;-webkit-animation:gauge-bar-stripes-left 2s linear infinite;animation:gauge-bar-stripes-left 2s linear infinite;
}
@-webkit-keyframes gauge-bar-stripes-left{
	from{background-position:71px 0;}to{background-position:0 0;}
}

/* 슬라이드 영상 제어 : 음소거, 전체화면 */
.slider-func-btn-wrap{position:absolute;top:125px;right:30px;width:auto;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.slider-func-btn{width:60px;height:60px;margin:0px 20px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:rgba(255,255,255,0.7);overflow:hidden;cursor:pointer;border:none;outline:none;}
.slider-func-btn-icon{width:100%;height:100%;}
#main-mute-icon{background:url(../img/main-mute.png) no-repeat;background-size:cover;}
#main-fullscreen-icon{background:url(../img/main-fullscreen.png) no-repeat;background-size:cover;}

@media screen and (max-width:1180px) {
    .slider-btn-wrap{bottom: 0; height: auto;position: static;}
    .slider-btn{width:20vw;height:0.7vh;}
    .slider-func-btn-wrap{top:110px;right:2vw;}
    .slider-func-btn{width:6vw;height:6vw;}
}
@media all and (max-height:450px) and (orientation:landscape){
    #main {height: 100vh;}
    .slick-list {padding: 0;}
    .slider-func-btn-wrap{top:50px;right:2vw;width: 8vw;}
}