/* ============================================================
   대명에너지 메인 리뉴얼 스타일 (2026.08)
   - 이 파일은 메인 페이지(wrap--main)에만 적용됩니다.
   - 문제 발생 시 head.php에서 이 파일 링크 한 줄만 제거하면 원상복구됩니다.
   ============================================================ */

/* ---------- 공통 토큰 ---------- */
.wrap--main{
  --dm-forest:#0C3524;
  --dm-forest-80:rgba(9,45,29,.74);
  --dm-forest-60:rgba(9,45,29,.55);
  --dm-forest-35:rgba(9,45,29,.32);
  --dm-accent:#4CC276;
  --dm-paper:#F6F8F6;
}

/* ---------- 헤더: 네이비 배경 + 컬러 로고 + 회색 메뉴 (확정) ---------- */
.wrap--main .header{
  background:#26415F !important;   /* 밝은 네이비 */
  box-shadow:0 2px 14px rgba(20,35,55,.18);
}
.wrap--main .header .header__inner{background:transparent !important;}
/* 로고: 기존 원본 로고 사용 (경로 강제 제거 — 네이비 위 흰 로고) */
.wrap--main .header__logo a{filter:none !important;}
/* 메뉴 글자: 밝은 회색 (네이비 위 가독 확보), 호버 시 밝은 그린 */
.wrap--main .header .menu-link,
.wrap--main .header .menu-link h2{color:#FFFFFF !important;}
.wrap--main .header .menu-link:hover,
.wrap--main .header .menu-link:hover h2{color:#7FE3A8 !important;}
.wrap--main .header .icon-link-white{filter:none; opacity:1;}
.wrap--main .mobile-menu__button span,
.wrap--main .mobile-menu__button span::before,
.wrap--main .mobile-menu__button span::after{background:#FFFFFF !important;}

/* ---------- 히어로(기존 영상 유지) ---------- */
.wrap--main .main-video{position:relative; overflow:hidden;}
.wrap--main .main-video video{width:100%; display:block;}
/* 슬로건을 영상 위에 겹쳐 배치 — 영상 아래 별도 공간(검은 띠) 제거 */
.wrap--main .main-video .container{
  position:absolute !important;
  left:0; right:0; bottom:64px;
  z-index:2; margin:0 auto;
}

/* 히어로 뉴스 띠 (영상 아래 배치 — 겹침 방지) */
.wrap--main .dm-hero-news{
  position:static;
  background:#FFFFFF;
  border-top:3px solid var(--dm-accent);
  border-bottom:1px solid #E4EAE6;
}
.wrap--main .dm-hero-news__inner{
  max-width:1240px; margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:1fr 1fr 1fr;
}
.wrap--main .dm-hero-news a{
  display:block; padding:24px 26px 28px 0; color:#1A2420; text-decoration:none;
  border-right:1px solid #E4EAE6;
}
.wrap--main .dm-hero-news a:last-child{border-right:none;}
.wrap--main .dm-hero-news .tag{
  font-size:11px; letter-spacing:.2em; color:#1E9E5A; font-weight:700;
}
.wrap--main .dm-hero-news h4{
  font-size:15px; font-weight:600; line-height:1.5; margin-top:8px;
  color:#1A2420;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.wrap--main .dm-hero-news .date{font-size:12px; color:#8A948E; margin-top:8px;}
.wrap--main .dm-hero-news a:hover h4{text-decoration:underline;}

/* ---------- 사업 쇼케이스 패널 ---------- */
.wrap--main .dm-biz{
  position:relative; min-height:540px;
  background-size:cover; background-position:center;
  display:flex; align-items:center;
}
@media(min-width:1025px){
  .wrap--main .dm-biz{background-attachment:fixed;}
}
.wrap--main .dm-biz::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg,var(--dm-forest-80) 0%,rgba(9,45,29,.12) 68%);
}
.wrap--main .dm-biz--alt::after{
  background:linear-gradient(270deg,var(--dm-forest-80) 0%,rgba(9,45,29,.12) 68%);
}
.wrap--main .dm-biz--wind{background-image:url('/child/img/main/renewal/wind.jpg');}
.wrap--main .dm-biz--solar{background-image:url('/child/img/main/renewal/solar.jpg');}
.wrap--main .dm-biz--ess{background-image:url('/child/img/main/renewal/ess.jpg');}
.wrap--main .dm-biz .container{position:relative; z-index:2; width:100%;}
.wrap--main .dm-biz__panel{max-width:540px; padding:70px 0;}
.wrap--main .dm-biz--alt .dm-biz__panel{margin-left:auto; text-align:right;}
.wrap--main .dm-biz h2{
  color:#fff; font-size:38px; font-weight:800; line-height:1.32; letter-spacing:-.01em;
}
.wrap--main .dm-biz p{
  color:rgba(255,255,255,.82); font-size:16px; font-weight:300; line-height:1.75; margin-top:16px;
}
.wrap--main .dm-more{
  display:inline-block; margin-top:28px; color:#fff; font-size:14px; letter-spacing:.14em;
  border:1px solid rgba(255,255,255,.5); padding:12px 36px; text-decoration:none; transition:.3s;
}
.wrap--main .dm-more:hover{background:var(--dm-accent); border-color:var(--dm-accent); color:#fff;}

/* ---------- 수치판: 사진 배경 + Total/부문 ---------- */
.wrap--main .dm-stats{
  position:relative;
  background:url('/child/img/main/renewal/stats.jpg') center/cover no-repeat;
  padding:110px 0;
}
@media(min-width:1025px){
  .wrap--main .dm-stats{background-attachment:fixed;}
}
.wrap--main .dm-stats::after{content:''; position:absolute; inset:0; background:var(--dm-forest-80);}
.wrap--main .dm-stats .container{position:relative; z-index:2;}
.wrap--main .dm-stats__title{color:#fff; font-size:36px; font-weight:800;}
.wrap--main .dm-stats__asof{color:rgba(255,255,255,.5); font-size:14px; margin:8px 0 56px;}
.wrap--main .dm-total-row{
  display:flex; align-items:flex-end; gap:70px; flex-wrap:wrap;
  border-bottom:1px solid rgba(255,255,255,.18);
  padding-bottom:46px; margin-bottom:46px;
}
.wrap--main .dm-total .label{color:rgba(255,255,255,.75); font-size:17px; font-weight:500;}
.wrap--main .dm-total .num{
  color:#fff; font-size:92px; font-weight:800; line-height:1; letter-spacing:-.03em; margin-top:10px;
}
.wrap--main .dm-total .num small{font-size:34px; font-weight:600; margin-left:6px; color:var(--dm-accent);}
.wrap--main .dm-total .desc{color:rgba(255,255,255,.45); font-size:13px; margin-top:10px;}
.wrap--main .dm-seg-grid{display:flex; gap:64px; flex-wrap:wrap;}
.wrap--main .dm-seg .label{color:rgba(255,255,255,.7); font-size:15px;}
.wrap--main .dm-seg .num{color:#fff; font-size:44px; font-weight:800; margin-top:6px;}
.wrap--main .dm-seg .num small{font-size:19px; font-weight:600; margin-left:3px;}
.wrap--main .dm-seg .bar{height:3px; width:44px; background:var(--dm-accent); margin-top:12px;}
.wrap--main .dm-gen-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:36px;}
.wrap--main .dm-gen .label{color:rgba(255,255,255,.7); font-size:15px;}
.wrap--main .dm-gen .num{color:#fff; font-size:40px; font-weight:800; margin-top:6px;}
.wrap--main .dm-gen .num small{font-size:18px; font-weight:600; margin-left:3px;}
.wrap--main .dm-gen .desc{color:rgba(255,255,255,.42); font-size:12.5px; margin-top:6px;}

/* ---------- 뉴스 섹션 배경 리듬 ---------- */
.wrap--main .main-section-wrap .main-section:nth-of-type(2){background:var(--dm-paper); padding-top:60px; padding-bottom:60px;}

/* ---------- 파트너 사진 배너 ---------- */
.wrap--main .dm-band{
  position:relative; height:220px;
  background:url('/child/img/main/renewal/band.jpg') center 70%/cover no-repeat;
  display:flex; align-items:center;
}
.wrap--main .dm-band::after{content:''; position:absolute; inset:0; background:var(--dm-forest-80);}
.wrap--main .dm-band .container{position:relative; z-index:2; text-align:center; width:100%;}
.wrap--main .dm-band h2{color:#fff; font-size:26px; font-weight:700;}

/* ---------- 모바일 ---------- */
@media(max-width:900px){
  .wrap--main .dm-hero-news__inner{grid-template-columns:1fr;}
  .wrap--main .dm-hero-news a{border-right:none; padding:12px 0;}
  .wrap--main .dm-hero-news a:nth-child(n+2){display:none;}
  .wrap--main .dm-biz{min-height:420px;}
  .wrap--main .dm-biz h2{font-size:27px;}
  .wrap--main .dm-biz--alt .dm-biz__panel{margin-left:0; text-align:left;}
  .wrap--main .dm-total .num{font-size:60px;}
  .wrap--main .dm-seg-grid{gap:36px;}
  .wrap--main .dm-gen-grid{grid-template-columns:1fr; gap:24px;}
  .wrap--main .dm-band h2{font-size:20px;}
}