@media (max-width: 1020px) {
	/* 동적 무효전력 보상장치 (SVG, STATCOM) - PQ-STATCOMH (SVG) */
	.prd6_3 .grid-table{ grid-template-columns: repeat(1, 100%); }  
}

@media (max-width: 960px) {
  .lst_step.tpye2 ul li {
    width: 30%;
    margin-right: 5%;
  }
  .lst_step.tpye2 ul li:after {
    right: -12%;
  }
  .lst_step.tpye2 ul li:nth-child(3n) {
    margin-right: 0;
  }
  .lst_step.tpye2 ul li:nth-child(5n) {
    margin-right: 5%;
  }
  .lst_step.tpye2 ul li:nth-child(3n):after {
    display: none;
  }
  .lst_step.tpye2 ul li:nth-child(5n):after {
    display: block;
  }
  .flex.m_block {
    display: block;
  }
  .prd2_1_new .grpBox {
    width: 100%;
    margin-bottom: 30px;
  }

  .flex.w50p {
    display: block;
  }
  .flex.m_flex {
    display: flex;
  }
  .flex.w50p > * {
    width: 100%;
    margin-bottom: 30px;
  }
  .img {
    text-align: center;
  }

  .lst_feature.type2 .flex {
    display: block;
  }
  .lst_feature.type2 .flex > ul:not(:last-child) {
    margin-right: 0;
  }

  /* prd1_1 */
  .prd1_1 .half p{ margin-top: 10px; }

  /* 동적 무효전력 보상장치 (SVG, STATCOM) - HV-SVG 동적 무효전력 보상장치 */
  .prd6_1 .border{ padding: 30px; }
  .prd6_1 .img_li .border{ padding: 30px 15px; }
  .prd6_1 .half-box > div{ max-width: calc((100% - 40px) / 2); }
  .prd6_1 .half-box > div:not(:last-of-type){ margin-right: 40px; }

  /* 동적 무효전력 보상장치 (SVG, STATCOM) - PQ-STATCOMH (SVG) */
  .prd6_3 .border + p{ font-size: 15px; }

  .prd6_3 .dl-box dl > *{ padding-left: 12px; }
  .prd6_3 .dl-box.dot dl > *{ padding-left: 10px; }
  .prd6_3 .dl-box dl dt{ font-size: 15px; margin-bottom: 7px; }

  .prd6_3 .grid-gallery .border{ padding: 15px; }

  .prd6_3 table colgroup col.l{ width: 200px; }
  .prd6_3 table th, 
  .prd6_3 table td{ padding: 7px 15px; }
  .prd6_3 table thead th{ font-size: 15px; }
  .prd6_3 table tbody th, 
  .prd6_3 table tbody td{ font-size: 14px; }

  .prd6_3 .group01 .border{ padding: 0 30px; }
  .prd6_3 .group03 ul{ margin-bottom: -20px; }
  .prd6_3 .group03 ul li{ width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom: 20px; }
  .prd6_3 .group03 ul li.half{ width: calc((100% - 20px) / 2); }
  .prd6_3 .group03 ul li figure{ padding: 20px; }

  /* 응용분야 - 응용분야 */
  .applyCont .item{ width: calc((100% - 15px) / 2); }
  .applyCont .item:nth-of-type(3n){ margin-right: 15px; }
  .applyCont .item:nth-of-type(2n){ margin-right: 0; }
  .applyCont .item dl{ padding: 20px; }
  .applyCont .item dl *{ font-size: 15px; }
  .applyCont .item dl dt{ font-size: 16px; }
  .applyCont .item .icon{ bottom: 20px; right: 20px; }

	/* 응용분야 - IEEE Std. 519-2014 */
	.ieeeCont .table table th,
	.ieeeCont .table table td{ padding: 10px; }
}
@media (max-width: 850px) {
	.tb_st1 table colgroup col.th{
		width: 100px;
	}

	/* 응용분야 - 전기에너지 손실 저감 계산법 */
	.calCont br{ display: none; }
}
@media (max-width: 640px) {
  .img_st1 ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .img_st1 ul li {
    max-width: 250px;
    margin-bottom: 20px;
    width: 48%;
    margin-right: 4% !important;
  }
  .img_st1 ul li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .lst_step.tpye2 ul li {
    width: 49%;
    margin-right: 2%;
  }

  .lst_step.tpye2 ul li:nth-child(5n),
  .lst_step.tpye2 ul li:nth-child(3n) {
    margin-right: 2%;
  }
  .lst_step.tpye2 ul li:nth-child(2n) {
    margin-right: 0;
  }

  .controls_box br {
    display: none;
  }
  .controls_box .hmi {
    margin-bottom: 30px;
  }
  .controls_box > .flex {
    display: block;
  }
  .controls_box > .flex > * {
    width: 100% !important;
  }

  /* 동적 무효전력 보상장치 (SVG, STATCOM) - HV-SVG 동적 무효전력 보상장치 */
  .prd6_1 .title1{ margin-bottom: 20px; }
  .prd6_1 .border{ padding: 20px; }
  .prd6_1 .blue{ margin-top: 10px; }
  .prd6_1 .img_li .border{ padding: 15px 5px; }
  .prd6_1 .half-box > div{ max-width: calc((100% - 20px) / 2); }
  .prd6_1 .half-box > div:not(:last-of-type){ margin-right: 20px; }

   /* 동적 무효전력 보상장치 (SVG, STATCOM) - PQ-STATCOMH (SVG) */
   .prd6_3 .title1{ margin-bottom: 20px; }
   .prd6_3 .border + p{ font-size: 14px; }

   .prd6_3 table colgroup col.l{ width: 120px; }
   .prd6_3 table colgroup col.m{ width: 80px; }
   .prd6_3 table colgroup col.s{ width: 70px; }

   .prd6_3 .grid-table table td{ padding-block: 10px; }
   .prd6_3 .grid-table table thead th{ padding-inline: 7px; }

   .prd6_3 .grid-gallery .border{ padding: 10px; }
   .prd6_3 .grid-gallery ul{ margin: -10px -5px; }
   .prd6_3 .grid-gallery ul li{ margin: 10px 5px; }

    .prd6_3 .group01 .border{ padding: 0 15px; }
	.prd6_3 .group03 ul li{ width: calc((100% - 20px) / 3); margin-right: 10px; }
	.prd6_3 .group03 ul li.half{ width: calc((100% - 10px) / 2); }
	.prd6_3 .group03 ul li figure{ padding: 10px; }

   /* 응용분야 - 응용분야 */
   .applyCont .item{ height: auto !important; }
   .applyCont .item dl{ padding: 15px; padding-bottom: 60px; }
   .applyCont .item dl *{ font-size: 14px; }
   .applyCont .item dl dt{ font-size: 15px; }

   /* 응용분야 - IEEE Std. 519-2014 */
	.ieeeCont .sec:not(:last-of-type){ margin-bottom: 50px; }
	.ieeeCont .title1{ margin-bottom: 20px; }
	.ieeeCont .table table th,
	.ieeeCont .table table td{ padding: 10px 5px; }
	.ieeeCont .table table td{ font-size: 13px; }

	.ieeeCont .add{ margin-top: 20px; }
	.ieeeCont .add dl dt{ margin-bottom: 15px; }

	/* 응용분야 - 전기에너지 손실 저감 계산법 */
	.calCont .sec:not(:last-of-type){ margin-bottom: 50px; }
	.calCont .title1{ margin-bottom: 15px; }

	.calCont .formula{ margin: 20px 0; }

	.calCont .graph .inner{ gap: 10px 20px; }
	.calCont .graph .text{ width: 100%; text-align: center; }

	.calCont .graph02 .border{ margin: 20px 0 10px; }
	.calCont .graph02 .inner > div{ max-width: calc((100% - 20px) / 2); }
	.calCont .graph02 > p{ margin-bottom: 20px; }
}

@media (max-width: 499px){
	/* 동적 무효전력 보상장치 (SVG, STATCOM) - PQ-STATCOMH (SVG) */
	.prd6_3 table colgroup col.l{ width: 100px; }
	.prd6_3 table colgroup col.m{ width: 40%; }
	.prd6_3 table colgroup col.s{ width: 35%; }
	.prd6_3 table th{ padding-inline: 10px; }
	.prd6_3 table td{ padding-inline: 12px; }

	.prd6_3 .grid-table table th, 
	.prd6_3 .grid-table table td{ font-size: 13px; padding-inline: 5px; }
	.prd6_3 .grid-table table thead th{ font-size: 14px; }
	.prd6_3 .grid-table br.m{ display: block; }
}