ul{
	margin:0;
	padding:0;
}
button{
	margin:0;
	padding:0;
	cursor:pointer;
	border:0;
	background:none;
}

#mainVisual{overflow:hidden; width:100%; height:800px; position:relative; }	
#mainVisual .full-height,
#fullpage #mainVisual{height:800px; }
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.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;
    -webkit-transform: scale(1,1);
     transform: scale(1,1);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/*.main-visual-item .main-visual-txt-con{
	position:absolute; 
	top:50%; 
	left:0px; 
	width:100%; 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); 
	margin-top:-3.5%
}*/
.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-more-btn{
	opacity:0; 
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:48px; text-transform: uppercase; font-weight:600; color:#fff; margin-bottom:20px; line-height:1.5;width:60%;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 24px; color:#fff; line-height:1.77; width:60%;}


.main-more-btn,
.main-more-btn span{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.main-more-btn{position:relative; overflow:hidden; display:inline-block; vertical-align:middle; width:163px; height:55px;  line-height:55px; border:1px solid rgba(255,255,255,0.9); font-weight:500; font-size:14px; letter-spacing:0; color:#fff; text-align:center; transition:all 0.3s; border-radius:50px; margin-top:50px}
.main-more-btn:before{
    display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#00278e; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.main-more-btn span{position:relative; left:0px; z-index:1; display:block; }
.main-more-btn:hover{border-color:#00278e}
.main-more-btn:hover span{color:#fff; left:3px;}
.main-more-btn:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}


.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.06,1.06) rotate(0.002deg);
     transform: scale(1.06,1.06) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-more-btn{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.9s; animation-delay:0.9s;}
.main-visual-item.active-item .main-visual-txt-con .main-more-btn{ -webkit-animation-delay:1.1s; animation-delay:1.1s;}
.main-visual-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

.main-scroll-icon{position:absolute; bottom:70px; left:50%; /*margin-left:725px;*/transform:translateX(-50%); text-align:center; z-index:9; animation: upDown 1.5s ease-in-out infinite;}
.main-scroll-icon span{display:block; color:rgba(255,255,255,0.6); padding-right:70px; letter-spacing:0; font-weight:400; font-size:12px; transform:rotate(90deg)}

@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
	50% {
		opacity: 1;
		transform: translate(-50%,5px);
	}
	100% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
}

.main-visual-control{position:absolute; bottom:60px; left:0; z-index:99; width:100%}

/* Dot */
.main-visual-control .main-slide-dot{display:inline-block; vertical-align:middle; margin:-1px -8px 0 7px}
.main-visual-control .main-slide-dot li{position:relative; display:inline-block; margin-right:20px; transition:all 0.8s}
.main-visual-control .main-slide-dot li:after{position:absolute; content:""; width:0; height:2px; background-color:#ffc000; left:35px; top:16px;}
.main-visual-control .main-slide-dot li.slick-active{margin-right:80px}
.main-visual-control .main-slide-dot li.slick-active:after{animation:LoadingBar 4s both; animation-delay:0.2s}
.main-visual-control .main-slide-dot li button{position:relative; display:inline-block; padding-left:7px; font-weight:400; font-size:14px; color:#fff; opacity:0.3}
.main-visual-control .main-slide-dot li button:before{position:absolute; content:"0"; left:0; top:0}
.main-visual-control .main-slide-dot li.slick-active button{opacity:1}

@-webkit-keyframes LoadingBar{from{width:0px;}to{width:40px;}}
@keyframes LoadingBar{from{width:0px;}to{width:40px;}}

.main-visual-control .main-arrow{display:inline-block; vertical-align:middle; width:25px; text-align:center}
.main-visual-control .main-arrow a{transition:all 0.3s; position:relative; display:block !important}
.main-visual-control .main-arrow.main-arrow-prev:hover a{transform:translateX(-5px)}
.main-visual-control .main-arrow.main-arrow-next:hover a{transform:translateX(5px)}
.main-visual-control .main-arrow a i{color:#fff; font-size:18px}

.main-visual-control .main-play-control{display:inline-block; vertical-align:middle; position:relative; top:1px; margin-left:10px;}
.main-visual-control .slick-control-btns{display:inline-block; vertical-align:top; margin-left:5px; }
.main-visual-control .slick-control-btns button{color:#fff; vertical-align:top;}
.main-visual-control .slick-control-btns button i{vertical-align:top; font-size:22px; position:relative;}
.main-visual-control .slick-control-btns .slick-play-btn{display:none;}


.main-visual-control {
  left: 50%;
  z-index: 99;
  width: 92%;
  max-width:1600px;
  transform: translateX(-50%);
}
.main-visual-item .main-visual-txt-con{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
	max-width:1600px;
    -webkit-transform: translateY(-50%);
    transform: translate(-50%,-50%);
    margin-top: 0
}

@media screen and (max-width:1023px) {
#mainVisual{overflow:hidden; width:100%; height:700px; position:relative;}	
#mainVisual .full-height,
#fullpage #mainVisual{height:700px; }
.main-visual-item .main-visual-txt-con{ top:45%; }
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:40px; font-weight:600; color:#fff; margin-bottom:20px; line-height:1.5;width:100%;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 18px; color:#fff; line-height:1.5; width:100%;}
.main-scroll-icon{bottom:30px; }
}


/* 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); */ /* window10=> IE11에서 오류 */
}

.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;}