:root{
  --max: 1300px;
  --pad: 24px;
  --headerH: 72px;

  --text:#111;
  --muted:#6b6b6b;
  --line: rgba(0,0,0,.08);

  --red:#e60012;
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  font-family: "Pretendard Variable", Pretendard, -apple-system,BlinkMacSystemFont,"Segoe UI",
               Roboto,"Noto Sans KR", Arial, sans-serif;
  color: var(--text);
}
a{ color: inherit; text-decoration:none; }
button{ font-family: inherit; }

.hs-inner{
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 var(--pad);
}

/* =========================
  Header
========================= */
.hs-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid var(--line);
}

.hs-header .hs-inner{
  height: var(--headerH);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

/* Left brand (PC) */
.hs-brand{
  display:flex;
  align-items:center;
  gap: 10px;
  flex: 0 0 auto;
}
.hs-brand-dot{
  width:14px;
  height:14px;
  border-radius: 50%;
  border: 2px solid #1e88e5;
}
.hs-brand-text{
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 14px;
}

/* Center nav (PC) */
.hs-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 32px;
  flex: 1 1 auto;
  min-width: 0;
}
.hs-nav-link{
  font-weight: 600;
  font-size: 15px;
  color: #222;
}
.hs-nav-link:hover{ color: var(--red); }

/* Right phone */
.hs-phone{
  display:flex;
  align-items:center;
  gap: 8px;
  color: var(--red);
  font-weight: 800;
  flex: 0 0 auto;
}
.hs-phone i{ font-size: 16px; }
.hs-phone-num{ font-size: 18px; letter-spacing: .01em; }

/* Mobile header items hidden on PC */
.hs-m-hamburger,
.hs-m-title{ display:none; }

/* =========================
  Hero (Full width)
========================= */
.hs-hero{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hs-hero-bg img{
  width: 100%;
  height: calc(100vh - var(--headerH));
  min-height: 520px;
  object-fit: cover;
  display:block;
}
.hs-hero-overlay{
  position:absolute;
  inset: 0;
  pointer-events:none;
}
.hs-hero-copy{
  padding-top: 160px;
  max-width: 560px;
}
.hs-hero-title{
  margin:0 0 10px;
  font-size: 56px;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--red);
  font-weight: 900;
}
.hs-hero-sub{
  margin:0;
  font-size: 22px;
  color: #616161;
  font-weight: 700;
}

/* =========================
  Dummy sections (테스트용)
========================= */
.hs-section{
  padding: 120px 0;
  border-bottom: 1px solid var(--line);
  background: #fff;
}

/* =========================
  Mobile Drawer
========================= */
.hs-drawer,
.hs-dim{ display:none; }

