@charset "utf-8";


#member_list_02 {max-width: 90%; margin: auto;}
#member_list_02 .member_list_box{width: 25%;overflow: hidden;padding: 12px; border: 1px solid #f7fdfd; display: inline-block;transition: 0.2s;/* background: #fff; */}
#member_list_02 .member_list_box:hover {border: 1px solid #546f87;}

#member_list_02 div { width: 500px; margin: 0 auto; overflow: auto; }
#member_list_02 ul {list-style-type: none;/* display: inline-flex; */width: 100%;margin-top: 10px;}
#member_list_02 .imgbox li {float:left;border:1px solid #ccc;padding:3px;margin: 0 15px 0 0;}
#member_list_02 li img {float: left;-moz-transition: box-shadow 0.5s ease;-o-transition: box-shadow 0.5s ease;-ms-transition: box-shadow 0.5s ease;width: 100%;object-fit: cover;}

#member_list_02 .list_txt {font-size: 22px;margin-top: 3%;padding-bottom: 3%;color: #4b6b94;border-bottom: 1px solid;font-family: 'Aggravo';font-weight: 500;}
#member_list_02 p {font-size: 13px;color: #9f9f9f;letter-spacing: -0.5px;}
#member_list_02 .list_info {font-size: 13px;margin-top: 4%;line-height: 2;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';color: #656565;display: flex;}
#member_list_02 .list_info li {padding-right: 15px;}
#member_list_02 .list_img{width: 100%;height: 250px;background-repeat:no-repeat;background-position:center;background-size:cover;}


#member_list_02  .list_cate{display:inline-block;padding:4px 12px;margin: 8px 0;background: #8e8ca3;color:#fff;font-size: 18px;font-weight:600;border-radius:20px;width: 140px;text-align: center;}


@media all and (max-width : 1366px){
	
	#member_list_02 .list_img{height: 185px;}
	
}

@media all and (max-width : 1025px){
	
	#member_list_02{max-width: 95%;}
	
	#member_list_02 .member_list_box{padding: 10px;}
	#member_list_02 .list_txt{/* font-size: 18px; */margin-top: 0;} #member_list_02 .list_info{font-size: 11.5px;}
	
}

@media all and (max-width : 950px){
	
	#member_list_02 ul{display: inline-flex;}
	#member_list_02 .member_list_box{width: 33%;}
	
}

@media all and (max-width : 650px){
	
	#member_list_02 .member_list_box{width: 50%;}
	#member_list_02 .list_img{height: 250px;}
	
	#member_list_02 p {font-size: 10px; letter-spacing: -0.25px;}
}

@media all and (max-width : 555px){
	
	#member_list_02 .list_img{height: 150px;}
	#member_list_02 .member_list_box{padding: 4px;}
	
	
}