@charset "utf-8";

.sidebar-card{background:var(--surface);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}
.sidebar-title{margin-bottom:7px}
.sidebar-list{display:flex;flex-direction:column;gap:1px}
.sidebar-list div a{display:block;padding:3px 0;font-size:16px;font-weight:500;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.3s}
.sidebar-list div.on a{padding:3px 13px;background:#dbeafe;color:var(--primary)}
.sidebar-list div.active{background:var(--primary);color:#fff;font-weight:600}
.sgi-banner{background:#FFEFE2 url('./img/sgi_icon.png') no-repeat 90% 90%}
.sgi-banner .text{color:#FC382C}
.sgi-banner a{background:#FC382C}

@media(hover:hover){
.sidebar-list div:hover a{padding:3px 13px;background:#dbeafe;color:var(--primary)}
}
/* 반응형 [s] */
@media (max-width:1440px){
.sidebar-title{margin-bottom:5px}
.sidebar-card{padding:18px}
.sidebar-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.sidebar-list div a{padding:5px 11px;font-size:15px;background:#f5f5f5}
.sgi-banner .text{white-space:normal}
.sgi-banner{background-position:90% center}
}
@media (max-width:1024px){
.sidebar-card{border:1px solid var(--border)}
}
@media (max-width:768px){
.sidebar-card{padding:15px}
.sgi-banner{grid-column:span 2}
.sidebar-list div a{font-size:14px}
#sh_section .bnr-common a{padding:5px}
}
@media (max-width:580px){
.sgi-banner{grid-column:unset}
}
@media (max-width:390px){
}
/* 반응형 [e] */