body.hs-menu-open .hs-dim{
  display:block;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 999;
}
body.hs-menu-open .hs-drawer{
  display:block;
  position: fixed;
  top: 0;
  left: 0;
  width: min(320px, 86vw);
  height: 100vh;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

.hs-drawer-top{
  height: 56px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding: 0 14px;
  border-bottom: 1px solid var(--line);
}
.hs-drawer-close{
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  font-size: 22px;
  cursor:pointer;
}
.hs-drawer-links{
  display:flex;
  flex-direction:column;
  padding: 12px;
}
.hs-drawer-link{
  padding: 14px 10px;
  border-bottom: 1px solid var(--line);
  font-weight: 800;
  color:#111;
}

/* =========================
  Responsive
========================= */
@media (max-width: 1024px){
  :root{
    --pad: 16px;
    --headerH: 64px;
  }

  /* PC 요소 숨김 */
  .hs-brand{ display:none; }
  .hs-nav{ display:none; }
  .hs-phone-num{ display:none; } /* 모바일은 아이콘만 */

  /* Mobile 구성 */
  .hs-m-hamburger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    font-size: 22px;
    cursor:pointer;
  }
  .hs-m-title{
    display:block;
    flex: 1 1 auto;
    text-align:center;
    font-weight: 900;
    letter-spacing: -0.02em;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .hs-phone{
    width: 44px;
    height: 44px;
    justify-content:center;
    color: var(--red);
  }
  .hs-phone i{ font-size: 20px; }

  /* Hero 텍스트 */
  .hs-hero-copy{ padding-top: 78px; }
  .hs-hero-title{
    font-size: 40px;
  }
  .hs-hero-sub{ font-size: 18px; }
  .hs-hero-bg img{
    min-height: 460px;
  }
}


/* Left logo text */
.hs-logo-text{
  color: var(--red);
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 18px;   /* 기본보다 2pt 크게 */
  white-space: nowrap;
}

/* 기존 SMART LOG 관련 스타일은 필요 없으면 지워도 됨 */
.hs-brand-dot,
.hs-brand-text{
  display:none;
}

/* 전화 아이콘 배경 */
.hs-phone{
  background: rgba(230,0,18,.08);
  padding: 8px 14px;
  border-radius: 999px;
}

.hs-phone i{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 14px;
}

.hs-phone-num{
  margin-left: 6px;
}
/* =========================
   Header 사이즈 업 & 여백 확장
========================= */

/* 헤더 전체 높이 */
:root{
  --headerH: 84px;   /* 기존 72px → 84px */
}

/* 왼쪽 로고 글씨 더 키우기 */
.hs-logo-text{
  font-size: 20px;   /* 18px → 20px */
}

/* 가운데 메뉴 글씨 키우기 */
.hs-nav-link{
  font-size: 17px;   /* 기존 15px → 17px */
}

/* 헤더 안쪽 상하 여백 살짝 늘리기 */
.hs-header .hs-inner{
  height: var(--headerH);
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (max-width: 1024px){

  /* 모바일 전화 버튼 찌그러짐 방지: 원형 버튼으로 고정 */
  .hs-phone{
    width: 44px;
    height: 44px;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(230,0,18,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .hs-phone i{
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .hs-phone-num{ display:none; }
}

@media (max-width: 1024px){

  /* 헤더 위아래 여백 줄이기 */
  :root{
    --headerH: 56px;   /* 모바일에서 헤더 높이 더 슬림하게 */
  }

  .hs-header .hs-inner{
    padding-top: 0;
    padding-bottom: 0;
  }

  /* 히어로 타이틀(힐스테이트 구미더퍼스트) 더 크게 */
  .hs-hero-title{
    font-size: 46px;   /* 기존 40px → 46px */
    line-height: 1.02;
  }

  .hs-hero-sub{
    font-size: 18px;
    margin-top: 6px;
  }

  /* 히어로 상단 여백 조금 당기기 */
  .hs-hero-copy{
    padding-top: 60px;  /* 기존 78px → 60px */
  }

  /* 배너 높이도 살짝 줄여서 상단 흰 여백 체감 감소 */
  .hs-hero-bg img{
    min-height: 420px;  /* 기존 460px → 420px */
  }
}








/* =========================
   Section common (사업개요/입지환경)
========================= */
.hs-sec{
  padding: 90px 0;
  background:#fff;
}

.hs-sec-head{
  text-align:center;
  margin-bottom: 36px;
  position: relative;
  padding: 36px 0;   /* 전체 블록 위아래 공간 */
}

/* 위 라인 */
.hs-sec-head:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:1px;
  height: 56px;
  background: rgba(0,0,0,.08);  /* 더 연하게 */
}

/* 아래 라인 */
.hs-sec-head:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:1px;
  height: 56px;
  background: rgba(0,0,0,.08);  /* 더 연하게 */
}



.hs-sec-title{
  margin:0;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--red);
  line-height: 1.1;
	margin: 10px 0 0;
}

.hs-sec-sub{
  margin: 14px 0 0;
  font-size: 24px;
  font-weight: 700;
  color: #8c5a2b; /* 원본 느낌 브라운톤 */
  line-height: 1.5;
	margin-top: 12px;
}

.hs-sec-media{
  display:flex;
  justify-content:center;
  margin: 0 auto;
}

.hs-sec-media img{
  width: 100%;
  max-width: 860px;
  height: auto;
  display:block;
}

/* =========================
   Table (원본 스타일 느낌)
========================= */
.hs-table-wrap{
  max-width: 860px;
  margin: 22px auto 0;
  border: 1px solid rgba(0,0,0,.10);
  border-top: 0;
  overflow: hidden;
}

.hs-table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background:#fff;
}

.hs-table thead th{
  background: #d8d8d8;
  color:#555;
  font-weight: 800;
  font-size: 14px;
  padding: 14px 10px;
  border-top: 1px solid rgba(0,0,0,.10);
  border-bottom: 1px solid rgba(0,0,0,.10);
}

.hs-table thead th:first-child{
  width: 25%;
  border-right: 1px solid rgba(0,0,0,.10);
}

.hs-table tbody th{
  background: #f2f2f2;
  font-weight: 800;
  color:#666;
  font-size: 14px;
  padding: 16px 12px;
  border-bottom: 1px solid rgba(0,0,0,.10);
  border-right: 1px solid rgba(0,0,0,.10);
}

.hs-table tbody td{
  padding: 16px 16px;
  font-size: 14px;
  color:#444;
  border-bottom: 1px solid rgba(0,0,0,.10);
  background:#fff;
}

/* =========================
   Env map spacing
========================= */
.hs-env .hs-sec-media img{
  max-width: 980px; /* 지도는 조금 더 크게 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1024px){
  .hs-sec{
    padding: 60px 0;
  }

  .hs-sec-title{
    font-size: 36px;
  }

  .hs-sec-sub{
    font-size: 16px;
    padding: 0 6px;
  }

  .hs-sec-head{
    margin-bottom: 24px;
  }

  .hs-table-wrap{
    margin-top: 16px;
  }

  .hs-table thead th,
  .hs-table tbody th,
  .hs-table tbody td{
    font-size: 13px;
    padding: 12px 10px;
  }

  .hs-table thead th:first-child{
    width: 32%;
  }
}

/* 기존 pseudo 라인 무효화(겹침 방지) */
.hs-sec-head:before,
.hs-sec-head:after{
  content:none !important;
}

/* 타이틀 블록 */
.hs-sec-head{
  text-align:center;
  margin-bottom: 36px;
  position: relative;
  padding: 0 !important; /* pseudo 쓰던 padding 제거 */
}

/* 실제 라인 요소 */
.hs-vline{
  display:block;
  width:1px;
  height:56px;                 /* 2배 길이 */
  margin: 0 auto;
  background: #e9e9e9;         /* 완전 연한 회색(두꺼워 보임 방지) */
  transform: translateZ(0);    /* 렌더링 안정 */
}

/* 글씨와 라인 사이 간격 10px */
.hs-vline.top{ margin-bottom: 10px; }
.hs-vline.bottom{ margin-top: 10px; }




/* =========================
   Env Cards (4-grid)
========================= */
.hs-env-cards{
  margin: 60px auto 0;
  max-width: 980px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.hs-env-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  padding: 16px;              /* 카드 안쪽 여백 */
  box-sizing: border-box;
}

.hs-env-card img{
  width: 100%;
  display: block;
  margin-bottom: 12px;        /* 이미지와 텍스트 간격 */
}

.hs-env-body{
  padding: 0 2px 4px;   /* 기존 18px → 거의 없게 */
}


.hs-env-title{
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 900;
  color: var(--red);
}

.hs-env-list{
  margin: 0;
  padding-left: 16px;
  color: #000;
  font-size: 16px;
  line-height: 1.6;
}

.hs-env-list li{
  margin-bottom: 4px;
}

/* Mobile */
@media (max-width: 1024px){
  .hs-env-cards{
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 36px;
  }

  .hs-env-title{
    font-size: 17px;
  }

  .hs-env-list{
    font-size: 13px;
  }
}

/* 입지환경 카드 배경 영역 */
.hs-env-wrap{
  background: #f3f3f3;
  padding: 80px 0 90px;
  margin-top: 70px;
}

/* 기존 카드 그리드는 그대로 사용 */
.hs-env-cards{
  margin: 0 auto;
  max-width: 980px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

/* =========================
  PREMIUM SECTION (Hillstate style)
  - BG: #f4efe4
  - Card: same size + bottom shadow
  - PC: 2 columns + last full
  - Mobile: 1 column (1~5 vertical)
========================= */

#sec-premium{
  background:#f4efe4;
  padding:110px 0;
	margin-top:-120px;   /* ← 위 섹션 여백을 끌어당김 */
}

#sec-premium .hs-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* title */
.hs-premium-head{
  text-align:center;
  margin-bottom:70px;
}
.hs-premium-title{
  margin:0;
  font-size:46px;
  font-weight:800;
  letter-spacing:.02em;
  color:#d40000; /* 빨강 */
}
.hs-premium-sub{
  margin:12px 0 0;
  font-size:18px;
  line-height:1.7;
  color:#8b5a2b; /* 갈색 */
}

/* grid */
.hs-premium-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:52px 60px; /* 세로/가로 간격 */
  align-items:stretch;
}

/* card */
.hs-premium-card{
  background:#fff;
  padding:48px 56px 46px;
  min-height:330px;              /* ✅ 모든 카드 높이 통일 */
  box-shadow:0 16px 0 rgba(0,0,0,.06); /* ✅ 아래 음영 느낌 */
  border-radius:2px;
  position:relative;
}

/* 5번: 가로 전체지만 "크기/느낌"은 동일하게 */
.hs-premium-card--full{
  grid-column:1 / span 2;
}

/* top row */
.hs-premium-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:22px;
}

