/* 플러스 미가입 예상 인센티브 배너. 포인트샵과 리포트에서 함께 쓴다. */
.pshop-plus-banner{position:relative;display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:8px;overflow:hidden;margin:0 15px 14px;padding:10px 12px;border:1px solid #f0d7a8;border-radius:16px;background:linear-gradient(90deg,#fff8ee 0%,#fff3dc 58%,#ffe8c2 100%);text-decoration:none;box-sizing:border-box}
.pshop-plus-banner__watermark{position:absolute;z-index:0;right:96px;top:50%;width:70px;height:50px;transform:translateY(-50%);background:url("https://d2nkkkpf88oxbk.cloudfront.net/static/v3.adpick/images/plus_banner_crown.png") center / contain no-repeat;opacity:.72;pointer-events:none}
.pshop-plus-banner__brand{position:relative;z-index:1;display:flex;align-items:center;gap:4px;flex:1 0 100%}
.pshop-plus-banner__crown{display:block;flex:0 0 auto;width:16px;height:12px;object-fit:contain}
.pshop-plus-banner__name{color:#a14d20;font-size:12px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.pshop-plus-banner__divider{display:none}
.pshop-plus-banner__body{position:relative;z-index:1;display:flex;align-items:center;flex:1 1 100%;gap:8px;min-width:0}
.pshop-plus-banner__text{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0}
.pshop-plus-banner__label{color:#1c1c1c;font-size:13px;font-weight:600;line-height:1.25;word-break:keep-all}
.pshop-plus-banner__amount{display:inline-flex;align-items:center;gap:6px;padding:5px 20px;border-radius:50px;background-color:antiquewhite;color:#bb4537;font-size:14px;font-weight:800;line-height:1.25;white-space:nowrap}
.pshop-plus-banner__amount:before{content:"";flex:0 0 auto;width:28px;height:22px;background:url("https://d2nkkkpf88oxbk.cloudfront.net/static/v3.adpick/images/plus_banner_coins.png") center / contain no-repeat}
.pshop-plus-banner__btn{flex:0 0 auto;margin-left:auto;padding:6px 12px;border:1px solid #c4784a;border-radius:999px;background-color:#fff;color:#c4784a;font-size:12px;font-weight:700;white-space:nowrap}
@media screen and (min-width: 440px){
.pshop-plus-banner{flex-wrap:nowrap}
.pshop-plus-banner__brand{flex:0 0 auto}
.pshop-plus-banner__divider{display:block;position:relative;z-index:1;flex:0 0 auto;align-self:stretch;width:1px;min-height:28px;background-color:#ead4ae}
.pshop-plus-banner__body{flex:1 1 auto}
.pshop-plus-banner__label{white-space:nowrap}
}
@media screen and (min-width: 768px){
.pshop-plus-banner{flex-wrap:nowrap;gap:14px;min-height:74px;padding:16px 22px}
.pshop-plus-banner__body{display:contents}
.pshop-plus-banner__watermark{right:132px;width:92px;height:66px;opacity:.72}
.pshop-plus-banner__brand{gap:6px}
.pshop-plus-banner__crown{width:26px;height:19px}
.pshop-plus-banner__divider{height:28px}
.pshop-plus-banner__name{font-size:15px;letter-spacing:0}
.pshop-plus-banner__text{position:relative;z-index:1;flex-direction:row;align-items:center;gap:10px;min-width:0}
.pshop-plus-banner__label{font-size:16px}
.pshop-plus-banner__amount{position:relative;z-index:1;font-size:26px}
.pshop-plus-banner__btn{position:relative;z-index:1}
.pshop-plus-banner__amount:before{width:34px;height:26px}
.pshop-plus-banner__btn{margin-left:auto;padding:8px 16px;font-size:13px}
}
@media screen and (min-width: 1430px){.pshop-plus-banner{margin-left:0;margin-right:0}}
/* 대시보드 모바일: 브랜드, 문구, 금액과 버튼 순으로 쌓고 흐릿한 왕관을 보여 준다 */
@media screen and (max-width: 767px){
.dashboard-plus-banner .pshop-plus-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:8px}
.dashboard-plus-banner .pshop-plus-banner__brand{position:relative;z-index:1;grid-column:1 / -1;padding-right:36px}
.dashboard-plus-banner .pshop-plus-banner__divider{display:none}
.dashboard-plus-banner .pshop-plus-banner__body,.dashboard-plus-banner .pshop-plus-banner__text{display:contents}
.dashboard-plus-banner .pshop-plus-banner__label{position:relative;z-index:1;grid-column:1 / -1;color:#1c1c1c;font-size:13px;font-weight:600;line-height:1.25;white-space:normal}
.dashboard-plus-banner .pshop-plus-banner__amount{position:relative;z-index:1;justify-self:start;min-width:0;max-width:100%;box-sizing:border-box;font-size:14px;gap:4px;padding:6px 10px}
.dashboard-plus-banner .pshop-plus-banner__amount:before{width:22px;height:18px}
.dashboard-plus-banner .pshop-plus-banner__btn{position:relative;z-index:2;justify-self:end;margin-left:0}
.dashboard-plus-banner .pshop-plus-banner__watermark{display:block;right:92px;top:auto;bottom:2px;width:84px;height:60px;transform:none}
}
/* 대시보드 PC: 띠배너 안의 놓친 인센티브. 모바일에서는 띠배너만 둔다 */
.dashboard-plus-forecast{display:none}
@media screen and (min-width: 768px){
.dashboard-plus-forecast{display:block;margin:0 22px 14px;padding-top:12px;border-top:1px solid #e2c48a;color:inherit;text-decoration:none}
.dashboard-plus-forecast__head{display:flex;align-items:center;gap:10px}
.dashboard-plus-forecast__icon{flex:0 0 auto;width:58px;height:auto}
.dashboard-plus-forecast__copy{min-width:0}
.dashboard-plus-forecast__title{margin:0;color:#1b2c37;font-size:16px;font-weight:800;letter-spacing:-.03em;line-height:1.35}
.dashboard-plus-forecast__title em{color:#ff7a3c;font-style:normal}
.dashboard-plus-forecast__cards{display:flex;gap:10px;margin-top:10px}
.dashboard-plus-forecast__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;border-radius:14px;background:#f3f3f5;text-align:center}
.dashboard-plus-forecast__label{display:block;margin-bottom:4px;color:#9aa1a9;font-size:12px;font-weight:600}
.dashboard-plus-forecast__amount{display:block;color:#a0a6ad;font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1.15;text-decoration:line-through}
.dashboard-plus-forecast__title{word-break:keep-all}
.dashboard-plus-banner{container-type:inline-size;container-name:plus-banner}
.dashboard-plus-banner .pshop-plus-banner__watermark{display:none}
/* 브랜드 바로 뒤에 문구와 금액을 붙여 가운데가 비지 않게 한다 */
.dashboard-plus-banner .pshop-plus-banner{flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 16px;min-height:0;padding:16px 20px}
.dashboard-plus-banner .pshop-plus-banner__brand{flex:0 0 auto;min-width:max-content;gap:6px}
.dashboard-plus-banner .pshop-plus-banner__crown{width:26px;height:19px}
.dashboard-plus-banner .pshop-plus-banner__name{font-size:16px}
.dashboard-plus-banner .pshop-plus-banner__body{display:flex;flex:1 1 auto;flex-wrap:wrap;box-sizing:border-box;max-width:100%;min-width:min(100%, max-content);align-items:center;justify-content:flex-start;gap:12px}
.dashboard-plus-banner .pshop-plus-banner__text{flex:0 0 auto;max-width:100%;min-width:0;flex-wrap:nowrap;align-items:center;gap:12px}
.dashboard-plus-banner .pshop-plus-banner__label{flex:0 0 auto;font-size:16px;white-space:nowrap}
.dashboard-plus-banner .pshop-plus-banner__amount{flex:0 0 auto;overflow:visible;font-size:clamp(16px, 3.1cqi, 24px);gap:6px;padding:6px 16px}
.dashboard-plus-banner .pshop-plus-banner__amount:before{width:30px;height:24px}
.dashboard-plus-banner .pshop-plus-banner__btn{flex:0 0 auto;margin-left:0;padding:8px 16px;font-size:14px}
/* 이 너비에서는 상단을 한 줄로 유지하고, 글자와 간격만 칸에 맞춘다 */
@container plus-banner (max-width: 860px){
.dashboard-plus-banner .pshop-plus-banner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;padding:12px 14px}
.dashboard-plus-banner .pshop-plus-banner__brand{flex:0 0 auto;gap:4px}
.dashboard-plus-banner .pshop-plus-banner__crown{width:20px;height:15px}
.dashboard-plus-banner .pshop-plus-banner__name{font-size:14px}
.dashboard-plus-banner .pshop-plus-banner__body{display:flex;flex:1 1 auto;flex-wrap:nowrap;min-width:0;max-width:none;align-items:center;justify-content:flex-start;gap:8px}
.dashboard-plus-banner .pshop-plus-banner__text{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;min-width:0;max-width:none;align-items:center;gap:8px}
.dashboard-plus-banner .pshop-plus-banner__label{flex:0 0 auto;font-size:13px;font-weight:600;white-space:nowrap}
.dashboard-plus-banner .pshop-plus-banner__amount{flex:0 0 auto;font-size:15px;gap:4px;padding:4px 10px}
.dashboard-plus-banner .pshop-plus-banner__amount:before{width:20px;height:16px}
.dashboard-plus-banner .pshop-plus-banner__btn{flex:0 0 auto;margin-left:0;padding:6px 10px;font-size:12px}
.dashboard-plus-forecast{margin:0 14px 12px}
.dashboard-plus-forecast__head{gap:8px}
.dashboard-plus-forecast__icon{width:46px}
.dashboard-plus-forecast__title{font-size:14px}
.dashboard-plus-forecast__cards{gap:6px}
.dashboard-plus-forecast__col{padding:10px 4px}
.dashboard-plus-forecast__label{font-size:11px;white-space:nowrap}
.dashboard-plus-forecast__amount{font-size:16px;white-space:nowrap}
}
@container plus-banner (max-width: 560px){
.dashboard-plus-banner .pshop-plus-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;flex-wrap:wrap;column-gap:10px;row-gap:8px}
.dashboard-plus-banner .pshop-plus-banner__brand{grid-column:1 / -1}
.dashboard-plus-banner .pshop-plus-banner__body,.dashboard-plus-banner .pshop-plus-banner__text{display:contents}
.dashboard-plus-banner .pshop-plus-banner__label{grid-column:1 / -1;white-space:normal}
.dashboard-plus-banner .pshop-plus-banner__amount{justify-self:start}
}
}
.report-plus-banner-wrap{box-sizing:border-box;width:100%;padding:0 3%;margin:8px auto 20px}
.report-plus-banner-wrap .pshop-plus-banner{max-width:1430px;margin:0 auto}
body.layout-fullwidth.layout-fullwidth--title.body-page-report .page-title-wrap:has(+ .report-plus-banner-wrap){margin-bottom:0}
#contents.contents-report .page-title-wrap:has(+ .report-plus-banner-wrap) .ui-depth3-wrap,
#contents.contents-report .page-title-wrap:has(+ .report-plus-banner-wrap) .ui-depth3-wrap .scrollbar,
#contents.contents-report .page-title-wrap:has(+ .report-plus-banner-wrap) .ui-depth3{margin-bottom:0;padding-bottom:0}
@media screen and (min-width: 768px){
.shopping-main .page-shopping-report.page-shopping-report-wrap,.shopping-main .page-shopping-report{max-width:none;width:100%}
.shopping-main .report-plus-banner-wrap + .page-shopping-report .content.myincome{margin-top:56px}
}
/* 대시보드·리포트 배너 닫기 */
.dashboard-plus-banner,.report-plus-banner{position:relative}
.plus-banner-close{position:absolute;z-index:3;top:8px;right:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f2d6ae;color:#6b3f1d;outline:none;font-size:18px;font-weight:400;line-height:1;cursor:pointer;box-shadow:none}
.dashboard-plus-banner .plus-banner-close{right:22px}
.report-plus-banner{max-width:1430px;margin:0 auto}
.report-plus-banner .pshop-plus-banner{max-width:none;margin:0}
/* 리포트 혜택 보기는 금액 옆에 두고, 닫기는 배너 오른쪽에 둔다 */
.pshop-plus-banner__main{display:contents;color:inherit;text-decoration:none}
.pshop-plus-banner--with-close{padding-right:48px}
.pshop-plus-banner--with-close .pshop-plus-banner__btn{margin-left:0}
.pshop-plus-banner--with-close .plus-banner-close{position:absolute;z-index:3;top:8px;right:10px;border:0;border-radius:50%;background:#f2d6ae;box-shadow:none;outline:none;color:#6b3f1d}
@media screen and (min-width: 768px){
.dashboard-plus-banner .plus-banner-close{top:12px;right:14px}
.dashboard-plus-banner .pshop-plus-banner{padding-right:44px}
.pshop-plus-banner--with-close{padding-right:62px}
.pshop-plus-banner--with-close .plus-banner-close{top:50%;right:16px;transform:translateY(-50%)}
}