*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%}body{font-family:sans-serif;background-color:#f0f0f0;overflow-x:hidden}body.scroll-locked{overflow:hidden!important;touch-action:none;overscroll-behavior:none}#app{position:relative;width:100%;max-width:480px;min-height:100vh;margin:0 auto;background-color:#fff;box-shadow:0 0 20px #0000001a;overflow-x:hidden}.layer-a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(180deg,#fcfff0,#fff,#d8edf9,#fff,#d8edf9)}.layer-c{position:relative;z-index:3}.main-section,.greetings-section,.location-section,.gallery-section,.gift-section,.guestbook-section,.rsvp-section{position:relative;width:100%;font-size:0;line-height:0}.greetings-section,.location-section,.gallery-section,.gift-section,.guestbook-section,.rsvp-section{margin-top:-1px;position:relative;z-index:1}.sub-img-box,.map-container-wrapper,.map-buttons-wrapper{position:absolute;left:50%;opacity:0;transform:translate(-50%,-45%);-webkit-transform:translate(-50%,-45%);will-change:transform,opacity}.sub-img-box img,.map-buttons-wrapper img,.main-img{width:100%;height:auto;display:block}.main-section .sub-pos-1{top:19%;--percent: 99;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .3s forwards}.main-section .sub-pos-2{top:48%;--percent: 104;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .8s forwards}.main-section .sub-pos-3{top:82.5%;--percent: 112;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out 1.3s forwards}.greetings-section{margin-top:80px;position:relative;min-height:100vh}.greetings-img{width:96.4%;margin-left:1%;height:auto;display:block}.greet-item{position:absolute;left:50%;transform:translate(-50%,-45%);z-index:10;opacity:1!important;margin:0;padding:0}.greet-item img{width:100%;display:block}.greet-pos-1{top:13.5%;--percent: 19;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.greet-pos-2{top:26%;--percent: 54;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.greet-pos-3{top:39%;--percent: 46;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.greet-pos-4{top:67%;--percent: 20;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.greet-pos-5{top:84.5%;--percent: 80;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.location-section{min-height:100vh;position:relative}.location-img{width:100%;height:auto;display:block}.loc-item{position:absolute;left:50%;transform:translate(-50%,-45%);z-index:10;opacity:1!important;margin:0;padding:0}.loc-ani-inner{width:100%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.loc-ani-inner img{width:100%;display:block}.loc-item.active .loc-ani-inner{opacity:1;transform:translateY(0)}.loc-pos-map{top:52.7%;--percent: 75;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));height:auto;aspect-ratio:16 / 12}.map-style-box{width:100%;height:100%;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fdfdfd;box-shadow:0 4px 15px #0000000f}.loc-pos-btns{top:68%;--percent: 75;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.btn-flex-box{display:flex;justify-content:space-between;align-items:center;gap:8px}.loc-pos-1{top:27.3%;--percent: 19;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.loc-pos-2{top:36.2%;--percent: 45;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.loc-pos-6{top:82%;--percent: 71;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.loc-pos-7{top:74.3%;--percent: 14;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));left:79%;cursor:pointer}.pulse-target{animation:scalePulse 1s infinite ease-in-out 1.5s}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000!important;touch-action:none}.modal-content{position:relative;width:90%;max-width:400px;line-height:0}.modal-img-main{width:100%;height:auto;border-radius:12px;display:block}.modal-close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:transparent;cursor:pointer;z-index:10001}.gallery-section{min-height:100vh;position:relative}.gallery-img{width:91.65%;margin-left:4.3%;height:auto;display:block}.gal-item{position:absolute;left:50%;transform:translate(-50%,-45%);z-index:10;opacity:1!important;margin:0;padding:0}.gal-ani-inner{width:100%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.gal-ani-inner img{width:100%;display:block}.gal-item.active .gal-ani-inner{opacity:1;transform:translateY(0)}.gal-pos-slider{top:43%;--percent: 75;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.gallery-slider-box{position:relative;width:100%}.slider-content{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;position:relative;touch-action:pan-y}.slide-img{min-width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.slider-track{display:flex;transition:transform .5s ease-in-out;height:100%}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;width:44px;height:44px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center}.slide-btn:before{content:"";display:block;width:10px;height:10px;border-top:1.2px solid #fff;border-left:1.2px solid #fff}.slide-btn.prev{left:-7px}.slide-btn.prev:before{transform:rotate(-45deg)}.slide-btn.next{right:-7px}.slide-btn.next:before{transform:rotate(135deg)}.slider-dots{text-align:center;margin-top:15px;line-height:1}.dot{display:inline-block;width:6px;height:6px;margin:0 4px;background:#ccc;border-radius:50%;transition:background .3s}.dot.active{background:#888;width:12px;border-radius:3px}.gal-pos-1{top:14%;--percent: 23;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.gal-pos-2{top:87%;--percent: 28;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.gal-pos-3{top:96.5%;--percent: 53;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.gal-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;touch-action:none}.gal-modal-content{position:relative;width:100vw;height:80vh;overflow:hidden;display:flex;align-items:center}.modal-slider-track{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.modal-slide-item{min-width:100vw;height:100%;display:flex;justify-content:center;align-items:center;padding:0 5%}.gal-modal-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none}.gal-modal-close{position:fixed;top:40px;right:20px;width:30px;height:30px;cursor:pointer;z-index:10002}.gal-modal-close span{position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff}.gal-modal-close span:nth-child(1){transform:rotate(45deg)}.gal-modal-close span:nth-child(2){transform:rotate(-45deg)}.gift-section{height:auto;position:relative;padding-top:25%;padding-bottom:10px;overflow:hidden}.gift-img{position:absolute;top:0;left:4.3%;width:91.7%;height:auto;object-fit:cover;z-index:1}.gift-flow-wrapper{position:relative;z-index:20;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.gift-flow-item{position:relative;opacity:1!important;--percent: 65;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100))}.gift-ani-inner{width:100%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.gift-flow-item.active .gift-ani-inner{opacity:1;transform:translateY(0)}.gift-ani-inner img{width:100%;display:block}.gift-toggle-box{width:100%;position:relative;cursor:pointer}.gift-click-zone{position:absolute;top:0;left:0;width:100%;height:60px;z-index:30}.img-folded{width:100%;position:absolute;top:0;left:0;z-index:25;transition:opacity .4s ease;opacity:1}.img-top{position:relative;z-index:20;width:100%;display:block}.gift-hidden-area{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .5s ease;position:relative}.hidden-content-inner{position:relative}.img-bottom{width:100%;display:block}.gift-toggle-box.open .img-folded{opacity:0;pointer-events:none}.gift-toggle-box.open .gift-hidden-area{opacity:1;max-height:1000px}.account-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:25;pointer-events:none}.account-slot{position:absolute;left:6%;width:88%;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.slot-1{top:13%;height:50px}.slot-2{top:41%;height:50px}.slot-3{top:69%;height:50px}.account-text{flex:1;padding-left:12px;text-align:left;font-family:LeeSeoyun,sans-serif}.acc-name{font-size:13px;color:#333;font-weight:500;margin-bottom:20px}.acc-detail{font-size:11px;color:#777;letter-spacing:-.3px}.acc-image-btns{display:flex;gap:8px;margin-top:-10px;padding-right:5px}.btn-img{width:20px!important;height:24px;cursor:pointer;transition:transform .1s;object-fit:contain}.btn-img:active{transform:scale(.9)}.kakao-btn{width:30px!important}.guestbook-section{min-height:100vh;position:relative;margin-top:-1px}.guestbook-img{width:91.65%;margin-left:4.3%;height:auto;display:block}.guest-item{position:absolute;left:50%;transform:translate(-50%,-45%);z-index:10;opacity:1!important;margin:0;padding:0}.guest-ani-inner{width:100%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.guest-item.active .guest-ani-inner{opacity:1;transform:translateY(0)}.guest-ani-inner img{width:100%;display:block}.guest-pos-1{top:15%;--percent: 13;width:calc(var(--percent) * 1vw);max-width:480px}.guest-pos-2{top:29.6%;--percent: 66;width:calc(var(--percent) * 1vw);max-width:480px}.guest-pos-3{top:42.5%;--percent: 29;width:calc(var(--percent) * 1vw);max-width:480px}.clickable-img{cursor:pointer;z-index:20}.guest-pos-list{top:67%;width:72%;max-width:360px;z-index:25}.guest-list-container{display:flex;flex-direction:column;gap:10px;width:100%}.guest-box{background:#fff9;padding:12px;border-radius:10px;cursor:pointer;font-family:LeeSeoyun,sans-serif;position:relative}.guest-box-header{display:flex;justify-content:space-between;margin-bottom:15px}.guest-name{font-size:13px;font-weight:600;color:#333;margin-top:9px}.guest-content{font-size:14px;line-height:1.5;color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;height:auto}.guest-del-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background:transparent;border:none;font-size:20px;color:#999;cursor:pointer;z-index:100;display:flex;justify-content:center;align-items:center}.guest-del-btn:active{color:red;transform:scale(.9)}.pagination-box{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:5px;font-family:LeeSeoyun,sans-serif;color:#555}.page-btn{background:#ffffff80;border:1px solid #ddd;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#555;font-size:12px;transition:background .2s}.page-btn:disabled{opacity:.3;cursor:default}.page-btn:not(:disabled):hover{background:#ffffffe6}.page-info{font-size:14px;font-weight:600;letter-spacing:1px}.guest-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:10005;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;animation:fadeInOverlay 1.5s ease-in-out forwards}.img-modal-container{position:relative;width:90%;max-width:400px;line-height:0;animation:fadeInUpModal 1.2s cubic-bezier(.22,1,.36,1) forwards}.img-modal-bg{width:100%;height:auto;display:block}.img-modal-close-zone{position:absolute;top:0;right:0;width:20%;height:15%;cursor:pointer;z-index:30}.write-submit-zone{position:absolute;bottom:9.5%;left:50%;transform:translate(-50%);width:23%;height:8.5%;cursor:pointer;z-index:20}.del-submit-zone{position:absolute;bottom:11.5%;left:50%;transform:translate(-50%);width:25%;height:12.5%;cursor:pointer;z-index:30}.modal-overlay-input{position:absolute;background:transparent;border:none;outline:none;font-family:LeeSeoyun,sans-serif;font-size:14px}.write-name{top:31%;left:18%;width:29%;height:6.5%}.write-pw{top:31%;left:53%;width:30%;height:6.5%}.write-msg{top:42.5%;left:16%;width:69%;height:36%;padding:5px;resize:none}.del-pw{top:54.5%;left:50%;transform:translate(-50%);width:32%;height:12%;text-align:center;z-index:25}.guest-detail-content{background:#fff;width:85%;max-width:320px;padding:30px 20px;border-radius:15px;position:relative;font-family:LeeSeoyun,sans-serif;text-align:center;box-shadow:0 4px 15px #0003}.modal-close-x{position:absolute;top:10px;right:15px;font-size:28px;border:none;background:none;color:#888;cursor:pointer}.modal-title-font{font-size:18px;margin-bottom:20px;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.full-text{font-size:16px;line-height:1.6;color:#444;white-space:pre-wrap;text-align:left;max-height:300px;overflow-y:auto}.rsvp-section{height:auto;position:relative;margin-top:-1px;overflow:hidden;padding-bottom:0}.rsvp-img{width:91.65%;margin-left:4.3%;height:auto;display:block}.rsvp-item{position:absolute;left:50%;transform:translate(-50%,-45%);z-index:10;opacity:1!important;margin:0;padding:0}.rsvp-ani-inner{width:100%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.rsvp-item.active .rsvp-ani-inner{opacity:1;transform:translateY(0)}.rsvp-ani-inner img{width:100%;display:block}.rsvp-pos-1{top:32%;--percent: 29;width:calc(var(--percent) * 1vw);max-width:480px}.rsvp-pos-2{top:48%;--percent: 58;width:calc(var(--percent) * 1vw);max-width:480px}.rsvp-pos-3{top:63%;--percent: 38;width:calc(var(--percent) * 1vw);max-width:480px;cursor:pointer;z-index:20}.sel-img{position:absolute;width:30%;height:5%;pointer-events:none;z-index:5}.att-yes{top:33.8%;left:18.8%}.att-no{top:33.8%;left:51.1%}.side-groom{top:46.5%;left:18.69%}.side-bride{top:46.5%;left:51.1%}.rsvp-click-zone{position:absolute;width:30%;height:4.5%;cursor:pointer;z-index:10}.att-yes-btn{top:34%;left:19%}.att-no-btn{top:34%;left:51%}.side-groom-btn{top:46.8%;left:19%}.side-bride-btn{top:46.8%;left:51%}.rsvp-in-name{top:58.9%;left:20%;width:28%;height:5%}.rsvp-in-phone{top:58.9%;left:52%;width:28%;height:5%}.rsvp-in-note{top:71%;left:18.2%;width:63.4%;height:9.5%;padding:8px;resize:none;line-height:1.5}.rsvp-btn-zone{position:absolute;bottom:9%;height:5.5%;cursor:pointer;z-index:10}.rsvp-close{left:30%;width:16%}.rsvp-submit{left:46.5%;width:23.6%}.footer-section{width:100%;padding:50px 0;text-align:center;background-color:transparent;opacity:0;transition:opacity 1.5s ease-out}.footer-section.animate-start{opacity:1}.footer-content{display:flex;flex-direction:column;gap:4px}.made-by{font-size:11px;color:#888;letter-spacing:.5px}.made-by strong{font-weight:400;color:#555}.copyright{font-size:11px;color:#aaa}.rsvp-modal,.guest-detail-content{animation:fadeInUpModal .7s cubic-bezier(.22,1,.36,1) forwards}.music-player-box{position:fixed;top:20px;right:20px;width:40px;height:40px;z-index:9999;cursor:pointer;background:#ffffffd9;border-radius:50%;padding:8px;box-shadow:0 2px 8px #00000026;border:1px solid rgba(0,0,0,.05);display:flex;justify-content:center;align-items:center;transition:transform .2s}.music-player-box:active{transform:scale(.95)}.music-icon{width:100%;height:100%;object-fit:contain}.music-player-box.on .music-icon{animation:spinDisk 4s linear infinite}.music-player-box:not(.on) .music-icon{animation-play-state:paused}@keyframes spinDisk{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes imageSwapFade{0%{opacity:.8}to{opacity:1}}@keyframes fadeInStaticGift{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:LeeSeoyun;src:url(/fonts/%EC%9D%B4%EC%84%9C%EC%9C%A4%EC%B2%B4.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeInUpModal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}