@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--ink:#253c31;--paper:#faf9f5;--muted:#7b8178;--line:#dfE3da;--green:#345744}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bc985e;outline-offset:4px}header{height:94px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.brand{font-family:'Noto Serif KR',serif;font-size:28px;letter-spacing:4px;font-weight:600}.brand span{display:block;font:8px 'Noto Sans KR',sans-serif;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:34px;align-items:center;font-size:13px}.text-button{background:none;color:var(--ink);padding:0}.nav-cta{background:var(--ink);color:white;padding:14px 22px;font-size:12px}.hero{height:650px;position:relative;color:white;margin:0 24px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=2200&q=90') center 55%/cover}.hero-shade{background:linear-gradient(90deg,rgba(15,34,28,.60),rgba(15,34,28,.03)),linear-gradient(0deg,rgba(0,0,0,.25),transparent 40%)}.hero-copy{position:relative;padding:115px 7%}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:500}.green{color:#6c826e}h1,h2,h3{font-family:'Noto Serif KR',serif;font-weight:500}h1{font-size:54px;line-height:1.5;letter-spacing:-2px;margin:22px 0}p{line-height:1.95}.hero-copy p{font-weight:400;color:#f2f1e9;line-height:2.1}.light-button{display:inline-flex;background:var(--paper);color:var(--ink);padding:17px 24px;margin-top:22px;gap:50px;font-size:13px}.hero-bottom{position:absolute;bottom:38px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.image-note{position:absolute;right:15px;top:15px;font-size:9px;opacity:.8}.wrap{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.intro{display:flex;justify-content:space-between;gap:50px;padding-top:100px;padding-bottom:60px}h2{font-size:34px;line-height:1.65;letter-spacing:-1px;margin:18px 0}.intro-right{padding-top:17px;color:#737b72}.features{display:flex;gap:34px;margin-top:28px;color:#5b6e5e}.features span{display:flex;gap:9px;align-items:center}.features b{font-size:12px;font-weight:400}.space-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;padding-bottom:100px}.space-card{position:relative;height:355px;overflow:hidden;background:#667b65}.space-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.space-card:hover img{transform:scale(1.04)}.space-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#162c28a6,transparent 65%)}.space-card div{position:absolute;bottom:25px;left:30px;color:white;z-index:1}.space-card span{font-size:9px;letter-spacing:2px}.space-card h3{font-size:21px;margin:12px 0 0}.booking-section{background:#eef0e9;padding:78px 0 85px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.section-top p{color:#788073;font-size:13px}.booking-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.calendar-panel,.reservation-panel{background:var(--paper);padding:32px}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-head h3{font-family:'Noto Sans KR';font-size:20px;margin:0}.calendar-head button{background:transparent;border:1px solid var(--line);width:34px;height:34px;color:var(--ink);margin-left:6px}.legend{display:flex;gap:16px;font-size:10px;color:#7d8479;margin:25px 0}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;background:#9aab91}.legend .unavailable{background:#d8dbd3}.legend .selected{background:var(--green)}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekdays{text-align:center;font-size:11px;color:#899083;margin:15px 0}.weekdays span:first-child{color:#b07c6c}.calendar button{min-height:54px;background:transparent;color:var(--ink);border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.calendar button small{font-size:8px;color:#919889}.calendar button:hover:not(:disabled){background:#e3e9dd}.calendar button:disabled{color:#c1c5bb;cursor:default}.calendar button:disabled small{color:#c1c5bb}.calendar button.range{background:#e3e9dd}.calendar button.chosen{background:var(--green);color:white}.calendar button.chosen small{color:#e6eadf}.calendar-status{font-size:11px;color:#7b8474;min-height:22px}.calendar-foot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#798371}.calendar-foot b{font-weight:500;color:var(--ink)}.reservation-panel h3{font-size:23px;margin:14px 0 24px}.date-summary{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:16px 18px;margin-bottom:20px}.date-summary div{display:flex;flex-direction:column;gap:7px}.date-summary small{font-size:10px;color:#8d9487}.date-summary strong{font-size:14px;font-weight:500}label{display:block;font-size:11px;margin:15px 0;color:#64735d}input,select{display:block;width:100%;height:41px;margin-top:8px;border:1px solid var(--line);border-radius:0;background:transparent;padding:10px;color:var(--ink)}.input-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.consent{display:flex;align-items:flex-start;gap:9px;line-height:1.8;font-size:10px}.consent input{width:14px;height:14px;margin:3px 0;accent-color:var(--green);flex-shrink:0}.consent small{font-size:9px;color:#909788}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0 19px}.total span{font-size:12px;color:#7c8774}.total strong{font-size:26px;font-weight:500}.total small{font-size:13px;margin-left:5px}.submit{width:100%;background:var(--green);color:white;padding:17px;font-size:13px}.submit:hover{background:#254332}.submit:disabled{opacity:.5;cursor:wait}.hint{text-align:center;font-size:9px;color:#8e9587;margin-bottom:0}.form-status{font-size:12px;color:#a04c38;margin:9px 0}.guide{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.guide>div>p{font-size:12px;color:#8c9485}.guide-items details{border-bottom:1px solid var(--line);padding:22px 0}.guide-items details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:13px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}.guide-items p{font-size:12px;color:#7f8878;margin-bottom:0}.closing{background:#263e32;color:#e8ede3;text-align:center;padding:70px 24px}.closing .eyebrow{color:#a9bca1}.closing h2{font-size:28px}.closing a{display:inline-block;border-bottom:1px solid #a0b398;padding:10px 0;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;padding-top:40px!important;padding-bottom:40px!important}footer p{font-size:9px;color:#8a9482}footer>a:last-child{font-size:11px}dialog{border:0;background:var(--paper);padding:40px;width:500px;max-width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#15281fb3;backdrop-filter:blur(4px)}dialog h2{font-size:27px}dialog p{font-size:12px}.close{position:absolute;right:15px;top:12px;background:transparent;font-size:26px;color:var(--ink)}#receipt,#lookupResult{line-height:2.2;font-size:13px;overflow-wrap:anywhere;margin:20px 0}#receipt code,#lookupResult code{display:block;background:#e7ebdf;padding:12px;font-size:12px}@media(min-width:1500px){.hero{height:740px}.hero-copy{padding-top:155px}}@media(max-width:800px){header{height:80px;padding:0 24px}nav{gap:18px}nav a{display:none}.nav-cta{padding:12px;font-size:10px}.brand{font-size:23px}.hero{margin:0 12px;height:580px}.hero-copy{padding:100px 7%}h1{font-size:39px}.hero-bottom a{display:none}.intro{flex-direction:column;gap:10px;padding-top:60px}.intro-right{padding-top:0}.space-grid{gap:14px;padding-bottom:60px}.space-card{height:270px}.space-card div{left:18px;bottom:20px}.space-card h3{font-size:16px}.booking-section{padding:50px 0}.section-top{display:block}.booking-layout{grid-template-columns:1fr}.guide{grid-template-columns:1fr;gap:18px;padding-top:50px;padding-bottom:50px}h2{font-size:28px}.closing h2{font-size:22px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}.calendar-panel,.reservation-panel{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.space-card img{transition:none}}

