.w80p{width:80%;}
/*스크롤 모양*/
::-webkit-scrollbar {
    width: 10px;
  }
::-webkit-scrollbar-thumb {
    background-color: #4444;
    border: 2px solid transparent;
	border-radius:5px;
  }
::-webkit-scrollbar-track {
    background-color: #ececec;
  }

/*고정된 헤더때문에 임의로 띄워줌*/
.content_wrap{margin-top:75px;}

/* display */
.dis_b{display:block;}
.dis_n{display:none;}

/*white header*/
.white_h{position:fixed;background:#fff;z-index:99999;width:100%;border-bottom:1px solid #ccc;line-height:100px;top:-101px;}
.white_h ul{width:100%;margin:0 auto;height:100px;text-align:center;}
.white_h ul li{width:20%;float:left; font-size:22px; font-weight:700;}
.white_h img{display:block;margin:0 auto;padding: 10px 0px;}

/*main*/
.main{position:relative;}
.main .top_m{position:absolute;top:0;z-index:9999999999;width:100%;padding:10px 0;color:#fff;-webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease; transition-duration:0.4s;transition-timing-function:ease;}
.main .header_logo{width:200px; margin:0 auto;overflow:hidden;}
.main .header_logo>img{filter: brightness(0) invert(1);float:left;}
.main .wrap{position: absolute; top:0; width:100%;height:100vh;background: rgba(0,0,0,0.6);}
.main .wrap .main_title{color:#fff; font-size:2.5vw;font-weight:700; line-height:60px;}
.main .wrap .main_s_title{color:#fff;font-size:1.3vw;margin-top:20px; line-height:35px;}
video{width:100%;height:100vh;object-fit:cover;}
.down {background-color:rgba(0,0,0,.8);-webkit-transition-duration:0.1s;-webkit-transition-timing-function:ease;transition-duration:0.1s;transition-timing-function:ease;padding:5px 0 !important;}/*스크롤 내리면 헤더 색변경*/
.main .txt_animate{position:absolute;z-index:999;top:38%; left:50%; transform:translate(-50%,-38%);text-align:center;}

/*웹 menu*/
.w_menu{width:100%;background: rgba(0,0,0,0.6);position:absolute; bottom:0;}
.w_menu ul{width:1700px; margin:0 auto;overflow:hidden;}
.w_menu_box{cursor:pointer;width:25%; float:left;filter: brightness(0) invert(1);text-align:center;}
.w_menu_box_b{width:65%;margin:0 auto;overflow: hidden;padding: 15% 0;}
.w_menu_box_b img{float:left;}
.w_menu_box_b p:nth-of-type(1){font-size:30px; font-weight:900;}
.w_menu_box_b p:nth-of-type(2){font-size: 20px;font-weight:900;margin-top: 5px;}
.w_menu_box:hover .m_menu_box_b img{transform: rotateY( 180deg );transition: all 0.5s;}
.w_menu_box img{ transition: all 0.5s linear;}

/*모바일 menu*/
.m_menu_wrap .wrap { width: 100%;}
.m_menu_wrap .m_menu {height: 70px;  display: flex; justify-content: space-between; line-height: 70px; padding: 0 20px; }
.m_menu_wrap .m_menu .logo{width:30%;}
.m_menu_wrap .m_menu .logo img{width:70%;}
.m_menu_wrap .mBtn a {display: block; text-indent: -9999px; width: 24px; height:24px; background: url('/images/menu.png') no-repeat; margin-top: 20px; }
.m_menu_wrap .mNav { z-index: 999; position: fixed; background-color: #fff; top: 0; right: -100%; width: 80%; height: 100%; transition: all 0.3s ease; }
.m_menu_wrap .mNav.on { right: 0; }
.m_menu_wrap .bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.7); display: none; cursor: pointer; }

.m_menu_wrap .m_sub {position: relative; padding-top: 30px; text-align:left;}
.m_menu_wrap .closeBtn { position: absolute; top: 0; right: 0; display: block; }
.m_menu_wrap .closeBtn a { display: block; text-indent: -9999px; width: 24px; height: 24px; background: url('/images/close.png') no-repeat; margin-top: 25px; margin-right: 20px;background-size: cover; }
.m_menu_wrap .m_sub  li a { display: block; font-size: 1.4rem; color: #333; padding: 5px 20px; }
.m_menu_wrap .m_sub  li .m_sub_menu{padding-left:40px;line-height:45px;}
.m_menu_wrap .m_sub  li .m_sub_menu a{font-size:20px;}

/*smart factory solution*/
/*#section2{background:url(/images/main_news_bg.png) no-repeat left bottom;}
#section2 .w1700{padding: 68px 0;}*/
#section2 .w1700 .top{text-align:left; float:left;overflow:hidden;margin-bottom:90px;}
#section2 .w1700 .top p:nth-of-type(1){ font-family: 'Noto Sans KR';font-size: 65px;float: left;font-weight: 900;line-height:80px;letter-spacing: -3px;}
#section2 .w1700 .top p:nth-of-type(2){font-size:30px;float:right;margin-top:90px;}
#section2 .w1700 .top span{font-weight:800;}
#section2 .w1700 .bottom{width:100%;overflow:hidden;}
#section2 .w1700 .s_box{position:relative;width: 22%;padding: 0 1%;float: left;border-right: 1px solid #ccc;}
#section2 .w1700 .s_box:last-child{border-right:0;}
#section2 .w1700 .s_box h3{font-weight:900;font-family: 'Noto Sans KR';font-size:30px;margin-bottom:10px;text-align:left;color:#000;}
#section2 .w1700 .s_box p:nth-of-type(1){text-align:left; margin-bottom:10px;font-size:20px;font-weight:900;}

#section2 .w1700 .s_box .s_img{width:100%;}
#section2 .w1700 .s_box .more{float:right;margin-top:15px;}

/*about us*/
#section3{position: relative;}
#section3 .w1700{padding: 68px 0;}
#section3 .w1700 .content{width:100%; height:700px;position:relative; background:url(/images/section3_bg.jpg) no-repeat;
animation-name: content;animation-duration:1.3s;animation-duration: leaner; animation-iteration-count:2;animation-direction:alternate;animation-fill-mode: forwards;}
#section3 .w1700 .txt_box{text-align: left;color: #fff;width: 700px;height: 400px;background: rgba(0,0,0,0.8);position: absolute;z-index: 999;top: 250px;left: 0px;padding:2% 7% 1% 7%;
animation-name: txt_box;animation-duration:1.5s;animation-duration: leaner;animation-iteration-count:2;animation-direction:alternate;animation-fill-mode: forwards;}
#section3 .w1700 .txt_box p:nth-of-type(1){font-size:30px;font-weight:900;}
#section3 .w1700 .txt_box p:nth-of-type(2){font-size:65px;font-family: 'Noto Sans KR'; font-weight:900;}
#section3 .w1700 .txt_box p:nth-of-type(3){font-size:25px;line-height:35px;margin: 10px 0px 60px 0px;}
#section3 .w1700 .txt_box p:nth-of-type(4){font-size:22px;float:left;margin-right:30px;margin-top:8px;background:url(/images/view_more.png) no-repeat right;width:200px;
    line-height: 40px;}


/*News*/
#section4{background: #f8f8f8;}
#section4 .w1700{padding:117px 0;}
#section4 .w1700 .title{width:28%;height:430px;float:left;text-align:left;position:relative;z-index:999;background:#f8f8f8;}
#section4 .w1700 .title p:nth-of-type(1){font-family: 'Noto Sans KR';font-size: 65px;font-weight: 900;line-height:80px;letter-spacing: -3px;margin-bottom:10px;color:#204165;}
#section4 .w1700 .title p:nth-of-type(2){font-size:25px;line-height:32px;}
#section4 .w1700 .title span{font-weight:700;}
#section4 .w1700 .title .slide_ctrl_btn {float:right; margin-bottom:20px;width:100%;}
#section4 .w1700 .title .slide_ctrl_btn .prev{background: url(/images/prev.png) no-repeat 100%; transition-duration:0.3s;}
#section4 .w1700 .title .slide_ctrl_btn .prev:hover{background: url(/images/prev_hover.png) no-repeat 100%;}
#section4 .w1700 .title .slide_ctrl_btn .next{background: url(/images/more.png) no-repeat 100%; transition-duration:0.3s;}
#section4 .w1700 .title .slide_ctrl_btn .next:hover{background: url(/images/more_hover.png) no-repeat 100%;}
#section4 .w1700 .title .slide_ctrl_btn button, #second_area .inner .contents_box1 .slide_ctrl_btn .prev a { float: left;display: inline-block;margin-right:20px;width: 100px; height: 100px;text-indent: -99999px; box-sizing: border-box;}

#section4 .w1700 .inner{width:70%;float:right;}
#section4 .w1700 .inner .contents_box1  ul li{float:left; width:400px; height:430px; margin-right:1%;}
#section4 .w1700 .inner .contents_box1  ul li:last-child{margin-right:0px;}
#section4 .w1700 .inner .contents_box1 .news_box{background:#fff;overflow:hidden;box-sizing:border-box;width:100%;height:100%;cursor:pointer;position:relative;text-align:left; float:left;margin-right:3%;border:1px solid #ccc;}

#section4 .w1700 .inner .contents_box1 .news_box:last-child{margin-right:0;}

#section4 .w1700 .inner .contents_box1 .news_box .img_box{height:250px;text-align:center;}
#section4 .w1700 .inner .contents_box1 .news_box .no_image{max-width:100%;}
#section4 .w1700 .inner .contents_box1 .news_box .text_box{padding:6%; margin-top:20px;}
#section4 .w1700 .inner .contents_box1 .news_box p:nth-of-type(1){font-weight:500;font-size:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#section4 .w1700 .inner .contents_box1 .news_box p:nth-of-type(2){font-size:20px;padding:0;margin-top:60px;float:left;}
#section4 .w1700 .inner .contents_box1 .news_box .plus{ margin-top:35px; float:right; background: url(/images/plus.png) no-repeat 100%;}
#section4 .w1700 .inner .contents_box1 .news_box:hover .plus{background: url(/images/plus_h.png) no-repeat 100%;}
#section4 .w1700 .inner .contents_box1 .news_box button { float: left;display: inline-block;width: 60px; height: 60px;text-indent: -99999px;}


/*app download*/
#section5 .w1400 .left{width:50%; float:left;margin-top:5%;text-align:left;}
#section5 .w1400 .left .title{font-size:65px;font-weight:900;}
#section5 .w1400 .left p{font-size:25px;line-height:50px;}
#section5 .w1400 .right{width:50%; float:right;}
#section5 .w1400 .right img{width:100%;}
#section5 .w1400 .down_btn{margin-top:20px;background:#fff;transition:0.4s; cursor:pointer;line-height:80px; width:48%; border-radius:20px; border:1px solid #ccc;float:left;text-align:center;font-size:25px;font-weight:700;}
#section5 .w1400 .down_btn img{margin-right:10px;}
#section5 .w1400 .down_btn:nth-of-type(1){margin-right:2.5%;}
#section5 .w1400 .down_btn:nth-of-type(3){width:99%;}
#section5 .w1400 .down_btn a{color:#000;}
.mg30_0{margin:30px 0;}
.fw700{font-weight:700;}

/*main 텍스트 애니메이션*/
.txt_animate span {color:#fff;opacity: 0;transform: translate(-300px, 0) scale(1);
	animation:txtE 3.5s;
	animation-fill-mode: forwards;/*마지막동작 정지*/
	animation-iteration-count: 2;/*동작횟수*/}

@keyframes txtE {
	60% {
		transform: translate(20px, 0) scale(1);
		color:#fff;
	}

	80% {
		transform: translate(20px, 0) scale(1);
		color:#fff;
	}

	90% {
		transform: translate(0) scale(1.2);
		color:#D4F4FA;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
		color:#fff;
	}
}
.txt_animate span:nth-of-type(2) {
	animation-delay: .05s;
}
.txt_animate span:nth-of-type(3) {
	animation-delay: .15s;
}
.txt_animate span:nth-of-type(4) {
	animation-delay: .2s;
}
.txt_animate span:nth-of-type(5) {
	animation-delay: .25s;
}
.txt_animate span:nth-of-type(6) {
	animation-delay: .3s;
}





/*스마트팩토리 솔루션 마우스오버 효과*/
figure.snip1141 {
  position: relative;
  overflow: hidden;
  margin: 0px;
  max-height: 310px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1141 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1141 img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
}

figure.snip1141 .circle {
  position: relative;
  height: 55px;
  width: 55px;
  top: 0%;
  left: 0%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  text-align: center;
}

figure.snip1141 .circle:before,
figure.snip1141 .circle:after {
  border: 2px solid white;
  border-right-color: transparent;
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip1141 .circle:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

figure.snip1141 .circle:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

figure.snip1141 figcaption {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  width: 100%;
  overflow: hidden;

}


figure.snip1141 h2 {
  position: absolute;
  margin: 0;
  color:#fff;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 55px;
  font-size:20px;
  top: 0%;
  left: 0%;
  width: 100%;
  padding: 0 20px;
  opacity: 0;
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
}

figure.snip1141 .icon {
  overflow: hidden;
  width: 100%;
  position: absolute;
}

figure.snip1141 i {
  color: white;
  font-size: 48px;
  line-height: 55px;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip1141 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1141:hover .circle,
figure.snip1141.hover .circle {
  background-color: rgba(0, 0, 0, 0);
}

figure.snip1141:hover .circle:before,
figure.snip1141.hover .circle:before,
figure.snip1141:hover .circle:after,
figure.snip1141.hover .circle:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

figure.snip1141:hover h2,
figure.snip1141.hover h2 {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

figure.snip1141:hover img,
figure.snip1141.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1141:hover i,
figure.snip1141.hover i {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/*hover효과*/
@media (hover: hover) {
#section4 .w1700 .inner .contents_box1 .news_box:hover{box-shadow: 1px 5px 10px #ccc;top:-10px; left:-10px;border:2px solid #204165;}
}

/*반응형*/
@media (max-width: 1700px){
.w1700{width:96%;margin:0 auto;}
.w1400{width:96%;margin:0 auto;}
.w_menu ul{width:100%;}
}


@media (max-width: 1400px){
.w_menu_box_b{width:90%;}
}


@media (max-width: 1024px){
.content_wrap{margin-top:10%;}
.main .txt_animate{top:48%;}
/*.main .wrap .main_title{line-height:45px;font-size: 5.8vw;}*/
video{height:60vh;}
.main .wrap{height:60vh;}
.w_menu{display:none;}
#header_wrap{display:none;}
.m_menu_wrap{display:block;}
.top_m{display:none;}

#section2 .w1700 .top{width:100%;}
#section2 .w1700 .top p:nth-of-type(1){float:none;text-align:center;}
#section2 .w1700 .top p:nth-of-type(2){float:none;text-align:center;margin-top:30px;}
#section2 .w1700 .s_box{width:48%;border-right:0;}

#section4 .w1700{padding:0;}
#section4 .w1700 .title{width:100%;text-align:center;height:auto;margin-bottom:3%;}
#section4 .w1700 .title .slide_ctrl_btn{width:240px;margin:0 auto;float:none;}
#section4 .w1700 .inner{width:100%;float:left;}
#section4 .w1700 .inner .contents_box1 ul{margin-bottom:3%;}

#section5 .w1400 .left{width:100%;text-align:center;}
#section5 .w1400 .right{display:none;}
#section5 .w80p{width:100%;}
}


@media all and (max-width:640px){
.top_m{display:none;}
.m_menu_wrap{display:block;}

.main .wrap{background: rgba(0,0,0,0.4);}
.main .wrap .main_title{font-size:25px;line-height:35px;}
.main .wrap .main_s_title{font-size:3.5vw;line-height:25px;}
.m_menu_wrap .m_menu .logo img{width:100%;}

#section2 .w1700 .top{margin-bottom:50px;}
#section2 .w1700 .top p:nth-of-type(1){font-size:40px;line-height:45px;}
#section2 .w1700 .top p:nth-of-type(2){font-size:20px;}
#section2 .w1700 .s_box{width:100%;padding:0;}
#section2 .w1700 .s_box h3{font-size:25px;}

#section3{display:none;}
#section3 .w1700{padding:0;}
#section3 .w1700 .content{height:600px;}
#section3 .w1700 .txt_box{width:100%;padding:10% 0 2% 0;text-align:center;top:70px;}
#section3 .w1700 .txt_box p:nth-of-type(2){font-size:40px;}
#section3 .w1700 .txt_box p:nth-of-type(3){font-size:18px;}
#section3 .w1700 .txt_box p:nth-of-type(4){padding-right:5%;}

#section4{background:#fff;}
#section4 .w1700 .inner{width:100%;}
#section4 .w1700 .inner .contents_box1{overflow: hidden;height: 430px;margin-bottom:10%;}
#section4 .w1700 .inner .contents_box1 ul li{width:25%;}
#section4 .w1700 .title{background:#fff;}
#section4 .w1700 .title p:nth-of-type(1){font-size:40px;}
#section4 .w1700 .title p:nth-of-type(2){font-size:20px;}

#section5{background:#f8f8f8;}
#section5 .w1400 .left{margin-top:0;padding:10% 0;}
#section5 .w1400 .left .title{font-size:40px;}
#section5 .w1400 .left p{line-height:35px;font-size:20px;}
}