.solution_wrap .page_tit{
  display: flex;
  gap: 6rem;
  margin-bottom: 10rem;
}
.solution_wrap .page_tit *{color: #fff;}
.solution_wrap .page_tit .off{color: #575659;}


/*25.12.22*/
.solution_wrap .page_tit>a{
  color: #FFF;
  box-sizing: border-box;
  line-height: 1.2;
  position: relative;
}
.solution_wrap .page_tit>a::after{
  content:'';
  display: block;
  position: absolute;
  right: 0;
  bottom: -12px;
  height: 12px;
  height: 5px;
  background-color: #FFF;
  width: 100%;
}
.solution_wrap .page_tit>a.off{
  color: #575659;
}
.solution_wrap .page_tit>a.off::after{display: none;}




.solution_wrap .page_tab{
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.solution_wrap .page_tab a{
  display: inline-block;
  position: relative;
  padding: 1.6rem 2rem;
  font-weight: 700;
  font-size: var(--fs20);
  line-height: 128%;
  color: #68686B;
  transition-duration: 0.3s;
}
.solution_wrap .page_tab a:hover{
  background-color: #1f1f1f;
}
.solution_wrap .page_tab a.active{
  color: #171717;
  background-color:rgba(255, 255, 255, 1);
}

.solution_wrap .available_solutions > div:first-child{
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.solution_wrap .available_solutions h4{
  font-size: var(--fs24);
  line-height: 128%;
  color: #fff;
  font-weight: 800;
}
.solution_wrap .available_solutions ul{
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 2rem;
  margin-top: 4rem;
}
.solution_wrap .available_solutions ul li{
  width: calc(25% - 1.5rem);
  font-size: var(--fs20);
  line-height: 128%;
  color: #fff;
  font-weight: 700;
}
.solution_wrap .available_solutions ul li img{
  width: 100%;
  margin-bottom: 2rem;
}
@media (max-width:991.98px) {
  .solution_wrap .page_tit{
    margin-bottom: 8rem;
    gap: 4.5rem;
  }

  .solution_wrap .available_solutions > div:first-child {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .solution_wrap .available_solutions ul {
    gap: 3rem 2rem;
    margin-top: 3rem;
  }
  .solution_wrap .available_solutions ul li {width: calc(33.33% - 1.4rem);}
}
@media (max-width:767.98px) {
  .solution_wrap .page_tit{
    margin-bottom: 6rem;
    gap: 3rem;
  }

  .solution_wrap .available_solutions > div:first-child {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .solution_wrap .available_solutions ul li {width: calc(50% - 1rem);}
}




/* SIRIUS 제품 - 핵심모듈 */
.sirius_p_wrap1 h4{
  margin-bottom: 8rem;
  font-weight: 800;
  font-size: var(--fs38);
  line-height: 128%;
  color: var(--wh);
}
.sirius_p_wrap1 h5{
  font-weight: 800;
  font-size: var(--fs32);
  line-height: 128%;
}
.sirius_p_wrap1 .txt_bx p{
  margin-top: 1.5rem;
  font-weight: 400;
  font-size: var(--fs20);
  line-height: 140%;
}

.sirius_p_wrap1 .sec01{height: 60rem;}
.sirius_p_wrap1 .sec01 video{
  width: 100%;height: 100%;
  object-fit: cover;
  object-position: center;
}

.sirius_p_wrap1 .sec02 .bx{
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-bottom: 12rem;
}
.sirius_p_wrap1 .sec02 .bx img{
  width: 48.43%;
}
.sirius_p_wrap1 .sec02 .bx h5{margin-bottom: 3rem;}
.sirius_p_wrap1 .sec02 .bx dl{
  opacity: .5;
  line-height: 150%;
  font-size: 1.6rem;
  font-weight: 300;
}
.sirius_p_wrap1 .sec02 .bx dt{
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: var(--fs20);
}
.sirius_p_wrap1 .sec02 .video_box{
  max-width: 100% !important;
  height: 100vh;
}
.sirius_p_wrap1 .sec02 .video_box video{
  width: 100%;height: 100%;
  object-fit: cover;
  object-position: center;
}



.sirius_p_wrap1 .sec03{background: #1F1F1F;}
.sirius_p_wrap1 .sec03 .bx{
  display: flex;
  align-items: center;
  gap: 3rem;
}
.sirius_p_wrap1 .sec03 .bx + div{margin-top: 12rem;}
.sirius_p_wrap1 .sec03 .bx > *{width: 100%;}
.sirius_p_wrap1 .sec03 .bx > img{width: 100%; height: -webkit-fill-available; object-fit: cover; object-position: 50% 50%; border-radius: 10px;}
.sirius_p_wrap1 .sec03 .bx:nth-of-type(2) img{order: 1;}
.sirius_p_wrap1 .sec03 .bx2{
  display: flex;
  gap: 2rem;
  margin-top: 6rem;
}
.sirius_p_wrap1 .sec03 .bx2 dl{
  width: 100%;
  padding: 3rem;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  color: #E2E2E3;
  background: #323234;
  border-radius: 1rem;
}
.sirius_p_wrap1 .sec03 .bx2 dt{
  min-height: 6rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: var(--fs24);
  line-height: 128%;
  color: #fff;
}

.sirius_p_wrap1 .sec04 .bx,
.sirius_p_wrap1 .sec04 .bx .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6rem;
}
.sirius_p_wrap1 .sec04 .bx +  div{margin-top: 12rem;}
.sirius_p_wrap1 .sec04 .bx .top{align-items: flex-start;}
.sirius_p_wrap1 .sec04 .bx .top a{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  font-weight: 700;
  font-size: var(--fs20);
  line-height: 140%;
  color: #BBBBBE;
}
.sirius_p_wrap1 .sec04 .bx .top a img{width: 2.2rem;}
.sirius_p_wrap1 .sec04 .bx > img{width: 46%;}
.sirius_p_wrap1 .sec04 .bx > div{width: calc(54% - 6rem);}
.sirius_p_wrap1 .sec04 .package{margin-top: 7rem;}
.sirius_p_wrap1 .sec04 .package > p{
  font-weight: 700;
  font-size: var(--fs24);
  line-height: 140%;
}
.sirius_p_wrap1 .sec04 .package ul{
  display: flex;
  gap: 2rem;
  margin-top: 1.5rem;
}
.sirius_p_wrap1 .sec04 .package ul li{
  width: calc((100%/3) - 1.333rem);
  background: #1F1F1F;
  transition: all .3s;
  position: relative;
  border-radius: 1rem;
}
.sirius_p_wrap1 .sec04 .package ul li>a{
  border: 1px solid #1F1F1F;
  transition: all .3s;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}
.sirius_p_wrap1 .sec04 .package ul li p{
  padding: 2.4rem 2.4rem 2rem;
  color: #A8A8AC;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 128%;
}
.sirius_p_wrap1 .sec04 .package ul li p b{
  display: block;
  margin-top: 6px;
  color: var(--mint);
  font-weight: 700;
  font-size: var(--fs20);
}
.sirius_p_wrap1 .sec04 .package ul li img{width: 100%;}

.sirius_p_wrap1 .sec04 .package ul li>a:hover{
  border-color: #01FAFE;
}
.sirius_p_wrap1 .sec04 .package ul li.coming_soon>a:hover{
  border: none;
  outline: none !important;
}
.sirius_p_wrap1 .sec04 .package ul li.coming_soon>a{
  outline: none !important;
  cursor: default;
  pointer-events: none;
}




/* 25.12.22 전체수정 */
.sirius_p_wrap1 .sec05{background: #1F1F1F;}
.sirius_p_wrap1 .sec05 .products_tabs{
  display: flex;
  gap: 40px;
  margin-bottom: 4rem;
}
.sirius_p_wrap1 .sec05 .products_tabs>li>button{
  display: block;
  box-sizing: border-box;
  padding: 16px 10px;
  font-size: var(--fs20);
  background: none;
  border: none;
  color: #68686B;
  font-weight: 700;
}
.sirius_p_wrap1 .sec05 .products_tabs>li>button:focus{
  outline: none;
}
.sirius_p_wrap1 .sec05 .products_tabs>li.active>button{
  color: #FFF;
  border-bottom: 5px solid #FFF;
}
.sirius_p_wrap1 .sec05 .con_wrap>div{
  display: flex;
  position: relative;
  justify-content: space-between;
  left: 0;
  top:0;
  display: none;
}
.sirius_p_wrap1 .sec05 .con_wrap>div:first-child{display: flex;}
.sirius_p_wrap1 .sec05 .con_wrap .left_wrap{
  width: 44.8%;
  position: sticky;
  position: -webkit-sticky;
  top: 180px;
  height: 561px;
}
.sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition-duration: 0.3s;
  display: block;
  height: 100%;
  width: 100%;
}
.sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box:first-child{opacity: 1;}
.sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box,
.sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box img{
  width: 100%;
}
.sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box.coming_soon{
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: #171717;
  opacity: 1 !important;
  border-radius: 10px
}
.sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box.coming_soon>img{
  width: 266px;
}



.sirius_p_wrap1 .sec05 .con_wrap .right_wrap{
  width: 49.7%;
}
.sirius_p_wrap1 .sec05 .con_wrap .right_wrap .con_tit{
  font-size: 3.2rem;
  font-weight: 900;
  color: #01fafe;
  line-height: 128%;
  margin-bottom: 6rem;
}

.sirius_p_wrap1 .sec05 .bx{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.sirius_p_wrap1 .sec05 .bx + div{margin-top: 6rem;}
.sirius_p_wrap1 .sec05 .bx > img{width: 100%;}
.sirius_p_wrap1 .sec05 .bx > div{width: 100%;}
.sirius_p_wrap1 .sec05 .bx > div img{
  flex-shrink: 0;
  width: 3.6rem;
}


.sirius_p_wrap1 .sec05 .txt1{
  font-weight: 700;
  font-size: var(--fs20);
  line-height: 128%;
}
.sirius_p_wrap1 .sec05 .info{
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 3rem 0 2rem;
}
.sirius_p_wrap1 .sec05 .info div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc((100%/3) - 1.4rem);
  padding: 2.4rem;
  background: #323234;
  border-radius: 1rem;
}
.sirius_p_wrap1 .sec05 .info div.half{
  width: calc((100%/2) - 1.4rem);
}
.sirius_p_wrap1 .sec05 .info p{
  text-align: right;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 128%;
  color: #A8A8AC;
}
.sirius_p_wrap1 .sec05 .info p b{
  display: block;
  margin-top: 6px;
  font-size: var(--fs20);
  font-weight: 700;
  color: #fff;
}
.sirius_p_wrap1 .sec05 .info2 li{
  display: flex;
  padding: 1.6rem 0;
  font-size: 1.6rem;
  line-height: 140%;
  align-items: center;
}
.sirius_p_wrap1 .sec05 .info2 li + li{border-top: 1px solid #68686B;}
.sirius_p_wrap1 .sec05 .info2 li p:first-of-type{
  flex-shrink: 0;
  font-weight: 700;
}

.sirius_p_wrap1 .sec05 .bx1 .info2 li{
  gap: 6rem;
  padding: 1.6rem;
}
.sirius_p_wrap1 .sec05 .bx2 .info2 {margin-top: 2rem;}
.sirius_p_wrap1 .sec05 .bx2 .info2 li{gap: 2.4rem;}
.sirius_p_wrap1 .sec05 .bx2 .info2 li:first-child{
  border-top: 1px solid #fff;}
.sirius_p_wrap1 .sec05 .bx1 .info2 li p:first-of-type{min-width: 20rem;}
.sirius_p_wrap1 .sec05 .bx2 .info2 li p:first-of-type{min-width: 15rem;}
.sirius_p_wrap1 .sec05 .bx2 .frame{
  position: relative;
  padding: 4rem 5rem 2.4rem 9rem;
  border: 1px solid #68686B;
  border-radius: 1rem;
}
.sirius_p_wrap1 .sec05 .bx2 .frame + div{margin-top: 2rem;}
.sirius_p_wrap1 .sec05 .bx2 .frame .icon{
  position: absolute;
  top: 4rem ;left: 3rem;
}
.sirius_p_wrap1 .sec05 .bx2 .frame .icon img{width: 3.6rem;}
.sirius_p_wrap1 .sec05 .bx3{
  display: flex;
  gap: 2rem;
}
.sirius_p_wrap1 .sec05 .bx3 div{width: calc(50% - 1rem);}
.sirius_p_wrap1 .sec05 .bx3 p{
  margin-top: 2rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 140%;
}
.sirius_p_wrap1 .sec05 .bx2 .bx3 .info2 {margin-top: 1.2rem;}
@media (max-width:1199.98px) {
  .sirius_p_wrap1 .sec03 .bx > * {width: 50%;}
  .sirius_p_wrap1 .sec03 .bx2 dl dd br{display: none;}
  .sirius_p_wrap1 .sec05 .bx3 .info2 li p:first-of-type {min-width: 10rem;}
}
@media (max-width:991.98px) {
  .sirius_p_wrap1 h4 {margin-bottom: 6rem; }

  .sirius_p_wrap1 .sec01{height: 50rem;}

  .sirius_p_wrap1 .sec02 .bx {
    gap: 2rem;
    margin-bottom: 8rem;
  }
  .sirius_p_wrap1 .sec02 .bx h5 {margin-bottom: 2rem;}

  .sirius_p_wrap1 .sec03 .bx ,
  .sirius_p_wrap1 .sec04 .bx ,
  .sirius_p_wrap1 .sec05 .bx {display: block;}
  .sirius_p_wrap1 .sec03 .bx > * ,
  .sirius_p_wrap1 .sec04 .bx > * {width: 100% !important;}

  .sirius_p_wrap1 .sec03 .bx + div {margin-top: 8rem;}
  .sirius_p_wrap1 .sec03 .bx > div{margin-top: 3rem;}
  .sirius_p_wrap1 .txt_bx p{margin-top: 1rem;}
  .sirius_p_wrap1 .sec03 .bx2 {margin-top: 4rem;}
  .sirius_p_wrap1 .sec03 .bx2 dt {min-height: unset;}
  .sirius_p_wrap1 .sec03 .bx2 dt br{display: none;}

  .sirius_p_wrap1 .sec04 .bx .top{margin-top: 3rem;}
  .sirius_p_wrap1 .sec04 .package{margin-top: 4rem;}

  .sirius_p_wrap1 .sec05 .con_wrap>div{flex-wrap: wrap; row-gap: 30px;}
  .sirius_p_wrap1 .sec05 .con_wrap .left_wrap{width: 100%; min-height: 337px; height: auto; top: 0; display: flex; justify-content:center; flex-wrap: wrap; position: relative;}
  .sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box{opacity: 1 !important; position: relative; width: 50%;}
  .sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box.coming_soon{width: 100%;}
  .sirius_p_wrap1 .sec05 .con_wrap .left_wrap .img_box.coming_soon img{max-width: 80%;}
  .sirius_p_wrap1 .sec05 .con_wrap .right_wrap{width: 100%;}
  .sirius_p_wrap1 .sec05 .bx{text-align: center;}
  .sirius_p_wrap1 .sec05 .bx > div{width: 100%;text-align: left;}
  .sirius_p_wrap1 .sec05 .bx + div{margin-top: 4rem;}


}
@media (max-width:767.98px) {
  .sirius_p_wrap1 h4 {margin-bottom: 4rem; }

  .sirius_p_wrap1 .sec01{height: 40rem;}

  .sirius_p_wrap1 .sec02 .bx {
    display: block;
    text-align: center;
    margin-bottom: 6rem;
  }
  .sirius_p_wrap1 .sec02 .bx > div{
    margin-top: 3rem;
    text-align: left;
  }
  .sirius_p_wrap1 .sec02 .bx h5 {margin-bottom: 1.5rem;}

  .sirius_p_wrap1 .sec03 .bx + div {margin-top: 6rem;}
  .sirius_p_wrap1 .sec03 .bx2 {margin-top: 3rem;}

  .sirius_p_wrap1 .sec04 .bx .top{margin-top: 3rem;}
  .sirius_p_wrap1 .sec04 .package{margin-top: 4rem;}




  .sirius_p_wrap1 .sec05 .products_tabs{gap: 20px;}
  .sirius_p_wrap1 .sec05 .products_tabs>li>button{padding: 8px 10px;}
  .sirius_p_wrap1 .sec05 .products_tabs>li.active>button{border-bottom: 3px solid #FFF}
  .sirius_p_wrap1 .sec05 .con_wrap .left_wrap{min-height: 249px;}
  .sirius_p_wrap1 .sec05 .con_wrap .right_wrap .con_tit{margin-bottom: 2rem; font-size: 2.8rem;}
  .sirius_p_wrap1 .sec05 .bx2 .frame {padding: 3rem 4rem 2.4rem 8rem;}
  .sirius_p_wrap1 .sec05 .bx2 .frame .icon {top: 3rem; left: 2rem;}
  .sirius_p_wrap1 .sec05 .bx + div{margin-top: 2rem;}
}
@media (max-width:575.98px) {
  .sirius_p_wrap1 .sec03 .bx2{flex-wrap: wrap;}
  .sirius_p_wrap1 .sec04 .package ul{gap: 1.5rem;}
  .sirius_p_wrap1 .sec04 .package ul li{
    width: calc((100%/3) - 1rem);
  }


  .sirius_p_wrap1 .sec05 .con_wrap .left_wrap{min-height: 150px;}
  .sirius_p_wrap1 .sec05 .con_wrap .right_wrap .con_tit{font-size: 2.4rem;}
  .sirius_p_wrap1 .sec05 .bx2 .frame {padding: 3rem 3rem 2.4rem 6rem;}
  .sirius_p_wrap1 .sec05 .bx2 .frame .icon {left: 1.5rem;}
  .sirius_p_wrap1 .sec05 .bx2 .frame .icon img{width: 3rem;}
  .sirius_p_wrap1 .sec05 .bx3{display: block;}
  .sirius_p_wrap1 .sec05 .bx3 div{width: 100%;}
  .sirius_p_wrap1 .sec05 .info div{flex-direction: column;gap: 5px;}
  .sirius_p_wrap1 .sec05 .info p{text-align: center;}


}




/* SIRIUS 제품 - 점검제품 */
.sirius_p_wrap2 section{
  padding-top: 9.5rem;
  padding-bottom: 22.5rem;
}
.sirius_p_wrap2 .item{
  margin-top: 3rem;
}
.sirius_p_wrap2 .item:first-child{
  margin-top: 0;
}
.sirius_p_wrap2 .item>a{
  display: flex;
  align-items: center;
  position: relative;
  min-height: 59.5rem;
  padding:11.4rem 11rem;
  background: #000102;
  border-radius: 1rem;
  overflow: hidden;
}
.sirius_p_wrap2 .item > a > div{
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 42rem;
}
.sirius_p_wrap2 section > .item > a {
  justify-content: flex-end;
}
.sirius_p_wrap2 section .item:nth-child(2n) > a{
  justify-content: left;
}
.sirius_p_wrap2 .item > a > img{
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
}
.sirius_p_wrap2 .item.x > a > img{margin: 0 10rem; width: auto; height: auto; top: 50%; transform: translateY(-50%); left: 8%;}
.sirius_p_wrap2 .item.x.x_right > a > img{left: unset; right: 8%;}
.sirius_p_wrap2 .item h4{
  font-weight: 600;
  font-size: var(--fs48);
  line-height: 128%;
  color: #fff;
}
.sirius_p_wrap2 .item h4 small{
  display: block;
  margin-bottom: 4px;
  font-family: 'Poppins';
  font-size: var(--fs24);
  font-weight: 600;
  color: var(--mint);
  line-height: 1;
}
.sirius_p_wrap2 .item a p.btn-st{
  width: 7.7rem;
  margin: 4rem 0 13rem;
  font-size: 2rem;
  background: none;
  column-gap: 6px;
  height: unset;
  color: #BBBBBE;
  align-items: center;
  padding: 0;
}
.sirius_p_wrap2 .item a:hover p.btn-st{
  color: #BBBBBE;
}
.sirius_p_wrap2 .item a p.btn-st img{width: 22px; position: relative; top: 2px;}
.sirius_p_wrap2 .item .tag{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sirius_p_wrap2 .item .tag span{
  display: inline-block;
  padding: 6px 1.2rem 4px;
  font-size: 12px;
  line-height: 128%;
  font-weight: bold;
  color: #A8A8AC;
  background: rgba(255, 255, 255, .2);
  border-radius: 5rem;
}
.sirius_p_wrap2 .item.x a,
.sirius_p_wrap2 .item.xx a{
  margin-bottom: 0;
  color: #575659;
  cursor: default;
  pointer-events: none;
}
.sirius_p_wrap2 .item.x a img,
.sirius_p_wrap2 .item.xx a img{filter: grayscale(1) brightness(0) invert(0.4);}
.sirius_p_wrap2 .item.xx > a > div{
  width: 42rem;
}
@media (max-width:1199.98px) {
  .sirius_p_wrap2 section{ padding-bottom: 16rem;}
  .sirius_p_wrap2 .item > a{min-height: 50rem;padding:8rem;}
  .sirius_p_wrap2 .item.x > a > img{left: 0;}
}
@media (max-width:991.98px) {
  .sirius_p_wrap2 section{padding-top: 6rem;padding-bottom: 12rem;}
  .sirius_p_wrap2 .item > a{min-height: 35rem;padding:6rem;}
  .sirius_p_wrap2 .item > a > div{max-width: 35rem;}
  .sirius_p_wrap2 .item.x > a > img {margin: 0 5rem; width: 22rem;}
  .sirius_p_wrap2 .item.xx > a > div{width: 32rem;}
}
@media (max-width:767.98px) {
  .sirius_p_wrap2 section{padding-bottom: 8rem;}
  .sirius_p_wrap2 .item > a{min-height: 30rem;padding:4rem 3rem;}
  .sirius_p_wrap2 .item > a > div{max-width: 25rem;}
  .sirius_p_wrap2 .item a p.btn-st {margin: 3rem 0 6rem;}
}
@media (max-width:575.98px) {
  .sirius_p_wrap2 section > a > div {justify-content: flex-start;}
  .sirius_p_wrap2 .item:not(.x) > a > img{height: auto;}
  .sirius_p_wrap2 section > div:not(.x) > a > img{top: 0; left: unset; right: -50%;}
  .sirius_p_wrap2 section > div:not(.x):nth-child(2n) > a > img{top: 0; left: unset; right: -5%;}

  .sirius_p_wrap2 section > div:not(.x) > a > img,
  .sirius_p_wrap2 .item > a > div{max-width: 100%;}
  .sirius_p_wrap2 .item.x > a > img{width: 18rem; left: unset; right: 0%;}
  .sirius_p_wrap2 .item.x.x_right > a > img{right: 0;}
}




/* SIRIUS 제품 - 점검제품 & 소프트웨어 - 상세 */
.sirius_p_view .bullet_nav{
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: fixed;
  left: 5rem; top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.sirius_p_view .bullet{
  width: 8px;
  height: 8px;
  background: #68686B;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s ease;
}
.sirius_p_view .bullet.active{
  background: #fff;
}
.sirius_p_view section:not(.available_solutions){
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.bullet_nav.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }

/*
.sirius_p_view_l .sec01::after{
  top: 0%; 
  width: 55%; height: 100%;
  background-position: left center;
  background-image: url(../_img/sub/solution/SIRIUS_Product/Inspection_Product/Lite_bg.png);
}
.sirius_p_view_h .sec01::after{
  bottom: 0;
  width: 100%; height: 89.7%;
  background-position: center top;
  background-image: url(../_img/sub/solution/SIRIUS_Product/Inspection_Product/Handy_bg.png);
}
*/

.sirius_p_view3 .sec01{
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100vh;
}

.sirius_p_view3 .sec01.sec01{
  background: #000000;
}
.sirius_p_view3 .sec01::after{
  content: '';
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
.sirius_p_view3 .sec01 .img_wrap{
  position: absolute;
  z-index: 1;
  width: 60%;
  height: 100%;
  left: 0;
  top: 0;
}
.sirius_p_view3 .sec01 .img_wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.sirius_p_view3 .sec01 > div{
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}
.sirius_p_view3 .sec01 .right_wrap>div.sec01_txt{
  position: absolute;
  height: 175px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sirius_p_view3 .sec01 h4{
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: var(--fs48);
  line-height: 128%;
  color: #fff;
}
.sirius_p_view3 .sec01 h4 small{
  display: block;
  margin-bottom: 13px;
  font-family: 'Poppins';
  font-size: var(--fs24);
  font-weight: 600;
  color: var(--mint);
  line-height: 1;
}
.sirius_p_view3 .sec01 p{
  font-size: var(--fs20);
  line-height: 150%;
  color: #fff;
}







/* 25.12.22 추가 */
.sirius_p_view .sec02 .sec02_wrap{
  width: 100%;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
}

.sirius_p_view .sec02 .sec02_wrap .right_wrap{
  position: absolute;
  width: 687px;
  right: 204px;
  top: 53%;
  transform: translateY(-50%);
  height: fit-content;
  z-index: 3;
}
.sirius_p_view .sec02 .sec02_wrap .right_wrap>div{
  position: relative;
}
.sirius_p_view .sec02 .sec02_wrap .right_wrap>div.sec01_txt{
  position: absolute;
  height: 175px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sirius_p_view .sec02 .sec02_wrap h4{
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: var(--fs48);
  line-height: 128%;
  color: #fff;
}
.sirius_p_view .sec02 h4 small{
  display: block;
  margin-bottom: 4px;
  font-family: 'Poppins';
  font-size: var(--fs24);
  font-weight: 600;
  color: var(--mint);
  line-height: 1;
}
.sirius_p_view .sec02 p{
  font-size: var(--fs20);
  line-height: 150%;
  color: #fff;
}


.sirius_p_view .sec02 .img_bx{
  position: absolute;
  width: 57.65%;
  height: calc(100% - 86px);
  left: 0;
  top: 0;
  z-index: 1;
}
.sirius_p_view .sec02 .img_bx{
  position: absolute;
  width: 67%;
  left: -5%;
  top: 10%;
  z-index: 1;
}
.sirius_p_view .sec02 .img_bx::after{
  content:'';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(1,1,1,1), rgba(1,1,1,0));
  height: 20%;
  z-index: 2;
}
.sirius_p_view .sec02 .img_bx img{
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sirius_p_view .sec02 .img_bx img:not(:first-child){
  transition-duration: 0.3s;
}
.sirius_p_view .sec02 .sec02_wrap .img_bx .gradient_box{
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(16, 16, 16, 0), rgba(16, 16, 16, 1) 70%);
  z-index: 2;
}


.sirius_p_view .sec02 .img_bx img:nth-child(1){
  position: relative;
}
.sirius_p_view .sec02 .img_bx img.on{opacity: 1;}
.sirius_p_view .sec02 .txt_bx{width: 100%;}
.sirius_p_view .sec02 .txt_bx > div{
  display: flex;
  gap: 2rem;
}
.sirius_p_view .sec02 .txt_bx > div + div{margin-top: 2rem;}
.sirius_p_view .sec02 .txt_bx > div > div{
  width: calc(50% - 1rem);
  padding: 2.4rem;
  background: #323234;
  border-radius: 1rem;
}
.sirius_p_view .sec02 .txt_bx img{width: 3.6rem;}
.sirius_p_view .sec02 .txt_bx p {
  margin-top: 2rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 128%;
  color: #A8A8AC;
}
.sirius_p_view .sec02 .txt_bx p b {
  display: block;
  margin-top: 6px;
  font-size: var(--fs20);
  font-weight: 700;
  color: #fff;
}
.sirius_p_view .sec02 .txt_bx p b>span{
  font-size: 13px;
  font-weight: 500;
  color: #FFF;
  
}
.sirius_p_view .sec02 .txt_bx p b>span.dots{
  font-size: 8px;
  margin: 0 8px;
  position: relative;
  top: -4px;

}

.sirius_p_view .sec02_2{position: relative;}

.sirius_p_view .sec02_2 div{
  position: absolute;
  top: 50%; left: 50%;
  width: 100%;
  transform: translate(-50%,-50%);
}

.sirius_p_view .sec02_2 p{
  text-align: center;
  font-weight: 700;
  font-size: var(--fs32);
  line-height: 140%;
  color: #fff;
}

.sirius_p_view .sec03,
.sirius_p_view .sec03_2{overflow: hidden;}
.sirius_p_view .sec03 .video{
  position: relative;
  height: 74rem;
}
.sirius_p_view .sec03 .video *{
  position: absolute;
  top:50%; left: 50%;
  height: 100%;
  transform: translate(-50%,-50%);
  object-fit: cover;
  object-position: center;
  border-radius: 1rem;
}
.sirius_p_view .sec03 .bx{
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
}
.sirius_p_view .sec03 .bx > div{
  width: 100%;
  padding: 2.4rem 2.4rem 3.5rem; 
  border: 1px solid #68686B;
  border-radius: 1rem;
}
.sirius_p_view .sec03 .bx > div > div{
  margin-top: 2rem;
  text-align: center;
}
.sirius_p_view .sec03 .bx img{max-width: 100%;}
.sirius_p_view .sec03 .bx p{
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 128%;
  color: #A8A8AC;
  text-align: center;
}
.sirius_p_view .sec03 .bx p span{
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: 2rem;
}

.sirius_p_view .sec03_2 .top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 3rem;
	margin-bottom: 7rem;
}
.sirius_p_view .sec03_2 h3{
  font-weight: 700;
  font-size: var(--fs48);
  line-height: 128%;
}
.sirius_p_view .sec03_2 .sw_btn{
	display: flex;
	gap: 2rem;
	flex-shrink: 0;
}
.sirius_p_view .sec03_2 .sw_btn div{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.8rem; height: 4.8rem;
	background: #404040;
	border-radius: 50%;
	cursor: pointer;
}
.sirius_p_view .sec03_2 .sw_btn img{width: 2.8rem;}
.sirius_p_view .sec03_2 .mySwiper{
	overflow: visible;
	width: 150%;
}
.sirius_p_view .sec03_2 .swiper-slide{width: 63rem;}
.sirius_p_view .sec03_2 .item img{width: 100%;}
.sirius_p_view .sec03_2 .item p:first-of-type{
	margin: 2.4rem 0 1rem;
	line-height: 128%;
	font-size: var(--fs20);
	font-weight: 700;
  color: #fff;
}
.sirius_p_view .sec03_2 .item p:last-of-type{
  font-size: 14px;
  line-height: 115%;
  color: #fff;
}


/* wearable */
.sirius_p_view.sirius_p_view_wear .sec02 .sec02_wrap .right_wrap{width: 580px;}
.sirius_p_view.sirius_p_view_wear .sec02 .img_bx img{width: 52.822%;}


/* GCS */
.sirius_p_view_g .sec02_2{
  overflow: hidden !important;
  height: 100vh !important;
  display: block !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}
.sirius_p_view_g .sec02_2::before{
  content:'';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32%;
  background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.0));
  z-index: 1;
}
.sirius_p_view_g .sec02_2>.inner_box{
  width: 100%;
  height: 100%;
  position: relative;
  background: url(../_img/sub/solution/SIRIUS_Product/Inspection_Product/GCS2.png) no-repeat center / cover;
  padding-top: 269px;
  box-sizing: border-box;
}
.sirius_p_view.sirius_p_view_g .sec02_2 div{
  position: relative;
  top:0;
  left: 0;
  transform: translate(0);
}
.sirius_p_view_g .sec02_2 .earth_box{
  position: relative;
  margin-top: -47px;
  width: 100%;
}

.sirius_p_view_g .sec02_2 .earth_box .earth{
  position: relative;
  margin: 0 auto;
  width: 82.813vw;
  height: 82.813vw;
  background: url(../_img/sub/solution/SIRIUS_Product/Inspection_Product/GCS2_earth.png) no-repeat center / cover;
  transform: rotate(0);
  transform-origin: center;
  animation: earthSpin360 60s linear infinite;
  will-change: transform;
}
@keyframes earthSpin360 {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* editor */
.sirius_p_view_e .sec01 .img_wrap{width: 65%;}
.sirius_p_view_e .sec01 > div > div{width: 37%}
.sirius_p_view_e .sec02_2{
  position: relative;
  background: url(../_img/sub/solution/SIRIUS_Product/Inspection_Product/Editor2.jpg) no-repeat center center / cover;
}
.sirius_p_view_e .sec02_2 .bg{
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
	opacity: 0;
  pointer-events: none;
  transform: translate(0);
  transition-duration: 0.3s;
}
.sirius_p_view_e .sec02_2 p { 
	overflow: hidden;
}
.sirius_p_view_e .sec02_2 p span { 
	display: inline-block;
	will-change: transform, opacity; 
}
.sirius_p_view_e .sec03_2 .item img {
  display: block;
  width: 100%;
  border-radius: 12px;
}



@media (max-width:1919.98px) {
  .sirius_p_view_l .sec01::after{width: 50%;}
}
@media screen and (max-width: 1680px){
  .sirius_p_view .sec02 .sec02_wrap .right_wrap{right: 20px;}
}
@media (max-width:1199.98px) {
  .sirius_p_view .bullet_nav{left: 3rem;}
  .sirius_p_view section:not(.sec04){
    height: auto;
    min-height: 100vh;
    padding: 12rem 0;
  }
  .sirius_p_view .sec01{flex-direction: column;}
  .sirius_p_view_g .sec01{overflow: hidden;}
  .sirius_p_view .sec01 > div{display: block;}
  .sirius_p_view .sec01 img{
    position: unset;
    margin-bottom: 3rem;
  }
  .sirius_p_view .sec01 h4{margin-bottom: 3rem;}
  .sirius_p_view_l .sec01::after,
  .sirius_p_view_h .sec01::after{display: none;}
  .sirius_p_view_l .sec01 img{
    margin-bottom: 0 !important;
    transform: translateY(0%);
  }
  .sirius_p_view_h .sec01 img{
    max-height: unset;
    width: 40rem;
  }

  .sirius_p_view_l .sec01 > div{margin-top: -7rem;}
  .sirius_p_view .sec02 .img_bx{top: 0;}
  .sirius_p_view .sec02 .sec02_wrap .right_wrap{top: 40%; width: 50%;}
  .sirius_p_view.sirius_p_view_wear .sec02 .sec02_wrap .right_wrap{width: 50%;}


  .sirius_p_view_g .sec01 > div,
  .sirius_p_view_e .sec01 > div{display: flex;}
  

}
@media (max-width:991.98px) {
  .sirius_p_view .sec02 > div{display: block;}
  .sirius_p_view .sec02 > div > div{}
  .sirius_p_view .sec02 .img_bx{width: 100%; left: 50%; transform: translateX(-50%); top: -25%;}
  .sirius_p_view .sec02 .sec02_wrap .img_bx .gradient_box{width: 100%; height: 40%; left: 0; right: unset; top: unset; bottom: 0; background:linear-gradient(to bottom, rgba(16, 16, 16, 0), rgba(16, 16, 16, 1) 70%)}
  .sirius_p_view .sec02 .sec02_wrap .right_wrap{width: 90%; left: 50%; top: 25%; bottom: 20px; transform: translateX(-50%);}
  .sirius_p_view.sirius_p_view_wear .sec02 .sec02_wrap .right_wrap{width: 90%;}
  .sirius_p_view .sec02 .txt_bx > div{margin-top: 0;}
  .sirius_p_view .sec02 .txt_bx > div > div {padding: 2rem;}
  .sirius_p_view .sec02 .txt_bx p{margin-top: 1rem;}
  .sirius_p_view .sec03_2 .top{margin-bottom: 5rem;}
	.sirius_p_view .sec03_2 .sw_btn{gap: 1rem;}
	.sirius_p_view .sec03_2 .swiper-slide{width: 50rem;}

  .sirius_p_view3 .sec01{flex-direction: column; row-gap: 30px;}
  .sirius_p_view3 .sec01 .img_wrap{position: relative; width: 100%; margin-top: -20%;}
  .sirius_p_view_g .sec01 > div > div{width: 100%;}
  .sirius_p_view_g .sec02_2>.inner_box{padding-top: 200px;}
  .sirius_p_view_g .sec02_2 .earth_box{margin-top: 47px;}
  .sirius_p_view_e .sec01 .img_wrap{position: relative; width: 100%; margin-top: -20%;}
  .sirius_p_view_e .sec01 > div > div{width: 100%;}

}
@media (max-width:767.98px) {
  .sirius_p_view .bullet_nav{left: 15px;}
  .sirius_p_view section:not(.sec04){padding: 8rem 0;}
  .sirius_p_view section.sec02{padding-top: 0;}
  .sirius_p_view .sec01 img{margin-bottom: 2rem;}
  .sirius_p_view .sec01 h4{margin-bottom: 2rem;}
  .sirius_p_view_l .sec01 > div{margin-top: -5rem;}
  .sirius_p_view .sec02 .sec02_wrap{height: 80vh;}
  .sirius_p_view .sec02 .img_bx{top: -15%;}
  .sirius_p_view .sec02 .sec02_wrap .right_wrap{top: 45%;}


  .sirius_p_view .sec03 .bx > div{padding: 2rem 2rem 3rem;}
  .sirius_p_view .sec03_2 .top{margin-bottom: 4rem;}
	.sirius_p_view .sec03_2 .sw_btn div{width: 4rem; height: 4rem;}
	.sirius_p_view .sec03_2 .sw_btn img {width: 2.4rem;}
	.sirius_p_view .sec03_2 .swiper-slide{width: 40rem;}


  .sirius_p_view_g .sec02_2{height: 80vh !important;}
  .sirius_p_view_g .sec02_2>.inner_box{padding-top: 100px;}
  .sirius_p_view_g .sec02_2 .earth_box .earth{width: 78.125vw; height: 78.125vw;}
}
@media (max-width:575.98px) {
  .sirius_p_view:not(.sirius_p_view_g,.sirius_p_view_e) .sec01 img{max-width: 100%;}
  
  .sirius_p_view .sec02 .sec02_wrap .right_wrap{width: 80%;}
  .sirius_p_view.sirius_p_view_wear .sec02 .sec02_wrap .right_wrap{width: 80%;}
  .sirius_p_view .sec02 .sec02_wrap .right_wrap>div.sec01_txt{height: 130px; top: 40%;}
  .sirius_p_view .sec02 .txt_bx > div > div{padding: 15px 10px;}
  .sirius_p_view .sec02 .txt_bx p b{font-size: 1.6rem;}
  .sirius_p_view .sec02 .txt_bx p b>span{font-size: 10.5px;}
  .sirius_p_view .sec02 .txt_bx p b>span.dots{font-size: 4px; margin: 0 4px;}
  .sirius_p_view .sec03 .bx{flex-wrap: wrap;}
  .sirius_p_view .sec03 .bx img {max-width: 60%;}
  .sirius_p_view .sec03_2 .top{display: block;}
	.sirius_p_view .sec03_2 .sw_btn{margin-top: 2rem;}
  .sirius_p_view .sec03_2 .swiper-slide{width: 35rem;}

  .sirius_p_view_g .sec02_2{height: 60vh !important;}
}

@media (max-width:500px) {
  .sirius_p_view .sec02{min-height: 100vh;}
  .sirius_p_view .sec02 .sec02_wrap{height: 100vh;}
  .sirius_p_view .sec02 .img_bx{height: calc(50% - 64px); top: 0;}
  .sirius_p_view .sec02 .sec02_wrap .img_bx .gradient_box{bottom: -10%;}
  .sirius_p_view .sec02 .sec02_wrap .right_wrap{top: 35%;}

  .sirius_p_view_e .sec02_2 p br{display: none;}
}







/* 구조물 별 솔루션 */
.structure_wrap{
  color: #fff;
  padding-bottom: 19.5rem;
}
.structure_wrap .bg{
  width: 100%;
  height: 40rem;
  object-fit: cover;
  object-position: center;
}
.structure_wrap h4{
  font-size: var(--fs32);
  font-weight: 700;
  line-height: 128%;
}

.structure_wrap .sec01 .top{
  display: flex;
  gap: 2rem;
  margin-bottom: 11rem;
}
.structure_wrap .sec01 .top h4{width: 40.4%;}
.structure_wrap .sec01 .top > div{width: 59.6%;}
.structure_wrap .sec01 .top p{
  margin-bottom: 4rem;
  font-size: var(--fs24);
  line-height: 140%;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.structure_wrap .sec01 .top .tag{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.structure_wrap .sec01 .top .tag span{
  display: inline-block;
  padding: 7px 1.2rem 6px;
  font-size: 10px;
  line-height: 128%;
  font-weight: bold;
  color: #A8A8AC;
  background: rgba(255, 255, 255, .2);
  border-radius: 5rem;
}
.structure_wrap .sec01 ul{
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 2rem;
}
.structure_wrap .sec01 ul li{
  width: calc(50% - 1rem);
  font-size: var(--fs20);
  line-height: 128%;
  font-weight: bold;
}
.structure_wrap .sec01 ul li span{
  font-weight: 400;
  color: #929296;
}
.structure_wrap .sec01 ul li img{
  width: 100%;
  margin-bottom: 2rem;
}

.structure_wrap .sec02 > p{
  margin-top: 2.4rem;
  font-size: var(--fs20);
  line-height: 140%;
  font-weight: 500;
}
.structure_wrap .sec02 ul{
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 2rem;
  margin-top: 6rem;
}
.structure_wrap .sec02 ul li{width: calc((100%/3) - 1.4rem);}
.structure_wrap .sec02 ul li a{
  display: block;
  background: #1F1F1F;
  border-radius: 1rem;
}
.structure_wrap .sec02 ul li div{
  padding: 6rem 5rem 0;
}
.structure_wrap .sec02 ul li p{
  margin: 1rem 0 3rem;
  font-family: 'Poppins';
  color: var(--mint);
  font-size: var(--fs32);
  font-weight: 600;
  line-height: 128%;
}
.structure_wrap .sec02 ul li .category{
  display: inline-block;
  height: 27px;
  line-height: 28px;
  padding: 0 1.2rem;
  font-weight: 700;
  font-size: 12px;
  color: var(--mint);
  background: rgba(1, 250, 254, .2);
  border-radius: 3rem;
}
.structure_wrap .sec02 ul li .more{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs20);
  font-weight: bold;
  color: #BBBBBE;
}
.structure_wrap .sec02 ul li .more img{width: 2.2rem;}
.structure_wrap .sec02 ul li a > img{width: 100%;}

.structure_wrap .sec02 ul li.coming_soon>a{
  pointer-events:none;
}
.structure_wrap .sec02 ul li.coming_soon>a .img_box{
  width: 100%;
  padding: 0;
  position: relative;
}
.structure_wrap .sec02 ul li.coming_soon>a .img_box .hidden{
  width: 100%;
  opacity: 0;
}
.structure_wrap .sec02 ul li.coming_soon>a .img_box>img.txt{
  max-width: 80%;
  width: 199px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
}


@media (max-width:991.98px) {
  .structure_wrap{padding-bottom: 16rem;}
  .structure_wrap .bg{height: 30rem;}

  .structure_wrap .sec01 .top{margin-bottom: 8rem;}
  .structure_wrap .sec01 .top p{margin-bottom: 3rem;}

  .structure_wrap .sec02 > p{margin-top: 2rem;}
  .structure_wrap .sec02 ul{
    gap: 4rem 2rem;
    margin-top: 4rem;
  }
  .structure_wrap .sec02 ul li div{padding: 4rem 3rem 0;}
  .structure_wrap .sec02 ul li p{margin-bottom: 2rem;}
  .structure_wrap .sec02 ul li .more img{width: 2rem;}

  
}
@media (max-width:767.98px) {
  .structure_wrap{padding-bottom: 12rem;}

  .structure_wrap .sec01 .top{
    display: block;
    margin-bottom: 6rem;
  }
  .structure_wrap .sec01 .top > *{width: 100% !important;}
  .structure_wrap .sec01 .top p{margin:2rem 0;}
  .structure_wrap .sec01 ul{flex-wrap: wrap; gap: 3rem 0;}
  .structure_wrap .sec01 ul li{width: 100%;}

  .structure_wrap .sec02 ul{
    gap: 3rem 2rem;
    margin-top: 3rem;
  }
  .structure_wrap .sec02 ul li{width: calc(50% - 1rem);}
}