@charset "utf-8";

:root {--subpage-content-space:10rem;}
@media only screen and (max-width:767px){
	:root {--subpage-content-space:5rem;}
}

/* 모든 서브페이지 공통 상하 여백 */
.fs_content .con_body {padding-top:var(--subpage-content-space);padding-bottom:var(--subpage-content-space);}

/* =========================
   공통
========================= */
/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;padding:10rem 5rem;background:var(--wm10);border-radius:2rem;}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:var(--black);}
.img_ready .right strong em {color:var(--primary);}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;}
@media only screen and (max-width:767px){
	.img_ready {flex-direction:column;gap:4rem;text-align:center;}
	.img_ready .right strong em br {display:none;}
	.title {width:100%;}
}

.XT_title {/*padding:0 0 2rem 0;*/font-size: 4.2rem;font-weight: 800;line-height: 1.3;text-align: center;color: var(--black);}
@media only screen and (max-width:1024px){
	.XT_title {font-size:3.8rem;}
}


/* =========================
  회사소개 (엠케이 참고)
========================= */

/* 회사소개 상단: 타이틀, 대표 이미지, 다운로드 */
.sub_depth_nav{min-height:7rem;padding-bottom:1.5rem;}
.tith4_2{position:relative;padding-bottom:4rem;margin-bottom:5rem;text-align:center;line-height:1;margin-top:5rem;}
.tith4_2 span{display:inline-block;color:var(--primary);font-size:1.8rem;font-weight:800;letter-spacing:.35em;}
.tith4_2:after{content:"";position:absolute;left:49.7%;bottom:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--primary);}
.titp_2{font-size:4.2rem;font-weight:300;color:var(--black);text-align:center;line-height:1.35;letter-spacing:-0.03em;padding:0;}
.titp_2 strong{display:block;margin-top:1rem;font-weight:800;color:var(--black);}

.about_box .img_box{position:relative;margin:0 0 10rem;overflow:hidden;}
.about_box .img_box .img{width:100%;height:730px;object-fit:cover;display:block;}
.about_box .img_box:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--black) 45%,transparent);z-index:1;}
.about_box .img_box .txt{position:absolute;left:70px;bottom:70px;z-index:2;color:var(--white);}
.about_box .img_box .txt span{display:block;color:var(--wm60);font-size:1.8rem;font-weight:900;letter-spacing:.2em;}
.about_box .img_box .txt h3{font-size:4.2rem;font-weight:800;line-height:1.25;letter-spacing:-0.04em;}
.about_box .img_box .txt p{margin-left:37rem;font-size:2rem;color:color-mix(in srgb,var(--white) 80%,transparent);}

.about_box .brochure_btn_wrap{display:flex;justify-content:center;margin:6rem;}
.about_box .brochure_btn{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-width:25rem;height:5.6rem;margin-right:4rem;border:1px solid var(--primary);border-radius:3rem;background:var(--primary);color:var(--white);font-size:1.8rem;font-weight:700;transition:background .25s,border-color .25s,transform .25s;}
.about_box .brochure_btn span{display:inline-block;width:1.1rem;height:1.1rem;border-top:2px solid var(--white);border-right:2px solid var(--white);transform:rotate(45deg);transition:transform .25s;}
.about_box .brochure_btn:hover,.about_box .brochure_btn:focus-visible{background:var(--primary2);transform:translateY(-2px);}
.about_box .brochure_btn:hover span,.about_box .brochure_btn:focus-visible span{transform:translateX(4px) rotate(45deg);}

.about_box .atext{max-width:1000px;margin:12rem auto 0;color:var(--text-main);font-size:2rem;text-align:center;line-height:1.9;letter-spacing:-0.04em;}
.about_box .atext .p1{font-size:4.2rem;font-weight:300;line-height:1.35;color:var(--black);}
.about_box .atext .p1 strong{display:block;font-weight:700;color:var(--black);}
.about_box .atext .p1 strong em{color:var(--primary2);font-style:normal;}

.about_box .atext .p2{margin-top:8rem;color:var(--text-main);font-weight:400;line-height:1.5;}
.about_box .atext .trusted_partner{color:var(--primary);font-weight:600;}

/* 회사소개 강조 문구 상하 간격 - 국문/영문 공통 */
.about_box .img_box {margin-bottom:6rem;}
.about_box .atext {margin-top:2rem;}
.about_box .atext .p2 {margin-top:4rem;}

/* 회사소개 하단: 기업정보 (서천김에프엠비 참고) */
.about_box .company_profile{position:relative;left:50%;display:flex;gap:6rem;width:154.2rem;max-width:calc(100vw - 8rem);margin-top:12rem;margin-bottom:4rem;text-align:left;transform:translateX(-50%);}
.about_box .company_profile_info{display:flex;flex:1 1 50%;min-width:0;flex-direction:column;}
.about_box .company_profile_title{display:block;color:var(--black);font-size:3.8rem;font-weight:800;line-height:1;letter-spacing:-.04em;white-space:nowrap;}
.about_box .company_profile_title_break{display:none;}
.about_box .company_profile_intro{position:relative;isolation:isolate;display:flex;flex:1 1 50%;min-width:0;flex-direction:column;justify-content:space-between;min-height:66rem;padding:3rem 3rem 4rem;overflow:hidden;border-bottom-right-radius:5rem;}
.about_box .company_profile_intro::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--black) 35%,transparent);}
.about_box .company_profile_intro>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;}
.about_box .company_profile_intro h3{margin-top:auto;color:var(--white);font-size:3.5rem;font-weight:700;line-height:1.35;letter-spacing:-.04em;}
.about_box .company_profile_intro .company_highlight{display:inline-block;background:var(--primary);color:var(--white);line-height:1.15;}
.about_box .company_profile_list{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2.5rem 0;}
.about_box .company_profile_list>div{position:relative;display:flex;align-items:center;gap:3rem;min-height:9.5rem;padding:1.5rem 2.5rem 1.5rem 3rem;border:1px dashed var(--border);border-radius:.4rem;}
.about_box .company_profile_list>div::before{content:"";position:absolute;left:0;top:0;width:.3rem;height:1.5rem;background:var(--primary);}
.about_box .company_profile_list>div>div{display:flex;flex:1 1 auto;align-items:center;gap:1.5rem;min-width:0;}
.about_box .company_profile_list dt{flex:0 0 9rem;color:var(--text-main);font-size:2rem;font-weight:700;letter-spacing:.1em;}
.about_box .company_profile_list dd{flex:1 1 auto;min-width:0;color:var(--black);font-size:2rem;font-weight:700;line-height:1.45;}

/* 회사소개 하단: 경영철학 (피앤아이 참고) */
.about_box .management{display:flex;width:100%;margin:14rem 0 0;flex-direction:column;}
.about_box .management_title{position:relative;order:0;margin-bottom:5rem;padding-bottom:4rem;text-align:center;}
.about_box .management_title::after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--primary);}
.about_box .management_title>span{display:block;margin-bottom:1.2rem;color:var(--primary);font-size:1.6rem;font-weight:800;letter-spacing:.18em;}
.about_box .management_title h3{color:var(--black);font-size:3.8rem;font-weight:700;line-height:1.2;}
.about_box .management_circle_section{position:relative;left:50%;order:2;width:154.2rem;max-width:calc(100vw - 8rem);margin-top:3rem;transform:translateX(-50%);}
.about_box .management_circle_section .cont_wrap ul{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;}
.about_box .management_circle_section .cont_wrap li{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;min-height:38rem;padding:5rem 3.5rem;overflow:hidden;border-radius:2rem;background:var(--wm5);text-align:center;word-break:keep-all;transition:transform .3s ease;}
.about_box .management_circle_section .cont_wrap li::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--primary);transform:scaleY(0);transform-origin:top center;transition:transform .45s ease;}
.about_box .management_circle_section .cont_wrap li:hover{transform:translateY(-.8rem);}
.about_box .management_circle_section .cont_wrap li:hover::before{transform:scaleY(1);}
.about_box .management_circle_section .cont_wrap img{width:7rem;height:7rem;object-fit:contain;transition:filter .3s ease;}
.about_box .management_circle_section .cont_wrap p{margin-top:7rem;color:var(--black);font-size:3rem;font-weight:800;line-height:1.25;transition:color .3s ease;}
.about_box .management_circle_section .cont_wrap span{display:block;margin-top:2.5rem;color:var(--text-main);font-size:1.8rem;font-weight:500;line-height:1.5;transition:color .3s ease;}
.about_box .management_circle_section .cont_wrap li:hover p,.about_box .management_circle_section .cont_wrap li:hover span{color:var(--white);}
.about_box .management_circle_section .cont_wrap li:hover img{filter:brightness(0) invert(1);}
.about_box .management_circle_section .management_principle_card{opacity:0;transform:translate3d(0,6rem,0);}
.about_box .management_circle_section .management_principle_card.is-visible{animation:management_card_in .55s ease-out forwards;}
.about_box .management_circle_section .management_principle_card:nth-child(2).is-visible{animation-delay:.12s;}
.about_box .management_circle_section .management_principle_card:nth-child(3).is-visible{animation-delay:.24s;}
.about_box .management_circle_section .management_principle_card.is-visible:hover{transform:translateY(-.8rem);}

@keyframes management_card_in{
	0%{opacity:0;transform:translate3d(0,6rem,0);}
	100%{opacity:1;transform:translate3d(0,0,0);}
}
.about_box .management_diagram{position:relative;left:50%;order:1;width:154.2rem;max-width:calc(100vw - 8rem);transform:translateX(-50%);}
.about_box .management_center{position:absolute;top:50%;left:50%;z-index:2;padding:1.4rem;border-radius:50%;background:var(--white);transform:translate(-50%,-50%);}
.about_box .management_center .circle{display:flex;align-items:center;justify-content:center;flex-direction:column;width:28rem;height:28rem;border:.8rem solid var(--primary);border-radius:50%;background:var(--white);}
.about_box .management_center img{width:5.5rem;height:5.5rem;object-fit:contain;}
.about_box .management_center span{display:block;margin-top:1.8rem;color:var(--black);font-size:2rem;font-weight:800;line-height:1.3;text-align:center;}
.about_box .management_list{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;}
.about_box .management_list li{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:22rem;padding:3.5rem 5rem;overflow:hidden;border-radius:2rem;background:var(--wm5);text-align:center;word-break:keep-all;}
.about_box .management_list li::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--primary);transform:scaleY(0);transform-origin:top center;transition:transform .45s ease;}
.about_box .management_list li:hover::before{transform:scaleY(1);}
.about_box .management_list li:nth-child(odd){padding-right:13rem;}
.about_box .management_list li:nth-child(even){padding-left:13rem;}
.about_box .management_list em{display:block;color:var(--black);font-size:2.8rem;font-weight:800;line-height:1.3;transition:color .3s ease;}
.about_box .management_list span{display:block;margin-top:1.8rem;color:var(--text-main);font-size:1.8rem;font-weight:500;line-height:1.6;transition:color .3s ease;}
.about_box .management_list li:hover em,.about_box .management_list li:hover span{color:var(--white);}


/* 회사소개 반응형 - 데스크톱(1399px 이하) */
@media only screen and (max-width:1399px){
	.about_box .management_circle_section .cont_wrap li{min-height:38rem;}
	.about_box .management_center .circle{width:26rem;height:26rem;}
	.about_box .management_list li:nth-child(odd){padding-right:12rem;}
	.about_box .management_list li:nth-child(even){padding-left:12rem;}
}

/* 회사소개 반응형 - 데스크톱(1270px 이하) */
@media only screen and (max-width:1270px){
	.about_box .company_profile_title{font-size:5.5rem;line-height:1;white-space:nowrap;}
}

/* 회사소개 반응형 - 데스크톱(1204px 이하) */
@media only screen and (max-width:1204px){
	.about_box .management_circle_section{margin-top:2rem;}
	.about_box .management_circle_section .cont_wrap ul{gap:2rem;}
	.about_box .management_circle_section .cont_wrap li{min-height:34rem;padding:4rem 2.5rem;}
	.about_box .management_circle_section .cont_wrap p{margin-top:5rem;font-size:2.3rem;}
	.about_box .management_circle_section .cont_wrap span{font-size:1.6rem;}
	.about_box .management_center{padding:1.2rem;}
	.about_box .management_center .circle{width:22rem;height:22rem;border-width:.7rem;}
	.about_box .management_center img{width:4.8rem;height:4.8rem;}
	.about_box .management_center span{margin-top:1.5rem;font-size:1.7rem;}
	.about_box .management_list{gap:2rem;}
	.about_box .management_list li{min-height:19rem;padding:3rem 4rem;}
	.about_box .management_list li:nth-child(odd){padding-right:13rem;}
	.about_box .management_list li:nth-child(even){padding-left:13rem;}
	.about_box .management_list em{font-size:2.3rem;}
	.about_box .management_list span{font-size:1.6rem;}
}

/* 회사소개 반응형 - 데스크톱(1140px 이하) */
@media only screen and (max-width:1140px){
	.about_box .company_profile_title{font-size:5rem;line-height:1;white-space:nowrap;}
}

/* 회사소개 반응형 - 데스크톱(1060px 이하) */
@media only screen and (max-width:1060px){
	/* 기업정보: 2열 구조 내부 간격 */
	.about_box .company_profile{gap:3rem;}
	.about_box .company_profile_title{font-size:3.5rem;line-height:1;white-space:nowrap;}
	.about_box .company_profile_intro{min-height:58rem;}
	.about_box .company_profile_intro h3{font-size:3rem;}
	.about_box .company_profile_list>div{gap:2rem;min-height:8.5rem;padding:1.5rem 2rem;}
	.about_box .company_profile_list dt{flex-basis:8rem;font-size:1.5rem;}
	.about_box .company_profile_list dd{font-size:1.8rem;}

	/* 경영철학: 중앙 원과 카드의 겹침 방지 */
	.about_box .management_center{padding:1rem;}
	.about_box .management_center .circle{width:20rem;height:20rem;}
	.about_box .management_center img{width:4.5rem;height:4.5rem;}
	.about_box .management_center span{font-size:1.6rem;}
	.about_box .management_list li{min-height:18rem;padding-top:2.5rem;padding-bottom:2.5rem;}
	.about_box .management_list li:nth-child(odd){padding-right:12rem;}
	.about_box .management_list li:nth-child(even){padding-left:12rem;}
	.about_box .management_list em{font-size:2.1rem;}

	/* 하단 경영방침 카드 정렬 */
	/* 하단 경영방침 카드 정렬 */
	.about_box .management_circle_section .cont_wrap li{min-height:32rem;padding:3.5rem 2rem;}
	.about_box .management_circle_section .cont_wrap p{margin-top:4rem;font-size:2.1rem;}
	.about_box .management_circle_section .cont_wrap span{margin-top:2rem;line-height:1.65;}
}

