
.img-100 {width:100%; padding-bottom:40px;}

.img-100 img {width:100%;}
.w-170 {width:170px;}
.w-200 {width:200px;}
.w-300 {width:300px;}
.h-70 {height:70px;}
.h-50 {height:50px;}
	.ai-box-container {padding: 40px 0px;}
	
	
	.ax-banner {
  position: relative;
  background: url(https://bninc.co.kr/ai_consulting/2025/ai-bottom-bak.png) no-repeat center center / cover;
  padding: 120px 20px;
  text-align: center;
  color: #000033;
  overflow: hidden;
}

.ax-banner p {
  position: relative;
  z-index: 2;
  font-size: 32px; font-weight:600;
  line-height: 1.8;
  max-width: 100%;
  margin: 0 auto;
}

.ax-banner .ax-overlay {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
     background: rgb(107 219 255 / 75%);
  z-index: 1;
  pointer-events: none; /* 클릭/이벤트 무시 */
}

    .ax-banner p strong {
      font-weight: 700;
    }
.green-bottom-border {
  border-bottom: 1px solid #81C800;
  height: 1px;  width:1300px; margin:0 auto;
}

.w-70p {width:70%; margin: 0 auto;}

 .nvidia-main {
    padding-top: 100px;
  }
.nvidia-top {
  position: relative;

      background: url(../2025/ibm_top.png) no-repeat center center;
  background-size: cover;
  color: #fff;
  z-index: 1;
  overflow: hidden;
  padding: 53px 20px;
  text-align: center;
}


.nvidia-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

#ibm_img_1 {    width: auto;
    }
	
	.main-imgs {    display: flex;
    width: 1400px;
    justify-content: space-evenly;
    padding-top: 80px;}
	
