body {
			height: 100%;
			overflow-y: auto;
			overflow-x: hidden;
			position: relative;
		}

		.main-header {
			height: 440px;
			padding-top: 190px;
			margin: 0 auto;
			background-image: url("/resources/images/about/about.png");
			background-size: cover;
			background-position: center;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding-left: 20px;
			padding-right: 20px;

			h1 {
				font-size: 36px;
				font-weight: bold;
				color: #fff;
			}

			p {
				margin-top: 28px;
				font-size: 22px;
				color: #CED4DA;
				text-align: center;
				line-height: 34px;
			}
		}

		.main-content {
			padding: 82px 240px 120px;
			text-align: center;

			.title-box {
				h2 {
					font-size: 34px;
					font-weight: bold;
					color: #212529;
					position: relative;
					display: inline-block;

					&::after {
						content: "";
						display: block;
						width: 79px;
						height: 4px;
						background-color: #003375;
						margin-top: 21px;
						position: relative;
						left: 50%;
						transform: translateX(-50%);
					}
				}

				p {
					font-size: 18px;
					color: #495057;
					margin-top: 30px;
					line-height: 26px;
				}
			}
		}

		.quote-section {
			padding: 80px 40px;
		}

		.quote-title {
			color: #0C5EC6;
			font-size: 36px;
			font-weight: 800;
			position: relative;
			display: inline-block;
			line-height: 1.3;
			letter-spacing: -0.72px;
			text-align: center;
			font-family: 'Pretendard', sans-serif;
			opacity: 1;
			word-break: keep-all;
		}

		.quote-subtitle {
			color: #495057;
			font-size: 26px;
			line-height: 48px;
			letter-spacing: -1.04px;
			margin-top: 22px;
			margin-bottom: 41px;
			word-break: keep-all;
		}

		.introduce-image {
			max-width: 100%;
			height: auto;
			padding-left: 0;
			text-align: left;
		}

		.introduce-text {
			color: #000000;
			font-size: 24px;
			line-height: 38px;
			letter-spacing: -0.48px;
			margin-top: 56px;
			word-break: keep-all;
		}


		.main-info {
			display: flex;
			flex-direction: column;
			max-width: 1440px;
			margin: 0 auto;
			background: white;
			overflow: hidden;

		}

		.section-header {
			display: flex;
			align-items: center;
			padding: 30px 40px 52px;
			justify-content: center;
		}

		.section-header img {
			width: 8px;
			height: 8px;
			background: #ff6b35;
			border-radius: 50%;
			margin-right: 8px;
			margin-bottom: 28px;

		}

		.section-header h3 {

			font-size: 24px;
			font-weight: 700;
			color: #212529;
			letter-spacing: -0.5px;
		}

		.info-list {
			display: flex;
			flex-direction: column;

		}

		.company-container {
			display: flex;
			align-items: flex-start;
			gap: 66px;
		}

		.company-logo {
			flex-shrink: 0;
			width: 472px;
			height: 440px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 1px;
			border: 1px solid #000000;

		}

		.logo-content {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 8px;
		}

		.company-details {
			flex: 1;
			min-width: 0;
		}

		.info-row {
			display: flex;
			align-items: flex-start;
			border-bottom: 1px solid #000000;
			font-size: 24px;
			text-align: left;

		}

		.info-row:last-child {
			border-bottom: none;
		}

		.info-row-address {
			height: 128px;
			align-items: center;
		}

		.info-value-address {
			height: 128px;
		}

		.info-label {
			width: 112px;
			flex-shrink: 0;
			font-size: 24px;
			font-weight: 600;
			color: #495057;
			position: relative;
			line-height: 48px;
			letter-spacing: -0.96px;
			height: 80px;
			display: flex;
			align-items: center;
			margin-right: 68px;
		}

		.info-label::before {
			content: '';
			display: inline-block;
			width: 4px;
			height: 4px;
			background-color: #ED6E2B;
			margin-right: 16px;
			margin-left: 11px;
		}

		.info-value {
			height: 80px;
			letter-spacing: -0.96px;
			flex: 1;
			font-size: 24px;
			color: #212529;
			line-height: 1.6;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.address-line {
			margin-bottom: 4px;
			font-size: 24px;
			line-height: 48px;
			letter-spacing: -0.96px;

		}

		.address-line:last-child {
			margin-bottom: 0;
		}

		/* 태블릿 (1400px 이하) */
		@media (max-width: 1400px) {
			.main-content {
				padding: 80px 100px 120px;
			}

			.company-container {
				gap: 40px;
			}

			.company-logo {
				width: 400px;
				height: 380px;
			}
		}

		/* 태블릿 (1200px 이하) */
		@media (max-width: 1200px) {
			.main-content {
				padding: 60px 60px 100px;
			}

			.company-container {
				gap: 40px;
			}

			.company-logo {
				width: 350px;
				height: 330px;
			}

			.info-label {
				width: 90px;
				font-size: 22px;
				margin-right: 30px;
				height: auto;
				min-height: 60px;
			}

			.info-value {
				font-size: 22px;
				height: auto;
				min-height: 60px;
				line-height: 1.8;
			}

			.address-line {
				font-size: 22px;
				line-height: 36px;
			}

			.info-row {
				padding: 12px 0;
			}

			.info-row-address {
				height: auto;
			}

			.info-value-address {
				height: auto;
			}
		}

		/* 태블릿 (992px 이하) */
		@media (max-width: 992px) {
			.main-header {
				height: 360px;
				padding-top: 150px;
			}

			.main-header h1 {
				font-size: 32px;
			}

			.main-header p {
				font-size: 20px;
				line-height: 30px;
			}

			.main-content {
				padding: 60px 40px 100px;
			}

			.title-box h2 {
				font-size: 30px;
			}

			.title-box p {
				font-size: 16px;
				line-height: 24px;
			}

			.quote-title {
				font-size: 28px;
				line-height: 1.4;
			}

			.quote-subtitle {
				font-size: 22px;
				line-height: 36px;
			}

			.introduce-text {
				font-size: 20px;
				line-height: 32px;
			}

			.section-header {
				padding: 24px 30px;
				padding-bottom: 40px;
			}

			.section-header h3 {
				font-size: 22px;
			}

			.company-container {
				gap: 30px;
			}

			.company-logo {
				width: 300px;
				height: 280px;
			}

			.info-label {
				width: 90px;
				font-size: 20px;
				margin-right: 30px;
			}

			.info-value {
				font-size: 20px;
				height: auto;
				min-height: 60px;
			}

			.address-line {
				font-size: 20px;
				line-height: 36px;
			}
		}

		/* 모바일 (768px 이하) */
		@media (max-width: 768px) {
			.main-header {
				height: 300px;
				padding-top: 120px;
			}

			.main-header h1 {
				font-size: 28px;
			}

			.main-header p {
				font-size: 18px;
				line-height: 26px;
				padding: 0 20px;
			}

			.main-content {
				padding: 50px 20px 80px;
			}

			.title-box {
				padding: 0 10px;
			}

			.title-box h2 {
				font-size: 26px;
			}

			.title-box p {
				font-size: 15px;
				line-height: 22px;
				margin-top: 20px;
			}

			.quote-section {
				padding: 20px 10px;
			}

			.quote-title {
				font-size: 22px;
				line-height: 1.4;
				padding: 0 10px;
			}

			.quote-subtitle {
				font-size: 18px;
				line-height: 28px;
				margin-top: 16px;
				margin-bottom: 30px;
				padding: 0 10px;
			}

			.introduce-image {
				width: 100%;
				padding: 0;
			}

			.introduce-text {
				font-size: 16px;
				line-height: 26px;
				margin-top: 40px;
				padding: 0 10px;
			}

			.section-header {
				padding: 20px;
				padding-bottom: 30px;
			}

			.section-header h3 {
				font-size: 20px;
			}

			.main-info {
				padding: 0 20px;
			}

			.company-container {
				flex-direction: column;
				gap: 30px;
			}

			.company-logo {
				width: 100%;
				height: 200px;
			}

			.company-logo img {
				max-width: 80%;
				height: auto;
			}

			.info-row {
				flex-direction: column;
				gap: 8px;
				padding: 16px 0;
			}

			.info-label {
				width: auto;
				font-size: 18px;
				height: auto;
				margin-right: 0;
				margin-bottom: 8px;
			}

			.info-value {
				width: 100%;
				font-size: 18px;
				height: auto;
				min-height: auto;
			}

			.address-line {
				font-size: 18px;
				line-height: 28px;
			}

			.info-row-address {
				height: auto !important;
				align-items: flex-start;
			}

			.info-value-address {
				height: auto !important;
			}
		}

		/* 소형 모바일 (414px 이하) */
		@media (max-width: 414px) {
			.main-header {
				height: 260px;
				padding-top: 100px;
			}

			.main-header h1 {
				font-size: 24px;
			}

			.main-header p {
				font-size: 16px;
				line-height: 24px;
			}

			.main-content {
				padding: 40px 15px 60px;
			}

			.title-box h2 {
				font-size: 22px;
			}

			.title-box p {
				font-size: 14px;
				line-height: 20px;
			}

			.quote-title {
				font-size: 18px;
				padding: 0 5px;
			}

			.quote-subtitle {
				font-size: 16px;
				line-height: 24px;
				margin-top: 12px;
				margin-bottom: 24px;
			}

			.introduce-text {
				font-size: 14px;
				line-height: 22px;
				margin-top: 30px;
			}

			.section-header {
				padding: 16px;
				padding-bottom: 24px;
			}

			.section-header h3 {
				font-size: 18px;
			}

			.company-logo {
				height: 160px;
			}

			.info-label {
				font-size: 16px;
			}

			.info-value {
				font-size: 16px;
			}

			.address-line {
				font-size: 16px;
				line-height: 24px;
			}
		}