/* Slider */
.slick-slider{    position: relative;    display: block;    box-sizing: border-box;    -webkit-user-select: none;       -moz-user-select: none;        -ms-user-select: none;            user-select: none;    -webkit-touch-callout: none;    -khtml-user-select: none;    -ms-touch-action: pan-y;        touch-action: pan-y;    -webkit-tap-highlight-color: transparent;}
.slick-list{    position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{    outline: none !important;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
/* .slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
} */
.slick-track{    position: relative;    top: 0;    left: 0;    display: block;}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
.slick-slider *:focus{outline:none !important;}




/* ******************  ¸ÞÀÎ ºñÁÖ¾ó ********************** */

#mainContainer {margin-top:90px;}
#mainVisual{overflow:hidden; width:100%; height:750px; position:relative;} /* ºñÁÖ¾ó³ôÀÌ°ª À̹ÌÁö¿¡¸Â°Ô ¼öÁ¤ */


#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
 height:100%;
}
#mainVisual .slick-list{z-index: 1;}
.main-visual-con {position: relative; z-index:2;}



/* ¸ÞÀÎ ºñÁÖ¾ó :: À̹ÌÁö */

.main-visual-item {position:relative;}
.main-visual-item .main-visual-pc-img{
 width:100%;
 height:100%;
 background-size:cover !important;
 -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
 -webkit-transition:transform 5000ms  ease-in-out ;
 -moz-transition:transform 5000ms ease-in-out ;
 -o-transition:transform 5000ms ease-in-out ;
 -ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ; 
}



/* ¸ÞÀÎ ÅؽºÆ® */

.main-visual-item .main-visual-txt-con {position:absolute; top:50%; left:23%; margin-top:-130px;} /* margin-topÀº Á¶Á¤ (ÅؽºÆ®¿µ¿ª ³ôÀÌÀÇ ¹Ý) */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
 opacity:0;filter:Alpha(opacity=0);
 -ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
 -webkit-transition:opacity 1.0s, transform 1.0s;
 -moz-transition:opacity 1.0s, transform 1.0s;
 -o-transition:opacity 1.0s, transform 1.0s;
 -ms-transition:opacity 1.0s, transform 1.0s;
 transition:opacity 1.0s, transform 1.0s;
}

.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block;font-size: 50px; font-weight: 600; color: #fff; letter-spacing: -1px; text-shadow: 5px 11px 15px rgba(0,0,0,0.35);line-height: 80px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 15px; font-weight: 600; font-size: 24px; letter-spacing: -3.9px; line-height: 30px; color: #fff; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 15px; font-weight: 600; font-size: 15px; letter-spacing: -0.5px; word-spacing: -1px; color: #fff; line-height: 25px; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); margin-bottom: 45px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; position:relative;text-align:center;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s; transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn span{ font-size:14px; line-height:46px; color:#fff; padding:13px 45px 13px 45px;  border:1px solid #fff;  letter-spacing:-1px; font-weight: 600; transition:all 0.3s ease-in; }
.main-visual-item .main-visual-txt-con .main-visual-more-btn span:hover{background:#fff;  border:1px solid #fff; color:#2c3033;}





/* ¸ÞÀÎ activeÈ¿°ú */


.main-visual-item.active-item .main-visual-pc-img{ -ms-transform: scale(1.0,1.0) rotate(0.0001deg);
    -o-transform: scale(1.0,1.0) rotate(0.0001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.0001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.0001deg);
     transform: scale(1.0,1.0) rotate(0.0001deg);
}

.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
 opacity:1.0;filter:Alpha(opacity=100);
 -ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}


/* ÆäÀÌÁö ¹öÆ° */

#mainVisual .slick-dots{position:absolute; right: 7%; top: 50%; text-align:center; margin-top: -50px; z-index: 9999;}
#mainVisual .slick-dots li{display:block; margin:1px 0;}
#mainVisual .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:10px; height:10px; border-radius:10px; background-color:#fff; }
#mainVisual .slick-dots li.slick-active button{background-color:#6b6b6b;}  /* ¹öÆ° active */





/* ½ºÅ©·Ñ¾ÆÀÌÄÜ */

