/* 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 {padding-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:19%; 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: 40px; 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: 40px; letter-spacing: 0px; word-spacing: -1px; color: #fbe286; 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; 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:#ffc904;} /* ¹öÆ° 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:6%; margin-top:-130px;}

.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: 300; font-size: 40px; 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: 40px; letter-spacing: 0px; word-spacing: -1px; color: #fbe286; 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 {padding-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: 20px; 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: 0px; word-spacing: -1px; color: #fbe286; 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: 20px; 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: 0px; word-spacing: -1px; color: #fbe286; 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:-35px; 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: 20px; font-weight: 600; color: #fff; letter-spacing: -1px; text-shadow: 5px 11px 15px rgba(0,0,0,0.35);line-height: 35px; }


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

}