@charset "UTF-8";
.sub_banner_bg {
    background: url(/resources/brandsite/img/company/staff_banner.png) !important;
}
.staffWrap{
	margin: 72px auto;
}
.staff_list{
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.staff_box{
	width: calc(100%/2 - 18px);
	margin-bottom: 36px;
	overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: solid 2px #f1f1f1;
    border-radius: 10px;
}
/* .staff_box:nth-last-child(1), */
/* .staff_box:nth-last-child(2){ */
/* 	margin-bottom: 0; */
/* } */
.staff_box.staff_mb0{
	margin-bottom: 0;
}
.staff_imgBox{
	padding-top: 24px;
    width: 40%;
    box-sizing: border-box;
}
.staff_img {
    width: 70%;
    margin: 0 auto;
    display: block;
    filter: grayscale(1);
}
.staff_box:hover .staff_img{
	filter: grayscale(0);
}
.staff_info{
	width: 60%;
    padding: 24px;
    color: #555;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.staff_name{
	font-size: 16px;
}
.staff_part{
    font-size: 13px;
	margin: 24px 0;
}
.staff_part span{
	display: block;
}
.staff_part span:last-child{
	margin-top: 5px;
}
.staff_comment{
	font-size: 14px;
	line-height: 1.4;
}
.staff_bottomWrap{
	margin-top: 72px;
}
.staff_bottomTxt{
	font-size: 15px;
    font-weight: 600;
    text-align: center;
	color: #83A8DD;
}

/* 반응형 */
@media screen and (max-width:1200px){
	.staff_list {
    padding: 0 36px;
	}
}
@media screen and (max-width:1080px){
	.staff_img {
    width: 80%;
	}
}
@media screen and (max-width:980px){
	.staff_name {
    font-size: 15px;
	}
	.staff_part {
    font-size: 12px;
    margin: 18px 0;
	}
	.staff_comment {
    font-size: 13px;
	}
	.staff_box {
    width: calc(100%/2 - 16px);
    margin-bottom: 32px;
	}
}
@media screen and (max-width:860px){
	.staff_img {
    width: 85%;
	}
}
@media screen and (max-width:834px){
	.staff_box {
    width: calc(100%/2 - 12px);
    margin-bottom: 25px;
	}
	.staffWrap {
    margin: 50px auto;
	}
	.staff_imgBox {
    padding-top: 16px;
	}
	.staff_part {
    margin: 14px 0;
	}
	.staff_part span:last-child {
    margin-top: 0px;
	}
	.staff_info {
    padding: 16px;
    }
    .staff_bottomWrap{
	margin-top: 50px;
	}
}
@media screen and (max-width:780px){
	.staff_imgBox {
    margin-right: 16px;
    width: calc(40% - 16px);
	}
	.staff_info {
    width: 60%;
	}
}
@media screen and (max-width:768px){
	.staff_list {
    width: 80%;
    align-items: stretch;
    padding: 0;
	}
/* 	.staff_box:nth-last-child(1), */
/* 	.staff_box:nth-last-child(2){ */
/* 		margin-bottom: 0px; */
/* 	} */
	.staff_box{ 
    flex-direction: column;
    justify-content: start;
	}
	.staff_imgBox {
    padding: 18px 0 0;
    margin-right: 0;
    width: 100%;
	}
	.staff_img {
    width: 80%;
	}
	.staff_info {
    width: 100%;
    padding: 18px;
}
	.staff_name {
    font-size: 16px;
	}
	.staff_part {
    font-size: 13px;
    margin: 24px 0;
	}
	.staff_comment {
    font-size: 14px;
	}
}
@media screen and (max-width:600px){
	.staff_bottomTxt{
	font-size: 14px;
	}
	.staff_list {
    width: 85%;
	}
	.staff_comment {
    font-size: 2.4vw;
	}
	.staff_part {
    font-size: 2vw;
    margin: 16px 0;
	}
	.staff_name {
    font-size: 2.8vw;
	}
	.staff_banner span{
	display: block;
	}
}
@media screen and (max-width:540px){
	.staff_img {
    width: 70%;
	}
}
@media screen and (max-width:470px){
	.staff_list {
    width: 90%;
	}
	.staff_img {
    width: 70%;
	}
}
@media screen and (max-width:414px){
	.staff_box {
    width: calc(100%/2 - 6px);
    margin-bottom: 12px;
	}
	.staff_info {
    width: 100%;
    padding: 16px;
	}
	.staff_bottomTxt{
	font-size: 12px;
	}
}
@media screen and (max-width:390px){
	.staff_part {
    font-size: 2vw;
    margin: 10px 0;
	}
	.staff_name {
    font-size: 3vw;
	}
}
@media screen and (max-width:375px){
	.staff_imgBox {
    padding: 14px 0 0;
	}
}
@media screen and (max-width:280px){
	.staff_box {
    width: 100%;
    margin-bottom: 16px;
 	}
 	.staff_img {
    width: 65%;
	}
 	.staff_list {
    width: 80%;
	}
	.staff_info {
    padding: 20px;
	}
	.staff_box:nth-last-child(2) {
	    margin-bottom: 16px !important;
	}
	.staff_name {
	    font-size: 5vw;
	}
	.staff_part {
	    font-size: 4vw;
	}
	.staff_comment {
	    font-size: 4.4vw;
	}
}