:root {
	--mgb: 40px;
}

.Sub.sub-about #AboutWrap .img-delete-btn, .Sub.sub-about #AboutWrap .img-placeholder, .Sub.sub-about #AboutWrap .editable-placeholder {
	display: none !important;
}
#AboutWrap .title-wrap {
	padding-bottom: 40px;
	margin-bottom: var(--mgb);
	border-bottom: 1px solid var(--point-red);
}
#AboutWrap .about-section {
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: var(--mgb);
}
#AboutWrap .about-section:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#AboutWrap .about-section-title {
	font-weight: 700;
	font-size: 18px;
	line-height:111%;
	color: var(--point-red);
}
#AboutWrap .text-wrap {
	font-size: 16px;
	line-height: 137.5%;
}
#AboutWrap .sub-title {
	font-weight: 700;
}
#AboutWrap .sub-title3 {
	font-weight: 500;
}
#AboutWrap .sub-title2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 110%;
	margin-bottom: 12px;
}
#AboutWrap .sub-about {
	margin-bottom: var(--mgb);
}


#AboutWrap .about-flex-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--mgb);
}
#AboutWrap .about-flex-wrap.reverse {
	flex-direction: row-reverse;
}
#AboutWrap .about-flex-wrap .text-wrap {
	/* width: calc(52% - 48px); */
	width: 47.3%;
}
#AboutWrap .about-flex-wrap .img-wrap {
	width: 48%;
	aspect-ratio: 2 / 1;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#AboutWrap .about-flex-wrap .text-wrap .title-bar {
	width: 72px;
	height: 4px;
	background-color: var(--point-red);
	margin-bottom: 16px;
}
#AboutWrap .about-flex-wrap .about-section-title {
	margin-bottom: 8px;
}


#AboutWrap .about-section2 .about-section-title {
	margin-bottom: 16px;
}
#AboutWrap .about-section2-img-box1 {
	display: flex;
	align-items: center;
	justify-content: center;
	/* display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2%; */
}
#AboutWrap .about-section2-img-box1 .item {
	width: 31.76%;
	margin-right: 2.36%;
	aspect-ratio: 2.02 / 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#AboutWrap .about-section2-img-box1 .item:last-child {
	margin-right: 0;
}
#AboutWrap .about-section2-img-box2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#AboutWrap .about-section2-img-box2 .left {
	display: flex;
	/* width: 57%; */
	width: 68%;
	margin-right: 2.5%;
	align-items: center;
}
#AboutWrap .about-section2-img-box2 .left .item {
	flex:1;
	aspect-ratio: 1.39 / 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-right: 4.2%;
}
#AboutWrap .about-section2-img-box2 .left .item:last-child {
	margin-right: 0;
}
#AboutWrap .about-section2-img-box2 > .item:last-child {
	margin-right: 0;
}
#AboutWrap .about-section2-img-box2 .right {
	width: 50%;
}

#AboutWrap .about3-bg {
	width: 100%;
	background-color: var(--point-red);
	padding: 24px;
	box-sizing: border-box;
	color: var(--white);
}

@media(max-width: 970px) {
	#AboutWrap .text-wrap {
		font-size: 14px;
	}
}

@media(max-width: 768px) {
	:root {
		--mgb: 32px;
	}
	#AboutWrap .title-wrap {
		padding-bottom: 32px;
		margin-bottom: 50px;
	}
	#AboutWrap .sub-title2 {
		font-size: 18px;
		line-height: 144%;
	}
	#AboutWrap .about-flex-wrap {
		flex-wrap: wrap;
		width: 100%;
	}
	#AboutWrap .about-flex-wrap .text-wrap {
		width: 100%;
		margin-bottom: 24px;
	}
	#AboutWrap .about-flex-wrap .img-wrap {
		width: 100%;
		aspect-ratio: 2.34 / 1;
	}
	#AboutWrap .about-section-title {
		font-size: 16px;
	}
	#AboutWrap .about-flex-wrap .about-section-title {
		margin-bottom: 4px;
	}
	#AboutWrap .about-section2 .about-section-title{
		margin-bottom: 8px;
	}
	#AboutWrap .about-section2-img-box1 .item {
		aspect-ratio: 1.6145 / 1;
	}
	#AboutWrap .about-section2-img-box2 {
		flex-wrap: wrap;
	}
	#AboutWrap .about-section2-img-box2 .left, #AboutWrap .about-section2-img-box2 .right{
		width: 100%;
	}
	#AboutWrap .about-section2-img-box2 .left {
		margin-bottom: var(--mgb);
		margin-right: 0;
	}
	#AboutWrap .about-section2-img-box2 .left .item {
		aspect-ratio: 1.943 / 1;
	}

	#AboutWrap .about-section3 .about3-bg .sub-title {
		font-weight: 500;
	}
}


@media(max-width: 360px) {
	:root {
		--mgb: 25px;
	}
	#AboutWrap .about-flex-wrap .text-wrap .title-bar {
		width: 50px;
	}
	#AboutWrap .about3-bg {
		padding: 18px;
	}
}