@charset "utf-8";

/* =========================================================
   BUSINESS
   기준: company.css와 동일
   1920px 화면 / 좌우 40px / 최대 콘텐츠폭 1840px
   ========================================================= */

#business-page-wrap{
	width:100%;
	background:#fff;
}

#business-container{
	width:calc(100% - 80px);
	max-width:1840px;
	margin:0 auto;
	padding:0;
}

.business-page{
	width:100%;
	overflow:visible;
	color:#222;
}

.business-section{
	position:relative;
	width:100%;
	padding:72px 0 96px;
}

.business-section:before{
	content:"";
	position:absolute;
	z-index:0;
	top:0;
	bottom:0;
	left:50%;
	width:100vw;
	max-width:1920px;
	transform:translateX(-50%);
	background:#fff;
}

.business-inner{
	position:relative;
	z-index:1;
	width:100%;
	max-width:1840px;
	margin:0 auto;
}

/* SECTION HEAD */
.business-section-head{
	margin-bottom:66px;
	text-align:center;
}

.business-eyebrow{
	display:block;
	margin-bottom:24px;
	font-size:24px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:0;
	color:#148c78;
}

.business-section-title{
	margin:0;
	font-size:36px;
	line-height:1.3;
	font-weight:700;
	letter-spacing:-.045em;
	color:#111;
}

/* =========================================================
   SYNERGY FLOW
   ========================================================= */
.synergy-flow{
	display:grid;
	grid-template-columns:minmax(0, 340px) 92px minmax(0, 340px) 92px minmax(0, 340px);
	align-items:center;
	justify-content:center;
	column-gap:66px;
	width:100%;
	max-width:1540px;
	margin:0 auto;
}

.synergy-card{
	width:100%;
	min-width:0;
	border:1px solid #dfe3e5;
	border-radius:20px;
	overflow:hidden;
	background:#fff;
}

.synergy-card-title{
	display:flex;
	align-items:center;
	justify-content:center;
	height:64px;
	padding:0 20px;
	font-size:28px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:-.04em;
	text-align:center;
	color:#fff;
}

.synergy-card-material .synergy-card-title{
	background:#118b77;
}

.synergy-card-gasket .synergy-card-title{
	background:#ed5b13;
}

.synergy-card-product .synergy-card-title{
	background:#1d3655;
}

.synergy-card-body{
	display:flex;
	align-items:center;
	justify-content:center;
	height:182px;
	padding:16px 20px 12px;
	background:#fff;
}

.synergy-visual{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}

.synergy-visual svg{
	display:block;
	width:100%;
	max-width:270px;
	height:100%;
}

.gasket-visual svg{
	max-width:300px;
}

.exchanger-visual svg{
	max-width:230px;
}

/* 화살표 */
.synergy-arrow{
	display:flex;
	align-items:center;
	justify-content:center;
	width:92px;
	height:100px;
}

.synergy-arrow svg{
	display:block;
	width:62px;
	height:auto;
}

.synergy-arrow path{
	fill:#129278;
}

/* 설명 */
.synergy-description{
	margin-top:58px;
	text-align:center;
	color:#2b2b2b;
}

.synergy-description p{
	margin:0;
	font-size:20px;
	line-height:1.65;
	letter-spacing:-.035em;
}

.synergy-description p + p{
	margin-top:2px;
}

.synergy-description strong{
	font-weight:700;
}

/* =========================================================
   반응형
   ========================================================= */
@media screen and (max-width:1500px){
	#business-container{
		width:calc(100% - 48px);
	}

	.business-section{
		padding:66px 0 86px;
	}

	.business-section-head{
		margin-bottom:56px;
	}

	.business-eyebrow{
		margin-bottom:18px;
		font-size:20px;
	}

	.business-section-title{
		font-size:32px;
	}

	.synergy-flow{
		grid-template-columns:minmax(0, 300px) 70px minmax(0, 300px) 70px minmax(0, 300px);
		column-gap:38px;
		max-width:1320px;
	}

	.synergy-card-title{
		height:58px;
		font-size:24px;
	}

	.synergy-card-body{
		height:170px;
	}

	.synergy-description p{
		font-size:18px;
	}
}

