*---------------------------------------
  SERVICE SECTION (2x2 layout)
-----------------------------------------*/
#service {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

#service p.txtP {
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 35px;
}

#service .sub_txt01 {
  padding: 0 10px;
}

/* 아이콘 카드 컨테이너 */
#service div.icoBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;   /* 왼쪽부터 정렬 */
  gap: 32px 2%;                  /* 세로 32px, 가로 2% 간격 */
  margin: 40px 0 60px 0;
  box-sizing: border-box;
}

/* 카드 개별 섹션 */
#service section {
  flex: 0 0 calc(50% - 1%);      /* 한 줄에 2개 */
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  padding: 170px 35px 40px 35px;
  text-align: center;
  min-height: 320px;
  background-repeat: no-repeat;
  background-position: center 40px;
  margin: 0;                     /* 여백은 gap으로 통일 관리 */
}

/* 아이콘 이미지 설정 */
#service section.ico1 {background-image: url("../img/img111.png");}
#service section.ico2 {background-image: url("../img/img222.png");}
#service section.ico3 {background-image: url("../img/img333.png");}
#service section.ico4 {background-image: url("../img/img444.png");}
#service section.ico5 {background-image: url("../img/img5.png");}
#service section.ico6 {background-image: url("../img/img6.png");}

/* 텍스트 스타일 */
#service div.tit {
  font-size: 20px;
  padding-bottom: 20px;
}

#service div.txt {
  font-size: 14px;
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
  #service {width:100%; }	
  #service div.icoBox {padding:0 15px;}
}

@media (max-width: 768px) {
  #service div.icoBox {
    gap: 16px 0;                /* 세로 여백만 유지 */
  }
  #service section {
    flex: 0 0 100%;             /* 한 줄에 1개 */
    margin: 2% 0;
  }
}

@media (max-width: 640px) {}
@media (max-width: 480px) {}
@media (max-width: 320px) {}