#wrap{position:relative; width:100%;}
#wrap.main{position:relative; width:100%; height:100%;}
#content{position:relative; overflow:hidden}


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






/* 공원화 사업-세번째화면 */

[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:130px 0px 0px 90px;
  color:#fff;
}
.swiper-container.nav-slider1 .swiper-slide {
  cursor: pointer;
  opacity: 1;
  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; font-family: "NanumSquare", sans-serif;  transform:skew(-0.03deg);
}
.swiper-container.nav-slider1 .swiper-slide .content .num {
  font-size: 42px;font-weight:bold; font-family: "NanumSquare", sans-serif;
}
.swiper-container.nav-slider1 .swiper-slide .content .eng {
  font-size: 24px; font-weight:bold; font-family: "NanumSquare", sans-serif;
}



.swiper-container.nav-slider2 {
  width: 20%;
  margin:140px 0px 0px 90px;
  color:#fff;
}
.swiper-container.nav-slider2 .swiper-slide {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.swiper-container.nav-slider2 .swiper-slide.swiper-slide-active {color:#00ff42; opacity: 1;}
.swiper-container.nav-slider2 .swiper-slide .content { 
  width: 100%;
  
}
.swiper-container.nav-slider2 .swiper-slide .content .tit {
  font-size: 16px; width:365px; border-bottom:2px solid; margin:5px 0px; padding-bottom:5px; font-family: "NanumSquare", sans-serif;  transform:skew(-0.03deg);
}
.swiper-container.nav-slider2 .swiper-slide .content .num {
  font-size: 42px;font-weight:bold; font-family: "NanumSquare", sans-serif;
}
.swiper-container.nav-slider2 .swiper-slide .content .eng {
  font-size: 24px; font-weight:bold; font-family: "NanumSquare", sans-serif;
}






.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:20px 5%;
  height:180px;
 
 }

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

}

.swiper-slide .cont .title {float:right; width:100%; text-align: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);
}







/* 공원화 사업-팝업 */

