.main-wrap {
	--line:#148f8b;
		--container:1500px;
		width:100%;
		overflow:hidden;
	}
	/* =========================
		상단 비주얼
	========================= */
	.main-visual {
		position:relative;
		height:clamp(460px, 40vw, 760px);
		overflow:hidden;
	}

	.visual-slide {
		position:absolute;
		inset:0;
		opacity:0;
		transition:opacity 1.2s ease;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
	}
	.visual-slide.is-active {
		opacity:1;
	}

	.main-visual::before {
		content:"";
		position:absolute;
		inset:0;
		z-index:1;
		background:linear-gradient(
			90deg,
			rgba(0,0,0,.34) 0%,
			rgba(0,0,0,.16) 36%,
			rgba(0,0,0,.04) 70%,
			rgba(0,0,0,0) 100%
		);
		pointer-events:none;
	}

	.main-visual::after {
		content:"";
		position:absolute;
		left:0;
		right:0;
		bottom:115px;
		height:1px;
		background:rgba(255,255,255,.35);
		z-index:2;
	}

	.visual-inner {
		position:relative;
		z-index:3;
		width:min(var(--container), calc(100% - 40px));
		height:100%;
		margin:0 auto;
		display:flex;
		align-items:center;
		padding-bottom:70px;
	}

	.visual-copy {
		color:#fff;
		transform:translateY(-18px);
	}

	.visual-copy .sub {
		margin:0 0 14px;
		font-size:clamp(17px, 2.5vw, 28px);
		font-weight:300;
		letter-spacing:-.04em;
		line-height:1.55;
		color:rgba(255,255,255,.88);
	}

	.visual-copy .sub strong {
	font-size:inherit;
		font-weight:700;
		color:#fff;
	}

	.visual-copy h2 {
		margin:0;
		font-size:clamp(36px, 5vw, 85px);
		font-weight:800; 
		letter-spacing:.08em;
		line-height:1;
		color:#fff;
	}

	/* =========================
		퀵 메뉴
	========================= */
	.quick-menu-visual-wrap {
		position:relative;
		z-index:10;
		margin-top:clamp(-92px, -6.5vw, -78px);
	}

	.quick-menu-visual {
		width:min(1300px, calc(100% - 40px));
		margin:0 auto;
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		gap:clamp(18px, 2vw, 30px);
	}

	.quick-menu-visual a {
		position:relative; color:#fff;
		min-height:clamp(126px, 11vw, 158px);
		padding:40px 15px 70px 15px;
		display:flex;
		flex-direction:column;
		/* justify-content:center; */
/* 		align-items:center;
		 */	
		 text-align:center;
		color:#fff;
		box-shadow:0 14px 26px rgba(0,0,0,.22);
		transition:transform .25s ease, box-shadow .25s ease;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M17.25%208.25%2021%2012m0%200-3.75%203.75M21%2012H3'%20%2F%3E%3C%2Fsvg%3E");
		background-size: auto 30px;
		background-repeat: no-repeat;
		background-position: bottom 30px center;
	}

	.quick-menu-visual a::before {
		content:"";
		position:absolute;
		top:-27px;
		left:50%;
		width:50px;
		height:6px;
		background:#16827b;
		transform:translateX(-50%);
	}

	.quick-menu-visual a:nth-child(1) {
		background-color:#0b4f63;
	}

	.quick-menu-visual a:nth-child(2) {
		background-color:#005c3c;
	}

	.quick-menu-visual a:nth-child(3) {
		background-color:#075c0d;
	}

	.quick-menu-visual a:nth-child(4) {
		background-color:#4c6b0d;
	}

	.quick-menu-visual a:hover {
		transform:translateY(-8px);
		box-shadow:0 18px 34px rgba(0,0,0,.28);
	}

	.quick-menu-visual .ico {
		height:60px;
	}

	.quick-menu-visual .txt {
		font-size:clamp(16px, 1.15vw, 21px);
		font-weight:400;
		color:#fff;
		line-height:1.28;
		letter-spacing:-.04em;
	}

	.quick-menu-visual .mail {
		margin-top:6px;
		font-size:clamp(13px, .9vw, 16px);
		color:rgba(255,255,255,.78);
		line-height:1.2;
	}

@media (max-width: 768px) {
	.quick-menu-visual .mail  {display:none}
}





	/* =========================
		안내 영역
	========================= */
	.about-section {
		position:relative;
	     margin-top:94px;
		padding:34px 0 78px;
		background:#f4f4f4;
	}

	.about-section::before {
		content:"";
		position:absolute;
		left:0;
		top:-30px;
		width:32.5%;
		height:100%;
		background:var(--point01);
		border-radius:0 0 52px 0;
	}

	.about-inner {
		position:relative;
		z-index:1;
		width:min(var(--container), calc(100% - 40px));
		margin:0 auto;
		display:grid;
		grid-template-columns:1.08fr 1fr;
		align-items:center;
		/* gap:clamp(42px, 5.2vw, 76px); */
	}

	.about-img {
		margin:0; position:relative;
		transform:translateY(2px);
		box-shadow:0 18px 34px rgba(0,0,0,.12);
	}

	.about-img img {
		display:block;
		width:100%;
		height:auto;
		aspect-ratio:540 / 315;
		object-fit:cover;
	}