@media screen and (max-width:1200px){
	.synergy-flow{
		grid-template-columns:minmax(0, 270px) 52px minmax(0, 270px) 52px minmax(0, 270px);
		column-gap:22px;
	}

	.synergy-card{
		border-radius:16px;
	}

	.synergy-card-title{
		height:54px;
		font-size:21px;
	}

	.synergy-card-body{
		height:156px;
		padding:12px;
	}

	.synergy-arrow{
		width:52px;
	}

	.synergy-arrow svg{
		width:46px;
	}
}

@media screen and (max-width:1024px){
	#business-container{
		width:calc(100% - 32px);
	}

	.business-section{
		padding:58px 0 72px;
	}

	.business-section-head{
		margin-bottom:46px;
	}

	.business-eyebrow{
		margin-bottom:14px;
		font-size:16px;
	}

	.business-section-title{
		font-size:30px;
	}

	.synergy-flow{
		display:flex;
		flex-direction:column;
		max-width:520px;
		gap:0;
	}

	.synergy-card{
		max-width:520px;
	}

	.synergy-card-title{
		height:60px;
		font-size:23px;
	}

	.synergy-card-body{
		height:205px;
	}

	.synergy-arrow{
		width:58px;
		height:72px;
		transform:none;
	}

	.synergy-arrow svg{
		width:42px;
		transform:rotate(90deg);
		transform-origin:center center;
	}

	.synergy-arrow img{
		transform:rotate(90deg);
		transform-origin:center center;
	}

	.synergy-description{
		margin-top:42px;
		padding:0 20px;
	}

	.synergy-description p{
		font-size:16px;
	}

	.synergy-description p + p{
		margin-top:6px;
	}
}

@media screen and (max-width:700px){
	#business-container{
		width:calc(100% - 28px);
	}

	.business-section{
		padding:46px 0 56px;
	}

	.business-section-head{
		margin-bottom:34px;
	}

	.business-eyebrow{
		margin-bottom:10px;
		font-size:13px;
	}

	.business-section-title{
		font-size:25px;
		line-height:1.35;
		word-break:keep-all;
	}

	.synergy-flow{
		max-width:440px;
	}

	.synergy-card{
		border-radius:14px;
	}

	.synergy-card-title{
		height:54px;
		font-size:20px;
	}

	.synergy-card-body{
		height:180px;
		padding:12px 20px;
	}

	.synergy-arrow{
		height:62px;
	}

	.synergy-arrow svg{
		width:36px;
	}

	.synergy-description{
		margin-top:34px;
		padding:0;
	}

	.synergy-description p{
		font-size:14px;
		line-height:1.7;
		word-break:keep-all;
	}

	.synergy-description p + p{
		margin-top:8px;
	}
}

@media screen and (max-width:420px){
	.business-section-title{
		font-size:22px;
	}

	.synergy-card-title{
		font-size:18px;
	}

	.synergy-card-body{
		height:160px;
	}

	.synergy-visual svg{
		max-width:230px;
	}

	.gasket-visual svg{
		max-width:260px;
	}

	.exchanger-visual svg{
		max-width:205px;
	}
}


/* =========================================================
   SYNERGY PNG IMAGE FIX
   ========================================================= */
.synergy-visual img{
	display:block;
	width:auto;
	max-width:100%;
	max-height:150px;
	height:auto;
	margin:0 auto;
	object-fit:contain;
}

.synergy-arrow img{
	display:block;
	width:62px;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

@media screen and (max-width:1200px){
	.synergy-arrow img{
		width:46px;
	}
}

@media screen and (max-width:1024px){
	.synergy-arrow img{
		width:42px;
	}
}

@media screen and (max-width:700px){
	.synergy-arrow img{
		width:36px;
	}

	.synergy-visual img{
		max-height:145px;
	}
}

@media screen and (max-width:420px){
	.synergy-visual img{
		max-width:230px;
		max-height:130px;
	}
}


/* =========================================================
   BUSINESS DIVISIONS
   ========================================================= */
.business-divisions{
	padding-top:38px;
	padding-bottom:110px;
}

.business-divisions:before{
	background:#fff;
}

.division-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:70px;
	width:100%;
	max-width:1640px;
	margin:0 auto;
}

