@media (min-width: 1581px) and (max-width: 1780px){
  .menu1dv{
    /* font-size: 14px; */
  }
}
@media (min-width: 1401px) and (max-width: 1580px){
  .menu1dv{
    /* font-size: 13px; */
  }
}
@media (min-width: 1281px) and (max-width: 1400px){
  #hd{
    /* font-size: 16px; */
  }
  .menu1dv{
    /* font-size: 12px; */
  }
  .menu1ul li.liMore a span{
    /* right: 5px; */
    top: 60%;
  }

  #logo{
    max-width: 200px;
    margin-left: 0;
  }
  #gnb .gnb2ul,
  #gnb .gnb3ul{
    font-size: 14px;
  }
  #gnb .gnb2ul > li{
    /* padding: 0 2px; */
  }
  .menu1li > a, .gnb1a{
    /* min-width: 160px !important; */
  }
}

@media (min-width: 1025px) and (max-width: 1400px){
  .gnb2ul li a span.icon{
    display: none;
  }
}



@media (min-width: 1025px) and (max-width: 1280px){
  #hd{
    /* font-size: 14px; */
  }
  #logo{
    max-width: 180px;
    margin-left: 0;
  }
  .menu1dv{
    /* font-size: 11px; */
  }
  .menu1ul li.liMore a span{
    /* right: 5px; */
    top: 60%;
  }
  .menu1li > a{
    padding: 0 2px;
  }

}



