@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;}


.visual-text .txt { display: flex; justify-content: space-between; position: absolute; left: 50%; top: calc(50% + 40px); transform: translate(-50%, -50%); z-index: 2; padding: 0 10px; width: 100%; max-width: 1320px; line-height: 1.5; color: #fff;}

.visual-text .text { color: #fff;}
.visual-text .text span { display: block; }
.visual-text .text .slogun { font-size: 5.5rem; font-weight: 500; }
.visual-text .text .sub-slogun { padding: 2.5rem 0 7rem; font-size: 2.5rem; font-weight: 500; }
.visual-text .text a.go { display: flex; align-items: center; justify-content: center; width: 23rem; height: 5.5rem; border-radius: 2.75rem; font-weight: 500; color: #fff; background: var(--primaryColor); }

@media (width <= 1199px){
    .visual-text .text .slogun { font-size: 5rem;}
    .visual-text .text .sub-slogun { font-size: 2.2rem;}
    .visual-text .img img { width: 33rem;}
}
@media (width <= 991px){
    .visual-text .text .slogun { font-size: 6rem;}
    .visual-text .text .sub-slogun { padding: 4rem 0 7.5rem; font-size: 2.5rem;}
    .visual-text .img { display: none;}
}
@media (width <= 768px){
    .visual-text .text .slogun { font-size: 5.5rem; line-height: 1.3}
    .visual-text .text .sub-slogun {  font-size: 2.2rem;}
}
@media (width <= 576px){
    .visual-text .text .slogun { font-size: 5.2rem; }
    .visual-text .text .sub-slogun {  font-size: 2.1rem;}
}
@media (width <= 480px){
    .visual-text .text span { display: inline;}
    .visual-text .text .slogun { font-size: 4.4rem; }
    .visual-text .text .sub-slogun { padding: 3rem 0 5rem;  font-size: 2rem;}
    .visual-text .text a.go { width: 18rem;}
}