#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 {overflow:hidden; margin:40px 0 60px 0;}
#service section {padding:170px 35px 40px 35px; text-align:center; border:1px solid #dfdfdf; margin:1% 1%; width:31%;
 box-sizing:border-box; min-height:320px; float:left; }
#service section.ico1 {background:url("../img/img1.png")no-repeat center 40px;}
#service section.ico2 {background:url("../img/img2.png")no-repeat center 40px;}
#service section.ico3 {background:url("../img/img3.png")no-repeat center 40px;}
#service section.ico4 {background:url("../img/img4.png")no-repeat center 40px;}
#service section.ico5 {background:url("../img/img5.png")no-repeat center 40px;}
#service section.ico6 {background:url("../img/img6.png")no-repeat center 40px;}
#service div.tit {font-size:20px; padding-bottom:20px;}    /*  제목 크기 */
#service div.txt {font-size:15px; }    /*  본문(텍스트) 크기 */






#service .txt ul {
  text-align: left;
  list-style-position: outside;
  padding-left: 20px;
  margin: 0;
}

#service .icoBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  
}


/* 하단 버튼 행 */
.button-row {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 40px auto;
  flex-wrap: wrap;
}



.service-btn {
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  padding: 14px 24px;
  border-radius: 30px;
  font-size: 16px;
  color: #333;
  transition: all 0.3s ease;
  min-width: 220px;
  text-align: center;
  text-decoration: none;
}

.service-btn:hover {
  background-color: #333;
  color: #fff;
}

.service-btn .detail {
  display: block;
  font-size: 13px;
  color: #888;
  margin-top: 4px;
}





/* 버튼 스타일 */
.service-btn {
  display: inline-block;
  padding: 14px 28px;
  font-size: 15px;
  background-color: #f0f0f0; !important;
  color: #333; !important;
  border-radius: 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid #ccc;
  min-width: 220px;
}

.service-btn:hover {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

.service-btn .detail {
  display: block;
  font-size: 13px;
  color: #999;
  margin-top: 4px;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
  .button-row {
    flex-direction: column;
    align-items: center;
  }

  .service-btn {
    width: 100%;
    max-width: 300px;
  }
}




/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service {width:100%; }	
#service div.icoBox {padding:0 15px;}
}
@media (max-width: 768px) {
#service section {width:100%;  margin:2% 0%;}	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}