:root{--brown:#756151;--deep:#242321;--beige:#a6907d;--cream:#f5f2ed;--line:#d8d1c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--deep);font-family:'Noto Sans KR',sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.logo{display:flex;flex-direction:column;line-height:1}.logo b{font:600 17px 'Cormorant Garamond';letter-spacing:.14em}.logo span{font-size:8px;letter-spacing:.3em;margin-top:6px}header{position:absolute;z-index:20;top:0;left:0;right:0;height:84px;padding:0 5vw;display:flex;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}header nav{margin:auto;display:flex;gap:38px;font:500 11px 'Cormorant Garamond';letter-spacing:.08em}header nav a:hover{opacity:.65}.book{border:1px solid rgba(255,255,255,.7);padding:11px 18px;font-size:10px}.menu{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:24px}.hero{height:100vh;min-height:720px;position:relative;color:#fff;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,15,.62),rgba(20,18,15,.05) 55%,rgba(20,18,15,.38))}.hero-title{position:absolute;z-index:2;left:8%;top:48%;transform:translateY(-50%)}.hero-title>span,.section small,.rooms small,.guide small{font-size:10px;letter-spacing:.25em}.hero h1{font:500 clamp(55px,7vw,105px)/.9 'Cormorant Garamond';letter-spacing:-.02em;margin:28px 0}.hero h1 em{font-style:italic;font-weight:400}.hero p{line-height:1.9;font-size:14px}.hero-title>a{display:inline-flex;align-items:center;gap:25px;margin-top:28px;font:600 11px 'Cormorant Garamond';letter-spacing:.15em}.hero-title>a i{width:38px;height:38px;border:1px solid #fff;border-radius:50%;display:grid;place-content:center;font-style:normal}.hero-side{position:absolute;z-index:2;right:5%;bottom:9%;text-align:right}.hero-side small{font:10px 'Cormorant Garamond';letter-spacing:.2em}.hero-side b{display:block;font:400 18px/1.5 'Cormorant Garamond';margin-top:10px}.scroll{position:absolute;z-index:2;left:50%;bottom:30px;font:9px 'Cormorant Garamond';letter-spacing:.25em}.scroll span{display:inline-block;width:70px;height:1px;background:#fff;margin:0 0 3px 14px}.notice{height:60px;display:flex;align-items:center;gap:28px;padding:0 7vw;border-bottom:1px solid #eee;font-size:12px}.notice span{font:600 12px 'Cormorant Garamond';letter-spacing:.15em}.notice p{margin-right:auto}.notice time{color:#999}.section{max-width:1260px;margin:auto;padding:150px 45px}.title{text-align:center}.title h2{font:400 clamp(45px,5vw,70px)/1.1 'Cormorant Garamond';margin:20px 0}.title h2 em{color:var(--brown)}.about{position:relative;min-height:1000px}.about-visual{height:570px;position:relative;max-width:920px;margin:90px auto}.about figure{position:absolute;margin:0}.about figure img{height:230px}.about figcaption{font:600 15px 'Cormorant Garamond';letter-spacing:.05em;margin-top:12px}.about figcaption span{font:400 12px 'Noto Sans KR';color:#777}.about .one{width:390px;right:0;top:0}.about .two{width:320px;left:0;top:115px}.about .three{width:360px;left:38%;bottom:0}.about-visual:before{content:"";position:absolute;width:390px;height:390px;border:1px solid var(--beige);border-radius:50%;left:32%;top:70px}.about-copy{position:absolute;right:7%;bottom:75px;line-height:2;color:#777;font-size:14px}.rooms{padding:100px 6vw 120px;background:linear-gradient(rgba(28,26,23,.78),rgba(28,26,23,.78)),url('assets/room.png') center/cover;color:#fff}.rooms-head{max-width:1300px;margin:auto 0 45px;display:flex;align-items:end}.rooms-head h2{font:400 54px 'Cormorant Garamond';margin:5px auto 0 0}.room-buttons{display:flex;gap:10px}.room-buttons button{width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}.room-track{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.room-track article{background:#fff;color:var(--deep);padding:28px;transition:.35s}.room-track article:hover{transform:translateY(-10px)}.room-track span{font:11px 'Cormorant Garamond';color:var(--brown);letter-spacing:.15em}.room-track h3{font:600 29px 'Cormorant Garamond';margin:12px 0}.room-track p{font-size:13px;color:#777;min-height:42px}.room-track dl{border-top:1px solid var(--line);padding-top:10px;font-size:11px}.room-track dl>div{display:flex;padding:3px 0}.room-track dt{width:85px;color:#999}.room-track dd{margin:0}.room-track img{height:260px;margin-top:20px}.special{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.special-photo{height:680px}.special-copy h2{font:400 62px/1 'Cormorant Garamond';margin:24px 0}.special-copy h2 em{color:var(--brown)}.special-copy p{font-size:14px;line-height:2;color:#777}.special ol{list-style:none;padding:35px 0 0}.special li{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;font:500 13px 'Cormorant Garamond';letter-spacing:.06em}.special li b{color:var(--brown)}.travel{background:var(--cream);max-width:none}.travel .title,.travel-grid{max-width:1170px;margin-left:auto;margin-right:auto}.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.travel article{padding:35px;border-left:1px solid var(--line);min-height:240px}.travel article:last-child{border-right:1px solid var(--line)}.travel article b{font:22px 'Cormorant Garamond';color:var(--beige)}.travel h3{font:500 28px 'Cormorant Garamond';margin-top:60px}.travel p{font-size:13px;color:#777;line-height:1.8}.guide{background:var(--beige);color:#fff;padding:120px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:100px}.guide h2{font:400 64px/1 'Cormorant Garamond';margin:25px 0}.guide p{font-size:13px;line-height:1.9}.guide-list dl{margin:0}.guide-list dl>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid rgba(255,255,255,.35);padding:16px 0}.guide-list dt{font-weight:600}.guide-list dd{margin:0;font-size:12px;color:rgba(255,255,255,.8)}.guide-list>a{display:inline-flex;gap:70px;border:1px solid #fff;padding:16px 22px;margin-top:35px;font-size:13px}footer{background:#222;color:#aaa;padding:95px 7vw 55px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:80px;align-items:end}.footer-slogan{color:#fff;font:400 40px/1.3 'Cormorant Garamond'}.footer-slogan+div .logo{color:#fff}.footer-slogan+div p,footer>small{font-size:10px;line-height:1.8;margin-top:25px}.top{position:fixed;right:24px;bottom:24px;width:45px;height:45px;border-radius:50%;background:var(--brown);color:#fff;display:grid;place-content:center}.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.on{opacity:1;transform:none}@media(max-width:900px){header{height:70px;padding:0 20px}header nav,.book{display:none}header nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:rgba(25,23,21,.97);flex-direction:column;padding:28px}.menu{display:block}.hero{min-height:680px}.hero-title{left:7%}.hero h1{font-size:54px}.hero-side{display:none}.notice{padding:0 20px}.notice time{display:none}.section{padding:95px 24px}.about{min-height:auto}.about-visual{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:60px 0}.about figure{position:static!important;width:auto!important}.about figure img{height:230px}.about .three{grid-column:1/-1}.about-visual:before{display:none}.about-copy{position:static;text-align:center}.room-track{grid-template-columns:1fr}.rooms-head h2{font-size:40px}.special{grid-template-columns:1fr;gap:45px}.special-photo{height:520px}.travel-grid{grid-template-columns:1fr}.travel article,.travel article:last-child{border:0;border-top:1px solid var(--line)}.guide{grid-template-columns:1fr;gap:50px;padding:90px 25px}footer{grid-template-columns:1fr;gap:35px}}@media(max-width:560px){.hero h1{font-size:44px}.hero-title{top:45%}.hero-title>span{font-size:8px}.notice p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-visual{grid-template-columns:1fr}.about .three{grid-column:auto}.about figure img{height:250px}.rooms{padding:75px 18px}.rooms-head h2{font-size:34px}.room-buttons{display:none}.special-photo{height:420px}.special-copy h2,.guide h2{font-size:48px}.travel{padding-left:20px;padding-right:20px}.footer-slogan{font-size:34px}}
#rooms{overflow:hidden}#rooms .room-track{display:flex;grid-template-columns:none;overflow:visible}#rooms .room-track article{flex:0 0 calc((100% - 48px)/3)}body{font-size:17px}.hero p{font-size:17px}.notice{font-size:15px}.about figcaption span{font-size:14px}.about-copy{font-size:17px}.room-track p{font-size:15px;line-height:1.75}.room-track dl{font-size:13px}.special-copy p{font-size:17px}.special li{font-size:15px}.travel p{font-size:15px}.guide p{font-size:16px}.guide-list dd{font-size:14px;line-height:1.7}.guide-list>a{font-size:15px}.reveal{will-change:transform,opacity}.reveal.on{will-change:auto}@media(max-width:900px){#rooms .room-track article{flex-basis:calc((100% - 24px)/2)}}@media(max-width:560px){#rooms .room-track article{flex-basis:100%}.room-buttons{display:flex}.room-track p{font-size:15px}}
body .hero p{font-size:17px}body .notice{font-size:15px}body .about figcaption span{font-size:14px}body .about-copy{font-size:17px}body .room-track p{font-size:15px;line-height:1.75}body .room-track dl{font-size:13px}body .special-copy p{font-size:17px}body .special li{font-size:15px}body .travel p{font-size:15px}body .guide p{font-size:16px}body .guide-list dd{font-size:14px;line-height:1.7}body .guide-list>a{font-size:15px}@media(max-width:560px){#rooms .room-buttons{display:flex}}