/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;color:#1a1a1a;background:#fff;line-height:1.7;font-weight:400;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none}
table{border-collapse:collapse;width:100%}

/* ===== COLORS ===== */
:root{
  --gold:#c9a96e;
  --gold-dark:#b08c4a;
  --dark:#1a1a1a;
  --dark2:#111;
  --white:#fff;
  --off-white:#f5f3ef;
  --gray:#888;
  --light-border:#e0ddd8;
  --forest:#3d5a3e;
}

/* ===== TYPOGRAPHY ===== */
h1,h2,h3{font-weight:700;line-height:1.3}
h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em}
h2{font-size:clamp(1.4rem,3vw,2.2rem)}
h3{font-size:clamp(1.1rem,2vw,1.4rem)}
.eyebrow{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-bottom:.5rem;color:var(--gold)}
.eyebrow.dark{color:var(--gray)}
.eyebrow.gold{color:var(--gold)}

/* ===== HEADER ===== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,4vw,4rem);height:64px;background:rgba(17,17,17,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.brand{font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:var(--white)}
.nav{display:flex;gap:2rem}
.nav a{font-size:.85rem;font-weight:500;color:rgba(255,255,255,.75);transition:color .2s}
.nav a:hover{color:var(--gold)}
.header-call{font-size:.85rem;font-weight:600;color:var(--gold);letter-spacing:.03em}
.mobile-toggle{display:none;flex-direction:column;gap:5px;width:28px}
.mobile-toggle span{display:block;height:2px;background:var(--white);border-radius:2px;transition:transform .3s,opacity .3s}

@media(max-width:768px){
  .nav{position:fixed;top:64px;left:0;right:0;background:rgba(17,17,17,.97);flex-direction:column;align-items:center;padding:2rem 0;gap:1.5rem;transform:translateY(-120%);transition:transform .35s ease;z-index:99}
  .nav.open{transform:translateY(0)}
  .nav a{font-size:1rem}
  .header-call{display:none}
  .mobile-toggle{display:flex}
}

/* ===== BUTTONS ===== */
.btn{display:inline-block;padding:.85rem 2rem;font-size:.9rem;font-weight:600;border-radius:2px;text-align:center;transition:background .2s,color .2s,transform .15s}
.btn:active{transform:scale(.97)}
.btn-gold{background:var(--gold);color:var(--dark)}
.btn-gold:hover{background:var(--gold-dark)}
.btn-outline{border:1px solid rgba(255,255,255,.5);color:var(--white)}
.btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.08)}
.btn-full{width:100%}

/* ===== HERO ===== */
.hero{position:relative;height:100vh;min-height:600px;max-height:1000px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:0}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.55) 100%)}
.hero-content{position:relative;z-index:2;text-align:center;color:var(--white);padding:0 1.5rem;max-width:720px}
.hero-content h1{margin:.6rem 0 1rem}
.hero-subtitle{font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.8;color:rgba(255,255,255,.85);margin-bottom:2rem}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ===== QUICK STRIP ===== */
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--dark2);color:var(--white);text-align:center}
.strip-item{padding:1.5rem 1rem;border-right:1px solid rgba(255,255,255,.08)}
.strip-item:last-child{border-right:none}
.strip-label{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.strip-item strong{font-size:.95rem;font-weight:600}

@media(max-width:768px){
  .quick-strip{grid-template-columns:1fr 1fr}
  .strip-item{border-bottom:1px solid rgba(255,255,255,.08)}
  .strip-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}
  .strip-item:nth-child(even){border-right:none}
}

/* ===== BADGE (단독 입점 강조) ===== */
.badge-section{background:var(--off-white);padding:3.5rem clamp(1.5rem,5vw,4rem)}
.badge-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:2rem;text-align:left}
.badge-icon{flex-shrink:0}
.badge-text h2{font-size:1.25rem;color:var(--dark);margin-bottom:.6rem}
.badge-text p{font-size:.95rem;color:#555;line-height:1.8}
.badge-text strong{color:var(--gold-dark);font-weight:700}

@media(max-width:600px){
  .badge-inner{flex-direction:column;text-align:center}
}

/* ===== SECTIONS ===== */
.section{padding:5rem clamp(1.5rem,5vw,4rem)}
.section-head{max-width:700px;margin:0 auto 3rem;text-align:center}
.section-head h2{margin-bottom:.8rem}
.section-head p{color:#666;font-size:.95rem;line-height:1.8}
.section-white{background:var(--white)}
.section-light{background:var(--off-white)}
.section-dark{background:var(--dark);color:var(--white)}
.section-dark .section-head p{color:rgba(255,255,255,.6)}

/* ===== INFO TABLE ===== */
.info-table{max-width:700px;margin:0 auto 3rem;border:1px solid rgba(255,255,255,.12);border-radius:4px;overflow:hidden}
.info-table th,.info-table td{padding:.85rem 1.2rem;font-size:.9rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
.info-table th{width:120px;color:var(--gold);font-weight:600;background:rgba(255,255,255,.03)}
.info-table td{color:rgba(255,255,255,.8)}
.info-table tr:last-child th,.info-table tr:last-child td{border-bottom:none}

/* ===== GALLERY GRID ===== */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1000px;margin:0 auto}
.gallery-grid figure{overflow:hidden;border-radius:4px;position:relative}
.gallery-grid img{width:100%;height:220px;object-fit:cover;transition:transform .4s}
.gallery-grid figure:hover img{transform:scale(1.04)}
.gallery-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.6));color:var(--white);font-size:.8rem;font-weight:500}

