/* Equal exterior size; only the series artwork scrolls. */
@font-face{font-family:"Noto Sans KR";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/cell-series-20261013/noto-sans-kr-cta-bold.ttf") format("truetype")}
#osang-campaign-popup{--ocp-body-height:min(616px,calc(100dvh - 78px));--series-cta-height:37px;overflow:hidden}
#osang-campaign-popup .ocp-group{align-items:start}
#osang-campaign-popup .ocp-cell-series{height:calc(var(--ocp-body-height) + 54px);display:flex;flex-direction:column;border-radius:0;background:#f4f6fa;color:#26394a}
#osang-campaign-popup .ocp-cell-series .ocp-artwork{height:calc(var(--ocp-body-height) - var(--series-cta-height));min-height:0;flex:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;background:#f4f3f9;scrollbar-width:thin;scrollbar-color:#9da3aa #eef0f2}
#osang-campaign-popup .ocp-series-art{display:block;width:100%;height:auto}
#osang-campaign-popup .ocp-series-cta{position:static;flex:none;height:var(--series-cta-height);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;padding:0;border-top:0;background:#edf0f7}
#osang-campaign-popup .ocp-series-cta :is(a,button){display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:37px;padding:0 5px;border:0.5px solid #cbd3e2;border-radius:0;background:#f6f8fc;color:#34415f;font:500 13px/1.45 var(--font-body,"Pretendard",sans-serif);letter-spacing:-.025em;text-align:center;text-decoration:none;word-break:keep-all;box-shadow:none;transition:background-color .15s,border-color .15s}
#osang-campaign-popup .ocp-series-cta :is(a,button)>span{flex:none;font-family:Arial,sans-serif;font-size:14px;line-height:1}
#osang-campaign-popup .ocp-series-cta .ocp-consult{background:#d9e3f4;border-color:#b8c7e2;color:#2e4168;font-weight:600}
#osang-campaign-popup .ocp-series-cta :is(a,button):hover{background:#edf1f9;border-color:#b7c4db}
#osang-campaign-popup .ocp-series-cta .ocp-consult:hover{background:#cddaf0;border-color:#a8bddc}
#osang-campaign-popup .ocp-cell-series .ocp-footer{position:static;flex:none;height:54px;min-height:54px;background:oklch(0.34 0.035 59)}
#osang-campaign-popup .ocp-close,#osang-campaign-popup .ocp-close:hover{position:absolute;top:8px;right:8px;z-index:5;border-radius:0;background:transparent;color:#282532;box-shadow:none}
#osang-campaign-popup :is(a,button):focus-visible{outline:2px solid #b99b78;outline-offset:-3px}
@media(min-width:824px){#osang-campaign-popup:not(.ocp-carousel) .ocp-group{gap:20px}}
@media(max-width:823px){#osang-campaign-popup{--ocp-body-height:min(528px,calc(100dvh - 78px))}#osang-campaign-popup .ocp-series-cta{padding:0;gap:0}#osang-campaign-popup .ocp-series-cta :is(a,button){padding:0 5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#osang-campaign-popup .ocp-series-cta :is(a,button){transition:none}}
#osang-campaign-popup .ocp-series-cta :is(a,button){display:grid;place-items:center;font-family:"Noto Sans KR",sans-serif;font-weight:700;text-align:center}
#osang-campaign-popup .ocp-series-cta .ocp-consult{font-weight:700}
#osang-campaign-popup .ocp-series-cta :is(a,button){padding:0 5px}
#osang-campaign-popup .ocp-series-cta .ocp-cta-label{display:block;font:inherit;line-height:1.4;white-space:nowrap}
#osang-campaign-popup .ocp-close,#osang-campaign-popup .ocp-close:focus,#osang-campaign-popup .ocp-close:focus-visible{border:0;outline:0;box-shadow:none}
#osang-campaign-popup .ocp-close:hover{color:#8d6b43}
#osang-campaign-popup .ocp-close:focus-visible svg{stroke:#8d6b43;stroke-width:2.7;filter:drop-shadow(0 0 2px rgba(141,107,67,.35))}

#osang-campaign-popup .ocp-footer{background:oklch(0.34 0.035 59);border-top:1px solid rgba(244,223,196,.25)}
#osang-campaign-popup .ocp-footer button{color:#fffaf4}
#osang-campaign-popup .ocp-footer button+button{color:#f4dfc4;border-left-color:rgba(244,223,196,.25)}
#osang-campaign-popup .ocp-footer button:hover{background:rgba(244,223,196,.08)}

#osang-campaign-popup .ocp-cell-series .ocp-artwork::-webkit-scrollbar{display:block;width:9px}
#osang-campaign-popup .ocp-series-cta :is(a,button){border:0;box-shadow:inset 0 0 0 .5px #cbd3e2}
#osang-campaign-popup .ocp-series-cta .ocp-consult{box-shadow:inset 0 0 0 .5px #b8c7e2}
#osang-campaign-popup .ocp-series-cta a{font-size:11px;color:#000}
@media(max-width:823px){#osang-campaign-popup .ocp-series-cta a{font-size:11px}}

/* Larger CELL SERIES preview; certificate and deployed release stay unchanged. */
#osang-campaign-popup .ocp-cell-series{--ocp-body-height:min(700px,calc(100dvh - 118px))}
#osang-campaign-popup .ocp-carousel .ocp-cell-series{width:100%}

#osang-campaign-popup .ocp-cell-series .ocp-artwork::-webkit-scrollbar-track{background:#eef0f2}
#osang-campaign-popup .ocp-cell-series .ocp-artwork::-webkit-scrollbar-thumb{background:#9da3aa;border:2px solid #eef0f2;border-radius:6px}
#osang-campaign-popup .ocp-cell-series .ocp-artwork{scrollbar-gutter:stable}
#osang-campaign-popup .ocp-cell-series{height:auto;max-height:calc(100dvh - 64px)}
#osang-campaign-popup .ocp-cell-series .ocp-artwork{height:auto;max-height:calc(var(--ocp-body-height) - var(--series-cta-height));scrollbar-gutter:auto;flex:0 1 auto}