.page_txt{position: relative;;margin-bottom: 10px;color: #226FB8;font-size: 24px;font-weight: bold;text-align: center;padding-top: 30px;}
.page_txt span{display: block;width: 14px;height: 14px;background: #226FB8;border-radius: 40px;position: absolute;left:50%;top:0px;transform: translateX(-50%);}
p.tit{font-size: 28px;font-weight: bold;line-height: 1.4;text-align: center;}
p.tit02{font-size: 28px;font-weight: bold;line-height: 1.4;text-align: center;word-break: keep-all; width: 75%; margin:0 auto;}
p.tit02 span{color: #226FB8;}
p.txt{font-size: 20px;line-height: 1.4;color: #666;}
p.tit + p.txt{margin-top: 20px;}



:lang(en) p.tit02 {  font-size: 22px;}
:lang(en) .page_txt {  font-size: 20px;padding-top: 22px;}
:lang(en) .aboutus .con li p{font-size: 16px;}

.main_but{margin-top: 40px;}
.main_but button{color: #7a7a7a;padding:0;font-size: 18px;display: flex;align-items: center;}
.main_but button img{margin-right: 12px;transition-duration: 0.3s;}
.main_but button:hover img{transform: rotate(45deg);content:url(../img/main/but3.png)}
.main_but button:hover{color: #226FB8;}



/*slide*/
.slide .scroll{position: absolute;bottom:180px; z-index: 99;left:50%;transform: translateX(-50%);color: #fff;font-size: 14px;;}
.slide .scroll span{width: 20px;height: 35px;border:1px solid #fff;display: block;border-radius: 40px;margin:0 auto;margin-top: 4px;position: relative;}
.slide .scroll span::before{content:'';display: block;width: 10px;height: 10px;border-radius: 40px;background: #fff;position: absolute;left:50%;top:6px;transform: translateX(-50%);  
  animation-name: scroll;
  animation-duration:2s;
  animation-duration: leaner;
  animation-iteration-count:infinite;
}

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes scroll {
  0% {
    top:6px;
  }
  100% {
    top:18px;opacity: 0;
  }
}




.main_slide {height: 90vh;}
.main_slide .tbox{position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;color: #fff;width: 100%;max-width: 1660px; padding-right: 700px;}
.main_slide em{position:absolute;left:50%;transform: translate(-50%,0);top:120px;font-size: 45px;color: #80b1de;font-weight: bold;max-width: 1660px;width: 100%;}
.main_slide .tbox h3{font-size: 45px;font-weight: 600;line-height: 1.3;margin-bottom: 20px;; }
.main_slide .tbox h3::before{content:'';display: block;width: 140px;height: 140px;background: url(../img/sub/com/info03.png) center/cover;position: absolute;left:-40px;top:-70px;opacity: 0.5; ;}
.main_slide .tbox p{line-height: 1.4;margin-top: 10px;font-size: 20px;opacity: 0.8;position: relative;padding-left: 25px;;}
.main_slide .tbox p span{font-weight: 600;opacity: 1;}
.main_slide .tbox p::before{content:'';display: block;width: 16px;height: 16px;border:1px solid #fff;position: absolute;left:0;top:6px;border-radius: 50px;}
.main_slide .tbox p::after{content:'';display: block;width: 8px;height: 8px;background: #fff;position: absolute;left:4px;top:10px;border-radius: 50px;}
.main_slide .swiper-button-next,
.main_slide .swiper-button-prev {color: #fff;}
.main_slide .swiper-button-next::after,
.main_slide .swiper-button-prev::after{font-weight: 100;}
.main_slide .swiper-pagination{    top: 41% !important;margin: 0;
  left: auto;
  right:20px;width: auto;
  transform: none;}
.main_slide .swiper-pagination span{display: block;margin-left:0; background: #fff;width: 6px;height: 6px;    margin-top: 30px !important;  margin-bottom: 30px !important;}
.main_slide .swiper-pagination span+span{margin-top: 20px !important;;}
.main_slide .swiper-pagination span{    position: relative;}
.main_slide .swiper-pagination .swiper-pagination-bullet-active::before{content:'';display: block;width: 20px;height: 20px;border-radius: 40px;border:1px solid #fff;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.aboutus .sec_title {width: 100%;text-align: center;}
.aboutus .sec_title .page_txt img{margin:0 auto;}
.aboutus .sec_title .page_txt::before{display: none;}
.aboutus .con {margin-top: 40px;;}
.aboutus .con ul{width:80%;margin:0 auto;    display: flex;}
.aboutus .con li > div{padding-bottom: 100%;background: #fff;bordeR:1px solid #ddd;position: relative;border-radius: 50%;}
.aboutus .con li p{color: #666;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;font-weight: 600;text-align: center;display: flex;align-items: center;justify-content: center;}

:lang(de) .aboutus .con ul {width: 90%;}
:lang(de) .aboutus .con li p{font-size: 16px;width: 90%;}
.aboutus .con li + li{position: relative;}
.aboutus .con li + li::before{content:'';display: block;width: 35px;height: 23px;background: url(../img/main/aboutus01.png) center/cover;position: absolute;left:-15px;top:50%;transform: translateY(-50%);}
 
.index_wrap .section_bot{padding-bottom: 150px;}
.index_wrap section{overflow: hidden;    position: relative;}


.section-in-wrap{position: relative;    z-index: 9;background: #f5f5f5;}

.section-in-wrap::before{content:'';display: block;width:115%;height:53vh;position: absolute;left:50%;top: -4%;transform: translate(-50%,0);background: url(../img/main/bg.png)no-repeat center/cover;z-index: -1;}

.section-in-wrap::after{content:'';display: block;width: 1px;height: 100%;background: #226FB8;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;opacity: 0.2;z-index: -1;}



/*product_sec*/
.product_sec .pro_tabs{display: flex;font-size: 20px;justify-content: center;margin-top: 60px;;;}
.product_sec .pro_tabs li{background: #DDDDDD;color: #666;padding:10px 40px;border-radius: 40px;;cursor: pointer;}
.product_sec .pro_tabs li+li{margin-left: 15px;;}
.product_sec .pro_tabs li.on{background: #226FB8;color: #fff;}
.product_sec .con{display: flex;align-items: center;margin-top: 30px;} 
.product_sec .con .textbox{width:600px;padding-left: 40px;position: relative;}
.product_sec .con .swiper{width: calc(100% - 600px);padding-left: 200px;}
.product_sec .con .swiper-slide{background: #fff;border-radius:15px;text-align: center;padding:25px 10px ;;cursor: pointer; border:1px solid #ddd;}
.product_sec .con .swiper-slide em{font-weight: bold;margin-bottom: 12px;font-size: 22px;display: block;}
.product_sec .con .swiper-slide p{ line-height: 1.3; color: #666; margin-top: 4px; font-size: 16px;}
.product_sec .con .swiper-slide p.txt{ margin-top: 10px; font-size: 16px; color: #226FB8;}

.product_sec .textbox span{font-size: 160px;color: #eaeaea;position: absolute;left:20px;top:-130px;font-weight: bolder;z-index: 1;}
.product_sec .textbox .tit{text-align: left;z-index: 9;position: relative;}
.product_sec .textbox .txt{color: #666;}
.product_sec .con .swiper-slide i{width: 130px;height: 130px;display: block;margin:0 auto;margin-bottom: 20px;;}
.product_sec .video{width: 70%;padding-bottom:38%;border-radius: 10px;position: relative;overflow: hidden;}
.product_sec .video iframe{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;;}

:lang(de) .product_sec .con .swiper-slide p{display: none;}
:lang(de) .product_sec .con .swiper-slide p.txt{display: block;}


/*research_sec*/
.research_sec .con{display: flex;align-items: center;margin-top:30px;}

.research_sec .con .swiper{width: 100%;overflow: initial;}
.research_sec .con .swiper-slide{background: #ddd;border-radius: 15px;text-align: left;overflow: hidden;margin: 0 10px;  width: calc((100% - 40px) / 2);margin-bottom: 20px;} 
.research_sec .con .swiper-wrapper{width: 100%;flex-wrap: wrap;}
.research_sec .con .swiper-slide img{}
.research_sec .con .swiper-slide{position: relative;cursor: pointer;    padding-bottom: 18%;}

.research_sec .slide_bg{width: 100%;height: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.research_sec .con .swiper-slide::before{content:'';display: block;width: 100%;height: 100%;background: #111;opacity: 0.3;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 9;}
.research_sec .con .swiper-slide .txtbox{position: absolute;left:30px;bottom:30px;color: #fff;width: calc(100% - 60px);word-break: keep-all;z-index: 99;}
.research_sec .con .swiper-slide em{font-weight: bold;margin-bottom: 10px;font-size: 26px;display: block;}
.research_sec .con .swiper-slide p{line-height: 1.4;}
.research_sec .textbox span{font-size: 160px;color: #111;opacity: 0.05;position: absolute;left:20px;top:-130px;font-weight: bolder;}

.research_sec .sec_but{font-size: 16px;display: flex;color: #fff;font-weight: 400;align-items: center;padding:0;opacity: 0;transition-duration: 0.3s;height: 0;font-size: 14px;}
.research_sec .sec_but img{width: 25px;height: 0px;margin-right: 10px;;;transition-duration: 0.3s;}

.research_sec .con .swiper-slide:hover .sec_but {opacity: 1;height: 32px;padding-top: 15px;}
.research_sec .con .swiper-slide:hover .sec_but img{height: 25px;}

/*esg_sec*/

.esg_sec {padding:300px 0;}
.esg_sec .bd-lg > div{width: 450px;height: 450px;position: relative;z-index: 99;margin:0 auto;}
.esg_sec i {width: 100%;height: 100%;border-radius: 50%;border:2px solid #226FB8;display: block;margin:0 auto;background: #fff;;}
.esg_sec i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);display: block;width: 40%;}
.esg_sec .bd-lg > div::before{content:'';width: 150%;height: 150%;background:#226FB8;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: 0.1;border-radius: 50%;z-index: -1;;}
.esg_sec ul {width: 450px;height: 450px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 99;}
.esg_sec ul li {display: flex;position: absolute;    width: max-content;}
.esg_sec ul li span{width: 20px;height: 20px;border-radius: 40px;background: #D58816;display: block;position: relative;margin:0 20px;top:9px}
.esg_sec ul li span::before{content:'';width: 220%;height: 220%;background:#D58816;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: 0.3;border-radius: 50%;z-index: -1;;}
.esg_sec ul li em{font-weight: bold;font-size: 28px;color: #D58816;display: block;}
.esg_sec ul li p{color: #666;}

.esg_sec ul li.li01{right: -17%; top: 20%; transform: translateX(50%);}
.esg_sec ul li.li02{top:50%;left:-30.3%;transform: translate(-50%,-50%);text-align: right;}
.esg_sec ul li.li02 span::before,
.esg_sec ul li.li02 span{background: #B94DBB;}
.esg_sec ul li.li02 em{color:#B94DBB ;}
.esg_sec ul li.li03{bottom:3.2%;right:0;transform: translate(050%,050%);}
.esg_sec ul li.li03 span::before,
.esg_sec ul li.li03 span{background: #226FB8;}
.esg_sec ul li.li03 em{color:#226FB8 ;}

.esg_sec ul li span::before{ /* 애니메이션 이름 */
  animation-name: esg_point;
  animation-duration:2s;
  animation-duration: leaner;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-fill-mode: forwards;
}

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes esg_point {
  0% {
    width: 100%;height: 100%;
  }
  100% {
    width: 220%;height: 220%;
  }
}




/*application_sec*/
.application_sec .con{display: flex;align-items: center;overflow: hidden;width: 100%;}
.application_sec ul {display: flex;flex-wrap: wrap;width: 100%;margin:-10px;margin-top: 30px; }
.application_sec ul li{width: 33.3%;padding: 10px;    overflow: hidden;}
.application_sec ul li > div{position: relative;border:1px solid #ddd;padding: 35px 30px 30px;border-radius: 15px; ;background: #fff; height: 100%;cursor: pointer;}
.application_sec ul li i{width: 45px;height: 45px;;display: block;margin:0 auto;opacity: 0.6;}
.application_sec ul li i img{width: 100%;height: 100%;}

.application_sec .txtbox {text-align: center;}
.application_sec .txtbox em{font-size: 22px;font-weight: 600;display: block;margin-top: 15px;line-height: 1.3;}
:lang(de).application_sec .txtbox em{font-size: 18px;    word-break: break-word;}
.application_sec .txtbox p{line-height: 1.3;  color: #666;  margin-top: 4px;
  font-size: 16px;display: block;font-weight: 400;}
.application_sec .txtbox p.txt{word-break: keep-all;height: 57px;display: flex;justify-content: center; align-items: center;margin-top: 4px;  font-size: 16px;color: #226FB8;}

:lang(en).application_sec .txtbox p{display: none;}
:lang(en).application_sec .txtbox p.txt{display: block;}


.recruitment_sec{background: url(../img/main/recruitment.png) no-repeat center/cover;color: #fff;z-index: 9;position: relative;padding:100px 0;}
.recruitment_sec .main_but button img{content:url(../img/main/but2.png)}
.recruitment_sec button{color: #fff !important;}
.recruitment_sec p.tit{text-align: left;}
.recruitment_sec .page_txt{text-align: left;color: #fff;opacity: 0.8;}
.recruitment_sec .page_txt::before{display: none;}

/* ********************************************* *
 * 1700px
 * ********************************************* */
 @media screen and (max-width: 1700px){
  .product_sec .con .swiper{padding-left: 20px;    width: calc(100% - 550px);;}
  .product_sec .con .textbox {width: 550px;}
  .product_sec .video {width: 95%; padding-bottom: 50%;}



  .product_sec .con .swiper-slide {border-radius: 10px;}



 }



/* ********************************************* *
 * 7
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
  .main_slide .tbox,
  .main_slide em{padding-left:20px;padding-right: 20px;;}





  
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

  .product_sec .con .textbox {  padding-left: 30px;}
  .product_sec .con .swiper{padding-left: 20px;    width: calc(100% - 400px);;}
  .product_sec .con .textbox {width: 400px;padding-right: 20px;}
  .product_sec .video {width: 100%;padding-bottom: 54%;}

  .aboutus .con ul { width: 100%;}


  .main_slide .tbox h3 {font-size: 30px;}
.main_slide .tbox p {   font-size: 16px;}
.main_slide .tbox p::before { top: 3px;}
.main_slide .tbox p::after {top: 7px;}


:lang(de) .research_sec .con .swiper-slide {padding-bottom: 22%;}
:lang(de) .research_sec .con .swiper-slide p{font-size: 16px;}
:lang(de) .research_sec .con .swiper-slide em {font-size: 22px;}

:lang(de) .aboutus .con ul {width: 100%;}

}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

  :lang(de) .aboutus .con .row-too-wide{margin-left: -20px;margin-right: -20px;}
  :lang(de) .aboutus .con .row-too-wide > [class*='col'] { padding-right: 20px;  padding-left: 20px;}
  :lang(de) .aboutus .con {justify-content: center; display: flex;}


}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

  
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

  p.tit02 {font-size: 22px;width: 90%;margin:0 auto}
  p.tit02 br{display: none;}
  p.txt {font-size: 16px;word-break: keep-all;}

  .page_txt { margin-bottom:16px; font-size: 18px; padding-top: 20px;}

  .main_slide .swiper-slide:first-child img{content:url(../img/main/main_slide03.png);}
  .main_slide {height: 120vh;}
  .main_slide .tbox {top: auto; bottom: 20%;}



  .product_sec .con .swiper-slide { padding: 20px 10px;}
  .product_sec .con .swiper-slide i {width: 100px;height: 100px;  margin-bottom: 10px;}
  .product_sec .con .swiper-slide em {  margin-bottom: 6px;font-size: 18px;}
  .product_sec .con .swiper-slide p {  margin-top: 0;font-size: 14px;}
  .product_sec .con .swiper-slide p.txt{height: 41px;word-break: keep-all;}


  .product_sec .con{display: block;padding:0 20px;margin-top: 30px;}
  .product_sec .con .textbox,
  .product_sec .con .swiper{width: 100%;padding: 00;}
  .product_sec .con .textbox{margin-top: 20px;;}


  .application_sec .con { justify-content: center;}
  .application_sec ul {margin:-8px;    margin-top: 30px;}
  .application_sec ul li {  padding: 8px;}


  .aboutus .row-too-wide {margin-right: -25px;  margin-left: -25px;}
  .aboutus .row-too-wide > [class*='col'] {padding-right: 25px;  padding-left: 25px;}
  .aboutus .con {margin-top: 30px;}

  .application_sec .txtbox em {font-size: 18px; margin-top: 12px;}
  .application_sec .txtbox p {   font-size: 14px;}
  .application_sec .txtbox p.txt { height:auto;  font-size: 14px;    word-break: break-word;}
  .application_sec ul li > div { padding: 25px 10px 20px; border-radius: 10px;}


  .research_sec .con .swiper-slide {border-radius: 10px;padding-bottom: 30%;}
  .research_sec .con .swiper-slide .txtbox { left: 30px; bottom: 30px; width: calc(100% - 60px);}
  .research_sec .con {margin-top: 30px;}
  .research_sec .con .swiper-slide em { margin-bottom: 8px;    font-size: 22px;}

  
:lang(de) .research_sec .con .swiper-slide{width: calc((100%));}
:lang(de) .aboutus .con li p {font-size: 15px; padding: 10px; word-break: break-word;}
:lang(de) .product_sec .con .swiper-slide p.txt { font-size: 14px;}
:lang(de) .product_sec .con .swiper-slide em { font-size: 16px;}


  }


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

 
}
@media screen and (max-width: 768px){



  .research_sec .con .swiper-slide .txtbox { left: 20px; bottom: 20px; width: calc(100% - 60px);}


  .research_sec .con .swiper-slide p{font-size: 14px;}
  .research_sec .con .swiper-slide em { font-size:16px;}
  .research_sec .sec_but{display: none;}

  :lang(de) .research_sec .con .swiper-slide {padding-bottom: 30%;}
  :lang(de) .product_sec .con .swiper-slide em{height: 50px;display: flex ; justify-content: center; align-items: center;}
}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
  p.tit {font-size: 26px;}
  p.tit02 {font-size: 18px;}
  :lang(en) p.tit02 {font-size:18px;}
  .page_txt span { width: 10px; height: 10px;}
  .page_txt {margin-bottom: 12px; font-size: 16px; padding-top: 14px;}



  .product_sec .con .swiper-slide p.txt { font-size: 14px;height: 36px;}
  .product_sec .con .swiper-slide i {width: 80px; height: 80px;}




  .aboutus .con {margin-top: 10px;}
  .aboutus .con ul{flex-wrap: wrap;}
  .aboutus .row-too-wide {margin-right: -35px;  margin-left: -35px;}
  .aboutus .row-too-wide > [class*='col'] {padding-right: 35px;  padding-left: 35px;margin-top: 10px;margin-bottom: 10px;;}
  .aboutus .con li + li::before { width: 23px;  height: 16px; left: -11px;}
  .aboutus .con li:nth-child(3):before{display: none;}
  .aboutus .con li p { top: 53%;font-size: 16px;}





  .application_sec .txtbox em {font-size: 16px;}


  .research_sec .con .swiper-slide em { font-size: 18px;}
  .research_sec .sec_but {margin-top: 12px;}


  .application_sec ul li {width: 50%;}
  .application_sec ul li > div { display: flex; flex-direction: column; justify-content: center;}
  .application_sec ul li > div {padding: 20px 10px ;}
  .application_sec ul li i {width: 40px; height: 40px;}
  
  .index_wrap .section_bot {padding-bottom: 80px;}


  .section-in-wrap::before{display: none;}
  .index_wrap .product_sec {padding-top: 80px;}
  .main_slide {height: 100vh;}
  .slide .scroll{display: none;}
  .main_slide .tbox p{word-break: keep-all;}
  .main_slide .tbox h3 {font-size: 18px;}
  .main_slide .tbox p {font-size: 14px;padding-left: 13px;}
  
.main_slide .tbox p::before { top: 1px;display: none;}
.main_slide .tbox p::after {top:6px;    width: 6px;
  height: 6px;    left: 0;}

.product_sec .con .swiper-slide em {font-size: 16px;    margin-bottom: 4px;}
.product_sec .con .swiper-slide p.txt {  margin-top: 4px;}

.main_slide em {top: 70px;}
.main_slide .tbox {bottom: -6%;}

.main_slide .tbox, .main_slide em {  padding-left: 16px;  padding-right: 16px;}

.main_but button img {  width: 28px;  height: 28px;margin-right: 8px;}
.main_but button { font-size: 14px;}


.research_sec .con .swiper-slide{width: 100%;margin-left:0;margin-right: 0; margin-bottom: 10px;}

:lang(en).aboutus .row-too-wide {margin-right: -0;  margin-left: -0;}
:lang(en).aboutus .row-too-wide > [class*='col'] {padding-right: 15px;  padding-left: 15px;}
:lang(en) .aboutus .con li p {font-size: 14px;}

  }



/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
  p.tit {    font-size: 22px;}
  p.txt {font-size: 14px;}
  p.tit + p.txt {margin-top: 10px;}

  p.tit02 {font-size: 14px; width: 100%;padding:0 16px}

  .research_sec .sec_but{display: none;}

  .application_sec ul li {padding: 4px;}
  .application_sec ul {margin: -4px;    margin-top:20px;}

  .research_sec .con .swiper-slide p{font-size: 14px;}

  .application_sec .txtbox em {font-size: 14px;}


  :lang(de) p.tit {font-size: 16px;}
  :lang(de) .research_sec .con .swiper-slide em {font-size: 16px;}

  .research_sec .con .swiper-slide p{display: none ;}
  .research_sec .con .swiper-slide em{margin-bottom: 0;}

}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){

  .aboutus .row-too-wide {margin-right: -20px;  margin-left: -20px;}
  .aboutus .row-too-wide > [class*='col'] {padding-right: 20px;  padding-left: 20px;margin-top: 10px;margin-bottom: 10px;;}


  :lang(de) .aboutus .con li p {font-size: 13px;}
  :lang(de) .research_sec .con .swiper-slide em { font-size: 18px;}
  :lang(de) .research_sec .con .swiper-slide p {font-size: 14px;}
  :lang(de) .research_sec .con .swiper-slide {padding-bottom: 37%;}

  :lang(de) .product_sec .con .swiper-slide em{height: auto;}
  :lang(de) .product_sec .con .swiper-slide p.txt{height: 40px;}



}




/* ********************************************* *
*350px
* ********************************************* */
@media screen and (max-width:350px){

  :lang(de) .product_sec .con .swiper-slide em{height: 50px;}
  :lang(de) .product_sec .con .swiper-slide p.txt{height: 46px;}


  :lang(de) .aboutus .con .row-too-wide{    margin-left: -40px;  margin-right: -40px; }
  :lang(de) .aboutus .con .row-too-wide > [class*='col']{width: 100%;    padding-right: 40px; padding-left: 40px;margin-top: 20px;  margin-bottom: 20px;}
  .aboutus .con li + li::before {  left: 50%; transform: translateX(-50%) rotate(90deg); top: -25px;}
  .aboutus .con li:nth-child(3):before { display: block;}


}