.sec1 {
		width: 100%;
		height: 100vh;
		background: url('/photo_s/01_3840 main.png') no-repeat center center/cover;
		position: relative
	}

	.sec1_box {
		position: absolute;
		display: block;
		width: 100%;
		max-width: 2210px;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -40%);
	}


		.sec2 {
			width: 100%;
			height: 100vh;
			position: relative;
						
		}


		.sec2 img {
    width: 100%;
    display: block; /* 이미지 하단 여백 제거 */
    height: auto;   /* 비율 유지 */
}

/* 부모 박스(item)를 화면 정중앙에 위치시킴 */
.sec2_item {
    width: 100%;
    max-width: 2210px;
    
    position: absolute; /* 부모인 sec2 기준으로 절대 위치 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 정중앙 정렬 */
    
    z-index: 10; /* 필요 시 다른 요소보다 위에 오도록 설정 */
}

		@media screen and () {
			.sec2_item {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
		}


		.sec3 {
			width: 100%;
			height: 100vh;
			position: relative;
		}

		.sec3 img {
    width: 100%;
    max-width: 2210px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


		.sec3_item {
			position: static;
			height: auto;
			width: 100%;
			margin: 0 auto;
			max-width: 2210px;			
		}


		@media screen and () {
			.sec3_item {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
		}


		.sec4 {
			position: relative;
			width: 100%;
			height: 100vh;
			z-index: 0;
			margin: 0 auto;
			max-width: 2210px;			
			
		}

		.sec4_img {
			width: 100%;
    max-width: 2210px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
			z-index: 0;

		}

		.sec4_box {
   			 position: absolute;
  			 width: 32%;      /* 기존 너비 유지 */
    			 height: auto;    /* 높이를 내용물 크기에 맞춤 (중요) */
    
    /* 화면 정중앙 배치 */
    			 top: 50%;
   			 left: 50%;
   			 transform: translate(-50%, -50%);
    
   			 z-index: 1;
}

		@media screen and () {

			.sec4_img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				height: auto;
			}


			.sec4_box {
				width: 33%;
				position: absolute;
				height: auto;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 1;
			}


		}



		.underline-input {
			border: none;
			border-bottom: 1px solid #3c3c3c;
			/* 원하는 색상으로 변경 가능 */
			background-color: transparent;
			/* 필요시 배경 제거 */
			outline: none;
			/* 클릭 시 파란 테두리 제거 */
			padding: 8px 4px;
			/* 여백 조정 */
			font-size: 15px;
			width: 100%;
			color: #000000;
		}

		td {
			padding: 15px;
		}

		.text_a {
			height: 130px;
		}

		
/* 1920px 이상 ~ 2100px 이하 */
@media screen and (min-width: 1920px) and (max-width: 2100px) {
	.text_a {
			height: 140px;
		}

  }


/* 2101px 이상 ~ 2360px 이하 */
@media screen and (min-width: 2101px) and (max-width: 2360px) {
	.text_a {
			height: 150px;
		}

  }


/* 2361px 이상 ~ 2660px 이하 */
@media screen and (min-width: 2361px) and (max-width: 2660px) {
	.text_a {
			height: 160px;
		}

  }


		
		@media screen and (max-width: 1400px) {


			.underline-input {
				outline: none;
				padding: 4px 2px;
					font-size: 12px;

			}

			td {
				padding: 5px;
			}
		.text_a {
			height: 180px;
		}

		}