/* 회사소개 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.about_box .company_profile,
	.about_box .management_diagram,
	.about_box .management_circle_section{max-width:calc(100vw - 6rem);}
	/* 상단 소개 타이틀 */
	.titp_2,
	.about_box .atext .p2{box-sizing:border-box;width:min(1000px,calc(100vw - 6rem));margin-right:auto;margin-left:auto;}
	.titp_2{font-size:3.4rem;}
	.about_box .atext .p1{font-size:3.2rem;}
	.about_box .management_title h3{font-size:3.4rem;}

	/* 상단 메인 이미지 */
	.about_box .img_box .img{height:480px;}
	.about_box .img_box .txt{left:40px;bottom:40px;}
	.about_box .img_box .txt h3{font-size:3.2rem;}
	.about_box .img_box .txt p{margin-left:0;}

	/* 기업정보 COMPANY PROFILE 두 줄 처리 */
	.about_box .company_profile_title{white-space:normal;}
	.about_box .company_profile_title_break{display:block;}

	/* 경영철학 중앙 원 상단 배치 */
	.about_box .management_diagram,
	.about_box .management_circle_section {margin-right:0;margin-left:0;}
	.about_box .management_center{position:static;width:max-content;margin:0 auto 3rem;transform:none;}
	.about_box .management_center .circle{width:18rem;height:18rem;border-width:.6rem;}
	.about_box .management_list{grid-template-columns:1fr;gap:1.5rem;}
	.about_box .management_list li{min-height:13rem;padding:2.5rem 2rem;}
	.about_box .management_list li:nth-child(odd),
	.about_box .management_list li:nth-child(even){padding-right:2rem;padding-left:2rem;}
}

/* 회사소개 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	/* 상단 소개 타이틀 */
	.titp_2,
	.about_box .atext .p2{width:min(1000px,calc(100vw - 4rem));}
	.titp_2{font-size:3rem;}

	/* 상단 메인 이미지 */
	.about_box .img_box .img{height:320px;}
	.about_box .img_box .txt{left:20px;bottom:20px;}
	.about_box .img_box .txt span{font-size:1.2rem;}
	.about_box .img_box .txt h3{font-size:2.8rem;}
	.about_box .img_box .txt p{font-size:1.4rem;}

	/* 회사소개서 다운로드 버튼 */
	.about_box .brochure_btn_wrap{margin:4rem;}
	.about_box .brochure_btn{min-width:0;width:auto;height:4.6rem;margin-right:0;padding:0 1.8rem;gap:1.4rem;font-size:1.4rem;}

	/* 회사소개 강조 문구 */
	.about_box .img_box {margin-bottom:4rem;}
	.about_box .atext {margin-top:2rem;}
	.about_box .atext .p2 {margin-top:3rem;}
	.about_box .atext .p1{font-size:2.8rem;line-height:1.4;}
	.about_box .atext .p2 {font-size:1.8rem;}
	/* 기업정보 전체 레이아웃 */
	.about_box .company_profile{left:50%;flex-direction:column;gap:4rem;width:calc(100vw - 4rem);max-width:none;margin-top:8rem;margin-bottom:2rem;transform:translateX(-50%);}

	/* 기업정보 이미지 영역 */
	.about_box .company_profile_intro{min-height:38rem;padding:2.5rem 2rem 3rem;border-bottom-right-radius:5rem;}
	.about_box .company_profile_intro h3{font-size:2.4rem;}

	/* 기업정보 COMPANY PROFILE 모바일 한 줄 처리 */
	.about_box .company_profile_title{margin-bottom:2rem;font-size:2.5rem;white-space:nowrap;}
	.about_box .company_profile_title_break{display:none;}

	/* 기업정보 목록 */
	.about_box .company_profile_list{gap:1rem;padding:0;}
	.about_box .company_profile_list>div{gap:2rem;min-height:8rem;padding:1.5rem 1.5rem 1.5rem 2rem;}
	.about_box .company_profile_list>div>div{gap:1rem;}
	.about_box .company_profile_list dt{flex-basis:7rem;font-size:1.7rem;}

	/* 경영철학 타이틀 */
	.about_box .management{margin:10rem auto 0;}
	.about_box .management_title{margin-bottom:3rem;}
	.about_box .management_title>span{font-size:1.2rem;}
	.about_box .management_title h3{font-size:3rem;}

	/* 경영철학 중앙 원과 카드 내부 콘텐츠 */
	.about_box .management_diagram,
	.about_box .management_circle_section{left:50%;width:calc(100vw - 4rem);max-width:none;transform:translateX(-50%);}
	.about_box .management_circle_section{margin-top:1.5rem;}
	.about_box .management_circle_section .cont_wrap ul{grid-template-columns:1fr;gap:1.5rem;}
	.about_box .management_circle_section .cont_wrap li{min-height:28rem;padding:3.5rem 2.5rem;}
	.about_box .management_circle_section .cont_wrap img{width:5.5rem;height:5.5rem;}
	.about_box .management_circle_section .cont_wrap p{margin-top:3.5rem;font-size:2rem;}
	.about_box .management_circle_section .cont_wrap span{margin-top:1.5rem;}
	.about_box .management_circle_section .cont_wrap span br{display:none;}
	.about_box .management_center{padding:1rem;}
	.about_box .management_center .circle{width:16rem;height:16rem;}
	.about_box .management_center img{width:4rem;height:4rem;}
	.about_box .management_center span{margin-top:1rem;font-size:1.4rem;}
	.about_box .management_list li{min-height:12rem;border-radius:1.5rem;}
	.about_box .management_list em{font-size:2rem;}
	.about_box .management_list span{margin-top:1rem;}
}

@media only screen and (max-width:480px){
	.titp_2{font-size:2.6rem;}
	.about_box .img_box .txt h3{font-size:2.4rem;}
	.about_box .atext .p1{font-size:2.4rem;}
	.about_box .management_title h3{font-size:2.6rem;}
}

/* =========================
  CEO 인사말
========================= */
.ceo_greeting {box-sizing:border-box;position:relative;left:50%;width:calc(100vw - 8rem);max-width:154.2rem;margin:5rem 0 0;padding:9rem 3rem;overflow:hidden;background:linear-gradient(color-mix(in srgb,var(--black) 12%,transparent),color-mix(in srgb,var(--black) 12%,transparent)),url("../../images/fs/content/sub01/sub0102_bg.jpg") no-repeat center/cover;transform:translateX(-50%);}
.ceo_greeting .ceo_card {box-sizing:border-box;width:100%;max-width:110rem;min-width:0;margin:0 auto;padding:8rem 10rem 6rem;border-radius:1rem;background:color-mix(in srgb,var(--white) 97%,transparent);box-shadow:0 2rem 6rem color-mix(in srgb,var(--black) 18%,transparent);}
.ceo_greeting .ceo_logo {display:inline-block;width:auto;height:8.2rem;/*margin-right:1.5rem;*/object-fit:contain;vertical-align:middle;}
.ceo_greeting .ceo_intro {text-align:left;word-break:keep-all;}
.ceo_greeting .ceo_intro h4 {font-size:4.2rem;font-weight:300;line-height:1.35;letter-spacing:-.03em;color:var(--black);}
.ceo_greeting .ceo_intro p {border-bottom:1px solid #bdbdbd;padding-bottom:5rem;font-size:4.2rem;font-weight:800;line-height:1.35;letter-spacing:-.03em;color:var(--black);}
.ceo_greeting .ceo_message {margin-top:5rem;text-align:left;color:var(--black);}
.ceo_greeting .ceo_message > p {font-size:2.2rem;font-weight:500;line-height:1.5;letter-spacing:-.025em;word-break:keep-all;}
/*.ceo_greeting .ceo_message > p:first-child {margin-top:0;}*/
/*.ceo_greeting .ceo_message > p:last-of-type {margin-top:5.5rem;}*/
.ceo_greeting .ceo_message > p strong {font-weight:700;color:var(--black);}
.ceo_greeting .ceo_message > p:not(.ceo_welcome) strong {color:var(--primary);}
.ceo_greeting .ceo_welcome strong {display:block;font-size:2.2rem;line-height:1.5;}
.ceo_greeting .ceo_sign {display:flex;align-items:center;justify-content:flex-end;margin-top:5rem;color:var(--black);}
.ceo_greeting .ceo_sign p {font-size:2rem;font-weight:500;white-space:nowrap;}
.ceo_greeting .ceo_sign p strong {margin-left:.5rem;font-size:2.8rem;font-weight:700;color:var(--black);}
.ceo_greeting .ceo_sign img {display:block;width:10rem;height:8rem;margin-left:1rem;object-fit:contain;}

/* CEO 인사말 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.ceo_greeting {width:calc(100vw - 6rem);padding:7rem 3rem;}
	.ceo_greeting .ceo_card {padding:6rem 5rem 5rem;}
	.ceo_greeting .ceo_logo {height:6.4rem;}
	.ceo_greeting .ceo_intro {word-break:normal;overflow-wrap:anywhere;}
	.ceo_greeting .ceo_intro h4,.ceo_greeting .ceo_intro p {font-size:3.4rem;}
	.ceo_greeting .ceo_message {margin-top:5rem;}
	.ceo_greeting .ceo_message > p,
	.ceo_greeting .ceo_welcome strong {font-size:1.9rem;}
	.ceo_greeting .ceo_sign p {font-size:1.8rem;}
	.ceo_greeting .ceo_sign p strong {font-size:2.4rem;}
}

/* CEO 인사말 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.ceo_greeting {width:calc(100vw - 4rem);padding:4rem 1.5rem;border-radius:1.5rem;}
	.ceo_greeting .ceo_card {width:100%;max-width:100%;padding:4rem 2.5rem 3.5rem;border-radius:0 0 2.5rem 0;}
	.ceo_greeting .ceo_logo {width:auto;height:4.6rem;margin-right:1rem;}
	.ceo_greeting .ceo_intro h4,.ceo_greeting .ceo_intro p {font-size:2.2rem;line-height:1.45;}
	.ceo_greeting .ceo_intro p {padding-bottom:4rem;}
	.ceo_greeting .ceo_message {margin-top:4rem;}
	.ceo_greeting .ceo_message > p {margin-top:3rem;font-size:1.6rem;line-height:1.8;}
	.ceo_greeting .ceo_welcome + p {margin-top:2rem;}
	/*.ceo_greeting .ceo_message > p:last-of-type {margin-top:4rem;}*/
	.ceo_greeting .ceo_welcome strong {font-size:1.6rem;}
	.ceo_greeting .ceo_sign {display:grid;grid-template-columns:minmax(0,1fr) 8rem;grid-template-rows:auto 6.4rem;justify-content:end;width:100%;margin-top:4rem;}
	.ceo_greeting .ceo_sign p {display:contents;font-size:1.5rem;white-space:normal;}
	.ceo_greeting .ceo_sign p span {grid-row:1;grid-column:1 / -1;text-align:right;}
	.ceo_greeting .ceo_sign p strong {align-self:center;grid-row:2;grid-column:1;margin-left:0;font-size:1.8rem;text-align:right;}
	.ceo_greeting .ceo_sign img {align-self:center;grid-row:2;grid-column:2;width:8rem;height:6.4rem;margin-left:0;}
}

/* CEO 상단 로고 반응형 - 모바일(320px 이하) */
@media only screen and (max-width:320px){
	.ceo_greeting .ceo_intro {text-align:center;}
	.ceo_greeting .ceo_intro h4 {display:flex;align-items:center;flex-direction:column;}
	.ceo_greeting .ceo_logo {margin:0 0 1rem;}
}


/* =========================
  연혁 (엠케이, 비와이케미칼 참고)
========================= */
.history_title {box-sizing: border-box;width: min(calc(100vw - 8rem), 154.2rem);max-width: 154.2rem;margin-right: auto;margin-left: auto;padding: 7rem 0 4rem;font-size: 4.2rem;font-weight: 800;line-height: 1.3;text-align: center;color: var(--black);}
.history_banner {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:154.2rem;min-height:14rem;margin:5rem auto 0;padding:6rem;border-radius:1.2rem;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url("../../images/fs/content/sub01/sub0103_bg.jpg") no-repeat center 68%/cover;}
.history_banner_heading {display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;}
.history_banner_title {display:flex;align-items:center;justify-content:center;}
.history_banner_xt {display:flex;align-items:center;font-size:4rem;font-weight:900;line-height:1;filter:drop-shadow(0 .3rem .6rem rgba(0,0,0,.12));}
.history_banner_xt b:first-child {position:relative;z-index:2;color:#4f83dc;}
.history_banner_xt b:last-child {position:relative;z-index:1;margin-left:-.18em;color:var(--white);}
.history_banner strong {margin-left:1.2rem;font-size:4rem;font-weight:800;line-height:1;color:var(--white);letter-spacing:-.03em;}
.history_banner_heading > p {margin-top:1.4rem;font-size:1.6rem;font-weight:500;line-height:1.5;letter-spacing:.01em;color:rgba(255,255,255,.78);}
.history_wrap {position:relative;isolation:isolate;width:100%;max-width:154.2rem;margin-right:auto;margin-left:auto;padding-top:8rem;padding-bottom:0;overflow:hidden;}

.history_wrap .history_set {box-sizing:border-box;display:flex;flex-direction:column;gap:7rem;width:100%;padding:0 8rem;}
.history_wrap > .history_set:not(.column-reverse) {position:relative;z-index:1;}

.history_wrap .history_item_wrap {position:relative;margin-bottom:3rem;padding-left:5.5rem;font-size:4.2rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--black);}

