:root{
  --font-en:"Gilda Display", "Pretendard Variable", serif;
  --en-font:"Gilda Display", "Pretendard Variable", serif;
}
.environment_layer_inner .environment_layer_item .environment_layer_item_con,
.environment_layer_item_con .envir_2_sub_tit span,
.environment_layer_item_con .envir_2_sub_tit h3,
.section_contact .contact_title,
.page_location_nav .path-item dt,
.page_location_nav .path-item dd,
.page_location_nav .path-item dd a,
.allmenu_con .depth0>li>a,
.temp_gonggo_skin1 .gonggo_btn h2,
.temp_gonggo_skin1 .gonggo_btn h3,
.ui_tabcontents .tab li a,
.sbpage_title dd,
.temp_unit_skin1 .page_cont_wrap .tit h3,
.privacy_tb th, .privacy_tb td, .privacy_tb dt, .privacy_tb dd, .privacy_tb .btn_post,
.iA-title, .iC-value{
  font-family:"Pretendard Variable", sans-serif !important;
}
input::placeholder, textarea::placeholder{ font-family:"Pretendard Variable", sans-serif !important; }

/* 입지 4항목 — 명조 굵기(작은 글 500·제목 700)를 고딕 기준으로 */
.environment_layer_item_con .envir_2_sub_tit span{ font-weight:400; letter-spacing:-0.01em; }
.environment_layer_item_con .envir_2_sub_tit h3{ font-weight:700; letter-spacing:-0.02em; }
.section_contact .contact_title{ font-weight:700; letter-spacing:-0.03em; }

/* 영문 대문자 — 글자 폭이 넓어지는 만큼 자간만 살짝 */
.environment_layer_item_con .environment_layer_item_btn span,
.section_contact .contact_item_btn span{ letter-spacing:.04em; }
.section_unit .unit_title{ letter-spacing:.02em; }

/* ── 2) 메인 입지 4항목 — 순서 교육·교통·숲세권·생활 인프라(전단과 같게)
   3번째 = 숲세권(새 사진) · 4번째 = 생활 인프라(옛 3번째 「중심생활」 사진) */
.environment_layer_inner .environment_layer_item:nth-child(3)::before{
  background-image:url('/assets/img/dongrim/forest-1536.webp');
}
.environment_layer_inner .environment_layer_item:nth-child(4)::before{
  background-image:url('/assets/img/dongrim/lifestyle-1536.webp');
}
/* 숲세권 사진은 위쪽 하늘이 밝아, PC 에서 그 위를 지나는 머리 메뉴(흰 글씨)가 묻혔다(대비 2.9) → 위쪽만 한 겹 더 어둡게 */
@media screen and (min-width:1025px){
  .environment_layer_inner .environment_layer_item:nth-child(3)::after{
    background:
      linear-gradient(180deg, rgba(8,10,20,.62) 0%, rgba(8,10,20,0) 18%),
      linear-gradient(0deg, rgba(8,10,20,.80) 0%, rgba(8,10,20,.50) 45%, rgba(8,10,20,.30) 100%) !important;
  }
}
@media screen and (max-width:1024px){
  .environment_layer_inner .environment_layer_item:nth-child(3)::before{
    background-image:url('/assets/img/dongrim/forest-1536.webp');
  }
  .environment_layer_inner .environment_layer_item:nth-child(4)::before{
    background-image:url('/assets/img/dongrim/lifestyle-1536.webp');
  }
}

/* ── 3) 첫 화면(히어로) — 시행사 요청 「투시도가 너무 확대 · 여백을 줬으면」(타 사업장 참고)
   그림: 공식 투시도 둘레(하늘·양옆)를 넓힌 판(hero_1023_pc/_m) — 단지 전체가 아래쪽에 다 보이게
   글자: 위 하늘에 가운데 정렬 · 하늘 위쪽만 남색으로 살짝 눌러 흰·금색 글자 대비 확보 */
