/*
 +----------------------------------------------------------------------+
 | Copyright (c) 2010-2025 STUDYMAX. co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2025-01-31
 | 파일설명 : 일본 스피킹맥스 맥스 피플 페이지 CSS
 +----------------------------------------------------------------------+
 | 작업자 : 최진영
 +----------------------------------------------------------------------+
 | 수정이력
 +----------------------------------------------------------------------+
*/

@charset "utf-8";
.maxPeopleWrap .pageImgBox .mainMovie {
	display:block;
	width:100%;
}
.maxPeopleWrap .pageImgBox {
	position:relative;
}
.maxPeopleWrap .pageImgBox .pageImg {
	display:block;
	width:100%;
}
.maxPeopleWrap .pageImgBox .linkBtn {
	position:absolute;
	top: 73%;
	left: 5.5%;
	width: 65%;
	height: 14.5%;
	cursor:pointer;
}
.maxPeopleWrap .peopleListBox {
	display:flex;
	justify-content: space-between;
	padding:5%;
	background:#f9f9f9;
}
.maxPeopleWrap .peopleListBox .list {
	width:48%;
}
.maxPeopleWrap .peopleListBox .list .listItem {
	margin-bottom:5%;
	padding:20% 10% 10%;
	background:#fff;
	border:1px solid #e4e4e4;
	border-radius:20px;
	text-align: center;
}
.maxPeopleWrap .peopleListBox .list .listItem:last-child {
	margin-bottom:0;
}
.maxPeopleWrap .peopleListBox .list .listItem .imgBox  {
	display:inline-block;
	position: relative;
	text-align: center;
}
.maxPeopleWrap .peopleListBox .list .listItem .imgBox .thumbImg {
	width:100px;
	border-radius: 100%;
}
.maxPeopleWrap .peopleListBox .list .listItem .imgBox .flagImg {
	position:absolute;
	bottom:0;
	right:0;
	width:40%;
}
.maxPeopleWrap .peopleListBox .list .listItem .name {
	margin:7% 0;
	font-family:'NotoSansJP-Bold';
	font-size:var(--font-3dep);
	text-align: center;
}
.maxPeopleWrap .peopleListBox .list .listItem .job {
	font-family:'NotoSansJP-Regular';
	font-size:var(--font-4dep);
	text-align: center;
	color:#949494;
}
.maxPeopleWrap .peopleListBox .list .listItem .intro {
	margin:3% 0 7%;
	font-family:'NotoSansJP-Regular';
	font-size:var(--font-4dep);
	text-align: center;
	color:#404040;
}
.maxPeopleWrap .peopleListBox .list .listItem .like {
	display:inline-block;
	padding:2% 8% 2% 17%;
	font-family:'NotoSansJP-Regular';
	font-size:var(--font-5dep);
	text-align: center;
	color:#ff4242;
	background:url('/smciImages/front/maxPeople/icon_like.png') no-repeat 13% 50%/10px;
	border:1px solid #ff4242;
	border-radius:50px;
}