@media (max-width: 1650px){
  .sub-nav{display: none;}
}
@media (max-width: 1024px){
  .onlyMob{
    display: block !important;
  }
  .onlyWeb{
    display: none !important;
  }
  .wr{
    min-width: auto;
  }
  #content .wr{
    max-width: 600px;
  }

  .more{
    width: 240px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    padding: 0;
  }
  .btn-more{}
  .btn-more img{
    max-width: 32px;
  }

  /* hd */
  #hd{
    color:#333;
    font-size: 18px;
  }
  #hd.menuOpen{
    color:#333;
  }
  #hd .hd_wr{
    width: 90%;
    padding: 24px 0;
  }
  #logo{
    margin: 0;
    max-width: 170px;
  }
  #menuMo{
    position: relative;
    z-index: 2;
  }
  #menuMo a{
    position: relative;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  #menuMo a.on{
    z-index: 2 !important;
    opacity: 1 !important; 
    visibility: visible !important;
  }
  #menuMo #menuMoClose{
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
  }

  #menuMo #menuMoClose svg path{
    stroke: #fff !important;
  }

  .menuOpen .logo-w{
    opacity: 1 !important;
  }
  .menuOpen .logo-b{
    opacity: 0 !important;
  }



  #gnb{
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    transform: none;
    background-color: #fff;
    display: none;
    margin: auto;
    margin-left: 0;
  }
  #gnb.menuOpen{
    display: block;
  }
  .gnb1ul{
    flex-flow: column;
    margin: auto;
    text-align: left;
  }
  .gnb1li{
    flex: unset;
    padding: 0;
    cursor: pointer;
    width: 100%;
  }
  .gnb1bx{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: auto;
  }
  .gnb1bx::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
  }
  .onlyMob .gnb1bx{
    justify-content: flex-start;
  }
  .onlyMob .gnb1bx::after{
    display: none;
  }
  .onlyMob .gnb1bx a{
    padding: 20px;
  }
  .onlyMob .gnb1bx a:first-child{
    position: relative;
    color: var(--font-color-point);
    padding-left: 0;
  }
  .onlyMob .gnb1bx a:first-child::after{
    content: "";
    display: block;
    width: 1px;
    height: 25%;
    position: absolute;
    right: 0;
    top: 38%;
    background-color: #6b6b6b;
  }
  .gnb1bx::after{
    /* content: ""; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .menuOpen .gnb1a{
    color:#333;
  }
  .gnb1a{
    padding: 20px 0;
    min-width: auto;
  }
  .gnb1bx > span{
  }
  .gnb1bx svg{
    width: 16px;
    height: auto;
  }
  .gnb1bx.selected{
    color: var(--font-color-point);
  }
  .gnb1bx.selected > span{
    transform: rotate(-180deg);
  }
  .gnb1bx.selected svg path{
    stroke:var(--font-color-point)
  }



  .gnb2ul{
    font-size: 16px;
    background-color: var(--font-color-bg-gr);
    font-weight: 600;
    color: #6b6b6b;
    position: static;
  }
  .selected + .gnb2ul{
    display: block !important;
  }

  .gnb2li{
  }

  .gnb2bx{
    width: 90%;
    margin: auto;
  }
  .liMore .gnb2bx{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .liMore .gnb2bx::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }
  .liMobile .gnb2bx::after{
    display: none;
  }
  .gnb2a{
    padding: 15px 0;
    display: block;
    width: 100%;
  }
  .liMore .gnb2a{
    display: inline-block;
    width: auto;
    position: static;
  }
  .gnb2ul li a span.icon{
    display: none;
  }
  .gnb2bx span{
    /* position: relative;
    width: 8px;
    height: 8px;
    margin-right: 5px; */
  }
  /* .gnb2bx span::before,
  .gnb2bx span::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 2px;
    background-color: #797979;
  }
  .gnb2bx span::after{
    width: 2px;
    height: 100%;
  } */

  .gnb2bx span svg{
    /* display: none; */
  }
  .gnb2bx.selected{
    color:var(--font-color-point);
  }
  .gnb2bx.selected span::before{
    background-color: var(--font-color-point);
  }
  .gnb2bx.selected span::after{
    display: none;
  }


  .gnb3ul,
  .gnb3dv{
    position: relative;
    box-sizing: border-box;
    padding: 10px 0;
    display: none;
  }
  .gnb3ul{
    transform: none;
    border: 0;
    background: none;
  }
  .selected + .gnb3ul,
  .selected + .gnb3dv{
    display: block;
  }
  .gnb3ul{
  }
  .gnb3li{
    width: 85%;
    margin: auto;
  }
  .gnb3a{
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .gnb2ul li a span{
    display: none;
  }
  .gnb2ul li span:not(.icon){
    right: 0 !important;
    width: 8px;
    height: 8px;
    margin-right: 5px;
  }
  .gnb2ul li span:not(.icon)::before,
  .gnb2ul li span:not(.icon)::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 2px;
    background-color: #797979;
  }
  .gnb2ul li span:not(.icon)::after{
    width: 2px;
    height: 100%;
  }
  .gnb2ul li span:not(.icon) svg{
    display: none;
  }



  #gnbBg{
    height: 78px;
    background-color: var(--font-color-point);
    /* background: linear-gradient(113.28deg, #A50034 25.15%, #5F478F 75.58%); */
  }
  #tnb{
    display: none;
  }

  /* ft */
  #ft{
    padding: 43px 0 43px;
  }
  #ft .ft-logo{
    display: block;
    margin-bottom: 20px;
    max-width: 60px;
  }
  #ft .ft-topBox{
    display: block;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border: 0;
  }
  #ft .ft-btmBox{
    gap: 0;
  }
  #ft .ft-link{
    font-size: 14px;
    gap: 13px;
  }
  #ft .ft-info{
    flex-flow: column;
    margin-top: 18px;
    gap: 8px;
  }
  #ft .ft-info span{
    display: flex;
    font-size: 14px;
  }
  #ft .ft-info span b{
    white-space: nowrap;
  }
  #ft .ft-info span + span::after{
    display: none;
  }
  #ft .ft-sns{
    margin-top: 64px;
    margin-top: 25px;
  }
  #ft .ft-copy{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #474747;
    font-size: 14px;
  }

  /* modal */
  #modal{}
  #modal h6{
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 0;
  }
  #modal .txtBox{
    padding: 0;
    height: auto;
  }
  /* popup */
  #popup{}
  #popup .box{
    padding: 20px;
    max-width: 600px;
  }
  #popup .box .titBox{
    padding-bottom: 24px;
    margin-bottom: 22px;
  }
  #popup .box .titBox h2{
    font-size: 28px;
  }
  #popup .box .titBox a{
    max-width: 22px;
  }
  #popup .contBox{
    padding: 20px 10px 25px;
  }
  #popup .contBox p{
    font-size: 19px;
  }
  #popup .btnBox a{
    max-width: 100%;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    width: 240px;
  }

  /* sub-tit */
  .sub-tit .imgBox{
    height: 260px;
    height: 300px;
  }
  .sub-tit .txtBox span{
    font-size: 12px;
  }
  .sub-tit .txtBox h1{
    margin-top: 5px;
    font-size: 28px;
  }
  .sub-tit .tabBox ul li{
    height: 45px;
    line-height: 45px;
    flex: 1;
    font-size: 14px;
    max-width: 33.33%;
  }
  .sub-tit2 .vdoBox{
    position: relative;
    height: 600px;
    font-size: 0;
  }
  .sub-tit2 .vdoBox video{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
}

  /* board */
  .boardBox{
    padding: 100px 0;
    padding: 60px 0;
    margin-top: 0;
  }
  .boardBox .infoBox{
    font-size: 15px;
  }
  .boardBox .btnList{
    font-size: 16px;
    width: 100%;
    height: 52px;
    line-height: 52px;
    margin-left: auto;
    margin-right: auto;
  }

  .boardBox .listBox ul li{
    flex-flow: column;
    gap: 20px;
    padding: 20px 15px;
    /* align-items: flex-end; */
    /* display: block; */
    flex-flow: row;
  }
  .boardBox .bd-head{
    gap: 14px;
  }
  .boardBox .bd-tit h6{
    font-size: 18px;
  }
  .boardBox .bd-num{
    font-size: 17px;
  }
  .boardBox .bd-date{
    font-size: 14px;
    margin-top: 10px;
  }
  .boardBox .bd-cont{
  }
  .boardBox .bd-cont .bd-cate{
  }
  .boardBox .bd-cont > span{
    margin-right: 15px;
    font-size: 15px !important;
  }
  .boardBox .more{
    width: 130px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    margin: 20px 0 0 auto;
    
    width: auto;
    height: auto;
    background: none;
    border: 0;
    font-size: 0;
    display: inline;
    padding: 0;
    margin: 0;
    min-width: auto;
  }
  .boardBox .more::after{
    content: ">";
    font-size: 20px;
    color: #333;
  }
  .boardBox .pagiBox{
    margin-top: 50px;
    gap: 15px;
  }

  .readBox{
    margin-bottom: 60px;
  }
  .readBox .rd-head{
    padding: 15px 10px 20px;
  }
  .readBox .rd-head .rd-cate{
  }
  .readBox .bd-cont > span{
    font-size: 14px !important;
    margin-right: 20px !important;
  }
  .readBox .rd-content{
    padding: 50px 10px 75px;
  }
  .readBox .rd-url{
    font-size: 14px;
    padding-top: 55px;
  }

  /* board-write */
  .writeBox dl{
    display: block;
    font-size: 18px;
    padding: 10px 0 !important;
    margin-bottom: 0;
  }
  .writeBox dl dt{
    min-width: auto;
    margin-bottom: 10px;
    width: 100%;
  }
  .writeBox dl dd{
    width: 100%;
    font-size: 14px;
  }
  .writeBox select, .writeBox textarea, .writeBox input[type=text]{
    font-size: inherit;
    padding: 10px;
  }
  .writeBox textarea{
    min-height: 250px;
  }
  .writeBox dl.wt-content{
    margin-top: 0;
  }
  .writeBox dl.wt-content dt{
    padding-top: 0;
  }


  /* contact */
  #contact .wr{
    display: block;
  }
  #contact .leftBox{
    width: 100%;
    max-width: none;
  }
  #contact .rightBox{
    width: 100%;
    font-size: 12px;
  }
  #contact .rightBox .cardBox{
    margin-top: 55px;
    font-size: 14px;
  }
  #contact .rightBox .cardBox h3{
    font-size: 18px;
    padding-left: 0;
    padding-top: 0;
  }
  #contact .rightBox .cardBox div{
    padding: 24px;
  }
  #contact .rightBox .cardBox div h5{
    font-size: 16px;
    margin-bottom: 15px;
  }
  #contact .rightBox .btnBox{
    margin-top: 10px;
    font-size: 16px;
  }
  #contact .rightBox .btnBox label + span{
    font-size: 0.7em;
  }
  #contact .rightBox .cardBox div h5 + p{
    padding-bottom: 20px;
    margin-bottom: 14px;
  }
  #contact .rightBox .cardBox .bgArea{
    padding: 0;
    max-width: 40%;
  }
  #contact .btnBox{
    margin: 50px 0;
    font-size: 18px;
  }
  .btnList{
    font-size: 18px;
    width: 240px;
    height: 48px;
    line-height: 48px;
    line-height: 1;
  }

  /* main */
  #main{}
  #main .section-title,
  #main h3{
    font-size: 34px;
    margin-bottom: 40px !important;
    word-break: keep-all;
  }
  #main h3 span{
    font-size: 18px;
    margin-bottom: 40px;
  }
  #main h3 + p{
    font-size: 16px;
    word-break: keep-all;
  }
  #main h3 + p b{
    font-size: 18px;
  }
  #main h5{
    font-size: 20px;
  }
  #main h5 + p{
    font-size: 15px;
  }

  .smart-factory .sec1 .topBox .line,
  #company .sec1 .topBox .line,
  #main .line{
    position: relative;
    top: unset;
    left: unset;
    width: 1px;
    height: 40px;
    min-width: auto;
  }
  .smart-factory .sec1 .topBox .line span,
  #company .sec1 .topBox .line span,
  #main .line span{
    transform: translate(-50%, 50%);
    display: block;
    left: 0;
    right: 0;
    bottom: -25px;
    top: unset;
  }

  #main .sec1 .vdoBox{
    position: relative;
    height: 600px;
    /* height: 350px; */
  }
  #main .sec1 video, #main .sec1 img{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
  }

  #main .sec1 .btnBox{
    left: 0;
    right: 0;
    bottom: 25px;
  }
  #main .sec1 .btnBox a{
    display: flex;
    flex-flow: column-reverse;
    /* display: none; */
  }
  #main .sec1 .btnBox .icon-mouse{
    transform: none;
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 12px;
  }


  #main .section2{
    padding: 110px 0 0;
    margin-bottom: 0;
  }
  
  #main .section2 .bg svg{
    width: 40%;
    height: auto;
  }
  #main .section2 .df{
    flex-flow: column;
    padding-bottom: 72px;
  }

  #main .section2 .bgArea1{
    left: 5%;
    bottom: 0;
    max-width: 43%;
    transform: none;
  }
  #main .section2 .bgArea2{
    display: none;
  }
  #main .section2 .leftArea{
    width: 90%;
    margin: auto;
    max-width: 600px;
    margin: 0 auto;
    min-width: auto;
  }
  #main .section2 .leftArea .txtBox{
    padding: 0;
  }
  #main .section2 .rightArea{
    width: 80%;
    margin-top: 40px;
    margin-right: 0;
    margin-left: auto;
  }

  #main .section2 .df-reverse{
    padding-top: 78px;
    padding-bottom: 50px;
  }
  #main .section2 .df-reverse .leftArea h3{
    margin-bottom: 40px;
  }
  #main .section2 .df-reverse .rightArea{
    margin-left: 0;
    margin-right: auto;
  }

  #main .section2 .btn-more{
    right: 20%;
  }
  #main .section2 .bgArea3{
    right: 5%;
    bottom: 0;
    transform: none;
  }


  #main .section3{
    padding-bottom: 150px;
  }
  #main .section3 .wr{
    flex-flow: column;
  }
  #main .section3 h3 + p{
    margin-bottom: 18px;
  }
  #main .section3 .bgArea1{
    max-width: 34%;
    padding-right: 0;
    transform: translate(20%, -100%);
    left: 0;
    right: auto;
    top: 42%;
  }
  #main .section3 .bgArea2{
    max-width: 47%;
    left: auto;
    right: 0;
    bottom: 0%;
    transform: translate(0%, 20%);
  }
  #main .section3 .leftArea{
    width: 100%;
    padding-right: 0;
  }
  
  #main .section3 .rightArea{
    width: 100%;
    margin-top: 40px;
  }
  #main .section3 .rightArea ul{
    gap: 20px;
  }
  #main .section3 .rightArea ul li{
    width: 70%;
    margin-left: 0;
    margin-right: 30%;
  }
  #main .section3 .rightArea ul li:nth-child(2n+1){
    transform: none;
    margin-left: 30%;
    margin-right: 0;
  }
  #main .section3 .rightArea ul li .txtBox{
    padding: 20px;
  }
  #main .section3 .bg{
    bottom: -1px;
  }
  #main .section3 .bg svg{
    max-width: 130px;
    height: auto;
  }

  #main .section-business{
    padding: 80px 0 100px;
  }
  #main .section-business ul{
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
  }
  #main .section-business ul li{
    width: calc(50% - 4px);
  }
  #main .section-business ul li .txtBox{
    padding: 15px;
  }
  #main .section-business ul li .txtBox h6{
    font-size: 18px;
  }
  #main .section-business ul li .txtBox h6 span{
    font-size: 14px;
  }
  #main .section-business ul li .txtBox .svgBox{
    max-width: 25px;
  }

  #main .section-welcome{
  }
  #main .section-welcome h3{
    font-size: 34px;
    margin-bottom: 40px;
  }
  #main .section-welcome h3 span{
    font-size: 18px;
    margin-bottom: 40px;
  }
  #main .section-welcome p span{
    font-size: 18px;
    margin-bottom: 20px;
  }

  #main .section4{
    padding: 60px 0;
  }
  #main .section4 h3{
    font-size: 30px;
    margin-bottom: 26px;
  }
  #main .section4 h3 span{
    margin-bottom: 40px;
    font-size: 18px;
  }
  #main .section4 ul{
    flex-flow: column;
    border-top: 1px solid rgba(255, 255, 255, .3);
  }
  #main .section4 ul li{
    width: 100%;
    border-left: 0 !important;
    border-right: 0;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 14px;
  }
  #main .section4 ul li h6{
    font-size: 22px;
    margin-bottom: 18px;
  }
  #main .section4 ul li h6 span{
    font-size: 14px;
    margin-bottom: 0;
  }
  #main .section4 ul li .btnBox{
    justify-content: flex-end;
    gap: 6px;
  }




  /* subtitle */
  .sub-title .titArea{
    padding: 54px 0 26px;
    padding: 20px 0 38px;
  }
  .sub-title .titArea .dfBox{
    flex-flow: column-reverse;
  }
  .sub-navi{
    width: 100%;
    justify-content: flex-end;
  }
  .sub-navi span{
    font-size: 13px;
  }
  .sub-title .bgArea{
    max-width: 60px;
  }
  .sub-title .titArea h2{
    font-size: 30px;
    font-size: 28px;
    width: 100%;
  }
  .sub-title .titArea ul{
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 6px;
  }
  .sub-title .titArea ul li{
    padding: 0px 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }
  .sub-title .conArea{
    min-height: 150px;
  }
  .sub-content .title-ic{
    font-size: 24px;
    gap: 4px;
    margin-bottom: 50px;
  }
  .sub-content .title-ic svg{
    width: 18px;
    height: 18px;
  }
  .sub-ft{}
  .sub-ft img{
    max-width: 20%;
  }
  .sub-ft img:last-child{
    max-width: 37%;
  }
  .sub-subj{
    padding: 50px 0 0;
  }
  .sub-content-hr h3,
  #pr .titArea h3,
  .sub-subj h3{
    font-size: 28px;
  }

  .sub-content-hr p,
  #pr .titArea h3 + p,
  .sub-subj h3 + p{
    font-size: 13px;
    font-size: clamp(13px, 3.125vw, 16px);
    margin-top: 18px;
  }
  .sub{
    padding-bottom: 120px;
  }
  .sub-content{
    overflow-x: visible;
  }


  /* company */
  #company{
    font-size: 16px;
  }
  #company h3{
    font-size: 28px;
  }
  #company h3 + p{
    margin-top: 40px;
    font-size: 14px;
  }
  #company h3 + p strong{
    font-size: inherit;
  }
  #company .section .titArea{
    margin-bottom: 50px;
  }


  #company .section-about{
    padding-bottom: 0;
  }
  #company .section-about .conArea{
    padding: 0 !important;
  }
  #company .section-about .conArea .dfBox{
    flex-flow: column;
    gap: 40px;
  }
  #company .section-about .imgBox{
    width: 100%;
  }
  #company .section-about .txtBox{
    padding: 0;
    font-size: 16px !important;
    width: 100%;
    justify-content: center;
    text-align: center;
    min-width: auto !important;
  }
  #company .section-about h5{
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center;
  }
  #company .section-about h5 span{
    font-size: 20px;
    margin-top: 14px;
  }

  #company .section-value{
    padding: 50px 0;
  }
  #company .section-value .box ul{
    flex-flow: column;
    gap: 18px;
  }
  #company .section-value .box ul li{
    padding: 20px;
  }
  #company .section-value .box ul li .imgBox{
    max-width: 31%;
  }
  #company .section-value .box ul li .txtBox p font{
    font-size: 12px;
  }
  #company .section-value .box ul li .txtBox p{
    font-size: 16px;
  }

  #company .section1{
    padding: 50px 0 20px;
  }
  #company .section1 .bgArea{
    transform: translateY(100%);
  }
  #company .section1 .bgArea img{
    height: 215px;
  }
  #company .section1 .titArea{
    margin-bottom: 40px;
  }
  #company .section1 .txtBox{
    word-break: keep-all;
    min-width: auto;
  }
  #company .section1 .txtBox h4{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 40px;
    justify-content: center;
  }
  #company .section1 .imgBox{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  #company .section1 .imgBox span{
    text-align: left;
    font-size: 14px;
  }
  #company .section1 .imgBox span:first-child{
    width: 59%;
  }
  #company .section1 .imgBox span b{
    font-size: 16px;
  }

  #company .section2{
    padding: 100px 0 0px;
  }
  #company .section2 .conArea .txtBox{
    padding-left: 0px;
    padding-top: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
  #company .section2 .conArea .txtBox h6{
    padding-top: 14px;
    font-size: 28px;
    margin-bottom: 12px;
    text-align: center;
    width: auto;
  }
  #company .section2 .conArea .txtBox h6::before{
    top: 0;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
  }
  #company .section2 .conArea .swiper-slide-active .txtBox h6::before{
    width: 10px;
    height: 10px;
  }
  #company .section2 .conArea .swiper-slide-active .txtBox h6::after{
    top: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
  }
  #company .section2 .conArea .txtBox p{
    font-size: 14px;
  }
  #company .section2 .conArea .imgBox{
    padding-bottom: 72px;
  }
  #company .section2 .conArea .imgBox span{
    max-width: 80%;
  }
  #company .section2 .bgArea{
    display: none;
  }
  
  

  .tableBox{
    margin-top: 50px;
    gap: 20px 16px;
    flex-wrap: wrap;
  }
  .tableBox dl{
    width: calc(50% - 8px);
    flex: none;
  }
  .tableBox dl dt{
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
  }
  .tableBox dl dd{
    padding: 15px 12px;
    font-size: 13px;
    height: calc(100% - 37px);
    min-height: 150px;
    word-break: keep-all;
  }
  .tableBox dl dd b{
    font-size: 14px;
    width: 80%;
  }


  #company .section3{
    padding: 80px 0;
    margin: 0;
  }
  #company .section3 h3 + p{
    font-size: 18px;
  }
  #company .section3 .cont-core h4{
    margin-bottom: 50px;
  }
  #company .section3 .cont{
    margin-bottom: 80px;
  }
  #company .section3 .cont:last-child{
    margin-bottom: 0;
  }
  #company .section3 .cont-overview{
    padding: 35px 16px;
    flex-flow: column;
  }
  #company .section3 .cont-overview .imgBox{
    width: 100%;
    margin-bottom: 58px;
  }
  #company .section3 .cont-overview .txtBox{
    width: 100%;
    gap: 25px;
    max-width: 350px;
    margin: auto;
  }
  #company .section3 .cont-overview .txtBox dl dt{
    font-size: 15px;
    width: 100px;
  }
  #company .section3 .cont-overview .txtBox dl dd{
    font-size: 16px;
    width: calc(100% - 100px);
  }
  #company .section3 .cont-overview .txtBox dl dd span font{
    width: 26px;
    height: 26px;
    line-height: 24px;
  }
  #company .section3 .cont-overview .txtBox dl dd > font{
    font-size: inherit;
  }
  #company .section3 .cont-overview .txtBox dl dd span{
    font-size: inherit;
  }
  #company .section3 .cont-overview .txtBox dl dd span em{
    font-size: 13px;
  }
  #company .section3 .cont-layout .txtBox > .svgBox svg{
    height: 31px;
    width: auto;
  }
  #company .section3 .cont-layout h5{
    margin-top: 25px;
    font-size: 18px;
  }
  #company .section3 .cont-layout h5 font{
    font-size: 24px;
    margin-bottom: 10px;
  }
  #company .section3 .cont-layout h5 + p{
    margin: 40px 0;
    word-break: keep-all;
  }
  #company .section3 .cont-vision h4{
    margin-bottom: 50px;
  }
  #company .section3 .cont-core ul{
    flex-wrap: wrap;
    gap: 15px;
    padding: 0;
  }
  #company .section3 .cont-core ul li{
    flex: none;
    width: calc(33.33% - 10px);
    font-size: 11px;
  }
  #career .section1 .conArea .txtBox p,
  #company .section3 .cont-core ul li span{
    font-size: 12px;
    font-size: clamp(12px, 3.125vw, 16px);
  }

  #company .section4{
    padding: 80px 0;
    margin: 0;
  }
  #company .section5{
    padding: 80px 0 80px;
  }
  #company .section6{
    padding: 120px 0 70px;
  }
  #company .section4 img,
  #company .section5 img,
  #company .section6 img{
    width: 100%;
  }


  #company .section2-1{
    padding: 100px 0 0;
    margin: 0;
  }
  #company .section2-1 .wr{
    width: 95%;
  }
  #company .section2-1 .topBox{
    margin-bottom: 50px;
    text-align: center;
  }
  #company .section2-1 .btmBox{
    padding-top: 0;
  }
  #company .section2-1 .btmBox .titBox{
    margin-bottom: 50px;
  }
  #company .section2-1 .btmBox .titBox h3{
    font-size: 20px;
  }
  #company .section2-1 .btmBox .contBox dl{
    /* margin-bottom: 60px; */
    height: 20px;
    margin-bottom: 60px;
  }

  #company .section2-1 .btmBox .contBox dl::after{
    /* transform: translateY(-55%); */
    /* height: 110px; */
    width: 1px;
    height: 50px;
  }
  #company .section2-1 .btmBox .contBox dl.ht3{
    height: 80px;
  }
  #company .section2-1 .btmBox .contBox dt{
    width: 20%;
    min-width: auto;
  }
  #company .section2-1 .btmBox .contBox .act dt h4,
  #company .section2-1 .btmBox .contBox dt h4{
    font-size: 16px;
    padding: 0;
  }
  #company .section2-1 .btmBox .contBox dt .line{
    display: none;
  }
  #company .section2-1 .btmBox .contBox dd{
    width: 40%;
    font-size: 12px;
  }
  #company .section2-1 .btmBox .contBox dd span{
    padding-top: 5px;
    gap: 5px;
    flex-flow: column;
  }
  #company .section2-1 .btmBox .contBox dd span:first-child{
    padding-top: 0;
  }
  #company .section2-1 .btmBox .contBox dd span::before{
    min-width: 3px;
    min-height: 3px;
  }
  #company .section2-1 .btmBox .titBox .line{
    width: 1px;
    top: 10px;
    height: 60px;
  }
  #company .section2-1 .btmBox .contBox dl{
    height: 50px;
  }
  #company .section2-1 .btmBox .contBox dl > .line{
    width: 1px;
    height: 60px;
  }
  #company .section2-1 .icon{
    display: none;
  }
  #company .section2-1 .titArea ul{
    display: none;
  }
  #company .section2-1 .btmBox .contBox dt h4 > span.after{
    transform: translate(85%, -50%);
  }
  #company .section2-1 .btmBox .contBox dt h4 > span.before{
    transform: translate(-85%, -50%);
    font-size: 0.7em;
    z-index: 10;
  }

  #company .section2-1 .btmBox .contBox dt h4 > span.top{
    top: -80%;
  }
  #company .section2-1 .btmBox .contBox dt h4 > span.bot{
    bottom: -60%;
  }
  #company .section2-1 .btmBox .contBox::after{
    width: 1px;
  }

  #location .section1{
    padding: 80px 0;
    margin: 0;
  }
  #location .section1 .conArea{
    flex-flow: column;
  }
  #location .section1 .conArea .dfBox{
    flex-flow: column;
    gap: 20px;
  }
  #location .section1 .conArea .dfBox > div{
    width: 100%;
  }
  #location .section1 .rightBox{
  }
  #location .section1 .leftBox{
    gap: 20px;
    padding-right: 0;
  }
  #location .section1 .leftBox dl{
    flex-flow: column;
    width: calc(50% - 10px);
    gap: 10px;
  }
  #location .section1 .leftBox dl:first-child{
    width: 100%;
  }
  #location .section1 dt{
    gap: 5px;
    font-size: 15px;
  }
  #location .section1 .leftBox dl dd{
    width: 100%;
  }
  #location .section1 h5{
    font-size: 20px;
  }
  #location .section1 .leftBox dl p{
    font-size: 14px;
    word-break: keep-all;
  }
  #location .section1 .leftBox dl dd img{
    width: 100%;
  }
  #location .section1 dd span{
    padding: 5px 0;
    font-size: 14px;
  }
  #location .section2{
    padding: 30px 0 0;
  }


  /* solution-1 */
  #solution-1 .section1{
    padding: 50px 0 80px;
  }
  #solution-1.sub-content .title-ic{
    margin-bottom: 40px;
  }
  #solution-1 .section1 ul{
    gap: 17px;
    margin: 0 10px 22px;
  }
  #solution-1 .section1 .imgBox{
    font-size: 11px;
    gap: 15px;
  }
  #solution-1 .section1 .imgBox dl dt{
    margin-bottom: 11px;
  }
  #solution-1 .section1 .imgBox dl dt span{
    font-size: 15px;
    margin-bottom: 4px;
  }



  .circleArea{
    margin: 60px auto 0;
    padding: 0;
    gap: 16px;
    max-width: 570px;
  }
  .circleArea.w78{
    width: 100%;
    justify-content: flex-start;
  }
  .circleBox{
    width: calc(33.33% - 10.7px)
  }
  .circleArea-4 .circleBox{
    width: calc(33.33% - 10.6px)
  }
  .circleBox .innerBox{
    font-size: 12px;
    font-size: clamp(12px, 3.125vw, 16px);
    word-break: keep-all;
  }
  .sub-solution .sub-subj{
    
  }
  .sub-subj .dfBox{
    flex-flow: column;
    padding: 0;
    align-items: flex-start;
  }
  .sub-subj .dfBox::after{
    min-width: auto;
    width: 96%;
    top: auto;
    bottom: 0;
    height: 90%;
  }
  .sub-subj .imgBox{
    width: 80%;
  }
  .sub-subj .txtBox{
    min-width: auto;
    width: 100%;
    margin: 20px 0;
    padding: 0 1% 0 8%;
  }
  .sub-subj .txtBox h3{
    display: none;
  }
  .sub-subj dt{
    font-size: 16px;
  }
  .sub-subj dd{
    font-size: 15px;
  }
  .sub-subj dd p{
    flex-flow: column;
  }
  .sub-subj dd p.dash{
    flex-flow: row;
  }
  .sub-subj dd p b{
    font-weight: 500;
  }

  .sub-content.sub-solution .title-ic{
    margin-bottom: 30px;
  }
  .sub-solution .tab-menu{
    margin: 50px auto;
    flex-wrap: wrap;
  }
  .sub-solution .tab-menu .tab{
    font-size: 14px;
    padding: 13px 1px;
    display: flex;
    align-items: center;
    justify-content: center;

    word-break: keep-all;
    min-width: 50%;
    border-bottom: 1px solid #ddd;
  }
  .sub-solution .tab-menu .tab:nth-child(2n){
    border-right: 0;
  }
  .sub-solution .tabSection{
    margin: 50px auto 0;
  }
  .sub-solution .tabSection .wr{
    margin-bottom: 50px;
  }
  .sub-solution .pdBox{
    padding: 5px 0;
    margin-bottom: 0;
  }
  .sub-solution .pdBox .leftBox{
    padding-left: 0;
    width: 100%;
    gap: 10px;
  }
  .sub-solution .pdBox .leftBox .txtBox{
    font-size: 16px;
  }
  .sub-solution .pdBox .leftBox .txtBox h5{
    font-size: 20px;
    margin-bottom: 5px;
  }
  .sub-solution .pdBox .leftBox .txtBox h5 span{
    font-size: 0.8em;
  }
  .sub-solution .pdBox .leftBox .txtBox h6{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .sub-solution .pdBox .leftBox .txtBox p{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .sub-solution .pdBox .leftBox .txtBox ul{
    font-size: 15px;
  }
  .sub-solution .pdBox .leftBox .txtBox ul.df{
    flex-wrap: nowrap;
    flex-flow: column;
  }
  .sub-solution .pdBox .leftBox .txtBox ul.df li{
    width: 100%;
    position: relative !important;
    right: auto;
    bottom: auto;
  }
  .sub-solution .pdBox .leftBox .txtBox ul li{
    margin-bottom: 0;
  }

  .sub-solution .pdBox .leftBox .exBox{
  }
  .sub-solution .pdBox .leftBox .exBox p{
    font-size: 13px;
  }
  .sub-solution .pdBox .leftBox .exBox p span{
    font-size: 13px;
    min-width: 82px
  }

  .sub-solution .pdBox .leftBox .exBox h6{
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 7px;
  }
  .sub-solution .pdBox .leftBox .exBox ul li{
    padding: 8px 12px;
    font-size: 12px;
  }
  
  .sub-solution .pdBox .rightBox{
    position: static;
    width: 100%;
    min-width: auto;
    gap: 15px;
    margin-bottom: 15px;
    /* margin-top: 20px; */
    /* padding-bottom: 20px; */
  }
  .sub-solution .pdBox .dfBox{
    padding: 25px 0;
    flex-flow: column-reverse;
    position: relative;
  }
  .sub-solution .pdBox .dfBox:has(.moreBtn){
    padding-bottom: 70px;
  }
  .sub-solution .pdBox .dfBox:first-child .rightBox{
    /* margin-top: 20px; */
  }
  .sub-solution .swiper-pagination{
    bottom: 0;
  }

  .sub-solution .pdBox .moreBox.clk{
    padding: 30px 20px;
  }
  .sub-solution .pdBox .moreBox .dfArea{
    gap: 10px;
  }
  .sub-solution .pdBox .moreBox .dfBox{
    width: calc(50% - 5px);
    margin-bottom: 15px;
    width: 100%;
  }
  .sub-solution .pdBox .moreBox .dfBox .leftBox li{
    font-size: 14px;
  }
  .sub-solution .pdBox .moreBox .dfBox .rightBox{

  }
  .sub-solution .pdBox .vdoBox,
  .sub-solution .pdBox__tag::after{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    z-index: 10;
  }
  .sub-solution .pdBox .moreBtn{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
  }

  .sub-solution .pdBox .leftBox .txtBox .view-ul-btn{
    display: block;
    text-align: center;
    left: 0;
  }


  #solution-1 .section2 ul{
    gap:0;
    justify-content: space-between;
    margin-left: 10%;
    margin-right: 0;
    padding-right: 10%;
  }
  #solution-1 .section2 ul li{
    flex: none;
    width: 33.33%;
    /* max-width: 90px; */
  }
  #solution-1 .section2 ul.df2{
    padding-left: 10%;
    margin-left: 0;
    padding-right: 0;
    margin-right: 10%;
  }
  #solution-1 .section2 .imgBox{
    margin-top: 13px;
    gap: 16px;
    margin-bottom: 23px;
  }
  #solution-1 .section2 .imgBox dl dt{
    margin-bottom: 6px;
  }
  #solution-1 .section2 .imgBox dl dt span{
    font-size: 11px;
    padding: 5px 10px;
  }
  #solution-1 .section2 ul::before{
    width: 100%;
  }


  #smart-factory .tab-menu{
    margin-bottom: 40px;
  }
  #smart-factory .title-ic{
    margin-bottom: 30px;
  }
  #smart-factory .section{
    padding: 0;
  }
  #smart-factory .section2 .imgBox{
    margin-top: 20px;
    text-align: center;
  }
  #smart-factory .section3 .imgBox{
    text-align: center;
  }
  #smart-factory .section5 .titArea p{
    font-size: 16px;
    word-break: keep-all;
  }
  #smart-factory .section5 ul{
    margin-top: 50px;
    width: 100%;
    gap: 12px;
  }
  #smart-factory .section5 ul li{
    align-items: center;

  }
  #smart-factory .section5 ul li .txtBox{
    font-size: 14px;
    width: 64%;
    padding: 20px 14px;
    margin: 0;
  }
  #smart-factory .section5 ul li h6{
    font-size: 18px;  
  }
  #smart-factory .section5 ul li .imgBox{
    width: 36%;
  }
  #smart-factory .section6{
    padding: 30px 0;
  }
  #smart-factory .section6 .conArea h5{
    font-size: 18px;
    padding: 13px 0;
    margin-bottom: 25px;
  }
  #smart-factory .section6 .conArea .barBox{
    display: none;
  }
  #smart-factory .section6 .conArea .dlBox{
    flex-flow: column;
  }
  #smart-factory .section6 .conArea .dlBox dt{
    font-size: 16px;
    background-position: left !important;
    background-size: 100% !important;
  }
  #smart-factory .section6 .conArea .dlBox dd{
    padding: 18px 20px;
    font-size: 14px;
  }
  #smart-factory .section6 .conArea .dlBox h6{
    color: #5F478F;
    font-size: 18px;
    margin: 20px 0 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
  }
  #smart-factory .section6 .conArea .dlBox h6::before{
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #5F478F;
    border-radius: 50%;
    display: block;
    margin-right: 8px;
    background-color: #fff;
  }
  #smart-factory .section6 .conArea .dlBox h6:has(font)::before{
    border-color: var(--font-color-point);
  }
  #smart-factory .section6 .exArea h5{
    font-size: 18px;
  }
  #smart-factory .section6 .exArea ul{
    flex-flow: column;
    gap: 12px;
    text-align: center;
  }
  #smart-factory .section6 .exArea ul li{
  }
  #smart-factory .section6 .exArea ul li .imgBox img{
    min-width: 80%;
  }

  #pr .section{
    padding: 0;
  }
  #pr .titArea{
    margin-bottom: 40px !important;
  }
  #pr .conArea{
    gap: 30px;
  }
  #pr .conBox img{
    width: 100%;
    max-width: 500px;
  }
  #pr .section1{
    padding-top: 50px;
  }
  #pr-view .btnBox a{
    font-size: 14px;
    word-break: keep-all;
    padding: 10px 5px;
  }
  


  .section-pr .wr{
    width: 100%;
    background-image: url(../img/pr/section0-1-mo.png);
  }
  .section-pr .imgBox{
  }
  .section-pr .txtBox{
    width: 100%;
    gap: 20px;
    left: 0;
    padding: 0 5%;
  }
  .section-pr .txtBox h3{
    font-size: 24px;
  }
  .section-pr .txtBox p{
    font-size: 13px;
    word-break: keep-all;
  }
  #dx .section-pr .txtBox{
    padding: 0 5%;
    left: 0;
    right: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
  }
  #dx .section-pr .txtBox h3 span + span{
    margin-left: 0;
  }
  #dx .section-pr .txtBox h3 .img{
    display: none;
  }
  #dx .section-pr .btnBox{
    margin-top: 15px;
  }
  #dx .section-pr .btnBox .more{
    font-size: 14px;
    text-align: center;
    width: 120px;
  }

  #dx .section-pr .imgBox{
    position: relative;
  }
  #dx .section-pr .imgBox::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
  }

  .boardBox .btn-list{
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    width: 90px;
  }
  #contact{}
  #contact .boardBox{
    margin-top: 90px;
    padding: 40px 0;
  }
  #contact .btn-list{}


  .sub-content-hr .section{
    padding: 60px 0;
  }
  /* .sub-content-hr p{
    font-size: 16px;
  } */
  #about h3{
    margin-bottom: 50px;
  }
  #about p{
    font-size: 16px;
  }
  #about .title-ic{
    margin-bottom: 20px;
  }
  #about .section1{
    padding-top: 50px;
  }
  #about .section1 h3{
    margin-bottom: 40px;
  }
  #about .section1 h4{
    max-width: 90%;
    margin: auto;
  }
  #about .section1 h4 img{
    max-width: 100%;
  }
  
  #about .section1 p{
    margin: 30px 0;
    text-align: left;
  }
  #about .section1 .bgArea1{
    max-width: 29%;
    transform: translateY(90%);
  }
  #about .section2 .bgArea2{
    max-width: 30%;
    transform: translateY(42%);
  }
  #about .section2 .cont .txtBox{
    margin-bottom: 50px;
  }
  #about .section2 .cont1 .imgBox img,
  #about .section2 .cont2 .imgBox img{
    width: 100%;
    max-width: 450px;
  }
  #about .section3 .cont1 .imgBox img{
    width: 100%;
  }
  #about .section2 .cont2{
    padding: 80px 0;
  }
  #about .section2 .cont3 .dfBox{
    flex-flow: column;
  }
  #about .section2 .cont3 .dfBox .imgBox{
    width: 100%;
    margin-bottom: 40px;
  }
  #about .section2 .cont3 .dfBox .dlBox{
    width: 100%;
    padding: 0;
    min-width: auto
  }
  #about .section2 .cont3 .dfBox .dlBox dl{
    margin-bottom: 25px;
  }
  #about .section2 .cont3 .dfBox .dlBox dl:last-child{
    margin-bottom: 0;
  }
  #about .section2 .cont3 .dfBox .dlBox dt{
    margin-bottom: 10px;
    font-size: 20px;
  }
  #about .section2 .cont3 .dfBox .dlBox dd{
    gap: 8px;
  }
  #about .section2 .cont3 .dfBox .dlBox dd span{
    font-size: 13px;
    padding: 6px 8px;
  }
  #about .section3{
    padding-bottom: 70px;
  }
  #about .section3 .cont .txtBox{
    margin-bottom: 50px;
  }
  #about .section3 .cont2{
    padding-top: 80px;
  }
  #about .tableBox dl dt{
    font-size: 16px;
  }

  #career .section1 .titArea{
    margin-bottom: 55px;
  }
  #career .section1 .conArea .imgBox img{
    width: 100%;
  }
  #career .section1 .conArea ul{
    gap: 14px;
    margin-top: 0;
  }
  #career .section1 .conArea ul li{
    width: calc(25% - 14px);
  }
  #career .section1 .conArea .txtBox{
    margin: 30px 0 50px;
    padding: 20px;
  }
  #career .section1 .bgArea1{
    transform: translateY(70%);
    max-width: 29%;
  }
  #career .section2 .titArea{
    margin-bottom: 50px;
  }
  #career .section2 .conArea ul{
    gap: 25px;
  }
  #career .section2 .conArea ul li{
    width: 100%;
    padding: 35px 25px;
  }
  #career .section2 .conArea ul li h4{
    font-size: 20px;
  }
  #career .section2 .conArea ul li .topBox{
    margin-bottom: 25px;
  }
  #career .section2 .conArea ul li .btmBox p{
    font-size: 14px;
  }
  #career .section2 .conArea ul li h4 + a{
    font-size: 12px;
  }
  #career .section2 .conArea ul li h4 + a svg{
    width: 25px;
    height: 25px;
  }

  .popup .box{
    padding: 20px;
  }
  .popup .titBox{
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-width: 1px;
  }
  .popup .titBox a svg{
    width: 20px;
    height: 20px;
  }
  .popup .titBox h2{
    font-size: 18px;
  }
  .popup .contBox{
    padding: 20px;
    max-height: 50vh;
  }
  .popup .contBox .cont{
    margin-bottom: 30px;
  }
  .popup .contBox h5{
    font-size: 16px;
    word-break: keep-all;
  }
  .popup .contBox h6{
    font-size: 18px;
  }
  .popup .contBox p{
    font-size: 15px;
  }
  .popup .btnBox{
    margin-bottom: 10px;
  }
  .popup .btnBox a{
    width: 240px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1024px){

  #smart-factory .sec2 .btmBox ul li,
  #main .sec3 .btmBox ul li,
  #company .sec4 .btmBox ul li{
    width: calc(50% - 10px);
  }

  .smart-factory .sec1 .vdoBox{
    height: 500px;
  }
  .smart-factory .sec1 .vdoBox img{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
    max-width: max-content;
    
  }
  .smart-factory .sec1 .vdoBox .onlyWeb{
    display: block !important;
  }
  .smart-factory .sec1 .vdoBox .onlyMob{
    display: none;
  }
}