/* 화면 중앙 활성 연도 펄스 핀 */
.history_wrap .pin {position:absolute;top:50%;left:2.7rem;z-index:1;width:1.4rem;height:1.4rem;border-radius:50%;transform:translate(-50%,-50%);}
.history_wrap .pin:after {content:"";position:absolute;inset:0;z-index:2;border-radius:50%;background:var(--primary);transform:scale(.65);transition:background .3s ease,box-shadow .3s ease,transform .3s ease;}
.history_wrap .pin > span {position:absolute;inset:0;z-index:1;}
.history_wrap .pin > span:before,
.history_wrap .pin > span:after {content:"";position:absolute;top:50%;left:50%;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none;}
.history_wrap .pin > span:before {width:4.9rem;height:4.9rem;background:var(--wm30);}
.history_wrap .pin > span:after {width:2.9rem;height:2.9rem;background:var(--wm50);}
.history_wrap .history_item.is-active .pin:after {background:var(--white);box-shadow:0 0 0 .25rem var(--primary);transform:scale(.75);}
.history_wrap .history_item.is-active .pin > span:before,
.history_wrap .history_item.is-active .pin > span:after {animation:history_pin 3s infinite;}
.history_wrap .history_item.is-active .pin > span:after {animation-delay:.25s;}

/* 펄스 확산 애니메이션 */
@keyframes history_pin {
	0% {transform:translate(-50%,-50%) scale(0);opacity:1;}
	50% {transform:translate(-50%,-50%) scale(1);opacity:.8;}
	100% {transform:translate(-50%,-50%) scale(1);opacity:0;}
}
/* 오른쪽 흐림 연혁 보조 컬럼 */
.history_wrap .history_set.column-reverse {position:absolute;top:8rem;right:0;z-index:0;display:flex;width:48%;padding:0 3rem;flex-direction:column-reverse;opacity:.1;filter:blur(.3rem);pointer-events:none;user-select:none;}
.history_wrap .history_set.column-reverse .history_item_wrap {margin-left:0;padding-left:0;}
.history_wrap .history_set.column-reverse .pin {display:none;}

/* 스크롤 진행에 따른 보조 컬럼 이동 */
@supports (animation-timeline:scroll()){
	.history_wrap .history_set.column-reverse {animation:history_reverse_scroll linear both;animation-timeline:scroll(root block);}
	@keyframes history_reverse_scroll {
		from {transform:translateY(calc(-100% + 10vh));opacity:0;}
		to {transform:translateY(calc(100% - 10vh));opacity:.12;}
	}
}
/* 연도별 월·내용 목록 */
.history_wrap .history_item_caption {display:flex;flex-direction:column;gap:1.2rem;}
.history_wrap .item_box {display:block;padding:2rem 2.4rem;border-radius:1rem;background:var(--wm5);}
.history_wrap .year_text {width:100%;min-width:0;}
.history_wrap .year_text li {display:flex;align-items:flex-start;margin-top:1rem;font-size:1.8rem;line-height:1.5;color:var(--text-main);}
.history_wrap .year_text li:first-child {margin-top:0;}
.history_wrap .month {flex:0 0 6rem;font-weight:700;margin-left:2rem;color:var(--black);}
.history_wrap .textdata {min-width:0;word-break:keep-all;}

@media only screen and (min-width:1025px) and (max-width:1542px){
	.history_banner {width:auto;max-width:none;margin:5rem 4rem 0;}
}

/* 연혁 반응형 - 데스크톱(1399px 이하) */
@media only screen and (max-width:1399px){
	.history_wrap .history_item_wrap {font-size:3.8rem;}
	.history_wrap .year_text li {font-size:1.8rem;}
}

/* 연혁 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.history_title,.XT_title:has(+ .history_banner) {margin-bottom:5rem;padding-bottom:0;}
	.history_banner {width:auto;max-width:none;min-height:12rem;margin:0 4rem;}
	.history_banner_xt {font-size:3.5rem;}
	.history_banner strong {font-size:3.5rem;}
	.history_wrap {padding-top:6rem;padding-bottom:0;}
	.history_wrap .history_set {gap:6rem;padding:0 7rem;}
}

/* 연혁 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.history_banner {width:auto;max-width:none;min-height:10rem;margin:0 2rem;padding:2rem;border-radius:1rem;}
	.history_banner_xt {font-size:2.8rem;}
	.history_banner strong {margin-left:.8rem;font-size:2.8rem;}
	.history_wrap {display:block;padding-top:5rem;padding-bottom:0;}
	.history_wrap .history_set {gap:5rem;padding:0 4rem;}
	.history_wrap .history_set.column-reverse {display:none;}
	.history_wrap .history_item_wrap {margin-bottom:2.5rem;font-size:3.4rem;}
	.history_wrap .pin {display:block;}
	.history_wrap .item_box {padding:2rem;}
	.history_wrap .year_text li {font-size:1.5rem;}
	.history_wrap .month {flex-basis:5.5rem;}
}

/* 연혁 반응형 - 모바일(590px 이하) */
@media only screen and (max-width:590px){
	.history_wrap .history_item_wrap {font-size:3rem;}
}

/* 접근성: 사용자 모션 감소 설정 시 연혁 핀 애니메이션 중지 */
@media (prefers-reduced-motion:reduce){
	.history_wrap .history_item.is-active .pin > span:before,
	.history_wrap .history_item.is-active .pin > span:after {animation:none;}
}


/* =========================
  CI (와이케미칼 참고)
========================= */
.ci_identity {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;color:var(--black);margin-top:5rem;padding:0;}
.ci_intro h4 {font-size:4.2rem;font-weight:700;line-height:1.2;text-align:center;letter-spacing:-.03em;color:var(--black);word-break:keep-all;}
.ci_intro > p {margin-top:4rem;padding-left:2.5rem;border-left:.4rem solid var(--primary);font-size:1.8rem;line-height:1.5;letter-spacing:-.015em;color:var(--black);word-break:keep-all;}
.ci_intro > p em {font-weight:700;color:var(--primary);}
.ci_section {margin-top:7rem;}
.ci_section > h4 {position:relative;margin:0 0 2rem;padding-left:2rem;font-size:2.8rem;font-weight:700;color:var(--primary);}
.ci_section > h4::before {content:"";position:absolute;top:50%;left:0;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);transform:translateY(-50%);}
.ci_section > p {margin-top:2rem;font-size:1.8rem;line-height:1.5;color:var(--black);word-break:keep-all;}
.ci_signature_panel {margin-top:2rem;border:1px solid var(--border);background:var(--white);}
.ci_logo_examples {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding:5rem 3rem;background-image:linear-gradient(var(--wm10) 1px,transparent 1px),linear-gradient(90deg,var(--wm10) 1px,transparent 1px);background-size:1.5rem 1.5rem;}
.ci_logo_examples article h6 {font-size:1.8rem;font-weight:700;text-align:center;color:var(--black);}
.ci_logo_examples article h6:before {display:none;}
.ci_logo_card {display:flex;align-items:center;justify-content:center;height:20rem;margin-top:1.2rem;padding:3rem;overflow:hidden;box-sizing:border-box;}
.ci_logo_card img {display:block;flex:none;width:auto;max-width:none;height:auto;object-fit:contain;}
.ci_logo_examples article:nth-child(1) .ci_logo_card img {width:26.2rem;transform:translate(1.7rem,.8rem);}
.ci_logo_examples article:nth-child(2) .ci_logo_card img {width:15.2rem;transform:translate(.1rem,.4rem);}
.ci_logo_examples article:nth-child(3) .ci_logo_card img {width:24.9rem;transform:translate(.2rem,.3rem);}
.ci_logo_examples article:nth-child(4) .ci_logo_card img {width:22.4rem;transform:translate(0,.8rem);}
.ci_logo_horizontal {gap:1.2rem;}
.ci_logo_vertical {flex-direction:column;gap:.2rem;}
.ci_logo_vertical img {height:auto;max-width:none;max-height:none;}
.ci_logo_note {padding:3rem 5%;background:var(--wm5);text-align:center;}
.ci_logo_note p {font-size:1.7rem;line-height:1.5;color:var(--black);word-break:keep-all;}
.ci_download {display:flex;justify-content:center;margin-top:2rem;}
.ci_download .brochure_btn {display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-width:25rem;height:5.6rem;border:1px solid var(--primary);border-radius:3rem;background:var(--primary);color:var(--white);font-size:1.8rem;font-weight:700;transition:background .25s,border-color .25s,transform .25s;}
.ci_download .brochure_btn:hover,.ci_download .brochure_btn:focus-visible {background:var(--primary2);transform:translateY(-2px);}
.ci_color_section {margin-top:8rem;}
.ci_colors {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;margin-top:3rem;}
.ci_color_box {display:flex;min-height:14rem;border:1px solid var(--border);background:var(--white);}
.ci_swatch {display:flex;align-items:flex-end;flex:0 0 37%;min-height:14rem;padding:1.5rem;}
.ci_swatch strong {font-size:1.5rem;font-weight:700;}
.ci_white {border-right:1px solid var(--border);background:var(--white);color:var(--black);}
.ci_black {background:var(--black);color:var(--white);}
.ci_blue {background:var(--primary);color:var(--white);}
.ci_colors dl {display:flex;flex:1;flex-direction:column;justify-content:center;gap:1rem;min-width:0;padding:2.5rem 3rem;}
.ci_colors dl > div {display:flex;gap:1rem;font-size:1.6rem;line-height:1.4;}
.ci_colors dt {flex:0 0 5rem;font-weight:800;color:var(--text-main);}
.ci_colors dd {color:var(--text-main);}

@media only screen and (max-width:1399px){
	.ci_intro h4 {font-size:3rem;}
	.ci_logo_card strong {font-size:3.6rem;}
	.ci_section > h4 {font-size:2.8rem;}
	.ci_logo_vertical strong {font-size:2.6rem;}
	.ci_intro > p,
	.ci_section > p,
	.ci_download .brochure_btn {font-size:1.8rem;}
	.ci_logo_note p {font-size:1.7rem;}
}

/* CI 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.ci_identity {width:calc(100vw - 6rem);}
	.ci_intro h4 {font-size:2.2rem;}
	.ci_section > h4 {font-size:2.6rem;}
	.ci_logo_examples {grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;padding:4rem 3rem;}
	.ci_logo_card {min-height:18rem;}
	.ci_colors dl {padding:2rem;}
}
/* CI 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.ci_identity {width:calc(100vw - 4rem);padding:1rem 0 0;}
	.ci_intro h4 {line-height:1.5;}
	.ci_section > p br {display:none;}
	.ci_intro > p {margin-top:3rem;padding-left:1.8rem;font-size:1.5rem;line-height:1.8;}
	.ci_section {margin-top:5rem;}
	.ci_section > h4 {margin-bottom:1.5rem;font-size:2.4rem;}
	.ci_section > p {font-size:1.6rem;line-height:1.8;}
	.ci_logo_examples {grid-template-columns:1fr;gap:3rem;padding:3rem 2rem;}
	.ci_logo_card {height:17rem;padding:2.5rem 2rem;}
	.ci_logo_examples article:nth-child(1) .ci_logo_card img {width:20.4rem;transform:translate(1.3rem,.7rem);}
	.ci_logo_examples article:nth-child(2) .ci_logo_card img {width:13.5rem;transform:translate(.1rem,.3rem);}
	.ci_logo_examples article:nth-child(3) .ci_logo_card img {width:20.8rem;transform:translate(.2rem,.2rem);}
	.ci_logo_examples article:nth-child(4) .ci_logo_card img {width:18.7rem;transform:translate(0,.6rem);}
	.ci_logo_card strong {font-size:3rem;}
	.ci_logo_vertical strong {font-size:2.3rem;}
	.ci_logo_note {padding:2.5rem 2rem;}
	.ci_logo_note p {font-size:1.5rem;}
	.ci_download .brochure_btn {min-width:0;width:auto;height:4.6rem;padding:0 5rem;gap:1.4rem;font-size:1.5rem;}
	.ci_colors {grid-template-columns:1fr;gap:2rem;}
	.ci_color_box {min-height:11rem;}
	.ci_swatch {flex-basis:36%;min-height:11rem;}
	.ci_colors dl {padding:2rem;}
}

/* CI 반응형 - 소형 모바일(590px 이하) */
@media only screen and (max-width:590px){
	.ci_intro h4 {font-size:2rem;}
	.ci_intro h4 br {display:none;}
}

