@charset "utf-8";

@import url("components_eatz2.css");

@import url("maintenance_eatz.css");

/* font_eatz.css 제외 — Pretendard 는 CDN 에서 온다 (2026-09-07) */

@import url("order_improvement.css");

:root { --IOSBottomPadding: 0px; --TopPadding: 0px; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font-size: 14px; font-weight: 400; font-style: normal; }

html { text-size-adjust: 100%; min-height: var(--reVh, 1vh); scroll-behavior: smooth; }

body { width: 100%; color: rgb(68, 68, 68); background-color: rgb(255, 255, 255); }

html, body { font-family: Pretendard, "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", MalgunGothic, 맑은고딕, sans-serif !important; overscroll-behavior-y: none; }

ol, ul, nav { list-style: none; }

blockquote, q { quotes: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0px; table-layout: fixed; }

a { text-decoration: none; color: inherit; }

select, input, button, textarea { display: inline-block; font-size: 13px; box-sizing: border-box; font-weight: 500; font-family: Pretendard, "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", MalgunGothic, 맑은고딕, sans-serif !important; }

embed, object { position: absolute; }

button { padding: 0px; margin: 0px; vertical-align: top; cursor: pointer; background-color: transparent; border: 0px; }

img { vertical-align: top; max-width: 100%; }

input { vertical-align: top; box-sizing: border-box; line-height: 14px; border-radius: 0px; background-clip: padding-box; }

textarea[disabled], textarea[readonly], select[disabled], select[readonly], input[disabled], input[readonly] { cursor: default !important; }

input[disabled] + label, input[readonly] + label { cursor: default !important; }

textarea { width: 100%; min-width: 100%; max-width: 100%; height: 110px; padding: 7px 10px; border: 1px solid rgb(221, 221, 221); color: rgb(17, 17, 17); line-height: 16px; border-radius: 0px; vertical-align: top; box-sizing: border-box; }

select { appearance: none; }

input::-webkit-input-placeholder { color: rgb(128, 135, 141); line-height: 14px; }

input::-webkit-input-placeholder { color: rgb(128, 135, 141); line-height: 14px; }

input::placeholder { color: rgb(128, 135, 141); line-height: 14px; }

input[type="button"]:hover { cursor: pointer; }

input[type="button"]:disabled { cursor: default; }

.ui-textarea::-webkit-input-placeholder { color: rgb(128, 135, 141); }

.ui-textarea::placeholder { color: rgb(128, 135, 141); }

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

button, input, select, textarea { margin: 0px; font-size: 100%; vertical-align: top; }

button { vertical-align: top; cursor: pointer; }

strong { font-weight: 700; }

h1, h2, h3, h4, h5, h6, pre { font-weight: 700; font-size: 100%; line-height: 1; }

caption, legend { width: 0px; height: 0px; font-size: 1px; text-indent: -9999rem; line-height: 0; margin: 0px; padding: 0px; border: 0px; }

a, a:active, a:focus, a:hover, a:link, a:visited, button, button:active, button:focus, button:hover, button:visited, textarea, textarea:active, textarea:focus, textarea:hover, select, select:active, select:focus, select:hover { text-decoration: none; }

.btn:focus, a.btn:focus { box-shadow: none; }

a.disabled, button[disabled], input[disabled] { pointer-events: none; cursor: default; }

header, footer, article, section, aside, details, figure, figcaption, nav, hgroup { display: block; margin: 0px; padding: 0px; }

audio[controls], canvas, video { display: inline-block; }

button, input, select, textarea { margin: 0px; font-size: 100%; vertical-align: baseline; }

button, input { line-height: normal; }

table button, table input { }

button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] { appearance: textfield; box-sizing: content-box; border-radius: 0px; }

input[type="search"]::-webkit-search-decoration { appearance: none; }

textarea { overflow: auto; vertical-align: top; }

textarea::-webkit-scrollbar { width: 3px; border-radius: 1.5px; }

textarea::-webkit-scrollbar-thumb { background: rgb(204, 204, 204); }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Pretendard, "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", MalgunGothic, 맑은고딕, sans-serif !important; }

label, a, button, select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

button { padding: 0px; background-color: transparent; border-width: 0px; outline: none; text-align: center; font-family: Pretendard, "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", MalgunGothic, 맑은고딕, sans-serif !important; }

button:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.test-pos-1 { z-index: 10000; position: absolute; left: 0px; right: 0px; height: 1px; background: red; }

.test-pos-2 { z-index: 10000; position: absolute; left: 0px; right: 0px; height: 1px; background: blue; }

.header-wrapper { z-index: 25; position: fixed; top: 0px; left: 0px; right: 0px; height: 55px; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; width: 100%; padding: 0px 20px; background: rgb(255, 255, 255); }

.header-wrapper [class^="btn-header"] { display: inline-block; width: 24px; height: 24px; }

.header-wrapper .btn-header-cart { position: relative; width: 30px; padding-right: 6px; z-index: 1; }

