@charset "utf-8";
/* 새글 스킨 (latest) */
.main_gallery {padding: 70px 20px 80px;margin-top:30px;overflow: hidden; position:relative}
.main_gallery .swiper-container {overflow: visible;}
.main_gallery .swiper-slide {width: 390px;padding: 0 18px;transform: scale(0.92);transition: .3s;}
.main_gallery .swiper-slide-prev { transform: translateX(-25px) scale(0.92);}
.main_gallery .swiper-slide-next {transform: translateX(25px) scale(0.92);}
.main_gallery .swiper-slide-active {transform: scale(1.14);}
.main_gallery .img img {width: 100%;}
.main_gallery .img .bg_img {width: 100%;height:0;padding-bottom:66.6%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.main_gallery li .sw_item {width: 100%;overflow: hidden; border-radius: 15px; box-shadow: 0px 0px 20px 13px #efefef;transform: translateY(0);transition: all .5s;}
.main_gallery li .sw_item:hover {transform: translateY(-10px);transition: all .5s;}
.main_gallery .cont {height: 125px;padding: 30px 25px; box-sizing: border-box;background-color: #fff;}
.main_gallery .cont .cont_top {padding-bottom: 20px;}
.main_gallery .cont .cont_top h2 {color:#101010;font-size: 22px;font-weight:500;}
.main_gallery .cont .cont_top span {font-size: 14px;color: #7ab5c7; margin-bottom: 15px;display: block;}
.main_gallery .cont p.lt_date {font-size: 15px; color:#999}

#gallery_bar{margin-top:75px}
#gallery_bar .progress_bar{width: calc(100% - 180px); display: inline-block;margin: 30px 0; height: 3px;background: #d9d9d9;}
#gallery_bar .progress_bar > span{background:#7ab5c7;}
#gallery_bar .slide-arrow_wrap{ position:absolute; right:0; top:0;}
#gallery_bar .area .slide-arrow_wrap .slide-arrow{ border:1px solid #aaa; width:55px; height:55px; border-radius:50%; margin:0 3px; position: initial;display:inline-block;}
#gallery_bar .area .slide-arrow_wrap .slide-arrow em{ font-size:29px; color:#444; text-align:center; display:block; width:100%; height:100%; line-height:55px}
#gallery_bar .area .slide-arrow_wrap .slide-arrow:after{ display:none}

@keyframes progress {
0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.sec3 .vodbar.col3 {width: 510px;position: relative;background: rgba(0, 0, 0, 0.4);margin-top: 100px;}

@media all and ( max-width: 800px ){
.main_gallery{ padding-top:30px}	
.main_gallery .cont {height: auto;padding: 20px;}
.main_gallery .cont .cont_top h2 { font-size: 17px;}
.main_gallery .cont .cont_top p { font-size: 15px;}
.main_gallery .cont .cont_top span { font-size: 12px; margin-bottom:8px}
.main_gallery .cont p.lt_date { font-size:12px}
.main_gallery .swiper-slide {width: 254px;padding: 0;}
#gallery_bar .progress_bar{margin: 23px 0;width: calc(100% - 155px);}
#gallery_bar .area .slide-arrow_wrap .slide-arrow{ width:45px; height:45px}
#gallery_bar .area .slide-arrow_wrap .slide-arrow em{ line-height:45px; font-size:25px}
}
@media all and ( max-width:480px ){
.main_gallery{ padding-bottom:65px}	
#gallery_bar { margin-top: 60px;}
#gallery_bar .progress_bar {margin: 22px 0;width: calc(100% - 124px);}
#gallery_bar .area .slide-arrow_wrap .slide-arrow{ width:40px; height:40px; margin: 0 1px;}
#gallery_bar .area .slide-arrow_wrap .slide-arrow em{ line-height:40px; font-size:20px}	
}