@font-face {
    font-family: 'LGSmHa';
    font-weight: 900;
    src: url('../font/LGSMHAB.TTF');
  }
  @font-face {
    font-family: 'LGSmHa';
    font-weight: 700;
    src: url('../font/LGSMHASB.TTF');
  }
  @font-face {
    font-family: 'LGSmHa';
    font-weight: 500;
    src: url('../font/LGSMHAR.TTF');
  }
  @font-face {
    font-family: 'LGSmHa';
    font-weight: 300;
    src: url('../font/LGSMHAL.TTF');
  }
  @font-face {
    font-family: 'Segoe';
    font-weight: 500;
    src: url('../font/Segoe UI.ttf');
  }
  @font-face {
    font-family: 'Segoe UI Bold';
    font-weight: 700;
    src: url('../font/Segoe UI Bold.ttf');
  }
  
  @font-face {
    font-family: 'Segoe UI';
    font-weight: 500;
    src: url('../font/SegoeUIVariableStaticDisplay.ttf');
  }

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  src: url('../font/Pretendard-Regular.otf');
}
@font-face {
  font-family: 'Pretendard-Medium';
  font-weight: 500;
  src: url('../font/Pretendard-Medium.otf');
}
@font-face {
  font-family: 'Pretendard-SemiBold';
  font-weight: 600;
  src: url('../font/Pretendard-SemiBold.otf');
}
@font-face {
  font-family: 'Pretendard-Medium';
  font-weight: 700;
  src: url('../font/Pretendard-Bold.otf');
}
/* 조정은  230814_메타버스_01Camera Module 추가 */
.mt30{margin-top:30px !important;}
.solutionWrap.metaBus .pageBanner2{text-align:center;}
.solutionWrap.metaBus .pageBanner2 .web{object-fit: cover; width:100%; height:100%;}
.solutionWrap.metaBus article .segment:first-of-type ~ .segment{margin-top:120px;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody h5{margin-top:0;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleTab span{font-size:24px; line-height:1;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap h4{font-size:24px; line-height:1; }
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2{flex-wrap:wrap;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top{display:flex; gap:40px; align-items:normal;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .left{width: 300px; height:210px; margin-right: 0;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right{width:auto; flex:1; margin-top:0;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right h5{text-align:left; line-height: 1.2;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right p{margin-top:20px;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .bottom{margin-top:40px; width:100%;}
.solutionWrap.metaBus .scrollImgWrap{padding-bottom:0;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .bottom .scrollImgWrap .imgArea{margin:0 auto; width:100% !important;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(1){top:auto; bottom:26%; left:38.5%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(1).active{bottom:4%; left:29.5%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(2){top:auto; bottom:28.3%; left:53.5%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(2).active{bottom:6.3%; left:44.5%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(2) .parts1{top: 33.3%; left: 33.4%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(2) .parts1.active{top: 11.3%; left:24%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(2) .parts2{top: 73%; left: 48%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(2) .parts2.active,
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(2) .parts:nth-of-type(2).active{top: 51%; left: 39%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(3) .parts:nth-of-type(1){top: 33.1%; left: 38%;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody:nth-of-type(3) .parts:nth-of-type(1).active{top: 11.1%; left: 29%;}

/*.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .btnWrap{margin-top:60px;}*/
.solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .slick-track{display:flex; }
.solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .slick-slide {min-width:235px;}


.solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .imgBox{overflow: hidden; height:235px; position: relative; border:1px solid #ddd;}
.solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .imgBox img{border:0;}
.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .tabImgArea .parts .partsCon img{height:auto;}
.solutionWrap.metaBus article .segment .imgWrap{max-width:1360px; width:100%; margin:80px auto 0;}
.solutionWrap.metaBus article .segment .imgWrap h4{font-size:36px; line-height:1;}
.solutionWrap.metaBus article .segment .imgWrap .imgArea{width:100%; margin-top:60px;}
.solutionWrap.metaBus article .segment .imgArea .imgBox.web{display:flex; flex-wrap:wrap; gap:17px;}
.solutionWrap.metaBus article .segment .imgArea .imgBox.web img{width:calc((100% - 17px) / 2);}

.metaBus .imgList{display:flex; flex-wrap:wrap; margin:80px auto 0; max-width:1364px; width:100%; gap:20px;}
.metaBus .imgList li{text-align:center; min-width:calc((100% - 20px) / 2); flex:1;}
.metaBus .imgList li .img{overflow:hidden; display:block; height: 378px; border-radius:20px;}
.metaBus .imgList li .img img{object-fit: cover; width: auto; height: auto; min-width:100%; min-height:100%; max-width: 100%; max-height: 100%;}
.metaBus .imgList li .textWrap{min-height:266px; padding-top:30px;}
.metaBus .imgList li .title{font-size:36px; font-weight:700; color:#000; line-height: 1.4; margin-top:0;}
.metaBus .imgList li .text{font-size:24px; color:#000; line-height:1.6; margin-top:20px;}
.metaBus .solutiontable1 th{border-top:0;}
.solutionWrap.metaBus .mob{display:none;}
.solutionWrap.metaBus article .segment .imgArea .imgBox.mob{display:none;}

/* 수정 */
.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:before{top:4px; left:3px;}
.tabContentsWrap .tabSelectWrap li button{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 2px solid #a50034;}
.tabContentsWrap .tabSelectWrap li:first-child button{border-left: 1px solid #ddd;}
.tabContentsWrap .tabSelectWrap li button.active {border: 2px solid #a50034; border-top: none;}


@media only screen and (max-width: 1780px){
  .solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .slick-slide{min-width:160px;}
  .solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .imgBox{height:160px}
}
@media only screen and (max-width: 1219px){
  .solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .slick-slide{min-width:118px;}
  .solutionWrap.metaBus article .segment .tabSlideWrap .productSlide .imgBox{height:118px}
}
@media only screen and (min-width: 927px) and (max-width: 1219px){
  .tabContentsWrap .tabSelectWrap li button.active{border-left:2px solid #a50034 !important; border-right:2px solid #a50034 !important;}
  .metaBus .imgList li .img{height:auto;}
}
@media only screen and (max-width: 926px){
  .solutionWrap.metaBus .web{display:none;}
  .solutionWrap.metaBus .mob{display:block;}
  .solutionWrap.metaBus .pageBanner2{margin-top:40px;}
  .solutionWrap.metaBus .pageBanner2 .mob{width:100%; height: 100%; object-fit: cover;}
  .solutiontable1 th, 
  .solutiontable1 td{text-align: center; padding: 6px 0; font-size: 10px;}
  .metaBus .imgList{width:100%; margin:40px auto 0; gap:0;}
  .metaBus .imgList li{min-width:100%; flex:none;}
  .metaBus .imgList li,
  .metaBus .imgList li img{width:100%;}
  .metaBus .imgList li .textWrap{min-height:auto; padding:20px 0 30px;}
  .metaBus .imgList li .title{font-size: 16px;}
  .metaBus .imgList li .text{font-size:12px; margin-top:10px;}
  .solutionWrap.metaBus .scrollImgWrap{padding-bottom:20px;}
  .solutionWrap.metaBus article{padding:40px 0 30px;}
  .solutionWrap.metaBus article.grey{padding:60px 0;}
  .solutionWrap.metaBus article ~ article{padding:60px 0;}
  .solutionWrap.metaBus article:last-child{padding-bottom:0;}
  .solutionWrap.metaBus article .segment:first-of-type ~ .segment{margin-top:66px;}
  .solutionWrap.metaBus article .segment .imgArea .imgBox.web{display:none;}
  .solutionWrap.metaBus article .segment .imgArea .imgBox.mob{display:flex; flex-direction:column; gap:8px;}
  .solutionWrap.metaBus article .segment .imgWrap{width:100%; margin:40px auto 0;}
  .solutionWrap.metaBus article .segment .imgWrap h4{font-size: 14px;}
  .solutionWrap.metaBus article .segment .imgWrap .imgArea{margin-top:20px;}
  .solutionWrap.metaBus .tabContentsWrap{padding-bottom:60px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody{padding-top:40px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleTab a{width:26px; height:26px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleTab span{font-size:14px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap{padding-bottom:0; border-bottom:1px solid #bbb;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap h4{font-size:14px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2{padding:40px 0;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2:first-of-type{border-bottom:0; padding-bottom:0;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2,
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top{flex-direction:column;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top{gap:20px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .left{width:100%; height:auto;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .bottom{width:100%; margin-top: 20px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active img{width:130px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .tabImgArea .parts1.active img,
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .tabImgArea .parts2.active img{width:100px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .bottomContents p{line-height: 20px;}
  /*.solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .btnWrap{margin-top:40px;}
  .solutionWrap.metaBus article .segment .tabContentsWrap .tabBody .btnWrap a{width:100%; max-width:300px;}*/

  .solutionWrap.metaBus article .segment .tabSlideWrap .productSlide1 .slick-list{height:auto;}
  .solutionWrap.metaBus article .segment .tabSlideWrap .productSlide1 .imgBox{height: 118px;}
  .solutionWrap.metaBus .tabContentsWrap .tabSelectWrap li:nth-of-type(2) button{border-left:0;}
  .solutionWrap.metaBus article .bottomBanner{padding: 60px 0 0;}
}
.solutionWrap.metaBus .tabContentsWrap .tabSelectWrap li {
  flex: 1;
}
@media only screen and (min-width: 926px) and (max-width: 1219px) {
  .solutionWrap.metaBus .tabContentsWrap .tabSelectWrap {
    width: 100% !important;
  }
}