/* left number + english */
.hs-premium-no .no{
  display:block;
  font-size:62px;
  line-height:1;
  font-weight:200;              /* ✅ 얇은 숫자 */
  color:#b48b8b;                /* 연한 톤 */
  letter-spacing:-0.02em;
}
.hs-premium-no .en{
  display:block;
  margin-top:10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  color:#b11b1b;                /* PREMIUM1~5 빨강 계열 */
}

/* right icon box */
.hs-premium-ico{
  width:74px;
  height:74px;
  background:#f4efe4;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hs-premium-ico img{
  max-width:44px;
  max-height:44px;
  display:block;
}

/* text */
.hs-premium-h3{
  margin:0 0 18px;
  font-size:24px;
  font-weight:700;
  color:#111;
  letter-spacing:-0.02em;
}
.hs-premium-desc{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:#6f6f6f; /* 회색 설명 */
}

/* =========================
   Mobile
========================= */
@media (max-width: 768px){
  #sec-premium{ padding:80px 0; }

  .hs-premium-title{ font-size:34px; }
  .hs-premium-sub{ font-size:15px; }

  .hs-premium-grid{
    grid-template-columns:1fr;
    gap:26px;
  }

  .hs-premium-card,
  .hs-premium-card--full{
    grid-column:auto;
    padding:34px 26px 34px;
    min-height:auto; /* 모바일은 자연 높이 */
    box-shadow:0 12px 0 rgba(0,0,0,.06);
  }

  .hs-premium-no .no{ font-size:52px; }
  .hs-premium-ico{ width:64px; height:64px; }
  .hs-premium-ico img{ max-width:38px; max-height:38px; }

  .hs-premium-h3{ font-size:20px; }
  .hs-premium-desc{ font-size:14px; }
}

.hs-premium-visual{
  text-align:center;
  margin:40px 0 70px;
}

.hs-premium-visual img{
  max-width:320px;   /* 너무 크지 않게 */
  width:100%;
  height:auto;
  display:inline-block;
}






/* =========================
  DANJI SECTION
  - Same title/sub style as "입지환경"
  - Center diagonal line (top/bottom)
  - 5 tabs (premium style)
  - Images: danji1~5.jpg
========================= */

.hs-danji{
  background:#fff;
  padding:110px 0;
}

.hs-danji .hs-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* ----- Head (same feel as 입지환경) ----- */
.hs-sec-head{
  position:relative;
  text-align:center;
  margin-bottom:60px;
}

.hs-sec-title{
  margin:0;
  font-size:46px;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#d40000; /* red title */
}

