@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-wrap { position: absolute; left: 50%; top: calc(50% + 50px); z-index: 2; transform: translate(-50%, -50%);  width: 100%; }
.carousel .visual-wrap .nt-container {position: relative; display: flex; align-items: center; justify-content: space-between;}
.carousel .visual-wrap .txt { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 470px; text-align: right;}
.carousel .visual-wrap .txt {}
.carousel .visual-wrap .txt p { font-size: 50px; font-weight: 300; line-height: 1.6; color: #fff;  }
.carousel .visual-wrap .txt p b { font-weight: 500;}
/* .carousel .visual-wrap .txt { flex:1; position: relative; z-index: 2; }
.carousel .visual-wrap .txt .logo {   }
.carousel .visual-wrap .txt p { padding: 75px 0 90px; font-size: 25px; font-weight: 300; line-height: 1.68; color: #999; }
.carousel .visual-wrap .txt a { display: inline-block; position: relative; z-index:10;margin: 0 0 25px; width: 220px; line-height: 1; color: #fff; font-size: 22px;  text-transform:uppercase; border-bottom: 1px solid rgba(255,255,255,0.3);padding:0 20px 24px; }
.carousel .visual-wrap .txt a::after {  display:block; content: ''; border-bottom: solid 3px #184384; transform: scaleX(0); transition: transform 250ms ease-in-out;transform-origin:  0% 50%; top:26px; position: relative;width: 225px; left: -22px;}
.carousel .visual-wrap .txt a:hover:after {transform: scaleX(1); }
.carousel .visual-wrap .txt a i { position: absolute; right: 0; top: -11px; color: #f26407; font-size: 42px;}
.carousel .visual-wrap .img  {  flex:1;}
.carousel .visual-wrap .img .carousel-item { display: block; transition: all .6s ease-in; text-align: center;}
.carousel .carousel-item:after { content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/img/water/visual_mask.png) no-repeat center top;} */

.carousel .scroll { position: absolute; left: 28px; bottom: 70px; z-index: 2; transform: rotate(-90deg); transform-origin: left bottom; line-height: 1; color: #fff;}
.carousel .scroll:after { content:''; display: block; position: absolute; left: 50px; top: 11px; width: 50px; height: 1px;  background: #fff; }

.carousel .carousel-indicators { justify-content: center; margin: 0 0 50px 0; }
.carousel-indicators li { opacity: 1; position: relative; width: 13px;height: 13px; margin: 0 6.5px; border: 0; border-radius: 50%;}
.carousel-indicators li.hover,
.carousel-indicators li.active { background: #0078ff;}

.carousel .img-wrap .img-item.mobile { display: none; z-index: 1;}



@media(max-width:1600px){

}
@media(max-width:1190px){
    .carousel .visual-wrap .txt p { font-size: 42px; }
}

@media(max-width:991px){
    .carousel .visual-wrap { top: calc(50% + 40px); }
    .carousel .visual-wrap .txt p { font-size: 38px; }
    .carousel .scroll {display: none; }
    .carousel .carousel-indicators { margin: 0 0 40px 0;}
}

@media(max-width:768px){
    .carousel .visual-wrap .txt { height: 400px;}
    .carousel .visual-wrap .txt p { font-size: 31px; }
    .carousel .carousel-indicators { margin: 0 0 30px 0;}
}


@media(max-width:576px){
    .carousel .visual-wrap .txt { height: 350px; }
    .carousel .visual-wrap .txt img { width: 110px;}
    .carousel .visual-wrap .txt p { font-size: 26px; }
    .carousel .carousel-indicators { margin: 0 0 20px 0;}
    .carousel-indicators li {  position: relative; width: 10px;height: 10px; margin: 0 5px;}
    
    .carousel .img-wrap .img-item.mobile { display: block;} /* 모바일 이미지 */
        
}

@media(max-width:480px){
    .carousel .visual-wrap .txt { height: 280px; }
    .carousel .visual-wrap .txt img { width: 100px;}
    .carousel .visual-wrap .txt p { font-size: 24px; }
}
@media(max-width:440px){
    .carousel .visual-wrap .txt { height: 210px; }
    .carousel .visual-wrap .txt img { width: 80px; display: none;}
    .carousel .visual-wrap .txt p { font-size: 17px; }
}