/* =========================================================
   조직도
========================================================= */
.organization_title {box-sizing: border-box; width: min(calc(100vw - 8rem), 154.2rem); max-width: 154.2rem; margin-right: auto; margin-left: auto; padding: 7rem 0 4rem; font-size: 4.2rem; font-weight: 800; line-height: 1.3; text-align: center; color: var(--black);}
.organization_ready {display: none;}
.organization {box-sizing: border-box; width: min(calc(100vw - 8rem), 154.2rem); max-width: 154.2rem; margin-right: auto; margin-left: auto; padding: 0;}
.organization_board {overflow: visible; min-width: 120rem; padding: 5rem 0 0;margin-top:5rem;}
.org_executive {position: relative; left: 50%; width: 76rem; height: 16rem; transform: translateX(-50%);}
.org_box {position: absolute; width: 19rem; border: 1px solid var(--primary); border-radius: .8rem; background: var(--white); text-align: center; box-shadow: 0 0 2rem var(--wm20);}
.org_box > strong {display: block; padding: 1.4rem 1rem; font-size: 18px; color: var(--black);}
.org_ceo {top: -53px; left: 50%; width: 23rem; border: 0; background: var(--primary); box-shadow: 0 1rem 2.5rem var(--wm30); transform: translateX(-50%);}
.org_ceo > strong {padding: 1.8rem 1rem; font-size: 20px; color: var(--white);}
.org_ceo:before {content: ""; position: absolute; left: 50%; top: 107%; width: 41.5rem; height: 3rem; border-bottom: 2px dotted var(--wm50); border-left: 2px dotted var(--wm50);}
.org_ceo:after {display: none;}
.org_director {top: 8rem; left: 28.5rem;}
.org_director:before {content: ""; position: absolute; left: 50.5%; bottom: 100%; height: 3.1rem; border-left: 2px dotted var(--wm50); transform: translateX(-1px);}
.org_director:after {content: ""; position: absolute; left: 50%; top: 103%; height: 5.1rem; border-left: 2px dotted var(--wm50); transform: translateX(-1px);}
.org_lab {top: 8rem; left: 70rem; text-align: left;}
.org_lab > strong {text-align: center;}
.org_lab ul {padding: 1rem 1.5rem; border-top: 1px solid var(--border);}
.org_lab li {position: relative; padding-left: 1.2rem; font-size: 1.6rem; color: var(--text-main);}
.org_lab:before {content: ""; position: absolute; left: 50%; bottom: 100%; height: 3.2rem; border-left: 2px dotted var(--wm50); transform: translateX(-1px);}
.org_division_titles {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; position: relative; margin-top: 6rem;}
.org_division_titles:before {content: ""; position: absolute; left: 12.3%; right: 37.5%; top: -3rem; border-top: 2px dotted var(--wm50);}
.org_division_titles:after {display: none;}
.org_division_titles h5 {position: relative; padding: 1.3rem 1rem; border: 1px solid var(--wm40); border-radius: .8rem; background: var(--white); box-shadow: 0 1rem 3rem var(--wm10); font-size: 1.8rem; text-align: center; color: var(--black);}
.org_division_titles h5:before {content: ""; position: absolute; left: 50%; bottom: 100%; height: 3rem; border-left: 2px dotted var(--wm50); transform: translateX(-1px);}
.org_division_titles h5:after {content: ""; position: absolute; left: 50%; top: 100%; height: 2.5rem; border-left: 2px dotted var(--wm40); transform: translateX(-1px);}
.org_support_title {grid-column: 1; width: 100%;}
.org_tech_title {grid-column: 3; justify-self: stretch; width: 100%;}
.org_team_row {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; position: relative; margin-top: 4rem; align-items: start;}
.org_team_row:before {content: ""; position: absolute; left: 37.3%; right: 12.3%; top: -2rem; border-top: 2px dotted var(--wm40);}
.org_mobile_tech_title {display: none;}
.org_unit {position: relative; min-width: 0; border: 1px solid var(--border); border-radius: .8rem; background: var(--white); box-shadow: 0 1rem 3rem var(--wm10); transition: border-color .25s, transform .25s, box-shadow .25s;}
.org_unit:hover {border-color: var(--primary); transform: translateY(-.4rem); box-shadow: 0 0 2rem var(--wm20);}
.org_unit:before {content: ""; position: absolute; left: 50%; bottom: 100%; height: 2rem; border-left: 2px dotted var(--wm40); transform: translateX(-1px);}
.org_unit:after {content: ""; position: absolute; left: 50%; top: -.6rem; width: .8rem; height: .8rem; border: 2px solid var(--primary); border-radius: 50%; background: var(--white); box-shadow: 0 0 1.2rem var(--primary); transform: translateX(-50%);}
.org_unit h6 {display: flex; align-items: center; justify-content: center; min-height: 4.8rem; padding: 1rem; border-bottom: 1px solid var(--border); border-radius: .7rem .7rem 0 0; background: var(--wm10); font-size: 1.7rem; text-align: center; color: var(--black);}
.org_unit > ul {min-height: 8.5rem; padding: 1.4rem 1.5rem;}
.org_unit > ul li {position: relative; margin-top: .6rem; padding-left: 1.2rem; font-size: 16px; line-height: 1.4; color: var(--text-main); word-break: keep-all;}
.org_unit > ul li:first-child {margin-top: 0;}
.org_management {border: 0; background: transparent; box-shadow: none;}
.org_management:hover {border-color: transparent; box-shadow: none;}
.org_management h6 {width: 100%; border: 1px solid var(--border); border-radius: .8rem; background: var(--wm10); box-shadow: 0 1rem 3rem var(--wm10);}
.org_subunits {display: flex; flex-direction: column; gap: .8rem; position: relative; width: 100%; margin: 1rem 0 0;}
.org_subunits:before {content: ""; position: absolute; left: 50%; bottom: 100%; height: 1.1rem; border-left: 2px dotted var(--wm40); transform: translateX(-1px);}
.org_subunits span {display: flex; align-items: center; justify-content: center; min-height: 4.2rem; padding: .8rem; border: 1px solid var(--border); border-radius: .8rem; background: var(--white); font-size: 16px; font-weight: 600; text-align: center; color: var(--black);}
.org_tech_team {display: flex; flex-direction: column; border: 0; background: transparent; box-shadow: none;}
.org_tech_team:hover {border-color: transparent; box-shadow: none;}
.org_team_card {position: relative; min-height: 13.3rem; border: 1px solid var(--border); border-radius: .8rem; background: var(--white); box-shadow: 0 1rem 3rem var(--wm10);}
.org_team_card > ul {min-height: 8.5rem; padding: 1.4rem 1.5rem;}
.org_team_card > ul li {position: relative; margin-top: .6rem; padding-left: 1.2rem; font-size: 16px; line-height: 1.4; color: var(--text-main); word-break: keep-all;}
.org_team_card > ul li:first-child {margin-top: 0;}
.org_tech_team .org_team_card:after {content: ""; display: block; position: absolute; left: 50%; top: 100%; z-index: 5; width: 2px; height: 2rem; background: repeating-linear-gradient( to bottom, var(--wm40) 0 2px, transparent 2px 4px ); transform: translateX(-50%);}
.org_lab li:before,
.org_unit > ul li:before,
.org_team_card > ul li:before {content: ""; position: absolute; left: 0; top: .5em; box-sizing: border-box; width: 5px; height: 5px; border-radius: 50%; background: var(--primary); transform: none;}
.org_tech_team .org_groups {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; align-self: center; position: relative; width: 100%; min-height: 0; margin: 4rem auto 0; padding: 0; border: 0;}
.org_tech_team .org_groups:before {display: none;}
.org_tech_team .org_groups:after {content: ""; display: block; position: absolute; left: 25%; top: -2.5rem; z-index: 3; width: 50.2%; height: 2px; background: repeating-linear-gradient( to right, var(--wm40) 0 2px, transparent 2px 4px );}
.org_tech_team .org_groups_three {grid-template-columns: repeat(3, minmax(0, 1fr));}
.org_tech_team .org_groups_three:after {left: 16.666%; width: 66.668%;}
.org_tech_team .org_groups.org_groups_three strong {font-size: 1.6rem;}
.org_tech_team .org_groups > div {display: flex; flex-direction: column; gap: 1rem; position: relative;}
.org_tech_team .org_groups > div:before {content: ""; display: block; position: absolute; left: 50%; bottom: 100%; z-index: 4; width: 2px; height: 2.5rem; background: repeating-linear-gradient( to bottom, var(--wm40) 0 2px, transparent 2px 4px ); transform: translateX(-50%);}
.org_tech_team .org_groups > div:after {content: ""; display: block; position: absolute; left: 50%; top: 4.2rem; bottom: 0; z-index: 1; width: 2px; background: repeating-linear-gradient( to bottom, var(--wm40) 0 2px, transparent 2px 4px ); transform: translateX(-50%);}
.org_tech_team .org_groups > .org_group_no_parts:after {display: none;}
.org_tech_team .org_groups strong,
.org_tech_team .org_groups span {display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; min-height: 4.2rem; padding: .9rem .7rem; border: 1px solid var(--wm30); border-radius: .6rem; background: var(--white); font-size: 16px; color: var(--black);}
.org_tech_team .org_groups strong {background: var(--wm10);}

@media only screen and (max-width:1400px) {
	.org_tech_team .org_groups strong {padding-right: .4rem; padding-left: .4rem; font-size: 1.4rem; letter-spacing: -.03em;}
}

@media only screen and (max-width:1300px) {
	.org_tech_team .org_groups strong {box-sizing: border-box; min-height: 6.2rem; padding-right: .5rem; padding-left: .5rem; font-size: 1.4rem; line-height: 1.25; letter-spacing: -.03em; word-break: keep-all; overflow-wrap: normal;}
	.org_tech_team .org_groups span {font-size: 1.4rem;}
}

@media only screen and (max-width:1200px) {
	.organization {overflow: visible;}
	.organization_board {width: 100%; min-width: 0; padding-right: 0; padding-left: 0;}
	.org_executive {width: 72rem;}
	.org_director {left: 26.5rem;}
	.org_lab {left: 53rem;}
	.org_ceo:before {width: 26.5rem;}
	.org_division_titles,
	.org_team_row {gap: .7rem;}
	.org_tech_team .org_groups {gap: .6rem;}
	.org_tech_team .org_groups strong {min-height: 5.8rem; padding-right: .3rem; padding-left: .3rem; font-size: 1.4rem; letter-spacing: -.04em;}
	.org_tech_team .org_groups span {padding-right: .3rem; padding-left: .3rem; font-size: 1.4rem;}
}

@media only screen and (max-width:1024px) {
	.org_lab ul,
	.org_unit > ul,
	.org_team_card > ul {display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
	.org_lab li,
	.org_unit > ul li,
	.org_team_card > ul li {display: grid; grid-template-columns: .5rem minmax(0, 1fr); column-gap: .6rem; align-items: start; box-sizing: border-box; width: fit-content; max-width: 100%; padding-left: 0; text-align: left;}
	.org_lab li:before,
	.org_unit > ul li:before,
	.org_team_card > ul li:before {display: block; position: static; margin-top: .5em; transform: none;}
}

@media only screen and (max-width:886px) {
	.organization {overflow: visible; width: calc(100vw - 6rem); max-width: none; padding-top: 0;}
	.organization_board {min-width: 0; width: 100%; padding: 3rem 0 0;}
	.organization_board:before {content: ""; position: absolute; left: 50%; top: 5.5rem; bottom: 7rem; z-index: 0; border-left: 2px dotted var(--wm40); transform: translateX(-1px);}
	.org_executive {display: flex; flex-direction: column; gap: 1.6rem; width: 100%; height: auto; left: 0; padding-left: 0; transform: none;}
	.org_box,.org_ceo,.org_director,.org_lab {position: relative; top: auto; left: auto; width: 100%; transform: none;}
	.org_ceo:before,
	.org_director:before {display: none;}
	.org_director:after {display: none;}
	.org_lab {align-self: flex-end; width: 40%;}
	.org_lab:before {display: block; left: auto; right: 100%; top: 50%; bottom: auto; width: 25%; height: 0; border: 0; border-top: 2px dotted var(--wm40); transform: none;}
	.org_executive:before {display: none;}
	.org_division_titles {grid-template-columns: 1fr; gap: 1.6rem; margin-top: 1.6rem; padding-left: 0;}
	.org_division_titles:before,
	.org_division_titles:after {display: none;}
	.org_support_title,
	.org_tech_title {grid-column: 1; width: 100%;}
	.org_tech_title {display: none;}
	.org_division_titles h5:before,
	.org_division_titles h5:after {display: none;}
	.org_team_row {grid-template-columns: 1fr; gap: 1.6rem; margin-top: 1.6rem; padding-left: 0;}
	.org_mobile_tech_title {display: flex; align-items: center; justify-content: center; min-height: 4.8rem; border: 1px solid var(--wm40); border-radius: .8rem; background: var(--white); box-shadow: 0 1rem 3rem var(--wm10); font-size: 17px; color: var(--black);}
	.org_team_row:before,
	.org_unit:before,
	.org_unit:after {display: none;}
	.org_unit,
	.org_tech_team {min-height: 0;}
	.org_subunits {margin-top: 3rem;}
	.org_subunits:before {height: 3rem;}
	.org_tech_team .org_groups {margin: 4rem 0 0;}
}

@media only screen and (max-width:590px) {
	.organization {width: calc(100vw - 4rem);}
	.organization_board {padding: 2rem 0 0;}
	.organization_board:before {left: 50%; top: 4.5rem; bottom: 6rem;}
	.org_executive {gap: 1.6rem; padding-left: 0;}
	.org_executive:before {left: 0; top: 2.2rem; bottom: 2.2rem;}
	.org_box > strong {padding: 1.2rem .8rem;}
	.org_ceo {width: 100%;}
	.org_ceo > strong {padding: 1.5rem .8rem;}
	.org_lab ul {padding: 1rem 1.2rem;}
	.org_division_titles {gap: 1.5rem; margin-top: 1.5rem; padding-left: 0;}
	.org_division_titles h5 {padding: 1.1rem .8rem;}
	.org_team_row {gap: 1.5rem; margin-top: 1.5rem; padding-left: 0;}
	.org_mobile_tech_title {min-height: 4.4rem;}
	.org_unit h6 {min-height: 4.4rem;}
	.org_unit > ul,.org_team_card > ul {min-height: 0; padding: 1.2rem;}
	.org_subunits {gap: .6rem; margin-top: 2.5rem;}
	.org_subunits:before {height: 2.5rem;}
	.org_subunits span {min-height: 3.8rem;}
	.org_tech_team .org_groups {gap: .7rem; margin-top: 3.5rem;}
	.org_tech_team .org_groups > div {gap: .7rem;}
	.org_tech_team .org_groups strong,
	.org_tech_team .org_groups span {min-height: 3.8rem; padding: .7rem .4rem;}
}

/* 국문 조직도 반응형 텍스트 위계 */
@media only screen and (max-width:1131px) {
	.org_ceo > strong {font-size: 2rem;}
	.org_box > strong,
	.org_division_titles h5,
	.org_mobile_tech_title {font-size: 1.8rem;}
	.org_unit h6 {font-size: 1.7rem;}
	.org_lab li,
	.org_unit > ul li,
	.org_team_card > ul li,
	.org_subunits span,
	.org_tech_team .org_groups strong,
	.org_tech_team .org_groups span {font-size: 1.6rem;}
}

/* =========================
  주요 고객사
========================= */
.clients_title {box-sizing: border-box;width: min(calc(100vw - 8rem), 154.2rem);max-width: 154.2rem;margin-right: auto;margin-left: auto;padding: 7rem 0 4rem;font-size: 4.2rem;font-weight: 800;line-height: 1.3;text-align: center;color: var(--black);}
.clients_body {padding:10rem 0 6rem;}
.major_clients {position:relative;isolation:isolate;box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;padding:7rem 0 10rem;margin-top:5rem;}
.major_clients:before {content:"";position:absolute;top:0;bottom:0;left:50%;z-index:-1;width:100vw;background:var(--wm5);transform:translateX(-50%);pointer-events:none;}
.clients_intro,.client_grid {position:relative;z-index:1;}
.clients_intro {font-size:3.2rem;line-height:1.5;text-align:center;color:var(--black);word-break:keep-all;}
.clients_intro strong {font-weight:500;}
.clients_intro em {font-weight:600;color:var(--primary);}
.client_grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem 3rem;margin-top:6rem;}
.client_grid > li {min-width:0;transition:transform .3s ease;}
.client_grid > li:last-child {grid-column:1;}
.client_media {overflow:hidden;position:relative;display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;height:25rem;border:1px solid var(--wm30);border-radius:1.5rem;background:var(--white);transition:border-color .3s ease,box-shadow .3s ease;}
.client_media.has-image:before {content:"";position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--black) 18%,transparent);pointer-events:none;}
.client_media img {display:block;width:100%;height:100%;object-fit:cover;}
.client_media img.client_logo {position:relative;z-index:2;align-self:center;width:auto;max-width:58%;height:calc(100% - 6rem);max-height:12rem;margin:auto;object-fit:contain;}
.client_media > strong {position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex:0 0 6rem;width:100%;padding:1rem 1.5rem;background:var(--primary);font-size:1.8rem;font-weight:700;text-align:center;color:var(--white);transition:background .3s ease;}
.client_grid > li:hover {transform:translateY(-.8rem);}
.client_grid > li:hover .client_media {border-color:var(--primary);box-shadow:0 1.5rem 3rem var(--wm20);}
.client_grid > li:hover .client_media > strong {background:var(--primary2);color:var(--white);}

