@charset "utf-8";
.s_inner{ width: 1200px; margin: 0 auto; position: relative; }
.sub_visual2{ height: 970px; background-size: cover; box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; z-index: -1; }
.sub_visual2:before{ content: ""; width: 100%; height: 970px; position: fixed; top: 0; left: 0; width: 100%; z-index: -2;
  -moz-transition: all 8s ;
  -webkit-transition: all 8s;
  -o-transition: all 8s;
  -ms-transition: all 8s ;
  transition: all 8s ;
  transform: scale(1.2) perspective(500px) rotate(.001deg);;
}
.sub_visual2.on:before{ transform: scale(1.0); }

.visual19:before{ background: url('../../images/contents/main08_visual.jpg') center center no-repeat; background-size: cover; }
.back{width:100%;height:980%;top:0;left:0;position: fixed;z-index:0;background:rgba(0,0,0,0.5)}
#outsourcing .back,#result .back{display: none}

.con_inner{ background-color: #fff; margin-top: 970px;  position: relative; }
.con_inner .title_box{ width: 1200px; margin: 0 auto; text-align: center; padding-top: 85px; padding-bottom: 60px; }
.con_inner .title_box > strong{ display: block; font-size: 44px; line-height: 54px; font-weight: 500; color: #414141; margin-bottom: 15px;}
.con_inner .title_box > strong:after{ content: ""; display: block; width: 50px; height: 2px; margin: 40px auto; background-color: #8d8d8d; }
.con_inner .title_box > em{ font-size: 14px; line-height: 24px; color: #666; font-weight: 200; }

.sub_visual2 .s_inner{ height: 970px; display: table; }
.sub_visual2 .s_inner .sub_title{ height: 100%; display: table-cell; vertical-align: middle; text-align: right; padding: 50px;}

.sub_visual2 .s_inner .sub_title .title_b{ padding: 60px 70px; border: 1px solid rgba(255,255,255,0.5); display: inline-block;position: relative;
  position: relative; opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.3s;
}
.sub_visual2 .s_inner .sub_title .title_b:after{ content: ""; width: 0; height: 0; border-top: 6px solid #fff; border-right: 6px solid #fff; opacity: 0; position:absolute; display: block; right: -6px; top: -6px;  }
.sub_visual2 .s_inner .sub_title.on .title_b:after{ width: 56px; height: 56px; opacity:1;
  -webkit-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -moz-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.sub_visual2 .s_inner .sub_title .title_b:after{ content: "" ; }
.sub_visual2 .s_inner .sub_title .title_b em{ font-size: 50px; color: #fff; font-style: normal; display: block; font-weight: 500; text-align: left; }
.sub_visual2 .s_inner .sub_title .title_b strong{ font-size: 58px; line-height: 84px; color: #fff; font-weight: 500; text-shadow: 2px 1px 1px rgba(98,96,96,0.75); margin-top: 10px; display: block; }
.sub_visual2 .s_inner .sub_title .title_b p {color: #FFFFFF;}
.sub_visual2 .s_inner .sub_title > p{ font-size: 22px; line-height: 38px; color: #fff; margin-top: 45px;
   opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.6s;
}

.sub_visual2.on .s_inner .sub_title .title_b{ opacity: 1; padding-bottom: 150px; }
.sub_visual2.on .s_inner .sub_title  > p{ opacity: 1; }

.con_inner .line{ position: absolute; left: 50%; top: -150px; width: 1px; height: 210px; background-color: #b2b2b2; z-index: 1000; }
.con_inner .line:after{ content: ""; width: 11px; height: 33px; display: block; background: url('../../img/sub/sub_scroll.png') center center no-repeat; position: relative; left: -5.5px; top: 0; transition: 5s; }
.con_inner.on .line:after{ top: 90%; }

/* dong1,dong2,wear1 컨텐츠 겹치는 부분 */

.dong1_01{ background-color: #2c3849; text-align: center; padding-top: 90px;}
.dong1_01 .s_inner{ position: relative; }
.dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
.dong1_01 h3{font-size: 34px; line-height: 50px; color: #fff; font-weight: 300; font-style: normal; padding-top: 75px; position: relative; z-index: 1; }
.dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; margin-bottom: 50px; }

.dong1_02 .str{ padding-top: 50px; padding-bottom: 120px; }
.dong1_02 .str > strong{ display: block; text-align: center; font-size: 30px; color: #222222; line-height: 40px; }
.dong1_02 .str > strong:after{ content: ""; width: 40px; height: 4px; background-color: #64819c; display: block; margin: 25px auto; }
.dong1_02 .str ul{ overflow: hidden; }
.dong1_02 .str ul li{ float: left; width: 49%; margin-right: 2%; padding: 20px 0; background-color: #f8f8f8; border: 1px solid #d8dee5; border-radius: 5px; margin-bottom: 15px; padding-left: 20px; }
.dong1_02 .str ul li:nth-child(2n+0){ margin-right: 0; }
.dong1_02 .str ul li strong{ font-size: 18px; color: #222222; font-weight: 400; }
.dong1_02 .str ul li strong:before{ content: ""; width: 10px; height: 10px; border: 2px solid #99a3ad; display: inline-block; margin-right: 10px; }

.txt{ background-color: #fff; text-align: center; padding-top: 90px;height:670px}
.txt .s_inner{ position: relative; }
.txt strong{ font-size: 113px; line-height: 120px; color: #f5f5f5; font-weight: 900; display: block; position: absolute; left: 0; top: 90px; text-align: center; width: 100%; }
.txt h3{font-size: 34px; line-height: 50px; color: #333333; font-weight: 300; font-style: normal; padding-top: 155px; position: relative; z-index: 1; }
.txt em{ display: block; font-size: 18px; line-height: 32px; color: #333333; font-weight: 300;margin-top: 25px; margin-bottom: 50px; }

.black{width: 100%;height:100%;position: relative;background:rgba(0,0,0,0.3);top:0}
#dong1 .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#dong1 .dong1_01 h3{font-size: 34px; line-height: 50px; color: #fff; font-weight: 300; font-style: normal; padding-top: 75px; position: relative; z-index: 1; }
#dong1 .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; margin-bottom: 50px; }
#dong1 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#dong1 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#dong1 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#dong1 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#dong1 .dong1_02 .product_img{ margin-top: -282px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#dong1 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#dong1 .dong1_02 .product_img img{ display: block; margin-left: 3px; }

/* dong2 */
#dong2 .dong1_01{ background-color: #2c3849; text-align: center; padding-top: 90px;}
#dong2 .dong1_01 .s_inner{ position: relative; }
#dong2 .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#dong2 .dong1_01 h3{font-size: 34px; line-height: 50px; color: #fff; font-weight: 300; font-style: normal; padding-top: 75px; position: relative; z-index: 1; }
#dong2 .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; margin-bottom: 50px; }
#dong2 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#dong2 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#dong2 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#dong2 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#dong2 .dong1_02 .product_img{ margin-top: -392px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#dong2 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#dong2 .dong1_02 .product_img img{ display: block; margin-left: 40px; }

/* wear1 */
#wear1 .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#wear1 .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; padding-top: 75px;margin-bottom: 50px;  position: relative; z-index: 1; }
#wear1 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#wear1 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#wear1 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#wear1 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#wear1 .dong1_02 .product_img{ margin-top: -360px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#wear1 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#wear1 .dong1_02 .product_img img{ display: block; margin-left: 40px; }
 /* wear2 */
#wear2 .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#wear2 .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; padding-top: 75px;margin-bottom: 50px;  position: relative; z-index: 1; }
#wear2 .dong1_01 .product_img{
 opacity: 0; position: relative; top: 60px;
-moz-transition: all 2.0s ease-in-out;
-webkit-transition: all 2.0s ease-in-out;
-o-transition: all 2.0s ease-in-out;
-ms-transition: all 2.0s ease-in-out;
transition: all 2.0s ease-in-out;
transition-delay: 0.3s;
}

#wear2 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#wear2 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#wear2 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#wear2 .dong1_02 .product_img{ margin-top: -200px;
 opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
transition-delay: 0.3s;
}
#wear2 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#wear2 .dong1_02 .product_img img{ display: block; margin-left: 120px; }
/* gogoring */
#gogoring .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#gogoring .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; padding-top: 75px;margin-bottom: 50px;  position: relative; z-index: 1; }
#gogoring .dong1_01 .product_img{
  opacity: 0; position: relative; top: 60px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#gogoring .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#gogoring .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#gogoring .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#gogoring .dong1_02 .product_img{ margin-top: -489px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#gogoring .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#gogoring .dong1_02 .product_img img{ display: block; margin-left: 0px; }

/* gogoring ver2 */
#gogoring2 .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#gogoring2 .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; padding-top: 75px;margin-bottom: 50px;  position: relative; z-index: 1; }
#gogoring2 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 60px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#gogoring2 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#gogoring2 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#gogoring2 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#gogoring2 .dong1_02 .product_img{ margin-top: -255px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#gogoring2 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#gogoring2 .dong1_02 .product_img img{ display: block; margin-left: 58px; }
/* gogoring ver3 */
#gogoring3 .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#gogoring3 .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; padding-top: 75px;margin-bottom: 50px;  position: relative; z-index: 1; }
#gogoring3 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 60px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#gogoring3 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#gogoring3 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#gogoring3 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#gogoring3 .dong1_02 .product_img{ margin-top: -360px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#gogoring3 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#gogoring3 .dong1_02 .product_img img{ display: block; margin-left: -20px; }
/* gogoring ver3 */
#superboard .dong1_01 strong{ font-size: 113px; line-height: 120px; color: #384353; font-weight: 900; display: block; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
#superboard .dong1_01 em{ display: block; font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;margin-top: 25px; padding-top: 75px;margin-bottom: 50px;  position: relative; z-index: 1; }
#superboard .dong1_01 .product_img{
  opacity: 0; position: relative; top: 60px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#superboard .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#superboard .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#superboard .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#superboard .dong1_02 .product_img{ margin-top: -155px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#superboard .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#superboard .dong1_02 .product_img img{ display: block; margin-left:-30px; }
/* 고고링 고고링2  */
.dong1_02 .str.fn ul li{ width: 100%; padding: 20px 0; background-color: #f8f8f8; border: 1px solid #d8dee5; border-radius: 5px; margin-bottom: 15px; padding-left: 20px; }
.dong1_02 .str.fn .str ul li strong{ font-size: 18px; color: #222222; font-weight: 400; }
.dong1_02 .str.fn .str ul li strong:before{ content: ""; width: 10px; height: 10px; border: 2px solid #99a3ad; display: inline-block; margin-right: 10px; }

#churoball .dong1_01 .product_img{
  opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#churoball .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#churoball .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#churoball .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#churoball .dong1_02 .product_img{ margin-top: -260px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#churoball .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#churoball .dong1_02 .product_img img{ display: block; margin-left: 85px; }
/* churo2 */
#churo2 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#churo1 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}


#churo1 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#churo1 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#churo1 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#churo1 .dong1_02 .product_img{ margin-top: -270px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#churo1 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#churo1 .dong1_02 .product_img img{ display: block; margin-left: 38px; }
#churo1 .dong1_03{background: url('../../img/sub/churo_back.png') no-repeat;}
#churo1 .dong1_03 .s_inner{padding-bottom: 100px;}
#churo1 .dong1_03 .s_inner:after{content: '';display: block;clear:both}
#churo1 .dong1_03 .s_inner > div {float:left;box-shadow: 0px 15px 30px #dbdbdb;opacity: 0;
  position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;}
#churo1 .dong1_03 .s_inner > div.on{opacity: 1;top:0}
#churo1 .dong1_03 .s_inner .cimg1{margin-top: 458px;height:257px;transition-delay: 0.2s;}
#churo1 .dong1_03 .s_inner .cimg2{width:486px;height:730px;margin-top: 185px;margin-left: 330px;transition-delay: 0.3s;}
#churo1 .dong1_03 .s_inner .cimg3{margin-top: 130px;height:407px;width:611px;margin-right: 132px;transition-delay: 0.5s;}
#churo1 .dong1_03 .s_inner .cimg4{margin-top: 222px;width:450px;height:300px;transition-delay: 0.7s;}
#churo1 .churoimg img{width: 100%}
#churo1 .dong1_04  img{width: 80%;display: block;margin: 0 auto}
#churo1 .dong1_04 .cimg1{position: relative;}
#churo1 .dong1_04 .cimg1 .puppy{position: absolute;top:6.5%;width: 90%;left:5%;z-index: 5;}
#churo1 .dong1_04 .cimg2{position: relative;}
#churo1 .dong1_04  .cimg2 iframe{position: absolute;top:2.8%;width: 71.7%;left:14.23%;z-index: 5;height:4.8%;}
#churo1 .dong1_04  .video2{width: 100%;position: relative;}
#churo1 .dong1_04 .video2 iframe{width: 80%;display: block;margin: 0 auto;height:500px;margin-bottom: 35px}
#churo1 .dong1_04  .cimg2 .put{position: absolute;top:56.9%;width:61%;left:19.5%;z-index: 5;}
#churo1 .dong1_04  .cimg2 .health{position: absolute;top:66.38%;width: 61%;left:19.5%;z-index: 5;}
#churo1 .dong1_04  .cimg2 .play{position: absolute;top:85.7%;width: 61%;left:19.5%;z-index: 5;}
#churo2 .dong1_01 .product_img{
  opacity: 0; position: relative; top: 50px;
 -moz-transition: all 2.0s ease-in-out;
 -webkit-transition: all 2.0s ease-in-out;
 -o-transition: all 2.0s ease-in-out;
 -ms-transition: all 2.0s ease-in-out;
 transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}

#churo2 .dong1_01.on .product_img{ opacity: 1; top: 0px; }
#churo2 .dong1_01 .product_img img{ display: block; margin: 0 auto; }

#churo2 .dong1_02 .s_inner{ position: relative; overflow: hidden; }
#churo2 .dong1_02 .product_img{ margin-top: -387px;
  opacity: 0; position: relative; top: 50px;
  -moz-transition: all 2.0s ease-in-out;
  -webkit-transition: all 2.0s ease-in-out;
  -o-transition: all 2.0s ease-in-out;
  -ms-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
 transition-delay: 0.3s;
}
#churo2 .dong1_02.on .product_img{ opacity: 1; top: 0px; }
#churo2 .dong1_02 .product_img img{ display: block; margin-left: 25px; }


/* 고고링 고고링2  */
.dong1_02 .icon{ padding-top: 50px; padding-bottom: 120px; }
.dong1_02 .icon > strong{ display: block; text-align: center; font-size: 30px; color: #222222; line-height: 40px; }
.dong1_02 .icon > strong:after{ content: ""; width: 40px; height: 4px; background-color: #64819c; display: block; margin: 25px auto; }
.dong1_02 .icon ul{ overflow: hidden; }
.dong1_02 .icon ul li{float: left;width: 24%;margin-right: 1%;padding:65px 0; background-color: #f8f8f8; border: 1px solid #d8dee5; border-radius: 5px; margin-bottom: 15px;font-size: 18px;text-align: center;line-height: 32px}
.dong1_02 .icon ul li strong{ font-size: 18px; color: #222222; font-weight: 400; }
.dong1_02 .icon ul li span{display: block;width:130px;height:93px;margin: 0 auto;margin-bottom: 17px;}
.dong1_02 .icon ul li.c_1 span{background: url(../../img/sub/ball_icon1.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c_2 {margin-right: 1%}
.dong1_02 .icon ul li.c_2 span{background: url(../../img/sub/ball_icon2.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c_3 span{background: url(../../img/sub/ball_icon3.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c_4{margin-right: 0}
.dong1_02 .icon ul li.c_4 span{background: url(../../img/sub/ball_icon4.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c_5{margin-left:170px}
.dong1_02 .icon ul li.c_5 span{background: url(../../img/sub/ball_icon5.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c_6{margin-right: 1%}
.dong1_02 .icon ul li.c_6 span{background: url(../../img/sub/ball_icon6.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c_7 span{background: url(../../img/sub/ball_icon7.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c2_4 span{background: url(../../img/sub/ball_icon8.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c2_5 span{background: url(../../img/sub/ball_icon4.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c2_6 span{background: url(../../img/sub/ball_icon5.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c2_7 span{background: url(../../img/sub/ball_icon6.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c2_8{margin-left: 340px;}
.dong1_02 .icon ul li.c2_8 span{background: url(../../img/sub/ball_icon9.png) no-repeat 50% 50%;}
.dong1_02 .icon ul li.c2_9 span{background: url(../../img/sub/ball_icon10.png) no-repeat 50% 50%;}


/* 개발상품 끝 */
#news .s_inner{padding: 10px 0 100px }
#news .form_wrap1{width: 100%;background:#eff2f5;padding:30px;margin-top: 105px;}
#news .form_wrap2{width:650px;margin: 0 auto}
#news .form_wrap2 form{display:inline-block;}
#news .form_wrap2 select,#news .form_wrap2 p,#news .form_wrap2 a{display:inline-block;color: #444;text-align: center;}
#news .form_wrap2 select,#news .form_wrap2 p,#news .form_wrap2 a{display:inline-block;color: #444;text-align: center;}
#news .form_wrap2 select{height:38px;width:118px;border:1px solid #c9c9c9}
#news .form_wrap2 input{height:38px;width:393px;border:1px solid #c9c9c9}
#news .form_wrap2 form > a{display:inline-block;width:90px;padding:10px;background: #36536e; color: #fff; }
#news .wrap_table{margin-top: 30px}
#news .wrap_table > p{font-size: 16px;color: #666;padding:7px 0px 20px 30px;border-bottom:1px solid #000}
#news .wrap_table > p > span{display: inline-block;font-size: 16px;color: #333;}
#news .wrap_table table tr{display:block;padding:30px !important;border-bottom:1px solid #d2d2d2}
#news .wrap_table .s_img_wrap {position:relative;}
#news .wrap_table .s_img_wrap .s_hover{
  position:absolute;top:0;left:0;display:none;
}
#news .wrap_table .s_img_wrap:hover .s_hover{display:block}
#news .wrap_table .s_txt {padding: 30px}
#news .wrap_table .s_txt strong{position: none;font-size:22px; color:#36536e}
#news .wrap_table .s_txt p{font-size:16px; color:#333;line-height: 30px;margin-top: 5px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;
/* line-height: 1.6em; */
height: 5.5em;}
#news .wrap_table .s_txt span{display:block;font-size:16px; color:#888888;margin-top: 5px }
#news .wrap_table .s_txt .keyword1,#news .wrap_table .s_txt .keyword2{display:inline-block;font-size:16px; color:#36536e;margin-top: 5px;margin-right: 10px;}
#news tr td.more_btn{padding-left:70px;}
#news tr a{display: block;width: 100%;height: 100%;}
#news .nlist{width:353px;margin: 70px auto;height:34px;}
#news .nlist > a{display:inline-block;width:34px;height:34px;text-indent: -9999px;vertical-align: top}
#news .nlist > span{display:inline-block;width:34px;height:34px;text-indent: -9999px;margin-top: -70px}
#news .nlist .m_prev{background: url(../../img/sub/mprev.png) no-repeat 50% 0}
#news .nlist .prev{background: url(../../img/sub/prev.png) no-repeat 50% 0 }
#news .nlist .next{background: url(../../img/sub/next.png) no-repeat 50%  0}
#news .nlist .m_next{background: url(../../img/sub/mnext.png) no-repeat 50% 0 }
#news .nlist ul{display:inline-block}
#news .nlist ul li{margin-left:3px;float:left;width:33px;padding:10px 0;text-align: center;border:1px solid #999;height:33px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#news .nlist ul li a{color:#adadad}
#news .nlist ul li{margin-left:3px;float:left;width:33px;padding:8px 0;text-align: center;border:1px solid #dfdfdf;height:33px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#news .nlist ul li a{color:#adadad;width:100%;height:100%;}
#news .nlist ul li.act{background: #36536e}
#news .nlist ul li.act a{color:#fff;}
#news02  .wrap_tit{margin-top: 100px;}
#news02  .wrap_tit:after{content: :'';display: block;clear: both}
#news02 .con_inner strong{display: inline-block;font-size: 30px;margin-top: 100px;}
#news02  .date{float:right;margin-top: 100px;font-size: 16px;}
#news02  .keyword{padding-bottom: 10px;width: 100%;border-bottom: 3px solid #666;margin-bottom:30px;}
#news02  .keyword1{display:inline-block;margin-top: 10px;color: #36536e}
#news02  .keyword2{display:inline-block;margin-top: 10px;color: #36536e}
#news02 .s_inner02{padding-bottom: 100px;}
#news02 img{display: block;margin: 0 auto;margin-bottom: 30px;}
#news02 a#btnList{display: block;width: 150px;text-align: center;font-size: 18px;margin: 0 auto;color: #fff;background: #36536e;padding: 15px 0;margin-top: 50px}
#roboi_info .wrap_info{width: 100%;padding-bottom:140px}
#roboi_info .wrap_info{width: 100%;padding-bottom:140px}
#roboi_info .wrap_info > div{width: 586px;display: inline-block;
}
#roboi_info .wrap_info .info_01 {margin-right: 24px;
  position: relative; opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.3s;
}
#roboi_info .wrap_info .info_01 p{text-align: right;color: #333333;margin-top: 15px}
#roboi_info .wrap_info .info_02{
  position: relative;opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.6s;
}
#roboi_info .wrap_info .info_01.on,#roboi_info .wrap_info .info_02.on{opacity: 1}
#roboi_info .wrap_info .info_02 > div{position: absolute;bottom: -100px
}
#roboi_info .wrap_info .info_02 p{text-align: right;color: #333333;margin-bottom: 15px;vertical-align: bottom}
#roboi_info .wrap_info .info_02 p.web_p{ display: block; }
#roboi_info .wrap_info .info_02 p.mo_p{ display: none; }


#vis2 ..con_inner{ overflow: hidden; }
#vis2 .c_txt{ padding-bottom: 140px; overflow: hidden; padding-top: 160px; }
#vis2 .c_txt .s_inner > p{ color: #333333; font-size: 22px; line-height: 32px; display: block; }
#vis2 .cir_wrap{height:auto;padding-bottom: 110px; }
#vis2 .cir_wrap::after{ content: ''; display: table; clear: both; }
#vis2 .cir_wrap>div{float: left}
#vis2 .fam{position: relative;top:30px;opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.2s;}
#vis2 .rob{position: relative;top:30px;opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.4s;}
#vis2 .ns_wrap{ position: relative; }
#vis2 .ns_wrap:before{ content: ""; width: 803px; height: 803px; display: block; background: url('../../img/sub/ns_back.png') center center no-repeat; background-size: 100% 100%; position: absolute; left: -225px; top: -225px; }
#vis2 .ns{  position: relative;top:30px;opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.6s;}
#vis2 .fam.on,#vis2 .rob.on,#vis2 .ns.on{top:0;opacity: 1}
#vis2 .fam,#vis2 .rob,#vis2 .ns{width:350px;height:350px;padding-top:109px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;text-align: center;border-radius: 50%;-webkit-border-radius: 50%;-mos-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
#vis2 .fam,#vis2 .rob,#vis2 .ns{width:350px;height:350px;padding-top:109px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;text-align: center;border-radius: 50%;-webkit-border-radius: 50%;-mos-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
#vis2 .fam span,#vis2 .rob span,#vis2 .ns span{display: block;margin: 0 auto;width:73px;height:70px;background-position: 50% 50%;background-repeat: no-repeat}
#vis2 .fam p,#vis2 .rob p,#vis2 .ns p{color: #fff;font-size: 36px;margin-top: 15px;}
#vis2 .ns p{color: #36536e;}
#vis2 .fam{background: #36536e}
#vis2 .rob{background: rgba(157, 180, 201, 0.6);margin-left: -30px;margin-right: 145px}
/* #vis2 .ns_wrap{display: inline-block;position: relative;top:-580px;right:-600px;background:url('/img/sub/ns_back.png') no-repeat 50% 50% ;width:803px;height:803px} */
#vis2 .ns{border: 1px solid #36536e;float: right}
#vis2 .fam span{background: url(../../img/sub/fam_icon.png);}
#vis2 .rob span{background: url(../../img/sub/ro_icon.png);}
#vis2 .ns span{background: url(../../img/sub/rs_icon.png);}
#vis2 .c_txt p{display:block;text-align: center;width:100%;color:#fff;font-size: 36px; }
#vis2 .ns p{ color: #133b6f !important; }

#FAQ .con_inner{width:100%;padding-bottom: 30px}
#FAQ table{width:100%;padding-top:100px}
#FAQ .head{text-align: center;width:100%;color:#fff;height:100%;background: #52565b}
#FAQ th{font-size: 18px;}
#FAQ th span{display:inline-block;padding:3px 5px;background: #cdcdd6;color:#fff;}
#FAQ th span.answer{display:inline-block;padding:3px 5px;border: 2px solid #36536e;background: none;color:#36536e;}
#FAQ tr{display:block;padding:22px 0;border-bottom:1px solid #cdcdd6;}
#FAQ tr.answer{background: #eff2f6;display: none;width: 100%;}
#FAQ tr.answer th{padding:30px 38px;display: inline-block;width: 100px;}
#FAQ tr.answer td{display: inline-block;width:70%;padding: 20px 0;line-height:30px;padding-left: 50px;background-size: border-box}
#FAQ tr th{padding:0 38px }
#FAQ tr .name{width:970px;padding-left:50px;}
#FAQ tr .more_btn{padding-left:70px;}
#FAQ .qlist{width:353px;margin: 70px auto;height:34px;}
#FAQ .qlist > a{display:inline-block;width:34px;height:34px;vertical-align: top}
#FAQ .qlist span{display:inline-block;width:34px;height:34px;text-indent: -9999px;}
#FAQ .qlist .m_prev{background: url(../../img/sub/mprev.png) no-repeat }
#FAQ .qlist .prev{background: url(../../img/sub/prev.png) no-repeat }
#FAQ .qlist .next{background: url(../../img/sub/next.png) no-repeat }
#FAQ .qlist .m_next{background: url(../../img/sub/mnext.png) no-repeat }
#FAQ .qlist ul {display:inline-block}
#FAQ .qlist ul li{margin-left:3px;float:left;width:33px;padding:8px 0;text-align: center;border:1px solid #dfdfdf;height:33px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#FAQ .qlist ul li{margin-left:3px;float:left;width:33px;padding:8px 0;text-align: center;border:1px solid #dfdfdf;height:33px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#FAQ .qlist ul li a{color:#adadad;width:100%;height:100%;}
#FAQ .qlist ul li.act{background: #36536e}
#FAQ .qlist ul li.act tr{width: 100%}
#FAQ .qlist ul li.act a{color:#fff;}

#roboi_or{width:100%;}
#roboi_or .section{height:980px;width:100%;}
#roboi_or .con_inner{background: none;}
#roboi_or .or_txt{padding-top: 180px}
#roboi_or .roboi_or_txt{width: 670px;padding: 110px 0 100px 120px;margin-top: 30px;border: 1px solid #fff}
#roboi_or .roboi_or_txt > strong{color: #333;font-size: 32px;line-height: 52px}
#roboi_or .roboi_or_txt > p{color: #333;font-size: 18px;line-height: 36px;margin-top: 40px}
#history .h_sec{min-height: 816px;}

.remove{opacity: 0}
#history .h_tit{
  position: relative; opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.1s;
}
#history .h_tit.on{opacity: 1}
#history .width100{
  position: relative; opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.2s;
}
#history .width100.on{opacity: 1}
#history .inner{width:1200px;margin: 0 auto}
#history .img,#history .h_table{
  position: relative; opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.4s;
}
#history .img.on,#history .h_table.on{opacity: 1}
#history .h_inner{text-align: center;padding:115px 0 60px 0}
#history .h_tit{text-align: center}
#history .h_tit strong{display: block;font-size: 42px;color: #333333;margin-bottom: 10px;line-height: 52px; }
#history .h_tit p{font-size: 20px;color: #666666}
#history .h_sec1 .width100{width:100%;background: url(../../img/sub/his_bg1.jpg) no-repeat 50% 0;padding:100px 0}
#history .h_sec2 .width100{width:100%;background: url(../../img/sub/his_bg2.jpg) no-repeat 50% 0;padding:100px 0; overflow: hidden; }
#history .h_sec2 .width100 .inner > div{ overflow: hidden; }
#history .h_sec3 .width100{width:100%;background: url(../../img/sub/his_bg3.jpg) no-repeat 50% 0;padding:100px 0}
#history .h_sec3 .width100 .h_table td.year{ color: #fff; }
#history .h_sec3 .width100 .h_table td.h_txt{ padding-top: 10px; }

#history .img{display: inline-block;width:486px;height:324px;margin-top:150px;box-shadow: 5px 5px 20px rgba(160,160,160,0.4);}
#history .h_table{display: inline-block;vertical-align: top;width:50%;margin-left: 102px;padding-top:200px}
#history .h_sec2 .h_table{padding-top:170px}
#history .h_sec2 .img{ float: right; }
#history .h_sec3 .h_table{padding-top:170px}
#history .h_2{margin-right: 102px;margin-left: 0px;}
#history .h_table td{padding: 16px 0}
#history .year{font-size: 30px;width:130px;text-align: center;vertical-align: top;}
#history .month{font-size: 18px;line-height: 30px;margin-right: 15px;display: block;}
#history .h_txt p{font-size: 18px;line-height: 30px}
#history .h_txt{padding-top: 0;}
#history .h_txt2{padding-top: 0;display: block;margin-bottom: 35px;font-size: 18px;color: #fff;vertical-align: top;}
#history .h_table .f_white td{color: #fff !important}
#history .s_inner{margin: 0 auto}
#outsourcing .con_inner{background-color:rgba(0,0,0,0);padding-top: 80px}
#outsourcing .out_btn{width:530px;margin: 0 auto}
#outsourcing .out_btn a{display:inline-block;width:170px;text-align: center;color: #fff;border: 1px solid #fff;padding:10px 0}
#outsourcing .out_btn a.act{color: #000;border: 1px solid #fff;padding:10px 0;background: #fff}
#outsourcing form{width:100%;}
#outsourcing form > p{width:100%;margin-top:35px;}
#outsourcing label{display:block;color:#fff}
#outsourcing input{background: none;border: none;padding:5px;color:#8c99a9;border-bottom: 1px solid #fff}
#outsourcing textarea{background: none;border: none;padding:5px;color:#8c99a9;border-bottom: 1px solid #fff;width: 100%;resize: none}
#outsourcing .c_name input,#outsourcing .o_txt input{width:100%;}
#outsourcing .name,#outsourcing .job,#outsourcing .num{display:inline-block}
#outsourcing .job{width:30%;}
#outsourcing .num{width:16%;}
#outsourcing .name,#outsourcing .job,#outsourcing .e_mail,#outsourcing .file1{margin-right:2%}
#outsourcing .name,#outsourcing .e_mail,#outsourcing .money,#outsourcing .file1,#outsourcing .file2{width:48.5%;display:inline-block}
#outsourcing input{width:100%;margin-top: 15px}
#outsourcing .o_txt input{padding-bottom:100px}
#outsourcing input::placeholder{color:#c7d2e0;font-size: 18px;color: #fff}
#outsourcing a{display:block;width:180px;padding:10px;color:#fff;border:1px solid #fff;text-align: center;margin: 50px auto}
#outsourcing .personal {display: inline-block;}
#outsourcing .personal #chk01{margin-top: 22px;margin-right: 5px;vertical-align: top;width:15px;display: inline;float: left !important}
#outsourcing .personal label{width:240px;display:inline-block;}
#outsourcing  input.p_btn{display: inline-block;width:70px !important;color: #fff;border: 1px solid #fff}
#outsourcing  #file3,#outsourcing  #file4{opacity: 0;position: relative;top:50px;}
#outsourcing  #inquiryFile,#outsourcing  #inquiryFile1{opacity: 0;position: relative;top:50px;}
#outsourcing  #btn-upload1{border: 1px solid #fff;display: inline-block;width: 120px;background: none;color: #fff;font-size: 16px;padding: 10px 0;}
#outsourcing  #btn-upload2{border: 1px solid #fff;width: 120px;background: none;color: #fff;font-size: 16px;padding: 10px 0;;position: relative;top:50}
#outsourcing  .file1 span,#outsourcing .file2 span{display: inline-block;color: #fff!important;margin-left:10px;}
#outsourcing  .file1 em,#outsourcing  .file2 em{display: inline-block;width: 100%;border-bottom: 1px solid #fff;padding: 15px 0 5px 0}
#result .con_inner{background-color:rgba(0,0,0,0)}
#result .r_txt{padding: 330px 0}
#result .r_txt strong{text-align: center;display: block;font-size: 32px;line-height: 50px;color: #fff}
#result .r_txt p{text-align: center;margin-top: 30px;display: block;font-size: 18px;line-height: 36px;color: #fff}
#goal .s_inner{padding-bottom: 100px}
#goal .vis_t_wrap{width:100%;position: relative;height:625px;margin-top:30px;}
#goal .g_txt{text-align: center;font-size: 28px;color: #333333;line-height: 52px;padding-top: 100px;
  position: relative; opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.2s;
}
#goal .g_txt span{text-align: center;font-size: 28px;color: #36536e;line-height: 52px}
#goal .vis_img{position: absolute;
  opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.4s;
}
#goal .v_txt{width:590px;padding:90px 0;text-align: center;background: #f0f2f3;position: absolute;bottom:0;right: 0;
  opacity: 0;
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  transition-delay: 0.6s;
}
#goal .g_txt.on,#goal .vis_img.on,#goal .v_txt.on{opacity: 1}
#goal .v_txt span{display:block;width:59px;height:61px;background: url(../../img/sub/vi_icon.png) no-repeat center center;margin: 0 auto;margin-bottom: 35px;}
#goal .v_txt p{line-height: 32px;color: 16px;}
.blackbg{ position: fixed; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); display:none;  z-index:3000; }
.polict_box{position:fixed;left:50%;top:200px;margin-left:-387px;width:738px;height:470px;background:white;padding:15px; box-shadow: 5px 5px 5px rgba(0 0 0 0.4); overflow: hidden; }
.polict_box p{display: block; width:100%;height:calc(100% - 50px);height:-webkit-calc(100% - 50px);padding:0 15px; overflow-y: scroll; box-sizing: border-box; }
.btn_close{width:100%;height:50px;color:#847d7d;background:#fff; border:1px solid #847d7d; text-align:center;line-height:50px;font-weight:bold;font-size:16px;cursor:pointer;transition: 0.3s;}
.btn_close:hover{ background:#2b3223; color: #fff; border: 1px solid #2b3223; }

#mobility  ul:after{content: '';display: block;clear: both}

.main_sub .sub_tit2 {text-align: center;padding: 37px 0;overflow: hidden;position: relative;z-index: -2}
.main_sub .sub_tit2 span{font-size:18px;display: block;margin-bottom:20px;opacity: 0;}
.main_sub .sub_tit2{height: 140px;background: #f5f5f5}
.main_sub {width: 100%;position: relative;top:100px;}
.main_sub .sub_tit2 strong{font-size: 34px;color: #36536e;font-weight: 500;letter-spacing: -1px;display: block;opacity: 0;}
.main_sub .sub_tit2 strong.on{opacity: 1;-webkit-transition: 2.5s;}
.main_sub .sub_tit2 .m_img1,.main_sub .sub_tit2 .m_img2,.main_sub .sub_tit2 .m_img3,.main_sub .sub_tit2 .m_img4{position: absolute; }
.main_sub .sub_tit2 .m_img1{left: 320px;bottom:00px;}
.main_sub .sub_tit2 .m_img2{left: 410px;top:-15px;}
.main_sub .sub_tit2 .m_img3{right:600px;top:-15px;}
.main_sub .sub_tit2 .m_img4{right:340px;top:-15px;}
.main_sub .sub_tit2 strong,.main_sub .sub_tit2 span{
  -moz-transition: all 2.8s ;
    -webkit-transition: 2.8s;
    -o-transition: all 2.8s;
    -ms-transition: all 2.8s ;
    transition: all 2.8s ;
}
.main_sub .sub_tit2 strong.on,.main_sub .sub_tit2 span.on{opacity: 1}
.main_sub  ul {width: 100%;height: 730px;overflow: hidden}
.main_sub  ul li{height: 730px;float: left;position: relative;display: table;}
/* .main_sub  ul li .wrap_link{display: block;height: 100%;width: 100%;} */
.main_sub  ul li .wrap_img{position: absolute;top:0;left:0;z-index: -1;overflow: hidden}
.main_sub  ul li > a{display: block;position: absolute;left:0;width: 100%;height: 100%;z-index: 1}
.main_sub  ul li .wrap_img img{  -moz-transition: all 8s ;height: 100%;
  -webkit-transition:  8s;
  -o-transition: 8s;
  -ms-transition: 8s ;
  transition: 8s ;
  transform:scale(1.1) perspective(500px) rotate(.001deg);
  }

.main_sub  ul li .wrap_img img.on{transform: scale(1.01);}
.main_sub  ul li .wrap_txt{text-align: center;display: table-cell;vertical-align: middle;
  -moz-transition: all 2.8s ;
    -webkit-transition: 2.8s;
    -o-transition: all 2.8s;
    -ms-transition: 2.8s ;
    transition: all 2.8s ;
    opacity: 0;}
.main_sub  ul li .wrap_img2{display: none;}
.main_sub  ul li:nth-child(2) .wrap_txt{transition-delay: 0.5s}
.main_sub  ul li:nth-child(3) .wrap_txt{transition-delay: 1s}
.main_sub  ul li:nth-child(4) .wrap_txt{transition-delay: 1.5s}
.main_sub  ul li .wrap_txt.on{opacity: 1}
.main_sub  ul li .wrap_txt span,.main_sub  ul li .wrap_txt strong,.main_sub  ul li .wrap_txt a{display: block}
.main_sub  ul li .wrap_txt > span{font-size: 18px;font-weight: 300;margin-bottom:10px;color: #fff;}
.main_sub  ul li .wrap_txt strong{font-size: 58px;font-weight: 400;margin-bottom: 30px;text-shadow: 1px 1px 1px #686462;color: #fff;line-height: 66px;position: relative;z-index: 5;vertical-align: bottom}
.main_sub  ul li .wrap_txt a{padding: 10px 0;width: 160px;margin: 0 auto}
.c_inner{padding-bottom: 100px;}
a.more_click{ font-size: 16px; color: #fff; padding: 10px 40px; border: 1px solid #fff; display: inline-block; position: relative; z-index: 3}
a.more_click span{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
a.more_click:before, a.more_click:after{
  border-color: transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 10px;
  position: absolute;
  width: 10px;
}
a.more_click:before {
  border-color: #fff;
  border-left-width: 2px;
  border-top-width: 2px;
  left: -5px;
  top: -5px;
}
a.more_click:after {
  border-bottom-width: 2px;
  border-color: #fff;
  border-right-width: 2px;
  bottom: -5px;
  right: -5px;
}
a.more_click:hover,
a.more_click.hover {
  background-color: #fff;
  color: #313131 !important;
}
a.more_click:hover:before,
a.more_click.hover:before,
a.more_click:hover:after,
a.more_click.hover:after {
  height: 100%;
  width: 100%;
}

a.more_click span:before, a.more_click span:after{
  border-color: transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 10px;
  position: absolute;
  width: 10px;
}
a.more_click span:before {
  border-color: #fff;
  border-right-width: 2px;
  border-top-width: 2px;
  right: -5px;
  top: -5px;
}
a.more_click span:after {
  border-bottom-width: 2px;
  border-color: #fff;
  border-left-width: 2px;
  bottom: -5px;
  left: -5px;
}
a.more_click:hover,
a.more_click.hover {
  background-color: #fff;
  color: #313131;
}
a.more_click:hover span:before,
a.more_click.hover span:before,
a.more_click:hover span:after,
a.more_click.hover span:after {
  height: 100%;
  width: 100%;
}


#mobility  ul li{width: 24.97%;}
#mobility  .sub_tit2{background: url(../../img/sub/m_bg.jpg)}
#wearable  .sub_tit2{background: url(../../img/sub/wear_bg.jpg)}
#home  .sub_tit2{background: url(../../img/sub/h_bg.jpg)}
#industry  .sub_tit2{background: url(../../img/sub/i_bg.jpg)}
#pet  .sub_tit2{background: url(../../img/sub/pet_bg.jpg)}
#wearable  ul li{width: 50%;}
#home  ul li{width: 50%;}
#industry  ul li{width:33.33%;}
#pet  ul li{width:33.33%;}

/* .more_click{ font-size: 16px; color: #fff; padding: 10px 40px; border: 1px solid #fff; display: block; position: relative; }
.more_click span{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.more_click:before, .more_click:after{
  border-color: transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 10px;
  position: absolute;
  width: 10px;
}
.more_click:before {
  border-color: #fff;
  border-left-width: 2px;
  border-top-width: 2px;
  left: -5px;
  top: -5px;
}
.more_click:after {
  border-bottom-width: 2px;
  border-color: #fff;
  border-right-width: 2px;
  bottom: -5px;
  right: -5px;
}
.more_click:hover,
.more_click.hover {
  background-color: #fff;
  color: #333333;
  transition: 0s;
}
.more_click:hover:before,
.more_click.hover:before,
.more_click:hover:after,
.more_click.hover:after {
  height: 100%;
  width: 100%;
}

.more_click span:before, .more_click span:after{
  border-color: transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 10px;
  position: absolute;
  width: 10px;
}
.more_click span:before {
  border-color: #fff;
  border-right-width: 2px;
  border-top-width: 2px;
  right: -5px;
  top: -5px;
}
.more_click span:after {
  border-bottom-width: 2px;
  border-color: #fff;
  border-left-width: 2px;
  bottom: -5px;
  left: -5px;
}
.more_click span:hover,
.more_click span.hover {

}
.more_click:hover span:before,
.more_click.hover span:before,
.more_click:hover span:after,
.more_click.hover span:after {
  height: 100%;
  width: 100%;
} */
#parking{width: 100%;height: 100%}
.wrap_parking{width: 100%;height: 900px;background: url(../../img/main/main_visual1.jpg) 50% 50%;background-size: cover;position: relative;top:100px;}
.wrap_parking > div{width: 500px;margin: 0 auto;height: 100%;}
.wrap_parking .par_table{display: table;width: 100%;height: 100%;}
.wrap_parking .par_table div{height: 500px;display: table-cell;vertical-align: middle;}
.wrap_parking div img{display: block;margin: 0 auto;margin-bottom: 50px;}
.wrap_parking div strong{display: block;font-size: 40px;font-weight: 500;text-align: center;color: #fff;margin-bottom: 20px;}
.wrap_parking div p{font-size: 18px;font-weight: 500;text-align: center;color: #fff;line-height: 36px;}
.wrap_parking div a{display: block;margin: 0 auto;margin-top: 30px;width: 160px;font-size: 16px;font-weight: 500;text-align: center;color: #fff;border: 1px solid #fff;padding: 15px 0;border-radius: 30px}
@media (max-width: 1770px){
  .main_sub  ul li .wrap_txt strong{height: 132px;}

}
@media (max-width: 1450px){
  #history .inner > div{ overflow: hidden; }
  #history .img{ width: 50%; height: auto; display: block; float: left; }
  #history .img img{ width: 100%; display: block; }
  #history .h_table{ margin-left: 0; padding-left: 50px; display: block; float: left; }
  #history .h_sec{ overflow:hidden; }
  #history .month{ width: 40px;  }
  #history .h_2{ margin-right: 0; padding-left: 0; padding-right: 50px; }

}

@media (max-width: 1416px){
  .sub_inner{width:100%;padding:10px}
  /* #roboi_info .wrap_info{width: 1200px;padding-bottom:140px}
  #roboi_info .wrap_info > div{width: 586px;display: inline-block;}
  #roboi_info .wrap_info .info_01{margin-right: 24px}
  #roboi_info .wrap_info .info_01 p{text-align: right;color: #333333;margin-top: 15px}
  #roboi_info .wrap_info .info_02{position: relative;}
  #roboi_info .wrap_info .info_02 > div{position: absolute;bottom: -100px}
  #roboi_info .wrap_info .info_02 p{text-align: right;color: #333333;margin-bottom: 15px;vertical-align: bottom} */
}

@media (max-width: 1250px){
  #churo1 .dong1_03{ background-size: 100%; padding-top: 120px; }
  #churo1 .dong1_03 .s_inner > div{ width: 100% !important; margin: 0 !important; box-shadow: none;text-align: center; margin-bottom: 40px !important; }
  .dong1_02 .icon{ padding-bottom: 40px; }
}

@media (max-width: 1216px){
  .visual17:before{ background: url('../../img/sub/sub_visual3.jpg') right 30% center no-repeat; }
  .s_inner{ width: 100%; padding: 0 20px; }
  .sub_visual2 .s_inner{ width: 100%; padding: 0 20px; }
  #roboi_info .wrap_info{ width: 100%; padding: 0 20px; padding-bottom: 140px; overflow: hidden; }
  #roboi_info .wrap_info > div{ width: 50%; float: left; display: block; padding: 0 20px; }
  #roboi_info .wrap_info > div img{ width: 100% !important; display: block; }
  #roboi_info .wrap_info .info_01{ margin-right: 0; }
  #roboi_info .wrap_info .info_02 > div{ bottom: 0; position: static;  }
  .txt{ height: auto; } .con_inner{padding-bottom: 50px;}

  #history .h_sec > .inner{ width: 100%; }
  #history .h_table{ padding-left: 20px; }
  #history .h_2{ padding-left: 0; }

  #vis2 .cir_wrap{ text-align: center; }
  #vis2 .cir_wrap>div{ float: none; display: inline-block; }
  #vis2 .rob{ margin-right: 0; }
  #vis2 .ns{ float: none; margin: 0 auto; }

  #superboard .dong1_02 .product_img{ margin-top: -13%;}
  #superboard .dong1_02 .product_img img{ width: 100%; margin-top: 0%; }
  #superboard .dong1_01 .product_img img{ width: 58%; }

  #churo2 .dong1_02 .product_img{ margin-top: -13%;}
  #churo2 .dong1_02 .product_img img{ width: 100%; margin-top:-30%; }
  #churo2 .dong1_01 .product_img img{ width: 50%; }

  #churoball .dong1_02 .product_img{ margin-top:0%;}
  #churoball .dong1_02 .product_img img{ width: 100%; margin-top:-25%; margin-left: 2%}
  #churoball .dong1_01 .product_img img{ width: 34%; }


  #gogoring .dong1_02 .product_img{ margin-top: -38%;height: 300px;}
  #gogoring .dong1_02 .product_img img{ width: 100%; margin-top:-43%; margin-left: -2%}
  #gogoring .dong1_01 .product_img img{ width: 36%; }

  #gogoring2 .dong1_02 .product_img{ margin-top: -18%;}
    #gogoring2 .dong1_02 .product_img{height: 300px}
  #gogoring2 .dong1_02 .product_img img{ width: 100%; margin-top:-25%; margin-left: -2%}
  #gogoring2 .dong1_01 .product_img img{ width: 40%; }

  #wear1 .dong1_02 .product_img{ margin-top: -30%;}
  #wear1 .dong1_02 .product_img img{ width: 100%; margin-top: 0%;margin-left: -4%}
  #wear1 .dong1_01 .product_img img{ width:44%; }
  #wear2 .dong1_02 .product_img{ margin-top: -22%;}
  #wear2 .dong1_02 .product_img img{ width: 100%; margin-top: 0%;margin-left: -4%}
  #wear2 .dong1_01 .product_img img{ width: 53%; }

  .dong1_02 .str{ margin-top: -100px; position: relative; z-index: 1; }
  #superboard .dong1_01 strong{ font-size: 80px; line-height: 90px; top: 20px; }
  #superboard .dong1_01 em{ word-break: keep-all; font-size: 16px; line-height: 30px; }

  #gogoring3 .dong1_02 .product_img{ margin-top: -32%; }
  #gogoring3 .dong1_02 .product_img img{ width: 100%; margin-top: 0; }
  #gogoring3 .dong1_01 .product_img img{ width: 29.5%; }
  #gogoring3 .dong1_02 .str{ margin-top: -40px; }
  #churo1 .dong1_01 .product_img img{ width: 17%; }
  #churo1 .dong1_02 .product_img{ margin-top: -22.5%; }


  #churo1 .dong1_02 .product_img img{ width: 100%; margin-left: 3.2%; }

  .dong1_02 .icon ul li.c_5{ margin-left: 12%; }

  #dong2 .dong1_02 .product_img{ margin-top: -37%; }
  #dong2 .dong1_02 .product_img img{ margin-left: .5%; width: 100%; }
  #dong2 .dong1_01 .product_img img{ width: 20%; }
  #dong1 .dong1_02 .product_img{ margin-top: -24%; }
  #dong1 .dong1_01 .product_img img{ width: 18.5%; }
  #dong1 .dong1_02 .product_img img{ width: 100%; margin-left: -0.9%; }

  #FAQ tr{ padding: 14px 0; }
  #FAQ tr .more_btn{ padding-right: 20px; }
  #FAQ tr th{ padding: 0 15px; font-size: 14px; }
  #FAQ tr.answer th{padding: 0 15px !important;width: 70px;}
  #FAQ tr.answer td{display: inline-block;padding-left: 0px;background-size: border-box}
  #FAQ tr .name{ padding-left: 10px; }
  #FAQ tr .more_btn{ padding-left: 20px; }
  #FAQ tr .more_btn img{ width: 16px; }
  .s_wrap2{display: block !important;margin-right:40px;margin-top: -8px}
  .main_sub  ul li .wrap_txt strong{font-size: 43px;line-height: 66px;}

}
@media (max-width: 1100px){
  .dong1_02 .icon ul li strong{ font-size: 16px; line-height: 26px; }
}
@media (max-width: 1067px){
    #vis2 .ns_wrap:before{  transform: rotate(90deg);}
    #goal .g_txt span{ font-size: 20px; line-height: 46px; }
    #goal .g_txt{ font-size: 20px; line-height: 46px; }
    #goal .vis_img img{ width: 100%; max-width: 792px; }
}
@media (max-width: 1016px){
.dong1_02 .str ul li{ width: 100%; margin-right: 0; margin-bottom: 15px; }
}

@media (max-width: 980px){
  #history .img{ width: 100%; max-width: 486px; margin: 0 auto; float: none; }
  #history .h_table{ width: 100%; float: none; padding-top: 50px; }
  #history .h_table .f_white td{ color: #222 !important; }
  #history .h_sec1 .width100{ padding-bottom: 0; }
  #history .h_inner{ padding: 50px 0; padding-top: 110px; }
  #history .h_sec2 .img{ float: none; }
  #history .h_sec2 .h_table{ padding-top: 50px; padding-right: 0; }
  #history .h_sec2 .width100{ padding-bottom: 0; }
  #history .h_sec3 .h_table{ padding-top: 50px; padding-left: 0; }
  #history .h_sec3 .width100 .h_table td.year{ color: #222; }
  #history .h_txt2{ color: #222; }
  #history .h_table{ padding-left: 0; }

  #gogoring3 .dong1_01 strong{ font-size: 80px; line-height: 90px; }
  .main_sub  ul li .wrap_txt strong{font-size: 43px;line-height: 50px;}
  .main_sub  ul li .wrap_txt span{margin-bottom: 8px;}
  .main_sub  ul{height: auto;width: 100%;}
  .main_sub  ul li{float: none;width: 100% !important;height: auto;padding: 60px 0}
  .main_sub  ul li .wrap_txt strong{height: auto}
  .main_sub ul li .wrap_img{width: 100%}
  .main_sub ul li .wrap_img img{width: 100%;display: block;height: auto;}
}
@media (max-width: 900px){
  #roboi_info .wrap_info > div{ width: 100%; float: none; padding:0; margin-bottom: 40px; }
  #roboi_info .wrap_info .info_01 p{ font-size: 18px; margin-top: 15px; }
  #roboi_info .wrap_info .info_02 p{ font-size: 18px; margin-top: 15px; }
  #roboi_info .wrap_info .info_02 p.web_p{ display: none; }
  #roboi_info .wrap_info .info_02 p.mo_p{ display: block; }

@media (max-width: 900px){
  .main_sub {width: 100%;top:70px;}
  .c_inner{padding-bottom: 70px;}
}
@media (max-width: 850px){
  #dong2 .dong1_01 h3{ word-break: keep-all; font-size: 28px; line-height: 40px; }
  #dong2 .dong1_01 strong{ font-size: 90px; line-height: 100px; }
  #dong2 .dong1_01 em{ font-size: 14px; line-height: 28px; }

  #dong1 .dong1_01 h3{ font-size: 28px; line-height: 40px; word-break: keep-all; }
  #dong1 .dong1_01 strong{ font-size: 90px; line-height: 100px; }
  #dong1 .dong1_01 em{ font-size: 14px; line-height: 28px; }
  #news .wrap_table table tr{ padding: 15px !important; }
  #news .wrap_table .s_txt strong{ font-size: 18px; line-height: 28px; }
  #news .wrap_table .s_txt p{ font-size: 14px; line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.6em;
    height: 4.8em;
  }
  #news .wrap_table .s_txt span{ font-size: 12px; }
  #news .wrap_table .s_img_wrap img{ max-width: 290px; }

  /* #wear1 .dong1_01 .product_img img{ width: 40%;display: block; margin: 0 auto;}
  #wear1 .dong1_02 .product_img{margin-left:-5px;}
  #wear1 .dong1_02.on .product_img{ opacity: 1; top: 300px;margin-left:-5px;}
  #wear1 .dong1_02 .product_img {height: 600px;top:320px;}
  #wear1 .dong1_02 .product_img img{ width:80%;display: block;}
  #wear2 .dong1_01 .product_img img{ width: 40%;display: block; margin: 0 auto;}
  #wear2 .dong1_02 .product_img{margin-left:-20px;}
  #wear2 .dong1_02.on .product_img{ opacity: 1; top:140px;margin-left:-20px;}
  #wear2 .dong1_02 .product_img {height: 400px;top:160px;}
  #wear2 .dong1_02 .product_img img{ width:70%;margin-left:15%;display: block;}

  #churoball .dong1_01 .product_img img{ width: 35%;display: block; margin: 0 auto;}
  #churoball .dong1_02 .product_img{margin-left:-20px;}
  #churoball .dong1_02.on .product_img{ opacity: 1; top:90px;left: -9%}
  #churoball .dong1_02 .product_img {height: 450px;top:120px;overflow: hidden}
  #churoball .dong1_02 .product_img img{ width:100%;display: block;} */

    #churo2 .dong1_02 .product_img img{margin-left: 0}
    #churo1 .dong1_04 img{width: 100%}
    #churo1 .dong1_04 .video2 iframe{width: 100%;display: block;margin: 0 auto;height:420px}
    #churo1 .dong1_04  .cimg2 .put{position: absolute;top:56.9%;width: 78%;left:11%;z-index: 5;}
    #churo1 .dong1_04  .cimg2 .health{position: absolute;top:66.4%;width: 78%;left:11%;z-index: 5;}
    #churo1 .dong1_04  .cimg2 .play{position: absolute;top:85.7%;width: 78%;left:11%;z-index: 5;}
}

@media (max-width: 800px){
  .dong1_02 .str
  .sub_visual2 .s_inner .sub_title .title_b strong{ font-size: 40px; line-height: 50px; }
  .sub_visual2 .s_inner .sub_title > p{ font-size: 16px; line-height: 26px; word-break: keep-all; }
  #roboi_or .roboi_or_txt{ width: 100%; padding: 110px 40px;  }
  #gogoring3 .dong1_01 em{ font-size: 14px; line-height: 28px; word-break: keep-all; }

  .dong1_02 .icon ul li{ width: 48%; margin: 1%; }
  .dong1_02 .icon ul li.c_5{ margin-left: 1%; }
  .dong1_02 .icon ul li:last-child{ margin-left: 25%; }
  .dong1_01 h3{ font-size: 24px; line-height: 34px; }
  .dong1_01 em{ font-size: 14px; line-height: 28px; word-break: keep-all; }
  #churo1 .dong1_03 .s_inner > div{ height: auto !important; }
  #churo1 .dong1_03 .s_inner .cimg1 img{ width: 70%; max-width: 384px; }
  #churo1 .dong1_03 .s_inner .cimg2 img{ width: 85%; max-width: 486px; }
  #churo1 .dong1_03 .s_inner .cimg3 img{ width: 100%; max-width: 611px; }
  #churo1 .dong1_03 .s_inner .cimg4 img{ width: 90%; max-width: 450px; }
  #goal .v_txt{ width: 90%; left: 0; right: 0; margin: 0 auto; }
  #FAQ tr .name{ font-size: 13px; }
  #FAQ tr.answer td{font-size: 13px;}
  .main_sub  ul li .wrap_img2{display: block;}
  .main_sub  ul li .wrap_img1{display: none;}
  #home ul li .wrap_img2 img{height: 100%;}

}
@media (max-width: 720px){
  #vis2 .c_txt p{ font-size: 28px; line-height: 28px; }
  #vis2 .fam, #vis2 .rob, #vis2 .ns{ width: 300px; height: 300px; padding-top: 85px; }
  #vis2 .ns_wrap:before{ width: 750px; height: 750px;  }
  #vis2 .c_txt .s_inner > p{ font-size: 17px; line-height: 28px; }
  #gogoring3 .dong1_01 .product_img img{ width: 29%; }
  #gogoring3 .dong1_02 .product_img img{ margin-left: -2%; }

  #goal .g_txt{ font-size: 16px; line-height: 32px; }
  #goal .g_txt span{ font-size: 16px; line-height: 32px; }
}
@media (max-width: 700px){
  #roboi_or .roboi_or_txt > strong{ font-size: 26px; line-height: 36px; }
  #roboi_or .roboi_or_txt > p{ font-size: 14px; line-height: 32px; }
  #news .form_wrap1{ padding: 20px; }
  #news .form_wrap2{ overflow: hidden; }
  #news .form_wrap2{ width: 100%; }
  #news .form_wrap2 form{ width: 100%; overflow: hidden; display: block; }
  #news .form_wrap2 select{ width: 20%; float: left;  margin-right: 1%;  display: block; }
  #news .form_wrap2 p{ width: 58%; float: left; margin-right: 1%; display: block; }
  #news .form_wrap2 input{ width: 100%; }
  #news .form_wrap2 form > a{ width: 20%; float: left; display: block; }
  #news02  .wrap_tit{margin-top: 100px;}
  #news02  .wrap_tit:after{content: :'';display: block;clear: both}
  #news02 .con_inner strong{display: inline-block;font-size: 20px;margin-top: 100px;}
  #news02  .date{float:right;margin-top: 100px;font-size: 14px;}
  #news02  .keyword{padding-bottom: 10px;width: 100%;border-bottom: 3px solid #666;margin-bottom:30px;}
  #news02  .keyword1{display:inline-block;margin-top: 10px;color: #36536e}
  #news02  .keyword2{display:inline-block;margin-top: 10px;color: #36536e}
  #news02 img{display: block;margin: 0 auto;margin-bottom: 30px;}


}

@media (max-width: 640px){
  #history .year{ font-size: 22px; width: 90px; }
  #history .month{ font-size: 14px; line-height: 24px; }
  #history .h_txt p{ font-size: 14px; line-height: 24px; word-break: keep-all; }
  #history .h_table{ padding-top: 20px; }
  .dong1_02 .str > strong{ font-size: 20px !important; line-height: 30px !important; }
  .dong1_02 .str ul li strong{ font-size: 14px !important; }
  #gogoring3 .dong1_01 em{ padding-top: 145px; }

  #dong2 .dong1_01 strong{ font-size: 78px; line-height: 88px; }
  #dong2 .dong1_01 h3{ font-size: 22px; line-height: 32px; }

  #dong1 .dong1_01 strong{ font-size: 78px; line-height: 88px; }
  #dong1 .dong1_01 h3{ font-size: 22px; line-height: 32px; }

  #result .r_txt strong{ font-size: 18px; line-height: 36px; }
  #result .r_txt p{ font-size: 14px; line-height: 26px; margin-top: 15px; }
  #FAQ .qlist{ margin: 40px 0; text-align: center; width: 100%; }
  #FAQ .qlist span{ width: 30px; height: 30px; }
  #FAQ .qlist ul li{ width: 30px; height: 30px; padding: 6px 0; }
  #FAQ .qlist > a{ width: 30px; height: 30px; background-size: 100% 100% !important; }
  #outsourcing input::-webkit-input-placeholder { font-size: 12px; }
  #outsourcing label{ font-size: 14px; color: rgba(255,255,255,0.5); }
  #outsourcing input{ font-size: 12px; }
  #outsourcing .c_name{ width: 48.5%; margin-right: 2%; display: inline-block;  }
  #outsourcing .name{ margin-right: 0; }
  #outsourcing .job{ width: 48.5%; }
  #outsourcing .num{ width: 48.5%; }

  #news .nlist{ margin: 40px 0; text-align: center; width: 100%; }
  #news .nlist span{ width: 30px; height: 30px; }
  #news .nlist ul li{ width: 30px; height: 30px; padding: 6px 0; }
  #news .nlist > a{ width: 30px; height: 30px; background-size: 100% 100% !important; }
  .main_sub  ul li .wrap_txt strong{font-size: 33px;line-height: 50px;margin-bottom: 10px;}
  .main_sub  ul li .wrap_txt span{margin-bottom: 5px;font-size: 16px;}

  #churo1 .dong1_04 .cimg1 .puppy{position: absolute;top:64.458%;width: 90%;left:5%;z-index: 5;}
  #churo1 .dong1_04 .cimg2{position: relative;}
  #churo1 .dong1_04  .cimg2 iframe{position: absolute;top:2.65%;width: 90%;left:5%;z-index: 5;height:5% !important}
  #churo1 .dong1_04  .cimg2 .put{position: absolute;top:56.8%;width: 78%;left:11%;z-index: 5;}
  #churo1 .dong1_04  .cimg2 .health{position: absolute;top:66.3%;width: 78%;left:11%;z-index: 5;}
  #churo1 .dong1_04  .cimg2 .play{position: absolute;top:85.7%;width: 78%;left:11%;z-index: 5;}
  .wrap_parking{height: 600px;background-position: 30% 0%}
  .wrap_parking div img{width: 150px;}
  .wrap_parking div strong{font-size: 28px;}
  .wrap_parking div p{font-size: 16px;}
  .wrap_parking div a{width: 140px}
  .wrap_parking > div{width: 100%}
}

@media (max-width: 612px){
  #vis2 .cir_wrap>div{ display: block; margin: 0 auto; margin-bottom: 40px; }
  #vis2 .ns_wrap{ display: inline-block !important; margin-top: 100px !important; }
  #vis2 .c_txt .s_inner > p{ word-break: keep-all; }
  .dong1_01 strong{ font-size: 80px; line-height: 90px; }
  .dong1_01 h3{ font-size: 20px; line-height: 30px; }
  #goal .g_txt{ word-break: keep-all; }
  #goal .g_txt br{ display: none; }
  #outsourcing .con_inner{ padding-top: 100px; }
  #outsourcing .out_btn{ width: 100%; overflow: hidden; }
  #outsourcing .out_btn a{ width: 31%; margin: 0 1%; display: block; float: left; font-size: 13px; }
}
@media (max-width: 560px){
  #roboi_info .wrap_info{ padding: 0; padding-bottom: 60px; }
  #roboi_info .wrap_info .info_01 p{ font-size: 14px; margin-top: 10px; }
  #roboi_info .wrap_info .info_02 p{ font-size: 14px; margin-top: 10px; }
  .sub_visual2{ height: 800px; }
  .sub_visual2 .s_inner{ height: 800px; }
  .sub_visual2:before{ height: 800px; }
  .con_inner{ margin-top: 800px; }
  .con_inner .line{ height: 140px; top: -70px; }

  #history .h_tit strong{ font-size: 30px; line-height: 40px; }
  #history .h_tit p{ font-size: 14px; }
  #roboi_or .section{ height: auto; padding-bottom: 60px; }
  #roboi_or .roboi_or_txt{ padding: 60px 20px; }
  #roboi_or .roboi_or_txt > p{ margin-top: 20px; font-size: 13px; line-height: 30px; }
  #roboi_or .roboi_or_txt > strong{ font-size: 20px; line-height: 32px; }
  .dong1_02 .icon ul li{ padding: 40px 0; }
  .dong1_02 .icon ul li span{ margin-bottom: 5px; }
  .dong1_02 .icon ul li strong{ font-size: 13px; display: block; line-height: 20px; }
  .dong1_02 .icon ul li span{ width: 100px; height: 63px; background-size: auto 100% !important; }
  .dong1_02 .icon > strong{ font-size: 20px; line-height: 30px; }
  .dong1_02 .icon > strong:after{ margin-top: 10px; height: 2px; }
  #news .wrap_table table tr td{ display: block; width: 100%; margin: 0 auto; }
  #news .wrap_table .s_img_wrap{ display: block; width: 100%; text-align: center; }
  #news .wrap_table .s_img_wrap img{ width: 100%; display: block; max-width: none; }
  #news .wrap_table .s_txt{ width: 100%; display: block; padding: 20px 0; }
  #news .wrap_table > p{ padding: 20px 10px; }
}
@media (max-width: 551px){
  #superboard .dong1_01 em{ padding-top: 150px; }
  #superboard .dong1_01 strong{ top: 0; line-height: 88px; }
  /* #wear1 .dong1_01 em{ padding-top: 150px; }
  #wear1 .dong1_01 strong{ top: 0; line-height: 88px; } */
  .s_wrap2{display: block !important;margin-right:40px;margin-top: -18px}
  #gogoring2 .dong1_01 em{ padding-top: 150px; }
  #gogoring2 .dong1_01 strong{ top: 0; line-height: 88px;}


}
@media (max-width: 500px){
  #history .img{ width: 80%; }
  #history .h_sec1 .width100{ padding-top: 200px; }
  #history .h_sec2 .width100{ padding-top: 200px; }
  #history .h_sec3 .width100{ padding-top: 200px; }
  #goal .vis_img{ position: static; }
  #goal .vis_t_wrap{ height: auto; }
  #goal .v_txt{ padding: 40px 0; bottom: -10%; position: relative; margin-top: -100px; z-index: 1; }
  #churo1 .dong1_04 .video2 iframe{height:250px !important}

}
@media (max-width: 480px){
  .sub_visual2 .s_inner .sub_title .title_b strong{ font-size: 30px; line-height: 40px; margin-top: 5px; }
  #gogoring3 .dong1_01 strong{ font-size: 70px; line-height: 80px; }
  #gogoring2 .dong1_01 strong{ font-size: 70px; line-height: 80px; }
  #gogoring2 .dong1_01 em{font-size: 16px}
  #wear1 .dong1_01 strong{ font-size: 55px; line-height: 80px; }
  #wear1 .dong1_01 em{font-size: 16px}
  #wear2 .dong1_01 strong{ font-size: 55px; line-height: 80px; }
  #wear2 .dong1_01 em{font-size: 16px}
  #goal .v_txt p{ font-size: 13px; line-height: 24px; word-break: keep-all; }
  #goal .v_txt span{ margin-bottom: 15px; }
  #news02  .wrap_tit{margin-top: 100px;}
  #news02  .wrap_tit:after{content: :'';display: block;clear: both}
  #news02 .con_inner strong{display: inline-block;font-size:20px;margin-top: 100px;}
  #news02  .date{display: block;float:none;margin-top: 10px;font-size: 16px;}
  #news02  .keyword{padding-bottom: 10px;width: 100%;border-bottom: 3px solid #666;margin-bottom:30px;}
  #news02  .keyword1{display:inline-block;margin-top: 10px;color: #36536e}
  #news02  .keyword2{display:inline-block;margin-top: 10px;color: #36536e}
  #news02 img{display: block;margin: 0 auto;margin-bottom: 30px;}

}
@media (max-width: 445px){
  #roboi_or .roboi_or_txt > p { word-break: keep-all; }
  #roboi_or .roboi_or_txt > p br{ display: none; }
  #roboi_or .roboi_or_txt > strong{ word-break: keep-all; }
  #result .r_txt strong{ font-size: 16px; line-height: 32px; word-break: keep-all; }
  #result .r_txt p{ font-size: 12px; line-height: 24px; word-break: keep-all; }
  #outsourcing form > p{ width: 100% !important; margin-right: 0 !important; }
  .wrap_parking{height: 500px;}
  .wrap_parking div img{width: 100px;}
  .wrap_parking div strong{font-size: 22px;}
  .wrap_parking div p{font-size: 14px;line-height: 20px}
  .wrap_parking div a{width: 140px}
  .wrap_parking > div{width: 100%}
}
@media (max-width: 414px){
  .sub_visual2 .s_inner .sub_title > p{ font-size: 13px; line-height: 23px; }
  .sub_visual2 .s_inner .sub_title .title_b{ padding: 30px 40px; }
  #history .year{ font-size: 18px; width: 70px; }
  #history .h_txt2{ font-size: 14px;}
  #history .h_table td{ padding: 10px 0; }
  #history .month{ margin-right: 5px; }
  #vis2 .fam, #vis2 .rob, #vis2 .ns{ width: 200px; height: 200px; padding-top: 55px; }
  #vis2 .fam span, #vis2 .rob span, #vis2 .ns span{ width: 50px; height: 47px; background-size: 100% 100%; }
  #vis2 .c_txt p{ font-size: 20px; line-height: 20px; }
  #vis2 .ns_wrap:before{ width: 450px; height: 450px; left: -125px; top: -125px; }
  #vis2 .ns_wrap{ margin-top: 50px !important; }
  #vis2 .cir_wrap{ padding-bottom: 40px; }
  #vis2 .c_txt .s_inner > p{ font-size: 14px; line-height: 25px; }
  .dong1_02 .str.fn ul li{ padding: 10px !important; }
  .dong1_02 .str ul li strong{ font-size: 12px !important; }
  #superboard .dong1_01 em{ font-size: 13px; line-height: 26px;  padding-top: 120px; }
  #superboard .dong1_01 strong{ word-break: keep-all; font-size: 70px; line-height: 77px; }
  #gogoring3 .dong1_01 strong{ font-size: 60px; line-height: 65px; }
  #gogoring3 .dong1_01 em{ padding-top: 100px; font-size: 13px; line-height: 26px; }
  #gogoring2 .dong1_01 strong{ font-size: 60px; line-height: 65px; }
  #gogoring2 .dong1_01 em{ padding-top: 100px; font-size: 13px; line-height: 26px; }
  .dong1_01 h3{ font-size: 18px; line-height: 28px; word-break:keep-all; }
  .dong1_01 h3 br{ display: none; }
  .dong1_02 .str ul li{ padding: 10px; }

  #dong2 .dong1_01 em{ font-size: 13px; line-height: 27px; word-break: keep-all; }
  #dong2 .dong1_01 em br{ display: none; }

  #dong2 .dong1_01 h3{ font-size: 20px; line-height: 30px; }

  #dong1 .dong1_01 strong{ font-size: 70px; line-height: 80px; }
  #dong1 .dong1_01 em{ font-size: 13px; line-height: 27px; word-break: keep-all; }
  #dong1 .dong1_01 em br{ display: none; }
  #dong1 .dong1_01 h3{ font-size: 20px; line-height: 30px; }
  #goal .g_txt{ font-size: 14px; line-height: 28px; }
  #goal .g_txt span{ font-size: 14px; line-height: 28px; }
  #outsourcing a{ font-size: 14px; margin: 40px auto; padding: 8px; width: 100%; }
  #news .wrap_table .s_txt strong{ font-size: 14px; line-height: 24px; }
  #news .wrap_table .s_txt p{ font-size: 11px; }
  #news .wrap_table .s_img_wrap .s_hover{ width: 100%; height: 100%; }

}
@media (max-width: 375px){
    #goal .v_txt p{ font-size: 11px; line-height: 22px; }
    #outsourcing .out_btn a{ font-size: 11px; }
}

@media (max-width: 320px){
  html, body{ max-width: 100% !important; }
}