.hs-sec-sub{
  margin:20px 0 0;
  font-size:22px;          /* 입지환경과 동일하게 맞추면 여기만 조정 */
  font-weight:700;
  line-height:1.75;
  color:#8b5a2b;           /* brown */
  letter-spacing:-0.02em;
  white-space:normal;
}

/* diagonal line (위아래 느낌 그대로) */
.hs-sec-diag{
  position:absolute;
  left:50%;
  top:-6px;
  width:1px;
  height:220px;
  transform:translateX(-50%) rotate(25deg);
  background:rgba(0,0,0,.08);
  pointer-events:none;
}

.hs-sec-head::before,
.hs-sec-head::after{
  content:"";
  position:absolute;
  left:50%;
  width:1px;
  height:80px;
  transform:translateX(-50%) rotate(25deg);
  background:rgba(0,0,0,.08);
}
.hs-sec-head::before{ top:-90px; }
.hs-sec-head::after{ bottom:-90px; }

/* ----- Tabs ----- */
.hs-danji-tabs{
  margin-top:10px;
}

.hs-danji-tabbar{
  display:flex;
  justify-content:center;
  gap:0;
  border-bottom:2px solid rgba(0,0,0,.55);
  max-width:980px;
  margin:0 auto 55px;
}

.hs-danji-tab{
  flex:1 1 0;
  max-width:196px;
  padding:18px 10px;
  background:transparent;
  border:0;
  border-radius:0;
  font-size:17px;
  font-weight:700;
  color:#777;
  cursor:pointer;
  position:relative;
  transition:color .2s ease, background .2s ease;
}

.hs-danji-tab:hover{ color:#111; }

.hs-danji-tab.is-active{
  color:#fff;
  background:#8b1c1c; /* 힐스테이트 느낌의 딥레드 */
}

.hs-danji-tab.is-active::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-2px;
  height:2px;
  background:#8b1c1c;
}

/* ----- Panels ----- */
.hs-danji-panels{
  max-width:980px;
  margin:0 auto;
}

.hs-danji-panel{
  display:none;
}

.hs-danji-panel.is-active{
  display:block;
}

.hs-danji-panel img{
  width:100%;
  height:auto;
  display:block;
}

/* ----- Mobile ----- */
@media (max-width:768px){
  .hs-danji{ padding:80px 0; }

  .hs-sec-title{ font-size:34px; }
  .hs-sec-sub{ font-size:16px; line-height:1.8; padding:0 8px; }

  .hs-sec-diag{ height:170px; }
  .hs-sec-head::before, .hs-sec-head::after{ height:55px; }

  .hs-danji-tabbar{
    overflow-x:auto;
    justify-content:flex-start;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
    margin-bottom:28px;
  }
  .hs-danji-tab{
    flex:0 0 auto;
    min-width:92px;
    font-size:15px;
    padding:14px 12px;
  }

  .hs-danji-panels{ max-width:100%; }
}








/* =========================
  Lead Form (관심고객등록)
========================= */
.hs-lead{
  background:#fff;
}

.hs-lead .hs-sec-sub{
  color:#8a5a22; /* 갈색 */
}

.hs-lead-card{
  max-width:720px;
  margin:28px auto 0;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.06);
  padding:26px;
}

.hs-form{ width:100%; }
.hs-field{ margin:16px 0; }

.hs-label{
  display:block;
  font-weight:700;
  font-size:14px;
  margin:0 0 8px;
  color:#111;
}

.hs-input, .hs-select{
  width:100%;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  padding:0 14px;
  font-size:15px;
  outline:none;
  background:#fff;
}

.hs-input:focus, .hs-select:focus{
  border-color:rgba(125,25,25,.55);
  box-shadow:0 0 0 4px rgba(125,25,25,.10);
}

.hs-help{
  margin:8px 0 0;
  font-size:12px;
  color:rgba(0,0,0,.55);
}

.hs-grid2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}

@media (max-width:768px){
  .hs-lead-card{ padding:20px; }
  .hs-grid2{ grid-template-columns: 1fr; }
}

/* date input + icon button */
.hs-date-wrap{
  position:relative;
}
.hs-date{
  padding-right:46px;
}
.hs-date-btn{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border:0;
  border-radius:10px;
  background:rgba(0,0,0,.04);
  cursor:pointer;
}
.hs-date-btn i{
  color:rgba(0,0,0,.55);
  font-size:15px;
}
.hs-date-btn:hover{
  background:rgba(0,0,0,.06);
}

.hs-consent{ margin:14px 0 18px; }
.hs-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13px;
  color:rgba(0,0,0,.70);
  line-height:1.45;
}
.hs-check input{ margin-top:3px; }

.hs-btn{
  width:100%;
  height:56px;
  border:0;
  border-radius:16px;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}

.hs-btn-primary{
  background:#7d1919;
  color:#fff;
  box-shadow:0 16px 35px rgba(125,25,25,.25);
}
.hs-btn-primary:hover{
  filter:brightness(.98);
}

.hs-form-note{
  margin:12px 0 0;
  font-size:13px;
  color:rgba(0,0,0,.6);
  text-align:center;
  min-height:18px;
}

/* honeypot hidden */
.hs-hp{
  position:absolute !important;
  left:-9999px !important;
  top:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
}


/* date input 기본 달력 아이콘 제거 */
.hs-date::-webkit-calendar-picker-indicator{
  opacity:0;
  pointer-events:none;
}




/* =========================
   Footer
========================= */
.hs-footer{
  background:#08213f;
  color:#fff;
  padding:56px 0 38px;
}

