.BlogIndex-module-scss-module__VGpRqG__blogIndex{background:#fff;padding-top:130px}.BlogIndex-module-scss-module__VGpRqG__head{text-align:center;padding-top:56px}.BlogIndex-module-scss-module__VGpRqG__pageTitle{letter-spacing:-.02em;color:#111114;font-size:40px;font-weight:700}.BlogIndex-module-scss-module__VGpRqG__tabBarWrap{pointer-events:none;z-index:5;margin-top:36px;position:sticky;top:140px}.BlogIndex-module-scss-module__VGpRqG__tabBarInner{justify-content:center;align-items:center;gap:8px;max-width:1780px;margin:0 auto;padding:0 16px;display:flex}.BlogIndex-module-scss-module__VGpRqG__tabBar{pointer-events:auto;scrollbar-width:none;background:#111114;border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:6px;display:flex;overflow-x:auto;box-shadow:0 10px 30px #11111438}.BlogIndex-module-scss-module__VGpRqG__tabBar::-webkit-scrollbar{display:none}.BlogIndex-module-scss-module__VGpRqG__tab{white-space:nowrap;color:#fffc;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out}.BlogIndex-module-scss-module__VGpRqG__tab:hover{color:#fff;background:#ffffff1a}.BlogIndex-module-scss-module__VGpRqG__tabActive{color:#fff;background:#ffffff40;font-weight:600}.BlogIndex-module-scss-module__VGpRqG__tabActive:hover{background:#ffffff40}.BlogIndex-module-scss-module__VGpRqG__searchWrap{pointer-events:auto;flex-shrink:0;align-items:center;gap:8px;display:flex}.BlogIndex-module-scss-module__VGpRqG__searchInput{background:#fff;border:1px solid #d8dce3;border-radius:999px;outline:none;width:224px;height:40px;padding:0 16px;font-size:14px}.BlogIndex-module-scss-module__VGpRqG__searchInput:focus{border-color:#008cff}.BlogIndex-module-scss-module__VGpRqG__searchButton{color:#ffffffd9;background:#111114;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:color .15s ease-out;display:flex;box-shadow:0 10px 30px #11111438}.BlogIndex-module-scss-module__VGpRqG__searchButton:hover{color:#fff}.BlogIndex-module-scss-module__VGpRqG__searchButton svg{width:18px;height:18px}.BlogIndex-module-scss-module__VGpRqG__gridWrap{max-width:1620px;margin:0 auto;padding:58px 150px 80px}.BlogIndex-module-scss-module__VGpRqG__grid{grid-template-columns:repeat(3,1fr);gap:70px 60px;display:grid}.BlogIndex-module-scss-module__VGpRqG__card{display:block}.BlogIndex-module-scss-module__VGpRqG__card:hover .BlogIndex-module-scss-module__VGpRqG__cardThumb{transform:scale(1.02)}.BlogIndex-module-scss-module__VGpRqG__card:hover .BlogIndex-module-scss-module__VGpRqG__cardTitle{color:#008cff}.BlogIndex-module-scss-module__VGpRqG__cardThumb{transition:transform .3s ease-out}.BlogIndex-module-scss-module__VGpRqG__cardTitle{color:#111114;margin-top:22px;font-size:21px;font-weight:700;line-height:1.4;transition:color .15s ease-out}.BlogIndex-module-scss-module__VGpRqG__cardExcerpt{-webkit-line-clamp:2;color:#6b7380;-webkit-box-orient:vertical;margin-top:10px;font-size:14.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.BlogIndex-module-scss-module__VGpRqG__cardMeta{align-items:center;gap:10px;margin-top:26px;display:flex}.BlogIndex-module-scss-module__VGpRqG__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.BlogIndex-module-scss-module__VGpRqG__authorName{color:#111114;font-size:14.5px;font-weight:500}.BlogIndex-module-scss-module__VGpRqG__date{color:#9ea6b2;margin-left:auto;font-size:14px}.BlogIndex-module-scss-module__VGpRqG__empty{text-align:center;color:#999;padding:96px 0;font-size:14px}@media (max-width:1280px){.BlogIndex-module-scss-module__VGpRqG__gridWrap{padding:48px 40px 72px}.BlogIndex-module-scss-module__VGpRqG__grid{gap:56px 36px}}@media (max-width:1024px){.BlogIndex-module-scss-module__VGpRqG__blogIndex{padding-top:100px}.BlogIndex-module-scss-module__VGpRqG__head{padding-top:40px}.BlogIndex-module-scss-module__VGpRqG__pageTitle{font-size:30px}.BlogIndex-module-scss-module__VGpRqG__tabBarWrap{margin-top:28px;top:110px}.BlogIndex-module-scss-module__VGpRqG__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.BlogIndex-module-scss-module__VGpRqG__blogIndex{padding-top:68px}.BlogIndex-module-scss-module__VGpRqG__tabBarWrap{top:78px}}@media (max-width:640px){.BlogIndex-module-scss-module__VGpRqG__gridWrap{padding:40px 20px 64px}.BlogIndex-module-scss-module__VGpRqG__grid{grid-template-columns:1fr;row-gap:44px}.BlogIndex-module-scss-module__VGpRqG__searchInput{width:144px}}