@charset "utf-8";
/* CSS Document */


/* ******************  메인 비주얼 ********************** */
.area{ max-width:1200px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
#mainVisual{overflow:hidden; width:100%; height:945px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height{}
.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	height:100%;
	overflow:hidden;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.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-txt-con {position:absolute; bottom:222px; left:0px; width:100%; /*margin-top:-121px;*/margin-top:-110px;} /* margin-top은 조정 (텍스트영역 높이의 반) */


.main-visual-item .main-visual-txt-con.left .main-visual-txt1,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt3,
.main-visual-item .main-visual-txt-con.left .main-visual-txt4,
.main-visual-item .main-visual-txt-con.left .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,
.main-visual-item .main-visual-txt-con.left .main-visual-txt1{
	display:block; 
	font-size:21px; 
	letter-spacing:-1px; 
	font-weight:500; 
	color:#fff; 
	padding-top:0px; 
	
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
	
	text-shadow:3px 3px 4px rgba(0,0,0,0.15);
}


.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2{
	display:block; 
	letter-spacing:-5.5px; 
	color:#fff; 
	margin-bottom:23px; 
	
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s
	;-ms-transition-delay:0.3s;
	transition-delay:0.3s;
	
	text-shadow:3px 3px 4px rgba(0,0,0,0.15);
}
.main-visual-item .main-visual-txt-con .main-visual-txt2 .kor {display:inline-block; font-size:56px; letter-spacing:-0.1em; line-height:56px; margin-right:8px; font-family: 'Nanum Myeongjo', serif; font-weight:700;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 .eng {display:inline-block; font-size:23px; font-weight:400; color:#fff; line-height:1;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 strong{font-size:36px; font-weight:500;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 strong > span{font-size:60px; font-weight:500;}



/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0);
    -o-transform: scale(1.0,1.0);
    -moz-transform: scale(1.0,1.0);
    -webkit-transform: scale(1.0,1.0);
     transform: scale(1.0,1.0);
}

.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt3,
.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt4,
.main-visual-item.active-item .main-visual-txt-con.left .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);
}

.slick-slide > div {width:100%; height:100%;}


/* 메인 비주얼 dot 점 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:38px;}
#mainVisual .slick-dots li{display:inline-block; margin:0 22px ; }
#mainVisual .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:11px; height:11px; background-color:#5b5b5a; border:2px solid #5b5b5a;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
#mainVisual .slick-dots li.slick-active button{background-color:transparent;}


/*메인 슬라이드 버튼*/
.slide-btn-wrap {position:absolute; bottom:118px; left:0%; width:100%; z-index:100;}
.main-visual-btnBox {padding-left:5px;}
.main-visual-btnBox button {margin-right:3px;}


@media all and (max-width:1200px){	
	.area {width:100%; padding:0 30px;}
}

@media all and (max-width:999px){	
	
	#mainVisual{height:100vh; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
	
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-con {bottom:150px; margin-top:0px;} /* margin-top은 조정 (텍스트영역 높이의 반) */
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1,
	.main-visual-item .main-visual-txt-con.left .main-visual-txt1{
		font-size:17px; 
	}
	
	
	.main-visual-item .main-visual-txt-con .main-visual-txt2,
	.main-visual-item .main-visual-txt-con.left .main-visual-txt2{
		margin-bottom:15px; 
	}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 .kor {font-size:45px; line-height:45px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 .eng {font-size:21px; line-height:1;}
	
		
	/*메인 슬라이드 버튼*/
	.slide-btn-wrap { bottom:70px; }
	.main-visual-btnBox {padding-left:35px;}
	.main-visual-btnBox button {background-color:rgba(0,0,0,0.3);}
	.main-visual-btnBox button img {width:50px;}

}