/* 2026-10-22 gsbanner (그록 봇): 골드스터디넷 스폰서 배너 (직접 광고, AdSense 아님). 롤백: 템플릿의 gsbanner 블록 삭제 */
.gsb-wrap{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:10px 0 16px;min-width:0}
.gsb{position:relative;display:block;width:100%;box-sizing:border-box;aspect-ratio:1440/344;border-radius:16px;overflow:hidden;isolation:isolate;text-decoration:none!important;color:#14213d;background:linear-gradient(135deg,#f7fbff 0%,#eef4fe 55%,#e3eefe 100%);box-shadow:0 1px 3px rgba(30,58,138,.06);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;-webkit-tap-highlight-color:transparent}
.gsb picture,.gsb>picture>img,.gsb__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.gsb__lb{position:absolute;top:7px;left:9px;z-index:3;font:600 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:.02em;color:#64748b;background:rgba(255,255,255,.82);border:1px solid rgba(100,116,139,.18);border-radius:999px;padding:3px 7px;pointer-events:none}
.gsb__sh{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.gsb__sh::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:28%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);transform:translateX(-120%) skewX(-18deg);animation:gsbShine 6s ease-in-out 1.2s infinite}
@keyframes gsbShine{0%{transform:translateX(-120%) skewX(-18deg)}22%,100%{transform:translateX(560%) skewX(-18deg)}}
@media (hover:hover) and (pointer:fine){.gsb:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,58,138,.16);filter:brightness(1.04)}}
.gsb:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.gsb__sh::after{animation:none;display:none}.gsb{transition:none}.gsb:hover{transform:none}}
@media (max-width:640px){.gsb{border-radius:12px}.gsb__lb{top:5px;left:6px;font-size:9px;padding:2px 6px}.gsb-wrap{margin:8px 0 12px}}
/* 다국어(텍스트) 버전: 배경 그림 + HTML 글자 */
.gsb--tx{display:flex;align-items:center}

.gsb__tx{position:relative;z-index:1;flex:1 1 auto;min-width:0;max-width:62%;padding:0 0 0 3.4%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Sans','PingFang SC','Noto Sans JP','Noto Sans SC',Roboto,sans-serif}
.gsb__h{display:block;font-weight:800;font-size:clamp(11px,2.05cqi,26px);line-height:1.2;letter-spacing:-.01em;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gsb__h em{font-style:normal;color:#1d4ed8}
.gsb__s{display:block;margin-top:.45em;font-weight:600;font-size:clamp(9px,1.35cqi,17px);color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gsb__s b{color:#1d4ed8}
.gsb__c{display:flex;gap:.5em;margin-top:.8em;font-size:clamp(8px,1.05cqi,13px);flex-wrap:nowrap;overflow:hidden}
.gsb__c i{font-style:normal;font-weight:600;color:#1e3a8a;background:rgba(255,255,255,.85);border:1px solid #dbe5fb;border-radius:999px;padding:.35em .8em;white-space:nowrap}
.gsb__b{position:absolute;z-index:1;right:2.4%;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.4em;font:700 clamp(9px,1.3cqi,16px)/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#fff;background:linear-gradient(180deg,#2f6bff,#1d4ed8);border-radius:999px;padding:.95em 1.4em;box-shadow:0 6px 14px rgba(29,78,216,.28);white-space:nowrap}
.gsb-wrap{container-type:inline-size}
@media (max-width:640px){.gsb--tx .gsb__c{display:none}.gsb--tx .gsb__tx{max-width:60%}.gsb--tx .gsb__h{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/* 정보 글(article): 왼쪽 칼럼 맨 위 */
.av2-wrap.has-rail>.gsb-wrap{grid-column:1;grid-row:1;margin:0 0 14px}
.av2-wrap.has-rail:has(>.gsb-wrap)>.av2-card{grid-row:2}
.av2-wrap.has-rail:has(>.gsb-wrap)>.av2-rail{grid-row:1/span 2}
.av2-wrap>.gsb-wrap{margin:0 0 14px}
/* 상품 본문 속 */
.cdv-card .gsb-wrap--mid{margin:28px 0 28px}
/* PPT 상세 */
.ppt-detail>.gsb-wrap{margin:4px 0 14px}
/* 위키 */
.wk-main>.gsb-wrap{margin:0 0 14px}
@media (max-width:640px){.gsb--tx{aspect-ratio:3.1/1}.gsb--tx .gsb__h{font-size:13.5px}.gsb--tx .gsb__s{font-size:10.5px;white-space:normal}.gsb--tx .gsb__b{font-size:11px;padding:.8em 1em}}
.gsb--tx>picture{position:absolute;top:0;right:15.5%;width:auto;height:100%;z-index:0}
.gsb--tx>picture>.gsb__art{position:static;display:block;height:100%;width:auto;object-fit:contain}
@media (max-width:640px){.gsb--tx>picture{right:19%}.gsb--tx .gsb__tx{max-width:58%}}
/* 텍스트 버전 크기 보정 (좁은 칼럼에서도 읽히게) */
.gsb--tx .gsb__h{font-size:clamp(12px,2.9cqi,26px);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gsb--tx .gsb__s{font-size:clamp(10px,1.9cqi,17px);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gsb--tx .gsb__c{font-size:clamp(8px,1.5cqi,13px);margin-top:.6em}
.gsb--tx .gsb__b{font-size:clamp(10px,1.8cqi,16px)}
@media (max-width:640px){.gsb--tx .gsb__h{font-size:13.5px}.gsb--tx .gsb__s{font-size:10.5px}.gsb--tx .gsb__c{display:none}}
/* v2 이미지(대학생 트레이딩 커뮤니티 · 골드스터디넷 가기) */
.gsb--tx>picture{right:21%}
.gsb__bw{position:absolute;z-index:1;right:2.2%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.45em}
.gsb__bw .gsb__b{position:static;transform:none}
.gsb__cm{font:700 clamp(8px,1.25cqi,12px)/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1e293b;white-space:nowrap}
.gsb__cm::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#ef4444;margin-right:.35em;vertical-align:.1em}
@media (max-width:640px){.gsb--tx>picture{right:24%}.gsb__cm{font-size:8.5px}.gsb--tx .gsb__tx{max-width:52%}}
.gsb--tx .gsb__tx{max-width:55%}
.gsb__bw{max-width:25%}
.gsb__bw .gsb__b{white-space:normal;text-align:center;justify-content:center;line-height:1.15}
.gsb__cm{white-space:normal;text-align:center}
@media (max-width:640px){.gsb--tx>picture{right:auto;left:50%;opacity:.35}.gsb--tx .gsb__tx{max-width:62%}.gsb__bw{max-width:33%;right:3%}.gsb__cm{font-size:8.5px}}

/* 2026-10-22 article_side (그록 봇): 아티클 우측 세로 배너. 롤백: 이 줄 + article_v2 gsb-wrap--side 삭제 */
.gsb-wrap--side{margin:0 0 18px}.gsb--side{aspect-ratio:600/1066;border-radius:14px}