.history-sales-section{scroll-margin-top:110px;margin-top:88px;padding-top:82px;border-top:1px solid #d8e4eb}
.history-sales-section .check-intro{margin-top:0}
.history-sales-section .sales-grid{position:relative;align-items:end;gap:14px;padding:34px 28px 28px;border:1px solid #174d73;border-radius:24px;background:linear-gradient(145deg,#052944 0%,#073d64 58%,#07517a 100%);overflow:hidden;box-shadow:0 24px 55px rgba(1,47,79,.18)}
.history-sales-section .sales-grid:before{content:"";position:absolute;inset:34px 28px 108px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.11) 0,rgba(255,255,255,.11) 1px,transparent 1px,transparent 72px);pointer-events:none}
.history-sales-section .sales-bar{position:relative;z-index:1;height:430px;min-height:430px;padding:18px 15px;border-color:rgba(168,221,242,.28);border-radius:16px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.history-sales-section .sales-bar:hover{transform:translateY(-6px);border-color:rgba(100,221,249,.75);background:rgba(255,255,255,.12)}
.history-sales-section .sales-bar i{flex:none;height:var(--height);min-height:0;margin-bottom:17px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#58ddf4 0%,#08a7d9 38%,#0872b7 100%);box-shadow:0 0 24px rgba(48,204,241,.25)}
.history-sales-section .sales-bar b{color:#bdeeff;font-size:15px;letter-spacing:.06em}
.history-sales-section .sales-bar strong{margin-top:6px;color:#fff;font-size:clamp(22px,2vw,29px);font-weight:850;letter-spacing:-.045em;line-height:1.1}
.history-sales-section .sales-bar em{display:inline-flex;align-self:flex-start;margin-top:9px;padding:5px 8px;border-radius:999px;color:#aeefff;background:rgba(49,205,239,.13);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.02em}
.history-sales-section .sales-bar small{margin-top:8px;color:rgba(220,240,248,.63);font-size:10px}
.history-sales-section .sales-bar:nth-child(4){border-color:#5bdef6;background:rgba(34,190,226,.14);box-shadow:0 18px 35px rgba(0,23,39,.25),inset 0 0 0 1px rgba(91,222,246,.18)}
.history-sales-section .sales-bar:nth-child(4):before{content:"최고 매출";position:absolute;top:13px;right:12px;padding:5px 8px;border-radius:999px;color:#05304b;background:#8cecff;font-size:9px;font-weight:900;letter-spacing:.04em}
.history-sales-section .sales-bar:nth-child(5) em{color:#ffd2d2;background:rgba(255,115,115,.15)}
.history-sales-section .sales-note{margin-top:17px;padding-left:2px;color:#73899a}
@media(max-width:760px){.history-sales-section{scroll-margin-top:88px;margin-top:64px;padding-top:58px}}
@media(max-width:900px){.history-sales-section .sales-grid{padding:24px}.history-sales-section .sales-bar{height:390px;min-height:390px}}
@media(max-width:640px){
  .history-sales-section .sales-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:16px;background:linear-gradient(145deg,#052944,#064b72)}
  .history-sales-section .sales-grid:before{display:none}
  .history-sales-section .sales-bar{display:grid;grid-template-columns:92px 1fr auto;grid-template-rows:auto auto auto;height:auto;min-height:128px;padding:18px}
  .history-sales-section .sales-bar i{grid-row:1/4;width:var(--bar);max-width:82px;height:100%!important;min-height:92px;margin:0 16px 0 0;border-radius:8px}
  .history-sales-section .sales-bar b{align-self:end}
  .history-sales-section .sales-bar strong{align-self:center;font-size:25px}
  .history-sales-section .sales-bar em{grid-column:3;grid-row:1;align-self:start;white-space:nowrap;margin:0}
  .history-sales-section .sales-bar small{align-self:start}
  .history-sales-section .sales-bar:nth-child(4):before{display:none}
}

.history-sales-section .sales-bar{height:470px;min-height:470px}
.history-sales-section .sales-bar strong{display:block;margin:8px -4px 0;padding:9px 5px 8px;color:#fff;font-size:clamp(30px,2.65vw,40px);font-weight:900;letter-spacing:-.055em;text-shadow:0 3px 16px rgba(0,0,0,.28)}
.history-sales-section .sales-bar b{font-size:16px;font-weight:850}
@media(max-width:900px){.history-sales-section .sales-bar{height:430px;min-height:430px}.history-sales-section .sales-bar strong{font-size:31px}}
@media(max-width:640px){.history-sales-section .sales-bar{height:auto;min-height:140px}.history-sales-section .sales-bar strong{margin:2px 0;padding:4px 0;font-size:30px}}