.slick-current.bnr1 .fadeInLeft{animation: fadeInLeft 1s ease;}
.slick-current.bnr1 .leftTxt1{animation: flipInX 1s ease;animation-delay: .2s}
.slick-current.bnr1 .leftTxt2{animation: flipInX 1s ease;animation-delay: .3s}
.slick-current.bnr1 .leftTxt3{animation: flipInX 1s ease;animation-delay: .4s}
.slick-current.bnr1 .btn1{animation: tada 1s ease;animation-delay: .8s}
.slick-current.bnr1 .btn2{animation: tada 1s ease;animation-delay: 1.1s}
.slick-current.bnr1 .btn3{animation: tada 1s ease;animation-delay: 1.4s}
.slick-current.bnr1 .rightTxt1{animation: slideInLeft 1s ease;animation-delay: .2s}
.slick-current.bnr1 .rightTxt2{animation: slideInRight 1s ease;animation-delay: .2s}
.slick-current.bnr1 .imgBig1{animation: bounceIn .5s ease;animation-delay: .6s}
.slick-current.bnr1 .imgBig2{animation: bounceIn .5s ease;animation-delay: .8s}
.slick-current.bnr1 .imgBig3{animation: bounceIn .5s ease;animation-delay: 1s}
.slick-current.bnr1 .imgSmall1{animation: bounceInUp .5s ease;animation-delay: .8s}
.slick-current.bnr1 .imgSmall2{animation: bounceInUp .5s ease;animation-delay: 1s}
.slick-current.bnr1 .imgSmall3{animation: bounceInUp .5s ease;animation-delay: 1.2s}
.slick-current.bnr2 .topTxt1{z-index: 2;animation: slideInLeft 1s ease;}
.slick-current.bnr2 .topTxt2{animation: slideInLeft 1s ease;animation-delay: .2s}
.slick-current.bnr2 .leftTxt{animation: bounceIn .5s ease;animation-delay: .4s}
.slick-current.bnr2 .contactBtn{animation: tada 1s ease;animation-delay: .6s}
.slick-current.bnr2 .imgBox1>.pic{animation: bounceIn .5s ease;animation-delay: .5s}
.slick-current.bnr2 .imgBox1>.topTxt{animation: fadeInUp .5s ease;animation-delay: .6s}
.slick-current.bnr2 .imgBox1>.bottomTxt{animation: fadeInDown 1s ease;animation-delay: .7s}
.slick-current.bnr2 .imgBox2>.pic{animation: bounceIn .5s ease;animation-delay: .8s}
.slick-current.bnr2 .imgBox2>.topTxt{animation: fadeInUp .5s ease;animation-delay: .9s}
.slick-current.bnr2 .imgBox2>.bottomTxt{animation: fadeInDown 1s ease;animation-delay: 1s}
.slick-current.bnr2 .imgBox3>.pic{animation: bounceIn .5s ease;animation-delay: 1.1s}
.slick-current.bnr2 .imgBox3>.topTxt{animation: fadeInUp .5s ease;animation-delay: 1.2s}
.slick-current.bnr2 .imgBox3>.bottomTxt{animation: fadeInDown 1s ease;animation-delay: 1.3s}
.slick-current.bnr2 .imgBox4>.pic{animation: bounceIn .5s ease;animation-delay: 1.4s}
.slick-current.bnr2 .imgBox4>.topTxt{animation: fadeInUp .5s ease;animation-delay: 1.5s}
.slick-current.bnr2 .imgBox4>.bottomTxt{animation: fadeInDown 1s ease;animation-delay: 1.6s}
.slick-current.bnr3 .leftTopTxt{animation: slideInDown 1s;}
.slick-current.bnr3 .logo1{transform: scale(1) rotateX(0deg);animation: scaleAni 1s;animation-delay: .2s}
.slick-current.bnr3 .centerTopTxt{animation: flipInX 1s;animation-delay: .3s}
.slick-current.bnr3 .logo2{animation: rotateYAni 1s;animation-delay: .4s}
.slick-current.bnr3 .logo3{animation: rotateYAni 1s;animation-delay: .5s}
.slick-current.bnr3 .logo4{animation: rotateYAni 1s;animation-delay: .6s}
.slick-current.bnr3 .logo5{animation: rotateYAni 1s;animation-delay: .7s}
.slick-current.bnr3 .picBox1>.circle{animation: bounceIn 1s;animation-delay: .8s}
.slick-current.bnr3 .picBox1>.txt{animation: bounceInUp 1s;animation-delay: .9s}
.slick-current.bnr3 .picBox2>.circle{animation: bounceIn 1s;animation-delay: 1s}
.slick-current.bnr3 .picBox2>.txt{animation: bounceInUp 1s;animation-delay: 1.1s}
.slick-current.bnr3 .picBox3>.circle{animation: bounceIn 1s;animation-delay: 1.2s}
.slick-current.bnr3 .picBox3>.txt{animation: bounceInUp 1s;animation-delay: 1.3s}
.slick-current.bnr3 .rightBottomTxt{animation:fadeInUp 1s;animation-delay: 1.3s}
.slick-current.bnr4 .leftTopTxt1{animation:bounceIn 1s;}
.slick-current.bnr4 .leftTopTxt3{animation:bounceIn 1s;animation-delay: .2s}
.slick-current.bnr4 .centerBgi{animation: scale2Ani 1s;animation-delay: .3s}
.slick-current.bnr4 .leftTopTxt2{animation:tada 1s;animation-delay: .4s}
.slick-current.bnr4 .imgBox1{animation: bounceInDown 1s;animation-delay: .5s}
.slick-current.bnr4 .imgBox2{animation: bounceInDown 1s;animation-delay: .6s}
.slick-current.bnr4 .imgBox3{animation: bounceInDown 1s;animation-delay: .7s}
.slick-current.bnr4 .imgBox1 .txt{animation: flipInX 1s;animation-delay: .8s}
.slick-current.bnr4 .imgBox2 .txt{animation: flipInX 1s;animation-delay: .9s}
.slick-current.bnr4 .imgBox3 .txt{animation: flipInX 1s;animation-delay: 1s}
.slick-current.bnr4 .rightImg{animation: slideInRight 1s;animation-delay: 1.1s}
.slick-current.bnr4 .rightTopTxt{animation: fadeInDown 1s;animation-delay: 1.2s}
.slick-current.bnr4 .btn1{animation: slideInLeft .5s;animation-delay: 1.3s}
.slick-current.bnr4 .btn2{animation: slideInLeft .5s;animation-delay: 1.4s}
.slick-current.bnr4 .btn3{animation: slideInLeft .5s;animation-delay: 1.5s}
.slick-current.bnr4 .btn4{animation: slideInLeft .5s;animation-delay: 1.6s}
.slick-current.bnr4 .btn5{animation: slideInLeft .5s;animation-delay: 1.7s}
#banner .slick-current *{animation-fill-mode: forwards;}
#banner .bnr1:not(.slick-current) *,#banner .bnr2:not(.slick-current) *,#banner .bnr3:not(.slick-current) *,#banner .bnr4:not(.slick-current) *{-moz-animation: none;-webkit-animation: none;animation: none;animation-fill-mode: none;}
@media screen and (max-width:768px){#banner{padding-top: 93px;}#bannerPh .bnr1>.po-a.w-100.h-100{background: url(../images/bannerPh/banner1/topImg.png) center/cover;}.bnr2 .w-30,.bnr2 .w-70{width: 100%;}.bnr2 .w-30{justify-content: flex-start;}.bnr2 .leftTxt{width: 50vw;}.bnr2 .imgBox1{position: static;width: 28.34vw;}.bnr2 .imgBox3 {top: -59%;right: 10px;left: auto;width: 43vw}.bnr2 .imgBox4 {bottom: 0%;left: 28%;width: 34.96vw;}.leftTopTxt{top: -16%;right: -14%;width: 17vw;z-index: 2;}.bnr4 .imgBox1{bottom: 2%;left: 38%;top: auto;width: 29vw;z-index: 2;}.bnr4 .imgBox2{top: -12%;left: 44%;width: 41vw;}.bnr4 .imgBox3{top: auto;left: auto;bottom: 6%;right: 3%;width: 27vw;}.slick-current.bnr1 .fadeInDown{background: url('../images/bannerPh/banner1/topImg.png') center/cover;animation: fadeInDown 1s ease;animation-delay: .2s}.slick-current.bnr3 .rightBottomTxt{animation-delay: .8s}}
@media screen and (max-width:560px){#banner{padding-top: 84px;}}
@media screen and (max-width:420px){#banner{padding-top: 70px;}}
@media screen and (max-width:319px){#banner{padding-top: 60px;}}