/* 온 펼침배너 v1.3.0 */
.onxb{width:100%;box-sizing:border-box}
.onxb *{box-sizing:border-box}
.onxb .onxb-list{display:flex;gap:var(--onxb-gap);height:var(--onxb-h);margin:0!important;padding:0!important;list-style:none!important}
.onxb .onxb-item{position:relative;flex:1 1 0;min-width:0;margin:0!important;padding:0!important;overflow:hidden;border-radius:var(--onxb-r);transition:flex-grow var(--onxb-speed) cubic-bezier(.4,0,.2,1),height var(--onxb-speed) cubic-bezier(.4,0,.2,1);isolation:isolate;list-style:none!important}
.onxb .onxb-item::before{display:none!important}
.onxb .onxb-item.is-on{flex-grow:var(--onxb-grow)}
.onxb .onxb-link{position:absolute;inset:0;display:block;color:var(--onxb-color)!important;text-decoration:none!important;cursor:pointer}
.onxb .onxb-bg{position:absolute;inset:0;background:#333 center/cover no-repeat;transform:scale(1.08);transition:transform calc(var(--onxb-speed) * 2.5) ease}
.onxb .onxb-item.is-on .onxb-bg{transform:scale(1)}
.onxb .onxb-dim{position:absolute;inset:0;background:#000;opacity:var(--onxb-ov);transition:opacity var(--onxb-speed) ease}
.onxb .onxb-item.is-on .onxb-dim{opacity:var(--onxb-ov-on)}
.onxb .onxb-line{position:absolute;inset:15px;border:1px solid rgba(255,255,255,.55);border-radius:max(0px,calc(var(--onxb-r) - 8px));opacity:0;transform:scale(1.04);transition:opacity var(--onxb-speed) ease,transform var(--onxb-speed) ease;pointer-events:none}
.onxb .onxb-item.is-on .onxb-line{opacity:1;transform:scale(1)}
.onxb.onxb-no-line .onxb-line{display:none}

.onxb .onxb-txt{position:absolute;left:50%;top:50%;width:88%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--onxb-color)}
.onxb .onxb-t1{display:block;font-size:var(--onxb-ts);font-weight:700;line-height:1.25;letter-spacing:-.02em;white-space:nowrap;color:inherit;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.onxb .onxb-t2{display:block;font-style:normal;font-size:var(--onxb-t2s);font-weight:600;letter-spacing:.14em;line-height:1.3;margin-top:0;color:inherit;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--onxb-speed) ease,opacity var(--onxb-speed) ease}
.onxb .onxb-t3{display:block;font-size:var(--onxb-t3s);line-height:1.6;letter-spacing:.02em;color:inherit;opacity:0;max-height:0;overflow:hidden;margin-top:0;transform:translateY(8px);transition:max-height var(--onxb-speed) ease,opacity var(--onxb-speed) ease,transform var(--onxb-speed) ease,margin var(--onxb-speed) ease}
.onxb .onxb-item.is-on .onxb-t2{max-height:3em;opacity:.9;margin-top:var(--onxb-g1)}
.onxb .onxb-t2{transition:max-height var(--onxb-speed) ease,opacity var(--onxb-speed) ease,margin var(--onxb-speed) ease}
.onxb .onxb-item.is-on .onxb-t3{max-height:8em;opacity:.9;margin-top:var(--onxb-g2);transform:none;transition-delay:calc(var(--onxb-speed) * .4)}

.onxb .onxb-plus{position:absolute;right:0;bottom:0;width:56px;height:56px;border-top-left-radius:min(var(--onxb-r),14px);background:transparent;transition:background-color var(--onxb-speed) ease}
.onxb .onxb-plus::before,.onxb .onxb-plus::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;background:#fff;transform:translate(-50%,-50%)}
.onxb .onxb-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.onxb .onxb-item.is-on .onxb-plus{background:var(--onxb-point)}
.onxb.onxb-no-plus .onxb-plus{display:none}


/* 전체 폭 */
.onxb.onxb-bleed{position:relative;max-width:none!important}
/* 자동 맞춤: --onxb-k(0.6~1)는 스크립트가 배너 폭/1200 으로 계산 */
@media (min-width:769px){
	.onxb.onxb-fit .onxb-t1{font-size:calc(var(--onxb-ts) * var(--onxb-k,1))}
	.onxb.onxb-fit .onxb-t2{font-size:max(10px,calc(var(--onxb-t2s) * var(--onxb-k,1)))}
	.onxb.onxb-fit .onxb-t3{font-size:max(11px,calc(var(--onxb-t3s) * var(--onxb-k,1)))}
	.onxb.onxb-fit .onxb-item.is-on .onxb-t2{margin-top:calc(var(--onxb-g1) * var(--onxb-k,1))}
	.onxb.onxb-fit .onxb-item.is-on .onxb-t3{margin-top:calc(var(--onxb-g2) * var(--onxb-k,1))}
}
/* 모바일 */
@media (max-width:768px){
	.onxb .onxb-list{height:auto;gap:var(--onxb-mo-gap)}
	.onxb .onxb-t1{font-size:var(--onxb-tsm)}
	.onxb .onxb-t2{font-size:var(--onxb-t2sm)}
	.onxb .onxb-t3{font-size:var(--onxb-t3sm);line-height:1.55}
	.onxb .onxb-item.is-on .onxb-t2,.onxb.onxb-mo-grid2 .onxb-t2{margin-top:var(--onxb-g1m)}
	.onxb .onxb-item.is-on .onxb-t3{margin-top:var(--onxb-g2m)}
	.onxb .onxb-line{inset:10px}
	.onxb .onxb-plus{width:40px;height:40px}
	.onxb .onxb-plus::before,.onxb .onxb-plus::after{width:16px}

	.onxb.onxb-mo-accordion .onxb-list{flex-direction:column}
	.onxb.onxb-mo-accordion .onxb-item{flex:none;height:var(--onxb-mo-closed)}
	.onxb.onxb-mo-accordion .onxb-item.is-on{height:var(--onxb-mo-open)}
	.onxb.onxb-mo-accordion .onxb-item:not(.is-on) .onxb-plus{width:var(--onxb-mo-closed);max-width:56px;height:100%}

	.onxb.onxb-mo-grid2 .onxb-list{display:grid;grid-template-columns:1fr 1fr}
	.onxb.onxb-mo-grid2 .onxb-item{height:var(--onxb-mo-grid)}
	.onxb.onxb-mo-grid2 .onxb-item:last-child:nth-child(odd){grid-column:1 / -1}
	.onxb.onxb-mo-grid2 .onxb-dim{opacity:var(--onxb-ov-on)}
	.onxb.onxb-mo-grid2 .onxb-bg{transform:none}
	.onxb.onxb-mo-grid2 .onxb-t2{max-height:3em;opacity:.9}
	.onxb.onxb-mo-grid2 .onxb-t3,.onxb.onxb-mo-grid2 .onxb-line{display:none}
	.onxb.onxb-mo-grid2 .onxb-plus{width:32px;height:32px;background:var(--onxb-point)}
	.onxb.onxb-mo-grid2 .onxb-plus::before,.onxb.onxb-mo-grid2 .onxb-plus::after{width:12px}
}
@media (prefers-reduced-motion:reduce){
	.onxb *{transition-duration:.01s!important}
}