.group-content{display:flex;width:1560px;height:273px;margin:100px 180px 30px}.group-img{display:flex;width:250px;height:250px;border-radius:6px;margin:10px}.group-info{margin-left:20px;width:100%}.group-button{display:flex;margin-left:80%;font-size:14px}.button-fix{background-color:#fff;color:#282828}.button-delete{background-color:#fff;color:#8d8d8d}.group-header{display:flex;justify-content:space-between;width:100px;margin-left:10px}.group-dday{font-size:16px}.group-status{font-size:16px;color:#8d8d8d}.group-title-header{display:flex;justify-content:space-between;align-items:center;width:350px;white-space:nowrap}.group-title{font-size:30px;font-weight:700;margin:10px;white-space:nowrap}.group-stats{font-size:18px;font-weight:700;margin-right:30px}.group-description{font-size:18px;margin-bottom:25px;margin-left:10px;white-space:nowrap}.group-badge{margin-left:10px;font-size:16px;font-weight:700}.badges{display:flex;gap:10px;margin:20px 0 20px 10px}.badge{background-color:#f4f4f4;padding:16px 30px;gap:10px;border-radius:50px}.group-actions{display:flex;margin-top:-10%;margin-left:85%}.button-empathy{width:200px;height:50px;border-color:#282828;border-radius:6px;padding:15px 40px;background-color:#fff;font-size:16px;font-weight:500;white-space:nowrap}.favicon{padding-right:10px}.memory-list{margin:100px 180px}.memory-header{display:flex;justify-content:space-between}.memory-title{font-size:24px;font-weight:700;text-align:center;width:100%;margin-left:10%}.memory-button{width:200px;height:45px;padding:10px 20px;background-color:#282828;color:#fff;border-radius:6px;cursor:pointer}.memory-search{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.privacy-select{display:flex}.privacy-select-public,.privacy-select-private{padding:0}.inputtext{width:1186px;height:45px}.memory-order{width:160px;height:45px;margin:0 5px}.no-memory{display:flex;align-items:center;justify-content:center;margin-left:-2%}.last-button{display:flex;align-items:center;justify-content:center;margin-top:3%;margin-bottom:-3%;margin-left:-2%}.pagination{display:flex;justify-content:center;align-items:center;position:absolute;bottom:20px;left:49%;transform:translate(-50%)}.pagination button{margin:0 10px;padding:10px 20px;font-size:16px;cursor:pointer}.pagination span{font-size:16px;margin:0 10px}.mymodal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.mymodal-content{background-color:#fff;padding:20px;border-radius:8px;width:480px;position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.my-close-btn{position:absolute;top:10px;right:10px;background-color:transparent;border:none;font-size:16px;cursor:pointer}.edit-modal{width:480px;height:100%}.edit-title{font-size:24px;font-weight:700;display:flex;justify-content:center;margin:20px}.edit-input{font-size:16px;font-weight:500;margin-left:-70%}.edit-input-container{display:flex;justify-content:center}.edit-inputtext{width:400px;height:45px;display:flex;justify-content:center;margin:10px 0;border-radius:6px;font-size:14px}.edit-img{font-size:16px;font-weight:500;margin-left:-65%}.edit-img-container{display:flex;justify-content:center}.edit-inputimg{width:400px;height:45px;margin:10px 0;border-radius:6px;font-size:14px}.edit-group{font-size:16px;font-weight:500;margin-left:-70%}.edit-group-container{display:flex;justify-content:center}.edit-inputgroup{width:400px;height:120px;border-radius:6px;margin:10px 0;font-size:14px}.edit-private{font-size:16px;font-weight:500;margin-top:5px;margin-bottom:5px;margin-left:-65%}.edit-select{font-size:14px;margin-top:5px;margin-bottom:5px;margin-left:-70%}.edit-pwd{font-size:16px;font-weight:500;margin-top:5px;margin-bottom:5px;margin-left:-65%}.edit-pwd-container{display:flex;justify-content:center}.edit-inputpwd{width:400px;height:45px;margin:10px 0;border-radius:6px;font-size:14px}.edit-button-container{display:flex;align-items:center;justify-content:center}.edit-button{width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828;margin-top:10px}.delete-modal{width:480px;height:100%}.delete-title{font-size:24px;font-weight:700;display:flex;justify-content:center;margin:20px}.delete-input{font-size:16px;font-weight:500;margin-right:60%}.delete-input-container{display:flex;justify-content:center}.delete-inputtext{width:400px;height:45px;margin:20px 0}.delete-button-container{display:flex;align-items:center;justify-content:center}.delete-button{width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828;margin-top:10px}.permission-modal{width:480px;height:100%}.permission-title{font-size:24px;font-weight:700;display:flex;justify-content:center;margin:20px}.permission-input{font-size:16px;font-weight:500;margin-right:60%}.permission-input-container{display:flex;justify-content:center}.permission-inputtext{width:400px;height:45px;margin:20px 0}.permission-button-container{display:flex;align-items:center;justify-content:center}.permission-button{width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828;margin-top:10px}.uploadmemory-page{width:1440px;margin:0 240px}.uploadmemory-pagetitle{font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;margin-bottom:3cqh;margin-right:70px}.uploadmemory-container{width:1440px;display:flex;margin:10px}.left-section{width:720px;height:500px;margin-left:30px}.uploadmemory-nick{font-size:16px;font-weight:500;margin:10px 0 10px 150px}.uploadmemory-nick-container{display:flex;justify-content:center;align-items:center}.uploadmemory-nickinput{width:400px;height:45px;border-radius:6px;font-size:14px}.uploadmemory-title{font-size:16px;font-weight:500;margin:10px 0 10px 150px}.uploadmemory-title-container{display:flex;justify-content:center;align-items:center}.uploadmemory-titleinput{width:400px;height:45px;border-radius:6px;font-size:14px}.uploadmemory-img{font-size:16px;font-weight:500;margin:10px 0 10px 150px}.uploadmemory-img-container{display:flex;justify-content:center;align-items:center}.uploadmemory-imginput{width:400px;height:45px;border-radius:6px;font-size:14px}.uploadmemory-content{font-size:16px;font-weight:500;margin:10px 0 10px 150px}.uploadmemory-content-container{display:flex;justify-content:center;align-items:center}.uploadmemory-contentinput{width:400px;height:120px;border-radius:6px;font-size:14px}.right-section{width:720px;height:500px;margin-right:30px}.uploadmemory-tag{font-size:16px;font-weight:500;margin:10px 0}.uploadmemory-taginput{width:400px;height:45px;border-radius:6px;font-size:14px}.uploadmemory-place{font-size:16px;font-weight:500;margin:10px 0}.uploadmemory-placeinput{width:400px;height:45px;border-radius:6px;font-size:14px}.uploadmemory-time{font-size:16px;font-weight:500;margin:10px 0}.uploadmemory-timeinput{width:400px;height:45px;border-radius:6px;font-size:14px}.uploadmemory-select,.uploadmemory-pwd{font-size:16px;font-weight:500;margin:10px 0}.uploadmemory-pwd-container{width:400px}.uploadmemory-pwdinput{width:400px;height:45px;border-radius:6px;font-size:14px}.uploadmemory-button{width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828;display:flex;align-items:center;justify-content:center;margin-left:500px;margin-top:30px}.page-container{width:1920px}.logo-content{position:absolute;top:0;width:1920px;height:100px;background-color:#fafafa;display:flex;justify-content:center;align-items:center}.privatepermission-title{font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;padding:20px}.privatepermission-description{font-size:14px;display:flex;justify-content:center;align-items:center;padding-bottom:30px}.privatepermission-password{display:flex;justify-content:center;align-items:center}.privatepermission-pwd{font-size:16px;font-weight:500;padding-bottom:10px;padding-right:290px;display:flex;justify-content:center;align-items:center}.privatepermission-pwdinput{width:400px;height:45px;border-radius:6px;font-size:14px}.privatepermission-button-container{display:flex;justify-content:center;align-items:center;padding:20px}.privatepermission-button{width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828}.mypage-container{width:1920px}.mylogo-content{position:absolute;top:0;width:1920px;height:100px;background-color:#fafafa;display:flex;justify-content:center;align-items:center}.memorydetail-header{max-width:1560px;margin:100px auto 30px;padding:0 180px}.memorydetail-button{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px;margin-right:-30px}.memorydetail-button-fix,.memorydetail-button-delete{background-color:#fff;border:none;padding:10px 20px;font-size:14px;cursor:pointer}.memorydetail-button-delete{color:#8d8d8d}.memorydetail-header-nickstatus{display:flex;margin-bottom:20px}.memorydetail-nick{font-size:16px;margin:0 5px}.memorydetail-status{font-size:16px;color:#8d8d8d;margin:0 5px}.memorydetail-title{font-size:30px;font-weight:700;margin-bottom:10px}.memorydetail-tag{font-size:18px;color:#b8b8b8;margin-bottom:30px}.group-actions{display:flex;justify-content:flex-end;align-items:center;white-space:nowrap}.memorydetail-placedate{display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.memorydetail-place{white-space:nowrap;margin-right:5px}.memorydetail-date{white-space:nowrap;margin-left:5px;margin-right:15px}.memorydetail-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;white-space:nowrap}.memorydetail-icons{display:flex;align-items:center}.memorydetail-icons img{width:20px;height:20px;margin-right:5px}.icon-count{margin-right:15px;font-size:16px;color:#333}.button-empathy{width:200px;height:50px;border:1px solid #282828;border-radius:6px;background-color:#fff;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-top:100px;margin-left:-150px}.memorydetail-content{justify-content:center}.content-img{display:flex;justify-content:center;align-items:center}.content-img img{width:780px;height:780px;border-radius:6px;margin-top:50px}.content-description{font-size:16px;margin:20px 0;text-align:center}.content-button{display:flex;justify-content:center}.comment-button{width:100%;max-width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828;cursor:pointer}.memorydetail-comment{margin-top:40px}.comment-status{font-size:18px;font-weight:500;margin-bottom:10px}.nocomment-one{font-size:18px;font-weight:700;color:#b8b8b8;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.nocomment-two{font-size:14px;color:#b8b8b8;display:flex;justify-content:center;align-items:center;padding-bottom:10px}.memorydetail-comment-container{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.memorydetail-comment-nickname{font-weight:700;color:#333;margin-right:10px}.memorydetail-comment-date{color:#999;font-size:12px}.memorydetail-comment-content{flex:1;color:#555;margin-left:15px}.memorydetail-comment-actions{display:flex;align-items:center}.memorydetail-comment-actions img{width:16px;height:16px;cursor:pointer;margin-left:10px}.bigmodal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.bigmodal-content{background-color:#fff;padding:20px;border-radius:8px;width:1120px;position:relative;text-align:center}.big-close-btn{position:absolute;top:10px;right:10px;background-color:transparent;border:none;font-size:16px;cursor:pointer}.editmemory-page{width:1120px;height:100%}.editmemory-pagetitle{font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;margin:20px}.editmemory-container{width:1440px;display:flex;margin:10px}.editmemory-left-section{width:560px;height:500px}.editmemory-nick{font-size:16px;font-weight:500;margin:10px 0 10px -60%}.editmemory-nick-container{display:flex;justify-content:center;align-items:center}.editmemory-nickinput{width:400px;height:45px;border-radius:6px;font-size:14px}.editmemory-title{font-size:16px;font-weight:500;margin:10px 0 10px -60%}.editmemory-title-container{display:flex;justify-content:center;align-items:center}.editmemory-titleinput{width:400px;height:45px;border-radius:6px;font-size:14px}.editmemory-img{font-size:16px;font-weight:500;margin:10px 0 10px -60%}.editmemory-img-container{display:flex;justify-content:center;align-items:center}.editmemory-imginput{width:400px;height:45px;border-radius:6px;font-size:14px}.editmemory-content{font-size:16px;font-weight:500;margin:10px 0 10px -60%}.editmemory-content-container{display:flex;justify-content:center;align-items:center}.editmemory-contentinput{width:400px;height:120px;border-radius:6px;font-size:14px}.editmemory-right-section{width:560px;height:500px;margin-right:30px}.editmemory-tag{font-size:16px;font-weight:500;margin:10px 0 10px -60%}.editmemory-taginput{width:400px;height:45px;border-radius:6px;font-size:14px}.editmemory-place{font-size:16px;font-weight:500;margin:10px 0 10px -60%}.editmemory-placeinput{width:400px;height:45px;border-radius:6px;font-size:14px}.editmemory-time{font-size:16px;font-weight:500;margin:10px 0 10px -55%}.editmemory-timeinput{width:400px;height:45px;border-radius:6px;font-size:14px}.editmemory-select{font-size:16px;font-weight:500;margin:10px 0 10px -50%}.editmemory-select-container{display:flex;margin-left:100px}.editmemory-pwd{font-size:16px;font-weight:500;margin:10px 0 10px -55%}.editmemory-pwdinput{width:400px;height:45px;border-radius:6px;font-size:14px}.editmemory-button{width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828}.comment-modal{width:480px;height:100%}.comment-title{font-size:24px;font-weight:700;display:flex;justify-content:center;margin:20px}.comment-nickname{font-size:16px;font-weight:500;margin-top:5px;margin-bottom:5px;margin-left:-75%}.comment-nicknameinput{width:400px;height:45px;margin:10px 0;border-radius:6px;font-size:14px}.comment-content{font-size:16px;font-weight:500;margin-top:5px;margin-bottom:5px;margin-left:-75%}.comment-content-container{display:flex;justify-content:center}.comment-contentinput{width:400px;height:120px;border-radius:6px;margin:10px 0;font-size:14px}.comment-pwd{font-size:16px;font-weight:500;margin-top:5px;margin-bottom:5px;margin-left:-65%}.comment-pwd-container{display:flex;justify-content:center}.comment-pwdinput{width:400px;height:45px;margin:10px 0;border-radius:6px;font-size:14px}.comment-button-container{display:flex;align-items:center;justify-content:center}.comment-button{width:400px;height:50px;border-radius:6px;color:#fff;background-color:#282828;margin-top:10px}.create{background-color:#fafafa;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;flex-direction:column}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;font-family:Arial,sans-serif;box-sizing:border-box}.logo-content{margin-bottom:20px;text-align:center}.logo-content img{width:100px}.form-container{width:100%;max-width:600px;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;margin:0 auto}.form-container h3{margin-bottom:30px;font-size:24px;color:#333;text-align:center}.form-group{margin-bottom:20px;display:flex;flex-direction:column;width:100%}.form-group label{margin-bottom:8px;font-weight:700;color:#555;text-align:left}.form-group input[type=text],.form-group input[type=password],.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.image-upload{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:10px;background-color:#fff;width:100%}.file-label{flex:1;color:#888;margin-right:10px}.image-upload input[type=file]{display:none}.image-upload button{padding:10px 15px;border:none;border-radius:4px;background-color:#282828;color:#fff;cursor:pointer}.form-group textarea{height:100px;resize:vertical}.visibility-options{display:flex;gap:15px;margin-top:10px}.form-group input[type=password]{margin-bottom:20px}.create-group{width:100%;padding:15px;border:none;border-radius:4px;background-color:#282828;color:#fff;font-size:16px;cursor:pointer;margin-top:30px}.create-group:hover{background-color:#218838}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:480px;height:298px;background:#fff;border-radius:6px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.modal-content h3{margin-top:60px;margin-bottom:10px}.modal-content p{margin-bottom:30px}.modal-content button{width:400px;height:50px;background-color:#282828;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:10px}.modal-content button:hover{background-color:#218838}.unified{background-color:#fafafa;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;flex-direction:column}.page-container{width:100%;max-width:1920px;margin:0 auto;padding:0 20px;background-color:#fafafa}.logo-content{position:absolute;top:0;width:100%;height:100px;background-color:#fafafa;display:flex;justify-content:center;align-items:center}.search-container{position:absolute;top:140px;display:flex;align-items:center;width:80%;max-width:1186px;height:45px;gap:10px;flex-direction:row;z-index:10}.menu{display:flex;gap:10px}.menu button{width:66px;height:45px;border-radius:22.5px;opacity:1;padding:0;font-size:16px;border:none;background-color:#fff;color:#000;cursor:pointer;position:relative}.menu button.active,.menu button:hover{background-color:#282828;color:#fff}.search-bar{flex:1;height:100%;padding:0 10px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.memory-grid-container{position:relative;width:100%;max-width:1200px;overflow-y:auto;max-height:calc(100vh - 200px);margin:0 auto;padding-top:20px;z-index:1}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.memory-card{background-color:#fff;border:1px solid #DDDDDD;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000001a;width:375px}.memory-card .memory-image{width:335px;height:250px;object-fit:cover;border-bottom:1px solid #DDDDDD;margin:20px}.memory-card .memory-info{padding:15px;display:flex;flex-direction:column;gap:10px;text-align:left}.memory-card .memory-header{display:flex;justify-content:flex-start;font-size:14px;color:#888;margin-bottom:10px}.memory-card .memory-details{display:flex;gap:10px}.memory-card h3{font-size:18px;margin:0;font-weight:700;text-align:left}.memory-card p{font-size:14px;margin:0;color:#555;text-align:left}.memory-card .memory-footer{display:flex;justify-content:space-between;margin-top:auto;gap:10px}.memory-footer .badge-section,.memory-footer .memory-section,.memory-footer .likes-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;text-align:left}.likes-section{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.likes-header{font-size:12px;margin:0;text-align:left}.likes-details{display:flex;align-items:center;gap:5px}.likes-section .flower-icon{width:10px;height:10px}.likes-section .likes-count{font-size:12px;text-align:left}.more-memory{width:1560px;height:60px;display:block;margin:30px auto;padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#fff;color:#000;cursor:pointer;border:2px solid #282828}.more-memory:hover{background-color:#000}.make-group{width:160px;height:50px;position:absolute;top:25px;right:20px;border-radius:25px;background:#282828;color:#fff;font-size:16px;border:none;cursor:pointer}.secondary-make-group{margin-top:60px;border-radius:30px;background:#282828;color:#fff;border:2px solid #282828;width:240px;height:60px;font-size:18px;cursor:pointer}.secondary-make-group:hover{background-color:#f1f1f1}.sort-dropdown{width:160px;height:45px;border:1px solid #ccc;border-radius:5px;padding:0 10px;font-size:16px;background-color:#fff;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}