.section_hero.hero_v1023 .hero_bg img{
  object-position:50% 100% !important;
  transform-origin:50% 100% !important;
}
.section_hero.hero_v1023 .hero_bg::after{
  background:linear-gradient(180deg, rgba(10,16,38,.74) 0%, rgba(10,16,38,.64) 26%, rgba(10,16,38,.46) 35%, rgba(10,16,38,.14) 41%, rgba(10,16,38,0) 44%) !important;
}
.section_hero.hero_v1023 .hero_inner{
  height:41vh !important;   /* PC 는 fullpage 표 칸 안이라 % 높이가 안 먹는다(실측) → 화면 높이 기준 */
  align-items:center !important;
  justify-content:center !important;
  text-align:center;
  padding:var(--header-height) var(--page-margin) 0 !important;
  box-sizing:border-box;
}
/* fullpage 표 칸은 가운데 정렬(vertical-align:middle)이라 글자 상자가 화면 가운데로 내려갔다(실측 top 302) → 위에 붙임 */
.section_hero.hero_v1023 > .fp-tableCell{ vertical-align:top !important; }
.section_hero.hero_v1023 .hero_eyebrow{ margin:0 0 16px !important; }
.section_hero.hero_v1023 .hero_title--text{
  align-items:center;
  font-size:clamp(34px,3.4vw,64px) !important;
}
.section_hero.hero_v1023 .hero_copy{
  display:flex !important; flex-direction:column; align-items:center;
  margin-top:20px !important;
}
.section_hero.hero_v1023 .hero_copy_line{ display:none !important; }
.section_hero.hero_v1023 .hero_points{
  flex-direction:row !important; align-items:center !important; justify-content:center !important;
  flex-wrap:nowrap; gap:0 !important;
  padding:11px 6px !important;
  background:rgba(12,19,44,.58);
  border:1px solid rgba(201,161,74,.55);
  border-radius:999px;
}
.section_hero.hero_v1023 .hero_points li{
  position:relative; padding:0 20px;
  font-size:clamp(14px,1vw,18px) !important;
}
.section_hero.hero_v1023 .hero_points li + li::before{
  content:''; position:absolute; left:0; top:50%;
  width:1px; height:.9em; margin-top:-.45em;
  background:rgba(255,255,255,.42);
}
/* 아주 넓은 화면(21:9 등) — 하늘이 낮아지므로 글자를 줄여 건물 꼭대기와 안 겹치게 */
@media (min-width:1025px) and (min-aspect-ratio:2/1){
  .section_hero.hero_v1023 .hero_inner{ height:34vh !important; }
  .section_hero.hero_v1023 .hero_title--text{ font-size:clamp(28px,4.2vh,48px) !important; }
  .section_hero.hero_v1023 .hero_copy{ margin-top:12px !important; }
  .section_hero.hero_v1023 .hero_copy_line{ display:none !important; }
}
/* 태블릿·휴대폰 — 그림 아래 끝을 하단 고정바 위에 맞춤(단지 아래쪽이 바에 안 가리게) */
@media (max-width:1024px){
  .section_hero.hero_v1023{ background:#2f5f9d; }
  .section_hero.hero_v1023 .hero_bg{ bottom:66px !important; height:auto !important; }
  .section_hero.hero_v1023 .hero_inner{ height:48% !important; }
  .section_hero.hero_v1023 .hero_bg::after{
    background:linear-gradient(180deg, rgba(10,16,38,.76) 0%, rgba(10,16,38,.64) 30%, rgba(10,16,38,.50) 40%, rgba(10,16,38,.16) 47%, rgba(10,16,38,0) 50%) !important;
  }
  .section_hero.hero_v1023 .hero_points{
    display:grid !important; grid-template-columns:auto auto;
    column-gap:16px !important; row-gap:8px !important; justify-content:center !important;
    padding:12px 18px !important; border-radius:14px;
  }
  .section_hero.hero_v1023 .hero_points li{ padding:0; text-align:center; font-size:14px !important; }
  .section_hero.hero_v1023 .hero_points li + li::before{ display:none; }
}
@media (max-width:360px){
  .section_hero.hero_v1023 .hero_points li{ font-size:13px !important; }
  .section_hero.hero_v1023 .hero_points{ column-gap:12px !important; }
}

/* ══ 4) 첫 화면 포인트 4줄 — 시안 3종 (10/23 대표님 「pc·모바일 이 부분만 3가지 디자인」) ══
   section_hero 에 hp-a / hp-b / hp-c 를 붙이면 그 시안. 없으면 1차(둥근 띠) 그대로
   A 원형 배지(전단 원형 배지 + 첫 화면 오른쪽 둥근 배지와 같은 말투) · B 세로줄 구분(상자 없음) · C 금색 키워드 + 위아래 가는 금선 */
.section_hero.hero_v1023:is(.hp-a,.hp-b,.hp-c) .hero_points{
  background:none !important; border:0 !important; border-radius:0 !important; padding:0 !important;
  position:relative;
}
.section_hero.hero_v1023:is(.hp-a,.hp-b,.hp-c) .hero_points li + li::before{ display:none !important; }
/* B·C: 글자 뒤 옅은 그늘(가장자리 없이 퍼짐) — 하늘 위 작은 글씨 대비 */
.section_hero.hero_v1023:is(.hp-b,.hp-c) .hero_points::after{
  content:''; position:absolute; left:-14%; right:-14%; top:-70%; bottom:-70%; z-index:-1; pointer-events:none;
  background:radial-gradient(closest-side, rgba(10,16,38,.46), rgba(10,16,38,.18) 60%, rgba(10,16,38,0));
}

/* ── A 원형 배지 ── */
.section_hero.hero_v1023.hp-a .hero_copy{ margin-top:22px !important; }
.section_hero.hero_v1023.hp-a .hero_points{ display:flex !important; flex-direction:row !important; gap:12px !important; }
.section_hero.hero_v1023.hp-a .hero_points li{
  display:flex !important; flex-direction:column; align-items:center; justify-content:center;
  width:96px; height:96px; padding:0 !important; border-radius:50%;
  background:rgba(17,26,58,.82);
  box-shadow:inset 0 0 0 1px rgba(201,161,74,.95), inset 0 0 0 5px rgba(17,26,58,.0), inset 0 0 0 6px rgba(201,161,74,.40);
  font-size:12px !important; line-height:1.3; letter-spacing:-.02em; text-align:center; white-space:nowrap;
  color:rgba(255,255,255,.88) !important;
}
.section_hero.hero_v1023.hp-a .hero_points li b{ display:block; margin-top:3px; font-size:16px; line-height:1.2; font-weight:700 !important; letter-spacing:-.03em; color:var(--accent-gold-deep,#C9A14A) !important; }

/* 낮은 PC 화면(1366×768 등) — 원이 건물 꼭대기·머리 메뉴에 닿지 않게 */
@media (min-width:1025px) and (max-height:820px){
  .section_hero.hero_v1023.hp-a .hero_copy{ margin-top:16px !important; }
  .section_hero.hero_v1023.hp-a .hero_points li{ width:84px; height:84px; font-size:11px !important; }
  .section_hero.hero_v1023.hp-a .hero_points li b{ font-size:14.5px; }
}

/* ── B 세로줄 구분(상자 없음) ── */
.section_hero.hero_v1023.hp-b .hero_copy{ margin-top:30px !important; }
.section_hero.hero_v1023.hp-b .hero_points{ display:flex !important; flex-direction:row !important; gap:0 !important; }
.section_hero.hero_v1023.hp-b .hero_points li{
  display:flex !important; flex-direction:column; align-items:center; position:relative;
  padding:0 36px !important; font-size:15px !important; line-height:1.35; letter-spacing:-.01em;
  color:rgba(255,255,255,.90) !important; white-space:nowrap;
}
.section_hero.hero_v1023.hp-b .hero_points li::before{   /* 낱말 위 짧은 금선 */
  content:''; display:block; width:18px; height:1px; margin:0 auto 12px; background:var(--accent-gold-deep,#C9A14A);
}
.section_hero.hero_v1023.hp-b .hero_points li + li::before{
  display:block !important; position:static !important; top:auto !important; left:auto !important;
  width:18px !important; height:1px !important; margin:0 auto 12px !important; background:var(--accent-gold-deep,#C9A14A) !important;
}
.section_hero.hero_v1023.hp-b .hero_points li + li::after{  /* 항목 사이 가는 세로줄 */
  content:''; position:absolute; left:0; top:14px; bottom:2px; width:1px; background:rgba(255,255,255,.30);
}
.section_hero.hero_v1023.hp-b .hero_points li b{ margin-top:5px; font-size:23px; line-height:1.2; font-weight:700 !important; letter-spacing:-.02em; color:#fff !important; }

/* ── C 금색 키워드 + 위아래 가는 금선 ── */
.section_hero.hero_v1023.hp-c .hero_copy{ margin-top:30px !important; }
.section_hero.hero_v1023.hp-c .hero_points{
  display:flex !important; flex-direction:row !important; gap:0 !important;
  padding:14px 10px !important;
  border-top:1px solid rgba(201,161,74,.75) !important; border-bottom:1px solid rgba(201,161,74,.75) !important;
}
.section_hero.hero_v1023.hp-c .hero_points li{ position:relative; padding:0 24px !important; font-size:0 !important; line-height:1; white-space:nowrap; }
.section_hero.hero_v1023.hp-c .hero_points li b{ font-size:24px; line-height:1.25; font-weight:600 !important; letter-spacing:-.01em; color:var(--accent-gold-deep,#C9A14A) !important; }
.section_hero.hero_v1023.hp-c .hero_points li + li::after{  /* 낱말 사이 작은 마름모 */
  content:''; position:absolute; left:-2.5px; top:50%; width:5px; height:5px; margin-top:-2.5px;
  background:var(--accent-gold-deep,#C9A14A); transform:rotate(45deg);
}

@media (max-width:1024px){
  /* A — 한 줄에 원 4개, 낱말만 */
  .section_hero.hero_v1023.hp-a .hero_copy{ margin-top:22px !important; }
  .section_hero.hero_v1023.hp-a .hero_points{ display:flex !important; gap:7px !important; }
  .section_hero.hero_v1023.hp-a .hero_points li{ width:80px; height:80px; font-size:0 !important; }
  .section_hero.hero_v1023.hp-a .hero_points li b{ width:58px; margin:0; font-size:13.5px; line-height:1.25; white-space:normal; word-break:keep-all; }
  /* B — 2×2, 가운데 십자 가는 선 */
  .section_hero.hero_v1023.hp-b .hero_copy{ margin-top:22px !important; }
  .section_hero.hero_v1023.hp-b .hero_points{ display:grid !important; grid-template-columns:1fr 1fr; gap:0 !important; width:min(320px,86vw); }
  .section_hero.hero_v1023.hp-b .hero_points li{ padding:12px 6px !important; font-size:12.5px !important; }
  .section_hero.hero_v1023.hp-b .hero_points li::before,
  .section_hero.hero_v1023.hp-b .hero_points li + li::before{ display:none !important; }
  .section_hero.hero_v1023.hp-b .hero_points li + li::after{ display:none; }
  .section_hero.hero_v1023.hp-b .hero_points li:nth-child(2n)::after{ content:''; display:block; position:absolute; left:0; top:12px; bottom:12px; width:1px; background:rgba(255,255,255,.30); }
  .section_hero.hero_v1023.hp-b .hero_points li:nth-child(n+3){ box-shadow:inset 0 1px 0 rgba(255,255,255,.22); }
  .section_hero.hero_v1023.hp-b .hero_points li b{ font-size:17px; margin-top:3px; }
  /* C — 두 줄(2개씩), 위아래 금선 */
  .section_hero.hero_v1023.hp-c .hero_copy{ margin-top:22px !important; }
  .section_hero.hero_v1023.hp-c .hero_points{ display:grid !important; grid-template-columns:auto auto; row-gap:10px !important; column-gap:0 !important; padding:13px 4px !important; justify-content:center !important; }
  .section_hero.hero_v1023.hp-c .hero_points li{ padding:0 18px !important; text-align:center; }
  .section_hero.hero_v1023.hp-c .hero_points li b{ font-size:19px; font-weight:700 !important; }
  .section_hero.hero_v1023.hp-c .hero_points li + li::after{ display:none; }
  .section_hero.hero_v1023.hp-c .hero_points li:nth-child(2n)::after{ content:''; display:block; position:absolute; left:-2.5px; top:50%; width:5px; height:5px; margin-top:-2.5px; background:var(--accent-gold-deep,#C9A14A); transform:rotate(45deg); }
}
@media (max-width:360px){
  .section_hero.hero_v1023.hp-a .hero_points{ gap:5px !important; }
  .section_hero.hero_v1023.hp-a .hero_points li{ width:74px; height:74px; }
  .section_hero.hero_v1023.hp-a .hero_points li b{ font-size:12.5px; }
  .section_hero.hero_v1023.hp-c .hero_points li{ padding:0 14px !important; }
  .section_hero.hero_v1023.hp-c .hero_points li b{ font-size:18px; }
}

/* ── 5) 첫 화면 마무리 (10/23 시행사 → 대표님)
   · 「모바일도 투시도 좀 줄여 · 예시의 호반이나 제일 느낌으로」 → 휴대폰 그림 hero_1023_m4.jpg(투시도 70% 크기·깨끗한 하늘·맨 아래 앞마당 이어 그림)
   · 「밑에 여백 조금 생긴 듯」 → 그림을 섹션 바닥까지(스크롤해도 빈 파란 띠 없음)
   · 「그림자 PC·모바일 둘 다 빼 달래」 → 위쪽 남색 그늘 · 4칸 뒤 옅은 그늘 모두 없앰 */
.section_hero.hero_v1023 .hero_bg::after{ background:none !important; }
.section_hero.hero_v1023:is(.hp-a,.hp-b,.hp-c) .hero_points::after{ display:none !important; }
@media (max-width:1024px){
  .section_hero.hero_v1023 .hero_bg{ bottom:0 !important; }
}
@media (max-width:767px){
  .section_hero.hero_v1023 .hero_inner{ height:52% !important; }
}