@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;900&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--ink:#172f42;--blue:#174e68;--gold:#cbb062;--line:#dbe1e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img,video{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}header{height:105px;padding:20px 4.5%;position:absolute;z-index:20;width:100%;display:flex;align-items:center;gap:28px;color:white;border-bottom:1px solid #ffffff20}.logo{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#e0c15c;font-size:33px;line-height:1.2;white-space:nowrap}.logo small{display:block;font-family:Arial,sans-serif;font-style:normal;font-size:8px;letter-spacing:3px;text-align:center;margin-top:10px}header nav{display:flex;justify-content:space-between;flex:1;margin-left:6%}header details{position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}header summary{padding:20px 8px;font-weight:600}header details div{position:absolute;top:65px;min-width:180px;background:white;color:var(--ink);box-shadow:0 12px 30px #0002;padding:12px;border-radius:3px}header details a{display:block;padding:10px}header details a:hover{background:#edf3f5}.language{border:1px solid #ffffff55;border-radius:30px;padding:3px 16px;font-size:12px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.hero{height:100svh;min-height:650px;position:relative;color:white;overflow:hidden;background:#173d57}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1.2s}.slide.active{opacity:1}.slide img,.slide video{width:100%;height:100%;object-fit:cover}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061d3688,transparent),linear-gradient(0deg,#061a3488,transparent 50%)}.ocean{background:radial-gradient(ellipse at 70% 15%,#84b0b170,transparent 55%),linear-gradient(160deg,#203c60 10%,#246a7f 47%,#102d4a 48%,#1d5164 70%,#0a273c 95%)}.hero-copy{position:absolute;left:4.5%;top:36%;width:85%;max-width:1100px}.hero h1{font-size:clamp(44px,6.1vw,90px);line-height:1.1;font-weight:900;margin-bottom:12px;letter-spacing:-2px}.hero-sub{font-size:clamp(25px,3.5vw,50px);line-height:1.2;margin-bottom:20px}.hero-copy>p:not(.hero-sub){font-size:16px;white-space:pre-line}.outline{display:inline-flex;align-items:center;justify-content:space-between;min-width:180px;border:1px solid #fff;border-radius:30px;padding:10px 25px;margin-top:15px}.outline:hover{background:white;color:var(--ink)}.slide-prev,.slide-next{position:absolute;top:48%;border:0;background:none;color:white;font-size:45px;opacity:.65}.slide-prev{left:1%}.slide-next{right:3%}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:3px}.slide-dots{display:flex;gap:10px}.slide-dots button{width:10px;height:10px;border:1px solid white;border-radius:20px;background:transparent;padding:0}.slide-dots button[aria-pressed=true]{width:30px;background:white}#pause-slides{background:none;color:white;border:0}.section{max-width:1280px;margin:auto;padding:90px 45px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#7f969f}.section h2{font-size:36px;line-height:1.3;margin:15px 0 30px}.media-empty{height:280px;display:grid;place-items:center;color:#fff9}.intro video{width:100%;max-height:360px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading a,.text-link{font-size:12px;letter-spacing:1px}.post-row{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.post-row small{white-space:nowrap;color:#84939c}.text-link{display:inline-block;margin-top:25px}.muted{color:#788992}.marquee{white-space:nowrap;overflow:hidden;color:#d6e1e5;font-size:65px;font-weight:900;letter-spacing:4px}.rooms h2{font-size:60px}.room-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:70px}.room-tabs button{width:100%;display:flex;justify-content:space-between;padding:18px 0;background:none;border:0;border-bottom:1px solid var(--line);color:#7c8c96;text-align:left}.room-tabs button[aria-selected=true]{color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue)}.room-panel img{width:100%;height:360px;object-fit:cover}.room-panel h3{font-size:27px;margin:20px 0 8px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gallery-grid figure{margin:0}.gallery-grid img,.gallery-grid video{width:100%;height:245px;object-fit:cover}.gallery-grid figcaption{padding:15px 0}.quick{position:fixed;right:22px;bottom:35px;z-index:30;background:#fff;border-radius:14px;box-shadow:0 4px 25px #0002;overflow:hidden;color:#536772}.quick a{display:block;text-align:center;padding:12px 16px;border-bottom:1px solid #eee;font-size:22px;line-height:1.1}.quick small{display:block;font-size:10px;margin-top:6px}.quick .kakao{background:#fee500;color:#342923}footer{background:#f1f4f5;padding:60px 7%;display:flex;gap:70px;align-items:flex-start;font-size:12px;color:#75828a}footer .logo{color:#a68d41}footer p{margin:12px 0}footer>a:last-child{margin-left:auto}.page-title{padding:180px 7% 70px;color:white}.page-title h1{font-size:43px;margin:12px 0}.page-title span{font-size:12px;letter-spacing:4px}.page-content{min-height:400px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.wide{grid-column:1/-1}label{display:block;font-size:14px;font-weight:500}input,textarea,select{display:block;width:100%;border:1px solid #cbd6dc;border-radius:3px;padding:13px;background:#fff;color:var(--ink);margin:7px 0 16px}input[type=checkbox]{display:inline-block;width:auto;margin:0 10px 0 0}.check{font-weight:400}.check a{text-decoration:underline}.primary{display:inline-block;background:var(--blue);color:white;border:0;padding:13px 28px;text-align:center;border-radius:3px;width:fit-content}.primary:disabled{opacity:.65;cursor:wait}.compact{max-width:700px;width:100%}.compact label{margin:20px 0}.alert{padding:20px;background:#fff0ed;color:#9b3221;border-left:4px solid #c9533d}.notice{padding:20px;background:#eaf5ec;color:#28613d}.result{padding:28px;background:#f2f6f7;margin:25px 0;border:1px solid var(--line)}.receipt{text-align:center}.receipt strong{font-size:30px;letter-spacing:3px}.receipt p{margin:25px 0}.prose{white-space:normal;line-height:2;max-width:900px}.page-image{width:100%;max-height:550px;object-fit:cover;margin-bottom:30px}.room-detail{padding:35px 0;border-bottom:1px solid var(--line)}.room-detail img{width:100%;max-height:500px;object-fit:cover;margin-bottom:25px}.pagination{display:flex;gap:30px;margin-top:30px}.admin header{position:relative;background:var(--ink)}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px}.admin-tabs a{padding:10px 20px;background:#eff3f4}.admin-tabs .selected{background:var(--blue);color:white}.admin-columns{display:grid;grid-template-columns:250px 1fr;gap:35px}.page-list a{display:block;padding:8px;border-bottom:1px solid #eee}.admin button:not(.primary){padding:8px 20px;background:#fff;border:1px solid var(--line);border-radius:3px}.admin .result summary{font-weight:bold}.admin .gallery-grid img,.admin .gallery-grid video{height:180px}
@media(max-width:1100px){header nav{display:none;position:absolute;top:90px;left:0;width:100%;margin:0;background:#163348;padding:20px 30px;max-height:80vh;overflow:auto}header nav.open{display:block}header details div{position:static;background:transparent;color:white;box-shadow:none;padding:0 20px}header summary{padding:12px 0}.menu-toggle{display:block}.language{margin-left:auto}.intro{gap:35px}.room-layout{gap:30px}}
@media(max-width:600px){header{height:85px;padding:18px 20px;gap:12px}.logo{font-size:27px}.logo small{font-size:6px}.hero{min-height:650px;height:90svh}.hero-copy{left:20px;top:25%;width:calc(100% - 40px)}.hero h1{font-size:42px;letter-spacing:-1px}.hero-sub{font-size:24px}.hero-copy>p:not(.hero-sub){font-size:13px;max-width:310px}.slide-prev,.slide-next{display:none}.hero-bottom{font-size:9px;letter-spacing:1px}.section{padding:55px 20px}.intro,.room-layout{grid-template-columns:1fr;gap:30px}.section h2{font-size:28px}.marquee{font-size:42px}.room-tabs{display:flex;overflow:auto;gap:20px}.room-tabs button{width:auto;white-space:nowrap;font-size:12px;gap:10px}.room-panel img{height:260px}.gallery-grid{grid-template-columns:1fr 1fr;gap:15px}.gallery-grid img,.gallery-grid video{height:150px}.gallery-grid figcaption{font-size:12px}.quick{right:10px;bottom:18px;border-radius:10px}.quick a{padding:9px 10px;font-size:18px}.quick small{font-size:9px}footer{flex-direction:column;padding:40px 22px 100px;gap:25px}footer>a:last-child{margin-left:0}.page-title{padding:140px 20px 45px}.page-title h1{font-size:32px}.form-grid,.admin-columns{grid-template-columns:1fr}.wide{grid-column:auto}.post-row{gap:15px;flex-wrap:wrap}.result{padding:18px}.admin .gallery-grid{grid-template-columns:1fr}.admin-tabs{gap:5px}.admin-tabs a{padding:8px 12px;font-size:12px}.media-empty{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide{transition:none}}
.logo img{width:200px;height:auto}.page-image{max-height:none;object-fit:contain}footer{background:#173348;color:#c8d5df}@media(max-width:600px){.logo img{width:155px}}
@media(max-width:600px){.inner .quick{display:none}}