/* 20261014 메인 써팀 안내 (옛 팝업 #promoPop 대체)
   PC: 왼쪽 아래 어두운 카드 / 휴대폰·태블릿(844px 이하): 아래 얇은 띠 (오른쪽 바로가기 버튼 왼쪽까지) */
.stPromo{position:fixed;left:24px;bottom:24px;z-index:950;box-sizing:border-box;width:372px;padding:16px 44px 16px 16px;border-radius:16px;
 background:#141414;color:#fff;display:flex;align-items:center;gap:14px;text-align:left;overflow:hidden;
 box-shadow:0 16px 40px rgba(0,0,0,.28);font-family:Pretendard,'Pretendard Variable','Noto Sans KR',sans-serif;
 transform:translateY(16px);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s,visibility 0s .45s}
.stPromo.on{transform:none;opacity:1;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s,visibility 0s}
.stPromo a{display:inline-flex;width:auto;height:auto}
.stPromo .stIc{flex:none;width:56px;height:56px;border-radius:14px;overflow:hidden}
.stPromo .stIc img,.stPromo .stM i img{width:100%;height:100%;display:block;object-fit:cover}
.stPromo .stTx{flex:1;min-width:0}
.stPromo .stLab{font-size:11px;font-weight:700;color:#ffbe5c;letter-spacing:.06em;margin:0 0 3px}
.stPromo .stTit{font-size:15.5px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.35;margin:0;word-break:keep-all}
.stPromo .stLk{margin-top:8px;font-size:13px;font-weight:700;color:#ffa624}
.stPromo .stLk:hover{color:#ffbe5c}
.stPromo button{border:0;background:none;padding:0;cursor:pointer;font-family:inherit}
.stPromo .stHide{position:absolute;right:14px;bottom:12px;font-size:11px;color:#777;text-decoration:underline;text-underline-offset:2px}
.stPromo .stHide:hover{color:#bbb}
.stPromo .stX{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;line-height:1}
.stPromo .stX:hover{background:rgba(255,255,255,.1);color:#fff}
.stPromo .stM{display:none}
@media (max-width:844px){
 .stPromo{left:12px;right:72px;bottom:16px;width:auto;height:52px;padding:0 4px 0 6px;border-radius:14px;gap:0}
 .stPromo .stIc,.stPromo .stTx,.stPromo .stHide{display:none}
 .stPromo .stM{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden}
 .stPromo .stM i{flex:none;width:40px;height:40px;border-radius:10px;overflow:hidden}
 .stPromo .stM b{color:#ffa624}
 .stPromo .stX{position:static;flex:none;order:2}
}
/* 모바일 메뉴가 열리면 숨김 (바로가기 .qk 와 같은 기준) */
body[style*="overflow-y: hidden"] .stPromo,body[style*="overflow-y:hidden"] .stPromo,body[style*="overflow: hidden"] .stPromo,body[style*="overflow:hidden"] .stPromo,#header.menu-open~.stPromo{opacity:0;visibility:hidden}
@media (prefers-reduced-motion:reduce){ .stPromo,.stPromo.on{transition:none} }