/* 	.about-img:before {		content:"";
		position:absolute;
		right:0;
		top:134px;
		width:140px;
		height:2px;
		background:var(--line);} */

	.about-copy {
		padding:20px 0 10px;
	}

	.about-copy h3 {
		position:relative;
		margin:0 0 28px;
		padding-left:60px;
		padding-bottom:12px;
		font-size:clamp(25px, 2.3vw, 34px);
		font-weight:800;
		letter-spacing:-.055em;
		line-height:1.25;
		border-bottom:2px solid var(--line);
	}



	.about-copy p {
		padding-left:60px;
		margin:0;
		font-size:clamp(14px, 1vw, 17px);
		color:#555;
		letter-spacing:-.045em;
		line-height:1.9;
	}
	.about-copy .more-link {
		padding-left:60px;
		}

	.more-link {
		display:inline-flex;
		align-items:center;
		gap:12px;
		margin-top:28px;
		font-size:clamp(13px, .95vw, 15px);
		color:#333;
		padding-right:40px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23168b8b'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M17.25%208.25%2021%2012m0%200-3.75%203.75M21%2012H3'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 30px;
background-repeat: no-repeat;
background-position: right center;

	}

@media (max-width: 768px) {
	.about-copy .more-link {padding-left:0 !important;}
}



	/* =========================
		연구원 소식
	========================= */
	.news-section {
	 padding:clamp(50px, 4.5vw, 100px) 0px;
	}
	.news-section  .news-inner {
		width:min(var(--container), calc(100% - 40px));
		margin:0 auto;
	}

	.news-section .section-title2 {
		padding-bottom:32px;
		text-align:center;
		font-size:clamp(24px, 2.8vw, 42px);
		font-weight:800;
		letter-spacing:-.055em;
		line-height:1.15;
	}

		.news-section .news-list {
			border-top:2px solid var(--line);
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		border-bottom:1px solid var(--line);
		padding:60px 0px;
	}

	 	.news-section .news-item {
				min-height:clamp(100px, 2vw, 250px);
		padding:16px clamp(10px, 1.5vw,30px) clamp(20px, 1.5vw, 46px);
		border-right:1px solid #ddd;
	}

		.news-section .news-item:last-child {
		border-right:0;
	}

		.news-section .news-date {
		margin-bottom:12px;
		font-size:clamp(12px, .9vw, 15px);
		color:#777;
		line-height:1;
	}

		.news-section .news-item h4 {
		margin:0 0 34px;
		font-size:clamp(18px, 1.25vw, 26px);
		font-weight:800;
		letter-spacing:-.045em;
		line-height:1.35;
	}
		.news-section .news-item p {
		margin:0;
		font-size:clamp(13px, .95vw, 15px);
		color:#666;
		min-height:clamp(30px, 2vw, 100px);

		letter-spacing:-.04em;
		line-height:1.75;
	}

	.news-item .more-link {
		margin-top:36px;
	}

	/* =========================
		반응형
	========================= */
	@media (max-width:1024px) {

		.visual-inner {
			padding-bottom:88px;
		}
		



	}

	@media (max-width:768px) {

		.main-visual::after {
			bottom:80px;
		}

		.visual-inner {
			width:calc(100% - 32px);
			align-items:flex-start;
			padding-top:110px;
			padding-bottom:0;
		}

		.visual-copy {
			transform:none;
		}

		.quick-menu-visual-wrap {
			margin-top:-64px;
		}

		.quick-menu-visual {
			grid-template-columns:repeat(2, 1fr);
		}

		.quick-menu-visual a {
		padding: 20px 15px 40px 15px;
		background-size: auto 25px;
		background-position: bottom 10px center;
	}


		.quick-menu-visual a::before {
			display:none;
		}


	.about-section {
			margin-top:100px;
			padding:0 0 52px;
		}
.about-copy h3,
.about-copy p,
.about-copy a {padding-left:0;}


		
		.about-section::before {
			width:100%;
			height:210px;
			border-radius:0 0 42px 0;
		}
		
		.about-inner {
			width:calc(100% - 32px);
			grid-template-columns:1fr;
			gap:28px;
			padding-top:34px;
		}
		
		.about-img {
			width:92%;
			margin:0 auto;
		}
		
		.about-copy {
			padding:0 4px;
		}
		
		.news-section {
			padding:48px 0 60px;
		}


.news-section .section-title2 {
			margin-bottom:0px;
		}
		.news-list {
			grid-template-columns:1fr !important; padding:20px 10px !important;
		}
		
		.news-item {
			min-height:auto;
			padding:26px 4px 34px;
			border:0px;
			border-right:0px !important; 
			border-bottom:1px solid #ddd;
		}
		
		.news-item:last-child {
			border-bottom:0;
		}
		
		.news-item h4 {
			margin-bottom:20px;
		}
		
		.news-item .more-link {
			margin-top:24px;
		} 
	}