.division-card{
	position:relative;
	min-height:720px;
	border:3px solid #148c78;
	border-radius:14px;
	overflow:hidden;
	box-sizing:border-box;
}

.division-card-inner{
	display:flex;
	flex-direction:column;
	min-height:720px;
	padding:54px 34px 52px;
	box-sizing:border-box;
}

.division-en{
	display:block;
	margin-bottom:20px;
	font-size:22px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:-.02em;
}

.division-title{
	margin:0 0 46px;
	font-size:34px;
	line-height:1.25;
	font-weight:700;
	letter-spacing:-.045em;
}

.division-block + .division-block{
	margin-top:38px;
}

.division-block h4{
	margin:0 0 13px;
	font-size:22px;
	line-height:1.35;
	font-weight:700;
	letter-spacing:-.035em;
}

.division-block ul{
	margin:0;
	padding:0;
	list-style:none;
}

.division-block li{
	position:relative;
	margin:0;
	padding-left:11px;
	font-size:16px;
	line-height:1.65;
	letter-spacing:-.03em;
	list-style:none;
}

.division-block li:before{
	content:"·";
	position:absolute;
	left:0;
	top:0;
}

.division-btn-wrap{
	margin-top:auto;
	padding-top:36px;
}

.division-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	min-width:262px;
	height:48px;
	padding:0 26px;
	border-radius:10px;
	box-sizing:border-box;
	font-size:16px;
	line-height:1;
	font-weight:700;
	text-decoration:none;
	transition:transform .2s ease, opacity .2s ease;
}

.division-btn:hover{
	transform:translateY(-2px);
}

.division-btn-arrow{
	font-size:17px;
	line-height:1;
}

/* 고무사업부 */
.division-rubber{
	background:#f4f5f6;
	color:#222;
}

.division-rubber .division-en,
.division-rubber .division-block h4{
	color:#148c78;
}

.division-rubber .division-title,
.division-rubber .division-block li{
	color:#222;
}

.division-rubber .division-btn{
	background:#149b84;
	color:#fff;
}

/* 열교환기사업부 */
.division-heat{
	background:#1d3655;
	color:#fff;
}

.division-heat .division-en{
	color:#f36a1d;
}

.division-heat .division-title,
.division-heat .division-block h4,
.division-heat .division-block li{
	color:#fff;
}

.division-heat .division-btn{
	background:#f26318;
	color:#fff;
}

/* 1500px 이하 */
@media screen and (max-width:1500px){
	.division-grid{
		gap:42px;
		max-width:1400px;
	}

	.division-card{
		min-height:650px;
	}

	.division-card-inner{
		min-height:650px;
		padding:46px 30px 44px;
	}

	.division-en{
		font-size:20px;
	}

	.division-title{
		margin-bottom:38px;
		font-size:30px;
	}

	.division-block h4{
		font-size:20px;
	}

	.division-block li{
		font-size:15px;
	}
}

/* 태블릿 */
@media screen and (max-width:1024px){
	.business-divisions{
		padding-top:24px;
		padding-bottom:80px;
	}

	.division-grid{
		grid-template-columns:1fr;
		gap:30px;
		max-width:760px;
	}

	.division-card,
	.division-card-inner{
		min-height:0;
	}

	.division-card-inner{
		padding:40px 28px;
	}

	.division-btn-wrap{
		margin-top:34px;
		padding-top:0;
	}
}