.hs-footer .hs-inner{
  max-width:1200px;
}

.hs-foot-top{
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.12);
  margin-bottom:22px;
}

.hs-foot-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 26px;
}

.hs-foot-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  line-height:1.55;
}

.hs-foot-label{
  min-width:92px;
  font-weight:700;
  color:rgba(255,255,255,.92);
  letter-spacing:-0.01em;
  white-space:nowrap;
}

.hs-foot-val{
  color:rgba(255,255,255,.82);
  letter-spacing:-0.01em;
}

.hs-foot-tel{
  color:#fff;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom:1px;
}
.hs-foot-tel:hover{
  border-bottom-color:#fff;
}

.hs-foot-note{
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.45;   /* 간격 좁힘 */
  letter-spacing:-0.01em;
}
.hs-foot-note p{
  margin:0 0 6px;
}
.hs-foot-note p:last-child{
  margin-bottom:0;
}

.hs-foot-bottom{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.55);
  font-size:12px;
  letter-spacing:0.02em;
}

/* Mobile */
@media (max-width: 768px){
  .hs-footer{
    padding:44px 0 30px;
  }
  .hs-foot-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .hs-foot-label{
    min-width:86px;
  }
  .hs-foot-note{
    font-size:12.5px;
  }
}


@media (max-width: 768px){
  .hs-env-cards{
    display: block;
  }

  .hs-env-card{
    width: 95%;
    margin: 0 auto 20px;  /* 가운데 정렬 + 아래 간격 */
  }
}


/* =========================
  [MOBILE FIX] Hero zoom/scale 방지
========================= */
@media (max-width:1024px){
  .hs-hero-bg img{
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}
/* =========================
  [MOBILE FIX] 가로 스크롤(좌우 흔들림) 방지
========================= */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

/* =========================
  [MOBILE FIX] 단지안내 탭바 오버플로우 처리
========================= */
@media (max-width:1024px){
  .hs-danji-tabbar{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
    white-space:nowrap;
    gap:8px;                /* 있으면 유지, 없으면 추가 */
    padding: 0 6px;
  }
  .hs-danji-tab{
    flex:0 0 auto;          /* 줄바꿈/늘어남 방지 */
    white-space:nowrap;
  }

  /* 패널 이미지도 가끔 넓이 튀는 경우 있어서 안전하게 */
  .hs-danji-panel img{
    max-width:100%;
    height:auto;
    display:block;
  }
}
/* ✅ Mobile: 히어로 타이틀 줄바꿈 안정화 */
@media (max-width:1024px){
  .hs-hero-title{
    line-height:1.05;
    word-break:keep-all;
  }
}
/* ✅ Mobile: 가로 꿀렁(overflow) 강제 차단 + 단지 탭 5등분 */
html, body{
  overflow-x:hidden !important;
  width:100%;
}

/* 혹시 특정 섹션이 튀어나오는 경우 방지 */
.hs-header, .hs-hero, main, section, footer{
  max-width:100%;
  overflow-x:hidden;
}

@media (max-width:1024px){
  /* ✅ 단지안내 탭바: 5개를 한 줄에 딱 맞게 */
  .hs-danji-tabbar{
    overflow: hidden !important;      /* 스크롤 제거 */
    white-space: normal !important;
    display:flex;
    justify-content:space-between;
    gap:6px;
    width:100%;
    max-width:100%;
    padding: 0 10px;
    box-sizing:border-box;
  }

  .hs-danji-tab{
    flex: 1 1 20%;
    max-width: none !important;
    min-width: 0 !important;          /* 텍스트 때문에 튀어나오는 거 방지 */
    padding: 12px 6px;
    font-size: 12px;                  /* “84m²A~162m²” 5개 다 보이게 */
    letter-spacing: -0.02em;
  }

  /* 이미지가 1px이라도 넘으면 가로 스크롤 생겨서 안전빵 */
  img, picture, video{
    max-width:100%;
    height:auto;
  }
}

/* ✅ Mobile: 100vh 대신 100svh 사용 (주소창 변화에도 고정) */
@media (max-width:1024px){
  .hs-hero-bg img{
    height: calc(100svh - var(--headerH)) !important;
  }
}

/* ✅ Mobile: sticky가 깨지는 환경 대비 -> fixed로 강제 고정 */
@media (max-width:1024px){
  .hs-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
  }

  /* 헤더 높이만큼 본문이 가려지지 않게 */
  body{
    padding-top: var(--headerH) !important;
  }
}

/* ✅ Sticky 우선권 강화 */
.hs-header{
  position: sticky;
  top: 0;
  z-index: 9999;
}
@media (min-width:1025px){
  .hs-header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
  }

  /* 헤더 높이만큼 본문 밀어주기 */
  body{
    padding-top: var(--headerH);
  }
}

/* =========================
  iOS Safari: date input 높이/늘어남 보정
========================= */
@media (max-width:1024px){
  .hs-date-wrap{ width:100%; }

  /* iOS에서 date가 키가 커지는 문제 잡기 */
  input[type="date"].hs-input,
  input[type="date"].hs-date{
    -webkit-appearance: none;
    appearance: none;
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px;           /* iOS 확대(줌) 방지 + 렌더 안정 */
  }
}
@media (max-width:1024px){
  .hs-date{ padding-right: 52px !important; } /* 버튼 공간 조금 여유 */
}