/* 주요 고객사 반응형 - 데스크톱(1399px 이하) */
@media only screen and (max-width:1399px){
	.clients_intro {font-size:3rem;}
}

/* 주요 고객사 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.clients_body {padding:7rem 0 6rem;}
	.major_clients {width:calc(100vw - 6rem);padding:7rem 0;}
	.clients_intro {font-size:2.2rem;}
	.client_grid {gap:4rem 3rem;margin-top:5rem;}
	.client_grid {grid-template-columns:repeat(2,minmax(0,1fr));}
	.client_grid > li {grid-column:auto;}
	.client_grid > li:last-child {grid-column:1;width:auto;justify-self:stretch;}
	.client_media {height:22rem;}
}

/* 주요 고객사 반응형 - 모바일(590px 이하) */
@media only screen and (max-width:590px){
	.clients_body {padding:5rem 0 3rem;}
	.major_clients {width:calc(100vw - 4rem);padding:5rem 0;}
	.clients_intro {font-size:2rem;line-height:1.6;}
	.clients_intro br {display:none;}
	.client_grid {grid-template-columns:1fr;gap:2rem;margin-top:4rem;}
	.client_grid > li,.client_grid > li:last-child {grid-column:auto;width:auto;}
	.client_media {height:20rem;}
	.client_media > strong {flex-basis:5.5rem;font-size:1.6rem;}
}

@media only screen and (max-width:340px){
	.major_clients::before {width:100vmax;}
}

/* =========================
  오시는 길(엠케이 참고)
========================= */
.map_box {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;padding:0;margin-top:5rem;}
.map_box .box + .box {margin-top:8rem;}
.map_box .box > h4 {position:relative;margin:0 0 2rem;padding-left:2rem;font-size:2.8rem;font-weight:700;color:var(--primary);}
.map_box .box > h4:before {content:"";position:absolute;top:50%;left:0;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);transform:translateY(-50%);}
.map_box .map_frame {overflow:hidden;width:100%;aspect-ratio:3/1;border:1px solid var(--border);border-radius:1rem;background:var(--wm5);}
.map_box iframe {display:block;width:100%;height:100%;}
.map_box .text_box ul {display:flex;flex-wrap:wrap;margin-top:2rem;border-top:2px solid var(--primary);border-bottom:1px solid var(--border);}
.map_box .text_box li {display:flex;flex:1 1 25%;gap:1.5rem;min-width:0;padding:3rem;font-size:1.8rem;line-height:1.6;color:var(--black);}
.map_box .text_box li:first-child {flex-basis:100%;border-bottom:1px solid var(--border);}
.map_box .text_box li:only-child {border-bottom:0;}
.map_box .text_box li strong {flex:none;font-size:1.8rem;font-weight:700;color:var(--primary);}
.map_box .text_box li span {min-width:0;word-break:keep-all;}

@media only screen and (max-width:1024px){
	.map_box {width:calc(100vw - 6rem);padding:2rem 0 0;}
}

@media only screen and (max-width:767px){
	.map_box {width:calc(100vw - 4rem);padding:1rem 0 0;}
}

/* 오시는 길 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.map_box .box + .box {margin-top:6rem;}
	.map_box .map_frame {aspect-ratio:5/2;}
	.map_box .box > h4 {font-size:2.4rem;}
	.map_box .text_box li {flex-basis:50%;padding:2.5rem 2rem;font-size:1.7rem;}
}

/* 오시는 길 반응형 - 모바일(590px 이하) */
@media only screen and (max-width:590px){
	.map_box .box + .box {margin-top:5rem;}
	.map_box .map_frame {width:100%;aspect-ratio:2/1;border-radius:.6rem;}
	.map_box .box > h4 {margin-bottom:1.5rem;}
	.map_box .text_box li,.map_box .text_box li:first-child {flex-basis:100%;gap:1rem;padding:1.8rem 1.5rem;border-bottom:1px solid var(--border);font-size:1.6rem;}
	.map_box .text_box li:last-child {border-bottom:0;}
	.map_box .text_box li strong {font-size:1.5rem;}
}