.ai_main_t1 {font-size:40px; font-weight:500;  padding: 0px 0px 40px;  color: #26b7ec;}
.ai_main_t2 {font-size:22px; line-height:1.5; }
	
/* AI 컨설팅 상단 비주얼 (시안의 가장 위 'BN I&C AI Solution을 활용한 AI 컨설팅 서비스' 부분) */
.ai-consulting-hero {
  position: relative;
  height: 166px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  z-index: 1;
}

.ai-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.ai-consulting-hero-inner {
  position: relative;
  z-index: 1;
}

.ai-consulting-hero h1 {
  font-size: 32px;
  font-weight: bold;
  /* 시안 이미지의 텍스트 색상과 유사하게 조정 */
  color: #ffffff; /* 흰색으로 설정, 필요에 따라 그라데이션 적용 */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 텍스트 그림자 추가 */
}

.company-submenu {
    background: #181818;
    padding: 0px 20px;
    overflow-x: auto;
  }
  .company-submenu ul {
    display: flex;
    justify-content: center;
    gap: 60px;
    list-style: none;
    color: #fff; max-width:1000px; margin: 0 auto;
    font-weight: bold;
  }
  .company-submenu li.active {
    border-bottom: 2px solid #00adee;
  }


  .company-submenu.sticky {
  position: fixed;
  top: 100px;        border-top: 1px solid #151515;
    border-bottom: 1px solid #2b2b2b;
  left: 0;
  right: 0;
  z-index: 999;
  
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


/* .ibm_width_1 {width:400px;     text-align: center;} */

.global-partner {
  background: url('../../company/2025/global-partner-back.png') no-repeat top center;
  padding: 100px 0px;
}

.global-partner-inner {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}

.partner-title {
  font-size: 50px;
  font-weight: 700;
  color: #66bb33; /* 연두색 강조 */
  margin-bottom: 70px; text-align:left;
}

.partner-logo-grid 
  {
    display: grid
;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 0;
    align-items: stretch;
}


	  .partner-logo-grid-item {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 60px;
      border-right: 1px solid #dce9f8;
    }

    .partner-logo-grid-item:nth-child(5n) {
      border-right: none;
    }

    .partner-logo-grid-item img {
       max-height: 60px; 
      max-width: 100%;
      margin: 0 auto;
      display: block;
    }


.nvidia-top > * {
  position: relative;
  z-index: 1;
}

  .nvidia-top h1 {
    font-size: 32px;
    font-weight: bold;
  }
  .nvidia-top p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.6;
  }
  .nvidia-submenu {
    background: #181818;
    padding: 0px 20px;
    overflow-x: auto;
  }
  .nvidia-submenu ul {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    list-style: none;
    color: #fff; max-width:1500px; margin: 0 auto;
    font-weight: bold;
  }
  .nvidia-submenu li.active {
    border-bottom: 2px solid #8BC34A;
  }


  .nvidia-submenu.sticky {
  position: fixed;
  top: 100px;        border-top: 1px solid #151515;
    border-bottom: 1px solid #2b2b2b;
  left: 0;
  right: 0;
  z-index: 999;
  
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.dgx-list {
    width: 763px;
    margin: 0 auto;
    text-align: left;
}

.nvidia-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4개씩 한 줄 */
  gap: 20px; /* 카드들 사이 여백 */
          margin: 40px auto 80px;   max-width: 1500px;
 /*  padding: 0 20px; */
}
.nvidia-product-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  overflow: hidden;
  text-align: center;
 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nvidia-product-card2 {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  overflow: hidden;
  text-align: center;
 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
  .nvidia-card-header {
    background: transparent linear-gradient(90deg, #242424 0%, #00252B 55%, #00413B 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 12px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.nvidia-product-card img {
  height: 150px; padding:10px 0px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.nvidia-product-card2 img {
  height: 100px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
  .nvidia-card-links {
    padding: 20px 10px; border: 1px solid #A2A2A2;
    display: flex; background-color:#F6F6F6;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center; height:240px;
  }
  .nvidia-card-links button {
   background: #FFFFFF 0% 0% no-repeat padding-box; width:150px;
box-shadow: 0px 3px 4px #0000001A;     height: 32px;
    border: none; padding:0px;
  /*   padding: 8px 12px; */
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
  }
  .nvidia-card-links button:hover {
    background: #ddd;
  }


  .nvidia-card-links2 {     flex-direction: column;
    align-items: center;
    padding: 20px; border: 1px solid #A2A2A2;
    display: flex; background-color:#F6F6F6;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center; height:240px;
  }

   .nvidia-card-links2 button {
   background: #FFFFFF 0% 0% no-repeat padding-box; width:150px;
box-shadow: 0px 3px 4px #0000001A;     height: 32px;
    border: none;
  /*   padding: 8px 12px; */
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
  }
  .nvidia-card-links2 button:hover {
    background: #ddd;
  }


.nvidia-card-links3 {     flex-direction: column;
    align-items: center;
    padding: 20px; border: 1px solid #A2A2A2;
    display: flex; background-color:#F6F6F6;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center; height:240px;
  }

   .nvidia-card-links3 button {
   background: #FFFFFF 0% 0% no-repeat padding-box; width:260px;
box-shadow: 0px 3px 4px #0000001A;     height: 32px;
    border: none;
  /*   padding: 8px 12px; */
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
  }
  .nvidia-card-links3 button:hover {
    background: #ddd;
  }


  .nvidia-card-links4 {     flex-direction: column;
    align-items: center;
    padding: 20px; border: 1px solid #A2A2A2;
    display: flex; background-color:#F6F6F6;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center; height:240px;
  }

   .nvidia-card-links4 button {
   background: #FFFFFF 0% 0% no-repeat padding-box; width:200px;
box-shadow: 0px 3px 4px #0000001A;     height: 32px;
    border: none;
  /*   padding: 8px 12px; */
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
  }
  .nvidia-card-links4 button:hover {
    background: #ddd;
  }


  .navi-menu {
  display: flex;
  justify-content: center;
  background: #181818;
  padding: 0;
  margin: 0;
}

.navi-menu li {
  display: inline-block; font-weight:500;
  height: 60px; 
  line-height: 60px; 
  padding: 0 0px;
  position: relative; cursor:pointer;
  font-size: 18px;
  color: #fff;
}
.navi-menu a {
  display: block;
  padding: 15px 20px;
  color: white;
  font-size: 16px;
  text-decoration: none;
}

.navi-menu li.active::before {
  content: "";
  position: absolute;
  top: 0px; 
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid transparent;
  border-top: 10px solid #fff; 
  z-index: 10;
}

.navi-menu li.active {
  border-bottom: 3px solid #00adee; 
}

.dgx-page {     
 /*  position: relative; */
  padding-left: 0px; 
  padding-top: 100px;
}

.dgx-page2 {     
 /*  position: relative; */
  padding-left: 0px; 
  padding-top: 100px;
  padding-bottom: 100px;
}

.pb100 {padding-bottom:100px !important;}
.pb50 {padding-bottom:50px !important;}
.pb30 {padding-bottom:30px !important;}
.pt100 {padding-top:100px !important;}
.pt50 {padding-top:50px !important;}
.pt30 {padding-top:30px !important;}
.mb50 {margin-bottom:50px !important; }
.mb30 {margin-bottom:30px !important; }
.mb70 {margin-bottom:70px !important; }
.mb100 {margin-bottom:100px !important; }

.dgx-side-menu {
  position: fixed;
  top: 390px;
  left: 20px;
  width: 280px;
  background: none;
  padding: 0;
  height: calc(100vh - 100px);
  overflow-y: auto; transition: top 0.3s ease; 
}

.dgx-side-list {
  list-style: none;
  margin: 10px;
  padding: 0; position: relative; 
  z-index: 10;  padding-left: 20px;
  

}

.dgx-side-item {
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 400;
  color: #888;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s;
  background: none;
  position: relative;
}

.dgx-side-item::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ccc; /* 세로선 */
}

.dgx-side-item.active {
  font-weight: 700;
  color: #111;
}

.dgx-side-item.active::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  background-color: #26b7ec;
  border-radius: 50%;
  z-index: 1;
}

.dgx-side-item:hover {
  background: #f7f7f7;
  color: #333;
}


.detail-btn {
  display: inline-block;
 background: #76b900;
    color: #fff;
    padding: 12px 24px;
    border: none;
    border-radius: 0px;
    font-weight: bold;
    cursor: pointer;
}

.detail-btn:hover {
  background: #5ca41b;
}


.dgx-container {
    background: url(https://bninc.co.kr/ai_infra/2025/mariola-grobelska-XQ2DGHCC9nc-unsplash_v2.png) top right no-repeat padding-box;
	background-size:50%;

    min-height: 200px;
}

.dgx-container2 {
    background: #AAAAAA12;
	background-size:50%;

    min-height: 400px;
}

.dgx-content {
  display: flex;
  align-items: top;
  gap: 60px;
  max-width: 1200px;
  margin: 0 auto; padding-bottom:40px; padding-top:40px;
}


.dgx-content2  {
    display: flex;
    align-items: top;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto;
   /*  padding: 20px 40px; */
   
   /*  border: 1px solid; */
  
    align-items: start;
    margin: 60px auto;
	/* box-shadow: 0 4px 12px rgba(31, 112, 193, 0.3); */
}


.dgx-content3  {
    display: flex;
    align-items: top;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto; justify-content: center;
   /*  padding: 20px 40px; */
   
   /*  border: 1px solid; */
  
    align-items: center;
    margin: 60px auto;
	/* box-shadow: 0 4px 12px rgba(31, 112, 193, 0.3); */
}


.dgx-content2-image {
   flex-direction: column;
    display: flex;
    width: 100%;
    justify-content: center;
    /* height: 300px; */
 
    align-items: center;
}

.ibm_width_1 {      box-shadow: 0 4px 12px rgba(31, 112, 193, 0.3);
    padding: 20px 50px;
    margin-bottom: 0px;
    height: 480px;
    display: grid;position: relative;
    width: 100%;
    align-items: center;}
	
	
  .dgx-content2-text { display:flex;       flex-direction: column;  width: 100%;
  /*   justify-content: center; */}
  
   .dgx-content2-text-2 { display:flex;       flex-direction: column;     width: 30%;}
    .dgx-content2-text-3 { display:flex;       flex-direction: column;     width: 70%;}
	
.ai_main_flex2-1 { display: flex;  justify-content: space-evenly;   width: 100%;   align-items: center;}
 
 .ai_main_flex1 {display: flex;   flex-direction: column;    align-items: center;     height: 200px;
    justify-content: center;}  
 .ai_main_flex1-img {height:100px;}
 .ai_main_flex2-img {height:50px;}
 
 .ai_main_flex2 {display: flex;   flex-direction: column;    width: 100%;     height: 200px;
    justify-content: center; }
 .ai_main_flex2-2 {display: flex;  justify-content: center;     gap: 60px;}
 .ai_main_flex1-1 {height:100px; display: flex;    align-items: center;}
  .thumbnail-list {
 display: flex;    justify-content: space-between;
    gap: 10px;
    margin: 15px 0;
    width: 100%;
}

.thumbnail-list img {
      width: 200px;
    height: auto;
    cursor: pointer;
    border: 1px solid rgb(31 112 193 / 30%);
    transition: border-color 0.2s;
    padding: 10px;
}

.thumbnail-list img:hover {
  border-color: #26b7ec;
}

.thumbnail-main-logo {width:150px; position: absolute;    top: 20px;    left: 20px;}
.thumbnail-main-logo img {width:100%;}

.thumbnail-main-img img {width:100%;}

.main-img {cursor:pointer;}


/*
  모달 팝업의 전체 배경 스타일
*/
.dgx-modal {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  /* 배경을 하얀색으로 변경하고 반투명도를 제거 */
  background-color: rgb(0, 0, 0, 0.8);
}

/*
  모달 창 안에 들어갈 컨테이너 (프레임 효과)
*/
.dgx-modal-content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/*
  모달 이미지 스타일
*/
.dgx-modal-content {
  /* 이미지 프레임 효과 추가 */
     
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 그림자 효과 */
  background-color: #fff; /* 이미지 뒷배경도 흰색으로 설정 */
  /* max-width: 100%;
  max-height: 100vh;  */
  width: 1100px;
  height: 700px; 

  margin: auto; /* 중앙 정렬 */
      position: relative;
  /* 마우스 커서도 포인터로 변경 */
   border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
  닫기 버튼 스타일
*/
.dgx-close-btn {
  /* 부모 요소인 dgx-modal-content-container를 기준으로 위치합니다. */
  position: absolute;
  top: 15px; /* 프레임 상단에서 약간 위로 올립니다. */
  right: 15px; /* 프레임 오른쪽에서 약간 밖으로 뺍니다. */
  color: #000; /* 흰색으로 변경하여 검은 배경에서 잘 보이게 함 */
 /*  background-color: #000; */
 /*  border-radius: 50%; */ /* 원형 버튼으로 만듭니다. */
  width: 30px;
  height: 30px;
  line-height: 30px; /* 세로 중앙 정렬 */
  text-align: center; /* 가로 중앙 정렬 */
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 101; /* 프레임보다 위에 위치하도록 z-index를 높입니다. */
}

.dgx-close-btn:hover {
/*   background-color: #555; */
}


/* 좌우 화살표 버튼 스타일 */
.dgx-prev-btn,
.dgx-next-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 25px;
  transition: 0.6s ease;
  user-select: none;
  background-color: rgba(0, 0, 0, 1);
  border: none;
  z-index: 101;
}

.dgx-prev-btn:hover,
.dgx-next-btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.dgx-prev-btn {
  left: 10%;
  border-radius: 0 3px 3px 0;
}

.dgx-next-btn {
  right: 10%;
  border-radius: 3px 0 0 3px;
}


.dgx-content-line {
  display: flex;
  align-items: top;
  gap: 60px;
  max-width: 1400px;
  margin: 0 auto; padding-bottom:40px;
}

.dgx-content-image img {
  width: 500px;
  height: auto;
 
 
}

.dgx-content-text {     justify-content: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dgx-content-text h2 {
  font-size: 36px;
  font-weight: 800;
}

.dgx-subtitle {
  font-size: 18px;
  color: #434343; padding:20px 0px 40px;
}

.dgx-subtitle2 {
  font-size: 20px;
  color: #434343; padding:20px 0px;
}

.dgx-description {
  font-size: 16px;
  color: #333;
  line-height: 1.7; text-align:left; word-break: keep-all;
      border: 1px solid #cceaff;
    border-top: 3px solid #00aceb;
   width: 100%;
    padding: 40px 20px;
}

.dgx-description h1 {font-size:22px; font-weight:600; padding-bottom:20px;     border-bottom: 1px solid #dddddd;}

.dgx-description  li{     margin-bottom: 10px; }

.dgx-buttons {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.dgx-btn-primary {
  background: #76b900;
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 0px;
  font-weight: bold;
  cursor: pointer;
}

.dgx-btn-blue {
  /* background: #182687; */
  background: #76b900;
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 0px;
  font-weight: bold;
  cursor: pointer; 
}
.mt-20 {margin-top:20px;}
.mb-40 {margin-bottom:40px;}

.detail-toggle {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.detail-toggle.open {
  max-height: 1000px; /* 충분히 큰 값으로 설정 (실제 콘텐츠보다 크게) */
}

.detail-inner {
  padding: 20px;
 /*  background: #f7f7f7;
  border: 1px solid #ccc; */
}

.dgx-btn-secondary {
  background: none;
  color: #333;
  border: 1px solid #ccc;
  padding: 12px 24px;
  border-radius: 0px;
  font-weight: bold;
  cursor: pointer;
}

.dgx-feature-area {
  background: none;
  padding: 40px 40px;
  text-align: center;     max-width: 1400px;
    margin: 0 auto;
}

.dgx-feature-area2 {
    background: none;
    padding: 20px 40px 40px;
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
}

.dgx-feature-title {
  margin-bottom: 0px;
}

.dgx-feature-sub {
  display: inline-block;
  background: #f5f5f5;
  color: #000;
  padding: 6px 30px;
  font-size: 1.5em;
  border-radius: 20px;
  margin-bottom: 10px;
}

.dgx-feature-title h2 {
  font-size: 29px;
  font-weight: bold;
  color: #111;
  margin-top: 10px;
}

.dgx-feature-grid {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  justify-content: center;
  flex-wrap: wrap;
}

.dgx-feature-card {
 /*  width: 250px; */
  height: 360px;
  /* background: #AAAAAA12; */
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.dgx-feature-card2 {
  width: 310px; 
  height: 460px;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}


.dgx-feature-card3 {
 /*  width: 250px; */
  height: auto;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.dgx-feature-card4 {
 /*  width: 250px; */
  height:360px;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}


.dgx-feature-card5 {
 /*  width: 250px; */
 width: 310px;
  height:auto;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.dgx-feature-card6 {
  width: 310px; 
  height:auto;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}


.dgx-feature-card7 {
  width: 380px; 
  height: auto;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.dgx-feature-icon {
  width: 60px;
  height: 140px;
  margin: 0 auto;
}

.dgx-feature-icon2 {
 /*  width: 60px;
  height: 140px; */ padding: 20px 0px;
  margin: 0 auto;
}

.dgx-feature-icon3 {
  /* width: 60px;
  height: 100px; */ height: 100px; width: 90px;
  margin: 0 auto;
  padding:0px 0px 20px;;
}

/* 제목(h3) 바로 위에 선 */
.dgx-feature-card h3,
.dgx-feature-card2 h3,
.dgx-feature-card3 h3,
.dgx-feature-card4 h3,
.dgx-feature-card7 h3{
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  padding-top: 40px; /* 선과 간격 주기 */
}

.dgx-feature-card5 h4{
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  padding-top: 1px; /* 선과 간격 주기 */
}

.dgx-feature-card6 h4{
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  padding-top: 1px; /* 선과 간격 주기 */
}

.dgx-feature-card h3::before,
.dgx-feature-card2 h3::before,
.dgx-feature-card3 h3::before,
.dgx-feature-card4 h3::before,
.dgx-feature-card7 h3::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #ddd;
}

.dgx-feature-card5 h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #ddd;
}

.dgx-feature-card6 h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #ddd;
}

/* 설명 텍스트 */
.dgx-feature-card p,
.dgx-feature-card2 p,
.dgx-feature-card3 p,
.dgx-feature-card4 p,
.dgx-feature-card7 p{
  font-size: 14px;
  color: #434343;
  line-height: 1.6;
  margin-top: 10px;
}


.dgx-feature-card5 p{
  font-size: 14px;
  color: #434343;
  line-height: 1.6;
  margin: 0px 20px;     padding: 20px 0px 20px;
}

.dgx-feature-card6 p {
    font-size: 14px;
    color: #434343;
    line-height: 1.6;
    margin: 0px 0px;
    padding: 20px 0px 20px;
}


.dgx-info-card_d {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0px;
  flex: 1;
  min-width: 280px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.dgx-info-card_d h3 {
  font-size: 16px;
  font-weight: 700;
}

.dgx-info-card_d p {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  text-align: left; /* padding: 30px;  */ padding: 0px 30px 30px;
}

.dgx-info-card_d img {
  width: 100%;
  height: auto;
/*   max-height: 160px; */
  object-fit: contain;
}

.dgx-feature-card:hover {
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}


.dgx-feature-grag {}
.dgx-feature-grag p {font-size:16px; text-align:center; line-height:30px; padding-top:40px; font-weight:300;}
.dgx-feature-grag img {width:763px;}


.dgx-info-area {
    background: #fff;
    padding: 100px 40px 40px;
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
  }
  .dgx-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 20px;
  }

  .dgx-info-card {
  display: flex;
  align-items: center;
  background: #f9f9f9;
  border: 1px solid #eee;
  padding: 24px;
  border-radius: 0px;
  gap: 24px;
}

  .dgx-info-card img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
  }

  .dgx-info-icon {
  width: 60px;
  height: auto;
  flex-shrink: 0;
}

.dgx-info-divider {
  width: 1px;
  height: 100px;
  background-color: #ccc;
  margin-top: 6px;
  flex-shrink: 0;
}

.dgx-info-text {
  flex: 1;     text-align: left;
}

.dgx-info-text h3 {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}

.dgx-info-text p {
  font-size: 15px;
  line-height: 1.5;
  color: #333;
}

.p_title {text-align: center;     padding-bottom: 60px;
    max-width: 1400px;
    margin: 0 auto;}

	.p_title h1 {
    font-size: 50px;
    font-weight: 800; color:#76b900;
}


.p_title h2 {
    font-size: 26px;
    font-weight: 500;
}

.p_title h3 {
    font-size: 26px;
    font-weight: 500;
	line-height:1.5;
}


@media (max-width: 1200px) {
  .nvidia-product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}


@media (max-width: 768px) {
  .img-100 {
    padding-bottom: 20px;
  }

  .green-bottom-border {
    width: 90%;
  }

  .w-70p {
    width: 90%;
  }

  .nvidia-main {
    padding-top: 60px;
  }

  .nvidia-top {
    padding: 40px 15px;
  }

  .nvidia-top h1 {
    font-size: 24px;
  }

  .nvidia-top p {
    font-size: 14px;
  }

  .nvidia-submenu {
    padding: 0px 10px;
  }

  .nvidia-submenu ul {
    gap: 15px;
    font-size: 14px;
    justify-content: flex-start;
  }

  .nvidia-submenu.sticky {
    top: 60px;
  }

  .dgx-list {
    width: 90%;
  }

  .nvidia-product-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin: 20px auto 40px;
    padding: 0 15px;
  }

  .nvidia-card-header {
    font-size: 16px;
    padding: 10px;
  }

  .nvidia-product-card img,
  .nvidia-product-card2 img {
    height: 100px;
    padding: 5px 0px;
  }

  .nvidia-card-links,
  .nvidia-card-links2,
  .nvidia-card-links3,
  .nvidia-card-links4 {
    height: auto;
    padding: 15px 10px;
    gap: 6px;
  }

  .nvidia-card-links button,
  .nvidia-card-links2 button,
  .nvidia-card-links4 button {
    width: 120px;
    height: 30px;
    font-size: 13px;
  }

  .nvidia-card-links3 button {
    width: 200px;
    height: 30px;
    font-size: 13px;
  }

  .navi-menu {
    overflow-x: auto;
    justify-content: flex-start;
  }

  .navi-menu li {
    font-size: 14px;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
  }

  .navi-menu a {
    padding: 10px 15px;
  }

  .dgx-page,
  .dgx-page2 {
    padding-top: 60px;
    padding-left: 0px;
  }

  .dgx-page2 {
    padding-bottom: 50px;
  }

  .pb100 {
    padding-bottom: 50px !important;
  }
  .pt100 {
    padding-top: 50px !important;
  }
  .mb100 {
    margin-bottom: 50px !important;
  }

  .dgx-side-menu,
  .rtx-side-menu {
    position: static;
    width: 100%;
    height: auto;
    overflow-y: visible;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    top: auto;
    left: auto;
  }

  .dgx-side-list,
  .rtx-side-list {
    margin: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .dgx-side-item,
  .rtx-sub-item {
    padding: 8px 12px;
    font-size: 12px;
    text-align: center;
    flex-basis: auto;
    border: 1px solid #ddd;
    border-radius: 20px;
  }

  .dgx-side-item::before,
  .rtx-sub-item::before {
    display: none;
  }

  .dgx-side-item.active::after,
  .rtx-sub-item.active::after {
    display: none;
  }

  .rtx-side-title {
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
  }

  .rtx-sub-list {
    padding-left: 0;
    text-align: center;
  }

  .rtx-architecture-section {
    margin: 30px auto;
    width: 95%;
  }

  .rtx-architecture-grid {
    grid-template-columns: 1fr;
    width: 95%;
  }

  .rtx-arch-card {
    padding: 12px;
  }

  .rtx-arch-title {
    font-size: 14px;
    padding: 2px 6px;
  }

  .gpu-architecture-menu {
    flex-direction: column;
    gap: 20px;
    margin: 20px auto;
    max-width: 95%;
  }

  .gpu-card h3 {
    font-size: 16px;
  }

  .gpu-card img {
    max-width: 280px;
  }

  .detail-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  .dgx-container {
    background-size: 100%;
    background-position: top center;
    min-height: 150px;
  }

  .dgx-content,
  .dgx-content-line {
    flex-direction: column;
    gap: 30px;
    max-width: 95%;
    padding-bottom: 20px;
  }

  .dgx-content-image img {
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 0 auto;
  }

  .dgx-content-text {
    gap: 15px;
  }

  .dgx-content-text h2 {
    font-size: 28px;
    text-align: center;
  }

  .dgx-subtitle,
  .dgx-subtitle2 {
    font-size: 16px;
    padding: 10px 0px 20px;
    text-align: center;
  }

  .dgx-description {
    font-size: 14px;
    text-align: center;
  }

  .dgx-description h1 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  
  
  .dgx-buttons {
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
  }

  .dgx-btn-primary,
  .dgx-btn-blue,
  .dgx-btn-secondary {
    padding: 10px 20px;
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
  }

  .dgx-feature-area,
  .dgx-feature-area2,
  .dgx-info-area {
    padding: 40px 15px 20px;
    max-width: 100%;
  }

  .dgx-feature-title {
    margin-bottom: 30px;
  }

  .dgx-feature-sub {
    font-size: 1.2em;
    padding: 4px 20px;
  }

  .dgx-feature-title h2 {
    font-size: 20px;
  }

  .dgx-feature-grid {
    flex-direction: column;
    gap: 15px;
  }

  .dgx-feature-card,
  .dgx-feature-card2,
  .dgx-feature-card3,
  .dgx-feature-card4,
  .dgx-feature-card5,
  .dgx-feature-card6,
  .dgx-feature-card7 {
    width: 100%;
    height: auto;
    padding: 15px;
  }

  .dgx-feature-icon,
  .dgx-feature-icon2,
  .dgx-feature-icon3 {
    height: auto;
    width: 50px;
    padding: 10px 0;
  }

  .dgx-feature-card h3,
  .dgx-feature-card2 h3,
  .dgx-feature-card3 h3,
  .dgx-feature-card4 h3,
  .dgx-feature-card7 h3 {
    font-size: 15px;
    padding-top: 30px;
  }

  .dgx-feature-card5 h4,
  .dgx-feature-card6 h4 {
    font-size: 15px;
  }

  .dgx-feature-card p,
  .dgx-feature-card2 p,
  .dgx-feature-card3 p,
  .dgx-feature-card4 p,
  .dgx-feature-card7 p {
    font-size: 13px;
  }

  .dgx-feature-card5 p,
  .dgx-feature-card6 p {
    margin: 0px 10px;
    padding: 10px 0px;
    font-size: 13px;
  }

  .dgx-info-card_d {
    min-width: 100%;
    padding: 15px;
  }

  .dgx-info-card_d h3 {
    font-size: 15px;
  }

  .dgx-info-card_d p {
    font-size: 14px;
    padding: 0px 15px 15px;
  }

  .dgx-spec-area {
    padding: 30px 15px;
  }

  .dgx-spec-title h1 {
    font-size: 28px;
  }

  .dgx-spec-title h2 {
    font-size: 24px;
  }

  .dgx-spec-grid {
    flex-direction: column;
    gap: 15px;
    padding: 30px 0px;
    width: 95%;
  }

  .dgx-spec-table,
  .dgx-spec-table2,
  .dgx-spec-table3,
  .dgx-spec-table4,
  .dgx-spec-table5 {
    width: 100%;
    margin: 0 auto;
  }

  .dgx-spec-table th,
  .dgx-spec-table td,
  .dgx-spec-table2 th,
  .dgx-spec-table2 td,
  .dgx-spec-table3 th,
  .dgx-spec-table3 td,
  .dgx-spec-table4 th,
  .dgx-spec-table4 td,
  .dgx-spec-table5 th,
  .dgx-spec-table5 td {
    padding: 10px;
    font-size: 13px;
    word-break: break-word;
  }

  .dgx-spec-table th,
  .dgx-spec-table3 th {
    width: 120px;
  }

  .dgx-spec-table2 td,
  .dgx-spec-table4 td {
    min-width: unset;
  }

  .dgx-spec-table5 {
    width: 95%;
  }

  .dgx-feature-grag p {
    font-size: 14px;
    padding-top: 20px;
  }

  .dgx-feature-grag img {
    width: 95%;
    height: auto;
  }

  .dgx-info-grid {
    grid-template-columns: 1fr;
  }

  .dgx-info-card {
    flex-direction: column;
    text-align: center;
    gap: 15px;
    padding: 15px;
  }

  .dgx-info-card img {
    width: 40px;
    height: 40px;
  }

  .dgx-info-icon {
    width: 50px;
  }

  .dgx-info-divider {
    display: none;
  }

  .dgx-info-text {
    text-align: center;
  }

  .dgx-info-text h3 {
    font-size: 15px;
  }

  .dgx-info-text p {
    font-size: 14px;
  }

  .p_title h1 {
    font-size: 36px;
  }

  .p_title h2 {
    font-size: 28px;
  }

  .reference-section {
    padding: 0px 15px;
  }

  .reference-title-box {
    padding: 20px 0px 15px;
  }

  .reference-title-box h3 {
    font-size: 20px;
  }

  .reference-title-box p {
    font-size: 16px;
  }

  .reference-quote-box {
    padding: 20px 15px;
    font-size: 14px;
    width: 90%;
  }

  .quote-author {
    margin-top: 10px;
    font-size: 14px;
  }

  .dgx-product-compare-table {
    font-size: 13px;
  }

  .dgx-product-compare-table th,
  .dgx-product-compare-table td {
    padding: 8px 5px;
  }

  .dgx-product-compare-table img {
    max-width: 60px;
  }

  .dgx-product-compare-table th:first-child {
    width: 100px;
  }

  .dgx-spec-table-wrapper,
  .vgpu-spec-table-wrapper,
  .vgpu-spec-table-wrapper2 {
    padding: 0 10px;
  }

  .vgpu-content-wrap {
    padding: 30px 0px;
    margin: 30px 0px;
  }

  .vgpu-content-block {
    flex-direction: column;
    gap: 20px;
    max-width: 95%;
  }

  .vgpu-content-text h2 {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
  }

  .vgpu-content-text p {
    font-size: 14px;
    text-align: center;
  }

  .vgpu-content-image img {
    max-width: 90%;
  }

  #vgpu_p1 {
    font-size: 14px;
    padding-top: 0px;
  }

  #vgpu_img {
    padding-top: 15px;
    width: 95%;
  }

  .vgpu-spec-area {
    padding: 0px 10px 0px;
  }

  .vgpu-spec-table th,
  .vgpu-spec-table td {
    line-height: 18px;
    padding: 8px 8px;
    font-size: 13px;
  }

  .vgpu-spec-table th {
    width: 60px;
  }

  .vgpu-spec-table img {
    width: 80px;
  }

  .mi {
    padding: 20px 0px 10px 0px;
    font-size: 20px;
  }

  #system_img {
    padding-top: 20px;
    width: 95%;
  }

  .nvaie-support {
    padding: 30px 15px;
    min-height: 120px;
    width: 95%;
    flex-direction: column;
    text-align: center;
  }

  .nvaie-list {
    max-width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .nvaie-list li {
    padding-left: 0;
    margin-bottom: 8px;
    font-size: 13px;
    text-align: center;
  }

  .nvaie-list li::before {
    display: none;
  }

  .nvaie-support::after {
    width: 150px;
    height: 100px;
    top: auto;
    bottom: 0;
    right: 0;
    opacity: 0.05;
  }
}