.md-block{display: none;}
@media (max-width: 1024px){
	.md-block{display:block}
}

.company_main{overflow:hidden;position:relative;width:100%;height:100vh}
.sub_main .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;transition:all 5s;transform:scale(1.14)}
.company_main .bg{background:url(../../renewal_img/sub/company/company_main.jpg) no-repeat 50% 50%;background-size:cover}
.bg.scale{transform:scale(1) !important}
.timeline_head{height:150px;background:#0f151a}
.timeline_head .year_inner{position:relative;max-width:1380px;height:100%;margin:auto;text-align:center}
.timeline_head .year_inner h3{padding-top:50px;padding-bottom:30px;font-size:16px;letter-spacing:10px;font-family:'Noah';color:rgba(255,255,255,0.5)}
.timeline_head .year_text{font-size:48px;color:rgba(255,255,255,0.02);font-family:'Noah';letter-spacing:20px;font-weight:700;line-height:1}
.timeline_head .left_year{position:absolute;left:0;bottom:30px}
.timeline_head .right_year{position:absolute;right:0;bottom:30px}
.timeline_head .year{position:relative;display:inline-block;text-align:center;line-height:1}
.timeline_head .year li{width:50px;position:relative;float:left;text-align:center}
.timeline_head .year li:after{z-index:0;content:'';position:absolute;top:50%;transform:translatey(-50%);right:22px;display:block;width:100%;height:3px;background-color:#151b1f}
.timeline_head .year li:first-child:after{display:none}
.timeline_head .year li em{z-index:10;position:relative;display:inline-block;width:16px;height:16px;background:#3d444b;border-radius:50%;cursor:pointer}
.timeline_head .year li.active em,.timeline_head .year li em:hover{position:relative;border:2px solid #fff;background:none}
.timeline_head .year li.active em:after,.timeline_head .year li.hover em:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.timeline_head .year li span{position:absolute;bottom:38px;left:50%;transform:translatex(-50%);display:block;background:#fff;font-size:24px;width:80px;height:40px;line-height:40px;font-weight:700;opacity:0;visibility:hidden;font-family:'Noah';transition:all ease .3s;border-radius:3px}
.timeline_head .year li.active span{opacity:1;visibility:inherit}
.timeline_head .year li.active_half span{z-index:20;opacity:.3}
.timeline_head .year li span:after{display:block;content:'';width:12px;height:8px;background:url(../../renewal_img/sub/company/year_edge.png) no-repeat 0 0;position:absolute;left:50%;transform:translatex(-50%)}
.timeline_head .year li.hover span{z-index:30;opacity:1;visibility:inherit}


.sales_wr{display: flex;justify-content: space-between;}
.company_half{width:calc(50% - 10px);}

.sales_year{background:url(../../renewal_img/sub/company/navi.png) no-repeat 0 0;width: 470px;margin: 0 auto;height: 90px;font-size: 30px;font-weight: 700;text-align: center;padding-top: 22px;}
.sales_year div{overflow: hidden;height: 45px;position: relative;}
.sales_year p{text-align: center;color: #fff;opacity: 0;transition:all 0.4s;transform:translate(-50%,100%);position: absolute;top:0;left: 50%;}
.sales_year p:nth-child(1){position: static;}
.sales_year .n1 p:nth-child(1){opacity: 1;transform:translate(0%,0%);}

.sales_year .n2 p:nth-child(1){transform:translate(0%, -100%);}
.sales_year .n2 p:nth-child(2){transform:translate(-50%,0%);opacity: 1;}

.sales_year .n3 p:nth-child(2){transform:translate(-50%,-100%);}
.sales_year .n3 p:nth-child(3){transform:translate(-50%,0%);opacity: 1;}

.sales_year .n4 p:nth-child(3){transform:translate(-50%,-100%);}
.sales_year .n4 p:nth-child(4){transform:translate(-50%,0%);opacity: 1;}


.sales_wrap{height:100%;background:url(../../renewal_img/sub/company/company_bg01.jpg) no-repeat 0 0;background-size:cover}
.sales_inner{max-width:1640px;margin:auto;padding-top: 100px;}
.sales_wrap .sec_sales{margin-bottom:50px}
.sales_wrap .sec_sales:after{display:block;content:'';clear:both}
/* .sales_wrap .left{float:left} */
.sales_wrap .left.sales_graph{height:450px;background:url(../../renewal_img/sub/company/sales_bg.png) no-repeat 0 0;display: flex;justify-content:center;padding-top: 80px;}
.sales_graph{position: relative;}
.sm_val{position: absolute;bottom: 60px;left: 0;right: 0;font-size: 20px;color: #cccccc;text-align: center;}
.bar_chart{height: 205px;width:73%;padding-left: 120px;}
.bar_chart_wr{position: relative;height: 100%;padding-top: 40px;}
.sales_graph .line{float: left;width: 1px;height: 100%;background-color: #24272a;position: absolute;top: 0;}
.sales_graph .line.bar_chart_1{background-color: #007ab3;left: 0;}
.sales_graph .line.bar_chart_2{left: 9.09%;}
.sales_graph .line.bar_chart_3{left: 18.09%;}
.sales_graph .line.bar_chart_4{left: 27.09%;}
.sales_graph .line.bar_chart_5{left: 36.09%;}
.sales_graph .line.bar_chart_6{left: 45.09%;}
.sales_graph .line.bar_chart_7{left: 53.09%;}
.sales_graph .line.bar_chart_8{left: 62.09%;}
.sales_graph .line.bar_chart_9{left: 71.09%;}
.sales_graph .line.bar_chart_12{left: 80.09%;}
.sales_graph .line.bar_chart_10{right: 9.09%;}
.sales_graph .line.bar_chart_11{right: 0;}
.chart_line{position: relative;height: 50px;z-index: 2;}
.chart_line+.chart_line{margin-top: 20px;}
.chart_line .label{position: absolute;left: -120px;line-height: 50px;font-size: 18px;color: #888;}
.prog{position: relative;height: 50px;
background: -webkit-gradient(linear, left top, right top, color-stop(0.31, #027bb3), color-stop(1, #7db03f));
	background: -moz-linear-gradient(left, #027bb3 31%, #7db03f 100%);
	background: -webkit-linear-gradient(left,  #027bb3 31%, #7db03f 100%);
	background: -o-linear-gradient(left,  #027bb3 31%, #7db03f 100%);
	background: -ms-linear-gradient(left,  #027bb3 31%, #7db03f 100%);
	background: linear-gradient(left,  #027bb3 31%, #7db03f 100%);
	transition: all 1.2s;
	border-radius: 0 3px 3px 0;width: 0; transition:width all 0.4s;width: 0%;}
.prog .val{display: block;position: absolute;line-height: 50px;height: 50px;color: #fff;font-size: 22px;white-space:nowrap;right: 5%;}


.sales_wrap .right.work_count{height:460px;background:url(../../renewal_img/sub/company/work_bg.png) no-repeat 0 0}

.sales_wrap .sec_sales .right{}
.sales_wrap .sec_work .left{}
.sales_wrap .info{color:#fff}

.company_half h3{color: #fff;font-size: 50px;margin-bottom: 30px;text-align: center;}

/* .sales_wrap .info h3:after{position:absolute;bottom:40px;display:block;content:'';width:300%;height:1px;background:linear-gradient(95deg,#89b540,#137ab6);animation:Aanigd 3s ease infinite;background-size:200% 200%} */
.sales_wrap .info p{font-size:22px;line-height:36px}

.sales_wrap .info.right h3:after{bottom:0}

.sales_wrap .info.right h3,
.sales_wrap .info.right p{opacity: 0;transform: translateY(70px);transition:all 1s cubic-bezier(0.5,1,0.89,1);}
.sales_wrap .info.right p{transition-delay:0.17s;}
.sales_wrap .info.right h3.inview,
.sales_wrap .info.right p.inview{opacity: 1;transform:translateY(0px);}

.sales_wrap .info.left h3:after{right:0;bottom:0}
.sales_wrap .sec_work:after{display:block;content:'';clear:both}

.sales_wrap .sec_work h3,
.sales_wrap .sec_work p{opacity: 0;transform: translateY(70px);transition:all 1s cubic-bezier(0.5,1,0.89,1);}
.sales_wrap .sec_work p{transition-delay:0.17s;}
.sales_wrap .sec_work h3.inview,
.sales_wrap .sec_work p.inview{opacity: 1;transform:translateY(0px);}

.sales_wrap .sec_work .work_count{opacity: 0;transform: translateY(70px);transition:all 1s cubic-bezier(0.5,1,0.89,1);padding-top: 40px;}
.sales_wrap .sec_work .work_count.inview{opacity: 1;transform:translateY(0px);}
.sales_wrap .sec_work .work_count .cicle_text{padding-top:80px;width:260px;height:260px;margin:0 auto 0;background-image:url(../../renewal_img/sub/company/count_circle.png);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center}
.sales_wrap .sec_work .work_count .cicle_text .count_recruit{display:block;font-size:26px;color:#4d4d4d;margin-bottom:5px;line-height:1}
.sales_wrap .sec_work .work_count .cicle_text .count_number{line-height:1;margin-bottom:35px;color:#fff;font-size:40px}
.sales_wrap .sec_work .work_count .cicle_text .count_number span{font-size:60px;
   background: linear-gradient(to right, #14829f, #bad277);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.work_count p{color: #cccccc;font-size: 20px;text-align: center;padding-top: 30px;}

.sales_wrap .sec_work .work_count .cicle_text .count_number .person_val{width: 108px;text-align:right;display:inline-block;}
.sales_wrap .sec_work .work_count .cicle_text .count_year{display:block;font-size:24px;color:#fff;font-weight:700;line-height:1}
.client_wrap{height: 100%;position:relative}
@-webkit-keyframes MOVE-BG {
	from{background-position:0 0}
	to{background-position:-2000px 0}
}
.client_bg{width:100%;height:100%;background-image:url(../../renewal_img/sub/company/company_bg02.png);background-repeat:repeat-x;background-size:cover;position:absolute;top:0;left:0;z-index:-1;-webkit-animation-name:MOVE-BG;-webkit-animation-duration:100s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}
.client_wrap .client_inner{max-width:1640px;margin:auto;padding-top:130px}
.client_wrap .map{position:relative;float:left}
.client_wrap .map img{max-width:100%}
.client_wrap .map .marker{position:absolute}
.map_img{position:relative;visibility:hidden;transform:scale(0.94);transition:all 2s}
.map_img video{width: 100%;height: 100%;display: block;}
.marker{opacity:0;visibility:hidden;transition:all 1s cubic-bezier(0.68,-0.6,0.32,1.6);margin-top:80px}
.markers_1{top:100px;right:184px;transform:scale(0.7);transition-delay:1.1s}
.markers_2{top:144px;left:200px;transform:scale(0.4);opacity:.6;transition-delay:.1s}
.markers_3{top:175px;left:305px;transform:scale(0.7);transition-delay:.9s}
.markers_4{top:200px;left:240px;transform:scale(0.4);opacity:.6;transition-delay:.6s}
.markers_5{top:225px;left:140px;transform:scale(0.7);transition-delay:.3s}
.markers_6{top:300px;left:235px;transform:scale(1);transition-delay:1s}
.markers_7{top:300px;left:420px;transform:scale(0.4);transition-delay:.4s}
.markers_8{top:410px;left:120px;transform:scale(0.7);transition-delay:.2s}
.markers_9{top:520px;left:240px;transform:scale(0.4);transition-delay:.7s}
.markers_10{top:510px;left:480px;transform:scale(0.7);transition-delay:.5s}
.inview .map_img{transform:scale(1);opacity:1;visibility:visible}
.inview .marker{opacity:1;visibility:visible;margin-top:0}
.inview .markers_2,.inview .markers_4P{opacity:.6}
.client_wrap .client_info{display:block;width:42.68%;padding-top:70px;float:right}
.client_info h3{position:relative;padding-bottom:30px;margin-bottom:50px;font-size:60px;color:#fff}
.client_info h3:after{position:absolute;bottom:40px;display:block;content:'';width: 300%;height:1px;background:linear-gradient(95deg,#89b540,#137ab6);animation:Aanigd 3s ease infinite;background-size:200% 200%;bottom:0}
.client_info p{font-size:22px;line-height:36px;color:#ccc;margin-bottom:100px}

.client_info h3,
.client_info p{opacity: 0;transition:all 1s cubic-bezier(0.5,1,0.89,1);transform: translateY(50px);}

.client_info h3{transition-delay: .3s;}
.client_info p{opacity: 0;transition-delay: .4s;}

.inview.client_info h3,
.inview.client_info p{opacity: 1;}
.inview.client_info h3,
.inview.client_info p{transform: translateY(0px);}


.client_li{overflow:hidden}
.client_li li{text-align:center;float:left;margin-left:2.8%;opacity: 0;visibility: hidden;transform:translateX(-50px);transition:all 1s cubic-bezier(0.5,1,0.89,1);}
.client_li.inview li{opacity: 1;visibility: visible;transform:translateX(0px);}
.client_li li:first-child{margin-left:0}
.client_li li:nth-child(1){transition-delay:0.6s}
.client_li li:nth-child(2){transition-delay:0.7s}
.client_li li:nth-child(3){transition-delay:0.8s}
.client_li li:nth-child(4){transition-delay:0.9s}
.client_li li img{display:block;margin-bottom:25px}
.client_li li span{display:block;font-size:22px;color:#7f7f7f;margin-bottom:20px}
.client_li li em{display:block;border:2px solid #4d4d4d;border-radius:30px;font-size:18px;color:#fff;padding:10px 0}
.sub_main .sm_txt{text-align:center;position:absolute;top:340px;left:50%;transform:translate(-50%);z-index:3}
.sub_main .sm_txt img{display:block;margin:0 auto 40px;max-width:100%}
.sub_main .sm_txt em{display:block;color:#429ef1;font-size:26px;margin-bottom:20px;line-height:1.34;}

.dtwin_main .top_txt_2,
.sub_main .sm_txt .top_txt_3{color:#fff;font-size:20px;line-height:36px}
.top_txt_1,.top_txt_2,.top_txt_3{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(0.5,1,0.89,1)}
.que .top_txt_1,.que .top_txt_2,.que .top_txt_3{opacity:1;transform:translateY(0px)}
.que .top_txt_1{transition-delay:.3s}
.que .top_txt_2{transition-delay:.4s}
.que .top_txt_3{transition-delay:.5s}
.cloud_main{position:relative;width:100vw;height:100vh;overflow:hidden}
.sub_main .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;transition:all 5s;transform:scale(1.14)}
.cloud_main .bg{background:url(../../renewal_img/sub/cloud/cloud_main.jpg) no-repeat 50% 50%;background-size: cover;}
.cloud_main .bg.scale{transform:scale(1)}
.cloud_container{background:#11151a;overflow:hidden;padding-bottom:70px}
.cloud_inner{overflow:hidden;background:url(../../renewal_img/sub/digital/bg.png) no-repeat 100% 490px}
.cloud_inner .cloud_sec .cloud_sec_inner{margin-bottom:110px}
.cloud_inner .section_row01 .cloud_sec_inner{margin-top:195px}
.cloud_sec_inner .cloud_box{height:540px}
.cloud_sec{position:relative}
.cloud_sec:before{position:absolute;top:0;display:block;content:'';width:810px;height:500px;background:#14181d}
.cloud_sec.right:before{right:0}
.cloud_sec.left:before{left:0}
.cloud_sec:after{position:absolute;bottom:40px;display:block;content:'';width:810px;height:1px;background:linear-gradient(95deg,#89b540,#137ab6);animation:Aanigd 3s ease infinite;background-size:200% 200%}
.cloud_sec.left:after{left:0}
.cloud_sec.right:after{right:0}
.cloud_sec .cloud_sec_inner{overflow:hidden;position:relative;width:1200px;margin:auto}
.cloud_sec.right{text-align:right}
.cloud_sec span{display:block;font-size:20px;color:#888}
.cloud_sec strong{display:block;line-height:1;margin-bottom:10px;font-weight:400;font-size:30px;color:#888}
.cloud_sec h3{position:relative;display:block;font-size:36px;margin-bottom:50px}
.cloud_sec p{display:block;font-size:16px;color:#a7a7a7;line-height:27px}
.cloud_sec .info_txt{padding:75px 0 95px}
.cloud_sec.left .info_txt{position:relative}
.cloud_sec.right .info_txt{float:right;text-align:left;padding-left:8.97%}
.cloud_sec.left h3{line-height:43px;color:#32b16c}
.cloud_sec.right h3{line-height:43px;color:#019de6}
.cloud_sec .video{z-index:10}
.cloud_sec.left .video{position:absolute;top:40px;right:0}
.cloud_sec.right .video{position:absolute;top:40px;left:0}
.dtwin_container{background:#11151a;overflow:hidden;padding-bottom:70px}
.dtwin_inner{overflow:hidden;background:url(../../renewal_img/sub/digital/bg.png) no-repeat 100% 490px}
.dtwin_inner .dtwin_sec .dtwin_sec_inner{margin-bottom:110px}
.dtwin_inner .section_row01 .dtwin_sec_inner{margin-top:195px}
.dtwin_sec_inner .dtwin_box{height:540px}
.dtwin_sec{position:relative}
.dtwin_sec:before{position:absolute;top:0;display:block;content:'';width:810px;height:500px;background:#14181d}
.dtwin_sec.right:before{right:0}
.dtwin_sec.left:before{left:0}
.dtwin_sec:after{position:absolute;bottom:40px;display:block;content:'';width:810px;height:1px;background:linear-gradient(95deg,#89b540,#137ab6);animation:Aanigd 3s ease infinite;background-size:200% 200%}
.dtwin_sec.left:after{left:0}
.dtwin_sec.right:after{right:0}
.dtwin_sec .dtwin_sec_inner{overflow:hidden;position:relative;width:1200px;margin:auto}
.dtwin_sec.right{text-align:right}
.dtwin_sec span{display:block;font-size:20px;color:#888}
.dtwin_sec strong{display:block;line-height:1;margin-bottom:75px;font-size:26px}
.dtwin_sec h3{position:relative;display:block;font-size:36px;padding-left:28px;margin-bottom:50px}
.dtwin_sec h3:after{position:absolute;left:0;top:0;display:block;content:'';width:7px;height:100%}
.dtwin_sec p{display:block;font-size:16px;color:#a7a7a7;line-height:27px}
.dtwin_sec .info_txt{padding:75px 0 95px}
.dtwin_sec.left .info_txt{position:relative}
.dtwin_sec.right .info_txt{float:right;text-align:left;padding-left:8.97%}
.dtwin_sec.left strong{color:#a6eec7}
.dtwin_sec.left h3{line-height:43px;color:#32b16c}
.dtwin_sec.left h3:after{background:#32b16c}
.dtwin_sec.right strong{color:#b6e3fc}
.dtwin_sec.right h3{line-height:43px;color:#019de6}
.dtwin_sec.right h3:after{background:#019de6}
.dtwin_sec .video{z-index:10}
.dtwin_sec.left .video{position:absolute;top:40px;right:0}
.dtwin_sec.right .video{position:absolute;top:40px;left:0}

.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item{height: 100%;}

.owl-item.active .conBox{opacity: 1;}
.conBox{height: 100%;width: 100%;position: relative;opacity: 0;}

/* .sub_section .conBox{position:absolute;left:0;top:0;opacity:0;visibility:hidden} */
/*.sub_section .conBox:first-child{position: relative;}*/
/* .sub_section .conBox.on{opacity:1;visibility:visible;width: 100%;height:100%;z-index:10} */
.nav_tab{position:absolute;bottom:100px;color:#3d444b;z-index: 6;}
.nav_tab .tab li.on{position:relative}
.nav_tab .tab li.on:after{position:absolute;right:100%;top:16px;display:block;content:'';width:300%;height:2px;background:#1f2429}
.nav_tab .tab li span{position:relative;display:block;cursor:pointer;padding-left:40px;font-size:20px;margin-bottom:25px;padding-top: 2px;transition:all ease .3s;}
@media (min-width:1024px){
	#fullpage_cloud .nav_tab .tab li span{padding-top: 5px;}
	#fullpage_cloud .nav_tab .tab li span{margin-bottom: 10px;}
}
#twin_main .nav_tab .tab li span{padding-top: 0}
.nav_tab .tab li span:after{position:absolute;left:4px;top:10px;display:block;content:'';width:16px;height:16px;background:#3d444b;border-radius:50%}
.nav_tab .tab li.on span:after{left:0;top:5px;width:20px;height:20px;border:2px solid #fff;background:none}
.nav_tab .tab li.on span:before{position:absolute;top:7px;left:2px;display:block;content:'';border-radius:50%;width:20px;height:20px;background:#fff;-webkit-animation:wave 1s infinite linear;animation:wave 1s infinite linear}
@keyframes wave {
0%{transform:scale(0);opacity:1}
100%{transform:scale(1.3);opacity:0}
}
header .inner{max-width:1640px}
.cont_inner{position: relative;z-index: 1;height:100%;}
.nav_tab .tab li.on span{color:#fff}
.dtwin_main{position:relative;width:100%;height:100vh;overflow: hidden;}
.dtwin_main .bg{background:url(../../renewal_img/sub/digital/digitaltwin_main.jpg) no-repeat;background-size: cover;}
.full_sub_wrap .section{background-color: #11151b;}
.full_sub_wrap .section.sub_section .fp-tableCell{vertical-align:top;padding-top:200px}
.full_sub_wrap .full_inner{position:relative;padding-left:7.29%;height:100%;}
#fullpage_twin .full_inner .dt_content_info h4{font-size:24px;color:#fff}
#fullpage_twin .full_inner .dt_content_info h3{margin-bottom:40px;font-size:48px;color:#429ef1}
#fullpage_twin .full_inner .dt_content_info p{font-size:18px;color:#a7a7a7}
#fullpage_twin .full_inner .dt_content_video{position:absolute;right:4%;bottom:38px}
#fullpage_cloud .full_inner .sc_content_info h4{line-height:1;font-size:32px;color:#fff;margin-bottom:10px}
#fullpage_cloud .full_inner .sc_content_info h3{line-height:1;font-size:48px;color:#9bbf4c;margin-bottom:50px}
#fullpage_cloud .full_inner .sc_content_info p{font-size:18px;color:#a7a7a7}
#fullpage_cloud .full_inner .sc_content_video{position:absolute;right:0;bottom:0px;}

#fullpage_twin .full_inner .dt_content_info ul li,
#fullpage_cloud .full_inner .sc_content_info ul li{font-size:17px;color:#a7a7a7;text-indent: -10px;padding-left: 10px;}

#fullpage_cloud .cs_nav{font-family:'Noah';font-weight:700;z-index:5}
.container.pt0{padding-top:0}
.top_txt_1,.top_txt_2,.top_txt_3{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(0.5,1,0.89,1)}
.que .top_txt_1,.que .top_txt_2,.que .top_txt_3{opacity:1;transform:translateY(0px)}
.que .top_txt_1{transition-delay:.3s}
.que .top_txt_2{transition-delay:.4s}
.que .top_txt_3{transition-delay:.5s}
.sc_content_info{position:relative;z-index:2;padding-top: 30px;}
.sc_content_info h3,.sc_content_info h4,.sc_content_info p{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(0.5,1,0.89,1)}

.owl-item.active .sc_content_info h3,
.owl-item.active .sc_content_info h4,
.owl-item.active .sc_content_info p,
.on .sc_content_info h3,
.on .sc_content_info h4,
.on .sc_content_info p{opacity:1;transform:translateY(0px)}


.owl-item.active .sc_content_info h3{transition-delay:.4s}
.owl-item.active .sc_content_info h4{transition-delay:.3s}
.owl-item.active .sc_content_info p{transition-delay:.5s}
.on .sc_content_info h3{transition-delay:.4s}
.on .sc_content_info h4{transition-delay:.3s}
.on .sc_content_info p{transition-delay:.5s}
.sc_content_video{opacity:0;transform:scale(0.91);transition:all 1s cubic-bezier(0.5,1,0.89,1);transition-delay:.3s}

.on .sc_content_video,
.owl-item.active .sc_content_video{opacity:1;transform:scale(1)}
.dt_content_info h3,.dt_content_info h4,.dt_content_info p{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(0.5,1,0.89,1)}

.owl-item.active .dt_content_info h3,
.owl-item.active .dt_content_info h4,
.owl-item.active .dt_content_info p,
.on .dt_content_info h3,
.on .dt_content_info h4,
.on .dt_content_info p{opacity:1;transform:translateY(0px)}


.owl-item.active .dt_content_info h3{transition-delay:.4s}
.owl-item.active .dt_content_info h4{transition-delay:.3s}
.owl-item.active .dt_content_info p{transition-delay:.5s}

.on .dt_content_info h3{transition-delay:.4s}
.on .dt_content_info h4{transition-delay:.3s}
.on .dt_content_info p{transition-delay:.5s}


.dt_content_video{opacity:0;transform:scale(0.91);transition:all 1s cubic-bezier(0.5,1,0.89,1);transition-delay:.3s}
.owl-item.active .dt_content_video,
.on .dt_content_video{opacity:1;transform:scale(1)}
.owl-item.active .dt_content_video{opacity:1;transform:scale(1)}



.mobile_block{display: none !important;}

.modal_video{display: none;position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 1000;}
.modal_dimmed{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);}
.modal_vid_container{position:relative;z-index: 10;display:flex;justify-content:center;align-items:center;width: 100%;height: 100%}
.modal_vid_body{width:1024px;position: relative;z-index: 10;}
.iframebody{position: relative;padding-bottom:56.25%;}
.iframebody video{position: absolute;width:100%;height:100%}

.sales_wr{padding-top: 90px;}

@media (max-width: 1680px){
	.full_inner{padding-left:15px;padding-right:15px}
	.dt_content_video{width:calc(100% - 500px)}
	.dt_content_video img{width:100%}

	#fullpage_twin .full_inner .dt_content_video,
	#fullpage_cloud .full_inner .sc_content_video{width: 50%;right: 0;}
	.full_sub_wrap .full_inner{padding-left: 30px;}
}

.video_group{width: 100%;height: 100%;}
.client_li i{font-weight: 700;}

@media (max-height: 800px){
	.sub_main .sm_txt{top: 50%;left: 0;right: 0;transform:translateY(-50%)}
	.full_sub_wrap .section.sub_section .fp-tableCell{padding-top: 100px;}

	#fullpage_twin .full_inner .dt_content_video,
	#fullpage_cloud .full_inner .sc_content_video{width: 50%;right: 0;}

	#fullpage_twin .full_inner .dt_content_info h3,
	#fullpage_cloud .full_inner .sc_content_info h3{margin-bottom: 20px;font-size: 38px;}
	#fullpage_twin .dt_nav {bottom: 50px;}
	#fullpage_cloud .cs_nav{bottom: 50px;}
}

@media (max-width: 1240px){
	.sales_inner{padding-top:0}
	.sales_wrap .left.sales_graph{width: 100%;float:none;background-size:cover;}
	.sales_wrap .sec_sales .right{float: none;width: 100%;padding-top:50px;padding-left:15px;padding-right:15px;}
	.sales_wrap .info h3{margin-bottom:25px;padding-bottom: 15px;font-size: 3.125vw}
	.company_half h3{margin-bottom:25px;padding-bottom: 15px;font-size: 3.125vw}
	.sales_wrap .info.right p,
	.sales_wrap .sec_work p{font-size:1.6vw;line-height:1.43}
	.sm_val{font-size:1.6vw;line-height:1.43}

	.client_inner{text-align:center;}
	.client_wrap .map{float:none;display:inline-block}
	.client_wrap .client_info{float:none;width: 100%}
	.client_wrap{height:auto;padding-bottom: 50px;}
	.client_info h3{margin: 0 15px;font-size:3.125vw;    margin-bottom: 25px;
    padding-bottom: 15px;}
	.client_info h3:after{width: auto;left: 0;right: 0}
	.client_info p{    font-size: 1.6vw;
    line-height: 1.43;margin-bottom:50px;}
	.client_li{}
	.client_li li{float: none;display:inline-block}
}

@media (max-width: 1024px){
	.full_sub_wrap .section.sub_section .fp-tableCell{padding-top:100px}
	.cont_inner{position:relative;z-index: 4}
	.nav_tab{bottom: inherit;top: 0;z-index:5}
	.nav_tab ul li{float:left;}
	.nav_tab ul li+li{margin-left:4px}
	.nav_tab .tab li span{font-size: 0;margin-bottom:0;padding-left:30px;min-width: 24px;min-height:1px;transition:0s;padding-top: 0px}
	.nav_tab .tab li span:after{top: 2px}
	.nav_tab .tab li.on span:before{top: 0;}
	.nav_tab .tab li.on span:after{top: -2px}
	.nav_tab ul li.on span{font-size: 0px}
	.nav_tab .tab li.on:after{display:none}

.sales_wr{padding-top: 40px;}

	#fullpage_twin .full_inner .dt_content_info h4{padding-top:55px}

	#fullpage_twin .full_inner .dt_content_video{position:static;width: 100%;padding-top: 50px}
	#fullpage_cloud .full_inner .sc_content_video{width: 65vw}
	#fullpage_cloud .full_inner .sc_content_video img{width:100%}
	.full_sub_wrap .full_inner{padding-left:15px;width:auto}
	.sc_content_video{width:calc(100vw + 25px);margin-left:-25px;}
	 #fullpage_cloud .full_inner .sc_content_video{position:static;padding-top: 50px;width: 100%;margin-left:-15px}
	 .sub_section .conBox.on,
	 .sub_section .owl-item.active .conBox{height:calc(100vh - 96px);left: inherit;top: inherit;}
	 .video_group{height: auto}
	 #fullpage_cloud .nav_tab .tab li span{padding-top: 3px;}

	.sales_wrap .right.work_count{max-width:790px;margin: 0 auto;}

	 .sales_wrap{height: auto;}
	 .sales_wr{display: block;}
	 .company_half{width: 100%;padding-left: 15px;padding-right: 15px;}

}
.mobile_top_txt{display:none}
.video_call{cursor: pointer}
.map_img{width: 80%;}
@media (max-width: 768px){

	.sales_year{width: 239px;height: 45px;-webkit-background-size: 239px auto;
	background-size: 239px auto;padding-top:12px;background-image: url(/renewal_img/sub/company/navi-mobile.png);}
	.sales_year p{font-size: 17px;}

	.mobile_block{display:block !important}
	.mobile_hidden{display: none !important;}

	.sub_main .sm_txt{left:0;right:0;transform:translate(0%,-50%);top: 50%}
	.sub_main .sm_txt .top_txt_1{width:80vw;margin:0 auto}
	.sub_main .sm_txt img{margin-bottom:20px}
	.dtwin_main .top_txt_2, .sub_main .sm_txt .top_txt_3{font-size:16px;line-height:1.45}


	.sales_wrap .left.sales_graph{padding-top:40px;padding-bottom:110px;height: auto;}
	.sales_wrap .sec_sales .right{padding-top: 0;}
	.bar_chart{width: 95%;padding-left: 75px;}
	.chart_line .label{font-size:13px;left: -75px}
	.sm_val{bottom: 20px;font-size:16px}
	.sales_wrap .info h3{font-size:30px}
	.sales_wrap .info.right p,
	.sales_wrap .sec_work p{font-size:13px}
	.sales_wrap .sec_work .left{width:  100%; float:none;text-align:left;padding-left:15px;padding-right:15px;padding-top: 50px;}
	.sales_wrap .info h3:after{width: 100%}
	.sales_wrap .right.work_count{width:100%;float: none}
	.sales_wrap .sec_work .work_count .cicle_text{padding-top:80px;}
	.sales_wrap .right.work_count{background-size:cover;height: auto;}
	.sales_wrap .sec_work .work_count .cicle_text .count_number{font-size: 45px;}
	.sales_wrap{height: auto}
	.client_wrap .client_inner{padding-top: 50px}
	.inview .marker{width: 15vw;}
	.markers_1{right: 20%;top: 17%}
	.markers_2{left: 20%;top: 18%}
	.markers_3{left: 25%;top: 35%}
	.markers_4{left: 45%;top: 40%}
	.markers_5{left: 25%;top: 50%}
	.markers_6{left: 40%;top: 25%}
	.markers_7{left: 50%;top: 60%}
	.markers_8{left: 30%;top: 65%}
	.markers_9{left: 45%;top: 70%}
	.markers_10{left: 65%;top: 55%}
	.client_info h3{font-size: 30px}
	.client_info p{ font-size: 14px}
	.client_li{}
	.client_li li{width: 50%;float: left;margin-left: 0;margin-bottom:15px;padding: 0 10px;}
	.client_li li img{margin: 0 auto}
	
	.company_main .bg{background-image:url(../../renewal_img/sub/company/company_m_main.png);background-size:cover}
	.map_img{width: 80vw;padding-left: 15px;padding-right: 15px;}
	
	.timeline_head .year{display:flex;max-width: 100%;overflow-x: scroll;padding-bottom:15px;position:relative;z-index: 10}
	.timeline_head .year li{width: auto;}
	.timeline_head .year li span{border-radius: 0;height: auto;line-height:1.34;opacity:1;position:static;visibility:visible;background:transparent;padding: 15px;color: #fff; font-size: 14px;transform:translate(0,0);cursor: pointer}
	.timeline_head .year li.active span{border-bottom: 2px solid #fff;}
	.timeline_head .year li:after{display:none}
	.timeline_head .year li span:after{display:none}
	.timeline_head .year li.active span:after{display:block}
	.timeline_head .year li em{display:none}

	/* 디지털트윈 */
	.dtwin_main .bg{background-image:url(../../renewal_img/sub/digital/digitaltwin_m_main.png);background-size:cover}

	#fullpage_twin .full_inner .dt_content_info h4{font-size:18px}
	#fullpage_twin .full_inner .dt_content_info h3{margin-bottom:20px;font-size: 22px}
	#fullpage_twin .full_inner .dt_content_info p{font-size: 13px}
	#fullpage_twin .full_inner .dt_content_info ul li,
	#fullpage_cloud .full_inner .sc_content_info ul li{font-size: 13px;}


	#fullpage_cloud .full_inner .sc_content_info h4{font-size: 22px}
	#fullpage_cloud .full_inner .sc_content_info h3{font-size: 30px;margin-bottom: 20px}
	#fullpage_cloud .full_inner .sc_content_info p{font-size:11px}


	.cloud_main .bg{background-image:url(../../renewal_img/sub/cloud/cloud_m_main.png);background-size:cover}
	.sc_content_info,
	.sc_content_video,
	.dt_content_info{padding-top: 50px}

	.sub_main .sm_txt em.cloud_top_txt{font-size:18px;line-height:1.4;}
	.sub_main .sm_txt p.cloud_top_txt3{font-size:14px}

}







.ie-block{display:none;}
/* IE6,7,9,10 */
@media all and (-ms-high-contrast:none){
	 .sales_wrap .sec_work .work_count .cicle_text .count_number span{background: none}
	 .ie-block{display: block}
	.ie-none{display: none}
	}
	.modal_vid_body{padding-right: 45px;}
	.btn_modal_close{position: absolute;right: 0;top: 8px;}
	.btn_modal_close img{width: 30px;height: 30px;}

	.dt_v_w{position: relative;}
	.dt_v_w:after{content:"";display: block;position: absolute;left: 50%;top: 50%;background: url(../../renewal_img/sub/digital/dt-play.png);width: 180px;height: 180px;transform:translate(-50%,-50%);z-index: 2;}

	@media(max-width:768px){
	.dt_v_w:after{width: 90px;height: 90px;-webkit-background-size: 100% auto;
	background-size: 100% auto;}
	.company_half h3{font-size: 30px;}

	.modal_vid_body{padding-left: 15px;padding-right: 15px;}
	.btn_modal_close{right: 20px;top: -50px;}
	.btn_modal_close img{height:25px;width: 25px;}
}