/* =====================================================
   HERO 강제 센터 + 다크 오버레이 + 흰색 카피 + 전화 버튼
   (이 블록은 style.css 맨 아래에 넣기)
===================================================== */

/* 배경 어둡게 레이어 */
.hs-hero{ position:relative; }
.hs-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.38);   /* 어둡기(0.32~0.45 조절) */
  z-index:1;
}

/* 히어로 텍스트 영역을 화면 정중앙으로 */
.hs-hero-overlay{
  position:absolute;
  inset:0;
  z-index:2;              /* 오버레이(글씨)가 레이어 위 */
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.hs-hero-overlay .hs-inner{
  width:100%;
}

/* ✅ 기존 .hs-hero-copy(왼쪽 붙는 패딩/맥스폭/위쪽패딩) 전부 무시 */
.hs-hero .hs-hero-copy{
  max-width: 980px !important;
  width: 100%;
  margin: 0 auto !important;
  padding: 0 var(--pad) !important;
  text-align: center !important;
  pointer-events:auto;   /* 버튼 클릭 가능 */
}

/* 작은 문구 */
.hs-hero .hs-hero-kicker{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  text-shadow: 0 8px 22px rgba(0,0,0,.55);
}

/* 큰 타이틀 (흰색 강제) */
.hs-hero .hs-hero-title{
  margin: 0 0 12px;
  font-size: 64px;
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #fff !important;                 /* ✅ 빨강 무시 */
  text-shadow: 0 12px 28px rgba(0,0,0,.6);
}

/* 서브 문구 */
.hs-hero .hs-hero-sub{
  margin: 0 0 26px;
  font-size: 22px;
  font-weight: 700;
  color: rgba(255,255,255,.90);
  text-shadow: 0 10px 26px rgba(0,0,0,.55);
}

/* 전화번호 버튼 */
.hs-hero .hs-hero-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 56px;
  padding: 0 30px;
  border-radius: 999px;
  background: rgba(12, 18, 30, .82);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .03em;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(6px);
}
.hs-hero .hs-hero-call:hover{
  transform: translateY(-1px);
  filter: brightness(1.04);
}

/* 모바일 */
@media (max-width:1024px){
  .hs-hero::after{ background: rgba(0,0,0,.42); }

  .hs-hero .hs-hero-title{
    font-size: 42px;
    line-height: 1.08;
    word-break: keep-all;
  }
  .hs-hero .hs-hero-kicker{ font-size: 14px; margin-bottom: 8px; }
  .hs-hero .hs-hero-sub{ font-size: 16px; margin-bottom: 20px; }
  .hs-hero .hs-hero-call{
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
  }
}



/* =========================
   HERO CENTER COPY (tune)
========================= */
.hs-hero{ position:relative; }
.hs-hero-overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.28); /* 배경 어둡게 */
  pointer-events:none;
}

.hs-hero-copy{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width: min(920px, calc(100% - var(--pad)*2));
  text-align:center;
  padding: 0 var(--pad);
  z-index:2;
}

/* 첫 문구 더 크게 */
.hs-hero-kicker{
  margin: 0 0 18px;
  font-size: 50px;          /* 기존보다 약 2.5배 */
  font-weight: 700;
  color: rgba(255,255,255,.95);
  letter-spacing: -0.03em;
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
}

/* 타이틀은 한 줄로 */
.hs-hero-title{
  margin: 0 0 22px;
  color:#fff;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.05;
  text-shadow: 0 12px 32px rgba(0,0,0,.55);
  font-size: 58px;
}

/* span을 다시 인라인으로 */
.hs-hero-title span{
  display:inline;
}


/* 콜 버튼: 더 길게 + 아이콘 */
.hs-hero-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 14px 34px;       /* ✅ 가로 길이 증가 */
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.22);
  color:#fff;
  font-weight: 900;
  font-size: 18px;
  text-shadow:none;
  backdrop-filter: blur(6px);
}
.hs-hero-call i{
  font-size: 16px;
  opacity:.95;
}

/* 모바일 튜닝 */
@media (max-width:1024px){
 .hs-hero-kicker{ font-size: 26px; }
  .hs-hero-title{ font-size: 40px; }
  .hs-hero-call{ font-size: 16px; padding: 12px 26px; }
}

.hs-hero .hs-hero-kicker{
  font-size: 40px !important;
  line-height: 1.2;
}

@media (max-width:1024px){
  .hs-hero .hs-hero-kicker{
    font-size: 26px !important;
  }
}






/* =========================
  Contract Section
  bg: bg0128.jpg
========================= */
.hs-contract{
  position: relative;
  overflow: hidden;
  background: #071427; /* 혹시 이미지 못불러와도 대비 */
}

/* 배경 이미지 + 몽환 느낌(살짝 비네팅/빛) */
.hs-contract-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255,255,255,.16), rgba(255,255,255,0) 45%),
    radial-gradient(ellipse at 50% 70%, rgba(0,0,0,.25), rgba(0,0,0,.55) 70%),
    url("bg0128-1.jpg") center / cover no-repeat;
  filter: saturate(1.02) contrast(1.02);
}

/* 내용 영역 */
.hs-contract-inner{
  position: relative;
  padding: 120px 0 86px;
  text-align: center;
  z-index: 1;
}

.hs-contract-kicker{
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: rgba(255,255,255,.88);
  letter-spacing: -0.01em;
  text-shadow: 0 6px 18px rgba(0,0,0,.35);
}