/* 모바일 */
@media screen and (max-width:700px){
	.business-divisions{
		padding-top:12px;
		padding-bottom:60px;
	}

	.division-grid{
		gap:22px;
	}

	.division-card{
		border-width:2px;
		border-radius:12px;
	}

	.division-card-inner{
		padding:30px 20px 28px;
	}

	.division-en{
		margin-bottom:14px;
		font-size:15px;
	}

	.division-title{
		margin-bottom:30px;
		font-size:25px;
	}

	.division-block + .division-block{
		margin-top:28px;
	}

	.division-block h4{
		margin-bottom:9px;
		font-size:18px;
	}

	.division-block li{
		font-size:14px;
		line-height:1.7;
	}

	.division-btn{
		width:100%;
		min-width:0;
		height:46px;
		font-size:14px;
	}
}


/* =========================================================
   OUR STRENGTH
   ========================================================= */
.business-strength{
	padding-top:84px;
	padding-bottom:110px;
}

.business-strength:before{
	background:#fff;
}

.business-strength .business-section-head{
	margin-bottom:58px;
}

.strength-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:28px;
	width:100%;
	max-width:1760px;
	margin:0 auto;
}

.strength-card{
	min-width:0;
	min-height:455px;
	padding:58px 28px 48px;
	border:1px solid #d9dddf;
	border-radius:20px;
	background:#f5f6f7;
	box-sizing:border-box;
}

.strength-card-head{
	display:flex;
	align-items:center;
	gap:28px;
	min-height:118px;
}

.strength-icon{
	flex:0 0 120px;
	width:120px;
	height:120px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.strength-icon img{
	display:block;
	width:auto;
	max-width:100%;
	max-height:100%;
	height:auto;
	object-fit:contain;
}

.strength-heading{
	min-width:0;
}

.strength-num{
	display:block;
	margin-bottom:8px;
	font-size:38px;
	line-height:1;
	font-weight:700;
	color:#118b77;
}

.strength-heading h3{
	margin:0;
	font-size:28px;
	line-height:1.3;
	font-weight:700;
	letter-spacing:-.04em;
	color:#111;
	word-break:keep-all;
}

.strength-card-body{
	margin-top:36px;
}

.strength-card-body h4{
	margin:0 0 20px;
	font-size:22px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:-.035em;
	color:#222;
}

.strength-card-body ul{
	margin:0;
	padding:0;
	list-style:none;
}

.strength-card-body li{
	position:relative;
	margin:0;
	padding-left:13px;
	font-size:16px;
	line-height:1.8;
	letter-spacing:-.03em;
	color:#333;
	word-break:keep-all;
}

.strength-card-body li + li{
	margin-top:4px;
}

.strength-card-body li:before{
	content:"-";
	position:absolute;
	left:0;
	top:0;
}

/* 1500px 이하 */
@media screen and (max-width:1500px){
	.business-strength{
		padding-top:72px;
		padding-bottom:96px;
	}

	.strength-grid{
		gap:22px;
		max-width:1420px;
	}

	.strength-card{
		min-height:420px;
		padding:48px 24px 40px;
	}

	.strength-card-head{
		gap:22px;
	}

	.strength-icon{
		flex-basis:96px;
		width:96px;
		height:96px;
	}

	.strength-num{
		font-size:32px;
	}

	.strength-heading h3{
		font-size:24px;
	}

	.strength-card-body{
		margin-top:30px;
	}

	.strength-card-body h4{
		font-size:20px;
	}

	.strength-card-body li{
		font-size:15px;
	}
}

/* 태블릿 */
@media screen and (max-width:1024px){
	.business-strength{
		padding-top:60px;
		padding-bottom:78px;
	}

	.business-strength .business-section-head{
		margin-bottom:42px;
	}

	.strength-grid{
		grid-template-columns:1fr;
		gap:22px;
		max-width:760px;
	}

	.strength-card{
		min-height:0;
		padding:38px 30px 36px;
	}

	.strength-card-head{
		min-height:0;
	}

	.strength-card-body{
		margin-top:28px;
	}
}

/* 모바일 */
@media screen and (max-width:700px){
	.business-strength{
		padding-top:48px;
		padding-bottom:60px;
	}

	.business-strength .business-section-head{
		margin-bottom:32px;
	}

	.strength-grid{
		gap:16px;
	}

	.strength-card{
		padding:28px 20px 28px;
		border-radius:14px;
	}

	.strength-card-head{
		gap:18px;
	}

	.strength-icon{
		flex-basis:72px;
		width:72px;
		height:72px;
	}

	.strength-num{
		margin-bottom:5px;
		font-size:25px;
	}

	.strength-heading h3{
		font-size:20px;
		line-height:1.35;
	}

	.strength-card-body{
		margin-top:24px;
	}

	.strength-card-body h4{
		margin-bottom:14px;
		font-size:17px;
	}

	.strength-card-body li{
		font-size:14px;
		line-height:1.7;
	}
}


/* =========================================================
   TECHNOLOGY R&D CENTER
   ========================================================= */
.business-rnd{
	padding-top:84px;
	padding-bottom:92px;
}

.business-rnd:before{
	content:"";
    position:absolute;
    z-index:0;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    max-width:none;
    transform:translateX(-50%);
    background:#f3f4f5;
}

.rnd-section-head{
	margin-bottom:52px;
}

.rnd-key-message{
	margin:24px 0 0;
	font-size:32px;
	line-height:1.35;
	font-weight:700;
	letter-spacing:-.04em;
	color:#118b77;
	text-align:center;
}

.rnd-intro{
	margin:30px auto 0;
	max-width:1100px;
	font-size:18px;
	line-height:1.7;
	font-weight:600;
	letter-spacing:-.03em;
	color:#333;
	text-align:center;
}

.rnd-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:28px;
	width:100%;
	max-width:1760px;
	margin:0 auto;
}