@media (max-width: 767px){

  #main .section-welcome{
    text-align: center;
    padding: 60px 0 375px;
    background-image: url(../img/main/welcome-bg-mo.png);
  }
  .smart-factory .sec1 .vdoBox{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/smart-factory/1/sec1-mo.png);
  }
  #smart-factory2 .sec1 .vdoBox{
    background-image: url(../img/smart-factory/2/sec1-mo.png);
  }
  #smart-factory3 .sec1 .vdoBox{
    background-image: url(../img/smart-factory/3/sec1-mo.png);
  }
  #smart-factory4 .sec1 .vdoBox{
    background-image: url(../img/smart-factory/4/sec1-mo.png);
  }
  .smart-factory .sec1 .vdoBox img{
    opacity: 0;
  }
  .smart-factory .sec1 .vdoBox .onlyWeb{
    display: none !important;
  }
  .smart-factory .sec1 .vdoBox .onlyMob{
    display: block;
  }
  .smart-factory-sub .sec-flex .box .txtBox p{
    font-size: 16px;
  }
  .smart-factory-sub .sec-flex .box .txtBox p br{
    display: none;
  }
  a.linkedin::after{
    width: 15px;
    height: 15px;
  }
}




@media (max-width:450px){
  .smMo{
    display: block;
  }
}