@charset "utf-8";

/* mVisual */
#mVisual{height: calc(100vh - 100px); overflow-x: hidden;}
#mVisual > div{height: 100%}
#mVisual > div > div{height: 100%}
#mVisual .mv{background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; height: 100%; background-color: #000;}
#mVisual .mv.mv1{background-image: url(/images/main/main1.jpg);}
#mVisual .mv.mv2{background-image: url(/images/main/main1_sj.jpg);}
#mVisual .mv.mv3{background-image: url(/images/main/main2.jpg);}
#mVisual .mv.mv4{background-image: url(/images/main/main2_sj.jpg);}
#mVisual .mv.mv5{background-image: url(/images/main/main3.jpg);}
#mVisual .mv.mv6{background-image: url(/images/main/main3_sj.jpg);}
#mVisual .mv.mv7{background-image: url(/images/main/main4.jpg);}
#mVisual .mv.mv8{background-image: url(/images/main/main4_sj.jpg);}

#mVisual .mv .inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
#mVisual .mv .inner .txt{color: #fff; text-align: right; margin-right: 80px;}
#mVisual .mv .inner .txt h3{font-weight: 400; font-size: 3.2rem; font-family: 'La Belle Aurore', cursive;}
#mVisual .mv .inner .txt h3 br.mo{display: none}
#mVisual .mv .inner .txt p{font-size: 1.6rem; font-family: 'Pretendard', sans-serif; margin-top: 17px;}
#mVisual .slick-dots{transform: translateX(-50%); bottom: 30px;}
#mVisual .slick-dots li{width: 10px; height: 10px; border: 1px solid #fff; background: transparent;}
#mVisual .slick-dots li.slick-active{background-color: #fff;}

@media all and (max-width:969px){
    #mVisual{height: calc(100vh - 56px);}
    #mVisual{background-position: center left -400px;}
    #mVisual .mv .inner .txt{margin-right: 0; text-align: center;}
    #mVisual .mv .inner .txt h3{line-height: 1.5em;}
    #mVisual .mv .inner .txt h3 br.mo{display: block}
}