@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
<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',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:999999; 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:500px; }
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:#00D1FF;}
header .inner > ul > li:hover > a:after{content:"";display:block;position:absolute;bottom:-1px;left:50px;width:60px;height:2px;background:#00D1FF;}
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; transform:skew(-0.03deg); font-family:'NanumSquare',sans-serif;}
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;  font-family:'NanumSquare',sans-serif; transform:skew(-0.03deg);}
header .gDepth2 li a:hover{color:#;}
header #gnbBg{position:absolute;top:80px;left:0;width:150%;height:0; z-index:100; opacity:0.9; height:200px;overflow:hidden;}
header #gnbBg::before {backdrop-filter: blur(40px);}



@media all and (max-width:1590px){
header .inner {width:800px; height:80px; margin-left:450px; }
}


@media all and (max-width:1400px){
header .potal {display:none; }
header .npco {display:none; }
}



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







.outer { margin:0 auto; background: #000; }
#big .item { background: #000;  color: #FFF; text-align: center;  height:100vh; }
#big .item img { width:100%; height:100%;  }
#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; }



.area_summary {position: absolute; z-index:99; top:160px; right:52px;}
.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:720px; left:90px;}


.x-btn {position:absolute; z-index:1; top:120px; right:55px; width:90px; height:90px; border-radius:50%; background:rgba(0,0,0,0.8);}
.x-btn span.x {position:absolute; top:20px; left:20px; }
.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%;}



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



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





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





.contentArea { overflow:hidden; width:100%; background:url(../img/sub/ceo_bg_w.png) no-repeat left top; background-size:813px 100%;}

@media all and (max-width:1920px){
.contentArea {  width:1920px; position:relative; background:url(../img/sub/ceo_bg_w.png) no-repeat left top; background-size:813px 100%;}
}
.mainArea {width:100%; position:relative; background:url(../images/company/view_img.png) no-repeat;  background-position:center 80px; min-width:1920px; height:100vh; }
.mainArea_pop {position:absolute; top:0; left:50%; width:920px; height:894px; z-index:100; margin-left:-960px; }
.mainArea_pop a{display:inline-block; position:absolute;}
.mainArea_pop a.dreamworld1 {width:569px; height:268px; top:504px; left:1349px;}
.mainArea_pop a.dreamworld1.on {background:url(../images/company/line_1.png) no-repeat;}
.mainArea_pop a.dreamworld2 {width:517px; height:362px; top:410px; left:0px;}
.mainArea_pop a.dreamworld2.on {background:url(../images/company/line_2.png) no-repeat;}


.mainArea_pop a.asialand1 {width:473px; height:296px; top:474px; left:819px; }
.mainArea_pop a.asialand1.on {background:url(../images/company/line_3.png) no-repeat;}
.mainArea_pop a.asialand2 {width:384px; height:258px; top:121px; left:758px;  }
.mainArea_pop a.asialand2.on {background:url(../images/company/line_4.png) no-repeat; }
.mainArea_pop a.artcenter {width:286px; height:360px; top:461px; left:618px; }
.mainArea_pop a.artcenter.on {background:url(../images/company/line_5.png) no-repeat;}
.mainArea_pop a.kidsclub {width:720px; height:340px; top:212px; left:873px;}
.mainArea_pop a.kidsclub.on {background:url(../images/company/line_6.png) no-repeat;}




.overlay {display: none; /* Default Hidden */ position:fixed; left:0; top:0; z-index:999;  background-color: rgba(0,0,0,0.6);  height: 894px;  width: 100%;} 
.popup {display: none; /* Default Hidden */ position: fixed; left: 50%; top: 1%; z-index: 99999; height: 921px; width: 1861px; overflow: hidden; padding: 40px; transform: translate(-50%, 0);}
.popup img {width:1861px; height:929px;}
.popup_1 {display:none; /* Default Hidden */ position:fixed; left:50%;  top:1%;  z-index:2; height: 921px; width: 1861px;  overflow: hidden;  padding: 40px;  transform: translate(-50%, 0);}

.main_popup { display: none; /* Default Hidden */ position: fixed; left: 50%;  top: 0%; z-index:999; background:url(../images/company/main_popupbg.png) no-repeat;   background-position:left 79px; 
  background-size:cover;  height: 100vh;  width: 1920px;  overflow: hidden;   transform: translate(-50%, 0);  	-moz-opacity: 0.8;	opacity:.68;	filter: alpha(opacity=80);  background-color: black;}
.white_content {display: none; position:absolute; width:1332px; height:538px; left:50%; top:215px;  transform: translate(-50%, 0); z-index:1002;}



.popup_2 {display:none; /* Default Hidden */ position:fixed; left:0%;  top:0px;  z-index:99999; height: 100%; width:100%; overflow:hidden; background:rgba(0,0,0,0.7); backdrop-filter:blur(25px); }

