@media only screen and (max-width: 767px) {

/*탭메뉴*/
    .tab_member_wrap {width:100%; float:left; margin-bottom:30px;}
    .tab_member { border: 1px solid #ccc; border-width: 1px 0px 0px 0px; box-sizing:border-box; }
    .tab_member li { float:left; width:calc(100%/ 2); padding: 8px 0; text-align: center; 
	border: 1px solid #ccc; border-width: 0 1px 1px 1px; box-sizing:border-box;  }
    .tab_member li:last-child { }
    .tab_member li a {display: block; width: 100%; color: #555555; font-size: 16px; font-weight: 400;}
    .tab_member .on {background-color:#2f3b55;}
    .tab_member .on a {color:#fff;}

/*멤버*/
.mb_con_wrap { float:left; width:100%; margin-top:0px; }
.mb_con_wrap ul li { float:left;  width:calc(100%/2);  padding:3% 1.5%; }
.mb_con .le { float:left; width:100%;  }
.mb_con .ri { float:right;  width:100%; height:35vh; }

.mb_con .le img { width:100%; }
.mb_con .ri .tit { float:left; width:100%; margin:20px 0 15px 0; padding:0px 0 15px 0;  border-bottom:1px solid #ccc;
font-size:20px; font-weight:600; color:#000; line-height:22px; text-align:center;  }
.mb_con .ri .tit span { font-size:13px; font-weight:400; color:#555;  }
.mb_con .ri .txt dl dd { float:left; width:100%;  
background:url('/images/new/member_jo.png') no-repeat 3px 7px; padding:3px 0 3px 17px;
font-size:14px;
}

.mb_btn {  float:left; width:100%;  margin-top:10px; text-align:center; }
.mb_btn a { display:block; width:100px; background:#2f3b55; padding:5px 0; margin:0 auto;
font-size:13px; color:#fff; text-align:center; border-radius:5px; transition: all ease 0.3s; }
.mb_btn a:hover { background:#000; }

}

@media only screen and (min-width: 768px) and (max-width: 1400px) {

/*탭메뉴*/
    .tab_member_wrap {width:100%; float:left; margin-bottom:30px;}
    .tab_member {display: flex; justify-content: center;}
    .tab_member li {width: 180px; padding: 10px 0; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
    .tab_member li:last-child {border-right: 1px solid #ccc;}
    .tab_member li a {display: block; width: 100%; color: #555555; font-size: 16px; font-weight: 400;}
    .tab_member .on {background-color:#2f3b55;}
    .tab_member .on a {color:#fff;}

/*멤버*/
.mb_con_wrap { float:left; width:100%; margin-top:10px; }
.mb_con_wrap ul li { float:left;  width:calc(97%/2);  padding:1.5%; }
.mb_con .le { float:left; width:40%;  }
.mb_con .ri { float:right;  width:55%; height:35vh; }

.mb_con .le img { width:100%; }
.mb_con .ri .tit { float:left; width:100%; margin:20px 0 15px 0; padding:0px 0 15px 0;  border-bottom:1px solid #ccc;
font-size:22px; font-weight:600; color:#000; line-height:22px;  }
.mb_con .ri .tit span { font-size:13px; font-weight:400; color:#555;  }
.mb_con .ri .txt dl { float:left; width:100%;   }
.mb_con .ri .txt dl dd { float:left; width:100%; 
background:url('/images/new/member_jo.png') no-repeat 3px 7px; padding:3px 0 3px 17px;
font-size:14px;
}

.mb_btn {  float:left; width:100%;  margin-top:20px;  }
.mb_btn a { display:block; width:100px; background:#2f3b55; padding:5px 0; 
font-size:13px; color:#fff; text-align:center; border-radius:5px; transition: all ease 0.3s; }
.mb_btn a:hover { background:#000; }


}

@media only screen and (min-width: 1400px) {

/*탭메뉴*/
    .tab_member_wrap {width:100%; float:left; margin-bottom:30px;}
    .tab_member {display: flex; justify-content: center;}
    .tab_member li {width: 180px; padding: 10px 0; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
    .tab_member li:last-child {border-right: 1px solid #ccc;}
    .tab_member li a {display: block; width: 100%; color: #555555; font-size: 17px; font-weight: 400;}
    .tab_member .on {background-color:#2f3b55;}
    .tab_member .on a {color:#fff;}

/*멤버*/
.mb_con_wrap { float:left; width:100%; margin-top:30px; }
.mb_con_wrap ul li { float:left;  width:calc(97%/2);  padding:1.5%; }
.mb_con .le { float:left; width:40%;  }
.mb_con .ri { float:right;  width:55%;  }

.mb_con .le img { width:100%; }
.mb_con .ri .tit { float:left; width:100%; margin:20px 0 15px 0; padding:0px 0 15px 0;  border-bottom:1px solid #ccc;
font-size:24px; font-weight:600; color:#000; line-height:22px;  }
.mb_con .ri .tit span { font-size:15px; font-weight:400; color:#555;  }
.mb_con .ri .txt dl dd { float:left; width:100%;  
background:url('/images/new/member_jo.png') no-repeat 3px 10px; padding:5px 0 5px 17px;
font-size:15px;
}

.mb_btn {  float:left; width:100%;  margin-top:20px;  }
.mb_btn a { display:block; width:100px; background:#2f3b55; padding:5px 0;
font-size:14px; color:#fff; text-align:center; border-radius:5px; transition: all ease 0.3s; }
.mb_btn a:hover { background:#000; }

}




@media only screen and (max-width: 640px) {

/*멤버 - 뷰페이지*/
.mbv_top { float:left; width:100%; background:#dde3ef; padding:15px 0; border-radius:30px 30px 0 0; }
.mbv_top ul li { font-size:24px; font-weight:600; color:#000; text-align:center;  }

.mbv_con { float:left; width:100%; margin:50px 0 0 0; }
.mbv_con .le { float:left; width:100%;  }
.mbv_con .le img { width:100%; }
.mbv_con .ri { float:right; width:100%;  }
.mbv_con .ri .name {  float:left; width:100%; margin:30px 0 0px 0; 
font-size:24px; font-weight:600; color:#000; line-height:22px; text-align:center;  }
.mbv_con .ri .name span { font-size:14px; font-weight:400; color:#555;   }

/*학력 경력*/
.mbv_career { float:left; width:100%; margin-top:50px; }
.mbv_career h3 { float:left; width:100%; border-bottom:1px solid #2f3b55; padding-bottom:5px;  margin-bottom:15px;
font-size:18px; font-weight:500; color:#2f3b55;    }
.mbv_career h3 img { width:30px; margin:-5px 5px 0 0; vertical-align:middle;  }


.tbl_mbv { width:100%; }
.tbl_mbv tbody tr th { font-size:14px; font-weight:400; color:#000; text-align:center; 
background:#f4f4f4; border-bottom:5px solid #fff; border-radius:10px; }
.tbl_mbv tbody tr td { font-size:15px; font-weight:400; color:#555; text-align:left; padding:5px 10px; }

.mbv_btn { float:left; width:100%; margin:60px 0 0 0; padding:30px 0 0 0; text-align:center; border-top:1px solid #2f3b55; }
.btn_mbv_list { display:inline-block; *zoom:1; *display:inline; width:100px; height:40px; line-height:40px; background:#2f3b55; font-size:15px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer; transition: all ease 0.3s; }
.btn_mbv_list:hover { color:#fff; text-decoration:none; background:#000; }


}

@media only screen and (min-width: 641px) {

/*멤버 - 뷰페이지*/
.mbv_top { float:left; width:100%; background:#dde3ef; padding:15px 0; border-radius:30px 30px 0 0; }
.mbv_top ul li { font-size:24px; font-weight:600; color:#000; text-align:center;  }

.mbv_con { float:left; width:100%; margin:50px 0 0 0; }
.mbv_con .le { float:left; width:30%;  }
.mbv_con .le img { width:100%; }
.mbv_con .ri { float:right; width:65%;  }
.mbv_con .ri .name {  float:left; width:100%; margin:30px 0 0px 0; 
font-size:30px; font-weight:600; color:#000; line-height:22px;  }
.mbv_con .ri .name span { font-size:15px; font-weight:400; color:#555;   }

/*학력 경력*/
.mbv_career { float:left; width:100%; margin-top:50px; }
.mbv_career h3 { float:left; width:100%; border-bottom:1px solid #2f3b55; padding-bottom:5px;  margin-bottom:15px;
font-size:20px; font-weight:500; color:#2f3b55;    }
.mbv_career h3 img { width:38px; margin:-5px 5px 0 0; vertical-align:middle;  }


.tbl_mbv { width:100%; }
.tbl_mbv tbody tr th { font-size:15px; font-weight:400; color:#000; text-align:center; 
background:#f4f4f4; border-bottom:5px solid #fff; border-radius:10px; }
.tbl_mbv tbody tr td { font-size:16px; font-weight:400; color:#555; text-align:left; padding:5px 10px; }

.mbv_btn { float:left; width:100%; margin:60px 0 0 0; padding:30px 0 0 0; text-align:center; border-top:1px solid #2f3b55; }
.btn_mbv_list { display:inline-block; *zoom:1; *display:inline; width:100px; height:40px; line-height:40px; background:#2f3b55; font-size:15px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer; transition: all ease 0.3s; }
.btn_mbv_list:hover { color:#fff; text-decoration:none; background:#000; }

}