/* about */
.about { padding: 100px 0; }
.about .about-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 117px; }
.about .about-left { width: calc(50% - 100px); position: relative; }
.about .about-right { width: 50%; }
.about .about-img { border-radius: 10px; width: 100%; object-fit: cover; }
.about .exp-year { width: 230px; height: 210px; display: flex; align-items: center; justify-content: center; background: var(--color-red); color: var(--color-white); border: 4px solid var(--color-white); border-radius: 10px; position: absolute; bottom: -40px; right: -40px; }
.about .exp-year-desc { font-weight: 400; font-size: 20px; line-height: 1; text-align: center; color: var(--color-white); }
.about .exp-year-desc > span { display: flex; align-items: end; font-size: 100px; font-weight: 700; line-height: 1; padding: 0 0 20px 0; }
.about .exp-year-desc > span > span { font-size: 50px; transform: translateY(-6px); }
@media (max-width:1200px) {
	.about .exp-year { width: 180px; height: 180px; bottom: -20px; right: -20px; }
	.about .exp-year-desc span { font-size: 65px; }
	.about .about-wrapper { gap: 80px; }
	.about .about-left { width: calc(50% - 80px); }
}
@media (max-width:992px) {
	.about .about-wrapper { gap: 30px; }
	.about .about-left { width: calc(50% - 30px); }
	.about { padding: 40px 0; }
	.about .exp-year { width: 130px; height: 130px; }
	.about .exp-year-desc span { font-size: 45px; }
	.about .exp-year-desc { font-size: 14px; }
}
@media (max-width:767px) {
	.about .about-wrapper { flex-direction: column; }
	.about .about-left { width: 100%; padding-right: 20px; }
	.about .about-right { width: 100%; }
	.about .exp-year { right: -10px; }
	.about .about-img { height: 500px; }
}
@media (max-width:575px) {
	.about .exp-year-desc span { font-size: 30px; justify-content: center; padding-bottom: 10px;}
	.about .exp-year-desc > span > span {
    font-size: 30px;
	padding: 0;
	}
	.about .exp-year { width: 100px; height: 100px; right: 0; }
	.about .about-img { height: 300px; }
}

/* about */