*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#171717;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;word-break:keep-all;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.site-header{position:fixed;z-index:100;top:0;left:50%;transform:translateX(-50%);width:min(100%,700px);height:74px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.30),transparent);transition:background .25s ease,box-shadow .25s ease,color .25s ease}
.site-header.scrolled{background:rgba(255,255,255,.95);box-shadow:0 2px 14px rgba(0,0,0,.08)}
.brand-text{font-size:17px;font-weight:400;letter-spacing:-.055em;color:#d2c6ad;text-shadow:0 1px 6px rgba(0,0,0,.24);white-space:nowrap;transition:color .25s ease}
.site-header.scrolled .brand-text{color:#756b5c;text-shadow:none}
.header-phone{display:flex;align-items:center;gap:6px;color:#fff;font-size:17px;font-weight:700;letter-spacing:-.04em;white-space:nowrap;padding:7px 10px;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:rgba(28,35,43,.34);box-shadow:0 3px 12px rgba(0,0,0,.14);animation:phonePulse 2.2s ease-in-out infinite}
.site-header.scrolled .header-phone{color:#6f6253;border-color:#cfc8bc;background:rgba(255,255,255,.96);box-shadow:0 3px 12px rgba(0,0,0,.07)}
.phone-icon{width:19px;height:19px;object-fit:contain;filter:brightness(0) invert(1)}
.site-header.scrolled .phone-icon{filter:none}
main{width:100%;overflow:hidden}
.hero{position:relative;height:min(790px,100svh);min-height:620px;background:#0d1520;overflow:hidden}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08) 80%),linear-gradient(0deg,rgba(0,0,0,.50),transparent 58%)}
.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding:0 16px}
.hero h1{position:absolute;top:25.5%;margin:0;font-size:38px;line-height:1.08;letter-spacing:-.075em;font-weight:650;text-shadow:0 3px 12px rgba(0,0,0,.30)}
.hero-en{position:absolute;top:33.2%;margin:0;font-size:10px;letter-spacing:.14em;opacity:.88;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.hero-offer{position:absolute;top:39.5%;width:calc(100% - 42px);max-width:540px;padding:13px 10px;border:2px solid #d9b66d;border-radius:14px;background:rgba(7,14,24,.80);font-size:27px;line-height:1.15;font-weight:400;letter-spacing:-.06em;box-shadow:0 7px 20px rgba(0,0,0,.18);animation:softBlink 1.8s ease-in-out infinite;white-space:nowrap}
.hero-offer span{font-size:1.54em;font-weight:800;letter-spacing:-.075em}
.hero-sub{position:absolute;top:54%;margin:0;font-size:32px;line-height:1.08;font-weight:520;letter-spacing:-.07em;text-shadow:0 3px 12px rgba(0,0,0,.30)}
.hero-sub .dotted{position:relative;color:#f0c35d;font-size:1.30em;font-weight:600;display:inline-flex;gap:.02em}.hero-sub .dotted i{position:relative;font-style:normal;display:inline-block}.hero-sub .dotted i:before{content:"✓";position:absolute;left:50%;top:-10px;transform:translateX(-50%);font-size:10px;line-height:1;font-weight:700;color:#f6d36d;text-shadow:0 1px 3px rgba(0,0,0,.28)}
.section{padding:50px 18px}
.section-title{text-align:center;margin-bottom:23px}
.section-title small{display:block;font-size:10px;letter-spacing:.18em;color:#8b6a32;font-weight:800;margin-bottom:7px}
.section-title h2{margin:0;font-size:30px;line-height:1.18;letter-spacing:-.07em}
.location{background:#f6f7f8}
.visual-stack{display:grid;gap:10px}
.visual-stack figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 16px rgba(0,0,0,.06)}
.visual-stack img{width:100%;height:auto;object-fit:contain;margin:0 auto}
.visual-stack figcaption{padding:9px 12px 11px;font-size:11px;color:#666;line-height:1.42}
.premium-points{display:grid;gap:12px;margin-top:22px}
.premium-point{position:relative;padding:19px 17px 19px 49px;background:#fff;border:1px solid #dedfe2;border-radius:14px;box-shadow:0 6px 17px rgba(0,0,0,.06);overflow:hidden;opacity:0;transform:translateX(-55px)}
.premium-point:before{content:'✓';position:absolute;left:16px;top:18px;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#17283f;color:#f7d15b;font-size:16px;font-weight:900;box-shadow:0 0 0 4px #eef0f3}
.premium-point h3{margin:0 0 7px;color:#17283f;font-size:25px;line-height:1.1;letter-spacing:-.07em;font-weight:900}
.premium-point p{margin:0;color:#252525;font-size:15px;line-height:1.55;font-weight:600;letter-spacing:-.045em}
.premium-point.reveal-in{animation:premiumSlideIn .72s cubic-bezier(.2,.75,.25,1) both}
.types{background:#f5f5f4}
.types .section-title h2{font-size:33px}
.type-card{margin-top:18px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.type-feature{min-height:96px;padding:13px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#17283f;color:#fff52a;border:3px solid #17283f;font-size:25px;line-height:1.14;font-weight:400;letter-spacing:-.065em;opacity:0;transform:translateX(-42px)}
.type-feature span{display:block;line-height:1.08}
.type-feature span+span{margin-top:6px}
.type-feature.reveal-in{animation:typeSlideIn .72s cubic-bezier(.2,.75,.25,1) both}
.type-plan{width:100%;height:auto;object-fit:contain;background:#fff}
.rooms{display:grid;grid-template-columns:1fr;gap:7px;padding:7px;background:#fff}
.rooms img{width:100%;height:auto;object-fit:contain;background:#fff}
.complex{background:#fff}
.image-card{margin-top:14px;text-align:center;background:#fff}
.image-card img{width:100%;height:auto;object-fit:contain;margin:0 auto;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.image-card p{margin:8px 0 0;font-size:13px;font-weight:800;color:#555}
.unit-total{margin:12px auto 0;padding:7px 5px 2px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.unit-total strong{display:block;color:#c51f2d;font-size:35px;line-height:1.04;font-weight:900;letter-spacing:-.08em}
.unit-total span{display:block;color:#34383d;font-size:23px;line-height:1.08;font-weight:800;letter-spacing:-.07em}
.visual-banner{background:#fff;padding:4px 0 0;display:flex;justify-content:center;align-items:center;overflow:hidden}
.visual-banner img{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain;object-position:center}
.premium{background:#fff}
.premium .full-img{width:100%;height:auto;object-fit:contain;margin:0 auto}
.future{background:#fff;text-align:center;padding:0 18px 50px}
.future-title{padding:0 0 20px}.future-title small{font-size:10px;letter-spacing:.18em;color:#8b6a32;font-weight:800}.future-title h2{font-size:29px;line-height:1.18;margin:7px 0 0;letter-spacing:-.07em}.future>img{width:100%;height:auto;object-fit:contain;margin:0 auto}
.options{background:#f6f7f8;padding-bottom:24px}
.options .section-title{margin-bottom:17px}.options .section-title h2{font-size:30px;line-height:1.1}.options .section-title h2 strong{display:inline-block;color:#c51f2d;font-weight:900;font-size:1.08em;margin-top:3px}
.option-image{margin-top:16px;border-radius:14px;overflow:hidden;box-shadow:0 7px 21px rgba(0,0,0,.09);opacity:0;transform:translateY(24px) scale(.985)}
.option-image img{width:100%;height:auto;object-fit:contain}
.option-image.reveal-in{animation:optionRise .78s cubic-bezier(.2,.75,.25,1) both}
.reservation{background:#f4f5f7;padding-top:24px;padding-bottom:105px}
.reservation-box{max-width:520px;margin:auto;background:#fff;border:1px solid #e1e3e6;border-radius:16px;padding:22px 17px;box-shadow:0 7px 22px rgba(0,0,0,.06)}
.reservation-box>small{font-size:10px;letter-spacing:.18em;color:#8b6a32;font-weight:800}.reservation-box h2{margin:7px 0 5px;color:#17283f;font-size:31px;letter-spacing:-.07em}.reservation-box>p{margin:0 0 17px;color:#666;font-size:13px}
.contact-form{display:grid;gap:10px}.contact-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.contact-form input[type=text],.contact-form input[type=tel]{height:49px;border:1px solid #d9dde2;border-radius:8px;padding:0 13px;font-size:15px;background:#fff}.agree{display:flex!important;align-items:center;gap:8px!important;font-size:11px!important;font-weight:500!important}.agree input{width:18px;height:18px}.submit-row{display:flex;align-items:center;gap:10px}.submit-row button{flex:0 0 110px;height:52px;border:0;border-radius:8px;background:#d7ad61;color:#111;font-size:15px;font-weight:900;animation:reserveButtonBlink 1.7s ease-in-out infinite}.submit-row span{font-size:10px;line-height:1.4;color:#777;font-weight:600}.form-result{font-size:12px;text-align:center;margin:3px 0 0}
.live-pill{position:fixed;z-index:110;left:50%;bottom:15px;transform:translateX(-50%);background:rgba(255,255,255,.97);border:1px solid #ddd;border-radius:30px;padding:8px 11px;display:flex;align-items:center;gap:6px;font-size:10px;box-shadow:0 3px 14px rgba(0,0,0,.12);white-space:nowrap}.live-pill i{width:7px;height:7px;background:#111;border-radius:50%}.live-pill b{font-size:11px;color:#1f9a4a}
.reserve-ticker{position:fixed;z-index:109;left:50%;bottom:62px;max-width:calc(100% - 30px);padding:7px 10px;border:1px solid #e2e2e2;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 3px 12px rgba(0,0,0,.08);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:opacity .35s,transform .35s;text-align:center}.reserve-ticker.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.reserve-ticker span{color:#555}.reserve-ticker b{color:#17283f;margin-left:2px}.reserve-ticker em{font-style:normal;color:#888;margin-left:3px}
.floating-actions{position:fixed;z-index:120;right:10px;bottom:58px;display:flex;flex-direction:column;gap:7px}.floating-actions a{width:72px;height:58px;border-radius:11px;border:1px solid rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;line-height:1.03;font-weight:750;letter-spacing:-.08em;box-shadow:0 5px 18px rgba(0,0,0,.20);animation:ctaBreathTop 4.8s ease-in-out infinite}.floating-actions a:last-child{animation:ctaBreathBottom 4.8s ease-in-out infinite}.floating-actions a:first-child{background:#a63a4c;color:#fff;border-color:rgba(255,255,255,.95);box-shadow:0 6px 20px rgba(166,58,76,.34)}.floating-actions a:last-child{background:#187d86;color:#fff;border-color:rgba(255,255,255,.95);box-shadow:0 6px 20px rgba(24,125,134,.34)}
footer{text-align:center;background:#111d2c;color:#aaa;padding:26px 15px 105px}footer p{margin:0;color:#fff;font-size:15px;font-weight:700;letter-spacing:-.04em}footer .footer-en{margin-top:7px;color:#8e98a5;font-size:9px;letter-spacing:.12em}footer .footer-contact{margin-top:10px;color:#8e98a5;font-size:9px;line-height:1.7;word-spacing:2px;letter-spacing:.01em}footer .footer-company{margin-top:9px;color:#8e98a5;font-size:9px;line-height:1.75;word-spacing:1px;letter-spacing:-.02em}
@keyframes softBlink{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes phonePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes ctaBreathTop{0%,42%{transform:scale(1)}18%{transform:scale(1.08)}50%,100%{transform:scale(1)}}
@keyframes ctaBreathBottom{0%,50%{transform:scale(1)}68%{transform:scale(1.08)}78%,100%{transform:scale(1)}}
@keyframes premiumSlideIn{from{opacity:0;transform:translateX(-55px)}to{opacity:1;transform:translateX(0)}}
@keyframes typeSlideIn{from{opacity:0;transform:translateX(-42px)}to{opacity:1;transform:translateX(0)}}
@keyframes optionRise{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes reserveButtonBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.58;transform:scale(1.025)}}
@media(min-width:701px){body{max-width:700px;margin:auto;box-shadow:0 0 35px rgba(0,0,0,.08)}}
@media(max-width:380px){
 .brand-text{font-size:16px}.header-phone{font-size:15px;padding:7px 8px}.phone-icon{width:17px;height:17px}
 .hero{min-height:600px}.hero h1{top:25%;font-size:34px;font-weight:650}.hero-en{top:32.8%;font-size:9px}.hero-offer{top:39%;width:calc(100% - 34px);font-size:23px;padding:11px 8px}.hero-offer span{font-size:1.54em}.hero-sub{top:54%;font-size:28px;font-weight:520}.hero-sub .dotted{font-size:1.30em}.hero-sub .dotted i:before{top:-9px;font-size:8px}.floating-actions{right:8px;bottom:58px}.floating-actions a{width:70px;height:56px;font-size:19px}
 .section{padding-left:15px;padding-right:15px}.premium-point{padding-left:47px}.premium-point h3{font-size:24px}.premium-point p{font-size:14px}.type-feature{font-size:22px;min-height:92px}.unit-total strong{font-size:31px}.unit-total span{font-size:21px}
}