/* =========================
    HBM 제품
========================= */
.tab_box .tab_select_btn {display:none;}
.tab_box [class^="tab_menu_box"] {display:flex;flex-wrap:wrap;gap:.8rem;padding:0;background:none;border-radius:0;margin-bottom: 3rem;margin-top: 3rem;}
.tab_box [class^="tab_menu_box"] li {min-height:5rem;flex-grow:1;}
.tab_box [class^="tab_menu_box"] li a {position:relative;z-index:0;display:flex;align-items:center;justify-content:space-between;height:100%;padding:1rem 2rem;border:1px solid #ddd;border-radius:.4rem;background:#fff;font-size:1.8rem;font-weight:500;color:#000;transition: border-color .4s, color .4s;}

/* 기본 상태 : - */
.tab_box [class^="tab_menu_box"] li a::after {content:"−";margin-left:1rem;font-size:1.5rem;font-weight:500;color:#000;}
/* 선택된 탭 */
.tab_box [class^="tab_menu_box"] li.on a {border-color:var(--primary);background:#fff;font-weight:700;color:var(--primary);}
/* 선택된 탭 : primary 원 */
.tab_box [class^="tab_menu_box"] li.on a::after {content:"";width:.8rem;height:.8rem;margin-left:1rem;border-radius:50%;background:var(--primary);}
/* hover */
.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active) {border-color:var(--primary);background:#fff;font-weight:700;color:var(--primary);}
/* hover : primary 원 */
.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active)::after {content:"";width:.8rem;height:.8rem;margin-left:1rem;border-radius:50%;background:var(--primary);}

.hbm_section_title {display:flex;align-items:center;justify-content:center;width:100%;max-width:none;padding-top:7rem;font-size:4.2rem;font-weight:800;line-height:1.3;text-align:center;color:var(--black);}
.hbm_list_title {visibility:hidden;padding-bottom:4rem;opacity:0;animation:hbmDetailContentShow .8s ease .15s forwards;}
.hbm_listing_stage {position:relative;z-index:0;}
.hbm_listing_stage > * {visibility:hidden;opacity:0;animation:hbmDetailContentShow .7s ease-out .45s forwards;}
.hbm_listing_stage > .hbm_equipment {visibility:visible;opacity:1;animation:none;}
.hbm_listing_stage.hbm_cards_wait .hbm_equipment_grid > li[data-aos] {opacity:0 !important;transform:translate3d(0,10rem,0) !important;transition:none !important;}
.hbm_intro {padding:0 0 1rem;text-align:center;margin-top:5rem;}
.hbm_intro > h4 {font-size:3rem;font-weight:800;line-height:1.35;color:var(--black);}
.hbm_intro_text {margin-top:1rem;font-size:2rem;font-weight:500;line-height:1.5;text-align:center;color:var(--black);word-break:keep-all;}
.hbm_intro_emphasis {font-weight:700;color: #4472c4;}
.hbm_intro_text > p + p {margin-top:.2rem;}
.hbm_equipment {padding:0;}
.hbm_equipment_grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem 4rem;}
.hbm_equipment_grid > li {min-width:0;}
.hbm_equipment_card {overflow:hidden;position:relative;border:1px solid var(--border);border-radius:2rem;background:var(--white);color:inherit;transition:transform .35s ease;}
.hbm_equipment_card::after {content:"";position:absolute;inset:-1px;z-index:3;padding:2px;border-radius:inherit;background:conic-gradient(var(--primary2) 0deg,var(--primary2) var(--hbm-border-angle),transparent var(--hbm-border-angle),transparent 360deg);opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.hbm_equipment_card:has(.hbm_detail_link:hover),.hbm_equipment_card:has(.hbm_detail_link:focus-visible) {transform:scale(1.035);}
.hbm_equipment_card:has(.hbm_detail_link:hover)::after,.hbm_equipment_card:has(.hbm_detail_link:focus-visible)::after {opacity:1;animation:hbm_border_draw .75s linear forwards;}
/* HBM 장비 카드 호버 시 테두리가 한 바퀴 그려지는 애니메이션 */
@property --hbm-border-angle {syntax:"<angle>";initial-value:0deg;inherits:false;}
@keyframes hbm_border_draw {from {--hbm-border-angle:0deg;} to {--hbm-border-angle:360deg;}}
.hbm_equipment_image {display:flex;align-items:center;justify-content:center;height:30rem;border-bottom:1px solid var(--border);background:#fff;}
.hbm_equipment_image img {display:block;width:85%;height:85%;object-fit:contain;}
.hbm_equipment_info {padding:1.4rem 1.7rem 1.2rem;font-size: 1.7rem;color: var(--primary);font-weight: 600;}
.hbm_equipment_info > strong {display:block;padding:0 0 1rem;font-size:1.8rem;font-weight:700;line-height:1.35;color:var(--black);}
.hbm_detail_link {display:flex;align-items:center;justify-content:center;min-height:4.6rem;border:1px solid var(--border);border-radius:.9rem;background:#f6f7fa;font-size:1.6rem;color:#777;transition:border-color .3s,background .3s,color .3s;}
.hbm_detail_link:hover,.hbm_detail_link:focus-visible {border-color:var(--primary2);background:var(--primary2);font-weight:600;color:#fff;}

/* HBM 콘텐츠 폭 - CI 기준 */
.hbm_menu,.hbm_section_title,.hbm_intro,.hbm_equipment,.hbm_product_detail {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;}

@media only screen and (max-width:1024px){
	.hbm_menu,.hbm_section_title,.hbm_intro,.hbm_equipment,.hbm_product_detail {width:calc(100vw - 6rem);}
}

@media only screen and (max-width:767px){
	.hbm_menu,.hbm_section_title,.hbm_intro,.hbm_equipment,.hbm_product_detail {width:calc(100vw - 4rem);}
}

/* HBM 제품 반응형 - 태블릿(886px 이하) */
@media only screen and (max-width:886px){
	.hbm_section_title {padding-top:5.5rem;font-size:3.6rem;}
	.hbm_list_title {padding-bottom:3.5rem;}
	.hbm_intro > h4 {font-size:2.7rem;}
	.hbm_intro_text {font-size:1.8rem;}
	.hbm_equipment {padding:0;}
	.hbm_equipment_grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;}
	.hbm_equipment_image {height:26rem;}
}

/* HBM 제품 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.tab_box {position:relative;z-index:10;height:auto;}
	.tab_box .tab_select_btn {display:none;}
	/* 탭 메뉴 일반 노출 */
	.tab_box [class^="tab_menu_box"] {display:flex;flex-wrap:wrap;position:static;max-height:none;overflow:visible;gap:.8rem;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:1;pointer-events:auto;}
	.tab_box [class^="tab_menu_box"] li {display:block;box-sizing:border-box;width:calc(50% - .4rem);min-height:5rem;flex-grow:0;border:0;}
	.tab_box [class^="tab_menu_box"] li a {display:flex;justify-content:space-between;height:100%;min-height:5rem;padding:1rem 2rem;border:1px solid #ddd;border-radius:.4rem !important;background:#fff;font-size:1.7rem;font-weight:500;text-align:center;color:#000;}
	.tab_box [class^="tab_menu_box"] li.on a {border-color:var(--primary);background:#fff;font-weight:700;color:var(--primary);}
	.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active) {border-color:var(--primary);background:#fff;font-weight:700;color:var(--primary);}
}

/* HBM 제품 반응형 - 모바일(590px 이하) */
@media only screen and (max-width:590px){
	.hbm_section_title {padding-top:4.5rem;font-size:3rem;}
	.hbm_list_title {padding-bottom:3rem;}
	.hbm_intro > h4 {font-size:2.4rem;}
	.hbm_intro_text {font-size:1.7rem;line-height:1.75;}
	.hbm_intro_text > p + p {margin-top:1rem;}
	.hbm_equipment {padding:0;}
	.hbm_equipment_grid {grid-template-columns:1fr;gap:2rem;}
	.hbm_equipment_image {height:22rem;}
	.hbm_equipment_info > strong {font-size:1.8rem;}
	.hbm_detail_link {min-height:4.4rem;font-size:1.6rem;}
	/* 590px 이하 : 탭 1개씩 */
	.tab_box [class^="tab_menu_box"] {flex-direction:column;}
	.tab_box [class^="tab_menu_box"] li {width:100%;}
}

/* =========================
HBM 제품 상세(무궁화 식품 참고)
========================= */
.hbm_detail_title {visibility:hidden;padding-bottom:4rem;opacity:0;animation:hbmDetailContentShow .8s ease .15s forwards;}
.hbm_product_detail {position:relative;z-index:0;padding:6rem 0 10rem;}
.hbm_product_detail > * {visibility:hidden;opacity:0;animation:hbmDetailContentShow .65s ease-out .35s forwards;}
.hbm_product_detail > .hbm_product_top {visibility:visible;opacity:1;animation:none;}
.hbm_product_top > .hbm_product_media {visibility:hidden;opacity:0;animation:hbmDetailContentShow .65s ease-out .35s forwards;}
.hbm_product_top > .hbm_product_summary {visibility:visible !important;opacity:1 !important;transform:none !important;transition:none !important;animation:none;}
.hbm_product_summary > h4 {visibility:hidden;opacity:0;animation:hbmDetailContentShow .65s ease-out .65s forwards;}
.hbm_product_summary > .hbm_process_intro {visibility:hidden;opacity:0;animation:hbmDetailContentShow .65s ease-out .65s forwards;}
.hbm_product_summary > .hbm_product_actions {visibility:hidden;opacity:0;animation:hbmDetailContentShow .65s ease-out .65s forwards;}
.hbm_product_detail > .hbm_work_info {visibility:visible !important;opacity:1 !important;transform:none !important;transition:none !important;animation:none;}
.hbm_work_info > h5 {visibility:hidden;opacity:0;animation:hbmDetailContentShow .65s ease-out 1.2s forwards;}
.hbm_work_info > .hbm_work_panel {visibility:hidden;opacity:0;animation:hbmDetailContentShow .65s ease-out 1.45s forwards;}
.hbm_work_info > .hbm_work_panel:nth-of-type(2) {animation-delay:1.7s;}
.hbm_work_info > .hbm_work_panel:nth-of-type(3) {animation-delay:1.95s;}

@keyframes hbmDetailContentShow {
	from {visibility:visible;opacity:0;transform:translateY(3rem);}
	to {visibility:visible;opacity:1;transform:translateY(0);}
}
/* 접근성: 사용자 모션 감소 설정 시 HBM 배경·콘텐츠 애니메이션 중지 */
@media (prefers-reduced-motion:reduce){
	.hbm_list_title, .hbm_listing_stage > *, .hbm_detail_title, .hbm_product_top > .hbm_product_media, .hbm_product_summary > h4, .hbm_product_summary > .hbm_process_intro, .hbm_product_summary > .hbm_product_actions, .hbm_work_info > h5, .hbm_work_info > .hbm_work_panel, .hbm_product_detail > * {visibility:visible;opacity:1;animation:none;}  }
.hbm_product_top {display: grid;grid-template-columns: minmax(0, 4.2fr) minmax(0, 5.8fr);gap: 4rem;align-items: stretch;}
.hbm_product_media {overflow: hidden;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / .8;border-radius: 1.2rem;background: #fff;}
.hbm_product_media img {display: block;width: 90%;height: 80%;object-fit: contain;}
.hbm_product_summary {display: flex;flex-direction: column;min-width: 0;padding: .5rem 0;margin-top: 4rem;font-size: 1.7rem;color: var(--primary);font-weight: 600;}
.hbm_product_summary > h4 {font-size: 4.2rem;font-weight: 800;line-height: 1.25;color: var(--black);}
.hbm_process_intro {margin-top: 3rem;padding: 2.5rem 0;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}
.hbm_process_intro > h5,
.hbm_work_info > h5 {position: relative;padding-left: 2rem;font-size: 2.8rem;font-weight: 800;line-height: 1.4;color: var(--primary);}
.hbm_process_intro > h5:before,
.hbm_work_info > h5:before {content: "";position: absolute;top: 1.5rem;left: 0;width: 1.2rem;height: .5rem;border-radius: 1rem;background: var(--primary);}
.hbm_process_intro > h5 {padding-left: 0;}
.hbm_process_intro > h5::before {display: none;}
.hbm_process_intro > p {margin-top: 1.8rem;font-size: 1.8rem;line-height: 1.5;color: var(--black);word-break: keep-all;}
.hbm_product_actions {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.5rem;margin-top: 4.5rem;padding-top: 0;}
.hbm_detail_btn {display: flex;align-items: center;justify-content: center;min-height: 5.4rem;border: 1px solid var(--primary);border-radius: .6rem;background: var(--primary);font-size: 1.8rem;font-weight: 700;color: var(--white);transition: background .3s, border-color .3s, color .3s;}
.hbm_detail_btn:nth-child(2) {border-color: #111;background: #111;}
.hbm_detail_btn span {margin-left: .6rem;}
.hbm_detail_btn:hover, .hbm_detail_btn:focus-visible {border-color: var(--primary2);background: var(--primary2);color: var(--white);}
.hbm_work_info {margin-top: 6rem;}
.hbm_work_panel {overflow: hidden;margin-top: 2rem;border-radius: 1rem;}
.hbm_work_panel > strong {display: block;padding: 1.4rem 1.8rem;border-bottom: 1px solid var(--wm50);font-size: 2rem;font-weight: 700;color: var(--black);}
.hbm_work_panel > div {padding: 2.5rem 1.5rem;font-size: 1.8rem;line-height: 1.5;color: var(--black);word-break: keep-all;}
.hbm_work_panel p + p {margin-top: .3rem;}
.hbm_work_list > li {position: relative;padding-left: 1.8rem;}
.hbm_work_list > li::before {content: "";position: absolute;top: 1.3rem;left: .3rem;width: .5rem;height: .5rem;border-radius: 50%;background: var(--primary);}
.hbm_work_list > li + li {margin-top: .6rem;}

/* HBM 제품 상세 반응형 - 데스크톱(1399px 이하) */
@media only screen and (max-width: 1583px) {
	.hbm_product_media {justify-self:start;width:calc(100% - 4rem);min-width:0;margin-left:0;}
	.hbm_product_summary > h4 {font-size: 4rem;}
	.hbm_process_intro > h5, .hbm_work_info > h5 {font-size: 2.2rem;}
	.hbm_process_intro > p, .hbm_work_panel > div {font-size: 1.8rem;}

}

/* HBM 제품 상세 반응형 - 데스크톱(1268px 이하) */
@media only screen and (max-width: 1268px) {
	.hbm_product_top {grid-template-columns: 1fr;gap: 3.5rem;}
	.hbm_product_media {justify-self:center;width: min(100%, 60rem);margin: 0 auto;aspect-ratio: 1 / .8;}
	.hbm_product_media img {width: 87%;height: 75%;}
	.hbm_product_summary {margin-top: 0;padding: 0;}
}

/* HBM 제품 상세 반응형 - 태블릿(886px 이하) */
@media only screen and (max-width: 886px) {
	.hbm_detail_title {padding-bottom: 3.5rem;}
	.hbm_product_detail {padding: 5rem 0 8rem;}
	.hbm_product_media {aspect-ratio: 1 / .9;}
	.hbm_product_media img {width: 88%;height: 77%;}
	.hbm_product_summary > h4 {font-size: 3.8rem;}
	.hbm_product_actions {margin-top: 3rem;padding-top: 0;}
}

/* HBM 제품 상세 반응형 - 모바일(590px 이하) */
@media only screen and (max-width: 590px) {
	.hbm_detail_title {padding-bottom: 3rem;}
	.hbm_product_detail {padding: 4rem 0 6rem;}
	.hbm_product_media {width: 100%;aspect-ratio: 1 / .9;}
	.hbm_product_media img {width: 85%;height: 73%;}
	.hbm_product_summary > h4 {font-size: 3.6rem;}
	.hbm_process_intro {margin-top: 2.5rem;}
	.hbm_process_intro > h5,
	.hbm_work_info > h5 {font-size: 2rem;}
	.hbm_process_intro > p {font-size: 1.6rem;line-height: 1.8;}
	.hbm_product_actions {grid-template-columns: 1fr;gap: 1rem;}
	.hbm_work_info {margin-top: 4.5rem;}
	.hbm_work_panel > div {padding: 2rem 1.2rem;font-size: 1.6rem;}

}

/* =========================
   기업부설연구소
========================= */
.research_menu {display:none;}

/* 주요성과: 기업부설연구소 / 기술개발성과 서브비주얼 */
body:has(.research_institute) .fs_sub_visual .svis_bg,
body:has(.development_list) .fs_sub_visual .svis_bg {
	background:url("../../images/fs/layout/svis_bg03.jpg") no-repeat center / cover;
}

.research_institute {display:grid;grid-template-columns:30rem minmax(0,1fr);gap:6rem;align-items:start;box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin:5rem auto 0;padding:0;border:0;background:none;}
.research_institute .research_certificate {order:1;overflow:hidden;box-sizing:border-box;padding:1.5rem;border:1px solid #ddd;border-radius:1.2rem;background-color:#fff;}
.research_certificate img {display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;}
.research_copy {order:2;font-size:2.2rem;font-weight:500;line-height:1.4;color:var(--black);word-break:keep-all;}
.research_copy .primary_text {color:var(--primary);}
.research_copy > p + p {margin-top:2rem;}
.research_tasks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.5rem;margin-top:3rem;}
.research_tasks > li {position:relative;display:flex;align-items:center;min-height:6.2rem;padding:1.4rem 2rem 1.4rem 2.4rem;border:1px solid var(--border);border-radius:.8rem;background:var(--white);font-size:1.8rem;font-weight:600;line-height:1.3;transition:border-color .25s ease,transform .25s ease;}
.research_tasks > li::before {content:"";position:absolute;top:1.2rem;bottom:1.2rem;left:-1px;width:.3rem;border-radius:0 .3rem .3rem 0;background:var(--primary);}
.research_tasks > li > i {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0;font-size:2.2rem;font-weight:400;line-height:1;color:var(--primary);}
.research_tasks > li > i::before {color:var(--primary);}
.research_tasks > li > i + span {min-width:0;margin-left:2rem;}
.research_tasks > li:hover {border-color:var(--primary);transform:translateY(-.2rem);}
.research_tasks > li + li {margin-top:0;}

/* 기업부설연구소 반응형 - 태블릿(886px 이하) */
@media only screen and (max-width:886px){
	.research_institute {width:calc(100vw - 6rem);}
	.research_institute {grid-template-columns:24rem minmax(0,1fr);gap:4rem;margin-bottom:0;padding:0;}
}

/* 기업부설연구소 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.research_institute {width:calc(100vw - 4rem);}
	.research_institute {grid-template-columns:1fr;gap:3.5rem;margin:5rem auto 0;padding:0;}
	.research_certificate {order:1;width:min(100%,24rem);margin:0 auto;padding:1.5rem;border-radius:1.2rem;}
	.research_copy {order:2;}
	.research_tasks {grid-template-columns:1fr;margin-top:2.5rem;padding-top:0;}
	.research_tasks > li + li {margin-top:0;}
}

/* 기업부설연구소 외곽선 보정 - 모바일(560px 이하) */
@media only screen and (max-width:560px){
	.research_institute {border:0;box-shadow:none;}
	.research_institute::after {display:none;}
}

/* =========================
   기술개발 성과
========================= */
.development_title {padding-bottom:5rem;}
.development_list {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;padding:0;margin-top:5rem;}
.development_project {padding:5rem;border:1px solid var(--border);border-radius:2rem;background:var(--white);}
.development_project + .development_project {margin-top:5rem;}
.development_project_title {position:relative;padding-left:2.8rem;font-size:2.8rem;font-weight:800;line-height:1.4;letter-spacing:-.03em;color:var(--primary);}
.development_project_title::before {content:"";position:absolute;top:1.7rem;left:.2rem;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);}
.development_project_body {display:grid;grid-template-columns:minmax(30rem,4fr) minmax(0,6fr);gap:5rem;align-items:stretch;margin-top:4rem;}
.development_media {overflow:hidden;position:relative;height:34rem;border-radius:1.5rem;background:var(--wm5);}
.development_media > .development_media_bg {position:absolute;inset:-1rem;width:calc(100% + 2rem);height:calc(100% + 2rem);object-fit:cover;filter:blur(1rem);opacity:.45;transform:scale(1.04);}
.development_media > .development_media_photo {display:block;position:relative;width:100%;height:100%;object-fit:contain;}
.development_media_placeholder {display:flex;align-items:center;justify-content:center;border:1px dashed var(--wm30);background:linear-gradient(135deg,var(--wm5),var(--white));text-align:center;color:var(--text-main);}
.development_media_placeholder div {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;}
.development_media_placeholder strong {font-size:2.2rem;font-weight:800;color:var(--black);}
.development_media_placeholder span {font-size:1.6rem;font-weight:500;}
.development_benefits {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-content:center;}
.development_benefits li {display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:15rem;padding:2rem 1.5rem;border-radius:1.2rem;background:var(--wm5);text-align:center;word-break:keep-all;transition:transform .3s ease,background .3s ease;}
.development_benefits li:hover {background:var(--wm10);transform:translateY(-.5rem);}
.development_benefits img {display:block;width:5rem;height:5rem;object-fit:contain;}
.development_benefits span {display:block;margin-top:1.8rem;font-size:1.6rem;font-weight:600;line-height:1.65;color:var(--black);}
.development_benefits_four {grid-template-columns:repeat(2,minmax(0,1fr));}

/* 기술개발 성과 반응형 - 태블릿(1023px 이하) */
@media only screen and (max-width:1023px){
	.development_list {width:calc(100vw - 6rem);padding:0;}
	.development_project {padding:4rem;}
	.development_project_body {grid-template-columns:minmax(26rem,4fr) minmax(0,6fr);gap:3rem;}
	.development_benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}
	.development_media {height:32rem;}
}

/* 기술개발 성과 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.development_title {padding-bottom:3.5rem;}
	.development_list {width:calc(100vw - 4rem);padding:0;}
	.development_project {padding:3rem 2rem;border-radius:1.5rem;}
	.development_project + .development_project {margin-top:3rem;}
	.development_project_title {padding-left:2.2rem;font-size:2.4rem;}
	.development_project_title::before {top:1.25rem;width:1.2rem;height:.5rem;}
	.development_project_body {grid-template-columns:1fr;gap:2.5rem;margin-top:3rem;}
	.development_media {height:26rem;}
	.development_media_placeholder strong {font-size:2rem;}
	.development_media_placeholder span {font-size:1.4rem;}
	.development_benefits,.development_benefits_four {grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
	.development_benefits li {min-height:13rem;padding:1.5rem 1rem;}
	.development_benefits img {width:4.2rem;height:4.2rem;}
	.development_benefits span {margin-top:1.2rem;font-size:1.6rem;}
}

/* 기술개발 성과 반응형 - 모바일(420px 이하) */
@media only screen and (max-width:420px){
	.development_benefits,.development_benefits_four {grid-template-columns:1fr;}
	.development_benefits li {min-height:12rem;}
}

/* =========================
   환경안전
========================= */
.esg_title,.esg_intro,.esg_directions {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;}
.esg_title {padding:7rem 0 4rem;font-size:4.2rem;font-weight:800;line-height:1.3;text-align:center;color:var(--black);}
.esg_visual_wrap {margin-top:0;}
.esg_visual {overflow:hidden;position:relative;left:50%;width:max(100vw,100%);height:58rem;background:url("../../images/fs/content/sub04/sub0401_bg.jpg") no-repeat center center / cover;transform:translateX(-50%);margin-top:5rem;}
.esg_visual::after {content:"";position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--black) 45%,transparent);pointer-events:none;}
.esg_visual_copy {position:absolute;top:50%;left:50%;z-index:2;width:min(90%,120rem);font-size:3.8rem;font-weight:500;line-height:1.4;text-align:center;color:var(--white);word-break:keep-all;transform:translate(-50%,-50%);}
.esg_visual_copy strong {font-weight:800;color:var(--white);}
.esg_intro {padding:7rem 0 10rem;font-size:2rem;font-weight:500;line-height:1.5;color:var(--black);word-break:keep-all;}
.esg_intro strong {font-size:2rem;color:var(--primary);}
.esg_intro > p + p {margin-top:2.8rem;}
.esg_directions {margin-bottom:0;padding:0;}
.esg_directions > h4 {position:relative;padding-left:2.4rem;font-size:2.8rem;font-weight:800;line-height:1.4;color:var(--primary);}
.esg_directions > h4::before {content:"";position:absolute;top:1.35rem;left:0;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);}
.esg_direction_list {display:flex;flex-wrap:wrap;gap:2rem;margin-top:3.5rem;}
.esg_direction_list > li {overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 calc(25% - 2rem);min-width:24rem;min-height:18rem;padding:7.5rem 2.5rem 1rem;border:1px solid var(--border);border-radius:1.6rem;background:var(--wm5);text-align:center;transition:border-color .3s,background .3s,transform .3s;}
.esg_direction_list > li::before {content:"";position:absolute;top:0;right:0;left:0;height:.4rem;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .35s ease;}
.esg_direction_list > li:hover {border-color:var(--primary);background:var(--white);transform:translateY(-.5rem);}
.esg_direction_list > li:hover::before {transform:scaleX(1);}
.esg_direction_list > li > i {position:absolute;top:2.6rem;left:50%;display:flex;align-items:center;justify-content:center;width:5.4rem;height:5.4rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,var(--white));font-size:3rem;color:var(--primary);transform:translateX(-50%);}
.esg_direction_list > li > p {font-size:1.8rem;font-weight:700;line-height:1.3;color:var(--black);word-break:keep-all;}

/* 환경안전 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.esg_title,.esg_intro,.esg_directions {width:calc(100vw - 6rem);}
	.esg_title {padding:5.5rem 0 3.5rem;font-size:3.6rem;}
	.esg_visual {height:44rem;}
	.esg_visual_copy {font-size:3rem;}
	.esg_intro {padding:6rem 0 8rem;font-size:1.8rem;}
	.esg_directions {margin-bottom:0;padding:0;}
	.esg_directions > h4 {font-size:2.8rem;}
	.esg_direction_list > li {flex-basis:calc(50% - 1rem);min-width:0;}
}

/* 환경안전 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.esg_title,.esg_intro,.esg_directions {width:calc(100vw - 4rem);}
	.esg_title {padding:4.5rem 0 3rem;font-size:3.2rem;}
	.esg_visual {height:30rem;}
	.esg_visual_copy {width:calc(100% - 4rem);font-size:2.2rem;}
	.esg_intro {padding:4.5rem 0 6rem;font-size:1.8rem;}
	.esg_intro > p + p {margin-top:2.2rem;}
	.esg_directions {margin-bottom:0;padding:0;}
	.esg_directions > h4 {padding-left:2rem;font-size:2.8rem;}
	.esg_directions > h4::before {top:1.1rem;}
	.esg_direction_list {gap:1.5rem;margin-top:2.5rem;}
	.esg_direction_list > li {flex-basis:100%;min-height:14rem;padding:8.5rem 2rem 2.5rem;}
	.esg_direction_list > li > p {font-size:1.8rem;}
}

@media only screen and (max-width: 767px) {
	.esg_visual_copy {font-size:2rem;}
	}

/* =========================
   사회적책임
========================= */
.social_page .esg_title,.social_page .esg_intro,.social_page .esg_directions {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;}
.social_page .esg_title {padding:7rem 0 4rem;font-size:4.2rem;font-weight:800;line-height:1.3;text-align:center;color:var(--black);}
.social_page .esg_visual_wrap {margin-top:0;}
.esg_visual.subimg1{background-image: url("../../images/fs/content/sub04/sub0402_bg.jpg");}
.social_page .esg_visual::after {content:"";position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--black) 45%,transparent);pointer-events:none;}
.social_page .esg_visual_copy {position:absolute;top:50%;left:50%;z-index:2;width:min(90%,120rem);font-size:3.8rem;font-weight:500;line-height:1.5;text-align:center;color:var(--white);word-break:keep-all;transform:translate(-50%,-50%);}
.social_page .esg_visual_copy strong {font-weight:800;color:var(--white);}
.social_page .esg_intro {padding:7rem 0 10rem;font-size:1.8rem;font-weight:500;line-height:1.95;color:var(--black);word-break:keep-all;}
.social_page .esg_intro strong {font-size:1.8rem;color:var(--primary);}
.social_page .esg_intro > p + p {margin-top:2.8rem;}
.social_page .esg_directions {margin-bottom:0;padding:0;}
.social_page .esg_directions > h4 {position:relative;padding-left:2.4rem;font-size:2.8rem;font-weight:800;line-height:1.4;color:var(--primary);}
.social_page .esg_directions > h4::before {content:"";position:absolute;top:1.35rem;left:0;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);}
.social_page .esg_direction_list {display:flex;flex-wrap:wrap;gap:2rem;margin-top:3.5rem;}
.social_page .esg_direction_list > li {overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 calc(25% - 2rem);min-width:24rem;min-height:18rem;padding:7.5rem 2.5rem 3rem;border:1px solid var(--border);border-radius:1.6rem;background:var(--wm5);text-align:center;transition:border-color .3s,background .3s,transform .3s;}
.social_page .esg_direction_list > li::before {content:"";position:absolute;top:0;right:0;left:0;height:.4rem;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .35s ease;}
.social_page .esg_direction_list > li:hover {border-color:var(--primary);background:var(--white);transform:translateY(-.5rem);}
.social_page .esg_direction_list > li:hover::before {transform:scaleX(1);}
.social_page .esg_direction_list > li > i {position:absolute;top:1.6rem;left:50%;display:flex;align-items:center;justify-content:center;width:5.4rem;height:5.4rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,var(--white));font-size:3rem;color:var(--primary);transform:translateX(-50%);}
.social_page .esg_direction_list > li > p {font-size:1.8rem;font-weight:700;line-height:1.7;color:var(--black);word-break:keep-all;}

