/* Figma 175:1487: 342 x 486 content, 36px dismissal bar. */
.rf-promotion{inset:0;margin:auto;padding:0;border:0;border-radius:0;width:min(342px,calc(100vw - 24px),calc(70.37svh - 42.23px));max-width:none;height:fit-content;max-height:calc(100svh - 24px);overflow:auto;background:#fff;color:#222;box-shadow:0 16px 60px #0005;font-family:'Pretendard Variable',system-ui,sans-serif}
.rf-promotion::backdrop{background:#0008;backdrop-filter:none}
.rf-promotion[open]{display:block}
.rf-promotion,.rf-promotion *{box-sizing:border-box}
.rf-promotion-panel{position:relative}
.rf-promotion-content{position:relative;container-type:inline-size;aspect-ratio:342/486;overflow:hidden;background:#e9ecef}
.rf-promotion-background{position:absolute;left:-27.48538%;top:0;display:block;width:152.63158%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.rf-promotion-heading{position:absolute;top:9.356725cqw;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:7.017544cqw}
.rf-promotion-logo{width:129px;height:20.9953px;flex:none}
.rf-promotion-logo img{display:block}
.rf-promotion #rf-promotion-title{margin:0;padding:0;width:100%;font-family:inherit;font-size:9.356725cqw;font-weight:800;line-height:11.695906cqw;letter-spacing:0;text-align:center;color:#222;word-break:keep-all}
.rf-promotion .rf-promotion-price{position:absolute;top:50.877193cqw;left:0;width:100%;margin:0;padding:0;font-size:6.432749cqw;font-weight:800;line-height:1.5;text-align:center;letter-spacing:0;background:linear-gradient(90deg,#308b8c,#0d2626);background-clip:text;-webkit-background-clip:text;color:transparent}
.rf-promotion-benefits{position:absolute;top:65.789474cqw;left:calc(50% - .5px);transform:translateX(-50%);display:flex;flex-direction:column;gap:2.339181cqw;width:83.918129%;list-style:none;padding:0;margin:0}
.rf-promotion-benefits li{position:relative;height:13.450292cqw;width:100%;margin:0;padding:0}
.rf-promotion-benefits li>span{position:absolute;left:2.090592%;top:0;width:97.909408%;height:100%;display:flex;align-items:center;justify-content:center;border:1.5px solid #083132;border-radius:4px;background:#fff;font-family:'Noto Sans KR','Pretendard Variable',sans-serif;font-weight:700;font-size:4.97076cqw;line-height:normal;letter-spacing:0;white-space:nowrap;color:#005051}
.rf-promotion-benefits li>img{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block}
.rf-promotion-dismiss{height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:#fff;color:#444;font-size:11px;line-height:1.4}
.rf-promotion-dismiss label{display:flex;align-items:center;gap:5px;height:36px;cursor:pointer}
.rf-promotion-dismiss input{width:14px;height:14px;margin:0;accent-color:#005051}
.rf-promotion .rf-promotion-close{position:static;display:flex;align-items:center;gap:5px;min-height:36px;width:auto;height:36px;border:0;border-radius:0;background:transparent;padding:0 0 0 10px;color:#444;font:inherit;cursor:pointer}
.rf-promotion-close span{font-size:18px}
.rf-promotion :is(button,input):focus{outline:none}.rf-promotion[data-keyboard-focus=true] :is(button,input):focus-visible{outline:2px solid #005051;outline-offset:-2px}