

.left_nav {width:60px; border-right:1px solid rgba(255,255,255,0.5); position:fixed; height:100vh; background:rgba(255,255,255,0.5); z-index:9;}

.left_nav ul.left_menu { position: absolute; top:360px; left:0;}
.left_nav ul.left_menu li {margin-bottom:25px;}



.icon_scroll {opacity: 0;position: absolute;z-index: 99;left: 0px;bottom: 0;text-align: center; height:110px;  width:60px;}
.icon_scroll em {overflow: hidden;position: absolute;left:30px;bottom: 0;display: inline-block;vertical-align: top;width: 1px;height: 120px;}
.icon_scroll em:after {content:'';position: absolute;left: 0;width: 100%;height: 100%;background-color: #fff; animation: scroll 1s linear infinite ;-webkit-animation: scroll 1s linear infinite ;}
.icon_scroll.on {bottom:0px; opacity: 1;transition: bottom 2s ease-in-out, opacity 2s ease-in-out}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scroll {
  0%   {bottom: 110%;}
  100% {bottom: -110%;}
}

/* Standard syntax */
@keyframes scroll {
	 0%   {bottom: 110%;}
  100% {bottom: -110%;}
}



.zs-enabled{position:relative; width:100%; height:100%;}
.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;right:0;width:97%;height:100%;overflow:hidden}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}.zs-enabled.overlay-plain .zs-enabled.overlay-dots 

