@charset 'utf-8';
.carousel-control-prev, .carousel-control-next { display: none;}


.carousel { position: relative;}
.carousel img {max-width: 100%;}
.carousel p { word-break: keep-all;}

.carousel .visual-text { position: absolute; left: 50%; top: calc(50% - 45px); z-index: 2; transform: translate(-50%, -50%);  width: 100%; }
/* .carousel .visual-text .slogun { font-size: 75px; line-height: 1.2; font-weight: 700;  color: transparent; background: linear-gradient( to right bottom,#1dd5e6 0%, #0076c9 100%); -webkit-background-clip: text; } */
.carousel .visual-text .slogun { font-size: 85px; line-height: 1.2; font-weight: 700;  color:#fff; }
.carousel .visual-text p { padding: 50px 0 120px; font-size: 30px; line-height: 1.2; color: #fff; }
.carousel .visual-text a { display: block; position: relative; font-size: 18px; font-weight: 500; color: #fff;  line-height: 70px; }

.carousel .visual-text a span { display: inline-block; position: relative; margin-right: 30px; width: 70px; height: 70px; text-align: center;  }
.carousel .visual-text a span:before,
.carousel .visual-text a span:after { content:''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);   border-radius: 50%; }
.carousel .visual-text a span:before {  width: 90px; height: 90px; background: rgba(0,123,233,.12); }
.carousel .visual-text a span:after { width: 70px; height: 70px;background: rgba(0,59,112,.8); }
.carousel .visual-text a i { position: relative; z-index: 2;}
.carousel .visual-text a b { font-weight: 500;}

.carousel .carousel-indicators { margin-bottom: 50px;}
.carousel-indicators li { opacity: .8; margin-right: 4px; margin-left: 4px; width: 13px; height: 13px; border-radius: 50%; border: 0;}
.carousel-indicators .active { opacity: .8; background: #0daddd ;}

.carousel-inner .img-item { transform:scale(1.2); animation: scale1 6000ms ease-out 1 both;}

@keyframes scale1 {
	0% { transform:scale(1.1);}
	90% { transform:scale(1); }
	100% { transform:scale(1); }
}

@media(max-width:991px){
    .carousel .visual-text p { font-size: 26px;}
}
@media(max-width:768px){
    .carousel .visual-text .slogun { font-size: 66px; }
    .carousel .visual-text p { padding: 40px 0 50px; font-size: 22px;}
    .carousel .visual-text a span { margin-right: 10px;}
    .carousel .visual-text a span:before { width: 60px; height: 60px;}
    .carousel .visual-text a span:after { width: 50px; height: 50px;}
    .carousel .visual-text a b { font-size: 16px;}.carousel .carousel-indicators { margin-bottom: 20px; }
		.carousel-indicators li{width: 9px; height: 9px; margin-left: 2px; margin-right: 2px;}
}
@media(max-width:576px){
    .carousel .visual-text .slogun { font-size: 48px; }
    .carousel .visual-text p { padding: 35px 0 45px; font-size: 18px; }
    .carousel .visual-text a { line-height: 50px;}
    .carousel .visual-text a span { width: 50px;height: 50px;}
}
@media(max-width:480px){
    .carousel .visual-text .slogun { font-size: 30px; }
    .carousel .visual-text p { font-size: 14px; font-weight: 300; padding: 25px 0 35px;}
}