/* 2026-10-13 sponsor (그록 봇): 직접 광고주 스폰서 자리. 높이를 미리 잡아 레이아웃이 밀리지 않음 */
.cdsp{position:relative;display:block;width:100%;box-sizing:border-box;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#f7f9ff 0%,#fbfcff 60%,#f4f7ff 100%);border:1px solid #e6ebfa;font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif;letter-spacing:-.02em;word-break:keep-all;contain:layout paint}
.cdsp *{box-sizing:border-box}
.cdsp--wide{aspect-ratio:1685/262}
.cdsp--side{aspect-ratio:1050/1439}
@media (max-width:640px){.cdsp--wide{aspect-ratio:8/3;border-radius:14px}}
.cdsp-wrap{margin:10px 0 14px}
.cdsp-wrap--list{margin:0 0 14px}
/* 광고주 배너 */
.cdsp__a{position:absolute;inset:0;display:block}
.cdsp__a img,.cdsp__a picture{display:block;width:100%;height:100%;object-fit:cover}
.cdsp__ad{position:absolute;top:8px;left:8px;z-index:2;font-size:10px;line-height:1;font-weight:600;color:#5b6b94;background:rgba(255,255,255,.86);border:1px solid rgba(79,107,237,.18);border-radius:999px;padding:4px 8px;pointer-events:none}
/* 기본 소재 (광고 문의) */
.cdsp__def{position:absolute;inset:0;display:flex;align-items:center;gap:20px;padding:0 clamp(18px,3.4vw,44px);color:#1e2a46;text-decoration:none}
.cdsp__def:hover{color:#1e2a46;text-decoration:none}
.cdsp__def::before{content:"";position:absolute;right:-60px;top:-70px;width:200px;height:200px;border-radius:50%;background:#eef2fd;z-index:0}
.cdsp__def::after{content:"";position:absolute;left:52%;bottom:-90px;width:170px;height:170px;border-radius:50%;background:#f0f3fd;z-index:0}
.cdsp__tx{position:relative;z-index:1;flex:1 1 auto;min-width:0}
.cdsp__pill{display:inline-block;font-size:11px;font-weight:600;color:#6e7fc7;background:#eaeefc;border-radius:999px;padding:4px 10px;margin:0 0 8px}
.cdsp__t{display:block;margin:0;font-size:clamp(16px,2.05vw,25px);font-weight:800;line-height:1.3;color:#1e2a46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdsp__t em{font-style:normal;color:#2f5bea}
.cdsp__s{display:block;margin:5px 0 0;font-size:clamp(12px,1.2vw,15px);color:#7b8499;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdsp__ill{position:relative;z-index:1;flex:0 0 auto;height:86%;aspect-ratio:300/346;background:url(/page/img/sponsor/cdsp_megaphone.webp) center/contain no-repeat;mix-blend-mode:multiply}
.cdsp__btn{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 20px;border-radius:12px;background:#2f5bea;color:#fff;font-size:14px;font-weight:700;box-shadow:0 6px 16px rgba(47,91,234,.25);transition:background .15s,transform .15s}
.cdsp__def:hover .cdsp__btn{background:#4f6bed;transform:translateY(-1px)}
.cdsp__btn i{font-style:normal;font-size:16px}
@media (max-width:900px){.cdsp--wide .cdsp__ill{display:none}}
@media (max-width:640px){
 .cdsp--wide .cdsp__def{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:0 18px}
 .cdsp--wide .cdsp__t{white-space:normal;font-size:16px}
 .cdsp--wide .cdsp__pill{margin:0 0 6px}
 .cdsp--wide .cdsp__s{font-size:12px;white-space:normal}
 .cdsp--wide .cdsp__btn{height:34px;padding:0 14px;font-size:13px;border-radius:10px}
}
/* 세로(사이드) 기본 소재 */
.cdsp--side .cdsp__def{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:22px 22px 22px;gap:8px}
.cdsp--side .cdsp__def::before{right:-70px;top:-70px}
.cdsp--side .cdsp__def::after{left:-60px;bottom:-80px}
.cdsp--side .cdsp__t{white-space:normal;font-size:20px}
.cdsp--side .cdsp__s{white-space:normal;font-size:13px;line-height:1.5}
.cdsp--side .cdsp__ill{align-self:center;height:auto;width:58%;max-width:170px}
.cdsp--side .cdsp__btn{width:100%;justify-content:center}
/* 기본 소재 이미지 (사용자 디자인, 1x/2x). 가로형은 PC 이미지 / 모바일은 HTML 버전 */
.cdsp__img{position:absolute;inset:0;display:block;z-index:3}
.cdsp__img img{display:block;width:100%;height:100%;object-fit:cover}
.cdsp--wide .cdsp__def{display:none}
@media (max-width:640px){.cdsp--wide .cdsp__img{display:none}.cdsp--wide .cdsp__def{display:flex}}
.cdsp-wrap--side{margin:0 0 16px}
/* 검색 페이지: hero 가 왼쪽 칼럼 안 (2026-10-13 sponsor) */
.srch-results>.srch-hero{margin-top:6px}
.srch-aside>.cdsp-wrap--side{margin-top:6px}
@media (max-width:1024px){
 .srch-aside.is-inline-mode{display:block}
 .srch-aside.is-inline-mode .srch-best{display:none}
 .srch-aside>.cdsp-wrap--side{max-width:360px;margin:20px auto 16px}
}
#srch-results{padding-top:0}
.cdsp__img picture{display:block;width:100%;height:100%}