@media(max-width:600px){
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid img{height:200px}
}

/* ===== FEATURE GRID (입지) ===== */
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto 3rem}
.feature-grid article{padding:1.8rem;background:var(--off-white);border-radius:6px;border-left:3px solid var(--gold)}
.feature-grid .num{display:block;font-size:.75rem;font-weight:700;color:var(--gold);margin-bottom:.4rem;letter-spacing:.08em}
.feature-grid h3{margin-bottom:.4rem}
.feature-grid p{font-size:.88rem;color:#555;line-height:1.7}

@media(max-width:600px){
  .feature-grid{grid-template-columns:1fr}
}

/* ===== LOCATION IMAGE ===== */
.location-image{max-width:1000px;margin:0 auto 3rem;border-radius:6px;overflow:hidden}
.location-image img{width:100%;height:auto}

.layout-map-wrap{max-width:700px;margin:0 auto;text-align:center}
.layout-map-wrap h3{margin-bottom:1rem;color:var(--dark)}
.layout-map-wrap img{border-radius:6px}

/* ===== TYPE TABS ===== */
.type-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}
.type-tab{padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;border:1px solid var(--light-border);border-radius:2px;color:#666;transition:all .2s}
.type-tab.active,.type-tab:hover{background:var(--dark);color:var(--white);border-color:var(--dark)}

/* ===== TYPE PANELS ===== */
.type-panels{max-width:900px;margin:0 auto}
.type-panel{display:none;gap:2rem;align-items:flex-start}
.type-panel.active{display:flex}
.type-panel img{flex:1 1 55%;max-width:55%;border-radius:4px;background:#eee}
.type-info{flex:1 1 40%;padding:1rem 0}
.type-info h3{margin-bottom:.6rem}
.type-info p{font-size:.9rem;color:#555;margin-bottom:.5rem;line-height:1.7}
.type-info .btn{margin-top:1rem}

@media(max-width:768px){
  .type-panel.active{flex-direction:column}
  .type-panel img{max-width:100%}
}

/* ===== INQUIRY ===== */
.inquiry-wrap{max-width:800px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.inquiry-phone{text-align:center;padding:2.5rem 1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:6px}
.phone-label{font-size:.8rem;letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin-bottom:.5rem}
.phone-number{display:block;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--white);margin-bottom:.5rem}
.phone-sub{font-size:.85rem;color:rgba(255,255,255,.5)}

.inquiry-form{display:flex;flex-direction:column;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:.3rem}
.form-group label{font-size:.8rem;color:rgba(255,255,255,.5);font-weight:500}
.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:3px;background:rgba(255,255,255,.05);color:var(--white);font-family:inherit;transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold)}
.form-group select option{color:var(--dark)}
.form-group textarea{resize:vertical}

@media(max-width:768px){
  .inquiry-wrap{grid-template-columns:1fr}
}

/* ===== COMMUNITY GRID ===== */
.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:800px;margin:0 auto}
.community-item{text-align:center;padding:1.8rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:border-color .2s}
.community-item:hover{border-color:var(--gold)}
.community-icon{display:block;font-size:1.8rem;margin-bottom:.6rem}
.community-item h3{font-size:.9rem;font-weight:600;line-height:1.5}
.community-item small{font-size:.75rem;color:rgba(255,255,255,.5);font-weight:400}

@media(max-width:768px){
  .community-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== FOOTER ===== */
.site-footer{background:var(--dark2);color:rgba(255,255,255,.45);text-align:center;padding:2.5rem 1.5rem;font-size:.8rem;line-height:2}
.footer-brand{font-size:.95rem;font-weight:700;color:var(--white);margin-bottom:.3rem}
.footer-inner a{color:var(--gold)}
.copyright{margin-top:.5rem;font-size:.75rem}

/* ===== FAB GROUP ===== */
.fab-group{position:fixed;bottom:1.5rem;right:1.5rem;z-index:90;display:flex;flex-direction:column;gap:.75rem;align-items:center}
.fab{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.25);transition:transform .2s}
.fab:hover{transform:scale(1.08)}
.fab-call{background:var(--gold)}
.fab-inquiry{background:var(--dark);border:1px solid rgba(255,255,255,.15)}

/* ===== SCROLL ANIMATIONS ===== */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}