/* 화서역 호수공원 아너스빌 6번 — 원본 틀 위에 덮는 우리 CSS
   원본 남색 → 소나무 초록 + 놋쇠 금색. 로고는 그림 대신 글씨 워드마크.
   ⚠ 내용을 영영 숨기는 규칙은 쓰지 않습니다 (스크롤 효과는 원본 것이 돌고, 움직임 줄이기 설정이면 모두 보입니다). */
:root{
  --솔:#14382f; --솔진:#0e2a23; --솔중:#1d4a3d; --이끼:#6e8a7a; --물:#5d8f7c;
  --놋:#8a6a35;        /* 밝은 바탕 위 글씨 (대비 5.0) */
  --놋밝:#d9bd86;      /* 어두운 바탕 위 글씨 */
  --놋선:#b08a4e;      /* 선·장식 */
  --바탕:#f5f3ee; --먹:#1b211f; --회:#5b625f;
}

/* ── 워드마크 (머리글) ───────────────────────────── */
.main-logo{background:none !important;width:auto !important;height:auto !important;}
.main-logo > a.hw6-wm{display:flex !important;flex-direction:column;justify-content:center;align-items:flex-start;width:auto;height:auto;
  font-size:inherit;line-height:1.15;color:#fff;font-family:'IBM Plex Sans KR',PT,sans-serif;text-decoration:none;transition:color .5s;}
.hw6-wm__en{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.32em;font-weight:600;opacity:.85;}
.hw6-wm__ko{font-size:22px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;}
.hw6-wm__ko b{font-weight:700;color:var(--놋밝);margin-left:.18em;}
.header.on .main-logo > a.hw6-wm,.header.dark .main-logo > a.hw6-wm{color:var(--솔);}
.header.on .hw6-wm__ko b,.header.dark .hw6-wm__ko b{color:var(--놋);}
/* 휴대폰 머리글 (흰 바탕) — 가운데 */
.hw6-m .main-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto !important;height:auto !important;}
.hw6-m .main-logo > a.hw6-wm{align-items:center;color:var(--솔);}
.hw6-m .hw6-wm__en{font-size:9px;letter-spacing:.28em;}
.hw6-m .hw6-wm__ko{font-size:16px;}
.hw6-m .hw6-wm__ko b{color:var(--놋);}

