.board-container{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh}.board-header{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:32px 20px 40px;position:relative;overflow:hidden}.board-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.header-content{z-index:1;max-width:1200px;margin:0 auto;position:relative}.back-link{color:#94a3b8;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{color:#fff;background:#ffffff1a}.header-title{text-align:center}.header-title h1{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:2.2rem;font-weight:800}.header-title p{color:#94a3b8;font-size:1.1rem}.board-main{max-width:1200px;margin:0 auto;padding:48px 20px}.intro-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:24px;margin-bottom:40px;padding:48px 40px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.intro-section:before{content:"";pointer-events:none;background:radial-gradient(600px 300px at 20% 10%,#2563eb26,#0000),radial-gradient(500px 250px at 80% 90%,#8b5cf61a,#0000);position:absolute;inset:0}.intro-section:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.intro-badge{color:#60a5fa;z-index:1;background:#2563eb33;border:1px solid #2563eb4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative}.badge-icon{justify-content:center;align-items:center;display:flex}.intro-title{color:#fff;letter-spacing:-.02em;z-index:1;margin-bottom:20px;font-size:1.85rem;font-weight:800;line-height:1.4;position:relative}.intro-title .highlight{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.intro-text{color:#94a3b8;word-break:keep-all;z-index:1;max-width:700px;margin:0 auto 32px;font-size:1rem;line-height:1.85;position:relative}.intro-text strong{color:#e2e8f0;font-weight:600}.intro-features{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:36px;display:flex;position:relative}.feature-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;transition:all .25s;display:flex}.feature-item:hover{background:#ffffff14;border-color:#2563eb4d;transform:translateY(-2px)}.feature-icon{color:#60a5fa;background:linear-gradient(135deg,#2563eb33,#8b5cf633);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-text{color:#e2e8f0;font-size:.95rem;font-weight:600}.intro-cta-btn{color:#fff;z-index:1;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:18px 40px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2563eb66}.intro-cta-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.intro-cta-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #2563eb80}.intro-cta-btn:hover:before{left:100%}.search-section{margin-bottom:32px}.search-form{gap:12px;margin-bottom:16px;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:16px}.search-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 44px 14px 48px;font-size:1rem;transition:all .2s}.search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:#94a3b8}.search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.search-clear:hover{color:#64748b}.search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #2563eb40}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb59}.search-result-count{color:#64748b;font-size:.95rem}.search-result-count strong{color:#2563eb;font-weight:600}.loading-state{text-align:center;color:#64748b;padding:80px 20px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#64748b;font-size:1rem}.empty-state{text-align:center;color:#64748b;background:#fff;border-radius:24px;padding:100px 20px;box-shadow:0 1px 3px #0000000f}.empty-icon{filter:grayscale(.3);margin-bottom:24px;font-size:5rem;display:block}.empty-state p{color:#475569;margin-bottom:8px;font-size:1.3rem;font-weight:500}.empty-sub{color:#94a3b8;font-size:1rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.post-card{background:#fff;border:1px solid #0000000a;border-radius:20px;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.post-card:hover{border-color:#2563eb1a;transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.post-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);position:relative;overflow:hidden}.post-thumbnail:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000005 100%);position:absolute;inset:0}.post-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.post-card:hover .post-thumbnail img{transform:scale(1.05)}.thumbnail-placeholder{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;display:flex}.post-info{padding:24px}.post-title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:1.15rem;font-weight:700;line-height:1.55;transition:color .2s;display:-webkit-box;overflow:hidden}.post-card:hover .post-title{color:#2563eb}.post-meta{color:#94a3b8;gap:16px;font-size:.9rem;display:flex}.post-meta span{align-items:center;gap:4px;display:flex}.pagination{background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000f}.pagination-btn{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#1e293b;background:#e2e8f0}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{align-items:center;gap:4px;display:flex}.pagination-item{align-items:center;display:flex}.pagination-ellipsis{color:#94a3b8;padding:0 8px}.pagination-num{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.pagination-num:hover{color:#1e293b;background:#f1f5f9}.pagination-num.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);font-weight:600}.board-footer{text-align:center;color:#94a3b8;background:#fff;border-top:1px solid #e2e8f0;padding:48px 20px;font-size:.9rem}.post-container{background:#f8fafc;min-height:100vh}.post-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:16px 20px;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.post-header .header-content{max-width:800px}.post-header .back-link{margin-bottom:0;padding:8px 14px;font-size:.85rem}.post-article{max-width:800px;margin:0 auto;padding:48px 20px}.article-header{text-align:center;border-bottom:1px solid #e2e8f0;margin-bottom:48px;padding-bottom:32px}.article-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:20px;font-size:2.25rem;font-weight:800;line-height:1.35}.article-meta{color:#64748b;justify-content:center;gap:20px;font-size:.95rem;display:flex}.article-meta span{align-items:center;gap:6px;display:flex}.meta-date:before,.meta-views:before{content:"";background:#94a3b8;border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.article-content{color:#334155;font-size:1.125rem;line-height:1.9}.article-content h2{color:#0f172a;border-bottom:2px solid #e2e8f0;margin:48px 0 24px;padding-bottom:12px;font-size:1.6rem;font-weight:700}.article-content h3{color:#1e293b;margin:40px 0 20px;font-size:1.35rem;font-weight:600}.article-content p{margin-bottom:24px}.article-content img{border-radius:16px;max-width:100%;height:auto;margin:32px 0;box-shadow:0 4px 20px #00000014}.article-content a{color:#2563eb;border-bottom:1px solid #2563eb4d;font-weight:500;text-decoration:none;transition:all .2s}.article-content a:hover{border-bottom-color:#2563eb}.article-content ul,.article-content ol{margin:24px 0;padding-left:28px}.article-content li{margin-bottom:12px;padding-left:8px}.article-content blockquote{color:#475569;background:linear-gradient(135deg,#f0f9ff,#f8fafc);border-left:4px solid #2563eb;border-radius:0 12px 12px 0;margin:32px 0;padding:20px 24px;font-style:italic}.article-content iframe{border-radius:16px;max-width:100%;margin:32px 0;box-shadow:0 4px 20px #00000014}.article-content table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin:32px 0;font-size:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000f}.article-content table th,.article-content table td{text-align:left;vertical-align:top;border:1px solid #e2e8f0;padding:14px 18px}.article-content table th{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600}.article-content table td{color:#475569;background:#fff}.article-content table tr:hover td{background:#f8fafc}.article-content table caption{caption-side:bottom;color:#64748b;padding:12px;font-size:.9rem;font-style:italic}.post-nav{justify-content:center;gap:16px;max-width:800px;margin:0 auto;padding:0 20px 80px;display:flex}.nav-btn{color:#475569;background:#e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-btn:hover{background:#cbd5e1;transform:translateY(-2px)}.nav-btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb59}.nav-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2563eb66}.post-footer{text-align:center;color:#94a3b8;background:#fff;border-top:1px solid #e2e8f0;padding:48px 20px;font-size:.9rem}@media (max-width:768px){.posts-grid{grid-template-columns:1fr;gap:20px}.header-title h1{font-size:1.75rem}.header-title p{font-size:1rem}.board-main{padding:32px 16px}.intro-section{margin-bottom:28px;padding:32px 20px}.intro-title{font-size:1.4rem}.intro-text{font-size:.9rem;line-height:1.75}.intro-features{gap:10px}.feature-item{padding:10px 14px}.feature-icon{width:34px;height:34px}.feature-icon svg{width:18px;height:18px}.feature-text{font-size:.85rem}.intro-cta-btn{padding:16px 28px;font-size:.95rem}.post-info{padding:20px}.post-title{font-size:1.05rem}.search-form{flex-direction:column}.search-btn{width:100%}.pagination{flex-wrap:wrap;gap:6px;padding:16px}.pagination-btn{width:36px;height:36px}.pagination-num{min-width:36px;height:36px;padding:0 8px;font-size:.9rem}}@media (max-width:640px){.board-header{padding:24px 16px 32px}.article-title{font-size:1.65rem}.article-content{font-size:1rem}.article-content h2{font-size:1.35rem}.article-content h3{font-size:1.2rem}.post-nav{flex-direction:column;padding-bottom:60px}.nav-btn{text-align:center;justify-content:center;padding:14px 24px}.article-meta{flex-direction:column;gap:8px}.meta-date:before,.meta-views:before{display:none}.article-content table{-webkit-overflow-scrolling:touch;font-size:.9rem;display:block;overflow-x:auto}.article-content table th,.article-content table td{min-width:100px;padding:10px 12px}}.kakao-qr-section{text-align:center;margin-bottom:24px}.kakao-qr-link{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:16px;text-decoration:none;transition:all .3s;display:inline-flex}.kakao-qr-link:hover{background:#fef9c3;border-color:#fde047;transform:translateY(-4px)}.kakao-qr-image{border-radius:10px}.kakao-qr-text{color:#7c3aed;font-size:.85rem;font-weight:600}.board-footer .footer-contact{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:16px;display:flex}.board-footer .footer-contact p{color:#64748b;margin:0;font-size:.85rem}.board-footer .footer-label{color:#7c3aed;margin-right:4px;font-weight:600}.board-footer .kakao-link{color:#d4a500;font-weight:600;text-decoration:none;transition:all .2s}.board-footer .kakao-link:hover{color:#7c3aed;text-decoration:underline}.board-footer .copyright{color:#94a3b8;font-size:.8rem}@media (max-width:640px){.board-footer .footer-contact{flex-direction:column;gap:8px}}