#job {width:100%; margin:0 auto; overflow:hidden;}
#job img {vertical-align: top}
#job .header1 {font-size:25px; font-weight:500; margin-top:70px; text-align:center }
#job p.txtP { padding-bottom:20px; font-size:20px;  line-height:35px; }
#job div.icoBox {overflow:hidden; margin:70px 0 0px 0;}
#job div.icoBox section {padding:35px 35px 40px 250px;  width:100%; border-top:0px solid #efefef; border-radius:20px;
 box-sizing:border-box; float:left; background-repeat:no-repeat; background-position:100px center }
#job div.icoBox section:nth-child(odd) {background-color:#f2f2f2;}
#job div.icoBox section.ico1 {background-image:url("../img/ico11.png")}
#job div.icoBox section.ico2 {background-image:url("../img/ico22.png")}
#job div.icoBox section.ico3 {background-image:url("../img/ico33.png")}
#job div.icoBox section.ico4 {background-image:url("../img/ico4.png")}
#job div.icoBox section.ico5 {background-image:url("../img/ico5.png")}
#job div.icoBox section.ico6 {background-image:url("../img/ico6.png")}
#job div.icoBox section.ico7 {background-image:url("../img/ico7.png")}
#job div.tit {font-size:22px; padding-bottom:10px; font-weight:600;}
#job div.tit span {color:#ed1c24;}
#job div.txt {font-size:18px; }
#job div.txt span{font-size:18px; display:block; }
#job div.icoBox3 div.txt {font-size:16px; line-height:26px; }

 
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#job div.icoBox section {padding:30px 5px 40px 115px;}	
#job div.txt span{font-size:15px; display:block; padding:3px 0 }
#job div.tit {font-size:18px; padding-bottom:5px; line-height:22px;}
#job div.txt {font-size:14px; }
#job div.icoBox section {padding:15px 15px 15px 80px;  width:100%; border-top:0px solid #efefef; border-radius:20px;
 box-sizing:border-box; float:left; background-repeat:no-repeat; background-position:10px center; 
 background-size:60px;  }
}
@media (max-width: 768px) {	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}



/*내가 추가함 2×2 반응형 그리드 */
#job .gridBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 30px;
}

#job .gridItem {
  background: #fff;
  padding: 20px 25px;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  font-size: 17px;
  line-height: 1.6;
}

/* 반응형 (태블릿 이하에서 1열로 전환) */
@media (max-width: 1023px) {
  #job .gridBox {
    grid-template-columns: 1fr;
  }
}