.cd-modal {
  position: fixed;
  z-index:99;
  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(../images/archi/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;
 
  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(../images/archi/detail_bg52.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea1 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg3.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea1 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco2.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea1 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding:140px 0px;}
.Cd-Modal-content #popArea1 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/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(../images/archi/detail_bg24.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea2 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea2 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco1.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea2 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding:140px 0px;}
.Cd-Modal-content #popArea2 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/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(../images/archi/detail_bg54.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea3 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg4.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea3 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco3.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea3 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding:140px 0px;}
.Cd-Modal-content #popArea3 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/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;}



.Cd-Modal-content #popArea4 {position:relative; }
.Cd-Modal-content #popArea4 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg50.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea4 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg1.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea4 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea4 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding:140px 0px;}
.Cd-Modal-content #popArea4 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea4 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}



.Cd-Modal-content #popArea5 {position:relative; }
.Cd-Modal-content #popArea5 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg24.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea5 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea5 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco1.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea5 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding:140px 0px;}
.Cd-Modal-content #popArea5 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea5 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}



.Cd-Modal-content #popArea6 {position:relative; }
.Cd-Modal-content #popArea6 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg10.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/archi/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;}





.Cd-Modal-content #popArea7 {position:relative; }
.Cd-Modal-content #popArea7 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg50.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea7 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg1.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea7 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea7 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding:140px 0px;}
.Cd-Modal-content #popArea7 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea7 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}




.Cd-Modal-content #popArea8 {position:relative; }
.Cd-Modal-content #popArea8 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg52.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea8 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg3.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea8 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco2.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea8 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding:140px 0px;}
.Cd-Modal-content #popArea8 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea8 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}






.Cd-Modal-content #popArea9 {position:relative; }
.Cd-Modal-content #popArea9 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg24.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea9 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea9 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco1.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea9 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea9 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea9 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}




.Cd-Modal-content #popArea10 {position:relative; }
.Cd-Modal-content #popArea10 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg54.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea10 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg4.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea10 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco3.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea10 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea10 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea10 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}



.Cd-Modal-content #popArea11 {position:relative; }
.Cd-Modal-content #popArea11 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg52.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea11 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg3.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea11 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco2.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea11 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea11 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea11 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}



.Cd-Modal-content #popArea12 {position:relative; }
.Cd-Modal-content #popArea12 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg54.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea12 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg4.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea12 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco3.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea12 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea12 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea12 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}




.Cd-Modal-content #popArea13 {position:relative; }
.Cd-Modal-content #popArea13 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg54.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea13 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg4.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea13 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco3.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea13 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea13 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea13 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}




.Cd-Modal-content #popArea14 {position:relative; }
.Cd-Modal-content #popArea14 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg50.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea14 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg1.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea14 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea14 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea14 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea14 .cont_1 .detail_area .cont_area {width:1275px; padding-top:49px; margin:0 auto;}



.Cd-Modal-content #popArea15 {position:relative; }
.Cd-Modal-content #popArea15 .cont_1{ width:100%; height:100%; background:url(../images/archi/detail_bg24.png) no-repeat left 80px; background-size:593px 1068px;}
.Cd-Modal-content #popArea15 .cont_1 .detail_bottom {position: absolute; background:url(../images/archi/detail_bottom_bg.png) no-repeat right bottom; background-size:686px 1236px; width:686px; height:1236px; bottom:0px; right:0px;}
.Cd-Modal-content #popArea15 .cont_1 .detail_deco {position: absolute; background:url(../images/archi/detail_deco.png) no-repeat; background-size:232px 200px; width:232px; height:200px; top:1480px; left:0px;}
.Cd-Modal-content #popArea15 .cont_1 .detail_area { position:relative; width:1740px; margin:0 auto; padding-top:140px;}
.Cd-Modal-content #popArea15 .cont_1 .detail_area .img_area {width:1740px; height:590px; background:url(../images/archi/detail_img1.png) no-repeat left top; padding:60px;}
.Cd-Modal-content #popArea15 .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;}
.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;}




 /* 팝업-테이블3 */
.rwd-table3 {min-width: 1275px; color:#000; border-top:2px solid #9c4eb9; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table3 th {background:#f2f2f2; color:#913bb1; 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-table3 th:last-child { border-right:none;}
.rwd-table3 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table3 td:last-child { border-right:none;}
.rwd-table3 td span.ci {vertical-align:top;}
.rwd-table3 td span.ci_company {vertical-align:middle;}




 /* 팝업-테이블4 */
.rwd-table4 {min-width: 1275px; color:#000; border-top:2px solid #15a7b0; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table4 th {background:#f2f2f2; color:#00a2ac; 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-table4 th:last-child { border-right:none;}
.rwd-table4 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table4 td:last-child { border-right:none;}
.rwd-table4 td span.ci {vertical-align:top;}
.rwd-table4 td span.ci_company {vertical-align:middle;}



 /* 팝업-테이블5 */
.rwd-table5 {min-width: 1275px; color:#000; border-top:2px solid #e47100; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table5 th {background:#f2f2f2; color:#e47100; 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-table5 th:last-child { border-right:none;}
.rwd-table5 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table5 td:last-child { border-right:none;}
.rwd-table5 td span.ci {vertical-align:top;}
.rwd-table5 td span.ci_company {vertical-align:middle;}



 /* 팝업-테이블6 */
.rwd-table6 {min-width: 1275px; color:#000; border-top:2px solid #740086; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table6 th {background:#f2f2f2; color:#740086; 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-table6 th:last-child { border-right:none;}
.rwd-table6 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table6 td:last-child { border-right:none;}
.rwd-table6 td span.ci {vertical-align:top;}
.rwd-table6 td span.ci_company {vertical-align:middle;}



 /* 팝업-테이블7 */
.rwd-table7 {min-width: 1275px; color:#000; border-top:2px solid #09679d; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table7 th {background:#f2f2f2; color:#0969a0; 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-table7 th:last-child { border-right:none;}
.rwd-table7 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table7 td:last-child { border-right:none;}
.rwd-table7 td span.ci {vertical-align:top;}
.rwd-table7 td span.ci_company {vertical-align:middle;}




 /* 팝업-테이블8 */
.rwd-table8 {min-width: 1275px; color:#000; border-top:2px solid #30976a; border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table8 th {background:#f2f2f2; color:#1a8c5a; 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-table8 th:last-child { border-right:none;}
.rwd-table8 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table8 td:last-child { border-right:none;}
.rwd-table8 td span.ci {vertical-align:top;}
.rwd-table8 td span.ci_company {vertical-align:middle;}



 /* 팝업-테이블9 */
.rwd-table9 {min-width: 1275px; color:#000; border-top:2px solid rgba(0,127,120,0.9); border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table9 th {background:#f2f2f2; color:#007f78; 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-table9 th:last-child { border-right:none;}
.rwd-table9 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table9 td:last-child { border-right:none;}
.rwd-table9 td span.ci {vertical-align:top;}
.rwd-table9 td span.ci_company {vertical-align:middle;}




 /* 팝업-테이블10 */
.rwd-table10 {min-width: 1275px; color:#000; border-top:2px solid rgba(4,70,219,0.9); border-bottom:1px solid rgba(0,0,0,0.1); font-family: 'NanumSquare', sans-serif;  font-weight: 700; transform:skew(-0.03deg);  }
.rwd-table10 th {background:#f2f2f2; color:#0446db; 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-table10 th:last-child { border-right:none;}
.rwd-table10 td {padding:30px 0px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.rwd-table10 td:last-child { border-right:none;}
.rwd-table10 td span.ci {vertical-align:top;}
.rwd-table10 td span.ci_company {vertical-align:middle;}









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




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

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




/* 공원화 사업-교동 */
.gyodong_area {position:relative; background:url("http://asialand.co.kr/asia21/images/Gyodong_bg.png") no-repeat center top; background-size:cover; width:100%; height:100%;}
.gyodong_area .g_logo {position: absolute; top:0; right:0; }
.gyodong_area .gyo_cont {width:452px; padding:155px 0px 0px 90px; position:relative;}
.gyodong_area .gyo_cont .tit_gyo {}
.gyodong_area .gyo_cont .txt_gyo {margin-top:35px; float:left;}
.gyodong_area .gyo_cont .btn_gyo {margin-top:15px; float:left;}
.gyodong_area .gyo_cont .gyo_info {margin-top:55px; float:left;}









	




.left_Thumbnail {position:fixed; width:310px; height:100%; background:#efefef; border-right:1px solid #fff; z-index:9; top:5px; padding-top:80px;}
.left_Thumbnail li {width:310px; height:60px; padding:5px 0px 5px 20px; cursor:pointer; float:left; }
.left_Thumbnail li:hover {background:rgba(0,0,0,0.1);}

.back_button a{position:fixed; top:80px; right:0px; width:131px; height:131px; z-index:9; }
.detail_button a{position:absolute; top:400px; right:0px; width:173px; height:175px;  z-index:9; }



.cont-Area { height:100%; margin:0px 0px 0px 310px; position:relative;}
.cont-Area .jikdongpark_bg {background:url("/html_21/images/archi/jikdongpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .jikdongpark_bg .jikdongpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .jikdongpark_bg .jikdongpark_info { position:absolute; top:470px; left:50px;}
.cont-Area .jikdongpark_bg .jikdongpark_logo { position:absolute; top:818px; left:50px;}

.cont-Area .chudongpark_bg {background:url("/html_21/images/archi/chudongpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .chudongpark_bg .chudongpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .chudongpark_bg .chudongpark_info { position:absolute; top:544px; left:50px;}
.cont-Area .chudongpark_bg .chudongpark_logo { position:absolute; top:817px; left:50px;}

.cont-Area .gangneung_bg {background:url("/html_21/images/archi/gangneung_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .gangneung_bg .gangneung_tit { position:absolute; top:140px; left:50px;}
.cont-Area .gangneung_bg .gangneung_info { position:absolute; top:470px; left:50px;}
.cont-Area .gangneung_bg .gangneung_logo { position:absolute; top:810px; left:50px;}

.cont-Area .buakpark_bg {background:url("/html_21/images/archi/buakpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .buakpark_bg .buakpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .buakpark_bg .buakpark_info { position:absolute; top:544px; left:50px;}
.cont-Area .buakpark_bg .buakpark_logo { position:absolute; top:820px; left:50px;}

.cont-Area .jangnokpark_bg {background:url("/html_21/images/archi/jangnokpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .jangnokpark_bg .jangnokpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .jangnokpark_bg .jangnokpark_info { position:absolute; top:470px; left:50px;}
.cont-Area .jangnokpark_bg .jangnokpark_logo { position:absolute; top:810px; left:50px;}

.cont-Area .sincheon_bg {background:url("/html_21/images/archi/sincheon_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .sincheon_bg .sincheon_tit { position:absolute; top:140px; left:50px;}
.cont-Area .sincheon_bg .sincheon_info { position:absolute; top:544px; left:50px;}
.cont-Area .sincheon_bg .sincheon_logo { position:absolute; top:820px; left:50px;}

.cont-Area .sanljeong_bg {background:url("/html_21/images/archi/sanljeong_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .sanljeong_bg .sanljeong_tit { position:absolute; top:140px; left:50px;}
.cont-Area .sanljeong_bg .sanljeong_info { position:absolute; top:470px; left:50px;}
.cont-Area .sanljeong_bg .sanljeong_logo { position:absolute; top:810px; left:50px;}

.cont-Area .sangbang_bg {background:url("/html_21/images/archi/sangbang_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .sangbang_bg .sangbang_tit { position:absolute; top:140px; left:50px;}
.cont-Area .sangbang_bg .sangbang_info { position:absolute; top:470px; left:50px;}
.cont-Area .sangbang_bg .sangbang_logo { position:absolute; top:810px; left:50px;}


.cont-Area .ssangryeong_bg {background:url("/html_21/images/archi/ssangryeong_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .ssangryeong_bg .ssangryeong_tit { position:absolute; top:140px; left:50px;}
.cont-Area .ssangryeong_bg .ssangryeong_info { position:absolute; top:470px; left:50px;}
.cont-Area .ssangryeong_bg .ssangryeong_logo { position:absolute; top:810px; left:50px;}


.cont-Area .jungangpark_bg {background:url("/html_21/images/archi/jungangpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .jungangpark_bg .jungangpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .jungangpark_bg .jungangpark_info { position:absolute; top:546px; left:50px;}
.cont-Area .jungangpark_bg .jungangpark_logo { position:absolute; top:810px; left:50px;}

.cont-Area .centralpark_bg {background:url("/html_21/images/archi/centralpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .centralpark_bg .centralpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .centralpark_bg .centralpark_info { position:absolute; top:470px; left:50px;}
.cont-Area .centralpark_bg .centralpark_logo { position:absolute; top:810px; left:50px;}

.cont-Area .palbongpark_bg {background:url("/html_21/images/archi/palbongpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .palbongpark_bg .palbongpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .palbongpark_bg .palbongpark_info { position:absolute; top:540px; left:50px;}
.cont-Area .palbongpark_bg .palbongpark_logo { position:absolute; top:810px; left:50px;}

.cont-Area .sasangpark_bg {background:url("/html_21/images/archi/sasangpark_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .sasangpark_bg .sasangpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .sasangpark_bg .sasangpark_info { position:absolute; top:470px; left:50px;}
.cont-Area .sasangpark_bg .sasangpark_logo { position:absolute; top:810px; left:50px;}


.cont-Area .hwanho_bg {background:url("/html_21/images/archi/hwanho_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover; }
.cont-Area .hwanho_bg .hwanho_tit { position:absolute; top:140px; left:50px;}
.cont-Area .hwanho_bg .hwanho_info { position:absolute; top:540px; left:50px;}
.cont-Area .hwanho_bg .hwanho_logo { position:absolute; top:810px; left:50px;}








.cont-Area .list_bg {position:absolute; left:0px; top:0px; background:url("/html_21/images/main/list_bg.png") repeat-y 0px 0px; background-size:107px 100%; width:107px; height:100%; z-index:99;}






.park_main {background:url("/html_21/images/archi/park_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.park_main .park_tit {position:absolute; top:180px; left:978px;}
.park_main .park_txt {position:absolute; top:195px; left:60px;}



.cont-Area .gangmuseum_bg {background:url("/html_21/images/archi/gangmuseum_bg.png") no-repeat left top;  width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.cont-Area .gangmuseum_bg .gangmuseum_tit { position:absolute; top:140px; left:50px;}
.cont-Area .gangmuseum_bg .gangmuseum_info { position:absolute; top:540px; left:50px;}
.cont-Area .gangmuseum_bg .richard_btn { position:absolute; top:140px; right:100px;}
.cont-Area .gangmuseum_bg .gangmuseum_logo { position:absolute; top:710px; left:50px;}



.cont-Area .jigdongtennis_bg {background:url("/html_21/images/archi/jigdongtennis_bg.png") no-repeat left top;  width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.cont-Area .jigdongtennis_bg .jigdongtennis_tit { position:absolute; top:140px; left:50px;}
.cont-Area .jigdongtennis_bg .jigdongtennis_info { position:absolute; top:460px; left:50px;}
.cont-Area .jigdongtennis_bg .jigdongtennis_logo { position:absolute; top:778px; left:50px;}



.cont-Area .gyodongpark_bg {background:url("/html_21/images/archi/gyodongpark_bg.png") no-repeat left top;  width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.cont-Area .gyodongpark_bg .gyodongpark_tit { position:absolute; top:140px; left:50px;}
.cont-Area .gyodongpark_bg .gyodongpark_info { position:absolute; top:545px; left:50px;}
.cont-Area .gyodongpark_bg .gyodongpark_logo { position:absolute; top:820px; left:50px;}



.cont-Area .deokwon_bg {background:url("/html_21/images/archi/deokwon_bg.png") no-repeat left top;  width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.cont-Area .deokwon_bg .deokwon_tit { position:absolute; top:140px; left:50px;}
.cont-Area .deokwon_bg .deokwon_info { position:absolute; top:510px; left:50px;}
.cont-Area .deokwon_bg .deokwon_logo { position:absolute; top:650px; left:50px;}


.cont-Area .asiast_bg {background:url("/html_21/images/archi/asiast_bg.png") no-repeat left top;  width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.cont-Area .asiast_bg .asiast_tit { position:absolute; top:140px; left:50px;}
.cont-Area .asiast_bg .asiast_info { position:absolute; top:545px; left:50px;}
.cont-Area .asiast_bg .asiast_logo { position:absolute; top:805px; left:50px;}



.cont-Area .haetteurae_bg {background:url("/html_21/images/archi/haetteurae_bg.png") no-repeat left top;  width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.cont-Area .haetteurae_bg .haetteurae_tit { position:absolute; top:140px; left:50px;}
.cont-Area .haetteurae_bg .haetteurae_info { position:absolute; top:470px; left:50px;}
.cont-Area .haetteurae_bg .haetteurae_logo { position:absolute; top:613px; left:50px;}




.archi_main {background:url("/html_21/images/archi/archi_bg.png") no-repeat left top; width:100%; height:100%; position:relative; z-index:9; background-size:cover;}
.archi_main .archi_tit {position:absolute; top:180px; left:978px;}
.archi_main .archi_txt {position:absolute; top:195px; left:60px;}




.map_top {width:100%;position:fixed; background:url("http://asialand.co.kr/asia21/images/map/top_b_bg.png") repeat-x left 100px; height:150px;}	
.top_left {background:#292a2d; width:40%; position:absolute; left:0; top:0px; height:100px; }
.top_right {background:#232427 url("http://asialand.co.kr/asia21/images/map/top_bg.png") no-repeat left top; width:60%;  position:absolute; left:40%; top:0px; height:100px; background-size:62px 99px;  }
.top_center {width:1920px; position:absolute; left:50%; margin-left:-960px; } 
.top_center .tab_area {position:absolute; left:100px; top:30px;}
.top_center .tab_area span.park a{color:#3ac7ff; font-size:30px;}
.top_center .tab_area span.archi a{color:#fff; font-size:30px; margin-left:40px; }
.top_center .text_area {position:absolute; left:910px; top:30px;}


.top_center .tab_area span.park_1 a {color:#fff; font-size:30px;}
.top_center .tab_area span.archi_1 a {color:#3ac7ff; font-size:30px; margin-left:40px; }


.contt_area { width:100%; z-index:999999; margin-top:100px; float:left; background:#1e1f21;}
.contt_area .map_area {width:1920px; margin:0 auto;  background:url("http://asialand.co.kr/asia21/images/map/line_cont.png") no-repeat 435px 260px; background-size:981px 779px; height:100%; }
.contt_area .map_area ul {margin:60px 0px 100px 40px; overflow:hidden; }
.contt_area .map_area li {width:435px; float:left; }



.contt_area .map_area li:nth-child(1) {margin-left:15px;}
.contt_area .map_area li:nth-child(2) {margin-left:10px;}
.contt_area .map_area li:nth-child(3) {margin-left:6px;}
.contt_area .map_area li:nth-child(4) {margin-left:10px;}
.contt_area .map_area li:nth-child(5) {margin-top:20px; margin-left:15px;}
.contt_area .map_area li:nth-child(6) {margin-top:20px; margin-left:11px;}
.contt_area .map_area li:nth-child(7) {margin-top:20px; margin-left:5px;}
.contt_area .map_area li:nth-child(8) {margin-top:20px; margin-left:5px;}
.contt_area .map_area li:nth-child(9) {margin-top:35px; margin-left:15px;}
.contt_area .map_area li:nth-child(10) {margin-top:35px; margin-left:11px;}
.contt_area .map_area li:nth-child(11) {margin-top:35px; margin-left:8px;}
.contt_area .map_area li:nth-child(12) {margin-top:35px; margin-left:5px;}
.contt_area .map_area li:nth-child(13) {margin-top:35px; margin-left:5px;}
.contt_area .map_area li:nth-child(14) {margin-top:35px; margin-left:5px;}