.zs-enabled .zs-slideshow .zs-bullet .zs-bullet-0 {background:url(http://asialand.co.kr/image/main_asia21/thumbnail_1.png) no-repeat;}

	
		#demo-1 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			height: 100vh;
			background-color: #999;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
		    width: 100%;
			color: #fff;
			
		}
		.demo-inner-content h1 {
			font-size: 2.5em;
			margin: 0;
		}
		h1.main_text {position: absolute; top:158px; left:147px;}


.shape_1  {position: absolute; top:0px; left:0;}
.shape_2  {position: absolute; top:0px; right:0;}
.thumbnail_m {position: absolute; top:450px; left:155px;}
.thumbnail_m li {float:left; margin-right:10px;}
.main_info {position: absolute; top:545px; left:147px;}
.main_btn {position: absolute; top:180px; right:60px; width:320px; height:178px;}

.next_movie {position:absolute; height:200px; width:300px; top:730px; left:132px; }
.next_movie #section07 {position: absolute;top:780px; left:380px; height:200px;}


/* 직동추동 */


/*.visionArea .swipeArea .swipe-container{padding-left:300px;}
.cultureArea{position:relative;width:100%; height:100%; overflow:hidden;}
.cultureArea .txtArea{position:absolute; top:5px; left:46%; height:100%; border-left:1px solid rgba(255,255,255,0.7); transform:rotate(20deg); z-index:9999;}

.cultureArea .videoArea{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.cultureArea .videoArea .quarter{display:flex; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.cultureArea .videoArea .slideCont{position:relative; z-index:1; width:100%; height:100%;}
.cultureArea .videoArea .slideCont .fp-slidesContainer{position:relative;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(1){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_img1.png") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(2){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_img2.png") no-repeat center 0; background-size:cover;}

.cultureArea .videoArea .slideCont .fp-controlArrow{display:none;}
.cultureArea .videoArea .quarter .list{position:relative; padding-top:0px; width:50%; height:100%;}
.cultureArea .videoArea .quarter .list:nth-child(1){border-left:0; }
.cultureArea .videoArea .quarter .list:nth-child(1) > a{display:block; position:absolute; z-index:1; top:180px; left:120px; width:500px; height:460px;}
.cultureArea .videoArea .quarter .list:nth-child(2) > a{display:block; position:absolute; z-index:1; top:180px; left:120px; width:500px; height:460px;}

.cultureArea .videoArea .quarter .list .mainTxt{float:left; margin:180px 0px 0px 120px; }
.cultureArea .videoArea .quarter .list .mainMorebtn { width:166px; height:51px; position:absolute; left:360px; top:540px;}
.cultureArea .videoArea .quarter .list .m_icon { width:93px; height:94px; position:absolute; left:400px; top:445px;}

.cultureArea .videoArea .quarter .list .mainTxt_1{float:left; margin:180px 0px 0px 200px; }
.cultureArea .videoArea .quarter .list .hideObj {display:block; position:relative; opacity:1;}
.cultureArea .videoArea .quarter .list .hideObj .mainTxt{ margin:0px 0px 0px 0px; }
.cultureArea .videoArea .quarter .list .hideObj .subTxt{padding-top:20px; }
.cultureArea .videoArea .quarter .list .hideObj .subTxt_1{padding:20px 0px 0px 20px;}
.cultureArea .videoArea .quarter .list .hideObj .squreBox{width:166px; height:51px; position:absolute; top:360px; left:240px; }
.cultureArea .videoArea .quarter .list .hideObj .squreBox_1{width:166px; height:51px; }


/*
.cultureArea .videoArea .quarter .list .hideObj .squreBox span{display:inline-block; margin-top:5px; padding:20px 0; width:250px; height:60px; color:#fff; border:1px solid rgba(255,255,255,0.4);}
.cultureArea .videoArea .quarter .list .hideObj .squreBox span:first-child{margin-top:0;}
.cultureArea .videoArea .quarter .list:after{display:block; opacity:0; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.cultureArea .videoArea .quarter .list.on:after{opacity:1;} 
.cultureArea .videoArea:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.cultureArea .videoArea video{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}*/






.cultureArea{}
.cultureArea .txtArea{position:relative; z-index:3; padding-top:200px; width:100%; text-align:center;}
.cultureArea .txtArea .tit{font-size:60px; color:#fff; font-family:'Metropolis-ExtraBold','Noto Sans KR'; font-weight:700; letter-spacing:0;}
.cultureArea .txtArea .txt{padding-top:40px; font-size:18px; color:#fff; font-family:'Metropolis-Light','Noto Sans KR'; font-weight:300;}
.cultureArea .videoArea{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}

.cultureArea .videoArea{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
@media all and (max-width:1920px){
.cultureArea .videoArea { width:1920px; height:100%;}
}


@media all and (max-width:1000px){
.cultureArea .videoArea { width:1000px; height:100%;}
}


.cultureArea .videoArea .quarter{display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_bg.png") no-repeat center 0; background-size:100%;}
.cultureArea .videoArea .slideCont{position:relative; z-index:1; width:100%; height:100%;}
.cultureArea .videoArea .slideCont .fp-slidesContainer{position:relative;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(1){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_img1.png") no-repeat center 0; background-size:cover; z-index:9999;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(2){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_img2.png") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(3){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_img3.png") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(4){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_img4.png") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(5){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main/quarter_img5.png") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-controlArrow{display:none;}

.cultureArea .videoArea .quarter .list{position:relative; padding-top:150px; width:20%; height:100%;  overflow: hidden; }
.cultureArea .videoArea .quarter .list:nth-child(1){border-left:0; padding-left:60px;}
.cultureArea .videoArea .quarter .list:nth-child(2){border-left:0; padding-left:60px;}
.cultureArea .videoArea .quarter .list:nth-child(3){border-left:0; padding-left:40px;}
.cultureArea .videoArea .quarter .list:nth-child(4){border-left:0; padding-left:20px;}
.cultureArea .videoArea .quarter .list:nth-child(5){border-left:0; padding-left:20px;}
.cultureArea .videoArea .quarter .list:nth-child(1) > a{display:block; position:relative; z-index:1; padding-top:100px; background:url("../images/main/main_icon1.png") no-repeat center 0px; background-size:22%;}
.cultureArea .videoArea .quarter .list:nth-child(2) > a{display:block; position:relative; z-index:1; padding-top:100px; background:url("../images/main/main_icon2.png") no-repeat center 0px; background-size:22%;}
.cultureArea .videoArea .quarter .list:nth-child(3) > a{display:block; position:relative; z-index:1; padding-top:100px; background:url("../images/main/main_icon3.png") no-repeat center 0px; background-size:25%;}
.cultureArea .videoArea .quarter .list:nth-child(4) > a{display:block; position:relative; z-index:1; padding-top:100px; background:url("../images/main/main_icon4.png") no-repeat center 0px; background-size:20%;}
.cultureArea .videoArea .quarter .list:nth-child(5) > a{display:block; position:relative; z-index:1; padding-top:100px; background:url("../images/main/main_icon5.png") no-repeat center 0px; background-size:20%;}
.cultureArea .videoArea .quarter .list .mainTxt{text-align:center; width:100%; }
.cultureArea .videoArea .quarter .list .mainTxt span.eng_txt {text-align:center; font-size:20px; color:#fff; font-weight:500; letter-spacing:0; width:100%;}
.cultureArea .videoArea .quarter .list .mainTxt p.kor_txt {text-align:center; font-size:36px; color:#fff; font-weight:700; letter-spacing:0; width:100%; padding-top:15px;}



.cultureArea .videoArea .quarter .list .hideObj{display:none; position:relative; text-align:center; opacity:1;  width:100%; height:200px; }


.cultureArea .videoArea .quarter .list .hideObj .subTxt{padding-top:20px; color:#fff; line-height:22px;}
.cultureArea .videoArea .quarter .list .hideObj .squreBox{margin-top:35px;}
.cultureArea .videoArea .quarter .list .hideObj .squreBox span{display:inline-block; margin-top:5px; padding:20px 0; width:250px; height:60px; color:#fff; border:1px solid rgba(255,255,255,0.4);}
.cultureArea .videoArea .quarter .list .hideObj .squreBox span:first-child{margin-top:0;}
.cultureArea .videoArea .quarter .list:after{display:block; opacity:0; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.cultureArea .videoArea .quarter .list.on:after{opacity:1;}
.cultureArea .videoArea:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.cultureArea .videoArea video{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.cultureArea .videoArea .quarter .list .hideObj .squreBox_btn { width:100px; height:36px; line-height:36px; background: rgba(255, 255, 255, 0.2); border: 1px solid #FFFFFF; color:#fff;
align-items: center; letter-spacing: -0.025em; margin:50px auto; border-radius:20px; text-align:center; font-size:14px; font-weight: 700;}



.third_bg {position:relative; width:100%; height:100%; overflow:hidden; background:url(../images/main/third_bg.png) no-repeat left top; background-size:cover;}
.third_bg ul.info_area {width:1520px; height:435px; margin:205px 0px 0px 160px;}
.third_bg ul.info_area li {float:left;}
.third_bg ul.info_area li.info_1 {margin-right:100px;}
.third_bg ul.info_area li.info_2 {width:784px; position:relative;}
.third_bg .footer_area {background:#1a1a1a; margin-top:130px; height:100%;}
.third_bg .footer_area .footer_info {width:1610px; padding-top:35px;}
.third_bg .footer_area .footer_info .address {width:100%; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:30px; margin-left:160px;}
.third_bg .footer_area .footer_info .tel {width:130px; float:left; margin-top:30px; margin-left:160px;}
.third_bg .footer_area .footer_info .copy {width:317px; float:right; margin-top:30px; }





.cd-modal {
  position: fixed;
  z-index:999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}
.cd-modal svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-modal svg > path {
  fill: #fff;
}
.cd-modal .modal-close {
  /* 'X' icon */
  position: absolute;
  z-index: 199999999;
  top: 95px;
  right: 55px;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8) url(http://asialand.co.kr/asia21/images/x_btn_1.png) no-repeat center center;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /* Force hardware acceleration*/
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.no-touch .cd-modal .modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.cd-modal.modal-is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-modal.modal-is-visible .modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.cd-modal-content {
  position: relative;
  height: 100vh;
  overflow-y: auto;
 
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, transform 0.3s 0s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index:99999999;
}

.Cd-Modal-content {position:relative; height:100%; overflow-y:scroll;}
.Cd-Modal-content #popArea1 {position:relative; }
.Cd-Modal-content #popArea1 .cont_1{ width:100%; height:100%; background:url(asia21/images/detail_bg1.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea1 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea1 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(asia21/images/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea1 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}





.Cd-Modal-content #popArea2 {position:relative; }
.Cd-Modal-content #popArea2 .cont_1{ width:100%; height:100%; background:url(http://asialand.co.kr/asia21/images/detail_bg1.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea2 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea2 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(http://asialand.co.kr/asia21/images/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea2 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}





.Cd-Modal-content #popArea3 {position:relative; }
.Cd-Modal-content #popArea3 .cont_1{ width:100%; height:100%; background:url(http://asialand.co.kr/asia21/images/detail_bg8.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea3 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea3 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(http://asialand.co.kr/asia21/images/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea3 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}






.slick-slide .slide-content {
  margin: 0;
  padding: 0;
  background: #fff;
}
.slick-list {
  margin: 20px 0px;
}
.slick-prev,
.slick-next {
display:none;
font-size:0px;
}

.slick-prev {
display:none;
}
.slick-prev:before {
display:none;
}
.slick-dots {
	left:50px;
  position:absolute; 
  
 top:230px;
}
.slick-dots li {
  display: inline-block;
  
}
.slick-dots li button {
  transition: 0.2s background-color ease-in-out 0s;
  border: none;
  padding: 0;
  color: transparent;
  width: 10px;
  height: 10px;
  background-color: #959595;
  margin-right: 10px;
  border-radius: 50%;
}
.slick-dots li.slick-active button {
  background-color: #004c8b;
}



 /* 팝업-테이블 */
.rwd-table {min-width: 1275px; color:#000; border-top:2px solid #195b92; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table th {background:#f2f2f2; color:#004986; padding:5px 0px; text-align:center;  border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); font-size:16px;}
.rwd-table th:last-child { border-right:none;}
.rwd-table td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table td:last-child { border-right:none;}
.rwd-table td span.ci {vertical-align:top;}
.rwd-table td span.ci_company {vertical-align:middle;}


 /* 팝업-테이블1 */
.rwd-table1 {min-width: 1275px; color:#000; border-top:2px solid #1e9c36; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table1 th {background:#f2f2f2; color:#0a9524; padding:5px 0px; text-align:center;  border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); font-size:16px;}
.rwd-table1 th:last-child { border-right:none;}
.rwd-table1 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table1 td:last-child { border-right:none;}
.rwd-table1 td span.ci {vertical-align:top;}
.rwd-table1 td span.ci_company {vertical-align:middle;}


 /* 팝업-테이블2 */
.rwd-table2 {min-width: 1275px; color:#000; border-top:2px solid #eb9b00; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table2 th {background:#f2f2f2; color:#eb9b00; padding:5px 0px; text-align:center;  border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); font-size:16px;}
.rwd-table2 th:last-child { border-right:none;}
.rwd-table2 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table2 td:last-child { border-right:none;}
.rwd-table2 td span.ci {vertical-align:top;}
.rwd-table2 td span.ci_company {vertical-align:middle;}




