@charset "euc-kr";

/* S: slick template */
.sliderWrap{position: relative;}
.sliderWrap .slick-slider{display: none;}
.sliderWrap .slick-slider.slick-initialized{display: block;}
.sliderWrap .slick-slide img{display: inline-block;}
.sliderWrap .sliderArrow a{position: absolute; top: 50%;transform: translate(0, calc(-50%)); left: -1.5%;}
.sliderWrap .sliderArrow a + a{transform: rotate(180deg) translate(0, calc(50%));left: auto;right: -1.5%;}

.sliderWrap .slick-dots{margin-top: 20px;display: flex;justify-content: center;align-items: center;} 
.sliderWrap .slick-dots li{background: #555;transition: all .1s;cursor: pointer;width: 12px;height: 12px;border-radius: 50%;margin-right: .5%;} 
.sliderWrap .slick-dots li.slick-active{background: #000;} 
.sliderWrap .slick-dots li button{font-size:0;}
.sliderWrap .slick-dots li:last-child{margin-right: 0}

.sliderWrap .slick-list{margin-left: 0vw;} /*edit margin*/
.sliderWrap .slick-slide{margin-right: 0vw;}

.sliderWrap.progressBar .slick-dots .slick-dots{margin: 20px auto 0;}
.sliderWrap.progressBar .slick-dots li{height: 10px;border-radius: 0;margin: 0;flex: 1;} 
.sliderWrap.progressBar .slick-dots li.slick-active{background: #555;}

@media screen and (max-width: 1200px){
    .sliderWrap .sliderArrow a {max-width:6%}
    .sliderWrap .slick-slide img{width: 100%;}
}

@media screen and (max-width: 480px){
    .sliderWrap{margin: 0 7%;}
    .sliderWrap .sliderArrow a {max-width:10%}
    .sliderWrap .slick-dots{margin-top: 10px;} 
    .sliderWrap .slick-dots li{width: 10px;height: 10px;margin-right: 1.5%;}
}
/* E: slick template */

/* S: swiper template */
.eventWrap .swiper_basic1_wrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}

.eventWrap .swiper-pagination{position: relative;display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 1rem;}
.eventWrap .swiper-pagination-bullet{background: #555;opacity: 1;width: 12px;height: 12px;}
.eventWrap .swiper-pagination-bullet-active{background: #000;}

.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev{top: 50%;transform: translateY(-50%);left: auto;right: auto;margin: 0 auto;z-index: 2;width: auto;height: auto;}
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after{background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;}
.eventWrap .swiper-button-next{right: 0;transform: translateY(-50%) rotate(180deg);}
.eventWrap .swiper-button-next:after{transform: rotate(180deg);}

.eventWrap .type1-prev, 
.eventWrap .type1-next{color: #fff;}
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 50px;}

.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after{font-size: 0;}
.eventWrap .type2-prev{left: -1rem;}
.eventWrap .type2-next{right: -1rem;}

@media screen and (max-width:576px){
    .eventWrap .type1-prev:after, 
    .eventWrap .type1-next::after{font-size: 40px;}
    
    .eventWrap .type2-prev,
    .eventWrap .type2-next{width: 3rem;}
}
/* E: swiper template */