.rnd-card{
	display:flex;
	align-items:center;
	gap:30px;
	min-height:290px;
	padding:42px 30px;
	border:1px solid #d7dbde;
	border-radius:20px;
	background:#fff;
	box-sizing:border-box;
}

.rnd-icon-wrap{
	flex:0 0 170px;
	width:170px;
	height:170px;
	border:1px solid #d9dddf;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
}

.rnd-icon-wrap img{
	display:block;
	width:auto;
	max-width:112px;
	max-height:112px;
	height:auto;
	object-fit:contain;
}

.rnd-card-copy{
	min-width:0;
}

.rnd-card-copy h3{
	margin:0 0 18px;
	font-size:24px;
	line-height:1.35;
	font-weight:700;
	letter-spacing:-.04em;
	color:#111;
}

.rnd-card-copy ul{
	margin:0;
	padding:0;
	list-style:none;
}

.rnd-card-copy li{
	position:relative;
	margin:0;
	padding-left:13px;
	font-size:16px;
	line-height:1.75;
	letter-spacing:-.03em;
	color:#555;
	word-break:keep-all;
}

.rnd-card-copy li + li{
	margin-top:2px;
}

.rnd-card-copy li:before{
	content:"-";
	position:absolute;
	left:0;
	top:0;
}

/* 1500px 이하 */
@media screen and (max-width:1500px){
	.business-rnd{
		padding-top:72px;
		padding-bottom:82px;
	}

	.rnd-key-message{
		font-size:28px;
	}

	.rnd-intro{
		margin-top:24px;
		font-size:17px;
	}

	.rnd-grid{
		gap:22px;
		max-width:1420px;
	}

	.rnd-card{
		gap:22px;
		min-height:250px;
		padding:34px 24px;
	}

	.rnd-icon-wrap{
		flex-basis:140px;
		width:140px;
		height:140px;
	}

	.rnd-icon-wrap img{
		max-width:92px;
		max-height:92px;
	}

	.rnd-card-copy h3{
		font-size:21px;
	}

	.rnd-card-copy li{
		font-size:15px;
	}
}