/* 원본 로고 그림 자리에 들어간 글씨 */
p.hw6-wm,h1.hw6-wm{font-family:'Cormorant Garamond',serif;letter-spacing:.24em;font-weight:600;text-align:center;line-height:1.3;}
.visual-logo.hw6-wm{color:#fff;font-size:20px;text-shadow:0 2px 14px rgba(0,0,0,.35);}
.visual-logo.hw6-wm span{display:block;font-family:'IBM Plex Sans KR',PT,sans-serif;letter-spacing:-.02em;font-size:30px;font-weight:600;margin-top:6px;}
.visual-02-logo.hw6-wm{color:#fff;font-size:26px;width:auto !important;white-space:nowrap;}
.visual-02-logo.hw6-wm span{display:block;font-family:'IBM Plex Sans KR',PT,sans-serif;letter-spacing:-.03em;font-size:40px;font-weight:600;color:var(--놋밝);}
.premium-logo.hw6-wm,.traffic-logo.hw6-wm,.envi-logo.hw6-wm,.contact-logo.hw6-wm{font-size:15px;color:var(--놋);white-space:nowrap;}
.contact-logo.hw6-wm{color:var(--놋밝);}
.footer-logo.hw6-wm{font-family:'IBM Plex Sans KR',PT,sans-serif;letter-spacing:-.03em;font-size:20px;color:var(--솔);text-align:left;}
.footer-logo.hw6-wm small{display:block;font-family:'Cormorant Garamond',serif;letter-spacing:.3em;font-size:12px;color:var(--놋);}

/* 엠블럼 조각 크기 — 원본 logo-ani 틀 그대로 */
.logo-ani.hw6-emb > img{width:100%;height:auto;}

/* ── 첫 화면 띠 (원본 배너 그림 대신) ───────────────── */
.visit-btn.hw6-badges{gap:10px;}
.hw6-badge{display:block;min-width:300px;padding:13px 22px;border-radius:40px;background:rgba(14,42,35,.82);color:#fff;
  font-family:'IBM Plex Sans KR',PT,sans-serif;font-size:17px;letter-spacing:-.03em;text-align:center;border:1px solid rgba(217,189,134,.55);}
.hw6-badge b{color:var(--놋밝);}
.hw6-m .hw6-quick{display:none;}

/* ── 서브 머리 띠 ─────────────────────────────── */
.sub-title-bg{background-image:linear-gradient(rgba(14,42,35,.55),rgba(14,42,35,.35)),url(/assets/images/hw6/hwaseo-lakepark-6-subtop.jpg) !important;}
.hw6-m .sub-title-bg{background-image:linear-gradient(rgba(14,42,35,.55),rgba(14,42,35,.35)),url(/assets/images/hw6/hwaseo-lakepark-6-subtop-m.jpg) !important;}
.sub-title,.sub-title-kor{color:#fff;}
h1.sub-title-kor{font-size:inherit;font-weight:inherit;margin:0;}

/* ── 우리 글 (서브 페이지 위 짧은 글 · 새 페이지) ─────── */
.hw6-intro{max-width:1200px;margin:0 auto 48px;padding:0 20px;font-family:'IBM Plex Sans KR',PT,sans-serif;color:var(--먹);}
.hw6-intro__t{font-size:30px;line-height:1.35;letter-spacing:-.04em;color:var(--솔);margin-bottom:14px;font-weight:700;}
.hw6-intro__p{font-size:17px;line-height:1.8;color:var(--회);letter-spacing:-.02em;word-break:keep-all;}
.hw6-intro__p b{color:var(--솔중);}
.hw6-page{font-family:'IBM Plex Sans KR',PT,sans-serif;color:var(--먹);word-break:keep-all;}
.hw6-wrap{max-width:1200px;margin:0 auto;padding:0 20px 80px;}
.hw6-sec{margin-top:64px;}
.hw6-sec:first-child{margin-top:0;}
.hw6-eng{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.28em;font-size:14px;color:var(--놋);margin-bottom:8px;}
.hw6-h2{font-size:30px;letter-spacing:-.04em;line-height:1.35;color:var(--솔);margin-bottom:16px;font-weight:700;}
.hw6-h3{font-size:21px;letter-spacing:-.03em;color:var(--솔중);margin:28px 0 10px;font-weight:700;}
.hw6-p{font-size:17px;line-height:1.85;color:#3c4441;margin-bottom:12px;}
.hw6-note{font-size:14px;line-height:1.7;color:var(--회);margin-top:12px;}
.hw6-list{margin:10px 0 0;padding:0;}
.hw6-list li{position:relative;padding-left:18px;font-size:16px;line-height:1.8;color:#3c4441;}
.hw6-list li::before{content:'';position:absolute;left:2px;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--놋선);}
.hw6-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:12px;}
.hw6-tbl table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;}
.hw6-tbl caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--회);padding-top:10px;line-height:1.6;}
.hw6-tbl th,.hw6-tbl td{border-bottom:1px solid #dcdfd9;padding:12px 10px;text-align:center;}
.hw6-tbl thead th{background:var(--솔);color:#fff;font-weight:600;border-bottom:0;}
.hw6-tbl tbody th{color:var(--솔);font-weight:700;background:#f1f3ee;}
.hw6-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;}
.hw6-card{background:var(--바탕);border-top:3px solid var(--놋선);padding:22px 20px;}
.hw6-card h3{font-size:19px;color:var(--솔);margin-bottom:8px;letter-spacing:-.03em;}
.hw6-card p{font-size:15px;line-height:1.75;color:#3c4441;}
.hw6-card .hw6-num{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:600;color:var(--놋);line-height:1;}
.hw6-spec{display:grid;grid-template-columns:1fr;border-top:2px solid var(--솔);}
.hw6-spec__r{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #dcdfd9;}
.hw6-spec__r span{background:#f1f3ee;color:var(--솔);font-weight:700;padding:13px 16px;font-size:15px;}
.hw6-spec__r b{font-weight:400;padding:13px 16px;font-size:15px;line-height:1.6;}
.hw6-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hw6-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;font-size:16px;font-weight:600;letter-spacing:-.02em;border-radius:3px;text-decoration:none;}
.hw6-btn--fill{background:var(--솔);color:#fff;border:1px solid var(--솔);}
.hw6-btn--line{background:#fff;color:var(--솔);border:1px solid var(--솔);}
.hw6-btn--gold{background:var(--놋);color:#fff;border:1px solid var(--놋);}
.hw6-faq__it{border-bottom:1px solid #dcdfd9;}
.hw6-faq__it summary{cursor:pointer;padding:18px 34px 18px 0;font-size:17px;font-weight:600;color:var(--솔);position:relative;list-style:none;}
.hw6-faq__it summary::-webkit-details-marker{display:none;}
.hw6-faq__it summary::after{content:'+';position:absolute;right:6px;top:14px;font-size:24px;color:var(--놋);}
.hw6-faq__it[open] summary::after{content:'−';}
.hw6-faq__it p{padding:0 0 18px;font-size:16px;line-height:1.8;color:#3c4441;}
.hw6-maps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;}
.hw6-map{background:var(--바탕);padding:18px;}
.hw6-map img{width:100%;height:auto;}
.hw6-map h3{font-size:18px;color:var(--솔);margin:14px 0 6px;}
.hw6-map p{font-size:15px;color:#3c4441;line-height:1.6;}
.hw6-map .hw6-cta{margin-top:12px;}
.hw6-map .hw6-btn{min-height:42px;font-size:14px;padding:0 16px;}
.hw6-vrtabs{display:flex;gap:8px;margin-bottom:12px;}
.hw6-vrtabs button{min-height:44px;padding:0 24px;border:1px solid var(--솔);background:#fff;color:var(--솔);font-size:16px;font-weight:600;cursor:pointer;}
.hw6-vrtabs button[aria-selected="true"]{background:var(--솔);color:#fff;}
.hw6-vrbar{max-width:1200px;margin:10px auto 0;padding:0 20px;text-align:right;}
.hw6-vrbar a{color:var(--솔);font-weight:600;font-size:15px;}

/* 관심고객등록 */
.hw6-form{max-width:760px;margin:0 auto;background:var(--바탕);padding:34px 30px;}
.hw6-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.hw6-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.hw6-field label{font-size:15px;font-weight:600;color:var(--솔);}
.hw6-field label em{color:#b3261e;font-style:normal;}
.hw6-field input,.hw6-field select,.hw6-field textarea{font:inherit;font-size:16px;padding:12px 14px;border:1px solid #c9cec6;background:#fff;border-radius:2px;width:100%;}
.hw6-agree{font-size:14px;line-height:1.7;color:var(--회);margin:6px 0 16px;}
.hw6-agree a{color:var(--솔);text-decoration:underline;}
.hw6-check{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--먹);font-weight:600;font-size:15px;}
.hw6-check input{width:20px;height:20px;}
.hw6-form .hw6-btn{width:100%;border:0;cursor:pointer;font-family:inherit;}
.hw6-form .hw6-btn:disabled{opacity:.6;}
.form__msg{margin-top:12px;font-size:15px;min-height:1.4em;}
.form__msg.is-ok{color:#1d6b45;}
.form__msg.is-bad{color:#b3261e;}

/* 소식 */
.hw6-news{border-top:2px solid var(--솔);margin-top:10px;}
.hw6-news li{border-bottom:1px solid #dcdfd9;}
.hw6-news a{display:block;padding:22px 4px;text-decoration:none;color:inherit;}
.hw6-news time{font-size:14px;color:var(--놋);font-weight:600;}
.hw6-news b{display:block;font-size:19px;color:var(--솔);margin:4px 0 6px;letter-spacing:-.03em;line-height:1.45;}
.hw6-news span{display:block;font-size:15px;color:var(--회);line-height:1.7;}
.hw6-post__date{font-size:14px;color:var(--놋);font-weight:600;margin-bottom:8px;}
.hw6-post__t{font-size:30px;line-height:1.4;color:var(--솔);letter-spacing:-.04em;margin-bottom:24px;}
.hw6-post__body h2{font-size:21px;color:var(--솔중);margin:30px 0 10px;letter-spacing:-.03em;}
.hw6-post__body p{font-size:17px;line-height:1.9;color:#333b38;margin-bottom:14px;}
.hw6-post__body ul{margin:0 0 14px;}
.hw6-post__body li{position:relative;padding-left:16px;font-size:16px;line-height:1.8;}
.hw6-post__body li::before{content:'·';position:absolute;left:2px;color:var(--놋선);font-weight:700;}
.hw6-post__note{font-size:14px;color:var(--회);margin-top:24px;padding-top:16px;border-top:1px solid #dcdfd9;}
.hw6-press li a{display:grid;grid-template-columns:110px 120px 1fr;gap:12px;align-items:baseline;}
.hw6-press li span{font-size:14px;}
.hw6-press li b{margin:0;font-size:17px;}

/* ── 푸터 ─────────────────────────────────────── */
.footer .hw6-made{margin-top:10px;font-size:13px;}
.footer .hw6-made a{color:#5b625f;text-decoration:none;}
.footer .hw6-made a:hover{text-decoration:underline;}
.footer .hw6-privacy{display:inline-block;margin-top:8px;font-size:13px;color:var(--솔);text-decoration:underline;}
.hw6-m .footer-info{font-size:12px !important;}
.hw6-m .footer-ul-01,.hw6-m .footer-ul-02,.hw6-m .footer-copy,.hw6-m .footer-open,.hw6-m .footer-overview{font-size:12px !important;}
.hw6-m .footer-tel{font-size:18px !important;}
.hw6-m .footer-ul-02{flex-wrap:wrap;}
.hw6-m .footer{padding-bottom:110px;}

/* ── 떠 있는 버튼 ─────────────────────────────── */
.hw6-dock{position:fixed;z-index:1200;font-family:'IBM Plex Sans KR',PT,sans-serif;}
.hw6-dock a{display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-weight:600;letter-spacing:-.03em;}
.hw6-dock svg{width:20px;height:20px;flex-shrink:0;}
/* 휴대폰: 아래 띠 */
.hw6-m .hw6-dock{left:0;right:0;bottom:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;box-shadow:0 -4px 18px rgba(0,0,0,.14);padding-bottom:env(safe-area-inset-bottom);background:#fff;}
.hw6-m .hw6-dock a{min-height:58px;font-size:15px;color:#fff;}
.hw6-m .hw6-dock .is-tel{background:var(--솔);}
.hw6-m .hw6-dock .is-vr{background:var(--솔중);}
.hw6-m .hw6-dock .is-go{background:var(--놋);}
/* 큰 화면: 오른쪽 세로 */
.hw6-d .hw6-dock{right:24px;bottom:120px;display:flex;flex-direction:column;gap:8px;}
.hw6-d .hw6-dock a{width:128px;min-height:48px;border-radius:26px;font-size:14px;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18);}
.hw6-d .hw6-dock .is-tel{background:var(--솔);}
.hw6-d .hw6-dock .is-vr{background:var(--솔중);}
.hw6-d .hw6-dock .is-go{background:var(--놋);}

/* 눈에 안 보이는 제목 (검색·화면낭독용) */
.hw6-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ── 휴대폰 화면 크기 ─────────────────────────── */
.hw6-m .hw6-intro{margin-bottom:28px;padding:0 16px;}
.hw6-m .hw6-intro__t{font-size:22px;}
.hw6-m .hw6-intro__p{font-size:15px;}
.hw6-m .hw6-wrap{padding:0 16px 60px;}
.hw6-m .hw6-h2{font-size:23px;}
.hw6-m .hw6-p{font-size:15.5px;}
.hw6-m .hw6-cards{grid-template-columns:1fr;}
.hw6-m .hw6-maps{grid-template-columns:1fr;}
.hw6-m .hw6-form{padding:24px 16px;}
.hw6-m .hw6-form__row{grid-template-columns:1fr;gap:0;}
.hw6-m .hw6-spec__r{grid-template-columns:104px 1fr;}
.hw6-m .hw6-post__t{font-size:23px;}
.hw6-m .hw6-post__body p{font-size:16px;}
.hw6-m .hw6-press li a{grid-template-columns:1fr;gap:2px;}
.hw6-m .hw6-btn{flex:1 1 auto;}
@media (max-width:900px){
  .hw6-cards,.hw6-maps{grid-template-columns:1fr;}
}

/* 움직임 줄이기 — 숨겨 둔 것이 없게 */
@media (prefers-reduced-motion: reduce){
  [data-aos]{opacity:1 !important;transform:none !important;}
}

/* 첫 화면 사진을 <picture> 로 감쌌으므로 원본 img 크기 규칙이 그대로 먹게 */
.visual-slide picture{display:block;width:100%;height:100%;}
.visit-btn.hw6-badges{margin-left:24px;}
/* 원본의 전역 「svg path」 그리기 효과가 우리 아이콘에 번지지 않게 */
.hw6-dock svg path{stroke:none !important;stroke-dasharray:none !important;stroke-dashoffset:0 !important;fill:currentColor !important;}
/* 글꼴이 바뀌어 넓어진 만큼 큰 화면 프리미엄 글씨를 조금 줄임 */
.hw6-d .premium-con-desc{font-size:18px;letter-spacing:-.06em;}
.hw6-d .map-tit-kor{font-size:42px;}
.hw6-d .footer-tel{white-space:nowrap;}
.hw6-d .footer-right{margin-right:150px;}
.hw6-d .map-tit-kor{font-size:38px;white-space:nowrap;}
.footer-logo.hw6-wm{white-space:nowrap;}
.hw6-d .footer-left{min-width:220px;}
/* 휴대폰 첫 화면·소개 칸 워드마크 */
.hw6-m .visual-logo.hw6-wm{font-size:11px;letter-spacing:.22em;white-space:nowrap;}
.hw6-m .visual-logo.hw6-wm span{font-size:21px;white-space:nowrap;}
.hw6-m .visual-02-logo.hw6-wm{font-size:12px;white-space:normal;}
.hw6-m .visual-02-logo.hw6-wm span{font-size:22px;white-space:nowrap;}
.hw6-m .footer-logo.hw6-wm{font-size:15px;}
.hw6-m .footer-left{margin-right:12px;}

/* ── 2026-10-21 사장님 「플로팅 버튼은 밑에 3칸으로 깔끔하게」 ── */
.hw6-dock small{display:none;}
.hw6-m .hw6-dock{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0;left:0;right:0;bottom:0;width:100%;}
.hw6-m .hw6-dock a{flex-direction:column;gap:3px;min-height:62px;padding:6px 2px;font-size:14px;line-height:1.15;text-align:center;border-left:1px solid rgba(255,255,255,.18);}
.hw6-m .hw6-dock a:first-child{border-left:0;}
.hw6-m .hw6-dock svg{width:22px;height:22px;}
.hw6-m .hw6-dock small{display:block;font-size:11.5px;font-weight:500;opacity:.9;margin-top:2px;letter-spacing:0;}
body.hw6-m{padding-bottom:calc(62px + env(safe-area-inset-bottom));}
.hw6-m .footer{padding-bottom:24px !important;}
/* 휴대폰: 원본의 겹치는 떠 있는 단추 정리 */
.hw6-m .customer-icon,.hw6-m .quick-menu{display:none !important;}
.hw6-m .top-btn{display:none;}
.hw6-m .footer-overview{white-space:nowrap;}
