@charset "utf-8";
link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css">
/* RESET */
html,body,button,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button{margin:0;padding:0; line-height:120%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body{font-size:1em; color:#000; font-family:'NanumSquare',AppleSDGothicNeo-Light,NotoSans,NanumGothic,'³ª´® °íµñ',Malgun Gothic,'¸¼Àº °íµñ',sans-serif; background-color:#fff; overflow-x:hidden;}
h1,h2,h3,h4,h5{font-weight:normal;}
input[type="text"],textarea,select{border:0; background-color:transparent;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input,textarea,select{font-size:1em; color:#333; font-family:AppleSDGothicNeo-Light,NotoSans,NanumGothic,'³ª´® °íµñ',Malgun Gothic,'¸¼Àº °íµñ',sans-serif;  border-radius:0; vertical-align:middle;}
select{cursor:pointer;}
select::-ms-expand{display: none;}
ol,ul{list-style:none}
a{text-decoration:none; color:#333;}
img{vertical-align:top; border:0}
table{border-collapse:collapse;border-spacing:0; width:100%;}
caption{visibility:hidden; overflow:hidden; height:0px; font-size:0px; line-height:0px;}
th,th{text-align:left; vertical-align:middle;}
em{font-style:normal;}

/* main */
header {height:80px; z-index:9999; position:fixed; top:0px; left:0; width:100%; background:#111; }
header .logo {width:344px; height:34px; margin:22px 0px 0px 75px; float:left; }
header .potal {position:absolute; right:100px; top:0px; width:150px; height:80px; }
header .potal span.potal_n {position:absolute; left:50%; margin-left:-35px; top:33px;}
header .npco {position:absolute; right:0px; top:0px; width:100px; height:80px; background:#252525; }
header .npco span.img_n {position:absolute; left:50%; margin-left:-22px; top:21px;}

/*-- menu --*/
header .inner {width:1000px; height:80px; margin-left:450px; }
header .inner > ul{position:relative;}
header .inner > ul > li{position:relative;display:inline-block;width:16%;margin-left:-4px;box-sizing:border-box;text-align:center;font-size:17px;font-weight:bold; height:80px;}
header .inner > ul > li:first-child{margin-left:0;}
header .inner > ul > li > a{display:block;padding:29px 0; color:#fff;}
header .inner > ul > li:hover > a{position:relative;color:#99dc0d;}
header .inner > ul > li:hover > a:after{content:"";display:block;position:absolute;bottom:-1px;left:50px;width:60px;height:2px;background:#99dc0d;}
header .gDepth2{position:absolute;top:79px;left:0;width:100%;height:0;box-sizing:border-box;text-align:left;overflow:hidden;z-index:150;}
header .gDepth2 li:first-child{margin-top:10px;}
header .gDepth2 li{width:100%;font-size:13px;font-weight:500;}
header .gDepth2 li p a{padding:10px 0 0 50px;}
header .gDepth2 li a{display:block;position:relative;padding:15px 0 0 50px;box-sizing:border-box; color:#fff;}
header .gDepth2 li a:hover{color:#99dc0d;}
header #gnbBg{position:absolute;top:79px;left:0;width:150%;height:0;background:#111111;z-index:100; opacity:0.9; filter:alpha(opacity=90); height:200px;overflow:hidden;}



.zeta-menu ul {display:none; padding:0;}
.zeta-menu ul.zeta {padding-top:-10px; margin-top:0px;}
.zeta-menu li:hover { }
.zeta-menu li:hover>a {  }
.zeta-menu a { color:white; display:block;  padding:0px 0px; text-decoration:none;}



footer {height:60px; z-index:10; position:fixed; bottom:0px; left:0; width:100%; background:#000 url(images/bottom_bg.jpg) repeat-y right top; color:#fff; background-size:438px 100%;}
footer .address {margin:25px; font-size:14px; transform:skew(-0.03deg); }
footer .address span.copy {margin-left:20px; }
footer .npco {position: absolute; right:50px; top:7px; }

.map_button {position:absolute; top:125px; left:0px; width:69px; height:156px; z-index:99999;}



#video-viewport { position: absolute;  width: 100%; height: 100%; overflow: hidden; top:0; }
video { position: absolute;  top: 0;  left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;  display: flex; background-color:rgba(0,0,0,0.5);}



.outer { margin:0 auto;}
#big .item { background: #ec6e46;  color: #FFF; text-align: center;  }
#thumbs { position:absolute; z-index:999; bottom:90px; right:90px; width:720px;}
#thumbs .item { width:150px; height:150px; line-height:70px; padding: 0px; color: #FFF; text-align: center; cursor: pointer; border-top:4px solid #fff; }
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item { background:rgba(230,0,18,0.5); border-top:none; z-index:99999;}
.owl-theme .owl-nav [class*='owl-'] { transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }


.richard_btn {position: absolute; z-index:99; top:140px; right:90px;}
.area_summary {position: absolute; z-index:99; top:690px; left:90px;}
.Museum_art { position: absolute; z-index:99; top:160px; left:90px;}
.Museum_art p.Museum_txt {margin-top:65px;}
.gallery_btn {position: absolute; z-index:99; top:520px; left:90px;}
.area_map {position: absolute; z-index:99; top:465px; right:90px;}


.richard_1 {position:absolute; z-index:99; bottom:0px; right:0px; width:746px;}
.richard_2 {position:absolute; z-index:99; top:180px; left:90px; width:215px; height:64px;}
.richard_3 {position:absolute; z-index:99; bottom:140px; left:90px; width:389px; height:89px;}
.richard_text {position:absolute; z-index:99; top:300px; left:0px; width:928px; height:236px; margin-left:-464px; left:50%;}
.richard_sign {position:absolute; z-index:99; right:500px; bottom:195px; width:361px; height:109px; }
.gallery_btn_1 {position: absolute; z-index:99; top:580px; width:215px; height:51px; margin-left:-103px; left:50%;}



.archi_img {position: relative; float:left; background:url(http://asialand.co.kr/asia21/images/scene_1.png) no-repeat; background-size:cover; width:100%; height:100%;}
.archi_img_1 {position: relative; float:left; background:url(http://asialand.co.kr/asia21/images/scene_2.png) no-repeat; background-size:cover; width:100%; height:100%;}
.archi_img_2 {position: relative; float:left; background:url(http://asialand.co.kr/asia21/images/scene_4.png) no-repeat; background-size:cover; width:100%; height:100%;}
.archi_img_3 {position: relative; float:left; background:url(http://asialand.co.kr/asia21/images/scene_3.png) no-repeat; background-size:cover; width:100%; height:100%;}

.archi_img_4 {position: relative; float:left; background:url(http://asialand.co.kr/asia21/images/scene_5.png) no-repeat; background-size:cover; width:100%; height:100%;}



.tit_summary_03 {position:absolute; z-index:9999; top:180px; left:90px; width:520px; height:183px;}
.photo_summary_03 {position:absolute; z-index:9999; top:405px; left:90px; width:330px; height:352px;}

.tit_summary_04 {position:absolute; z-index:9999; top:180px; right:60px; }
.photo_summary_04 {position:absolute; z-index:9999; top:405px; right:60px; ;}


.tit_summary_05 {position:absolute; z-index:9999; top:180px; left:90px; width:520px; height:183px;}
.photo_summary_05 {position:absolute; z-index:9999; top:405px; left:90px; width:330px; height:352px;}

.tit_summary_06 {position:absolute; z-index:9999; top:180px; right:35px; width:520px; height:183px;}
.photo_summary_06 {position:absolute; z-index:9999; top:405px; right:90px; width:330px; height:352px;}



.tit_summary_07 {position:absolute; z-index:9999; top:143px; right:80px; width:378px; height:221px;}
.photo_summary_07 {position:absolute; z-index:9999; top:405px; right:80px; width:256px; height:352px;}



.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: #000;
}
.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(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 p {
  color: #f2f2f2;
  line-height: 1.6;
  margin: 2em 0;
}

.cd-modal-content .cont_1 {width:100%; background:url(images/detail_bg1.png) no-repeat left 80px; background-size:593px 1068px;}
.cd-modal-content .cont_1 .detail_area {width:1740px; margin:0 auto; padding-top:140px;}
.cd-modal-content .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(images/detail_img1.png) no-repeat left top; padding:60px;}
.cd-modal-content .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}



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


.modal-is-visible .cd-modal-content {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s, -moz-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
  background:#fff;
}

/* -------------------------------- 

 Cover Layer - hide main content when modal is fired

-------------------------------- */
.cd-cover-layer {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f2f2f2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
  -moz-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
  transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
}
.cd-cover-layer.modal-is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}



[class^=swiper-button-] {
  transition: all 0.3s ease;
}

.swiper-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.swiper-container {
  width: 100%;
  height: 100vh;
  float: left;
  transition: opacity 0.6s ease, transform 0.3s ease;
 
}
.swiper-container.nav-slider1 {
  width: 20%;
  margin:-50px 0px;
}
.swiper-container.nav-slider1 .swiper-slide {
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.swiper-container.nav-slider1 .swiper-slide.swiper-slide-active {color:#00ff42; opacity: 1;}
.swiper-container.nav-slider1 .swiper-slide .content { 
  width: 100%;
}
.swiper-container.nav-slider1 .swiper-slide .content .tit {
  font-size: 16px; width:365px; border-bottom:2px solid; margin:5px 0px; padding-bottom:5px;
}
.swiper-container.nav-slider1 .swiper-slide .content .num {
  font-size: 42px;font-weight:bold;
}
.swiper-container.nav-slider1 .swiper-slide .content .eng {
  font-size: 24px; font-weight:bold;
}



.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}

.swiper-slide {
  overflow: hidden;
}
.swiper-slide .slide-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.swiper-slide .entity-img {
  display: none;
}
.swiper-slide .content {
  position: relative;
  top: 0%;
  left: 0px;
  width:380px;
  padding:0px 5%;
  height:130px;
 
}

.swiper-slide .cont {
  position: absolute;
  top: 160px;
  right: 80px;
  width: 710px;

}

.swiper-slide .cont .title {float:right;}

.swiper-slide .cont .caption {
float:right; padding-top:30px;
}

.swiper-slide .cont .more_btn {
float:left; padding-top:30px; width:100%;

}

.swiper-slide .cont .more_btn .in {float:right;}

.swiper-slide .cont .info {
float:right; padding-top:75px;
}

.swiper-slide .content .title {
  font-size: 2.6em;
  font-weight: bold;
  margin-bottom: 30px;
}
.swiper-slide .content .caption {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  transform: translateX(50px);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.7s ease;
}
.swiper-slide .content .caption.show {
  transform: translateX(0);
  opacity: 1;

}

[class^=swiper-button-] {
  width: 44px;
  opacity: 0;
  visibility: hidden;
}

.swiper-button-prev {
  transform: translateX(50px);
}

.swiper-button-next {
  transform: translateX(-50px);
}





.swiper-container.nav-slider2 {
  width: 20%;
  padding-left: 5px;
}
.swiper-container.nav-slider2 .swiper-slide {
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.swiper-container.nav-slider2 .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.swiper-container.nav-slider2 .swiper-slide .content {
  width: 100%;
}
.swiper-container.nav-slider2 .swiper-slide .content .title {
  font-size: 20px;
}






.image-gallery {
  margin: 0 auto;
  display: table;
  width:1740px; height:590px;
  position: relative;
}

.primary,
.thumbnails {
  display: table-cell;
}

.thumbnails {
position: absolute;
  width: 300px;
  z-index:999999;
}

.primary {
position: relative;
  width: 1740px;
  height: 590px;
  background-color: #cccccc;
  background-size: 1443px 590px;
  background-position: right top;
  background-repeat: no-repeat;
}

.thumbnail:hover .thumbnail-image, .selected .thumbnail-image {
 
}

.thumbnail-image {
position: absolute;
z-index:999999;
  width: 90px;
  height: 60px;

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  
}

.thumb_1 {position: absolute; top:257px; left:59px;}
.thumb_2 {position: absolute; left:159px; top:257px;}
.thumb_3 {position: absolute; left:259px; top:257px;}
.thumb_4 {position: absolute; left:59px; top:328px;}
.detail_bg {position: absolute; width:618px; height:590px; z-index:999;}

.detail_tit {position: absolute; top:55px; left:55px; z-index:999999;}




.Cd-Modal-content #popArea6 {position:relative; }
.Cd-Modal-content #popArea6 .cont_1{ width:100%; height:100%; background:url(../images/detail_bg1.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea6 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea6 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(images/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea6 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}
.thumb_1 {position: absolute; left:59px; top:257px; }
.thumb_2 {position: absolute; left:159px; top:257px;}
.thumb_3 {position: absolute; left:259px; top:257px;}
.thumb_4 {position: absolute; left:59px; top:328px;}
.thumb_5 {position: absolute; left:159px; top:328px;}
.detail_bg {position: absolute; width:618px; height:590px; z-index:999;}

.detail_tit {position: absolute; top:55px; left:55px; z-index:999999;}



#myVideo{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}