.hs-contract-title{
  margin: 0 0 46px;
  font-size: 46px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.03em;
  text-shadow: 0 10px 28px rgba(0,0,0,.42);
}

/* 카드 리스트 */
.hs-contract-cards{
  display: grid;
  gap: 18px;
  max-width: 560px;
  margin: 0 auto;
}

/* 카드(하얀 박스) */
.hs-contract-card{
  display:flex;
  align-items:center;
  gap: 18px;
  padding: 18px 22px;
  background: rgba(255,255,255,.96);
  border: 2px solid rgba(255,255,255,.85);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

/* 아이콘: 더 예쁘게(원형 + 링 + 살짝 입체) */
.hs-contract-ico{
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background: radial-gradient(circle at 30% 30%, #ffffff, #eef2ff 60%, #e6ebff);
  border: 2px solid rgba(12,25,60,.18);
  box-shadow: inset 0 0 0 6px rgba(10,16,38,.05);
  flex: 0 0 auto;
}

.hs-contract-ico i{
  font-size: 24px;
  color: #0a1630;
  opacity: .95;
}

.hs-contract-txt{
  text-align:left;
  min-width: 0;
}

.hs-contract-hd{
  font-size: 32px;
  font-weight: 900;
  color: #0a1630;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.hs-contract-sm{
  margin-top: 6px;
  font-size: 18px;
  font-weight: 700;
  color: rgba(10,22,48,.72);
}

/* 하단 문의 바 */
.hs-contract-bottom{
  position: relative;
  z-index: 1;
  background: #130001;
  padding: 60px 0 52px;  /* ← 위아래를 딱 2배 */
}
.hs-contract-bottom-inner{
  text-align:center;
}

.hs-contract-call{
  font-size: 30px;
  font-weight: 800;
  color:#fff;
  letter-spacing: -0.01em;
}

.hs-contract-call strong{
  font-weight: 900;
}

.hs-contract-note{
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,.82);
}

.hs-contract-note i{
  margin-right: 6px;
  opacity: .9;
}

/* 전화번호 클릭 가능하게(모바일/PC 공통) */
#sec-contract .hs-contract-call strong{
  cursor: pointer;
}

/* 모바일 */
@media (max-width: 768px){
  .hs-contract-inner{
    padding: 84px 0 64px;
  }
  .hs-contract-title{
    font-size: 32px;
    margin-bottom: 28px;
  }
  .hs-contract-kicker{
    font-size: 14px;
  }
  .hs-contract-cards{
    max-width: 92%;
  }
  .hs-contract-card{
    padding: 16px 16px;
    border-radius: 16px;
  }
  .hs-contract-ico{
    width: 54px;
    height: 54px;
  }
  .hs-contract-ico i{
    font-size: 22px;
  }
  .hs-contract-hd{
    font-size: 22px;
  }
  .hs-contract-sm{
    font-size: 15px;
  }
  .hs-contract-call{
    font-size: 24px;
  }
}




/* =========================
   단지안내 상단 4탭
========================= */
.hs-siteTabs{
  width:100%;
  padding: 34px 0 10px;
}

.hs-siteTabs-inner{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.hs-siteTabs-nav{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 18px;
}

.hs-siteTab{
  appearance:none;
  border:0;
  cursor:pointer;
  padding: 12px 18px;
  border-radius: 12px;
  background: #071427;          /* ✅ 곤색 */
  color:#fff;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: -0.02em;
  transition: transform .15s ease, opacity .15s ease, background .15s ease;
  opacity: .78;
}

.hs-siteTab:hover{
  opacity: .95;
  transform: translateY(-1px);
}

.hs-siteTab.is-active{
  opacity: 1;
  background: #0b2140;          /* ✅ 활성: 조금 더 진한 곤색 */
}

.hs-siteTabs-view{
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: none !important;   /* 그림자 제거 */
}

.hs-siteTabs-img{
  width: 100%;
  height: auto;
  display:block;
	box-shadow: none !important;
}

/* 모바일 */
@media (max-width: 768px){
  .hs-siteTabs{
    padding:  22px 0 6px;
  }
  .hs-siteTabs-inner{
    padding: 0 14px;
  }
  .hs-siteTab{
    flex: 1 1 calc(50% - 10px);
    text-align:center;
    font-size: 14px;
    padding: 11px 12px;
  }
}
/* 단지 상단 4탭 이미지 영역 */
.hs-siteTabs-visual img{
  border-radius: 18px;
  box-shadow: none !important;   /* 그림자 완전 제거 */
}

/* 4탭 전체 영역과 평형 탭 사이 여백 */
#hs-siteTabs{
  margin-bottom: 90px;   /* 기존보다 넓게 */
}

/* 모바일에서는 조금만 줄이기 */
@media (max-width:1024px){
  #hs-siteTabs{
    margin-bottom: 50px;
  }
}
/* =========================
   Header phone: 텍스트/아이콘 흰색 유지
   빨강(핑크) 톤만 곤색으로 교체
========================= */
:root{
  --navy:#071427;   /* 곤색(원하는 톤으로 조절) */
  --navy2:#0b2140;  /* 조금 진한 곤색 */
}

/* ✅ 전화 영역(알약) 배경만 곤색 톤으로 */
.hs-header .hs-phone{
  background: rgba(11,33,64,.22) !important; /* 기존 rgba(230,0,18,...) 대체 */
  color:#fff !important;                     /* ✅ 번호 텍스트 흰색 */
}