/* 태블릿 */
@media screen and (max-width:1024px){
	.business-rnd{
		padding-top:60px;
		padding-bottom:72px;
	}

	.rnd-section-head{
		margin-bottom:42px;
	}

	.rnd-key-message{
		margin-top:18px;
		font-size:25px;
	}

	.rnd-intro{
		max-width:760px;
		font-size:16px;
	}

	.rnd-intro br{
		display:none;
	}

	.rnd-grid{
		grid-template-columns:1fr;
		gap:20px;
		max-width:760px;
	}

	.rnd-card{
		min-height:0;
		padding:32px 28px;
	}

	.rnd-icon-wrap{
		flex-basis:130px;
		width:130px;
		height:130px;
	}
}

/* 모바일 */
@media screen and (max-width:700px){
	.business-rnd{
		padding-top:48px;
		padding-bottom:58px;
	}

	.rnd-section-head{
		margin-bottom:32px;
	}

	.rnd-key-message{
		margin-top:15px;
		font-size:21px;
		line-height:1.45;
		word-break:keep-all;
	}

	.rnd-intro{
		margin-top:20px;
		font-size:14px;
		line-height:1.7;
		font-weight:500;
		word-break:keep-all;
	}

	.rnd-card{
		flex-direction:column;
		align-items:flex-start;
		gap:22px;
		padding:28px 20px;
		border-radius:14px;
	}

	.rnd-icon-wrap{
		flex:0 0 auto;
		width:108px;
		height:108px;
		margin:0 auto;
	}

	.rnd-icon-wrap img{
		max-width:74px;
		max-height:74px;
	}

	.rnd-card-copy{
		width:100%;
	}

	.rnd-card-copy h3{
		margin-bottom:13px;
		font-size:19px;
		text-align:center;
	}

	.rnd-card-copy li{
		font-size:14px;
		line-height:1.7;
	}
}


/* =========================================================
   R&D SECTION FULL WIDTH BACKGROUND
   네 번째 섹션 배경만 브라우저 가로 100% 적용
   ========================================================= */
.business-rnd:before{
	width:100vw;
	max-width:none;
	left:50%;
	right:auto;
	transform:translateX(-50%);
	background:#f3f4f5;
}



/* =========================================================
   TECHNOLOGY R&D CENTER - 주요연구장비
   case 갤러리 게시판 연동
   ========================================================= */
.rnd-equipment{
	position:relative;
	width:100%;
	max-width:1760px;
	margin:72px auto 0;
}

.rnd-equipment-title{
	margin:0 0 56px;
	font-size:34px;
	line-height:1.3;
	font-weight:700;
	letter-spacing:-.045em;
	color:#111;
	text-align:center;
}

#rnd-equipment-latest{
	position:relative;
	width:100%;
}

.rnd-equipment-loading,
.rnd-equipment-error,
.rnd-equipment-empty{
	padding:70px 20px;
	text-align:center;
	font-size:15px;
	color:#777;
}

/* 화살표 공간과 실제 슬라이드 노출 영역을 분리 */
.rnd-equipment-carousel{
	position:relative;
	width:100%;
	padding:0 46px;
	box-sizing:border-box;
}

.rnd-equipment-viewport{
	position:relative;
	width:100%;
	overflow:hidden;
}

.rnd-equipment-slider{
	position:relative;
	width:100%;
	overflow:hidden;
}

.rnd-equipment-slider .swiper-wrapper{
	box-sizing:border-box;
}

.rnd-equipment-slider .swiper-slide{
	height:auto;
	min-width:0;
}

.rnd-equipment-item{
	display:block;
	color:#333;
	text-align:center;
	text-decoration:none;
}

.rnd-equipment-image{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:300px;
	border:1px solid #d7dbde;
	border-radius:8px;
	overflow:hidden;
	background:#fff;
	box-sizing:border-box;
}

.rnd-equipment-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}

.rnd-equipment-noimage{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	font-size:13px;
	color:#222;
}

.rnd-equipment-item strong{
	display:block;
	margin-top:18px;
	font-size:17px;
	line-height:1.4;
	font-weight:500;
	letter-spacing:-.03em;
	color:#555;
}

