/* 르웨스트 — 공식 미러 위 최소 보정 레이어 */
/* 롯데캐슬 계정 기능 제거 — DOM에서 지우면 site.js가 죽으므로 표시만 막는다.
   util6 관심단지 · util3 알림 · util4 롯데캐슬 바로가기 / 자동으로 열리는 회원 모달 전부. */
.util3,.m_alarm,.alarm_div{display:none!important}   /* 알림만 숨김 — 회원 전용이라 우리 사이트엔 대응 기능이 없다 */
/* 관심고객등록 은 헤더 색 전환(white_type ↔ over)을 따라야 읽힌다. 빨간 고정색은 어두운 히어로에서 안 보였다. */
#alarmPop,#myapType,.popCont.aptInfo,.estatePop,.nonMemberPop,.dimd{display:none!important;visibility:hidden!important}
/* 헤더 우측 회원 아이콘 자리(제거됨) 여백 정리 */
#header .ap_info{gap:14px}
/* 서브 콘텐츠 래퍼 (관심고객등록·개인정보) */
.lw-sub-inner{width:1200px;max-width:calc(100% - 40px);margin:0 auto;padding:10px 0 90px}
.lw-form{max-width:560px;margin:0 auto}
.lw-privacy{font-size:15px;line-height:1.8;color:#333}
.lw-privacy h1,.lw-privacy h2{margin:28px 0 12px}
/* 색상: 팝업 골드 = **Live Gold #af895e** (2024 브랜드 시스템·behance 187993739).
   근거 = 이 카드 헤더에 들어가는 공식 로고 logo-color.png 가 단일색 #af895e 다.
   ⛔ 구 샹들리에 골드 #8c704b 를 쓰면 같은 카드 안에서 로고와 골드가 두 종류가 된다(9/8 렌더 확인).
   네이비 #001f5f · 와인 #8c2332 는 **그대로 둔다** — 미러 사이트 CSS 전체가 그 값이고
   (와인 #8b2332 90회·네이비 #001f5f), 카드 안에 대조되는 공식 자산도 없다.
   팝업 = 공식 롯데캐슬 팝업 구조 재현 (네이비 헤더+로고 → 골드 라인 → 크림 본문).
   공식은 이 영역 전체가 업로드 통이미지지만, 우리는 CSS 로 짜서 텍스트를 살린다. */
.businessPop .swiper-slide .lw-pop{background:#f7f4ee;color:#333;height:580px;
  box-sizing:border-box;display:flex;flex-direction:column;text-align:left;overflow:hidden;
  font-family:'Noto Sans KR','Malgun Gothic',sans-serif;letter-spacing:-.03em}
.lw-pop .pop-head{flex:none;background:#001f5f;padding:24px 20px 20px;text-align:center;
  border-bottom:4px solid #af895e}
.lw-pop .pop-head img{display:block;width:126px;height:auto;margin:0 auto 11px}
.lw-pop .pop-brand{margin:0;color:#fff;font-size:22px;font-weight:700;letter-spacing:-.04em}
.lw-pop .pop-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:30px 28px 58px}
.lw-pop h3{margin:0;font-size:36px;line-height:1.25;font-weight:800;color:#001f5f}
.lw-pop h3 em{font-style:normal;color:#af895e}

.lw-pop .pop-lead{margin:15px 0 0;font-size:16px;color:#6d6a64;font-weight:400}
.lw-pop .pop-lead2{margin-top:5px;color:#8d8a84}
/* 🔴 예전엔 네이비 풀폭 '버튼'이었는데 링크가 아니라 라벨이라 오해를 샀다(2026-09-08 렌더 확인).
   버튼 모양을 벗기고 골드 텍스트 라벨로. 실제 버튼은 바로 아래 .pop-cta 하나뿐이어야 한다. */
.lw-pop .pop-foot{background:none;padding:0;text-align:center}
.lw-pop .pop-foot b{display:block;font-size:14.5px;font-weight:600;color:#af895e;letter-spacing:-.02em}
.lw-pop--a .pop-foot{margin-top:auto}
.lw-pop .pop-foot + .pop-cta{margin-top:12px}
.lw-pop--b h3{font-size:29px;margin-bottom:18px}
.lw-pop .pop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lw-pop .pop-list li{background:#fff;border:1px solid #e7e1d6;border-radius:4px;
  padding:9px 14px 9px 9px;display:flex;align-items:center;gap:11px}
.lw-pop .pop-list i{flex:none;width:34px;height:34px;border-radius:50%;background:#af895e;color:#fff;
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:700}
.lw-pop .pop-list b{display:block;font-size:15.5px;font-weight:700;color:#001f5f;line-height:1.25}
.lw-pop .pop-list span{display:block;font-size:12px;color:#8a827a;margin-top:2px;font-weight:400}
.lw-pop .pop-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;height:48px;
  background:#8c2332;color:#fff;font-size:16px;font-weight:700;text-decoration:none;border-radius:4px}
.lw-pop .pop-cta i{width:15px;height:1px;background:#fff;position:relative}
.lw-pop .pop-cta i::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;
  border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}
.lw-pop--c h3{font-size:34px}
.lw-pop .pop-kit-lead{margin:0;font-size:15.5px;line-height:1.7;color:#6d6a64;font-weight:400;word-break:keep-all}
.lw-pop .pop-kit-lead:first-of-type{margin-top:22px;padding-top:20px;border-top:1px solid #e0d9cc}
.lw-pop .pop-note{margin:11px 0 0;font-size:11.5px;color:#a09890;line-height:1.5;word-break:keep-all}
/* 모바일: padding 은 이제 .lw-pop 이 아니라 .pop-body 가 갖는다(공식 헤더 구조로 재편, 2026-09-08) */
@media (max-width:768px){.businessPop .swiper-slide .lw-pop{height:auto;min-height:480px;padding:0}
.lw-pop .pop-head{padding:20px 16px 16px}
.lw-pop .pop-head img{width:108px;margin-bottom:9px}
.lw-pop .pop-brand{font-size:19px}
.lw-pop .pop-body{padding:24px 22px 44px}
  .lw-pop h3{font-size:32px}.lw-pop--b h3{font-size:25px}.lw-pop--c h3{font-size:28px}
  .lw-pop .pop-kit-lead{font-size:14px;line-height:1.6}
  .lw-pop .pop-list li{padding:8px 12px 8px 8px;gap:10px}
  .lw-pop .pop-list i{width:32px;height:32px;font-size:13px}
  .lw-pop .pop-list b{font-size:14.5px}.lw-pop .pop-list span{font-size:11.5px}}


/* 20260910 팝업 슬라이드 높이 균일화 — 모바일에서 슬라이드마다 높이가 달라(511/480)
   짧은 슬라이드 하단에 빈 영역이 생기고 뒷 슬라이드가 비쳐 보이던 문제. PC는 height:580px 고정이라 무관. */
@media (max-width:768px){
  .businessPop .swiper-slide{align-self:stretch !important;height:auto !important}
  .businessPop .swiper-slide .lw-pop{height:100% !important}
}


/* 20260910 팝업 이미지 교체 — 코딩 팝업(.lw-pop) → 이미지 팝업(.lw-popimg)
   PC 는 롯데캐슬 원본 폭 450px 그대로(450x580 이미지가 1:1 정합).
   20260911 모바일도 같은 PC 이미지를 쓴다(사용자 지시) — .mo(675x580) 슬라이드는 제거하고
   남은 img 에서 .pc 클래스도 뺐다. 원본 lottecastle_style3.css 가 <=768px 에서 .pc 를 숨기기 때문.
   모바일 슬롯은 351px 라 450 이미지가 0.78배로 축소돼 들어간다. 675 파일은 롤백용으로만 남아 있다. */
.lw-popimg{display:block;line-height:0;font-size:0}
.lw-popimg img{display:block;width:100%;height:auto;border:0}
@media (max-width:768px){ .businessPop{width:100%;padding:0 5%;box-sizing:border-box} }


/* 20260910 모바일 헤더 전화 아이콘 — PC 에만 있던 .util5(문의 전화번호)를 하트(.util6) 왼쪽에 노출.
   원본 common.css 는 <=1500px 에서 .util4/.util5 를 display:none 으로 죽인다(1078~1087).
   위치·크기는 하트 규칙을 그대로 복사하고 right 만 한 칸(하트폭+간격) 왼쪽으로 민다.
   PC 는 hover 로 번호를 펼치지만 모바일엔 hover 가 없으므로 앵커를 tel:1833-6809 로 바꿨다(전 페이지 HTML).
   아이콘은 모바일 하트가 2x(38x32→19px)인 것에 맞춰 2x 로 새로 뽑았다 —
   원본 util-bt5.png 는 32x20 1x 라 축소하면 하트 옆에서 혼자 뭉갠다.
   소스 = common/images/apinfo_phone.png(26x26, 모바일 메뉴 전화 아이콘과 동일 글리프). */
@media all and (max-width:1500px){
  #header.ap .util .util5{display:block;width:32px;height:20px;right:104px}
}
@media all and (max-width:1024px){
  #header.ap .util .util5{right:79px;width:16px;height:16px}
  #header .util a.util5 .hover{display:none}      /* 모바일엔 hover 툴팁이 뜰 자리가 없다 */
  #header.white_type .util a.util5{background:url("/img/m-tel.png") no-repeat 0 0;background-size:16px auto}
  #header.white_type.over .util a.util5,
  #header.color_type .util a.util5,
  #header .util a.util5{background:url("/img/m-tel-color.png") no-repeat 0 0;background-size:16px auto}
}