.flowplayer .fp-controls{display: none;}
#visual_wrap .visual_items{}
#visual_wrap .swiper-pagination{position: absolute;bottom: 150px;left: 50%;z-index: 5000;width: 1200px;display: flex;transform:translateX(-50%);}
#visual_wrap .swiper-pagination span{position: relative;display: block;width: 11.111%;border-radius:0;background: rgba(255,255,255,.3);margin: 0;height: 4px;opacity: 1;text-shadow: 2px 2px 5px #222;}
#visual_wrap .swiper-pagination span:nth-child(1):after{content:'BH그룹';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(1):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(2):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 150%;transform:translateX(-50%);opacity: 0;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2) +  span:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(3):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 49.6%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3) +  span:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(4):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -36px;color: #fff;font-size: 24px;left: -50%;transform:translateX(-50%);opacity: 0;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(4):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(5):after{content:'전장';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(5):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(6):after{content:'장비&소재';position: absolute;width: 105px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 100%;transform:translateX(-50%);opacity: 0;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(6):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(6) +  span:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(7):after{content:'장비&소재';position: absolute;width: 105px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 0%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(7):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(8):after{content:'문화';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(8):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(9):after{content:'사회공헌';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 24px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(9):after{opacity: 1;font-size: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span em{position: relative;display: block;width: 100%;height: 4px;background:rgba(255,255,255,.3);margin-bottom: 24px;}
#visual_wrap .swiper-pagination span em:after{content:'';position: absolute;width: 0;height: 4px;top: 0px;left: 0;background: #fff;}
#visual_wrap .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active em:after{animation:ani01 linear 29s forwards;}
#visual_wrap .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(4).swiper-pagination-bullet-active em:after{animation:ani01 linear 11s forwards;}
#visual_wrap .swiper-pagination span:nth-child(5).swiper-pagination-bullet-active em:after{animation:ani01 linear 5s forwards;}
#visual_wrap .swiper-pagination span:nth-child(6).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(7).swiper-pagination-bullet-active em:after{animation:ani01 linear 9s forwards;}
#visual_wrap .swiper-pagination span:nth-child(8).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(9).swiper-pagination-bullet-active em:after{animation:ani01 linear 5s forwards;}
#visual_wrap .swiper-pagination span.active span:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination p{font-size: 18px;color: #fff;text-align: center;}
#visual_wrap .swiper-pagination a.active p{color: #FD8204;}

#visual_wrap .swiper-pagination span:before{width: 100%;}
#visual_wrap .swiper-pagination span:nth-child(1):before{content:'BH그룹';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(2):before{content:'BH';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(3):before{content:'DKT';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(4):before{content:'TechL';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(5):before{content:'BH EVS';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(6):before{content:'BH ST';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(7):before{content:'BH Semicon';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(8):before{content:'베하필하모닉';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(9):before{content:'나눔과 기부';position: absolute;bottom: -35px;left: 50%;transform:translateX(-50%);font-size: 20px;color: #fff;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:before{color: #FD8204;}