@charset "UTF-8";

.single_staff_main {
	/* background: #F5F5F5; */
	padding-block: 110px 0;
    margin-top: 128.8px;
}

.single_staff_main .inner {
	display: flex;
	align-items: flex-start;
	gap: 80px;
	/* margin-inline: calc(50vw - 570px) 0; */
}

.single_staff_main .img {
	flex-shrink: 0;
	width: 33.3%;
    border-radius: 10px;
    overflow: hidden;
}

.single_staff_main .img img {
	width: 100%;
	aspect-ratio: 38/57;
	object-fit: cover;
}

.single_staff_main .info {
	width: 100%;
    margin-top: 26px;
}

.single_staff_main .info .sub_box {
	margin-block: 0 0.7em;
}

.single_staff_main .info .sub_box .text {
	color: #7E7E7E;
	font-size: 16px;
	letter-spacing: .08em;
	font-weight: 500;
	line-height: 1.5;
}

.single_staff_main .info .name_box {
	display: flex;
	align-items: flex-end;
	gap: 0.6em;
	/* border-bottom: 2px solid #707070; */
	/* padding-block: 0 0.5em; */
	margin-block: 2.1em 3.6em;
}

.single_staff_main .info .name_box .text {
    margin-bottom: 5px;
    padding: 6px 25px;
    border: 2px solid #004680;
    border-radius: 100vh;
    background-color: #DCE4EF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #004680;
}

.single_staff_main .info .name_box .name {
	font-size: 56px;
	letter-spacing: 0;
	font-weight: 700;
	line-height: 1;
    position: relative;
}

.single_staff_main .info .name_box .en_name {
	color: #98B4CB;
	font-size: 24px;
	letter-spacing: 0;
	font-weight: 400;
	line-height: 1;
	font-family: "Rock Salt", cursive;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(23%) rotate(-3deg);
    display: block;
    white-space: nowrap;
}

.single_staff_main .info .textarea {
	margin-block: 0 5.5em;
    padding: 41px 25px 20px;
    border: 5px solid #004680;
    border-radius: 10px;
    background-color: #fff;
}

.single_staff_main .info .textarea .text {
	font-size: 16px;
	letter-spacing: .07em;
	font-weight: 400;
	line-height: 1.5;
}

.single_staff .common_page_wrap {
	padding-block: 32px 130px;
}

.single_staff .cont_sec .item {
	display: flex;
	align-items: center;
	/* gap: 60px; */
}

.single_staff .cont_sec .item+.item {
	margin-block: 100px 0;
}

.single_staff .cont_sec .item:nth-child(even) {
	flex-direction: row-reverse;
}

/* .single_staff .cont_sec .item .img {
	flex-shrink: 0;
	width: 490px;
} */

.single_staff .cont_sec .item .img img {
	width: 100%;
	aspect-ratio: 78/52;
	object-fit: cover;
}

/* .single_staff .cont_sec .item .text_box {
	width: 100%;
} */

.single_staff .cont_sec .item .text_box .text {
	font-size: 16px;
	/* letter-spacing: .08em; */
	/* font-weight: 400; */
	line-height: 1.75;
}

.breadcrumb {
    margin-bottom: 30px;
}

.breadcrumb.wrap {
    width: 1240px;
}

@media (max-width: 750px) {
	.single_staff_main {
		padding-block: 14vw 0;
        margin-top: 25.9vw;
	}

	.single_staff_main .inner {
		flex-direction: column;
		/* align-items: flex-end; */
		gap: 0;
		margin-inline: 0;
	}

	.single_staff_main .img {
		width: 100%;
        border-radius: 1.3vw;
        order: 2;
	}

	.single_staff_main .img img {
		aspect-ratio: 350/285;
        object-position: top;
	}

	.single_staff_main .info {
		width: 90%;
		margin-inline: auto;
	}

	.single_staff_main .info .sub_box .text {
		font-size: 3.6vw;
	}

	.single_staff_main .info .name_box {
		padding-block: 0 0.7em;
		margin-block: 0 2.8em;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.7em;
	}

    .single_staff_main .info .name_box .text {
        margin: 5.1vw 0 0;
        padding: 1vw 4.9vw;
        font-size: 4.6vw;
    }

	.single_staff_main .info .name_box .name {
		font-size: 10.3vw;
	}

	.single_staff_main .info .name_box .en_name {
		font-size: 4.1vw;
        bottom: -10px;
        transform: translateX(15%) rotate(-3deg);
	}

	.single_staff_main .info .textarea {
		margin-block: 1.8em 1em;
        order: 3;
        width: 100%;
        padding: 7vw 6.5vw;
        border: 0.8vw solid #004680;
        border-radius: 2.6vw;
	}

	.single_staff_main .info .textarea .text {
		font-size: 3.6vw;
		line-height: 1.7;
	}

	.single_staff .common_page_wrap {
		padding-block: 15vw;
	}

	.single_staff .cont_sec .wrap {
		max-width: 95%;
	}

	.single_staff .cont_sec .item {
		display: block;
	}

	.single_staff .cont_sec .item+.item {
		margin-block: 12vw 0;
	}

	.single_staff .cont_sec .item .img {
		width: 95%;
		margin-block: 0 1.5em;
	}

	.single_staff .cont_sec .item:nth-child(even) .img {
		margin-inline: auto 0;
	}

	.single_staff .cont_sec .item .img img {
		aspect-ratio: 37/19;
	}

	.single_staff .cont_sec .item .text_box {
		width: 90%;
		margin-inline: auto;
	}

	.single_staff .cont_sec .item .text_box .text {
		font-size: 3.6vw;
		line-height: 1.7;
	}

    .single_staff .breadcrumb {
        margin-bottom: 5.1vw;
        font-size: 3.1vw;
    }

    .single_staff .breadcrumb.wrap {
        width: initial;
    }
}