/* 사회적책임 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.social_page .esg_title,.social_page .esg_intro,.social_page .esg_directions {width:calc(100vw - 6rem);}
	.social_page .esg_title {padding:5.5rem 0 3.5rem;font-size:3.6rem;}
	.social_page .esg_visual {height:44rem;}
	.social_page .esg_visual_copy {font-size:3rem;}
	.social_page .esg_intro {padding:6rem 0 8rem;font-size:1.8rem;}
	.social_page .esg_directions {margin-bottom:0;padding:0;}
	.social_page .esg_directions > h4 {font-size:2.8rem;}
	.social_page .esg_direction_list > li {flex-basis:calc(50% - 1rem);min-width:0;}
}

/* 사회적책임 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.social_page .esg_title,.social_page .esg_intro,.social_page .esg_directions {width:calc(100vw - 4rem);}
	.social_page .esg_title {padding:4.5rem 0 3rem;font-size:3.2rem;}
	.social_page .esg_visual {height:30rem;}
	.social_page .esg_visual_copy {width:calc(100% - 4rem);font-size:2.2rem;line-height:1.55;}
	.social_page .esg_intro {padding:4.5rem 0 6rem;font-size:1.8rem;line-height:1.95;}
	.social_page .esg_intro > p + p {margin-top:2.2rem;}
	.social_page .esg_directions {margin-bottom:0;padding:0;}
	.social_page .esg_directions > h4 {padding-left:2rem;font-size:2.8rem;}
	.social_page .esg_directions > h4::before {top:1.1rem;}
	.social_page .esg_direction_list {gap:1.5rem;margin-top:2.5rem;}
	.social_page .esg_direction_list > li {flex-basis:100%;min-height:14rem;padding:7.5rem 2rem 2.5rem;}
	.social_page .esg_direction_list > li > p {font-size:1.8rem;}
}

/* =========================
    기업지배구조
========================= */
.governance_page .esg_title,.governance_page .esg_intro,.governance_page .esg_directions {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;}
.governance_page .esg_title {padding:7rem 0 4rem;font-size:4.2rem;font-weight:800;line-height:1.3;text-align:center;color:var(--black);}
.governance_page .esg_visual_wrap {margin-top:0;}
.esg_visual.subimg2{background-image: url("../../images/fs/content/sub04/sub0403_bg.jpg");}
.governance_page .esg_visual::after {content:"";position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--black) 45%,transparent);pointer-events:none;}
.governance_page .esg_visual_copy {position:absolute;top:50%;left:50%;z-index:2;width:min(90%,120rem);font-size:3.8rem;font-weight:500;line-height:1.5;text-align:center;color:var(--white);word-break:keep-all;transform:translate(-50%,-50%);}
.governance_page .esg_visual_copy strong {font-weight:800;color:var(--white);}
.governance_page .esg_intro {padding:7rem 0 10rem;font-size:1.8rem;font-weight:500;line-height:1.95;color:var(--black);word-break:keep-all;}
.governance_page .esg_intro strong {font-size:1.8rem;color:var(--primary);}
.governance_page .esg_intro > p + p {margin-top:2.8rem;}
.governance_page .esg_directions {margin-bottom:0;padding:0;}
.governance_page .esg_directions > h4 {position:relative;padding-left:2.4rem;font-size:2.8rem;font-weight:800;line-height:1.4;color:var(--primary);}
.governance_page .esg_directions > h4::before {content:"";position:absolute;top:1.35rem;left:0;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);}
.governance_page .esg_direction_list {display:flex;flex-wrap:wrap;gap:2rem;margin-top:3.5rem;}
.governance_page .esg_direction_list > li {overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 calc(25% - 2rem);min-width:24rem;min-height:18rem;padding:7.5rem 2.5rem 3rem;border:1px solid var(--border);border-radius:1.6rem;background:var(--wm5);text-align:center;transition:border-color .3s,background .3s,transform .3s;}
.governance_page .esg_direction_list > li::before {content:"";position:absolute;top:0;right:0;left:0;height:.4rem;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .35s ease;}
.governance_page .esg_direction_list > li:hover {border-color:var(--primary);background:var(--white);transform:translateY(-.5rem);}
.governance_page .esg_direction_list > li:hover::before {transform:scaleX(1);}
.governance_page .esg_direction_list > li > i {position:absolute;top:1.6rem;left:50%;display:flex;align-items:center;justify-content:center;width:5.4rem;height:5.4rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,var(--white));font-size:3rem;color:var(--primary);transform:translateX(-50%);}
.governance_page .esg_direction_list > li > p {font-size:1.8rem;font-weight:700;line-height:1.7;color:var(--black);word-break:keep-all;}

/* 기업지배구조 반응형 - 태블릿(1024px 이하) */
@media only screen and (max-width:1024px){
	.governance_page .esg_title,.governance_page .esg_intro,.governance_page .esg_directions {width:calc(100vw - 6rem);}
	.governance_page .esg_title {padding:5.5rem 0 3.5rem;font-size:3.6rem;}
	.governance_page .esg_visual {height:44rem;}
	.governance_page .esg_visual_copy {font-size:3rem;}
	.governance_page .esg_intro {padding:6rem 0 8rem;font-size:1.8rem;}
	.governance_page .esg_directions {margin-bottom:0;padding:0;}
	.governance_page .esg_directions > h4 {font-size:2.8rem;}
	.governance_page .esg_direction_list > li {flex-basis:calc(50% - 1rem);min-width:0;}
}

