@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraLight.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Pretendard-ExtraBold;src:url(/fonts/Pretendard-Bold.woff2) format("woff2");font-weight:400;font-style:normal}body{margin:0;overflow:hidden;background-image:url(/image/bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#9dc9bf;font-family:Pretendard,sans-serif}canvas{display:block}button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;font-size:20px;background-color:#edefee;color:#525b5a;border:none;border-radius:10px;cursor:pointer;font-family:Pretendard-ExtraBold}.button-17{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;fill:currentcolor;font-family:Pretendard-ExtraBold;font-size:14px;font-weight:500;height:48px;justify-content:center;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0}.button-17:hover{background:#f6f9fe;color:#174ea6}.button-17:active{box-shadow:0 4px 4px #191a1a4d,0 8px 12px 6px #3c404326;outline:none}.button-17:focus{outline:none;border:2px solid #4285f4}.button-17:not(:disabled){box-shadow:#3c40434d 0 1px 3px,#3c404326 0 4px 8px 3px}.button-17:not(:disabled):hover{box-shadow:#3c40434d 0 2px 3px,#3c404326 0 6px 10px 4px}.button-17:not(:disabled):focus{box-shadow:#3c40434d 0 1px 3px,#3c404326 0 4px 8px 3px}.button-17:not(:disabled):active{box-shadow:#3c40434d 0 4px 4px,#3c404326 0 8px 12px 6px}.button-17:disabled{box-shadow:#3c40434d 0 1px 3px,#3c404326 0 4px 8px 3px}button:hover{background-color:#79c3b8}.tooltip{position:absolute;background:#525b5a;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;display:none;pointer-events:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.container{display:flex;justify-content:space-between;width:100%;background-color:#fff;border:2px solid #ddd;border-radius:10px;padding:20px}.camera{flex:1;margin-right:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.camera video{width:100%;height:auto;border:1px solid #ddd;border-radius:5px;background-color:#f5f5f5}.camera canvas{display:none}.capture-button{position:relative;width:60px;height:60px;padding:12px 24px;background-color:#edefee;border:2px solid #525b5A;color:#edefee;border-radius:50%;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s ease;box-shadow:0 2px 4px #0000001a}.capture-button-background{width:70px;height:70px;left:25%;top:62.5%;opacity:.7;background-color:#edefee;border:none;color:#edefee;border-radius:50%;cursor:pointer;font-size:16px;font-weight:500}.capture-button:hover{width:55px;height:55px;box-shadow:0 4px 6px #0000001a}.form{flex:1;display:flex;flex-direction:column}.form h1{margin-bottom:20px;color:#525b5a}.form input,.form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.button-group{display:flex;gap:10px}.button-group button{flex:1;padding:10px;background-color:#79c3b8;color:#edefee;border:none;border-radius:5px;cursor:pointer;position:static;transform:none}.button-group button:hover{background-color:#9dc9bf}#guestbookButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;font-size:20px;background-color:#edefee;color:#525b5a}.detail-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;z-index:1001;max-width:500px;width:90%}.detail-popup img{width:100%;height:auto;border-radius:5px;margin-bottom:15px;margin-top:0}.detail-popup h2{color:#525b5a;margin-bottom:10px}.detail-popup p{color:#3c4043;margin-bottom:10px}.detail-popup .close-button{position:relative;left:95%;background:none;border:none;font-size:24px;cursor:pointer;color:#525b5a;padding:8px 12px;border-radius:50%;transition:background-color .2s}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}