@charset 'utf-8';

.carousel { }
.carousel-control-next, .carousel-control-prev { display: none;}
.carousel .img-wrap { background-size: cover; background-position: center; background-repeat: no-repeat;}
.carousel .img-wrap .slogun { position: absolute; top: calc(50% + 45px); transform: translateY(-50%); width: 100%;  color: #fff; text-align: center; }
.carousel .img-wrap .slogun h2 { padding: 0 0 20px; font-size:60px; font-weight: 500; line-height: 1;}
.carousel .img-wrap .slogun p { word-break: keep-all;}
.carousel .page-nav { list-style: none; display: flex; justify-content: center; margin: 0; padding: 0;}
.carousel .page-nav-item { position: relative; padding: 0 15px;}
.carousel .page-nav-item a { display: block; color: #ccc; font-size: 15px; line-height: 1;}
.carousel .page-nav-item:first-of-type a { color: #0067b6;}
.carousel .page-nav-item:after { content: "\e940"; display: block; position: absolute; top: 50%; right: -5px; transform: translateY(-50%); font-family: xeicon; font-size: 12px; line-height: 1;}
.carousel .page-nav-item:last-of-type:after { display: none;}

@media(max-width:991px){
    .carousel .img-wrap .slogun h2 {  font-size:56px; }
}
@media(max-width:768px){
    .carousel .img-wrap .slogun h2 {  font-size:52px; }
}
@media(max-width:576px){
    .carousel .img-wrap .slogun h2 {  font-size:48px; }
    .carousel .page-nav { display: none;}
}
@media(max-width:480px){
    .carousel .img-wrap .slogun h2 {  font-size:44px; }
}
@media(max-width:400px){
    .carousel .img-wrap .slogun h2 {  font-size:36px; }
}