.calendar{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar button{min-width:0;min-height:64px;padding:6px 2px}.calendar button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.calendar button.booked{background:#e6eade}.calendar button.booked:disabled,.calendar button.booked:disabled small{color:#53644b}.calendar button.chosen{background:var(--green);color:white}.calendar button.chosen small{color:#e6eadf}

.login-shell{max-width:470px;margin:8vh auto;padding:40px;background:#eef0e9}.login-shell>.brand{display:block;margin-bottom:48px}.login-shell p{color:#75836e;font-size:12px}.login-shell .submit{margin-top:24px}.admin-main{padding-top:55px;padding-bottom:70px}.admin-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:28px}.user-card{padding:24px;background:#eef0e9;margin-bottom:18px}.user-card h3{margin-top:0}#accountArea{gap:15px;font-size:11px}@media(max-width:800px){header{flex-wrap:wrap;height:auto;min-height:90px;gap:15px;padding:18px}header>nav:first-of-type{display:none}.admin-grid{grid-template-columns:1fr}.login-shell{margin:30px 18px}#accountArea a{display:block}}
.accounts-panel{min-width:0}.accounts-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}.accounts-heading h3{white-space:nowrap;margin:0}.accounts-heading h3 span{font-size:14px;color:#698173;margin-left:8px}.accounts-heading input{max-width:320px}.accounts-table-wrap{overflow-x:auto;border:1px solid #dce4de;border-radius:16px;background:white}.accounts-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;white-space:nowrap}.accounts-table th{background:#eef3ee;color:#53675b;font-weight:600}.accounts-table th,.accounts-table td{padding:16px;border-bottom:1px solid #e8ede8}.accounts-table tr:last-child td{border-bottom:0}.account-edit{border:1px solid #ccd9cf;background:#f4f7f3;border-radius:8px;padding:7px 13px;color:#315342;cursor:pointer}.user-card[hidden]{display:none}.accounts-panel .user-card{margin-top:24px}.admin-grid{grid-template-columns:320px minmax(0,1fr)}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.accounts-heading{align-items:flex-start;flex-direction:column}.accounts-heading input{max-width:none}}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:950px;margin-top:30px}.profile-grid h3{margin-top:0}.profile-grid .submit{margin-top:20px}.profile-grid p{font-size:13px;color:#62756a}@media(max-width:700px){.profile-grid{grid-template-columns:1fr}}
