@charset "utf-8";


.consultant {
	margin-top: 40px;
}
.consultantCompanyWrap {
	margin-top: 70px;
	display: flex;
	justify-content: space-between;
}
.consultantCompany {
	width: 520px;
}
.consultantMessage {
	position: relative;
	margin-top: 30px;
	overflow: hidden;
	width: 520px;
}
.consultantImgWrap {
	margin-top: 20px;
}
.consultantImg {
	border-radius: 8px;
}
.consultantMessageTextWrap {
	border-radius: 8px;
	background-color: #fff;
	margin-top: 40px;
}
.consultantMessageTextTitle {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.consultantMessageText {
	margin-top: 20px;
}
.consultantMessageText:nth-child(n + 2) {
	margin-top: 1em;
}
.consultantCompanyEven {
}
.sideFeatureList {
}
.sideFeatureItem {
	border-top: 1px solid #D8D8D8;
	padding: 20px;
}
.sideFeatureImgWrap {

}
.sideFeatureImg {
	border-radius: 5px;
}
.sideFeatureTitle {
	margin-top: 1em;
	line-height: 1.4;
}
.consultantList {
	display: flex;
	gap: 0 20px;
	margin-top: 2em;
	flex-wrap: wrap;
}
.consultantItem {
	border-top: 1px solid #ddd;
	padding: 1em 0;
	width: 346px;
}
.consultantItemLink {
	position: relative;
	display: flex;
	gap: 0 2em;
	align-items: center;
}
.circle {
    width: 25px;
    height: 25px;
    background: #3AB924;
    border-radius: 50%;
    position: absolute;
    border: 2px solid #3AB924;
    transition: all 0.3s;
    right: 0;
    top: calc(50%  - 12.5px);
}
.circle::before, .circle::after {
	content: "";
	width: 8px;
	height: 2px;
	display: inline-block;
	border-radius: 2px;
	background: #fff;
	position: absolute;
	right: 28%;
	transition: all 0.3s;
}
.circle::before {
	top: calc(50% + 2px);
	transform: rotate(-45deg);
}
.circle::after {
	top: calc(50% - 3px);
	transform: rotate(45deg);
}
.consultantItemImgWrap {
	width: 150px;
	height: 100px;
}
.consultantItemImg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.consultantItemContent {
    width: calc(100% - 150px - 25px - 4em);
}
.consultantItemName {
    font-weight: bold;
    font-size: 1.2em;
}

.consultantDetailsHeader {
	display: flex;
	align-items: center;
	gap: 0 2em;
}
.consultantDetailsHeaderImg {
	width: 200px;
}
.consultantDetailsHeaderText {
	width: calc(100% - 200px - 2em);
}
.consultantDetailsHeaderTitle {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.8;
	border-bottom: 3px solid #000;
}
.consultantDetailsHeaderPlace {
	color: #3AB924;
	font-size: 1.4em;
}
.consultantBottomContainer {
	border-top: 1px solid #cdd6dd;
	border-bottom: 1px solid #cdd6dd;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
	margin-top: 60px;
}
/* .consultantBottomContainer::before {
	content: "";
	border: 1px solid #d3d3d3;
	align-self: stretch;
	order: 2
} */
.consultantBottomLinkWrap:nth-child(1) {
	padding: 35px 40px 35px 20px;
	width: 50%;
}
.consultantBottomLinkWrap:nth-child(2) {
	padding: 35px 20px 35px 40px;
	width: 50%;
}
.consultantBottomLinkWrap:first-child {
	border-right: 1px solid #d3d3d3;
}
.consultantBottomLink {
	
}
.consultantBottomLink.isNext {
	/* order: 3 */
}
.consultantBottomLink.isNext>div {
	flex-direction: row-reverse
}
.consultantBottomLink.isPrev .circle::before {
	transform: rotate(-135deg) translateX(10%)
}
.consultantBottomLink.isPrev .circle::after {
	transform: rotate(135deg) translateX(0%) translateY(30%)
}
.consultantBottomLinkTop {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    padding-right: 35px;
}
.isPrev .consultantBottomLinkTop .circle{
	margin-right: 1em;
}
.isNext .consultantBottomLinkTop .circle{
	margin-left: 1em;
}
.consultantBottomLinkBottom {
	display: flex;
	align-items: center;
	gap: 2em
}
.consultantBottomLinkBottom>img {
    width: 40%;
}
.consultantBottomLinkBottom .consultantItemDepartment {
    display: inline-block;
    color: #3AB924;
    font-weight: bold;
    font-size: 1.2em;
}
.consultantBottomLinkBottom .consultantItemName {
    padding-bottom: 0;
    margin-top: 0.5em;
    font-size: 1.4em;
    font-weight: bold;
}
.consultantBottomLinkWrap:first-child .consultantBottomLinkTop {
    padding-left: 35px;
}
.consultantBottomLinkWrap:first-child .circle {
	left: 0;
	right: auto;
}
.messageBottomLinkContainer {
	text-align: center;
	margin-top: 4em;
}
.messageBottomLinkContainer .buttonGreen{
    height: 60px;
}
@media (max-width: 450px) {
	.consultant {
		margin-top: 11.54vw;
		padding: 0 6%;
	}
	.consultantCompanyWrap {
		margin-top: 12.82vw;
		display: block;
	}
	.consultantCompany {
		width: 100%;
	}
	.consultantImgWrap {
		margin-top: 5.13vw;
		width: 100%;
		position: relative;
	}
	.consultantMessageTextWrap {
		width: 100%;
		border-radius: 2.05vw;
		margin-top: 10vw;
	}
	.consultantMessageTextTitle {
		font-size: 5.13vw;
		line-height: 1.4;
	}
	.consultantMessageText {
		margin-top: 3.85vw;
	}
	.consultantCompanyEven {
		margin-top: 10vw;
	}
	
	.consultantList {
		gap: 0;
	}
	.circle {
		width: 5.56vw;
		height: 5.56vw;
		top: calc(50%  - 2.78vw);
	}
	.consultantItem {
		width: 100%;
	}
	.consultantItemLink {
    gap: 0 1em;
	}
	.consultantItemImg {
		width: 30vw;
		height: auto;
	}
	.consultantItemContent {
    width: calc(100% - 30vw - 5.56vw - 2em);
	}
	.consultantDetailsHeaderImg {
		width: 30vw;
	}
	.consultantDetailsHeaderText {
		width: calc(100% - 30vw - 2em);
	}
	.consultantDetailsHeaderTitle {
		font-size: 1.2em;
	}
	.consultantDetailsHeaderPlace {
		font-size: 1.1em;
	}
	.consultantBottomLinkTop {
		font-size: 3.11vw;
		padding-right: 7.78vw;
	}
	.consultantBottomLinkWrap:first-child {
		padding: 6.67vw 4.44vw 6.67vw 0;
	}
	.consultantBottomLinkWrap:last-child {
		padding: 6.67vw 0 6.67vw 4.44vw;
	}
	.consultantBottomLinkTop {
		font-size: 2.67vw
	}
	.consultantBottomLinkWrap:first-child .consultantBottomLinkTop {
    padding-left: 7.78vw;
    padding-right: 0;
	}
	.consultantBottomLinkBottom {
		display: block;
		width: 70%;
		margin: 0 auto;
		text-align: center
	}
	.consultantBottomLinkBottom>img {
		width: 100%;
		margin-bottom: 1em
	}
	.consultantBottomLinkBottom .consultantItemDepartment {
		font-size: 1.2em;
	}
	.consultantBottomLinkBottom .consultantItemName {
    margin-top: 0;
		font-size: 1.1em;
	}
	.jobSearchTitle {
		padding: 3.33vw;
		font-size: 4.44vw;
	}
	.sideFeatureImg {
		border-radius: 2vw;
	}
	.sideFeatureItem {
		padding: 5.13vw;
	}
}