:root{--primary-color: #000000;--secondary-color: #ffffff;--accent-color: #3a86ff;--text-main: #1d1d1f;--text-muted: #86868b;--bg-color: #f5f5f7;--card-bg: #ffffff;--transition-smooth: all .4s cubic-bezier(.25, .1, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}h2{font-size:2.5rem;font-weight:600}.filter-bar{background:var(--card-bg);border-radius:20px;padding:1.75rem 2rem;margin-bottom:.5rem;box-shadow:0 2px 16px #0000000d;display:flex;flex-direction:column;gap:1.25rem}.search-wrap{display:flex;align-items:center;gap:.75rem;background:#f5f5f7;border-radius:12px;padding:.75rem 1rem}.search-icon{color:#86868b;flex-shrink:0}.search-input{border:none;background:transparent;font-size:.95rem;flex:1;outline:none;color:var(--text-main)}.search-input::placeholder{color:#aaa}.search-clear{background:none;border:none;cursor:pointer;color:#aaa;padding:0;display:flex;align-items:center}.search-clear:hover{color:#333}.filter-section{display:flex;flex-direction:column;gap:.6rem}.filter-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1.5px solid #e0e0e0;background:transparent;border-radius:20px;padding:.35rem 1rem;font-size:.85rem;cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);white-space:nowrap}.chip:hover{border-color:var(--accent-color);color:var(--accent-color)}.chip-active{background:var(--accent-color);border-color:var(--accent-color);color:#fff!important;font-weight:600}.filter-summary{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #f0f0f0}.filter-count{font-size:.9rem;color:var(--text-muted)}.filter-count strong{color:var(--text-main)}.filter-reset{display:flex;align-items:center;gap:.3rem;background:none;border:1.5px solid #e0e0e0;border-radius:20px;padding:.3rem .9rem;font-size:.82rem;cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth)}.filter-reset:hover{border-color:#ff3b30;color:#ff3b30}.no-results{text-align:center;padding:6rem 0;color:var(--text-muted)}.no-results p{font-size:1.1rem;margin-bottom:1.5rem}.no-results button{background:var(--accent-color);color:#fff;border:none;border-radius:12px;padding:.75rem 2rem;font-size:.95rem;cursor:pointer;font-weight:600}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:4rem 0}.portfolio-slider{padding:2rem 0 3rem;display:flex;flex-direction:column;align-items:center}.slider-counter{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem;font-weight:500;letter-spacing:.02em}.slider-counter span:first-child{color:var(--accent-color);font-weight:700;font-size:1.1rem}.slider-content{display:flex;align-items:center;gap:1.5rem;width:100%;max-width:700px}.slider-card-wrapper{flex:1;min-width:0}.slider-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);flex-shrink:0}.slider-arrow:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 16px #3a86ff4d}.slider-arrow:disabled{opacity:.25;cursor:not-allowed}.slider-dots{display:flex;gap:8px;margin-top:2rem;flex-wrap:wrap;justify-content:center}.slider-dot{width:10px;height:10px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;transition:var(--transition-smooth)}.slider-dot.active{background:var(--accent-color);transform:scale(1.3)}.slider-dot:hover:not(.active){background:#a0a0a0}.pagination-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0 3rem}.pagination-jump{display:flex;align-items:center;gap:.6rem}.pagination-jump input{width:130px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:10px;font-size:.9rem;text-align:center;outline:none;transition:var(--transition-smooth)}.pagination-jump input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3a86ff1f}.pagination-jump input::placeholder{color:#b0b0b0;font-size:.8rem}.pagination-jump input::-webkit-outer-spin-button,.pagination-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-jump input[type=number]{-moz-appearance:textfield}.pagination-jump-hint{font-size:.75rem;color:var(--text-muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination-btn{width:40px;height:40px;border-radius:10px;border:1px solid #e0e0e0;background:#fff;color:var(--text-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.pagination-btn:hover:not(.active){background:#f0f0f0}.pagination-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px #3a86ff4d}.pagination-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid #e0e0e0;background:#fff;color:var(--text-main);cursor:pointer;transition:var(--transition-smooth)}.pagination-arrow:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-arrow:disabled{opacity:.25;cursor:not-allowed}.portfolio-card{background:var(--card-bg);border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px #0000000d;transition:var(--transition-smooth);position:relative}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.card-image-wrap{width:100%;aspect-ratio:16/10;background:#eee;overflow:hidden}.card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.portfolio-card:hover .card-image-wrap img{scale:1.05}.card-text-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;transition:var(--transition-smooth)}.image-with-overlay{position:relative;width:100%;height:100%;overflow:hidden}.image-with-overlay img{width:100%;height:100%;object-fit:cover}.card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start;padding:1.2rem 1.4rem;z-index:1;background:#00000080}.card-image-overlay-text{font-size:1.3rem;font-weight:700;color:#fff;text-align:left;white-space:pre-line;line-height:1.45;text-shadow:0 2px 6px rgba(0,0,0,.35)}.solution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.solution-list li{font-size:1.05rem;line-height:1.75;color:var(--text-main);padding-left:1.4rem;position:relative}.solution-list li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--accent-color);flex-shrink:0}.card-text-thumb.파랑색{background:linear-gradient(135deg,#3a86ff,#00d2ff)}.card-text-thumb.빨간색{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.card-text-thumb.보라색{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.card-text-thumb.초록색{background:linear-gradient(135deg,#0ba360,#3cba92)}.card-text-thumb.주황색{background:linear-gradient(135deg,#f6d365,#fda085)}.card-text-thumb.남색{background:linear-gradient(135deg,#243b55,#141e30)}.card-text-thumb.회색{background:linear-gradient(135deg,#bdc3c7,#2c3e50)}.card-text-thumb.검정색{background:linear-gradient(135deg,#434343,#000)}.card-text-thumb.흰색{background:#fff;border:1px solid #eee}.card-text-thumb.노란색{background:linear-gradient(135deg,#f6d365,#fffd3b)}.card-text-thumb.흰색 span,.card-text-thumb.노란색 span{color:#1d1d1f;text-shadow:none}.card-text-thumb span{color:#fff;font-size:2.2rem;font-weight:800;line-height:1.2;word-break:keep-all;text-shadow:0 2px 10px rgba(0,0,0,.1)}.card-content{padding:1.5rem}.card-category{font-size:.8rem;color:var(--accent-color);font-weight:600;margin-bottom:.5rem;display:block}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-desc{font-size:.95rem;color:var(--text-muted)}.detail-page{min-height:100vh;background:var(--bg-color)}.detail-topbar{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;gap:1rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-main);padding:.5rem 1rem;border-radius:10px;transition:var(--transition-smooth)}.back-btn:hover{background:#f0f0f5;color:var(--accent-color)}.detail-nav-arrows{display:flex;align-items:center;gap:.75rem}.nav-counter{font-size:.85rem;color:var(--text-muted);min-width:40px;text-align:center}.nav-arrow-btn{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid #e0e0e0;cursor:pointer;font-size:.85rem;color:var(--text-muted);padding:.4rem .8rem;border-radius:8px;transition:var(--transition-smooth);max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-arrow-btn:hover:not(:disabled){background:#f0f0f5;color:var(--text-main);border-color:#ccc}.nav-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.detail-bottom-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:5rem;padding-top:3rem;border-top:1px solid #eee;padding-bottom:4rem}.bottom-nav-btn{display:flex;align-items:center;gap:1rem;background:var(--card-bg);border:1px solid #eee;border-radius:16px;padding:1.5rem;cursor:pointer;transition:var(--transition-smooth);text-align:left}.bottom-nav-btn.next{justify-content:flex-end;text-align:right}.bottom-nav-btn:hover:not(.disabled){background:#f8f8fa;border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 24px #00000012}.bottom-nav-btn.disabled{opacity:.4;cursor:not-allowed}.bottom-nav-btn small{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.3rem}.bottom-nav-btn p{font-size:.95rem;font-weight:600;color:var(--text-main)}.detail-container{max-width:960px;margin:0 auto}.detail-header{margin-bottom:3rem;padding-top:3rem}.detail-info-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:4rem}.detail-info-item{margin-bottom:1.5rem}.info-label{font-size:1.1rem;font-weight:800;color:var(--text-main);text-transform:uppercase;display:block;margin-bottom:.8rem;letter-spacing:-.05em}.detail-main-info .info-label{font-size:1.15rem;color:var(--accent-color);border-left:3px solid var(--accent-color);padding-left:.6rem;letter-spacing:-.05em}.detail-images img{width:100%;border-radius:16px;margin-bottom:2rem}@media(max-width:768px){h1{font-size:2.5rem}.detail-info-grid{grid-template-columns:1fr;gap:2rem}.portfolio-grid,.detail-bottom-nav{grid-template-columns:1fr}.detail-topbar{flex-direction:column;align-items:flex-start;gap:.5rem}.nav-arrow-btn span{display:none}}