@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans KR',sans-serif;color:#222;background:#fff}a{text-decoration:none;color:inherit}header{height:86px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;color:white;width:100%;border-bottom:1px solid #ffffff44}.logo{font-size:24px;font-weight:700;letter-spacing:-1.5px}nav{display:flex;gap:30px;font-size:15px}.menu{font-size:13px;border:1px solid #ffffff99;padding:12px 18px}.hero{height:760px;min-height:650px;position:relative;background:#52626a url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=2000&q=90') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#091b27ae,#00000016)}.hero-inner{position:absolute;top:35%;left:10%;color:white}.eyebrow{font-size:13px;letter-spacing:3px;font-weight:600;margin:0 0 20px}.hero h1{font-size:clamp(44px,6vw,80px);line-height:1.22;font-weight:500;letter-spacing:-4px;margin:0 0 25px}.hero-inner>p:not(.eyebrow){font-size:17px;color:#f4f4f4}.primary{display:inline-block;margin-top:34px;padding:17px 27px;background:white;color:#222;font-size:14px}.hero-note{position:absolute;bottom:40px;right:6%;color:#fff;font-size:13px}.intro{text-align:center;padding:120px 20px 125px}.dark{color:#8b755e}.intro h2,.sectionhead h2,.closing h2{font-size:clamp(30px,3.7vw,48px);line-height:1.45;letter-spacing:-2px;font-weight:500;margin:0}.intro>p:last-child{color:#777;line-height:2;margin-top:22px}.offers{background:#f6f4f1;padding:95px 7% 115px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.sectionhead span{font-size:14px;color:#888}.offergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.offergrid article,.card{background:white;overflow:hidden}.pic{height:290px;background-size:cover;background-position:center}.offer1{background-image:url('https://images.unsplash.com/photo-1611892440504-42a792e24d32?auto=format&fit=crop&w=900&q=85')}.offer2{background-image:url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=900&q=85')}.offer3{background-image:url('https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?auto=format&fit=crop&w=900&q=85')}.copy{padding:28px}.copy small,.cardtext small{color:#a0876c}.copy h3,.cardtext h3{font-size:23px;font-weight:500;margin:8px 0}.copy p{font-size:14px;color:#777}.facilities{padding:105px 7% 125px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 35px}.tab{border:1px solid #ddd;background:#fff;padding:13px 25px;font:inherit;cursor:pointer}.tab.active{background:#262a2c;color:#fff;border-color:#262a2c}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card[hidden]{display:none}.cardimg{height:230px;background-size:cover;background-position:center;background-color:#c4c4c4}.cardtext{padding:22px 4px 32px}.cardtext h3{font-size:20px}.cardtext span{font-size:12px;color:#999}.closing{padding:130px 7%;color:#fff;background:linear-gradient(#13232ca8,#13232ca8),url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1800&q=85') center/cover}.closing a{display:inline-block;margin-top:30px;border-bottom:1px solid #fff;padding-bottom:9px}footer{padding:45px 7%;background:#202528;color:#ddd;font-size:13px}footer strong{font-size:20px}footer p{color:#999}@media(max-width:900px){header{height:72px}nav{display:none}.hero{height:650px}.hero-inner{left:7%}.offergrid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.logo{font-size:21px}.menu{font-size:11px;padding:9px}.hero{height:620px}.hero h1{letter-spacing:-2px}.hero-inner>p:not(.eyebrow){font-size:14px}.intro{padding:85px 20px}.offers,.facilities{padding:70px 5%}.offergrid{grid-template-columns:1fr}.sectionhead{display:block}.sectionhead span{display:block;margin-top:12px}.cards{gap:12px}.cardimg{height:155px}.cardtext{padding:16px 2px}.cardtext h3{font-size:16px}.tab{padding:10px 15px;font-size:13px}.closing{padding:90px 7%}}
