@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;500;600;700&display=swap";
:root{--primary:#0052cc;--primary-hover:#0043a8;--bg-color:#f8f9fc;--card-bg:#fff;--text-main:#1a1e29;--text-muted:#6b7280;--border:#e2e8f0;--accent:#eef2ff;--font-family-base:"Pretendard", -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glass:0 8px 32px 0 #1f268712}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family-base);min-width:1400px;line-height:1.6;overflow-x:auto;overflow-y:visible!important}.layout-container{min-height:100vh;display:block}.main-body{align-items:stretch;min-height:calc(100vh - 90px);display:flex}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:220px;display:flex;box-shadow:2px 0 10px #00000008}.main-content{flex-direction:column;flex:1;display:flex}.top-header{background-color:var(--card-bg);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:90px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #00000005}.nav-links{align-items:center;gap:4.5rem;height:100%;display:flex}.nav-item{color:#1a2240;white-space:nowrap;border-bottom:3px solid #0000;padding-bottom:4px;font-size:1.15rem;font-weight:800;text-decoration:none;transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--primary);border-bottom-color:var(--primary)}.brand-logo{color:var(--primary);letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.brand-logo span{color:var(--text-main)}.hover-card-list{cursor:pointer;transition:transform .2s ease-in-out}.hover-card-list:hover{transform:translateY(-2px)}.hover-card{transition:all .2s ease-in-out}.hover-card:hover{transform:translateY(-4px);border-color:#cbd5e1!important;box-shadow:0 12px 30px #0000000f!important}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value]:before{content:attr(data-value)!important}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"기본크기"}.ql-editor img{margin:0 auto;display:block;width:100%!important;max-width:100%!important;height:auto!important}.hover-list-item{border-radius:8px;transition:all .25s ease-out}.hover-list-item:hover{background-color:#f1f5f9;transform:translate(8px)}.priority-image-wrapper{display:block;overflow:hidden}.priority-image-wrapper img{transition:transform .5s ease-in-out}.priority-image-wrapper:hover img{transform:scale(1.06)}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.03)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}.fade-in-up{animation:.6s ease-out forwards fadeInUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-out forwards fadeIn}.glass-panel{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);background:#ffffffb3;border:1px solid #fff6;border-radius:12px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/1000px 100% no-repeat;border-radius:4px;animation-name:shimmer;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}.view-all-text-link{color:#64748b;align-items:center;gap:4px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.view-all-text-link:hover{color:#2563eb;transform:translate(3px)}.view-all-btn{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:flex}.view-all-btn:hover{color:#1e293b;background-color:#e2e8f0;border-color:#cbd5e1;transform:translate(4px)}.tech-report-grid{grid-template-columns:repeat(4,1fr);gap:28px 24px;display:grid}@media (max-width:1200px){.tech-report-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.tech-report-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.tech-report-grid{grid-template-columns:1fr}}.tech-report-card{color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s;display:flex}.tech-report-card:hover{transform:translateY(-4px)}.tech-report-card:hover .tech-report-title{color:#2563eb!important}.tech-report-image-box{aspect-ratio:16/9;background-color:#f1f5f9;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.tech-report-image-box img{transition:transform .3s}.tech-report-card:hover .tech-report-image-box img{transform:scale(1.04)}
