@charset "utf-8";
html,body{overflow-x:hidden !important;}
.inner{width:1300px; margin:0 auto;}
.inner1{width:1200px; margin:0 auto;}

#main #fp-nav ul li a span, 
#main .fp-slidesNav ul li a span {/*background:#e8e7e0;*/}
#main #fp-nav ul li .fp-tooltip{font-size:13px; font-weight:400; font-family:"Gilroy"; letter-spacing:0}
#main #fp-nav ul li:hover .fp-tooltip{color:#e8e7e0; font-weight:300; letter-spacing:0; font-size:13px;}
#main #fp-nav.fp-show-active a.active + .fp-tooltip{color:#ffffff}
#main #fp-nav ul li a.active span{
  border-radius: 0;
  background:#ffffff; height:12px; width:12px}

/*header*/
.section{background-size:cover !important;}

/*/////////// section1- main_visual ///////////*/
.main_visual{
    position:relative;
    height:100%;
    min-height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
	overflow:hidden;
}
.main_visual .slide_ {position: relative; display:none;}
.main_visual .visual_slider,
.main_visual .slide_ {
    height:100%;
}
.main_visual .slide_ .slider_img {width:100%;}
.main_visual .slide_ .slider_img2 {width:100%;}
.main_visual .slide_ .slider_img img {
  max-width:100%;
  height:100vh;
  width:100vw;
  object-fit: cover; 
  object-position: left bottom;
  opacity: 1 !important;
  /* border:1px solid red; */

  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  transition: all 0.3s ease;
  object-fit: cover;
  transform: scale3d(1.30, 1.30, 1.30);
}
.main_visual .slide_ .slider_img2 img{
    position: relative;
    max-width:100%;
    height:100vh;
    width:100vw;
    object-fit: cover;
    object-position: left bottom;
    opacity: 1 !important;
    
    background: no-repeat left center fixed;
    
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    transition: all 0.3s ease;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.main_visual [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}
.main_visual .slide-content{
	position:absolute;
	top:0;
	left:0;
	transform:translate(0,0);
	z-index:99999;
	width:100%;
	height:100%;
}
.main_visual .slide-content_inner,
.main_visual .slide-content_inner1{
	text-align:center;
	position:relative;
	height:100%;
}
.main_visual .slide-content_inner1 .subway {position:absolute; bottom:35%; right:50px; transform:translate(-50%,-50%);}

.main_visual .slide-content_inner1 .subway {position:absolute; bottom:10%; right:50px; transform:translate(-50%,-50%);}

.main_visual .slide-content_inner1 .bus {position:absolute; bottom:15%; right:-90px; transform:translate(-50%,-50%);}

.main_visual .slide-content_inner1 .bus {position:absolute; top:-95px; right:-90px; transform:translate(-50%,-50%);}

.main_visual .slide-content_inner1 .bus img{
    height:calc(100% + 115px);
}



/*.main_visual .slide-content_inner .img1{position:absolute; right:50px; top:50px;}
 .main_visual .slide-content_inner > .txt1{position:absolute;  left:50px; top:150px;text-align:right;}
.main_visual .slide-content_inner > .txt1 h2{color:#e8e7e0; font-size:45px; font-family: 'Nanum Myeongjo'; font-weight: 400; line-height:110%; letter-spacing:-2px;}
.main_visual .slide-content_inner > .txt1 h3{position:relative; color:#c86e5f; font-size:55px; font-family: 'Nanum Myeongjo'; font-weight: 400;letter-spacing:-2px; margin-bottom:45px;}
.main_visual .slide-content_inner > .txt1 h4{position:relative; color:#403f3d; font-size:55px; font-family: 'Nanum Myeongjo'; font-weight: 400;letter-spacing:-2px;}
.main_visual .slide-content_inner > .txt1 h4:after{position:absolute; content:""; width:1px; height:40px; background:#403f3d; right:20%; top:-45px; margin-left:-20px;}
.main_visual .slide-content_inner > .txt1 p{color:#403f3d; font-size:18px;}
.main_visual .slide-content_inner > .txt1 p span{font-size:14px; display:block; text-align:left;} */

.main_visual .slide-content_inner1 > h2{text-align:center; position:absolute; left:50%; transform:translate(-50%,0);}

.main_visual .slide-content_inner1 > div { position:absolute; left:0%; bottom:0%; width:100%;  }



/*an*/


@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.30, 1.30, 1.30);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
   transform: scale3d(1.30, 1.30, 1.30);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
  animation-name: zoomOutImage;
  transition-timing-function :cubic-bezier(0.250, 0.460, 0.450, 0.940);
  animation-fill-mode: both;
}

@-webkit-keyframes moveLeftToRight {
    from {
        background-position: left;
    }
    to {
        background-position: right;
    }
}
@keyframes moveLeftToRight {
    from {
        background-position: left;
    }
    to {
        background-position: right;
    }
}
.moveLeftToRight {
    -webkit-animation-name: moveLeftToRight;
    animation-name: moveLeftToRight;
}


.txt1{
    animation:txt1 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt1{
    0% {
        transform: translateY(-50px);
		opacity: 0;
	}
	 100% {
	    transform: translateY(0);
		opacity: 1;
	}
}
.txt2{
    animation:txt2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt2{
    0% {
        transform: translateX(-50px);
		opacity: 0;
	}
	 100% {
	    transform: translateX(0);
		opacity: 1;
	}
}

.txt3{
    animation:txt3 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt3{
    0% {
        transform: translateX(50px);
		opacity: 0;
	}
	 100% {
	    transform: translateX(0);
		opacity: 1;
	}
}

.txtB{
  animation:txt3 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt3{
  0% {
      transform: translateY(50px);
  opacity: 0;
}
 100% {
    transform: translateX(0);
  opacity: 1;
}
}


.txtR{
  animation:bus 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes bus{
  0% {
      transform: translateX(350px);
  opacity: 1;
}
 100% {
    transform: translateX(0);
  opacity: 1;
}
}

.txt_box {
    position: absolute;
    top:-55px;
    left:-55px;
}

.main_ori{
    position: absolute;
    bottom:0;
    right:0;
    margin-bottom:40px;
    margin-right: 60px;
    color:#ccc;
    font-size: 14px;
    text-shadow: 2px 2px 2px gray;
    /* border:1px solid red; */
}




/* /////////// header /////////// */
@media (max-width:1440px){
	header,
	.footer{
		width:1440px;
	}
    
  /* .visual_slider h3 img{width:402px} 
	.visual_slider h4 img{width:402px} 
	.visual_slider p img{width:402px} 

	.inner_premium{width:95%; border:1px solid red;}
	.inner_premium h2 img{width:30%}
	.premium_list .box > div.txt > h3{font-size:21px;}
	.premium_list .box > div.txt > p{font-size:14px; letter-spacing:-2px}

    .brandwrap .inner_brandwrap{transform:scale(0.85)} */
}


@media (min-width:2000px){
  .premium h2{top:0px;}
  .premium_list .slick-list {height:630px;}
}