.header-wrapper .btn-header-cart .count { overflow: hidden; position: absolute; top: -4px; left: 16px; display: block; height: 18px; min-width: 18px; border-radius: 18px; padding: 1px 5px 0px; text-align: center; background: var(--brand, #B81B3E); color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 600; }

body.ios .header-wrapper .btn-header-cart .count, body.mac .header-wrapper .btn-header-cart .count { padding-top: 1px; }

.header-wrapper .btn-header-alarm { position: relative; }

.wrapper.has-top-sps .header-wrapper[data-mobile-only].scroll-up { box-shadow: none; }

.header-wrapper[data-mobile-only] .header-left { width: 100%; overflow: hidden; flex: 1 1 0%; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-right: 10px; }

.header-wrapper[data-mobile-only] .header-left [class^="btn-header"] { flex: 0 0 auto; }

.header-wrapper[data-mobile-only] .header-right { font-size: 0px; flex-shrink: 0; margin-left: auto; }

.header-wrapper[data-mobile-only] .btn-header-home { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.header-wrapper[data-mobile-only] .page-title { overflow: hidden; display: inline-block; vertical-align: top; max-width: 100%; white-space: nowrap; margin-left: 10px; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.header-wrapper[data-mobile-only] .btn-sub-gate { flex: 0 0 auto; width: 24px; height: 24px; margin-left: 3px; display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; transform: rotateZ(0deg); transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32); }

.header-wrapper[data-mobile-only] .btn-sub-gate.is-active { transform: rotateZ(180deg); }

.header-wrapper[data-mobile-only] .sub-gate-layer { z-index: 20; position: absolute; inset: 100% 0px 0px; display: none; background: rgb(255, 255, 255); overflow-x: auto; height: calc(var(--reVh, 1vh) - 55px + 1px); }

.header-wrapper[data-mobile-only] .sub-gate-layer .layer-inner { z-index: 2; position: relative; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-2dep-title { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list { margin: 0px 0px 40px; display: flex; flex-wrap: wrap; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item { width: 50%; padding: 10px; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .ico_area { display: inline-block; width: 35px; height: 35px; border-radius: 100%; border: 1px solid rgb(221, 221, 221); vertical-align: middle; margin-right: 8px; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item a { width: 100%; display: flex; align-items: center; padding: 0px !important; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .ico_area i { display: block; margin: 4px auto auto; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .txt { width: auto; font-size: 13px; letter-spacing: -1px; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-link, .header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more { padding: 9px 0px; font-size: 14px; line-height: 1.3; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 400; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-link.is-active, .header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more.is-active { color: rgb(0, 0, 0) !important; font-weight: 500; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more { position: relative; padding-right: 21px; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more::after { position: absolute; top: 12px; right: 0px; content: ""; width: 15px; height: 15px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .sub-4dep-list { display: none; padding: 10px 16px; margin: 9px 0px; background: rgba(239, 241, 243, 0.4); border-radius: 4px; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .sub-4dep-list .sub-gate-item .btn-sub-link { padding: 6px 0px; color: rgb(136, 136, 136); }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active { background-color: rgb(179, 228, 234); }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .txt { font-weight: 600; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .ico_area { border-color: rgb(125, 125, 125); }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active > .btn-sub-link { color: rgb(0, 0, 0); font-weight: 600; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .sub-4dep-list { display: block; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .btn-sub-more { text-decoration: underline; color: rgb(0, 0, 0); font-weight: 500; }

.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .btn-sub-more::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.header-wrapper[data-mobile-only] .sub-gate-layer.is-active { display: block; animation: 0.28s cubic-bezier(0.17, 0.67, 0.29, 1.32) 0s 1 normal forwards running opacityActive; }

.header-wrapper[data-pc-only] { position: relative; padding-left: 0px; padding-right: 0px; height: 130px; }

.header-wrapper[data-pc-only]::after { z-index: 2; display: block; content: ""; position: absolute; top: 40px; left: 0px; right: 0px; height: 1px; background: rgb(221, 224, 227); }

.header-wrapper[data-pc-only] .header-top { z-index: 3; position: relative; height: 40px; max-width: 1150px; padding: 5px 20px; margin: 0px auto; text-align: right; }

.header-wrapper[data-pc-only] .header-bottom { z-index: 2; position: relative; max-width: 1150px; height: 90px; padding: 0px 20px; margin: 0px auto; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.header-wrapper[data-pc-only] .header-logo .btn-logo { display: block; padding: 10px 0px; background: url("/lotte_assets/comm_header_logo.svg") center center / 72px 40px no-repeat; width: 72px; height: 60px; }

.header-wrapper[data-pc-only] .user-menu { display: inline-block; vertical-align: top; font-size: 0px; }

.header-wrapper[data-pc-only] .user-menu .user-item { display: inline-block; vertical-align: top; }

.header-wrapper[data-pc-only] .user-menu .user-item ~ .user-item { margin-left: 20px; }

.header-wrapper[data-pc-only] .user-menu .user-item .user-name { display: inline-block; padding: 6px 0px; vertical-align: top; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.header-wrapper[data-pc-only] .gnb-dep2-menu { margin-left: 60px; font-size: 0px; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .depth2-tit-link, .header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit-link { transition: color 0.14s; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .depth2-tit-link:hover, .header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit-link:hover { color: var(--brand, #B81B3E) !important; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .depth2-tit-link.is-active, .header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit-link.is-active { color: var(--brand, #B81B3E) !important; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit.is-active { color: var(--brand, #B81B3E) !important; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .depth4-tit-link { transition: color 0.14s; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .depth4-tit-link:hover { color: rgb(0, 0, 0) !important; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .depth4-tit-link.is-active { color: rgb(0, 0, 0) !important; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .gnb-dep2 { position: relative; display: inline-block; vertical-align: top; }

.header-wrapper[data-pc-only] .gnb-dep2-menu .gnb-dep2 .depth2-tit-link { width: 117px; display: block; padding: 12px 0px; vertical-align: top; font-size: 20px; line-height: 24px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 600; text-align: left; }

.header-wrapper[data-pc-only] .gnb-dep3-menu { display: none; position: absolute; top: 63px; left: 0px; width: 100%; padding-right: 20px; }

.header-wrapper[data-pc-only] .gnb-dep3-menu .gnb-dep3 .depth3-tit-link, .header-wrapper[data-pc-only] .gnb-dep3-menu .gnb-dep3 .depth3-tit { display: block; padding: 7px 0px; color: rgb(0, 0, 0); letter-spacing: -1px; }

.header-wrapper[data-pc-only] .gnb-dep4-menu { margin: 3px 0px; }

.header-wrapper[data-pc-only] .gnb-dep4-menu .gnb-dep4 .depth4-tit-link { display: block; padding: 4px 0px; color: rgb(136, 136, 136); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.header-wrapper[data-pc-only] .util-menu { margin-left: auto; font-size: 0px; }

.header-wrapper[data-pc-only] .util-menu .util-item { display: inline-block; vertical-align: top; }

.header-wrapper[data-pc-only] .util-menu .util-item ~ .util-item { padding-left: 14px; }

.header-wrapper[data-pc-only] .btn-header-order { margin-left: 30px; }

.header-wrapper[data-pc-only] .sub-gnb-layer { overflow: hidden; content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; height: 130px; background: rgb(255, 255, 255); margin: 0px auto; }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner { display: inline-block; vertical-align: top; position: relative; left: 50%; margin-left: 220px; top: 130px; }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-container { width: 335px; height: 104px; }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-container .swiper-slide { overflow: hidden; width: 335px; height: 104px; border-radius: 4px; }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-container .swiper-pagination.swiper-pagination-fraction { transform: none; left: auto; right: 12px; bottom: 12px; backdrop-filter: blur(30px) brightness(85%); }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-next, .header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-prev { background: transparent; }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-next::before, .header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-prev::before { width: 30px; height: 30px; margin-top: -15px; border-radius: 30px; }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-next::before { right: -15px; }

.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-prev::before { left: -15px; }

@media (min-width: 891px) {
  .header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-pagination { display: block; }
}

.header-wrapper[data-pc-only].show-sub-gnb .gnb-dep3-menu { display: block; animation: 0.14s ease-in 0s 1 normal forwards running opacityActive; }

.header-wrapper[data-pc-only].show-sub-gnb .sub-gnb-layer { height: 420px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px; animation: 0.14s ease-in 0s 1 normal forwards running opacityActive; }

@media (min-width: 891px) and (max-width: 1150px) {
  .header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner { display: none; }
}

@media (min-width: 891px) {
  .header-wrapper[data-mobile-only] { display: none; }
}

body.sub-layer-open:not(.desktop) { position: fixed; width: 100%; height: var(--reVh, 1vh); top: 0px; left: 0px; overflow-y: hidden; }

.footer-wrapper .footer-inner { max-width: 1150px; padding: 29px 20px; margin: 0px auto; display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.footer-wrapper .footer-inner .copyright-wrap { margin-top: 20px; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.footer-wrapper .footer-inner .copyright-wrap .copyright { display: inline-block; color: rgb(136, 136, 136); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.footer-wrapper .footer-inner .copyright-wrap .sns-link-wrap { margin-left: 20px; font-size: 0px; }

.footer-wrapper .footer-inner .copyright-wrap .sns-link-wrap .sns-link { display: inline-block; vertical-align: top; width: 24px; height: 24px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.footer-wrapper .footer-inner .copyright-wrap .sns-link-wrap .sns-link ~ .sns-link { margin-left: 14px; }

.footer-wrapper .footer-inner .btn-family { position: relative; min-width: 180px; width: 180px; padding-right: 26px; text-align: left; -webkit-box-pack: start; justify-content: flex-start; }

.footer-wrapper .footer-inner .btn-family .text { font-weight: 500; }

.footer-wrapper .footer-inner .btn-family::before { position: absolute; display: block; content: ""; width: 10px; height: 10px; top: 16px; right: 16px; background: url("/lotte_assets/ui_ico_select_arr.svg") 0px 0px / cover no-repeat; }

.footer-wrapper .footer-inner .sns-link-list { margin-left: 20px; }

.footer-wrapper .sns-link-list { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.footer-wrapper .sns-link-list .sns-link-item { position: relative; }

.footer-wrapper .sns-link-list .sns-link-item ~ .sns-link-item { margin-left: 14px; }

.footer-wrapper .sns-link-list .sns-link-item .sns-link { display: inline-block; vertical-align: top; width: 24px; height: 24px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer { position: absolute; bottom: calc(100% + 11px); display: none; width: 134px; padding: 14px; border-radius: 4px; border: 1px solid rgb(0, 0, 0); background: rgb(255, 255, 255); }

.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer::after { position: absolute; left: 10px; bottom: -3px; content: ""; display: block; width: 6px; height: 6px; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255); border-image: none; transform: rotateZ(45deg); }

.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer .btn-layer-close { position: absolute; top: 3px; right: 3px; }

.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer .sns-sub-wrap { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; padding-right: 10px; }

.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer .sns-sub-wrap .btn-text-link ~ .btn-text-link { margin-top: 12px; }

.footer-wrapper .sns-link-list .sns-link-item.is-active .sns-sub-layer { display: block; }

.footer-wrapper .footer-left { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; padding-top: 7px; flex: 1 1 0%; }

.footer-wrapper .footer-right { width: 200px; text-align: right; }

.footer-wrapper .footer-tit { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; width: 134px; font-weight: 600; color: rgb(0, 0, 0); }

.footer-wrapper .footer-row { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.footer-wrapper .footer-row .footer-cont { flex: 1 0 auto; }

.footer-wrapper .footer-row.has-btn { -webkit-box-align: center; align-items: center; }

.footer-wrapper .footer-row ~ .footer-row { margin-top: 20px; }

.footer-wrapper .footer-menu { font-size: 0px; }

.footer-wrapper .footer-menu .footer-item .footer-menu-link { display: block; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.footer-wrapper .footer-logo { display: block; width: 63px; height: 30px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.footer-wrapper .footer-info { font-size: 0px; }

.footer-wrapper .footer-info .info { display: inline-block; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.footer-wrapper .footer-info .info ~ .info { margin-left: 10px; }

.footer-wrapper .footer-info .info-row ~ .info-row { margin-top: 5px; }

.footer-wrapper .footer-info ~ .footer-info { margin-top: 14px; }

@media (min-width: 891px) {
  .footer-wrapper { background-color: rgba(239, 241, 243, 0.4); border-top: 1px solid rgba(223, 226, 229, 0.5); }
  .footer-wrapper .footer-menu .footer-item { position: relative; display: inline-block; vertical-align: top; }
  .footer-wrapper .footer-menu .footer-item ~ .footer-item { padding-left: 10px; margin-left: 9px; }
  .footer-wrapper .footer-menu .footer-item ~ .footer-item::before { content: ""; position: absolute; top: 50%; left: 0px; display: block; width: 1px; height: 10px; margin-top: -5px; background: rgb(194, 199, 204); }
}

.ui-dialog-container .mo-allmenu-popup .footer-wrapper { padding-top: 10px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row, .footer-wrapper-mobile.footer-wrapper .footer-row { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 15px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-left, .footer-wrapper-mobile.footer-wrapper .footer-row .footer-left { flex: 1 0 auto; padding-top: 0px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-right, .footer-wrapper-mobile.footer-wrapper .footer-row .footer-right { width: auto; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-menu, .footer-wrapper-mobile.footer-wrapper .footer-row .footer-menu { margin-top: -5px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-menu .footer-item, .footer-wrapper-mobile.footer-wrapper .footer-row .footer-menu .footer-item { padding: 5px 0px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .btn-family, .footer-wrapper-mobile.footer-wrapper .btn-family { position: relative; min-width: 120px; width: 120px; padding-right: 26px; text-align: left; -webkit-box-pack: start; justify-content: flex-start; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .btn-family .text, .footer-wrapper-mobile.footer-wrapper .btn-family .text { font-weight: 500; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .btn-family::before, .footer-wrapper-mobile.footer-wrapper .btn-family::before { position: absolute; display: block; content: ""; width: 10px; height: 10px; top: 16px; right: 16px; background: url("/lotte_assets/ui_ico_select_arr.svg") 0px 0px / cover no-repeat; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-cont, .footer-wrapper-mobile.footer-wrapper .footer-cont { margin-top: 10px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-cont .btn-line-light-gray, .footer-wrapper-mobile.footer-wrapper .footer-cont .btn-line-light-gray { padding-left: 11px; padding-right: 11px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap { padding: 0px; margin-top: 20px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item ~ .tab-item, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tabs .tab-item ~ .tab-item { margin-left: 22px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link { height: auto; position: relative; padding: 0px 22px 0px 0px; border: 0px; background: transparent; box-shadow: none; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link .tab-text, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link .tab-text { display: inline-block; vertical-align: top; color: rgb(0, 0, 0); font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link .ico-sub-gate, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link .ico-sub-gate { position: absolute; top: 0px; right: 0px; transform: rotateZ(0deg); transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32); }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item.ui-state-active .tab-link .ico-sub-gate, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tabs .tab-item.ui-state-active .tab-link .ico-sub-gate { transform: rotateZ(180deg); }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tab-content { margin-top: 13px; padding: 0px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content .info, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tab-content .info { display: block; margin: 0px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content .btn-text-underline, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tab-content .btn-text-underline { margin-top: 6px; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content .btn-text-underline .text, .footer-wrapper-mobile.footer-wrapper .footer-tab-wrap .tab-content .btn-text-underline .text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .copyright, .footer-wrapper-mobile.footer-wrapper .copyright { margin-top: 20px; color: rgb(136, 136, 136); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.ui-dialog-container .mo-allmenu-popup .footer-wrapper .sns-link-list, .footer-wrapper-mobile.footer-wrapper .sns-link-list { margin-top: 20px; }

.grid-list.special-assist .grid-item { position: relative; width: calc(33.3333% - 6.66667px); }

@media (min-width: 891px) {
  .grid-list.special-assist .grid-item ~ .grid-item { margin-left: 10px; }
}

.grid-list.special-assist .grid-item .grid-info-box .info-text-list { margin-top: 10px; }

.grid-list.special-assist .grid-item::before { display: inline-block; position: absolute; z-index: 9; width: 30px; height: 30px; vertical-align: top; content: ""; }

@media (min-width: 891px) {
  .grid-list.special-assist .grid-item::before { top: 50%; }
}

@media (max-width: 890px) {
  .grid-list.special-assist .grid-item::before { left: 50%; }
}

.grid-list.special-assist .grid-item.head::before, .grid-list.special-assist .grid-item.different::before { background: url("/lotte_assets/blank.svg") 11px 10px / 8px 8px no-repeat rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.17) 0px 3px 6px 0px; box-sizing: border-box; }

@media (min-width: 891px) {
  .grid-list.special-assist .grid-item.head::before { right: -21px; transform: translateY(-50%); }
}

@media (max-width: 890px) {
  .grid-list.special-assist .grid-item.head::before { bottom: -21px; transform: translateX(-50%) rotate(90deg); }
}

@media (min-width: 891px) {
  .grid-list.special-assist .grid-item.different::before { left: -21px; transform: translateY(-50%) rotateY(180deg); }
}

@media (max-width: 890px) {
  .grid-list.special-assist .grid-item.different::before { top: -21px; transform: translateX(-50%) rotate(-90deg); }
}

@media (max-width: 890px) {
  .grid-list.special-assist .grid-item { width: 100%; }
}

.bank-info-wrap .bank-info-header { position: relative; padding-left: 50px; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; }

.bank-info-wrap .bank-info-header [class^="ico-bank"] { position: absolute; top: 0px; left: 0px; }

.bank-info-wrap .bank-info-header .btn-more-view .text { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 500; color: rgb(0, 0, 0); }

.bank-info-wrap .bank-info-header .bank-name { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 500; color: rgb(0, 0, 0); }

.bank-info-wrap .bank-info-header .bank-date { margin-top: 3px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.bank-info-wrap .bank-info-body { margin-top: 12px; }

.bank-info-wrap .bank-info-body .bank-info { font-size: 14px; letter-spacing: -0.025em; line-height: 22px; color: rgb(68, 68, 68); }

.family-site-list .family-item { border-bottom: 1px solid rgba(221, 224, 227, 0.6); }

.family-site-list .family-item .family-depth1-link { position: relative; display: inline-block; width: 100%; padding: 20px 30px 20px 0px; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.family-site-list .family-item .family-depth1-link::after { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); content: ""; display: block; width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.family-site-list .family-item .sub-site-list { background-color: rgba(239, 241, 243, 0.4); border-radius: 4px; padding: 12px 20px; margin-bottom: 20px; }

.family-site-list .family-item .sub-site-list .sub-site-item .family-depth2-link { display: inline-block; position: relative; padding: 8px 17px 8px 0px; font-size: 16px; letter-spacing: -0.025em; line-height: 20px; color: rgb(102, 102, 102); }

.family-site-list .family-item .sub-site-list .sub-site-item .family-depth2-link::after { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; content: ""; display: block; width: 15px; height: 15px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

body [data-mobile-only] { display: block; }

body [data-app-only] { display: none; }

@media (min-width: 891px) {
  body { overflow-y: scroll; }
  body [data-pc-only] { display: block; }
  body [data-mobile-only] { display: none !important; }
}

@media (max-width: 890px) {
  body [data-pc-only] { display: none !important; }
  body [data-app-only] { display: none; }
}

body .wrapper { overflow: hidden; }

body .wrapper[data-app-show] { }

body .wrapper[data-app-show] [data-app-only], body .wrapper[data-app-show] .info-btn-wrap[data-app-only] { display: block; }

body .wrapper[data-app-show] ~ .ui-dialog-container [data-app-only] { display: block; }

body .wrapper[data-app-show] ~ .ui-dialog-container .btn-user[data-app-only] { display: inline-block; }

body .wrapper[data-app-show] .cont-tit-wrap[data-app-only] { display: flex; }

body .wrapper.has-top-sps { overflow: hidden; }

@media (max-width: 890px) {
  body .wrapper { }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .ico-header-cart { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .ico-header-alarm { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .ico-header-coupon { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .ico-header-barcode { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .btn-header-back { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .page-title { color: rgb(255, 255, 255); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .btn-more-view { overflow: hidden; display: -webkit-inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].scroll-up .ico-header-coupon { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .aside-content-wrap { padding-top: 0px; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .aside-content-wrap .aside-wrap .cont-box:first-child { padding-top: 0px; position: relative; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .aside-content-wrap .aside-wrap .cont-box:first-child .cont-inner { padding-top: 0px; }
  body .wrapper.mo-header-transparent.is-layer-active .header-wrapper[data-mobile-only] { backdrop-filter: none; }
}

.docker-wrapper .docker-list .docker-item .btn-docker.btn-docker-order .ico-order-logo { width: 27px; height: 9px; margin: 0px auto; background: url("/lotte_assets/blank.svg") 0px 0px / 27px 9px no-repeat; }

.floating-wrapper .btn-qbot { z-index: 2; position: relative; display: block; overflow: hidden; width: 100px; height: 100px; right: -30px; margin-bottom: -30px; }

.floating-wrapper .btn-qbot::before { z-index: 1; content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.floating-wrapper .btn-qbot::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; background: rgba(4, 19, 46, 0.6); backdrop-filter: blur(10px); border-radius: 100px; }

.floating-wrapper .btn-one-barcode { z-index: 2; position: relative; display: block; width: 65px; height: 69px; margin-right: 14px; margin-bottom: 20px; }

.floating-wrapper .btn-one-barcode::before { content: ""; display: block; position: absolute; top: 0px; left: 2px; width: 60px; height: 60px; background: rgb(253, 205, 0); border-radius: 60px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px; }

.floating-wrapper .btn-one-barcode::after { z-index: 1; content: ""; display: block; position: absolute; top: 17px; left: 13px; width: 38px; height: 24px; background-size: cover; }

.floating-wrapper .btn-one-barcode .ico-speech-bubble { content: ""; display: block; position: absolute; top: 49px; left: 0px; width: 64px; height: 20px; background: var(--brand, #B81B3E); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px; }

.floating-wrapper .btn-one-barcode .ico-speech-bubble::before { position: absolute; top: -3px; left: 50%; content: ""; display: block; width: 9px; height: 6px; margin-left: -5px; background-size: cover; }

.floating-wrapper .btn-one-barcode .ico-speech-bubble::after { z-index: 1; content: ""; display: block; position: absolute; top: 5px; left: 7px; width: 50px; height: 10px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.floating-wrapper .btn-go-top:focus { border: 1px solid var(--brand, #B81B3E); }

.floating-wrapper .btn-go-top .ico-top { display: block; width: 16px; height: 16px; margin: 0px auto; opacity: 0; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; transform: translateY(10px); }

.floating-wrapper .btn-go-top.is-hide { display: block; opacity: 1; animation: 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s 1 normal forwards running topHide; }

.floating-wrapper .btn-go-top.is-active { display: block; opacity: 0; animation: 0.2s ease-out 0.15s 1 normal forwards running opacityActive; }

.floating-wrapper .btn-go-top.is-active .ico-top { animation: 0.3s cubic-bezier(0.17, 0.67, 0.29, 1.32) 0.25s 1 normal forwards running goTopIcoActive; opacity: 0; transform: translateY(10px); }

.docker-wrapper.scroll-down ~ .floating-wrapper { bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding)); transition: bottom 0.15s; }

.docker-wrapper.scroll-down ~ .floating-wrapper::after { opacity: 0; }

@media (min-width: 891px) {
  .floating-wrapper .btn-qbot { right: 0px; margin-bottom: 0px; }
  .floating-wrapper .btn-one-barcode { margin-bottom: 0px; margin-right: 0px; }
  .floating-wrapper .btn-go-top { margin-left: auto; margin-right: auto; }
}

@media (max-width: 890px) {
}

.wrapper.no-docker .floating-wrapper { bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }

@media (max-width: 890px) {
  .wrapper.no-docker .floating-wrapper::after { display: none; }
}

.container-wrapper [data-mobile-docker] { z-index: 10; bottom: 0px; left: 0px; right: 0px; margin-top: 0px; background: rgb(255, 255, 255); position: fixed !important; }

.container-wrapper [data-mobile-docker].dark-gray-box { background-color: rgb(128, 135, 141); }

.container-wrapper.white-box { background-color: rgb(255, 255, 255); }

.container-wrapper [data-mobile-docker].page-btn-wrap .btn-now-pay, .container-wrapper [data-mobile-docker] .page-btn-wrap .btn-now-pay { flex: 0 0 auto; width: 86px; }

.container-wrapper [data-mobile-docker].page-btn-wrap .btn-now-pay .text, .container-wrapper [data-mobile-docker] .page-btn-wrap .btn-now-pay .text { line-height: 16px; }

.container-wrapper .cont-box ~ .cont-box .cont-sm-wrap .fold-wrap:first-child { margin-top: -20px; }

@media (max-width: 890px) {
  .wrapper:not(.mo-header-transparent) .container-wrapper > .cont-box:first-child { padding-top: calc(55px + var(--TopPadding)); }
  .container-wrapper { display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; background: rgb(243, 245, 247); min-height: var(--reVh, 1vh); }
  .container-wrapper .cont-box { width: 100%; }
  .container-wrapper .cont-box.hidden { overflow: hidden; display: none; min-height: 0px !important; height: 0px !important; }
  .container-wrapper .cont-box:first-child .cont-inner { padding-top: 20px; }
  .container-wrapper .cont-box:first-child .cont-inner .page-tit-wrap ~ .tab-wrap { margin-top: -10px; }
  .container-wrapper .cont-box:nth-last-of-type(1) { flex: 1 1 0%; }
  .container-wrapper .cont-box:nth-last-of-type(1) .cont-inner { padding-bottom: calc(115px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
  .container-wrapper .cont-box.type-search-only .cont-inner { padding-bottom: calc(80px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
  .container-wrapper .cont-box.type-search-only .cont-inner .search-form-wrap { margin-bottom: 0px; }
  .container-wrapper .cont-box.type-search-only .cont-inner .store-header-wrap + .search-form-wrap { margin-bottom: 30px; }
  .container-wrapper.page-btn-wrap[data-mobile-docker] [class^="btn-"], .container-wrapper .page-btn-wrap[data-mobile-docker] [class^="btn-"] { margin-bottom: -1px; border-radius: 0px; padding-bottom: 0px; height: 56px; }
  .container-wrapper.page-btn-wrap[data-mobile-docker] [class^="btn-"] + [class^="btn-"], .container-wrapper .page-btn-wrap[data-mobile-docker] [class^="btn-"] + [class^="btn-"] { margin-left: 0px; }
  .container-wrapper [data-mobile-docker].page-btn-wrap [class^="btn-"], .container-wrapper [data-mobile-docker] .page-btn-wrap [class^="btn-"] { margin-bottom: -1px; border-radius: 0px; padding-bottom: 0px; height: 56px; }
  .container-wrapper [data-mobile-docker].page-btn-wrap .page-btn-sep [class^="btn-"], .container-wrapper [data-mobile-docker] .page-btn-wrap .page-btn-sep [class^="btn-"], .container-wrapper .docker[data-mobile-docker].page-btn-wrap [class^="btn-"], .container-wrapper .docker[data-mobile-docker] [class^="btn-"] { margin-bottom: -1px; border-radius: 12px; padding-bottom: 0px; height: 56px; }
  .container-wrapper #buyBtnMobileSlot [data-mobile-docker] .page-btn-wrap #cpnDownload { margin-bottom: -1px; border-radius: 0px; padding-bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding)); height: calc(56px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
  .container-wrapper [data-mobile-docker].page-btn-wrap [class^="btn-"] + [class^="btn-"], .container-wrapper [data-mobile-docker] .page-btn-wrap [class^="btn-"] + [class^="btn-"] { margin-left: 0px; }
  .container-wrapper .order-prod-list-wrap.cart ~ [data-mobile-docker].dark-gray-box { padding-bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding)); height: calc(56px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
  .wrapper.has-content-dock .container-wrapper { padding-bottom: calc(56px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
}

@media (min-width: 891px) {
  .container-wrapper { background: rgb(255, 255, 255); padding-top: 30px; padding-bottom: 100px; }
  .container-wrapper .cont-box.type-search-only .cont-inner .search-form-wrap { margin-bottom: 0px; }
  .container-wrapper .cont-box.type-search-only .cont-inner .store-header-wrap + .search-form-wrap { margin-bottom: 0px; }
}

@media (max-width: 890px) {
  .wrapper.has-content-dock .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap { padding-bottom: 30px; }
  .mo_p0 { padding: 0px !important; }
}

.cont-box { position: relative; max-width: 1150px; padding: 0px 20px; margin: 0px auto; background: rgb(255, 255, 255); }

.cont-box .cont-inner { position: relative; padding: 30px 0px; }

.cont-box .cont-inner .cont-sps-wrap { position: relative; }

.cont-box .cont-inner .cont-sm-wrap { max-width: 480px; margin: 0px auto; }

.cont-box.full { max-width: none; }

.cont-box.gray-box { margin-top: 0px; background: rgb(249, 249, 250); border-radius: 0px; }

.cont-box.gray-box .cont-inner { padding-top: 20px; }

@media (max-width: 890px) {
  .cont-box ~ .cont-box { margin-top: 10px; }
  .cont-box ~ .cont-box.gray-box { margin-top: 0px; }
  .cont-box ~ .cont-box.has-shadow, .cont-box ~ .cont-box.mo-gray-box { margin-top: -30px; }
  .cont-box.has-shadow { position: relative; }
  .cont-box.has-shadow::before { z-index: 1; position: absolute; top: 0px; left: 0px; right: 0px; content: ""; display: block; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px -5px 10px; }
  .cont-box.has-shadow .cont-inner { z-index: 2; position: relative; }
  .cont-box.has-shadow.mo-gray-box .cont-inner { background: rgb(249, 249, 250); }
  .cont-box.has-shadow:not(.mo-gray-box) .cont-inner { background-color: rgb(255, 255, 255); }
  .cont-box.mo-gray-box { margin-top: 0px; background: rgb(249, 249, 250); }
  .cont-box.mo-gray-box .cont-inner { padding-top: 20px; }
  .cont-box.mo-gray-box .store-header-wrap { padding-top: 10px; }
  .cont-box.has-banner-bottom .cont-inner { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; height: 100%; }
  .cont-box.has-banner-bottom .cont-inner .addr-history-list.normal, .cont-box.has-banner-bottom .cont-inner .no-data { width: 100%; }
  .cont-box.has-banner-bottom .cont-inner .delivery-zone-banner { align-self: flex-end; }
}

@media (min-width: 891px) {
  .cont-box ~ .cont-box.mo-gray-box.has-shadow .cont-inner { padding-top: 30px; }
  .cont-box.size-sm { max-width: 520px; }
}

@media (min-width: 891px) {
  .wrapper, .ui-dialog { background: transparent; }
  .wrapper:not(.ui-dialog), .ui-dialog:not(.ui-dialog) { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; }
  .wrapper [data-mobile-docker], .ui-dialog [data-mobile-docker] { bottom: auto; left: auto; right: auto; position: relative !important; }
  .wrapper .cont-box, .ui-dialog .cont-box { padding-top: 0px; }
  .wrapper .cont-box .cont-inner, .ui-dialog .cont-box .cont-inner { padding: 0px; }
  .wrapper .cont-box.type-search-only ~ .cont-box.gray-box, .ui-dialog .cont-box.type-search-only ~ .cont-box.gray-box { padding-top: 20px; }
  .wrapper .cont-box.type-search-only ~ .cont-box.gray-box .cont-inner, .ui-dialog .cont-box.type-search-only ~ .cont-box.gray-box .cont-inner { padding-top: 0px; border-top: 0px; }
  .wrapper .cont-box ~ .cont-box .cont-inner, .ui-dialog .cont-box ~ .cont-box .cont-inner { padding-top: 40px; }
  .wrapper .cont-box.pt0 .cont-inner { padding-top: 0px !important; }
  .wrapper .cont-box ~ .cont-box.full, .ui-dialog .cont-box ~ .cont-box.full { padding: 0px; }
  .wrapper .footer-wrapper, .ui-dialog .footer-wrapper { margin-top: auto; }
  #addrData.cont-inner { padding-top: 15px !important; }
}

.aside-content-wrap { overflow: hidden; position: relative; flex-wrap: wrap; padding-top: 1px; }

.aside-content-wrap.is-fix-bottom .aside-wrap .sps.sps-blw[data-pc-sps] { position: absolute !important; bottom: 0px !important; top: auto !important; max-height: none !important; }

.aside-content-wrap .page-tit-wrap { width: 100%; }

.aside-content-wrap .cont-body .cont-box:first-child { padding-top: 10px; }

.aside-content-wrap .cont-body .sps { z-index: 3; }

.aside-content-wrap.cont-prod-wrap .tabs-sps { top: -15px; }

.aside-content-wrap.cont-prod-wrap .tabs-sps.sps-blw { background: rgba(255, 255, 255, 0.9); box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 12px; backdrop-filter: blur(20px); }

.aside-content-wrap.cont-prod-wrap .tabs-sps ~ .sps-observer { top: 25px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .thumb-box { position: relative; background: rgb(255, 255, 255); padding-top: 100%; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .thumb-box .thumb-img { display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; position: absolute; inset: 0px; background: url("/lotte_assets/blank.svg") center center / contain no-repeat; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .thumb-box .btn-round-share { position: absolute; bottom: 20px; right: 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr { border-bottom: 1px solid rgb(221, 224, 227); }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr .prod-detail-addr-inner { padding: 0px 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr .prod-detail-addr-inner .addr-info { padding-top: 2px; padding-bottom: 2px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .badge-wrap.brand + .prod-tit { margin-top: 12px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .badge-wrap:not(.brand) { margin-top: 12px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .line-top-box { margin-top: 30px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header ~ .line-top-box { margin-top: 30px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .ui-row-list.type-btn.flex { margin-top: 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .ui-row-list.type-btn.flex .item { margin-top: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .coupon-item.horizontal .coupon-info-box .badge-wrap { margin-top: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .gray-box { margin-top: 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .gray-box ~ .gray-box { margin-top: 12px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-gray-box { margin-top: 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-gray-box ~ .cont-tit-wrap { margin-top: 30px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .btn-wrap { margin-top: 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit ~ .btext, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit ~ .dot-text { margin-top: 12px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit .chk-bookmark { display: inline-block; margin-left: 6px; vertical-align: top; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-sub-tit { font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap { display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin: 30px 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; font-size: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price:only-child .offscreen { display: none; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal { display: inline-block; padding-top: 2px; margin-right: 10px; color: rgb(136, 136, 136); vertical-align: top; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit { position: relative; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val::after, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit::after { content: ""; display: inline-block; position: absolute; top: 9px; left: 0px; width: 100%; height: 1px; background-color: rgb(153, 153, 153); }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val ~ .unit, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit ~ .unit { margin-left: 2px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit::after { width: calc(100% + 2px); left: -2px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .percent { display: inline-block; margin-right: 7px; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; color: rgb(239, 61, 46); vertical-align: top; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price { display: inline-block; color: rgb(0, 0, 0); vertical-align: top; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .desc, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .unit { font-weight: inherit; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .desc ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .desc ~ .unit, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .val ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .val ~ .unit, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .unit ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .unit ~ .unit { margin-left: 3px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap ~ .prod-sub-tit { margin-top: 30px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap:last-child { margin-bottom: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap ~ .fold-wrap.info-folding-box, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .cont-tit ~ .fold-wrap.info-folding-box { margin-top: 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs { position: relative; padding-bottom: 30px; padding-top: 73px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps { height: 74px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps::before { content: ""; position: absolute; display: block; left: 0px; right: 0px; bottom: 0px; height: 1px; background: rgba(221, 224, 227, 0.6); }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps .tabs::before { display: none; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps.sps-blw { top: 0px; padding-top: 0px; padding-bottom: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps ~ .sps-observer { top: -15px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs ~ .fold-wrap.option-fold { border-top: 1px dashed rgb(221, 224, 227); }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold .fold-list .fold-item:last-child { border-bottom: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold .fold-list .fold-item .fold-header { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold .fold-list .fold-item.expanded .fold-content { padding: 0px 0px 30px; background: transparent; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-top-box { margin-top: 0px; margin-bottom: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-top-box:first-child { border-top: 0px; padding-top: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold:first-child { margin-top: -20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .opt-select-wrap { margin-top: 20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box [data-mobile-docker]:first-child .page-btn-wrap.flex:first-child { margin-top: 0px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail .page-btn-wrap.flex { margin-top: 30px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box .cont-inner .fold-wrap:first-child { margin-top: -20px; }

.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .editor-wrap img { width: 100%; }

@media (min-width: 891px) {
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail:last-child { padding-bottom: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] { width: 100%; left: auto; right: 0px; margin: 0px; transform: none; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] { right: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr { padding: 13px 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr .prod-detail-addr-inner { position: relative; max-width: 1150px; margin: 0px auto; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap { min-height: 596px; position: relative; width: 50%; flex: 0 0 auto; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box { width: 100%; padding-right: 40px; padding-bottom: 50px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box.sps-blw { width: 50vw; max-width: 555px; right: auto; left: 50vw; transform: translateX(-100%); }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body { min-height: 555px; width: 50%; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box { }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps { padding-top: 0px; padding-bottom: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-blw { z-index: 11; top: 0px; left: auto; right: auto; margin-left: -39px; width: 50%; padding-left: 40px; padding-right: 40px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-blw .tabs { width: 688px; margin: 0px; padding: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:last-of-type { padding-bottom: 50px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box { position: static !important; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner { position: static !important; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner .option-tabs { position: static !important; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner .option-tabs .tabs-sps.sps-blw { bottom: 0px; width: calc(100% + 20px); position: absolute !important; top: auto !important; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box { padding-top: 0px !important; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box::before { position: absolute; content: ""; display: block; left: -100%; right: -100%; top: 0px; height: 1px; background: rgb(221, 224, 227); }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box .cont-inner { border-top: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] { background: transparent; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker]:not(:first-child) .prod-total-wrap, .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-pc-only]:not(:first-child) .prod-total-wrap { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgb(0, 0, 0); }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .page-btn-wrap:first-child, .aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .swiper-prod-wrap[style*="display: none"] ~ .page-btn-wrap { margin-top: 10px; }
}

@media (max-width: 890px) {
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail { padding-top: calc( 55px + var(--TopPadding)); }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr { padding: 9px 0px 16px; background: rgb(255, 255, 255); }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box .cont-box { padding: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box .cont-box .thumb-box .btn-round-share { bottom: 32px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body { margin-top: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:first-child { margin-top: -12px; border-radius: 12px 12px 0px 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px -10px 25px; }
  .wrapper:not(.mo-header-transparent) .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:first-child { padding-top: 10px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:nth-last-of-type(1) .cont-inner { padding-bottom: calc(30px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .option-tabs { margin-top: -10px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps .swiper-container { padding-left: 20px; padding-right: 20px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-abv { margin-left: -20px; margin-right: -20px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps .sps-blw { }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .anchor-scrollspy-nav { padding: 0px; margin: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] { box-shadow: rgba(0, 0, 0, 0.05) 0px -10px 25px 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] .prod-total-wrap { border-top: 1px solid rgb(221, 224, 227); padding: 20px; margin-top: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] .page-btn-wrap { margin-top: 0px; }
  .prod-fixed-wrap [data-mobile-docker] .page-btn-wrap { margin-top: 0px; }
  .prod-fixed-wrap [data-mobile-docker] .prod-total-wrap { border-top: 1px solid rgb(221, 224, 227); padding: 20px; margin-top: 0px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .page-btn-wrap:first-child, .aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .swiper-prod-wrap[style*="display: none"] ~ .page-btn-wrap { margin-top: 0px; }
}

@media (min-width: 891px) {
  .aside-content-wrap.cont-prod-wrap::before { position: absolute; content: ""; left: 0px; right: 0px; top: 0px; height: 1px; background: rgb(221, 224, 227); }
  .aside-content-wrap.cont-prod-wrap:last-child { margin-bottom: -100px; padding-bottom: 100px; }
  .aside-content-wrap.cont-prod-wrap.is-fix-bottom .aside-wrap .aside-store-wrap.sps-blw[data-pc-sps] { width: 100%; left: auto; right: 0px; margin: 0px; transform: none; }
  .aside-content-wrap.cont-prod-wrap .cont-body { position: relative; width: 728px; min-height: 707px; }
  .aside-content-wrap.cont-prod-wrap .cont-body::after { z-index: 1; position: absolute; inset: 0px -150% -100px 0px; content: ""; background: rgba(239, 241, 243, 0.2); }
  .aside-content-wrap.cont-prod-wrap .cont-body .cont-box { z-index: 2; margin-left: 0px; margin-right: 0px; }
  .aside-content-wrap.cont-prod-wrap .cont-body .cont-box .tab-wrap { position: relative; }
  .aside-content-wrap.cont-prod-wrap .aside-wrap { position: relative; width: 382px; }
}

@media (min-width: 891px) and (max-width: 1150px) {
  .aside-content-wrap.cont-prod-wrap .aside-wrap { flex: 1 0 auto; }
  .aside-content-wrap.cont-prod-wrap .cont-body { flex: 1 0 auto; width: calc(100% - 382px); padding-right: 20px; }
  .aside-content-wrap.cont-prod-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box { padding-left: 20px; }
  .aside-content-wrap.cont-prod-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] { padding-left: 40px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw { padding-left: 20px; }
}

.aside-content-wrap.cont-order-wrap.no-top-line::before { display: none; }

@media (min-width: 891px) {
  .aside-content-wrap.cont-order-wrap.cont-top-line::before { display: none; }
  .aside-content-wrap.cont-order-wrap.cont-top-line .aside-content-inner { position: relative; padding-top: 1px; }
  .aside-content-wrap.cont-order-wrap.cont-top-line .aside-content-inner::before { position: absolute; content: ""; left: 20px; right: 20px; top: 0px; height: 1px; background-color: rgb(221, 224, 227); }
}

@media (max-width: 890px) {
  .aside-content-wrap { background: rgb(255, 255, 255); }
  .aside-content-wrap .aside-content-inner { background: rgb(243, 245, 247); }
  .aside-content-wrap:last-child { flex: 1 1 0%; }
  .aside-content-wrap:first-child { padding-top: 55px; }
  .aside-content-wrap .aside-content-inner { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; }
  .aside-content-wrap .aside-content-inner .cont-body { margin-top: 10px; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; flex: 1 1 0%; }
  .aside-content-wrap.sps-blw { transform: translateY(0px); transition: transform 0.24s; }
  .aside-content-wrap.sps-blw.scroll-up { transform: translateY(55px); }
  .aside-content-wrap.cont-order-wrap { position: relative; flex-wrap: wrap; }
  .aside-content-wrap.cont-order-wrap.sps-blw { transform: translateY(0px); transition: transform 0.24s; }
  .aside-content-wrap.cont-order-wrap.sps-blw.scroll-up { transform: translateY(55px); }
  .aside-content-wrap.cont-order-wrap .page-tit-wrap { width: 100%; }
  .aside-content-wrap.cont-order-wrap .cont-body { margin-top: 0px; }
  .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child, .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child { padding-top: 0px; }
  .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child .cont-inner, .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child .cont-inner { padding-top: 20px; }
  .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .fold-wrap:first-child .fold-item.no-fold:first-child .fold-header { padding-top: 20px; }
  .aside-content-wrap.cont-order-wrap .aside-wrap { margin-top: 10px; }
  .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap { background: rgb(255, 255, 255); }
  .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap .cont-box ~ .cont-box { margin-top: 0px; border-top: 10px solid rgb(244, 245, 247); }
  .aside-content-wrap.cont-order-wrap .aside-wrap .cont-box:first-child { padding-top: 0px; }
  .aside-content-wrap.cont-order-wrap .aside-wrap .cont-box:first-child .payment-current-box:first-child { padding-top: 10px; }
}

@media (min-width: 891px) {
  .aside-content-wrap { margin-top: 30px; }
  .aside-content-wrap.cont-order-wrap { margin-bottom: -100px; padding-bottom: 100px; }
  .aside-content-wrap.cont-order-wrap .cont-body { overflow: hidden; width: calc(100% - 382px); flex: 0 0 auto; padding-right: 40px; }
  .aside-content-wrap.cont-order-wrap .cont-body .cont-box { margin-left: 0px; margin-right: 0px; padding-left: 0px; }
  .aside-content-wrap.cont-order-wrap .cont-body .cont-box:last-child { padding-bottom: 0px; }
  .aside-content-wrap.cont-order-wrap.is-fix-bottom .aside-wrap .aside-payment-wrap.sps-blw[data-pc-sps] { right: 0px; left: auto; max-height: none; overflow: visible; }
  .aside-content-wrap.cont-order-wrap .aside-wrap { width: 382px; }
  .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap[data-pc-sps] { position: absolute; left: 0px; right: 0px; }
  .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap[data-pc-sps].sps-blw { position: fixed; right: auto; left: 50%; margin-left: 173px; margin-top: 40px; }
  .aside-content-wrap .aside-content-inner { max-width: 1150px; padding-left: 20px; padding-right: 20px; margin: 0px auto; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .aside-content-wrap .aside-content-inner .cont-box:first-child { padding-top: 40px; }
  .aside-content-wrap .cont-body { position: relative; flex: 1 1 0%; padding-right: 20px; }
  .aside-content-wrap .cont-body .cont-box { background: transparent; padding-right: 0px; margin-left: 0px; margin-right: 0px; }
  .aside-content-wrap .aside-wrap { position: relative; }
  .aside-content-wrap .aside-wrap:first-child::before { left: auto; right: 0px; }
  .aside-content-wrap .aside-wrap .aside-payment-wrap { width: 382px; }
  .aside-content-wrap .aside-wrap .aside-payment-wrap .page-btn-wrap { margin-top: 30px; }
  .aside-content-wrap .aside-wrap .aside-payment-wrap .page-btn-wrap [class^="btn-"] { margin-bottom: 0px; }
  .aside-content-wrap .aside-wrap ~ .cont-body { padding-right: 0px; padding-left: 20px; }
  .aside-content-wrap .aside-wrap .sps.sps-blw { z-index: 3; max-height: 100vh; }
  .aside-content-wrap .aside-wrap .sps.sps-abv { position: relative !important; }
  .aside-content-wrap .aside-wrap .sps.auto-height { max-height: none !important; }
  .aside-content-wrap .aside-wrap .cont-box { padding-left: 0px; padding-right: 0px; padding-top: 40px; }
}

@media (min-width: 891px) and (max-width: 1150px) {
  .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap[data-pc-sps].sps-blw { margin-left: 0px; right: 20px; left: auto; }
}

@media (max-width: 890px) {
  .container-wrapper .cont-box:not([data-pc-only]):first-child ~ .cont-order-wrap { margin-top: 10px; }
  .container-wrapper .cont-box[data-pc-only] ~ .cont-order-wrap { padding-top: calc(55px + var(--TopPadding)); }
}

@media (max-width: 430px) {
}

.arrow_box { position: absolute; background: rgb(255, 255, 255); border: 1px solid var(--brand, #B81B3E); width: 210px; padding: 10px 0px; left: 50%; top: -50px; border-radius: 10px; transform: translateX(-79%); opacity: 0; animation: 5s linear 3s 1 alternate none running fadeIn, 5s linear 12s 1 alternate none running fadeIn2, 5s linear 21s 1 alternate none running fadeIn3, 5s linear 30s 1 alternate none running fadeIn4, 5s linear 39s 1 alternate none running fadeIn5; }

.arrow_box::after, .arrow_box::before { top: 100%; left: 80%; border: solid transparent; content: ""; height: 0px; width: 0px; position: absolute; pointer-events: none; }

.arrow_box::after { border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width: 5px; margin-left: -5px; }

.arrow_box::before { border-color: var(--brand, #B81B3E) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px; margin-left: -6px; }

.arrow_box .txt { font-size: 14px; color: var(--brand, #B81B3E); font-weight: 500; letter-spacing: -0.5px; }

@keyframes fadeIn { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeIn2 { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeIn3 { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeIn4 { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeIn5 { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

.container-wrapper.type02 { padding-bottom: 100px; }

.floating-wrapper { right: 20px; bottom: 20px; margin-bottom: 0px; z-index: 9; position: fixed; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; }

.floating-wrapper .btn-go-top { display: none; width: 50px; height: 50px; margin-right: 20px; margin-bottom: 16px; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); opacity: 0; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 10px; }

.floating-wrapper .btn-go-top .ico-top { width: 17px; height: 21px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

@media (max-width: 890px) {
  .floating-wrapper { bottom: calc(74px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); right: 0px; transition: 0.2s ease-out; }
  .floating-wrapper.nav-hidden { bottom: calc(20px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); right: 0px; }
  .floating-wrapper .btn-go-top { width: 40px; height: 40px; }
  .floating-wrapper .btn-go-top .ico-top { width: 14px; height: 17px; }
  .floating-wrapper.is-overlap { bottom: calc(150px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); transition: 0.2s ease-in-out; }
  .floating-wrapper.is-overlap.nav-hidden { bottom: calc(80px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
}

.header-wrapper .btn-header-cart .count { overflow: hidden; position: absolute; top: -5px; left: 14px; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; min-height: 16px; height: auto; padding: 0px 2px; box-sizing: border-box; border-radius: 20px; font-size: 10px; white-space: nowrap; background: rgb(239, 61, 46); color: rgb(255, 255, 255); }

.ui_select_box { box-sizing: border-box; }

.ui_select_box { position: relative; height: 30px; border-radius: 4px; }

.ui_select_box .label { display: flex; align-items: center; width: inherit; height: inherit; border: 0px; outline: none 0px; background: transparent; cursor: pointer; padding-right: 13px; color: rgb(102, 102, 102); font-size: 13px; font-weight: 400; line-height: 30px; }

.ui_select_box .label:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.ui_select_box .label::after { content: ""; display: block; position: absolute; right: 0px; background: url("/lotte_assets/comm_ico_arrow_down_gray.svg") center center / cover no-repeat; width: 12px; height: 12px; }

.ui_select_box.active .label::after { transform: rotate(180deg); }

.brand_ui_select_box { height: 24px; margin-left: 8px; position: relative; }

.brand_ui_select_box .option_list { width: 180px; }

.brand_ui_select_box .text { padding-right: 31px; font-size: 18px; font-weight: 700; line-height: 24px; color: rgb(68, 68, 68); }

.brand_ui_select_box .text::after { content: ""; display: block; position: absolute; right: 0px; top: 0px; background: url("../../assets/images/common/comm_ico_select_circle.svg") center center / cover no-repeat; width: 24px; height: 24px; }

.ui_select_box .option_list { display: none; position: absolute; top: 28px; left: 0px; color: rgb(0, 0, 0); list-style-type: none; overflow: hidden; max-height: 0px; border-radius: 12px; width: 160px; text-align: left; border: 1px solid rgb(51, 51, 51); padding: 8px 0px; background: rgb(255, 255, 255); z-index: 1; }

.brand_ui_select_box .option_list { top: 37px; }

.ui_select_box.active .option_list { display: block; }

.ui_select_box .option_list::-webkit-scrollbar { width: 6px; }

.ui_select_box .option_list::-webkit-scrollbar-track { background: transparent; }

.ui_select_box .option_list::-webkit-scrollbar-thumb { background: rgb(48, 48, 48); border-radius: 45px; }

.ui_select_box .option_list::-webkit-scrollbar-thumb:hover { background: rgb(48, 48, 48); }

.ui_select_box.active .option_list { max-height: 500px; }

.ui_select_box .option_item { line-height: 22px; font-size: 16px; font-weight: 500; padding: 10px 20px; width: 100%; text-align: left; }

.ui_select_box .option_item.select { background: url("../../assets/images/common/comm_ico_select_black.svg") 87% center / 20px auto no-repeat transparent; font-weight: 700; }

.ui_select_box .option_item:hover, .ui_select_box .option_item.select:hover { background-color: rgb(245, 245, 245); }

@media (max-width: 950px) {
  .header-wrapper[data-pc-only] .gnb-dep2-menu { margin-left: 3%; display: flex; }
  .header-wrapper[data-pc-only] .btn-header-order { margin-left: 1%; }
}

@media (max-width: 890px) {
  .btn-header-barcode { position: relative; }
  .btn-header-barcode[class^="btn-header"] { width: 42px; height: 36px; vertical-align: middle; }
  .btn-header-barcode .bg { background-color: rgba(255, 255, 255, 0.2); position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; }
  .header-wrapper { height: 60px; padding: 0px 20px; top: var(--TopPadding); }
  .header-wrapper [class^="btn-header"] ~ [class^="btn-header"] { margin-left: 20px; }
  .header-wrapper[data-mobile-only] { background: rgb(255, 255, 255); margin-top: -1px; border-bottom: 1px solid transparent; display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .header-wrapper[data-mobile-only].fix { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(239, 241, 243); top: 0px; padding-top: var(--TopPadding); height: calc(60px + var(--TopPadding)); }
  .header-wrapper[data-mobile-only] .header-right a[class^="btn-"] { vertical-align: middle; margin-left: 20px; }
  .header-wrapper[data-mobile-only] .header-right a + button { margin-left: 20px; }
  .header-wrapper[data-mobile-only] .header-right .ico-qr { width: 24px; height: 24px; }
  .header-wrapper .btn-header-alarm[class^="btn-"], .header-wrapper .btn-header-cart[class^="btn-"] { vertical-align: middle; }
  .header-wrapper .btn-more-view .ico-mile-white ~ .text { margin-left: 4px; font-size: 16px; letter-spacing: -0.025em; line-height: 22px; font-weight: 600; white-space: nowrap; }
  .header-wrapper .btn-more-view .ico-mile-white ~ .price { display: inline-block; margin-left: 4px; font-size: 20px; line-height: 26px; letter-spacing: -0.025em; font-weight: 700; color: rgb(255, 255, 255); vertical-align: top; }
  .header-wrapper .btn-header-cart .count { color: rgb(255, 255, 255); background: rgb(239, 61, 46); }
  .header-wrapper .btn-header-alarm .new { overflow: hidden; position: absolute; top: 0px; right: 0px; display: block; width: 4px; height: 4px; border-radius: 4px; background: rgb(255, 255, 255); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] { background: transparent; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .btn-header-cart .count { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .btn-more-view .ico-mile-white { flex: 1 0 24px; margin-top: -3px; height: 24px; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .btn-more-view .price { display: inline-block; vertical-align: top; width: 100%; max-width: 100%; white-space: nowrap; margin-top: -2px; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix { background: rgb(255, 255, 255); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-more-view.type-white .text { color: rgb(0, 0, 0); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-header-cart .count { background: rgb(239, 61, 46); color: rgb(255, 255, 255); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .ico-header-cart { background: url("/lotte_assets/comm_ico_cart.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .ico-header-alarm { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .ico-header-barcode { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-header-barcode .lottie { display: none; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-header-barcode .ico-barcode-black { display: block; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-more-view.type-white .ico-mile-white { background: url("/lotte_assets/blank.svg"); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-more-view.type-white .ico-mile-white ~ .price { color: rgb(0, 0, 0); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-more-view.type-white::after { background-image: url("/lotte_assets/blank.svg"); width: 20px; height: 20px; margin-top: -11px; right: -2px; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-more-view.type-white .ico-mile-white ~ .text { color: rgb(0, 0, 0); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .btn-header-back { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .page-title { color: rgb(0, 0, 0); }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .ico-qr-white { background: url("../../assets/images/common/comm_ico_qr.png") 0px 0px / cover no-repeat; }
  body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].fix .ico-option { background: url("../../assets/images/common/comm_ico_option_black.svg") 0px 0px / cover no-repeat; }
}

@media (max-width: 320px) {
  .header-wrapper[data-mobile-only] .header-right a[class^="btn-"] { margin-left: 16px; }
}

@media (max-width: 375px) and (max-height: 630px) {
  .header-wrapper .btn-more-view .ico-mile-white ~ .price { font-size: 16px; }
}

.docker-wrapper .docker-list .docker-item { text-align: center; width: 20%; }

.docker-wrapper .docker-list .docker-item .btn-docker #orderLottieBtn { display: none; position: absolute; top: -14px; width: 80px; height: 78px; }

.docker-wrapper .docker-list .docker-item .btn-docker #orderLottieBtn::before { content: ""; position: absolute; left: 0px; top: 0px; background: url("../../assets/images/common/comm_docker_bg.png") 0px 0px / cover no-repeat; width: 100%; height: 100%; }

.docker-wrapper .docker-list .docker-item.before_order .btn-docker #orderLottieBtn { display: block; }

.docker-wrapper .docker-list .docker-item.before_order .txt, .docker-wrapper .docker-list .docker-item.before_order .ico-eatz-character { display: none; }

.docker-wrapper { z-index: 15; display: block; position: fixed; bottom: 0px; left: 0px; right: 0px; background: rgb(255, 255, 255); padding-bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding)); border-top-left-radius: 32px; border-top-right-radius: 32px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(238, 238, 238) rgb(238, 238, 238) currentcolor; border-image: none; }

.docker-wrapper .docker-list { padding: 0px 8px; height: 72px; display: -webkit-flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; justify-content: space-between; }

.docker-wrapper .docker-list .docker-item .btn-docker { width: 100%; height: 64px; position: relative; padding: 14px 0px 8px; display: flex; flex-direction: column; align-items: center; }

.docker-wrapper .docker-list .docker-item .btn-docker .ico-eatz-character { width: 24px; height: 24px; }

.docker-wrapper .docker-list .docker-item .btn-docker .txt { margin-top: 4px; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.025em; color: rgb(51, 51, 51); }

.docker-wrapper .docker-list .docker-item .btn-docker.is-active .txt { font-weight: 700; }

.docker-wrapper .docker-list.no_order { justify-content: space-between; }

.docker-wrapper { transform: translateY(0%); opacity: 1; transition: transform 0.2s, opacity 0.2s; will-change: transform, opcity; }

.docker-wrapper.nav-hidden { transform: translateY(100%); opacity: 0; }

.wrapper .cont-body.type02 .cont-box { padding-left: 0px; }

.wrapper .cont-body.type02 .cont-box .cont-inner { padding: 28px; border-radius: 20px; background-color: rgb(255, 255, 255); }

.wrapper .cont-body.type02 .cont-box ~ .cont-box { margin-top: 20px; }

@media (max-width: 890px) {
  .wrapper .cont-body.type02 { margin-top: 0px; }
  .wrapper .cont-body.type02 .cont-box { padding-left: 20px; }
  .wrapper .cont-body.type02 .cont-box ~ .cont-box { margin-top: 40px; }
  .wrapper .cont-body.type02 .cont-box .cont-inner { padding: 0px; }
  .footer-wrapper-mobile .gray-box { padding: 30px 20px calc(74px + 60px + env(safe-area-inset-bottom) + var(--IOSBottomPadding)); }
  .cont-box.last_box { padding-bottom: 100px; }
}

@media (max-width: 360px) {
  .footer-wrapper-mobile.footer-wrapper .footer-row { flex-direction: column; }
}

.wrapper .container-wrapper.type02 .cont-box ~ .cont-box .cont-inner { padding-top: 20px; }

@media (max-width: 890px) {
  .header-wrapper[data-mobile-only] .header-right.flex { display: flex; align-items: center; }
  .header-wrapper[data-mobile-only] .header-right.flex .ico-plus + .fc-black { font-size: 13px; }
  .container-wrapper.type02 .cont-box .cont-inner { padding: 20px 0px; }
  .wrapper .container-wrapper.type02 .cont-box ~ .cont-box .cont-inner { padding: 0px; }
  .motypeA { padding: 0px; background-color: rgb(245, 246, 248); margin-top: 0px !important; }
}

@media (max-width: 320px) {
  .header-wrapper[data-mobile-only] .page-title { margin-left: 5px; font-size: 15px; }
}

.warn_noti { padding: 12px 20px; }

.warn_noti + .gray-box { margin-top: 8px !important; }

.warn_noti .text { font-size: 14px; font-weight: 500; line-height: 18px; color: rgb(0, 0, 0); letter-spacing: -0.025em; }

.warn_noti .text .ico-info-popup { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 8px; }

.aside-content-wrap .aside-wrap .aside-payment-wrap .cont-box { border: 1px solid rgb(235, 235, 235); border-radius: 20px; padding: 24px !important; }

.aside-content-wrap .aside-wrap .aside-payment-wrap .cont-box + .cont-box { margin-top: 12px; }

.aside-content-wrap .aside-wrap .aside-payment-wrap .cont-box + .cont-box .cont-inner { padding-top: 0px; }

.payment-current-wrap .payment-current-box .cont-tit-wrap + .price-info-list + .price-info-list { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgb(238, 238, 238); }

.payment-current-wrap .payment-current-box .cont-tit-wrap + .price-info-list.type02 { padding-top: 20px; border-top: 1px solid rgb(238, 238, 238); }

@media (max-width: 890px) {
  .aside-content-wrap .aside-wrap .aside-payment-wrap .cont-box { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 20px !important; }
  .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap.type02 { padding-bottom: 100px; }
  .find_store_wrap .cont-inner { padding-bottom: 20px !important; }
}

.footer-wrapper .isms-p_wrap .footer-info { display: flex; gap: 10px; }

.footer-wrapper .isms-p_wrap .isms-p_logo_wrap { width: 48px; margin-top: 4px; }

.footer-wrapper .isms-p_wrap .isms-p_logo_wrap a { display: block; }

.footer-wrapper .isms-p_wrap .isms-p_text_wrap p .info + .info { margin-left: 0px; }

.footer-wrapper .isms-p_wrap .isms-p_text_wrap p + .info { margin-top: 5px; }

.footer-wrapper .webwatch_wrap { margin-left: 25px; }

.footer-wrapper .webwatch_wrap .webwatch_logo_wrap { display: flex; gap: 12px; align-items: center; }

.footer-wrapper .webwatch_wrap .webwatch_logo_wrap a { display: inline-block; width: 47px; height: 35px; }

.footer-wrapper .webwatch_wrap .webwatch_logo_wrap a + a { width: 67px; height: 22px; }

@media (max-width: 890px) {
  .cont-box.find_store_wrap ~ .cont-box.has-shadow, .cont-box ~ .cont-box.mo-gray-box { margin-top: -20px; }
  .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .page-btn-wrap.flex + .btn-wrap.flex { margin-top: 0px; }
  .footer-wrapper .isms-p_wrap.footer-cont { margin-top: 0px; }
  .footer-wrapper .isms-p_wrap .isms-p_logo_wrap { width: 70px; margin-top: 0px; }
  .footer-wrapper .isms-p_wrap .isms-p_text_wrap p .info { display: block; }
  .footer-wrapper .webwatch_wrap { margin-left: 0px; }
  .footer-wrapper .webwatch_wrap .webwatch_logo_wrap a { width: 69px; height: 50px; }
  .footer-wrapper .webwatch_wrap .webwatch_logo_wrap a + a { width: 98px; height: 33px; }
  :focus-visible { -webkit-tap-highlight-color: transparent; outline: 0px; }
}