.main-scroll-icon{position:absolute;left: 0;right: 0; bottom:10px; margin:0 auto; text-align:center; z-index:9;} /* width°ª¿¡ ¸Â°Ô margin-left¼öÁ¤ */
.main-scroll-icon img{width:100%; max-width:82px; }





#mainVisual .slick-arrow {position:absolute;left: 5.2%; bottom: 105px; width:100px; height:100px; background-repeat: no-repeat; background-position: 50% 50%; margin-top:-35px; cursor:pointer; border:0; cursor:pointer; z-index:9999; font-size:0; }


@media screen and (max-width: 1903px)  {

#mainVisual{height:45vw !important;}



}


@media screen and (max-width: 1601px)  {



.main-visual-item .main-visual-txt-con {position:absolute; top:50%; left:10%; margin-top:-130px;} 

}



@media screen and (max-width: 1201px)  {


#mainVisual{height:50vw !important;}

.main-visual-item .main-visual-txt-con {position:absolute; top:50%; left:7%; margin-top:-130px;} 

.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block;font-size: 45px; font-weight: 600; color: #fff; letter-spacing: -1px; text-shadow: 5px 11px 15px rgba(0,0,0,0.35);line-height: 80px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 15px; font-weight: 300; font-size: 24px; letter-spacing: -3.9px; line-height: 30px; color: #fff; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 15px; font-weight: 600; font-size: 14px; letter-spacing: -0.5px; word-spacing: -1px; color: #fff; line-height: 25px; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); margin-bottom: 30px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

.main-visual-item .main-visual-txt-con .main-visual-more-btn span{ font-size:13px; line-height:46px; color:#fff; padding:11px 40px 11px 40px;  border:1px solid #fff; font-weight: 600; transition:all 0.3s ease-in; }


}






@media screen and (max-width: 991px)  {

#mainContainer {margin-top:65px;}

#mainVisual{height:55vw !important;}




}




@media screen and (max-width: 650px)  {

#mainVisual{height:60vw !important;}

.main-visual-item .main-visual-txt-con {position:absolute; top:50%; left:5%; margin-top:-100px;}


.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block;font-size: 40px; font-weight: 600; color: #fff; letter-spacing: -1px; text-shadow: 5px 11px 15px rgba(0,0,0,0.35);line-height: 60px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 15px; font-weight: 300; font-size: 24px; letter-spacing: -3.9px; line-height: 30px; color: #fff; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 10px; font-weight: 600; font-size: 13px; letter-spacing: -0.5px; word-spacing: -1px; color: #fff; line-height: 22px; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); margin-bottom: 30px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

.main-visual-item .main-visual-txt-con .main-visual-more-btn span{ font-size:12px; padding:11px 35px 11px 35px;}

.main-scroll-icon img{width:100%; max-width:60px;}



}



@media screen and (max-width: 560px)  {

#mainVisual{height:65vw !important;}

.main-visual-item .main-visual-txt-con {position:absolute; top:50%; left:5%; margin-top:-80px;}


.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block;font-size: 30px; font-weight: 600; color: #fff; letter-spacing: -1px; text-shadow: 5px 11px 15px rgba(0,0,0,0.35);line-height: 50px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 15px; font-weight: 300; font-size: 24px; letter-spacing: -3.9px; line-height: 30px; color: #fff; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 5px; font-weight: 600; font-size: 12px; letter-spacing: -0.5px; word-spacing: -1px; color: #fff; line-height: 20px; text-shadow: 3px 5px 5px rgba(0,0,0,0.5); margin-bottom: 20px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn span{ font-size:12px; padding:11px 30px 11px 30px;}



}





@media screen and (max-width: 420px)  {

#mainVisual{height:80vw !important;}

.main-visual-item .main-visual-txt-con {position:absolute; top:50%; left:5%; margin-top:-70px;}

#mainVisual .slick-dots{position:absolute; right: 50%; top: 93%; text-align:center; margin-top: -10px; margin-right:-30px; z-index: 9999;}
#mainVisual .slick-dots li{display:inline-block; margin:0px 2px;}


.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block;font-size: 28px; font-weight: 600; color: #fff; letter-spacing: -1px; text-shadow: 5px 11px 15px rgba(0,0,0,0.35);line-height: 40px; }


.main-scroll-icon{display:none;}

}