.lightning-h2 {font-size:30px; margin:80px;0; color:#fff; font-weight:700}
	.lightning-tit-h2 {font-size:18px; color:#222; font-weight:400; text-align:left; text-indent:-20px;}
	#lightning {border-bottom:1px solid #ddd;}
	#lightning .container {padding: 100px 0 0 0;}
	.content {margin-top:-35px; margin-bottom:100px;}
	
/*--------------------------------------------------------------
# 피뢰시스템
--------------------------------------------------------------*/
.lightning .section-lightning-title h2 {color: var(--accent-color); font-size: 48px; text-align:center; font-weight:bold;}
.lightning .content .lightning-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;}
.lightning .content .lightning-item .number {position: absolute; right: 10px; top: 10px; font-weight: 400; color: color-mix(in srgb, var(--default-color), transparent 80%);}
.lightning .content .lightning-item .lightning-item-icon {position: relative; margin-bottom: 20px; color: var(--accent-color);}
.lightning .content .lightning-item .lightning-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;}
.lightning .content .lightning-item .lightning-item-icon>span {color: var(--default-color); font-size: 4rem;}
/* .lightning .content .lightning-item .lightning-item-content .lightning-heading {font-size: 20px; color: var(--default-color); font-weight: 700; text-align:center;}
.lightning .content .lightning-item .lightning-item-content p {font-size: 15px; text-align:center;} */
.lightning .content .lightning-item-content .lightning-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 #0a71a6; vertical-align:middle;}
.lightning .content .lightning-item-content p  {color:#ffffff; text-align:center; padding:10px 0 7px 0; margin:0 auto; vertical-align:middle;}
.lightning .content .lightning-item-content-C p {color:#ffffff; text-align:center; padding:10px 0 7px 0; margin:0 auto; vertical-align:middle;}
.lightning .content .lightning-item-content-C-1 p {color:#ffffff; text-align:center; padding:10px 0 7px 0; margin:0 auto; vertical-align:middle;}

 .grounding .content .grounding-item {padding: 0 30px 0 30px;}
 .grounding-heading2 {color:#222222; font-size:24px; font-weight:700; padding-top:10px; padding-bottom:5px; margin-left:5px; text-align:center;}

.lightning-height {height:70px;}
.lightning-height-2 {height:50px;}
.lightning-height-3 {height:40px;}
.grounding-heading2-com {color:#ffffff; font-size:24px; font-weight:700; padding:10px 0; text-align:center; background-color:#a550ab; border-radius: 40px; vertical-align:middle;}
.grounding-heading2 {color:#ffffff; font-size:24px; font-weight:700; padding:10px 0; text-align:center; background-color:#a550ab; border-radius: 40px; vertical-align:middle; margin-top:-40px;}
.lightning-item-content {width:97.4%; background-color:#888888; margin:-10px auto 0 auto; vertical-align:middle;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);}
.lightning-item-content-C {width:98.8%; background-color:#888888; margin:-10px auto 0 auto; vertical-align:middle;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);}
.lightning-item-content-C-1 {width:96.5%; background-color:#888888; margin:-10px auto 0 auto; vertical-align:middle;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);}



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

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

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