@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

/* Bloom header / footer / menu / search — scoped to .bloom-chrome */

.bloom-chrome {
  --color-black:#000;
  --color-white:#fff;
  --color-ink:#262626;
  --color-gray-strong:#34383c;
  --color-gray-muted:#838b93;
  --color-gray-hairline:#e7e7e7;
  --color-brand:#ff5d5b;
  --color-primary:#ea5756;
  --color-surface:#f7f6f2;
  --font-weight-medium:500;
  --font-weight-semibold:600;
}


/* bloom header/footer/menu only — default mall CSS must not win here */

.bloom-chrome {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;
    color: #262626;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.bloom-chrome *,
.bloom-chrome *::before,
.bloom-chrome *::after {
    box-sizing: border-box;
}

.bloom-chrome header,
.bloom-chrome footer,
.bloom-chrome nav {
    all: revert;
    box-sizing: border-box;
    font: inherit;
    color: inherit;
}

.bloom-chrome a {
    color: inherit;
    text-decoration: inherit;
}

.bloom-chrome ul,
.bloom-chrome ol,
.bloom-chrome menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bloom-chrome button,
.bloom-chrome input {
    font: inherit;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

.bloom-chrome img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
}

.bloom-chrome h1,
.bloom-chrome h2,
.bloom-chrome h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

.bloom-m-nav {
    gap: 48px;
}

@media (max-width: 360px) {
    .bloom-m-nav { gap: 20px; }
}

.bloom-chrome .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.bloom-chrome .absolute{position:absolute}
.bloom-chrome .aspect-\[122\/202\]{aspect-ratio:122/202}
.bloom-chrome .auto-cols-fr{grid-auto-columns:minmax(0,1fr)}
.bloom-chrome .backdrop-blur-\[8px\]{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
.bloom-chrome .bg-\[\#aeaeae\]{background-color:#aeaeae}
.bloom-chrome .bg-\[\#f4f4f4\]{background-color:#f4f4f4}
.bloom-chrome .bg-black\/10{background-color:#0000001a}
.bloom-chrome .bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.bloom-chrome .bg-black\/20{background-color:#0003}
.bloom-chrome .bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.bloom-chrome .bg-black\/50{background-color:#00000080}
.bloom-chrome .bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.bloom-chrome .bg-brand{background-color:var(--color-brand)}
.bloom-chrome .bg-gray-hairline{background-color:var(--color-gray-hairline)}
.bloom-chrome .bg-gray-muted{background-color:var(--color-gray-muted)}
.bloom-chrome .bg-surface{background-color:var(--color-surface)}
.bloom-chrome .bg-transparent{background-color:#0000}
.bloom-chrome .bg-white{background-color:var(--color-white)}
.bloom-chrome .bg-white\/16{background-color:#ffffff29}
.bloom-chrome .bg-white\/16{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}
.bloom-chrome .bg-white\/90{background-color:#ffffffe6}
.bloom-chrome .bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.bloom-chrome .block{display:block}
.bloom-chrome .border-0{border-style:var(--tw-border-style);border-width:0}
.bloom-chrome .border-\[\#f0f0f0\]{border-color:#f0f0f0}
.bloom-chrome .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
.bloom-chrome .border-black{border-color:var(--color-black)}
.bloom-chrome .border-gray-hairline{border-color:var(--color-gray-hairline)}
.bloom-chrome .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}
.bloom-chrome .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
.bloom-chrome .border-transparent{border-color:#0000}
.bloom-chrome .caret-brand{caret-color:var(--color-brand)}
.bloom-chrome .fixed{position:fixed}
.bloom-chrome .flex{display:flex}
.bloom-chrome .flex-1{flex:1}
.bloom-chrome .flex-col{flex-direction:column}
.bloom-chrome .flex-wrap{flex-wrap:wrap}
.bloom-chrome .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
.bloom-chrome .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
.bloom-chrome .gap-\[124px\]{gap:124px}
.bloom-chrome .gap-\[12px\]{gap:12px}
.bloom-chrome .gap-\[16px\]{gap:16px}
.bloom-chrome .gap-\[22px\]{gap:22px}
.bloom-chrome .gap-\[24px\]{gap:24px}
.bloom-chrome .gap-\[26px\]{gap:26px}
.bloom-chrome .gap-\[32px\]{gap:32px}
.bloom-chrome .gap-\[36px\]{gap:36px}
.bloom-chrome .gap-\[3px\]{gap:3px}
.bloom-chrome .gap-\[46px\]{gap:46px}
.bloom-chrome .gap-\[48px\]{gap:48px}
.bloom-chrome .gap-\[4px\]{gap:4px}
.bloom-chrome .gap-\[56px\]{gap:56px}
.bloom-chrome .gap-\[6px\]{gap:6px}
.bloom-chrome .gap-\[8px\]{gap:8px}
.bloom-chrome .gap-x-\[24px\]{column-gap:24px}
.bloom-chrome .gap-y-\[16px\]{row-gap:16px}
.bloom-chrome .grid{display:grid}
.bloom-chrome .grid-flow-col{grid-auto-flow:column}
.bloom-chrome .grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}
.bloom-chrome .h-\[12px\]{height:12px}
.bloom-chrome .h-\[14px\]{height:14px}
.bloom-chrome .h-\[26px\]{height:26px}
.bloom-chrome .h-\[27px\]{height:27px}
.bloom-chrome .h-\[330px\]{height:330px}
.bloom-chrome .h-\[34px\]{height:34px}
.bloom-chrome .h-\[37px\]{height:37px}
.bloom-chrome .h-\[40px\]{height:40px}
.bloom-chrome .h-\[43px\]{height:43px}
.bloom-chrome .h-\[503px\]{height:503px}
.bloom-chrome .h-\[50px\]{height:50px}
.bloom-chrome .h-\[536px\]{height:536px}
.bloom-chrome .h-\[53px\]{height:53px}
.bloom-chrome .h-\[56px\]{height:56px}
.bloom-chrome .h-full{height:100%}
.bloom-chrome .h-px{height:1px}
.bloom-chrome .hidden,
.bloom-chrome.hidden{display:none}
.bloom-chrome .hover\:bg-\[\#f0f0f0\]:hover{background-color:#f0f0f0}
.bloom-chrome .hover\:bg-white:hover{background-color:var(--color-white)}
.bloom-chrome .hover\:border-gray-hairline:hover{border-color:var(--color-gray-hairline)}
.bloom-chrome .hover\:font-medium:hover{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
.bloom-chrome .hover\:shadow-\[0_0_24px_0_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:0 0 24px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.bloom-chrome .hover\:text-\[\#f34845\]:hover{color:#f34845}
.bloom-chrome .hover\:text-black:hover{color:var(--color-black)}
.bloom-chrome .hover\:text-brand:hover{color:var(--color-brand)}
.bloom-chrome .hover\:underline:hover{text-decoration-line:underline}
.bloom-chrome .inset-0{inset:0}
.bloom-chrome .inset-x-0{inset-inline:0}
.bloom-chrome .items-center{align-items:center}
.bloom-chrome .items-start{align-items:flex-start}
.bloom-chrome .justify-between{justify-content:space-between}
.bloom-chrome .justify-center{justify-content:center}
.bloom-chrome .justify-items-start{justify-items:start}
.bloom-chrome .leading-\[normal\]{--tw-leading:normal;line-height:normal}
.bloom-chrome .max-fold\:break-keep{word-break:keep-all}
.bloom-chrome .max-fold\:whitespace-normal{white-space:normal}
.bloom-chrome .max-w-\[122px\]{max-width:122px}
.bloom-chrome .max-w-\[1632px\]{max-width:1632px}
.bloom-chrome .max-w-\[250px\]{max-width:250px}
.bloom-chrome .max-w-\[430px\]{max-width:430px}
.bloom-chrome .max-w-full{max-width:100%}
.bloom-chrome .min-h-0{min-height:0}
.bloom-chrome .min-h-\[40px\]{min-height:40px}
.bloom-chrome .min-w-0{min-width:0}
.bloom-chrome .mt-\[12px\]{margin-top:12px}
.bloom-chrome .mt-\[8px\]{margin-top:8px}
.bloom-chrome .mt-px{margin-top:1px}
.bloom-chrome .mx-auto{margin-inline:auto}
.bloom-chrome .object-contain{object-fit:contain}
.bloom-chrome .object-cover{object-fit:cover}
.bloom-chrome .opacity-0{opacity:0}
.bloom-chrome .outline-none{--tw-outline-style:none;outline-style:none}
.bloom-chrome .overflow-hidden{overflow:hidden}
.bloom-chrome .overflow-y-auto{overflow-y:auto}
.bloom-chrome .p-\[16px\]{padding:16px}
.bloom-chrome .p-\[6px\]{padding:6px}
.bloom-chrome .pb-\[24px\]{padding-bottom:24px}
.bloom-chrome .pb-\[32px\]{padding-bottom:32px}
.bloom-chrome .pl-\[12px\]{padding-left:12px}
.bloom-chrome .pl-\[16px\]{padding-left:16px}
.bloom-chrome .pl-\[6px\]{padding-left:6px}
.bloom-chrome .pr-\[12px\]{padding-right:12px}
.bloom-chrome .pr-\[14px\]{padding-right:14px}
.bloom-chrome .pr-\[18px\]{padding-right:18px}
.bloom-chrome .pt-\[10px\]{padding-top:10px}
.bloom-chrome .pt-\[16px\]{padding-top:16px}
.bloom-chrome .pt-\[60px\]{padding-top:60px}
.bloom-chrome .pt-\[72px\]{padding-top:72px}
.bloom-chrome .px-\[12px\]{padding-inline:12px}
.bloom-chrome .px-\[16px\]{padding-inline:16px}
.bloom-chrome .px-\[24px\]{padding-inline:24px}
.bloom-chrome .py-\[12px\]{padding-block:12px}
.bloom-chrome .py-\[13px\]{padding-block:13px}
.bloom-chrome .py-\[14px\]{padding-block:14px}
.bloom-chrome .py-\[24px\]{padding-block:24px}
.bloom-chrome .py-\[4px\]{padding-block:4px}
.bloom-chrome .py-\[6px\]{padding-block:6px}
.bloom-chrome .py-\[7px\]{padding-block:7px}
.bloom-chrome .py-\[8px\]{padding-block:8px}
.bloom-chrome .relative{position:relative}
.bloom-chrome .right-\[16px\]{right:16px}
.bloom-chrome .right-\[20px\]{right:20px}
.bloom-chrome .rounded-\[1px\]{border-radius:1px}
.bloom-chrome .rounded-\[2px\]{border-radius:2px}
.bloom-chrome .rounded-\[30px\]{border-radius:30px}
.bloom-chrome .rounded-\[60px\]{border-radius:60px}
.bloom-chrome .rounded-\[6px\]{border-radius:6px}
.bloom-chrome .rounded-\[8px\]{border-radius:8px}
.bloom-chrome .rounded-b-\[16px\]{border-bottom-right-radius:16px;border-bottom-left-radius:16px}
.bloom-chrome .rounded-full{border-radius:3.40282e38px}
.bloom-chrome .shadow-\[0_0_24px_0_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 0 24px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.bloom-chrome .shadow-\[0_14px_24px_0_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 14px 24px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.bloom-chrome .shrink-0{flex-shrink:0}
.bloom-chrome .size-\[16px\]{width:16px;height:16px}
.bloom-chrome .size-\[22px\]{width:22px;height:22px}
.bloom-chrome .size-\[24px\]{width:24px;height:24px}
.bloom-chrome .size-\[28px\]{width:28px;height:28px}
.bloom-chrome .size-\[2px\]{width:2px;height:2px}
.bloom-chrome .size-\[32px\]{width:32px;height:32px}
.bloom-chrome .size-full{width:100%;height:100%}
.bloom-chrome .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.bloom-chrome .sticky{position:sticky}
.bloom-chrome .text-\[12px\]{font-size:12px}
.bloom-chrome .text-\[13px\]{font-size:13px}
.bloom-chrome .text-\[14px\]{font-size:14px}
.bloom-chrome .text-\[15px\]{font-size:15px}
.bloom-chrome .text-\[16px\]{font-size:16px}
.bloom-chrome .text-\[18px\]{font-size:18px}
.bloom-chrome .text-\[20px\]{font-size:20px}
.bloom-chrome .text-\[24px\]{font-size:24px}
.bloom-chrome .text-black{color:var(--color-black)}
.bloom-chrome .text-brand{color:var(--color-brand)}
.bloom-chrome .text-gray-muted{color:var(--color-gray-muted)}
.bloom-chrome .text-gray-strong{color:var(--color-gray-strong)}
.bloom-chrome .text-left{text-align:left}
.bloom-chrome .text-primary{color:var(--color-primary)}
.bloom-chrome .text-white{color:var(--color-white)}
.bloom-chrome .top-0{top:0}
.bloom-chrome .top-1\/2{top:50%}
.bloom-chrome .top-\[20px\]{top:20px}
.bloom-chrome .top-full{top:100%}
.bloom-chrome .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.bloom-chrome .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.bloom-chrome .w-\[100px\]{width:100px}
.bloom-chrome .w-\[104px\]{width:104px}
.bloom-chrome .w-\[120px\]{width:120px}
.bloom-chrome .w-\[128px\]{width:128px}
.bloom-chrome .w-\[160px\]{width:160px}
.bloom-chrome .w-\[200px\]{width:200px}
.bloom-chrome .w-\[237px\]{width:237px}
.bloom-chrome .w-\[270px\]{width:270px}
.bloom-chrome .w-\[640px\]{width:640px}
.bloom-chrome .w-\[98px\]{width:98px}
.bloom-chrome .w-fit{width:fit-content}
.bloom-chrome .w-full{width:100%}
.bloom-chrome .w-px{width:1px}
.bloom-chrome .whitespace-nowrap{white-space:nowrap}
.bloom-chrome .z-30{z-index:30}
.bloom-chrome .z-50{z-index:50}
@media (hover:hover){.bloom-chrome .hover\:text-\[\#f34845\]:hover{color:#f34845}.bloom-chrome .hover\:border-gray-hairline:hover{border-color:var(--color-gray-hairline)}.bloom-chrome .hover\:underline:hover{text-decoration-line:underline}.bloom-chrome .hover\:shadow-\[0_0_24px_0_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:0 0 24px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bloom-chrome .hover\:bg-\[\#f0f0f0\]:hover{background-color:#f0f0f0}.bloom-chrome .hover\:text-brand:hover{color:var(--color-brand)}.bloom-chrome .hover\:text-black:hover{color:var(--color-black)}.bloom-chrome .hover\:bg-white:hover{background-color:var(--color-white)}.bloom-chrome .hover\:font-medium:hover{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}
@media not all and (min-width:360px){.bloom-chrome .max-fold\:break-keep{word-break:keep-all}.bloom-chrome .max-fold\:whitespace-normal{white-space:normal}}
@media (min-width:64rem){.bloom-chrome .lg\:hidden,.bloom-chrome.lg\:hidden{display:none}.bloom-chrome .lg\:block,.bloom-chrome.lg\:block{display:block}}

.bloom-chrome .w-auto { width: auto; }
.bloom-chrome .inline-flex { display: inline-flex; }
.bloom-chrome .object-left { object-position: left; }
.bloom-chrome .shrink { flex-shrink: 1; }
.bloom-chrome .max-w-\[1600px\] { max-width: 1600px; }
.bloom-chrome .max-w-\[calc\(100\%-48px\)\] { max-width: calc(100% - 48px); }
.bloom-chrome .pt-\[47px\] { padding-top: 47px; }
.bloom-chrome .px-\[60px\] { padding-inline: 60px; }
.bloom-chrome .w-\[536px\] { width: 536px; }
.bloom-chrome .placeholder\:text-\[\#545454\]::placeholder { color: #545454; }
.bloom-chrome .placeholder\:text-\[\#aeaeae\]::placeholder { color: #aeaeae; }
.bloom-chrome .aria-selected\:bg-white[aria-selected=true] { background-color: #fff; }
.bloom-chrome .aria-selected\:font-medium[aria-selected=true] { font-weight: 500; }
.bloom-chrome .aria-selected\:text-primary[aria-selected=true] { color: #ea5756; }
.bloom-chrome .group\/item:hover .group-hover\/item\:opacity-100,
.bloom-chrome .group\/item:hover .opacity-0.group-hover\/item\:opacity-100 { opacity: 1; }
.bloom-chrome .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button { appearance: none; }

.bloom-chrome .bloom-nav-drop {
    width: max-content;
    min-width: 200px;
}

.bloom-chrome .bloom-nav-drop a {
    white-space: nowrap;
}

.bloom-chrome .bloom-menu-panel {
    display: block;
    width: fit-content !important;
    max-width: calc(100vw - 200px);
    height: auto;
    margin-inline: auto;
}

.bloom-chrome .bloom-menu-event-thumb {
    display: block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 6px;
    background: #f3f3f3;
    flex-shrink: 0;
}

.bloom-chrome .bloom-menu-event-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

.bloom-chrome .px-\[40px\] { padding-inline: 40px; }
.bloom-chrome .px-\[80px\] { padding-inline: 80px; }
.bloom-chrome .p-\[48px\] { padding: 48px; }
.bloom-chrome .px-\[48px\] { padding-inline: 48px; }
.bloom-chrome .pt-\[40px\] { padding-top: 40px; }
.bloom-chrome .whitespace-nowrap { white-space: nowrap; }

@media (min-width: 64rem) {
    .bloom-chrome .lg\:block,
    .bloom-chrome.lg\:block { display: block; }
    .bloom-chrome .lg\:hidden,
    .bloom-chrome.lg\:hidden { display: none; }

    .bloom-chrome footer .bloom-kakao-btn,
    .bloom-chrome footer a.bg-brand {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: fit-content;
        white-space: nowrap !important;
    }

    .bloom-chrome footer .bloom-kakao-btn img,
    .bloom-chrome footer a.bg-brand img {
        display: block;
        flex-shrink: 0;
        width: 22px;
        height: 22px;
    }
}