@charset "utf-8";
.sec_wrap{overflow: hidden;position: relative;}

.sec_wrap .left_bot_re{position: fixed;left:24px;bottom:18px;z-index: 2;opacity: .7;transition: all .5s;}
.sec_wrap .left_bot_re:hover{opacity: 1;}
.sec_wrap .left_bot_re a{display:block;color:#fff;position: relative;font-weight: 600;letter-spacing: .5px;font-size:14px;}
.sec_wrap .left_bot_re a:after{content: '';background: url(../images/btn/re.png)no-repeat 50% 50%;width:22px;height:22px;position: absolute;left:0;bottom:20px;}

#sec1{width:100%;box-sizing: border-box;}
#sec1 .sec1_slide{width:100%;height:280px;box-sizing: border-box;font-family: 'Raleway';}
#sec1 .sec1_slide .img{width:100%;height:100%;}

#sec1 .sec1_slide .veido .tit{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);text-align: center;color:#fff;}
#sec1 .sec1_slide .veido .tit h2{font-size:22px;letter-spacing: 3px;opacity: .7;opacity: .7;}
#sec1 .sec1_slide .veido .tit h3{font-size:62px;margin:30px 0 40px;font-weight: 700;letter-spacing: 2px;opacity: .7;}
#sec1 .sec1_slide .veido .tit h3 span{font-weight: 500;}

#sec1 .sec1_slide .veido .tit .veido_play{border:1px solid #fff;width:148px;height:48px;margin:0 auto;line-height:48px;}
#sec1 .sec1_slide .veido .tit .veido_play a{display: block;color:#fff;font-size:13px;letter-spacing: -1px;text-indent: -15px;position: relative;transition: all .3s;font-family: 'NanumSquare';opacity: .7;}
#sec1 .sec1_slide .veido .tit .veido_play a:after{content: '';width:6px;height:10px;background: url(../images/btn/next_tit.png)no-repeat 50% 50%;position: absolute;right:18px;top:50%;margin-top:-6px;background-size: cover;transition: all .3s;}
#sec1 .sec1_slide .veido .tit .veido_play a:hover:after{right:10px;}
#sec1 .sec1_slide .veido .tit .veido_play a:hover{background:#0c4da2;opacity: 1;}


#sec1 .sec1_slide .veido{position: relative;}
#sec1 .sec1_slide .veido .tit{z-index: 3;}
#sec1 .sec1_slide .veido #video{object-fit: cover;width:100%;height:100%;position: absolute;
overflow: hidden;left:0;top:0;}

@media (min-aspect-ratio: 16/9) { 
  #sec1 .sec1_slide .veido #video { height: 300%; top: -100%; } 
} 
@media (max-aspect-ratio: 16/9) { 
  #sec1 .sec1_slide .veido #video { width: 300%; left: -100%; } 
} 
@supports (object-fit: cover) { 
  #sec1 .sec1_slide .veido #video { 
    top: 0; left: 0; 
    width: 100%; height: 100%; 
    object-fit: cover; 
 } 
} 


#sec1 .sec1_slide .img1{background: url(../../sub03/image1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img2{background: url(../../sub03/image2.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img3{background: url(../../sub03/image3.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img4{background: url(../../sub03/image4.jpg)no-repeat 50% 50%;background-size: cover;}



#sec1 .sec1_pagi{position: absolute;bottom:30px;}
#sec1 .swiper-pagination-bullet {text-align: center;width:20px;height:20px;line-height: 20px;font-size: 14px;color:#000;opacity: 1;background: rgba(0,0,0,0);color:#fff;font-family: 'Poppins';position: relative;display: inline-block;}
#sec1 .swiper-pagination-bullet:after{display: block;transition: all .3s ease;content: '';background: #fff;width:0px;height:1px;margin-left:5px;position: absolute;left:80%;top:50%;transform: translateY(-50%) scale(0);opacity: 0;}

#sec1 .swiper-pagination-bullet-active:after{transform: scale(1);opacity: 1;width:60px;}
#sec1 .swiper-pagination-bullet-active {margin-right:60px;transition: all .3s ease;}

#sec1 .sec1_slide .sec1_prev{width:32px;height:32px;left:5px;border-radius: 50%;background: rgba(12,77,162,.5);box-sizing: border-box;transition: all .3s;}
#sec1 .sec1_slide .sec1_prev:after{display: none;}
#sec1 .sec1_slide .sec1_prev:before{content: '';background: url(../img/prev5.png)no-repeat 50% 50%;height:16px;position: absolute;left:45%;top:50%;width:10px;background-size: cover;transform: translate(-45%,-50%);}
#sec1 .sec1_slide .sec1_prev:hover{background: rgba(12,77,162,1);}

#sec1 .sec1_slide .sec1_next{width:32px;height:32px;right:5px;border-radius: 50%;background: rgba(12,77,162,.5);box-sizing: border-box;transition: all .3s;}
#sec1 .sec1_slide .sec1_next:after{display: none;}
#sec1 .sec1_slide .sec1_next:before{content: '';background: url(../img/next5.png)no-repeat 50% 50%;height:16px;position: absolute;left:55%;top:50%;width:10px;background-size: cover;transform: translate(-55%,-50%);}
#sec1 .sec1_slide .sec1_next:hover{background: rgba(12,77,162,1);}

