@charset "utf-8";
.staff {position:relative;}


/** 이미지 텍스트 */
 
  ul.people_ul {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
  ul.people_ul li {width:calc(50% - 20px); margin:0 10px 20px; padding:40px 30px; border:1px solid #ddd; border-radius:10px; }
  ul.people_ul li:hover { border:1px solid #f5aa00; }
  ul.people_ul li .people {display:flex;}
  ul.people_ul li .list_img {width:180px; padding-right:30px; }
  ul.people_ul li .list_img img {width:100%; height:100%; object-fit: cover; border:1px solid #f6f6f6; }
  ul.people_ul li .list_cont {width:calc(100% - 180px); padding-top:5px; }
  ul.people_ul li .list_cont .name {border-bottom:1px solid #ddd;}
  ul.people_ul li:hover .list_cont .name {color:#f5aa00;}

  ul.people_ul li .list_cont .info {}
  ul.people_ul li .list_cont .info .bullet{position:relative; padding:3px 0 3px 12px;}

  ul.people_ul li .list_cont .info .bullet::before {content:""; position:absolute; top:10px; left:0; width:5px; height:5px; background-color:#a5a5a5; }
@media screen and (max-width:1024px){
  .people_wrap .people_ulWrap {margin:0;}
  .people_wrap ul.people_ul li {width:100%; margin:0 0 20px; }
}
@media screen and (max-width:960px){
  ul.people_ul li {width:100%; margin:0 0 20px; }
}
@media screen and (max-width:768px){

}

@media screen and (max-width:560px){
  ul.people_ul li {padding:20px 15px;}
  ul.people_ul li .list_img {width:150px; }
  ul.people_ul li .list_cont {width:calc(100% - 150px); }
  ul.people_ul li .list_cont .info .item.pdbttm10 {padding-bottom: 5px;}
  
}
@media screen and (max-width:480px){
  .people_wrap ul.people_ul li .people {flex-wrap:wrap;}
  ul.people_ul li .list_cont {width:100%; padding-top:15px; }
}