/* 버튼은 viewport 바깥에 있으므로 카드가 버튼 뒤로 보이지 않음 */
.rnd-equipment-prev,
.rnd-equipment-next{
	position:absolute;
	z-index:5;
	top:129px;
	width:26px;
	height:42px;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
}

.rnd-equipment-prev{left:4px;}
.rnd-equipment-next{right:4px;}

.rnd-equipment-prev:before,
.rnd-equipment-next:before{
	content:"";
	position:absolute;
	top:50%;
	width:17px;
	height:17px;
	border-top:5px solid #9fa3a6;
	border-right:5px solid #9fa3a6;
}

.rnd-equipment-prev:before{
	left:7px;
	transform:translateY(-50%) rotate(-135deg);
}

.rnd-equipment-next:before{
	right:7px;
	transform:translateY(-50%) rotate(45deg);
}

.rnd-equipment-more{
	margin-top:68px;
	text-align:center;
}

.rnd-equipment-more a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:30px;
	min-width:310px;
	height:64px;
	padding:0 30px;
	border-radius:9px;
	background:#118b77;
	box-sizing:border-box;
	font-size:17px;
	line-height:1;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	transition:transform .2s ease, opacity .2s ease;
}

.rnd-equipment-more a:hover{
	transform:translateY(-2px);
}

.rnd-equipment-more-arrow{
	font-size:18px;
	line-height:1;
}

@media screen and (max-width:1500px){
	.rnd-equipment{
		max-width:1420px;
		margin-top:64px;
	}

	.rnd-equipment-title{
		margin-bottom:48px;
		font-size:30px;
	}

	.rnd-equipment-image{
		height:260px;
	}

	.rnd-equipment-prev,
	.rnd-equipment-next{
		top:109px;
	}
}

@media screen and (max-width:1024px){
	.rnd-equipment{
		max-width:760px;
		margin-top:56px;
	}

	.rnd-equipment-title{
		margin-bottom:38px;
		font-size:27px;
	}

	.rnd-equipment-carousel{
		padding:0 36px;
	}

	.rnd-equipment-image{
		height:240px;
	}

	.rnd-equipment-prev,
	.rnd-equipment-next{
		top:99px;
	}

	.rnd-equipment-more{
		margin-top:52px;
	}
}

@media screen and (max-width:700px){
	.rnd-equipment{
		margin-top:46px;
	}

	.rnd-equipment-title{
		margin-bottom:30px;
		font-size:23px;
	}

	.rnd-equipment-carousel{
		padding:0 28px;
	}

	.rnd-equipment-image{
		height:190px;
		border-radius:6px;
	}

	.rnd-equipment-item strong{
		margin-top:13px;
		font-size:14px;
	}

	.rnd-equipment-prev,
	.rnd-equipment-next{
		top:78px;
		width:22px;
		height:34px;
	}

	.rnd-equipment-prev:before,
	.rnd-equipment-next:before{
		width:13px;
		height:13px;
		border-width:4px;
	}

	.rnd-equipment-more{
		margin-top:42px;
	}

	.rnd-equipment-more a{
		min-width:250px;
		height:54px;
		gap:22px;
		font-size:14px;
	}
}

/* =========================================================
   BUSINESS PAGE SCROLL ANIMATION
   자연스러운 페이드업 + 카드 순차 등장
   ========================================================= */
#business-page-wrap .biz-animate{
	opacity:0;
	transform:translateY(42px);
	transition:
		opacity .8s cubic-bezier(.2,.65,.3,1),
		transform .8s cubic-bezier(.2,.65,.3,1);
	will-change:opacity, transform;
}

#business-page-wrap .biz-animate.biz-fade{
	transform:none;
}

#business-page-wrap .biz-animate.biz-left{
	transform:translateX(-42px);
}

#business-page-wrap .biz-animate.biz-right{
	transform:translateX(42px);
}

#business-page-wrap .biz-animate.is-visible{
	opacity:1;
	transform:none;
}

