.subWrap{
	position:relative;
	padding:8rem 0 0 0;
}

/* ============================================================
   SUB COMMON VISUAL (.ehsubp)
   ============================================================ */
.ehsubp { z-index: 10;position: relative; }
.ehsubp *,
.ehsubp *::before,
.ehsubp *::after { box-sizing: border-box; }
.ehsubp .blind {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

/* ---------- 비주얼 박스 ---------- */
.ehsubp .sub-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 68rem;
  padding: 10rem 4rem 6rem;      /* top 10rem = 글로벌 헤더(Header_trans_2) 영역 */
  /* overflow: hidden; */
}
.ehsubp .sub-visual__bg { position: absolute; inset: 0; z-index: 0; }
.ehsubp .sub-visual__bg.about_bg{
	background-image: url(/public/img/sub/visual/about_bg_pc.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ehsubp .sub-visual__bg.esg_bg{
	background-image: url(/public/img/sub/visual/esg_bg_pc.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ehsubp .sub-visual__bg.boafaq_bg{
	background-image: url(/public/img/sub/visual/boafaq_bg_pc.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ehsubp .sub-visual__bg.boa_bg{
	background-image: url(/public/img/sub/visual/boa_bg_pc.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ehsubp .sub-visual__bg.careers_bg{
	background-image: url(/public/img/sub/visual/careers_bg_pc.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ehsubp .sub-visual__bg.service_bg{
	background-image: url(/public/img/sub/visual/service_bg_pc.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
@media (max-width: 768px) {
	.ehsubp .sub-visual__bg.about_bg{background-image: url(/public/img/sub/visual/about_bg_mo.webp);}
	.ehsubp .sub-visual__bg.esg_bg{background-image: url(/public/img/sub/visual/esg_bg_mo.webp);}
	.ehsubp .sub-visual__bg.careers_bg{background-image: url(/public/img/sub/visual/careers_bg_mo.webp);}
  .ehsubp .sub-visual__bg.boafaq_bg{background-image: url(/public/img/sub/visual/boafaq_bg_mo.webp);}
	.ehsubp .sub-visual__bg.boa_bg{background-image: url(/public/img/sub/visual/boa_bg_mo.webp);}
}
/* .ehsubp .sub-visual__bg img { */
  /* display: block; width: 100%; height: 100%; */
  /* object-fit: cover; object-position: center 42%; */
/* } */
/* .ehsubp .sub-visual__dim { */
  /* position: absolute; inset: 0; z-index: 1; */
  /* background: linear-gradient(90deg, rgba(0,0,0,.5) 30%, rgba(0,0,0,.25) 75%); */
/* } */

/* ---------- 타이틀 영역 ---------- */
.ehsubp .sub-visual__inner {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center; gap: 2rem;
  width: 100%; max-width: 160rem;
  margin: auto 0;                 /* 헤더/네비 사이 남은 공간 중앙 정렬 */
  text-align: center;
}
.ehsubp .sub-bread {
  display: flex; align-items: center; justify-content: center;
  gap: 1rem;
}
.ehsubp .sub-bread__home {
  display: block; width: 1.6rem; height: 1.6rem;
  background: url("/public/img/icon/bre_home.webp") no-repeat center / 100% 100%;
}
.ehsubp .sub-bread__arrow {
  display: block; width: .6rem; height: 1rem;
  background: url("/public/img/icon/bre_arrow.webp") no-repeat center / 100% 100%;
}
.ehsubp .sub-bread__txt {
  font-family: pretendard-600; font-weight: 600;
  font-size: 1.6rem; line-height: 3.6rem;
  color: rgba(255,255,255,.5);
  white-space: nowrap;
}
.ehsubp .sub-bread__txt.is-current { color: #fff; }

.ehsubp .sub-visual__tit {
  margin: 0;
  font-family: pretendard-700; font-weight: 700;
  font-size: 6.2rem; line-height: 7.8rem;
  color: #fff;
}

/* ---------- 드롭박스 네비게이션 ---------- */
.ehsubp .sub-nav {
  position: relative; z-index: 5;
  display: flex; align-items: flex-start; gap: 1.6rem;
}
.ehsubp .sub-nav__box { position: relative; width: 28rem; }

.ehsubp .sub-nav__btn {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  width: 100%; padding: 1.6rem 2.4rem;
  border: 2px solid #fff; border-radius: 99px;
  background: rgba(0,0,0,.05);
  -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px);
  box-shadow: 0 0 20px 0 rgba(15,23,41,.05);
  cursor: pointer; text-align: left;
  transition: background-color .25s, border-color .25s;
}
.ehsubp .sub-nav__btn:hover { background: rgba(255,255,255,.16); }
.ehsubp .sub-nav__btn-txt {
  flex: 1 1 auto; min-width: 0;
  font-family: pretendard-700; font-weight: 700;
  font-size: 1.8rem; line-height: 2.8rem; color: #fff;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ehsubp .sub-nav__btn-ico {
  flex: 0 0 auto;
  /* width: .6rem; height: 1rem; */
  width: 1rem;
    height: 0.6rem;
  background: url("/public/img/icon/ico_sel_arrow.webp") no-repeat center / 100% 100%;
  /* transform: rotate(90deg); */
  /* transition: transform .3s cubic-bezier(.4,0,.2,1); */
}
.ehsubp .sub-nav__box--current .sub-nav__btn {
  border-color: transparent;
  background: #22969c;
}
.ehsubp .sub-nav__box--current .sub-nav__btn:hover { background: #1d838a; }

/* 열림 상태 */
.ehsubp .sub-nav__box.is-open .sub-nav__btn-ico { transform: rotate(-180deg); }
.ehsubp .sub-nav__box.is-open .sub-nav__btn { border-color: #22969c; background: #22969c; }

/* 패널 */
.ehsubp .sub-nav__panel {
  position: absolute; left: 0; right: 0; top: calc(100% + 1rem);
  padding: .8rem;
  border-radius: 2rem;
  background: #fff;
  box-shadow: 0 1.2rem 3.2rem rgba(15,23,41,.16);
  opacity: 0; visibility: hidden;
  transform: translateY(-.8rem);
  transition: opacity .25s, transform .25s, visibility .25s;
  max-height: 36rem; overflow-y: auto; overscroll-behavior: contain;
}
.ehsubp .sub-nav__box.is-open .sub-nav__panel {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.ehsubp .sub-nav__list { margin: 0; padding: 0; list-style: none; }
.ehsubp .sub-nav__list a {
  display: block; padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  font-family: pretendard-500; font-weight: 500;
  font-size: 1.6rem; line-height: 2.4rem; color: #555;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.ehsubp .sub-nav__list a:hover { background: #f1f8f8; color: #22969c; }
.ehsubp .sub-nav__list a.is-current {
  background: #f1f8f8; color: #22969c;
  font-family: pretendard-700; font-weight: 700;
}

/* ---------- 반응형 ---------- */
@media (max-width: 1800px) {
  .ehsubp .sub-visual { height: 62rem; padding: 10rem 3rem 6rem; }
  .ehsubp .sub-visual__tit { font-size: 5.6rem; line-height: 7rem; }
}
@media (max-width: 1400px) {
  .ehsubp .sub-visual { height: 52rem; padding: 9rem 3rem 5rem; }
  .ehsubp .sub-visual__tit { font-size: 4.6rem; line-height: 5.8rem; }
  .ehsubp .sub-bread__txt { font-size: 1.5rem; line-height: 3rem; }
  .ehsubp .sub-nav__box { width: 24rem; }
  .ehsubp .sub-nav__btn { padding: 1.4rem 2.2rem; }
  .ehsubp .sub-nav__btn-txt { font-size: 1.6rem; line-height: 2.6rem; }
}
@media (max-width: 991px) {
	.ehsubp .sub-visual {
		height: 46rem;
	}
}
@media (max-width: 768px) {
  .ehsubp .sub-visual {
    height: 36rem;
            padding: 6.4rem 2rem 12rem;
    justify-content: center;
  }
  .ehsubp .sub-visual__dim { background: rgba(0,0,0,.5); }
  .ehsubp .sub-visual__inner { margin: 0; gap: 2rem; }
  .ehsubp .sub-bread { gap: .5rem; }
  .ehsubp .sub-bread__home { width: 1.4rem; height: 1.4rem; }
  .ehsubp .sub-bread__txt { font-size: 1.3rem; line-height: 2rem; }
  .ehsubp .sub-visual__tit { font-size: 3.2rem; line-height: 4rem; }

  .ehsubp .sub-nav {
    position: absolute; left: 2rem; right: 2rem; bottom: 2rem;
    gap: 0;
  }
  .ehsubp .sub-nav__box { width: 100%; }
  .ehsubp .sub-nav__box[data-depth="1"] { display: none; }  /* MO : 현재 depth만 노출 */
  .ehsubp .sub-nav__btn {
    padding: 1.4rem 2.4rem;
    border: 1px solid rgba(0,0,0,.06);
    background: #22969c;
    -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
  }
  .ehsubp .sub-nav__btn-txt { font-size: 1.5rem; line-height: 2rem; }
  .ehsubp .sub-nav__panel {
    /* top: auto; bottom: calc(100% + 1rem); */
    transform: translateY(.8rem);
    border-radius: 1.6rem; max-height: 28rem;
  }
  .ehsubp .sub-nav__box.is-open .sub-nav__panel { transform: translateY(0); }
  .ehsubp .sub-nav__list a { padding: 1.1rem 1.4rem; font-size: 1.5rem; border-radius: 1rem; }
}


/*----------------------------------------------------------------------------------
# 연구원 소개 = 인사말
------------------------------------------------------------------------------------*/
/* ============================================================
   CONTENTS (.ehabp)
   ============================================================ */
.ehabp { position: relative; background: #fff; }
.ehabp *,
.ehabp *::before,
.ehabp *::after { box-sizing: border-box; }

.ehabp .inner {
  width: 100%; max-width: 168rem;
  margin: 0 auto;
  padding: 0 4rem;
}

/* ---------- 섹션 공통 ---------- */
.ehabp .sec { padding: 12rem 0; }
.ehabp .sec--career { padding-bottom: 12rem; }

.sec__head {
    border-bottom: 1px solid #EEE;
    padding-bottom: 3rem;
}
.sec__tit {
  display: inline-flex; align-items: flex-start; gap: .8rem;
  margin: 0;
  font-family: pretendard-700; font-weight: 700;
  font-size: 3.2rem; line-height: 4rem; color: #111;
  white-space: nowrap;
}
.sec__tit-deco {
  flex: 0 0 auto;
  width: 2rem; height: 2rem;
  background: url("/public/img/icon/ico_tit_deco.webp") no-repeat center / 100% 100%;
}
.sec__tit-sub{
	margin:3rem 0 0 0;
	text-align:left;
	color: #111;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}

/* ---------- 인사말 ---------- */
.ehabp .greeting {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 6rem;
  padding-top: 6rem;
}
.ehabp .greeting__lead {
  flex: 0 0 auto;
  margin: 0;
  font-family: pretendard-600; font-weight: 600;
  font-size: 4rem; line-height: 5.4rem; color: #111;
  white-space: nowrap;
}
.ehabp .greeting__body {
  flex: 0 1 65%;
  max-width: 104rem;
  display: flex; flex-direction: column; gap: 3rem;
}
.ehabp .greeting__txt { display: flex; flex-direction: column; gap: 1.6rem; }
.ehabp .greeting__txt h2,
.ehabp .greeting__txt h3,
.ehabp .greeting__txt p,
.ehabp .greeting__thanks {
  margin: 0;
  font-family: pretendard-400; font-weight: 400;
  font-size: 2rem; line-height: 3.6rem; color: #111;
  word-break: keep-all;
}
.ehabp .greeting__txt strong {
  font-family: pretendard-700; font-weight: 700;
}

/* ---------- 원장 프로필 카드 ---------- */
.ehabp .ceo {
  position: relative;
  height: 46rem;
  margin-top: 6rem;
}
.ehabp .ceo__bg {
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 36rem;
  border-radius: 2rem;
  background: linear-gradient(237.08deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
  overflow: hidden;
}
.ehabp .ceo__deco {
    position: absolute;
    right: 4rem;
    bottom: -4rem;
    width: 36rem;
    height: 36rem;
    background: url("/public/img/sub/about/bg_ceo_deco.webp") no-repeat center / 100% 100%;
}
.ehabp .ceo__body {
  position: absolute; inset: 0;
  display: flex; align-items: center;
  /* gap: 10rem; */
  padding: 0 0 0 56rem;
}
.ehabp .ceo__photo {
left: 0;
    position: absolute;
  flex: 0 0 auto;
  width: 46rem; height: 46rem;
  border-radius: 2rem;
  /* overflow: hidden; */
}
.ehabp .ceo__photo img {
  position: absolute; left: 0; 
  /* top: -14.57%; */
  width: 100%; 
  /* height: 126.82%; */
  object-fit: cover;
}
.ehabp .ceo__info {
  flex: 1 1 auto; min-width: 0;
  display: flex; flex-direction: column; justify-content: space-between;
  height: 100%;
  padding: 16rem 6rem 0 0;
}
.ehabp .ceo__org {
  margin: 0;
  font-family: pretendard-600; font-weight: 600;
  font-size: 2.2rem; line-height: 3rem; color: #111;
}
.ehabp .ceo__name {
  display: flex; align-items: flex-end; gap: 1rem;
    margin: -6rem 0 0 0;
  font-family: "MaruBuri", pretendard-300; font-weight: 300;
  font-size: 7rem; line-height: 8rem; letter-spacing: 1.4rem; color: #111;
  white-space: nowrap;
}
.ehabp .ceo__name span {
  font-family: pretendard-700; font-weight: 700;
  font-size: 3.2rem; line-height: 4.6rem; letter-spacing: 0;
}
.ehabp .ceo__tabs { display: flex; align-items: center; gap: 6rem; }
.ehabp .ceo__tab {
  position: relative;
  padding: 3rem 0;
  border: 0; background: transparent; cursor: pointer;
  font-family: pretendard-500; font-weight: 500;
  font-size: 2.4rem; line-height: 3rem; color: #888;
  white-space: nowrap;
  transition: color .25s;
}
.ehabp .ceo__tab::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 3px; background: #22969c;
  transform: scaleX(0); transform-origin: left center;
  transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.ehabp .ceo__tab:hover { color: #111; }
.ehabp .ceo__tab.is-active {
  font-family: pretendard-600; font-weight: 600; color: #111;
}
.ehabp .ceo__tab.is-active::after { transform: scaleX(1); }

/* ---------- 이력 리스트 ---------- */
.ehabp .career {
  /* width: 65%; max-width: 104rem; */
  padding: 0 0 0 56rem;
  margin: 8rem 0 0 auto;
}
.ehabp .career[hidden] { display: none; }
.ehabp .career__row {
  display: flex; align-items: flex-start; gap: 5rem;
  margin: 0;
  padding: 3rem 0;
  border-bottom: 1px solid #eee;
}
.ehabp .career__row:first-child { padding-top: 0; }
.ehabp .career__row:last-child { border-bottom: 0; }
.ehabp .career__year {
  flex: 0 0 28rem;
  font-family: Poppins, pretendard-700; font-weight: 700;
  font-size: 3.8rem; line-height: 5rem; color: #111;
}
.ehabp .career__cont { flex: 1 1 auto; min-width: 0; margin: 0; }
.ehabp .career__list {
  display: flex; flex-direction: column; gap: 1rem;
  margin: 0; padding: 1rem 0; list-style: none;
}
.ehabp .career__list li {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: pretendard-400;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 3rem;
    color: #111;
    word-break: keep-all;
}
.ehabp .career__list li::before {
    background: #22969c;
    border-radius: 50%;
    content: "";
    flex: 0 0 auto;
    width: .4rem;
    height: .4rem;
}
.ehabp .career__empty {
  margin: 0; padding: 6rem 0;
  border-top: 1px solid #eee;
  font-family: pretendard-400; font-weight: 400;
  font-size: 1.8rem; line-height: 3rem; color: #888; text-align: center;
}

@media (max-width: 1800px) {
  .ehabp .inner { padding: 0 3rem; }

  .sec { padding: 10rem 0;}
  .sec--career { padding-bottom: 10rem; }
  .sec__tit { font-size: 3rem; line-height: 3.8rem; }

  .ehabp .greeting { padding-top: 5rem; }
  .ehabp .greeting__lead { font-size: 3.6rem; line-height: 5rem; }
  .ehabp .greeting__txt h2,
  .ehabp .greeting__txt h3,
  .ehabp .greeting__txt p,
  .ehabp .greeting__thanks { font-size: 1.9rem; line-height: 3.4rem; }

  .ehabp .ceo { height: 42rem; }
  .ehabp .ceo__bg { height: 33rem; }
  .ehabp .ceo__deco { width: 30rem; height: 30rem; right: 3rem; bottom:-3rem}
  .ehabp .ceo__photo { width: 42rem; height: 42rem; }
  .ehabp .ceo__info { padding: 14rem 5rem 0 0; }
  .ehabp .ceo__name { font-size: 6rem; line-height: 7rem; letter-spacing: 1.2rem; }
  .ehabp .ceo__name span { font-size: 2.8rem; line-height: 4rem; }
  .ehabp .ceo__tab { font-size: 2.2rem; padding: 2.6rem 0; }

  .ehabp .career__year { flex-basis: 24rem; font-size: 3.4rem; line-height: 4.6rem; }
}

@media (max-width: 1400px) {
  .ehabp .inner { padding: 0 3rem; }

  .ehabp .sec { padding: 8rem 0; }
  .ehabp .sec--career { padding-bottom: 8rem; }
  .sec__tit { font-size: 2.8rem; line-height: 3.6rem; }
  .sec__tit-deco { width: 1.8rem; height: 1.8rem; }
  .sec__tit-sub{margin:2rem 0 0 0;font-size: 1.6rem;line-height: 3rem;}
  
  .ehabp .greeting { gap: 4rem; padding-top: 4rem; }
  .ehabp .greeting__lead { font-size: 3rem; line-height: 4.4rem; }
  .ehabp .greeting__body { flex-basis: 62%; gap: 2.4rem; }
  .ehabp .greeting__txt p,
  .ehabp .greeting__thanks { font-size: 1.7rem; line-height: 3rem; }

  .ehabp .ceo { height: 34rem; margin-top: 4rem; }
  .ehabp .ceo__bg { height: 27rem; border-radius: 1.6rem; }
  .ehabp .ceo__deco { width: 24rem; height: 24rem; right: 2.4rem;bottom: -2.4rem; }
  .ehabp .ceo__body { padding: 0 0 0 44rem;}
  .ehabp .ceo__photo { width: 34rem; height: 34rem; border-radius: 1.6rem; }
  .ehabp .ceo__info { padding: 11rem 4rem 0 0; }
  .ehabp .ceo__org { font-size: 1.8rem; line-height: 2.6rem; }
  .ehabp .ceo__name { font-size: 4.6rem; line-height: 5.6rem; letter-spacing: .9rem;margin: -4rem 0 0 0; }
  .ehabp .ceo__name span { font-size: 2.2rem; line-height: 3.2rem; }
  .ehabp .ceo__tabs { gap: 4rem; }
  .ehabp .ceo__tab { font-size: 1.8rem; line-height: 2.6rem; padding: 2rem 0; }

  .ehabp .career { padding: 0 0 0 44rem;margin-top: 6rem; }
  .ehabp .career__row { gap: 3rem; padding: 2.4rem 0; }
  .ehabp .career__year { flex-basis: 18rem; font-size: 2.8rem; line-height: 4rem; }
  .ehabp .career__list { gap: .8rem; padding: .6rem 0; }
  .ehabp .career__list li { font-size: 1.6rem; line-height: 2.8rem; }
  /* .ehabp .career__list li::before { height: 2.8rem; } */
}
@media (max-width: 991px) {
	.ehabp .greeting {
		padding-top: 3rem;
		flex-direction: column;
	}
	.ehabp .greeting__lead{white-space: initial;}
	.ehabp .greeting__lead br{display:none;}
	.ehabp .career {
		padding: 0;
		margin-top: 4rem;
	}
	.ehabp .ceo {
		height: 26rem;
		margin-top: 4rem;
	}
	.ehabp .ceo__info {
		padding: 6rem 4rem 0 0;
	}
	.ehabp .ceo__body {
		padding: 0 0 0 32rem;
	}
	.ehabp .ceo__photo {
		bottom: 0;
		width: 28rem;
		height: 28rem;
	}
}
@media (max-width: 768px) {
  .ehabp .inner { padding: 0 2rem; }

  .ehabp .sec { padding: 5rem 0;}
  .ehabp .sec--career { padding-bottom: 6rem; }

  .sec__head {
		margin-bottom: 0rem;
		padding-bottom: 1.2rem;
	}
  .sec__tit { gap: .5rem; font-size: 2.2rem; line-height: 2.6rem; }
  .sec__tit-deco {display:none; width: 1.4rem; height: 1.4rem; }
  .sec__tit-sub{margin:2rem 0 0 0;font-size: 1.5rem;line-height: 2.5rem;}

  /* 인사말 */
  .ehabp .greeting { flex-direction: column; gap: 1.2rem; padding-top: 2rem;}
  .ehabp .greeting__lead {
    white-space: normal; word-break: keep-all;
    font-size: 1.8rem; line-height: 2.8rem;
  }
  .ehabp .greeting__body { flex: 1 1 auto; max-width: none; width: 100%; gap: 1.2rem; }
  .ehabp .greeting__txt { gap: 1.2rem; }
  .ehabp .greeting__txt h2,
  .ehabp .greeting__txt h3,
  .ehabp .greeting__txt p,
  .ehabp .greeting__thanks {
    font-family: pretendard-300; font-weight: 300;
    font-size: 1.5rem; line-height: 2.5rem;
  }
  .ehabp .greeting__txt strong {
    font-family: pretendard-600; font-weight: 600;
  }

  /* 프로필 카드 */
  .ehabp .ceo { height: auto; margin-top: 2rem; }
  .ehabp .ceo__bg {
    top: 16.5rem; bottom: 0; height: auto;
    border-radius: 1.6rem;
    background: linear-gradient(259.41deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
  }
  .ehabp .ceo__deco {
		right: 1rem;
		top: 1rem;
		/* left: 18.5rem; */
		bottom: inherit;
		width: 12rem;
		height: 12rem;
	}
  .ehabp .ceo__body {
	          padding: 0;
    position: static; inset: auto;
    display: flex; flex-direction: column; align-items: stretch; gap: 0;
  }
  .ehabp .ceo__info { display: contents; }

  .ehabp .ceo__org { order: 1; font-size: 1.6rem; line-height: 2rem; }
  .ehabp .ceo__name {
    order: 2; margin-top: 1rem; gap: .6rem;
    font-size: 3.6rem; line-height: 4.6rem; letter-spacing: .72rem;
  }
  .ehabp .ceo__name span { font-size: 1.6rem; line-height: 2.6rem; }
  .ehabp .ceo__photo {
		position: relative;
		order: 3;
		width: 26.5rem;
		height: 27rem;
		margin: 2rem auto 0;
		border-radius: 0;
		overflow: hidden;
	}
	.ehabp .ceo__photo img{
		    -webkit-mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0.10) 95%, rgba(0, 0, 0, 0.00) 100%);
	}
  /* .ehabp .ceo__photo img { */
    /* left: 0; top: -15.66%; */
    /* width: 109.48%; height: 136.26%; */
  /* } */
  .ehabp .ceo__tabs {
    order: 4;
    justify-content: center; gap: 3rem;
    margin-top: 1rem;
  }
  .ehabp .ceo__tab { padding: 1rem 0; font-size: 1.6rem; line-height: 2.4rem; }

  /* 이력 리스트 */
  .ehabp .career { width: 100%; max-width: none; margin: 3rem 0 0; }
  .ehabp .career__row {
    flex-direction: column; gap: 1rem;
    padding: 0 0 1.6rem;
    margin-bottom: 1.6rem;
  }
  .ehabp .career__row:last-child { margin-bottom: 0; }
  .ehabp .career__year { flex: none; font-size: 2.4rem; line-height: 3rem; }
  .ehabp .career__cont { width: 100%; }
  .ehabp .career__list { gap: .4rem; padding: 0; }
  .ehabp .career__list li {
    gap: .6rem;
    font-family: pretendard-300; font-weight: 300;
    font-size: 1.4rem; line-height: 2.1rem;
  }
  .ehabp .career__list li::before {
	width: .3rem;
    height: .3rem;
  }
  .ehabp .career__empty { padding: 4rem 0; font-size: 1.4rem; line-height: 2.2rem; }
}



/*----------------------------------------------------------------------------------
# 연구원 소개 = 연혁
------------------------------------------------------------------------------------*/
.ehabhis { position: relative; background: #fff; }
.ehabhis *,
.ehabhis *::before,
.ehabhis *::after { box-sizing: border-box; }

.ehabhis .inner {
  width: 100%; max-width: 168rem;
  margin: 0 auto;
  padding: 0 4rem;
}

.ehabhis .sec { padding: 12rem 0; }

/* ---------- 연혁 리스트 ---------- */
.ehabhis .hist { padding-top: 6rem; }

.ehabhis .hist__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
  padding: 3rem 0;
  border-bottom: 1px solid #eee;
}
.ehabhis .hist__row:first-child { padding-top: 0; }
.ehabhis .hist__row:last-child { padding-bottom: 0; border-bottom: 0; }

/* 연도 */
.ehabhis .hist__year {
  flex: 1 1 0; min-width: 0;
  font-family: Poppins, pretendard-700; font-weight: 700;
  font-size: 7rem; line-height: 8.6rem; color: #111;
}

/* 월별 리스트 */
.ehabhis .hist__list {
  flex: 1 1 0; min-width: 0;
  display: flex; flex-direction: column; gap: 3rem;
  margin: 0;
  padding: 2.2rem 0;
}

.ehabhis .hist__item {
  display: flex; align-items: flex-start; gap: 4rem;
  width: 100%;
}

/* 월 */
.ehabhis .hist__month {
  flex: 0 0 6rem;
  font-family: Poppins, pretendard-700; font-weight: 700;
  font-size: 3rem; line-height: 4.2rem; color: #111;
}

/* 내용 */
.ehabhis .hist__cont {
  flex: 1 1 auto; min-width: 0;
  display: flex;
      align-items: center;gap: 1.4rem;
  margin: 0;
  font-family: pretendard-400; font-weight: 400;
  font-size: 2rem; line-height: 4.2rem; color: #111;
  word-break: keep-all;
}
.ehabhis .hist__cont::before {
    background: #22969c;
    border-radius: 50%;
    content: "";
    flex: 0 0 auto;
    width: .4rem;
    height: .4rem;
}
@media (max-width: 1800px) {
  .ehabhis .inner { padding: 0 3rem; }

  .ehabhis .sec { padding: 10rem 0; }
  .ehabhis .hist { padding-top: 5rem; }

  .ehabhis .hist__year { font-size: 6rem; line-height: 7.4rem; }
  .ehabhis .hist__list { gap: 2.6rem; padding: 1.8rem 0; }
  .ehabhis .hist__item { gap: 3.4rem; }
  .ehabhis .hist__month { flex-basis: 5.4rem; font-size: 2.6rem; line-height: 3.8rem; }
  .ehabhis .hist__cont { font-size: 1.9rem; line-height: 3.8rem; }
}

@media (max-width: 1400px) {
  .ehabhis .inner { padding: 0 3rem; }

  .ehabhis .sec { padding: 8rem 0; }
  .ehabhis .hist { padding-top: 4rem; }
  .ehabhis .hist__row { padding: 2.6rem 0; }

  .ehabhis .hist__year { font-size: 5rem; line-height: 6.2rem; }
  .ehabhis .hist__list { gap: 2.2rem; padding: 1.4rem 0; }
  .ehabhis .hist__item { gap: 2.8rem; }
  .ehabhis .hist__month { flex-basis: 4.6rem; font-size: 2.2rem; line-height: 3.4rem; }
  .ehabhis .hist__cont { gap: 1.2rem; font-size: 1.7rem; line-height: 3.4rem; }
}

@media (max-width: 991px) {
  .ehabhis .inner { padding: 0 3rem; }

  .ehabhis .sec { padding: 7rem 0; }
  .ehabhis .hist__row { gap: 3rem; padding: 2.4rem 0; }

  /* 연도 폭 고정 → 본문 가독폭 확보 */
  .ehabhis .hist__year {
    flex: 0 0 14rem;
    font-size: 4.2rem; line-height: 5.4rem;
  }
  .ehabhis .hist__list { flex: 1 1 auto; gap: 1.8rem; padding: 1rem 0; }
  .ehabhis .hist__item { gap: 2rem; }
  .ehabhis .hist__month { flex-basis: 4rem; font-size: 2rem; line-height: 3.2rem; }
  .ehabhis .hist__cont { font-size: 1.6rem; line-height: 3.2rem; }
}

@media (max-width: 768px) {
  .ehabhis .inner { padding: 0 2rem; }

  .ehabhis .sec { padding: 5rem 0 6rem; }
  .ehabhis .hist { padding-top: 2rem; }

  .ehabhis .hist__row {
    flex-direction: column;
    gap: .8rem;
    padding: 0 0 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid #eee;
  }
  .ehabhis .hist__row:first-child { padding-top: 0; }
  .ehabhis .hist__row:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

  .ehabhis .hist__year {
    flex: none; width: 7.2rem;
    font-size: 2.2rem; line-height: 3.1rem;
  }
  .ehabhis .hist__list { flex: none; width: 100%; gap: 0; padding: 0; }

  .ehabhis .hist__item { gap: .8rem; padding: .4rem 0; }
  .ehabhis .hist__month { flex-basis: 2.4rem; font-size: 1.6rem; line-height: 2.1rem; }

  .ehabhis .hist__cont {
    gap: .6rem;
    font-family: pretendard-300; font-weight: 300;
    font-size: 1.4rem; line-height: 2.1rem;
  }
  .ehabhis .hist__cont::before {
           width: .3rem;
        height: .3rem;
  }
}


/*----------------------------------------------------------------------------------
# 연구원 소개 = 조직도
------------------------------------------------------------------------------------*/
.orgimgBox{
	position:relative;
	width:100%;
	padding:6rem 0 0 0;
}
.orgimg.pc{display:flex;}
.orgimg.mo{display:none;}
@media (max-width: 991px) {
	.orgimg.pc{display:none;}
	.orgimg.mo{display:flex;justify-content: center;}
}
@media (max-width: 768px) {
	.orgimgBox{padding:2rem 0 0 0;}
}

/*----------------------------------------------------------------------------------
# 연구원 소개 = 오시는길
------------------------------------------------------------------------------------*/
.ehablo { padding: 12rem 0; background: #fff; }

.ehablo * { box-sizing: border-box; }

.ehablo .ehablo__inner {
  width: 100%;
  max-width: 168rem;
  margin: 0 auto;
  padding: 0 4rem;
}

.ehablo .ehablo__list {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}

.ehablo .ehablo__item {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

/* ---------- 카드 ---------- */
.ehablo .ehablo__card {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6.9rem 2rem 6.9rem 2rem;
}

/* ---------- 지도 ---------- */
.ehablo .ehablo__map {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  /* height: 68rem; */
  background: #eef2f4;
  overflow: hidden;
}

.ehablo .ehablo__map picture {
  display: block;
  width: 100%;
  height: 100%;
}

.ehablo .ehablo__map img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ---------- 정보 패널 ---------- */
.ehablo .ehablo__info {
  display: flex;
  flex: 0 0 auto;
  width: 50rem;
  padding: 4rem;
  background-image: linear-gradient(244.667deg, rgb(232, 246, 239) 30.014%, rgb(238, 246, 250) 69.583%);
}

.ehablo .ehablo__info-inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
  min-width: 0;
}

/* ---------- 정보 리스트 ---------- */
.ehablo .ehablo__rows {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.ehablo .ehablo__row {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}

.ehablo .ehablo__row--col2 {
  flex-direction: row;
  gap: .4rem;
}

.ehablo .ehablo__col {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: .4rem;
  min-width: 0;
}

.ehablo .ehablo__label {
  display: block;
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
}

.ehablo .ehablo__value {
  margin: 0;
  font-family: pretendard-400;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
  word-break: keep-all;
}

.ehablo .ehablo__line {
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(17, 17, 17, .06);
}

/* ---------- 배지 ---------- */
.ehablo .ehablo__badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  border-radius: 9.9rem;
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #fff;
  white-space: nowrap;
}

.ehablo .ehablo__badge--subway { background: #b7a376; }
.ehablo .ehablo__badge--bus    { background: #5cb024; }

/* ---------- 지하철 ---------- */
.ehablo .ehablo__subway {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
}

.ehablo .ehablo__value--subway {
  flex: 1 1 0;
  min-width: 0;
}

/* ---------- 버스 ---------- */
.ehablo .ehablo__bus {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}

.ehablo .ehablo__bus-item {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
}

.ehablo .ehablo__bus-name {
  flex: 0 0 auto;
  margin: 0;
  font-family: pretendard-400;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
  white-space: nowrap;
}

.ehablo .ehablo__bus-nums {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
}

/* ---------- 버튼 ---------- */
.ehablo .ehablo__btns {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ehablo .ehablo__btn {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  min-width: 0;
  padding: 1.6rem 2.6rem;
  border-radius: 4rem;
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #111;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .2s ease;
}

.ehablo .ehablo__btn:hover { opacity: .8; }

.ehablo .ehablo__btn img {
  flex: 0 0 auto;
  width: 2.8rem;
  height: 2.8rem;
  object-fit: contain;
}

.ehablo .ehablo__btn--naver { background: #fff; }
.ehablo .ehablo__btn--kakao { background: #f9e000; }


/* ====================== RESPONSIVE ====================== */
@media (max-width: 1800px) {
  .ehablo .ehablo__inner { padding: 0 3rem; }
  .ehablo .ehablo__info  {min-height: 60rem;width: 46rem; }
  /* .ehablo .ehablo__map   { height: 64rem; } */
}

@media (max-width: 1400px) {
  .ehablo { padding: 10rem 0; }
  .ehablo .ehablo__inner { padding: 0 3rem; }
  .ehablo .ehablo__list  { gap: 10rem; }
  .ehablo .ehablo__item  { gap: 4rem; }

  .ehablo .ehablo__card { border-radius: 5rem 2rem 5rem 2rem; }
  /* .ehablo .ehablo__map  { height: 58rem; } */
  .ehablo .ehablo__info { width: 42rem; padding: 3rem; }
  .ehablo .ehablo__info-inner { gap: 3rem; }

  .ehablo .ehablo__rows { gap: 2rem; }

  .ehablo .ehablo__bus      { gap: .8rem; }
  .ehablo .ehablo__bus-item { flex-direction: column; gap: .4rem; }

  .ehablo .ehablo__btn { padding: 1.4rem 2rem; font-size: 1.6rem; line-height: 2.6rem; }
  .ehablo .ehablo__btn img { width: 2.4rem; height: 2.4rem; }
}

@media (max-width: 991px) {
  .ehablo { padding: 8rem 0; }
  .ehablo .ehablo__inner { padding: 0 3rem; }
  .ehablo .ehablo__list  { gap: 8rem; }
  .ehablo .ehablo__item  { gap: 3rem; }

  /* .ehablo .ehablo__card { */
    /* flex-direction: column; */
    /* border-radius: 2rem; */
  /* } */

  /* .ehablo .ehablo__map { */
    /* flex: none; */
    /* width: 100%; */
    /* height: 46rem; */
  /* } */

  .ehablo .ehablo__info {
	          min-height: auto;
    padding: 3rem;
  }
}

@media (max-width: 768px) {
  .ehablo { padding: 5rem 0; }
  .ehablo .ehablo__inner { padding: 0 2rem; }
  .ehablo .ehablo__list  { gap: 5rem; }
  .ehablo .ehablo__item  { gap: 2rem; }
   .ehablo .ehablo__card {
    flex-direction: column;
    border-radius: 2rem;
  }

  .ehablo .ehablo__map {
    flex: none;
    width: 100%;
    height: 46rem;
  }
  .ehablo .ehablo__card { border-radius: 1rem; }
  .ehablo .ehablo__map  { height: 46rem; }

  .ehablo .ehablo__info { width:100%;padding: 2rem; }
  .ehablo .ehablo__info-inner { gap: 2rem; }

  .ehablo .ehablo__rows { gap: 1.2rem; }
  .ehablo .ehablo__row--col2 { gap: 1rem; }

  .ehablo .ehablo__label { font-size: 1.4rem; line-height: 2rem; }
  .ehablo .ehablo__value { font-size: 1.3rem; line-height: 2rem; }
  .ehablo .ehablo__value--subway { letter-spacing: -.01em; }

  .ehablo .ehablo__badge {
    padding: .4rem .8rem;
    font-family: 'pretendard-800';
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .ehablo .ehablo__subway   { gap: .4rem; }
  .ehablo .ehablo__bus      { gap: .8rem; }
  .ehablo .ehablo__bus-name { font-size: 1.4rem; line-height: 2rem; }

  .ehablo .ehablo__btns { gap: .7rem; }
  .ehablo .ehablo__btn {
    padding: 1.2rem 2.6rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .ehablo .ehablo__btn img { width: 1.6rem; height: 1.6rem; }
}

/*----------------------------------------------------------------------------------
# 연구원 소개 = 인증지정현황
------------------------------------------------------------------------------------*/
.ehabcre { position: relative;    background: #fff;
    padding: 12rem 0; }

.ehabcre .inner {
  max-width: 168rem;
  margin: 0 auto;
  padding: 0 4rem;
}

/* 본문 시작 여백 (공통 sec__head 하단 3rem + 본문 6rem) */
.ehabcre__cont { padding-top: 6rem; }

/* ---------- 리스트 ---------- */
.ehabcre__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 4rem;
  column-gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ehabcre__item { min-width: 0; }

/* ---------- 카드 ---------- */
.ehabcre__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.ehabcre__visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* 액자 걸이 아이콘 (30 x 20) */
.ehabcre__hook {
    margin: -0.3rem;
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 3rem;
    height: 2rem;
    background: url("/public/img/icon/frame_cie.webp") no-repeat 50% 50%;
    background-size: 3rem 2rem;
}

/* ---------- 액자 틀 ---------- */
/* 194(이미지) + 8*2(매트) + 6*2(검정테) = 222 / 외곽 3 여백 */
.ehabcre__frame {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 22.2rem;
  margin: .3rem;
  padding: .8rem;
  border: .6rem solid #000;
  background: #fff;
  box-shadow: .4rem .6rem .2rem rgba(0, 0, 0, .15);
}

/* 액자 프레임 베벨(inset 음영) */
.ehabcre__frame::after {
  content: "";
  position: absolute;
  top: -.3rem;
  right: -.3rem;
  bottom: -.3rem;
  left: -.3rem;
  z-index: 2;
  box-shadow: inset 1.1174rem 1.1174rem .3438rem rgba(0, 0, 0, .2);
  pointer-events: none;
}

/* 증서 이미지 영역 (194 x 275) */
.ehabcre__photo {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 194 / 275;
  overflow: hidden;
  background: #e8e8e8;
  box-shadow:
    inset -.0439rem -.0439rem .0439rem rgba(0, 0, 0, .05),
    inset .0877rem .0877rem .2194rem rgba(0, 0, 0, .1);
}

.ehabcre__photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- 타이틀 ---------- */
.ehabcre__tit {
  display: block;
  width: 100%;
  margin-top: 1.8rem;
  font-family: pretendard-500;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 2.4rem;
  color: #111;
  text-align: center;
  word-break: break-word;
}

.ehabcre__card:hover .ehabcre__tit,
.ehabcre__card:focus-visible .ehabcre__tit {
  font-family: pretendard-700;
  font-weight: 700;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.ehabcre__card:hover .ehabcre__frame {
  box-shadow: .6rem .9rem .4rem rgba(0, 0, 0, .22);
}

.ehabcre__frame { transition: box-shadow .25s ease; }

/* ---------- 증서 확대 모달 ---------- */
.ehabcre .blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.ehabcre__modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
      /* padding: 10rem 0; */
      overflow-y: scroll;
	      background: rgba(0, 0, 0, .7);
}

.ehabcre__modal.is-open { display: block; }

/* .ehabcre__modal-dim { */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* background: rgba(0, 0, 0, .7); */
/* } */

.ehabcre__modalInner {
    /* overflow-y: scroll; */
    /* padding: 10rem 0 0 0; */
	margin: 10rem 0;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    /* align-items: center; */
    justify-content: center;
}
.ehabcre__modal-box {
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
    /* transform: translate(-50%, -50%); */
	position:relative;
  width: 100%;
  max-width: 62rem;
  padding: 0 2rem;
  box-sizing: border-box;
}

.ehabcre__modal-tit {
  display: block;
  margin-bottom: 2rem;
  font-family: pretendard-600;
  font-weight: 600;
  font-size: 2rem;
  line-height: 3rem;
  color: #fff;
  text-align: center;
}

.ehabcre__modal-img {
  /* max-height: 70vh; */
  /* overflow: auto; */
  background: #fff;
  padding: 1.6rem;
  box-sizing: border-box;
}

.ehabcre__modal-img img {
  display: block;
  width: 100%;
  height: auto;
}

.ehabcre__modal-close {
  position: absolute;
  top: -5.4rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.ehabcre__modal-close::before,
.ehabcre__modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 2px;
  margin: -1px 0 0 -1.5rem;
  background: #fff;
}

.ehabcre__modal-close::before { transform: rotate(45deg); }
.ehabcre__modal-close::after { transform: rotate(-45deg); }

/* ==================== 반응형 ==================== */
@media (max-width: 1800px) {
	.ehabcre {padding: 10rem 0; }

  .ehabcre .inner { padding: 0 3rem; }
}

@media (max-width: 1400px) {
		.ehabcre {padding: 8rem 0; }
  .ehabcre .inner { padding: 0 3rem; }

  .ehabcre__list { grid-template-columns: repeat(4, 1fr); }
  
  .ehabcre__modal-box {
		max-width: 52rem;
	}
}

@media (max-width: 991px) {
		.ehabcre {padding: 8rem 0; }
  .ehabcre .inner { padding: 0 3rem; }

  .ehabcre__cont { padding-top: 4rem; }

  .ehabcre__list {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 3.6rem;
  }

  .ehabcre__frame { max-width: 20.6rem; }

  .ehabcre__tit {
    margin-top: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

@media (max-width: 768px) {
		.ehabcre {padding: 5rem 0; }
  .ehabcre .inner { padding: 0 2rem; }

  .ehabcre__cont { padding-top: 2rem; }

  .ehabcre__list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 3rem;
  }

  /* MO : 166(이미지) + 8*2 + 6*2 = 194 / 외곽 3 여백 */
  .ehabcre__frame { max-width: 19.4rem; }

  .ehabcre__photo { aspect-ratio: 166 / 234; }

  .ehabcre__tit {
    margin-top: 1.8rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }

  .ehabcre__card:hover .ehabcre__frame {
    box-shadow: .4rem .6rem .2rem rgba(0, 0, 0, .15);
  }

  .ehabcre__modal-tit {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .ehabcre__modal-box { padding: 0 2rem; }
  .ehabcre__modal-close { top: -4.6rem; right: 2rem; }
  .ehabcre__modalInner {
		margin: 8rem 0;
	}
}
@media (max-width: 550px) {
	.ehabcre__modal{
		overflow-y: hidden;
	}
	.ehabcre__modalInner {
		display: flex;
		margin: 0;
		align-items: center;
		justify-content: center;
	}
}

/* ---- 지정·등록 내역 표 --------------------------------------------------
   지정서 이미지 안의 번호는 크롤러가 못 읽으므로 같은 내용을 텍스트 표로 제공한다.

   스타일은 사업분야 페이지(/soil-environment/토양오염도검사 등)의 .ehbuni-tbl 과
   같게 맞췄다. 다만 .ehbuni-tbl 은 business.css 에 있고 이 페이지는 그 CSS 를
   로드하지 않으므로, 같은 값을 여기에 옮겨 적는다.
   (business.css 를 통째로 얹으면 사업분야 전용 규칙까지 따라 들어온다) */
.ehabcre__data {
	--cert-line:  rgba(0,0,0,.06);   /* business.css --c-line  */
	--cert-thead: #f6f6f6;           /* business.css --c-thead */
	--cert-txt:   #111;              /* business.css --c-txt   */
	margin-top: 10rem;
}
/* 이 섹션의 제목 밑줄은 빼둔다. 바로 아래 표가 자체 외곽선을 갖고 있어
   선이 두 줄로 겹쳐 보인다. */
.ehabcre__data .sec__head { margin-bottom: 0; border-bottom: none; }

/* .ehbuni-tbl 과 동일: 바깥 테두리 + 라운드, 셀 경계는 내부선만 */
.ehabcre__tablewrap {
	overflow: hidden;
	border: 1px solid var(--cert-line);
	border-radius: .4rem;
}
.ehabcre__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.ehabcre__table th {
	/* auto-phrase 미지원(구 iOS Safari) 폴백 — 넘침 방지 */
	word-break: keep-all;
	overflow-wrap: anywhere;
	word-break: auto-phrase;
	padding: 2rem 1rem;
	background: var(--cert-thead);
	border-bottom: 1px solid var(--cert-line);
	border-right: 1px solid var(--cert-line);
	font-family: 'pretendard-600'; font-weight: 600;
	font-size: 1.8rem; line-height: 3rem; color: var(--cert-txt);
	text-align: center;
}
.ehabcre__table td {
	word-break: keep-all;
	overflow-wrap: anywhere;
	word-break: auto-phrase;
	padding: 1.6rem 1rem;
	border-bottom: 1px solid var(--cert-line);
	border-right: 1px solid var(--cert-line);
	font-family: 'pretendard-300'; font-weight: 300;
	font-size: 1.8rem; line-height: 3.4rem; color: var(--cert-txt);
	text-align: center;
	vertical-align: middle;
}
.ehabcre__table th:last-child,
.ehabcre__table td:last-child { border-right: 0; }
.ehabcre__table tbody tr:last-child th,
.ehabcre__table tbody tr:last-child td { border-bottom: 0; }

/* 자격명(행 제목)은 th 지만 본문 톤으로 — 헤더 배경까지 깔리면 표가 무거워진다 */
.ehabcre__table tbody th {
	background: transparent;
	font-size: 1.8rem; line-height: 3rem;
	text-align: left;
}
/* 인정 범위는 길어서 왼쪽 정렬이 읽기 좋다 */
.ehabcre__table td.is-left { text-align: left; }

.ehabcre__note {
	margin-top: 2rem;
	font-family: 'pretendard-300'; font-weight: 300;
	font-size: 1.5rem; line-height: 2.6rem;
	color: #888;
	word-break: auto-phrase;
}

@media (max-width: 1400px) {
	.ehabcre__table th { font-size: 1.7rem; padding: 1.8rem 1rem; }
	.ehabcre__table td { font-size: 1.7rem; line-height: 3rem; padding: 1.6rem 2rem; }
	.ehabcre__table tbody th { font-size: 1.7rem; line-height: 3rem; }
}
@media (max-width: 991px) {
	.ehabcre__data { margin-top: 7rem; }
	.ehabcre__data .sec__head { margin-bottom: 3rem; }
	.ehabcre__table th { font-size: 1.6rem; line-height: 2.6rem; padding: 1.6rem .8rem; }
	.ehabcre__table td { font-size: 1.6rem; line-height: 2.6rem; padding: 1.4rem 1.6rem; }
	.ehabcre__table tbody th { font-size: 1.6rem; line-height: 2.6rem; }
	.ehabcre__note { font-size: 1.4rem; line-height: 2.4rem; }
}
@media (max-width: 768px) {
	.ehabcre__data { margin-top: 5rem; }
	/* 5열을 접으면 오히려 읽기 어려워서 가로 스크롤로 둔다 */
	.ehabcre__tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.ehabcre__table { min-width: 72rem; }
}

/*----------------------------------------------------------------------------------
# 지속가능경영 = 공평성선언서
------------------------------------------------------------------------------------*/
.ehesgfa {
	padding: 12rem 0;
  position: relative;
  overflow: hidden;
}

.ehesgfa .inner {
  max-width: 168rem;
  margin: 0 auto;
  padding: 0 4rem;
}

/* 컨텐츠 박스 기준 래퍼 (데코 위치 기준) */
.ehesgfa__wrap {
  position: relative;
  z-index: 1;
}

/* ---------- 배경 데코 원 ---------- */
.ehesgfa__deco {
  position: absolute;
  z-index: -1;
  display: block;
  border-radius: 50%;
  pointer-events: none;
}

.ehesgfa__deco--01 {
  top: 3.4rem;
  left: -16rem;
  width: 40rem;
  height: 40rem;
  background: #e7fbf1;
  -webkit-filter: blur(150px);
  filter: blur(150px);
}

.ehesgfa__deco--02 {
  right: -16rem;
  bottom: 13rem;
  width: 60rem;
  height: 60rem;
  background: #e3f0f6;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

/* ---------- 본문 ---------- */
.ehesgfa__cont {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 3rem;
}

.ehesgfa__lead {
  margin: 0;
  font-family: pretendard-400;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #111;
  word-break: break-word;
}

.ehesgfa__lead-em {
  font-family: pretendard-700;
  font-weight: 700;
}

.ehesgfa__decl {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

/* ---------- 그룹 (소제목 + 카드) ---------- */
.ehesgfa__group {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}

.ehesgfa__group-tit {
  display: block;
  font-family: pretendard-600;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 3rem;
  color: #111;
}

/* ---------- 선언 카드 ---------- */
.ehesgfa__card {
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5rem;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 2rem;
  background: rgba(255, 255, 255, .5);
  box-shadow: 0 0 4rem 0 rgba(0, 0, 0, .05);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  list-style: none;
}

@supports not ((backdrop-filter: blur(25px)) or (-webkit-backdrop-filter: blur(25px))) {
  .ehesgfa__card { background: rgba(255, 255, 255, .85); }
}

.ehesgfa__item {
  display: flex;
  align-items: center;
  gap: 2.6rem;
  width: 100%;
}

.ehesgfa__item + .ehesgfa__item { position: relative; }

.ehesgfa__item + .ehesgfa__item::before {
  content: "";
  position: absolute;
  top: -1.85rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, .06);
}

.ehesgfa__num {
  flex-shrink: 0;
  width: 3.6rem;
  font-family: pretendard-800;
  font-weight: 800;
  font-size: 2.6rem;
  line-height: 3.6rem;
  color: #22969c;
  text-align: center;
}

.ehesgfa__bar {
  flex-shrink: 0;
  width: 1px;
  height: 1.6rem;
  background: rgba(0, 0, 0, .1);
}

.ehesgfa__txt {
  margin: 0;
  font-family: pretendard-400;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.6rem;
  color: #111;
  word-break: break-word;
}

/* ---------- 마무리 문단 ---------- */
.ehesgfa__outro {
  margin: 0;
  font-family: pretendard-400;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.6rem;
  color: #111;
  text-align: center;
  word-break: break-word;
}

.ehesgfa__br--mo { display: none; }

/* ---------- 서명 ---------- */
.ehesgfa__sign {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.ehesgfa__sign-date {
  display: block;
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
  color: #111;
  text-align: center;
}

.ehesgfa__sign-tit {
  display: block;
  font-family: pretendard-600;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 4rem;
  color: #111;
  text-align: center;
}

.ehesgfa__sign-img {
  display: block;
  width: 27rem;
  height: 18rem;
}

.ehesgfa__sign-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- 스크롤 등장 (JS 연동) ---------- */
.ehesgfa .is-reveal {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity .7s ease, transform .7s ease;
}

.ehesgfa .is-reveal.is-show {
  opacity: 1;
  transform: translateY(0);
}

/* ==================== 반응형 ==================== */
@media (max-width: 1800px) {
	.ehesgfa {padding: 10rem 0;}
  .ehesgfa .inner { padding: 0 3rem; }
}

@media (max-width: 1400px) {
	.ehesgfa {padding: 8rem 0;}
  .ehesgfa .inner { padding: 0 3rem; }

  .ehesgfa__lead {
    font-size: 1.7rem;
    line-height: 3rem;
  }

  .ehesgfa__group-tit {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }

  .ehesgfa__card {
    gap: 3rem;
    padding: 4rem;
  }

  .ehesgfa__item + .ehesgfa__item::before { top: -1.55rem; }

  .ehesgfa__num {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }

  .ehesgfa__txt,
  .ehesgfa__outro {
    font-size: 1.9rem;
    line-height: 3.4rem;
  }
}

@media (max-width: 991px) {
  .ehesgfa .inner { padding: 0 3rem; }

  .ehesgfa__deco--01 {
    top: 2rem;
    left: -12rem;
    width: 30rem;
    height: 30rem;
    -webkit-filter: blur(110px);
    filter: blur(110px);
  }

  .ehesgfa__deco--02 {
    right: -14rem;
    bottom: 11rem;
    width: 44rem;
    height: 44rem;
    -webkit-filter: blur(80px);
    filter: blur(80px);
  }

  .ehesgfa__lead {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  .ehesgfa__decl { gap: 4rem; }

  .ehesgfa__group { gap: 1.6rem; }

  .ehesgfa__group-tit {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .ehesgfa__card {
    gap: 2.6rem;
    padding: 3rem;
    border-radius: 1.6rem;
  }

  .ehesgfa__item {
    align-items: flex-start;
    gap: 2rem;
  }

  .ehesgfa__item + .ehesgfa__item::before { top: -1.35rem; }

  .ehesgfa__num {
    width: 3rem;
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .ehesgfa__bar {
    height: 1.4rem;
    margin-top: .8rem;
  }

  .ehesgfa__txt,
  .ehesgfa__outro {
    font-size: 1.7rem;
    line-height: 3rem;
  }

  .ehesgfa__sign { gap: 1.6rem; }

  .ehesgfa__sign-date {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .ehesgfa__sign-tit {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  .ehesgfa__sign-img {
    width: 22rem;
    height: 14.6rem;
  }
}

@media (max-width: 768px) {
	.ehesgfa {padding: 5rem 0;}
  .ehesgfa .inner { padding: 0 2rem; }

  .ehesgfa__deco--01 {
    top: 18.7rem;
    left: -10rem;
    width: 20rem;
    height: 20rem;
    -webkit-filter: blur(50px);
    filter: blur(50px);
  }

  .ehesgfa__deco--02 {
    right: -13rem;
    bottom: 22rem;
    width: 30rem;
    height: 30rem;
    -webkit-filter: blur(50px);
    filter: blur(50px);
  }

  .ehesgfa__cont {
    gap: 5.4rem;
    padding-top: 2rem;
  }

  .ehesgfa__lead {
    font-family: pretendard-300;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .ehesgfa__decl { gap: 3rem; }

  .ehesgfa__group { gap: 1rem; }

  .ehesgfa__group-tit {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .ehesgfa__card {
    gap: 2rem;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .05);
  }

  .ehesgfa__item {
    align-items: flex-start;
    gap: 1.2rem;
  }

  .ehesgfa__item + .ehesgfa__item::before { top: -1.05rem; }

  .ehesgfa__num {
    width: 2.2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .ehesgfa__bar { display: none; }

  .ehesgfa__txt {
    flex: 1 1 0;
    min-width: 0;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .ehesgfa__outro {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .ehesgfa__br--pc { display: none; }
  .ehesgfa__br--mo { display: inline; }

  .ehesgfa__sign { gap: 1rem; }

  .ehesgfa__sign-date {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .ehesgfa__sign-tit {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .ehesgfa__sign-img {
    width: 18rem;
    height: 12rem;
  }

  .ehesgfa .is-reveal { transform: translateY(2rem); }
}


/*----------------------------------------------------------------------------------
# 채용정보 = 인사제도
------------------------------------------------------------------------------------*/
.ehcaresy { --ehc-primary:#22969c; --ehc-line:rgba(0,0,0,.06); }

.ehcaresy *,
.ehcaresy *::before,
.ehcaresy *::after { box-sizing:border-box; }

.ehcaresy ul,
.ehcaresy li { margin:0; padding:0; list-style:none; }

.ehcaresy p { margin:0; }

.ehcaresy img { display:block; max-width:100%; }

/* ---------- inner ---------- */
.ehcaresy .inner {
  width:100%;
  max-width:168rem;
  margin:0 auto;
  padding:0 4rem;
}

/* ---------- wrap ---------- */
.ehcaresy .ehc-hrsystem {
  background:#fff;
  padding:12rem 0;
}

.ehcaresy .ehc-hrsystem .inner {
  display:flex;
  flex-direction:column;
  gap:12rem;
}

/* ---------- section ---------- */
.ehcaresy .ehc-sec {
  display:flex;
  flex-direction:column;
  gap:3rem;
  width:100%;
}

.ehcaresy .ehc-sec-desc {
  font-family:pretendard-400, sans-serif;
  font-weight:400;
  font-size:1.8rem;
  line-height:3.2rem;
  color:#111;
  word-break:keep-all;
}

/* =====================
   인사제도 카드
   ===================== */
.ehcaresy .ehc-hr-list {
  display:flex;
  gap:4rem;
  width:100%;
}

.ehcaresy .ehc-hr-card {
  display:flex;
  flex:1 1 0;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--ehc-line);
  border-radius:.8rem;
  background:#fff;
}

.ehcaresy .ehc-hr-card__txt {
  display:flex;
  flex:1 1 0;
  min-width:0;
  gap:2rem;
  padding:5rem 0 5rem 4rem;
  background:#fff;
}

.ehcaresy .ehc-hr-card__num {
  flex-shrink:0;
  font-family:pretendard-500, sans-serif;
  font-weight:500;
  font-size:3rem;
  line-height:3.6rem;
  color:var(--ehc-primary);
}

.ehcaresy .ehc-hr-card__info {
  display:flex;
  flex-direction:column;
  gap:1rem;
  min-width:0;
}

.ehcaresy .ehc-hr-card__name {
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2.4rem;
  line-height:3.6rem;
  color:#111;
}

.ehcaresy .ehc-hr-card__sub {
  font-family:pretendard-300, sans-serif;
  font-weight:300;
  font-size:1.8rem;
  line-height:3.4rem;
  color:#111;
  word-break:keep-all;
}

.ehcaresy .ehc-hr-card__img {
  position:relative;
  flex-shrink:0;
  align-self:stretch;
  width:28rem;
  overflow:hidden;
}

.ehcaresy .ehc-hr-card__img img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}

.ehcaresy .ehc-hr-card__img--dim::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.04);
  pointer-events:none;
}

/* ====================
   직급체계 그래프
   ==================== */
.ehcaresy .ehc-rank {
  display:flex;
  align-items:center;
  gap:1.8rem;
  width:100%;
  height:34rem;
  padding:0 3.5rem;
  overflow:hidden;
  border-bottom:1px solid var(--ehc-line);
}

.ehcaresy .ehc-rank__item {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  flex:1 1 0;
  min-width:0;
  height:100%;
}

.ehcaresy .ehc-rank__item:nth-child(1) { padding-top:20rem; }
.ehcaresy .ehc-rank__item:nth-child(2) { padding-top:16rem; }
.ehcaresy .ehc-rank__item:nth-child(3) { padding-top:12rem; }
.ehcaresy .ehc-rank__item:nth-child(4) { padding-top:8rem; }
.ehcaresy .ehc-rank__item:nth-child(5) { padding-top:4rem; }
.ehcaresy .ehc-rank__item:nth-child(6) { padding-top:0; }

.ehcaresy .ehc-rank__bar {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  flex:1 1 0;
  min-height:0;
  width:100%;
  padding:3rem;
  overflow:hidden;
  border:1px solid var(--ehc-line);
  border-bottom:0;
  border-radius:1rem 1rem 0 0;
}

.ehcaresy .ehc-rank__item:nth-child(1) .ehc-rank__bar { background:linear-gradient(180deg,#abd5d7 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
.ehcaresy .ehc-rank__item:nth-child(2) .ehc-rank__bar { background:linear-gradient(180deg,#95cbce 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
.ehcaresy .ehc-rank__item:nth-child(3) .ehc-rank__bar { background:linear-gradient(180deg,#7cbfc2 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
.ehcaresy .ehc-rank__item:nth-child(4) .ehc-rank__bar { background:linear-gradient(180deg,#63b4b8 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
.ehcaresy .ehc-rank__item:nth-child(5) .ehc-rank__bar { background:linear-gradient(180deg,#4ba9ad 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
.ehcaresy .ehc-rank__item:nth-child(6) .ehc-rank__bar { background:linear-gradient(180deg,#27989e 0%,rgba(255,255,255,.5) 70%,#fff 100%); }

.ehcaresy .ehc-rank__name {
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2.4rem;
  line-height:3.6rem;
  color:#111;
  white-space:nowrap;
}

.ehcaresy .ehc-rank__sub {
  font-family:pretendard-300, sans-serif;
  font-weight:300;
  font-size:1.8rem;
  line-height:3.4rem;
  color:#111;
  white-space:nowrap;
}

/* ===================
   RESPONSIVE
   =================== */
@media (max-width:1800px) {
  .ehcaresy .inner { padding:0 3rem; }

  .ehcaresy .ehc-hrsystem { padding:10rem 0; }
  .ehcaresy .ehc-hrsystem .inner { gap:10rem; }
}

@media (max-width:1400px) {
  .ehcaresy .inner { padding:0 3rem; }

  .ehcaresy .ehc-hrsystem { padding:8rem 0; }
  .ehcaresy .ehc-hrsystem .inner { gap:8rem; }

  .ehcaresy .ehc-sec-desc { font-size:1.7rem; line-height:3rem; }

  .ehcaresy .ehc-hr-list { gap:3rem; }
  .ehcaresy .ehc-hr-card__txt { gap:1.6rem; padding:4rem 0 4rem 3rem; }
  .ehcaresy .ehc-hr-card__num { font-size:2.6rem; line-height:3.2rem; }
  .ehcaresy .ehc-hr-card__name { font-size:2.2rem; line-height:3.2rem; }
  .ehcaresy .ehc-hr-card__sub { font-size:1.6rem; line-height:3rem; }
  .ehcaresy .ehc-hr-card__img { width:24rem; }

  .ehcaresy .ehc-rank { height:30rem; gap:1.4rem; padding:0 2.5rem; }
  .ehcaresy .ehc-rank__item:nth-child(1) { padding-top:17.6rem; }
  .ehcaresy .ehc-rank__item:nth-child(2) { padding-top:14.1rem; }
  .ehcaresy .ehc-rank__item:nth-child(3) { padding-top:10.6rem; }
  .ehcaresy .ehc-rank__item:nth-child(4) { padding-top:7rem; }
  .ehcaresy .ehc-rank__item:nth-child(5) { padding-top:3.5rem; }
  .ehcaresy .ehc-rank__bar { padding:2.4rem; }
  .ehcaresy .ehc-rank__name { font-size:2.2rem; line-height:3.2rem; }
  .ehcaresy .ehc-rank__sub { font-size:1.6rem; line-height:3rem; }
}

@media (max-width:991px) {
  .ehcaresy .inner { padding:0 3rem; }

  .ehcaresy .ehc-hrsystem { padding:8rem 0; }
  .ehcaresy .ehc-hrsystem .inner { gap:8rem; }

  .ehcaresy .ehc-sec { gap:2.6rem; }
  .ehcaresy .ehc-sec-desc { font-size:1.6rem; line-height:2.8rem; }

  /* 카드 1단 */
  .ehcaresy .ehc-hr-list { flex-direction:column; gap:2rem; }
  .ehcaresy .ehc-hr-card__txt { padding:3.4rem 0 3.4rem 3rem; }
  .ehcaresy .ehc-hr-card__img { width:26rem; }

  .ehcaresy .ehc-rank { height:28rem; gap:1.2rem; padding:0 2rem; }
  .ehcaresy .ehc-rank__item:nth-child(1) { padding-top:16.4rem; }
  .ehcaresy .ehc-rank__item:nth-child(2) { padding-top:13.2rem; }
  .ehcaresy .ehc-rank__item:nth-child(3) { padding-top:9.9rem; }
  .ehcaresy .ehc-rank__item:nth-child(4) { padding-top:6.6rem; }
  .ehcaresy .ehc-rank__item:nth-child(5) { padding-top:3.3rem; }
  .ehcaresy .ehc-rank__bar { padding:2rem 1rem; border-radius:.8rem .8rem 0 0; }
  .ehcaresy .ehc-rank__name { font-size:2rem; line-height:3rem; }
  .ehcaresy .ehc-rank__sub { font-size:1.5rem; line-height:2.6rem; }
}

@media (max-width:768px) {
  .ehcaresy .inner { padding:0 2rem; }

  .ehcaresy .ehc-hrsystem { padding:5rem 0; }
  .ehcaresy .ehc-hrsystem .inner { gap:5.4rem; }

  .ehcaresy .ehc-sec { gap:2rem; }
  .ehcaresy .ehc-sec-desc {
    font-family:pretendard-300, sans-serif;
    font-weight:300;
    font-size:1.5rem;
    line-height:2.5rem;
  }

  /* ---------- 인사제도 카드 ---------- */
  .ehcaresy .ehc-hr-list { gap:1rem; }

  .ehcaresy .ehc-hr-card {
    min-height:13.4rem;
    border-radius:.4rem;
  }

  .ehcaresy .ehc-hr-card__txt {
    flex-direction:column;
    gap:1rem;
    padding:2rem 0 2rem 2rem;
  }

  .ehcaresy .ehc-hr-card__num {
    font-family:pretendard-700, sans-serif;
    font-weight:700;
    font-size:1.2rem;
    line-height:1.4rem;
  }

  .ehcaresy .ehc-hr-card__info { gap:.4rem; }
  .ehcaresy .ehc-hr-card__name { font-size:1.6rem; line-height:2.2rem; }
  .ehcaresy .ehc-hr-card__sub { font-size:1.4rem; line-height:2.2rem; }

  .ehcaresy .ehc-hr-card__img { width:14rem; }

  /* ---------- 직급체계 : 가로 막대로 전환 ---------- */
  .ehcaresy .ehc-rank {
    flex-direction:column;
    align-items:stretch;
    gap:.6rem;
    height:auto;
    padding:1rem 0;
    border-bottom:0;
    border-left:1px solid #eee;
  }

  .ehcaresy .ehc-rank__item {
    flex-direction:row;
    align-items:center;
    flex:0 0 auto;
    width:100%;
    height:auto;
  }

  .ehcaresy .ehc-rank__item:nth-child(1) { padding:0 59.70% 0 0; }
  .ehcaresy .ehc-rank__item:nth-child(2) { padding:0 47.76% 0 0; }
  .ehcaresy .ehc-rank__item:nth-child(3) { padding:0 35.82% 0 0; }
  .ehcaresy .ehc-rank__item:nth-child(4) { padding:0 23.88% 0 0; }
  .ehcaresy .ehc-rank__item:nth-child(5) { padding:0 11.94% 0 0; }
  .ehcaresy .ehc-rank__item:nth-child(6) { padding:0; }

  .ehcaresy .ehc-rank__bar {
    justify-content:center;
    align-items:flex-start;
    flex:1 1 0;
    height:8rem;
    padding:3rem 2rem;
    border:1px solid var(--ehc-line);
    border-left:0;
    border-radius:0 .6rem .6rem 0;
  }

  .ehcaresy .ehc-rank__item:nth-child(1) .ehc-rank__bar { background:linear-gradient(-90deg,#abd5d7 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
  .ehcaresy .ehc-rank__item:nth-child(2) .ehc-rank__bar { background:linear-gradient(-90deg,#95cbce 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
  .ehcaresy .ehc-rank__item:nth-child(3) .ehc-rank__bar { background:linear-gradient(-90deg,#7cbfc2 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
  .ehcaresy .ehc-rank__item:nth-child(4) .ehc-rank__bar { background:linear-gradient(-90deg,#63b4b8 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
  .ehcaresy .ehc-rank__item:nth-child(5) .ehc-rank__bar { background:linear-gradient(-90deg,#4ba9ad 0%,rgba(255,255,255,.5) 70%,#fff 100%); }
  .ehcaresy .ehc-rank__item:nth-child(6) .ehc-rank__bar { background:linear-gradient(-90deg,#27989e 0%,rgba(255,255,255,.5) 70%,#fff 100%); }

  .ehcaresy .ehc-rank__name { font-size:1.6rem; line-height:2.2rem; }
  .ehcaresy .ehc-rank__sub { font-size:1.4rem; line-height:2.2rem; }
}


/*----------------------------------------------------------------------------------
# 채용정보 = 인재채용
------------------------------------------------------------------------------------*/

.ehcarejob { --job-primary:#22969c; --job-line:rgba(0,0,0,.06); }

.ehcarejob *,
.ehcarejob *::before,
.ehcarejob *::after { box-sizing:border-box; }

.ehcarejob ul,
.ehcarejob ol,
.ehcarejob li { margin:0; padding:0; list-style:none; }

.ehcarejob p { margin:0; }
.ehcarejob img { display:block; max-width:100%; }

.ehcarejob .blind {
  position:absolute; width:1px; height:1px;
  margin:-1px; padding:0; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.ehcarejob .inner {
  width:100%;
  max-width:168rem;
  margin:0 auto;
  padding:0 4rem;
}

.ehcarejob .sec { padding:12rem 0 0; }
.ehcarejob .sec--docs { padding-bottom:12rem; }

/* 공통 sec__head 아래 여백만 지정 */
.ehcarejob .sec__head { margin-bottom:3rem; }

.ehcarejob .job__desc {
  font-family:pretendard-400, sans-serif;
  font-weight:400;
  font-size:1.8rem;
  line-height:3.2rem;
  color:#111;
  word-break:keep-all;
}

/* 모바일 전용 설명문 */
.ehcarejob .job__desc--mo { display:none; }

/* =====================
   불릿 리스트
   ===================== */

.ehcarejob .job__dot > li {
  position:relative;
  padding-left:1.4rem;
  font-family:pretendard-300, sans-serif;
  font-weight:300;
  font-size:1.8rem;
  line-height:3.4rem;
  color:#111;
  word-break:keep-all;
  text-align: left;
}

.ehcarejob .job__dot > li::before {
  content:"";
  position:absolute;
  left:0; top:1.5rem;
  width:.4rem; height:.4rem;
  border-radius:50%;
  background:var(--job-primary);
}

.ehcarejob .job__subdot {
  display:flex;
  flex-direction:column;
  gap:.6rem;
  margin-top:.6rem;
}

.ehcarejob .job__subdot > li {
  font-size:1.6rem;
  line-height:2.2rem;
  word-break:keep-all;
}

.ehcarejob .job__subdot > li::before {
  content:"· ";
  font-family:pretendard-700, sans-serif;
  font-weight:700;
}

/* =====================
   모집분야 표
   ===================== */

.ehcarejob .job__stit {
  margin:5rem 0 1rem;
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2.4rem;
  line-height:3.6rem;
  color:#111;
}

.ehcarejob .job__tablewrap {
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.ehcarejob .job__table {
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--job-line);
  table-layout:fixed;
}

.ehcarejob .job__table th {
  padding:2rem 1rem;
  background:#f6f6f6;
  border-bottom:1px solid var(--job-line);
  border-right:1px solid var(--job-line);
  font-family:pretendard-600, sans-serif;
  font-weight:600;
  font-size:1.8rem;
  line-height:3rem;
  color:#111;
  text-align:center;
}

.ehcarejob .job__table td {
  padding:1.6rem 3rem;
  border-bottom:1px solid var(--job-line);
  border-right:1px solid var(--job-line);
  font-family:pretendard-300, sans-serif;
  font-weight:300;
  font-size:1.8rem;
  line-height:3.4rem;
  color:#111;
  text-align:center;
  vertical-align:middle;
}

.ehcarejob .job__table th:last-child,
.ehcarejob .job__table td:last-child { border-right:0; }

.ehcarejob .job__table tbody tr:last-child td { border-bottom:0; }

.ehcarejob .job__td--list {
  padding:3rem !important;
  text-align:left;
}

.ehcarejob .job__note { margin-top:1rem; }

/* =====================
   전형절차
   ===================== */

.ehcarejob .job__step {
  display:flex;
  align-items:center;
  width:100%;
}

.ehcarejob .job__step-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1 1 0;
  min-width:0;
  height:13rem;
  padding:1rem 1rem 1rem 5rem;
  background:#fff;
  border:2px solid #eee;
  border-radius:99px;
}

.ehcarejob .job__step-txt {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex-shrink:0;
}

.ehcarejob .job__step-tit {
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2.4rem;
  line-height:3.6rem;
  color:#111;
  white-space:nowrap;
}

.ehcarejob .job__step-sub {
  font-family:pretendard-300, sans-serif;
  font-weight:300;
  font-size:1.8rem;
  line-height:3.4rem;
  color:#111;
  white-space:nowrap;
}

.ehcarejob .job__step-img {
  flex-shrink:0;
  align-self:stretch;
  width:16rem;
  overflow:hidden;
  border-radius:99px;
}

.ehcarejob .job__step-img img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}

.ehcarejob .job__step-arrow {
  flex-shrink:0;
  width:4.6rem;
  height:1rem;
  background:url("/public/img/sub/careers/ico_step_arrow_pc.png") no-repeat 50% 50%;
  background-size:contain;
}

.ehcarejob .job__stepnote {
  margin-top:1rem;
  font-family:pretendard-400, sans-serif;
  font-weight:400;
  font-size:1.8rem;
  line-height:3.2rem;
  color:#111;
  word-break:keep-all;
}

/* =====================
   제출서류 배너
   ===================== */

.ehcarejob .job__banner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:3rem;
  width:100%;
  padding:5rem;
  border-radius:99px;
  background:linear-gradient(216.11deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
}

.ehcarejob .job__banner-txt {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.ehcarejob .job__banner-tit {
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2.4rem;
  line-height:3.6rem;
  color:#111;
}

.ehcarejob .job__banner-sub {
  font-family:pretendard-300, sans-serif;
  font-weight:300;
  font-size:1.8rem;
  line-height:3.4rem;
  color:#111;
  word-break:keep-all;
}

.ehcarejob .job__banner-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  align-self:stretch;
  padding:0 4rem;
  background:var(--job-primary);
  border:1px solid var(--job-primary);
  border-radius:99px;
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2rem;
  line-height:3.6rem;
  color:#fff;
  white-space:nowrap;
  text-decoration:none;
}


/* =====================
   서류접수안내 팝업
   ===================== */

.ehcarejob .job-pop {
  display:none;
  position:fixed;
  inset:0;
  z-index:1000;
}

.ehcarejob .job-pop.is-open { display:block; }

.ehcarejob .job-pop__dim {
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.6);
}

.ehcarejob .job-pop__panel {
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  gap:3rem;
  width:80rem;
  max-width:calc(100% - 4rem);
  max-height:calc(100% - 8rem);
  padding:3rem;
  background:#fff;
  border-radius:2rem;
  overflow:hidden;
}

/* 헤더 */
.ehcarejob .job-pop__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  flex-shrink:0;
  padding-bottom:2rem;
  border-bottom:1px solid #eee;
}

.ehcarejob .job-pop__tit {
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2.4rem;
  line-height:3.6rem;
  color:#111;
  word-break:keep-all;
}

.ehcarejob .job-pop__close {
  flex-shrink:0;
  width:1.8rem;
  height:1.8rem;
  padding:0;
  border:0;
  background:url("/public/img/sub/careers/ico_popup_close.png") no-repeat 50% 50%;
  background-size:contain;
  cursor:pointer;
}

/* 본문 */
.ehcarejob .job-pop__body {
  display:flex;
  flex-direction:column;
  gap:4rem;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

.ehcarejob .job-pop__group {
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.ehcarejob .job-pop__stit {
  margin:0;
  font-family:pretendard-600, sans-serif;
  font-weight:600;
  font-size:2rem;
  line-height:3rem;
  color:#111;
}

.ehcarejob .job-pop__dot {
  display:flex;
  flex-direction:column;
  gap:.8rem;
}

.ehcarejob .job-pop__dot > li {
  position:relative;
  padding-left:1.4rem;
  font-family:pretendard-300, sans-serif;
  font-weight:300;
  font-size:1.8rem;
  line-height:2.6rem;
  color:#111;
  word-break:keep-all;
}

.ehcarejob .job-pop__dot > li::before {
  content:"";
  position:absolute;
  left:0; top:1rem;
  width:.4rem; height:.4rem;
  border-radius:50%;
  background:var(--job-primary);
}

.ehcarejob .job-pop__dot--sm { gap:.4rem; }

.ehcarejob .job-pop__dot--sm > li {
  font-size:1.5rem;
  line-height:2.4rem;
}

/* 접수하는 곳 */
.ehcarejob .job-pop__box {
  display:flex;
  align-items:stretch;
  width:100%;
  overflow:hidden;
  border:1px solid var(--job-line);
  border-radius:.4rem;
}

.ehcarejob .job-pop__box-th {
  display:flex;
  align-items:center;
  flex-shrink:0;
  padding:2rem;
  background:#f6f6f6;
  border-right:1px solid var(--job-line);
  font-family:pretendard-600, sans-serif;
  font-weight:600;
  font-size:1.8rem;
  line-height:2.6rem;
  color:#111;
  white-space:nowrap;
}

.ehcarejob .job-pop__box-td {
  display:flex;
  align-items:center;
  flex:1 1 0;
  min-width:0;
  padding:2rem;
  background:#fff;
  font-family:pretendard-500, sans-serif;
  font-weight:500;
  font-size:1.6rem;
  line-height:2.4rem;
  color:#111;
  word-break:keep-all;
}

/* =====================
   RESPONSIVE
   ===================== */

@media (max-width:1800px) {
  .ehcarejob .inner { padding:0 3rem; }

  .ehcarejob .sec { padding:10rem 0 0; }
  .ehcarejob .sec--docs { padding-bottom:10rem; }
}

@media (max-width:1400px) {
  .ehcarejob .inner { padding:0 3rem; }

  .ehcarejob .sec { padding:9rem 0 0; }
  .ehcarejob .sec--docs { padding-bottom:9rem; }

  .ehcarejob .job__desc { font-size:1.7rem; line-height:3rem; }

  .ehcarejob .job__dot > li { font-size:1.7rem; line-height:3.2rem; }
  .ehcarejob .job__dot > li::before { top:1.4rem; }
  .ehcarejob .job__subdot > li { font-size:1.5rem; line-height:2.2rem; }

  .ehcarejob .job__stit { margin:4rem 0 1rem; font-size:2.2rem; line-height:3.2rem; }
  .ehcarejob .job__table th { padding:1.8rem 1rem; font-size:1.7rem; line-height:2.8rem; }
  .ehcarejob .job__table td { padding:1.4rem 2.4rem; font-size:1.7rem; line-height:3.2rem; }
  .ehcarejob .job__td--list { padding:2.4rem !important; }

  .ehcarejob .job__step-item { height:12rem; padding:1rem 1rem 1rem 4rem; }
  .ehcarejob .job__step-tit { font-size:2.2rem; line-height:3.2rem; }
  .ehcarejob .job__step-sub { font-size:1.7rem; line-height:3rem; }
  .ehcarejob .job__step-img { width:14rem; }
  .ehcarejob .job__step-arrow { width:3.6rem; }
  .ehcarejob .job__stepnote { font-size:1.7rem; line-height:3rem; }

  .ehcarejob .job__banner { padding:4rem; }
  .ehcarejob .job__banner-tit { font-size:2.2rem; line-height:3.2rem; }
  .ehcarejob .job__banner-sub { font-size:1.7rem; line-height:3rem; }
  .ehcarejob .job__banner-btn { padding:0 3.4rem; font-size:1.8rem; }
  
  .ehcarejob .job-pop__panel { gap:2.6rem; padding:2.6rem; }
  .ehcarejob .job-pop__tit { font-size:2.2rem; line-height:3.2rem; }
  .ehcarejob .job-pop__body { gap:3.4rem; }
  .ehcarejob .job-pop__stit { font-size:1.9rem; line-height:2.8rem; }
  .ehcarejob .job-pop__dot > li { font-size:1.7rem; line-height:2.6rem; }
  .ehcarejob .job-pop__box-th { padding:1.8rem; font-size:1.7rem; }
  .ehcarejob .job-pop__box-td { padding:1.8rem; font-size:1.6rem; }
}

@media (max-width:991px) {
  .ehcarejob .inner { padding:0 3rem; }

  .ehcarejob .sec { padding:8rem 0 0; }
  .ehcarejob .sec--docs { padding-bottom:8rem; }
  .ehcarejob .sec__head { margin-bottom:2.6rem; }

  .ehcarejob .job__desc { font-size:1.6rem; line-height:2.8rem; }

  .ehcarejob .job__dot > li { font-size:1.6rem; line-height:3rem; }
  .ehcarejob .job__dot > li::before { top:1.3rem; }

  /* 표 : 가로 스크롤 */
  .ehcarejob .job__stit { margin:3.4rem 0 1rem; font-size:2rem; line-height:3rem; }
  .ehcarejob .job__table { min-width:76rem; }
  .ehcarejob .job__table th { padding:1.6rem 1rem; font-size:1.6rem; line-height:2.6rem; }
  .ehcarejob .job__table td { padding:1.4rem 2rem; font-size:1.6rem; line-height:3rem; }
  .ehcarejob .job__td--list { padding:2rem !important; }

  /* 전형절차 : 세로 배치 */
  .ehcarejob .job__step { flex-direction:column; align-items:center; }
  .ehcarejob .job__step-item {
    flex:0 0 auto;
    width:100%;
    height:11rem;
    padding:1rem 1rem 1rem 3.4rem;
  }
  .ehcarejob .job__step-tit { font-size:2rem; line-height:3rem; }
  .ehcarejob .job__step-sub { font-size:1.6rem; line-height:2.6rem; }
  .ehcarejob .job__step-arrow {
    width:1.1rem;
    height:3.2rem;
    background-image:url("/public/img/sub/careers/ico_step_arrow_mo.png");
  }
  .ehcarejob .job__stepnote { font-size:1.6rem; line-height:2.8rem; }

  .ehcarejob .job__banner { padding:3.4rem; gap:2rem; }
  .ehcarejob .job__banner-tit { font-size:2rem; line-height:3rem; }
  .ehcarejob .job__banner-sub { font-size:1.6rem; line-height:2.8rem; }
  .ehcarejob .job__banner-btn { padding:0 3rem; font-size:1.7rem; }
  
  .ehcarejob .job-pop__panel { gap:2.4rem; padding:2.4rem; border-radius:1.6rem; }
  .ehcarejob .job-pop__head { padding-bottom:1.6rem; }
  .ehcarejob .job-pop__tit { font-size:2rem; line-height:3rem; }
  .ehcarejob .job-pop__body { gap:3rem; }
  .ehcarejob .job-pop__stit { font-size:1.8rem; line-height:2.6rem; }
  .ehcarejob .job-pop__dot > li { font-size:1.6rem; line-height:2.6rem; }
  .ehcarejob .job-pop__dot--sm > li { font-size:1.4rem; line-height:2.2rem; }
  .ehcarejob .job-pop__box-th { padding:1.6rem; font-size:1.6rem; }
  .ehcarejob .job-pop__box-td { padding:1.6rem; font-size:1.5rem; }
}

@media (max-width:768px) {
  .ehcarejob .inner { padding:0 2rem; }

  .ehcarejob .sec { padding:5rem 0 0; }
  .ehcarejob .sec--docs { padding-bottom:5rem; }
  .ehcarejob .sec__head { margin-bottom:2rem; }

  .ehcarejob .job__desc {
    font-family:pretendard-300, sans-serif;
    font-weight:300;
    font-size:1.5rem;
    line-height:2.5rem;
  }

  .ehcarejob .job__desc--mo { display:block; margin-bottom:2rem; }

  .ehcarejob .job__dot > li { padding-left:1.2rem; font-size:1.5rem; line-height:2.6rem; }
  .ehcarejob .job__dot > li::before { top:1.1rem; }
  .ehcarejob .job__subdot { gap:.4rem; margin-top:.4rem; }
  .ehcarejob .job__subdot > li { font-size:1.3rem; line-height:2rem; }

  /* 표 */
  .ehcarejob .job__stit { margin:2.6rem 0 .8rem; font-size:1.8rem; line-height:2.6rem; }
  .ehcarejob .job__table { min-width:68rem; }
  .ehcarejob .job__table th { padding:1.4rem .8rem; font-size:1.5rem; line-height:2.4rem; }
  .ehcarejob .job__table td { padding:1.2rem 1.6rem; font-size:1.5rem; line-height:2.6rem; }
  .ehcarejob .job__td--list { padding:2rem 1.6rem !important; }
  .ehcarejob .job__note { margin-top:.8rem; }

  /* 전형절차 */
  .ehcarejob .job__step-item {
    height:auto;
    padding:.5rem .5rem .5rem 2.6rem;
    border-radius:99px;
  }
  .ehcarejob .job__step-tit { font-size:1.6rem; line-height:2.2rem; }
  .ehcarejob .job__step-sub { font-size:1.4rem; line-height:2.2rem; }
  .ehcarejob .job__step-img { align-self:auto; width:12rem; height:9rem; }
  .ehcarejob .job__stepnote { margin-top:.6rem; font-size:1.5rem; line-height:2.5rem; }

  /* 제출서류 배너 */
  .ehcarejob .job__banner {
    flex-direction:column;
    gap:1rem;
    padding:2rem;
    border-radius:1rem;
    background:linear-gradient(253.43deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
  }
  .ehcarejob .job__banner-txt {
    align-items:center;
    gap:.4rem;
    width:100%;
    text-align:center;
  }
  .ehcarejob .job__banner-tit { font-size:1.6rem; line-height:2.2rem; }
  .ehcarejob .job__banner-sub { font-size:1.4rem; line-height:2.2rem; }
  .ehcarejob .job__banner-btn {
    align-self:auto;
    height:4.4rem;
    padding:0 2.4rem;
    font-size:1.4rem;
    line-height:2.2rem;
  }
  
  .ehcarejob .job-pop__panel {
    gap:2rem;
    max-width:calc(100% - 3rem);
    max-height:calc(100% - 4rem);
    padding:2rem;
    border-radius:1.2rem;
  }
  .ehcarejob .job-pop__head { padding-bottom:1.2rem; }
  .ehcarejob .job-pop__tit { font-size:1.8rem; line-height:2.6rem; }
  .ehcarejob .job-pop__close { width:1.6rem; height:1.6rem; }

  .ehcarejob .job-pop__body { gap:2.6rem; }
  .ehcarejob .job-pop__stit { font-size:1.6rem; line-height:2.4rem; }
  .ehcarejob .job-pop__dot { gap:.6rem; }
  .ehcarejob .job-pop__dot > li { padding-left:1.2rem; font-size:1.4rem; line-height:2.2rem; }
  .ehcarejob .job-pop__dot > li::before { top:.9rem; }
  .ehcarejob .job-pop__dot--sm > li { font-size:1.3rem; line-height:2rem; }

  .ehcarejob .job-pop__box { flex-direction:column; }
  .ehcarejob .job-pop__box-th {
    width:100%;
    padding:1.2rem 1.6rem;
    border-right:0;
    border-bottom:1px solid var(--job-line);
    font-size:1.4rem;
    line-height:2.2rem;
  }
  .ehcarejob .job-pop__box-td { padding:1.2rem 1.6rem; font-size:1.4rem; line-height:2.2rem; }
}

/*----------------------------------------------------------------------------------
# 채용정보 = 복리후생
------------------------------------------------------------------------------------*/

.ehcarebene { --bene-primary:#22969c; --bene-line:rgba(0,0,0,.06); }

.ehcarebene *,
.ehcarebene *::before,
.ehcarebene *::after { box-sizing:border-box; }

.ehcarebene ul,
.ehcarebene li { margin:0; padding:0; list-style:none; }

.ehcarebene p { margin:0; }
.ehcarebene img { display:block; max-width:100%; }

.ehcarebene .inner {
  width:100%;
  max-width:168rem;
  margin:0 auto;
  padding:0 4rem;
}

.ehcarebene .sec { padding:12rem 0; }

/* 공통 sec__head 아래 여백만 지정 */
.ehcarebene .sec__head { margin-bottom:3rem; }

.ehcarebene .bene__desc {
  margin-bottom:3rem;
  font-family:pretendard-400, sans-serif;
  font-weight:400;
  font-size:1.8rem;
  line-height:3.2rem;
  color:#111;
  word-break:keep-all;
}

/* =====================
   복리후생 카드
   ===================== */

.ehcarebene .bene__list {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:2.4rem;
  width:100%;
}

.ehcarebene .bene__item {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2.4rem;
  min-width:0;
  padding:3rem;
  background:#fff;
  border:1px solid var(--bene-line);
  border-radius:.4rem;
  box-shadow:0 0 20px rgba(15,23,41,.05);
  overflow:hidden;
}

.ehcarebene .bene__num {
  font-family:Poppins, sans-serif;
  font-weight:600;
  font-size:1.9rem;
  line-height:2rem;
  color:var(--bene-primary);
  text-align:center;
  white-space:nowrap;
}

/* 아이콘 영역 (이미지 삽입용) */
.ehcarebene .bene__ico {
  display:block;
  flex-shrink:0;
  width:6.4rem;
  height:6.4rem;
}

.ehcarebene .bene__ico img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.ehcarebene .bene__txt {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.6rem;
  width:100%;
  text-align:center;
}

.ehcarebene .bene__tit {
  font-family:pretendard-700, sans-serif;
  font-weight:700;
  font-size:2.2rem;
  line-height:3rem;
  color:#111;
  word-break:keep-all;
}

.ehcarebene .bene__sub {
  min-height:6.6rem;
  font-family:pretendard-400, sans-serif;
  font-weight:400;
  font-size:1.6rem;
  line-height:2.2rem;
  color:#888;
  word-break:keep-all;
}

.ehcarebene .pcbr { display:inline; }

/* =====================
   RESPONSIVE
   ===================== */

@media (max-width:1800px) {
  .ehcarebene .inner { padding:0 3rem; }

  .ehcarebene .sec { padding:10rem 0; }
}

@media (max-width:1400px) {
  .ehcarebene .inner { padding:0 3rem; }

  .ehcarebene .sec { padding:9rem 0; }

  .ehcarebene .bene__desc { font-size:1.7rem; line-height:3rem; }

  .ehcarebene .bene__list { gap:2rem; }
  .ehcarebene .bene__item { gap:2rem; padding:2.6rem 2rem; }
  .ehcarebene .bene__num { font-size:1.8rem; }
  .ehcarebene .bene__tit { font-size:2rem; line-height:2.8rem; }
  .ehcarebene .bene__sub { font-size:1.5rem; line-height:2.2rem; }
}

@media (max-width:991px) {
  .ehcarebene .inner { padding:0 3rem; }

  .ehcarebene .sec { padding:8rem 0; }
  .ehcarebene .sec__head { margin-bottom:2.6rem; }

  .ehcarebene .bene__desc { margin-bottom:2.6rem; font-size:1.6rem; line-height:2.8rem; }

  /* 3단 */
  .ehcarebene .bene__list { grid-template-columns:repeat(3, 1fr); gap:1.6rem; }
  .ehcarebene .bene__item { gap:1.8rem; padding:2.4rem 1.6rem; }
  .ehcarebene .bene__num { font-size:1.7rem; line-height:1.9rem; }
  .ehcarebene .bene__tit { font-size:1.8rem; line-height:2.6rem; }
  .ehcarebene .bene__sub { min-height:auto; font-size:1.4rem; line-height:2.2rem; }
}

@media (max-width:768px) {
  .ehcarebene .inner { padding:0 2rem; }

  .ehcarebene .sec { padding:5rem 0; }
  .ehcarebene .sec__head { margin-bottom:2rem; }

  .ehcarebene .bene__desc {
    margin-bottom:2rem;
    font-family:pretendard-300, sans-serif;
    font-weight:300;
    font-size:1.5rem;
    line-height:2.5rem;
  }

  /* 1단 */
  .ehcarebene .bene__list { grid-template-columns:1fr; gap:1rem; }
  .ehcarebene .bene__item { gap:1.6rem; padding:2rem; }
  .ehcarebene .bene__num { font-size:1.6rem; line-height:1.8rem; }
  .ehcarebene .bene__tit { font-size:1.6rem; line-height:2.2rem; }
  .ehcarebene .bene__sub { font-size:1.4rem; line-height:2rem; }

  .ehcarebene .pcbr { display:none; }
}


/*----------------------------------------------------------------------------------
# 고객서비스 = 의뢰절차
------------------------------------------------------------------------------------*/
.ehserpr { padding:12rem 0; position: relative; }

.ehserpr .inner {
  max-width: 168rem;
  margin: 0 auto;
  padding: 0 4rem;
}

/* ---------- 본문 ---------- */
.ehserpr__cont { padding-top: 3rem; }

.ehserpr__lead {
  margin: 0 0 3rem;
  font-family: pretendard-400;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #111;
  word-break: break-word;
}

/* ---------- 절차 리스트 ---------- */
.ehserpr__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3.5rem;
  row-gap: 3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ehserpr__item {
  position: relative;
  min-width: 0;
}

/* 단계 화살표 */
.ehserpr__item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3.5rem;
  width: 3.5rem;
  height: 1rem;
  margin-top: -.5rem;
  background: url("/public/img/sub/customer/ico_arrow_right.webp") no-repeat 50% 50%;
  background-size: 3.5rem 1rem;
}

.ehserpr__item:nth-child(3n)::before,
.ehserpr__item:nth-child(3n)::after { display: none; }

/* ---------- 카드 ---------- */
.ehserpr__card {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  box-sizing: border-box;
  height: 100%;
  padding: 3.6rem;
  border: 2px solid #eee;
  border-radius: 1rem;
  background: #fff;
}

.ehserpr__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.ehserpr__num {
  font-family: Poppins, pretendard-600;
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 2rem;
  color: #22969c;
}

/* 아이콘 영역 (이미지 삽입 예정) */
.ehserpr__ico {
  flex-shrink: 0;
  display: block;
  width: 4.6rem;
  height: 4.6rem;
}

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

.ehserpr__body {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  width: 100%;
}

.ehserpr__tit {
  display: block;
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #111;
  word-break: break-word;
}

.ehserpr__desc {
  margin: 0;
  min-height: 4.8rem;
  font-family: pretendard-300;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
  word-break: break-word;
}

/* ---------- 스크롤 등장 (JS 연동) ---------- */
.ehserpr .is-reveal {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity .7s ease, transform .7s ease;
}

.ehserpr .is-reveal.is-show {
  opacity: 1;
  transform: translateY(0);
}

/* ==================== 반응형 ==================== */
@media (max-width: 1800px) {
	.ehserpr { padding:10rem 0;}
  .ehserpr .inner { padding: 0 3rem; }
}

@media (max-width: 1400px) {
	.ehserpr { padding:8rem 0;}
  .ehserpr .inner { padding: 0 3rem; }

  .ehserpr__lead {
    font-size: 1.7rem;
    line-height: 3rem;
  }

  .ehserpr__card { padding: 3rem; }

  .ehserpr__tit {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
}

@media (max-width: 991px) {
  .ehserpr .inner { padding: 0 3rem; }

  .ehserpr__lead {
    margin-bottom: 2.6rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  .ehserpr__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2.6rem;
  }

  /* 2열 : 짝수번째만 화살표 숨김 */
   .ehserpr__item:nth-child(3n)::after { display: block; }
  .ehserpr__item:nth-child(2n)::after { display: none; }

  .ehserpr__card {
    gap: 2rem;
    padding: 2.6rem;
    border-radius: .8rem;
  }

  .ehserpr__num {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }

  .ehserpr__ico {
    width: 4rem;
    height: 4rem;
  }

  .ehserpr__tit {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .ehserpr__desc {
    min-height: 4.4rem;
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
}

@media (max-width: 768px) {
	.ehserpr { padding:5rem 0;}
  .ehserpr .inner { padding: 0 2rem; }

  .ehserpr__cont { padding-top: 2rem; }

  .ehserpr__lead {
    margin-bottom: 2rem;
    font-family: pretendard-300;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .ehserpr__list {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 3.2rem;
  }

  /* 1열 : 마지막 항목 제외 전부 아래방향 화살표 */
  .ehserpr__item:nth-child(2n)::after,
  .ehserpr__item:nth-child(3n)::after { display: block; }

  .ehserpr__item::after {
    top: auto;
    right: auto;
    bottom: -3.2rem;
    left: 50%;
    width: 1.1rem;
    height: 3.2rem;
    margin: 0 0 0 -.55rem;
    background-image: url("/public/img/sub/customer/ico_arrow_down.webp");
    background-position: 50% 0;
    background-size: 1.1rem 3.2rem;
  }

  .ehserpr__item:last-child::after { display: none; }

  .ehserpr__card {
    gap: 3rem;
    padding: 2rem;
    border-radius: .6rem;
  }

  .ehserpr__num {
    font-family: Poppins, pretendard-700;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .ehserpr__ico {
    width: 3.4rem;
    height: 3.4rem;
  }

  .ehserpr__body { gap: .4rem; }

  .ehserpr__tit {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  .ehserpr__desc {
    min-height: 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .ehserpr .is-reveal { transform: translateY(2rem); }
}




/*----------------------------------------------------------------------------------
# 고객서비스 = 의뢰안내
------------------------------------------------------------------------------------*/
.ehserir { position: relative;padding:12rem 0; }

.ehserir .inner {
  max-width: 168rem;
  margin: 0 auto;
  padding: 0 4rem;
}

/* ---------- 본문 ---------- */
.ehserir__cont { padding-top: 3rem; }

.ehserir__sec + .ehserir__sec { margin-top: 12rem; }

/* ---------- 신청서 박스 ---------- */
.ehserir__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ehserir__item { min-width: 0; }

.ehserir__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  box-sizing: border-box;
  height: 100%;
  padding: 5rem;
  border-radius: 9.9rem;
  background: linear-gradient(236.08deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
}

.ehserir__box-tit {
  display: block;
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.5rem;
  color: #111;
}

/* ---------- 다운로드 버튼 ---------- */
.ehserir__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  box-sizing: border-box;
  height: 7rem;
  padding: 0 4rem;
  border: 1px solid #22969c;
  border-radius: 9.9rem;
  background: #22969c;
  box-shadow: 0 .4rem 1rem 0 rgba(0, 0, 0, .1);
  text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease;
}

.ehserir__btn:hover,
.ehserir__btn:focus-visible {
  border-color: #1b7d82;
  background: #1b7d82;
}

.ehserir__btn-txt {
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.6rem;
  color: #fff;
  white-space: nowrap;
}

.ehserir__btn-ico {
  flex-shrink: 0;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: url("/public/img/icon/download_wh_icon.webp") no-repeat 50% 50%;
  background-size: 1.8rem 1.8rem;
}

/* ---------- 안내문 ---------- */
.ehserir__note {
  margin: 3rem 0 0;
  font-family: pretendard-400;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #111;
  text-align: center;
  word-break: break-word;
}

.ehserir__note-em {
  font-family: pretendard-700;
  font-weight: 700;
  color: #22969c;
}

/* ---------- 계좌 박스 ---------- */
.ehserir__bank {
  display: flex;
  align-items: center;
  gap: 4rem;
  box-sizing: border-box;
  width: 100%;
  padding: 5rem;
  border-radius: 9.9rem;
  background: linear-gradient(216.11deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
}

.ehserir__bank-list {
  flex: 1 1 0;
  display: flex;
  gap: 3rem;
  min-width: 0;
  margin: 0;
}

.ehserir__bank-item {
  flex: 1 1 0;
  min-width: 0;
}

.ehserir__bank-lbl {
  font-family: pretendard-600;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 3.5rem;
  color: #111;
}

.ehserir__bank-val {
  margin: 0;
  font-family: pretendard-700;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.5rem;
  color: #111;
  word-break: break-all;
}

/* ---------- 스크롤 등장 (JS 연동) ---------- */
.ehserir .is-reveal {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity .7s ease, transform .7s ease;
}

.ehserir .is-reveal.is-show {
  opacity: 1;
  transform: translateY(0);
}

/* ==================== 반응형 ==================== */
@media (max-width: 1800px) {
	.ehserir {padding:10rem 0; }
  .ehserir .inner { padding: 0 3rem; }
}

@media (max-width: 1400px) {
	.ehserir {padding:8rem 0; }
  .ehserir .inner { padding: 0 3rem; }

  .ehserir__sec + .ehserir__sec { margin-top: 10rem; }

  .ehserir__box,
  .ehserir__bank { padding: 4rem; }

  .ehserir__box-tit {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  .ehserir__btn {
    height: 6rem;
    padding: 0 3rem;
  }

  .ehserir__btn-txt {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }

  .ehserir__bank-lbl {
    font-size: 1.7rem;
    line-height: 3rem;
  }

  .ehserir__bank-val {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  .ehserir__note {
    font-size: 1.7rem;
    line-height: 3rem;
  }
}

@media (max-width: 991px) {
  .ehserir .inner { padding: 0 3rem; }

  .ehserir__sec + .ehserir__sec { margin-top: 6rem; }

  .ehserir__list { gap: 2rem; }

  .ehserir__box {
    gap: 2rem;
    padding: 3rem;
  }

  .ehserir__box-tit {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .ehserir__btn {
    height: 5.6rem;
    padding: 0 2.6rem;
    gap: .8rem;
  }

  .ehserir__btn-txt {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }

  .ehserir__btn-ico {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem 1.6rem;
  }

  /* 계좌 박스 : 정보 + 버튼 세로 배치 */
  .ehserir__bank {
    flex-direction: column;
    align-items: stretch;
    gap: 2.6rem;
    padding: 3rem;
    border-radius: 2rem;
  }

  .ehserir__bank-list {
    flex: 0 0 auto;
    gap: 2rem;
  }

  .ehserir__bank-lbl {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }

  .ehserir__bank-val {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .ehserir__note {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (max-width: 768px) {
	.ehserir {padding:5rem 0; }
  .ehserir .inner { padding: 0 2rem; }

  .ehserir__cont { padding-top: 2rem; }

  .ehserir__sec + .ehserir__sec { margin-top: 2rem; }

  .ehserir__list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .ehserir__box {
    gap: 1rem;
    padding: 2rem;
    border-radius: 1rem;
    background: linear-gradient(239.85deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
  }

  .ehserir__box-tit {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .ehserir__btn {
    height: 4.4rem;
    padding: 0 2rem;
    gap: .6rem;
  }

  .ehserir__btn-txt {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .ehserir__btn-ico {
    width: 1.2rem;
    height: 1.2rem;
    background-size: 1.2rem 1.2rem;
  }

  /* 계좌 박스 : 은행명·계좌번호 2열 / 예금주 1열 / 버튼 전체폭 */
  .ehserir__bank {
    gap: 2rem;
    padding: 2rem;
    border-radius: 1rem;
    background: linear-gradient(256.55deg, #e7fbf1 26.846%, #e3f0f6 80.944%);
  }

  .ehserir__bank-list {
    flex-wrap: wrap;
    gap: 2rem;
  }

  .ehserir__bank-item { flex: 1 1 calc(50% - 1rem); }

  .ehserir__bank-item:nth-child(3) { flex-basis: 100%; }

  .ehserir__bank-lbl {
    font-family: pretendard-700;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }

  .ehserir__bank-val {
    margin-top: .5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .ehserir__bank .ehserir__btn { width: 100%; }

  .ehserir__note {
    margin-top: 1rem;
    font-family: pretendard-300;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: left;
  }

  .ehserir .is-reveal { transform: translateY(2rem); }
}