@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css);@import url(https://fonts.cdnfonts.com/css/bacana);@import url(https://fonts.cdnfonts.com/css/calistha);@import url(https://fonts.cdnfonts.com/css/a-auto-signature);@import url(https://fonts.cdnfonts.com/css/cormorant-sc);@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes slide-top{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes slide-bottom{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes slide-out-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100px);opacity:0}}@keyframes slide-in-right{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes shake-horizontal{0%,to{transform:translateX(0)}10%,30%,50%,70%{transform:translateX(-7px)}20%,40%,60%{transform:translateX(7px)}80%{transform:translateX(5px)}90%{transform:translateX(-5px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}.invitation{height:100vh;width:100%}.invitation,.invitation .Toastify .Toastify__toast-body{font-family:"Pretendard Variable"}.invitation .loading{position:fixed;height:100%;width:100%;background:#f5f7f3;color:#4a5d23;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fade-out .5s ease-out 1.5s both}@media screen and (min-width:768px){.invitation .loading{font-size:20px}}.invitation .loading .loading-content{animation:tracking-in-expand 1s cubic-bezier(.215,.61,.355,1) both}.invitation .loading .decoration{font-family:"a Auto Signature";opacity:.5;margin-bottom:10px}.invitation .header{width:100%;height:45px;padding:0 20px;box-sizing:border-box;justify-content:space-between;font-size:12px;font-family:"Times New Roman";letter-spacing:2px;position:fixed;top:0;background:rgba(249,255,247,.9);z-index:2;color:#315520}.invitation .header,.invitation .header .buttons{display:flex;align-items:center}.invitation .header .buttons img{cursor:pointer;height:19px}.invitation .header .buttons>div{display:flex}.invitation .header .buttons img+div{margin-left:15px}.invitation>.content{background:#fff;display:flex;flex-direction:column;align-items:center;height:100vh;width:100%}.invitation>.content .scroll-content{width:100%}.invitation>.content .account,.invitation>.content .calendar,.invitation>.content .contact,.invitation>.content .dday,.invitation>.content .gallery,.invitation>.content .guestbook,.invitation>.content .information,.invitation>.content .invite,.invitation>.content .main,.invitation>.content .map,.invitation>.content .quiz,.invitation>.content .rsvp,.invitation>.content .share,.invitation>.content .thanks{width:100%;padding:50px 0}.invitation>.content .sub-title{font-size:13px;text-align:center;color:#aaa;letter-spacing:2px;margin-bottom:10px;font-family:"Cormorant SC"}.invitation>.content .title{font-size:18px;text-align:center;color:#444;margin-bottom:30px;font-family:"RIDIBatang"}.invitation>.content .main{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#f5f7f3;padding:0!important}.invitation>.content .main .main-img{width:100%;max-width:650px;margin-top:45px}.invitation>.content .main .invite-text{text-align:center;color:#4b5320;margin-top:10px;margin-bottom:60px;font-family:"RIDIBatang";font-size:15px}@media screen and (min-width:400px){.invitation>.content .main .invite-text{margin-top:-10px}}.invitation>.content .main .invite-text img{width:10%;fill:#9dc183;margin-bottom:20px}.invitation>.content .main .invite-text p{margin:0}.invitation>.content .main .invite-text p+p{margin-top:10px}.invitation>.content .invite{text-align:center;transition:all 1s;background-image:url(https://www.transparenttextures.com/patterns/cream-dust.png)}.invitation>.content .invite img{width:50px}.invitation>.content .invite .text{font-family:"RIDIBatang";color:#333;font-size:15px}.invitation>.content .invite .line{margin:40px auto 30px;width:100px;height:1px;background:#f5f7f3}.invitation>.content .invite .name-wrapper{display:flex;flex-direction:column;align-items:center;font-size:16px}.invitation>.content .invite .name-wrapper .name{height:40px;display:flex;align-items:center}.invitation>.content .invite .name-wrapper .name strong{font-size:18px}.invitation>.content .invite .name-wrapper .name .sub{width:50px;text-align:center}.invitation>.content .invite .name-wrapper .name img{width:16px;margin-left:-19px;margin-right:3px}.invitation>.content .invite .name-wrapper .name span{font-size:20px;font-weight:600;font-family:"RIDIBatang"}.invitation>.content .invite .text p{opacity:0}.invitation>.content .invite.active .text p:first-child,.invitation>.content .invite.active .text p:nth-child(2),.invitation>.content .invite.active .text p:nth-child(3),.invitation>.content .invite.active .text p:nth-child(4),.invitation>.content .invite.active .text p:nth-child(5){animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) both}.invitation>.content .invite.active .text p:nth-child(6),.invitation>.content .invite.active .text p:nth-child(7),.invitation>.content .invite.active .text p:nth-child(8){animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) .5s both}.invitation>.content .invite.active .name-wrapper{animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 1s both}.invitation>.content .contact{background:#2e2c32}.invitation>.content .contact .title{color:#ccc}.invitation>.content .contact .contact-wrapper{display:flex;justify-content:space-evenly;width:400px;margin:0 auto}.invitation>.content .contact .contact-wrapper .contact-item img{width:100px;border-radius:50%;object-fit:cover}.invitation>.content .contact .contact-wrapper .contact-item .text{margin-top:10px;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;font-family:"RIDIBatang"}.invitation>.content .contact .contact-wrapper .contact-item .text span{font-family:"Pretendard Variable";font-size:12px;margin-right:5px}.invitation>.content .calendar .month{position:relative;display:flex;align-items:center;justify-content:center;opacity:0}.invitation>.content .calendar .month .month-subtext{position:absolute;font-family:"bacana";color:#54712d}.invitation>.content .calendar .month .month-text{font-size:22px;color:#54712d;z-index:2;font-weight:700;font-family:"RIDIBatang"}.invitation>.content .calendar .calendar-wrapper{width:250px;height:200px;margin:50px auto;font-family:"RIDIBatang";opacity:0}@media screen and (min-width:320px){.invitation>.content .calendar .calendar-wrapper{width:280px;height:230px}}@media screen and (min-width:768px){.invitation>.content .calendar .calendar-wrapper{width:400px;height:300px}}.invitation>.content .calendar .calendar-wrapper .dayname{display:flex;margin:10px 0}.invitation>.content .calendar .calendar-wrapper .dayname>div{width:14.2857142857%;font-size:15px;height:20px;text-align:center;color:#666}@media screen and (min-width:768px){.invitation>.content .calendar .calendar-wrapper .dayname>div{font-size:17px}}.invitation>.content .calendar .calendar-wrapper .dayname>div:first-child{color:#bf5959}.invitation>.content .calendar .calendar-wrapper .dayname>div:last-child{color:#486baf}.invitation>.content .calendar .calendar-wrapper .grid{height:calc(100% - 20px)}.invitation>.content .calendar .calendar-wrapper .grid .week{display:flex;height:20%}.invitation>.content .calendar .calendar-wrapper .grid .week .day{width:14.2857142857%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;font-size:13px}@media screen and (min-width:768px){.invitation>.content .calendar .calendar-wrapper .grid .week .day{font-size:15px}}.invitation>.content .calendar .calendar-wrapper .grid .week .day img{position:absolute;width:40px}.invitation>.content .calendar .calendar-wrapper .grid .week .day span.wedding{color:#fff;z-index:2;font-size:16px}.invitation>.content .calendar .date-text{background:#9cb58b;width:300px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:20px;margin:70px auto 5px;font-size:15px;justify-content:space-between;padding:0 15px;box-sizing:border-box}.invitation>.content .calendar .date-text img{width:18px}.invitation>.content .calendar .date-text+.date-text{margin-top:5px}.invitation>.content .calendar.active .month{animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) both}.invitation>.content .calendar.active .calendar-wrapper{animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) .5s both}.invitation>.content .calendar.active .date-text{animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 1s both}.invitation>.content .dday{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 30px 25px;font-size:15px;box-sizing:border-box;border-top:1px solid #f5f7f3;border-bottom:1px solid #f5f7f3;background:#f5f7f3}.invitation>.content .dday .text span{font-weight:600;color:#9dc183}.invitation>.content .dday .count{font-family:"Cormorant SC";display:flex;align-items:center;margin-top:20px}.invitation>.content .dday .count span{margin:0 5px;color:#666}.invitation>.content .dday .count .count-item{color:#666;border-radius:2px;text-align:center;width:50px;color:#999}.invitation>.content .dday .count .count-item>div:first-child{font-size:28px;font-weight:800;color:#9dc183;margin-bottom:5px}.invitation>.content .map{padding-bottom:0}.invitation>.content .map .map-element{max-width:none;min-height:300px}.invitation>.content .map .location-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:330px;max-width:600px;width:90%;height:120px;margin:0 auto}.invitation>.content .map .location-wrapper .venue{display:flex;font-family:"RIDIBatang"}.invitation>.content .map .location-wrapper .venue img{margin-right:5px}.invitation>.content .map .location-wrapper .venue:before{content:"";position:absolute;width:190px;height:4px;background:#9dc183;margin-left:28px;margin-top:18px;opacity:.25}.invitation>.content .map .location-wrapper .venue-info{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;color:#666;margin-top:10px;margin-left:28px}.invitation>.content .map .location-wrapper .venue-info span+span{margin-top:5px}.invitation>.content .map .location-info{width:100%;background:#f8f8f8}.invitation>.content .map .location-info .info-item{padding:30px 0;font-size:14px;min-width:330px;max-width:600px;width:90%;margin:0 auto}.invitation>.content .map .location-info .info-item .label{font-size:15px;margin-bottom:20px;font-family:"RIDIBatang"}.invitation>.content .map .location-info .info-item .contact{margin-right:10px;color:#666}.invitation>.content .map .location-info .info-item .one{color:#596190}.invitation>.content .map .location-info .info-item .two{color:#5ab47e}.invitation>.content .map .location-info .info-item .seven{color:#747f00}.invitation>.content .map .location-info .info-item .nine{color:#bdb092}.invitation>.content .map .location-info .info-item div+div{margin-top:10px}.invitation>.content .map .location-info .info-item .blue{color:#264db4;margin-left:5px}.invitation>.content .map .location-info .info-item .green{color:#4daa20;margin-left:5px}.invitation>.content .map .location-info .info-item .app-list{display:flex;align-items:center;justify-content:space-between;margin:0}.invitation>.content .map .location-info .info-item .app-list .app{font-size:13px;background:#fff;width:32%;height:42px;box-sizing:border-box;margin:0;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.invitation>.content .map .location-info .info-item .app-list .app img{width:20px;margin-right:8px}.invitation>.content .map .location-info .info-item+.info-item{border-top:1px solid #ccc}.invitation>.content .account{margin:0 auto;background:#fff;background-image:url(https://www.transparenttextures.com/patterns/groovepaper.png)}.invitation>.content .account .description{text-align:center;font-family:"RIDIBatang";font-size:15px}.invitation>.content .account .description>img{width:50px}.invitation>.content .account .account-wrapper{max-width:550px;display:flex;flex-direction:column;align-items:center;margin:50px auto 0}.invitation>.content .account .account-wrapper .account-item{width:80%}.invitation>.content .account .account-wrapper .account-item .account-title{display:flex;align-items:center;justify-content:space-between;height:50px;font-size:16px;font-weight:600;padding:0 20px;box-sizing:border-box;cursor:pointer}.invitation>.content .account .account-wrapper .account-item .account-title img{transition:all .5s}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item{overflow:hidden;box-sizing:border-box;height:0;display:flex;justify-content:space-between;flex-direction:column}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item>div{height:100%;display:flex;justify-content:space-between}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .top{display:flex;align-items:center}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .top .name{font-size:12px}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .top .name span{margin-left:5px;font-size:15px;font-weight:500}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .top .name span .phone{font-size:12px;font-weight:300}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .top .account-info{font-size:13px;display:flex;flex-direction:column;align-items:flex-end}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .top .account-info .account-name{margin-right:8px;font-weight:500}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .top .account-info .account-num{margin-right:8px}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .bottom>div{width:140px;height:34px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .bottom .kakao{background:#fae14b}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .bottom .kakao img{width:32px;margin-right:5px;margin-top:2.5px}.invitation>.content .account .account-wrapper .account-item .account-content .account-content-item .bottom .copy{background:#fff;margin-left:20px}.invitation>.content .account .account-wrapper .account-item .account-content.groom{background:#f0f1f3}.invitation>.content .account .account-wrapper .account-item .account-content.bride{background:#f2f0f0}.invitation>.content .account .account-wrapper .account-item.open .account-title img{transform:rotate(180deg);transition:all .5s}.invitation>.content .account .account-wrapper .account-item.open .account-content .account-content-item{height:115px;padding:0 20px;border-top:1px dashed #ccc}.invitation>.content .account .account-wrapper .account-item.groom{border:1px solid #e2e4ea}.invitation>.content .account .account-wrapper .account-item.groom .account-title{background:#edeef1;color:#262f3c}.invitation>.content .account .account-wrapper .account-item.bride{border:1px solid #ede9ea}.invitation>.content .account .account-wrapper .account-item.bride .account-title{background:#f7f3f4;color:#734050}.invitation>.content .account .account-wrapper .account-item+.account-item{margin-top:20px}.invitation>.content .information{background:#f5f7f3}.invitation>.content .information .tabs{display:flex;border-bottom:1px solid #ddd;max-width:740px;width:calc(100% - 60px);margin:0 auto}.invitation>.content .information .tabs .tab{width:33.3333333333%;height:16px;padding-bottom:10px;font-weight:500;font-size:14px;text-align:center;cursor:pointer;color:#6a8457}.invitation>.content .information .tabs .tab span{margin-right:5px}.invitation>.content .information .tabs .tab.active{color:#6a8457;border-bottom:3px solid #6a8457}.invitation>.content .information .contents{display:flex;width:100%;max-width:800px;margin:0 auto}.invitation>.content .information .contents .slick-slider{width:100%;overflow:hidden}.invitation>.content .information .contents .slick-slider .slick-track{display:flex}.invitation>.content .information .contents .information-content{width:100%;padding:20px 30px;box-sizing:border-box}.invitation>.content .information .contents .information-content .information-title{display:flex;align-items:center;margin:15px 0;font-size:15px;font-family:"RIDIBatang"}.invitation>.content .information .contents .information-content .information-title span{font-family:"Cormorant SC";margin-left:10px;font-size:16px;font-weight:600;color:#6a8457}.invitation>.content .information .contents .information-content img{width:100%;object-fit:cover}.invitation>.content .information .contents .information-content .content-description{font-size:14px;line-height:25px}.invitation>.content .information .contents .information-content .content-description ul{-webkit-padding-start:20px;padding-inline-start:20px}.invitation>.content .rsvp .rsvp-wrapper{display:flex;flex-direction:column;align-items:center}.invitation>.content .rsvp .rsvp-wrapper>img{width:50px;margin:10px 0}.invitation>.content .rsvp .rsvp-wrapper .description{text-align:center;font-family:"RIDIBatang";font-size:15px}.invitation>.content .rsvp .rsvp-wrapper .button{background:#9cb58b;color:#fff;border:none;border-radius:5px;width:250px;height:40px;margin-top:30px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;outline:none;font-family:"Pretendard Variable"}.invitation>.content .gallery .gallery-grid{display:grid;grid-template-columns:repeat(2,150px);grid-column-gap:5px;column-gap:5px;grid-row-gap:5px;row-gap:5px;justify-content:center}@media screen and (min-width:768px){.invitation>.content .gallery .gallery-grid{grid-template-columns:repeat(4,150px)}}@media screen and (min-width:1024px){.invitation>.content .gallery .gallery-grid{grid-template-columns:repeat(4,200px)}}.invitation>.content .gallery .gallery-grid>.photo-item{width:100%;height:225px;cursor:pointer}@media screen and (min-width:1024px){.invitation>.content .gallery .gallery-grid>.photo-item{height:300px}}.invitation>.content .gallery .gallery-grid>.photo-item img{width:100%;height:100%;object-fit:cover;object-position:top}.invitation>.content .gallery .gallery-grid>.photo-item img:hover{opacity:.8}.invitation>.content .gallery .more-icon{width:100px;cursor:pointer;margin:30px auto 0;color:#9dc183;font-size:13px;display:flex;flex-direction:column;align-items:center}.invitation>.content .gallery .more-icon img{width:20px;margin-bottom:5px}.invitation>.content .gallery .scroll-container .photo-wrapper{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 20px}.invitation>.content .gallery .scroll-container .photo-wrapper .photo-page{display:grid;grid-template-columns:repeat(2,160px);grid-column-gap:15px;column-gap:15px;grid-row-gap:15px;row-gap:15px;justify-content:center}.invitation>.content .gallery .scroll-container .photo-wrapper .photo-page+.photo-page{margin-left:15px}.invitation>.content .gallery .scroll-container .photo-wrapper .mobile-photo-item{width:160px;height:240px}.invitation>.content .gallery .scroll-container .photo-wrapper .mobile-photo-item img{width:inherit;height:100%;object-fit:cover;border-radius:15px}.invitation>.content .gallery .scroll-info{display:flex;align-items:center;font-size:12px;color:#666;margin:20px auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.invitation>.content .gallery .scroll-info img{margin-right:5px;width:24px}.invitation>.content .guestbook{background-color:#f5f7f3;background-image:url(https://www.transparenttextures.com/patterns/groovepaper.png)}.invitation>.content .guestbook .guestbook-list{max-width:550px;box-sizing:border-box;margin:auto;padding:0 20px}.invitation>.content .guestbook .guestbook-list .slick-slider{overflow:hidden}.invitation>.content .guestbook .guestbook-list .slick-track{display:flex}.invitation>.content .guestbook .guestbook-list .guestbook-item{background:#fff;border:1px solid #eee;border-radius:4px;padding:15px;position:relative;box-sizing:border-box}.invitation>.content .guestbook .guestbook-list .guestbook-item .icon{position:absolute;left:10px;top:10px;font-size:20px}.invitation>.content .guestbook .guestbook-list .guestbook-item .item-top{margin-bottom:10px;margin-left:30px;display:flex;justify-content:space-between;position:relative}.invitation>.content .guestbook .guestbook-list .guestbook-item .item-top .name{font-weight:bolder;font-size:14px}.invitation>.content .guestbook .guestbook-list .guestbook-item .item-top .date{font-size:12px;color:#666;margin-right:20px}.invitation>.content .guestbook .guestbook-list .guestbook-item .item-top .delete-icon{position:absolute;right:0;top:-3px;cursor:pointer}.invitation>.content .guestbook .guestbook-list .guestbook-item .item-top .delete-icon img{width:10px}.invitation>.content .guestbook .guestbook-list .guestbook-item .item-content{margin-left:30px;font-size:14px}.invitation>.content .guestbook .guestbook-list .guestbook-item+.guestbook-item{margin-top:10px}.invitation>.content .guestbook .index-wrapper{display:flex;justify-content:center;margin-top:30px}.invitation>.content .guestbook .index-wrapper .arrow-wrapper{cursor:pointer;display:flex;align-items:center}.invitation>.content .guestbook .index-wrapper .arrow-wrapper img{width:20px;height:20px}.invitation>.content .guestbook .index-wrapper .current-index{margin:0 10px;font-size:13px;width:70px;display:flex;justify-content:space-around;align-items:center;color:#999}.invitation>.content .guestbook .index-wrapper .current-index span:first-child{font-weight:600;color:#9dc183}.invitation>.content .guestbook .guestbook-add{background:#9dc183;color:#fff;border:none;border-radius:5px;width:250px;height:40px;margin:30px auto 0;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;outline:none;font-family:"Pretendard Variable"}.invitation>.content .share{display:flex;flex-direction:column;align-items:center}.invitation>.content .share>div{height:50px;display:flex;align-items:center;font-size:15px;cursor:pointer}.invitation>.content .share>div img{margin-right:10px;height:24px}.invitation>.content .quiz{background-image:url(https://www.transparenttextures.com/patterns/groovepaper.png)}.invitation>.content .quiz .quiz-wrapper{max-width:550px;margin:0 auto;font-family:"RIDIBatang";display:flex;flex-direction:column;align-items:center}.invitation>.content .quiz .quiz-wrapper img{width:70px}.invitation>.content .quiz .quiz-wrapper .description{text-align:center;font-size:15px}.invitation>.content .quiz .quiz-wrapper .button{background:#9dc183;color:#fff;border:none;border-radius:5px;width:250px;height:40px;margin-top:30px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;outline:none;font-family:"Pretendard Variable"}.invitation>.content .thanks{background:#2e2c32;color:#fff;position:relative}.invitation>.content .thanks .title{color:#aaa}.invitation>.content .thanks .thanks-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;font-size:15px;color:#ccc}.invitation>.content .thanks .thanks-wrapper div+div{margin-top:10px}.invitation>.content .thanks .thanks-wrapper .posong{margin-top:30px;height:100px}.invitation>.content .thanks .thanks-wrapper .fork{font-size:13px;color:#ccc}.invitation>.content .thanks .copyright{font-size:14px;position:absolute;bottom:20px;left:calc(50% - 130px);color:#ccc}.invitation .link-copy-modal{position:fixed;top:calc(50% - 60px);left:calc(50% - 120px);width:240px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;background:#fff;font-size:15px;border:1px solid #f5f7f3}.invitation .link-copy-modal button{margin-top:15px;outline:none;border:none;border-radius:5px;width:80px;height:28px;background:#9dc183;color:#fff;font-family:"Pretendard Variable";cursor:pointer}.invitation .modal-wrapper{position:fixed;top:0;height:100%;width:100%;z-index:2;padding:0!important}.invitation .modal-wrapper .modal-background{background:rgba(0,0,0,.7);height:100%;width:100%}.invitation .modal-wrapper .modal-background>.delete-modal,.invitation .modal-wrapper .modal-background>.rsvp-modal,.invitation .modal-wrapper .modal-background>.write-modal{position:absolute;padding:20px;background:#fff;box-sizing:border-box}.invitation .modal-wrapper .modal-background>.delete-modal>button,.invitation .modal-wrapper .modal-background>.rsvp-modal>button,.invitation .modal-wrapper .modal-background>.write-modal>button{position:absolute;bottom:20px;left:5%;height:35px;width:90%;border:none;outline:none;border-radius:5px;background:#9dc183;color:#fff;font-family:"Pretendard Variable";cursor:pointer}.invitation .modal-wrapper .modal-background>.delete-modal.web,.invitation .modal-wrapper .modal-background>.rsvp-modal.web,.invitation .modal-wrapper .modal-background>.write-modal.web{width:350px;height:330px;top:calc(50% - 160px);left:calc(50% - 175px);border-radius:10px}@media screen and (min-width:1024px){.invitation .modal-wrapper .modal-background>.delete-modal.web,.invitation .modal-wrapper .modal-background>.rsvp-modal.web,.invitation .modal-wrapper .modal-background>.write-modal.web{width:400px;left:calc(50% - 200px)}}.invitation .modal-wrapper .modal-background>.delete-modal.mobile,.invitation .modal-wrapper .modal-background>.rsvp-modal.mobile,.invitation .modal-wrapper .modal-background>.write-modal.mobile{border-radius:10px 10px 0 0;width:100%;height:420px;bottom:0}@media screen and (min-width:320px){.invitation .modal-wrapper .modal-background>.delete-modal.mobile,.invitation .modal-wrapper .modal-background>.rsvp-modal.mobile,.invitation .modal-wrapper .modal-background>.write-modal.mobile{height:330px}}.invitation .modal-wrapper .modal-background>.delete-modal .title-wrapper,.invitation .modal-wrapper .modal-background>.rsvp-modal .title-wrapper,.invitation .modal-wrapper .modal-background>.write-modal .title-wrapper{height:35px;display:flex;justify-content:space-between}.invitation .modal-wrapper .modal-background>.delete-modal .title-wrapper>button,.invitation .modal-wrapper .modal-background>.rsvp-modal .title-wrapper>button,.invitation .modal-wrapper .modal-background>.write-modal .title-wrapper>button{height:16px;background:transparent;outline:none;border:none}.invitation .modal-wrapper .modal-background>.delete-modal .title-wrapper img,.invitation .modal-wrapper .modal-background>.rsvp-modal .title-wrapper img,.invitation .modal-wrapper .modal-background>.write-modal .title-wrapper img{height:16px;cursor:pointer}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper{font-size:15px}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .icon-list,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .icon-list,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .icon-list{margin-bottom:12px}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .icon-list .scroll-container,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .icon-list .scroll-container,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .icon-list .scroll-container{display:flex}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .icon-list .scroll-container .icon-item,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .icon-list .scroll-container .icon-item,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .icon-list .scroll-container .icon-item{min-width:35px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .icon-list .scroll-container .icon-item.active-icon,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .icon-list .scroll-container .icon-item.active-icon,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .icon-list .scroll-container .icon-item.active-icon{background:#9dc183;border-radius:50%}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item{display:flex;align-items:flex-start;flex-direction:column}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .warning,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .warning,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .warning{margin-top:10px;color:#e22f2f;font-size:12px}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-label,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-label,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-label{width:110px;margin-bottom:5px}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content{width:100%}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content input,.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content textarea,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content input,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content textarea,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content input,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content textarea{width:100%;border:none;border-radius:5px;background:#f1f1f1;outline:none;box-sizing:border-box;font-family:"Pretendard Variable"}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content input,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content input,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content input{height:35px;padding:0 10px}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content input::-webkit-inner-spin-button,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content input::-webkit-inner-spin-button,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content input::-webkit-inner-spin-button{appearance:none;-moz-appearance:none;-webkit-appearance:none}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content textarea,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content textarea,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content textarea{resize:none;padding:10px}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content .count-input,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content .count-input,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content .count-input{width:calc(100% - 80px)}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content .counter,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content .counter,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content .counter{width:35px;margin-left:5px;color:#000}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content button,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content button,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content button{height:35px;outline:none;border:none;border-radius:5px;font-family:"Pretendard Variable";cursor:pointer;color:#000}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content button.dining,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content button.dining,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content button.dining{width:calc(50% - 3px)}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content button.active,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content button.active,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content button.active{background:#9dc183;color:#fff}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content button+button,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content button+button,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content button+button{margin-left:5px}@media screen and (min-width:320px){.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item{flex-direction:row;align-items:center}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-label,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-label,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-label{margin:0}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item .form-content,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item .form-content,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item .form-content{width:calc(100% - 110px)}}.invitation .modal-wrapper .modal-background>.delete-modal .form-wrapper .form-item+.form-item,.invitation .modal-wrapper .modal-background>.rsvp-modal .form-wrapper .form-item+.form-item,.invitation .modal-wrapper .modal-background>.write-modal .form-wrapper .form-item+.form-item{margin-top:12px}.invitation .modal-wrapper .modal-background>.write-modal{height:465px!important}@media screen and (min-width:320px){.invitation .modal-wrapper .modal-background>.write-modal{height:400px!important}}.invitation .modal-wrapper .modal-background>.write-modal .form-label{width:80px!important}.invitation .modal-wrapper .modal-background>.write-modal .form-content{width:100%!important}@media screen and (min-width:320px){.invitation .modal-wrapper .modal-background>.write-modal .form-content{width:calc(100% - 80px)!important}}.invitation .modal-wrapper .modal-background>.write-modal.mobile{bottom:0!important}.invitation .modal-wrapper .modal-background>.write-modal.web{top:calc(50% - 180px)!important}.invitation .modal-wrapper .modal-background>.delete-modal{height:180px!important;top:calc(50% - 90px)!important}.invitation .modal-wrapper .modal-background .image-modal .close-btn{position:absolute;right:20px;top:20px;z-index:5;cursor:pointer}.invitation .modal-wrapper .modal-background .image-modal .index-wrapper{position:absolute;bottom:15px;right:0;z-index:5;width:100px;height:35px;display:flex;align-items:center;justify-content:center;color:#9dc183;font-family:"RIDIBatang"}.invitation .modal-wrapper .modal-background .image-modal .index-wrapper span{margin:0 8px}.invitation .modal-wrapper .modal-background .image-modal .index-wrapper span:first-child{color:#fff;font-weight:bolder}.invitation .modal-wrapper .modal-background .image-modal .image-slider{width:100%;height:auto;position:absolute}.invitation .modal-wrapper .modal-background .image-modal .image-slider .slick-slider{width:100%;overflow:hidden}.invitation .modal-wrapper .modal-background .image-modal .image-slider .slick-slider .slick-track{display:flex}.invitation .modal-wrapper .modal-background .image-modal .image-slider .slick-slider .slick-track .slick-slide>div{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.invitation .modal-wrapper .modal-background .image-modal .image-slider .slick-slider .slick-track .slick-slide>div img{width:auto!important;max-width:100%;max-height:100%;vertical-align:middle;display:inline-block;height:auto}.invitation .quiz-modal-wrapper{position:fixed;top:0;height:100%;width:100%;z-index:100;padding:0!important;background:linear-gradient(0deg,#fff,#f1edf6)}.invitation .quiz-modal-wrapper .close-icon-wrapper{position:absolute;right:20px;top:20px;z-index:10;cursor:pointer}.invitation .quiz-modal-wrapper .quiz-page{height:100%;max-width:550px;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper{position:absolute;top:60px;width:100%;display:flex;flex-direction:column;align-items:center}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-current{font-size:12px;color:#999;display:flex;justify-content:flex-end;width:70%;margin-bottom:5px}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider{width:75%;height:20px;border-radius:20px;background:#ddd}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner{height:100%;width:0;background:#9dc183;border-radius:20px;transition:all .5s}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent1{width:10%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent2{width:20%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent3{width:30%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent4{width:40%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent5{width:50%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent6{width:60%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent7{width:70%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent8{width:80%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent9{width:90%}.invitation .quiz-modal-wrapper .quiz-page .quiz-slider-wrapper .quiz-slider .quiz-slider-inner.percent10{width:100%}.invitation .quiz-modal-wrapper .quiz-page .loading-wrapper{display:flex;flex-direction:column;align-items:center}.invitation .quiz-modal-wrapper .quiz-page .loading-wrapper .loader{width:35px;height:35px;border:5px solid #9dc183;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.invitation .quiz-modal-wrapper .quiz-page .loading-wrapper .loading-text{margin-top:20px;color:#9dc183}.invitation .quiz-modal-wrapper .quiz-page .title{text-align:center;font-size:22px;margin-bottom:50px;font-weight:600;color:#9dc183}.invitation .quiz-modal-wrapper .quiz-page .desc{text-align:center;color:#999}.invitation .quiz-modal-wrapper .quiz-page .desc.info{margin-bottom:50px}.invitation .quiz-modal-wrapper .quiz-page .desc div+div{margin-top:20px}.invitation .quiz-modal-wrapper .quiz-page .main-img{width:80%;margin:50px auto;border-radius:10px}.invitation .quiz-modal-wrapper .quiz-page .next-button{width:60%;height:50px;border-radius:50px;margin:0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;border:none;color:#fff;font-family:"Pretendard Variable";font-size:16px;background:#9dc183;box-shadow:0 5px 20px rgba(192,174,227,.3);animation:slide-bottom .3s cubic-bezier(.25,.46,.45,.94) both}.invitation .quiz-modal-wrapper .quiz-page .next-button img{width:15px;height:15px;margin-right:20px}.invitation .quiz-modal-wrapper .quiz-page .next-button:hover{animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both}.invitation .quiz-modal-wrapper .quiz-page .quiz-question{font-size:18px;text-align:center;margin-bottom:50px}.invitation .quiz-modal-wrapper .quiz-page .quiz-question div+div{margin-top:10px}.invitation .quiz-modal-wrapper .quiz-page .quiz-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.invitation .quiz-modal-wrapper .quiz-page .quiz-content input{width:100px;height:40px;padding:0 20px;border:1px solid #efe9f8;border-radius:10px;outline:none;text-align:center;font-family:"Pretendard Variable";font-size:15px}.invitation .quiz-modal-wrapper .quiz-page .quiz-content input::-webkit-inner-spin-button{appearance:none;-moz-appearance:none;-webkit-appearance:none}.invitation .quiz-modal-wrapper .quiz-page .quiz-content .answer-item+.answer-item{margin-top:20px}.invitation .quiz-modal-wrapper .quiz-page .quiz-content.info{flex-direction:row}.invitation .quiz-modal-wrapper .quiz-page .quiz-content input+input{margin-left:10px}.invitation .quiz-modal-wrapper .quiz-page .input-check{margin:20px auto 50px;color:#e22f2f;font-size:14px}.invitation .quiz-modal-wrapper .quiz-page .quiz-num{font-size:40px;font-weight:600;color:#9dc183;margin:20px auto 30px}.invitation .quiz-modal-wrapper .quiz-page .answer-item{width:60%;height:50px;border-radius:50px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;border:none;color:#fff;font-family:"Pretendard Variable";font-size:16px;background:#9dc183;box-shadow:0 5px 20px rgba(193,227,174,.6)}.invitation .quiz-modal-wrapper .quiz-page .answer-item img{position:absolute;right:15px;width:25px;height:25px}.invitation .quiz-modal-wrapper .quiz-page .answer-item.correct{background:#16c995;box-shadow:0 5px 20px rgba(22,201,149,.34)}.invitation .quiz-modal-wrapper .quiz-page .answer-item.wrong{background:#f74f78;box-shadow:0 5px 20px rgba(247,79,120,.34)}.invitation .quiz-modal-wrapper .quiz-page .answer-item.wrong-shake{background:#f74f78;box-shadow:0 5px 20px rgba(247,79,120,.34);animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) both}.invitation .quiz-modal-wrapper .quiz-page .result-background{height:40%;background:linear-gradient(0deg,#f9f7fb,#9dc183);display:flex;align-items:center;justify-content:center}.invitation .quiz-modal-wrapper .quiz-page .result-background span{position:relative;top:10%;font-family:"RIDIBatang";font-size:45px;color:#fff}.invitation .quiz-modal-wrapper .quiz-page .result-background span strong{font-size:60px}.invitation .quiz-modal-wrapper .quiz-page .result-content{height:350px;width:85%;background:#fff;border-radius:20px;margin:-30px auto 0;position:relative;display:flex;flex-direction:column;align-items:center;padding:30px;box-sizing:border-box;box-shadow:0 5px 20px rgba(192,174,227,.3)}.invitation .quiz-modal-wrapper .quiz-page .result-content .result-title{font-size:20px}.invitation .quiz-modal-wrapper .quiz-page .result-content .result-title:after{content:"";width:80px;height:5px;background:#9dc183;margin:40px auto;display:block}.invitation .quiz-modal-wrapper .quiz-page .result-content .result-description{display:flex;flex-direction:column}.invitation .quiz-modal-wrapper .quiz-page .result-content .result-description div{line-height:30px}.invitation .quiz-modal-wrapper .quiz-page .result-content .result-description div+div{margin-top:10px}.invitation .quiz-modal-wrapper .quiz-page .result-content .next-button{position:absolute;bottom:30px}.invitation .quiz-modal-wrapper .quiz-page.waiting .quiz-num{animation:slide-in-right .2s cubic-bezier(.25,.46,.45,.94) 0s both}.invitation .quiz-modal-wrapper .quiz-page.waiting .quiz-question{animation:slide-in-right .2s cubic-bezier(.25,.46,.45,.94) .2s both}.invitation .quiz-modal-wrapper .quiz-page.waiting .answer-item:first-child{animation:slide-in-right .2s cubic-bezier(.25,.46,.45,.94) .4s both}.invitation .quiz-modal-wrapper .quiz-page.waiting .answer-item:nth-child(2){animation:slide-in-right .2s cubic-bezier(.25,.46,.45,.94) .5s both}.invitation .quiz-modal-wrapper .quiz-page.waiting .answer-item:nth-child(3){animation:slide-in-right .2s cubic-bezier(.25,.46,.45,.94) .6s both}.invitation .quiz-modal-wrapper .quiz-page.waiting .answer-item:nth-child(4){animation:slide-in-right .2s cubic-bezier(.25,.46,.45,.94) .7s both}.invitation .quiz-modal-wrapper .quiz-page.answered .quiz-num{animation:slide-out-left .2s cubic-bezier(.55,.085,.68,.53) 0s both}.invitation .quiz-modal-wrapper .quiz-page.answered .quiz-question{animation:slide-out-left .2s cubic-bezier(.55,.085,.68,.53) .2s both}.invitation .quiz-modal-wrapper .quiz-page.answered .answer-item:first-child{animation:slide-out-left .2s cubic-bezier(.55,.085,.68,.53) .4s both}.invitation .quiz-modal-wrapper .quiz-page.answered .answer-item:nth-child(2){animation:slide-out-left .2s cubic-bezier(.55,.085,.68,.53) .5s both}.invitation .quiz-modal-wrapper .quiz-page.answered .answer-item:nth-child(3){animation:slide-out-left .2s cubic-bezier(.55,.085,.68,.53) .6s both}.invitation .quiz-modal-wrapper .quiz-page.answered .answer-item:nth-child(4){animation:slide-out-left .2s cubic-bezier(.55,.085,.68,.53) .7s both}.invitation .quiz-modal-wrapper .quiz-page.final{justify-content:flex-start}@font-face{font-family:"RIDIBatang";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff) format("woff");font-weight:400;font-style:normal}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.ed8da99f.chunk.css.map */