@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: 50%; transform: translateY(-50%); width: 100%;  color: #fff; text-align: center; }
.carousel .img-wrap .slogun h2 { padding:  0 0 20px;  font-size:45px; font-weight: 500; line-height: 1.2;}
.carousel .img-wrap .slogun p { line-height: 1.4444; font-weight: 300;  }
.carousel .img-wrap .slogun span { display: block;} 

/* .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: 40px;}
    .carousel .img-wrap .slogun p { font-size: 16px; }
}

@media (max-width:768px){
    .carousel .img-wrap .slogun h2 {font-size: 36px;}
    .carousel .img-wrap .slogun p { font-size: 15px; }
}
@media (max-width:576px){
    .carousel .img-wrap .slogun h2 { padding: 0 0 15px; font-size: 32px;}
    .carousel .img-wrap .slogun p { padding: 0 20px; font-size: 14px; }
    .carousel .img-wrap .slogun p span { display: inline;}
}
@media (max-width:480px){
    .carousel .img-wrap .slogun h2 { font-size: 28px;}
}