.top_bar{left:0;position:fixed;top:0;transition:transform .2s;width:100%;z-index:10001}.top_bar.hide-in-article{transform:translateY(-100px)}.top_bar .top_bar_progress{background:#d1d5db;height:8px;position:relative}.top_bar .top_bar_progress .progress{background:linear-gradient(105deg,#19d771 13.94%,#44cebd 106.43%);height:100%;left:0;position:absolute;top:0;transition:width .1s ease;width:0}.top_bar .top_bar_info{background:#fff;box-shadow:0 4px 9px -6px rgba(0,0,0,.1),0 1px 8px 0 rgba(0,0,0,.06);height:68px}.top_bar .top_bar_inner{align-items:center;display:flex;gap:12px;height:100%;margin:0 auto;max-width:1220px}.top_bar .top_bar_inner a{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.top_bar .top_bar_tag{background:#8d26d5;border-radius:4px;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;line-height:160%;padding:6px 8px}.top_bar .top_bar_tag.아티클{background-color:#8d26d5}.top_bar .top_bar_tag.트렌드{background-color:#13a7ae}.top_bar .top_bar_tag.에세이{background-color:#5a53f3}.top_bar .top_bar_tag.솔루션{background-color:#25c032}.top_bar .top_bar_title{color:#4b5563;font-size:16px;font-weight:500;letter-spacing:-.16px;line-height:160%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1220px){.top_bar .top_bar_inner{padding:0 20px}}@media screen and (max-width:768px){.top_bar .top_bar_inner a{display:none}}