/* 기업지배구조 반응형 - 모바일(767px 이하) */
@media only screen and (max-width:767px){
	.governance_page .esg_title,.governance_page .esg_intro,.governance_page .esg_directions {width:calc(100vw - 4rem);}
	.governance_page .esg_title {padding:4.5rem 0 3rem;font-size:3.2rem;}
	.governance_page .esg_visual {height:30rem;}
	.governance_page .esg_visual_copy {width:calc(100% - 4rem);font-size:2.2rem;line-height:1.55;}
	.governance_page .esg_intro {padding:4.5rem 0 6rem;font-size:1.8rem;line-height:1.95;}
	.governance_page .esg_intro > p + p {margin-top:2.2rem;}
	.governance_page .esg_directions {margin-bottom:0;padding:0;}
	.governance_page .esg_directions > h4 {padding-left:2rem;font-size:2.8rem;}
	.governance_page .esg_directions > h4::before {top:1.1rem;}
	.governance_page .esg_direction_list {gap:1.5rem;margin-top:2.5rem;}
	.governance_page .esg_direction_list > li {flex-basis:100%;min-height:14rem;padding:7.5rem 2rem 2.5rem;}
	.governance_page .esg_direction_list > li > p {font-size:1.8rem;}
}

/* =========================
   인재상
========================= */
.talent_menu,.talent_title,.talent_values,.talent_benefits,.talent_recruit_process,.talent_recruit_support {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;}
.talent_recruit_support > .wrap {width:100%;max-width:none;margin:0;padding:0;}
.talent_title {padding:7rem 0 4rem;font-size:4.2rem;font-weight:800;line-height:1.3;text-align:center;color:var(--black);}
.talent_visual_wrap {margin-top:0;}
.talent_visual {overflow:hidden;position:relative;left:50%;display:flex;align-items:center;width:max(100vw,100%);height:58rem;background:url("../../images/fs/content/sub05/sub05_bg.jpg") no-repeat center 57% / cover;transform:translateX(-50%);margin-top:5rem;}
.talent_visual::before {content:"";position:absolute;z-index:1;inset:0;background:rgba(0,34,45,.48);}
.talent_visual_copy {position:absolute;top:50%;left:50%;z-index:2;width:min(90%,120rem);font-size:3.8rem;font-weight:500;line-height:1.4;text-align:center;color:var(--white);word-break:keep-all;transform:translate(-50%,-50%);}
.talent_visual_copy > p + p {margin-top:2.2rem;}
.talent_visual_copy strong {font-weight:800;color:inherit;}
.talent_values,.talent_benefits {padding:8rem 0 10rem;}
.talent_benefits {padding-top:0;padding-bottom:12rem;}
.talent_values > h4,.talent_benefits > h4 {position:relative;padding-left:2.4rem;font-size:2.8rem;font-weight:800;line-height:1.4;color:var(--primary);}
.talent_values > h4::before,.talent_benefits > h4::before {content:"";position:absolute;top:1.35rem;left:0;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);}
.talent_value_list {display:flex;flex-wrap:wrap;gap:2rem;margin-top:3.5rem;}
.talent_value_list > li {overflow:hidden;position:relative;display:flex;flex:1 1 calc(50% - 1rem);min-width:0;min-height:24rem;padding:5rem 3.5rem 3.5rem;border:1px solid var(--border);border-radius:1.6rem;background:var(--wm5);text-align:left;flex-direction:column;justify-content:flex-start;transition:border-color .3s,background .3s,transform .3s;}
.talent_value_list > li::before {content:"";position:absolute;top:0;right:0;left:0;height:.4rem;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .35s ease;}
.talent_value_list > li:hover {border-color:var(--primary);background:var(--white);transform:translateY(-.5rem);}
.talent_value_list > li:hover::before {transform:scaleX(1);}
.talent_value_list > li > span {position:absolute;top:2rem;left:2.5rem;font-size:1.6rem;font-weight:800;color:var(--primary);}
.talent_value_list > li > strong {margin-bottom:2rem;font-size:2rem;font-weight:800;color:var(--black);}
.talent_value_list > li > p {position:relative;padding-left:1.6rem;font-size:1.8rem;font-weight:500;line-height:1.75;color:var(--black);word-break:keep-all;}
.talent_value_list > li > p::before {content:"";position:absolute;top:1.1rem;left:.2rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--primary);}
.talent_value_list > li > p + p {margin-top:.8rem;}
.talent_benefit_list {overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3.5rem;border:1px solid var(--border);border-radius:1.6rem;background:var(--white);}
.talent_benefit_list > li {display:flex;align-items:center;justify-content:center;min-width:0;min-height:17rem;padding:2.5rem;background:var(--white);text-align:center;flex-direction:column;transition:background .3s,color .3s;}
.talent_benefit_list > li:not(:nth-child(4n + 1)) {border-left:1px solid var(--border);}
.talent_benefit_list > li:nth-child(n + 5) {border-top:1px solid var(--border);}
.talent_benefit_list > li:hover {background:var(--wm5);}
.talent_benefit_list > li > img {display:block;width:4rem;height:4rem;margin-bottom:1.5rem;object-fit:contain;transition:transform .3s;}
.talent_benefit_list > li:hover > img {transform:translateY(-.4rem);}
.talent_benefit_list > li > strong {font-size:1.8rem;font-weight:700;line-height:1.5;color:var(--black);word-break:keep-all;}
.talent_benefit_list > li small {display:block;margin-top:.4rem;font-size:1.6rem;font-weight:500;color:var(--text-main);}

/* =========================
   채용절차 및 지원방법
========================= */
.talent_recruit_process {padding:0 0 10rem;}
.talent_recruit_process > h4,.talent_recruit_support h4 {position:relative;padding-left:2.4rem;font-size:2.8rem;font-weight:800;line-height:1.4;color:var(--primary);}
.talent_recruit_process > h4::before,.talent_recruit_support h4::before {content:"";position:absolute;top:1.5rem;left:0;width:1.2rem;height:.5rem;border-radius:1rem;background:var(--primary);}
.talent_recruit_flow {display:flex;align-items:center;justify-content:space-between;margin-top:3.5rem;}
.talent_recruit_flow .step {display:flex;align-items:center;justify-content:center;width:17%;min-height:20rem;padding:2.5rem 1.5rem;border:1px solid var(--border);border-radius:1.6rem;background:var(--white);text-align:center;flex-direction:column;transition:border-color .3s,background .3s,transform .3s;}
.talent_recruit_flow .step:hover {border-color:var(--primary);background:var(--wm5);transform:translateY(-.6rem);}
.talent_recruit_flow .step .num {font-size:1.6rem;font-weight:800;color:var(--primary);}
.talent_recruit_flow .step img {width:5rem;height:5rem;margin:1.4rem 0;object-fit:contain;transition:transform .3s;}
.talent_recruit_flow .step:hover img {transform:scale(1.08);}
.talent_recruit_flow .step strong {font-size:1.8rem;font-weight:700;color:var(--black);word-break:keep-all;}
.talent_recruit_flow .connector {position:relative;flex:0 0 3.2rem;height:2rem;}
.talent_recruit_flow .connector::before {content:"";position:absolute;top:50%;left:.2rem;width:2.2rem;height:2px;background:var(--primary);transform:translateY(-50%);}
.talent_recruit_flow .connector::after {content:"";position:absolute;top:50%;right:.3rem;width:.8rem;height:.8rem;border-top:2px solid var(--primary);border-right:2px solid var(--primary);transform:translateY(-50%) rotate(45deg);}
.talent_recruit_support {padding:0;}
.talent_support_list {overflow:hidden;position:relative;display:flex;margin-top:3.5rem;border-radius:1.6rem;background:url("../../images/fs/content/sub05/sub05_bg1.jpg") no-repeat center center / cover;}
.talent_support_list::before {content:"";position:absolute;inset:0;background:rgba(0,0,0,.66);}
.talent_support_item {position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:flex-start;width:50%;min-height:42rem;padding:8rem 5rem 5rem;text-align:left;flex-direction:column;}
.talent_support_item + .talent_support_item {border-left:1px solid rgba(255,255,255,.3);}
.talent_support_item > img {width:8rem;height:8rem;margin-bottom:4.5rem;object-fit:contain;}
.talent_support_item > span {font-size:1.6rem;font-weight:800;color:var(--primary2);}
.talent_support_item > strong {position:relative;margin-top:.5rem;padding-bottom:2.5rem;font-size:2.2rem;font-weight:800;color:var(--white);}
.talent_support_item > strong::after {content:"";position:absolute;bottom:1.2rem;left:0;width:4rem;height:.2rem;background:var(--primary2);}
.talent_support_item > p {font-size:1.8rem;line-height:1.4;margin-bottom:2rem;color:rgba(255,255,255,.9);word-break:keep-all;}
.talent_support_item > a {align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;min-width:20rem;min-height:5rem;margin-top:auto;padding:1rem 2.4rem;border:1px solid rgba(255,255,255,.65);border-radius:.8rem;font-size:1.6rem;font-weight:700;color:var(--white);transition:background .3s,border-color .3s,color .3s;}
.talent_support_item > a:hover,.talent_support_item > a:focus {border-color:var(--primary);background:var(--primary);color:var(--white);}

/* =========================
   반응형 - 1204px 이하
========================= */
@media only screen and (max-width:1204px){
	.talent_recruit_flow .connector::before {width:1.3rem;}
}

/* =========================
   반응형 - 1024px 이하
   ※ 사회적책임 텍스트 크기 기준 적용
========================= */
@media only screen and (max-width:1024px){
	.talent_menu,.talent_title,.talent_values,.talent_benefits,.talent_recruit_process,.talent_recruit_support {width:calc(100vw - 6rem);}
	.talent_title {padding:5.5rem 0 3.5rem;font-size:3.6rem;}
	.talent_visual {height:44rem;}
	.talent_visual_copy {font-size:3rem;}
	.talent_value_list > li {min-height:23rem;padding:4.5rem 2.5rem 3rem;}
	.talent_benefit_list {grid-template-columns:repeat(2,minmax(0,1fr));}
	.talent_benefit_list > li:nth-child(n) {border-top:0;border-left:0;}
	.talent_benefit_list > li:not(:nth-child(2n + 1)) {border-left:1px solid var(--border);}
	.talent_benefit_list > li:nth-child(n + 3) {border-top:1px solid var(--border);}
	.talent_recruit_flow {flex-wrap:wrap;justify-content:center;gap:1.5rem;}
	.talent_recruit_flow .step {width:calc(33.333% - 4rem);min-width:20rem;}
	.talent_recruit_flow .connector {flex-basis:2rem;}
	.talent_recruit_flow .connector::before {width:1.3rem;}
	.talent_support_item {min-height:38rem;padding:6rem 3.5rem 4rem;}
}

/* =========================
   반응형 - 767px 이하
   ※ 사회적책임 텍스트 크기 기준 적용
========================= */
@media only screen and (max-width:767px){
	.talent_menu,.talent_title,.talent_values,.talent_benefits,.talent_recruit_process,.talent_recruit_support {width:calc(100vw - 4rem);}
	.talent_title {padding:4.5rem 0 3rem;font-size:3.2rem;}
	.talent_visual {height:30rem;}
	.talent_visual_copy {width:calc(100% - 4rem);font-size:2.1rem;line-height:1.55;}
	.talent_visual_copy > p + p {margin-top:1.8rem;}
	.talent_values {padding:5rem 0 6rem;}
	.talent_benefits {padding:0 0 7rem;}
	.talent_values > h4,.talent_benefits > h4 {padding-left:2rem;font-size:2.8rem;}
	.talent_value_list {gap:1.5rem;margin-top:2.5rem;}
	.talent_value_list > li {flex-basis:100%;min-height:0;padding:4.5rem 2rem 2.8rem;}
	.talent_value_list > li > strong {font-size:2rem;}
	.talent_value_list > li > p {font-size:1.8rem;}
	.talent_benefit_list {margin-top:2.5rem;}
	.talent_benefit_list > li {min-height:14rem;padding:2rem 1.2rem;}
	.talent_benefit_list > li > img {width:3.4rem;height:3.4rem;}
	.talent_benefit_list > li > strong {font-size:1.8rem;}
	.talent_recruit_process {padding:0 0 7rem;}
	.talent_recruit_process > h4,.talent_recruit_support h4 {padding-left:2rem;font-size:2.8rem;}
	.talent_recruit_flow {margin-top:2.5rem;flex-direction:column;gap:0;}
	.talent_recruit_flow .step {width:100%;min-width:0;min-height:14rem;padding:2rem;}
	.talent_recruit_flow .step img {width:4.2rem;height:4.2rem;margin:1rem 0;}
	.talent_recruit_flow .step strong {font-size:1.8rem;}
	.talent_recruit_flow .connector {flex:0 0 3.5rem;width:2rem;height:3.5rem;transform:rotate(90deg);}
	.talent_recruit_support {padding:0;}
	.talent_support_list {margin-top:2.5rem;flex-direction:column;}
	.talent_support_item {width:100%;min-height:30rem;padding:4rem 2.5rem;}
	.talent_support_item + .talent_support_item {border-top:1px solid rgba(255,255,255,.35);border-left:0;}
	.talent_support_item > img {width:6rem;height:6rem;margin-bottom:2.5rem;}
	.talent_support_item > strong {font-size:2.2rem;}
	.talent_support_item > p,.talent_support_item > a {font-size:1.8rem;}
	.talent_support_item > a {margin-top:2rem;}
}

@media only screen and (max-width: 767px) {
	.talent_visual_copy {
		font-size: 2rem;
	}
}

/* =========================
      게시판 좌우 여백
========================= */

/* 프로그램 게시판/약관 영역 공통 폭 (.about_box .atext는 회사소개 전용 규칙 사용) */
.antispam, .privacy_wrap, .certwrap, .faq_box, .notiwrap, .online_inquiry {box-sizing:border-box;width:min(calc(100vw - 8rem),154.2rem);max-width:154.2rem;margin-right:auto;margin-left:auto;padding:0;margin-top:7rem;}


@media only screen and (max-width:1024px){
	.antispam, .privacy_wrap, .certwrap, .faq_box, .notiwrap, .online_inquiry {width:calc(100vw - 6rem);}
}


@media only screen and (max-width:767px){
	.antispam, .privacy_wrap, .certwrap, .faq_box, .notiwrap, .online_inquiry {width:calc(100vw - 4rem); margin-top:5rem;}
}