@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
*{box-sizing:border-box} :root{--bg:#f6f5ef;--ink:#28382f;--accent:#657b5a;--soft:#e6eadf;--line:#d7ddcf;--radius:12px;--title:'Noto Serif KR',serif}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Noto Sans KR',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font:600 23px var(--title);letter-spacing:-1px}.logo small{display:block;font:8px sans-serif;letter-spacing:3px;margin-top:7px}nav{display:flex;gap:28px;align-items:center;font-size:12px}nav a{text-decoration:none}.nav-login{border:1px solid var(--line);padding:10px 20px;background:transparent;border-radius:50px;color:inherit}.stage{max-width:1300px;margin:40px auto;min-height:690px;display:grid;grid-template-columns:1.05fr 1fr;position:relative}.story{padding:60px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--soft);border-radius:var(--radius)}.eyebrow{font-size:9px;letter-spacing:3px;text-transform:uppercase}.story h1{font:500 clamp(36px,4vw,59px)/1.55 var(--title);letter-spacing:-2px;margin:25px 0 20px;position:relative;z-index:2}.story .description{font-size:13px;line-height:2.1;max-width:350px;position:relative;z-index:2}.photo{margin-top:30px;min-height:220px;flex:1;background:url('../img/12.jpg') center 55%/cover;border-radius:var(--radius);position:relative}.photo:after{content:'OCTOBER, WITH YOU';position:absolute;bottom:20px;left:22px;font-size:9px;letter-spacing:3px;color:white}.caption{font:11px var(--title);margin-top:20px;opacity:.65}.panel{padding:55px 65px;display:flex;flex-direction:column;justify-content:center}.panel h2{font:500 32px/1.5 var(--title);letter-spacing:-1px;margin:15px 0 12px}.muted{font-size:12px;line-height:1.9;opacity:.65}.home-view>p{max-width:340px}.feature-list{list-style:none;padding:0;margin:30px 0;display:grid;gap:20px}.feature-list li{display:flex;gap:16px;align-items:center}.feature-list b{display:block;font-size:13px;font-weight:500}.feature-list small{display:block;font-size:11px;opacity:.6;margin-top:5px}.icon{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:19px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;background:var(--accent);border:0;color:white;border-radius:var(--radius);font-size:13px;text-decoration:none}.primary span{font-size:20px}.footnote{font-size:10px;opacity:.55;text-align:center;margin-top:16px}.mini-calendar{border:1px solid var(--line);padding:18px;border-radius:var(--radius);margin:25px 0;font-size:10px}.mini-calendar>div{display:flex;justify-content:space-between;margin-bottom:14px}.mini-grid{display:grid!important;grid-template-columns:repeat(7,1fr);gap:7px;margin:0!important}.mini-grid span{padding:8px 0;text-align:center;border-radius:5px;background:var(--soft)}.mini-grid .marked{background:var(--accent);color:white}.register-view label{display:block;font-size:11px;margin:17px 0 7px}.register-view input{min-width:0;width:100%;padding:12px 13px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-size:12px}.register-view input:focus{outline:2px solid var(--accent);outline-offset:1px}.input-row{display:flex;gap:8px}.input-row button{white-space:nowrap;padding:0 13px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:var(--radius);font-size:10px}.password-row{position:relative}.password-row input{padding-right:55px}.password-row button{position:absolute;right:5px;top:0;height:100%;background:none;border:0;color:var(--ink);font-size:10px}.register-view [role=status]{font-size:10px;line-height:1.8;min-height:18px;opacity:.65}.register-view .primary{margin-top:24px}.switch-auth{text-align:center;font-size:11px;opacity:.75;margin-top:20px}footer{max-width:1300px;margin:20px auto 100px;padding:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;opacity:.65}[hidden]{display:none!important}

/* Selected album design */
/* open photo album */
.v17{--radius:0px;--bg:#e9e7df;--ink:#4f5147;--accent:#75795e;--soft:#f2f1e9}.v17 .stage{gap:0;background:#faf9f1;border:1px solid #d8d7cd;box-shadow:0 12px 40px #45412f14;position:relative}.v17 .story{padding:40px;border-right:1px solid #d1d0c6;background:linear-gradient(90deg,#fffdf8 95%,#e6e4da)}.v17 .photo{order:-1;height:360px;width:80%;margin:0 auto 30px;border:12px solid white;border-bottom-width:40px;box-shadow:0 3px 7px #0001}.v17 .story h1{font-size:30px}.v17 .panel{padding:45px}

.nav-login{text-decoration:none}.stage{max-width:1160px;margin:55px auto}.v17 .story{overflow:visible}.v17 .story h1{margin:20px 0 12px}.v17 .photo{flex:none;min-height:0;position:relative}.v17 .photo:after{color:#706e61;bottom:-29px;font:italic 10px Georgia;letter-spacing:1px}.v17 .panel{min-width:0}.register-view input{background:#fffdf8}.register-view .email-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.verify-button{border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:0 12px;font-size:10px;white-space:nowrap;border-radius:3px;min-height:44px}.verify-button:disabled{opacity:.6;cursor:wait}.verification-status{font-size:10px;line-height:1.8;color:#737964;overflow-wrap:anywhere}.verification-status.verified{color:#4c7248}.password-field{position:relative}.password-field input{padding-right:55px}.password-field button{position:absolute;right:5px;top:0;height:100%;border:0;background:none;font-size:10px;color:var(--ink);padding:0 10px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;background:var(--accent);color:white;border:0;border-radius:3px;margin-top:24px;font-size:13px}.submit:disabled{opacity:.6;cursor:wait}.password-tip{font-size:10px;line-height:1.8;color:#737964}.notice{padding:12px 14px;font-size:12px;line-height:1.8;border-radius:4px}.notice.error{background:#faeae5;color:#934b3c}.notice.success{background:#e8efdf;color:#4b693e}footer{margin-bottom:30px}.photo{background-image:url('../img/12.jpg')}.kakao-connect-card{display:none}
@media(max-width:1200px){.stage{margin:35px}.v17 .story,.v17 .panel{padding:35px}}
@media(max-width:700px){header{padding:20px}.logo{font-size:20px}.stage{display:flex;flex-direction:column;margin:20px;min-height:0}.v17 .story{padding:25px;border-right:0;border-bottom:1px solid var(--line);background:#faf9f1}.v17 .photo{height:270px;max-width:260px;width:85%;margin:0 auto 25px}.v17 .story h1{font-size:29px}.v17 .story .description{font-size:12px}.v17 .panel{padding:28px 22px}.panel h2{font-size:27px}.register-view input{font-size:16px}.register-view input::placeholder{font-size:11px}.verify-button{padding:0 9px}footer{margin:20px 20px 30px;gap:20px}.nav-login{padding:9px 15px}}