#business-page-wrap .biz-delay-1{transition-delay:.08s;}
#business-page-wrap .biz-delay-2{transition-delay:.16s;}
#business-page-wrap .biz-delay-3{transition-delay:.24s;}
#business-page-wrap .biz-delay-4{transition-delay:.32s;}
#business-page-wrap .biz-delay-5{transition-delay:.40s;}
#business-page-wrap .biz-delay-6{transition-delay:.48s;}

/* 카드 호버는 등장 완료 후에만 자연스럽게 */
#business-page-wrap .synergy-card,
#business-page-wrap .division-card,
#business-page-wrap .strength-card,
#business-page-wrap .rnd-card{
	transition:
		opacity .8s cubic-bezier(.2,.65,.3,1),
		transform .8s cubic-bezier(.2,.65,.3,1),
		box-shadow .25s ease,
		border-color .25s ease;
}

@media (hover:hover) and (pointer:fine){
	#business-page-wrap .synergy-card.is-visible:hover,
	#business-page-wrap .division-card.is-visible:hover,
	#business-page-wrap .strength-card.is-visible:hover,
	#business-page-wrap .rnd-card.is-visible:hover{
		transform:translateY(-6px);
		box-shadow:0 16px 36px rgba(0,0,0,.08);
	}
}

/* 주요연구장비 AJAX 로드 후 카드 등장 */
#business-page-wrap .rnd-equipment-item.biz-equipment-animate{
	opacity:0;
	transform:translateY(28px);
	transition:
		opacity .65s cubic-bezier(.2,.65,.3,1),
		transform .65s cubic-bezier(.2,.65,.3,1);
}

#business-page-wrap .rnd-equipment-item.biz-equipment-animate.is-visible{
	opacity:1;
	transform:none;
}

/* 접근성: 모션 최소화 설정 사용자 */
@media (prefers-reduced-motion: reduce){
	#business-page-wrap .biz-animate,
	#business-page-wrap .rnd-equipment-item.biz-equipment-animate{
		opacity:1;
		transform:none;
		transition:none;
	}
}


/* =========================================================
   BUSINESS BOOKMARK NAVIGATION
   PC: 한 줄 / 모바일: 2열 버튼형
   ========================================================= */
.business-bookmark{
	position:relative;
	z-index:20;
	width:100%;
	margin:38px auto 22px;
	padding:0;
}

.business-bookmark-inner{
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr));
	width:100%;
	max-width:1840px;
	margin:0 auto;
	border-top:1px solid #d8dcde;
	border-left:1px solid #d8dcde;
	background:#fff;
	box-sizing:border-box;
}

.business-bookmark-link{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
	height:58px;
	padding:0 14px;
	border-right:1px solid #d8dcde;
	border-bottom:1px solid #d8dcde;
	box-sizing:border-box;
	background:#fff;
	color:#111;
	font-size:15px;
	line-height:1.25;
	font-weight:600;
	letter-spacing:-.025em;
	text-align:center;
	text-decoration:none;
	word-break:keep-all;
	transition:color .2s ease, background-color .2s ease;
}

.business-bookmark-link:after{
	content:"";
	position:absolute;
	left:-1px;
	right:-1px;
	bottom:-1px;
	height:3px;
	background:transparent;
}

.business-bookmark-link:hover,
.business-bookmark-link.is-active{
	color:#118b77;
	background:#fbfdfc;
}

.business-bookmark-link.is-active:after{
	background:#118b77;
}

/* 앵커 이동 시 상단 헤더와 겹치지 않도록 */
#business-synergy,
#business-divisions,
#business-strength,
#business-rnd,
#business-rnd-intro,
#business-rnd-equipment{
	scroll-margin-top:110px;
}

@media screen and (max-width:700px){
	.business-bookmark{
		margin:24px auto 10px;
	}

	.business-bookmark-inner{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	.business-bookmark-link{
		width:100%;
		height:48px;
		padding:0 8px;
		font-size:13px;
	}

	#business-synergy,
	#business-divisions,
	#business-strength,
	#business-rnd,
	#business-rnd-intro,
	#business-rnd-equipment{
		scroll-margin-top:82px;
	}
}