html,body,#root{height:100%;margin:0}body{margin:0;font-family:Pretendard,sans-serif;background-color:#fff;color:#111}body::-webkit-scrollbar{display:none}.wrapper{display:flex;flex-direction:column;min-height:100%;max-width:1300px;margin:0 auto;padding:0rem;box-sizing:border-box}.main-content{flex:1}body.dark{background-color:#121212;color:#f0f0f0}body.dark a{color:#f0f0f0}body.dark .header{background-color:#1e1e1e;border-bottom:1px solid #333}body.dark .service-card{background-color:#1e1e1e;color:#fff}body.dark .hamburger-menu{background-color:#2a2a2a;color:#f0f0f0}body.dark .hamburger-menu .nav-menu a{color:#f0f0f0}body.dark .hamburger-menu .nav-menu a:hover{color:#90cdf4}body.dark .hamburger-menu .icon-button img{filter:brightness(1.2)}body.dark .mobile-drawer{background-color:#000;color:#f0f0f0}body.dark .mobile-drawer .nav-menu a{color:#f0f0f0}body.dark .mobile-drawer-header{border-bottom:1px solid #837a7a}body.dark .mobile-icons .icon-button img{filter:brightness(.9)}body,.header,.hamburger-menu,.service-card{transition:background-color .3s ease,color .3s ease}.header{display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;height:90px;border-bottom:1px solid #eee;background-color:#fff;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;height:100%;flex:0 0 auto;max-width:260px;overflow:hidden}.logo a{display:flex;align-items:center;height:100%;padding:0}.logo-img{height:80px;max-height:90px;width:auto;object-fit:contain;display:block}.header-center{flex:1;display:flex;justify-content:center}.nav-menu{display:flex;list-style:none;gap:7rem;margin:0;padding:0;position:relative}.nav-menu li{position:relative}.nav-menu li a{text-decoration:none;color:#333;font-weight:500;font-size:1.3rem;display:inline-block;transition:color .3s,transform .1s}.nav-menu>li>a:hover{color:#000;transform:scale(1.05)}.nav-menu>li>a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:3px;background-color:#007acc;transition:width .3s}.nav-menu>li:hover>a:after{width:100%}.nav-menu li .dropdown{max-height:0;overflow:hidden;opacity:0;transition:max-height 1s ease,opacity .3s ease;position:absolute;top:140%;left:50%;transform:translate(-50%);background-color:#fff;box-shadow:0 2px 8px #00000026;border-radius:6px;min-width:150px;padding:0;z-index:300}.nav-menu li .dropdown li{padding:.5rem 1rem;white-space:nowrap;text-align:center}.nav-menu li:hover .dropdown{max-height:500px;opacity:1;padding:.5rem 0;transform:translate(-50%) translateY(5px)}.nav-menu li .dropdown li a{text-decoration:none;color:#000;font-size:1rem;font-weight:450;display:block;transition:transform .2s ease,background-color .2s ease}.nav-menu li .dropdown li a:hover{transform:scale(1.05);color:#007acc}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:2rem;margin-left:1rem;height:64px;flex-wrap:nowrap}.icon-button{background:none;border:none;padding:.5rem;cursor:pointer;transition:transform .2s ease}.icon-button:hover{transform:scale(1.2)}.search-container{display:flex;align-items:center;position:relative}.search-input{width:0;opacity:0;padding:.5rem;border:1px solid #3f3f3f;border-radius:10px;margin-right:0;font-size:.9rem;transition:width .3s ease,opacity .3s ease,margin-right .3s ease}.search-container:hover .search-input{width:160px;opacity:1;margin-right:.5rem}.search-icon{background:none;border:none;padding:0;cursor:pointer}.user-container{display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:center}.icon-button,.hamburger-button{width:24px;height:24px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer}.icon-button img,.hamburger-button img{width:24px;height:24px;object-fit:contain}.hamburger-button{display:none}.mobile-drawer{position:fixed;top:0;right:0;width:412px;height:100%;background-color:#fff;box-shadow:-2px 0 5px #00000026;z-index:200;transform:translate(100%);transition:transform .2s ease-in-out,opacity .3s;opacity:0;pointer-events:none;display:flex;flex-direction:column;padding:.5rem .1rem;box-sizing:border-box}.mobile-drawer.open{transform:translate(0);opacity:1;pointer-events:auto}.mobile-drawer-header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;border-bottom:1px solid #eee}.mobile-logo{font-weight:500;font-size:1.5rem}.mobile-icons{display:flex;gap:1.2rem}.mobile-icons .icon-button{width:36px;height:36px;padding:0;margin:0;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-icons .icon-button img{width:24px;height:24px;object-fit:contain}.nav-menu.vertical{list-style:none;margin:0;padding:1rem .5rem;display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-size:1.1rem;font-weight:600;color:#333;background:none;border:none;text-align:left;cursor:pointer}.accordion-item{border-bottom:1px solid #f0f0f0}.accordion-panel{max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .24s ease,opacity .18s ease;padding:0 1.5rem;will-change:max-height,opacity}.accordion-item.open .accordion-panel{opacity:1;pointer-events:auto;padding:.5rem 1.5rem .8rem}.accordion-trigger[aria-expanded=true] .chevron{transform:rotate(180deg);transition:transform .15s ease}.accordion-trigger[aria-expanded=false] .chevron{transform:rotate(0);transition:transform .15s ease}.drawer-sublink{width:100%;background:none;border:none;text-align:left;padding:.4rem 0;font-size:.95rem;font-weight:400;color:#444;cursor:pointer}.drawer-sublink:hover{text-decoration:underline}.chevron{font-size:.8rem;color:#777}.drawer-overlay{position:fixed;top:0;left:0;right:412px;height:100vh;background-color:#0000;z-index:150;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{background-color:#0000}to{background-color:#0000004d}}@media (max-width: 768px){.user-container{display:none}.hamburger-button{display:block}.header-center{display:none!important}}@media (min-width: 550px){.mobile-logo{visibility:hidden;pointer-events:none}}@media (max-width: 412px){.mobile-drawer{width:100%}.drawer-overlay{right:0}}.footer{width:100%;background-color:#f5f5f5;padding:1.5rem 0rem;border-top:1px solid #ddd;margin-top:100px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.footer-left{flex:1;min-width:250px}.footer-logo{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#5a5a5a}.footer-info p{font-size:.9rem;margin:.2rem 0;color:#333}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem;min-width:200px}.contact-button{background-color:#f5f5f5;color:#000;border:none;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;font-weight:500}.contact-button:hover{background-color:#b6b6b6}.sns-buttons{display:flex;gap:.5rem}.sns-icon-button{width:40px;height:40px;border-radius:50%;background-color:#fff;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer}.sns-icon-button img{width:60%;height:60%;object-fit:contain}.sns-button:hover{background-color:#b6b6b6}.footer-bottom{max-width:1200px;margin:1rem auto 0;display:flex;flex-wrap:wrap;gap:2rem;font-size:.85rem;color:#666;justify-content:center;border-top:1px solid #ddd;padding-top:1rem}.footer-bottom a{text-decoration:none;color:#666}.footer-bottom a:hover{text-decoration:underline}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-right{align-items:flex-start}.footer-bottom{flex-direction:column;align-items:center;gap:.5rem}}.support-banner{display:flex;width:100%;height:400px;background-color:#f4f4f4;border-bottom:0px solid #ffffff;overflow:hidden;border-radius:7px}.banner-left{flex:2;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.banner-track{display:flex;transition:transform .5s ease-in-out;height:100%;gap:1.5rem}.banner-item{flex:0 0 40%;max-width:40%;height:100%;display:flex;justify-content:center;align-items:center}.banner-item img{max-width:95%;max-height:95%;object-fit:contain;border-radius:10px;transition:transform .2s ease,box-shadow .2s ease}.banner-item img:hover{transform:scale(1.03) translateY(-3px);box-shadow:0 8px 20px #0003}.banner-right{flex:1;background:linear-gradient(0deg,#b6d8ff,#d6ecff);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:justify}.banner-right h1{font-size:2rem;line-height:1.8;margin-bottom:1.7rem;color:#09275e;max-width:350px}.banner-right h2{font-size:1.2rem;font-weight:500;line-height:1.8;margin-bottom:1.7rem;color:#09275e;max-width:350px}.search-button{background-color:#2b72de;color:#fff;border:none;padding:1rem;border-radius:80px;cursor:pointer;font-weight:600;font-size:1.3rem;transition:background-color .3s,transform .2s}.search-button:hover{background-color:#123492;transform:scale(1.05)}body.dark .support-banner{background-color:#2a2a2a;border-bottom:1px solid #000000}body.dark .banner-right{background-color:#2a2a2a;color:#f0f0f0}body.dark .search-button{background-color:#000}body.dark .search-button:hover{background-color:#3b38ff}body.dark .banner-item img{filter:brightness(.9)}@media (max-width: 768px){.support-banner{flex-direction:column;height:auto}.banner-left,.banner-right{flex:none;width:100%;height:auto}.banner-right{align-items:center;text-align:center}}.service-card{width:200px;height:180px;border-radius:20px;padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease;cursor:pointer}.service-card:hover{transform:translateY(-4px)}.emoji{font-size:5rem;margin-bottom:1rem}.service-title{font-weight:700;font-size:1.1rem;color:#000}.subtitle{text-align:center;color:#000;margin-top:4rem;margin-bottom:1rem;font-size:1.6rem;font-weight:500}.service-grid{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;padding:1rem;width:100%}.layout{display:flex;max-width:100%;padding:40px 20px}.sidebar{width:150px;display:flex;flex-direction:column;gap:16px;border-right:1px solid #ccc;padding-right:20px}.sidebar a{text-decoration:none;color:#444;font-size:1.1rem}.sidebar .active-link{font-weight:700;color:#2a5d9f}.main{flex:1;padding-left:40px;padding:2rem;min-height:70vh;overflow:hidden}.about-container{max-width:100%;margin:0;padding:0 20px;font-family:Pretendard,sans-serif;color:#333}.about-banner-wrapper{width:100%;margin-bottom:30px}.about-banner{width:100%;max-height:250px;object-fit:cover;border-radius:8px}.about-title{font-size:2.5rem;margin-top:0;margin-bottom:50px;text-align:center}.about-wrapper{display:flex;gap:0px;align-items:flex-start}.about-content{flex:2}.about-subtitle{font-size:1.5rem;margin-bottom:8px;color:#2a5d9f}.about-section-title{font-size:1.5rem;margin-top:40px;margin-bottom:8px;font-weight:700}.about-list{list-style:none;padding-left:0}.about-list li{margin-bottom:12px;position:relative}.about-list li:before{content:"•";position:absolute;left:0;color:#2a5d9f}.about-logo{flex:.7;text-align:center}.about-logo img{width:100%;max-width:90%;height:auto;border-radius:8px}.goal-container{max-width:100%;margin:0;padding:0 20px;font-family:Pretendard,sans-serif;color:#333}.goal-banner-wrapper{width:100%;margin-bottom:30px}.goal-banner{width:100%;max-height:250px;object-fit:cover;border-radius:5px}.goal-title{font-size:2.5rem;margin-top:0;margin-bottom:0;text-align:center}.goal-intro{font-size:1rem;color:#858585;line-height:1;text-align:center}.goal-section{margin-bottom:30px}.goal-subtitle{font-size:1.5rem;color:#000;margin-top:60px;margin-bottom:8px;font-weight:600}.goal-form form{display:flex;flex-direction:column;gap:16px;margin-top:16px;max-width:400px;margin-left:15px}.goal-form label{font-weight:600;color:#575757}.goal-form input{border:1px solid #ccc;border-radius:20px;font-size:.9rem;padding:10px 10px 10px 20px}.goal-form input:focus{outline:none;border-color:#2a5d9f;box-shadow:0 0 0 2px #2a5d9f33}.goal-form button{font-size:1rem;font-weight:600;padding:10px;margin-top:15px;background-color:#4192fc;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background-color .25s ease,transform .2s ease}.goal-form button:hover{background-color:#1963b7;transform:translateY(-2px)}.gallery-page{padding:0 20px}.gallery-title{font-size:1.8rem;font-weight:400;text-align:left;padding-bottom:.8rem;border-bottom:4px solid #000000;margin-top:0;margin-bottom:7rem;display:inline-block}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4rem}.gallery-item{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:3px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;object-fit:cover;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 15px 15px #0003}.gallery-item img.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;object-fit:cover;transition:transform .3s ease}.gallery-item img.placeholder-image{position:absolute;top:40%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);opacity:.5;object-fit:contain}.gallery-caption{position:absolute;bottom:0;width:100%;padding:.5rem 0rem;background:#2b2b2c;color:#fff;font-size:1.1rem;text-align:center}.no-posts-message{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;height:200px;font-size:1.1rem;color:#888;text-align:center}.gallery-bottom-area{display:flex;flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:2rem;position:relative}.gallery-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:1.1rem;color:#333;margin-bottom:1.5rem}.gallery-pagination button{background:none;border:1px solid #ccc;padding:6px 1px;cursor:pointer;font-size:1rem;transition:background .2s;min-width:32px;display:flex;align-items:center;justify-content:center}.gallery-pagination button:hover:not(:disabled):not(.active-page-btn){background-color:#ccc}.gallery-pagination .active-page-btn{background-color:#2b2b2c;color:#fff;font-weight:700;border:1px solid #2b2b2c}.gallery-write-btn-container{width:100%;max-width:100%;display:flex;justify-content:flex-end;padding:0 10px;margin:0 auto}.gallery-write-btn{font-size:1rem;font-weight:500;padding:8px 14px;background-color:#333;color:#fff;border:none;border-radius:3px;cursor:pointer;transform:scale(1);transition:transform .2s ease,background .2s ease}.gallery-write-btn:hover{transform:scale(1.08);background-color:#555}.board-page{padding:0 20px}.board-title{font-size:1.8rem;font-weight:400;text-align:left;padding-bottom:.8rem;border-bottom:4px solid #000000;margin-top:0;margin-bottom:3rem;display:inline-block}.board-search{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem}.board-search select{height:39px;padding:0 .8rem;font-size:.9rem;border:1px solid #ccc;margin-right:.5rem;border-radius:0;outline:none;transition:border-color .3s,box-shadow .3s}.search-input-group{display:flex;align-items:center}.board-search input{height:38px;padding:0 .8rem;font-size:.9rem;border:1px solid #ccc;border-right:none;border-radius:0;outline:none}.board-search button{height:39px;padding:0 1rem;background-color:#2b2b2c;color:#fff;border:1px solid #2b2b2c;border-left:none;border-radius:0;cursor:pointer;font-weight:500;transition:background-color .3s,transform .2s}.board-search button:hover{background-color:#2b2b2c;transform:scale(1.05)}.board-table{width:100%;border-top:2px solid #000000;border-collapse:collapse;table-layout:fixed}.board-table th,.board-table td{border-bottom:1px solid #ccc;padding:.6rem;text-align:center;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-table th{background-color:#fff;font-weight:600}.board-table tr:hover{background-color:#f9f9f9}body.dark .board-table th{background-color:#333;color:#fff}body.dark .board-table td{background-color:#222;color:#eee}body.dark .board-table tr:hover{background-color:#444}.board-table th:nth-child(1),.board-table td:nth-child(1){width:4%}.board-table th:nth-child(2),.board-table td:nth-child(2){width:80%}.board-table th:nth-child(3),.board-table td:nth-child(3){width:7%}.board-table th:nth-child(4),.board-table td:nth-child(4){width:12%}.board-table th:nth-child(5),.board-table td:nth-child(5){width:6%}body.dark .board-search select,body.dark .board-search input{background-color:#333;color:#f0f0f0;border:1px solid #555}body.dark .board-search button{background-color:#555}body.dark .board-search button:hover{background-color:#666}.board-bottom-area{display:flex;flex-direction:column;align-items:center;margin-top:3rem;margin-bottom:2rem;position:relative}.board-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:1.1rem;color:#333;margin-bottom:1.5rem}.board-pagination button{background:none;border:1px solid #ccc;padding:6px 1px;cursor:pointer;font-size:1rem;transition:background .2s;min-width:32px;display:flex;align-items:center;justify-content:center}.board-pagination button:hover:not(:disabled):not(.active-page-btn){background-color:#ccc}.board-pagination .active-page-btn{background-color:#2b2b2c;color:#fff;font-weight:700;border:1px solid #2b2b2c}.board-write-btn-container{width:100%;max-width:1200px;display:flex;justify-content:flex-end;padding:0 10px;margin:0 auto}.board-write-btn{font-size:1rem;font-weight:500;padding:.6rem 1.2rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transform:scale(1);transition:transform .2s ease,background .2s ease}.custom-container{max-width:100%;margin:0;padding:0 20px;font-family:Pretendard,sans-serif;color:#333}.custom-banner-wrapper{width:100%;margin-bottom:30px}.custom-banner{width:100%;max-height:250px;object-fit:cover;border-radius:8px}.custom-title{font-size:2.5rem;margin-top:0;margin-bottom:20px;text-align:center}.custom-wrapper{display:flex;gap:0px;align-items:flex-start}.custom-content{flex:2}.custom-subtitle{font-size:1.8rem;margin-bottom:8px;color:#2a5d9f}.custom-section-title{font-size:1.5rem;margin-top:40px;margin-bottom:8px;font-weight:700}.custom-list{list-style:none;padding-left:0}.custom-list li{margin-bottom:8px;padding-left:1.2em;position:relative}.custom-list li:before{content:"•";position:absolute;left:0;color:#2a5d9f}body.fade-in .login-container{animation:fadeSlideUp .5s ease}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:45vh;padding:2rem;margin-top:10vh}.login-title{font-size:2rem;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1.1rem;width:100%;max-width:360px}.login-input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:20px;transition:all .3s ease}.login-input:hover{border-color:#2a5d9f;background-color:#f8faff}.login-input:focus{outline:none;border-color:#2a5d9f;box-shadow:0 0 0 2px #2a5d9f33}.login-button{padding:.75rem;font-size:1rem;font-weight:600;background-color:#4192fc;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background-color .25s ease,transform .2s ease}.login-button:hover{background-color:#1963b7;transform:translateY(-2px)}.signup-link{font-size:.9rem;color:#666;text-align:center;margin-top:.5rem;transition:color .2s ease}.signup-link span{color:#2a5d9f;cursor:pointer;text-decoration:underline;transition:color .2s ease}.signup-link span:hover{color:#1c3f6b}.logout-box{display:flex;flex-direction:column;align-items:center;gap:1rem}body.fade-in .signup-container{animation:fadeSlideUp .5s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;margin-top:5vh}.signup-title{font-size:2rem;margin-bottom:1.5rem}.signup-form{display:flex;flex-direction:column;gap:1.1rem;width:100%;max-width:360px}.signup-input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:20px;transition:all .3s ease}.signup-input:hover{border-color:#2a5d9f;background-color:#f8faff}.signup-input:focus{outline:none;border-color:#2a5d9f;box-shadow:0 0 0 2px #2a5d9f33}.signup-button{padding:.75rem;font-size:1rem;font-weight:600;background-color:#4192fc;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background-color .25s ease,transform .2s ease}.signup-button:hover{background-color:#1963b7;transform:translateY(-2px)}.login-link{font-size:.9rem;color:#666;text-align:center;margin-top:.5rem;transition:color .2s ease}.login-link span{color:#2a5d9f;cursor:pointer;text-decoration:underline;transition:color .2s ease}.login-link span:hover{color:#1c3f6b}.create-post-container{max-width:800px;margin:3rem auto;padding:0 20px}.create-post-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:2.5rem;color:#2b2b2c}.create-post-form{display:flex;flex-direction:column;gap:1.5rem}.create-post-input,.create-post-textarea,.create-post-file{padding:1rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;transition:border-color .2s ease}.create-post-input:focus,.create-post-textarea:focus{border-color:#2b2b2c;outline:none}.create-post-textarea{height:350px;resize:vertical;border-radius:4px}.custom-file-upload{display:inline-block;background-color:#eee;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;color:#444;font-weight:500;width:fit-content;transition:background-color .2s ease,transform .3s}.custom-file-upload:hover{background-color:#ddd;transform:scale(1.02)}.custom-file-upload input[type=file]{display:none}.create-post-file-list{list-style:none;padding:0;margin:0}.create-post-file-item{display:flex;justify-content:space-between;align-items:center;background:#f8f8f8;border:1px solid #ddd;padding:.6rem 1rem;margin-bottom:6px;font-size:.95rem;border-radius:4px}.delete-file-btn{background:none;border:none;color:#888;font-size:1rem;font-weight:700;cursor:pointer;transition:color .2s,transform .3s}.delete-file-btn:hover{color:#d00;transform:scale(1.2)}.create-post-buttons{display:flex;justify-content:flex-end;gap:12px}.cancel-btn{background-color:#aaa;color:#fff}.cancel-btn:hover{background-color:#c5c5c5}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.gallery-image-item{position:relative;border:1px solid #ccc;border-radius:4px;overflow:hidden;cursor:grab;background:#f5f5f5;transition:transform .2s ease}.gallery-image-item:hover{transform:scale(1.05);z-index:2}.gallery-image-item img{width:100%;height:auto;display:block}.image-index{position:absolute;top:5px;right:5px;background:#2b2b2bcc;color:#fff;font-size:1rem;padding:1px 6px;border-radius:3px}.post-detail-page{max-width:900px;margin:3rem auto;padding:0 20px}.post-detail-title{font-size:1.9rem;font-weight:600;margin:0 0 .8rem;word-break:keep-all}.post-detail-meta{color:#666;font-size:.95rem;display:flex;align-items:center;gap:6px;margin-bottom:1.6rem}.meta-dot{color:#bbb}.meta-author{font-weight:500}.post-detail-content{white-space:pre-line;line-height:1.7;font-size:1.02rem;color:#222;padding:1.2rem 0;border-top:1px solid #000;border-bottom:1px solid #e5e5e5;min-height:70px}.post-detail-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:1rem}.post-detail-images img{width:100%;height:300px;object-fit:cover;border:1px solid #ddd;border-radius:4px}.post-detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.6rem}.delete-btn{background-color:#dc2626;border-color:#dc2626}.delete-btn:hover{background-color:#b91c1c;border-color:#b91c1c}.board-write-btn{font-size:1rem;font-weight:500;padding:8px 14px;background-color:#333;color:#fff;border:none;border-radius:3px;cursor:pointer;transform:scale(1);transition:transform .2s ease,background .2s ease}.board-write-btn:hover{transform:scale(1.02);background-color:#555}.cancel-btn{background-color:#aaa}.cancel-btn:hover{background-color:#888}.post-detail-page.not-found{max-width:900px;margin:3rem auto;padding:0 20px;color:#777;text-align:center}