/* ✅ 전화기 아이콘 원형 배경만 곤색으로 + 아이콘 흰색 유지 */
.hs-header .hs-phone i{
  background: var(--navy2) !important; /* 기존 var(--red) 대체 */
  color:#fff !important;               /* ✅ 아이콘(전화기) 흰색 */
}

/* (선택) 번호 글씨가 더 또렷하게 */
.hs-header .hs-phone-num{
  color:#fff !important;
}
/* 전화번호 버튼 컬러 스왑 */
.hs-header .hs-phone{
  background: #0b2140 !important;   /* 알약 전체 → 곤색 */
  color: #fff !important;           /* 번호는 흰색 유지 */
}

.hs-header .hs-phone i{
  background: #e6e6e6 !important;   /* 아이콘 원형 → 연회색 */
  color: #0b2140 !important;        /* 전화기 아이콘 → 곤색 */
}


/* =========================
  CS Banner (관심고객등록 위)
  bg: bottom_bg.jpg
========================= */
.hs-csBanner{
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 520px; /* 배너 높이: 필요시 480~620 조절 */
  display:flex;
  align-items:center;
}

/* 배경 이미지 + 어두운 오버레이 */
.hs-csBanner-bg{
  position:absolute;
  inset:0;
  background: url("bottom_bg.jpg") center / cover no-repeat;
}


/* 가운데 정렬 콘텐츠 */
.hs-csBanner-inner{
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 90px 0;
}

/* 작은 글씨 */
/* 작은 글씨 → 2배 크기 */
.hs-csBanner-kicker{
  margin: 0 0 12px;
  font-size: 30px;          /* 기존 15px → 30px */
  font-weight: 700;
  color: rgba(255,255,255,.95);
  letter-spacing: -0.01em;
  text-shadow: 0 8px 22px rgba(0,0,0,.35);
}

/* 큰 타이틀 */
.hs-csBanner-title{
  margin: 0 0 18px;
  font-size: 44px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.03em;
  text-shadow: 0 10px 26px rgba(0,0,0,.55);
}

/* 전화번호 */
.hs-csBanner-tel{
  margin: 0 0 22px;
  line-height: 1;
}
.hs-csBanner-tel strong{
  font-size: 54px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.02em;
  text-shadow: 0 12px 30px rgba(0,0,0,.6);
}

/* 전화 버튼 */
.hs-csBanner-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  height: 54px;
  padding: 0 28px;
  border-radius: 999px;
  background: rgba(8, 18, 36, .88);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.01em;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(6px);
}
.hs-csBanner-btn i{
  font-size: 16px;
  opacity: .95;
}
.hs-csBanner-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* 모바일 */
@media (max-width: 768px){
  .hs-csBanner{
    min-height: 420px;
  }
  .hs-csBanner-inner{
    padding: 70px 0;
  }
  .hs-csBanner-title{
    font-size: 32px;
  }
  .hs-csBanner-tel strong{
    font-size: 40px;
  }
  .hs-csBanner-btn{
    height: 48px;
    padding: 0 20px;
    font-size: 15px;
  }
}


/* =========================
   희망 날짜(yyyy-mm-dd) 글씨/정렬 통일
========================= */
.hs-date-wrap .hs-date{
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
  color: #111 !important;
  height: 48px;              /* 다른 input 높이랑 맞추기 */
  padding: 0 44px 0 14px;     /* 오른쪽 캘린더 버튼 공간 */
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

/* 크롬/엣지/사파리: date 내부 텍스트 파츠들 강제 통일 */
.hs-date-wrap .hs-date::-webkit-datetime-edit{
  font-family: inherit;
  font-size: 16px;
  line-height: 1.2;
  color: #111;
}

.hs-date-wrap .hs-date::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}

.hs-date-wrap .hs-date::-webkit-datetime-edit-text,
.hs-date-wrap .hs-date::-webkit-datetime-edit-year-field,
.hs-date-wrap .hs-date::-webkit-datetime-edit-month-field,
.hs-date-wrap .hs-date::-webkit-datetime-edit-day-field{
  font-family: inherit;
  font-size: 16px;
  line-height: 1.2;
  color: #111;
}

/* 기본 캘린더 아이콘은 숨기고(우측 버튼은 니가 만든 버튼 사용) */
.hs-date-wrap .hs-date::-webkit-calendar-picker-indicator{
  opacity: 0;
  display: none;
}


/* =========================
   Env 카드 텍스트 정렬/불릿 제거/첫줄 강조
========================= */

/* ul 자체가 왼쪽으로 밀리는(padding-left) 문제 제거 */
.hs-env-list{
  list-style: none;         /* ✅ 점 제거 */
  padding-left: 0 !important;
  margin: 0 !important;
}

/* li 기본 여백 제거 + h3와 동일 시작선 */
.hs-env-list li{
  margin: 0 !important;
  padding: 0 !important;
}

/* 첫 줄(프라이빗하게~)만 더 크게 + 컬러 */
.hs-env-list li:first-child{
  font-size: 18px;          /* ✅ 아래 텍스트보다 조금 더 크게 */
  font-weight: 700;
  color: #0b2140;           /* ✅ 여기 원하는 #색상으로 바꿔줘 */
  line-height: 1.55;
}

/* (모바일에서 전체적으로 조금 줄이기 원하면) */
@media (max-width:1024px){
  .hs-env-list li:first-child{
    font-size: 14px;
  }
}