.grounding-h2 {font-size:30px; margin:80px;0; color:#fff; font-weight:700}
	.grounding-tit-h2 {font-size:18px; color:#222; font-weight:400; text-align:left; text-indent:-20px;}
	#grounding {border-bottom:1px solid #ddd;}
	#grounding .container {padding: 100px 0 0 0;}
	.content {margin-top:-35px; margin-bottom:100px;}
	
/*--------------------------------------------------------------
# Grounding System 접지시스템
--------------------------------------------------------------*/
.grounding .section-grounding-title h2 {color: var(--accent-color); font-size: 48px; text-align:center; font-weight:bold;}
.grounding .content .grounding-item {background-color: var(--surface-color); padding: 20px 30px 0 30px; border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); margin:5px; position: relative;}
.grounding .content .grounding-item .number {position: absolute; right: 10px; top: 10px; font-weight: 400; color: color-mix(in srgb, var(--default-color), transparent 80%);}
.grounding .content .grounding-item .grounding-item-icon {position: relative; margin-bottom: 20px; color: var(--accent-color);}
.grounding .content .grounding-item .grounding-item-icon:before {position: absolute; content: ""; transform: rotate(45deg); z-index: -1; left: -20px; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid var(--accent-color); display: none;}
.grounding .content .grounding-item .grounding-item-icon>span {color: var(--default-color); font-size: 4rem;}
/* .grounding .content .grounding-item .grounding-item-content .grounding-heading {font-size: 20px; color: var(--default-color); font-weight: 700; text-align:center;}
.grounding .content .grounding-item .grounding-item-content p {font-size: 15px; text-align:center;} */
.grounding .content .grounding-item-content .grounding-heading {font-size: 20px; color: var(--default-color); font-weight: 700; text-align:center; width:70%; text-align:center; padding:5px 0; margin:20px auto 10px auto; border-radius: 50px; border:2px solid #cf5902; vertical-align:middle;}
.grounding .content .grounding-item-content p {font-size: 16px; text-align:center; padding:10px 0; line-height:150%; vertical-align:middle;}

.grounding-height {height:80px;}
.grounding-height-2 {height:50px;}
.grounding-height-3 {height:40px;}
.grounding-heading2-com {color:#ffffff; font-size:24px; font-weight:700; padding:10px 0; text-align:center; background-color:#176eb8; border-radius: 40px; vertical-align:middle;}
.grounding-heading2 {color:#ffffff; font-size:24px; font-weight:700; padding:10px 0; text-align:center; background-color:#176eb8; border-radius: 40px; vertical-align:middle; margin-top:-40px;}
.grounding-item-content {background-color:#888888; text-align:center; vertical-align:middle; box-shadow: 0 1px 1px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.20), 0 4px 4px rgba(0,0,0,0.15), 0 8px 8px rgba(0,0,0,0.10), 0 16px 16px rgba(0,0,0,0.05);}
.grounding-item-icon {margin-top:50px; padding-bottom:50px;}
.grounding-item-content {width:97.4%; color:#ffffff; text-align:center; margin:-10px auto 0 auto; vertical-align:middle;}

.container .grounding-heading2-0 {color:#ffffff; font-size:24px; font-weight:700; padding:10px 0; text-align:center; background-color:#176eb8; border-radius: 40px; vertical-align:middle;}
.grounding-item-content-B {text-align:center; vertical-align:middle; margin-top:-10px;}
.container .grounding-heading2-C {color:#ffffff; font-size:24px; font-weight:700; padding:10px 0; text-align:center; background-color:#176eb8; border-radius: 40px; vertical-align:middle;}

.grounding .content .grounding-item-content-mesh span {font-size: 18px; text-align:center; padding:10px 0; line-height:150%; vertical-align:top;}







 /* 접지방법 - B */
	 .table th {background-color:#666666; border:1px solid #fff; text-align:center; color:#fff; font-size:15px;}
	 .table td {text-align:center;}
	 .table tbody {border-bottom:2px solid #666666;}
	  .table {margin-bottom:100px;}

	 .container-fluid {padding-right: calc(var(--bs-gutter-x) * .2); padding-left: calc(var(--bs-gutter-x) * .2);}



@media (min-width: 769px) {
  .grounding .content [class^=col-]:nth-child(4n+4) .grounding-item {border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
  .grounding .content [class^=col-]:nth-last-child(-n+4) .grounding-item {border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
  #grounding .container {padding: 50px 0 0 0;}
  .content {margin-top:-25px;}
  .grounding .section-grounding-title h2 {font-size: 36px}
  .grounding .content .grounding-item .grounding-item-icon img {width: 100%; height:100%;}
}

@media (max-width: 768px) {
  .grounding .content [class^=col-]:nth-child(2n+2) .grounding-item {border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
  .grounding .content [class^=col-]:last-child .grounding-item,
  .grounding .content [class^=col-]:nth-last-child(2) .grounding-item {border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
   #grounding .container {padding: 50px 0 0 0;}
  .content {margin-top:-25px;}
  .grounding .section-grounding-title h2 {font-size: 36px}
  .grounding .content .grounding-item .grounding-item-icon img {width: 100%; height:100%;}
}

@media (max-width: 576px) {
  .grounding .content [class^=col-] .grounding-item {border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); margin-bottom: 10px;}
  #grounding .container {padding: 50px 0 0 0;}
  .content {margin-top:-25px;}
  .grounding .section-grounding-title h2 {font-size: 33px}
  .grounding .content .grounding-item .grounding-item-icon img {width: 100%; height:100%;}
}