
:root{--n:#10213a;--g:#b79359;--p:#f5f3ee;--i:#172434;--m:#68737b;--line:#e0e4e7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:var(--i)}img{max-width:100%;display:block}.header{height:88px;display:flex;align-items:center;gap:28px;padding:0 3.5vw;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee}.brand{min-width:220px}.brand img{max-width:210px;max-height:52px;object-fit:contain}.nav{display:flex;gap:38px;margin:auto}.nav a{font-size:20px;font-weight:800;color:#26364b;text-decoration:none;white-space:nowrap}.call{text-decoration:none;color:var(--n);text-align:right;white-space:nowrap}.call span{display:block;font-size:14px;font-weight:800}.call strong{font-size:28px}.menu{display:none;margin-left:auto;border:0;background:none;font-size:28px}.hero{height:720px;position:relative;background:var(--n)}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,38,.84),rgba(5,17,38,.08) 72%)}.hc{position:absolute;z-index:2;left:7vw;top:180px;color:#fff}.k{color:var(--g);font-size:12px;font-weight:900;letter-spacing:.16em}.hc h1{font-size:52px;line-height:1.18;margin:15px 0}.hc p{font-size:18px;line-height:1.7}.line{display:inline-block}.btn{display:inline-block;padding:14px 22px;margin:10px 8px 0 0;border:1px solid #fff;color:#fff;text-decoration:none;font-weight:800}.primary{background:var(--g);border-color:var(--g)}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#f4f6f7}.stats div{text-align:center;padding:26px;border-right:1px solid #ddd}.stats span{display:block;color:var(--m);font-size:13px}.stats strong{display:block;font-size:28px;color:var(--n);margin:6px}.sec{padding:90px 6vw;scroll-margin-top:98px}.head{margin-bottom:40px}.head.c{text-align:center}.head h2{font-size:40px;line-height:1.3;margin:10px 0}.head em{font-style:normal;color:var(--g)}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.box{background:var(--p);padding:32px}.box dl{margin:0}.box div,.details div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #ddd}.box dd{margin:0;line-height:1.55}.visual{width:min(1200px,100%);margin:auto;border:0;background:none;padding:0;cursor:zoom-in}.visual img{width:100%;height:auto}.premium{background:#fff}.location{background:var(--p)}.layout-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.layout-copy{display:grid;grid-template-columns:1fr 1fr;gap:14px}.layout-copy article{padding:22px;background:#f5f6f7}.layout-copy p{font-size:14px;line-height:1.65;color:var(--m)}.dark{background:#0c1733;color:#fff}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tabs button{min-width:78px;min-height:52px;border:1px solid #ffffff44;background:#fff;color:var(--n);font-weight:800;font-size:15px}.tabs .active{background:var(--g);color:#fff;border-color:var(--g)}.floor{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;max-width:1200px;margin:auto}.floorbtn{border:0;padding:0;background:#fff;cursor:zoom-in}.floorcopy h3{font-size:38px}.details div{border-color:#ffffff33}.gallery{background:var(--p)}.carousel{display:grid;grid-template-columns:45px 1fr 45px;gap:10px;align-items:center;width:min(1450px,96vw);margin:auto}.viewport{overflow:hidden}.track{display:flex;gap:18px;transition:.4s}.unit{flex:0 0 calc((100% - 36px)/3);border:0;padding:0;background:#fff;cursor:zoom-in}.unit img{width:100%;aspect-ratio:1.35/1;object-fit:cover}.arrow{width:42px;height:42px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:26px}.form{max-width:900px;margin:auto;background:#f5f7f7;padding:32px;border:1px solid var(--line)}.fg{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label>span{display:block;margin-bottom:8px;font-weight:700}.form input[type=text],.form input[type=tel]{width:100%;padding:15px;border:1px solid #ccc}.agree{display:flex!important;align-items:center;gap:10px;margin:20px 0}.agree input{width:18px!important;height:18px!important;margin:0;flex:0 0 18px}.agree span{display:block!important;margin:0!important}.status{min-height:22px;color:var(--n)}.footer{background:#050c19;color:#fff;text-align:center}.footer a{display:block;color:inherit;text-decoration:none;padding:60px 20px}.footer h2{font-size:38px;margin:0 0 10px}.footer strong{font-size:34px}.footer p{color:#91a1b5;line-height:1.7}.mb{display:none}.modal{display:none;position:fixed;inset:0;z-index:200;background:#000e;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal img{max-width:94vw;max-height:92vh}.close{position:absolute;right:24px;top:14px;background:none;border:0;color:#fff;font-size:44px}
@media(max-width:900px){.header{height:82px}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px}.nav.open{display:grid;gap:14px}.nav a{font-size:18px}.call{display:none}.menu{display:block}.hero{height:620px}.hc{left:5vw;right:5vw;top:145px}.hc h1{font-size:30px;letter-spacing:-.045em;line-height:1.22}.line{white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.sec{padding:70px 5vw}.head h2{font-size:31px}.grid,.floor,.layout-wrap{grid-template-columns:1fr}.layout-copy{grid-template-columns:1fr 1fr}.tabs{display:grid;grid-template-columns:repeat(4,1fr)}.tabs button{min-width:0}.unit{flex-basis:100%}.track{gap:10px}.carousel{grid-template-columns:34px 1fr 34px}.fg{grid-template-columns:1fr}.mb{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:120}.mb a{padding:15px;text-align:center;color:#fff;text-decoration:none;font-weight:800}.mb a:first-child{background:var(--g)}.mb a:last-child{background:#c9204f}.keep{display:inline-block;white-space:nowrap;font-size:.94em}}
@media(max-width:390px){.hc h1{font-size:27px}.head h2{font-size:29px}.keep{font-size:.88em}}

/* V1.1 UX + responsive correction */
body{overflow-x:hidden}
.header{width:100%;max-width:100vw}
.call-pulse{position:relative;z-index:1;padding:10px 18px;border-radius:13px;background:#102d53;color:#fff!important;min-width:150px;text-align:center;box-shadow:0 7px 20px rgba(16,45,83,.20)}
.call-pulse span{font-size:11px;opacity:.8}.call-pulse strong{font-size:25px;line-height:1.05}
.pulse-ring{position:absolute;inset:-7px;border:2px solid rgba(35,91,149,.34);border-radius:18px;z-index:-1;animation:phonePulse 2.4s infinite ease-out;pointer-events:none}
.pulse-ring.r2{animation-delay:.8s}.pulse-ring.r3{animation-delay:1.6s}
@keyframes phonePulse{0%{transform:scale(.96);opacity:.65}80%,100%{transform:scale(1.24);opacity:0}}
.align-center .head{text-align:center}.align-center .visual{margin-left:auto;margin-right:auto}
.layout-only{width:min(1180px,100%)}
#floor .head{margin-bottom:22px}
#floor .tabs{margin-top:0}
.floor{max-width:1340px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}
.floorbtn img{width:100%;max-height:780px;object-fit:contain}
.floorcopy{font-size:17px}.floorcopy h3{font-size:44px}.details div{padding:15px 0;grid-template-columns:175px 1fr}.details b{font-size:17px}.details span{font-size:17px}
.footer{padding:0;background:#160203}.footer-inner{padding:52px 20px 58px;max-width:1200px;margin:auto}.footer h2{font-size:38px;margin:0 0 10px}.footer-call{display:inline-flex!important;align-items:baseline;justify-content:center;gap:12px;padding:0!important;margin-bottom:10px}.footer-call span{font-size:15px}.footer-call strong{font-size:36px}.footer p{margin:9px 0;color:#c8b8b8}.footer-notice{font-size:17px!important}.footer-address{color:#fff!important;font-size:16px}.footer-address span{margin:0 8px;color:#876c6c}
.carousel{touch-action:pan-y}.viewport{overscroll-behavior:contain}
@media(max-width:900px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}
 .header{padding:0 20px;gap:10px}
 .brand{min-width:0;max-width:calc(100vw - 90px)}
 .brand img{max-width:100%;height:auto}
 .call-pulse{display:none}
 .hero,.sec,.stats,.footer{max-width:100vw;overflow:hidden}
 .hc{max-width:90vw}
 .box{padding:22px 18px;min-width:0}
 .box dl div{grid-template-columns:145px minmax(0,1fr);gap:10px}
 .box dd{min-width:0;overflow-wrap:normal;word-break:keep-all}
 .keep{white-space:normal!important;font-size:1em!important}
 .floor{width:100%;max-width:100%;grid-template-columns:1fr;gap:24px}
 .floorbtn{width:100%}.floorbtn img{width:100%;max-height:none}
 .floorcopy{padding:0 4px;font-size:16px}.floorcopy h3{font-size:34px}
 .details div{grid-template-columns:125px minmax(0,1fr);padding:12px 0}.details b,.details span{font-size:15px}
 .tabs{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tabs button{width:100%;min-height:48px}
 .visual{width:100%;max-width:100%}
 .visual img{width:100%;height:auto}
 .carousel{width:100%;max-width:100%;padding:0 3px}
 .viewport{width:100%;min-width:0}
 .track{width:auto}
 .footer-inner{padding:46px 18px 95px}.footer h2{font-size:27px;word-break:keep-all}.footer-call strong{font-size:30px}.footer-notice{font-size:14px!important}.footer-address{font-size:14px;line-height:1.7}.footer p{font-size:12px;line-height:1.65}.footer p br{display:none}
}
@media(max-width:390px){
 .box dl div{grid-template-columns:125px minmax(0,1fr)}
 .box dt,.box dd{font-size:14px}
}

/* V1.2 alignment, wheel carousel, fixed mobile footer breaks */

/* force centered visual sections */
#premium .head,
#location .head,
#layout .head{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#premium .visual,
#location .visual,
#layout .visual{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#premium .visual img,
#location .visual img,
#layout .visual img{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* footer desktop stays visually unchanged */
.mobile-only-break{display:none}
.desktop-sep{display:inline}

@media(max-width:900px){
  .mobile-only-break{display:inline}
  .desktop-sep{display:none}
  .footer-notice .foot-line-1,
  .footer-notice .foot-line-2,
  .footer-address .foot-address-1,
  .footer-address .foot-address-2,
  .footer-legal .foot-legal-1,
  .footer-legal .foot-legal-2{
    display:inline-block;
    white-space:nowrap;
  }
  .footer-notice{font-size:13px!important;letter-spacing:-.025em}
  .footer-address{font-size:13px!important;letter-spacing:-.03em}
  .footer-legal{font-size:12px!important;letter-spacing:-.03em}
}
@media(max-width:420px){
  .footer-notice{font-size:12px!important}
  .footer-address{font-size:12px!important}
  .footer-legal{font-size:11px!important}
}