.popup_2 .popup_2_cont {margin:240px 88px 0px 0px; width:1000px; float:right;}
.popup_2 .popup_2_cont .popup_2_width {float:left; width:330px; }
.popup_2 .popup_2_cont .popup_2_width span.pop_cont {  display:block; color:#00D1FF; font-weight:800; font-size:22px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); letter-spacing: -0.025em; text-transform: uppercase;}
.popup_2 .popup_2_cont .popup_2_width span.pop_cont p {font-weight:700; font-size:15px; line-height: 25px; color: #FFFFFF; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); padding-top:10px; transform:skew(-0.03deg); }

.close_1{ position: absolute; top: 160px; right: 110px; display: block; cursor:pointer;}
.close_1 img {width:80px; height:80px;}


/* Bored stuff & extras*/
.close{ position: absolute; top: 245px; right: 174px; display: block; cursor:pointer;}
.close img {width:20px; height:20px;}


.storyarea {background:url(../images/career/story_bg.png) no-repeat;  background-position:center center; width:100%; height:100vh; background-size:cover;}
.storyarea h2.tit {background:url(../images/career/story_line.png) no-repeat center 205px;  text-align:center; font-size:48px; color:#3399c2; width:600px; margin:0px auto; padding-top:140px; font-weight:600;}
.storyarea h2.tit p {font-size:20px; color:rgba(0,0,0,0.7);  padding-top:25px;}
.storyarea .story {width:1506px; margin:0 auto; margin-top:60px;}
.storyarea .story ul { float:left;}


.storyarea .story li {margin-right:30px; margin-bottom:30px; float:left; width:482px; height:285px;}
.storyarea .story li:nth-child(3) {margin-right:0px;}

.storyarea .story li:nth-child(1) {background:url(../images/career/photo_4.png) no-repeat;}
.storyarea .story li:nth-child(1):hover {background:url(../images/career/photo_4_over.png) no-repeat;}
.storyarea .story li span.plus_btn {margin:30px; float:left; width:100%;}
.storyarea .story li span.text-1 {color:#fff; font-size:20px; float:left; margin:50px 0px 0px 30px; float:left;  width:100%;}
.storyarea .story li span.text-2 {color:#fff; font-size:18px; font-weight:bold;  margin:25px 0px 0px 30px; float:left;}
.storyarea .story li span.text-2 p {color:#fff; font-size:12px; font-weight:normal; padding-top:5px;  transform:skew(-0.03deg); }


.storyarea .story li:nth-child(2) {background:url(../images/career/photo_2.png) no-repeat;}
.storyarea .story li:nth-child(2):hover {background:url(../images/career/photo_2_over.png) no-repeat;}
.storyarea .story li:nth-child(3) {background:url(../images/career/photo_3.png) no-repeat;}
.storyarea .story li:nth-child(3):hover {background:url(../images/career/photo_3_over.png) no-repeat;}
.storyarea .story li:nth-child(4) {background:url(../images/career/photo_1.png) no-repeat;}
.storyarea .story li:nth-child(4):hover {background:url(../images/career/photo_1_over.png) no-repeat;}
.storyarea .story li:nth-child(5) {background:url(../images/career/photo_5.png) no-repeat;}
.storyarea .story li:nth-child(5):hover {background:url(../images/career/photo_5_over.png) no-repeat;}






/* */
.benefits_1 {background:url(../images/career/benefits_bg1.png) no-repeat 0px 0px; background-size:100%; width:100%; height:100%;  position:relative;}
.benefits_1 .benefits_img1 {width:668px; float:left; margin:160px 150px 0px 100px;}
.benefits_1 .benefits_img2 {width:898px; position:absolute; top:160px; left:920px; }

.benefits_2_1 {position:relative; background:url(../images/career/benefits_bg2_1.png) no-repeat 0px 0px; background-size:100%; width:100%; height:100%;}
.benefits_2_1 .top_r {position:absolute; top:0px; right:0px; z-index:9999;}
.benefits_2_1 .bottom_l {position:absolute; bottom:0; left:0; z-index:9999;}


.benefits_2_2 {position:relative; background:url(../images/career/benefits_bg2_2.png) no-repeat 0px 0px; background-size:100%; width:100%; height:100%;}
.benefits_2_2 .top_r {position:absolute; top:0px; right:0px;}
.benefits_2_2 .bottom_l {position:absolute; bottom:0; left:0; }


.benefits_2_3 {position:relative; background:url(../images/career/benefits_bg2_3.png) no-repeat 0px 0px; background-size:100%; width:100%; height:100%;}
.benefits_2_3 .top_r {position:absolute; top:0px; right:0px;}
.benefits_2_3 .bottom_l {position:absolute; bottom:0; left:0; }


.benefits_2_4 {position:relative; background:url(../images/career/benefits_bg2_4.png) no-repeat 0px 0px; background-size:100%; width:100%; height:100%;}
.benefits_2_4 .top_r {position:absolute; top:0px; right:0px;}
.benefits_2_4 .bottom_l {position:absolute; bottom:0; left:0; }


.benefits_3_1 {position:relative; background:#6d2be4; width:100%; height:100%; float:left;}
.benefits_3_1 .top_l {position:absolute; top:0px; left:0px; width:615px; height:327px;}
.benefits_3_1 .bottom_r {position:absolute; bottom:0; right:0; width:1155px; height:615px;}
.benefits_3_1 .system_text {position:absolute; top:350px;; left:90px; width:41px; height:355px;}

.benefits_3_2 {position:relative; background:#5252e6; width:100%; height:100%; float:left;}
.benefits_3_2 .top_l {position:absolute; top:0px; left:0px;}
.benefits_3_2 .bottom_r {position:absolute; bottom:0; right:0; width:1155px; height:615px;}
.benefits_3_2 .system_text {position:absolute; top:350px;; left:90px; width:41px; height:355px;}




.benefits_area {margin:180px; width:1500px; }
.benefits_area li {float:left; height:268px; margin-top:60px;}
.benefits_area li:nth-child(1) {margin-left:20px;}
.benefits_area li:nth-child(2) {margin-left:50px;}
.benefits_area li:nth-child(3) {margin-left:20px;}
.benefits_area li:nth-child(4) {margin-left:40px;}
.benefits_area li:nth-child(5) {margin-left:30px;}
.benefits_area li:nth-child(6) {margin-left:0px;}
.benefits_area li:nth-child(7) {margin-left:40px;}
.benefits_area li:nth-child(8) {margin-left:20px;}



.benefits_1_area {margin:180px; width:1500px; }
.benefits_1_area li {float:left; height:268px; margin-top:60px;}
.benefits_1_area li:nth-child(1) {margin-left:20px;}
.benefits_1_area li:nth-child(2) {margin-left:50px;}
.benefits_1_area li:nth-child(3) {margin-left:20px;}
.benefits_1_area li:nth-child(4) {margin-left:40px;}
.benefits_1_area li:nth-child(5) {margin-left:30px;}
.benefits_1_area li:nth-child(6) {margin-left:30px;}
.benefits_1_area li:nth-child(7) {margin-left:40px;}
.benefits_1_area li:nth-child(8) {margin-left:20px;}





.humanArea {background:url(../images/career/human_bg.png) no-repeat left top; background-size:100%; width:100%; height:100%; position:relative;}
.humanArea .humanCont_1 {padding:160px 0px 0px 100px; width:700px; float:left;}
.humanArea .humanCont_1 .human_photo {margin-top:100px; width:700px;}

.humanArea .humanCont_2 {top:125px; left:1200px; width:880px; position:absolute;}
@media all and (max-width:1920px){.humanArea .humanCont_2 {top:125px; left:915px; width:880px; position:absolute;}
}


.humanArea .humanCont_2 h2.human_tit1 {text-align:center;}
.humanArea .humanCont_2 li {margin-bottom:10px;}
.humanArea .humanCont_2 li:nth-child(2) {margin-left:50px;}
.humanArea .humanCont_2 li:nth-child(3) {margin-left:100px;}
.humanArea .humanCont_2 li:nth-child(4) {margin-left:150px;}
.humanArea .humanCont_2 li:nth-child(5) {margin-left:200px;}



.humanArea_1 {background:url(../images/career/human_bg_1.png) no-repeat 0px 0px; background-size:100%; width:100%; height:100%; position:relative;}
.humanArea_1 .grape_area {position:absolute; left:50%; margin-left:-224px; width:448px; top:138px; }
.humanArea_1 .grape_area li {text-align:center; width:399px; left:50%; margin-left:-200px;}
.humanArea_1 .grape_area li:nth-child(1) {position:absolute; top:0px; z-index:9;}
.humanArea_1 .grape_area li:nth-child(2) {position:absolute; top:97px; z-index:8;}
.humanArea_1 .grape_area li:nth-child(3) {position:absolute; top:192px; z-index:7;}
.humanArea_1 .grape_area li:nth-child(4) {position:absolute; top:290px; z-index:6;}
.humanArea_1 .grape_area li:nth-child(5) {position:absolute; top:386px; z-index:5;}
.humanArea_1 .grape_area li:nth-child(6) {position:absolute; top:490px; z-index:4;}
.humanArea_1 .grape_area li:nth-child(7) {position:absolute; top:738px; z-index:3;}


.humanArea_1 .grape_text1 {position:absolute; top:300px; left:188px;}
.humanArea_1 .grape_text2 {position:absolute; top:586px; left:188px;}
.humanArea_1 .grape_text3 {position:absolute; top:300px; left:1665px;}
@media all and (max-width:1920px){.humanArea_1 .grape_text3 {position:absolute; top:300px; left:1265px;}
}
.humanArea_1 .grape_text4 {position:absolute; top:586px; left:1665px;}
@media all and (max-width:1920px){.humanArea_1 .grape_text4 {position:absolute; top:586px; left:1265px;}
}




.ceo_bg {background:url(../images/company/ceo_bg.png) no-repeat 0px 0px; background-size:100%; width:100%; height:100vh; position:relative;}
.ceo_bg .textarea {padding:160px 0px 0px 100px; width:500px; overflow:hidden;}

.ceo_bg .textarea span.ceo_photo {margin-top:64px; float:left;}
.ceo_bg .textarea span.ceo_text2 {margin-top:122px; float:left;}
.ceo_bg .textarea_1 {width:801px; position:absolute; top:280px; left:1300px; }

@media all and (max-width:1920px){
.ceo_bg .textarea_1 {width:801px; position:absolute; top:280px; left:900px; }
}



.ceo_bg_n { width:100%; height:100vh; position:relative;}
.ceo_bg_n .textarea_n {padding:140px 0px 0px 60px; width:814px; overflow:hidden; float:left;}

.ceo_bg_n .textarea_n span.ceo_photo {margin:40px 0px 0px 20px; float:left; }
.ceo_bg_n .textarea_n span.ceo_text2 {margin:20px 0px 0px 20px; float:left; }
.ceo_bg_n .textarea_2 { position:absolute; top:240px; left:1300px;}
.ceo_bg_n .textarea_2 p.ceo_h {color:#fff; text-align:Center; margin-top:40px; width:180px; height:50px; line-height:50px; background:rgba(255, 255, 255, 0.2); 
border:1px solid #FFFFFF; font-weight:700; font-size:18px; left:50%; position:absolute; margin-left:-90px; border-radius:30px;}




@media all and (max-width:1920px){
.ceo_bg_n { width:100%; height:100vh; position:relative;}
.ceo_bg_n .textarea_2 { position:absolute; top:213px; left:989px; }


}




.orginarea {background:url(../images/company/orgin_left_bg.png) no-repeat left top;  background-size:650px 100%; position:relative;  width:100%; height:100vh; }
.orginarea .right_bg {background:url(../images/company/orgin_right_bg.png) no-repeat right top;  background-size:467px 100%;  width:467px; height:100vh; position:absolute; right:0; }
.orginarea .orgin_tit{width:380px; height:161px; padding:160px 0px 0px 100px; float:left;}
.orginarea .chart{position:absolute; width:1417px; height:703px; top:160px; left:620px; }
.orginarea .organ_text {width:281px; height:92px; position:absolute; top:115px; left:1560px;}
.orginarea .organ_text_bottom {width:181px; height:104px; position:absolute; bottom:55px; right:172px;}


@media all and (max-width:1920px){
.orginarea .chart{position:absolute; width:1417px; height:703px; top:160px; left:420px; }
}



.orginarea_1 {background:url(../images/company/organ_bg.png) no-repeat left top;  background-size:cover; position:relative;  width:100%; height:100vh; }
.orginarea_1 .orgin_tit {position:absolute; top:160px; right:250px;}
.orginarea_1 .orgin_info {position:absolute; top:486px; right:250px;}


@media all and (max-width:1920px){
.orginarea_1 { width:1920px; height:100vh; }
.orginarea_1 .orgin_tit {position:absolute; top:160px; right:100px;}
.orginarea_1 .orgin_info {position:absolute; top:486px; right:100px;}
}





.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 100%;
	height: 100vh;
	background:url(../images/promote/video_bg.png) no-repeat right top; 

}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 340px;;
    background: #0e60a4 url(../images/promote/v_bg_t.png) no-repeat left 80px;
      
	height:100%;
	padding-top:140px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0.2em 0;
	padding-left:40px;
	font-size:24px;
    overflow: hidden;
    position: relative;
    right: -2px;
    z-index: 2;
	
}


.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
    padding: 0.6em 1em;
	font-weight:600;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
	color:#ff8a00;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:active {
    cursor: pointer;
	color:#ff8a00;
}



.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
   
	color:#ff8a00;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;

  

    position: relative;


}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited  {color:#fff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#ff8a00;}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li p.small_text {font-size:16px; transform:skew(-0.03deg); padding-top:5px; }




/*  �����?� */

.jobArea_1 {position:relative; background:#fff url(../images/promote/job_bg_1.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_1 .job_text1 {position:absolute; top:158px; left:100px;}

.jobArea_2 {position:relative; background:#fff url(../images/promote/job_bg_2.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_2 .job_text2 {position:absolute; top:205px; right:100px;}

.jobArea_3 {position:relative; background:#fff url(../images/promote/job_bg_3.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_3 .job_text3 {position:absolute; top:255px; left:450px;}

@media all and (max-width:1920px){
.jobArea_3 .job_text3 {position:absolute; top:255px; left:308px;}
}


.jobArea_4 {position:relative; background:#fff url(../images/promote/job_bg_4.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_4 .job_text4 {position:absolute; top:255px; right:460px;}
@media all and (max-width:1920px){
.jobArea_4 .job_text4 {position:absolute; top:255px; right:300px;}
}



.jobArea_5 {position:relative; background:#fff url(../images/promote/job_bg_5.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_5 .job_text5 {position:absolute; top:205px; left:100px;}

.jobArea_6 {position:relative; background:#fff url(../images/promote/job_bg_6.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_6 .job_text6 {position:absolute; top:205px; right:100px;}


.jobArea_7 {position:relative; background:#fff url(../images/promote/job_bg_7.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_7 .job_text7 {position:absolute; top:255px; left:505px;}

@media all and (max-width:1920px){
.jobArea_7 .job_text7 {position:absolute; top:255px; left:305px;}
}


.jobArea_8 {position:relative; background:#fff url(../images/promote/job_bg_8.png) no-repeat left top; width:100%; height:100%; background-size:cover;}
.jobArea_8 .job_text8 {position:absolute; top:255px; right:500px;}
@media all and (max-width:1920px){
.jobArea_8 .job_text8 {position:absolute; top:255px; right:300px;}
}






/*  ������ */
.location {position: relative; background:url(../images/recruit/location_bg.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.location_tit {width:387px; position:absolute;  left:50%; margin-left:-193px; top:170px; }
.location_map {width:1019px; position:absolute;  left:50%; margin-left:-509px; top:360px;}
.location_address {width:329px; position:absolute; top:294px; left:100px;  }

.location_1 {position: relative; background:url(../images/recruit/location_bg_1.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.location_tit {width:387px; position:absolute;  left:50%; margin-left:-193px; top:170px; }
.location_map {width:1019px; position:absolute;  left:50%; margin-left:-509px; top:360px;}
.location_address {width:329px; position:absolute; top:294px; left:100px;  }



/*  
.video_cont { float:left;}
.video_list {height:100vh; background:#363636 url(../images/promote/video_line_bg.png) no-repeat left 80px; width:280px; float:left;}
.video_list dl {padding-top:30px; margin:0px 40px; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:34px; overflow:hidden; }
.video_list dl:first-child {padding-top:142px;}
.video_list dl dt.first {font-size:14px; color:#fff; float:left; width:80px; height:20px; overflow:hidden; }
.video_list dl dt{line-height:20px; }
.video_list dl dt.second{font-size:14px; color:#fff; float:left; width:80px; height:120px; overflow:hidden;}
.video_list dl dt.thrid{font-size:14px; color:#fff; float:left; width:80px; height:160px; overflow:hidden;}
.video_list dl dt:hover {color:#ff8a00;}
.video_list dl dd{font-size:14px; color:#fff;  height:100%; padding-bottom:20px;  transform:skew(-0.03deg); }
.video_list dl dd:last-child{ padding-bottom:0px;}
.video_list dl dd:hover {color:#ff8a00;}

.video_area {  float:left; background-size:1300px 100%; height:100vh;  }
.video_area .video_in {padding:120px 0px 0px 160px; width:998px; height:600px; }
.video_area .video_in span.video_tit {padding-bottom:30px; float:left;}
.video_area .video_in p#video { }


.jobArea {background:#fff url(../images/promote/job_bg.png) no-repeat left top; width:100%; height:100vh; background-size:100% 100%;}
.jobArea_1 {background:#fff url(../images/promote/job_bg1.png) no-repeat left top; width:100%; height:100vh; background-size:100% 100%;}


#div_business{
 padding:160px 100px;
}

.container_title {position:relative;}

#div_business .job_txt {position:absolute; top:55px; left:544px;}
#div_business .job_txt1 {position:absolute; top:25px; left:1460px;}


#ul_business{
	margin:0 auto;
	margin-top:40px;
}
#ul_business>li a { color:#333; }
#ul_business>li a:hover { color:#333; }
#ul_business>li{
	
	cursor:hand;
	display:table-cell;
	padding:0px;
	padding-left:28px;
	width:100px;
	padding-bottom:100px;
	vertical-align:top;
	position:relative;
	overflow: visible !important
	
	width:22%;
	cursor:hand;
	float:left;
	padding:0px;
	padding-left:28px;
	padding-bottom:0;
	vertical-align:top;
	position:relative;
	overflow: visible !important;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}

#ul_business>li:first-child {padding-left:0px;}

#ul_business>li.off { width:22%; }
#ul_business>li.active{
	width:34%;
}
#ul_business>li.active .business_caption{

}

.div_businessthumb{
	cursor:pointer;
	width:100%;
	height:360px;
	background-size:cover;
	background-position:center;
	-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	position:relative;
}
.div_businessthumb .thumbtxt {margin:220px 0px 0px 25px; float:left;}
.business_caption{
	-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
	text-align:left;
	background-color:#ffffff;;
	width:100%;
	z-index:2;
	padding:25px 40px 25px;
	display:none;
	position:absolute;
	top:360px;
}
.business_caption h2{
	font-weight:800;
	padding-bottom:10px;
	font-size:35px;
}
.business_caption div{
	font-weight:600;
	padding-bottom:10px;
	font-size:19px;
}


.a_plus{
	position:absolute;
	right:15px;bottom:26px;
	width:30px;
	height:32px;
	background-image:url('../images/icon_plus.png');
	background-size:cover;
	background-repeat: no-repeat;
}

*/









.recruitbg {position: relative; float:left; background:url(../images/recruit/recruit_bg.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.recruit_tit {width:498px; position:absolute;  left:50%; margin-left:-249px; top:150px; }
.recruit_download {position:absolute; top:200px; left:250px; }
.recruit_txt {position:absolute; top:200px; right:250px; }


.recruit_list {width:1420px; margin:0 auto;}
.recruit_list ul {margin-top:300px;}
.recruit_list ul li{width:460px; height:230px; float:left; margin-right:20px; margin-top:20px;}
.recruit_list ul li.ing { background:url(../images/recruit/recruit_ing_bg.png) no-repeat;}
.recruit_list ul li.finish {background:url(../images/recruit/recruit_finish_bg.png) no-repeat;}
.recruit_list ul li:nth-child(3) {margin-right:0px;}
.recruit_list ul li:nth-child(6) {margin-right:0px;}

.recruit_list ul li.ing .inarea {padding:20px 30px; transform:skew(-0.03deg);}
.recruit_list ul li.ing .inarea .btn {width:110px; float:left;}
.recruit_list ul li.ing .inarea .num {color:#00b6ff; font-size:16px; float:right; padding-top:10px;;}
.recruit_list ul li.ing .inarea .tit {font-size:22px; color:#fff; float:left; padding:30px 0px;  font-weight:600}
.recruit_list ul li.ing .inarea .date {border-top:1px solid rgba(255,255,255,0.3); float:left; width:100%; padding-top:20px;}
.recruit_list ul li.ing .inarea .date span.day {color:#fff; font-size:16px; float:left;}
.recruit_list ul li.ing .inarea .date span.dday {color:#00b6ff; font-size:16px; float:right;}


.recruit_list ul li.finish .inarea {padding:20px 30px; transform:skew(-0.03deg);}
.recruit_list ul li.finish .inarea .btn {width:110px; float:left;}
.recruit_list ul li.finish .inarea .num {color:rgba(0,0,0,0.7); font-size:16px; float:right; padding-top:10px; }
.recruit_list ul li.finish .inarea .tit {font-size:22px; color:rgba(0,0,0,0.7); float:left; padding:30px 0px; font-weight:600;}
.recruit_list ul li.finish .inarea .date {border-top:1px solid rgba(255,255,255,0.3); float:left; width:100%; padding-top:20px;}
.recruit_list ul li.finish .inarea .date span.day {color:rgba(0,0,0,0.7); font-size:16px; float:left;}
.recruit_list ul li.finish .inarea .date span.dday {color:rgba(0,0,0,0.7); font-size:16px; float:right;}






.write_detail {width:100%; background:#ebebeb;  padding:110px 0px 60px 0px; overflow:hidden;}
.write_detail .write {width:1200px; background:#fff; margin:0px auto 150px auto; overflow-y:scroll; overflow-x:hidden; }
.write_detail .write::-webkit-scrollbar { 
    display: none !important; 
}
.write_detail .write span.write_tit {background:#006ab4; padding:45px 50px; color:#fff; width:100%; overflow:hidden; float:left;}
.write_detail .write span.write_application {background:#fff; padding:20px 50px; width:100%; overflow:hidden; float:left;}
.write_detail .write span.write_application .privacy {width:100%; border-bottom:1px solid #000; padding-bottom:20px; transform:skew(-0.03deg); float:left; }
.write_detail .write span.write_application .privacy span.agree_txt {color:#000; font-size:16px; float:left; padding-right:30px; padding-top:10px;}
.write_detail .write span.write_application .privacy span.agree_btn {background:#006ab4; text-align:center; width:90px; color:#fff; height:35px; float:left; overflow:hidden; padding:8px 0px;}
.write_detail .write span.write_application .privacy span.agree_btn {background:#006ab4; text-align:center; width:90px; color:#fff; height:35px; float:left; overflow:hidden; padding:8px 0px;}
.write_detail .write span.write_application .privacy span.check { font-size:16px; color:#000; float:left;  padding:8px;}
.write_detail .write span.write_application .privacy span.check select, input, textarea{width:22px;  height:22px;padding-left:10px; background:#fff; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.write_detail .write span.write_application dl {border-bottom:1px solid rgba(0,0,0,0.05); padding:20px 0px; float:left; }
.write_detail .write span.write_application dl:last-child {border-bottom:none;  }
.write_detail .write span.write_application dl dt {font-size:18px; color:#000; transform:skew(-0.03deg); width:145px; float:left; padding-top:15px;}
.write_detail .write span.write_application dl dd {font-size:18px; color:#000; transform:skew(-0.03deg); float:left;}
.write_detail .write span.write_application dl dd input { height:45px; border:1px solid rgba(0,0,0,0.3); float:left; }
.write_detail .write span.write_application dl dd p.s-txt {font-size:14px; color:rgba(0,0,0,0.7); padding-top:10px; float:left;}

.write_detail .write span.write_application dl dt.answer {width:100%; padding-bottom:10px;}
.write_detail .write span.write_application dl dt.answer span.small_txt { padding-left:40px; font-size:14px;}


.application_btn {width:100%; background:#363636 url(../images/recruit/t_detail_bg.png) repeat-x left top; text-align:center; position:fixed; bottom:0; padding:40px 0px;}



.checks {position: relative; padding-top:5px; width:200px; float:left;} 
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 25px; height: 25px; text-align: center; background: #fff; border: 1px solid #000; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px #006ab4 inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="radio"]:checked + label:before { background: #fff; border-color: #006ab4; } 
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top:2px; left:6px; width: 13px; height: 13px; background: #006ab4; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }


.checks_1 {position: relative; padding-top:5px; width:200px; float:left;} 
.checks_1 input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks_1 input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks_1 input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 25px; height: 25px; text-align: center; background: #fff; border: 1px solid #000; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
.checks_1 input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px #006ab4 inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks_1 input[type="radio"]:checked + label:before { background: #fff; border-color: #006ab4; } 
.checks_1 input[type="radio"]:checked + label:after { content: ''; position: absolute; top:2px; left:6px; width: 13px; height: 13px; background: #006ab4; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }


.my_application {position: relative; float:left; background:url(../images/recruit/my_application.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.my_application .my_tit {width:354px; height:138px; margin:0 auto; padding-top:170px;}
.my_application .lookup {width:830px; height:500px; margin:0 auto; padding-top:40px; background:#fff; margin-top:180px; position:relative;}
.my_application .lookup .myarea {width:430px;  margin:0 auto; overflow:hidden;}
.my_application .lookup .myarea .look_tit {font-size:32px; font-weight:600; color:#099fd9; margin:0 auto; width:130px; margin-bottom:30px;}
.my_application .lookup .myarea dl.connectarea {width:430px; float:left; border-top:1px solid #000; border-bottom:1px solid #000; }
.my_application .lookup .myarea dl.connectarea dt {float:left; width:100px; font-size:18px; padding-top:35px; height:86px; }
.my_application .lookup .myarea dl.connectarea dd {padding-left:20px; float:left; border-bottom:1px solid rgba(0,0,0,0.1); padding:20px 0px;}
.my_application .lookup .myarea dl.connectarea dd input { height:45px; float:left; background:#fff; border:1px solid rgba(0,0,0,0.3); }
.my_application .lookup .myarea dl.connectarea dt:last-child { border:none;}
.my_application .lookup .myarea dl.connectarea dd:last-child { border:none;}

.my_application .lookup .connectbtn {width:100%; background:url(../images/recruit/application_bg.png) no-repeat; background-size:100% 90px; height:90px; position:absolute; bottom:0px;}
.my_application .lookup .connectbtn span.ok_btn {margin:0 auto; width:108px; left:50%; position:absolute; margin-left:-54px; top:20px;}






.talk_bg {position: relative; float:left; background:url(../images/recruit/talk_bg.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.talk_bg .talk_tit {width:449px; height:113px; margin:0 auto; padding-top:170px;}

.talk_bg .talk_box {width:1245px; height:600px; position:relative; margin-top:150px; left:50%; margin-left:-622px; background:#fff; }
.talk_bg .talk_box .tab_tit {border-bottom:1px solid #000000; float:left; margin:30px 100px 0px 100px; width:1045px;    }
.talk_bg .talk_box .tab_tit ul {width:395px; 2021-06-03 }
.talk_bg .talk_box .tab_tit ul li { float:left; width:195px; font-size:26px; padding:5px 35px 0px 35px; color:rgba(0,0,0,0.6);  border-right:1px solid rgba(0,0,0,0.1); margin-bottom:15px; font-weight:600; }
.talk_bg .talk_box .tab_tit ul li:first-child{padding-left:0;}
.talk_bg .talk_box .tab_tit ul li:last-child{ border-right:none; padding-right:0;}
.talk_bg .talk_box .tab_tit ul li.active a {color:#0069df;}
.talk_bg .talk_box .tab_tit .Question_btn {float:right; margin-bottom:5px;}

.talk_bg .talk_box .accordionArea { position:relative; float:left;margin:0px 100px; width:1045px; overflow:hidden;  }








.accordion {
  width: 100%;
  max-width: 1045px;
  margin: 0px auto 0px;
  background: #FFF;
  overflow-y:scroll;
  height:480px;
 
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 25px 15px 20px 20px;
  color: #0069df;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transform:skew(-0.03deg);
}

.accordion .link span.q {padding-right:20px;}



.accordion li i {
  position: absolute;
  top: 25px;
  left: 12px;
  font-size: 18px;
  color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}



.accordion li.open i {   color: rgba(0,0,0,0.5); }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  font-size: 14px;
  transform:skew(-0.03deg);
  font-weight:600;
  line-height:20px;
}

.submenu li { border-bottom: 1px solid rgba(0,0,0,0.1); overflow:hidden; width:100%; }
.submenu li span.a {padding:20px ; float:left; }

.submenu a {
  text-decoration: none;
  color: rgba(0,0,0,0.5);
  padding:20px 0px;
  float:left;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width:90%;
 
}


section.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
}
section.modalWindow {
    display: none;
    position: absolute;
    top:318px;;
    left: 50%;
    z-index: 999 !important;
    width:1245px;
    height:602px;
    margin-left: -622px;
    background: #FFF;
    cursor: default;
}




section.modal.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 997;
    cursor: pointer;
}
section.modalWindow section.modalWrapper {
   

    text-align:center;
    line-height: 20px !important;
  height: 300px;
}

section.modalWindow section.modalWrapper h2 { margin: 45px 100px 20px 100px; font-size:32px; width:1046px; border-bottom:1px solid #000; padding-bottom:20px; font-weight:600; color:#00b0dc;}
section.modalWindow section.modalWrapper p.text-center {font-size:16px; color:rgba(0,0,0,0.7);  transform:skew(-0.03deg);}

section.modalWindow section.modalWrapper .ok_area {width:100%; background:url(../images/recruit/application_bg.png) no-repeat; background-size:100% 90px; height:90px; position:absolute; bottom:0px; }
section.modalWindow section.modalWrapper span.ok_btn { margin:0 auto; width:108px; left:50%; position:absolute; margin-left:-54px; top:20px;}
section.modalWindow section.modalWrapper .answer {margin:80px 140px; }
section.modalWindow section.modalWrapper .form_area {float:left;  width:440px;}
section.modalWindow section.modalWrapper .form_area dl.form { width:465px; float:left; border-bottom:1px solid rgba(0,0,0,0.1);  padding:15px 0px; }
section.modalWindow section.modalWrapper .form_area dl.form dt {text-align:left; width:112px;  font-size:18px; color:#000; float:left; padding-top:15px; }
section.modalWindow section.modalWrapper .form_area dl.form dd {float:left;}
section.modalWindow section.modalWrapper .form_area dl:last-child.form { border-bottom:none;}



.closeBtn {
    position: absolute;
    right: 100px;
    top: 35px;
    cursor: pointer;
}





.movie {position: relative; float:left; background:url(../images/promote/movie_bg.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.movie .video_area {width:1010px; height:674px; position:absolute; left:50%; margin-left:-505px; top:220px; }
.movie .video_top {position:absolute; left:50%;  margin-left:-159px; width:318px;  top:109px; z-index:99999;}
.movie .video_area  { background:url(../images/promote/video_line.png) no-repeat; width:1006px; height:568px; }
.movie .video_area #cont_movie{z-index:99999; margin:4px 5px 0px 4px; }
.movie .left_category {width:300px; height:799px; position:absolute; top:90px; left:10px;  background:url(../images/promote/left_category.png) no-repeat;}
.movie .left_category .text-area { margin:40px 0px 0px 30px; color:#fff; }
.movie .left_category .text-area dl {margin-top:15px; width:100%; float:left; transform:skew(-0.03deg); font-size:12px; color:#fff; }
.movie .left_category .text-area dl dt {float:left; overflow:hidden; height:100%; line-height:18px;}
.movie .left_category .text-area dl dd {width:200px; height:100%; margin-left:120px; line-height:18px; }
.movie .left_category .text-area dl:active { color:#3399c2;}
.movie .left_category .text-area dl:hover { color:#3399c2;}

.movie .right_category {width:300px; height:840px; position:absolute; top:90px; right:10px;  background:url(../images/promote/right_category.png) no-repeat;}
.movie .right_category .text-area { margin:40px 0px 0px 30px; color:#fff; }
.movie .right_category .text-area dl {margin-top:15px; width:100%; float:left; transform:skew(-0.03deg); font-size:12px; color:#fff; }
.movie .right_category .text-area dl dt {float:left; overflow:hidden; height:100%;}
.movie .right_category .text-area dl dd {width:200px; height:100%; margin-left:120px; line-height:18px; }
.movie .right_category .text-area dl:active { color:#3399c2;}
.movie .right_category .text-area dl:hover { color:#3399c2;}


.movie .left_category_01 {width:300px; height:830px; position:absolute; top:90px; left:10px;  background:url(../images/promote/left_category_01.png) no-repeat;}
.movie .left_category_01 .text-area { margin:40px 0px 0px 30px; color:#fff; }
.movie .left_category_01 .text-area dl {margin-top:15px; width:100%; float:left; transform:skew(-0.03deg); font-size:12px; color:#fff; }
.movie .left_category_01 .text-area dl dt {float:left; overflow:hidden; height:100%; line-height:18px; }
.movie .left_category_01 .text-area dl dd {width:200px; height:100%; margin-left:120px; line-height:18px; }
.movie .left_category_01 .text-area dl:active { color:#3399c2;}
.movie .left_category_01 .text-area dl:hover { color:#3399c2;}
.movie .right_category_01 {width:300px; height:830px; position:absolute; top:90px; right:10px;  background:url(../images/promote/right_category_01.png) no-repeat;}
.movie .right_category_01 .text-area { margin:40px 0px 0px 30px; color:#fff; }
.movie .right_category_01 .text-area dl {margin-top:15px; width:100%; float:left; transform:skew(-0.03deg); font-size:12px; color:#fff; }
.movie .right_category_01 .text-area dl dt {float:left; overflow:hidden; height:100%;}
.movie .right_category_01 .text-area dl dd {width:200px; height:100%; margin-left:120px; line-height:18px; }
.movie .right_category_01 .text-area dl:active { color:#3399c2;}
.movie .right_category_01 .text-area dl:hover { color:#3399c2;}




.arrow {position: absolute;
  bottom: 100px;
  left: 200px; 
  z-index:99999; }

#section07 a {
  padding-top: 80px;
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



#section08 a {
  padding-top: 60px;
}
#section08 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section08 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}









#section03 a {
  padding-top: 60px;
}
#section03 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
  background:#fff
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,1.8);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



#section04 a {
  padding-top: 60px;
}
#section04 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}





.group_1 {position: relative; float:left; background:url(../images/group/group_bg1.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_1 .tit_1 {position:absolute; left:100px; top:160px; }
.group_1 .g_btn {position:absolute; left:100px; top:340px; }
.group_1 .g_btn li {margin-top:30px;}
.group_1 .text_1_1 {position:absolute; right:84px; top:437px;}


.group_2 {position: relative; float:left; background:url(../images/group/group_bg1_2.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_2 .tit_1 {position:absolute; left:100px; top:160px; }
.group_2 .g_btn {position:absolute; left:100px; top:340px; }
.group_2 .g_btn li {margin-top:30px;}
.group_2 .text_1_1 {position:absolute; right:84px; top:437px;}

.group_3 {position: relative; float:left; background:url(../images/group/group_bg1_3.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_3 .tit_1 {position:absolute; left:100px; top:160px; }
.group_3 .g_btn {position:absolute; left:100px; top:340px; }
.group_3 .g_btn li {margin-top:30px;}
.group_3 .text_1_1 {position:absolute; right:84px; top:437px;}


.group_4 {position: relative; float:left; background:url(../images/group/group_bg2_1.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_4 .tit_1 {position:absolute; left:100px; top:160px; }
.group_4 .g_btn {position:absolute; left:100px; top:340px; }
.group_4 .g_btn li {margin-top:30px;}
.group_4 .text_1_1 {position:absolute; right:84px; top:437px;}


.group_5 {position: relative; float:left; background:url(../images/group/group_bg2_2.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_5 .tit_1 {position:absolute; left:100px; top:160px; }
.group_5 .g_btn {position:absolute; left:100px; top:340px; }
.group_5 .g_btn li {margin-top:30px;}
.group_5 .text_1_1 {position:absolute; right:84px; top:437px;}


.group_6 {position: relative; float:left; background:url(../images/group/group_bg2_3.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_6 .tit_1 {position:absolute; left:100px; top:160px; }
.group_6 .g_btn {position:absolute; left:100px; top:340px; }
.group_6 .g_btn li {margin-top:30px;}
.group_6 .text_1_1 {position:absolute; right:84px; top:437px;}


.group_7 {position: relative; float:left; background:url(../images/group/group_bg3_1.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_7 .tit_1 {position:absolute; left:100px; top:160px; }
.group_7 .g_btn {position:absolute; left:100px; top:340px; }
.group_7 .g_btn li {margin-top:30px;}
.group_7 .text_1_1 {position:absolute; right:84px; top:437px;}


.group_8 {position: relative; float:left; background:url(../images/group/group_bg3_2.png) no-repeat; background-size:cover; width:100%; height:100vh;}
.group_8 .tit_1 {position:absolute; left:100px; top:160px; }
.group_8 .g_btn {position:absolute; left:100px; top:340px; }
.group_8 .g_btn li {margin-top:30px;}
.group_8 .text_1_1 {position:absolute; right:84px; top:437px;}






.slider, 
.slider > div {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    overflow: hidden;
    -moz-transition: transform .4s;
    -o-transition: transform .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s;
}

.slider > div {
    position: absolute;
}

.slider > i {
    color: #5bbd72;
    position: absolute;2021-06-09
    font-size: 60px;
    margin: 20px;
    top: 40%;
    text-shadow: 0 10px 2px #223422;
    transition: .3s;
    width: 120px;
    padding: 10px 13px;


    cursor: pointer;
    line-height: 0;
    box-sizing: content-box;
    border-radius: 3px;
    z-index: 99999999999;
}



.slider > .left {
    left: -100px;
}
.slider > .right {
    right: -100px;
}
.slider:hover > .left {
    left: 0;
}
.slider:hover > .right {
    right: 0;
}



.slider > i.right:hover {
    transform: translateX(2px);
}

.slider > i.right:active,
.slider > i.left:active {
    transform: translateY(1px);
}

.slider:hover > div {
    transform: scale(1.01);
}

.hoverZoomOff:hover > div {
    transform: scale(1);
}

.slider > ul {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 4;
    padding: 0;
    margin: 0;
    transform: translateX(-50%);
}

.slider > ul > li {
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    list-style: none;
    float: left;
    margin: 10px 10px 0;
    cursor: pointer;
    border: 1px solid #fff;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.slider > ul > .showli {
    background-color: #7EC03D;
    -moz-animation: boing .5s forwards;
    -o-animation: boing .5s forwards;
    -webkit-animation: boing .5s forwards;
    animation: boing .5s forwards;
}

.slider > ul > li:hover {
    background-color: #7EC03D;
}

.slider > .show {
    z-index: 1;
}

.hideDots > ul {
    display: none;
}

.showArrows > .left {
    left: 0;
}

.showArrows > .right {
    right: 0;
}

.titleBar {
    z-index: 2;
    display: inline-block;
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    bottom: 0;
    transform: translateY(100%);
    padding: 20px 30px;
    transition: .3s;
    color: #fff;
}

.titleBar * {
    transform: translate(-20px, 30px);
    transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
    opacity: 0;
}

.titleBarTop .titleBar * {
    transform: translate(-20px, -30px);
}

.slider:hover .titleBar,
.slider:hover .titleBar * {
    transform: translate(0);
    opacity: 1;
}

.titleBarTop .titleBar {
    top: 0;
    bottom: initial;
    transform: translateY(-100%);
}

.slider > div span {
    display: block;
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    padding: 0;
    width: 100%;
}


@keyframes boing {
    0% {
        transform: scale(1.2);
    }
    40% {
        transform: scale(.6);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(.8);
    }
    100% {
        transform: scale(1);
    }
}

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

#slider2 {
    width: 100%;
  
}

.row2Wrap {
    display: flex;
}

.content {
    padding: 50px;
    margin-bottom: 100px;
}





.arrow-container{
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  

}









.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}



#section02 a {
  padding-top: 60px;
}
#section02 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section02 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



.back_button a{position:fixed; top:80px; right:0px; width:131px; height:131px; z-index:999; }



/* ------------NEW �������----------------- */

.tabArea .new_businessArea1 {width:100%; height:142px; background:url(../images/company/developer_bg.png) no-repeat left 0px; background-size:100% 142px; }
.tabArea .new_businessArea1 .developer_tit {text-align:center; padding:37px 0px 35px 0px;}


.tabArea .new_businessArea2 {width:100%; height:142px; background:url(../images/company/urban_bg.png) no-repeat left 0px; background-size:100% 142px; }
.tabArea .new_businessArea2 .urban_tit {text-align:center; padding:37px 0px 35px 0px;}

.tabArea .new_businessArea3 {width:100%; height:142px; background:url(../images/company/general_bg.png) no-repeat left 0px; background-size:100% 142px; }
.tabArea .new_businessArea3 .general_tit {text-align:center; padding:37px 0px 35px 0px;}

.tabArea .new_businessArea4 {width:100%; height:142px; background:url(../images/company/sculptural_bg.png) no-repeat left 0px; background-size:100% 142px; }
.tabArea .new_businessArea4 .sculptural_tit {text-align:center; padding:37px 0px 35px 0px;}

.tabArea .new_businessArea5 {width:100%; height:142px; background:url(../images/company/steel_bg.png) no-repeat left 0px; background-size:100% 142px; }
.tabArea .new_businessArea5 .steel_tit {text-align:center; padding:37px 0px 35px 0px;}
/* ------------NEW �������----------------- */
.developer_img img {width:100%; height:100%;}




.businessArea {top:80px; position: absolute; width:100%; height:100%;}
.businessArea .bus_tit {text-align:center; padding-top:128px;}

.tabArea {width:100%; height:68px; background:url(../images/company/tab_bg.png) no-repeat left top; background-size:100% 68px; position:fixed; top:80px; z-index:99; }

@media all and (max-width:1920px){
.tabArea {width:1920px;}
}

ul.tabs {width:1236px; margin:0 auto; padding:0; list-style:none; height:68px;}
ul.tabs li {width:245px; float: left; margin: 0; cursor: pointer; text-align:center; line-height: 68px; border-left: 1px solid rgba(255,255,255,0.4); color: #fff; overflow: hidden; position: relative; font-size:24px;}
ul.tabs li a {color: #fff; overflow: hidden; position: relative; font-size:24px; width:245px; height:68px; float:left;}
.tab_last { border-right: 1px solid rgba(255,255,255,0.4); }
ul.tabs li a:hover {background-color: #fff; color: #494949;}
ul.tabs li.active {background-color: #fff; color: #494949; display: block; width:245px; height:68px;}
ul.tabs li.active a {background-color: #fff; color: #494949; display: block;  width:245px; height:68px;}

.tab_container {
	z-index:9999;
    position:absolute;
	clear: both;
	top:142px;
	width: 100%;
	background: #000;

	
}

.tab_content {

	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
}






.tab_content .architecture_bg { position: relative; float:left; background:url(../images/company/architecture_1_bg.png) no-repeat left top; background-size:100% 152px; width:100%; height:100%;}
.tab_content .architecture_bg .architecture_tit {text-align:center; padding:37px 0px 35px 0px;}
.tab_content .architecture_bg .architecture_img {width:100%;}
.tab_content .architecture_bg .architecture_img img {width:100%;}
.tab_content .architecture_bg .archi_txt {background:url(../images/company/architecture_bg_2.png) no-repeat left top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .architecture_bg .archi_txt_2 {background:url(../images/company/architecture_bg_3.png) no-repeat right top; background-size:1438px 445px; width:100%; height:445px; text-align:center; padding-top:50px;}
.tab_content .architecture_bg .archi_txt_3 {background:url(../images/company/architecture_bg_4.png) no-repeat left top; background-size:1438px 368px; width:100%; height:368px; text-align:center; padding-top:50px;}
.tab_content .architecture_bg .top_btn { position: absolute; bottom:10px; left:50%; margin-left:-32px; width:64px; height:37px; cursor:pointer;}



.tab_content .architecture_1_bg { position: relative; float:left; background:url(../images/company/architecture_bg.png) no-repeat left top; background-size:100% 152px; width:100%; height:100%;}
.tab_content .architecture_1_bg .architecture_1_tit {text-align:center; padding:37px 0px 35px 0px;}
.tab_content .architecture_1_bg .architecture_1_img {width:100%;}
.tab_content .architecture_1_bg .architecture_1_img img {width:100%;}
.tab_content .architecture_1_bg .archi_1_txt {background:url(../images/company/architecture_bg_2.png) no-repeat left top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .architecture_1_bg .archi_1_txt_2 {background:url(../images/company/architecture_bg_3.png) no-repeat right top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .architecture_1_bg .archi_1_txt_3 {background:url(../images/company/architecture_bg_4.png) no-repeat left top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .architecture_1_bg .top_btn { position: absolute; bottom:10px; left:50%; margin-left:-32px; width:64px; height:37px; cursor:pointer;}




.tab_content .civileng_bg { position: relative; float:left; background:url(../images/company/civil_bg.png) no-repeat left top; background-size:100% 152px; width:100%; height:100%;}
.tab_content .civileng_bg .civileng_tit {text-align:center; padding:37px 0px 35px 0px;}
.tab_content .civileng_bg .civileng_img {width:100%;}
.tab_content .civileng_bg .civileng_img img {width:100%;}
.tab_content .civileng_bg .civileng_txt {background:url(../images/company/architecture_bg_2.png) no-repeat left top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .civileng_bg .civileng_txt_2 {background:url(../images/company/architecture_bg_3.png) no-repeat right top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .civileng_bg .civileng_txt_3 {background:url(../images/company/architecture_bg_4.png) no-repeat left top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .civileng_bg .top_btn { position: absolute; bottom:10px; left:50%; margin-left:-32px; width:64px; height:37px; cursor:pointer;}




.tab_content .civileng_1_bg { position: relative; float:left; background:url(../images/company/civil_bg_1.png) no-repeat left top; background-size:100% 152px; width:100%; height:100%;}
.tab_content .civileng_1_bg .civileng_1_tit {text-align:center; padding:37px 0px 35px 0px;}
.tab_content .civileng_1_bg .civileng_1_img {width:100%;}
.tab_content .civileng_1_bg .civileng_1_img img {width:100%;}
.tab_content .civileng_1_bg .civileng_1_txt {background:url(../images/company/architecture_bg_2.png) no-repeat left top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .civileng_1_bg .civileng_1_txt_2 {background:url(../images/company/architecture_bg_3.png) no-repeat right top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .civileng_1_bg .civileng_1_txt_3 {background:url(../images/company/architecture_bg_4.png) no-repeat left top; background-size:1438px 330px; width:100%; height:330px; text-align:center; padding-top:50px;}
.tab_content .civileng_1_bg .top_btn { position: absolute; bottom:10px; left:50%; margin-left:-32px; width:64px; height:37px; cursor:pointer;}



.paging {
    text-align: center;
    position: relative;
    margin: 30px 0px 50px 0px;
	width:1903px;
	float:left;
}
.paging ul {
    overflow: hidden;
    display: inline-block;
}
.paging ul li {
    margin: 0 3px;
    float: left;
}
.paging ul li.active a {

    color: #fff;
    background: #77af06;
}
.paging ul li.first a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
  background:url(http://asialand.co.kr/image/recruitment/paging_fir.png) no-repeat center center;
}
.paging ul li.prev a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background:url(http://asialand.co.kr/image/recruitment/paging_prv.png) no-repeat center center;
    margin-right: 20px;
}
.paging ul li.next a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
   background:url(http://asialand.co.kr/image/recruitment/paging_nxt.png) no-repeat center center;
    margin-left: 20px;
}
.paging ul li.last a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width:34px;
    height:34px;
    display: inline-block;
    background:url(http://asialand.co.kr/image/recruitment/paging_end.png) no-repeat center center;
}
.paging ul li a {
    width: 34px;
    height: 34px;
	text-align:center;
    color: #333;
    line-height: 32px;
    display: inline-block;
    box-sizing: border-box;
}

@media (max-width: 1600px) {
.paging  {width:1600px; }

}