@charset "utf-8";

.offscreen { display: block; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; font-size: 14px !important; }

.offscreen-overlay { display: block; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; font-size: 14px !important; }

@media (max-width: 890px) {
  .offscreen-overlay {
  & * { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
}
}

span { word-break: normal; }

.mgt-0 { margin-top: 0px !important; }

.mgb-0 { margin-bottom: 0px !important; }

.btn-link { z-index: 1; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; }

.btn-link:focus-visible { outline-offset: -1px; }

.btn-link[aria-labelledby] > .offscreen { display: none; }

@media (max-width: 890px) {
  .mo-block { display: block; }
}

@media (min-width: 891px) {
  .pc-block { display: block; }
}

.skip-nav { position: absolute; font-size: 0px; left: 0px; right: 0px; top: 0px; z-index: 1000; }

.skip-nav a { position: absolute; display: inline-block; color: rgb(255, 255, 255); width: 100%; padding: 10px; background: rgb(0, 0, 0); text-align: center; font-size: 13px; left: 0px; right: 0px; top: 0px; box-sizing: border-box; }

.skip-nav a:not(:focus) { transform: translateY(-100%); }

.loading-wrap { position: fixed; z-index: 99999; inset: 0px; background: rgba(0, 0, 0, 0.5); }

.loading-wrap .loading { position: absolute; display: block; width: 130px; height: 130px; overflow: hidden; box-sizing: border-box; top: 50%; left: 50%; margin-left: -65px; margin-top: -65px; }

.breadcrumb { display: block; }

.breadcrumb .breadcrumb-list { font-size: 0px; }

.breadcrumb .breadcrumb-list .crumb { position: relative; display: inline-block; vertical-align: top; }

.breadcrumb .breadcrumb-list .crumb .link-home { display: block; width: 16px; height: 16px; margin-top: -1px; background: url("/lotte_assets/comm_ico_breadcrumb_home.svg") 0px 0px / cover no-repeat; }

.breadcrumb .breadcrumb-list .crumb .menu { position: relative; display: inline-block; vertical-align: top; font-size: 13px; letter-spacing: -0.025em; line-height: 16px; color: rgb(102, 102, 102); }

.breadcrumb .breadcrumb-list .crumb ~ .crumb { padding-left: 24px; margin-left: 8px; }

.breadcrumb .breadcrumb-list .crumb ~ .crumb::before { content: ""; position: absolute; top: 0px; left: 0px; display: inline-block; vertical-align: top; width: 16px; height: 16px; background: url("/lotte_assets/comm_ico_breadcrumb_divide.svg") 0px 0px / cover no-repeat; }

.swiper-main-popup .swiper-slide { min-height: 310px; }

#mainPopup .swiper-main-popup .swiper-slide a:focus { outline-offset: -2px; }

.swiper-main-popup .swiper-slide a { min-height: 310px; 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; }

.swiper-main-popup.swiper-container .swiper-pagination.swiper-pagination-fraction { border-radius: 30px; font-size: 12px; transform: translate(-50%, 0px); backdrop-filter: blur(15px) brightness(95%); color: rgb(255, 255, 255); height: 22px; line-height: 22px; padding: 0px 10px; }

.swiper-main-popup.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total::before { display: none; }

.swiper-main-popup.swiper-container .swiper-pagination.swiper-pagination-fraction [class^="swiper-pagination"] { font-size: 12px; font-weight: 500; line-height: 22px; color: rgb(255, 255, 255); }

.swiper-container.swiper-store-info { border-radius: 4px; }

.swiper-container.swiper-store-info .swiper-wrapper { height: 186px; }

@media (min-width: 891px) {
  .swiper-container.swiper-store-info .swiper-wrapper { height: 422px; }
}

.swiper-container.swiper-store-info .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; }

.swiper-container.swiper-store-info .swiper-pagination.swiper-pagination-fraction { display: none; left: auto; bottom: 16px; right: 16px; transform: none; background-color: rgba(0, 0, 0, 0.5); }

@media (min-width: 891px) {
  .swiper-container.swiper-store-info .swiper-pagination.swiper-pagination-fraction { left: 50%; bottom: 16px; transform: translateX(-50%); right: auto; }
}

.swiper-container.swiper-store-info .swiper-button-prev { width: 40px; height: 40px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.swiper-container.swiper-store-info .swiper-button-next { width: 40px; height: 40px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

@media (max-width: 890px) {
  .swiper-container.swiper-store-info .swiper-button-prev { width: 32px; height: 32px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; transform: rotate(180deg); }
  .swiper-container.swiper-store-info .swiper-button-next { width: 32px; height: 32px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
}

.swiper-container.swiper-store-info.is-active .swiper-pagination.swiper-pagination-fraction { display: block; }

.swiper-container-wrap.swiper-store-banner .swiper-slide { width: 180px; margin-right: 10px; }

.swiper-container-wrap.swiper-store-banner .swiper-slide:last-child { margin-right: 0px; }

.swiper-container-wrap.swiper-store-banner .thumb-box { position: relative; width: 100%; overflow: hidden; padding-top: 130px; border-radius: 4px; background-color: rgb(245, 246, 248); }

.swiper-container-wrap.swiper-store-banner .thumb-box img { position: absolute; left: 0px; top: 0px; width: 100%; }

.swiper-container-wrap.swiper-store-banner .thumb-box .badge-lg { position: absolute; right: 61px; bottom: 33px; width: 40px; }

.swiper-container-wrap.swiper-store-banner .thumb-box [class^="ico-brand-"] { position: absolute; bottom: 10px; right: 10px; }

.swiper-container-wrap.swiper-store-banner .thumb-box .congestion-level { position: absolute; top: 10px; right: 10px; }

.swiper-container-wrap.swiper-store-banner .grid-info-box { margin-top: 12px; }

.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap .distance-text { position: relative; margin-right: 2px; padding-right: 6px; font-weight: 500; color: rgb(0, 0, 0); }

.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap .distance-text::after { overflow: hidden; position: absolute; content: ""; display: block; top: 8px; right: 0px; width: 2px; height: 2px; background: rgb(170, 170, 170); border-radius: 2px; }

.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap ~ .grid-title { margin-top: 9px; }

.swiper-container-wrap.swiper-store-banner .grid-info-box .grid-title { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; }

.swiper-container-wrap.swiper-store-banner .grid-info-box .grid-title ~ .fc-gray { margin-top: 5px; font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap ~ .grid-title { margin-top: 6px; }

.sns-popup.ui-dialog-content[data-class="dialog-bottom"] { min-height: auto; }

.sns-popup .cont-box .cont-inner { padding-bottom: 20px; }

.sns-popup .dialog-body { margin: 0px 20px; }

@media (min-width: 891px) {
  .sns-popup .dialog-body { margin: 0px 10px; }
  .sns-popup .dialog-body .cont-box .cont-inner { padding-bottom: 30px; }
  .sns-popup .dialog-body .btn-flex-wrap [class^="ico-"] { width: 49px; height: 49px; background-size: 49px 49px; }
}

.required { display: inline-block; vertical-align: top; }

.required::before { content: "*"; display: inline-block; margin: 3px 0px 0px 3px; font-size: 13px; color: var(--brand, #B81B3E); line-height: 1; vertical-align: top; }

.editor-wrap { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.editor-wrap p, .editor-wrap span { word-break: normal; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.editor-wrap img { width: auto; max-width: 100%; }

.addr-list { margin-bottom: 20px; }

.addr-list #rnAddressBtn { position: absolute; width: 100%; height: 100%; background: transparent; top: 0px; left: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.addr-list .addr-list-item + .addr-list-item { margin-top: 6px; }

.addr-list + .input-box { margin-bottom: 12px; }

.addr-list ~ .addr-list-item { border-top: 1px solid rgb(221, 224, 227); margin-top: 20px; padding-top: 20px; }

.addr-list-item { position: relative; font-size: 0px; min-height: 21px; }

.addr-list-item .addr-head { position: absolute; top: 0px; left: 0px; 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; min-width: 43px; height: 21px; text-align: center; border: 1px solid rgb(194, 199, 204); border-radius: 4px; color: rgb(95, 102, 108); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 600; margin-right: 6px; vertical-align: top; }

.addr-list-item .addr-cnt { display: inline-block; vertical-align: top; font-size: 14px; letter-spacing: -0.025em; line-height: 21px; font-weight: 400; color: rgb(0, 0, 0); padding: 0px 0px 0px 49px; }

.addr-list-item .addr-text { color: rgb(0, 0, 0); }

.addr-book-header { display: flex; justify-content: space-between; align-items: center; }

.addr-book-header .cont-tit { margin-bottom: 0px; }

.addr-book-header + .addr-book-list { margin-top: 20px; }

.addr-map-wrap { position: relative; width: calc(100% + 40px); height: 411px; margin-left: -20px; }

@media (min-width: 891px) {
  .addr-map-wrap { height: 340px; }
}

.addr-map-wrap .addr-map-inner { width: 100%; height: 100%; }

@media (min-width: 891px) {
  .addr-map-wrap .addr-map-inner { padding: 0px 20px; }
}

.addr-map-wrap .btn-access-location { position: absolute; top: 20px; right: 20px; }

.addr-edit-box { position: absolute; top: 20px; right: 20px; }

.addr-edit-box [class^="btn-"] + [class^="btn-"] { margin-left: 12px; }

@media (min-width: 891px) {
  .addr-book-list { display: flex; }
  .addr-book-list.column { flex-direction: column; }
  .addr-book-list.column .addr-book-item { width: 100%; max-width: none; }
  .addr-book-list.column .addr-book-item + .addr-book-item { margin-top: 10px; margin-left: 0px; }
}

.addr-book-list .addr-book-item { position: relative; max-width: none; flex: 1 0 auto; padding: 20px; border: 1px solid rgb(221, 224, 227); border-radius: 4px; background: rgb(255, 255, 255); }

@media (min-width: 891px) {
  .addr-book-list .addr-book-item { max-width: 356px; }
}

.addr-book-list .addr-book-item + .addr-book-item { margin-top: 10px; }

@media (min-width: 891px) {
  .addr-book-list .addr-book-item + .addr-book-item { margin-top: 0px; margin-left: 21px; }
}

.addr-book-list .addr-book-item .addr-item-tit { font-size: 0px; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 14px; }

.addr-book-list .addr-book-item .addr-item-tit > .text { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 600; margin-right: 6px; color: rgb(0, 0, 0); }

.addr-book-list .addr-book-item .addr-item-cont { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 400; color: rgb(0, 0, 0); }

.addr-history-list.normal { padding-bottom: 10px; }

@media (min-width: 891px) {
  .addr-history-list.normal { display: block; margin-top: 0px; padding-bottom: 20px; }
  .addr-history-list.normal .addr-history-item { width: auto; padding: 20px 50px 20px 20px; border-radius: 0px; margin-top: 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(221, 224, 227); border-image: none; }
  .addr-history-list.normal .addr-history-item .ico-addr-curr, .addr-history-list.normal .addr-history-item .ico-addr-drag { right: 2.7% !important; }
}

.addr-history-list .addr-tit { display: flex; align-items: center; justify-content: flex-start; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); margin-bottom: 12px; }

.addr-history-list .addr-tit [class^="badge-"] { margin-left: 6px; }

.addr-history-list .addr-history-item { position: relative; border-bottom: 1px solid rgb(221, 224, 227); background: rgb(255, 255, 255); }

.addr-history-list .addr-history-item .addr-edit-box { top: 0px; right: 0px; }

.addr-history-list .addr-history-item ~ .addr-history-item { padding-top: 20px; }

.addr-history-list .addr-history-item ~ .addr-history-item .addr-edit-box { top: 20px; }

@media (min-width: 891px) {
  .addr-history-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -20px; }
  .addr-history-list .addr-history-item { width: calc(50% - 10px); padding: 20px; border-radius: 4px; border: 1px solid rgb(221, 224, 227); margin-top: 20px; background: rgb(255, 255, 255); }
  .addr-history-list .addr-history-item .addr-list { margin-bottom: 0px; }
  .addr-history-list .addr-history-item .addr-edit-box { top: 20px; right: 20px; }
}

.addr-add-wrap { }

.addr-add-wrap .ui-row-list + .input-box { margin-top: 20px; }

.addr-add-wrap .addr-info + .addr-list-item, .addr-add-wrap .addr-list-item + .input-box { margin-top: 10px; }

@media (max-width: 890px) {
  .addr-add-wrap .addr-info + .input-box { margin-top: 6px; }
}

@media (min-width: 891px) {
  .addr-add-wrap .addr-info + .input-box { margin-top: 12px; }
}

.addr-add-wrap .input-box + .form-list-wrap { margin-top: 24px; }

.no-data .btn-center-wrap { margin-top: 30px; }

.no-data .btn-center-wrap [class^="btn-"] { min-width: 200px; }

.no-data .gray-box { margin-top: 30px; }

@media (min-width: 891px) {
  .no-data .gray-box { width: 376px; margin-right: auto; margin-left: auto; }
}

@media (max-width: 890px) {
  .no-data .gray-box { width: 100%; }
}

@media (min-width: 891px) {
  .no-data { padding: 160px 0px; }
}

@media (max-width: 890px) {
  .no-data { padding: 100px 0px 128px; }
}

.no-data { padding: 160px 0px; }

.no-data .no-data-desc { padding-top: 96px; background: url("/lotte_assets/blank.svg") center top / 90px 90px no-repeat; font-size: 14px; letter-spacing: -0.025em; line-height: 18px; font-weight: 400; color: rgb(136, 136, 136); text-align: center; }

.no-data + .btn-wrap, .no-data + .btn-center-wrap, .no-data + .btn-flex-wrap, .no-data + .btn-right-wrap { margin-top: 27px; }

.no-data + .btn-wrap [class^="btn-"], .no-data + .btn-center-wrap [class^="btn-"], .no-data + .btn-flex-wrap [class^="btn-"], .no-data + .btn-right-wrap [class^="btn-"] { width: 100%; max-width: 420px; min-width: auto; margin: 0px auto; }

@media (min-width: 891px) {
  .no-data + .btn-wrap, .no-data + .btn-center-wrap, .no-data + .btn-flex-wrap, .no-data + .btn-right-wrap { margin-top: -110px; }
  .no-data + .btn-wrap [class^="btn-"], .no-data + .btn-center-wrap [class^="btn-"], .no-data + .btn-flex-wrap [class^="btn-"], .no-data + .btn-right-wrap [class^="btn-"] { min-width: 420px; }
}

.no-data.for-popup { padding: 100px 0px; margin: 0px; }

.barcode-no-data { 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; height: 100px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.barcode-no-data .no-data-desc { padding: 11px 20px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; background-color: rgba(128, 135, 141, 0.8); border-radius: 100px; text-align: center; color: rgb(255, 255, 255); font-weight: 500; word-break: keep-all; }

.store-no-data .gray-box { flex: 1 1 0%; 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; height: 185px; }

.store-no-data .gray-box .no-data-desc { padding-top: 71px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; text-align: center; color: rgb(136, 136, 136); background: url("/lotte_assets/blank.svg") center top / 60px 60px no-repeat; }

.map-content { position: relative; z-index: 1; }

@media (max-width: 890px) {
  .map-content { margin: 0px -20px; padding-top: 300px; }
}

@media (min-width: 891px) {
  .map-content { padding-top: 420px; }
}

.map-content .map-area { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }

.map-content .map-area .btn-access-location { z-index: 6; width: 40px; height: 40px; background-color: rgb(255, 255, 255); border-radius: 40px; text-align: center; }

.map-content.type-long { padding-top: 411px; }

.map-wrap .map-header { 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-bottom: 20px; }

.map-wrap .map-header .store-address { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 600; }

.map-wrap .map-header [class^="btn-"] { margin-left: auto; flex-shrink: 0; }

@media (max-width: 890px) {
  .map-wrap .map-content::after { position: absolute; z-index: 4; top: 0px; left: 0px; content: ""; display: inline-block; width: 100%; height: 20px; background: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%); }
}

@media (min-width: 891px) {
  .map-wrap .map-content { padding-top: 420px; }
}

.pin-brand-state, .pin-delivery-state { text-align: center; }

.pin-brand-state .info-area, .pin-delivery-state .info-area { position: relative; background-color: rgb(255, 255, 255); padding: 7px 10px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px; font-size: 0px; }

.pin-brand-state .info-area { display: flex; }

.pin-brand-state .info-area::before, .pin-delivery-state .info-area::before { position: absolute; bottom: -5px; left: 50%; content: ""; display: block; width: 11px; height: 5px; margin-left: -5px; transform: rotate(180deg); background: url("/lotte_assets/blank.svg") left top / 10px auto no-repeat; }

.pin-brand-state .info-area .store-name, .pin-delivery-state .info-area .store-name { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.pin-brand-state .info-area .store-name { word-break: keep-all; }

.pin-brand-state .info-area .badge-sm-round { min-width: 31px; }

.pin-brand-state .info-area .badge-sm-round, .pin-delivery-state .info-area .badge-sm-round { margin-left: 4px; }

.pin-brand-state img, .pin-delivery-state img { margin-top: 14px; width: 30px; height: 30px; }

.download-area { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 44px; position: relative; border-radius: 4px; border: 1px solid rgb(221, 224, 227); padding: 0px 16px; background-color: rgb(243, 245, 247); }

@media (min-width: 891px) {
  .download-area { width: 335px; }
}

.download-area .text { width: 100%; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); font-weight: 400; }

.download-area .download-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.comm-error { max-width: 410px; margin: 20px auto 0px; padding-top: 150px; text-align: center; background: url("/lotte_assets/blank.svg") center 0px / 180px 111px no-repeat; }

.comm-error .comm-tit { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.comm-error .comm-content { font-size: 14px; letter-spacing: -0.025em; line-height: 22px; color: rgb(0, 0, 0); margin: 15px 0px 46px; }

.comm-error .page-btn-wrap [class^="btn-"] { flex: 1 1 0%; min-width: auto; }

.comm-error .member-content { margin-bottom: 50px; }

@media (min-width: 891px) {
  .comm-error { padding-top: 200px; margin-top: 90px; margin-bottom: 53px; background: url("/lotte_assets/blank.svg") center 0px / 260px 160px no-repeat; }
}

.order-addr-wrap { position: relative; 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; }

.order-addr-wrap .info-right { padding-left: 10px; margin-left: auto; flex: 1 0 auto; }

.order-addr-wrap .popover-popup { margin-top: 9px; }

.addr-info { overflow: hidden; width: 100%; position: relative; min-height: 20px; 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; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.addr-info .ico-addr-location { flex-shrink: 0; }

.addr-info .addr-info-tit { flex: 1 0 auto; position: relative; padding: 1px 0px 1px 26px; margin-right: 15px; }

.addr-info .addr-info-tit .text { display: inline-block; vertical-align: top; color: rgb(0, 0, 0); font-weight: 600; }

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

.addr-info .addr-info-val { width: 100%; padding: 1px 0px; color: rgb(0, 0, 0); }

.addr-info.text-lg { 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; }

.addr-info.text-lg .ico-addr-location { margin-top: 2px; margin-bottom: 2px; }

.addr-info.text-lg .ico-addr-location + .addr-info-val { margin-left: 6px; }

.addr-info.text-lg .addr-info-val { padding: 0px; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 500; }

.addr-info.text-lg .info-right { flex-shrink: 0; }

.address-copy-wrap { 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; margin-top: 8px; }

@media (max-width: 890px) {
  .address-copy-wrap { align-items: flex-start; }
}

.address-copy-wrap .info-address { color: rgb(0, 0, 0); }

.address-copy-wrap .info-address + .btn-address-copy { 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; flex-shrink: 0; }

.address-copy-wrap .info-address + .btn-address-copy .text { color: rgb(136, 136, 136); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; }

.address-copy-wrap .info-address + .btn-address-copy::before { content: ""; margin-left: 10px; margin-right: 10px; width: 1px; height: 8px; margin-top: 1px; background-color: rgb(194, 199, 204); }

.address-copy-wrap .info-address + .btn-address-copy [class^="ico-"] { margin-right: 3px; }

.address-copy-wrap + .order-addr-wrap { margin-top: 12px; }

.order-info-date, .order-info-num { padding-top: 4px; text-align: left; color: rgb(102, 102, 102); }

.order-info-group { font-size: 0px; }

.order-info-group [class^="order-info-"] { display: inline-block; }

@media (max-width: 890px) {
  .order-info-group [class^="order-info-"] { display: block; }
}

.order-info-group [class^="order-info-"] + [class^="order-info-"] { position: relative; margin-left: 8px; padding-left: 9px; }

.order-info-group [class^="order-info-"] + [class^="order-info-"]::after { content: ""; position: absolute; top: 50%; left: 0px; width: 1px; height: 8px; margin-top: -2px; background-color: rgb(221, 224, 227); }

@media (max-width: 890px) {
  .order-info-group [class^="order-info-"] + [class^="order-info-"] { margin-left: 0px; padding-left: 0px; }
  .order-info-group [class^="order-info-"] + [class^="order-info-"]::after { display: none; }
}

@media (max-width: 890px) {
  .order-info-group.type-left { margin-bottom: -30px; }
}

.info-text-list + .grid-list-wrap { margin-top: 30px; }

.ui-dialog-container .btext + .grid-list-wrap { margin-top: 20px; }

.brand-menu { 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-flow: wrap; }

.brand-menu .brand-item { width: calc(50% - 3px); }

.brand-menu .brand-item:nth-child(2n) { margin-left: 6px; }

.brand-menu .brand-item:nth-child(2) ~ .brand-item { margin-top: 6px; }

.brand-menu .brand-item .btn-brand-link { width: 100%; height: 100px; padding: 16px; border-radius: 4px; }

.brand-menu .brand-item .btn-brand-link .text { color: rgb(255, 255, 255); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; }

.brand-menu .brand-item .btn-brand-link.brd-lotteria { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(239, 61, 46); }

.brand-menu .brand-item .btn-brand-link.brd-angelinus { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(218, 214, 203); }

.brand-menu .brand-item .btn-brand-link.brd-angelinus .text { color: rgb(47, 39, 31); }

.brand-menu .brand-item .btn-brand-link.brd-krispy { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(0, 155, 82); }

.brand-menu .brand-item .btn-brand-link.brd-plating { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(34, 34, 34); }

.brand-menu .brand-item .btn-brand-link.brd-dtms { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(233, 80, 6); }

.brand-menu .brand-item .btn-brand-link.brd-mkk { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(0, 0, 0); }

.brand-menu .brand-item .btn-brand-link.brd-fbx { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(232, 57, 36); }

.brand-menu .brand-item .btn-brand-link.brd-cpt { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(66, 29, 24); }

.brand-menu .brand-item .btn-brand-link.brd-mrgm { background: url("/lotte_assets/blank.svg") right bottom / 165px 100px no-repeat rgb(232, 57, 36); }

@media (max-width: 890px) {
  .tbl-info-wrap + .swiper-container { margin-top: 30px; }
}

.card-box { background: url("/lotte_assets/blank.svg") center center / cover no-repeat; }

.payment-card-item.payment-method-card .card-box { background-image: unset; background-color: rgba(184, 27, 62, 0.03); border: 1px solid var(--brand, #B81B3E); }

.payment-card-item.payment-method-card .card-box .card-number { color: rgb(0, 0, 0); }

.card-item { 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; }

.card-item .card-box { overflow: hidden; width: 80px; height: 50px; border-radius: 4px; flex-shrink: 0; }

.card-item .card-info-box { padding-left: 20px; }

.card-item .card-info-box .card-name { font-weight: 500; color: rgb(0, 0, 0); line-height: 18px; }

.card-item .card-info-box .card-price { margin-top: 6px; color: rgb(0, 0, 0); font-weight: 600; }

.card-item .card-info-box .card-price .val, .card-item .card-info-box .card-price .unit { display: inline-block; vertical-align: top; font-weight: inherit; }

.card-item .card-info-box .card-price .val ~ .val, .card-item .card-info-box .card-price .val ~ .unit, .card-item .card-info-box .card-price .unit ~ .val, .card-item .card-info-box .card-price .unit ~ .unit { margin-left: 2px; }

.card-item .card-info-box .card-company { margin-top: 10px; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.card-item .card-info-box .card-company span { display: inline-block; font-size: 12px; padding: 1px 5px; border-radius: 5px; }

.card-item .card-info-box .card-company span + span { margin-left: 1px; }

.card-item .card-info-box .card-company .type_personal { color: var(--brand, #B81B3E); border: 1px solid var(--brand, #B81B3E); }

.card-item .card-info-box .card-company .type_check { color: rgb(15, 140, 232); border: 1px solid rgb(15, 140, 232); }

.card-item .card-info-box .card-company .type_coparation { color: rgb(239, 61, 46); border: 1px solid rgb(239, 61, 46); }

.card-item .card-info-box .card-company .type_credit { color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); }

.card-item .card-info-box.type02 { padding-left: 0px; margin-top: 5px; }

.card-item .card-info-box .card-number { margin-top: 4px; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.card-item .card-info-box .card-date { margin-top: 4px; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.card-item.size-lg { width: auto; 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; }

.card-item.size-lg .card-box { width: 200px; height: 126px; box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 12px; border-radius: 6px; }

.card-item.size-lg .card-info-box .card-price { margin-top: 10px; }

.card-item.size-lg .card-info-box .card-number { margin-top: 10px; }

@media (max-width: 890px) {
  .card-item.size-lg { display: block; }
  .card-item.size-lg .card-box { margin: 0px auto; }
  .card-item.size-lg .card-info-box { padding-left: 0px; margin-top: 20px; text-align: center; }
}

.card-item.vertical { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; margin: 0px auto; text-align: center; }

.card-item.vertical .card-info-box { overflow: hidden; max-width: 100%; margin-top: 12px; padding-left: 0px; }

.card-item.vertical.size-lg .card-info-box { margin-top: 20px; }

.card-item + .btn-wrap, .card-item + .btn-center-wrap, .card-item + .btn-flex-wrap, .card-item + .btn-right-wrap { margin-top: 20px; }

.card-select-box { position: relative; min-height: 24px; padding-left: 30px; }

.card-select-box .ui-rdo, .card-select-box .ui-chk { position: absolute; top: 0px; left: 0px; }

.gray-box .card-item { padding: 10px 0px; }

.term-info-wrap .btext ~ .btext-tit { margin-top: 30px; }

.term-info-wrap .btext + .gray-box { margin-top: 20px; }

.term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item { background-color: transparent; }

.term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item ~ .grid-item { margin-top: 13px; }

@media (min-width: 891px) {
  .term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item ~ .grid-item { margin-top: 0px; }
  .term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 13px; }
}

.term-info-wrap .fold-wrap ~ .terms-agree-list { margin-top: 20px; }

.term-info-wrap .fold-wrap ~ .terms-agree-list ~ .dot-text { margin-top: 12px; }

.btext-info-wrap .btext-tit { margin-top: 30px; }

.btext-info-wrap .btext-tit:nth-child(1) { margin-top: 20px; }

.btext-info-wrap .btext-tit:not(.btext-tit):nth-child(1) { margin-top: 0px; }

.complete-info-wrap { width: 100%; margin-top: 90px; text-align: center; }

@media (min-width: 891px) {
  .complete-info-wrap { padding-bottom: 20px; }
  .complete-info-wrap .order-header-box { margin-top: 50px; margin-bottom: -51px; }
}

.complete-info-wrap .ico-ord-complete { display: none; width: 180px; height: 111px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.complete-info-wrap .ico-ord-complete + .guide-desc { margin-top: 40px; }

.complete-info-wrap .guide-desc { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.complete-info-wrap .guide-desc ~ .btext { margin-top: 20px; }

@media (max-width: 890px) {
  .complete-info-wrap { margin-top: 20px; }
  .complete-info-wrap:last-child { margin-bottom: 10px; }
  .complete-info-wrap .ico-ord-complete + .guide-desc { margin-top: 0px; }
  .complete-info-wrap .line-gray-box { max-width: calc(100% + 40px); border-radius: 0px; border-left: 0px; border-right: 0px; border-bottom: 0px; margin-left: -20px; margin-right: -20px; }
  .complete-info-wrap .order-header-box { margin-top: 40px; margin-bottom: -40px; }
}

.img-area + .decimal-list { margin-top: 12px; }

.grs-logo { width: 100px; height: 21px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.progress-box .frame { position: relative; width: 100%; height: 4px; border-radius: 8px; background-color: rgb(128, 135, 141); }

.progress-box .frame .bar { position: absolute; top: 0px; left: 0px; height: 4px; background-color: var(--brand, #B81B3E); border-radius: 8px; }

.progress-box ~ .state { margin-top: 13px; }

.progress-wrap .state .goods-group, .progress-wrap .state .info { display: inline-block; vertical-align: top; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; }

.progress-wrap .state .goods-group .val, .progress-wrap .state .goods-group .unit, .progress-wrap .state .info .val, .progress-wrap .state .info .unit { font-weight: 600; }

.progress-wrap .state .goods-group .val .fc-spot, .progress-wrap .state .goods-group .unit .fc-spot, .progress-wrap .state .info .val .fc-spot, .progress-wrap .state .info .unit .fc-spot { font-weight: 600; }

.progress-wrap.progress-lotteria .frame .bar { background-color: rgb(239, 61, 46); }

.progress-wrap.progress-lotteria .state .fc-spot { color: rgb(239, 61, 46) !important; }

.progress-wrap.progress-lotteria .state .val { color: rgb(239, 61, 46); }

.progress-wrap.progress-krispy .frame .bar { background-color: rgb(0, 155, 82); }

.progress-wrap.progress-krispy .state .fc-spot { color: rgb(0, 155, 82) !important; }

.progress-wrap.progress-krispy .state .val { color: rgb(0, 155, 82); }

.progress-wrap.progress-angelinus .frame .bar { background-color: rgb(153, 131, 112); }

.progress-wrap.progress-angelinus .state .fc-spot { color: rgb(153, 131, 112) !important; }

.progress-wrap.progress-angelinus .state .val { color: rgb(153, 131, 112); }

.progress-wrap.progress-plating .frame .bar { background-color: rgb(34, 34, 34); }

.progress-wrap.progress-plating .state .fc-spot { color: rgb(34, 34, 34) !important; }

.progress-wrap.progress-plating .state .val { color: rgb(34, 34, 34); }

.barcode-detail-wrap { max-width: 295px; }

.barcode-view-wrap { text-align: center; }

.barcode-view-wrap .info-top { display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 20px; }

.barcode-view-wrap .card-number { margin-bottom: 7px; text-align: center; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.barcode-view-wrap .btext-tit { margin-bottom: 0px; padding: 2px 0px; }

.barcode-view-wrap .goods-box .btext-tit { margin-right: 6px; }

.barcode-view-wrap .time-info { 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; margin-top: 4px; }

.barcode-view-wrap .time-info .time-count { margin-right: 6px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; color: rgb(239, 61, 46); }

.barcode-view-wrap .barcode-detail-wrap .barcode-number { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.barcode-view-wrap .barcode-detail-wrap .barcode-number + .btext { margin-top: 11px; }

.barcode-view-wrap .barcode-detail-wrap { margin: 20px auto 0px; max-width: none; }

.barcode-view-wrap .barcode-detail-wrap .goods-box { margin-top: 14px; }

.barcode-view-wrap .barcode-detail-wrap .goods-box .label { color: rgb(0, 0, 0); }

.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction { position: relative; display: inline-block; vertical-align: top; margin-top: 20px; left: auto; bottom: auto; backdrop-filter: none; transform: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 227); color: rgb(136, 136, 136); }

.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color: rgb(0, 0, 0); font-weight: 600; }

.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total { color: rgb(136, 136, 136); }

.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total::before { color: rgb(136, 136, 136); }

.barcode-view-wrap .time-reset-desc { margin-top: 30px; display: -webkit-inline-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; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 500; }

.barcode-view-wrap .time-reset-desc .ico-time-reset { flex-shrink: 0; margin-top: 2px; margin-right: 6px; }

.barcode-view-wrap .time-reset-desc .fc-spot { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: inherit; }

.congestion-level { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; }

.congestion-level .congestion-state { margin-top: 3px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

@media (max-width: 890px) {
  .cont-box .cont-inner .cont-sm-wrap.cont-version-info { margin-top: -30px; }
}

@media (min-width: 891px) {
  .cont-box .cont-inner .cont-sm-wrap.cont-version-info { margin-top: -40px; }
}

.cont-box .cont-inner .cont-sm-wrap.cont-version-info .cont-tit-wrap { margin-bottom: 0px; }

@media (max-width: 890px) {
  .cont-box .cont-inner .cont-sm-wrap.cont-version-info .cont-tit-wrap { margin-top: 30px; }
}

@media (min-width: 891px) {
  .cont-box .cont-inner .cont-sm-wrap.cont-version-info .cont-tit-wrap { margin-top: 40px; }
}

.cont-box .cont-inner .cont-sm-wrap.cont-version-info .btext { margin-top: 10px; }

.bill-num { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.order-prod-list-wrap.history .order-prod-list .order-prod-header { background-color: rgba(239, 241, 243, 0.4); border-top: 1px solid rgb(0, 0, 0); border-radius: 0px; }

.order-prod-list-wrap.history .order-prod-list .order-prod-header .title, .order-prod-list-wrap.history .order-prod-list .order-prod-header .right-box { font-weight: 500; }

.order-prod-list-wrap.history .order-prod-list .order-prod-header [class^="ico-brand"] { margin-right: 6px; }

.order-prod-list-wrap.history .order-prod-list .order-prod-header + .order-prod-item { border-top: 0px; }

.order-prod-list-wrap.history .order-prod-list .order-prod-header + .order-prod-item:last-child { padding-bottom: 0px; border-bottom: 0px; }

.order-prod-list-wrap.history .order-prod-list .order-prod-item { flex-flow: column wrap; }

.order-prod-list-wrap.history .order-prod-list .order-prod-item:first-child { border-top: 1px solid rgb(128, 135, 141); padding-top: 20px; }

.order-prod-list-wrap.history .order-prod-list .order-prod-item:last-child { padding-bottom: 20px; border-bottom: 1px solid rgba(221, 224, 227, 0.5); }

.order-prod-list-wrap.history .order-prod-list .order-prod-item .btext-tit { width: 100%; }

.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left { flex: 1 1 0%; }

@media (max-width: 890px) {
  .order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left { order: 1; }
}

.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left .bar-text-group { margin-bottom: 12px; }

.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left .bar-text-group .bar-text + .bar-text::before { padding-left: 8px; margin-left: 8px; border-left-color: rgb(221, 224, 227); }

.order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap { margin-top: 20px; width: 100%; }

@media (max-width: 890px) {
  .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap { order: 3; }
}

.order-prod-list-wrap.history .order-prod-list .order-prod-item .gray-box { width: 100%; margin-top: 20px; }

@media (max-width: 890px) {
  .order-prod-list-wrap.history .order-prod-list .order-prod-item .gray-box { order: 2; }
}

@media (min-width: 891px) {
  .order-prod-list-wrap.history .order-prod-list .order-prod-item { justify-content: space-between; flex-direction: row; }
  .order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left { padding-right: 20px; }
  .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap { flex-direction: column; width: auto; margin-top: 0px; }
  .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap [class^="btn-"], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap [class^="btn-"], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap [class^="btn-"], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap [class^="btn-"] { min-width: 120px; }
  .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap [class^="btn-"] + [class^="btn-"], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap [class^="btn-"] + [class^="btn-"], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap [class^="btn-"] + [class^="btn-"], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap [class^="btn-"] + [class^="btn-"] { margin-top: 6px; margin-left: 0px; }
}

@keyframes bottomPopAnimation { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes popAnimation { 
  0% { opacity: 0; }
  30% { transform: translateY(5px); }
  100% { transform: translateY(0px); opacity: 1; }
}

@keyframes popUpAnimation { 
  0% { opacity: 0; }
  30% { transform: translateY(-5px); }
  100% { transform: translateY(0px); opacity: 1; }
}

@keyframes opacityActive { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes goTopIcoActive { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes uiActive { 
  0% { transform: scale(0.8); }
  100% { transform: scale(1); }
}

@keyframes topHide { 
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}

.page-tit-wrap { margin-bottom: 40px; color: rgb(0, 0, 0); }

.page-tit-wrap .breadcrumb { margin-left: auto; }

@media (min-width: 891px) {
  .page-tit-wrap { display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; align-items: flex-end; }
  .page-tit-wrap[data-pc-only] { 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; }
}

.page-tit { font-size: 26px; line-height: 34px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.cont-tit { margin-bottom: 20px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.cont-tit.flex { display: flex; justify-content: space-between; }

.cont-tit .fc-spot { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: inherit; }

.cont-tit span { font-size: inherit; }

.cont-tit.has-line { margin-bottom: 0px; padding-bottom: 20px; border-bottom: 1px solid rgb(0, 0, 0); }

.cont-tit.tit-rgl { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.cont-tit.tit-rgl .badge-sm-round { margin-top: 3px; margin-left: 6px; }

.cont-tit.tit-rgl + .cont-right { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.cont-tit.tit-lg { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; }

.cont-tit.tit-lg .badge-sm-round { margin-top: 3px; margin-left: 6px; }

.cont-tit.tit-xl { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; }

.cont-tit.tit-xl > p { display: inline-block; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: inherit; }

.cont-tit.tit-xl span { font-size: inherit; }

.cont-tit.tit-xl .btn-info { margin-top: 7px; }

.cont-tit ~ .cont-tit, .cont-tit ~ .cont-tit-wrap { border-top: 1px dashed rgb(221, 224, 227); margin-top: 30px; padding-top: 30px; }

.cont-tit-wrap { 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-flow: wrap; margin-bottom: 20px; }

.cont-tit-wrap .cont-tit { margin-bottom: 0px; }

.cont-tit-wrap .cont-tit.tit-xl ~ .cont-right { align-self: flex-end; }

.cont-tit-wrap .cont-tit + .tooltip-wrap, .cont-tit-wrap .cont-tit + .btn-info { margin-left: 6px; }

.cont-tit-wrap.has-line { margin-bottom: 0px; padding-bottom: 20px; border-bottom: 1px solid rgb(0, 0, 0); }

.cont-tit-wrap .cont-right { margin-left: auto; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.cont-tit-wrap .cont-right .version { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; }

.cont-tit-wrap ~ .cont-tit, .cont-tit-wrap ~ .cont-tit-wrap { border-top: 1px dashed rgb(221, 224, 227); margin-top: 30px; padding-top: 30px; }

.cont-tit-wrap ~ .list-header-wrap { margin-top: 30px; }

.info-text-list + .cont-tit { margin-top: 30px; }

.cont-sub-text { display: inline-block; vertical-align: top; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); margin-top: 5px; }

.cont-sub-text.font_size_rgl { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.btext-tit { margin-bottom: 10px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.btext-tit span { font-size: inherit; color: inherit; font-weight: inherit; }

.btext-tit.tit-sm { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; }

.btext-tit.tit-sm + .btext-right { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.btext-tit.tit-sm .fc-spot, .btext-tit.tit-sm .fw-md { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.btext-tit.tit-sm .ico-logo-lpoint { vertical-align: -1px; margin-right: 6px; }

.btext-tit.tit-rgl { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.btext-tit.tit-rgl + .btext-right { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.btext-tit.tit-rgl ~ .btext-tit.tit-rgl { margin-top: 20px; }

.btext-tit.tit-lg { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; }

.btext-tit.tit-xl { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; }

.btext-tit.ellipsis + .btext { margin-top: 0px; }

.btext-tit + .info-text-list { margin-top: 0px; }

.btext-tit + .btext { margin-top: 0px; }

.btext-tit + .btext.ellipsis { margin-top: 0px; }

.btext-tit + .btext-tit-desc { margin-top: -4px; }

.btext-tit ~ .btext, .btext-tit + .btext-tit.tit-rgl { margin-top: 10px; }

.btext-tit + .grid-list-wrap { margin-top: 20px; }

.btext-tit ~ .btext-tit, .btext-tit ~ .btext-tit-wrap { margin-top: 30px; }

.btext-tit ~ .gray-box { margin-top: 30px; }

.btext-tit-wrap { 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; margin-bottom: 10px; }

.btext-tit-wrap .btext-tit { margin-bottom: 0px; }

.btext-tit-wrap .btext-right { margin-left: auto; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.btext-tit-wrap .ui-toggle { margin: -3px 0px; }

.btext-tit-wrap .btext-tit-desc { margin-top: 5px; width: 100%; }

.btext-tit-wrap ~ .btext-tit, .btext-tit-wrap ~ .btext-tit-wrap { margin-top: 30px; }

.btext-tit-desc { color: rgb(102, 102, 102); }

.btext-tit-desc.size-sm { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.btext { }

.btext + .dash-text, .btext + .dot-text, .btext + .info-text-list, .btext + .decimal-list { margin-top: 8px; }

.btext.size-sm { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.btext.has-line-height { line-height: 22px; }

.btext.type-center { text-align: center; }

.btext + .form-list-wrap, .btext + .btn-wrap, .btext + .btn-center-wrap, .btext + .btn-flex-wrap, .btext + .btn-right-wrap, .btext + .gray-box, .btext + .tab-wrap, .btext + .cont-tit-wrap { margin-top: 20px; }

.btext .val ~ .unit { margin-left: 2px; }

.btext-sub { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; color: rgb(136, 136, 136); margin-top: 5px; }

.btext-sub.size-sm { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.btext-sub.font_size_rgl { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.form-tit { margin-bottom: 10px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.form-tit ~ .form-tit { margin-top: 20px; }

.form-tit-wrap { 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; margin-bottom: 10px; }

.form-tit-wrap .form-tit { margin-bottom: 0px; }

.form-tit-wrap .form-right { margin-left: auto; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.form-tit-wrap ~ .form-tit, .form-tit-wrap ~ .form-tit-wrap { margin-top: 20px; }

.form-login-wrap .ui-input { padding-left: 38px; }

.form-login-wrap .ui-input[type="text"] { background: url("/lotte_assets/blank.svg") 16px center / 16px 16px no-repeat rgb(255, 255, 255); }

.form-login-wrap .form-ip-pw .ui-input { padding-right: 40px; background: url("/lotte_assets/blank.svg") 16px center / 16px 16px no-repeat rgb(255, 255, 255); }

.required-wrap { text-align: right; }

.required-wrap .required { display: inline-block; color: rgb(136, 136, 136); vertical-align: top; }

.required-wrap .required::before { content: "*"; display: inline-block; position: relative; width: 6px; height: 6px; margin-right: 3px; transform: translateY(6px); background: url("/lotte_assets/blank.svg") 0px 0px / 6px auto no-repeat; color: transparent; }

.required-wrap + .tbl_row-wrap { margin-top: 20px; }

.form-label { display: inline-block; color: rgb(0, 0, 0); font-weight: 500; cursor: default; }

.form-label .required { display: inline-block; width: 6px; height: 6px; padding-left: 3px; margin-top: 5px; vertical-align: top; }

.form-label .required::before { content: "*"; display: inline-block; position: relative; width: 6px; height: 6px; background: url("/lotte_assets/blank.svg") 0px 0px / 6px auto no-repeat; color: transparent; }

.form-desc { display: block; position: relative; margin-top: 6px; color: rgb(136, 136, 136); }

.form-desc.tip { padding-left: 33px; }

.form-desc.tip::before { content: ""; display: inline-block; position: absolute; left: 0px; top: 0px; width: 28px; height: 18px; background: url("/lotte_assets/blank.svg") 18px center / 28px auto no-repeat; }

.form-desc.align-right { text-align: right; }

.form-desc .price-value { color: rgb(0, 0, 0); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.form-desc .price-value .price { display: inline-block; vertical-align: top; font-size: 0px; }

.form-desc .price-value .price .val, .form-desc .price-value .price .unit { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; vertical-align: top; }

[class^="form-"]::-webkit-search-decoration, [class^="form-"]::-webkit-search-cancel-button, [class^="form-"]::-webkit-search-results-button, [class^="form-"]::-webkit-search-results-decoration { display: none; }

[class^="form-"][type="number"]::-webkit-outer-spin-button, [class^="form-"][type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0px; }

[class^="form-"][type="date"]::-webkit-calendar-picker-indicator, [class^="form-"][type="month"]::-webkit-calendar-picker-indicator, [class^="form-"][type="time"]::-webkit-calendar-picker-indicator, [class^="form-"][type="week"]::-webkit-calendar-picker-indicator { background: none; }

[class^="form-"][type="search"]::-webkit-search-cancel-button, [class^="form-"][type="search"]::-webkit-search-results-button, [class^="form-"][type="search"]::-webkit-search-results-decoration { display: none; width: 0px; height: 0px; }

.form-ip-pw { position: relative; }

.form-ip-pw .form-ip { padding: 0px 48px 0px 14px; }

.form-ip-pw .btn-toggle-pw { display: inline-block; position: absolute; right: 16px; top: 12px; width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / 20px 20px no-repeat; transition: background 0.2s ease-out; }

.form-ip-pw .btn-toggle-pw.is-active { background: url("/lotte_assets/blank.svg") 0px 0px / 20px 20px no-repeat; }

.form-ip-pw ~ .form-ip-pw { margin-top: 8px; }

.form-ip-search { position: relative; }

.form-ip-search .btn-ip-clear { display: none; position: absolute; right: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); background: url("/lotte_assets/blank.svg") 0px 0px / 18px auto no-repeat; }

.form-ip-search .form-ip { padding-right: 45px; }

.form-ip-search.has-value .form-ip { padding-right: 85px; }

.form-ip-search.has-value .btn-ip-clear { display: block; }

.form-search-box { 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; position: relative; width: 100%; }

.form-search-box .form-ip-search { flex: 1 1 0%; }

.form-search-box .form-ip-search .btn-ip-clear { right: 50px; }

.form-search-box .btn-ip-search { display: block; flex: 0 1 auto; position: absolute; right: 14px; top: 50%; width: 24px; height: 24px; transform: translateY(-50%); background: url("/lotte_assets/blank.svg") 0px 0px / 24px auto no-repeat; }

.ui-rdo, .ui-chk, .ui-opt-rdo { position: relative; display: inline-block; min-height: 20px; font-size: 0px; vertical-align: top; }

.ui-rdo input, .ui-chk input, .ui-opt-rdo input { position: absolute; width: 20px; height: 20px; padding: 0px; overflow: hidden; clip: auto; border: 0px; z-index: 1; appearance: none; cursor: pointer; }

.ui-rdo input[disabled], .ui-chk input[disabled], .ui-opt-rdo input[disabled] { width: 0px; height: 0px; background: transparent; }

.ui-rdo input + label, .ui-chk input + label, .ui-opt-rdo input + label { display: inline-block; position: relative; padding: 1px 0px 1px 28px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; color: rgb(68, 68, 68); cursor: pointer; vertical-align: top; user-select: none; }

.ui-rdo input + label::before, .ui-rdo input + label::after, .ui-chk input + label::before, .ui-chk input + label::after, .ui-opt-rdo input + label::before, .ui-opt-rdo input + label::after { content: ""; display: inline-block; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; text-align: center; border-radius: 50%; box-sizing: border-box; }

.ui-rdo input[disabled] + label, .ui-rdo input[aria-disabled] + label, .ui-chk input[disabled] + label, .ui-chk input[aria-disabled] + label, .ui-opt-rdo input[disabled] + label, .ui-opt-rdo input[aria-disabled] + label { opacity: 0.43; pointer-events: none; }

.ui-rdo input:checked + label::before, .ui-chk input:checked + label::before, .ui-opt-rdo input:checked + label::before { background-color: var(--brand, #B81B3E); border-color: var(--brand, #B81B3E); }

.ui-rdo input:checked + label::before, .ui-opt-rdo input:checked + label::before { background-color: rgb(255, 255, 255); border: 7px solid var(--brand, #B81B3E); }

.ui-rdo.no-label, .ui-chk.no-label, .ui-opt-rdo.no-label { width: 20px; height: 20px; }

.ui-rdo.no-label input + label, .ui-chk.no-label input + label, .ui-opt-rdo.no-label input + label { padding-left: 0px; }

.ui-rdo + .input-box, .ui-chk + .input-box, .ui-opt-rdo + .input-box { margin-top: 20px; }

.ui-rdo input + label.tx-md, .ui-chk input + label.tx-md { font-size: 16px; line-height: 22px; padding: 1px 0px 1px 32px; }

.ui-rdo input + label::before, .ui-opt-rdo input + label::before { background-color: rgb(255, 255, 255); border: 1px solid rgb(128, 135, 141); }

.ui-rdo input + label::after, .ui-opt-rdo input + label::after { top: 7px; left: 7px; width: 10px; height: 10px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; content: none; }

.ui-rdo input:checked + label::before, .ui-opt-rdo input:checked + label::before { transition: background-color 0.15s, border 0.15s; animation: 0.18s ease-in-out 0s 1 normal forwards running uiActive; }

.ui-rdo input + label::after { top: 1px; left: 1px; width: 22px; height: 22px; }

.ui-rdo input:checked + label::after { top: 7px; left: 7px; width: 10px; height: 10px; }

.ui-chk input + label::before { border: 1px solid rgb(128, 135, 141); background-color: rgb(255, 255, 255); }

.ui-chk input + label::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-chk input[disabled] + label::after, .ui-chk input[aria-disabled] + label::after { opacity: 0.5; }

.ui-chk input:checked + label::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-chk input:checked + label::before { transition: background-color 0.15s; animation: 0.18s ease-in-out 0s 1 normal forwards running uiActive; }

.fold-wrap + .ui-chk { margin-top: 20px; }

.ui-opt-rdo { display: block; }

.ui-opt-rdo input + label { 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-top: 0px; padding-bottom: 0px; min-height: 24px; }

.ui-opt-rdo input + label::before { top: 50%; margin-top: -12px; }

.ui-opt-rdo input + label::after { top: 50%; margin-top: -11px; left: 1px; width: 22px; height: 22px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.ui-opt-rdo input:checked + label::after { top: 50%; margin-top: -5px; left: 7px; width: 10px; height: 10px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.ui-row-list { font-size: 0px; margin-top: -20px; }

.ui-row-list .item { display: inline-block; margin-right: 24px; padding-top: 20px; vertical-align: top; }

.ui-row-list .item:last-child { margin-right: 0px; }

.ui-row-list.type-btn { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -6px; }

.ui-row-list.type-btn .item { margin: 6px 0px 0px; padding: 0px; width: calc(50% - 2.5px); text-align: center; }

.ui-row-list.type-btn-v02 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -6px; }

.ui-row-list.type-btn-v02 .item { margin: 6px 0px 0px; padding: 0px; width: calc(50% - 2.5px); text-align: center; }

@media (min-width: 891px) {
  .ui-row-list.type-btn .item { width: calc(50% - 3px); }
  .ui-row-list.type-btn-v02 .item { width: calc(50% - 3px); }
}

.ui-row-list.type-btn .ui-chk, .ui-row-list.type-btn .ui-rdo { position: relative; width: 100%; }

.ui-row-list.type-btn .ui-chk input[type="checkbox"], .ui-row-list.type-btn .ui-rdo input[type="radio"] { position: absolute; inset: 0px; z-index: 2; width: 100%; height: 100%; margin: 0px; padding: 0px; opacity: 0; appearance: none; border: 0px; border-radius: 0px; outline: 0px; background: none transparent; box-shadow: none; -webkit-tap-highlight-color: transparent; }

.ui-row-list.type-btn .ui-chk input[type="checkbox"]:focus, .ui-row-list.type-btn .ui-chk input[type="checkbox"]:active, .ui-row-list.type-btn .ui-rdo input[type="radio"]:focus, .ui-row-list.type-btn .ui-rdo input[type="radio"]:active { outline: 0px; background: transparent; box-shadow: none; -webkit-tap-highlight-color: transparent; }

.ui-row-list.type-btn .ui-chk label, .ui-row-list.type-btn .ui-rdo label { padding: 12px 0px 10px; width: 100%; height: 100%; min-height: 44px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; border-radius: 4px; border: 1px solid rgb(221, 224, 227); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-weight: 400; }

.ui-row-list.type-btn .ui-chk label::after, .ui-row-list.type-btn .ui-rdo label::after { display: none; }

.ui-row-list.type-btn .ui-chk label::before, .ui-row-list.type-btn .ui-rdo label::before { display: none; }

.ui-row-list.type-btn .ui-chk label .val, .ui-row-list.type-btn .ui-chk label .unit, .ui-row-list.type-btn .ui-rdo label .val, .ui-row-list.type-btn .ui-rdo label .unit { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.ui-row-list.type-btn .ui-chk label .val ~ .unit, .ui-row-list.type-btn .ui-rdo label .val ~ .unit { margin-left: 2px; }

.ui-row-list.type-btn .ui-chk label .rdo-name, .ui-row-list.type-btn .ui-rdo label .rdo-name { display: block; padding: 8px 0px 3px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.ui-row-list.type-btn .ui-chk label .rdo-val, .ui-row-list.type-btn .ui-rdo label .rdo-val { display: block; padding: 3px 0px 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(68, 68, 68); }

.ui-row-list.type-btn .ui-chk input[disabled] + label, .ui-row-list.type-btn .ui-chk input[aria-disabled] + label, .ui-row-list.type-btn .ui-rdo input[disabled] + label, .ui-row-list.type-btn .ui-rdo input[aria-disabled] + label { color: rgb(0, 0, 0); background-color: rgb(221, 224, 227); border: 1px solid rgb(194, 199, 204); }

.ui-row-list.type-btn .ui-chk input:checked + label, .ui-row-list.type-btn .ui-rdo input:checked + label { border: 1px solid var(--brand, #B81B3E); color: var(--brand, #B81B3E); font-weight: 600; }

.ui-row-list.type-btn .ui-chk input:checked + label .val, .ui-row-list.type-btn .ui-chk input:checked + label .unit, .ui-row-list.type-btn .ui-rdo input:checked + label .val, .ui-row-list.type-btn .ui-rdo input:checked + label .unit { font-weight: inherit; }

.ui-row-list.type-btn .ui-chk input:checked + label .rdo-name, .ui-row-list.type-btn .ui-rdo input:checked + label .rdo-name { font-weight: 600; color: var(--brand, #B81B3E); }

.ui-row-list.type-btn .ui-chk input:checked + label .rdo-val, .ui-row-list.type-btn .ui-rdo input:checked + label .rdo-val { color: var(--brand, #B81B3E); font-weight: 600; }

.ui-row-list.type-btn-v02 .ui-chk, .ui-row-list.type-btn-v02 .ui-rdo { width: 100%; height: 100%; min-height: auto; }

.ui-row-list.type-btn-v02 .ui-chk input[type="checkbox"], .ui-row-list.type-btn-v02 .ui-rdo input[type="radio"] { width: 100%; height: 100%; margin: 0px; top: 0px; left: 0px; }

.ui-row-list.type-btn-v02 .ui-chk label, .ui-row-list.type-btn-v02 .ui-rdo label { display: flex; flex-direction: column; justify-content: center; padding: 12px 0px; width: 100%; height: 100%; min-height: 64px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; border-radius: 12px; border: 1px solid rgb(221, 224, 227); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-weight: 500; }

.ui-row-list.label-row .ui-chk label, .ui-row-list.label-row .ui-rdo label { display: flex; flex-direction: row; align-items: center; column-gap: 8px; }

.ui-row-list.type-btn-v02 .ui-chk label::after, .ui-row-list.type-btn-v02 .ui-rdo label::after { display: none; }

.ui-row-list.type-btn-v02 .ui-chk label::before, .ui-row-list.type-btn-v02 .ui-rdo label::before { display: none; }

.ui-row-list.type-btn-v02 .ui-chk label .val, .ui-row-list.type-btn-v02 .ui-chk label .unit, .ui-row-list.type-btn-v02 .ui-rdo label .val, .ui-row-list.type-btn-v02 .ui-rdo label .unit { font-size: 13px; line-height: 16px; letter-spacing: -0.025em; font-weight: 700; }

.ui-row-list.type-btn-v02 .ui-chk label .light .val, .ui-row-list.type-btn-v02 .ui-chk label .light .unit, .ui-row-list.type-btn-v02 .ui-rdo label .light .val, .ui-row-list.type-btn-v02 .ui-rdo label .light .unit { font-size: 13px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; color: rgb(102, 102, 102); }

.ui-row-list.type-btn-v02 .ui-chk label .val ~ .unit, .ui-row-list.type-btn-v02 .ui-rdo label .val ~ .unit { margin-left: 2px; }

.ui-row-list.type-btn-v02 .ui-chk label .rdo-name, .ui-row-list.type-btn-v02 .ui-rdo label .rdo-name { display: block; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; color: rgb(68, 68, 68); font-weight: 700; }

.ui-row-list.type-btn-v02 .ui-chk label .rdo-val, .ui-row-list.type-btn-v02 .ui-rdo label .rdo-val { display: block; font-size: 15px; line-height: 16px; letter-spacing: -0.025em; color: rgb(68, 68, 68); font-weight: 700; padding-top: 2px; }

.ui-row-list.type-btn-v02 .ui-chk input[disabled] + label, .ui-row-list.type-btn-v02 .ui-chk input[aria-disabled] + label, .ui-row-list.type-btn-v02 .ui-rdo input[disabled] + label, .ui-row-list.type-btn-v02 .ui-rdo input[aria-disabled] + label { color: rgb(0, 0, 0); background-color: rgb(221, 224, 227); border: 1px solid rgb(194, 199, 204); }

.ui-row-list.type-btn-v02 .ui-chk input:checked + label, .ui-row-list.type-btn-v02 .ui-rdo input:checked + label { border: 1px solid var(--brand, #B81B3E); background-color: rgb(237, 249, 250); box-shadow: none; }

.ui-row-list.type-btn-v02 .ui-chk input:checked + label .val, .ui-row-list.type-btn-v02 .ui-chk input:checked + label .unit, .ui-row-list.type-btn-v02 .ui-rdo input:checked + label .val, .ui-row-list.type-btn-v02 .ui-rdo input:checked + label .unit { font-weight: inherit; }

.ui-row-list.type-btn-v02 .ui-chk input:checked + label .rdo-name, .ui-row-list.type-btn-v02 .ui-rdo input:checked + label .rdo-name { color: rgb(0, 0, 0); font-weight: 700; }

.ui-row-list.type-btn-v02 .ui-chk input:checked + label .rdo-val, .ui-row-list.type-btn-v02 .ui-rdo input:checked + label .rdo-val { color: rgb(0, 0, 0); font-weight: 700; }

.ui-row-list.type-btn-v02 .ui-chk input:checked + label .rdo-val, .ui-row-list.type-btn-v02 .ui-rdo input:checked + label .light.rdo-val { color: rgb(102, 102, 102); font-weight: 500; }

.ui-row-list.flex .item { flex: 1 1 0%; padding-top: 0px; margin-right: 6px; text-align: center; width: auto; }

.ui-row-list.flex .item:last-child { margin-right: 0px; }

.ui-row-list.flex .item .ui-chk label, .ui-row-list.flex .item .ui-rdo label { padding-right: 10px; padding-left: 10px; }

@media (min-width: 891px) {
  .ui-row-list.flex .item { width: auto; }
}

.ui-row-list.col2 .item { flex: initial; width: calc(50% - 3px); margin-right: 6px; }

.ui-row-list.col2 .item:nth-child(2n) { margin-right: 0px; }

.ui-row-list.col2 .item:nth-child(n+3) { margin-top: 6px; }

.ui-row-list.col3 { 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; }

.ui-row-list.col3 .item { flex: initial; width: calc(33.3333% - 4px); margin-right: 6px; }

.ui-row-list.col3 .item:nth-child(3n) { margin-right: 0px; }

.ui-row-list.col3 .item:nth-child(n+4) { margin-top: 6px; }

.ui-row-list.col4 { 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; }

.ui-row-list.col4 .item { margin-right: 6px; }

.ui-row-list.col6 { 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; }

@media (max-width: 890px) {
  .ui-row-list.col6 .item { flex: initial; width: calc(33.3333% - 4px); }
  .ui-row-list.col6 .item:nth-child(3n) { margin-right: 0px; }
  .ui-row-list.col6 .item:nth-child(n+4) { margin-top: 6px; }
}

@media (min-width: 891px) {
  .ui-row-list.col6 .item { flex: initial; width: calc(16.6667% - 5px); }
  .ui-row-list.col6 .item:nth-child(6n) { margin-right: 0px; }
  .ui-row-list.col6 .item:nth-child(n+7) { margin-top: 6px; }
}

@media (max-width: 890px) {
  .ui-row-list.col5 .item { width: calc(50% - 10px); margin-right: 20px; }
  .ui-row-list.col5 .item:nth-child(2n) { margin-right: 0px; }
}

@media (min-width: 891px) {
  .ui-row-list.col5 .item { width: calc(20% - 19.2px); }
  .ui-row-list.col5 .item:nth-child(5n) { margin-right: 0px; }
}

.ui-row-list.type-option .ui-chk input:checked + label, .ui-row-list.type-option .ui-rdo input:checked + label { padding-top: 11px; padding-bottom: 9px; border-width: 2px; box-shadow: rgba(184, 27, 62, 0.1) 0px 5px 10px; }

.ui-row-list.type-btn-v02.type-option .ui-chk input:checked + label, .ui-row-list.type-btn-v02.type-option .ui-rdo input:checked + label { border-width: 1px; box-shadow: none; }

.ui-row-list + .dot-text { margin-top: 12px; }

.ui-col-list .item + .item { margin-top: 16px; }

.ui-col-list .item .input-box, .ui-col-list .item .textarea-box { margin-top: 12px; }

.ui-col-list .item .sub-opt-box { margin-top: 16px; }

.ui-col-list.has-line { border-top: 1px solid rgba(128, 135, 141, 0.6); border-bottom: 1px solid rgb(221, 224, 227); }

.ui-col-list.has-line .item { padding: 20px 0px; }

.ui-col-list.has-line .item ~ .item { margin-top: 0px; border-top: 1px solid rgb(221, 224, 227); }

.ui-col-list.has-line .item .ui-chk { width: 100%; }

.ui-col-list.has-line .item .ui-chk label { 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; }

.ui-col-list.has-line .item .ui-chk label [class^="ico-"] { display: inline-block; width: 16px; height: 16px; }

.ui-col-list.has-line .item .ui-chk label [class^="ico-"] + .text { margin-left: 6px; margin-right: 10px; flex: 1 1 0%; }

.ui-col-list.has-line .item .ui-chk label .text, .ui-col-list.has-line .item .ui-chk label .desc, .ui-col-list.has-line .item .ui-chk label .val, .ui-col-list.has-line .item .ui-chk label .unit { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.ui-col-list.has-line .item .ui-chk label .price { justify-self: flex-end; margin-left: auto; }

.ui-col-list.has-line .item .ui-chk label .price .desc ~ .val { margin-left: 4px; }

.ui-col-list.has-line .item .ui-chk label .price .val ~ .unit { margin-left: 2px; }

.ui-col-list.has-line + .payment-current-wrap { margin-top: 30px; }

.chk-bookmark { position: relative; width: 18px; height: 18px; }

.chk-bookmark input { position: absolute; z-index: 1; width: 18px; height: 18px; padding: 0px; overflow: hidden; border: 0px; appearance: none; cursor: pointer; }

.chk-bookmark input:checked + label::after { animation: 0.14s ease-in 0s 1 normal forwards running opacityActive; opacity: 1; }

.chk-bookmark input:checked + label::before { opacity: 0; }

.chk-bookmark input[disabled] + label { opacity: 0.3; }

.chk-bookmark input + label { position: relative; z-index: 0; display: inline-block; width: 18px; height: 18px; cursor: pointer; }

.chk-bookmark input + label::before, .chk-bookmark input + label::after { content: ""; position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; }

.chk-bookmark input + label::before { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.chk-bookmark input + label::after { opacity: 0; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.chk-bookmark.size-m { width: 20px; height: 20px; }

.chk-bookmark.size-m input + label { width: 20px; height: 20px; }

.chk-bookmark.size-m input + label::before, .chk-bookmark.size-m input { width: 20px; height: 20px; }

.chk-bookmark.size-m input + label::before, .chk-bookmark.size-m input + label::after { width: 20px; height: 20px; }

.chk-bookmark.size-lg { width: 24px; height: 24px; }

.chk-bookmark.size-lg input + label { width: 24px; height: 24px; }

.chk-bookmark.size-lg input + label::before, .chk-bookmark.size-lg input { width: 24px; height: 24px; }

.chk-bookmark.size-lg input + label::before, .chk-bookmark.size-lg input + label::after { width: 24px; height: 24px; }

.form-textarea { width: 100%; height: 150px; padding: 12px 14px; color: rgb(0, 0, 0); border-radius: 6px; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; background-color: rgb(255, 255, 255); box-sizing: border-box; outline: 0px; transition: background 0.2s ease-out, border-color 0.2s ease-out; overflow-y: auto; resize: none; }

.form-textarea::-webkit-input-placeholder { font-size: inherit; color: rgb(136, 136, 136); }

.form-textarea::placeholder { font-size: inherit; color: rgb(136, 136, 136); }

.form-textarea:active, .form-textarea:focus { border-color: rgb(0, 0, 0); }

.form-textarea[disabled], .form-textarea[aria-disabled], .form-textarea[readonly] { color: rgb(136, 136, 136); pointer-events: none; cursor: default; }

.byte-check-wrap { display: flex; flex-direction: column; position: relative; overflow: hidden; border-radius: 6px; background: rgb(255, 255, 255); font-size: 12px; transition: background 0.2s ease-out, border-color 0.2s ease-out; box-sizing: border-box; }

.byte-check-wrap .form-textarea { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 11px 14px 0px; }

.byte-check-wrap .form-textarea[disabled] + .byte_check_footer, .byte-check-wrap .form-textarea[aria-disabled] + .byte_check_footer, .byte-check-wrap .form-textarea[readonly] + .byte_check_footer { color: rgb(136, 136, 136); }

.byte-check-wrap .byte-check { display: inline-block; line-height: 1; font-size: 0px; }

.byte-check-wrap .byte-check .count, .byte-check-wrap .byte-check .total { display: inline-block; }

.byte-check-wrap .byte-check .count { display: inline-block; }

.byte-check-wrap .byte-check .total::before { content: "/"; }

.byte-check-wrap .byte-check-footer { display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding: 10px 10px 10px 14px; text-align: right; transition: background 0.2s ease-out; }

.byte-check-wrap .byte-check-footer .byte-check { margin-top: 2px; }

.byte-check-wrap.focus { border-color: rgb(0, 0, 0); }

.ui-toggle { position: relative; display: inline-block; width: 42px; height: 24px; vertical-align: top; box-sizing: border-box; }

.ui-toggle input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }

.ui-toggle input[type="checkbox"] + label { display: inline-block; width: 100%; height: 100%; border-radius: 22px; background: rgb(128, 135, 141); font-size: 0px; cursor: pointer; transition: background-color 0.15s ease-out; }

.ui-toggle input[type="checkbox"] + label::before { content: ""; position: absolute; width: 20px; height: 20px; margin-left: -22px; background: rgb(255, 255, 255); border-radius: 50%; left: 24px; top: 2px; z-index: 2; transition: left 0.2s ease-out; }

.ui-toggle input[type="checkbox"] { position: absolute; width: 100%; height: 100%; padding: 0px; overflow: hidden; clip: auto; border: 0px; z-index: 3; appearance: none; cursor: pointer; margin: 0px; }

.ui-toggle input[type="checkbox"]:checked + label { background: var(--brand, #B81B3E); }

.ui-toggle input[type="checkbox"]:checked + label::before { left: 100%; }

.ui-toggle input[type="checkbox"][disabled], .ui-toggle input[type="checkbox"][aria-disabled], .ui-toggle input[type="checkbox"][readonly] { pointer-events: none; }

.ui-toggle input[type="checkbox"][disabled] + label, .ui-toggle input[type="checkbox"][aria-disabled] + label, .ui-toggle input[type="checkbox"][readonly] + label { opacity: 0.5; cursor: default; }

.form-toggle-box { display: inline-block; font-size: 0px; box-sizing: border-box; vertical-align: top; }

.form-toggle-box .toggle-text { display: inline-block; padding-top: 3px; font-size: 12px; line-height: 19px; letter-spacing: -0.025em; color: rgb(136, 136, 136); vertical-align: top; }

.form-toggle-box .toggle-text .date { padding-right: 4px; }

.form-toggle-box .toggle-text .val { transition: color 0.2s ease-out; }

.form-toggle-box .toggle-text + .form-toggle { margin-left: 20px; }

.form-list-wrap { overflow: hidden; }

.form-list-wrap .form-item { }

@media (max-width: 890px) {
  .form-list-wrap .form-item ~ .form-item { margin-top: 24px; }
}

.form-list-wrap .form-item.pc-full { margin-top: 24px; }

.form-list-wrap .form-item.pc-full:nth-child(1) { margin-top: 0px; }

.form-list-wrap .form-item.pc-full ~ .form-item { margin-top: 30px; }

.form-list-wrap .form-item.pc-full-half { margin-top: 24px; }

.form-list-wrap .form-item.pc-full-half:nth-child(1) { margin-top: 0px; }

.form-list-wrap .form-item.pc-full-half ~ .form-item { margin-top: 24px; }

@media (min-width: 891px) {
  .form-list-wrap .form-item.pc-full-half .form-title, .form-list-wrap .form-item.pc-full-half .form-cont { width: 50%; padding-right: 25px; }
}

.form-list-wrap .form-item .form-title { 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-flow: wrap; margin-bottom: 10px; }

.form-list-wrap .form-item .form-title .title-text { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.form-list-wrap .form-item .form-title .btn-info { margin-left: 6px; margin-right: auto; }

.form-list-wrap .form-item .form-title .right-wrap { margin-left: auto; color: rgb(0, 0, 0); }

.form-list-wrap .form-item .form-cont .input-btn-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-btn-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .ui-select ~ .input-btn-box, .form-list-wrap .form-item .form-cont .ui-select ~ .ui-select, .form-list-wrap .form-item .form-cont .ui-select ~ .input-box, .form-list-wrap .form-item .form-cont .ui-select ~ .input-flex-box, .form-list-wrap .form-item .form-cont .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .ui-select ~ .date-picker-box, .form-list-wrap .form-item .form-cont .ui-select ~ .textarea-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .input-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .date-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .date-box ~ .ui-select, .form-list-wrap .form-item .form-cont .date-box ~ .input-box, .form-list-wrap .form-item .form-cont .date-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .date-box ~ .date-box, .form-list-wrap .form-item .form-cont .date-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .date-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .ui-select, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .date-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .textarea-box { margin-top: 6px; }

.form-list-wrap .form-item .form-cont .input-btn-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-center-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-right-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-right-wrap { margin-top: 12px; }

.form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-right-wrap { margin-top: 12px; }

.form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .date-picker-box { margin-top: 0px; }

.form-list-wrap .form-item .form-cont .input-box ~ .ui-row-list.type-btn { margin-top: 10px; }

.form-list-wrap .form-item .form-cont .date-picker-box .ui-select, .form-list-wrap .form-item .form-cont .date-picker-box .date-box { margin-top: 0px; }

.form-list-wrap .form-item .form-cont .date-picker-box .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .date-picker-box .date-box ~ .date-box { margin-top: 0px; }

.form-list-wrap .form-item .form-cont .ui-row-list { margin-top: -10px; }

.form-list-wrap .form-item .form-cont .ui-row-list.type-btn { margin-top: 0px; }

.form-list-wrap .form-item .form-cont .dot-text, .form-list-wrap .form-item .form-cont .dash-text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.form-list-wrap .form-item .form-cont .secure-text-area ~ .input-btn-box { margin-top: 12px; }

.form-list-wrap .form-item .form-cont .secure-text-area ~ .input-btn-box .btn-md { width: 68px; }

.form-list-wrap .form-item .form-cont .textarea-box .ui-textarea { height: 87px; }

.form-list-wrap .form-item .form-cont .gray-box ~ .gray-box { margin-top: 10px; }

.form-list-wrap .form-item .form-cont .input-flex-box ~ .dot-text, .form-list-wrap .form-item .form-cont .attach-files ~ .dot-text { margin-top: 12px; }

.form-list-wrap .form-item .form-cont .file-attach-wrap:first-child { margin-top: 18px; }

.form-list-wrap .form-item ~ .form-box { margin-top: 20px; }

.form-list-wrap .form-item.has-line { padding-top: 20px; }

.form-list-wrap .form-item .form-cont .secure-text-area .button { height: 43px; width: 43px; display: inline-block; cursor: pointer; border-radius: 3px; vertical-align: top; border: 1px solid rgb(221, 224, 227); }

.form-list-wrap .form-item .form-cont .secure-text-area .button img { display: block; padding: 12px; }

.form-list-wrap .form-item .form-cont .secure-text-area .num_area img { width: 130px; }

.form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input { width: 300px; height: 44px; border: 1px solid rgb(221, 224, 227); padding: 0px 16px; letter-spacing: -0.025em; outline: 0px; line-height: 18px; font-size: 14px; }

.form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input:focus { border: 1px solid var(--brand, #B81B3E); }

.form-list-wrap .form-item .form-cont .secure-text-area.type02 button:focus { border: 1px solid var(--brand, #B81B3E); }

@media (min-width: 891px) {
  .form-list-wrap .form-list { margin: 0px -25px; 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; }
  .form-list-wrap .form-list .form-item { padding: 0px 25px; width: 50%; }
  .form-list-wrap .form-list .form-item.pc-full, .form-list-wrap .form-list .form-item.pc-full-half { width: 100%; }
  .form-list-wrap .form-list .form-item:not(.pc-full, .pc-full-half):nth-child(2) { margin-top: 0px; }
  .form-list-wrap .form-list .form-item ~ .form-item { margin-top: 30px; }
  .form-list-wrap .form-list.grid-col1 .form-item { width: 100%; }
  .form-list-wrap .form-list.grid-col1 .form-item ~ .form-item { margin-top: 24px; }
}

.form-list-wrap + .gray-box { margin-top: 30px; }

.form-list-wrap + .ui-col-list.has-line, .form-list-wrap + .btext-tit { margin-top: 30px; }

.form-list-wrap ~ .btn-wrap.full, .form-list-wrap ~ .full.btn-center-wrap, .form-list-wrap ~ .full.btn-flex-wrap, .form-list-wrap ~ .full.btn-right-wrap { margin-top: 20px; }

.form-list-wrap ~ .fold-wrap { margin-top: 20px; }

.input-btn-box { 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; width: 100%; }

.input-btn-box .input-box { flex: 1 1 auto; }

.input-btn-box .input-box ~ .ui-select, .input-btn-box .input-box ~ .input-box { margin-left: 6px; }

.input-btn-box .input-box ~ .gap { margin-left: 4px; flex-shrink: 0; }

.input-btn-box .input-box ~ .btn-md { margin-left: 6px; }

.input-btn-box .btn-sm, .input-btn-box .btn-md, .input-btn-box .btn-lg, .input-btn-box .btn-xs { min-width: 80px; margin-left: 5px; flex: 0 0 auto; }

.input-btn-box .gap { align-self: center; color: rgb(0, 0, 0); font-weight: 500; }

.input-flex-box .ui-select, .input-flex-box .input-box { flex: 1 1 0%; }

.input-flex-box .ui-select ~ .gap, .input-flex-box .ui-select ~ .ui-select, .input-flex-box .ui-select ~ .input-box, .input-flex-box .ui-select ~ .btn-md, .input-flex-box .input-box ~ .gap, .input-flex-box .input-box ~ .ui-select, .input-flex-box .input-box ~ .input-box, .input-flex-box .input-box ~ .btn-md { margin-left: 6px; }

.input-flex-box .gap { color: rgb(0, 0, 0); font-weight: 500; }

.input-flex-box .ui-select.w8 { flex: 0.8 1 0%; }

.input-flex-box-w100p .ui-select ~ .ui-select { margin-left: 0px; margin-top: 6px; }

.date-box { position: relative; }

.date-box .ui-date { width: 100%; padding: 0px 24px 0px 16px; height: 44px; border: 1px solid rgb(221, 224, 227); border-radius: 4px; color: rgb(0, 0, 0); font-weight: 500; font-size: 14px; background-color: rgb(255, 255, 255); display: inline-block; line-height: 42px; letter-spacing: -0.025em; box-sizing: border-box; transition: border-color 0.2s ease-out; outline: none; }

.date-box .ui-date:active, .date-box .ui-date:focus { border-color: rgb(0, 0, 0); }

.date-box .ui-date[disabled], .date-box .ui-date[aria-disabled], .date-box .ui-date[readonly] { color: rgb(136, 136, 136); pointer-events: none; cursor: default; }

.date-box .ui-date::-webkit-input-placeholder { font-size: inherit; color: rgb(136, 136, 136); }

.date-box .ui-date::placeholder { font-size: inherit; color: rgb(136, 136, 136); }

.date-box .ui-datepicker-trigger { overflow: hidden; position: absolute; right: 2px; top: 0px; cursor: pointer; width: 44px; height: 44px; background: url("/lotte_assets/blank.svg") center center / 20px auto no-repeat; color: transparent; }

.date-box .ui-datepicker-trigger::before { content: "날짜 선택"; position: absolute; display: block; overflow: hidden; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }

.date-picker-box { 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; }

.date-picker-box .ui-select { width: 100%; margin-top: 0px; flex-shrink: 0; }

.date-picker-box .ui-select .ui-selectmenu-button { width: 100%; }

.date-picker-box .ui-select + .date-box { margin-left: 6px; }

.date-picker-box .ui-select + .period-box { width: 100%; }

.date-picker-box .ui-select + .period-box { 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; width: 100%; margin-top: 6px; }

@media (min-width: 891px) {
  .date-picker-box .ui-select { width: 126px; }
  .date-picker-box .ui-select + .period-box { 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-top: 0px; margin-left: 6px; }
}

@media (max-width: 890px) {
  .date-picker-box .btn-md { width: 100%; margin-top: 6px; }
  .form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input { width: 100%; }
}

@media (min-width: 891px) {
  .date-picker-box { flex-wrap: nowrap; }
  .date-picker-box .btn-md { min-width: 80px; }
  .date-picker-box .date-box ~ .btn-md { margin-left: 6px; }
}

.date-picker-box .date-box { flex: 1 1 0%; }

.date-picker-box .date-box + .btn-ip { margin-left: 6px; }

.date-picker-box .gap { display: inline-block; padding: 0px 4px 2px; font-size: 13px; color: rgb(0, 0, 0); line-height: 42px; vertical-align: top; text-align: center; }

.form-sort-search { 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; }

.form-sort-search .form-sel { flex: 0 1 130px; }

.form-sort-search .form-ip, .form-sort-search .ip-group-box { flex: 1 1 0%; margin-left: 6px; }

.valid-check .valid-desc { display: none; font-size: 13px; font-weight: 400; color: rgb(102, 102, 102); }

.valid-check.fail .ui-input, .valid-check.fail .ui-select select, .valid-check.fail .textarea-box, .valid-check.fail .ui-select .ui-selectmenu-button { border-color: rgb(239, 61, 46); }

.valid-check.fail .valid-desc { display: block; margin-top: 6px; padding-left: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / 16px auto no-repeat; color: rgb(239, 61, 46); }

.valid-check.fail .valid-desc-text { display: block; margin-top: 6px; color: rgb(239, 61, 46); }

.input-box { position: relative; display: block; }

.input-box + .ui-chk { margin-top: 12px; }

.input-box ~ .input-box { margin-top: 6px; }

.input-box.has-value .ui-input { padding-right: 35px; }

.input-box.has-value .ui-input[disabled], .input-box.has-value .ui-input[readonly] { padding-right: 0px; }

.input-box.has-value .ui-input[disabled] ~ .btn-input-del, .input-box.has-value .ui-input[readonly] ~ .btn-input-del { display: none; }

.input-box .ui-input { padding-right: 16px; }

.input-box .form-ip-pw { display: inline-block; }

.input-box .btn-input-del { display: none; position: absolute; top: 9px; right: 7px; width: 26px; height: 26px; background: url("/lotte_assets/blank.svg") center center / 16px auto no-repeat; }

.input-box .btn-input-search { position: absolute; top: 4px; right: 0px; width: 35px; height: 35px; background: url("/lotte_assets/blank.svg") center center / 18px auto no-repeat; }

.input-box .btn-input-search + .btn-input-del { right: 38px; }

.input-box .dot-text, .input-box .ui-chk { margin-top: 12px; }

.input-box.has-value .btn-input-del { display: block; }

.input-box.form-input-timer .ui-input { padding-right: 54px; }

.input-box.form-input-timer .btn-input-del { right: 54px; }

.input-box.form-input-timer .text-timer { position: absolute; top: 0px; right: 16px; overflow: hidden; width: 33px; display: inline-block; vertical-align: top; line-height: 44px; font-size: 12px; font-weight: 500; color: rgb(239, 61, 46); }

.input-box.form-input-timer.has-value .ui-input { padding-right: 85px; }

.input-box.form-input-search .ui-input { padding-right: 35px; }

.input-box.form-input-search.has-value .ui-input { padding-right: 62px; }

.input-box.form-input-search .btn-input-del { right: 35px; }

.input-box.form-counting .ui-input { padding-right: 61px; }

.input-box.form-counting .btn-input-del { right: 58px; }

.input-box.form-counting .count-check { position: absolute; top: 13px; right: 16px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; color: rgb(102, 102, 102); }

.input-box.form-counting .count-check .count { transition: color 0.13s; color: rgb(102, 102, 102); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; }

.input-box.form-counting .count-check .total { color: rgb(102, 102, 102); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; }

.input-box.form-counting.has-value .ui-input { padding-right: 85px; }

.input-box.form-counting.has-value .ui-input:focus ~ .count-check .count { color: rgb(0, 0, 0); }

.input-box.form-counting.has-value .count-check .count { color: rgb(239, 61, 46); }

.input-box[type="number"]::-webkit-outer-spin-button, .input-box [type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0px; }

.input-guide { display: block; margin-top: 6px; color: rgb(102, 102, 102); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.input-flex-box { display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.input-flex-box .gap { align-self: center; }

.input-flex-box .ui-select ~ .input-box { margin-left: 6px; }

.input-flex-box .input-box { flex: 1 1 0%; }

.input-flex-box .input-box ~ .input-box, .input-flex-box .input-box ~ .ui-select { margin-left: 6px; }

.ui-input { width: 100%; padding: 0px 16px; height: 44px; border: 1px solid rgb(221, 224, 227); border-radius: 4px; color: rgb(0, 0, 0); font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; background-color: rgb(255, 255, 255); outline: 0px; }

.ui-input.search { padding-right: 32px; }

.ui-input.right { text-align: right; }

.ui-input::placeholder { font-size: 14px; font-weight: 500; }

.delivery-request-btn { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }

.ui-input:focus { border-color: var(--brand, #B81B3E); }

.ui-input:disabled, .ui-input[readonly] { background-color: rgba(221, 224, 227, 0.4); color: rgb(102, 102, 102); -webkit-text-fill-color: rgb(128, 135, 141); opacity: 1; border: 0px; }

.form-list-wrap .form-list .form-item .form-cont .ui-input[readonly]:focus-visible { outline: var(--brand, #B81B3E) solid 1px; }

.ui-input:disabled + .btn-input-search, .ui-input[readonly] + .btn-input-search { background: url("/lotte_assets/blank.svg") 0px 0px / 18px 18px no-repeat; pointer-events: none; }

body.ios .ui-input, body.mac .ui-input { padding-top: 1px; }

@media (max-width: 890px) {
  .ui-select { position: relative; }
  .ui-select select { width: 100%; height: 44px; padding: 12px 36px 12px 16px; border: 1px solid rgb(221, 224, 227); margin: 0px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; border-radius: 4px; font-weight: 500; color: rgb(0, 0, 0); background: url("/lotte_assets/blank.svg") right center / 25px 10px no-repeat rgb(255, 255, 255); outline: 0px; user-select: none; }
  .ui-select select[disabled] { opacity: 0.4; background: url("/lotte_assets/blank.svg") right center / 25px 10px no-repeat padding-box rgb(221, 224, 227); border-color: rgb(221, 224, 227); }
  .ui-select.sel-text { }
  .ui-select.sel-text select { height: auto; border: 0px; padding: 0px 16px 0px 0px; background: url("/lotte_assets/ui_ico_select_arr.svg") right center / 10px 10px no-repeat; }
  .ui-select.sel-text::after { top: 4px; right: 0px; }
}

.search-form-wrap { margin-bottom: 20px; }

@media (max-width: 890px) {
  .search-form-wrap .btn-addr-search + .btn-wrap, .search-form-wrap .btn-addr-search + .btn-center-wrap, .search-form-wrap .btn-addr-search + .btn-flex-wrap, .search-form-wrap .btn-addr-search + .btn-right-wrap { margin-top: 6px; }
  .search-form-wrap .input-flex-box .ui-select { flex: 0 0 auto; width: 30%; min-width: 30%; }
}

@media (min-width: 891px) {
  .search-form-wrap { margin-bottom: 0px; 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; padding: 16px; background: rgba(239, 241, 243, 0.4); border-radius: 4px; }
  .search-form-wrap .input-box { width: 395px; flex: 0 0 auto; }
  .search-form-wrap .ui-select { width: auto; min-width: 395px; }
  .search-form-wrap .input-flex-box .ui-select { min-width: 150px; }
  .search-form-wrap .input-flex-box .ui-select ~ .input-box { width: 335px; }
  .search-form-wrap.bg-white { padding: 0px; background: rgb(255, 255, 255); }
}

@media (max-width: 890px) {
  .search-form-wrap.mo-full .btn-addr-search { max-width: none; }
  .search-form-wrap.mo-full .input-flex-box { display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; }
  .search-form-wrap.mo-full .ui-select { width: 100%; }
  .search-form-wrap.mo-full .ui-select ~ .input-box { width: 100%; margin-left: 0px; margin-top: 6px; }
  .search-form-wrap.mo-full .input-box { width: 100%; }
  .search-form-wrap.mo-full .input-box ~ .btn-wrap, .search-form-wrap.mo-full .input-box ~ .btn-center-wrap, .search-form-wrap.mo-full .input-box ~ .btn-flex-wrap, .search-form-wrap.mo-full .input-box ~ .btn-right-wrap { width: 100%; margin-left: 0px; margin-top: 6px; }
}

.search-form-wrap ~ .event-list-wrap, .search-form-wrap ~ .editor-wrap, .search-form-wrap ~ .fold-wrap, .search-form-wrap ~ .grid-list-wrap, .search-form-wrap ~ .board-list-wrap, .search-form-wrap ~ .btext-info-wrap { margin-top: 20px; }

.textarea-box { overflow: hidden; position: relative; padding-bottom: 39px; border: 1px solid rgb(221, 224, 227); border-radius: 4px; background-color: rgb(255, 255, 255); }

.textarea-box .ui-textarea { height: 110px; padding: 14px 16px 0px; border: 0px; background: transparent; border-radius: 0px; resize: none; outline: 0px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.textarea-box.has-value { padding-bottom: 39px; }

.textarea-box.is-focus { border-color: rgb(128, 135, 141); }

.textarea-box.disabled { opacity: 0.4; background: rgb(221, 224, 227); border: rgb(221, 224, 227); }

.textarea-box.disabled::-webkit-input-placeholder { font-size: inherit; color: rgb(0, 0, 0); }

.textarea-box.disabled::placeholder { font-size: inherit; color: rgb(0, 0, 0); }

body.ios .textarea-box.disabled, body.mac .textarea-box.disabled { -webkit-text-fill-color: rgb(0, 0, 0); }

.textarea-box .count-check { position: absolute; bottom: 14px; right: 16px; display: inline-block; vertical-align: top; color: rgb(128, 135, 141); font-weight: 500; }

body.ios .textarea-box .count-check, body.mac .textarea-box .count-check { -webkit-text-fill-color: rgb(128, 135, 141); }

.textarea-box .count-check .count { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; color: rgb(128, 135, 141); transition: color 0.13s; }

.textarea-box .count-check .total { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; color: rgb(128, 135, 141); }

.textarea-box.has-value .ui-textarea:focus ~ .count-check .count { color: rgb(0, 0, 0); }

.textarea-box.has-value .count-check .count { color: rgb(239, 61, 46); }

@media (min-width: 891px) {
  .textarea-box .ui-textarea { height: 147px; }
}

.attach-files { display: inline-block; font-size: 0px; vertical-align: top; }

.attach-box { position: relative; display: inline-block; border-radius: 4px; width: 90px; height: 90px; overflow: hidden; }

.attach-box .attach-file { display: block; width: 100%; height: 100%; border: 1px dashed rgb(221, 224, 227); border-radius: 4px; cursor: pointer; background: url("/lotte_assets/blank.svg") center center / 16px 16px no-repeat; }

.attach-box + .attach-box { margin-left: 6px; }

.attach-box .attach-inp { display: none; }

.attach-box .attach-img-wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.attach-box .attach-img-wrap > img { width: 100%; height: 100%; object-fit: cover; }

.attach-box .attach-img-wrap .btn-remove { position: absolute; top: 6px; right: 6px; }

.file-attach-wrap { position: relative; margin-top: 10px; }

.file-attach-wrap .info-text-box { margin-top: 12px; }

.file-attach-wrap .btn-attach { position: absolute; top: -42px; right: 0px; display: inline-block; vertical-align: top; }

.file-attach-wrap .btn-attach input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }

.file-attach-wrap .btn-attach label { display: block; border-radius: 6px; vertical-align: top; text-align: center; box-sizing: border-box; font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; height: 32px; padding: 6px 13px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 227); }

.file-attach-wrap .btn-attach label [class^="ico-"] { width: 16px; height: 16px; }

.file-attach-wrap .btn-attach label .text { font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.file-attach-wrap .btn-attach label:focus, .file-attach-wrap .btn-attach label:active { background-color: rgb(239, 241, 243); }

.file-attach-wrap .btn-attach label[disabled], .file-attach-wrap .btn-attach label[aria-disabled], .file-attach-wrap .btn-attach label.disabled { background-color: rgb(239, 241, 243); }

@media (min-width: 891px) {
  .file-attach-wrap .btn-attach label:hover { background-color: rgb(239, 241, 243); }
}

.file-attach-wrap .file-blank-box { 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; width: 100%; height: 90px; border: 1px dashed rgb(221, 224, 227); border-radius: 4px; overflow: hidden; }

.file-attach-wrap .file-blank-box ~ .info-text-box, .file-attach-wrap .file-blank-box ~ .dash-text, .file-attach-wrap .file-blank-box ~ .dot-text { margin-top: 12px; }

.file-attach-wrap .file-blank-box .text { color: rgb(102, 102, 102); }

.file-attach-wrap .attach-list { 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; margin-top: 10px; }

.file-attach-wrap .attach-list .attached-item { width: 100%; }

@media (min-width: 891px) {
  .file-attach-wrap .attach-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; }
  .file-attach-wrap .attach-list .attached-item { min-width: calc(33.3333% - 6.66667px); max-width: none; }
  .file-attach-wrap .attach-list .attached-item ~ .attached-item { margin-top: 0px; margin-left: 10px; }
}

.file-attach-wrap .attach-list ~ .info-text-box, .file-attach-wrap .attach-list ~ .dash-text, .file-attach-wrap .attach-list ~ .dot-text { margin-top: 12px; }

.file-attach-wrap .attached-item { overflow: hidden; 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; padding: 13px 14px 13px 17px; border-radius: 4px; background-color: rgb(239, 241, 243); border: 1px solid rgb(221, 224, 227); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.file-attach-wrap .attached-item ~ .attached-item { margin-top: 6px; }

.file-attach-wrap .attached-item .name { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }

.file-attach-wrap .attached-item .extension { flex-shrink: 0; margin-right: 6px; }

.file-attach-wrap .attached-item .btn-attached-del { flex-shrink: 0; margin-left: auto; width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / 16px auto no-repeat; }

.file-attach-wrap .attached-item .btn-download { margin-left: auto; }

.file-attach-wrap .attached-item .ico-clip { flex-shrink: 0; display: inline-block; width: 16px; height: 16px; margin: 0px 3px 0px 0px; background: url("/lotte_assets/blank.svg") 0px 0px / 16px auto no-repeat; vertical-align: top; }

@media (min-width: 891px) {
  .file-attach-wrap .attached-item { max-width: 550px; }
}

.file-attach-wrap .attached-item ~ .info-text-box, .file-attach-wrap .attached-item ~ .dash-text, .file-attach-wrap .attached-item ~ .dot-text { margin-top: 12px; }

.file-attach-wrap .attached-item .date { display: inline-block; font-weight: 600; color: rgb(0, 0, 0); vertical-align: top; }

.file-attach-wrap .attached-item .order-num { display: inline-block; margin-left: 4px; font-weight: 500; vertical-align: top; }

.util-btn-box { 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; }

.util-btn-box .right-box { margin-left: auto; }

a, button { }

a[disabled], a[aria-disabled="true"], a.disabled, button[disabled], button[aria-disabled="true"], button.disabled { opacity: 0.4; pointer-events: none !important; cursor: default !important; text-decoration: none !important; }

a[disabled] *, a[aria-disabled="true"] *, a.disabled *, button[disabled] *, button[aria-disabled="true"] *, button.disabled * { text-decoration: none !important; }

a[class^="btn-"], button[class^="btn-"] { display: inline-block; box-sizing: border-box; vertical-align: top; }

@media (min-width: 891px) {
  a[class^="btn-"]:hover, button[class^="btn-"]:hover { cursor: pointer; }
  a[class^="btn-"] .text, button[class^="btn-"] .text { display: inline-block; position: relative; vertical-align: top; }
}

a[class^="btn-"].has-sub-text, button[class^="btn-"].has-sub-text { flex-direction: column; }

a[class^="btn-"].has-sub-text .text, button[class^="btn-"].has-sub-text .text { overflow: hidden; max-height: 20px; }

a[class^="btn-"].has-sub-text .sub-text, button[class^="btn-"].has-sub-text .sub-text { overflow: hidden; margin-top: 2px; max-height: 16px; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; color: rgba(225, 225, 225, 0.6); }

a.btn-round-share, button.btn-round-share { 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; width: 40px; height: 40px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 227); border-radius: 40px; }

a.btn-round-share::before, button.btn-round-share::before { display: block; content: ""; width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

a.btn-cart, button.btn-cart { 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; width: 36px; height: 36px; border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border-radius: 36px; }

a.btn-text-link [class^="ico-"], button.btn-text-link [class^="ico-"] { margin-top: 1px; margin-right: 6px; }

a.btn-text-link .text, button.btn-text-link .text { font-weight: 500; }

a.btn-text-link.type-sns .text, button.btn-text-link.type-sns .text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

a.btn-text-link.type-sns [class^="ico-"], button.btn-text-link.type-sns [class^="ico-"] { margin-top: 2px; margin-right: 0px; margin-left: 4px; }

a.btn, button.btn { }

a.btn-lg, a.btn-md, a.btn-sm, a.btn-xs, button.btn-lg, button.btn-md, button.btn-sm, button.btn-xs { 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; border-radius: 4px; }

a.btn-lg [class^="ico-"], a.btn-md [class^="ico-"], a.btn-sm [class^="ico-"], a.btn-xs [class^="ico-"], button.btn-lg [class^="ico-"], button.btn-md [class^="ico-"], button.btn-sm [class^="ico-"], button.btn-xs [class^="ico-"] { margin-right: 6px; }

a.btn-lg [class^="ico-"]:last-child, a.btn-md [class^="ico-"]:last-child, a.btn-sm [class^="ico-"]:last-child, a.btn-xs [class^="ico-"]:last-child, button.btn-lg [class^="ico-"]:last-child, button.btn-md [class^="ico-"]:last-child, button.btn-sm [class^="ico-"]:last-child, button.btn-xs [class^="ico-"]:last-child { margin-right: 0px; margin-left: 6px; }

a.btn-lg [class^="ico-"] + [class^="ico-"], a.btn-md [class^="ico-"] + [class^="ico-"], a.btn-sm [class^="ico-"] + [class^="ico-"], a.btn-xs [class^="ico-"] + [class^="ico-"], button.btn-lg [class^="ico-"] + [class^="ico-"], button.btn-md [class^="ico-"] + [class^="ico-"], button.btn-sm [class^="ico-"] + [class^="ico-"], button.btn-xs [class^="ico-"] + [class^="ico-"] { margin-left: 0px; }

a.btn-lg.active [class^="ico-"], a.btn-md.active [class^="ico-"], a.btn-sm.active [class^="ico-"], a.btn-xs.active [class^="ico-"], button.btn-lg.active [class^="ico-"], button.btn-md.active [class^="ico-"], button.btn-sm.active [class^="ico-"], button.btn-xs.active [class^="ico-"] { transform: rotateZ(0deg); }

a.btn-lg .text, a.btn-md .text, a.btn-sm .text, a.btn-xs .text, button.btn-lg .text, button.btn-md .text, button.btn-sm .text, button.btn-xs .text { }

a.btn-lg .text .val ~ .val, a.btn-lg .text .val ~ .unit, a.btn-lg .text .unit ~ .val, a.btn-lg .text .unit ~ .unit, a.btn-md .text .val ~ .val, a.btn-md .text .val ~ .unit, a.btn-md .text .unit ~ .val, a.btn-md .text .unit ~ .unit, a.btn-sm .text .val ~ .val, a.btn-sm .text .val ~ .unit, a.btn-sm .text .unit ~ .val, a.btn-sm .text .unit ~ .unit, a.btn-xs .text .val ~ .val, a.btn-xs .text .val ~ .unit, a.btn-xs .text .unit ~ .val, a.btn-xs .text .unit ~ .unit, button.btn-lg .text .val ~ .val, button.btn-lg .text .val ~ .unit, button.btn-lg .text .unit ~ .val, button.btn-lg .text .unit ~ .unit, button.btn-md .text .val ~ .val, button.btn-md .text .val ~ .unit, button.btn-md .text .unit ~ .val, button.btn-md .text .unit ~ .unit, button.btn-sm .text .val ~ .val, button.btn-sm .text .val ~ .unit, button.btn-sm .text .unit ~ .val, button.btn-sm .text .unit ~ .unit, button.btn-xs .text .val ~ .val, button.btn-xs .text .val ~ .unit, button.btn-xs .text .unit ~ .val, button.btn-xs .text .unit ~ .unit { margin-left: 2px; }

a.btn-lg, button.btn-lg { height: 56px; padding: 0px 16px; }

@media (min-width: 891px) {
  a.btn-lg, button.btn-lg { min-width: 200px; }
}

a.btn-lg .text, button.btn-lg .text { font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

a.btn-lg .text .val, a.btn-lg .text .unit, button.btn-lg .text .val, button.btn-lg .text .unit { font-weight: inherit; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

a.btn-lg.btn-round, button.btn-lg.btn-round { border-radius: 28px; }

a.btn-md, button.btn-md { height: 44px; padding: 0px 16px; }

a.btn-md [class^="ico-"], button.btn-md [class^="ico-"] { width: 16px; height: 16px; }

a.btn-md .ico-arr-10, button.btn-md .ico-arr-10 { width: 10px; height: 10px; }

a.btn-md .text, button.btn-md .text { font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

a.btn-md .text .val, a.btn-md .text .unit, button.btn-md .text .val, button.btn-md .text .unit { font-weight: inherit; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

a.btn-md.btn-round, button.btn-md.btn-round { border-radius: 22px; }

a.btn-sm, button.btn-sm { height: 32px; padding: 0px 13px; background-color: rgb(255, 255, 255); border: 1px solid rgb(214, 220, 225); }

a.btn-sm [class^="ico-"], button.btn-sm [class^="ico-"] { width: 16px; height: 16px; }

a.btn-sm .text, button.btn-sm .text { font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

a.btn-sm .text .val, a.btn-sm .text .unit, button.btn-sm .text .val, button.btn-sm .text .unit { font-weight: inherit; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

a.btn-sm.btn-round, button.btn-sm.btn-round { border-radius: 16px; }

a.btn-xs, button.btn-xs { height: 24px; padding: 0px 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(214, 220, 225); }

a.btn-xs .text, button.btn-xs .text { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

a.btn-xs .text .val, a.btn-xs .text .unit, button.btn-xs .text .val, button.btn-xs .text .unit { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

a.btn-xs.btn-round, button.btn-xs.btn-round { border-radius: 20px; }

a.btn-primary, button.btn-primary { background-color: var(--brand, #B81B3E); border: 1px solid var(--brand, #B81B3E); }

a.btn-primary .text, button.btn-primary .text { color: rgb(255, 255, 255); }

a.btn-primary:focus, a.btn-primary:active, button.btn-primary:focus, button.btn-primary:active { background: rgb(0, 141, 159); border-color: rgb(0, 141, 159); }

.btn-primary.type02 { border-radius: 100px; }

@media (min-width: 891px) {
  a.btn-primary:hover, button.btn-primary:hover { background: rgb(0, 141, 159); border-color: rgb(0, 141, 159); }
}

a.btn-yellow, button.btn-yellow { background-color: rgb(253, 205, 0); border: 1px solid rgb(253, 205, 0); }

a.btn-yellow .text, button.btn-yellow .text { color: rgb(0, 0, 0); }

a.btn-yellow:focus, a.btn-yellow:active, button.btn-yellow:focus, button.btn-yellow:active { background: rgb(240, 176, 0); border-color: rgb(240, 176, 0); }

@media (min-width: 891px) {
  a.btn-yellow:hover, button.btn-yellow:hover { background: rgb(240, 176, 0); border-color: rgb(240, 176, 0); }
}

a.btn-line-primary, button.btn-line-primary { background-color: rgb(255, 255, 255); border: 1px solid var(--brand, #B81B3E); }

a.btn-line-primary .text, button.btn-line-primary .text { color: var(--brand, #B81B3E); }

a.btn-line-primary:focus, a.btn-line-primary:active, button.btn-line-primary:focus, button.btn-line-primary:active { background-color: rgba(184, 27, 62, 0.1); }

a.btn-line-primary[disabled], a.btn-line-primary[aria-disabled], a.btn-line-primary.disabled, button.btn-line-primary[disabled], button.btn-line-primary[aria-disabled], button.btn-line-primary.disabled { border-color: var(--brand, #B81B3E); background-color: rgb(239, 241, 243); }

@media (min-width: 891px) {
  a.btn-line-primary:hover, button.btn-line-primary:hover { background-color: rgba(184, 27, 62, 0.1); }
}

a.btn-gray, button.btn-gray { background-color: rgb(128, 135, 141); border: 1px solid rgb(128, 135, 141); }

a.btn-gray .text, button.btn-gray .text { color: rgb(255, 255, 255); }

a.btn-gray:focus, a.btn-gray:active, button.btn-gray:focus, button.btn-gray:active { background-color: rgb(103, 112, 119); }

a.btn-light-gray, button.btn-light-gray { background-color: rgb(239, 241, 243); border: 1px solid rgb(239, 241, 243); }

a.btn-light-gray .text, button.btn-light-gray .text { color: rgb(68, 68, 68); }

a.btn-light-gray:focus, a.btn-light-gray:active, button.btn-light-gray:focus, button.btn-light-gray:active { background-color: rgb(239, 241, 243); }

@media (min-width: 891px) {
  a.btn-gray:hover, button.btn-gray:hover { background-color: rgb(103, 112, 119); }
}

a.btn-line-gray, button.btn-line-gray { background-color: rgb(255, 255, 255); border: 1px solid rgb(128, 135, 141); }

a.btn-line-gray .text, button.btn-line-gray .text { color: rgb(0, 0, 0); }

a.btn-line-gray:focus, a.btn-line-gray:active, button.btn-line-gray:focus, button.btn-line-gray:active { background-color: rgb(239, 241, 243); }

a.btn-line-gray[disabled], a.btn-line-gray[aria-disabled], a.btn-line-gray.disabled, button.btn-line-gray[disabled], button.btn-line-gray[aria-disabled], button.btn-line-gray.disabled { background-color: rgb(239, 241, 243); }

@media (min-width: 891px) {
  a.btn-line-gray:hover, button.btn-line-gray:hover { background-color: rgb(239, 241, 243); }
}

a.btn-line-light-gray, button.btn-line-light-gray { background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 227); }

a.btn-line-light-gray .text, button.btn-line-light-gray .text { color: rgb(0, 0, 0); }

a.btn-line-light-gray:focus, a.btn-line-light-gray:active, button.btn-line-light-gray:focus, button.btn-line-light-gray:active { background-color: rgb(239, 241, 243); }

a.btn-line-light-gray[disabled], a.btn-line-light-gray[aria-disabled], a.btn-line-light-gray.disabled, button.btn-line-light-gray[disabled], button.btn-line-light-gray[aria-disabled], button.btn-line-light-gray.disabled { background-color: rgb(239, 241, 243); }

@media (min-width: 891px) {
  a.btn-line-light-gray:hover, button.btn-line-light-gray:hover { background-color: rgb(239, 241, 243); }
}

a.btn-pill, button.btn-pill { 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; height: 32px; padding: 0px 16px; background-color: rgb(255, 255, 255); border: 1px solid rgb(214, 220, 225); border-radius: 17px; }

a.btn-pill::after, button.btn-pill::after { content: ""; display: inline-block; margin-left: 6px; width: 10px; height: 10px; vertical-align: top; background: url("/lotte_assets/ui_ico_select_arr.svg") 0px 0px / cover no-repeat; }

a.btn-pill .text, button.btn-pill .text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

a.btn-header-order, button.btn-header-order { color: rgb(255, 255, 255); padding: 0px 18px; border: 1px solid var(--brand, #B81B3E); border-radius: 22px; background-color: var(--brand, #B81B3E); box-shadow: rgba(184, 27, 62, 0.3) 0px 5px 10px; }

a.btn-header-order:focus, a.btn-header-order:active, button.btn-header-order:focus, button.btn-header-order:active { background: rgb(0, 141, 159); border-color: rgb(0, 141, 159); }

a.btn-header-order .ico-eatz-character { width: 24px; height: 24px; }

button.btn-header-order .ico-eatz-character { width: 24px; height: 24px; margin-right: 5px; }

a.btn-header-order .ico-text-order, button.btn-header-order .ico-text-order { width: 47px; height: 15px; margin-left: 0px; }

@media (min-width: 891px) {
  a.btn-header-order:hover, button.btn-header-order:hover { background: rgb(0, 141, 159); border-color: rgb(0, 141, 159); }
}

a.btn-text-underline .text, button.btn-text-underline .text { display: inline-block; vertical-align: top; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; text-decoration: underline; color: rgb(0, 0, 0); }

a.btn-text-underline .ico-arr-8, button.btn-text-underline .ico-arr-8 { margin-top: 4px; }

a.btn-text-underline.size-lg .text, button.btn-text-underline.size-lg .text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

a.btn-non-member, button.btn-non-member { transform: rotateZ(0deg); transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32); }

a.btn-non-member.active .offscreen:first-child, button.btn-non-member.active .offscreen:first-child { display: none; }

a.btn-non-member.active .offscreen:last-child, button.btn-non-member.active .offscreen:last-child { display: block; }

a.btn-non-member .offscreen, button.btn-non-member .offscreen { display: none; }

a.btn-non-member .offscreen:first-child, button.btn-non-member .offscreen:first-child { display: block; }

a.btn-non-member .offscreen:last-child, button.btn-non-member .offscreen:last-child { display: none; }

a.btn-non-member .text, button.btn-non-member .text { color: rgb(0, 0, 0); font-weight: 500; border-bottom: 1px solid rgb(0, 0, 0); }

a.btn-store-marker, button.btn-store-marker { z-index: 5; }

a.btn-store-marker .store-name, button.btn-store-marker .store-name { display: block; margin-top: -3px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 600; }

a.btn-store-marker img, button.btn-store-marker img { width: 44px; height: 46px; }

a.btn-current-marker img, button.btn-current-marker img { width: 40px; height: 47px; }

a.btn-access-location img, button.btn-access-location img { width: 22px; height: 22px; }

a.btn-eatz-mileage, button.btn-eatz-mileage { line-height: 20px; font-size: 0px; }

a.btn-eatz-mileage .text, button.btn-eatz-mileage .text { display: inline-block; margin-left: 6px; font-weight: 500; color: rgb(0, 0, 0); vertical-align: top; }

a.btn-eatz-mileage .num, button.btn-eatz-mileage .num { display: inline-block; margin-left: 6px; font-weight: 600; color: rgb(0, 0, 0); vertical-align: top; }

a.btn-eatz-mileage .ico-arr-h10-bold, button.btn-eatz-mileage .ico-arr-h10-bold { margin: 5px 0px 0px 3px; }

.btn-more-view { position: relative; display: inline-block; vertical-align: top; padding-right: 12px; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.btn-more-view::after { position: absolute; top: 50%; right: 0px; content: ""; display: inline-block; width: 10px; height: 10px; margin-top: -5px; vertical-align: top; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.btn-more-view.type_gray { color: rgb(102, 102, 102); outline-offset: -1px; }

.btn-more-view.type_gray::after { width: 10px; height: 10px; margin-top: -5px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.btn-more-view .text { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.btn-more-view.size-lg { padding-right: 13px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.btn-more-view.size-lg::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.btn-more-view.size-lg .text { font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.btn-more-view.no-arr::after { display: none; }

.btn-more-view.type-white .text { color: rgb(255, 255, 255); }

.btn-more-view.type-white::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.btn-more-view .ico-mile-mint ~ .text { margin-left: 6px; font-size: 14px; }

.btn-more-view .ico-mile-mint ~ .price { display: inline-block; margin-left: 6px; font-weight: 600; line-height: 22px; vertical-align: top; color: var(--brand, #B81B3E); }

.dialog-btn-wrap [class^="btn-"].btn-sm, .btn-wrap [class^="btn-"].btn-sm { border-radius: 4px; }

.dialog-btn-wrap button.btn-lg, .dialog-btn-wrap a.btn-lg, .page-btn-wrap button.btn-lg, .page-btn-wrap a.btn-lg { border-radius: 12px; }

.page-btn-wrap, .btn-wrap, .btn-center-wrap, .btn-flex-wrap, .btn-right-wrap { text-align: center; }

.page-btn-wrap:not(.auto) [class^="btn-"], .btn-wrap:not(.auto) [class^="btn-"], .btn-center-wrap:not(.auto) [class^="btn-"], .btn-flex-wrap:not(.auto) [class^="btn-"], .btn-right-wrap:not(.auto) [class^="btn-"] { }

.page-btn-wrap.auto, .btn-wrap.auto, .auto.btn-center-wrap, .auto.btn-flex-wrap, .auto.btn-right-wrap { display: flex; }

.page-btn-wrap.auto [class^="btn-"], .btn-wrap.auto [class^="btn-"], .auto.btn-center-wrap [class^="btn-"], .auto.btn-flex-wrap [class^="btn-"], .auto.btn-right-wrap [class^="btn-"] { flex: 0 1 auto; }

.page-btn-wrap.full, .btn-wrap.full, .full.btn-center-wrap, .full.btn-flex-wrap, .full.btn-right-wrap { flex-wrap: wrap; }

.page-btn-wrap.full [class^="btn-"], .btn-wrap.full [class^="btn-"], .full.btn-center-wrap [class^="btn-"], .full.btn-flex-wrap [class^="btn-"], .full.btn-right-wrap [class^="btn-"] { flex: 0 1 auto; width: 100%; min-width: auto; }

.page-btn-wrap.full [class^="btn-"] + [class^="btn-"], .btn-wrap.full [class^="btn-"] + [class^="btn-"], .full.btn-center-wrap [class^="btn-"] + [class^="btn-"], .full.btn-flex-wrap [class^="btn-"] + [class^="btn-"], .full.btn-right-wrap [class^="btn-"] + [class^="btn-"] { margin: 10px 0px 0px; }

.page-btn-wrap.flex [class^="btn-"], .btn-wrap.flex [class^="btn-"], .flex.btn-center-wrap [class^="btn-"], .flex.btn-flex-wrap [class^="btn-"], .flex.btn-right-wrap [class^="btn-"] { flex: 1 1 0%; width: 100%; min-width: auto; }

.page-btn-wrap.flex [class^="btn-"] + [class^="btn-"], .btn-wrap.flex [class^="btn-"] + [class^="btn-"], .flex.btn-center-wrap [class^="btn-"] + [class^="btn-"], .flex.btn-flex-wrap [class^="btn-"] + [class^="btn-"], .flex.btn-right-wrap [class^="btn-"] + [class^="btn-"] { margin-left: 6px; }

.page-btn-wrap { 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; margin-top: 30px; }

.page-btn-wrap [class^="btn-"]:not([style*="display: none"]) ~ [class^="btn-"] { margin-left: 10px; }

@media (min-width: 891px) {
  .page-btn-wrap { margin-top: 50px; }
}

@media (max-width: 890px) {
  .page-btn-wrap [class^="btn-"] { flex: 1 1 0%; min-width: auto; }
}

.page-btn-wrap.auto [class^="btn-"] + [class^="btn-"] { margin-left: 10px; }

@media (min-width: 891px) {
  .page-btn-wrap [class^="btn-"] { min-width: 200px; }
}

.btn-wrap, .btn-center-wrap, .btn-flex-wrap, .btn-right-wrap { 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; }

.btn-wrap [class^="btn-"] + [class^="btn-"], .btn-center-wrap [class^="btn-"] + [class^="btn-"], .btn-flex-wrap [class^="btn-"] + [class^="btn-"], .btn-right-wrap [class^="btn-"] + [class^="btn-"] { margin-left: 6px; }

.btn-wrap.auto [class^="btn-"] + [class^="btn-"], .auto.btn-center-wrap [class^="btn-"] + [class^="btn-"], .auto.btn-flex-wrap [class^="btn-"] + [class^="btn-"], .auto.btn-right-wrap [class^="btn-"] + [class^="btn-"] { margin-left: 6px; }

.btn-wrap.top-dash, .top-dash.btn-center-wrap, .top-dash.btn-flex-wrap, .top-dash.btn-right-wrap { margin-top: 20px; border-top: 1px dashed rgb(221, 224, 227); }

.btn-wrap.top-dash .btn-more-view, .top-dash.btn-center-wrap .btn-more-view, .top-dash.btn-flex-wrap .btn-more-view, .top-dash.btn-right-wrap .btn-more-view { margin-top: 20px; }

.btn-wrap.col2, .col2.btn-center-wrap, .col2.btn-flex-wrap, .col2.btn-right-wrap { flex-wrap: wrap; }

.btn-wrap.col2 [class^="btn-"], .col2.btn-center-wrap [class^="btn-"], .col2.btn-flex-wrap [class^="btn-"], .col2.btn-right-wrap [class^="btn-"] { width: calc(50% - 3px); }

.btn-wrap.col2 [class^="btn-"]:nth-child(n+3), .col2.btn-center-wrap [class^="btn-"]:nth-child(n+3), .col2.btn-flex-wrap [class^="btn-"]:nth-child(n+3), .col2.btn-right-wrap [class^="btn-"]:nth-child(n+3) { margin-top: 6px; }

.btn-wrap.col2 [class^="btn-"]:nth-child(2n+1), .col2.btn-center-wrap [class^="btn-"]:nth-child(2n+1), .col2.btn-flex-wrap [class^="btn-"]:nth-child(2n+1), .col2.btn-right-wrap [class^="btn-"]:nth-child(2n+1) { margin-left: 0px; }

@media (max-width: 890px) {
  .btn-wrap.mo-flex [class^="btn-"], .mo-flex.btn-center-wrap [class^="btn-"], .mo-flex.btn-flex-wrap [class^="btn-"], .mo-flex.btn-right-wrap [class^="btn-"] { flex: 1 1 0%; width: 100%; min-width: auto; }
}

@media (min-width: 891px) {
  .btn-wrap.top-dash, .top-dash.btn-center-wrap, .top-dash.btn-flex-wrap, .top-dash.btn-right-wrap { margin-top: 30px; }
}

.btn-wrap + .btext-tit, .btn-center-wrap + .btext-tit, .btn-flex-wrap + .btext-tit, .btn-right-wrap + .btext-tit { margin-top: 30px; }

.btn-right-wrap { -webkit-box-pack: end; justify-content: flex-end; }

.btn-flex-wrap { -webkit-box-pack: justify; justify-content: space-between; }

.btn-flex-wrap .right-box { margin-left: auto; }

.btn-center-wrap { -webkit-box-pack: center; justify-content: center; }

.btn-copy-url { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgb(128, 135, 141); }

@media (min-width: 891px) {
  .btn-copy-url { width: 49px; height: 49px; }
}

.btn-copy-url .text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(255, 255, 255); font-weight: 600; }

.btn-info { display: inline-block; width: 16px; height: 16px; }

.a11y-btn-info { margin-left: 4px; }

.btn-info [class^="ico-"] { display: inline-block; width: 16px; height: 16px; vertical-align: top; border: 1px solid rgb(102, 102, 102); border-radius: 16px; transition: background 0.2s ease-out; background-color: rgb(255, 255, 255); }

.btn-info .ico-arr-down-8 { transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32); }

.btn-info.active .ico-arr-down-8 { transform: rotateZ(180deg); }

.btn-addr-search { position: relative; width: 100%; max-width: 395px; padding: 0px 30px 0px 16px; height: 44px; border: 1px solid rgb(221, 224, 227); border-radius: 4px; text-align: left; background-color: rgb(255, 255, 255); }

.btn-addr-search .text { color: rgb(128, 135, 141); font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.btn-addr-search [class^="ico-"] { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }

button.store-name { 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-flow: wrap; }

button.store-name [class^="badge-"], button.store-name [class^="ico-"] { flex-shrink: 0; }

.btn-small-delete { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / 16px 16px no-repeat; }

.btn-layer-close { z-index: 3; display: block; width: 26px; height: 26px; padding: 5px; background: url("/lotte_assets/blank.svg") center center / 16px 16px no-repeat; }

.order-state-box .btn-layer-close { position: absolute; top: 9px; right: 9px; background-image: url("/lotte_assets/blank.svg"); }

.order-state-layer .btn-layer-close { position: absolute; top: 9px; right: 9px; background-image: url("/lotte_assets/blank.svg"); }

.btn-sm.is-selected { position: relative; }

.btn-sm.is-selected::after { content: "적용됨"; position: absolute; top: 6px; right: 5px; display: inline-block; width: 4px; height: 4px; overflow: hidden; border-radius: 4px; background-color: var(--brand, #B81B3E); font-size: 1px; line-height: 0; color: transparent; }

[data-role="dialog"] { display: none; }

body.dialog-open { width: 100%; top: 0px; left: 0px; overflow-y: hidden; }

@media (max-width: 890px) {
  body.dialog-open { overflow: hidden; }
}

.ui-dialog-container { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100dvh; padding: 20px; overflow-x: auto; }

@media (min-width: 891px) {
  .ui-dialog-container { overflow-y: scroll; }
}

.ui-dialog-container .store-info-box { max-width: 360px; }

.ui-dialog-container .ui-dialog { z-index: 100; position: relative; height: auto; padding: 0px; background-color: rgb(255, 255, 255); border-radius: 10px; overflow: hidden; width: 100% !important; max-width: 335px !important; }

.ui-dialog-container .ui-dialog .ui-dialog-titlebar { display: none; }

.ui-dialog-container .ui-dialog.dialog-alert .dialog-body { padding: 13px 20px 12px; 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; text-align: center; background: rgb(255, 255, 255); flex: 1 0 auto; }

.ui-dialog-container .ui-dialog.dialog-alert .dialog-body .alert-desc { flex: 1 1 0%; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 500; color: rgb(0, 0, 0); }

.ui-dialog-container .ui-dialog.dialog-alert .dialog-footer { padding-top: 20px; }

@media (min-width: 891px) {
  .ui-dialog-container .ui-dialog { width: 400px !important; max-width: none !important; }
  .ui-dialog-container .ui-dialog.dialog-md { width: 500px !important; }
  .ui-dialog-container .ui-dialog.dialog-lg, .ui-dialog-container .ui-dialog.dialog-full { width: 800px !important; }
  .ui-dialog-container .ui-dialog.dialog-md.dialog-full { width: 500px !important; }
}

@media (max-width: 890px) {
  .ui-dialog-container .ui-dialog { }
  .ui-dialog-container .ui-dialog.dialog-full { position: fixed; top: var(--TopPadding); left: 0px; border-radius: 0px; height: 100% !important; max-width: 100% !important; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content { overflow-y: auto; height: 100%; 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; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body { 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; flex: 1 1 0%; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box { width: 100%; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:last-child { flex: 1 1 0%; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:last-child .cont-inner { padding-bottom: 80px; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:first-child .cont-inner { padding-top: 20px; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-footer { margin-top: auto; }
  .ui-dialog-container .ui-dialog.dialog-full ~ .ui-widget-overlay { background-color: rgb(255, 255, 255); top: calc(0px - ((var(--TopPadding)) + env(safe-area-inset-top))); }
  .ui-dialog-container .ui-dialog.dialog-lg { max-width: none !important; }
  .ui-dialog-container .ui-dialog.dialog-bottom { position: fixed; top: auto; left: 0px; bottom: 0px; transform: translateY(100%); border-radius: 32px 32px 0px 0px; max-width: 100% !important; }
  .ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content { overflow-y: auto; max-height: var(--reVh, 1vh); 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; }
  .ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-body { 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; flex: 1 1 0%; }
  .ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-body .cont-box { width: 100%; }
  .ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-body .cont-box:last-child { flex: 1 1 0%; }
  .ui-dialog-container .ui-dialog .dialog-body .cont-box:first-child .map-wrap:first-child { margin-top: -20px; }
}

.ui-dialog-container .ui-widget-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100vh; }

.ui-dialog-container .ui-dialog-content { position: relative; overflow: hidden; padding: 20px 0px 0px; 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; }

.ui-dialog-container .ui-dialog-content .dialog-header { margin: 0px 20px 20px; padding-right: 44px; min-height: 15px; flex-shrink: 0; }

.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit { font-size: 18px; line-height: 32px; letter-spacing: -0.025em; font-weight: 700; color: rgb(0, 0, 0); }

.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit .ico-logo-lpoint.size-xl { margin-right: 6px; vertical-align: -1px; }

.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit.type-other { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 400; }

.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit.type-other .fc-spot { font-size: inherit; font-weight: 600; }

.ui-dialog-container .ui-dialog-content .dialog-body { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; 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; background: rgb(243, 245, 247); flex: 1 0 auto; }

.ui-dialog-container .ui-dialog-content .dialog-body .map-wrap { margin-bottom: 30px; }

.ui-dialog-container .ui-dialog-content .dialog-body .editor-wrap { color: rgb(0, 0, 0); }

.ui-dialog-container .ui-dialog-content .dialog-body .search-form-wrap.bg-white .input-flex-box { width: 100%; overflow: hidden; }

.ui-dialog-container .ui-dialog-content .dialog-body .search-form-wrap.bg-white .input-flex-box .ui-select { flex: 0 0 auto; }

.ui-dialog-container .ui-dialog-content .dialog-body .search-form-wrap.bg-white .input-flex-box .form-input-search { width: auto; flex: 1 1 0%; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:first-child .cont-inner { padding-top: 0px; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:first-child.gray-box .cont-inner { padding-top: 20px; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box { width: 100%; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:last-child { flex: 1 0 auto; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:last-child .cont-inner { padding-bottom: 30px; }

.ui-dialog-container:not(:has(.dialog-footer)) .ui-dialog-content .dialog-body .cont-box .cont-inner { padding-bottom: 54px; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .cont-inner { padding-bottom: 0px; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap.bg-white { padding-bottom: 20px; }

@media (min-width: 891px) {
  .ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-right-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-flex-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-center-wrap { margin-left: 5px; }
}

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box .tab-wrap.order-way { padding-bottom: 30px; }

.ui-dialog-container .ui-dialog-content .dialog-body .cont-box .cont-inner .tab-wrap.order-way { padding-bottom: 0px; }

.ui-dialog-container .ui-dialog-content .dialog-body .ui-select-wrap .ui-select ~ .ui-select { margin-top: 6px; }

.ui-dialog-container .ui-dialog-content .dialog-body .ui-select-wrap .ui-select + .gray-box { margin-top: 20px; }

.ui-dialog-container .ui-dialog-content .dialog-body .ui-select-wrap ~ .gray-box { margin-top: 20px; }

.ui-dialog-container .ui-dialog-content .dialog-body .gray-box ~ .gray-box { margin-top: 12px; }

.ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .btn-wrap.full, .ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .full.btn-right-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .full.btn-flex-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .full.btn-center-wrap { margin-top: 30px; }

.ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .prod-total-wrap, .ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .period-total-wrap { position: relative; padding-top: 20px; box-shadow: rgba(0, 0, 0, 0.05) 0px -10px 25px 0px; }

.ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .prod-total-wrap::after, .ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .period-total-wrap::after { content: ""; position: absolute; top: -20px; right: -20px; left: -20px; height: 20px; border-bottom: 1px solid rgb(221, 224, 227); }

.ui-dialog-container .ui-dialog-content .dialog-footer { padding-bottom: 20px; }

.ui-dialog-container .ui-dialog-content .dialog-footer .prod-total-wrap { position: relative; padding: 0px 20px 20px; }

.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-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; padding: 0px 20px; }

.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap [class^="btn-"] { flex: 1 1 0%; min-width: auto; }

.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap [class^="btn-"] + [class^="btn-"] { margin-left: 6px; }

.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap [class^="btn-"].only-icon { flex: 0 1 0%; min-width: 56px; }

.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap [class^="btn-"].only-icon i { margin-right: 0px; }

.ui-dialog-container .ui-dialog-content .dialog-footer.type02 { padding-top: 20px; padding-bottom: 0px; }

@media (min-width: 891px) {
  .ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap.pc-auto { justify-content: center; }
  .ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap.pc-auto [class^="btn-"] { flex: 0 0 auto; min-width: 200px; }
}

.ui-dialog-container .ui-dialog-content .btn-pop-close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: url("/lotte_assets/blank.svg") center center / 20px auto no-repeat; }

.ui-dialog-container .dialog-header-line .ui-dialog-content .dialog-header, .ui-dialog-container .ui-dialog-content .dialog-header.dialog-header-line { margin: 0px 20px 16px; padding-bottom: 16px; border-bottom: 1px solid rgb(221, 221, 221); }

.ui-dialog-container #popPrdListFiltering.ui-dialog-content .btn-pop-close { z-index: 1; }

.ui-dialog-container #layerPopupConfirmWithClose.ui-dialog-content .btn-pop-close { z-index: 1; }

.ui-dialog-container .ui-dialog-content .btn-pop-close.type-white { background: url("/lotte_assets/blank.svg") center center / 24px auto no-repeat; }

.ui-dialog-container .ui-selectmenu-menu .ui-menu { max-height: 142px; }

.ui-dialog-container .grid-list-wrap ~ .btn-wrap, .ui-dialog-container .grid-list-wrap ~ .btn-right-wrap, .ui-dialog-container .grid-list-wrap ~ .btn-flex-wrap, .ui-dialog-container .grid-list-wrap ~ .btn-center-wrap { margin-top: 20px; }

.ui-dialog-container.open { 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-flow: wrap; }

@media (max-width: 890px) {
  .ui-dialog-container.open .ui-dialog { animation: 0.15s ease-in-out 0s 1 normal forwards running popAnimation; }
  .ui-dialog-container.open .ui-dialog.dialog-full { animation: auto ease 0s 1 normal none running none; }
  .ui-dialog-container.open .ui-dialog.dialog-bottom { animation: 0.2s ease-in-out 0s 1 normal forwards running bottomPopAnimation; }
  .ui-dialog-container .ui-dialog.dialog-full .btn-pop-close { top: 10px; }
  .ui-dialog-container .ui-dialog.dialog-full.dialog-md .btn-pop-close { top: calc(10px + var(--TopPadding)); }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-footer { padding-bottom: calc(20px + var(--TopPadding)); }
}

.ui-dialog-container.open .btn-access-location { top: 14px; }

@media (min-width: 891px) {
  .ui-dialog-container.open .btn-access-location { top: 40px; }
}

.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child { padding-top: 0px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child .tag-wrap { margin-bottom: -10px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info + .btext { margin-top: 18px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .cont-inner { padding-bottom: 0px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .dialog-btn-wrap .btn-store-info { max-width: 80px; padding: 0px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child { padding-top: 0px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child .tag-wrap { margin-bottom: -10px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info + .btext { margin-top: 18px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .cont-inner { padding-bottom: 0px; }

.ui-dialog-container .ui-dialog-content.dialog-bottom .dialog-btn-wrap .btn-store-info { max-width: 80px; padding: 0px; }

@media (min-width: 891px) {
  .ui-dialog-container .ui-dialog-content.pc-height-fixed { max-height: calc(-40px + 100vh); overflow: auto; }
  .ui-dialog-container .ui-dialog-content .form-list-wrap .form-list { margin: 0px; }
  .ui-dialog-container .ui-dialog-content .form-list-wrap .form-list .form-item { width: 100%; padding-left: 0px; padding-right: 0px; }
  .ui-dialog-container .ui-dialog-content .form-list-wrap .form-list .form-item ~ .form-item { margin-top: 30px; }
}

@media (max-width: 890px) {
  .ui-dialog-container { padding-bottom: 20px; }
}

.sps { position: relative; }

.sps.sps-abv { left: 0px; right: 0px; position: absolute !important; }

.sps ~ .sps-bg { position: absolute; top: 0px; left: 0px; }

.sps.sps-blw { top: 0px; left: 0px; right: 0px; width: 100%; position: fixed !important; }

@media (max-width: 890px) {
  .sps { transform: translateY(0px); }
  .sps.sps-blw { transform: translateY(0px); }
  .sps.sps-blw.scroll-up { transition: transform 0.24s; transform: translateY(calc(55px + var(--TopPadding))); }
  .sps.sps-blw.scroll-down { transition: transform 0.2s; transform: translateY(calc(55px + var(--TopPadding))); }
}

@media (min-width: 891px) {
  .sps.sps-blw { top: 0px; }
}

.sps-observer { position: absolute; top: 0px; clip: rect(1px, 1px, 1px, 1px); }

.ui-spinner-box { display: inline-block; vertical-align: top; border: 1px solid rgb(221, 224, 227); border-radius: 4px; background-color: rgb(255, 255, 255); height: 42px; width: 120px; overflow: hidden; }

.ui-spinner-box .ui-spinner { width: 100%; height: 100%; background: none; border: 0px; }

.ui-spinner-box .ui-widget-content { position: relative; width: 120px; padding: 0px 40px; }

.ui-spinner-box .ui-widget-content .ui-spinner-input { display: none; }

.ui-spinner-box .ui-widget-content .count { position: relative; 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; width: 100%; height: 40px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; outline: 0px; text-align: center; box-sizing: border-box; vertical-align: top; border: 0px; background: 0px center; }

.ui-spinner-box .ui-widget-content .count[type="number"]::-webkit-outer-spin-button, .ui-spinner-box .ui-widget-content .count[type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0px; }

.ui-spinner-box .ui-widget-content .ui-spinner-button { position: absolute; display: block; top: 50%; width: 24px; height: 24px; padding: 5px; margin-top: -12px; box-sizing: border-box; cursor: pointer; }

.ui-spinner-box .ui-widget-content .ui-spinner-button .ui-icon { display: block; width: 12px; height: 12px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; text-align: center; vertical-align: top; margin-top: -6px; margin-left: -6px; }

.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up { right: 10px; }

.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up .ui-icon { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-down { left: 10px; }

.ui-spinner-box.ui-state-disabled { opacity: 0.4; background-color: rgb(221, 224, 227); }

.ui-spinner-box.spinner-sm { height: 30px; width: 90px; }

.ui-spinner-box.spinner-sm .ui-widget-content { width: 90px; padding: 0px 30px; }

.ui-spinner-box.spinner-sm .ui-widget-content .count { height: 28px; }

.ui-spinner .count .offscreen { display: none; }

.ui-spinner-box.spinner-sm .ui-widget-content .ui-spinner-button.ui-spinner-up { right: 3px; }

.ui-spinner-box.spinner-sm .ui-widget-content .ui-spinner-button.ui-spinner-down { left: 3px; }

.ui-select { width: 100%; z-index: 2; height: 44px; }

.ui-select-wrap .ui-select ~ .ui-select { margin-top: 6px; }

.ui-select-wrap + .gray-box { margin-top: 20px; }

.ui-select + .ui-select-text { display: inline-block; font-size: 14px; letter-spacing: -0.025em; line-height: 44px; font-weight: 500; color: rgb(0, 0, 0); margin-left: 6px; }

.ui-select .ui-select-text:last-child { padding-right: 0px; }

.ui-select .ui-selectmenu-button { position: relative; width: 100%; height: 44px; padding: 12px 30px 12px 16px; margin: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 227); border-radius: 4px; }

.ui-select .ui-selectmenu-button .ui-selectmenu-icon.ui-icon { position: absolute; width: 10px; height: 10px; top: 16px; right: 16px; transition: transform 0.22s cubic-bezier(0.17, 0.67, 0.29, 1.32); background: url("/lotte_assets/ui_ico_select_arr.svg") 0px 0px / cover no-repeat; }

.ui-select .ui-selectmenu-button .ui-selectmenu-text { display: block; margin-right: 0px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; }

.ui-select .ui-selectmenu-button.ui-selectmenu-button-open { border-color: rgb(128, 135, 141) rgb(128, 135, 141) currentcolor; border-radius: 4px 4px 0px 0px; border-bottom-width: 0px; border-bottom-style: none; }

.ui-select .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon { transform: rotate(180deg); }

.ui-select .ui-selectmenu-button.ui-selectmenu-disabled { opacity: 0.4; background: padding-box rgb(221, 224, 227); border: 1px solid rgb(221, 224, 227); }

.ui-select[data-pos-top] .ui-selectmenu-button.ui-selectmenu-button-open { border-radius: 0px 0px 4px 4px; border-bottom: 1px solid rgb(128, 135, 141); border-top: 0px; }

.ui-select.sel-text { overflow: hidden; display: inline-block; width: auto; vertical-align: top; height: 18px; }

.ui-select.sel-text .ui-selectmenu-button { height: auto; border: 0px; padding: 0px 16px 0px 0px; vertical-align: top; background: transparent; }

.ui-select.sel-text .ui-selectmenu-button .ui-selectmenu-icon { top: 4px; right: 0px; }

.ui-selectmenu-menu { z-index: 2; display: block; height: 0px; overflow: hidden; box-sizing: border-box; opacity: 0; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.ui-selectmenu-menu.ui-selectmenu-open { height: auto; opacity: 1; box-sizing: border-box; z-index: 100; }

.ui-selectmenu-menu .ui-menu { max-height: 182px; max-width: 100%; padding-bottom: 0px; box-sizing: border-box; overflow-y: auto; background-color: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; border: 1px solid rgb(128, 135, 141); }

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 11px 14px; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; box-sizing: border-box; transition: background-color 0.2s ease-out; }

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active { margin: 0px; background-color: rgb(245, 245, 245); }

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option { 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; }

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option .option_label_box { display: block; margin-right: 15px; }

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option .option_price_box { margin-left: auto; flex-shrink: 0; display: block; }

.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled .ui-menu-item-wrapper { color: rgb(136, 136, 136); }

.ui-selectmenu-menu.pos-top { border-radius: 4px 4px 0px 0px; border-top: 1px solid rgb(128, 135, 141); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.ui-selectmenu-menu.menu-text { width: auto !important; max-width: 190px !important; }

.ui-selectmenu-menu.menu-text .ui-menu { margin-top: 10px; border: 1px solid rgb(128, 135, 141); border-radius: 4px; width: auto !important; }

.ui-datepicker { width: 284px; padding: 19px 12px 17px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-radius: 10px; box-sizing: border-box; z-index: 2 !important; }

.ui-datepicker .ui-datepicker-header { padding: 0px; margin: 0px 7px 16px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 400; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year, .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { display: inline-block; width: auto; height: 24px; margin: 0px; padding-right: 15px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 600; text-align: right; background: url("/lotte_assets/ui_ico_select_arr.svg") right center / 10px 10px no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; vertical-align: top; box-sizing: border-box; appearance: none; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year + .ui-datepicker-month { margin-left: 8px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; cursor: pointer; }

.ui-datepicker .ui-datepicker-prev { top: 0px; left: 0px; transform: rotate(180deg); }

.ui-datepicker .ui-datepicker-next { top: 0px; right: 0px; }

.ui-datepicker .ui-datepicker-calendar { table-layout: fixed; margin-bottom: 0px; }

.ui-datepicker .ui-datepicker-calendar th { width: 37px; padding: 0px 0px 2px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 500; text-align: center; }

.ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child { color: var(--brand, #B81B3E); }

.ui-datepicker .ui-datepicker-calendar td { width: 37px; height: 35px; padding: 2px 3px; text-align: center; box-sizing: border-box; }

.ui-datepicker .ui-datepicker-calendar td .ui-state-default { display: inline-block; width: 100%; height: 100%; padding: 0px; font-size: 13px; line-height: 29px; letter-spacing: -0.025em; font-weight: 400; text-align: center; background-color: rgb(255, 255, 255); border-radius: 50%; border: 1px solid transparent; vertical-align: top; box-sizing: border-box; transition: border 0.2s, color 0.2s, background 0.2s; }

.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active { color: rgb(255, 255, 255); font-weight: 400; border-color: var(--brand, #B81B3E); background-color: var(--brand, #B81B3E); }

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight { color: var(--brand, #B81B3E); font-weight: 400; border-color: rgba(184, 27, 62, 0.2); background-color: rgb(255, 255, 255); }

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight.ui-state-hover { color: rgb(255, 255, 255); background-color: var(--brand, #B81B3E); }

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default { color: var(--brand, #B81B3E); }

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default.ui-state-active { color: rgb(255, 255, 255); }

.swiper-container-wrap { position: relative; }

.swiper-container-wrap .swiper-control-wrap { display: none; }

.swiper-container-wrap .swiper-pagination { z-index: 2; }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction { overflow: hidden; left: 50%; bottom: 20px; transform: translateX(-50%); width: auto; height: 22px; padding: 0px 10px; border-radius: 22px; box-sizing: border-box; font-size: 0px; backdrop-filter: blur(30px); }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current, .swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total { display: inline-block; vertical-align: top; font-size: 12px; letter-spacing: -0.025em; line-height: 22px; color: rgba(255, 255, 255, 0.67); }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color: rgb(255, 255, 255); }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total::before { content: "/"; display: inline-block; margin: 0px 4px 0px 3px; color: rgb(239, 241, 243); }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white { border: 1px solid rgb(221, 224, 227); }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current, .swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total { color: rgba(153, 153, 153, 0.8); }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current { color: rgb(0, 0, 0); }

.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total::before { color: rgba(153, 153, 153, 0.8); }

@media (min-width: 891px) {
  .swiper-container-wrap .swiper-pagination { display: none; }
  .swiper-container-wrap.swiper-store-banner .swiper-pagination { display: block; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-next::before, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev::before { content: ""; position: absolute; top: 50%; width: 45px; height: 45px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; margin-top: -22px; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-next:hover::before, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev:hover::before { background: url("../../assets/images/ui/ic_arrow_swiper_right_hover.svg") 0% 0% / cover; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled { background: transparent; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled::before, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled::before { opacity: 0.7; pointer-events: auto; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-next { right: -20px; background: none; width: 45px; height: 45px; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-next::before { right: 0px; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-prev { left: -20px; background: none; width: 45px; height: 45px; }
  .swiper-container-wrap .swiper-control-wrap .swiper-button-prev::before { left: 0px; transform: rotate(180deg); }
  .swiper-container-wrap.is-active .swiper-control-wrap { display: block; }
  #tgthCouponAllBox .swiper-coupon-wrap .swiper-button-prev { left: -20px; top: calc(50% - 64px); width: 45px; height: 45px; }
  #tgthCouponAllBox .swiper-coupon-wrap .swiper-button-next { right: -20px; top: calc(50% - 64px); width: 45px; height: 45px; }
  #tgthCouponAllBox .swiper-coupon-wrap .swiper-button-next::before { right: 0px; top: 0px; }
  #tgthCouponAllBox .swiper-coupon-wrap .swiper-button-prev::before { left: 0px; top: 0px; }
}

.swiper-pagination-wrap { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 40px; }

.swiper-pagination-wrap:has(.swiper-pagination:empty), .swiper-pagination-wrap:has(.swiper-pagination[style*="display: none"]) { margin-top: 0px; }

.banner.swiper-pagination-wrap { margin-top: inherit; }

.mobile_coupon_list .swiper-pagination-wrap { margin-top: 12px; height: 16px; }

.swiper-coupon-wrap .swiper-pagination-wrap { margin-bottom: 20px; margin-top: revert; }

.store-main-banner .swiper-pagination { display: block; position: static; transform: none; bottom: auto; left: auto; }

.swiper-container-wrap.store-main-banner .swiper-button-prev, .swiper-container-wrap.store-main-banner .swiper-button-next { margin-top: -43px; }

.swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 6px; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgba(0, 0, 0, 0.5); opacity: 1; }

.swiper-pagination-bullet.dimm { background: rgb(255, 255, 255); opacity: 0.6; }

.swiper-pagination-bullet-active { width: 20px; border-radius: 100px; background: rgb(0, 0, 0); opacity: 1; }

.swiper-pagination-bullet-active.dimm { background: rgb(255, 255, 255); opacity: 1; }

.swiper-container-wrap .black.swiper-button-stop { position: relative; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 16px; height: 16px; filter: invert(1); }

.swiper-container-wrap .black.swiper-button-play { position: relative; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 16px; height: 16px; filter: invert(1); }

@media (max-width: 890px) {
  .store-main-banner .swiper-pagination-wrap { margin-top: 24px; }
  .swiper-container .swiper-pagination-wrap { display: none; }
  .swiper-coupon-wrap.is-active .swiper-control-wrap, .swiper-coupon-box-wrap .swiper-control-wrap { display: block; }
  .swiper-coupon-wrap.swiper-coupon-wrap.is-active .swiper-control-wrap .swiper-button-prev { width: 45px; height: 45px; left: 12px; }
  .swiper-coupon-wrap.swiper-coupon-wrap.is-active .swiper-control-wrap .swiper-button-next { width: 45px; height: 45px; right: 12px; }
  .swiper-coupon-wrap.is-active .swiper-control-wrap .swiper-button-prev::before, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next::before, .swiper-coupon-wrap.is-active .swiper-control-wrap .swiper-button-prev:hover::before, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next:hover::before { display: block; content: ""; background: url("../../assets/images/common/comm_ico_arr_right_h16_gray.svg") center center no-repeat rgb(255, 255, 255); width: 45px; height: 45px; border: 1px solid rgb(238, 238, 238); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 35px 0px; position: absolute; }
  .swiper-coupon-wrap.is-active .swiper-control-wrap .swiper-button-prev::before { transform: rotate(180deg); }
  #tgthCouponAllBox .swiper-control-wrap button { top: 44%; z-index: 9; width: 45px; height: 45px; }
  #tgthCouponAllBox .swiper-control-wrap .swiper-button-next::before { right: 0px; top: 0px; }
  #tgthCouponAllBox .swiper-control-wrap .swiper-button-prev::before { left: 0px; top: 0px; }
}

.swiper-container { position: relative; }

.swiper-container .swiper-button-next, .swiper-container .swiper-container-rtl .swiper-button-prev { background-color: transparent; }

.swiper-container .swiper-slide { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }

.swiper-container .swiper-pagination { z-index: 2; }

.swiper-container .swiper-pagination.swiper-pagination-fraction { overflow: hidden; left: 50%; bottom: 20px; transform: translateX(-50%); width: auto; height: 22px; padding: 0px 10px; border-radius: 22px; box-sizing: border-box; font-size: 0px; backdrop-filter: blur(30px); }

.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current, .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total { display: inline-block; vertical-align: top; font-size: 12px; letter-spacing: -0.025em; line-height: 22px; color: rgba(255, 255, 255, 0.67); }

.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color: rgb(255, 255, 255); }

.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total::before { content: "/"; display: inline-block; margin: 0px 4px 0px 3px; color: rgb(239, 241, 243); }

.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white { border: 1px solid rgb(221, 224, 227); }

.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current, .swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total { color: rgba(153, 153, 153, 0.8); }

.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current { color: rgb(0, 0, 0); }

.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total::before { color: rgba(153, 153, 153, 0.8); }

.tab-wrap { padding: 0px; }

.tab-wrap .tabs { overflow: hidden; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; margin: 0px -20px; }

.tab-wrap .tabs .ui-tabs-nav { padding: 0px; height: 44px; }

.tab-wrap .tabs .tab-item { width: auto; margin: 0px; }

.tab-wrap .tabs .tab-item .tab-link { display: inline-block; vertical-align: top; overflow: hidden; height: 44px; padding: 12px 20px; background: padding-box rgba(221, 224, 227, 0.4); border: 2px solid rgba(221, 224, 227, 0.4); border-radius: 44px; }

.tab-wrap .tabs .tab-item .tab-link .tab-text { display: block; color: rgb(102, 102, 102); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.tab-wrap .tabs .tab-item ~ .tab-item { margin-left: 6px; }

.tab-wrap .tabs .tab-item.ui-state-active .tab-link { background: rgb(255, 255, 255); border-color: var(--brand, #B81B3E); box-shadow: rgba(184, 27, 62, 0.1) 0px 5px 10px; }

.tab-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text { color: var(--brand, #B81B3E); font-weight: 600; }

.tab-wrap .ui-tabs-panel { padding: 0px; }

.tab-wrap .tab-content { opacity: 0; padding: 0px; }

.tab-wrap .tab-content.ui-tabs-panel { opacity: 1; }

.tab-wrap .tab-content.no-hide { display: block; opacity: 1; }

.tab-wrap .tab-content + .dot-text { margin-top: 12px; }

.tab-wrap.anchor-tab .tab-content { opacity: 1; }

.tab-wrap.small-tab .tabs .ui-tabs-nav { height: 32px; }

.tab-wrap.small-tab .tabs .tab-link { height: 32px; padding: 6px 14px; border-radius: 4px; }

.tab-wrap.small-tab .tabs .tab-link .tab-text { color: rgb(102, 102, 102); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.tab-wrap.small-tab .tabs .tab-item.ui-state-active .tab-link { background-color: var(--brand, #B81B3E); border-color: var(--brand, #B81B3E); box-shadow: none; }

.tab-wrap.small-tab .tabs .tab-item.ui-state-active .tab-link .tab-text { color: rgb(255, 255, 255); }

.tab-wrap.justify-tab .tabs { overflow-x: 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; }

.tab-wrap.justify-tab .tabs .tab-item { flex: 1 1 0%; overflow: hidden; }

.tab-wrap.justify-tab .tabs .tab-item .tab-link { text-align: center; width: 100%; padding: 12px 5px; }

.tab-wrap.justify-tab .tabs .tab-item .tab-link .tab-text { overflow: hidden; display: inline-block; vertical-align: top; width: 100%; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.tab-wrap.justify-tab .tabs .tab-item.ui-state-active .tab-link { box-shadow: none; outline-offset: -1px; }

.tab-wrap.justify-tab .sub-tab .tabs .tab-item { flex: 0 0 auto; }

.tab-wrap.justify-tab .target .target .ui-row-list.tabs { background: rgb(248, 249, 250); margin-left: 0px; margin-right: 0px; margin-top: 8px; border-radius: 8px; padding: 12px; }

.tab-wrap.justify-tab .target .target .ui-row-list.tabs label { font-size: 13px; line-height: 16px; }

.tab-wrap.justify-tab.type_square .tabs { flex-wrap: wrap; }

.tab-wrap.justify-tab.type_square .tabs .tab-item { flex: initial; overflow: initial; }

.tab-wrap.justify-tab.type_square .target .tabs .tab-item { flex: 1 1 0%; overflow: hidden; }

.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item { width: calc(25% - 6px); margin-top: 6px; }

.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(4n+1) { margin-left: 0px; }

.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(-n+4) { margin-top: 0px; }

.tab-wrap.justify-tab.type_square .tabs.col2 .tab-item { width: calc(50% - 6px); }

.tab-wrap.type_square .tabs .tab-item .tab-link { border-radius: 4px; background-color: rgb(255, 255, 255); border-width: 1px; }

.tab-wrap.type_square .tabs .tab-item .tab-link .tab-text { color: rgb(0, 0, 0); font-weight: 500; }

.tab-wrap.type_square .tabs .tab-item.ui-state-active .tab-link .tab-text { font-weight: 600; color: var(--brand, #B81B3E); }

.tab-wrap.type_square .ui-row-list.type-btn { border-top: 1px solid rgb(238, 238, 238); padding: 20px 0px 10px; }

.tab-wrap.type_square .ui-row-list.type-btn .item { margin-top: 0px; }

.tab-wrap.type_square .ui-row-list.type-btn .item .ui-rdo input + label { padding-left: 0px; font-size: 14px; font-weight: 500; color: rgb(0, 0, 0); }

.tab-wrap.type_square .ui-row-list.type-btn .item .ui-rdo input:checked + label { color: var(--brand, #B81B3E); }

.tab-wrap.type_square .ui-row-list { margin-top: 0px; display: flex; }

.tab-wrap.type_square .ui-row-list .item { margin: 0px; padding-top: 0px; }

.tab-wrap.type_square .ui-row-list.col4 .item { width: calc(25% - 5px); flex: 1 1 auto; }

.tab-wrap.type_square .ui-row-list.col4 .item + .item { margin-left: 6px; }

.tab-wrap.type_square .ui-row-list.col4_mo .item { width: calc(25% - 5px); flex: 1 1 auto; }

.tab-wrap.type_square .ui-row-list.col4_mo .item + .item { margin-left: 6px; }

.tab-wrap.type_square .target .ui-row-list .item { flex: 1 1 0%; }

@media (max-width: 890px) {
  .tab-wrap.justify-tab .tabs { scrollbar-width: none; }
  .tab-wrap.justify-tab .tabs::-webkit-scrollbar { display: none; }
}

@media (max-width: 890px) {
  .tab-wrap.order-tab .tabs-swiper { padding: 0px; margin-left: 0px; margin-right: 0px; }
}

.tab-wrap.order-tab .tabs { 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; border-bottom: 1px solid rgb(0, 0, 0); overflow: visible; padding: 0px; margin: 0px 0px 20px; }

.tab-wrap.order-tab .tabs .ui-tabs-nav { height: auto; }

.tab-wrap.order-tab .tabs .tab-item { flex: 1 1 0%; }

.tab-wrap.order-tab .tabs .tab-item.ui-state-active .tab-link { position: relative; background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); box-shadow: none; }

.tab-wrap.order-tab .tabs .tab-item.ui-state-active .tab-link .tab-text { color: rgb(0, 0, 0); font-weight: 600; }

.tab-wrap.order-tab .tabs .tab-item.ui-state-active .tab-link::after { content: ""; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 3px; background: rgb(255, 255, 255); }

.tab-wrap.order-tab .tabs .tab-item .tab-link { 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; overflow: visible; width: 100%; height: 47px; padding: 0px 10px; background: rgba(221, 224, 227, 0.4); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgba(194, 199, 204, 0.4) rgba(194, 199, 204, 0.4) currentcolor; border-image: none; border-radius: 4px 4px 0px 0px; }

@media (max-width: 890px) {
  .tab-wrap.order-tab .tabs .tab-item .tab-link { flex-flow: column; height: 70px; }
}

.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text { color: rgb(102, 102, 102); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

@media (min-width: 891px) {
  .tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ [class^="badge-sm-"] { margin-left: 6px; }
}

@media (max-width: 890px) {
  .tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ [class^="badge-sm-"] { margin-top: 6px; }
}

.tab-wrap.order-tab .tabs .tab-item .tab-link.height-short { height: 47px; }

@media (min-width: 891px) {
  .tab-wrap.order-tab .tabs .ui-tabs-nav { height: 47px; }
}

.tab-wrap.sub-tab .tabs { padding-bottom: 0px; margin-bottom: 30px; }

.tab-wrap.sub-tab .tabs .ui-tabs-nav { height: 18px; }

.tab-wrap.sub-tab .tabs .tab-item .tab-link { height: 18px; padding: 0px 15px 0px 16px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }

.tab-wrap.sub-tab .tabs .tab-item .tab-link:focus-visible { outline-offset: -1px; }

.tab-wrap.sub-tab .tabs .tab-item .tab-link .tab-text { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; }

.tab-wrap.sub-tab .tabs .tab-item ~ .tab-item { margin-left: 0px; }

.tab-wrap.sub-tab .tabs .tab-item ~ .tab-item::before { content: ""; display: block; position: absolute; width: 1px; height: 10px; top: 4px; left: 0px; background-color: rgb(221, 224, 227); }

.tab-wrap.sub-tab .tabs .tab-item.ui-state-active .tab-link { box-shadow: none; }

.tab-wrap.sub-tab .tabs .tab-item.ui-state-active .tab-link .tab-text { color: rgb(0, 0, 0); font-weight: 600; }

@media (min-width: 891px) {
  .tab-wrap.sub-tab .tabs .tab-item:first-child .tab-link { padding-left: 0px; }
  .tab-wrap.sub-tab .tabs .tab-item:last-child .tab-link { padding-right: 0px; }
}

.tab-wrap.cart .tabs { 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; }

.tab-wrap.cart .tabs .ui-tabs-nav { height: 32px; }

.tab-wrap.cart .tabs .tab-item { position: relative; }

.tab-wrap.cart .tabs .tab-item:first-child .tab-link { padding-left: 0px; }

.tab-wrap.cart .tabs .tab-item .tab-link { height: 26px; padding: 0px 15px 0px 16px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }

.tab-wrap.cart .tabs .tab-item .tab-link .tab-text { opacity: 0.5; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.tab-wrap.cart .tabs .tab-item .tab-link .tab-text .num { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; margin-left: 3px; }

.tab-wrap.cart .tabs .tab-item ~ .tab-item { margin-left: 0px; }

.tab-wrap.cart .tabs .tab-item ~ .tab-item::before { content: ""; display: block; position: absolute; width: 1px; height: 20px; top: 4px; left: 0px; background-color: rgb(221, 224, 227); }

.tab-wrap.cart .tabs .tab-item.ui-state-active .tab-link { box-shadow: none; }

.tab-wrap.cart .tabs .tab-item.ui-state-active .tab-link .tab-text { opacity: 1; color: rgb(0, 0, 0); }

.tab-wrap.cart .tabs .tab-item.ui-state-active .tab-link .tab-text .num { color: var(--brand, #B81B3E); }

@media (min-width: 891px) {
  .tab-wrap.cart .tabs .tab-item:first-child .tab-link { padding-left: 0px; }
  .tab-wrap.cart .tabs .tab-item:last-child .tab-link { padding-right: 0px; }
}

.tab-wrap.order-way .tabs { 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; margin-bottom: 12px; padding-bottom: 0px; }

.tab-wrap.order-way .tabs .tab-item { flex: 1 1 0%; }

.tab-wrap.order-way .tabs .tab-item .tab-link { text-align: center; width: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 227); border-radius: 4px; }

.tab-wrap.order-way .tabs .tab-item .tab-link .tab-text { color: rgb(0, 0, 0); font-weight: 400; }

.tab-wrap.order-way .tabs .tab-item.ui-state-active .tab-link { background: rgb(255, 255, 255); border-color: var(--brand, #B81B3E); box-shadow: none; }

.tab-wrap.order-way .tabs .tab-item.ui-state-active .tab-link .tab-text { color: var(--brand, #B81B3E); font-weight: 600; }

.tab-wrap.order-way .order-way-content { display: none; margin-top: 12px; }

@media (max-width: 890px) {
  .tab-wrap.sub-tab .tabs-swiper { padding: 0px 40px 0px 4px; }
  #tabCouponAf .tab-wrap.sub-tab .tabs-swiper { padding-right: 0px; }
  .tab-wrap.sub-tab .tabs-swiper .swiper-wrapper { height: 18px; margin: 0px; }
  .tab-wrap.sub-tab .tabs-swiper::after { z-index: 2; content: ""; display: block; position: absolute; top: 0px; right: 0px; height: 100%; pointer-events: none; }
}

@media (min-width: 891px) {
  .tab-wrap .tab-content .cont-tit:last-child { margin-bottom: 0px; }
}

@media (max-width: 360px) {
  #tabCouponAf .tab-wrap.sub-tab .tabs-swiper { padding-left: 7px; }
  #tabCouponAf .tab-wrap.sub-tab .tabs .tab-item .tab-link { padding: 0px 11px 0px 12px; }
}

@media (max-width: 320px) {
  #tabCouponAf .tab-wrap.sub-tab .tabs .tab-item .tab-link .tab-text { font-size: 13px; }
  #tabCouponAf .tab-wrap.sub-tab .tabs .tab-item .tab-link { padding: 0px 9px 0px 10px; }
}

.tab-wrap.justify-tab-normal { padding-bottom: 30px; }

.tab-wrap.justify-tab-normal .tabs { 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; margin-bottom: 12px; }

.tab-wrap.justify-tab-normal .tabs .tab-item { flex: 1 1 0%; }

.tab-wrap.justify-tab-normal .tabs .tab-item .tab-link { text-align: center; width: 100%; }

.tab-wrap.anchor-scrollspy .tab-content { display: block; opacity: 1; padding-top: 30px; }

.tab-wrap.anchor-scrollspy .tab-content ~ .tab-content { margin-top: 30px; border-top: 1px dashed rgb(221, 224, 227); }

.tab-wrap.option-tabs .tabs { margin-bottom: 0px; }

.tab-wrap.option-tabs .tabs::before { content: ""; position: absolute; display: block; left: 0px; right: 0px; bottom: 0px; height: 1px; background: rgba(221, 224, 227, 0.6); }

.tab-wrap.option-tabs .tabs .tab-item .tab-link { padding: 15px 5px; height: auto; width: 100px; text-align: center; background: transparent; border-radius: 0px; border-width: 0px 0px 2px; border-top-style: none; border-color: currentcolor currentcolor transparent; border-left-style: none; border-right-style: none; box-shadow: none; }

.tab-wrap.option-tabs .tabs .tab-item .tab-link .opt-tab-tit { color: rgb(136, 136, 136); font-size: 16px; line-height: 22px; letter-spacing: -0.025em; overflow: hidden; display: inline-block; vertical-align: top; width: 100%; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.tab-wrap.option-tabs .tabs .tab-item .tab-link .opt-tab-val { min-height: 18px; margin-top: 2px; color: rgb(136, 136, 136); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; overflow: hidden; display: inline-block; vertical-align: top; width: 100%; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.tab-wrap.option-tabs .tabs .tab-item ~ .tab-item { margin-left: 0px; }

.tab-wrap.option-tabs .tabs .tab-item.ui-state-active .tab-link { border-bottom-color: var(--brand, #B81B3E); }

.tab-wrap.option-tabs .tabs .tab-item.ui-state-active .tab-link .opt-tab-tit { color: var(--brand, #B81B3E); font-weight: 600; }

.tab-wrap.option-tabs .tabs .tab-item.ui-state-active .tab-link .opt-tab-val { color: rgb(68, 68, 68); }

.tab-wrap.option-tabs .ui-col-list.has-sub .item .sub-opt-box { display: none; }

.tab-wrap.option-tabs .ui-col-list.has-sub .item .sub-opt-box.is-active { display: block; }

.tab-wrap + .line-top-box { margin-top: 0px; }

.tab-wrap ~ .gray-box { margin-top: 30px; }

.fold-wrap { }

.fold-wrap .fold-list .fold-item { width: 100%; border-bottom: 1px solid rgba(221, 224, 227, 0.6); }

.fold-wrap .fold-list .fold-item.expanded { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.fold-wrap .fold-list .fold-item.expanded .fold-header { }

.fold-wrap .fold-list .fold-item.expanded .fold-header .btn-fold::after { transform: rotateZ(180deg); }

.fold-wrap .fold-list .fold-item.expanded .fold-header .ellipsis { text-overflow: initial; white-space: normal; }

.fold-wrap .fold-list .fold-item.expanded .fold-header .title-wrap .title { display: inline; }

.fold-wrap .fold-list .fold-item.expanded .fold-content { display: block; padding: 20px; background: rgba(239, 241, 243, 0.4); }

.fold-wrap .fold-list .fold-item.expanded .fold-content.bg-white { background: rgb(255, 255, 255); padding: 0px; }

.fold-wrap .fold-list .fold-item.expanded .fold-content.bottom-line { background: rgb(255, 255, 255); padding: 0px 0px 20px; border-bottom: 1px solid rgba(221, 224, 227, 0.6); }

.fold-wrap .fold-list .fold-item .fold-header { position: relative; padding: 20px 32px 20px 0px; font-size: 15px; line-height: 22px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 600; }

.fold-wrap .fold-list .fold-item .fold-header .ico-logo-lpoint { vertical-align: -1px; margin-right: 4px; }

.fold-wrap .fold-list .fold-item .fold-header .btn-fold, .fold-wrap .fold-list .fold-item .fold-header .btn-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.fold-wrap .fold-list .fold-item .fold-header .btn-fold::after { display: block; width: 20px; height: 20px; content: ""; background: url("/lotte_assets/comm_fold_arrow.svg") 0px 0px / cover no-repeat; transform: rotateZ(0deg); transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32); }

.fold-wrap.pop_no_line .fold-list .fold-item .fold-header { padding-bottom: 12px; }

.fold-wrap.pop_no_line .fold-list .fold-item { border-bottom: 0px; }

.fold-wrap.pop_no_line .fold-list .fold-item .fold-header .btn-fold { top: 3px; }

.fold-wrap.pop_no_line .fold-list .fold-item .dot-text .line { font-weight: 700; text-decoration: underline; }

.fold-wrap .fold-list .fold-item .fold-content { overflow: hidden; display: none; }

.fold-wrap .fold-list .fold-item .fold-content .map-content { padding-top: 220px; }

.fold-wrap .fold-list .fold-item .fold-content .map-content + .tbl-info-wrap { margin-top: 20px; }

.fold-wrap .fold-list .fold-item .fold-content .map-content + .tbl-info-wrap + .swiper-container { margin-top: 20px; }

.fold-wrap .fold-list .fold-item .fold-content .swiper-container ~ .map-content { margin-top: 30px; }

.fold-wrap .fold-list.faq .fold-item .fold-header { line-height: unset; padding-right: 30px; }

.fold-wrap .fold-list.faq .fold-item .fold-header .badge-wrap { margin-bottom: 8px; }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap { 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; }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .ico-question { flex-shrink: 0; margin-right: 8px; }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title [class^="badge-"] { margin-left: 5px; flex-shrink: 0; vertical-align: -3px; }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title-wrap { 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; max-width: calc(100% - 30px); }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title-wrap .title { display: inline; }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title-wrap .title.ellipsis { display: inline-block; width: 100%; }

.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap [class^="badge-"] { flex-shrink: 0; margin-left: 8px; }

.fold-wrap .fold-list.faq .fold-item .fold-content { border-radius: 4px; }

.fold-wrap .fold-list.faq .fold-item .fold-content .answer-desc { position: relative; padding-left: 30px; }

.fold-wrap .fold-list.faq .fold-item .fold-content .answer-desc .ico-answer { position: absolute; top: 0px; left: 0px; }

.fold-wrap .fold-list.faq .fold-item .fold-content .answer-desc .desc { font-size: 14px; letter-spacing: -0.025em; line-height: 22px; color: rgb(68, 68, 68); }

.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap { }

.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap .title-wrap { font-size: 0px; display: block; }

.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap .title-wrap .ellipsis { display: inline; }

.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap [class^="badge-"] { flex-shrink: 0; margin-left: 8px; margin-top: 2px; }

.fold-wrap.info-folding-box .fold-item { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.fold-wrap.info-folding-box .fold-item .fold-header { padding: 15px 52px 15px 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 227); border-radius: 4px; font-weight: 500; }

.fold-wrap.info-folding-box .fold-item .fold-header .ico-logo-lpoint { margin-top: 5px; }

.fold-wrap.info-folding-box .fold-item .fold-header .btn-fold { padding-right: 20px; }

.fold-wrap.info-folding-box .fold-item.expanded .fold-header { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0px; }

.fold-wrap.info-folding-box .fold-item.expanded .fold-content { border-top: 1px solid rgb(221, 224, 227); }

.fold-wrap.info-folding-box .fold-item.expanded .fold-content.bg-white { border-top: 0px; padding: 7px 20px 20px; }

.fold-wrap.info-folding-box .fold-item .fold-content { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(221, 224, 227) rgb(221, 224, 227); border-image: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: rgba(239, 241, 243, 0.2); }

.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .info-text-list + .btext-tit.tit-rgl { margin-top: 10px; }

.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .dash-text { font-size: 13px; color: rgb(102, 102, 102); }

.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .decimal-list .decimal-text { font-size: 13px; color: rgb(102, 102, 102); }

.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .btext { font-size: 13px; color: rgb(102, 102, 102); }

.fold-wrap.info-folding-box .fold-item + .fold-item { margin-top: 10px; }

.fold-wrap.type-tline-black { border-top: 1px solid rgb(34, 34, 34); }

.fold-wrap.order { background: rgb(255, 255, 255); }

.fold-wrap.order .fold-list .fold-item { border-bottom-color: rgb(68, 68, 68); }

.fold-wrap.order .fold-list .fold-item .fold-header { 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; padding-right: 50px; }

.fold-wrap.order .fold-list .fold-item .fold-header .ui-chk { z-index: 10; }

.fold-wrap.order .fold-list .fold-item .fold-header .ui-chk label::before, .fold-wrap.order .fold-list .fold-item .fold-header .ui-chk label::after { margin-top: 2px; }

.fold-wrap.order .fold-list .fold-item .fold-header .ui-chk + .right-box .goods-box.size-lg { margin-top: 3px; }

.fold-wrap.order .fold-list .fold-item .fold-header .title { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; }

.fold-wrap.order .fold-list .fold-item .fold-header .title [class^="ico-logo-"].size-lg { margin-right: 6px; margin-bottom: -1px; }

.fold-wrap.order .fold-list .fold-item .fold-header .ui-rdo .title { line-height: 18px; }

.fold-wrap.order .fold-list .fold-item .fold-header .right-box { margin-left: auto; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; }

.fold-wrap.order .fold-list .fold-item .fold-header .right-box .fc-spot { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; }

.fold-wrap.order .fold-list .fold-item .fold-header .right-box .goods-group .val, .fold-wrap.order .fold-list .fold-item .fold-header .right-box .goods-group .unit { font-weight: 600; }

.fold-wrap.order .fold-list .fold-item .fold-content { background: rgb(255, 255, 255); padding-top: 0px; }

.fold-wrap.order .fold-list .fold-item .fold-content .form-list-wrap .form-list .form-item.pc-full .form-cont .ui-row-list:first-child { margin-top: -20px; }

.fold-wrap.order .fold-list .fold-item .fold-content .form-list-wrap + .ui-chk { margin-top: 15px; }

@media (max-width: 890px) {
  .fold-wrap.order .fold-list .fold-item { border-bottom: 0px; }
  .fold-wrap.order .fold-list .fold-item .fold-header { padding-top: 27px; padding-bottom: 27px; padding-left: 20px; }
  .fold-wrap.order .fold-list .fold-item .fold-content { padding-bottom: 30px; }
  .fold-wrap.order .fold-list .fold-item ~ .fold-item { border-top: 10px solid rgb(243, 245, 247); }
}

@media (min-width: 891px) {
  .fold-wrap.order .fold-list .fold-item .fold-header { padding: 30px 28px 30px 0px; }
  .fold-wrap.order .fold-list .fold-item .fold-content { padding: 0px 0px 30px; }
  .fold-wrap.order .fold-list .fold-item.expanded { border-bottom: 1px solid rgb(68, 68, 68); }
}

.fold-wrap.order .fold-list .fold-item.no-fold { }

.fold-wrap.order .fold-list .fold-item.no-fold.has-arrow .fold-header .btn-link::after { display: block; width: 16px; height: 16px; content: ""; background: url("/lotte_assets/comm_fold_arrow.svg") 0px 0px / cover no-repeat; transform: rotateZ(270deg); transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32); margin-right: 20px; }

.fold-wrap.order .fold-list .fold-item.no-fold.has-content { border-bottom: 0px; }

.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-header { padding-right: 0px; padding-bottom: 20px; }

.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-header .right-box .btn-sm { margin-top: -5px; }

@media (max-width: 890px) {
  .fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-header { padding-right: 20px; }
  .fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-content { padding: 0px 20px 30px; border-bottom: 0px; }
}

.fold-wrap.term-agree .fold-list ~ .all-chk-box { padding-top: 20px; }

.fold-wrap.term-agree + .gray-box { margin-top: 30px; }

.cont-box ~ .fold-wrap.order { margin-top: 30px; border-top: 1px solid rgb(68, 68, 68); }

@media (max-width: 890px) {
  .cont-box ~ .fold-wrap.order { border-top: 10px solid rgb(243, 245, 247); }
}

.aside-wrap .aside-payment-wrap .cont-box .fold-wrap { margin-top: -20px; }

.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item { border-bottom: 0px; overflow-x: hidden; }

.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item ~ .fold-item { border-top: 1px solid rgba(221, 224, 227, 0.6); }

.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item.expanded { padding-bottom: 30px; }

.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item.expanded:last-child { padding-bottom: 0px; }

.aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree { border-bottom: 1px solid rgba(221, 224, 227, 0.6); }

.aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree .fold-item.expanded, .aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree .fold-item.expanded:last-child { padding-bottom: 20px; }

.ico-camera, .ico-logo-lotte, .ico-return, [class^="ico-benefit-"], .ico-check-step-3, .ico-check-step-2, .ico-check-step-1, [class^="ico-grade-shadow-"], [class^="ico-grade-"], [class^="ico-congestion-"], .ico-share-link, .ico-filter-select, .ico-logo-lpay, .ico-logo-lpoint, .ico-white-brightness, .ico-service-receipt, .ico-service-voucher, .ico-service-lpoint, .ico-fill-card, .ico-fill-pay, .ico-coupon-buy, .ico-coupon-download, .ico-card-h36, .ico-cs-h36, .ico-event-h36, .ico-shopping-h36, .ico-check-h36, .ico-menu-h36, .ico-store-h36, .ico-address-h36, .ico-coupon-h36, .ico-stemp-h36, .ico-mile-h88, .ico-mile-h36, .ico-lopoint-h36, .ico-remove-h24, .ico-sk-telecome, .ico-kt, .ico-lg-uplus, .ico-smart-save, .ico-board-list, .ico-time-reset, .ico-md-family-card, .ico-md-entry, .ico-md-consult, .ico-md-subscribe, .ico-md-card, .ico-md-mileage, .ico-md-coupon, .ico-md-shipping, .ico-md-order, .ico-md-receipt, .ico-md-menu, .ico-md-store, .ico-md-address, .ico-scroll-induce, .ico-addr-pickup, .ico-addr-delevery, .ico-white-arr, [class^="ico-payment-"], .ico-btn-search, .ico-order-type-driving, .ico-order-type-store-picker, .ico-order-type-delivery, .ico-homepage, .ico-specialty, .ico-cert-verywell, .ico-cert-well, .ico-cert-good, .ico-view-arr-gray, .ico-x-gray-h16, .ico-addr-search, .ico-prd-list, .ico-store-share, .ico-store-search, .ico-store-info, .ico-map-toggle, .ico-addr-time, .ico-addr-location, .ico-arr, .ico-delete-h16, .ico-edit-h16, .ico-delete-h18, .ico-edit-h18, .ico-current-marker, .ico-satisfy, .ico-unsatisfy, .ico-current-location, .ico-question, .ico-answer, .btn-header-back, .ico-download, .ico-arr-20, .ico-arr-down-8, .ico-arr-10, .ico-arr-8, .ico-mile-white, .ico-mile-mint, .ico-option, .ico-logout, .ico-copy, .ico-tel, .ico-access-location, .ico-remove-h18, .ico-filter, .ico-qr-white, .ico-qr, .ico-search, .ico-store-choice, .ico-store-order, [class^="ico-bank"], .ico-eatz-character, [class^="ico-brand"], .ico-arr-h10-bold, .ico-arr-h10, .ico-cart-black, a.btn-lg .ico-login-pin, a.btn-md .ico-login-pin, a.btn-sm .ico-login-pin, button.btn-lg .ico-login-pin, button.btn-md .ico-login-pin, button.btn-sm .ico-login-pin, a.btn-lg .ico-login-fingerprint, a.btn-md .ico-login-fingerprint, a.btn-sm .ico-login-fingerprint, button.btn-lg .ico-login-fingerprint, button.btn-md .ico-login-fingerprint, button.btn-sm .ico-login-fingerprint, a.btn-lg [class^="ico-"], a.btn-md [class^="ico-"], a.btn-sm [class^="ico-"], button.btn-lg [class^="ico-"], button.btn-md [class^="ico-"], button.btn-sm [class^="ico-"], .ico-share-twitter, .ico-share-fb, .ico-share-blog, .ico-share-kakao, .ico-filter-reset, .ico-notice-eatz, .ico-notice-store, .ico-notice-event, .ico-notice-order, .ico-notice-mypage, .ico-detail, .ico-nonmember-toggle, .ico-lopoint-h24, .ico-drink-ice, .ico-drink-hot, .ico-sns-instagram, .ico-sns-facebook, .ico-sns-twitter, .ico-sub-gate, .ico-text-order, .ico-header-coupon, .ico-header-mypage, .ico-header-barcode, .ico-header-alarm, .ico-header-cart, [class^="ico-docker-"], a.btn-round-share::before, button.btn-round-share::before { display: inline-block; position: relative; vertical-align: top; overflow: hidden; }

[class^="ico-docker-"] { width: 24px; height: 24px; }

.ico-docker-home { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-docker-home { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-docker-store { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-docker-store { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-docker-order { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 60px; height: 60px; border-radius: 60px; box-shadow: rgba(184, 27, 62, 0.4) 0px 5px 10px; }

.ico-docker-text-order { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 24px; height: 26px; }

.ico-docker-mypage { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-docker-mypage { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-docker-menu { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-docker-menu { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-header-cart { background: url("/lotte_assets/comm_ico_cart.svg") center top -1px / cover no-repeat; width: 24px; height: 24px; }

.ico-header-alarm { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 24px; height: 24px; }

.ico-header-barcode { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 42px; height: 36px; }

.ico-header-mypage { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 24px; height: 24px; }

.ico-header-coupon { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 24px; height: 24px; }

.ico-text-order { width: 47px; height: 15px; background: url("/lotte_assets/comm_ico_text_order.svg") 0px 0px / cover no-repeat; }

.ico-sub-gate { width: 18px; height: 18px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-sns-twitter { width: 24px; height: 24px; background: url("/lotte_assets/comm_ico_sns_twitter.svg") 0px 0px / cover no-repeat; }

.ico-sns-facebook { width: 24px; height: 24px; background: url("/lotte_assets/comm_ico_sns_facebook.svg") 0px 0px / cover no-repeat; }

.ico-sns-instagram { width: 24px; height: 24px; background: url("/lotte_assets/comm_ico_sns_instagram.svg") 0px 0px / cover no-repeat; }

.is-active .ico-sns-twitter { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-sns-facebook { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-sns-instagram { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-order-link { width: 20px; height: 20px; }

.ico-drink-hot { width: 30px; height: 30px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-drink-ice { width: 30px; height: 30px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-sns-kakao { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-sns-naver { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-sns-shsign { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-sns-mobile { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-lopoint-h24 { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-nonmember-toggle { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") center center / 8px 8px no-repeat; }

.ico-detail { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") center center / 16px 16px no-repeat; }

.ico-notice-mypage { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-notice-order { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-notice-event { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-notice-store { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-notice-eatz { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-filter-reset { width: 14px; height: 14px; background: url("/lotte_assets/blank.svg") 0px 0px / 14px 14px no-repeat; }

.ico-filter-reset.size-lg { width: 16px; height: 16px; background-size: 16px 16px; }

.ico-share-kakao { width: 40px; height: 40px; background: url("/lotte_assets/blank.svg") 0px 0px / 40px 40px no-repeat; }

.ico-share-blog { width: 40px; height: 40px; background: url("/lotte_assets/blank.svg") 0px 0px / 40px 40px no-repeat; }

.ico-share-fb { width: 40px; height: 40px; background: url("/lotte_assets/blank.svg") 0px 0px / 40px 40px no-repeat; }

.ico-share-twitter { width: 40px; height: 40px; background: url("/lotte_assets/blank.svg") 0px 0px / 40px 40px no-repeat; }

a.btn-lg, a.btn-md, a.btn-sm, button.btn-lg, button.btn-md, button.btn-sm { }

a.btn-lg [class^="ico-"], a.btn-md [class^="ico-"], a.btn-sm [class^="ico-"], button.btn-lg [class^="ico-"], button.btn-md [class^="ico-"], button.btn-sm [class^="ico-"] { flex-shrink: 0; }

a.btn-lg .ico-btn-arr, a.btn-md .ico-btn-arr, a.btn-sm .ico-btn-arr, button.btn-lg .ico-btn-arr, button.btn-md .ico-btn-arr, button.btn-sm .ico-btn-arr { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

a.btn-lg .ico-login-fingerprint, a.btn-md .ico-login-fingerprint, a.btn-sm .ico-login-fingerprint, button.btn-lg .ico-login-fingerprint, button.btn-md .ico-login-fingerprint, button.btn-sm .ico-login-fingerprint { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

a.btn-lg .ico-login-pin, a.btn-md .ico-login-pin, a.btn-sm .ico-login-pin, button.btn-lg .ico-login-pin, button.btn-md .ico-login-pin, button.btn-sm .ico-login-pin { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

a.btn-lg .ico-store-map, a.btn-md .ico-store-map, a.btn-sm .ico-store-map, button.btn-lg .ico-store-map, button.btn-md .ico-store-map, button.btn-sm .ico-store-map { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

a.btn-lg .ico-order-history, a.btn-md .ico-order-history, a.btn-sm .ico-order-history, button.btn-lg .ico-order-history, button.btn-md .ico-order-history, button.btn-sm .ico-order-history { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

a.btn-lg .ico-cart-white, a.btn-md .ico-cart-white, a.btn-sm .ico-cart-white, button.btn-lg .ico-cart-white, button.btn-md .ico-cart-white, button.btn-sm .ico-cart-white { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-cart-black { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-h10 { width: 10px; height: 10px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-h10-bold { width: 10px; height: 10px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

[class^="ico-brand"] { width: 26px; height: 26px; border-radius: 26px; }

[class^="ico-brand"]::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

[class^="ico-brand"].size-lg { width: 30px; height: 30px; border-radius: 30px; }

[class^="ico-brand"].size-xl { width: 40px; height: 40px; border-radius: 40px; }

[class^="ico-brand"].size-xxl { width: 60px; height: 60px; border-radius: 60px; }

.ico-brand-lotteria { background-color: rgb(240, 0, 40); }

.ico-brand-lotteria::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-krispy { background-color: rgb(49, 149, 91); }

.ico-brand-krispy::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-angelinus { background-color: rgb(219, 214, 203); }

.ico-brand-angelinus::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-plating { background-color: rgb(0, 0, 0); }

.ico-brand-plating::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-farmersbox { background-color: rgb(255, 215, 211); }

.ico-brand-farmersbox::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-eatz { background-color: var(--brand, #B81B3E); }

.ico-brand-eatz::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-stanbru { background-color: rgb(25, 79, 161); }

.ico-brand-stanbru::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-eatz-character { background: url("/lotte_assets/comm_ico_eatz_character.svg") 0px 0px / cover no-repeat; }

.ico-brand-three { width: 84px; height: 32px; background: url("../../assets/images/common/comm_ico_brand_three.svg") 0px 0px / cover no-repeat; }

.ico-brand-three::after { background: none; }

.ico-brand-default { background-color: rgb(239, 241, 243); }

.ico-brand-default::after { background-image: url("/lotte_assets/blank.svg"); background-position: 50% 50%; background-size: 100% auto; }

[class^="ico-bank"] { width: 38px; height: 38px; border-radius: 38px; }

.ico-bank-hana { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-bank-sinhan { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-bank-nh { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-bank-woori { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-bank-kookmin { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-store-order { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-store-choice { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-search { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-qr { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-qr-white { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-filter { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-remove-h18 { width: 18px; height: 18px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-access-location { width: 22px; height: 22px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-tel { width: 14px; height: 14px; background: url("/lotte_assets/blank.svg") 0px 0px / 14px 14px no-repeat; }

.ico-copy { width: 15px; height: 15px; background: url("/lotte_assets/blank.svg") 0px 0px / 15px 15px no-repeat; }

.ico-logout { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-option { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-mile-mint { width: 22px; height: 22px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-mile-mint.size-sm { width: 18px; height: 18px; }

.ico-mile-white { width: 22px; height: 22px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-8 { width: 8px; height: 8px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-8.type-white { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-10 { width: 10px; height: 10px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-10.type-white { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-down-8 { background: url("/lotte_assets/blank.svg") center center / 8px auto no-repeat; }

.ico-arr-20 { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-arr-20.type-yellow { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-info-tooltip { background: url("/lotte_assets/blank.svg") 0px 0px no-repeat; }

.ico-info-popup { background: url("/lotte_assets/blank.svg") center center / 14px auto no-repeat; }

.ico-download { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / 16px 16px no-repeat; }

.btn-header-back { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-question, .ico-answer { width: 22px; height: 22px; border-radius: 22px; }

.ico-question { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat rgb(128, 135, 141); }

.ico-answer { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat rgb(102, 102, 102); }

.ico-current-location { width: 15px; height: 15px; background: url("/lotte_assets/blank.svg") 0px 0px / 15px 15px no-repeat; }

.ico-unsatisfy { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-satisfy { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-current-marker { width: 40px; height: 40px; background: url("/lotte_assets/blank.svg") 0px 0px / 40px 40px no-repeat; }

.ico-edit-h18 { width: 18px; height: 18px; background: url("/lotte_assets/blank.svg") 0px 0px / 18px 18px no-repeat; }

.ico-delete-h18 { width: 18px; height: 18px; background: url("/lotte_assets/blank.svg") 0px 0px / 18px 18px no-repeat; }

.ico-delete-h18.type-white { background: url("/lotte_assets/blank.svg") 0px 0px / 18px 18px no-repeat; }

.ico-edit-h16 { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / 16px 16px no-repeat; }

.ico-delete-h16 { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / 16px 16px no-repeat; }

.ico-arr { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-addr-location { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-addr-time { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-map-toggle { width: 8px; height: 8px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-store-info { width: 22px; height: 22px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-store-search { width: 22px; height: 22px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-store-share { width: 22px; height: 22px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-prd-list { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-addr-search { width: 18px; height: 18px; background: url("/lotte_assets/blank.svg") 0px 0px / 18px 18px no-repeat; }

.ico-x-gray-h16 { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / 18px 18px no-repeat; }

.ico-view-arr-gray { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; transform: rotateZ(180deg); }

.ico-cert-good { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-cert-well { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-cert-verywell { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-specialty { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-homepage { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-order-type-delivery { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-order-type-store-picker { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-order-type-driving { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

input[type="radio"].order-select-radio:checked + label .ico-order-type-delivery { background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

input[type="radio"].order-select-radio:checked + label .ico-order-type-store-picker { background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

input[type="radio"].order-select-radio:checked + label .ico-order-type-driving { background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.ico-btn-search { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

[class^="ico-payment-"] { width: 120px; height: 28px; margin-top: -5px; margin-bottom: -5px; }

.ico-payment-payco { background: url("/lotte_assets/blank.svg") 0px 0px / 120px 28px no-repeat; }

.ico-payment-samsungpay { background: url("/lotte_assets/blank.svg") 0px 0px / 120px 28px no-repeat; }

.ico-payment-kakaopay { background: url("/lotte_assets/blank.svg") 0px 0px / 120px 28px no-repeat; }

.ico-payment-npay { background: url("/lotte_assets/blank.svg") 0px 0px / 120px 28px no-repeat; }

.ico-attach-img { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-barcode-recognition { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-barcode-recognition.type02 { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-give-present { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-map-position { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-white-arr { width: 10px; height: 13px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-addr-delevery { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.tab-wrap .tabs .tab-item.ui-state-active .ico-addr-delevery { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-addr-pickup { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.tab-wrap .tabs .tab-item.ui-state-active .ico-addr-pickup { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-scroll-induce { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-md-address { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-md-store { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-md-menu { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-md-mileage { width: 26px; height: 26px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-md-family-card { width: 26px; height: 26px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-time-reset { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-board-list { width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-sk-telecome, .ico-kt, .ico-lg-uplus, .ico-smart-save { width: 120px; height: 28px; margin-top: -5px; margin-bottom: -5px; }

.ico-sk-telecome { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-kt { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-lg-uplus { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-smart-save { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-remove-h24 { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-lopoint-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-mile-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-mile-h88 { width: 88px; height: 88px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-stemp-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-coupon-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-address-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-store-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-menu-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-check-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-shopping-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-event-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-cs-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-card-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-coupon-download { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-coupon-buy { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-fill-pay { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-fill-card { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-service-lpoint { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-service-voucher { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-service-receipt { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-white-brightness { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-white-brightness { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-rdo input:checked + label .ico-fill-pay, .ui-chk input:checked + label .ico-fill-pay { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-rdo input:checked + label .ico-fill-card, .ui-chk input:checked + label .ico-fill-card { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-rdo input:checked + label .ico-service-voucher, .ui-chk input:checked + label .ico-service-voucher { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-rdo input:checked + label .ico-service-receipt, .ui-chk input:checked + label .ico-service-receipt { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-logo-lpoint { width: 64px; height: 12px; background: url("/lotte_assets/blank.svg") 0px 0px / contain no-repeat; vertical-align: 0px; }

.ico-logo-lpoint.size-sm { width: 53px; height: 10px; }

.ico-logo-lpoint.size-lg { width: 75px; height: 14px; }

.ico-logo-lpoint.size-xl { width: 80px; height: 15px; }

.ico-logo-lpay { width: 44px; height: 12px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; vertical-align: 0px; }

.ico-filter-select { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-share-link { width: 14px; height: 14px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

[class^="ico-congestion-"] { width: 44px; height: 45px; }

.ico-congestion-smooth { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-congestion-usual { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-congestion-busy { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-congestion-impossible { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-congestion-delay { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

[class^="ico-grade-"] { width: 40px; height: 40px; }

.ico-grade-lotteria-regular { background: url("/lotte_assets/comm_ico_grade_lotteria_rgl.svg") 0px 0px / cover no-repeat; }

.ico-grade-lotteria-gold { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-lotteria-vip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-lotteria-vvip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-angelinus-regular { background: url("/lotte_assets/comm_ico_grade_angelinus_rgl.svg") 0px 0px / cover no-repeat; }

.ico-grade-angelinus-gold { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-angelinus-vip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-angelinus-platinum { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-krispy-common { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-krispy-regular { background: url("/lotte_assets/comm_ico_grade_krispy_rgl.svg") 0px 0px / cover no-repeat; }

.ico-grade-krispy-gold { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-krispy-vip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-krispy-ogles { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

[class^="ico-grade-shadow-"] { width: 36px; height: 36px; }

.ico-grade-shadow-lotteria-regular { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-lotteria-gold { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-lotteria-vip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-lotteria-vvip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-angelinus-regular { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-angelinus-gold { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-angelinus-vip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-angelinus-platinum { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-krispy-regular { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-krispy-gold { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-krispy-vip { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-grade-shadow-krispy-ogles { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-check-step-1 { width: 100px; height: 100px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-check-step-2 { width: 100px; height: 100px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-check-step-3 { width: 100px; height: 100px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

[class^="ico-benefit-"] { width: 36px; height: 36px; }

.ico-benefit-coupon { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-burger { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-coffee { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-delivery { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-donut { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-free { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-plus-one { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-icecream { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-md { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-sale { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-sandwich { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-strawberry { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-tumbler { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-season { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-mug { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-invite { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-mileage { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-stamp { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-benefit-coupon-event { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-return { width: 18px; height: 18px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-logo-lotte { width: 70px; height: 70px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-camera { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.fw-rql { font-weight: 400 !important; }

.fw-extra-bold { font-weight: 800 !important; }

.fw-bold { font-weight: 600 !important; }

.fw-bold span { font-weight: inherit; }

.fw-md { font-weight: 500 !important; }

.fc-spot { color: var(--brand, #B81B3E) !important; }

.fc-yellow { color: rgb(253, 205, 0) !important; }

.fc-red { color: rgb(239, 61, 46) !important; }

.fc-gray { color: rgb(136, 136, 136) !important; }

.fc-black { color: rgb(0, 0, 0) !important; }

.fc-light-black { color: rgb(68, 68, 68) !important; }

.fc-dark-gray { color: rgb(102, 102, 102) !important; }

.fc-skyblue { color: rgb(15, 151, 255) !important; }

.fc-white { color: rgb(255, 255, 255) !important; }

.fc-lotteria { color: rgb(239, 61, 46) !important; }

.fc-angelinus { color: rgb(153, 131, 112) !important; }

.fc-krispy { color: rgb(0, 155, 82) !important; }

.fc-plating { color: rgb(34, 34, 34) !important; }

.fc-lpoint { color: rgb(25, 157, 255) !important; }

.fc-all { color: var(--brand, #B81B3E) !important; }

.fc-stanbru { color: rgb(0, 82, 154) !important; }

.fc-mukyoku { color: rgb(195, 150, 94) !important; }

.ellipsis { overflow: hidden; display: inline-block; vertical-align: top; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.dot-text, .dash-text, .star-text { position: relative; display: block; word-break: keep-all; overflow-wrap: break-word; }

.dot-text::before, .dash-text::before, .star-text::before { position: absolute; left: 0px; display: block; }

.dot-text .btn-sm, .dash-text .btn-sm, .star-text .btn-sm { margin-top: 10px; }

.dot-text { padding-left: 7px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.dot-text span { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.dot-text .dash-text { color: inherit; }

.dot-text::before { top: 8px; content: ""; width: 2px; height: 2px; border-radius: 2px; background: rgb(153, 153, 153); }

.dot-text + .gray-box { margin-top: 30px; }

.dot-text .info-text-list { margin-top: 0px; }

.dot-text .info-text-list ~ .info-text-list { margin-top: 12px; }

.dash-text { padding-left: 8px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(68, 68, 68); }

.dash-text.font-size-sm { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.dash-text.font-size-sm span { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.dash-text::before { top: 0px; content: "-"; display: block; }

.star-text { padding-left: 8px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.star-text span { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.star-text::before { top: 0px; content: "*"; display: block; }

.bar-text-group { display: -webkit-inline-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-flow: wrap; }

.bar-text-group .bar-text { display: block; color: rgb(0, 0, 0); }

.bar-text-group .bar-text ~ .bar-text::before { content: ""; display: inline-block; margin-left: 10px; padding-left: 10px; margin-bottom: 1px; width: 1px; height: 8px; border-left: 1px solid rgb(194, 199, 204); }

.list-header-wrap { overflow: hidden; 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; margin-bottom: 16px; }

.list-header-wrap .count { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 600; }

.list-header-wrap .count .fc-spot { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.list-header-wrap .right-box { margin-left: auto; }

.list-header-wrap.full { flex-wrap: wrap; }

.list-header-wrap.full .btext, .list-header-wrap.full .count { width: 100%; }

.list-header-wrap.full .btext ~ .btn-more-view, .list-header-wrap.full .count ~ .btn-more-view { margin-top: 8px; }

.btext ~ .list-header-wrap { margin-top: 20px; }

.content-header-wrap .btext ~ .btn-more-view { margin-top: 8px; }

.content-header-wrap .content-header { flex: 1 1 0%; }

.content-header-wrap .content-header .cont-tit { margin-bottom: 0px; }

.content-header-wrap .content-header .cont-tit-wrap, .content-header-wrap .content-header .line-gray-box, .content-header-wrap .content-header .dot-text { width: 100%; }

.content-header-wrap .right-box { margin-left: auto; }

.content-header-wrap + .list-header-wrap { margin-top: 20px; }

@media (max-width: 890px) {
  .content-header-wrap .right-box .btn-wrap, .content-header-wrap .right-box .btn-right-wrap, .content-header-wrap .right-box .btn-flex-wrap, .content-header-wrap .right-box .btn-center-wrap { margin-top: 20px; }
}

@media (min-width: 891px) {
  .content-header-wrap { 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; }
  .content-header-wrap .right-box .btn-wrap .btn-md, .content-header-wrap .right-box .btn-right-wrap .btn-md, .content-header-wrap .right-box .btn-flex-wrap .btn-md, .content-header-wrap .right-box .btn-center-wrap .btn-md { min-width: 200px; }
}

.content-header-wrap + .board-list-wrap { margin-top: 30px; }

.line-top-box { border-top: 1px solid rgb(68, 68, 68); margin-top: 30px; padding-top: 30px; margin-bottom: 30px; }

.line-top-box.type-dash { border-style: dashed; }

.line-top-box:last-child { margin-bottom: 0px; }

.line-gray-box { border: 1px solid rgb(221, 224, 227); border-radius: 4px; padding: 20px; }

.line-gray-box + .dash-text, .line-gray-box + .dot-text { margin-top: 12px; }

.line-gray-box.size-sm { padding: 16px; }

.line-gray-box .barcode-detail-wrap { margin-left: auto; margin-right: auto; }

.gray-box { background-color: rgba(239, 241, 243, 0.4); border-radius: 4px; padding: 20px; }

.gray-box .option-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }

.gray-box .option-label .name { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; color: rgb(0, 0, 0); }

.gray-box .option-select { display: flex; justify-content: space-between; align-items: center; }

.gray-box .option-select .price { color: rgb(0, 0, 0); font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; }

.gray-box .option-select .price .val, .gray-box .option-select .price .unit { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: inherit; }

.gray-box .option-select .price .val ~ .val, .gray-box .option-select .price .val ~ .unit, .gray-box .option-select .price .unit ~ .val, .gray-box .option-select .price .unit ~ .unit { margin-left: 2px; }

.gray-box + .dash-text, .gray-box + .dot-text { margin-top: 12px; }

.gray-box.line-dash { border: 1px dashed rgb(221, 224, 227); }

.gray-box.has-line { border: 1px solid rgba(221, 224, 227, 0.4); }

.gray-box + .ui-row-list.type-btn { margin-top: 20px; }

.gray-box + .cont-tit, .gray-box + .board-list-wrap { margin-top: 30px; }

.green-box { background-color: rgb(240, 249, 245); border-radius: 4px; padding: 20px; }

.green-box.size-sm { padding: 18px 16px; }

.green-box + .ui-chk { margin-top: 12px; }

.yellow-box { background-color: rgba(239, 187, 46, 0.06); border-radius: 4px; padding: 20px; }

.yellow-box.size-sm { padding: 18px 16px; }

.yellow-box.size-sm .btext-tit-desc ~ .dot-text { margin-top: 12px; }

.yellow-box + .gray-box { margin-top: 20px; }

.dark-gray-box { background-color: rgb(128, 135, 141); border-radius: 4px; padding: 20px; }

.dark-gray-box.size-sm { padding: 18px 16px; }

.tumbler-box { background-color: rgba(239, 241, 243, 0.4); border-radius: 4px; position: relative; margin-bottom: 20px; }

.tumbler-box.size-sm { padding: 10px; }

.info-text-list { margin-top: 12px; }

.info-text-list:first-child { margin-top: 0px; }

.info-text-list li ~ li { margin-top: 10px; }

.info-text-list .dot-text ~ .dot-text { margin-top: 8px; }

.info-text-list li .info-text-list li ~ li { margin-top: 0px; }

.info-text-list li .decimal-list .decimal-text ~ .decimal-text { margin-top: 0px; }

.info-text-list.font-size-sm .dot-text, .info-text-list.font-size-sm .dash-text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.info-text-list.font-size-sm ~ .btext.size-sm { margin-top: 5px; }

.info-text-list .dash-text .decimal-list { margin-top: 7px; }

.decimal-list { counter-reset: decimal-count 0; }

.decimal-list .decimal-text { position: relative; padding-left: 14px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(68, 68, 68); }

.decimal-list .decimal-text::before { position: absolute; left: 0px; display: block; counter-increment: decimal-count 1; content: counter(decimal-count) ". "; }

.decimal-list .decimal-text ~ .decimal-text { margin-top: 7px; }

.decimal-list .decimal-text .info-text-list li ~ li { margin-top: 0px; }

.decimal-list .decimal-text:nth-child(9) ~ .decimal-text { padding-left: 20px; }

.decimal-list .decimal-list { margin-top: 7px; }

.decimal-list.font-size-sm .decimal-text { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.decimal-list.none > .decimal-text { padding-left: 0px; }

.decimal-list.none > .decimal-text::before { content: none; }

.decimal-list.none > .decimal-text:nth-child(9) ~ .decimal-text { padding-left: 0px; }

.decimal-list.none .decimal-list { margin-left: 14px; }

.number-text-list .number-text-item .number-tit { display: block; margin-bottom: 10px; font-size: 14px; letter-spacing: -0.025em; line-height: 22px; color: rgb(68, 68, 68); }

.number-text-list .number-text-item .number-desc { }

.number-text-list .number-text-item ~ .number-text-item { margin-top: 25px; }

.grid-list-wrap .grid-list { 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-flow: wrap; }

.grid-list-wrap .grid-list .download-area { width: 100%; }

.grid-list-wrap .grid-list .grid-item .btn-link { z-index: 6; }

.grid-list-wrap .grid-list .grid-item ~ .grid-item { margin-top: 30px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list .grid-item { width: calc(33.3333% - 8px); margin-left: 12px; }
  .grid-list-wrap .grid-list .grid-item:nth-child(3n+1) { margin-left: 0px; }
  .grid-list-wrap .grid-list .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 30px; }
}

@media (max-width: 890px) {
  .grid-list-wrap .grid-list li.grid-item:last-child { margin-bottom: 30px; }
}

.grid-list-wrap .grid-list .grid-item .store-info-box { position: relative; 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; width: auto; height: 100%; }

.grid-list-wrap .grid-list .grid-item .store-info-box .store-info { 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; flex: 1 1 0%; }

.grid-list-wrap .grid-list .grid-item .store-info-box .store-info [class^="ico-brand-"] { position: absolute; }

.grid-list-wrap .grid-list .grid-item .store-info-box .store-info .store-info-title { padding-left: 36px; }

.grid-list-wrap .grid-list .grid-item .store-info-box .store-info .store-desc-list { flex: 1 1 0%; }

.grid-list-wrap .grid-list.has-border { }

.grid-list-wrap .grid-list.has-border .grid-item { align-items: stretch; border-radius: 4px; border: 1px solid rgb(221, 224, 227); box-sizing: border-box; padding: 20px; }

.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item { margin-top: 10px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 20px; }
}

.grid-list-wrap .grid-list.has-border .grid-item .grid-info-box { height: 100%; 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; }

.grid-list-wrap .grid-list.has-border .grid-item .grid-info-box:first-child { margin-top: 0px; }

.grid-list-wrap .grid-list.has-border .grid-item .grid-info-box:first-child .grid-title:first-child { margin-top: 0px; }

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box { padding: 0px; border: 0px; }

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header { 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; position: relative; margin-right: -20px; margin-left: -20px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid rgb(222, 224, 227); width: calc(100% + 40px); max-width: calc(100% + 40px); }

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header .store-tit { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 500; overflow: hidden; display: inline-block; vertical-align: top; width: 100%; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header .store-tit ~ .ico-arr-h10-bold { margin-left: 5px; }

@media (max-width: 890px) {
  .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header { margin-top: -3px; padding-bottom: 15px; }
  .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header ~ .store-info { margin-top: 20px; }
}

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header { padding-bottom: 20px; }
  .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header ~ .store-info { margin-top: 15px; }
}

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info { width: 100%; align-self: start; }

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info [class^="ico-brand"] { align-self: start; }

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info .store-info-title, .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info .store-desc-list { align-self: start; }

.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-wrap, .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-right-wrap, .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-flex-wrap, .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-center-wrap { margin-top: auto; padding-top: 20px; width: 100%; }

.grid-list-wrap .grid-list.has-border .grid-item .btn-delete { position: absolute; top: 20px; right: 20px; }

.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item { height: 180px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.has-border.opening-procedure .grid-item { height: 226px; }
}

.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-step { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 600; }

.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-step ~ .grid-title { margin-top: 5px; font-weight: 500; }

.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-title { width: 85%; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-title { width: 50%; }
}

.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .thumb-box { position: relative; overflow: hidden; width: 60px; padding-top: 60px; border-radius: 4px; align-self: flex-end; margin-top: auto; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .thumb-box { width: 90px; padding-top: 90px; }
}

.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .thumb-box img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.grid-list-wrap .grid-list.has-border.opening-procedure.procedure-lotteria .grid-step { color: rgb(239, 61, 46); }

.grid-list-wrap .grid-list.has-border.opening-procedure.procedure-angelinus .grid-step { color: rgb(153, 131, 112); }

.grid-list-wrap .grid-list.grid-col4 .grid-item { width: calc(50% - 5px); margin-left: 10px; }

.grid-list-wrap .grid-list.grid-col4 .grid-item:nth-child(2n+1) { margin-left: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.grid-col4 .grid-item { width: calc(25% - 7.5px); margin-left: 10px; }
  .grid-list-wrap .grid-list.grid-col4 .grid-item:nth-child(n+3) { margin-left: 10px; }
  .grid-list-wrap .grid-list.grid-col4 .grid-item:nth-child(4n+1) { margin-left: 0px; }
}

.grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item { margin-top: 10px; }

.grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item:nth-child(2) { margin-top: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 0px; }
  .grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item:nth-child(n+5) { margin-top: 10px; }
}

.grid-list-wrap .grid-list.grid-col2 .grid-item { width: 100%; margin-left: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.grid-col2 .grid-item { width: calc(50% - 5px); margin-left: 10px; }
  .grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(n+1) { margin-left: 10px; }
  .grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(2n+1) { margin-left: 0px; }
}

.grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item { margin-top: 10px; }

.grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item:nth-child(1) { margin-top: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 0px; }
  .grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 10px; }
}

.grid-list-wrap .grid-list.grid-col1 .grid-item { width: 100%; margin-left: 0px; background: transparent; }

.grid-list-wrap .grid-list.grid-col1 .grid-item ~ .grid-item { margin-top: 30px; }

.grid-list-wrap .grid-list.grid-col1.size-sm .grid-item ~ .grid-item { margin-top: 20px; }

.grid-list-wrap .grid-list.type-box-full { 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; }

.grid-list-wrap .grid-list.type-box-full .grid-item { 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; align-self: stretch; }

.grid-list-wrap .grid-list.type-box-full .grid-item ~ .grid-item { margin-top: 20px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.type-box-full .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-box-full .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 12px; }
}

.grid-list-wrap .grid-list.type-box-full .grid-item .grid-info-box { width: 100%; height: 100%; }

.grid-list-wrap .grid-list.type-box-full .grid-item .coupon-box { width: 100%; height: 100%; }

.grid-list-wrap .grid-list.type-box-full.opening-procedure .grid-item { height: auto; }

.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item { width: 100%; margin-left: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item { width: calc(50% - 10px); margin-left: 20px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(n+1) { margin-left: 20px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(2n+1) { margin-left: 0px; }
}

.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item { margin-top: 20px; }

.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(1) { margin-top: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 20px; }
}

.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item { width: calc(50% - 10px); margin-left: 20px; }

.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item:nth-child(2n+1) { margin-left: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item { width: calc(25% - 15px); margin-left: 20px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item:nth-child(n+3) { margin-left: 20px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item:nth-child(4n+1) { margin-left: 0px; }
}

.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item { margin-top: 20px; }

.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item:nth-child(2) { margin-top: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item:nth-child(n+5) { margin-top: 20px; }
}

.grid-list-wrap .grid-list.type-sm .grid-item ~ .grid-item { margin-top: 6px; }

.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item { width: calc(50% - 3px); margin-left: 6px; }

.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item:nth-child(2n+1) { margin-left: 0px; }

.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item { margin-top: 6px; }

.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item:nth-child(2) { margin-top: 0px; }

@media (min-width: 891px) {
  .grid-list-wrap .grid-list.type-sm .grid-item { width: calc(33.3333% - 4px); margin-left: 6px; }
  .grid-list-wrap .grid-list.type-sm .grid-item:nth-child(3n+1) { margin-left: 0px; }
  .grid-list-wrap .grid-list.type-sm .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-sm .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 6px; }
  .grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item { width: calc(25% - 4.5px); margin-left: 6px; }
  .grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item:nth-child(n+3) { margin-left: 6px; }
  .grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item:nth-child(4n+1) { margin-left: 0px; }
  .grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item:nth-child(n+5) { margin-top: 6px; }
  .grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item { width: calc(50% - 3px); margin-left: 6px; }
  .grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item:nth-child(n+1) { margin-left: 6px; }
  .grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item:nth-child(2n+1) { margin-left: 0px; }
  .grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item ~ .grid-item { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 6px; }
}

.grid-list-wrap + .grid-list-wrap { margin-top: 40px; }

.grid-list-wrap + .gray-box { margin-top: 30px; }

.grid-item { position: relative; width: 100%; background-color: rgb(255, 255, 255); }

.grid-item .thumb-box { position: relative; width: 100%; padding-top: 56.18%; border-radius: 4px; overflow: hidden; }

.grid-item .thumb-box img { position: absolute; top: 0px; left: 0px; width: 100%; }

.grid-item .thumb-box.bubble-end::after { z-index: 1; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.grid-item .thumb-box.bubble-end .msg-box { overflow: hidden; z-index: 2; 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; top: 50%; left: 50%; width: 110px; height: 110px; border: 1px solid rgb(255, 255, 255); border-radius: 110px; transform: translate(-50%, -50%); font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; text-align: center; color: rgb(255, 255, 255); }

.grid-item .thumb-box.video::before { content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); }

.grid-item .thumb-box.video::after { content: ""; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 34px; height: 45px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; opacity: 0.95; }

.grid-item .grid-title { display: block; margin-top: 14px; font-size: 16px; letter-spacing: -0.025em; line-height: 26px; font-weight: 600; color: rgb(0, 0, 0); word-break: break-all; }

.grid-item .grid-title + .info-text-list { margin-top: 10px; }

.grid-item .grid-info-box { margin-top: 14px; }

.grid-item .grid-info-box .badge-wrap ~ .grid-title { margin-top: 7px; }

.grid-item .grid-info-box .progress-wrap { margin-top: 12px; }

.grid-item .grid-info-box .progress-wrap .state { margin-top: 6px; }

.grid-item .grid-info-box .grid-text { display: block; margin-top: 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.grid-item .grid-info-box .grid-period { margin-top: 6px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.grid-item .store-info-box .store-info .store-info-title { flex: 0 1 0%; }

.grid-item .coupon-box { width: auto; }

.grid-item .coupon-box .thumb-box { position: absolute; width: 120px; padding-top: 120px; }

.terms-agree-wrap .all-chk-box { padding: 20px 0px; }

.agree-item { position: relative; padding: 13px 42px 13px 16px; background: rgba(239, 241, 243, 0.4); border-radius: 4px; }

.agree-item .ui-chk { z-index: 2; position: relative; }

.agree-item .btn-agree-arr { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding-right: 16px; display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.agree-item ~ .agree-item { margin-top: 6px; }

.fold-content .agree-item { padding-top: 16px; padding-bottom: 16px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 500; }

.fold-content .terms-agree-wrap .terms-agree-list + .all-chk-box { padding-bottom: 0px; }

.fold-content .terms-agree-wrap.all-chk-wrap .terms-agree-list + .all-chk-box { margin-top: 20px; }

.store-header-container { display: flex; justify-content: space-between; padding: 0px 0px 15px; align-items: center; position: sticky; top: 88px; z-index: 11; background-color: rgb(255, 255, 255); }

.store-header-wrap { display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.store-header-wrap[data-mobile-only] { display: flex; }

.store-header-wrap .info-desc-wrap .guide-desc { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.store-header-wrap .info-desc-wrap .guide-desc ~ .search-result-desc { margin-top: 8px; }

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

.store-header-wrap .info-desc-wrap .search-result-desc .fc-spot { font-weight: 600; }

@media (min-width: 891px) {
  .store-header-wrap .store-header-info { width: 100%; display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
}

.store-header-wrap .store-header-info .info-btn-wrap { 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-top: 20px; flex-shrink: 0; }

.store-header-wrap .store-header-info .info-btn-wrap[data-app-only] { display: none; }

.store-header-wrap .store-header-info .info-btn-wrap [class^="btn-"] { flex-shrink: 0; }

.store-header-wrap .store-header-info .info-btn-wrap [class^="btn-"] + [class^="btn-"] { margin-left: 6px; }

@media (max-width: 890px) {
  .store-header-wrap { flex-wrap: wrap; }
  .store-header-wrap .info-btn-wrap { 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; width: 100%; margin-top: 20px; }
  .store-header-wrap .info-btn-wrap [class^="btn-"] + [class^="btn-"] { margin-left: 6px; }
  .store-header-container { margin-top: 10px; position: static; }
}

.store-header-wrap .right-box { display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; align-self: stretch; flex-shrink: 0; }

.store-header-wrap ~ .store-info-list { margin-top: 20px; }

.store-header-wrap ~ .grid-list-wrap { margin-top: 20px; }

.store-header-wrap + .search-form-wrap { margin-top: 12px; }

@media (min-width: 891px) {
  .store-header-wrap + .search-form-wrap { margin-top: 0px; margin-bottom: 30px; }
}

.store-info { 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-flow: wrap; position: relative; }

.store-info [class^="ico-brand"] { align-self: center; margin-right: 10px; flex-shrink: 0; }

.store-info .store-info-title { 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-flow: wrap; flex: 1 1 0%; }

.store-info .store-info-title .chk-bookmark + .store-name { margin-left: 2px; }

.store-info .store-info-title .store-name { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); margin-top: 2px; }

.store-info .store-info-title .store-name.size-xl { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; margin-top: 0px; }

.store-info .store-info-title .desc { margin-top: 2px; margin-left: 2px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.store-info .store-info-title .desc span { font-size: inherit; }

.store-info .store-info-title [class^="badge-"] { margin-left: 9px; }

.store-info .store-info-title .ico-arr-h10-bold { margin-left: 3px; }

.store-info .store-info-title.tit-lg { margin-bottom: 10px; }

.store-info .store-info-title.tit-lg .store-name { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; }

.store-info .store-info-title.tit-lg .store-name ~ .chk-bookmark { margin-left: 6px; }

.store-info .tbl-row-info { width: calc(100% - 36px); margin-top: 10px; margin-left: 36px; }

.store-info .tbl-row-info tr ~ tr th, .store-info .tbl-row-info tr ~ tr td { padding-top: 5px; }

.store-info .tbl-row-info td .val ~ .unit { margin-left: 2px; }

.store-info .store-desc-list { width: calc(100% - 36px); margin-top: 10px; margin-left: 36px; }

.store-info .store-desc-list .store-desc-item { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.store-info .store-desc-list .store-desc-item ~ .store-desc-item { margin-top: 5px; }

.store-info .tag-wrap { width: calc(100% - 36px); margin-top: 10px; margin-left: 36px; }

.store-info .badge-wrap ~ .store-info-title.tit-lg { margin-top: 8px; }

.store-info .store-with-wrap { margin-top: 6px; 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; }

.store-info .store-with-wrap .left-box { margin-top: 10px; flex: 1 0 auto; }

.store-info .store-with-wrap .right-box { margin-top: 10px; 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; }

.store-info .store-with-wrap .badge-with-text { margin-right: 6px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; color: rgb(102, 102, 102); }

.store-info.type-full { display: block; }

.store-info-box, .order-header-box { position: relative; padding: 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(235, 235, 235); border-radius: 20px; margin-bottom: 30px; }

.store-info-box .btn-store-choice, .order-header-box .btn-store-choice { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; }

.store-info-box .btn-wrap, .store-info-box .btn-right-wrap, .store-info-box .btn-flex-wrap, .store-info-box .btn-center-wrap, .order-header-box .btn-wrap, .order-header-box .btn-right-wrap, .order-header-box .btn-flex-wrap, .order-header-box .btn-center-wrap { padding-left: 36px; 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; margin-top: 20px; }

.store-info-box .btn-wrap .btn-sm, .store-info-box .btn-right-wrap .btn-sm, .store-info-box .btn-flex-wrap .btn-sm, .store-info-box .btn-center-wrap .btn-sm, .order-header-box .btn-wrap .btn-sm, .order-header-box .btn-right-wrap .btn-sm, .order-header-box .btn-flex-wrap .btn-sm, .order-header-box .btn-center-wrap .btn-sm { flex: 1 0 auto; }

.store-info-box .btn-wrap .btn-sm.btn-store-info, .store-info-box .btn-right-wrap .btn-sm.btn-store-info, .store-info-box .btn-flex-wrap .btn-sm.btn-store-info, .store-info-box .btn-center-wrap .btn-sm.btn-store-info, .order-header-box .btn-wrap .btn-sm.btn-store-info, .order-header-box .btn-right-wrap .btn-sm.btn-store-info, .order-header-box .btn-flex-wrap .btn-sm.btn-store-info, .order-header-box .btn-center-wrap .btn-sm.btn-store-info { flex-grow: inherit; }

.store-info-box ~ .store-info-box, .order-header-box ~ .store-info-box { margin-top: 10px; }

.store-info-box ~ .dot-text, .order-header-box ~ .dot-text { margin-top: 12px; }

@media (min-width: 891px) {
  .store-info-box, .order-header-box { max-width: 357px; }
}

.order-header-box { max-width: 100%; display: -webkit-flex; -webkit-box-pack: start; justify-content: space-between; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; }

.order-header-box .right-box .order-info-num, .order-header-box .right-box .order-info-date { display: inline-block; text-align: left; }

.order-header-box .right-box .order-info-num + .order-info-num, .order-header-box .right-box .order-info-num + .order-info-date, .order-header-box .right-box .order-info-date + .order-info-num, .order-header-box .right-box .order-info-date + .order-info-date { margin-left: 10px; }

.order-header-box .right-box .address-copy-wrap { width: auto; margin-left: auto; text-align: left; margin-top: 0px; }

@media (min-width: 891px) {
  .order-header-box + .util-btn-box { margin-top: 20px; }
  .order-header-box .map-content { padding-top: 300px; }
  .order-header-box .history-content { padding: 50px 0px; }
  .order-header-box .history-content .history-content-inner { width: 420px; margin: 0px auto; }
}

@media (max-width: 890px) {
  .order-header-box .store-info { width: 100%; }
  .order-header-box .store-info-title + .order-info-num, .order-header-box .store-info-title + .order-info-date { margin-top: 6px; }
  .order-header-box .right-box { margin-left: 0px; margin-top: 6px; }
  .order-header-box .right-box .order-info-num, .order-header-box .right-box .order-info-date { width: 100%; margin-left: 0px; }
  .order-header-box .right-box .order-info-num + .order-info-num, .order-header-box .right-box .order-info-num + .order-info-date, .order-header-box .right-box .order-info-date + .order-info-num, .order-header-box .right-box .order-info-date + .order-info-date { margin-left: 0px; }
  .order-header-box .right-box .address-copy-wrap { width: 100%; margin-left: 0px; margin-top: 10px; }
  .order-header-box .map-content { padding-top: 220px; }
}

.order-header-box .map-content, .order-header-box .history-content { width: calc(100% + 40px); margin: 22px -20px -20px; }

.order-header-box .history-content { padding-top: 40px; border-top: 1px solid rgb(221, 224, 227); }

.store-info-list .store-info-item ~ .store-info-item { margin-top: 10px; }

.store-info-list ~ .btn-wrap, .store-info-list ~ .btn-right-wrap, .store-info-list ~ .btn-flex-wrap, .store-info-list ~ .btn-center-wrap { margin-top: 30px; }

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

.goods-box .label { margin-right: 5px; }

.goods-box.size-sm .label, .goods-box.size-sm .val, .goods-box.size-sm .sub, .goods-box.size-sm .unit { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.goods-box.size-lg .label, .goods-box.size-lg .val, .goods-box.size-lg .sub, .goods-box.size-lg .unit { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.goods-box.size-xxl .label, .goods-box.size-xxl .val, .goods-box.size-xxl .sub, .goods-box.size-xxl .unit { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; }

.goods-box.size-xxl .unit { margin-left: 3px; }

.goods-box .percent { font-size: 16px; color: rgb(239, 61, 46); font-weight: 700; letter-spacing: -0.025em; line-height: 22px; }

.goods-box .percent + .goods-group { margin-left: 3px; margin-right: 3px; }

.goods-box .price-normal .val { color: rgb(136, 136, 136); font-size: 14px; line-height: 22px; letter-spacing: -0.025em; }

.goods-box .price-normal .unit, .goods-box .price-normal .val { position: relative; display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; }

.goods-box .price-normal .val::after { content: ""; display: inline-block; position: absolute; top: 10px; left: 0px; width: 100%; height: 1px; background-color: rgb(153, 153, 153); }

.goods-box .price-normal .unit { color: rgb(136, 136, 136); font-size: 14px; line-height: 22px; letter-spacing: -0.025em; }

.goods-box .price-normal .unit::after { content: ""; display: inline-block; position: absolute; top: 10px; left: -2px; width: calc(100% + 2px); height: 1px; background-color: rgb(153, 153, 153); }

.goods-group { display: -webkit-inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; font-size: 0px; }

.goods-group .unit { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; color: rgb(0, 0, 0); margin-left: 2px; }

.goods-group .val { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 400; color: rgb(0, 0, 0); }

.goods-group .val + .val { margin-left: 4px; }

.goods-group .sub { margin-left: 4px; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 400; color: rgb(0, 0, 0); }

.goods-group.fw-rql .val, .goods-group.fw-rql .sub, .goods-group.fw-rql .unit { font-weight: 400; }

.goods-group.size-sm .val, .goods-group.size-sm .sub, .goods-group.size-sm .unit { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.goods-group.size-md .val, .goods-group.size-md .sub, .goods-group.size-md .unit { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; }

.goods-group.size-lg .val, .goods-group.size-lg .sub, .goods-group.size-lg .unit { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.goods-group.size-xl { }

.goods-group.size-xl .val, .goods-group.size-xl .sub, .goods-group.size-xl .unit { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; }

.goods-group.size-xxl { }

.goods-group.size-xxl .val, .goods-group.size-xxl .sub, .goods-group.size-xxl .unit { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; }

.goods-group.size-xxl .unit { margin-left: 0px; }

.goods-group.size-xxxl .val, .goods-group.size-xxxl .sub, .goods-group.size-xxxl .unit { font-size: 26px; line-height: 34px; letter-spacing: -0.025em; font-weight: 600; }

.goods-group.size-xxxl .unit { margin-left: 3px; }

.price-info-list .price-info-item { margin-bottom: 12px; 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-flow: wrap; }

.price-info-list .price-info-item .btn-info { flex-shrink: 0; margin-left: 6px; }

.price-info-list .price-info-item .label { max-width: 100%; flex-shrink: 0; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.price-info-list .price-info-item .label [class^="ico-logo"], .price-info-list .price-info-item .label .ico-mile-mint { margin-right: 4px; }

.price-info-list .price-info-item .label .fc-spot { font-size: inherit; }

.price-info-list .price-info-item .right-box { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; color: rgb(0, 0, 0); margin-left: auto; padding-left: 10px; }

.price-info-list .price-info-item .sub-right-text { margin-top: 4px; width: 100%; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; text-align: right; color: rgb(102, 102, 102); }

.price-info-list .price-info-item .sub-right-text.font-size-rgl { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.price-info-list .price-info-item .price-fold-wrap { display: none; padding-top: 12px; width: 100%; }

.price-info-list .price-info-item .price-fold-wrap .price-info-item { margin-bottom: 6px; }

.price-info-list .price-info-item .price-fold-wrap .price-info-item .goods-group .unit, .price-info-list .price-info-item .price-fold-wrap .price-info-item .goods-group .val, .price-info-list .price-info-item .price-fold-wrap .price-info-item .goods-group .sub { color: rgb(102, 102, 102); }

.price-info-list .price-info-item .price-fold-wrap .price-info-item:last-child { margin-bottom: 0px; }

.price-info-list .price-info-item .price-fold-wrap.active { display: block; }

.price-info-list .price-info-item.total .label { margin-top: 2px; font-weight: 500; }

.price-info-list .price-info-item.total .goods-group .unit { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; vertical-align: 1px; }

.price-info-list .price-info-item.total .goods-group .val { font-weight: 500; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; }

.price-info-list .price-info-item.total ~ .point { margin-top: 10px; }

.price-info-list .price-info-item.point { color: rgb(136, 136, 136); }

.price-info-list .price-info-item.point .label { font-size: 10px; line-height: 13px; letter-spacing: -0.025em; }

.price-info-list .price-info-item.point .goods-group .unit, .price-info-list .price-info-item.point .goods-group .val { font-size: 10px; line-height: 13px; letter-spacing: -0.025em; }

.price-info-list .price-info-item:last-child { margin-bottom: 0px; }

.price-info-list.size-sm .price-info-item .label { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); pointer-events: none; }

.price-info-list.size-sm .price-info-item .goods-group .unit, .price-info-list.size-sm .price-info-item .goods-group .val, .price-info-list.size-sm .price-info-item .goods-group .sub { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.price-info-list ~ .dot-text { margin-top: 12px; }

.banner-thumb-item .img-txt-box { position: relative; color: rgb(255, 255, 255); }

.banner-thumb-item .img-txt-box span { font-size: inherit; }

.banner-thumb-item .img-txt-box .user-name { width: 190px; margin-bottom: 10px; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; color: inherit; }

.banner-thumb-item .img-txt-box .banner-tit { width: 190px; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; color: inherit; word-break: keep-all; font-weight: 600; }

.banner-thumb-item .img-txt-box .banner-tit-desc { width: 235px; margin-top: 10px; color: rgba(255, 255, 255, 0.8); }

@media (min-width: 891px) {
  .banner-thumb-item { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; min-height: 310px; border-radius: 20px; }
  .banner-thumb-item .img-txt-box { width: 340px; padding: 40px; }
  .banner-thumb-item .img-txt-box .user-name { width: 100%; margin-bottom: 6px; font-size: 26px; line-height: 34px; letter-spacing: -0.025em; }
  .banner-thumb-item .img-txt-box .banner-tit { width: 100%; font-size: 26px; line-height: 34px; letter-spacing: -0.025em; }
  .banner-thumb-item .img-txt-box .banner-tit-desc { width: 100%; margin-top: 14px; font-weight: 500; }
}

@media (max-width: 890px) {
  .banner-thumb-item .img-txt-box { max-width: 520px; padding: 124px 20px 20px; margin: 0px auto; }
}

.brand-grade-list .brand-grade-item { position: relative; padding: 16px 20px 16px 76px; background: rgba(239, 241, 243, 0.4); border-radius: 4px; }

.brand-grade-list .brand-grade-item ~ .brand-grade-item { margin-top: 6px; }

.brand-grade-list .brand-grade-item .brand-grade-info { padding-top: 2px; 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; }

.brand-grade-list .brand-grade-item .brand-grade-info .brand-name { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.brand-grade-list .brand-grade-item .brand-grade-info .badge-sm { margin-left: 6px; }

.brand-grade-list .brand-grade-item .progress-wrap { margin-top: 10px; }

.brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame { height: 2px; border-radius: 2px; }

.brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame .bar { height: 2px; border-radius: 2px; }

.brand-grade-list .brand-grade-item .grade-state { margin-top: 6px; 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; overflow: hidden; }

.brand-grade-list .brand-grade-item .grade-state .btext { flex-shrink: 0; color: rgb(102, 102, 102); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.brand-grade-list .brand-grade-item .grade-state .btext .font-size-sm { display: inline-block; vertical-align: top; margin-top: 2px; margin-left: 2px; font-size: 10px; line-height: 13px; letter-spacing: -0.025em; }

body.ios .brand-grade-list .brand-grade-item .grade-state .btext .font-size-sm { margin-top: 1px; }

.brand-grade-list .brand-grade-item .grade-state .right-box { flex: 1 1 0%; text-align: right; }

.brand-grade-list .brand-grade-item .grade-state .price, .brand-grade-list .brand-grade-item .grade-state .count { overflow: hidden; display: -webkit-inline-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex: 1 1 0%; text-align: right; color: rgb(102, 102, 102); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.brand-grade-list .brand-grade-item .grade-state .price .val, .brand-grade-list .brand-grade-item .grade-state .price .unit, .brand-grade-list .brand-grade-item .grade-state .count .val, .brand-grade-list .brand-grade-item .grade-state .count .unit { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.brand-grade-list .brand-grade-item .grade-state .price .val, .brand-grade-list .brand-grade-item .grade-state .count .val { overflow: hidden; display: inline-block; vertical-align: top; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; color: rgb(0, 0, 0); font-weight: 600; }

.brand-grade-list .brand-grade-item .grade-state .price .val, .brand-grade-list .brand-grade-item .grade-state .price .unit { display: inline-block; vertical-align: top; }

.brand-grade-list .brand-grade-item .grade-state .price .val ~ .unit { margin-left: 2px; }

.brand-grade-list .brand-grade-item .grade-state .btn-info { margin-left: 6px; position: relative; z-index: 5; }

.brand-grade-list .brand-grade-item .grade-state-list { margin-top: 6px; }

.brand-grade-list .brand-grade-item .grade-state-list .grade-state { margin-top: 0px; }

.brand-grade-list .brand-grade-item .grade-state-list .grade-state ~ .grade-state { margin-top: 4px; }

.brand-grade-list .brand-grade-item .fc-dark-gray { margin-top: 4px; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.brand-grade-list .brand-grade-item [class^="ico-grade"], .brand-grade-list .brand-grade-item .size-xl { width: 40px; height: 40px; position: absolute; top: 50%; left: 20px; margin-top: -20px; }

.brand-grade-list .brand-grade-item.brand-angelinus .grade-state .price .val, .brand-grade-list .brand-grade-item.brand-angelinus .grade-state .count .val { color: rgb(47, 39, 31); }

.brand-grade-list .brand-grade-item.brand-angelinus .progress-wrap .progress-box .frame .bar { background-color: rgb(47, 39, 31); }

.brand-grade-list .brand-grade-item.brand-krispy .grade-state .price .val, .brand-grade-list .brand-grade-item.brand-krispy .grade-state .count .val { color: rgb(0, 155, 82); }

.brand-grade-list .brand-grade-item.brand-krispy .progress-wrap .progress-box .frame .bar { background-color: rgb(0, 155, 82); }

.brand-grade-list .brand-grade-item.brand-lotteria .grade-state .price .val, .brand-grade-list .brand-grade-item.brand-lotteria .grade-state .count .val { color: rgb(239, 61, 46); }

.brand-grade-list .brand-grade-item.brand-lotteria .progress-wrap .progress-box .frame .bar { background-color: rgb(239, 61, 46); }

.swiper-payment-manage + .swiper-control-wrap .swiper-button-next { content: ""; position: absolute; background: url("../../assets/images/ui/ui_ico_swiper_arr_h32.svg") 0% 0% / cover no-repeat; width: 32px; height: 32px; right: 0px; }

.swiper-payment-manage + .swiper-control-wrap .swiper-button-prev { content: ""; position: absolute; background: url("../../assets/images/ui/ui_ico_swiper_arr_h32.svg") 0% 0% / cover no-repeat; width: 32px; height: 32px; transform: rotate(180deg); left: 0px; }

.swiper-payment-manage + .swiper-control-wrap .swiper-button-disabled { display: none; }

.swiper-payment-manage + .swiper-control-wrap .eatz-card { top: 41.2%; }

@media (max-width: 890px) {
  .swiper-payment-manage.swiper-container { margin: 0px -20px; padding-left: 20px; padding-right: 20px; }
}

.payment-card-item, .payment-card-before-wrap { position: relative; width: 232px !important; }

.payment-card-item .card-box, .payment-card-before-wrap .card-box { position: relative; width: 232px; height: 145px; border-radius: 20px; box-sizing: border-box; padding: 20px; color: rgb(255, 255, 255); background-size: cover; background-repeat: no-repeat; }

.payment-card-item .card-box .ui-rdo, .payment-card-before-wrap .card-box .ui-rdo { position: absolute; top: 10px; left: 10px; }

.payment-card-item .card-box .brand-logo, .payment-card-before-wrap .card-box .brand-logo { position: absolute; top: 20px; right: 20px; }

.payment-card-item .card-box .brand-logo img, .payment-card-before-wrap .card-box .brand-logo img { height: 12px; }

.payment-card-item .card-box .brand-name, .payment-card-before-wrap .card-box .brand-name { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 400; margin-top: 51px; text-align: left; }

.payment-card-item .card-box .card-number, .payment-card-before-wrap .card-box .card-number { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 400; margin-top: 4px; text-align: left; }

.payment-card-item .card-box .btn-sm, .payment-card-before-wrap .card-box .btn-sm { position: absolute; right: 10px; bottom: 10px; }

.payment-card-item .card-selected-box, .payment-card-before-wrap .card-selected-box { 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; margin-top: 12px; }

.payment-card-item .card-selected-box .chk-bookmark, .payment-card-before-wrap .card-selected-box .chk-bookmark { margin-left: 4px; }

.payment-card-item .card-selected-box .ui-rdo .val, .payment-card-item .card-selected-box .ui-rdo .unit, .payment-card-before-wrap .card-selected-box .ui-rdo .val, .payment-card-before-wrap .card-selected-box .ui-rdo .unit { display: inline-block; vertical-align: top; margin-top: 4px; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 600; }

.payment-card-item .card-selected-box .ui-rdo .val ~ .val, .payment-card-item .card-selected-box .ui-rdo .val ~ .unit, .payment-card-item .card-selected-box .ui-rdo .unit ~ .val, .payment-card-item .card-selected-box .ui-rdo .unit ~ .unit, .payment-card-before-wrap .card-selected-box .ui-rdo .val ~ .val, .payment-card-before-wrap .card-selected-box .ui-rdo .val ~ .unit, .payment-card-before-wrap .card-selected-box .ui-rdo .unit ~ .val, .payment-card-before-wrap .card-selected-box .ui-rdo .unit ~ .unit { margin-left: 2px; }

.payment-card-item .btn-check-payment-card, .payment-card-before-wrap .btn-check-payment-card { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

@media (max-width: 890px) {
  .payment-card-before-wrap { margin: 0px auto; }
}

.payment-card-before-wrap .btn-payment-card-add { position: relative; display: -webkit-inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; width: 232px; height: 145px; border-radius: 20px; box-sizing: border-box; background-color: rgb(249, 249, 249); cursor: pointer; text-align: center; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(68, 68, 68); overflow: hidden; border: 1px solid rgb(241, 241, 241); }

.payment-card-before-wrap .btn-payment-card-add.add { border-color: rgb(235, 235, 235); }

.payment-card-before-wrap .btn-payment-card-add.add::before { content: ""; display: block; width: 32px; height: 32px; margin: 0px auto 12px; border-radius: 100%; background: url("/lotte_assets/blank.svg") center center / 11px auto no-repeat rgb(68, 68, 68); }

.payment-card-before-wrap .btn-payment-card-add.add .text { font-weight: 500; }

.filter-gray-box { 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; min-height: 44px; background-color: rgba(239, 241, 243, 0.4); padding-left: 6px; margin-top: 20px; margin-bottom: 20px; border-radius: 4px; }

.filter-gray-box .filter-value { overflow: hidden; padding: 10px; width: calc(100% - 44px); 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; }

.filter-gray-box .filter-value .value { position: relative; display: block; flex-shrink: 0; color: rgb(0, 0, 0); font-weight: 500; }

.filter-gray-box .filter-value .value ~ .value { margin-left: 6px; padding-left: 8px; }

.filter-gray-box .filter-value .value ~ .value::before { overflow: hidden; position: absolute; top: 8px; left: 0px; content: ""; display: block; width: 2px; height: 2px; background: rgb(128, 135, 141); border-radius: 2px; }

.filter-gray-box-v02 { 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; min-height: 44px; background-color: rgb(248, 249, 250); border: 1px solid rgb(238, 238, 238); padding-left: 6px; margin-top: 16px; margin-bottom: 16px; border-radius: 8px; }

.filter-gray-box-v02 .filter-value { overflow: hidden; padding: 10px; width: calc(100% - 44px); 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; }

.filter-gray-box-v02 .filter-value .value { position: relative; display: block; flex-shrink: 0; color: rgb(102, 102, 102); font-weight: 500; }

.filter-gray-box-v02 .filter-value .value ~ .value { margin-left: 6px; padding-left: 8px; }

.filter-gray-box-v02 .filter-value .value ~ .value::before { overflow: hidden; position: absolute; top: 8px; left: 0px; content: ""; display: block; width: 4px; height: 1px; background: rgb(102, 102, 102); }

.filter-gray-box-v02 .ico-filter { display: inline-block; width: 20px; height: 20px; }

@media (max-width: 890px) {
  .filter-gray-box .filter-value { overflow-x: auto; scrollbar-width: none; }
  .filter-gray-box .filter-value::-webkit-scrollbar { display: none; }
  .filter-gray-box-v02 .filter-value { overflow-x: auto; scrollbar-width: none; }
  .filter-gray-box-v02 .filter-value::-webkit-scrollbar { display: none; }
}

.btn-filter-select { padding: 10px; }

.setting-item .setting-tit-wrap { position: relative; 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; }

.setting-item .setting-tit-wrap .setting-tit { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 500; }

.setting-item .setting-tit-wrap .right-box { margin-left: auto; }

.setting-item .setting-desc { margin-top: 10px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

@media (max-width: 890px) {
  .setting-item .setting-desc { padding-right: 95px; }
}

@media (min-width: 891px) {
  .setting-item .setting-desc { padding-right: 110px; }
}

.setting-item .btn-setting { position: relative; width: 100%; text-align: left; }

.setting-item .btn-setting::after { position: absolute; top: 5px; right: 0px; content: ""; display: block; width: 10px; height: 10px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.setting-item .btn-setting .text { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 500; color: rgb(0, 0, 0); }

.setting-list .setting-item ~ .setting-item { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(221, 224, 227, 0.6); }

.toast-popup { position: fixed; bottom: calc(150px + var(--IOSBottomPadding)); left: 20px; right: 20px; z-index: 1000; color: rgb(255, 255, 255); padding: 16px 45px 17px 17px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(30px); text-align: center; }

@media (max-width: 890px) {
  .toast-popup { padding: 16px 5px 17px; }
}

.toast-popup .toast-inner { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; }

@media (min-width: 891px) {
  .toast-popup { min-width: 335px; inset: 50% auto auto 50%; transform: translate(-50%, -50%); }
  .toast-popup:focus-visible { outline-offset: -3px; }
  .toast-close { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; padding: 4px 6px; line-height: 1; }
  .toast-close:focus { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
}

.event-toast-popup { position: fixed; bottom: 30px; left: 20px; right: 20px; z-index: 1000; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; color: rgb(255, 255, 255); padding: 20px 0px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(30px); text-align: center; }

.event-toast-popup .event-cong { min-width: 180px; padding: 80px 5px 0px; background: url("/lotte_assets/blank.svg") center top / 80px 80px no-repeat; text-align: center; }

.event-toast-popup .event-cong-text { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; color: rgb(255, 255, 255); }

.event-toast-popup .event-cong.fail { background: url("/lotte_assets/blank.svg") center top / 80px 80px no-repeat; }

@media (min-width: 891px) {
  .event-toast-popup { inset: 50% auto auto 50%; transform: translate(-50%, -50%); }
}

.toast-popup-message { width: 100%; position: fixed; bottom: 30px; left: 0px; z-index: 1000; padding: 0px 20px; }

@media (min-width: 891px) {
  .toast-popup-message { max-width: 335px; top: 50%; left: 50%; bottom: auto; transform: translate(-50%, -50%); }
}

.notice-history-popup { background: pink; }

.notice-history-popup.ui-dialog-content[data-class="dialog-full"].ui-widget-content .dialog-body .cont-box:first-child .cont-inner { padding-top: 0px; }

.notice-history-popup .tab-wrap .tabs { padding-top: 12px; padding-bottom: 11px; }

.notice-history-popup .swiper-notice-history { margin: 0px -20px; }

.notice-history-popup .swiper-notice-history .swiper-slide { height: 100%; padding-left: 20px; padding-right: 20px; }

.notice-history-popup .swiper-notice-history .swiper-slide.swiper-slide-active { height: auto; }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item { 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; padding: 19px 0px 17px; border-bottom: 1px solid rgba(221, 224, 227, 0.6); }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-wrap { display: flex; }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-left .alarm-circle { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(221, 224, 227, 0.4); }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-left .alarm-circle-point { position: absolute; top: 0px; left: 0px; width: 5px; height: 5px; border-radius: 50%; background-color: var(--brand, #B81B3E); }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right { margin-left: 14px; }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-date { margin-top: 7px; }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-date [class^="nt-"] { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-head { color: rgb(102, 102, 102); }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-body { margin-top: 4px; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 500; }

.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .alarm-dingbat { position: absolute; top: 2px; right: 2px; width: 8px; height: 8px; background-color: var(--brand, #B81B3E); border: 2px solid rgb(255, 255, 255); border-radius: 4px; }

.notice-history-popup .notice-history-wrap + .btn-wrap, .notice-history-popup .notice-history-wrap + .btn-right-wrap, .notice-history-popup .notice-history-wrap + .btn-flex-wrap, .notice-history-popup .notice-history-wrap + .btn-center-wrap { margin-top: 30px; }

.main-popup.ui-dialog-content.ui-widget-content { mask-image: -webkit-radial-gradient(center, white, black); padding: 0px; }

.main-popup.ui-dialog-content.ui-widget-content .dialog-body { margin: 0px; }

.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup { width: 100%; }

.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup img { width: 100%; }

@media (min-width: 891px) {
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap { display: none; }
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next, .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev { top: 50%; background: transparent; width: 24px; height: 24px; margin-top: -12px; }
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next::before, .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev::before { content: ""; position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -12px; border-radius: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px; }
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next { right: 20px; }
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next::before { right: 0px; }
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev { left: 20px; }
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev::before { left: 0px; transform: rotate(180deg); box-shadow: rgba(0, 0, 0, 0.1) 0px -3px 6px; }
  .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup.is-active .swiper-control-wrap { display: block; }
}

.main-popup.ui-dialog-content.ui-widget-content .dialog-footer { padding: 0px; }

.main-popup.ui-dialog-content.ui-widget-content .dialog-btn-wrap { height: 56px; }

.main-popup .btn-flex-wrap { height: 100%; }

.main-popup .btn-flex-wrap .text { font-size: 14px; letter-spacing: -0.025em; height: 100%; line-height: 56px; }

.main-popup .btn-flex-wrap .left-box .text { color: rgb(136, 136, 136); }

.main-popup .btn-flex-wrap .right-box .text { color: rgb(0, 0, 0); }

.ui-dialog-container .mo-allmenu-popup .dialog-header { position: relative; z-index: 2; margin-bottom: 10px; padding-right: 50px; text-align: right; }

.ui-dialog-container .mo-allmenu-popup .dialog-header .btn-user ~ .btn-user { margin-left: 28px; }

.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box .fold-wrap { padding-top: 10px; padding-bottom: 40px; }

.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box .fold-wrap ~ .cont-inner { margin-top: -30px; padding-bottom: 40px; }

.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child { position: relative; background: var(--brand, #B81B3E); }

.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child::before { z-index: 1; content: ""; position: absolute; top: -54px; left: -20px; right: -20px; display: block; height: 54px; background: var(--brand, #B81B3E); }

.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child .cont-inner { padding-top: 0px !important; }

.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child .cont-inner .btn-line-light-gray { border-color: rgb(255, 255, 255); }

.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child .cont-inner .btn-text-underline .text { color: rgb(255, 255, 255); }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap { padding-top: 20px; margin-bottom: 20px; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc { color: rgb(255, 255, 255); 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; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .btn-more-view.size-lg { padding-right: 20px; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .btn-more-view.size-lg .text { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .btn-more-view.size-lg::after { width: 20px; height: 20px; margin-top: -10px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .text { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 500; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .ico-eatz-character { width: 43px; height: 43px; margin-right: 16px; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap { 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; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box { margin-left: auto; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline { opacity: 0.8; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline .text { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline .ico-arr-8 { margin-top: 5px; }

.ui-dialog-container .mo-allmenu-popup .swiper-allmenu-banner .swiper-pagination { left: auto; right: 12px; bottom: 12px; transform: none; }

.ui-dialog-container .mo-allmenu-popup .swiper-allmenu-banner .swiper-container { border-radius: 4px; }

.ui-dialog-container .mo-allmenu-popup .swiper-allmenu-banner .swiper-container .swiper-slide img { width: 100%; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .fold-header { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-link, .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; color: rgb(102, 102, 102); font-weight: 400; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-link.is-active, .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more.is-active { color: rgb(0, 0, 0) !important; font-weight: 500; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more { position: relative; padding-right: 21px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more::after { position: absolute; top: 3px; right: 0px; content: ""; width: 15px; height: 15px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

body.ios .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more::after, body.mac .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more::after { top: 4px; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .sub-4dep-list { display: none; margin-top: 16px; margin-bottom: 16px; margin-left: 10px; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .sub-4dep-list .btn-sub-link::before { content: "- "; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active > .btn-sub-link { color: rgb(0, 0, 0); font-weight: 500; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active .sub-4dep-list { display: block; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active .btn-sub-more { color: rgb(0, 0, 0); font-weight: 500; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active .btn-sub-more::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item ~ .sub-gate-item { margin-top: 16px; }

.ui-dialog-container .mo-allmenu-popup .btn-pop-close { z-index: 2; }

.addr-add-popup .dialog-header { display: flex; }

.filter-select-wrap { }

.filter-select-wrap .filter-row ~ .filter-row { margin-top: 20px; padding-top: 20px; border-top: 1px dashed rgb(221, 224, 227); }

.input-popover { position: relative; }

.popover-popup { z-index: 3; top: 100%; left: -10px; position: absolute; margin-top: -15px; border-radius: 100px; background: var(--brand, #B81B3E); padding: 8px 14px; animation: 0.35s cubic-bezier(0.17, 0.67, 0.29, 1.32) 0s 1 normal forwards running popAnimation; }

.popover-popup::after { position: absolute; top: -5px; left: 15px; content: ""; display: block; width: 14px; height: 14px; background: url("/lotte_assets/blank.svg") left top / 10px auto no-repeat; }

.popover-popup .popover-text { color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; font-weight: 500; }

.popover-popup.pos-top { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 9px; }

.popover-popup.pos-top::after { top: auto; bottom: -5px; transform: rotateZ(180deg); }

.popover-popup.pos-top-right { top: auto; right: 0px; bottom: 100%; margin-top: 0px; margin-bottom: 9px; }

.popover-popup.pos-top-right::after { top: auto; bottom: -5px; transform: rotateZ(180deg); }

.popover-popup.pos-right { right: 0px; }

@media (max-width: 890px) {
  .container-wrapper [data-mobile-docker] .popover-popup { left: 20px; max-width: calc(100% - 40px); }
}

.order-select-popup .order-select-wrap .order-select-list { display: flex; justify-content: space-between; }

.order-select-popup .order-select-wrap .order-select-list .order-select-item { flex: 1 1 0%; }

.order-select-popup .order-select-wrap .order-select-list .order-select-item ~ .order-select-item { margin-left: 6px; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio:checked + label { border-color: var(--brand, #B81B3E); background-color: var(--brand, #B81B3E); box-shadow: rgba(184, 27, 62, 0.2) 0px 5px 10px; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio:checked + label .text { color: rgb(255, 255, 255); font-weight: 600; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio:checked + label .ico-order-type-delivery { background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio:checked + label .ico-order-type-store-picker { background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio:checked + label .ico-order-type-driving { background: url("/lotte_assets/blank.svg") 0px 0px / 24px 24px no-repeat; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio:disabled + label { background-color: rgb(239, 241, 243); opacity: 0.3; }

.order-select-popup .order-select-wrap .order-select-list input[type="radio"].order-select-radio + label { display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; width: 100%; height: 74px; padding: 0px; border: 1px solid rgb(221, 224, 227); border-radius: 4px; box-shadow: none; background-color: rgb(255, 255, 255); cursor: pointer; }

.order-select-popup .order-select-wrap .order-select-list.custom-select input[type="radio"].order-select-radio + label { display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; width: 100%; height: 94px; padding: 0px; border: 1px solid rgb(221, 224, 227); border-radius: 12px; box-shadow: none; background-color: rgb(255, 255, 255); cursor: pointer; }

.order-select-popup .order-select-wrap .order-select-list.custom-select input[type="radio"].order-select-radio + label .text { margin-top: 2px; font-weight: 700; letter-spacing: -0.025em; color: rgb(68, 68, 68); }

.order-select-popup .order-select-wrap .order-select-list.custom-select input[type="radio"].order-select-radio:checked + label { border-color: var(--brand, #B81B3E); background-color: rgb(237, 249, 250); }

.order-select-popup .order-select-wrap .order-select-list.custom-select input[type="radio"].order-select-radio:checked + label .text { color: rgb(68, 68, 68); font-weight: 700; }

.order-select-popup .order-select-wrap .order-select-list ~ .order-addr-wrap { margin-top: 20px; }

.order-select-popup .order-select-wrap .select-content-wrap { display: none; margin-top: 20px; }

.order-select-popup .order-select-wrap .select-content-wrap.is-active { display: block; }

.order-select-popup .order-select-wrap .select-content-wrap .select-content { margin-top: 20px; padding-top: 19px; border-top: 1px dashed rgb(221, 224, 227); }

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .both-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; padding-bottom: 10px; }

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .both-wrap .tabs-box { display: inline-block; max-width: 100%; vertical-align: top; }

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .both-wrap .tabs-box .tabs { padding-bottom: 0px; }

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner { margin: 0px -20px; }

@media (min-width: 891px) {
  .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner { margin: 0px; }
}

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container { padding: 0px 20px; }

@media (min-width: 891px) {
  .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container { padding: 0px; }
}

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container .swiper-slide .grid-box .grid-info-box .grid-title { display: block; font-weight: 600; color: rgb(0, 0, 0); outline-offset: -1px; }

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab #tabContentOrderPopup .swiper-container-wrap.swiper-store-banner .swiper-container .swiper-slide.swiper-slide-next .grid-box .grid-info-box .grid-title { width: 160px; }

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container .swiper-slide .grid-box { position: relative; }

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container .swiper-slide .grid-box .grid-info-box .grid-title::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

@media (min-width: 891px) {
  .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-next, .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-prev { background: transparent; }
  .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-next::before, .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-prev::before { width: 24px; height: 24px; top: 76px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-next::before { right: -12px; }
  .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-prev::before { left: -12px; }
}

.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .store-no-data .no-data-desc { font-size: 14px; }

.product-time-setting .store-info { justify-content: center; margin-bottom: 30px; }

.product-time-setting .store-info [class^="ico-brand"] { align-self: flex-start; margin-right: 6px; }

.product-time-setting .store-info .store-info-title { flex-direction: column; align-items: flex-start; flex: 0 0 auto; }

.product-time-setting .store-info .store-info-title .store-name .fw-rgl { font-size: inherit; }

.product-time-setting .store-info .store-info-title .desc { margin-left: 0px; }

.product-time-setting .store-info .store-info-title .desc .fw-bold { font-size: inherit; }

.product-time-setting .tab-wrap .tabs { margin-bottom: 20px; }

.pop-choice-coupon .no-data, .pop-choice-mobile-coupon .no-data { margin-top: 50px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 80px; }

.pop-order-prd-select .order-select-list { margin: 0px -20px; }

.pop-order-prd-select .order-select-list .order-select-header { padding: 16px 20px; background: rgba(239, 241, 243, 0.4); }

.pop-order-prd-select .order-select-list .order-select-header ~ .order-select-header, .pop-order-prd-select .order-select-list .order-select-header ~ .order-select-item { margin-top: 20px; }

.pop-order-prd-select .order-select-list .order-select-item { padding: 0px 20px; }

.pop-order-prd-select .order-select-list .order-select-item .order-prod-list { margin-top: 20px; }

.pop-order-prd-select .order-select-list .order-select-item .order-prod-list .order-prod-item .prod-item { align-items: center; }

.pop-order-prd-select .order-select-list .order-select-item .order-prod-list .order-prod-item ~ .order-prod-item { margin-top: 20px; }

.ui-dialog-container .ui-dialog .ui-dialog-content { }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select { overflow: hidden; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body { 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; flex: 1 1 0%; height: 100%; overflow: hidden; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box { 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; flex: 1 1 0%; height: 100%; width: 100%; overflow: hidden; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner { 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; flex: 1 1 0%; height: 100%; width: 100%; overflow: hidden; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .cont-tit { width: 100%; margin-bottom: 16px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-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; flex: 1 1 0%; width: 100%; height: 100%; overflow: hidden; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .tab-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; flex: 1 1 0%; width: 100%; height: 100%; margin-bottom: 0px; overflow: hidden; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .tab-wrap .tabs { flex: 1 0 auto; width: 100%; height: 74px; margin: 0px; padding: 0px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .tab-wrap .opt-content-wrap { height: calc(100% - 78px); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .ui-row-list, .ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .fold-wrap { flex: 1 1 0%; width: 100%; height: 100%; overflow: hidden; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .opt-content-wrap { width: 100%; height: 100%; overflow: auto; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .fold-wrap.option-fold { margin-top: 30px; border-top: 1px dashed rgb(221, 224, 227); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .fold-wrap.option-fold .fold-content { padding: 0px; background: transparent; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main { min-height: 193px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header { z-index: 2; position: relative; 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; padding-right: 32px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .pop-tit { color: rgb(255, 255, 255); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .right-box { margin-left: auto; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .right-box .btn-xs { background: transparent; border-color: rgba(255, 255, 255, 0.6); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .right-box .btn-xs .text { color: rgb(255, 255, 255); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body { background-color: rgb(239, 241, 243); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body::before { z-index: 1; content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; height: 193px; background: var(--brand, #B81B3E); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box { z-index: 2; background: transparent; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit { color: rgb(255, 255, 255); font-weight: 700; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit .fw-rql { color: rgb(255, 255, 255); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit .text-link { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; text-decoration: underline; font-weight: 600; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit-wrap .cont-right { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit-wrap .cont-right .btn-user ~ .btn-user { margin-left: 16px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-view-wrap { background: rgb(255, 255, 255); border-radius: 4px; padding: 20px; margin-bottom: 10px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-view-wrap .barcode-detail-wrap { margin: 0px; max-width: none; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-view-wrap .util-btn-box { margin-top: 10px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list { 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-flow: row; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list .item .ui-rdo label, .ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list .item .ui-chk label { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list .item ~ .item { margin-left: 10px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item { width: 100%; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo label { padding: 17px 0px 15px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo label .text { display: inline-block; vertical-align: top; margin-left: 6px; padding: 3px 0px; color: rgb(0, 0, 0); font-weight: 600; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo input:checked + label { background-color: var(--brand, #B81B3E); box-shadow: rgba(184, 27, 62, 0.1) 0px 5px 10px; transition: background 0.2s ease-out; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo input:checked + label .text { color: rgb(255, 255, 255); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service { margin-top: 10px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item { margin-top: 0px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label { position: relative; display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; height: 110px; padding-top: 59px; color: rgb(0, 0, 0); border: 2px solid transparent; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label [class^="ico-service"] { position: absolute; top: 0px; left: 50%; margin-left: -12px; justify-self: self-start; margin-top: 24px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .text { display: block; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .show-text { display: none; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .active-text { font-weight: 600; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .active-text .val ~ .unit { margin-left: 2px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk input:checked + label { color: rgb(0, 0, 0); border-color: var(--brand, #B81B3E); transition: border-color 0.2s ease-out; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk input:checked + label .active-text { color: var(--brand, #B81B3E); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk input:checked + label .show-text { display: block; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .btext.type-center { margin-top: 30px; margin-bottom: 20px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .btext.type-center .fc-spot.fc-spot { color: rgb(116, 30, 43) !important; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .btn-pop-close { z-index: 2; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box { position: relative; display: none; margin-top: 11px; border: 1px solid rgba(184, 27, 62, 0.95); box-shadow: rgba(184, 27, 62, 0.1) 0px 5px 10px; border-radius: 10px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box::before { z-index: 1; content: ""; position: absolute; top: -4px; width: 10px; height: 10px; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: var(--brand, #B81B3E) rgb(255, 255, 255) rgb(255, 255, 255) var(--brand, #B81B3E); border-image: none; border-radius: 1px; transform: rotate(45deg); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .time-instant-inner { z-index: 2; position: relative; 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; padding: 8px 9px; background: rgba(255, 255, 255, 0.95); border-radius: 10px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box.timer-pay::before { left: 70px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box.timer-card::before { right: 70px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box.is-active { display: block; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .time-count { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; margin-right: 6px; color: rgb(239, 61, 46); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info { margin-left: 20px; flex: 1 1 0%; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); font-weight: 500; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .val, .ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .unit { display: inline-block; vertical-align: top; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .val { color: var(--brand, #B81B3E); font-weight: 600; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .val ~ .unit { margin-left: 2px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .unit { font-weight: 500; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .right-box { margin-left: auto; flex-shrink: 0; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide { padding-top: 0px; background: rgba(0, 0, 0, 0.7); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body { 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; padding: 20px; background: transparent; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap { text-align: center; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .cont-tit { color: rgb(255, 255, 255); margin-bottom: 10px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .btext { color: rgb(255, 255, 255); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .img-box { margin-top: 30px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .img-box img { width: 300px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide { padding-top: 0px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box { padding: 0px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap { 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; height: 100%; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap .app-guide-content { display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; flex: 1 1 0%; text-align: center; padding-top: 20px; padding-bottom: 340px; background: url("/lotte_assets/blank.svg") center bottom / 375px 341px no-repeat var(--brand, #B81B3E); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap .app-guide-content .btext { margin-top: 23px; padding: 0px 40px; color: rgb(255, 255, 255); word-break: keep-all; }

@media (max-width: 375px) {
  .ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap .app-guide-content { padding-top: 40px; padding-bottom: 300px; 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; background-size: 100% auto; }
}

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap { min-height: 584px; 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; height: 100%; padding-top: 80px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide { padding-top: 38px; height: 100%; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container { height: 100%; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide { display: -webkit-flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; text-align: center; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .cont-tit { margin-bottom: 0px; font-weight: 400; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .cont-tit .fc-spot { font-weight: 600; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .img-box { margin-top: auto; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .img-box img { max-width: 375px; }

@media (max-width: 375px) {
  .ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .img-box img { width: 100%; }
}

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 8px; line-height: 8px; vertical-align: top; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination .swiper-pagination-bullet { background-color: rgb(224, 226, 227); opacity: 1; margin-left: 8px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination .swiper-pagination-bullet-active { background-color: rgb(1, 165, 185); }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-footer { padding: 0px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-footer .dialog-btn-wrap { padding: 0px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-footer .dialog-btn-wrap .btn-lg { border-radius: 0px; }

.netfunnel-info-wrap { display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; padding-top: 35px; padding-bottom: 20px; text-align: center; }

.netfunnel-info-wrap::after { content: ""; display: block; margin: 40px auto 0px; width: 65px; height: 36px; background: url("/lotte_assets/comm_header_logo.svg") center center / 65px 36px no-repeat; }

.netfunnel-info-wrap .guide-desc { padding-top: 160px; background: url("/lotte_assets/blank.svg") center top / 130px 130px no-repeat; color: rgb(0, 0, 0); font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; }

.netfunnel-info-wrap .guide-desc .fc-spot { font-size: inherit; font-weight: inherit; }

.netfunnel-info-wrap .guide-sub-desc { margin-top: 20px; color: rgb(0, 0, 0); font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; }

.netfunnel-info-wrap .guide-sub-desc .total-count { font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: inherit; }

.netfunnel-info-wrap .btext { margin-top: 29px; color: rgb(0, 0, 0); word-break: keep-all; }

.netfunnel-info-wrap .btext .fc-spot { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; }

.netfunnel-info-wrap .btn-center-wrap { margin-top: 30px; }

.netfunnel-info-wrap .btn-center-wrap .btn-md { min-width: 200px; }

.netfunnel-info-wrap .gray-box { margin-top: 30px; text-align: left; }

.netfunnel-info-wrap .progress-box { margin-top: 20px; }

.netfunnel-info-wrap .progress-box .frame { height: 8px; }

.netfunnel-info-wrap .progress-box .frame .bar { height: 8px; }

@media (min-width: 891px) {
  .netfunnel-info-wrap { padding-top: 20px; max-width: 369px; margin: auto; }
  .netfunnel-info-wrap .btext { padding: 0px 30px; }
}

.pop-register-barcode .dialog-body .cont-box .barcode-view-wrap { padding: 20px 0px; }

.prod-notice-wrap .prod-item .thumb-box { width: 200px; padding-top: 200px; margin: 0px auto; border: 0px; }

.prod-notice-wrap .prod-item .prod-info-box { position: relative; margin-top: 20px; padding-top: 20px; text-align: center; }

.prod-notice-wrap .prod-item .prod-info-box .btext-tit, .prod-notice-wrap .prod-item .prod-info-box .btext { text-align: left; }

.prod-notice-wrap .prod-item .prod-info-box::after { content: ""; position: absolute; top: -1px; left: -20px; right: -20px; width: calc(100% + 140px); height: 1px; background-color: rgb(221, 224, 227); }

.prod-notice-wrap .prod-item .prod-info-box .prod-tit { font-size: 18px; letter-spacing: -0.025em; line-height: 22px; font-weight: 500; color: rgb(0, 0, 0); }

.prod-notice-wrap .prod-item .prod-info-box .prod-tit + .btext { margin-top: 8px; text-align: center; }

.prod-notice-wrap .prod-item .prod-info-box .prod-price { margin-top: 8px; }

.prod-notice-wrap .prod-item .prod-info-box .prod-price .price { color: rgb(0, 0, 0); font-size: 22px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; }

.prod-notice-wrap .prod-item .prod-info-box .prod-price .price .val, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .unit { font-weight: inherit; font-size: 22px; line-height: 28px; letter-spacing: -0.025em; }

.prod-notice-wrap .prod-item .prod-info-box .prod-price .price .val ~ .val, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .val ~ .unit, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .unit ~ .val, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .unit ~ .unit { margin-left: 3px; }

.prod-notice-wrap.stamp .prod-item .prod-info-box { text-align: left; }

.prod-notice-wrap.stamp .prod-item .prod-info-box .prod-brand { display: inline-block; vertical-align: top; }

.prod-notice-wrap.stamp .prod-item .prod-info-box .prod-tit { margin-top: 12px; font-size: 22px; font-weight: 600; }

.prod-notice-wrap.stamp .prod-item .prod-info-box .badge-wrap { margin-top: 12px; }

.prod-notice-wrap.stamp .prod-item + .cont-tit-wrap { margin-top: 30px; }

.store-info-pop-wrap { padding-bottom: 80px; }

.store-info-pop-wrap .map-content { margin-bottom: 30px; }

.store-info-pop-wrap .store-info ~ .map-content { margin-top: 20px; padding-top: 220px; }

.store-info-pop-wrap .tag-wrap + .swiper-container { margin-top: 20px; }

.pop-delivery-zone .cont-box .cont-inner .btext ~ .map-wrap { margin-top: 20px; margin-bottom: 0px; }

.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner { padding-top: 30px; }

.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner .addr-history-list .addr-history-item .addr-list .addr-list-item { min-height: auto; }

.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner .addr-history-list.normal { padding-bottom: 0px; }

@media (max-width: 890px) {
  .pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner { padding-bottom: 0px; }
  .pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner .addr-history-list.normal { padding-bottom: 10px; }
}

.delivery-zone-banner { display: -webkit-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column; position: relative; width: 100%; height: 110px; }

.delivery-zone-banner .thumb-img { height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

@media (max-width: 890px) {
  .delivery-zone-banner { width: calc(100% + 40px); margin: -30px -20px; }
}

.addr-history-list.normal ~ .delivery-zone-banner { margin-top: 20px; }

.pop-hope-switch-on .img-box ~ .btext { margin-top: 20px; }

.pop-nonmember-order .terms-agree-list ~ .form-list-wrap { margin-top: 20px; }

.pop-nonmember-order .terms-agree-list ~ .form-list-wrap .form-cont .input-btn-box .btn-md { width: 108px; margin-left: 6px; }

.pop-find-store .search-form-wrap { margin-bottom: 0px; }

.pop-find-store .search-form-wrap .input-flex-box { flex-direction: column; }

.pop-find-store .search-form-wrap .input-flex-box .ui-select { width: 100%; }

.pop-find-store .search-form-wrap .input-flex-box .ui-select ~ .input-box { margin: 6px 0px 0px; }

.pop-store-info-summary .store-info ~ .btn-wrap, .pop-store-info-summary .store-info ~ .btn-right-wrap, .pop-store-info-summary .store-info ~ .btn-flex-wrap, .pop-store-info-summary .store-info ~ .btn-center-wrap { 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; margin-top: 20px; }

.pop-store-info-summary .store-info ~ .btn-wrap .btn-md, .pop-store-info-summary .store-info ~ .btn-right-wrap .btn-md, .pop-store-info-summary .store-info ~ .btn-flex-wrap .btn-md, .pop-store-info-summary .store-info ~ .btn-center-wrap .btn-md { flex: 1 0 auto; }

.pop-store-info-summary .store-info ~ .btn-wrap .btn-md.btn-store-info, .pop-store-info-summary .store-info ~ .btn-right-wrap .btn-md.btn-store-info, .pop-store-info-summary .store-info ~ .btn-flex-wrap .btn-md.btn-store-info, .pop-store-info-summary .store-info ~ .btn-center-wrap .btn-md.btn-store-info { flex-grow: inherit; }

.container-wrapper .board-detail-wrap .board-header { position: relative; padding-right: 50px; }

.container-wrapper .board-detail-wrap .board-header .badge-wrap { margin-bottom: 10px; }

.container-wrapper .board-detail-wrap .board-header .board-tit { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.container-wrapper .board-detail-wrap .board-header .board-tit [class^="badge-"] { margin-top: 4px; margin-left: 5px; flex-shrink: 0; }

.container-wrapper .board-detail-wrap .board-header .board-tit-desc { margin-top: 11px; color: rgb(0, 0, 0); }

.container-wrapper .board-detail-wrap .board-header .detail-info-list { margin-top: 11px; }

.container-wrapper .board-detail-wrap .board-header .btn-round-share { position: absolute; bottom: 0px; right: 0px; }

.container-wrapper .board-detail-wrap .board-header.no-share { padding-right: 0px; }

.container-wrapper .board-detail-wrap .board-header ~ .board-body { margin-top: 20px; padding-top: 31px; }

.container-wrapper .board-detail-wrap .board-header ~ .board-body::before { content: ""; position: absolute; top: 0px; left: -20px; right: -20px; height: 1px; background: rgb(221, 224, 227); }

.container-wrapper .board-detail-wrap .board-body { position: relative; }

.container-wrapper .board-detail-wrap .board-body .btext { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.container-wrapper .board-detail-wrap .board-body .tbl-col:first-child { margin-top: 0px; }

.container-wrapper .board-detail-wrap .board-body .text-area ~ .img-area { margin-top: 30px; }

.container-wrapper .board-detail-wrap .board-body .btext ~ .img-box, .container-wrapper .board-detail-wrap .board-body .btext ~ .tbl-info-wrap, .container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .img-box, .container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .tbl-info-wrap { margin-top: 20px; }

.container-wrapper .board-detail-wrap .board-body .img-box { width: 100%; }

.container-wrapper .board-detail-wrap .board-body .img-box img { width: 100%; }

.container-wrapper .board-detail-wrap .board-body .img-box ~ .img-box { margin-top: 20px; }

.container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-wrap, .container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-info { margin-top: 20px; }

.container-wrapper .board-detail-wrap .board-body .download-area { margin-top: 30px; }

.container-wrapper .board-detail-wrap .board-body .grid-list-wrap { margin-top: 30px; }

.container-wrapper .board-detail-wrap .board-body .gray-box ~ .btext { margin-top: 20px; }

.container-wrapper .board-detail-wrap .board-body .file-attach-wrap { margin-top: 30px; }

.container-wrapper .board-detail-wrap .board-body .date { font-size: 14px; color: rgb(136, 136, 136); margin-top: 15px; }

.container-wrapper .board-detail-wrap .board-body .brand_name { font-size: 14px; font-weight: bold; margin-bottom: 10px; }

.container-wrapper .board-detail-wrap .board-body .brand_ria { color: rgb(239, 61, 46); }

.container-wrapper .board-detail-wrap .board-body .brand_angel { color: rgb(153, 131, 112); }

.container-wrapper .board-detail-wrap .board-body .brand_kkd { color: rgb(0, 155, 82); }

.container-wrapper .board-detail-wrap .board-body .brand_pleEating { color: rgb(34, 34, 34); }

@media (min-width: 891px) {
  .container-wrapper .board-detail-wrap .board-body .file-attach-wrap { margin-top: 50px; }
}

.container-wrapper .board-detail-wrap .board-footer { position: relative; margin-top: 30px; padding-top: 20px; }

.container-wrapper .board-detail-wrap .board-footer::before { content: ""; position: absolute; display: block; top: 0px; left: -20px; right: -20px; height: 1px; background: rgba(221, 224, 227, 0.6); }

@media (min-width: 891px) {
  .container-wrapper .board-detail-wrap { position: relative; max-width: 1150px; padding: 0px 20px; margin: 0px auto; }
  .container-wrapper .board-detail-wrap .board-header ~ .board-body { padding-top: 51px; }
  .container-wrapper .board-detail-wrap .board-header ~ .board-body::before { left: 0px; right: 0px; }
  .container-wrapper .board-detail-wrap .board-body { }
  .container-wrapper .board-detail-wrap .board-body img { width: 100%; }
  .container-wrapper .board-detail-wrap .board-body .cont-box { padding-left: 0px; padding-right: 0px; }
  .container-wrapper .board-detail-wrap .board-body .btext ~ .img-box, .container-wrapper .board-detail-wrap .board-body .btext ~ .tbl-info-wrap, .container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .img-box, .container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .tbl-info-wrap { margin-top: 30px; }
  .container-wrapper .board-detail-wrap .board-body .img-box { width: 100%; }
  .container-wrapper .board-detail-wrap .board-body .img-box ~ .img-box { margin-top: 30px; }
  .container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-wrap, .container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-info { margin-top: 30px; }
  .container-wrapper .board-detail-wrap .board-body .download-area { margin-top: 50px; }
  .container-wrapper .board-detail-wrap .board-body .grid-list-wrap { margin-top: 50px; }
  .container-wrapper .board-detail-wrap .board-body .grid-list-wrap .download-area { margin-top: 0px; }
  .container-wrapper .board-detail-wrap .board-footer { margin-top: 50px; }
  .container-wrapper .board-detail-wrap .board-footer::before { left: 0px; right: 0px; }
  .container-wrapper .board-detail-wrap + .cont-box .cont-inner { padding-top: 0px; }
}

@media (max-width: 890px) {
  .container-wrapper .board-detail-wrap { background: rgb(255, 255, 255); }
  .container-wrapper .board-detail-wrap .board-body { background: rgb(243, 245, 247); }
  .container-wrapper .board-detail-wrap .board-body .cont-box:first-child { padding-top: 55px; }
  .container-wrapper .board-detail-wrap .board-body .cont-box:last-child .cont-inner { padding-bottom: 0px; }
  .container-wrapper .board-detail-wrap .board-footer { padding-left: 20px; padding-right: 20px; }
  .container-wrapper .board-detail-wrap + .cont-box { margin-top: 0px; }
  .container-wrapper .board-detail-wrap + .cont-box .cont-inner { padding-top: 0px; }
}

@media (max-width: 890px) {
  .container-wrapper .cont-box .board-detail-wrap .board-body { background: transparent; }
  .container-wrapper .cont-box .board-detail-wrap .board-footer { padding-left: 0px; padding-right: 0px; }
}

@media (min-width: 891px) {
  .container-wrapper .cont-box .board-detail-wrap { max-width: none; padding: 0px; }
}

.page-tit-wrap ~ .board-detail-wrap { margin-top: -20px; }

@media (max-width: 890px) {
  .page-tit-wrap ~ .board-detail-wrap { margin-top: 0px; }
}

.detail-info-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; }

@media (max-width: 890px) {
  .detail-info-list .info-item { position: relative; display: inline-block; color: rgb(136, 136, 136); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }
  .detail-info-list .info-item ~ .info-item { margin-left: 8px; padding-left: 9px; }
  .detail-info-list .info-item ~ .info-item::before { content: ""; width: 1px; height: 10px; position: absolute; top: 4px; left: 0px; background: rgb(194, 199, 204); }
}

@media (min-width: 891px) {
  .detail-info-list .info-item:not([data-mobile-only]) { position: relative; display: inline-block; color: rgb(136, 136, 136); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }
  .detail-info-list .info-item:not([data-mobile-only]) ~ .info-item { margin-left: 8px; padding-left: 9px; }
  .detail-info-list .info-item:not([data-mobile-only]) ~ .info-item::before { content: ""; width: 1px; height: 10px; position: absolute; top: 4px; left: 0px; background: rgb(194, 199, 204); }
}

.board-list-wrap .board-list-header { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 16px; }

.board-list-wrap .board-list-header .right-wrap { flex: 1 0 auto; margin-left: auto; padding-left: 10px; text-align: right; }

.board-list-wrap .board-list { border-top: 1px solid rgb(34, 34, 34); }

.board-list-wrap .board-list .board-item { position: relative; padding: 20px 0px; border-bottom: 1px solid rgb(221, 224, 227); }

.board-list-wrap .board-list .board-item .board-left { flex: 1 1 0%; }

@media (min-width: 891px) {
  .board-list-wrap .board-list .board-item .board-left { padding-right: 10px; }
}

.board-list-wrap .board-list .board-item .board-left .label-notice { margin-bottom: 10px; }

.board-list-wrap .board-list .board-item .board-left .bill-num ~ .board-tit-wrap { margin-top: 10px; }

.board-list-wrap .board-list .board-item .board-left .price { margin-top: 6px; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.board-list-wrap .board-list .board-item .board-left .board-tit-wrap { display: -webkit-inline-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; width: 100%; }

.board-list-wrap .board-list .board-item .board-left .board-tit-wrap [class^="badge-"] { margin-top: 1px; margin-left: 5px; flex-shrink: 0; }

.board-list-wrap .board-list .board-item .board-left .board-date { margin-top: 6px; }

.board-list-wrap .board-list .board-item .board-right { margin-top: 6px; }

.board-list-wrap .board-list .board-item .board-right .btn-sm { margin-top: 14px; }

.board-list-wrap .board-list .board-item .board-right .goods-group ~ .goods-group { margin-top: 5px; }

.board-list-wrap .board-list .board-item .board-right.self-start { align-self: flex-start; }

.board-list-wrap .board-list .board-item .badge-wrap { margin-bottom: 8px; }

.board-list-wrap .board-list .board-item .badge-wrap .label-notice { margin-bottom: 0px; }

.board-list-wrap .board-list .board-item .board-tit { display: inline-block; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.board-list-wrap .board-list .board-item .board-tit [class^="badge-"] { margin-left: 5px; vertical-align: -3px; }

.board-list-wrap .board-list .board-item .board-tit-desc { margin-top: 11px; color: rgb(0, 0, 0); }

.board-list-wrap .board-list .board-item .detail-info-list { margin-top: 11px; }

.board-list-wrap .board-list .board-item .board-date { color: rgb(136, 136, 136); }

.board-list-wrap .board-list .board-item .btn-sm { position: relative; z-index: 2; }

.board-list-wrap .board-list .board-item .card-use-history .history-state { display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.board-list-wrap .board-list .board-item .card-use-history .history-state .state { color: rgb(68, 68, 68); }

.board-list-wrap .board-list .board-item .card-use-history .goods-group ~ .history-state { margin-top: 7px; }

.board-list-wrap .board-list .board-item .card-use-history.minus .goods-group { position: relative; }

.board-list-wrap .board-list .board-item .card-use-history.minus .goods-group::after { position: absolute; top: 9px; left: 0px; content: ""; display: inline-block; width: 100%; height: 1px; background-color: rgb(153, 153, 153); }

.board-list-wrap .board-list .board-item .card-use-history.minus .goods-group .val, .board-list-wrap .board-list .board-item .card-use-history.minus .goods-group .unit { color: rgb(136, 136, 136); }

.board-list-wrap .board-list .board-item .card-use-history.minus .history-state .state { color: rgb(136, 136, 136); }

.board-list-wrap .board-list .board-item .card-use-history.plus .goods-group .val, .board-list-wrap .board-list .board-item .card-use-history.plus .goods-group .unit { color: var(--brand, #B81B3E); }

@media (max-width: 890px) {
  .board-list-wrap .board-list .board-item [data-pc-only] { display: none; }
}

@media (min-width: 891px) {
  .board-list-wrap .board-list .board-item { 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; }
  .board-list-wrap .board-list .board-item .board-left { overflow: hidden; }
  .board-list-wrap .board-list .board-item .board-right { margin-top: 0px; }
  .board-list-wrap .board-list .board-item .board-right .btn-sm { margin-top: 0px; }
  .board-list-wrap .board-list .board-item .board-right .goods-group { display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .board-list-wrap .board-list .board-item [data-mobile-only] { display: none; }
}

@media (max-width: 890px) {
  .board-list-wrap .board-list.type-maintain .board-item { 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; }
  .board-list-wrap .board-list.type-maintain .board-item .board-left { padding-right: 10px; }
  .board-list-wrap .board-list.type-maintain .board-item .board-right { margin-top: 0px; }
  .board-list-wrap .board-list.type-maintain .board-item .board-right .goods-group { display: -webkit-flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .board-list-wrap .board-list.type-maintain .board-item .board-right .btn-sm { margin-top: 0px; }
}

.board-list-wrap .board-list.has-full-info .board-item { flex-wrap: wrap; }

.board-list-wrap .board-list.has-full-info .board-item .board-full-info { width: 100%; }

.board-list-wrap .board-list.has-full-info .board-item .board-full-info .label-notice { margin-bottom: 8px; }

.board-list-wrap .board-list.has-full-info .board-item .board-full-info .badge-wrap .label-notice { margin-bottom: 0px; }

.board-content-wrap .text-area { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 400; color: rgb(68, 68, 68); word-break: break-all; white-space: pre-line; }

.board-content-wrap .img-area .img-box ~ .img-box { margin-top: 20px; }

@media (min-width: 891px) {
  .board-content-wrap .img-area .img-box ~ .img-box { margin-top: 30px; }
}

.board-content-wrap + [class^="btn-"] { margin-top: 30px; }

.board-content-wrap + [class^="btn-"] [class^="btn-md"] { min-width: auto; }

.badge-sm-round, .badge-sm { overflow: hidden; display: inline-block; box-sizing: border-box; text-align: center; vertical-align: top; border-radius: 4px; padding: 1px 6px 2px; height: 17px; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); border: 1px solid rgb(221, 224, 227); background-clip: padding-box; }

.badge-sm-round .text, .badge-sm .text { display: inline-block; position: relative; vertical-align: top; font-size: 10px; line-height: 13px; letter-spacing: -0.025em; font-weight: 600; }

.badge-md-round, .badge-md { overflow: hidden; display: inline-block; box-sizing: border-box; text-align: center; vertical-align: top; border-radius: 4px; padding: 2px 5.5px; height: 21px; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); border: 1px solid rgb(221, 224, 227); background-clip: padding-box; }

.badge-md-round .text, .badge-md .text { display: inline-block; position: relative; vertical-align: top; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; }

.badge-lg-round, .badge-lg { overflow: hidden; display: inline-block; box-sizing: border-box; text-align: center; vertical-align: top; border-radius: 4px; padding: 3px 6px 4px; height: 24px; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); border: 1px solid rgb(221, 224, 227); background-clip: padding-box; }

.badge-lg-round .text, .badge-lg .text { display: inline-block; position: relative; vertical-align: top; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 500; }

.badge-sm-round { border-radius: 9px; }

.badge-md-round { border-radius: 21px; }

.badge-lg-round { border-radius: 24px; }

.badge-label { border-color: rgb(245, 245, 245); background-color: rgb(245, 245, 245); }

.badge-label .text { font-weight: 600; }

.badge-lotteria { border-color: rgba(239, 61, 46, 0.1); background-color: rgba(239, 61, 46, 0.1); }

.badge-lotteria .text { color: rgb(239, 61, 46); font-weight: 600; }

.badge-angelinus { background-color: rgba(153, 131, 112, 0.1); border-color: rgba(153, 131, 112, 0.1); }

.badge-angelinus .text { color: rgb(153, 131, 112); font-weight: 600; }

.badge-krispy { background-color: rgba(0, 155, 82, 0.1); border-color: rgba(0, 155, 82, 0.1); }

.badge-krispy .text { color: rgb(0, 155, 82); font-weight: 600; }

.badge-plating { background-color: rgba(34, 34, 34, 0.1); border-color: rgba(34, 34, 34, 0.1); }

.badge-plating .text { color: rgb(102, 102, 102); font-weight: 600; }

.badge-icb { background-color: rgba(34, 34, 34, 0.1); border-color: rgba(34, 34, 34, 0.1); }

.badge-icb .text { color: rgb(102, 102, 102); font-weight: 600; }

.badge-stanbru { background-color: rgba(79, 112, 161, 0.1); border-color: rgba(170, 148, 129, 0.1); }

.badge-stanbru .text { color: rgb(25, 79, 161); font-weight: 600; }

.badge-eatz { background-color: rgba(116, 30, 43, 0.1); border-color: rgba(116, 30, 43, 0.1); }

.badge-eatz .text { color: rgb(116, 30, 43); font-weight: 600; }

.badge-all { background-color: rgba(184, 27, 62, 0.1); border-color: rgba(184, 27, 62, 0.1); }

.badge-all .text { color: rgb(116, 30, 43); font-weight: 600; }

.badge-spot { border-color: var(--brand, #B81B3E); background-color: rgb(255, 255, 255); }

.badge-spot .text { color: var(--brand, #B81B3E); font-weight: 600; }

.badge-fill-spot { background-color: var(--brand, #B81B3E); border-color: var(--brand, #B81B3E); }

.badge-fill-spot .text { color: rgb(255, 255, 255); font-weight: 600; }

.badge-fill-light-spot { background-color: rgba(184, 27, 62, 0.1); border-color: rgba(184, 27, 62, 0.1); }

.badge-fill-light-spot .text { color: var(--brand, #B81B3E); font-weight: 600; }

.badge-blue { border-color: rgb(45, 125, 206); }

.badge-blue .text { color: rgb(45, 125, 206); font-weight: 600; }

.badge-fill-blue { background-color: rgb(45, 125, 206); border-color: rgb(45, 125, 206); }

.badge-fill-blue .text { color: rgb(255, 255, 255); font-weight: 600; }

.badge-fill-light-blue { background-color: rgba(45, 125, 206, 0.1); border-color: rgba(45, 125, 206, 0.1); }

.badge-fill-light-blue .text { color: rgb(45, 125, 206); font-weight: 600; }

.badge-green { border-color: rgb(0, 155, 82); }

.badge-green .text { color: rgb(0, 155, 82); font-weight: 600; }

.badge-fill-green { background-color: rgb(0, 155, 82); border-color: rgb(0, 155, 82); }

.badge-fill-green .text { color: rgb(255, 255, 255); font-weight: 600; }

.badge-fill-light-green { background-color: rgba(28, 172, 104, 0.1); border-color: rgba(28, 172, 104, 0.1); }

.badge-fill-light-green .text { color: rgb(0, 155, 82); font-weight: 600; }

.badge-yellow { border-color: rgb(253, 205, 0); }

.badge-yellow .text { color: rgb(253, 205, 0); font-weight: 600; }

.badge-fill-yellow { background-color: rgb(253, 205, 0); border-color: rgb(253, 205, 0); }

.badge-fill-yellow .text { color: rgb(255, 255, 255); font-weight: 600; }

.badge-fill-light-yellow { background-color: rgba(253, 205, 0, 0.1); border-color: rgba(253, 205, 0, 0.1); }

.badge-fill-light-yellow .text { color: rgb(253, 205, 0); font-weight: 600; }

.badge-orange { border-color: rgb(160, 61, 232); }

.badge-orange .text { color: rgb(160, 61, 232); font-weight: 600; }

.badge-fill-orange { background-color: rgb(244, 149, 39); border-color: rgb(244, 149, 39); }

.badge-fill-orange .text { color: rgb(255, 255, 255); font-weight: 600; }

.badge-fill-light-orange { background-color: rgba(244, 149, 39, 0.1); border-color: rgba(244, 149, 39, 0.1); }

.badge-fill-light-orange .text { color: rgb(239, 61, 46); font-weight: 600; }

.badge-black { border-color: rgb(68, 68, 68); }

.badge-black .text { color: rgb(68, 68, 68); font-weight: 600; }

.badge-fill-black { background-color: rgb(68, 68, 68); border-color: rgb(68, 68, 68); }

.badge-fill-black .text { color: rgb(255, 255, 255); font-weight: 600; }

.badge-fill-light-black { background-color: rgba(68, 68, 68, 0.1); border-color: rgba(68, 68, 68, 0.1); }

.badge-fill-light-black .text { color: rgb(68, 68, 68); font-weight: 600; }

.badge-brown { border-color: rgb(47, 39, 31); }

.badge-brown .text { color: rgb(47, 39, 31); font-weight: 600; }

.badge-fill-brown { background-color: rgb(218, 214, 203); border-color: rgb(218, 214, 203); }

.badge-fill-brown .text { color: rgb(47, 39, 31); font-weight: 600; }

.badge-fill-light-brown { background-color: rgba(47, 39, 31, 0.1); border-color: rgba(47, 39, 31, 0.1); }

.badge-fill-light-brown .text { color: rgb(47, 39, 31); font-weight: 600; }

.badge-fill-gray { background-color: rgb(194, 199, 204); border-color: rgb(194, 199, 204); color: rgb(255, 255, 255); }

.badge-fill-gray .text { color: inherit; font-weight: 600; }

.badge-fill-dark-gray { background-color: rgb(149, 165, 165); border-color: rgb(149, 165, 165); color: rgb(255, 255, 255); }

.badge-fill-dark-gray .text { color: inherit; font-weight: 600; }

.badge-fill-light-gray02 { background-color: rgb(245, 245, 245); border-color: rgb(245, 245, 245); }

.badge-fill-light-gray02 .text { color: rgb(102, 102, 102); font-weight: 500; }

.badge-red { border-color: rgb(239, 61, 46); }

.badge-red .text { color: rgb(239, 61, 46); font-weight: 600; }

.badge-fill-red { background-color: rgb(239, 61, 46); border-color: rgb(239, 61, 46); }

.badge-fill-red .text { color: rgb(255, 255, 255); font-weight: 600; }

.badge-fill-light-red { background-color: rgba(239, 61, 46, 0.1); border-color: rgba(239, 61, 46, 0.1); }

.badge-fill-light-red .text { color: rgb(239, 61, 46); font-weight: 600; }

.badge-fill { color: rgb(255, 255, 255); }

.badge-fill .text { color: inherit; font-weight: 600; }

.label-notice { position: relative; display: inline-block; color: rgb(102, 102, 102); }

.tag-lg, .tag-md { overflow: hidden; display: inline-block; box-sizing: border-box; text-align: center; vertical-align: top; border: 1px solid rgb(221, 224, 227); background-color: rgb(255, 255, 255); }

.tag-lg .text, .tag-md .text { display: inline-block; position: relative; color: rgb(0, 0, 0); vertical-align: top; }

.tag-md { height: 23px; padding: 2px 7px 3px; border-radius: 20px; }

.tag-md .text { font-size: 12px; letter-spacing: -0.025em; line-height: 18px; }

.tag-lg { height: 32px; padding: 2px 15px; border-radius: 17px; }

.tag-lg .text { font-size: 13px; letter-spacing: -0.025em; line-height: 28px; }

.badge-wrap { margin: 0px; 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-flow: wrap; }

.badge-wrap [class^="badge-"] { margin-top: 3px; }

.badge-wrap [class^="badge-"] ~ .label-notice { margin-left: 8px; padding-left: 9px; }

.badge-wrap [class^="badge-"] ~ .label-notice .text { color: rgb(102, 102, 102); }

.badge-wrap [class^="badge-"] ~ .label-notice::before { position: absolute; top: 3px; left: 0px; content: ""; width: 1px; height: 10px; background: rgb(194, 199, 204); }

body.ios .badge-wrap [class^="badge-"] ~ .label-notice::before, body.mac .badge-wrap [class^="badge-"] ~ .label-notice::before { top: 4px; }

.tag-wrap { font-size: 0px; margin: -1px -1px -2px -2px; }

.tag-wrap .tag-md { margin: 1px 1px 2px 2px; }

.tag-wrap.type-lg { margin: -3px; }

.tag-wrap.type-lg .tag-lg { margin: 3px; }

.badge-cert { display: inline-flex; align-items: center; border: 1px solid transparent; border-radius: 16px; padding: 0px 10px; height: 32px; }

.badge-cert .text { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; font-weight: 600; color: inherit; margin-left: 6px; }

.badge-cert.good { border-color: rgb(153, 131, 112); }

.badge-cert.good .text { color: rgb(153, 131, 112); }

.badge-cert.well { border-color: rgb(0, 155, 82); }

.badge-cert.well .text { color: rgb(0, 155, 82); }

.badge-cert.verywell { border-color: rgb(45, 125, 206); }

.badge-cert.verywell .text { color: rgb(45, 125, 206); }

.tbl-row { }

.tbl-row-info tr th, .tbl-row-info tr td { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; text-align: left; vertical-align: top; word-break: break-all; }

.tbl-row-info tr th.left, .tbl-row-info tr td.left { text-align: left; }

.tbl-row-info tr th.right, .tbl-row-info tr td.right { text-align: right; }

.tbl-row-info tr th { padding-right: 8px; color: rgb(102, 102, 102); }

.tbl-row-info tr td { color: rgb(0, 0, 0); }

.tbl-row-info tr td .address-copy-wrap { margin-top: 0px; }

.tbl-row-info tr ~ tr th, .tbl-row-info tr ~ tr td { padding-top: 4px; }

.scroll-wrap-x { overflow-x: auto; margin-top: 20px; }

@media (min-width: 891px) {
  .scroll-wrap-x { overflow-x: visible; }
}

@media (max-width: 890px) {
  .scroll-wrap-x { width: auto; padding-left: 20px; margin-left: -20px; }
}

.scroll-wrap-x > .tbl-col, .scroll-wrap-x .tbl-row { margin-top: 0px; min-width: 890px; width: 890px; margin-bottom: 16px; border: 0px; }

@media (min-width: 891px) {
  .scroll-wrap-x .tbl-col, .scroll-wrap-x .tbl-row { min-width: 100%; width: 100%; margin-bottom: auto; }
}

@media (max-width: 890px) {
  .scroll-wrap-x .tbl-col, .scroll-wrap-x .tbl-row { margin-right: -20px; }
}

.scroll-wrap-x .tbl-col { border-left: 1px solid rgb(221, 224, 227); }

.scroll-wrap-x .tbl-col tbody tr:last-child th, .scroll-wrap-x .tbl-col tbody tr:last-child td { border-bottom: 1px solid rgb(221, 224, 227); }

.scroll-wrap-x .tbl-row tr:first-child th, .scroll-wrap-x .tbl-row tr:first-child td { border-top: 1px solid rgb(221, 224, 227); }

.scroll-wrap-x .tbl-row tr td:last-child { border-right: 1px solid rgb(221, 224, 227); }

.scroll-wrap-x + .btext, .scroll-wrap-x + .info-text-list, .scroll-wrap-x + .dot-text { margin-top: 13px; }

.tbl-col { width: 100%; border-left: 1px solid rgb(221, 224, 227); border-bottom: 1px solid rgb(221, 224, 227); text-align: center; margin-top: 20px; }

.tbl-col tr th, .tbl-col tr td { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; border-right: 1px solid rgb(221, 224, 227); border-top: 1px solid rgb(221, 224, 227); padding: 10px 16px 11px; background: rgb(255, 255, 255); }

.tbl-col tr th.left, .tbl-col tr td.left { text-align: left; }

.tbl-col tr th.right, .tbl-col tr td.right { text-align: right; }

.tbl-col thead tr th { border-top: 1px solid rgb(221, 224, 227); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); padding: 10px 0px 11px; background-color: rgb(239, 241, 243); border-bottom: 0px; }

.tbl-col thead tr th.sub { color: rgb(136, 136, 136); }

.tbl-col thead tr:last-child th { border-bottom: 0px; }

.tbl-col thead.offscreen { display: none; }

.tbl-col tbody tr { }

.tbl-col tbody tr th { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); padding: 10px 0px 11px; background-color: rgb(239, 241, 243); }

.tbl-col tbody tr td { color: rgb(68, 68, 68); }

.tbl-col tbody tr th.sub { color: rgb(136, 136, 136); }

.tbl-col tbody tr td .tbl-col, .tbl-col tbody tr td .tbl-row { margin-top: 0px; }

.tbl-col.left th, .tbl-col.left td { text-align: left; }

.tbl-col.right th, .tbl-col.right td { text-align: right; }

@media (min-width: 891px) {
  .tbl-col .mo-col { display: none; }
}

@media (max-width: 890px) {
  .tbl-col .pc-col { display: none; }
}

.tbl-row { table-layout: fixed; width: 100%; border-top: 1px solid rgb(221, 224, 227); border-right: 1px solid rgb(221, 224, 227); margin-top: 20px; }

.tbl-row tbody th, .tbl-row tbody td { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; border-left: 1px solid rgb(221, 224, 227); border-bottom: 1px solid rgb(221, 224, 227); padding: 10px 16px 11px; }

.tbl-row tbody th.left, .tbl-row tbody td.left { text-align: left; }

.tbl-row tbody th.right, .tbl-row tbody td.right { text-align: right; }

.tbl-row tbody th.center, .tbl-row tbody td.center { text-align: center; }

.tbl-row tbody th { text-align: center; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); background-color: rgb(239, 241, 243); }

.tbl-row tbody th.sub { color: rgb(136, 136, 136); }

.tbl-row tbody td { text-align: left; }

.tbl-row tbody td .tbl-col, .tbl-row tbody td .tbl-row { margin-top: 0px; }

.tbl-col, .tbl-row { }

.tbl-col ~ .gray-box, .tbl-row ~ .gray-box { margin-top: 30px; }

.tbl-col + .btext, .tbl-col + .info-text-list, .tbl-col + .dot-text, .tbl-row + .btext, .tbl-row + .info-text-list, .tbl-row + .dot-text { margin-top: 13px; }

body.ios .tbl-col, body.mac .tbl-col, body.ios .tbl-row, body.mac .tbl-row { border-collapse: separate; }

.prod-item { position: relative; }

.prod-item .thumb-box { position: relative; border: 1px solid rgb(239, 241, 243); padding-top: calc(100% - 2px); border-radius: 4px; background: rgb(255, 255, 255); }

.prod-item .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-size: contain; background-position: center center; background-repeat: no-repeat; }

.prod-item .thumb-box .badge-wrap { overflow: hidden; position: absolute; top: 10px; left: 10px; right: 10px; }

.prod-item .thumb-box .btn-cart { z-index: 3; position: absolute; bottom: 10px; right: 10px; }

.prod-item .thumb-box .btn-remove { position: absolute; top: 10px; right: 10px; z-index: 3; }

.prod-item .btn-remove { position: absolute; top: 10px; right: 10px; z-index: 3; }

#myMenuListSub .prod-item .btn-remove { right: 20px; }

.prod-item .prod-info-box { margin-top: 12px; }

.prod-item .prod-info-box .badge-md ~ .prod-tit { margin-top: 8px; }

.prod-item .prod-info-box .prod-brand { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.prod-item .prod-info-box .prod-brand + .prod-tit { margin-top: 4px; }

.prod-item .prod-info-box .badge-wrap { margin-top: 10px; }

.prod-item .prod-info-box .badge-wrap.brand { margin-top: 0px; margin-bottom: 6px; }

.prod-item .prod-info-box .prod-tit { color: rgb(0, 0, 0); font-weight: 500; word-break: keep-all; display: -webkit-box; overflow: hidden; max-height: 36px; line-height: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; }

.prod-item .prod-info-box .prod-tit.ellipsis { height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: block; white-space: nowrap; }

.prod-item .prod-info-box .opt-text { margin-top: 6px; font-size: 12px; line-height: 16px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.prod-item .prod-info-box .opt-text ~ .prod-price { margin-top: 12px; }

.prod-item .prod-info-box .prod-price { margin-top: 8px; font-size: 0px; }

.prod-item .prod-info-box .prod-price .price, .prod-item .prod-info-box .prod-price .price-normal { font-size: 0px; }

.prod-item .prod-info-box .prod-price .price .val, .prod-item .prod-info-box .prod-price .price .unit, .prod-item .prod-info-box .prod-price .price-normal .val, .prod-item .prod-info-box .prod-price .price-normal .unit { position: relative; display: inline-block; vertical-align: top; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.prod-item .prod-info-box .prod-price .price .val ~ .unit, .prod-item .prod-info-box .prod-price .price-normal .val ~ .unit { margin-left: 2px; }

.prod-item .prod-info-box .prod-price .price-normal { display: block; margin-bottom: 2px; }

.prod-item .prod-info-box .prod-price .price-normal .val, .prod-item .prod-info-box .prod-price .price-normal .unit { color: rgb(136, 136, 136); }

.prod-item .prod-info-box .prod-price .price-normal .val::after, .prod-item .prod-info-box .prod-price .price-normal .unit::after { content: ""; display: inline-block; position: absolute; top: 8px; left: 0px; width: 100%; height: 1px; background-color: rgb(153, 153, 153); }

.prod-item .prod-info-box .prod-price .price-normal .unit::after { width: calc(100% + 2px); left: -2px; }

.prod-item .prod-info-box .prod-price .percent { display: inline-block; margin-right: 4px; vertical-align: top; font-weight: 600; color: rgb(239, 61, 46); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.prod-item .prod-info-box .prod-price .price .val, .prod-item .prod-info-box .prod-price .price .unit { color: rgb(0, 0, 0); font-weight: 700; }

.prod-item.prod-size-fix { display: inline-block; width: 144px; max-width: none; vertical-align: top; }

.prod-item.horizontal { 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; max-width: none; }

.prod-item.horizontal .thumb-box { width: 80px; padding-top: 78px; }

.prod-item.horizontal .prod-info-box { flex: 1 0 auto; width: calc(100% - 80px); margin: 0px; padding-left: 12px; }

.prod-item.horizontal .prod-info-box .prod-tit { height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; }

.prod-item.horizontal .prod-info-box .tbl-info-wrap { margin-top: 10px; }

.prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr th, .prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr td { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; }

.prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr th { padding-right: 4px; }

.prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr ~ tr th, .prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr ~ tr td { padding-top: 4px; }

.prod-item.horizontal .prod-info-box .total-prod-price { font-size: 0px; margin-top: 10px; }

.prod-item.horizontal .prod-info-box .total-prod-price .prod-count { display: inline-block; vertical-align: top; color: rgb(102, 102, 102); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.prod-item.horizontal .prod-info-box .total-prod-price .prod-count ~ .total-price { padding-left: 8px; margin-left: 8px; }

.prod-item.horizontal .prod-info-box .total-prod-price .prod-count ~ .total-price::before { content: ""; position: absolute; top: 4px; left: 0px; display: block; width: 1px; height: 10px; background: rgb(221, 224, 227); }

.prod-item.horizontal .prod-info-box .total-prod-price .total-price { position: relative; display: inline-block; vertical-align: top; font-size: 0px; }

.prod-item.horizontal .prod-info-box .total-prod-price .total-price .val, .prod-item.horizontal .prod-info-box .total-prod-price .total-price .unit { display: inline-block; vertical-align: top; color: rgb(0, 0, 0); font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.prod-item.horizontal .prod-info-box .total-prod-price .total-price .val ~ .unit { margin-left: 1px; }

.prod-item.soldout .thumb-box { position: relative; overflow: hidden; }

.prod-item.soldout .thumb-box::before { content: "품절"; 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; z-index: 1; inset: 0px; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; }

.prod-list-wrap { overflow: hidden; }

.prod-list-wrap .prod-list { margin: 0px -5px; 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-flow: wrap; }

.prod-list-wrap .prod-list .prod-item { max-width: none; width: 50%; padding: 0px 5px; }

.prod-list-wrap .prod-list .prod-item:nth-child(2) ~ .prod-item { margin-top: 30px; }

.prod-list-wrap .prod-list.grid-col4 ~ .prod-item { margin-top: 5px; }

.prod-list-wrap .prod-list.grid-col4 ~ .prod-item:nth-child(1) { margin-top: 0px; }

@media (min-width: 891px) {
  .prod-list-wrap .prod-list { margin: 0px -10px; }
  .prod-list-wrap .prod-list .prod-item { width: 33.3333%; padding: 0px 10px; }
  .prod-list-wrap .prod-list .prod-item ~ .prod-item:nth-child(3) { margin-top: 0px; }
  .prod-list-wrap .prod-list.grid-col4 .prod-item { width: 25%; margin-left: 10px; }
  .prod-list-wrap .prod-list.grid-col4 .prod-item:nth-child(n+1) { margin-left: 0px; }
  .prod-list-wrap .prod-list.grid-col4 .prod-item:nth-child(2n+1) { margin-left: 0px; }
  .prod-list-wrap .prod-list.grid-col4 .prod-item ~ .prod-item { margin-top: 0px; }
  .prod-list-wrap .prod-list.grid-col4 .prod-item ~ .prod-item:nth-child(n+5) { margin-top: 30px; }
}

.swiper-prod-wrap { position: relative; margin: 0px -20px; }

.swiper-prod-wrap .swiper-container { padding: 0px 20px; }

.swiper-prod-wrap .swiper-container .swiper-slide { margin-right: 10px; }

.swiper-prod-wrap .swiper-container .swiper-slide:last-child { margin-right: 0px; }

.swiper-container .swiper-notification { display: none; }

.swiper-prod-wrap .swiper-control-wrap { display: none; }

@media (min-width: 891px) {
  .swiper-prod-wrap { margin: 0px; }
  .swiper-prod-wrap .swiper-container { padding: 0px; }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-next, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev { position: absolute; top: 0px; opacity: 1; z-index: 2; box-sizing: border-box; width: 60px; height: 100%; margin-top: 0px; }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-next::before, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev::before { content: ""; position: absolute; top: 51px; width: 45px; height: 45px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled { background: transparent; }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled::before, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled::before { opacity: 0.6; pointer-events: auto; }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-next { right: 0px; background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 100%); }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-next::before { right: -20px; }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev { left: 0px; background: none; }
  .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev::before { left: -20px; transform: rotate(180deg); box-shadow: rgba(0, 0, 0, 0.1) 0px -3px 6px; }
  .swiper-prod-wrap.is-active .swiper-control-wrap { display: block; }
}

.label-prod-opt { position: relative; flex: 1 1 0%; display: -webkit-flex; justify-content: space-around; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.label-prod-opt .opt-left { overflow: hidden; 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; flex: 1 1 0%; }

.label-prod-opt .opt-left .opt-img { display: block; width: 60px; height: 60px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 4px; margin-right: 12px; background-color: rgb(255, 255, 255); }

.label-prod-opt .opt-right { 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; padding-left: 6px; }

.label-prod-opt .opt-right .ui-spinner-box { margin-left: 10px; }

.label-prod-opt .opt-name { flex: 1 1 0%; overflow: hidden; color: rgb(68, 68, 68); font-weight: 500; }

.label-prod-opt .opt-val { flex: 1 1 0%; overflow: hidden; display: -webkit-inline-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; }

.label-prod-opt .opt-val .val, .label-prod-opt .opt-val .unit { color: rgb(102, 102, 102); font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.label-prod-opt .opt-val .val ~ .unit { margin-left: 2px; }

.opt-count-wrap { 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; }

.opt-count-wrap .ui-opt-rdo { flex: 1 1 0%; }

.order-prod-list-wrap .order-prod-list + .btn-wrap, .order-prod-list-wrap .order-prod-list + .btn-right-wrap, .order-prod-list-wrap .order-prod-list + .btn-flex-wrap, .order-prod-list-wrap .order-prod-list + .btn-center-wrap { margin-top: 20px; text-align: center; }

.order-prod-list-wrap .order-prod-list + .cont-tit-wrap { padding: 0px 20px; }

@media (min-width: 891px) {
  .order-prod-list-wrap .order-prod-list + .cont-tit-wrap { margin-top: 40px; }
}

@media (max-width: 890px) {
  .order-prod-list-wrap .order-prod-list + .cont-tit-wrap { padding-top: 30px; border-top: 10px solid rgb(243, 245, 247); }
}

.order-prod-list-wrap .btn-wrap, .order-prod-list-wrap .btn-right-wrap, .order-prod-list-wrap .btn-flex-wrap, .order-prod-list-wrap .btn-center-wrap { 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; }

.order-prod-list-wrap .btn-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more { width: 100%; }

.order-prod-list-wrap .btn-wrap .btn-order-prod-more .text .num, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more .text .num, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more .text .num, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more .text .num { font-weight: inherit; font-size: inherit; }

.order-prod-list-wrap .btn-wrap .btn-order-prod-more .text .num .fc-spot, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more .text .num .fc-spot, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more .text .num .fc-spot, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more .text .num .fc-spot { font-weight: inherit; font-size: inherit; }

@media (max-width: 890px) {
  .order-prod-list-wrap .btn-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more { margin-bottom: 0px; }
}

.order-prod-list-wrap .order-prod-item { position: relative; 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; padding-top: 20px; padding-bottom: 20px; }

.order-prod-list-wrap .order-prod-item + .order-prod-item { border-top: 1px solid rgb(238, 238, 238); }

.order-prod-list-wrap .order-prod-item:first-child { border-top: 0px; padding-top: 0px; }

.order-prod-list-wrap .order-prod-item:last-child { padding-bottom: 0px; }

.order-prod-list-wrap .order-prod-item.no-order .prod-item .thumb-box, .order-prod-list-wrap .order-prod-item.soldout .prod-item .thumb-box { position: relative; overflow: hidden; }

.order-prod-list-wrap .order-prod-item.no-order .prod-item .thumb-box::before, .order-prod-list-wrap .order-prod-item.soldout .prod-item .thumb-box::before { content: ""; 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; z-index: 1; inset: 0px; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 600; }

.order-prod-list-wrap .order-prod-item.no-order .goods-group .sub.fc-gray, .order-prod-list-wrap .order-prod-item.soldout .goods-group .sub.fc-gray { font-weight: 600; }

.order-prod-list-wrap .order-prod-item.no-order .prod-item .thumb-box::before { content: "주문불가"; }

.order-prod-list-wrap .order-prod-item.soldout .prod-item .thumb-box::before { content: "품절"; }

.order-prod-list-wrap .order-prod-item .prod-item.horizontal .thumb-box { flex-shrink: 0; }

.order-prod-list-wrap .order-prod-item .prod-item.horizontal .prod-info-box { flex: 1 1 auto; }

@media (min-width: 891px) {
  .order-prod-list-wrap .order-prod-item .cart-prod-opt { width: 380px; padding-right: 60px; }
}

@media (max-width: 890px) {
  .order-prod-list-wrap .order-prod-item { 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; }
  .order-prod-list-wrap .order-prod-item .cart-prod-opt { margin-top: 20px; width: 100%; padding-left: 30px; }
}

.order-prod-list-wrap .order-prod-header { 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; background-color: rgb(245, 246, 248); padding: 16px; border-radius: 10px; }

.order-prod-list-wrap .order-prod-header .title { color: rgb(0, 0, 0); font-weight: 500; }

.order-prod-list-wrap .order-prod-header .right-box { margin-left: auto; color: rgb(0, 0, 0); font-weight: 500; font-size: 13px; }

.order-prod-list-wrap .order-prod-header .right-box .goods-group { display: inline-block; vertical-align: top; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: inherit; }

.order-prod-list-wrap.order:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) { display: none; }

.order-prod-list-wrap.order:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) + .order-prod-item { display: block; }

.order-prod-list-wrap.order:not(.active) .order-prod-list .order-prod-item:nth-of-type(n+2) { display: none !important; }

.order-prod-list-wrap.order.active .btn-order-prod-more .num { display: none; }

.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:first-child ~ .order-prod-item { display: none; }

.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:first-child + .order-prod-item { display: block; }

.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) { display: none; }

.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) ~ .order-prod-item { display: none; }

.order-prod-list-wrap.order-delivery-prd.active .btn-order-prod-more .num { display: none; }

.order-prod-list-wrap.order-delivery-prd .prod-item.horizontal .prod-info-box .prod-tit { margin-top: 4px; }

.payment-current-wrap .payment-current-box ~ .payment-current-box { margin-top: 20px; padding-top: 22px; border-top: 1px solid rgb(68, 68, 68); }

.payment-current-wrap .payment-current-box .cont-tit-wrap { margin-bottom: 0px; }

.payment-current-wrap .payment-current-box .cont-tit-wrap .right-area { text-align: right; width: 100%; }

.payment-current-wrap .payment-current-box .cont-tit-wrap .right-area .cont-sub-text { color: rgb(102, 102, 102); }

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

.payment-current-wrap .payment-current-box .cont-tit-wrap .cont-right .goods-group .unit + .val { margin-left: 4px; }

.payment-current-wrap .payment-current-box .cont-tit-wrap + .gray-box, .payment-current-wrap .payment-current-box .cont-tit-wrap + .price-info-list { margin-top: 20px; }

.payment-current-wrap .payment-current-box .cont-tit-wrap + .dot-text { margin-top: 12px; }

.payment-current-wrap .payment-current-box .gray-box { margin-top: 20px; }

.payment-current-wrap .payment-current-box .gray-box .info-text-list { margin-top: 0px; }

.payment-current-wrap.col2 { margin-top: 10px; 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-flow: wrap; }

@media (max-width: 890px) {
  .payment-current-wrap.col2 { margin: 30px -20px 0px; padding: 30px 20px 0px; border-top: 10px solid rgb(243, 245, 247); background: rgb(255, 255, 255); }
}

@media (min-width: 891px) {
  .payment-current-wrap.col2 { margin-top: 60px; }
}

.payment-current-wrap.col2 .payment-current-box { border-top: 2px solid rgb(0, 0, 0); }

.payment-current-wrap.col2 .payment-current-box .cont-tit-wrap { margin-top: 20px; }

@media (max-width: 890px) {
  .payment-current-wrap.col2 .payment-current-box { width: 100%; padding-top: 20px; }
  .payment-current-wrap.col2 .payment-current-box .cont-tit-wrap { margin-top: 0px; }
  .payment-current-wrap.col2 .payment-current-box ~ .payment-current-box { margin-top: 30px; }
}

@media (min-width: 891px) {
  .payment-current-wrap.col2 .payment-current-box { width: calc(50% - 20px); margin-left: 40px; }
  .payment-current-wrap.col2 .payment-current-box:nth-child(2n+1) { margin-left: 0px; }
  .payment-current-wrap.col2 .payment-current-box ~ .payment-current-box { margin-top: 0px; padding-top: 0px; }
}

.payment-current-wrap + .gray-box { margin-top: 20px; }

.prod-total-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; }

.prod-total-wrap .total-count .value-text { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.prod-total-wrap .total-info { font-size: 0px; text-align: right; }

.prod-total-wrap .total-info .total-price { display: inline-block; font-size: 0px; vertical-align: top; }

.prod-total-wrap .total-info .total-price .pre-text { display: inline-block; vertical-align: top; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); margin-right: 4px; }

.prod-total-wrap .total-info .total-price .val { display: inline-block; vertical-align: top; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: var(--brand, #B81B3E); }

.prod-total-wrap .total-info .total-price .unit { display: inline-block; vertical-align: top; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); margin-left: 2px; }

.prod-total-wrap .total-info .badge-md { margin: 1px 0px 0px 5px; }

.prod-total-wrap .total-info .prod-delivery { margin-top: 5px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(136, 136, 136); vertical-align: top; }

.prod-total-wrap .total-info .prod-delivery .val, .prod-total-wrap .total-info .prod-delivery .unit { display: inline-block; vertical-align: top; font-size: inherit; }

.prod-total-wrap .total-info .prod-delivery .val ~ .unit { margin-left: 2px; }

.period-total-wrap { padding: 10px 20px 20px; 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; }

.period-total-wrap .total-tit { padding: 2px 0px; font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.period-total-wrap .total-info { flex: 1 1 0%; padding-left: 10px; text-align: right; }

.period-total-wrap .total-info .period-date { font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.period-total-wrap .total-info .btext { margin-top: 2px; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.gray-box .coupon-box { margin: 10px auto; }

.gray-box .payment-card-item { border-radius: 10px; margin: 10px auto; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 30px 0px; }

.gray-box .payment-card-before-wrap { border-radius: 10px; margin: 10px auto; }

.gray-box + .payment-current-box { margin-top: 20px; }

.gray-box + .payment-current-box .cont-tit-wrap { margin-bottom: 0px; }

@media (max-width: 890px) {
  .gray-box.type-order-coupon { padding: 0px; background: transparent; }
  .gray-box.type-order-coupon .coupon-box { margin: 0px; }
}

.tooltip-wrap { position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; }

body.ios .tooltip-wrap .btn-info, body.mac .tooltip-wrap .btn-info { margin-top: 1px; }

.tooltip-wrap.active .btn-info .ico-info-tooltip { border-color: rgb(68, 68, 68); background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat rgb(255, 255, 255); }

.tooltip-wrap.active .tooltip-box { opacity: 1; transform: scaleY(1); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px; visibility: visible; }

.tooltip-wrap .tooltip-box { display: block; position: absolute; left: 0px; top: 16px; z-index: 15; overflow: hidden; padding: 16px 42px 16px 16px; margin-top: 6px; background-color: rgb(255, 255, 255); border: 1px solid rgb(194, 199, 204); border-radius: 4px; text-align: left; box-sizing: border-box; opacity: 0; transform: scaleY(0); transition: opacity 0.3s ease-out; visibility: hidden; }

@media (min-width: 891px) {
  .tooltip-wrap .tooltip-box { width: 342px; }
}

@media (max-width: 890px) {
  .tooltip-wrap .tooltip-box { width: calc(-40px + 100vw); max-width: 480px; }
}

.tooltip-wrap .tooltip-box .tooltip-contents { box-sizing: border-box; }

.tooltip-wrap .tooltip-box .tooltip-contents .tooltip-desc, .tooltip-wrap .tooltip-box .tooltip-contents .tooltip-item { color: rgb(102, 102, 102); }

.tooltip-wrap .tooltip-box .tooltip-contents .tooltip-desc, .tooltip-wrap .tooltip-box .tooltip-contents .tooltip-item, .tooltip-wrap .tooltip-box .tooltip-contents .val, .tooltip-wrap .tooltip-box .tooltip-contents .unit { font-size: 14px; letter-spacing: -0.025em; line-height: 22px; }

.tooltip-wrap .tooltip-box .tooltip-contents .val ~ .unit { margin-left: 2px; }

.tooltip-wrap .btn-tooltip-close { display: block; position: absolute; right: 16px; top: 16px; width: 16px; height: 16px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; box-sizing: border-box; }

.tooltip-wrap.hide .tooltip-box { transform: scaleY(0); transition: opacity 0.3s ease-out, transform 0.3s; }

.tooltip-wrap.right .tooltip-box { left: auto; right: 0px; }

.editor-wrap .termTxt { padding-bottom: 50px; }

.editor-wrap .termTxt:first-child { padding-top: 30px; }

.editor-wrap .termTxt .tit { margin-top: 30px; font-size: 15px; font-weight: 900; color: rgb(34, 34, 34); }

.editor-wrap .termTxt .tit:first-child { margin-top: 0px; }

.editor-wrap .termTxt .txt { font-size: 14px; line-height: 20px; }

.editor-wrap .termTxt .txt .txt { padding-left: 20px; }

.editor-wrap .termTxt .txt .txt > * { margin-top: 10px; }

.editor-wrap .termTxt .txt > * { margin-top: 10px; }

.editor-wrap .termTxt .txt .textIndent { padding-left: 15px; }

.editor-wrap .termTxt .txt .barList li { margin-top: 5px; font-size: 14px; line-height: 20px; text-indent: -8px; padding-left: 10px; }

.editor-wrap .termTxt .txt .barList li:first-child { margin-top: 0px; }

.editor-wrap .termTxt .txt .barList li p { margin-top: 0px; }

.editor-wrap .termTxt .topDiv { padding: 30px 0px; margin-bottom: 30px; border-bottom: 1px solid rgb(229, 229, 229); font-size: 14px; line-height: 20px; }

.editor-wrap .termTxt .topDiv:first-child { padding: 0px 0px 30px; }

.editor-wrap .termTxt .topDiv .tit { font-size: 26px; line-height: 30px; color: rgb(0, 0, 0); }

.editor-wrap .termTxt .bottDiv { padding-bottom: 50px; }

.editor-wrap .termTxt .bottDiv > * { margin-top: 15px; }

.editor-wrap .termTxt .bottDiv > * > * { margin-top: 15px; }

.editor-wrap .termTxt .txt1 { margin-top: 30px; font-size: 15px; font-weight: 900; color: rgb(34, 34, 34); }

.editor-wrap .termTxt .txt1:first-child { margin-top: 0px; }

.editor-wrap .termTxt .txt2 { font-size: 14px; line-height: 20px; }

.editor-wrap .termTxt .txt3 { padding-left: 15px; font-size: 14px; line-height: 20px; }

.editor-wrap .termTxt .barList { margin-top: 10px; }

.editor-wrap .termTxt .barList li { text-indent: -8px; margin-top: 5px; padding-left: 10px; }

.editor-wrap .termTxt .barList li:first-child { margin-top: 0px; }

.editor-wrap .termTxt .barList li p { margin-top: 0px; }

.editor-wrap .termTxt .tableType1 { margin-top: 20px; border-top: 2px solid rgb(51, 51, 51); width: 100%; overflow-x: auto; table-layout: auto; }

.editor-wrap .termTxt .tableType1 table { margin-top: 0px; width: 180%; text-align: center; table-layout: auto; }

.editor-wrap .termTxt .tableType1 table th { padding: 10px; border-bottom: 1px solid rgb(229, 229, 229); border-right: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); background: rgb(245, 245, 245); font-size: 14px; line-height: 20px; font-weight: bold; color: rgb(34, 34, 34); word-break: keep-all; }

.editor-wrap .termTxt .tableType1 table td { padding: 10px; border-bottom: 1px solid rgb(229, 229, 229); border-right: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); background: rgb(255, 255, 255); font-size: 13px; line-height: 20px; color: rgb(85, 85, 85); word-break: keep-all; }

.editor-wrap .termTxt .tableType1 table th:first-child { border-left: 0px; }

.editor-wrap .termTxt .tableType1 table th:last-child { border-right: 0px; }

.editor-wrap .termTxt .tableType1 table td:first-child { border-left: 0px; }

.editor-wrap .termTxt .tableType1 table td:last-child { border-right: 0px; }

.editor-wrap .termTxt .tableType1 table td table { width: 100%; border-top: 2px solid rgb(51, 51, 51); }

@media (min-width: 891px) {
  .editor-wrap .termDiv .titArea { padding: 20px 0px; border-bottom: 1px solid rgb(229, 229, 229); margin-bottom: 20px; }
  .editor-wrap .termDiv .titArea .popTit { margin-bottom: 10px; font-size: 28px; line-height: 36px; color: rgb(0, 0, 0); }
  .editor-wrap .termDiv .titArea .popTit br { display: none; }
  .editor-wrap .termDiv .titArea .popTxt { font-size: 14px; line-height: 18px; }
  .editor-wrap .termDiv .termTxt { padding-bottom: 30px; }
  .editor-wrap .termDiv .termTxt > div { margin-top: 30px; }
  .editor-wrap .termDiv .termTxt > div:first-child { margin-top: 0px; }
  .editor-wrap .termDiv .termTxt .txt1 { font-size: 16px; font-weight: bold; line-height: 22px; color: rgb(51, 51, 51); }
  .editor-wrap .termDiv .termTxt .barList li { margin-top: 10px; text-indent: -8px; padding-left: 10px; }
  .editor-wrap .termDiv .inputDiv { margin-top: 5px; }
  .editor-wrap .termDiv .inputDiv:first-child { margin-top: 0px; }
  .editor-wrap .termTxt .tableType1 table { margin-top: 0px; width: 100%; text-align: center; }
  .editor-wrap .termTxt { clear: both; padding-bottom: 100px; }
  .editor-wrap .termTxt:first-child { padding-top: 0px; }
  .editor-wrap .termTxt .tit { margin-top: 30px; font-size: 18px; font-weight: 900; color: rgb(34, 34, 34); }
  .editor-wrap .termTxt .tit:first-child { margin-top: 0px; }
  .editor-wrap .termTxt .txt { font-size: 16px; line-height: 24px; }
  .editor-wrap .termTxt .txt p { margin-top: 20px; }
  .editor-wrap .termTxt .txt .textIndent { padding-left: 15px; }
  .editor-wrap .termTxt .txt .barList li { margin-top: 10px; font-size: 16px; line-height: 24px; text-indent: -8px; padding-left: 10px; }
  .editor-wrap .termTxt .txt .barList li:first-child { margin-top: 0px; }
  .editor-wrap .termTxt .txt .barList li p { margin-top: 0px; }
  .editor-wrap .termDiv .termTxt { padding-bottom: 30px; }
  .editor-wrap .termDiv .termTxt > div { margin-top: 30px; }
  .editor-wrap .termDiv .termTxt > div:first-child { margin-top: 0px; }
  .editor-wrap .termDiv .termTxt .txt1 { font-size: 16px; font-weight: bold; line-height: 22px; color: rgb(51, 51, 51); }
  .editor-wrap .termDiv .termTxt .barList li { margin-top: 10px; text-indent: -8px; padding-left: 10px; }
  .editor-wrap .termDiv .termTxt .dotT { position: relative; text-indent: 0px; padding-left: 7px; }
  .editor-wrap .termDiv .inputDiv { margin-top: 5px; }
  .editor-wrap .termDiv .inputDiv:first-child { margin-top: 0px; }
  .editor-wrap .termTxt .tableType1 table { margin-top: 0px; width: 100%; text-align: center; }
  .editor-wrap .layerType1 .termTxt { padding: 0px; margin-bottom: 50px; }
  .editor-wrap .termTxt .tableType1.tabelSmall { width: 45%; }
}

.coupon-box, .coupon-item { position: relative; overflow: hidden; }

.coupon-box .thumb-box .thumb-img, .coupon-item .thumb-box .thumb-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }

.coupon-box .coupon-info-box .coupon-name, .coupon-item .coupon-info-box .coupon-name { color: rgb(0, 0, 0); word-break: break-all; }

.coupon-box .coupon-info-box .coupon-price .price, .coupon-box .coupon-info-box .coupon-price .price-normal, .coupon-box .coupon-info-box .coupon-price .balance, .coupon-item .coupon-info-box .coupon-price .price, .coupon-item .coupon-info-box .coupon-price .price-normal, .coupon-item .coupon-info-box .coupon-price .balance { font-size: 0px; }

.coupon-box .coupon-info-box .coupon-price .price .val, .coupon-box .coupon-info-box .coupon-price .price .unit, .coupon-box .coupon-info-box .coupon-price .price-normal .val, .coupon-box .coupon-info-box .coupon-price .price-normal .unit, .coupon-box .coupon-info-box .coupon-price .balance .val, .coupon-box .coupon-info-box .coupon-price .balance .unit, .coupon-item .coupon-info-box .coupon-price .price .val, .coupon-item .coupon-info-box .coupon-price .price .unit, .coupon-item .coupon-info-box .coupon-price .price-normal .val, .coupon-item .coupon-info-box .coupon-price .price-normal .unit, .coupon-item .coupon-info-box .coupon-price .balance .val, .coupon-item .coupon-info-box .coupon-price .balance .unit { position: relative; display: inline-block; vertical-align: top; }

.coupon-box .coupon-info-box .coupon-price .price .val ~ .unit, .coupon-box .coupon-info-box .coupon-price .price-normal .val ~ .unit, .coupon-box .coupon-info-box .coupon-price .balance .val ~ .unit, .coupon-item .coupon-info-box .coupon-price .price .val ~ .unit, .coupon-item .coupon-info-box .coupon-price .price-normal .val ~ .unit, .coupon-item .coupon-info-box .coupon-price .balance .val ~ .unit { margin-left: 2px; }

@media (max-width: 320px) {
  .coupon-box .coupon-info-box .coupon-price .price-normal, .coupon-item .coupon-info-box .coupon-price .price-normal { display: block; }
}

.coupon-box .coupon-info-box .coupon-price .price-normal .val, .coupon-box .coupon-info-box .coupon-price .price-normal .unit, .coupon-item .coupon-info-box .coupon-price .price-normal .val, .coupon-item .coupon-info-box .coupon-price .price-normal .unit { color: rgb(136, 136, 136); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.coupon-box .coupon-info-box .coupon-price .price-normal .val::after, .coupon-box .coupon-info-box .coupon-price .price-normal .unit::after, .coupon-item .coupon-info-box .coupon-price .price-normal .val::after, .coupon-item .coupon-info-box .coupon-price .price-normal .unit::after { content: ""; display: inline-block; position: absolute; top: 8px; left: 0px; width: 100%; height: 1px; background-color: rgb(153, 153, 153); }

.coupon-box .coupon-info-box .coupon-price .price-normal .unit::after, .coupon-item .coupon-info-box .coupon-price .price-normal .unit::after { width: calc(100% + 2px); left: -2px; }

.coupon-box .coupon-info-box .coupon-price .percent, .coupon-item .coupon-info-box .coupon-price .percent { display: inline-block; margin-right: 2px; vertical-align: top; font-weight: 700; color: rgb(239, 61, 46); }

.coupon-box .coupon-info-box .coupon-price .price, .coupon-item .coupon-info-box .coupon-price .price { display: inline-block; vertical-align: top; }

.coupon-box .coupon-info-box .coupon-price .price .val, .coupon-box .coupon-info-box .coupon-price .price .unit, .coupon-item .coupon-info-box .coupon-price .price .val, .coupon-item .coupon-info-box .coupon-price .price .unit { color: rgb(0, 0, 0); }

.coupon-box .coupon-info-box .badge-wrap [class^="badge-"], .coupon-item .coupon-info-box .badge-wrap [class^="badge-"] { flex-shrink: 0; }

.coupon-box .coupon-info-box .badge-wrap:not(.brand), .coupon-item .coupon-info-box .badge-wrap:not(.brand) { margin-top: 12px; }

.coupon-box .badge-coupon-state, .coupon-item .badge-coupon-state { z-index: 7; position: absolute; cursor: pointer; }

.coupon-box .btn-link, .coupon-box ~ .btn-link, .coupon-item .btn-link, .coupon-item ~ .btn-link { z-index: 6; }

.badge-coupon-state { overflow: hidden; display: inline-block; vertical-align: top; width: 36px; height: 36px; padding: 8px; border-radius: 36px; background: rgba(221, 224, 227, 0.4); }

.coupon-box { min-width: 240px; min-height: 160px; padding: 20px; background-color: rgb(255, 255, 255); }

.coupon-box .thumb-box { position: absolute; top: 50%; right: 20px; z-index: 5; transform: translateY(-50%); width: 120px; padding-top: 120px; }

.coupon-box .thumb-box .thumb-img { background: url("/lotte_assets/blank.svg") center center / contain no-repeat; }

.coupon-box .coupon-info-box { position: relative; z-index: 6; 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; height: 100%; }

.coupon-box .coupon-info-box .coupon-name { width: calc(100% - 118px); font-size: 14px; line-height: 20px; letter-spacing: -0.025em; font-weight: 500; margin-top: 4px; }

.coupon-box .coupon-info-box .coupon-name.ellipsis-line2 { display: -webkit-box; overflow: hidden; max-height: 40px; line-height: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; }

.coupon-box .coupon-info-box .coupon-price { display: -webkit-flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; width: calc(100% - 120px); margin-top: 6px; }

.coupon-box .coupon-info-box .coupon-price .btext { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); margin-right: 4px; }

.coupon-box .coupon-info-box .coupon-price .btext ~ .balance { color: rgb(239, 61, 46); }

.coupon-box .coupon-info-box .coupon-price .balance .val, .coupon-box .coupon-info-box .coupon-price .balance .unit { font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.coupon-box .coupon-info-box .coupon-price .price-normal { margin-right: 4px; margin-bottom: 2px; }

.coupon-box .coupon-info-box .coupon-price .percent { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; margin-right: 3px; }

.coupon-box .coupon-info-box .coupon-price .price .val, .coupon-box .coupon-info-box .coupon-price .price .unit { font-size: 16px; line-height: 22px; letter-spacing: -0.025em; font-weight: 700; }

.coupon-box .coupon-info-box .badge-wrap { width: calc(100% - 120px); }

.coupon-box .coupon-info-box .bottom-box { margin-top: auto; width: calc(100% - 80px); }

.coupon-box .coupon-info-box .coupon-info-list { position: relative; z-index: 10; width: auto; margin-top: 13px; }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item { 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; }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .title { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); margin-right: 5px; }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .title ~ .title { position: relative; padding-left: 9px; margin-left: 8px; }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .title ~ .title::before { position: absolute; top: 4px; left: 0px; content: ""; display: inline-block; width: 1px; height: 10px; background-color: rgb(194, 199, 204); }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc .val, .coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc .unit { display: inline-block; vertical-align: top; }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc .val ~ .unit { margin-left: 2px; }

.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item ~ .coupon-info-item { margin-top: 7px; }

.coupon-box .coupon-info-box .coupon-info-list ~ .coupon-date-list { margin-top: 6px; }

.coupon-box .coupon-info-list { position: relative; z-index: 10; width: calc(100% - 120px); margin-top: 13px; }

.coupon-box .coupon-info-list .coupon-info-item { 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; }

.coupon-box .coupon-info-list .coupon-info-item .title { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); margin-right: 5px; }

.coupon-box .coupon-info-list .coupon-info-item .title ~ .title { position: relative; padding-left: 9px; margin-left: 8px; }

.coupon-box .coupon-info-list .coupon-info-item .title ~ .title::before { position: absolute; top: 4px; left: 0px; content: ""; display: inline-block; width: 1px; height: 10px; background-color: rgb(194, 199, 204); }

.coupon-box .coupon-info-list .coupon-info-item .desc { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.coupon-box .coupon-info-list .coupon-info-item ~ .coupon-info-item { margin-top: 7px; }

.coupon-box .ui-chk, .coupon-box .ui-rdo { position: absolute; top: 20px; right: 20px; z-index: 7; }

.coupon-box .badge-coupon-state { bottom: 20px; right: 20px; background: rgb(255, 255, 255); z-index: 7; cursor: pointer; }

.coupon-box.disabled { opacity: 0.5; pointer-events: none !important; cursor: default !important; }

.coupon-box.disabled .ui-chk input[disabled] + label::after, .coupon-box.disabled .ui-chk input[aria-disabled] + label::after, .coupon-box.disabled .ui-rdo input[disabled] + label::after, .coupon-box.disabled .ui-rdo input[aria-disabled] + label::after { opacity: 1; }

.coupon-box.disabled + .coupon-date-list { opacity: 0.5; }

.coupon-box.type-imminent { border-color: rgb(239, 61, 46); }

.coupon-box.type-imminent .coupon-info-box .coupon-date-list .data-item .desc { color: rgb(239, 61, 46); }

@media (max-width: 890px) {
  .coupon-box { width: 100%; }
}

@media (min-width: 891px) {
  .coupon-box { width: 335px; }
}

.coupon-box .btn-remove { position: absolute; top: 20px; right: 20px; z-index: 7; }

.coupon-item { }

.coupon-item .thumb-box { position: relative; width: 100%; border: 1px solid rgb(239, 241, 243); padding-top: calc(100% - 2px); border-radius: 15px; background: rgb(255, 255, 255); overflow: hidden; }

.coupon-item .thumb-box .thumb-img { background-size: contain; }

.coupon-item .thumb-box [class^="badge-"] { overflow: hidden; position: absolute; top: 10px; left: 10px; }

.coupon-item .thumb-box .badge-coupon-state { inset: auto 10px 10px auto; }

.coupon-item .coupon-info-box { margin-top: 12px; }

.coupon-item .coupon-info-box .coupon-name { margin-top: 4px; font-weight: 500; font-size: 14px; letter-spacing: -0.025em; display: -webkit-box; overflow: hidden; max-height: 36px; line-height: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; }

.coupon-item .coupon-info-box .coupon-price { font-size: 0px; margin-top: 8px; }

.coupon-item .coupon-info-box .coupon-price .price-normal { margin-left: 4px; margin-bottom: 2px; }

.coupon-item .coupon-info-box .coupon-price .percent { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

.coupon-item .coupon-info-box .coupon-price .price .val, .coupon-item .coupon-info-box .coupon-price .price .unit { font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: -0.025em; }

.coupon-item .coupon-info-box .coupon-price .price .val ~ .unit { margin-left: 2px; }

.coupon-item .coupon-info-box .badge-wrap { width: 100%; }

.coupon-item.horizontal { 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; max-width: none; }

.coupon-item.horizontal .thumb-box { width: 80px; padding-top: 78px; }

.coupon-item.horizontal .coupon-info-box { align-self: center; flex: 1 0 auto; width: calc(100% - 80px); margin: 0px; padding-left: 12px; }

.coupon-item.horizontal .coupon-info-box .badge-wrap { margin-top: 0px; }

.coupon-item.horizontal .coupon-info-box .coupon-name { margin-top: 6px; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; }

.coupon-item.horizontal .coupon-info-box .coupon-date-list { margin-top: 6px; }

.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .title, .coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .desc { display: inline-block; vertical-align: top; color: rgb(136, 136, 136); font-size: 12px; line-height: 16px; letter-spacing: -0.025em; }

.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .title { margin-right: 0px; }

.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .desc { position: relative; }

.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .desc::before { content: " : "; }

.coupon-item.horizontal.disabled { opacity: 0.5; pointer-events: none !important; cursor: default !important; }

.coupon-date-list { margin-top: 12px; }

.coupon-date-list .title { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); margin-right: 8px; }

.coupon-date-list .desc { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.coupon-date-list .desc .badge-md { vertical-align: -5px; margin-left: 8px; }

.coupon-date-list .dash-text ~ .dash-text { margin-top: 6px; }

.coupon-date-list .coupon-date-item ~ .coupon-date-item { margin-top: 6px; }

.coupon-list-wrap { overflow: hidden; }

.coupon-list-wrap .coupon-list { 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-flow: wrap; }

.coupon-list-wrap .coupon-list .coupon-item { max-width: none; margin-left: 10px; width: calc(50% - 5px); }

.coupon-list-wrap .coupon-list .coupon-item:nth-child(2n-1) { margin-left: 0px; }

.coupon-list-wrap .coupon-list .coupon-item:nth-child(n+3) { margin-top: 30px; }

.coupon-list-wrap .coupon-list .coupon-item .coupon-item:nth-child(1), .coupon-list-wrap .coupon-list .coupon-item .coupon-item:nth-child(2) { margin-top: 0px; }

.coupon-list-wrap .coupon-list .coupon-item .coupon-box { min-width: auto; }

.coupon-box .badge-coupon-state.on, .coupon-item .thumb-box .badge-coupon-state.on { background: var(--brand, #B81B3E); }

.coupon-box .badge-coupon-state.on .ico-coupon-download, .coupon-item .thumb-box .badge-coupon-state.on .ico-coupon-download { width: 20px; height: 20px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

@media (min-width: 891px) {
  .coupon-list-wrap .coupon-list .coupon-item { margin-left: 20px; width: calc(33.3333% - 13.3333px); }
  .coupon-list-wrap .coupon-list .coupon-item:nth-child(2n-1) { margin-left: 20px; }
  .coupon-list-wrap .coupon-list .coupon-item:nth-child(3n-2) { margin-left: 0px; }
  .coupon-list-wrap .coupon-list .coupon-item:nth-child(3) { margin-top: 0px; }
  .coupon-list-wrap .coupon-list.grid-col5 .coupon-item { margin-left: 20px; width: calc(20% - 16px); }
  .coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(5n-4) { margin-left: 0px; }
  .coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(4), .coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(5) { margin-top: 0px; }
  .coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(n+6) { margin-top: 30px; }
}

@media (max-width: 360px) {
  .coupon-date-list .title { margin-right: 2px; }
  .coupon-date-list .desc .badge-md { margin-left: 3px; }
}

.swiper-coupon-wrap, .swiper-coupon-box-wrap { position: relative; margin: 0px -20px; }

.swiper-coupon-wrap .swiper-container, .swiper-coupon-box-wrap .swiper-container { padding: 0px 20px; }

.swiper-coupon-wrap .swiper-control-wrap, .swiper-coupon-box-wrap .swiper-control-wrap { display: none; }

@media (min-width: 891px) {
  .swiper-coupon-wrap, .swiper-coupon-box-wrap { margin: 0px; }
  .swiper-coupon-wrap .swiper-container, .swiper-coupon-box-wrap .swiper-container { padding: 0px; }
  .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next::before, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev::before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next::before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev::before { content: ""; position: absolute; top: -64px; width: 45px; height: 45px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }
  .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled { background: transparent; }
  .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next { right: 0px; }
  .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next::before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next::before { right: -20px; }
  .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev { left: 0px; background: none; }
  .swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev::before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev::before { left: -20px; transform: rotate(180deg); }
  .swiper-coupon-wrap.is-active .swiper-control-wrap, .swiper-coupon-box-wrap.is-active .swiper-control-wrap { display: block; }
}

.swiper-coupon-wrap .swiper-container .swiper-slide { margin-right: 10px; }

.swiper-coupon-wrap .swiper-container .swiper-slide:last-child { margin-right: 0px; }

.swiper-coupon-box-wrap .swiper-container .swiper-wrapper { 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; }

.swiper-coupon-box-wrap .swiper-container .swiper-wrapper .swiper-slide { align-self: stretch; margin-right: 20px; }

.swiper-coupon-box-wrap .swiper-container .swiper-wrapper .swiper-slide:last-child { margin-right: 0px; }

.swiper-coupon-box-wrap .swiper-container .swiper-wrapper .swiper-slide.coupon-box { width: 280px; }

@media (min-width: 891px) {
  .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next::before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev::before { top: 50%; margin-top: -20px; }
}

.app_eva_popup { text-align: center; padding: 20px 0px 0px; }

.app_eva_popup h3 { font-size: 22px; color: var(--brand, #B81B3E); margin: 30px 0px 15px; font-weight: 500; }

.app_eva_popup .txt { font-size: 15px; color: rgb(0, 0, 0); margin-bottom: 30px; }

.app_eva_popup .star_rating { position: relative; display: inline-block; }

.app_eva_popup .star_rating input { position: absolute; width: 1px; height: 1px; opacity: 0; }

.app_eva_popup .star_rating label { position: relative; font-size: 0px; width: 35px; height: 35px; float: right; margin: 0px 5px; }

.app_eva_popup .star_rating .star_rating:not(:checked) > label::before { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.app_eva_popup .star_rating label::before { content: ""; display: inline-block; position: absolute; left: 0px; top: 0px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 35px; height: 35px; }

.app_eva_popup .star_rating input:checked ~ label::before { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.app_eva_popup .star_rating input:hover ~ label::before { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.app_eva_popup label .offscreen { display: none; }

.ui-dialog-container .ui-dialog.dialog-rl { width: 750px !important; }

.roulette_popup .prd_img_area img { margin: 30px auto; display: block; }

.roulette_popup .prod-notice-wrap { text-align: center; }

.roulette_popup .prd_name { font-size: 20px; color: rgb(0, 0, 0); font-weight: 600; }

.roulette_popup .btext-tit { font-size: 30px; color: rgb(0, 0, 0); line-height: 1.4; margin: 30px 0px; }

.roulette_popup .btext-tit span { color: var(--brand, #B81B3E); }

.roulette_popup .btext { font-size: 20px; color: rgb(102, 102, 102); }

.roulette_popup .gray-box { font-size: 18px; line-height: 1.4; padding: 30px; color: rgb(102, 102, 102); }

.cp_info_img { display: block; width: 73%; }

.sm_txt { font-size: 14px; display: block; font-weight: 400; color: rgb(102, 102, 102); }

.bgm_popup { margin-top: 25px; text-align: center; padding: 40px 0px; }

.bgm_popup .holding_info { font-size: 18px; font-weight: 600; color: rgb(0, 0, 0); }

.bgm_popup .holding_info h4 { display: inline-block; font-size: 22px; }

.bgm_popup .holding_info span { font-size: 22px; font-weight: 600; color: var(--brand, #B81B3E); }

.bgm_popup .count_area { margin-top: 15px; }

.bgm_popup .count_area .text { display: inline-block; font-size: 22px; font-weight: 600; color: rgb(0, 0, 0); line-height: 50px; }

.bgm_popup .ui-spinner-box { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; height: 50px; width: 140px; }

.bgm_popup .ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-down { border: 1px solid rgb(221, 221, 221); border-radius: 100%; width: 40px; height: 40px; left: 0px; margin-top: 0px; transform: translateY(-50%); }

.bgm_popup .ui-spinner-box .ui-widget-content .count { color: var(--brand, #B81B3E); font-size: 18px; height: 50px; }

.bgm_popup .ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up { border: 1px solid rgb(221, 221, 221); border-radius: 100%; width: 40px; height: 40px; right: 0px; margin-top: 0px; transform: translateY(-50%); }

.bgm_term { height: 250px; border: 1px solid rgb(221, 224, 227); border-radius: 5px; padding: 20px; }

.scroll-wrap-y { overflow-y: auto; }

.mt0 { margin-top: 0px !important; }

.mt20 { margin-top: 20px !important; }

.store-service.type01 { margin-bottom: 50px; }

.store-service .fold-wrap .fold-list .fold-item { border-bottom: 0px; }

.store-service .cont-box .cont-inner { padding: 10px 0px; }

.store-service .fold-wrap .fold-list .fold-item.expanded { padding-bottom: 20px; }

.store-service .fold-wrap .fold-list .fold-item .fold-header { font-size: 16px; }

.store-service .cont-tit-wrap { padding-top: 20px; }

.store-service .store_name { line-height: 26px; margin-left: 5px; font-weight: 600; }

.store-service .store_rq_list > .item + .item { margin-top: 10px; }

.store-service .store_rq_list .store_rq_item { background-color: rgb(249, 249, 250); padding: 20px 15px; width: 100%; }

.store-service .rq_select_list { display: none; margin-top: 10px; }

.store-service .rq_select_list .ui-row-list.w100 .item { width: 100% !important; }

.store-service .rq_select_list .ui-row-list + .cont-tit-wrap { padding-top: 30px; border-top: 0px; margin-top: 0px !important; }

.store-service .rq_select_list .ui-row-list:last-child { margin-bottom: 20px; }

.store-service .rq_select_list .ui-row-list .item + .item { margin-top: 6px !important; }

.board-list-wrap .board-list .board-item .badge-wrap.type02 { justify-content: space-between; }

.board-list-wrap .board-list .board-item .badge-wrap.type02 .date { color: rgb(136, 136, 136); }

.store-service .store_brand { display: flex; margin-bottom: 10px; }

.store-service .store_brand .name { margin-left: 8px; font-size: 16px; line-height: 26px; font-weight: 700; color: rgb(0, 0, 0); }

.store-service .answer_area { margin-top: 20px; }

.store-service .answer_area .answer_cnt { display: flex; }

.store-service .answer_area .answer_cnt.type02 { justify-content: space-between; }

.store-service .answer_area .answer_cnt + .txt { margin-top: 10px; line-height: 24px; }

.store-service .answer_area .tit { color: rgb(102, 102, 102); font-weight: 600; font-size: 15px; }

.store-service .answer_area .txt { color: rgb(0, 0, 0); font-size: 15px; font-weight: 500; }

.store-service .answer_area .txt2 { width: 68%; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.store-service .answer_area .date { color: rgb(136, 136, 136); }

.store-service .sf_area { text-align: center; padding-top: 60px; }

.store-service .sf_area h4 { font-size: 16px; line-height: 26px; color: rgb(0, 0, 0); margin-top: 30px; font-weight: 600; }

.store-service.type02 .board-list-wrap .board-list, .store-service.type02 .board-list-wrap .board-list .board-item { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.badge-fill-light-gray { background-color: rgb(239, 241, 243); border-color: rgb(239, 241, 243); }

.badge-fill-light-gray .text { color: rgb(102, 102, 102); }

.mt10 { margin-top: 10px !important; }

.store-service .store-header-wrap + .search-form-wrap { margin: 20px 0px; }

.container-wrapper.store-service .cont-box.type-search-only .cont-inner { padding-bottom: 20px !important; }

.store-service.type01 .cont-box ~ .cont-box:not(.full):not(.pc-no-line) { padding-top: 0px; }

.cp_info_img { display: block; width: 73%; }

.sm_txt { font-size: 14px; display: block; font-weight: 400; color: rgb(102, 102, 102); }

.user-count-list.type02 .user-count-item i { display: inline-block; vertical-align: top; overflow: hidden; }

.ico-order-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") center center / 34px auto no-repeat; }

.ico-member-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / 36px auto no-repeat; }

.ico-receipt-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") center center / 36px auto no-repeat; }

.ico-epay-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") center center / 35px auto no-repeat; }

.ico-ecard-h36 { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / 36px auto no-repeat; }

.ico-md-store-service { display: inline-block; position: relative; vertical-align: top; overflow: hidden; width: 26px; height: 26px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.m_only { display: none; }

.ct_btn { color: rgb(8, 106, 120); background: url("../../assets/images/mypage/ct_btn_img.png") 89% bottom / 100px auto no-repeat, linear-gradient(rgb(178, 226, 212) 0%, rgb(172, 224, 211) 33%, rgb(152, 217, 209) 72%, rgb(140, 213, 208) 100%); }

.ct_btn .text { text-align: left; width: 76%; line-height: 23px; }

.ag_event_btn { background-repeat: no-repeat; background-size: 100% auto; color: rgb(255, 255, 255); padding-left: 16% !important; justify-content: left !important; }

.mt10 { margin-top: 10px !important; }

@media (max-width: 890px) {
  .ui-dialog-container .ui-dialog.dialog-rl { width: 100% !important; }
  .roulette_popup .prd_name { font-size: 15px; }
  .roulette_popup .btext-tit { font-size: 21px; margin: 20px 0px 10px; }
  .roulette_popup .btext { font-size: 15px; }
  .roulette_popup .gray-box { font-size: 13px; padding: 20px; line-height: 1.6; }
  .cp_info_img { width: 80%; margin-top: 4px; }
  .pt0 { padding-top: 0px !important; }
  .pb0 { padding-bottom: 0px !important; }
  .store-service .cont-box.mo-gray-box { padding-bottom: 100px; }
  .store-service .no-data { padding: 60px 0px 100px; }
  .store-service.type01 .cont-box:first-child .cont-inner { padding-top: 0px; }
  .store-service.type01 { padding-bottom: 100px; background-color: rgb(255, 255, 255); }
  .store-service.type02, .store-service.type03 { background-color: rgb(255, 255, 255); }
  .store-service.type03 .cont-box:first-child .cont-inner { padding-top: 5px; }
  .cp_info_img { width: 80%; margin-top: 4px; }
  .m_only { display: block; }
}

@media (max-width: 414px) {
  .ag_event_btn { padding-left: 19% !important; }
}

@media (max-width: 360px) {
  .ct_btn .text { width: 82%; }
  .ag_event_btn { background-size: 100px auto; background-position: 95% bottom; padding-left: 16% !important; }
}

@media (max-width: 320px) {
  .ag_event_btn { background-size: 94px auto; background-position: right bottom; padding-left: 11% !important; }
}

.cp_info_img { display: block; width: 73%; }

.addr-select-list { display: flex; justify-content: space-between; margin-top: 20px; }

.addr-select-list .addr-select-item { width: 32.5%; }

.addr-select-list .addr-select-item input[type="radio"].addr-select-radio { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; border: 0px; clip: rect(0px, 0px, 0px, 0px); }

.addr-select-list .addr-select-item label { width: 100%; border: 1px solid rgb(221, 224, 227); text-align: center; height: 120px; padding: 20px 0px; border-radius: 5px; cursor: pointer; display: inline-block; }

.addr-select-list .addr-select-item i { width: 42px; height: 45px; display: inline-block; position: relative; vertical-align: top; overflow: hidden; }

.addr-select-list .addr-select-item .text { display: block; margin-top: 10px; font-size: 18px; font-weight: 500; color: rgb(0, 0, 0); }

.ico_addr_home { background: url("/lotte_assets/blank.svg") center center / 100% auto no-repeat; }

.ico_addr_company { background: url("/lotte_assets/blank.svg") center center / 100% auto no-repeat; }

.ico_addr_direct { background: url("/lotte_assets/blank.svg") center center / 100% auto no-repeat; }

.addr-select-list input[type="radio"].addr-select-radio:checked + label { border-color: var(--brand, #B81B3E); }

.addr-select-list input[type="radio"].addr-select-radio:checked + label .ico_addr_home { background: url("/lotte_assets/blank.svg") center center / 100% auto no-repeat; }

.addr-select-list input[type="radio"].addr-select-radio:checked + label .ico_addr_company { background: url("/lotte_assets/blank.svg") center center / 100% auto no-repeat; }

.addr-select-list input[type="radio"].addr-select-radio:checked + label .ico_addr_direct { background: url("/lotte_assets/blank.svg") center center / 100% auto no-repeat; }

.addr-select-list input[type="radio"].addr-select-radio:checked + label .text { width: fit-content; margin-left: auto; margin-right: auto; position: relative; padding-right: 18px; color: var(--brand, #B81B3E); }

.addr-select-list input[type="radio"].addr-select-radio:checked + label .text::after { content: ""; position: absolute; top: -50%; right: 0px; width: 16px; height: 16px; margin-top: 2px; background: url("/lotte_assets/blank.svg") center center / 100% auto no-repeat; transform: translateY(50%); }

.addr-select-list + .input-box { margin-top: 20px; display: none; }

.ico-addr-curr { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 24px; height: 24px; position: absolute; right: 8%; top: 50%; transform: translateY(-50%); }

.ico-addr-drag { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 24px; height: 24px; position: absolute; right: 8%; top: 50%; transform: translateY(-50%); }

.addr-notice h4 { font-size: 14px; line-height: 1.2; font-weight: normal; margin-top: 5px; }

.addr-book-list .addr-edit-box { position: initial; margin-top: 10px; }

.addr-history-list .addr-tit .btn-remove { margin-right: 3px; }

.addr-book-list.type02 { flex-wrap: wrap; }

.addr-book-list.type02 .addr-book-item { max-width: none; width: 32.5%; flex: 0 0 auto; margin-bottom: 1%; padding: 3% 5.4% 3% 4%; margin-left: 1%; }

.addr-book-list.type02 .addr-book-item:nth-child(1), .addr-book-list.type02 .addr-book-item:nth-child(4), .addr-book-list.type02 .addr-book-item:nth-child(7) { margin-left: 0px; }

.addr-history-list.type02 .addr-history-item { padding: 3% 6.3% 3% 4%; }

.addr-history-list.type02 .addr-history-item ~ .aaddr-history-item { padding-top: 3%; }

.expires_txt { margin: 20px 0px; }

.expires_txt p { font-size: 14px; color: rgb(102, 102, 102); }

.expires_txt p br { display: none; }

@media (max-width: 890px) {
  .ui-dialog-container .ui-dialog.dialog-rl { width: 100% !important; }
  .roulette_popup .prd_name { font-size: 15px; }
  .roulette_popup .btext-tit { font-size: 21px; margin: 20px 0px 10px; }
  .roulette_popup .btext { font-size: 15px; }
  .roulette_popup .gray-box { font-size: 13px; padding: 20px; line-height: 1.6; }
  .cp_info_img { width: 80%; margin-top: 4px; }
  .addr-select-list .addr-select-item label { height: 90px; padding: 15px 0px; }
  .addr-select-list .addr-select-item i { width: 28px; height: 31px; }
  .addr-select-list .addr-select-item .text { margin-top: 7px; font-size: 15px; }
  .addr-notice h4 { margin-top: 15px; }
  .ico-addr-drag, .ico-addr-curr { right: 3%; }
  .addr-book-list.type02 .addr-book-item { width: 100%; padding: 20px 50px 20px 20px; margin-left: 0px !important; }
  .addr-history-list.type02 .addr-history-item { padding: 20px 50px 20px 10px; }
  .addr-book-list.column .addr-book-item { padding: 20px 35px 20px 20px; }
  .addr-history-list.normal .addr-list-item { padding-right: 35px; }
  .addr-book-list .addr-book-item .addr-item-tit { margin-bottom: 5px; }
  .addr-history-list .addr-tit { margin-bottom: 6px; }
  .addr-book-list .addr-edit-box { margin-top: 6px; }
  .addr-book-list .addr-book-item .addr-item-cont { line-height: 16px; }
  .addr-list-item .addr-cnt { line-height: 16px; }
  .addr-history-list.type02 .addr-list { margin-bottom: 0px; }
  .expires_txt p { line-height: 1.4; }
  .expires_txt p br { display: block; }
}

.sm_txt { font-size: 14px; display: block; font-weight: 400; color: rgb(102, 102, 102); }

.beacon_popup .coupon_info { margin-top: 20px; }

.beacon_popup .coupon_brand { font-size: 14px; color: rgb(136, 136, 136); font-weight: 400; margin-top: 5px; }

.beacon_popup .coupon_name { font-size: 18px; font-weight: 600; margin-top: 10px; color: rgb(0, 0, 0); }

.beacon_popup .coupon_prd_img img { width: 100%; }

.ui-dialog-content.beacon_popup .dialog-footer .dialog-btn-wrap + .dialog-btn-wrap { margin-top: 25px; }

.ui-dialog-content.beacon_popup .left-box .text { color: rgb(136, 136, 136); }

.cart-prod-qty.type02 .txt { margin: -2px 0px 0px 2px; }

.ui-spinner-box.type02 { width: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.ui-spinner-box.type02 .ui-widget-content { width: auto; padding: 0px; }

.ui-spinner-box.type02 .ui-widget-content .ui-spinner-button { display: none !important; }

.ico-copy-yellow { display: inline-block; width: 15px; height: 15px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; vertical-align: top; }

.input-box.type02 .btn-input-search { top: 0px; right: 0px; width: 36px; background-position: center center; height: 100%; }

.lp_info { display: none; z-index: 3; width: 90px; font-size: 11px; color: rgb(255, 255, 255); position: absolute; top: -10px; left: 50%; transform: translateX(-50%); padding: 3px 8px 2px; border-radius: 30px; background: var(--brand, #B81B3E); }

.badge-farmersbox .text { color: rgb(232, 57, 36); }

.badge-farmersbox { border-color: rgba(255, 215, 211, 0.53); background-color: rgba(255, 215, 211, 0.53); }

.go_app_cnt { text-align: center; }

.go_app_cnt img { width: 57%; }

.go_app_cnt .txt { margin-top: 20px; font-size: 22px; color: rgb(0, 0, 0); line-height: 1.3; font-weight: 500; }

.btn-txt { color: rgb(102, 102, 102); }

.coupon_loading_area { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; z-index: 7; text-align: center; }

.coupon_loading_area .txt { font-size: 17px; color: rgb(255, 255, 255); display: block; position: absolute; left: 50%; top: 71%; width: 100%; transform: translateX(-50%); font-weight: bold; }

.coupon_loading_area img { width: 110px; padding: 10px; position: absolute; top: 9%; left: 50%; transform: translateX(-50%); }

@media (max-width: 430px) {
  .coupon_loading_area img { top: 3%; }
}

.payment-current-wrap.type02 .price-info-list .price-info-item .label { width: 25%; }

.payment-current-wrap.type02 .price-info-list .price-info-item .right-box { width: 75%; text-align: right; }

.grid-item .coupon-box.type02 { background-color: rgb(229, 246, 248); min-height: 128px; padding: 15px; }

.coupon-box.type02::before { background-color: transparent; }

.coupon-box.type02 .coupon-info-box .coupon-price .balance .val, .coupon-box.type02 .coupon-info-box .coupon-price .balance .unit { font-size: 20px; font-weight: 600; color: rgb(0, 0, 0); }

.coupon-box.type02 .coupon-date-list { margin-top: 3px; }

.coupon-box.type02 .thumb-box { right: auto; left: 15px; }

.coupon-box.type02 .coupon-info-box .coupon-name { width: 84%; padding-left: 130px; margin-top: 12px; }

.coupon-box.type02 .coupon-info-box .coupon-price { width: 100%; padding-left: 130px; margin-top: 5px; }

.coupon-box.type02 .coupon-info-box .bottom-box { width: 100%; padding-left: 130px; }

.coupon-box.type02 .ui-chk { top: 50%; transform: translateY(-50%); width: 30px; height: 30px; right: 13px !important; }

.coupon-box.type02 .ui-chk input + label::before { width: 30px; height: 30px; }

.coupon-box.type02 .ui-chk input + label::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 30px; height: 30px; }

.coupon-box.type02 .ui-chk input:checked + label::after { width: 30px; height: 30px; background: var(--brand, #B81B3E) !important; }

.coupon-box.type02 .ui-chk input + label .chk_area { display: inline-block; color: rgb(255, 255, 255); font-size: 16px; position: absolute; z-index: 1; left: 1px; top: 0px; width: 28px; height: 30px; line-height: 30px; text-align: center; font-weight: 600; opacity: 0; }

.coupon-box.type02 .ui-chk input:checked + label .chk_area { opacity: 1; }

@media (max-width: 320px) {
  .go_app_cnt .txt { font-size: 19px; }
  .payment-current-wrap.type02 .goods-group .unit, .payment-current-wrap.type02 .price-info-list .price-info-item .label { font-size: 12px; }
  .coupon-box.type02 .thumb-box { left: 10px; }
  .coupon-box.type02 .coupon-info-box .coupon-name { padding-left: 120px; font-size: 14px; }
  .coupon-box.type02 .coupon-info-box .coupon-price, .coupon-box.type02 .coupon-info-box .bottom-box { padding-left: 120px; }
  .coupon-box.type02 .coupon-info-box .coupon-price .balance .val, .coupon-box.type02 .coupon-info-box .coupon-price .balance .unit { font-size: 18px; }
  .coupon-box.type02 .ui-chk { right: 5px !important; }
}

@media (max-width: 280px) {
  .coupon_loading_area .txt { margin-top: 45px; }
  .grid-item .coupon-box.type02 { padding: 10px; }
  .coupon-box.type02 .thumb-box { left: 6px; }
  .coupon-box.type02 .ui-chk { right: 5px; }
  .coupon-box.type02 .coupon-info-box .coupon-name { font-size: 12px; letter-spacing: -1px; }
  .coupon-box.type02 .coupon-info-box .coupon-price .balance .val, .coupon-box.type02 .coupon-info-box .coupon-price .balance .unit { font-size: 16px; letter-spacing: -1px; }
  .coupon-box.type02 .coupon-info-box .coupon-name { margin-top: 12px; }
}

.ico-copy-black { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.employess_code_popup .btn-md i { margin-left: 0px !important; margin-right: 5px !important; }

.emp_qr_wrap { margin-top: 20px; text-align: center; padding: 10px 20px; }

.ico-md-family-cord { width: 26px; height: 25px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; display: inline-block; }

.input-box.type02 .btn-input-search { top: 0px; right: 0px; width: 36px; background-position: center center; height: 100%; }

.lp_info { display: none; z-index: 3; width: 90px; font-size: 11px; color: rgb(255, 255, 255); position: absolute; top: -10px; left: 50%; transform: translateX(-50%); padding: 3px 8px 2px; border-radius: 30px; background: var(--brand, #B81B3E); }

.ico-copy-black { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 17px !important; height: 17px !important; }

.employess_code_popup .btn-md i { margin-left: 0px !important; margin-right: 5px !important; }

.emp_qr_wrap { margin-top: 20px; text-align: center; padding: 10px 20px; }

.ico-md-family-cord { width: 26px; height: 25px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; display: inline-block; }

.ico-list-black { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; margin-top: -8px; height: 13px !important; }

.table_white_type.top { padding-right: 8px; }

.table_white_type.cnt { height: 250px; overflow-y: auto; }

.table_white_type th { text-align: center; border-bottom: 1px solid rgb(221, 224, 227); font-size: 15px; padding: 15px 0px; font-weight: bold; color: rgb(0, 0, 0); letter-spacing: -1px; }

.table_white_type td { text-align: center; border-bottom: 1px solid rgb(221, 224, 227); font-size: 15px; padding: 15px 0px; color: rgb(0, 0, 0); letter-spacing: -1px; }

@media (max-width: 890px) {
  .table_white_type.top, .table_white_type.cnt { padding-right: 1%; }
  .table_white_type th, .table_white_type td { font-size: 14px; }
}

@media (max-width: 320px) {
  .table_white_type th, .table_white_type td { font-size: 12px; }
}

.new_badge_wrap { position: absolute; top: 5px; left: 10px; display: flex; flex-wrap: wrap; width: 90%; }

.new_badge_wrap .badge-sm { margin: 5px 1% 0px; position: relative !important; top: auto !important; left: auto !important; }

.benefit_by_level li { background-color: rgb(247, 248, 249); display: flex; justify-content: space-between; padding: 10px 20px; }

.benefit_by_level li.on { background-color: rgb(251, 233, 232); }

.benefit_by_level li .left .level { line-height: 40px; font-size: 16px; color: rgb(0, 0, 0); font-weight: 600; margin-left: 8px; }

.benefit_by_level li + li { margin-top: 10px; }

.benefit_by_level .cp-price { line-height: 40px; }

.benefit_by_level .price_normal { font-size: 14px; color: rgb(136, 136, 136); text-decoration: line-through; }

.benefit_by_level .percent { font-size: 18px; color: rgb(239, 61, 46); font-weight: 600; }

.benefit_by_level .dc_price { font-size: 20px; color: rgb(0, 0, 0); font-weight: 600; letter-spacing: -1px; }

.addr_btn_wrap { width: 100%; display: flex; height: 110px; justify-content: space-between; margin-top: 18px; }

.addr_btn_wrap a { display: block; width: 49%; border-radius: 5px; color: rgb(255, 255, 255); font-size: 28px; line-height: 110px; font-weight: 600; padding-left: 30px; }

.addr_btn_wrap .link_dv { background: url("/lotte_assets/blank.svg") right bottom / 235px auto no-repeat var(--brand, #B81B3E); }

.addr_btn_wrap .link_pk { background: url("/lotte_assets/blank.svg") right bottom / 235px auto no-repeat var(--brand, #B81B3E); }

.mk_popup .mk_img { text-align: center; }

.mk_popup .mk_img .img01 { width: 80%; }

.mk_popup .mk_img .img02 { margin-top: 6%; }

.ui-dialog-content.mk_popup .dialog-footer .dialog-btn-wrap + .dialog-btn-wrap { margin-top: 20px; }

.input_text_box { border: 1px solid rgb(221, 224, 227); padding: 0px 16px; line-height: 44px; }

.input_text_box.flex { display: flex; justify-content: space-between; }

.input_text_box span { font-size: 14px; letter-spacing: -0.025em; font-weight: 600; }

.input_text_box span.black { color: rgb(0, 0, 0); }

.input_text_box span.blue { color: var(--brand, #B81B3E); }

.mt30 { margin-top: 30px !important; }

.two_step_payment { width: 335px; margin: 0px auto; text-align: center; }

.two_step_payment .tit { font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); }

.two_step_payment .card-box { background: url("/lotte_assets/blank.svg") center center / cover no-repeat; width: 200px; height: 124px; border-radius: 10px; overflow: hidden; margin: auto; position: relative; }

.two_step_payment .card-box .txt_area { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.85); }

.two_step_payment .card-box .txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; width: 73%; font-weight: 600; text-align: center; line-height: 1.3; }

.two_step_payment .card-box .blue { display: inline-block; color: var(--brand, #B81B3E); font-weight: 600; font-size: 14px; }

.two_step_before_login { text-align: center; }

.two_step_before_login .txt { font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); display: block; width: 100%; line-height: 1.3; margin-top: 10px; }

.two_step_before_login .blue { color: var(--brand, #B81B3E); font-weight: 600; font-size: 16px; }

.two_step_before_login i { display: inline-block; }

.ico-pw-gray { background: url("/lotte_assets/blank.svg") center center / cover no-repeat; width: 24px; height: 24px; }

.w100 { width: 100% !important; }

.pw_find_link { display: block; font-size: 14px; color: rgb(136, 136, 136); font-weight: 600; }

.pickup_info_wrap .fold-wrap.info-folding-box .fold-item .fold-header .btn-fold { padding-right: 15px; }

.pr { position: relative; }

.status_info { position: absolute; top: 50%; left: 88%; transform: translateY(-50%); font-size: 10px; color: rgb(255, 255, 255); border-radius: 10px; border: 1px solid; padding: 2px 4px; }

.status_info.blue { background-color: var(--brand, #B81B3E); border-color: var(--brand, #B81B3E); }

.status_info.gray { background-color: rgb(136, 136, 136); border-color: rgb(136, 136, 136); }

.setting-item .setting-link { display: block; font-weight: 500; margin-top: 10px; }

.setting-item .setting-link .ico-cnp { margin-right: 2px; }

.ico-cnp { display: inline-block; width: 13px; height: 12px; background-size: cover; }

.ico-more-arrow { display: inline-block; width: 11px; height: 11px; background-size: cover; }

.tc { text-align: center !important; }

.tl { text-align: left !important; }

.mt40 { margin-top: 40px !important; }

.fold-wrap.type02 .fold-list .fold-item .fold-header { padding: 13px 42px 13px 16px; background: rgba(239, 241, 243, 0.4); margin-top: 6px; }

.fold-wrap.type02 .fold-list .fold-item { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.fold-wrap.type02 .fold-list .fold-item .fold-header .btn-fold { left: -13px; }

.fold-wrap.type02 .agree-item:first-child { padding-top: 13px; }

.fold-wrap.type02 .agree-item { background: rgb(255, 255, 255); padding: 6px 0px 0px 16px; }

.btn-kakao { background-color: rgb(250, 225, 0); border-color: rgb(250, 225, 0); }

.btn-naver { background-color: rgb(30, 200, 0); border-color: rgb(30, 200, 0); }

.btn-shinhan { background-color: rgb(0, 70, 255); border-color: rgb(0, 70, 255); }

.btn-naver .text, .btn-shinhan .text { color: rgb(255, 255, 255); }

.itg_member { text-align: center; }

.itg_member .logo { max-width: 100px; }

.itg_member .title { font-size: 20px; font-weight: 600; color: rgb(0, 0, 0); margin: 15px 0px; }

.itg_member .title span { font-size: 20px; font-weight: 600; }

.itg_member .info { font-size: 14px; font-weight: 500; color: rgb(0, 0, 0); line-height: 1.4; }

.itg_member .info span { font-weight: 500; color: rgb(0, 0, 0); }

.itg_member .user_id { display: flex; margin: 15px 0px; justify-content: center; padding: 15px !important; }

.itg_member .user_id .id { font-weight: 500; color: rgb(0, 0, 0); }

.itg_member .info2 { margin-bottom: 30px; }

.lp_blue { color: rgb(0, 155, 250) !important; }

.swiper-slide-popup .swiper-container .swiper-pagination { bottom: 5px; }

.swiper-slide-popup .swiper-pagination-bullet-active { background: var(--brand, #B81B3E); }

.pop-hope-switch-on .btn-lg { margin: 20px 0px 25px; }

.pop-hope-switch-on .swiper-pagination-bullets { bottom: 0px; }

.blue_box { background-color: rgb(229, 246, 248); padding: 20px; }

.mt5 { margin-top: 5px; }

.mt15 { margin-top: 15px; }

.pay_tit { border: 2px solid var(--brand, #B81B3E); color: var(--brand, #B81B3E); font-size: 24px; display: inline-block; padding: 11px 40px; border-radius: 35px; }

.pay_txt_b { font-weight: 600; color: var(--brand, #B81B3E); font-size: 30px; margin: 40px 0px 30px; line-height: 1.3; }

.pay_txt { font-weight: 400; color: rgb(0, 0, 0); font-size: 22px; line-height: 1.3; }

.swiper-slide-popup .swiper-button-prev { background: url("/lotte_assets/blank.svg") center center no-repeat rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); transform: rotate(180deg); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px; width: 24px; height: 24px; border-radius: 100%; }

.swiper-slide-popup .swiper-button-next { background: url("/lotte_assets/blank.svg") center center no-repeat rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px; width: 24px; height: 24px; border-radius: 100%; }

.tbl-word-keep th, .tbl-word-keep td { word-break: keep-all; }

.grid-item .thumb-box.bg_gray { border-radius: 20px; background-color: rgb(240, 242, 244); }

#orderConfirm .cont-inner:last-child { padding-bottom: 15px; }

#orderConfirm .dialog-footer { position: sticky; bottom: 0px; padding-top: 15px; z-index: 100; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.7) 90%, rgba(255, 255, 255, 0.9) 100%); }

.payment_store_info .store_thumb_wrap { overflow: hidden; border-radius: 4px; text-align: center; }

.payment_store_info .map-content { margin: 0px; padding-top: 200px; }

.payment_store_info .store_text_wrap { margin-top: 30px; text-align: center; }

.payment_store_info .store_text_wrap .store_current, .payment_store_info .store_text_wrap .store_current span { font-size: 16px; line-height: 1.3em; color: rgb(0, 0, 0); }

.payment_store_info .store_text_wrap .store_addr { margin-top: 6px; font-size: 14px; line-height: 1.3em; color: rgb(102, 102, 102); }

.payment_store_info .order_type_wrap { margin-top: 30px; padding: 20px; border-radius: 4px; background-color: rgba(184, 27, 62, 0.1); }

.payment_store_info .order_type_wrap .order_type { text-align: center; }

.payment_store_info .order_type_wrap .order_type p, .payment_store_info .order_type_wrap .order_type span { display: inline-block; font-size: 14px; color: rgb(0, 0, 0); vertical-align: middle; }

.payment_store_info .order_type_wrap .order_type p { padding-left: 9px; }

.ico-order-type { position: relative; display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-size: contain; vertical-align: middle; }

.ico-order-type img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; object-position: center center; }

.payment_store_info + .price-info-list { margin-top: 20px; }

.payment-current-box .price-info-list + .cont-tit-wrap { margin-top: 6px; }

.order_event_banner_wrap { margin-top: 10px; }

.order_event_banner_wrap .order_event_banner { display: block; width: 342px; height: 45px; background-size: contain; background-repeat: no-repeat; background-position: center center; }

.pre_rsv_event_wrap .search-form-wrap { border: 1px solid rgb(221, 224, 227); background-color: rgb(239, 241, 243); }

.ui-select-md-wrap { display: flex; }

.ui-select-md-wrap .ui-select-md { min-width: unset; width: 164px; }

.ui-select-md-wrap .ui-select-md + .ui-select-md { margin-left: 8px; margin-top: 0px; }

.pre_rsv_event_wrap .search-form-wrap .input-box { margin-left: 8px; }

.store-info .store-desc-list .store-desc-item ~ .store-desc-text { margin-top: 20px; }

.store-info .store-desc-list .store-desc-text span + span { display: inline-block; margin-left: 4px; }

.rs_date .ui-datepicker { width: 100%; }

.rs_date .ui-datepicker .ui-datepicker-calendar td .ui-state-default { width: 2em; height: 2em; line-height: 2em; }

@media screen and (max-width: 890px) {
  .pre_rsv_event_wrap .cont-box:first-child { padding-top: 55px; }
}

@media (max-width: 890px) {
  .table_white_type.top, .table_white_type.cnt { padding-right: 1%; }
  .table_white_type th, .table_white_type td { font-size: 14px; }
  .addr_btn_wrap { height: 150px; }
  .addr_btn_wrap a { line-height: 150px; }
  .two_step_payment { width: 100%; }
  .ag_event_btn { height: 12.9851vw; }
  .brand-menu-wrap.swiper-grid-row2 { width: 100%; height: auto; margin-left: auto; margin-right: auto; }
  .brand-menu-wrap.swiper-grid-row2 .brand-menu .brand-item { width: 100%; height: 100px; margin-top: 0px !important; margin-right: 6px !important; margin-left: 0px !important; }
  .brand-menu-wrap.swiper-grid-row2 .brand-menu .brand-item:nth-child(2n) { margin-top: 6px !important; }
  .order-history-wrap + .order_event_banner_wrap { margin-top: 30px; }
  .order_event_banner_wrap { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; }
  .order_event_banner_wrap .order_event_banner { width: 100%; height: 0px; padding-top: 13%; }
  .pre_rsv_event_wrap .search-form-wrap { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: unset; }
  .ui-select-md-wrap.col2 .ui-select-md { width: calc(50% - 4px); }
  .ui-select-md-wrap + .input-box { margin-left: 0px; }
  .pre_rsv_event_wrap .search-form-wrap .info-desc-wrap { margin-top: 30px; }
  .pre_rsv_event_wrap .search-form-wrap .info-desc-wrap .guide-desc { font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); }
  .pre_rsv_event_wrap .search-form-wrap .input-box { margin-top: 20px; margin-left: 0px; }
  .pre_rsv_event_wrap .cont-box ~ .cont-box.mo-gray-box { margin-top: 0px; }
  .pop-banner-view-all .grid-list-wrap { padding-bottom: 0px !important; }
}

@media (max-width: 480px) {
  .delivery-info-wrap .fold-wrap.order .fold-list .fold-item .fold-header { flex-direction: column; }
  .delivery-info-wrap .fold-wrap.order .fold-list .fold-item .fold-header #rsvDate, .delivery-info-wrap .fold-wrap.order .fold-list .fold-item .fold-header #rsvTime { margin-left: 0px !important; }
}

@media (max-width: 430px) {
  .addr_btn_wrap { height: 110px; }
  .addr_btn_wrap a { padding-left: 15px; line-height: 110px; font-size: 18px; background-size: 185px auto !important; }
  .status_info { left: 84%; }
  .grid-item .grid-info-box .grid-text br { display: none; }
}

@media (max-width: 375px) {
  .store-info .store-desc-list .store-desc-text span { display: block; }
  .store-info .store-desc-list .store-desc-text span + span { margin-left: 0px; margin-top: 5px; }
}

@media (max-width: 320px) {
  .table_white_type th, .table_white_type td { font-size: 12px; }
  .addr_btn_wrap a { padding-left: 15px; background-size: 155px auto !important; }
  .status_info { left: 80%; }
}

@media (max-width: 300px) {
  .fold-wrap.type02 .terms-agree-list label { font-size: 12px; letter-spacing: -1px; }
  .fold-wrap.type02 .terms-agree-list label span { font-size: 12px; }
}

.cont-tit .tit-xl { font-size: 20px; line-height: 28px; letter-spacing: -0.025em; font-weight: 600; }

.cont-tit .tit-xxl { font-size: 24px; line-height: 28px; letter-spacing: -0.025em; }

.txt_right_arr_24, .txt_right_arr_24_black { position: relative; }

.txt_right_arr_24::after { content: ""; width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; }

.txt_right_arr_24_black::after { content: ""; width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; }

.badge-wrap.type02 [class^="badge-"] { margin: 0px; }

.badge-wrap.type02 .badge-sm-round { height: 18px; padding: 0px 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px !important; }

.badge-wrap.type02 .badge-sm-round .text { line-height: 18px; }

.ico-coupon-download02 { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-coupon-download-complete { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-coupon-download-circle { width: 36px; height: 36px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.no-data.type02 { padding: 8.9% 0px; }

.no-data.type03 { padding: 60px 0px 100px; }

[class^="ico-brand"].size-sm { width: 24px; height: 24px; border-radius: 24px; }

.ico-mile-yellow { width: 28px; height: 28px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-logo-mint { width: 54px; height: 24px; background: url("../../assets/images/common/comm_logo_mint.svg") 0px 0px / cover no-repeat; }

.ico-logo-white { width: 54px; height: 24px; background: url("../../assets/images/common/comm_logo_white.svg") 0px 0px / cover no-repeat; }

.cont-tit.type02 { margin-bottom: 24px; }

.ico-logo-lotteria-white { width: 107px; height: 24px; background: url("../../assets/images/common/comm_logo_lotteria_white.svg") 0px 0px / cover no-repeat; }

.ico-logo-lotteria-red { width: 107px; height: 24px; background: url("../../assets/images/common/comm_logo_lotteria_red.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-angelinus-white { width: 136px; height: 24px; background: url("../../assets/images/common/comm_logo_angelinus_white.svg") 0px 0px / cover no-repeat; }

.ico-logo-angelinus-brown { width: 136px; height: 24px; background: url("../../assets/images/common/comm_logo_angelinus_brown.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-krispy-color { width: 74px; height: 24px; background: url("../../assets/images/common/comm_logo_krispy_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-all-circle { background: url("../../assets/images/common/comm_ico_brand_all_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-lotteria-circle { background: url("../../assets/images/common/comm_ico_brand_lotteria_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-angelinus-circle { background: url("../../assets/images/common/comm_ico_brand_angelinus_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-krispy-circle { background: url("../../assets/images/common/comm_ico_brand_krispy_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-pleating-circle { background: url("../../assets/images/common/comm_ico_brand_plaeating_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-sb-circle { background: url("../../assets/images/common/comm_ico_brand_sb_circle.svg") 0px 0px / cover no-repeat; }

.ico-coffe { background: url("../../assets/images/common/comm_ico_coffe.svg") 0px 0px / cover no-repeat; }

.ico-dounut { background: url("../../assets/images/common/comm_ico_dounut.svg") 0px 0px / cover no-repeat; }

.ico-hamburger { background: url("../../assets/images/common/comm_ico_hamburger.svg") 0px 0px / cover no-repeat; }

.ico-barcode-black { width: 42px; height: 36px; background: url("../../assets/images/common/comm_ico_barcode_black.svg") 0px 0px / cover no-repeat; }

.brand_cg_wrap .txt { font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: -0.025em; }

.bg_light_gray { background-color: rgb(245, 246, 248) !important; }

.ex_banner { width: 100%; text-align: center; }

.ex_banner_wrap { display: inline-block; width: 100%; max-width: 970px; min-width: 970px; }

.ex_banner_wrap a { overflow: hidden; display: flex; height: 90px; position: relative; border: 1px solid rgb(238, 238, 238); border-radius: 20px; background-color: rgb(255, 255, 255); }

.ex_banner_wrap .img_wrap { width: 34%; max-width: 300px; min-width: 90px; }

.ex_banner_wrap .img_wrap img { height: 100%; object-fit: cover; }

.ex_banner_wrap .text_wrap { display: flex; flex-grow: 1; align-items: center; justify-content: flex-start; width: 100%; padding: 18px 40px; text-align: left; }

.ex_banner_wrap .logo { overflow: hidden; position: relative; width: 90px; height: 50px; }

.ex_banner_wrap .logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.ex_banner_wrap .text { display: inline-block; width: calc(100% - 200px); padding-left: 30px; padding-right: 20px; }

.ex_banner_wrap .text .tit { overflow: hidden; display: -webkit-box; width: 100%; max-height: 2.4em; font-size: 20px; color: rgb(0, 0, 0); font-weight: 700; line-height: 1.2em; letter-spacing: -0.025em; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; }

.ex_banner_wrap .text .tit + span { overflow: hidden; display: -webkit-box; width: 100%; margin-top: 5px; max-height: 21px; font-size: 16px; color: rgb(102, 102, 102); line-height: 21px; letter-spacing: -0.025em; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: normal; }

.ex_banner_wrap .btn { width: 110px; }

.ex_banner_wrap .btn span { display: inline-block; padding: 10px 18px; background-color: rgb(60, 60, 60); border-radius: 18px; font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); line-height: 1em; }

.ex_banner_wrap .btn i { width: 16px; height: 16px; margin-left: 2px; vertical-align: middle; }

.pl0 { padding-left: 0px !important; }

.pr0 { padding-right: 0px !important; }

.ico-logo-dtms-circle { background: url("../../assets/images/common/comm_ico_brand_dtms_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-chocolatpalette-circle { background: url("../../assets/images/common/comm_ico_brand_cp_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-farmerbox-circle { background: url("../../assets/images/common/comm_ico_brand_fm_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-mukyoku-circle { background: url("../../assets/images/common/comm_ico_brand_mkk_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-stanbru-circle { background: url("../../assets/images/common/comm_ico_brand_sb_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-mrgm-circle { background: url("../../assets/images/common/comm_ico_brand_mrgm_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-all-circle { background: url("../../assets/images/common/comm_ico_brand_all_circle.svg") 0px 0px / cover no-repeat; }

.ico-logo-dtms-color { width: 132px; height: 24px; background: url("../../assets/images/common/comm_logo_dtms_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-pleeating-color { width: 165px; height: 24px; background: url("../../assets/images/common/comm_logo_pleeating_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-chocolatpalette-color { width: 150px; height: 24px; background: url("../../assets/images/common/comm_logo_chocolatpalette_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-mukyoku-color { width: 122px; height: 24px; background: url("../../assets/images/common/comm_logo_mukyoku_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-farmerbox-color { width: 150px; height: 24px; background: url("../../assets/images/common/comm_logo_farmerbox_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-mrgm-color { width: 88px; height: 24px; background: url("../../assets/images/common/comm_logo_mrgm_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-stanbru-color { width: 88px; height: 24px; background: url("../../assets/images/common/comm_logo_stanbru_color.svg") 0px 0px / cover no-repeat; transition: 0.2s; }

.ico-logo-dtms-white { width: 132px; height: 24px; background: url("../../assets/images/common/comm_logo_dtms_white.svg") 0px 0px / cover no-repeat; }

.ico-logo-pleeating-white { width: 165px; height: 24px; background: url("../../assets/images/common/comm_logo_pleeating_white.svg") 0px 0px / cover no-repeat; }

.ico-logo-chocolatpalette-white { width: 150px; height: 24px; background: url("../../assets/images/common/comm_logo_chocolatpalette_white.svg") 0px 0px / cover no-repeat; }

.ico-logo-mukyoku-white { width: 122px; height: 24px; background: url("../../assets/images/common/comm_logo_mukyoku_white.svg") 0px 0px / cover no-repeat; }

.ico-logo-farmerbox-white { width: 150px; height: 24px; background: url("../../assets/images/common/comm_logo_farmerbox_white.svg") 0px 0px / cover no-repeat; }

.ico-logo-stanbru-white { width: 84px; height: 24px; background: url("../../assets/images/common/comm_logo_stanbru_white.svg") 0px center / cover no-repeat; }

.ico-logo-mrgm-white { width: 88px; height: 24px; background: url("../../assets/images/common/comm_logo_mrgm_white.svg") 0px center / cover no-repeat; }

@media (max-width: 1024px) {
  .ex_banner_wrap { min-width: unset; }
}

@media (max-width: 890px) {
  .no-data.type02 { padding: 66px 0px; }
  .ico-logo-krispy-color { transition: initial; }
  .cont-tit .tit-xl { font-weight: 700; }
  .ex_banner_wrap a { height: 100px; }
  .ex_banner_wrap .logo { position: absolute; top: 10px; left: 10px; width: 45px; height: 25px; }
  .ex_banner_wrap .img_wrap { max-width: 270px; }
  .ex_banner_wrap .text_wrap { display: inline-block; padding: 14px 20px; }
  .ex_banner_wrap .text { width: 100%; padding-left: 0px; padding-right: 0px; }
  .ex_banner_wrap .text .tit { font-size: 16px; }
  .ex_banner_wrap .text .tit + span { margin-top: 8px; font-size: 14px; line-height: 19px; }
  .ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content { max-height: 88vh; }
}

@media (max-width: 375px) {
  .ex_banner_wrap { padding-left: 0px; padding-right: 0px; }
}

.prod-item.type02 .thumb-box { position: relative; border-radius: 15px; overflow: hidden; background: rgb(255, 255, 255); }

.prod-item.type02 .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; object-fit: cover; min-height: 100%; }

.prod-item.type02 .thumb-box .sold-out { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; }

.prod-item.type02 .thumb-box .sold-out .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); font-size: 15px; font-weight: 500; line-height: 20px; letter-spacing: -0.025em; }

.prod-item.type02 .prod-info-box { padding-left: 8px; }

.prod-item.type02 .prod-info-box .prod-price { margin-top: 8px; font-size: 0px; }

.prod-item.type02 .prod-info-box .prod-price .price .val ~ .unit, .prod-item.type02 .prod-info-box .prod-price .price-normal .val ~ .unit { margin-left: 0px; }

.prod-item.type02 .prod-info-box .prod-price .price .val, .prod-item.type02 .prod-info-box .prod-price .price .unit { position: relative; display: inline-block; vertical-align: top; font-weight: 700; font-size: 16px; line-height: 22px; color: rgb(0, 0, 0); letter-spacing: -0.025em; }

.prod-item.type02 .prod-info-box .prod-price .percent { display: inline-block; margin-right: 2px; vertical-align: top; font-weight: 700; color: rgb(239, 61, 46); font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.prod-item.type02 .prod-info-box .prod-price .price-normal { display: block; margin-bottom: 0px; margin-top: 2px; }

.prod-item.type02 .prod-info-box .prod-price .price, .prod-item.type02 .prod-info-box .prod-price .price-normal { font-size: 0px; }

.prod-item.type02 .prod-info-box .prod-price .price-normal .val, .prod-item.type02 .prod-info-box .prod-price .price-normal .unit { color: rgb(136, 136, 136); font-weight: 400; }

.prod-item.type02 .prod-info-box .brand_cg_wrap + .prod-tit { margin-top: 4px; }

#couponList .coupon-box, #barcodeMobileCouponSelect .coupon-box { border: 1px solid rgb(221, 224, 227); border-radius: 4px; }

#couponList .coupon-box::before, #barcodeMobileCouponSelect .coupon-box::before { position: absolute; top: 0px; right: 0px; content: ""; display: inline-block; width: 90px; height: 100%; background-color: rgba(184, 27, 62, 0.1); }

#couponList .coupon-box.coupon-lotteria::before, #barcodeMobileCouponSelect .coupon-box.coupon-lotteria::before { background-color: rgba(239, 61, 46, 0.1); }

#couponList .coupon-box.coupon-krispy::before, #barcodeMobileCouponSelect .coupon-box.coupon-krispy::before { background-color: rgba(28, 172, 104, 0.1); }

#couponList .coupon-box.coupon-angelinus::before, #barcodeMobileCouponSelect .coupon-box.coupon-angelinus::before { background-color: rgba(170, 148, 129, 0.1); }

#couponList .coupon-box .thumb-box .thumb-img, #barcodeMobileCouponSelect .coupon-box .thumb-box .thumb-img { width: 100%; height: 100%; }

#couponList .coupon-box.coupon-plating::before, #barcodeMobileCouponSelect .coupon-box.coupon-plating::before { background-color: rgba(34, 34, 34, 0.1); }

#couponList .coupon-box .badge-md + .badge-md, #barcodeMobileCouponSelect .coupon-box .badge-md + .badge-md { margin-left: 4px; }

.coupon-box.type03 { width: 100%; height: 273px; padding: 0px 24px; min-width: auto; min-height: auto; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; position: relative; filter: drop-shadow(rgba(0, 0, 0, 0.03) 0px 0px 10px); }

.coupon-box.type03::before { content: ""; position: absolute; left: 1px; top: 0px; background: url("/lotte_assets/blank.svg") 100% 100% / cover no-repeat; width: 24px; height: 100%; }

.coupon-box.type03::after { content: ""; position: absolute; right: 1px; top: 0px; background: url("/lotte_assets/blank.svg") 100% 100% / cover no-repeat; width: 24px; height: 100%; }

.coupon-box.type03 .thumb-box { position: relative; top: 0px; right: auto; transform: translateY(0px); margin: auto; }

.coupon-box.type03 .thumb-box .thumb-img { background: none; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; }

.coupon-box.type03 .badge-wrap.type02 { margin: 0px; }

.coupon-box.type03 .coupon-info-box { height: auto; }

.coupon-box.type03 .coupon-info-box .coupon-name { width: 100%; }

.coupon-box.type03 .coupon-cont { background: url("/lotte_assets/blank.svg") 50% 83% / 90% auto no-repeat rgb(255, 255, 255); padding: 4px 1px 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.03) 0px 2px 10px 0px; }

.coupon-box.type03 .coupon-info-box .coupon-price { width: 100%; }

.coupon-box.type03 .coupon-btn { display: flex; width: 100%; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); font-size: 14px; line-height: 24px; font-weight: 500; z-index: 7; justify-content: center; }

.coupon-box.type03 .coupon-btn:disabled { opacity: 1; color: rgb(136, 136, 136); }

.coupon-box.type03 .coupon-btn .ico { display: inline-block; margin-left: 2px; }

@media (max-width: 890px) {
  .header-wrapper[data-mobile-only] .btn-more-view .text { font-size: 16px; font-weight: 600; line-height: 22px; }
  .btn-more-view.type-white { padding-right: 20px; }
  .btn-more-view.type-white::after { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 16px; height: 16px; margin-top: -9px; right: 2px; }
}

.ico-docker-coupon { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.is-active .ico-docker-coupon { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item { border-radius: 12px; overflow: hidden; position: relative; }

.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item { 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; border-radius: 0px; }

.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box { width: auto; padding: 0px; position: absolute; left: 24px; top: 24px; }

.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit { width: auto; font-size: 18px; line-height: 24px; letter-spacing: -0.025em; font-weight: 700; }

.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit-desc { width: auto; margin-top: 6px; font-weight: 500; }

.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .banner-display { border-radius: 4px; position: absolute; right: 16px; bottom: 14px; color: rgb(255, 255, 255); font-size: 12px; font-weight: 500; line-height: 16px; padding: 4px 7px; background-color: rgba(0, 0, 0, 0.12); backdrop-filter: blur(24px); }

@media (min-width: 891px) {
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item { width: calc(50% - 6px); }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(2n) { margin-left: 12px; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(n+3) { margin-top: 12px; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item { height: auto; min-height: auto; }
}

@media (max-width: 890px) {
  .pop-banner-view-all .cont-box, .pop-banner-view-all .cont-inner { padding: 0px !important; }
  .pop-banner-view-all .grid-list-wrap { padding-bottom: 0px !important; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item img { width: 100%; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item { height: auto; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item { border-radius: 0px; height: auto; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item { margin-top: 8px; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box { margin: 0px; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit { font-size: 20px; line-height: 26px; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit-desc { width: auto; margin-top: 8px; }
  .pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .banner-display { border-radius: 4px; position: absolute; right: 16px; bottom: 14px; color: rgb(255, 255, 255); font-size: 12px; font-weight: 500; line-height: 16px; padding: 4px 7px; }
}

.ico-mile-h28 { width: 28px; height: 28px; background: url("/lotte_assets/comm_ico_mile_h28.svg") 0px 0px / cover no-repeat; }

.ico-lopoint-h28 { width: 28px; height: 28px; background: url("/lotte_assets/comm_ico_lpoint_h28.svg") 0px 0px / cover no-repeat; }

.ico-qr-scan { display: inline-block; width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-one-barcode { display: inline-block; position: relative; z-index: 2; width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-one-barcode::before { display: block; content: ""; position: absolute; left: -9.5px; top: -6px; z-index: 1; width: 42px; height: 36px; border: 1px solid rgb(255, 255, 255); border-radius: 32px; background-color: rgba(255, 255, 255, 0.16); }

.ico-cnp { display: inline-block; width: 13px; height: 12px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-more-arrow { display: inline-block; width: 11px; height: 11px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-md-order { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_order.svg") 0px 0px / cover no-repeat; }

.ico-md-coupon { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_coupon.svg") 0px 0px / cover no-repeat; }

.ico-md-card { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_card.svg") 0px 0px / cover no-repeat; }

.ico-md-shipping { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_shipping.svg") 0px 0px / cover no-repeat; }

.ico-md-subscribe { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_subscribe.svg") 0px 0px / cover no-repeat; }

.ico-md-receipt { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_receipt.svg") 0px 0px / cover no-repeat; }

.ico-md-entry { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_entry.svg") 0px 0px / cover no-repeat; }

.ico-md-consult { width: 24px; height: 24px; background: url("/lotte_assets/ico_md_consult.svg") 0px 0px / cover no-repeat; }

.ico-md-eatzpay { width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-mypick-menu { width: 24px; height: 24px; background: url("/lotte_assets/ico_mypick_menu.svg") 0px 0px / cover no-repeat; }

.ico-mypick-store { width: 24px; height: 24px; background: url("/lotte_assets/ico_mypick_store.svg") 0px 0px / cover no-repeat; }

.ico-mypick-wallet { width: 24px; height: 24px; background: url("/lotte_assets/ico_mypick_wallet.svg") 0px 0px / cover no-repeat; }

.ico-mypick-addr { width: 24px; height: 24px; background: url("/lotte_assets/ico_mypick_addr.svg") 0px 0px / cover no-repeat; }

.ico-arr-h10-gray { display: inline-block; width: 10px; height: 10px; background: url("/lotte_assets/comm_ico_arr_h10_gray.svg") 0px 0px / cover no-repeat; }

.ico-arr-20-white { display: inline-block; width: 20px; height: 20px; background: url("/lotte_assets/comm_ico_arr_20_white.svg") 0px 0px / cover no-repeat; }

.ico-detail-white { display: inline-block; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-detail-gray { display: inline-block; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-delete-btn { display: inline-block; width: 24px; height: 24px; background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; }

.ico-familycard { width: 24px; height: 24px; background: url("/lotte_assets/ico_familycard.svg") 0px 0px / cover no-repeat; }

.membership_regular { position: relative; }

.membership_ico_wrap { display: flex; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); padding: 4px 0px; }

.membership_ico_wrap [class^="ico-grade-"] { width: 32px; height: 32px; }

.order-state-box { background-color: rgb(38, 45, 51); }

.order-state-box .store-info { flex-direction: column; padding: 24px; }

.order-state-box .store-info-title { width: 100%; position: relative; flex-direction: column; align-items: flex-start; }

.order-state-box .store-info-title .store-name { margin-top: 0px; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.6); }

.order-state-box .store-info-title .desc { max-width: calc(100% - 48px); margin-top: 4px; margin-left: 0px; }

.order-state-box .store-info-title .desc_text span { display: none; font-size: 20px; line-height: 1.4em; font-weight: 600; color: rgb(255, 255, 255); word-break: keep-all; }

.order-state-box .store-info-title .desc_icon { position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; }

.order-state-box .store-info-title .desc_icon svg { max-width: 48px; max-height: 48px; }

.order-state-box .order_progress_wrap { width: 100%; margin-top: 20px; }

.order-state-box .order_progress_wrap .progress-box .frame { background-color: rgb(255, 255, 255); }

.order-state-box .order_progress_wrap .progress-box .frame, .order-state-box .order_progress_wrap .progress-box .frame .bar { height: 8px; }

.order-state-box .order_progress_wrap .bar::before { display: block; content: ""; position: absolute; top: 2px; right: 4px; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(255, 255, 255); }

.order-state-box .order_progress_wrap .progress_desc { display: none; margin-top: 10px; }

.order-state-box .order_progress_wrap .progress_desc span { display: inline-block; width: 25%; font-size: 13px; font-weight: 500; color: rgb(255, 255, 255); opacity: 0.4; text-align: center; line-height: 18px; }

.order-state-box .store-info.order .desc_text .text_order, .order-state-box .store-info.orderCancle .desc_text .text_orderCancle, .order-state-box .store-info.register .desc_text .text_register, .order-state-box .store-info.delivery .desc_text .text_delivery, .order-state-box .store-info.cooking .desc_text .text_cooking, .order-state-box .store-info.cookingReso .desc_text .text_cookingReso, .order-state-box .store-info.deliveryComplete .desc_text .text_deliveryComplete, .order-state-box .store-info.pickUpWait .desc_text .text_pickUpWait, .order-state-box .store-info.pickUpWaitReso .desc_text .text_pickUpWaitReso { display: block; }

.order-state-box .store-info.type_delivery .order_progress_wrap .progress_type_delivery, .order-state-box .store-info.type_pickup .order_progress_wrap .progress_type_pickup { display: flex; }

.order-state-box .store-info.orderCancle .order_progress_wrap .bar, .order-state-box .store-info.order .order_progress_wrap .bar { width: 15%; }

.order-state-box .store-info.register .order_progress_wrap .bar { width: 40%; }

.order-state-box .store-info.cooking .order_progress_wrap .bar, .order-state-box .store-info.delivery .order_progress_wrap .bar, .order-state-box .store-info.cookingReso .order_progress_wrap .bar { width: 65%; }

.order-state-box .store-info.deliveryComplete .order_progress_wrap .bar, .order-state-box .store-info.pickUpWait .order_progress_wrap .bar, .order-state-box .store-info.pickUpWaitReso .order_progress_wrap .bar { width: 100%; }

.order-state-box .store-info.order .order_progress_wrap .progress_desc span:nth-child(1), .order-state-box .store-info.orderCancle .order_progress_wrap .progress_desc span:nth-child(1), .order-state-box .store-info.register .order_progress_wrap .progress_desc span:nth-child(2), .order-state-box .store-info.cooking .order_progress_wrap .progress_desc span:nth-child(3), .order-state-box .store-info.cookingReso .order_progress_wrap .progress_desc span:nth-child(3), .order-state-box .store-info.delivery .order_progress_wrap .progress_desc span:nth-child(3), .order-state-box .store-info.deliveryComplete .order_progress_wrap .progress_desc span:nth-child(4), .order-state-box .store-info.pickUpWait .order_progress_wrap .progress_desc span:nth-child(4), .order-state-box .store-info.pickUpWaitReso .order_progress_wrap .progress_desc span:nth-child(4) { opacity: 1; }

.btn_leave { color: rgb(136, 136, 136); font-size: 15px; font-weight: 500; line-height: 20px; }

.btn_underline, .btn_underline:link, .btn_underline:hover, .btn_underline:active, .btn_underline:focus { text-decoration: underline; }

.setting-list .btn_color_gray { color: rgb(68, 68, 68); }

.brand_grade_wrap .join_info_text p, .brand_grade_wrap .join_info_text p a { font-size: 16px; line-height: 22px; font-weight: 500; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.brand_grade_wrap .join_info_text p a { text-decoration: underline; }

.brand_grade_wrap .brand_grade_list_wrap { margin-top: 16px; }

.brand_grade_wrap .brand-grade-list .brand-grade-item { padding: 20px 20px 24px; border-radius: 20px; background-color: rgb(247, 247, 247); }

.brand_grade_wrap .brand-grade-list .brand-grade-item ~ .brand-grade-item { margin-top: 8px; }

.brand_grade_wrap .brand-grade-list .brand-grade-item .brand-grade-info { justify-content: space-between; padding-top: 0px; }

.brand_grade_wrap .brand-grade-list .brand-grade-item .brand-grade-info .brand-name { font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.brand_grade_wrap .brand-grade-list .brand-grade-item .badge-md .text { font-size: 12px; font-weight: 500; text-transform: uppercase; }

.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap { margin-top: 4px; }

.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-text { font-size: 14px; line-height: 18px; font-weight: 500; color: rgb(136, 136, 136); letter-spacing: -0.025em; }

.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-box { margin-top: 18px; }

.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame, .brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame .bar { position: relative; height: 4px; border-radius: 10px; }

.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame .bar .bar_icon { position: relative; width: calc(100% - 18px); height: 4px; }

.brand_grade_wrap .brand-grade-list .brand-grade-item.brand-angelinus .progress-wrap .progress-box .frame .bar { background-color: rgb(153, 131, 112); }

.brand_grade_wrap .brand-grade-list .brand-grade-item [class^="ico-grade"] { position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: -22px; width: 28px; height: 28px; margin-top: 0px; }

.brand_grade_wrap .brand_grade_info_text { margin-top: 12px; font-size: 14px; font-weight: 500; color: rgb(136, 136, 136); line-height: 18px; }

.brand_grade_wrap .badge-fill-light-brown { border: 0px; background-color: rgb(245, 243, 241); }

.brand_grade_wrap .badge-fill-light-brown .text { color: rgb(153, 131, 112); }

.brand_grade_wrap .badge-fill-light-green { border: 0px; background-color: rgb(230, 245, 238); }

.brand_grade_wrap .badge-fill-light-green .text { color: rgb(0, 155, 82); }

.ui-dialog-container .ui-dialog-content.pop-grade-benefit .dialog-body .cont-box:last-child .cont-inner { padding-bottom: 0px; }

.dialog_grade_wrap { position: relative; padding: 24px 20px 30px; margin-left: -20px; margin-right: -20px; background-color: rgb(38, 45, 51); }

.dialog_grade_wrap.brand_grade_wrap .join_info_text p, .dialog_grade_wrap.brand_grade_wrap .join_info_text p a { color: rgb(255, 255, 255); }

.dialog_grade_wrap.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-text { font-size: 13px; }

.brand_grade_wrap .brand-grade-list.type_sum { display: flex; }

.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item .brand-grade-info { flex-direction: column; align-items: center; }

.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item { width: calc(33.3333% - 8px); padding: 16px; margin-top: 0px; }

.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item ~ .brand-grade-item { margin-left: 12px; }

.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item .brand-grade-info .brand-name, .brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item .badge-md { margin-top: 8px; }

.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item [class^="ico-grade"] { position: static; transform: none; width: 40px; height: 40px; }

.brand_grade_wrap .non_member .brand-grade-list .brand-grade-item .brand-grade-info .brand-name, .brand_grade_wrap .non_member .brand-grade-list .brand-grade-item .progress-text, .brand_grade_wrap .non_member .badge-md .text { color: rgb(102, 102, 102); opacity: 0.4; }

.brand_grade_wrap .non_member .badge-md { background-color: rgba(234, 234, 234, 0.4); border: 0px; }

.brand_grade_wrap .non_member .progress-box .frame { background-color: rgb(229, 229, 229); opacity: 0.4; }

.brand_grade_wrap .non_member .brand-grade-list .brand-grade-item [class^="ico-grade"] { filter: grayscale(1); }

.brand_grade_wrap .non_member .brand-grade-list.type_sum .brand-grade-item [class^="ico-grade"] { opacity: 0.4; }

.tab-wrap-type02 .tabs { position: relative; margin-bottom: 28px; padding-bottom: 0px; padding-top: 0px; }

.tab-wrap-type02 .tabs::after { display: block; content: ""; position: absolute; bottom: 0px; left: -20px; width: 100%; height: 1px; background-color: rgb(235, 236, 238); }

.tab-wrap-type02 .tabs .tab-item .tab-link { height: auto; border: 0px; border-radius: 0px; background: none; }

.tab-wrap-type02.justify-tab .tabs .tab-item .tab-link { padding: 20px 0px 15px; }

.tab-wrap-type02 .tabs .tab-item.ui-state-active .tab-link::after { display: block; content: ""; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background-color: var(--brand, #B81B3E); }

.tab-wrap-type02 .tabs .tab-item .tab-link .tab-text { font-size: 15px; line-height: 20px; }

.pop-grade-benefit .tab-wrap-type02 .tabs::after { width: calc(100% + 20px); }

.pop-grade-benefit .mbr_grade_wrap { position: relative; padding-bottom: 60px; }

.pop-grade-benefit .mbr_grade_wrap::after { display: block; content: ""; position: absolute; bottom: 0px; left: -20px; width: calc(100% + 40px); height: 10px; background-color: rgb(243, 245, 247); }

.pop-grade-benefit .grade-header-wrap { 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; }

.pop-grade-benefit .grade-header-wrap .grade-info-wrap { display: flex; align-items: center; }

.pop-grade-benefit .grade-header-wrap [class^="ico-grade-"] { margin-right: 8px; }

.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade-name { font-size: 18px; line-height: 1.4em; font-weight: 700; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade-name span { display: inline-block; margin-top: -3px; font-size: 14px; font-weight: 500; vertical-align: middle; }

.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade_crt { margin-left: 8px; }

.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade_crt span { font-size: 14px; font-weight: 500; color: var(--brand, #B81B3E); line-height: 18px; }

.pop-grade-benefit .grade_benefit_wrap { margin-top: 20px; }

.pop-grade-benefit .mbr_grade_list > li + li { margin-top: 32px; padding-top: 32px; border-top: 1px solid rgb(238, 238, 238); }

.pop-grade-benefit .grade-benefit-list { display: flex; flex-wrap: wrap; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item { 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: column; width: calc(25% - 6px); text-align: center; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item ~ .grade-benefit-item { margin-top: 24px; margin-left: 8px; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(4n+1) { margin-left: 0px; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(-n+4) { margin-top: 0px; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-desc { margin-top: 10px; font-size: 12px; font-weight: 500; color: rgb(0, 0, 0); word-break: keep-all; line-height: 16px; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-desc .sm_txt { font-size: 12px; letter-spacing: -0.025em; word-break: keep-all; margin-top: 2px; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box { display: flex; justify-content: center; align-items: center; position: relative; width: 56px; height: 56px; margin: 0px; border-radius: 50%; background-color: rgb(248, 248, 248); }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box [class^="ico-benefit-"] { width: 32px; height: 32px; }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box .count { display: block; position: absolute; inset: -2px -16px auto auto; min-width: unset; max-width: unset; height: unset; padding: 0px 6px; border-radius: 10px; background-color: rgb(0, 0, 0); }

.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box .count .text { display: inline-block; margin-top: -3px; font-size: 10px; font-weight: 600; color: rgb(255, 255, 255); letter-spacing: -0.025em; vertical-align: middle; }

.pop-grade-benefit .fold-wrap.info-folding-box .fold-item .fold-header { padding: 20px 0px; border: 0px; font-weight: 600; }

.pop-grade-benefit .fold-wrap.info-folding-box .fold-item .fold-header .btn-fold { padding-right: 0px; }

.pop-grade-benefit .fold-wrap.info-folding-box .fold-item.expanded .fold-content { padding: 0px 0px 40px; background: none; border: 0px; }

.pop-grade-benefit .fold-wrap.info-folding-box .fold-item.expanded .fold-content .dot-text { padding-left: 8px; font-size: 14px; }

.pop-grade-benefit .btext-tit.tit-rgl { margin: 0px; font-size: 15px; line-height: 1.3em; font-weight: 600; }

.pb0 { padding-bottom: 0px !important; }

.font_primary { color: var(--brand, #B81B3E) !important; }

.btn-line-bold { border-width: 2px !important; }

.btn-line-bold.btn-md { padding-left: 18px; padding-right: 18px; }

.btn-line-bold.btn-line-primary { box-shadow: rgba(184, 27, 62, 0.1) 0px 5px 10px 0px; }

.btn-disabled { background-color: rgb(241, 243, 244); }

.btn-disabled .text { color: rgb(102, 102, 102); font-weight: 400 !important; }

.content-header-wrap .has-btn { position: relative; }

.content-header-wrap .ui-tabs .ui-tabs-nav { padding-top: 0px; }

.content-header-wrap .right-box.btn-wrap { position: absolute; right: 0px; top: 0px; }

.pay_card_list_wrap.grid-list-wrap .grid-list .grid-item { width: calc(33.3333% - 8px); margin-left: 12px; }

.pay_card_list_wrap.grid-list-wrap .grid-list .grid-item:nth-child(3n+1) { margin-left: 0px; }

.pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item:nth-child(n+4) { margin-top: 8px; }

.pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item { padding: 23px 20px; border: 1px solid rgb(235, 235, 235); border-radius: 20px; }

.pay_card_list_wrap.grid-list-wrap.eatzcard_list_wrap .grid-list.has-border .grid-item { padding: 20px; }

.pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item .btn-delete { top: 16px; right: 16px; }

.pay_card_list_wrap .card-item .card-box { width: 64px; height: 40px; }

.eatzcard_list_wrap .card-box { background-image: url("/lotte_assets/blank.svg"); }

.eatzpay_list_wrap .card-box { background-image: url("/lotte_assets/blank.svg"); }

.eatzpay_list_wrap { margin-top: 12px !important; }

.eatzpay_list_wrap .card-item { align-items: center; }

.eatzpay_btn_wrap { margin: 60px 0px 70px; }

.eatzpay_btn_wrap [class^="btn-"] { min-width: 180px; }

.pay_card_list_wrap .card-item .card-box img { max-width: 100%; border: 1px solid rgb(235, 235, 235); border-radius: 4px; }

.pay_card_list_wrap .card-item .card-info-box { padding-left: 16px; }

.pay_card_list_wrap .card-item .card-info-box .card-company { font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); line-height: 22px; }

.pay_card_list_wrap .card-item .card-info-box .card-type { margin-left: 4px; }

.pay_card_list_wrap .card-item .card-info-box .card-type span { display: inline-block; margin-top: -4px; padding: 2.5px 6px; border-radius: 5px; background-color: rgb(245, 245, 245); font-size: 12px; font-weight: 500; color: rgb(102, 102, 102); vertical-align: middle; line-height: 16px; }

.pay_card_list_wrap .card-item .card-info-box .card-type span + span { margin-left: 4px; }

.pay_card_list_wrap .card-item .card-info-box .card-number { margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(136, 136, 136); line-height: 18px; }

.pay_card_list_wrap .card-item .card-info-box .card-price { margin: 4px 0px 8px; }

.pay_card_list_wrap .card-item .card-info-box .card-price .val, .pay_card_list_wrap .card-item .card-info-box .card-price .unit { font-size: 16px; font-weight: 700; line-height: 22px; }

.pay_card_list_wrap .card-item .card-info-box .card-price .val ~ .unit { margin-left: 0px; }

.pay_card_list_wrap .card-item .card-info-box .card-date { margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(136, 136, 136); line-height: 18px; }

.pay_card_list_wrap .card-item + .btn-wrap { margin-top: 16px; margin-left: -6px; }

.pay_card_list_wrap .card-item + .btn-wrap button, .pay_card_list_wrap .card-item + .btn-wrap a { width: calc(33.3333% - 6px); margin-left: 6px; }

.pay_card_list_wrap .card-item + .btn-wrap button .text, .pay_card_list_wrap .card-item + .btn-wrap a .text { margin-top: -1px; vertical-align: middle; }

.pay_card_list_wrap + .eatzpay_btn_wrap .btn-md + .btn-md { margin-left: 6px; }

.no-data-pay { padding: 60px 0px 100px; }

.no-data-pay .btn-center-wrap [class^="btn-"] { min-width: 180px; }

.no-data.has-notice { padding-bottom: 0px; }

.pay_notice_wrap { margin-top: 20px; }

.pay_notice_wrap button { font-weight: 400; color: rgb(102, 102, 102); }

.no-data.has-notice + .pay_notice_wrap { margin-top: 200px; }

a.btn-md.type02.btn-disabled .text { font-weight: 400; }

.pt30 { padding-top: 30px !important; }

.pt0 { padding-top: 0px !important; }

.pb80 { padding-bottom: 80px; }

.pop_coupon_info .dialog-body .cont-box { padding-right: 52px; }

.pop_coupon_info .dot-text { font-size: 14px; font-weight: 500; }

.pop_coupon_info .dot-text a { display: inline-block; margin-top: 0px; }

.pop_coupon_info .dot-text a span { font-size: 14px; line-height: 1.3em; font-weight: 500; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.pop_coupon_info .dot-text a i { vertical-align: middle; margin-top: -3px; }

.pop_register_coupon .btn-right-wrap button .text { font-size: 14px; line-height: 1.3em; font-weight: 500; letter-spacing: -0.025em; color: rgb(102, 102, 102); }

.pop_register_coupon .btn-right-wrap button .text i { vertical-align: middle; margin-top: -3px; }

.pop_register_coupon .gray-box { border-radius: 20px; text-align: center; }

.pop_register_coupon .gray-box img { width: 100%; max-width: 272px; }

.pop_register_coupon .dialog-body .cont-box:last-child .cont-inner { padding-bottom: 18px !important; }

.pop_coupon_use .img-area { padding: 0px 40px; border-radius: 20px; background-color: rgb(245, 246, 248); text-align: center; }

.pop_coupon_use .img-area img { width: 100%; max-width: 252px; }

.pop_coupon_use .img-area + .info-text-list { margin-top: 10px; }

.pop_coupon_use .btn-round { border-color: rgb(128, 135, 141); }

.pop_coupon_use .btn-round .text { font-weight: 500; }

.pop_coupon_use .btn-round i { margin-right: 2px; vertical-align: middle; }

.pop_list_filtering .ui-row-list.type-btn .ui-rdo label { font-weight: 500; }

@media (max-width: 890px) {
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content.pop-grade-benefit .dialog-body .cont-box:first-child .cont-inner { padding-top: 0px; }
  .mo-pt0 { padding-top: 0px !important; }
  .mo-pb0 { padding-bottom: 0px !important; }
  .card-item .card-info-box .card-number { margin-top: 6px; }
  .pay_card_list_wrap.grid-list-wrap { padding-bottom: 40px !important; }
  .pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item { margin-top: 8px; }
  .pay_card_list_wrap.grid-list-wrap .grid-list .grid-item { width: 100%; margin-left: 0px; }
  .pay_card_list_wrap.grid-list-wrap .grid-list li.grid-item:last-child { margin-bottom: 0px; }
  .pay_card_list_wrap .grid-list + .btn-wrap { margin-top: 8px; }
  .pay_card_list_wrap .btn-payment-card-add { height: 44px; border: 1px dashed rgb(235, 235, 235); border-radius: 16px; background-color: rgb(249, 249, 249); }
  .pay_card_list_wrap .btn-payment-card-add .text { color: rgb(68, 68, 68); }
  .pay_card_list_wrap + .page-btn-wrap { position: relative; flex-direction: column; margin-top: 10px; padding-top: 20px; }
  .pay_card_list_wrap + .page-btn-wrap::before { display: block; content: ""; width: calc(100% + 40px); height: 10px; position: absolute; left: -20px; top: -10px; background-color: rgb(243, 245, 247); }
  .pay_card_list_wrap + .page-btn-wrap .btn-line-light-gray { border: 0px; }
  .pay_card_list_wrap + .page-btn-wrap .btn-md { width: 100%; justify-content: flex-start; padding: 20px 0px; background: url("/lotte_assets/blank.svg") right center no-repeat; }
  .pay_card_list_wrap + .page-btn-wrap .btn-md + .btn-md { margin-left: 0px; border-top: 1px solid rgb(239, 241, 243); }
  .pay_card_list_wrap + .page-btn-wrap .btn-md .text { font-size: 15px; font-weight: 500; color: rgb(68, 68, 68); }
  .no-data.has-notice { padding-bottom: 100px; }
  .no-data.has-notice + .pay_notice_wrap { margin-top: 10px; }
  .pay_notice_wrap { position: relative; padding: 10px 0px 20px; margin-top: 0px; }
  .ui-dialog-container .ui-dialog-content.pop-grade-benefit { position: relative; padding-top: 0px; }
  .ui-dialog-container .ui-dialog-content.pop-grade-benefit .dialog-header { position: sticky; top: 0px; left: 0px; z-index: 1; min-height: 64px; padding: 20px 44px 20px 20px; margin: 0px; background-color: rgb(255, 255, 255); }
  .ui-dialog-container .ui-dialog-content.pop-grade-benefit .btn-pop-close { position: fixed; z-index: 2; }
  .ui-dialog-container .ui-dialog-content.pop-grade-benefit .tab-wrap.justify-tab .tabs { position: sticky; top: 64px; left: 0px; z-index: 1; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
  .pop-grade-benefit .fold-wrap.info-folding-box .fold-item.expanded .fold-content { padding-bottom: 60px; }
}

@media (max-width: 480px) {
  .pop-grade-benefit .grade-benefit-list .grade-benefit-item { width: calc(33.3333% - 5.33333px); }
  .pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(4n+1) { margin-left: 8px; }
  .pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(-n+4) { margin-top: 24px; }
  .pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(3n+1) { margin-left: 0px; }
  .pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(-n+3) { margin-top: 0px; }
  .pop_coupon_use .input-box.has-value .ui-input { padding-right: 20px; }
  .pop_coupon_use .input-box .btn-input-del { top: 12px; right: 2px; width: 22px; height: 22px; }
}

@media (max-width: 360px) {
  .pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-desc br { display: none; }
  .pop_register_coupon .channel_logo_wrap { flex-direction: column; }
  .pop_register_coupon .channel_logo_wrap img + img { margin-left: 0px; margin-top: 16px; }
  .pop_coupon_use .input-box.has-value .ui-input { padding-left: 4px; padding-right: 12px; }
  .pop_coupon_use .input-box .btn-input-del { top: 16px; width: 12px; height: 12px; background-size: 10px auto; }
  .order-state-box .store-info-title .desc { letter-spacing: -1px; }
}

.mt08 { margin-top: 8px; }

.btn_coupon_popup { margin-top: 8px; }

.list-header-wrap.has_select { flex-direction: row-reverse; }

.list-header-wrap.has_select .ui-chk input[type="checkbox"] { outline-offset: -1px; }

.list-header-wrap.has_text { justify-content: space-between; }

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

.ico-plus { background: url("/lotte_assets/blank.svg") 0px 0px / cover no-repeat; width: 16px; height: 16px; }

.coupon-box .coupon-info-box .coupon-price { margin-top: 8px; }

.coupon-box .coupon-info-box .coupon-price .price + .price-normal { margin-right: 0px; margin-left: 4px; }

.tab-wrap.sub-tab .tab_flex_wrap .tabs { margin-bottom: 0px; }

.tab_flex_wrap { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; }

.tab_flex_wrap .coupon_rgst_btn { margin-top: -24px; }

.grid-list-wrap .grid-list.type-box-full.second { margin-top: 12px; }

.grid-list-wrap .grid-list.type-box-full.type02 .grid-item { border: 1px solid rgb(235, 235, 235); border-radius: 20px; align-self: inherit; overflow: hidden; }

.grid-list.type02 .coupon-box { position: relative; border: 0px; min-height: 200px; max-height: 200px; padding-bottom: 0px; }

.grid-list.type02 .coupon-box .coupon-info-box .coupon-name { width: calc(100% - 98px); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 500; margin-top: 4px; }

.grid-list.type02 .coupon-box .coupon-info-box .coupon-name.ellipsis-line2 { display: -webkit-box; overflow: hidden; max-height: 36px; line-height: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; }

.grid-list.type02 .coupon-box .coupon-info-box .coupon-price { width: 100%; }

.grid-list.type02 .coupon-box .coupon-info-box .coupon-price .price .val, .grid-list.type02 .coupon-box .coupon-info-box .coupon-price .price .unit { font-weight: 700; }

.grid-list.type02 .coupon-box .bottom-box { width: calc(100% - 40px); display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 20px; left: 20px; }

.grid-list.type02 .coupon-box .badge-wrap { width: auto; margin: 0px; }

.grid-list.type02 .coupon-box .thumb-box { width: 90px; padding-top: 90px; top: 20px; transform: translateY(0px); }

.grid-list.type02 .coupon-box .thumb-box .thumb-img { background: none; height: auto; }

.grid-list.type02 .coupon-date-list { margin-top: 1px; }

.grid-list.type02 .coupon-date-list .data-item { text-align: right; }

.grid-list.type02 .coupon-date-list .title { font-size: 13px; font-weight: 500; color: rgb(136, 136, 136); margin-right: 0px; white-space: nowrap; }

.grid-list.type02 .coupon-date-list .desc { font-weight: 600; font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(239, 61, 46); white-space: nowrap; word-break: keep-all; margin-right: 2px; }

.grid-list.type02 .coupon-btn { display: flex; width: 100%; height: 44px; margin: auto; position: relative; border-top: 1px dashed rgb(235, 235, 235); align-items: center; justify-content: center; }

.grid-list.type02 .coupon-btn .text { font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.grid-list.type02 .coupon-btn i { width: 18px; height: 18px; margin-left: 4px; }

.grid-list.type02 .coupon-btn:disabled { opacity: 1; }

.grid-list.type02 .coupon-btn:disabled .text { color: rgb(136, 136, 136); }

.grid-list.type02 .badge-wrap .badge-md { margin-right: 3px; }

.ex_banner.type_coupon { margin: 30px 0px; padding-left: 0px; padding-right: 0px; }

.tab-content .top_area { margin-bottom: 30px; border-radius: 20px; overflow: hidden; }

.holding_coupon_info { background: rgb(38, 45, 51); padding: 24px; display: flex; justify-content: space-between; align-items: center; }

.holding_coupon_info .text { color: rgb(255, 255, 255); font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; }

.holding_coupon_info .text .count { color: var(--brand, #B81B3E); font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing: -0.025em; margin-left: 6px; }

.holding_coupon_info .history_link { color: rgb(255, 255, 255); position: relative; padding-right: 12px; font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: -0.025em; display: block; opacity: 0.5; }

.holding_coupon_info .history_link::after { content: ""; background: url("../../assets/images/common/comm_ico_arr_right_h24.svg") right center / cover no-repeat; width: 12px; height: 12px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }

.exchange_mile_link { border-radius: 20px; display: block; margin-top: 30px; }

.exchange_mile_link .text01 { font-size: 20px; line-height: 26px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); display: block; }

.exchange_mile_link .text02 { font-size: 15px; line-height: 20px; letter-spacing: -0.025em; font-weight: 500; color: rgb(30, 160, 179); display: block; margin-top: 4px; }

.exchange_mile_link .bg_img { width: 146px; height: 125px; margin-top: -65px; margin-right: -4px; }

.btn_coupon_del { width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; background: url("../../assets/images/common/comm_ico_coupon_delete.svg") 0px 0px / cover no-repeat; z-index: 7; }

.coupon-box .coupon-info-box .coupon-price .btext02 { font-size: 16px; font-weight: 700; line-height: 22px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.coupon-box .coupon-info-box .coupon-price .btext02 + .balance { margin-left: 4px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.coupon-box .coupon-info-box .coupon-number { margin-top: 8px; }

.coupon-box .coupon-info-box .coupon-number .use { font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: -0.025em; color: rgb(0, 0, 0); margin-right: 1px; }

.coupon-box .coupon-info-box .coupon-number .info { font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: -0.025em; color: rgb(136, 136, 136); }

.ico_alarm_white02 { background: url("../../assets/images/common/comm_ico_alarm_white02.svg") 0px 0px / cover no-repeat; width: 16px; height: 16px; }

.has_coupon_popup { margin-top: 8px; }

.btn_option_popup { font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: -0.025em; color: rgb(0, 0, 0); position: relative; padding-right: 16px; }

.btn_option_popup::after { content: ""; position: absolute; width: 10px; height: 10px; background: url("/lotte_assets/ui_ico_select_arr.svg") 0px 0px no-repeat; top: 4px; right: 0px; }

.btn-info.has_coupon_popup .ico-info-popup { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.tab-wrap.type02 { margin-top: -20px; }

.grid-list.type02 .coupon_status { width: 100%; padding: 20px 20px 0px; }

.grid-list.type02 .coupon_status .title { display: block; width: 100%; padding-bottom: 16px; border-bottom: 1px dashed rgb(235, 235, 235); font-size: 16px; line-height: 21px; font-weight: 700; letter-spacing: -0.025em; }

.grid-list.type02 .coupon_status + .coupon-box { padding-top: 16px; min-height: 200px; max-height: 200px; }

.coupon-box .coupon-info-box .coupon-number.type02 { margin-top: 4px; }

.coupon_list_date { padding-top: 40px; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.025em; color: rgb(0, 0, 0); }

.coupon_list_date + .grid-list-wrap { padding-bottom: 40px; margin-top: 16px; }

.grid-list-wrap + .coupon_list_date { border-top: 1px solid rgb(238, 238, 238); }

.grid-list-wrap:last-child { padding-bottom: 0px; }

.grid-item.disabled .coupon_status .title { color: rgb(68, 68, 68) !important; }

.grid-item.disabled .thumb-box { opacity: 0.4; }

.grid-item.disabled .brand_cg_wrap .txt, .grid-item.disabled .coupon-name.ellipsis-line2, .grid-item.disabled .coupon-price .percent, .grid-item.disabled .coupon-price .price .val, .grid-item.disabled .coupon-price .price .unit, .grid-item.disabled .badge-fill-light-gray02 .text, .grid-item.disabled .coupon-box .coupon-info-box .coupon-number .use, .grid-item.disabled .coupon-box .coupon-info-box .coupon-price .btext02, .grid-item.disabled .coupon-date-list .desc { color: rgb(136, 136, 136) !important; }

.gray_noti_box { width: 100%; background-color: rgb(247, 247, 247); padding: 12px 20px; border-radius: 15px; }

.gray_noti_box .text { color: rgb(102, 102, 102); font-size: 14px; line-height: 18px; letter-spacing: -0.025em; }

@media (max-width: 890px) {
  .btn_coupon_popup { margin-top: 4px; margin-left: 6px; }
  .has_coupon_popup { margin-top: 4px; margin-left: 6px; }
  .grid-list-wrap .grid-list.type02 .grid-item ~ .grid-item { margin-top: 8px; }
  .grid-list.type02 .coupon_status + .coupon-box { max-height: 100%; min-height: 100%; }
  .grid-list.type02 .coupon-box { max-height: 100%; min-height: 100%; }
  .grid-list.type02 .coupon-box .bottom-box { position: relative; left: auto; bottom: auto; margin: 12px 0px 20px; width: 100%; }
  .ex_banner.type_coupon { margin-top: -10px; margin-bottom: 20px; border-radius: 20px; }
  .motypeA { padding-bottom: 0px !important; }
  .motypeA .tab-wrap { background: rgb(255, 255, 255); }
  .motypeA .tab-content { padding: 20px 20px 50px; background-color: rgb(245, 246, 248); min-height: 460px; }
  .motypeA .tab-wrap.sub-tab .tabs-swiper { margin-bottom: 20px; margin-left: 4px; }
  .tab_flex_wrap { margin-bottom: 0px; }
  .noti_setting { display: flex; justify-content: space-between; align-items: center; padding: 14px 24px; background: rgb(55, 62, 67); }
  .noti_setting .text { color: rgb(255, 255, 255); font-size: 13px; line-height: 18px; letter-spacing: -0.025em; font-weight: 400; word-break: keep-all; }
  .setting_btn { display: flex; align-items: center; }
  .setting_btn .text { color: rgb(255, 255, 255); font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.025em; white-space: nowrap; }
  .setting_btn i { margin-right: 4px; }
  .exchange_mile_link { margin-top: 0px; }
  .grid-list-wrap .grid-list.type-box-full.second { margin-top: -23px; }
  .tab-wrap.type02 .tabs { margin-left: 0px; }
  .coupon_list_date { padding-top: 10px; }
  .coupon_list_date + .grid-list-wrap { margin-top: 12px; padding-bottom: 0px; }
  .grid-list-wrap + .coupon_list_date { border-top: 0px; padding-top: 0px; }
  .gray_noti_box { background-color: rgba(224, 227, 233, 0.5); }
}

@media (max-width: 330px) {
  a.btn-md .text, button.btn-md .text { font-size: 12px; }
}

@media (max-width: 280px) {
  .grid-list.type02 .coupon-box .thumb-box { top: 4px; right: 12px; }
}

.swiper-coupon-wrap .swiper-container .swiper-slide.coupon-item { width: 19.1%; margin-right: 12px !important; }

.swiper-coupon-wrap .swiper-container .swiper-slide.coupon-item:last-child { margin-right: 0px !important; }

.swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled::before, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled::before { opacity: 0; }

.swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-next { background: none; left: auto; }

.swiper-control-wrap .swiper-button-next:hover::before, .swiper-control-wrap .swiper-button-prev:hover::before { background: url("../../assets/images/ui/ic_arrow_swiper_right_hover.svg") 0% 0% / cover; }

.swiper-coupon-wrap .coupon-item .coupon-info-box { margin-left: 4px; }

.ico_quick_shopping { display: block; width: 50px; height: 50px; background: url("../../assets/images/common/comm_ico_shopping.png") 0px 0px / cover no-repeat; }

.ico_quick_coffee { display: block; width: 50px; height: 50px; background: url("../../assets/images/common/comm_ico_coffeebean.png") 0px 0px / cover no-repeat; }

.ico_quick_voucher { display: block; width: 50px; height: 50px; background: url("../../assets/images/common/comm_ico_voucher.png") 0px 0px / cover no-repeat; }

.swiper-coupon-wrap.type02 .coupon-item .thumb-box .thumb-img { height: auto; }

@media (max-width: 890px) {
  .swiper-coupon-wrap .swiper-container .swiper-slide.coupon-item { width: 128px; margin-bottom: 30px; margin-right: 8px !important; }
  .cont-box.no_padding_mo { padding: 0px; }
  .type_shopping { margin-top: 0px; }
}

.btext-tit.fw-md { margin-bottom: 8px !important; }

.gray-box.type02 { background-color: rgb(245, 246, 248); border-radius: 20px; padding: 0px; }

.pop_id_check .gray-box { text-align: center; }

.pop_id_check .gray-box img { width: 220px; }

.title-text + .goods-box.size-sm { margin-left: 6px; }

.pop_right_area { display: flex; flex-direction: row-reverse; }

.pl07 { padding-left: 7px; }

.detail_link { font-size: 13px; line-height: 18px; letter-spacing: -0.025em; color: rgb(102, 102, 102); display: inline-block; vertical-align: middle; margin: 3px 0px 0px 6px; width: auto; height: auto; font-weight: 500; text-decoration: underline !important; }

.detail_link + .tooltip-box { top: -86px; left: -85px; }

.ui-chk input + label + .detail_link { margin-left: 6px; }

.direct_request_input { display: none; margin-top: 16px; }

.aside-content-wrap.cont-order-wrap .aside-content-inner .cont-box:first-child { padding-top: 0px; }

.price-info-list.size-sm .price-info-item .right-box .goods-group .val, .price-info-list.size-sm .price-info-item .right-box .goods-group .unit, .price-info-list.size-sm .price-info-item .right-box .goods-group .sub { color: rgb(102, 102, 102); }

.cont-order-wrap .badge-wrap.type02 .badge-md + .badge-md { margin-left: 6px !important; }

.has_shape { position: relative; padding-left: 12px; }

.has_shape::before { content: ""; position: absolute; left: 0px; top: 6px; width: 6px; height: 6px; border-left: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); }

.badge-wrap.type02 + .cont-tit.tit-xl { margin-top: 12px; }

.tbl-info-wrap .tbl-row-info tr ~ tr th, .tbl-info-wrap .tbl-row-info tr ~ tr td { padding-top: 8px; }

.tbl-info-wrap .tbl-row-info tr .fc-spot { color: rgb(116, 30, 43) !important; }

.fold-wrap.type-tline-gray { border-top: 1px solid rgb(68, 68, 68); }

.order-header-box + .cont-tit + .tbl-info-wrap { padding-bottom: 30px; }

.fold-wrap.order .fold-list .fold-item:last-child { border-bottom: transparent; }

.order-prod-list-wrap.order_list .prod-item.horizontal { width: 100%; }

.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price { display: flex; justify-content: space-between; margin-top: 16px; }

.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .prod-count { color: rgb(0, 0, 0); font-weight: 500; }

.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .total-price .val, .order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .total-price .unit { font-weight: 500; }

.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .prod-count ~ .total-price::before { display: none; }

.order-prod-list-wrap.order_list .prod-item.horizontal .thumb-box { border-radius: 15px; width: 70px; padding-top: 68px; overflow: hidden; }

.order-prod-list-wrap.order_list .prod-item.horizontal .thumb-img { inset: 50% auto auto 50%; transform: translate(-50%, -50%); object-fit: cover; }

.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box { padding-left: 16px; }

.cont-order-wrap .fold-wrap.order .fold-item .right-box .text { display: block; color: rgb(102, 102, 102); }

.cont-order-wrap .fold-wrap.order .fold-item.expanded .right-box .text { display: none; }

.cont-order-wrap .tab-wrap.order-way.last { padding-bottom: 0px; }

button.btn-sm.type02 .text { font-size: 14px; }

.fold-content.type_payment { padding-top: 12px; }

.fold-content.type_payment .ui-col-list { margin-top: 12px; }

.fold-content.type_payment .ui-col-list .item .ui-rdo.title { padding-top: 8px; }

.fold-content.type_payment .ui-col-list > .item + .item { border-top: 1px solid rgb(238, 238, 238); padding-top: 12px; }

.fold-content.type_payment .ui-col-list .item.no_top_line { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-top: -12px; padding-top: 0px; }

.fold-content.type_payment .ui-col-list .item.no_top_line .tab-wrap .tabs { padding-bottom: 10px; }

.fold-content.type_payment .ui-col-list .item.no_top_line .tab-wrap.type_square .ui-row-list.type-btn { margin-top: 10px; }

.fold-content.type_payment .ui-col-list .item .title_area { display: flex; align-items: center; justify-content: space-between; }

.fold-content.type_payment .ui-rdo input + label { font-size: 15px; line-height: 20px; padding-left: 32px; }

.fold-content.type_payment .btn-more-view.type_gray + .event_btn { margin-top: 30px; }

.fold-content.type_payment .event_btn { background-color: rgb(239, 241, 243); padding: 12px 55px 12px 20px; width: 100%; border-radius: 15px; text-align: left; display: flex; align-items: center; position: relative; }

.fold-content.type_payment .event_btn::after { content: ""; background: url("/lotte_assets/comm_ico_arr_h10_gray.svg") 0px 0px / 13px auto no-repeat; width: 16px; height: 16px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }

.fold-content.type_payment .event_btn .text { font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: -0.025em; margin-left: 10px; width: calc(100% - 28px); color: rgb(0, 0, 0); }

.fold-content.type_payment .event_btn + .event_btn { margin-top: 8px; }

.payment-card-before-wrap .btn-payment-card-add.first { border-color: var(--brand, #B81B3E); background-color: rgba(184, 27, 62, 0.07); }

.payment-card-before-wrap .btn-payment-card-add.first button { padding: 0px 11px; margin-top: 12px; }

.payment-card-before-wrap .btn-payment-card-add.btn-payment-a11y .btn-primary.type02 { display: flex; justify-content: center; align-items: center; height: 32px; padding: 0px 11px; margin-top: 12px; background-color: var(--brand, #B81B3E); border: 1px solid var(--brand, #B81B3E); }

.payment-card-before-wrap .btn-payment-card-add.btn-payment-a11y .btn-primary.type02 .text { color: rgb(255, 255, 255); }

.payment-card-before-wrap .btn-payment-card-add.first .ico_plus_white { display: inline-block; margin: -1px 5px 0px 0px; }

.payment-card-before-wrap .btn-payment-card-add.first .text { font-weight: 500; }

.payment-card-before-wrap .btn-payment-card-add.first .text { font-weight: 500; }

.ico_plus_white { width: 11px; height: 11px; background: url("../../assets/images/common/comm_ico_plus_h12_white.svg") 0px 0px / cover no-repeat; }

.ico_setting { width: 16px; height: 16px; background: url("../../assets/images/common/comm_ico_setting_h24.svg") 0px 0px / cover no-repeat; }

.card_setting_btn .text { color: rgb(102, 102, 102); font-weight: 500; margin-right: 6px; line-height: 18px; }

.card_setting_btn .ico { display: inline-block; vertical-align: bottom; }

.ico_toss { background: url("../../assets/images/common/comm_ico_toss.png") 0px 0px / cover no-repeat; width: 28px; height: 28px; }

.ico_lottecard { background: url("../../assets/images/common/comm_ico_lottecard.svg") 0px 0px / cover no-repeat; width: 28px; height: 28px; }

.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-content { display: block; border-bottom: 1px solid rgb(68, 68, 68); padding-bottom: 30px; }

.ico_leaf { width: 24px; height: 24px; background: url("../../assets/images/common/comm_ico_leaf.svg") 0px 0px / cover no-repeat; display: inline-block; vertical-align: top; margin: -4px 0px 0px 2px; }

.gray_info_box { width: 100%; background-color: rgb(247, 247, 247); padding: 12px 16px; border-radius: 10px; display: flex; justify-content: space-between; margin-top: 30px; }

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

.noti_popup_btn .text { font-size: 12px; line-height: 16px; letter-spacing: -0.025em; color: rgb(102, 102, 102); text-decoration: underline; font-weight: 400; }

.ico_information { background: url("../../assets/images/common/comm_ico_info.svg") 0px 0px / cover no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin: -2px 6px 0px 0px; }

.ico_lpay { background: url("../../assets/images/common/comm_ico_lpay.png") center center / cover no-repeat; width: 52.25px; height: 19px; display: block; margin: auto; }

.ico_payco { background: url("../../assets/images/common/comm_ico_payco.png") 0px 0px / cover no-repeat; width: 53px; height: 20px; display: inline-block; }

.ico_sspay { background: url("../../assets/images/common/comm_ico_sspay.png") 0px 0px / cover no-repeat; width: 84px; height: 20px; display: inline-block; }

.ico_kkpay { background: url("../../assets/images/common/comm_ico_kkpay.png") 0px 0px / cover no-repeat; width: 48px; height: 20px; display: inline-block; }

.ico_npay { background: url("../../assets/images/common/comm_ico_npay.png") 0px 0px / cover no-repeat; width: 50px; height: 20px; display: inline-block; }

.ico-coin { background: url("../../assets/images/common/comm_ico_coin.svg") 0px 0px / cover no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: top; margin: -2px 0px 0px 4px; }

.ico_location { background: url("../../assets/images/common/comm_ico_addr_mark.svg") 0px 0px / cover no-repeat; width: 16px; height: 16px; }

.tbl-info-wrap.drive_wrap { padding: 30px 20px; }

.cr_title { padding-right: 0px !important; }

.goods-group.type400 .val, .goods-group.type400 .unit { font-weight: 400; }

.goods-group.type500 .val, .goods-group.type500 .unit { font-weight: 500; }

.pop_ac_card { margin: 2px 0px 0px 3px; }

.mgb30 { margin-bottom: 30px; }

.pdb0 { padding-bottom: 0px !important; }

.text_copy_btn { line-height: 18px; font-weight: 500; letter-spacing: -0.025em; color: rgb(136, 136, 136); text-decoration: underline; margin-left: 8px; font-size: 14px !important; }

.type-order-coupon { border-radius: 20px; border: 1px solid rgb(235, 235, 235); overflow: hidden; margin: -8px 0px 20px; }

.type-order-coupon .grid-list.type02 .coupon-box { min-height: 143px; max-height: 143px; }

.payment-current-wrap .payment-current-box .info-text-list .dot-text span { display: block; }

.no_bottom_line { border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }

.ui-dialog-container .ui-dialog.dialog-md.dialog-bottom { width: 800px !important; }

.pop_height_fixed { max-height: 670px; }

.pop_height_fixed .scroll-wrap-y { max-height: 512px; }

.pop-choice-coupon .dot-text, .pop-choice-mobile-coupon .dot-text { font-weight: 500; }

.pop-choice-mobile-coupon .grid-list.type02 .coupon-box { min-height: 180px; max-height: 180px; }

.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item { width: calc(50% - 4px); }

.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(n+1) { margin-left: 8px; }

.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(2n+1) { margin-left: 0px; }

.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 8px; }

.grid_chk_wrap .grid-item.active, .grid_rdo_wrap .grid-item.active { border-color: var(--brand, #B81B3E) !important; }

.grid_chk_wrap .grid-list.type-box-full .grid-item, .grid_rdo_wrap .grid-list.type-box-full .grid-item { display: flex; align-items: center; }

.grid_chk_wrap .grid-list.type02 .grid-item, .grid_rdo_wrap .grid-list.type02 .grid-item { overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.grid_chk_wrap .grid-list .ui-chk, .grid_rdo_wrap .grid-list .ui-rdo { margin-right: 20px; }

.grid_chk_wrap.grid-list-wrap .grid-list .grid-item .coupon-box, .grid_rdo_wrap.grid-list-wrap .grid-list .grid-item .coupon-box, .pay_card_list_wrap.grid_chk_wrap .grid-list .grid-item .card-item { width: calc(100% - 44px); }

.grid_chk_wrap .ui-chk, .grid_rdo_wrap .ui-rdo { position: unset; }

.grid_chk_wrap .ui-chk label, .grid_rdo_wrap .ui-rdo label { position: absolute; left: 0px; top: 0px; z-index: 6; width: 100%; height: 100%; }

.grid_chk_wrap .ui-chk label::before, .grid_chk_wrap .ui-chk label::after, .grid_rdo_wrap .ui-rdo label::before, .grid_rdo_wrap .ui-rdo label::after { top: 50%; left: auto; right: 20px; transform: translateY(-50%); }

.grid_rdo_wrap .ui-rdo.ui-rdo label::after { right: 21px; }

.grid_chk_wrap .ui-chk input:checked + label::after { transform: translateY(-50%); }

.grid_chk_wrap .ui-chk input:checked + label::before, .grid_rdo_wrap .ui-rdo input:checked + label::before, .grid_rdo_wrap .ui-rdo input:checked + label::after { animation: 0.18s ease-in-out 0s 1 normal forwards running uiActive2; }

.grid_rdo_wrap .ui-rdo.ui-rdo input:checked + label::after { top: 50%; left: auto; right: 27px; width: 10px; height: 10px; transform: translateY(-50%); }

.grid_coupon_pop_wrap .grid-list.type02 .coupon_status + .coupon-box { padding-top: 0px; }

.grid_coupon_pop_wrap .grid-list.type02 .coupon-box .coupon-info-box .coupon-price { align-items: center; }

.grid_coupon_pop_wrap .coupon-box .coupon-info-box .coupon-price .price-total { display: inline-block; margin-top: -1px; margin-left: 4px; font-size: 14px; font-weight: 400; color: rgb(136, 136, 136); vertical-align: middle; }

.grid_coupon_pop_wrap .btn-wrap .ico-detail-gray + .text { color: rgb(68, 68, 68); }

@keyframes uiActive2 { 
  0% { transform: scale(0.8) translateY(-50%); }
  100% { transform: scale(1) translateY(-50%); }
}

.pop-choice-coupon .line-top-box { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgb(238, 238, 238); }

.pop-choice-coupon .cont-tit { margin-bottom: 12px; }

.pop-choice-coupon .grid-list.type-box-full .grid-item .coupon-box { padding-bottom: 20px; }

.pop-choice-coupon .grid-list.type02 .coupon-box { min-height: 182px; }

.pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box { margin-top: 8px; }

.pop-choice-coupon .cont-tit ~ .cont-tit { padding-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.ui-dialog-container .ui-dialog-content.pop-choice-coupon .dialog-body .grid-list-wrap { margin-bottom: 8px; }

.ui-dialog-container .ui-dialog-content.pop-choice-coupon .dialog-body .grid-list-wrap ~ .btn-wrap.full { margin-top: 0px; }

.grid_coupon_pop_wrap + .btn-wrap .btn-md .text { color: rgb(68, 68, 68); }

.grid_coupon_pop_wrap .coupon-box.disabled { opacity: 1; }

.coupon-box.disabled .thumb-box { opacity: 0.3; }

.coupon-box.disabled .brand_cg_wrap .txt, .coupon-box.disabled .coupon-info-box .coupon-name, .coupon-box.disabled .coupon-info-box .coupon-price .percent, .coupon-box.disabled .coupon-info-box .coupon-price .price .val, .coupon-box.disabled .coupon-info-box .coupon-price .price .unit, .coupon-box.disabled .badge-fill-light-gray02 .text { color: rgb(136, 136, 136) !important; }

.pop-pay-etc .input-btn-box .input-box ~ .btn-md { margin-left: 10px; }

.pop-pay-etc .form-list-wrap .form-item.pc-full ~ .form-item { margin-top: 30px; }

.pay_card_list_wrap.grid-list-wrap .grid-item.active { border-color: var(--brand, #B81B3E) !important; }

.pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .grid-item { width: 100%; margin-left: 0px; }

.pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .grid-item ~ .grid-item { margin-top: 8px; }

.pop-pay-etc .pay_card_list_wrap.grid-list-wrap.eatzcard_list_wrap .grid-list.has-border .grid-item { padding-top: 28px; padding-bottom: 28px; border-radius: 15px; }

.pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .card-item .card-info-box .card-price { margin-bottom: 0px; }

.pay_card_list_wrap.grid_chk_wrap .grid-list .ui-chk { margin-right: 0px; }

.pop-pay-etc .title-text .fc-spot { font-weight: 600; }

.pop-pay-etc .two_step_payment { width: 100%; }

.pop-pay-etc .two_step_payment .form-list-wrap .form-item .form-title { margin-bottom: 0px; }

.pop-pay-etc .fold-wrap .fold-list .fold-item.expanded .fold-content { padding: 0px; background-color: transparent; }

.pop-pay-etc .fold-wrap .fold-list .fold-item { border-bottom: 0px; }

.pop-pay-etc .fold-item .title-text span { font-size: 14px; line-height: 18px; letter-spacing: -0.025em; font-weight: 600; color: rgb(0, 0, 0); }

.pop-pay-etc .fold-item .title-text { display: flex; justify-content: space-between; width: 100%; }

.pop-pay-etc .input-box.has-value .ui-input[disabled], .pop-pay-etc .input-box.has-value .ui-input[readonly] { padding-right: 16px; }

#mileCouponListBox .coupon-item .thumb-box .thumb-img { background-size: contain; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; }

.ico-brand-fbx { background-color: rgb(255, 215, 211); }

.ico-brand-fbx::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-mkk { background-color: rgb(1, 1, 1); }

.ico-brand-mkk::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-dtms { background-color: rgb(234, 80, 6); }

.ico-brand-dtms::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-cpt { background-color: rgb(68, 31, 25); }

.ico-brand-cpt::after { background-image: url("/lotte_assets/blank.svg"); }

.ico-brand-mrgm { background-color: rgb(68, 31, 25); }

.ico-brand-mrgm::after { background-image: url("/lotte_assets/blank.svg"); }

@media (max-width: 890px) {
  .aside-wrap .aside-payment-wrap .cont-box .fold-wrap { margin-top: 0px; }
  .order-header-box { flex-wrap: wrap; max-width: calc(100% + 40px); border-radius: 0px; border-left: 0px; border-right: 0px; border-bottom: 10px solid rgb(243, 245, 247); }
  .order-header-box.mo_no_line { border-bottom: 0px; }
  .order-header-box + .cont-tit { padding: 0px 20px; }
  .order-header-box + .cont-tit + .tbl-info-wrap { padding: 0px 20px 30px; }
  .cont-order-wrap .tab-wrap.order-way { padding-bottom: 0px; }
  .has_line_mo { border-top: 10px solid rgb(243, 245, 247); }
  .has_slide_mo { margin: 0px -20px; }
  .aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree { border-color: rgb(68, 68, 68); }
  .cont-order-wrap .tab-wrap.order-way.last { padding: 0px 20px; }
  .tab-wrap.justify-tab.type_square .tabs.col4 .tab-item { width: calc(50% - 6px); }
  .tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(-n+4) { margin-top: 6px; }
  .tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(-n+2) { margin-top: 0px; }
  .tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(3), .tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(7) { margin-left: 0px; }
  .tab-wrap.type_square .ui-row-list.col4 .item { width: calc(50% - 5px); }
  .tab-wrap.type_square .ui-row-list.col4 .item:nth-child(3) { margin-left: 0px; margin-top: 17px; }
  .tab-wrap.type_square .ui-row-list.col4 .item:nth-child(4) { margin-top: 17px; }
  .cr_title { padding-right: 20px !important; }
  .mgb30_mo { margin-bottom: 30px; }
  .pdb0_mo { padding-bottom: 0px !important; }
  .pdb30_mo { padding-bottom: 30px !important; }
  .detail_link + .tooltip-box { top: -86px; left: -104px; max-width: 335px; padding-right: 38px; }
  .detail_link + .tooltip-box .tooltip-contents .tooltip-item { letter-spacing: -1px; }
  .order_group { padding: 0px 20px; }
  .prod-item .thumb-box .badge-wrap { top: 4px; left: 4px; }
  .pop_height_fixed { max-height: unset; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content.pop_height_fixed .dialog-body .cont-box:first-child .cont-inner { padding-top: 0px; }
  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content.pop_height_fixed .dialog-body .cont-box:last-child .cont-inner { padding-bottom: 0px; }
  .ui-dialog-container .ui-dialog-content.pop_height_fixed .dialog-body .cont-box:last-child .cont-inner { padding-bottom: 0px; }
  .pop_height_fixed .cont-inner { background-color: rgb(245, 246, 248); }
  .pop_height_fixed .cont-box { padding-left: 0px; padding-right: 0px; }
  .pop_height_fixed .info-text-list { padding: 0px 20px 20px; background-color: rgb(255, 255, 255); }
  .pop_height_fixed .scroll-wrap-y { max-height: calc(-148px + 88vh); }
  .pop_height_fixed .dialog-footer { padding-top: 20px; }
  .pop-choice-mobile-coupon .grid-list.type02 .coupon-box { min-height: unset; max-height: unset; }
  .pop-choice-mobile-coupon .grid-list.type02 .coupon-box .coupon-info-box .coupon-price { width: calc(100% - 78px); }
  .grid_coupon_pop_wrap.grid-list-wrap { position: relative; padding: 30px 20px; margin-top: 0px; }
  .grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item { width: 100%; }
  .grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(n+1) { margin-left: 0px; }
  .grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item { margin-top: 8px; }
  .grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) { margin-top: 8px; }
  .grid_coupon_pop_wrap.grid-list-wrap .grid-list li.grid-item:last-child { margin-bottom: 0px; }
  .grid_coupon_pop_wrap.grid-list-wrap .coupon-box { min-width: unset; }
  .grid_coupon_pop_wrap.grid-list-wrap .grid-list + .btn-wrap { margin-top: 8px; }
  .pop-choice-coupon .line-top-box { margin-top: 0px; padding-top: 30px; padding-bottom: 0px; border-top: 1px solid rgb(238, 238, 238); }
  .pop-choice-coupon .cont-tit { padding-left: 20px; padding-right: 20px; }
  .pop-choice-coupon .grid_coupon_pop_wrap { padding-top: 0px; padding-bottom: 0px; }
  .pop-choice-coupon .grid-list.type02 .coupon-box { min-height: unset; }
  .pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box { width: 100%; position: static; bottom: auto; left: auto; margin-bottom: 0px; }
  .pop-choice-coupon .coupon-box .coupon-info-box .coupon-price .price { margin-right: 4px; }
  .pop-choice-coupon .coupon-box .coupon-info-box .coupon-price .price + .price-normal { margin-left: 0px; }
  .pop-choice-coupon .btn-wrap:last-child { margin-bottom: 30px; }
  .pop-pay-etc.pop_height_fixed .cont-inner { background-color: transparent; }
  .pop-pay-etc .scroll-wrap-y { overflow-y: unset; max-height: unset; }
  .pop-pay-etc .form-list-wrap { padding-left: 20px; padding-right: 20px; }
  .pop-pay-etc .grid-list-wrap .grid-list { flex-wrap: unset; }
  .pop-pay-etc .pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .grid-item ~ .grid-item { margin-top: 0px; }
  .pop-pay-etc .pay_card_list_wrap.grid-list-wrap { padding-bottom: 0px !important; }
  .pop-pay-etc.pop_height_fixed .dialog-footer { padding-top: 30px; }
  .pop-pay-etc .two_step_payment .form-list-wrap { padding-left: 0px; padding-right: 0px; }
  #popLotteFamilySite .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:first-child .cont-inner { padding-top: 0px; }
  .board-detail-wrap.type02 { padding-bottom: 100px; }
}

@media (max-width: 375px) {
  .pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box, .pop-choice-mobile-coupon .grid-list.type02 .coupon-box .bottom-box { flex-direction: column; align-items: flex-start; }
  .pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box .coupon-date-list, .pop-choice-mobile-coupon .grid-list.type02 .coupon-box .bottom-box .coupon-date-list { margin-top: 12px; }
}

@media (max-width: 350px) {
  .detail_link + .tooltip-box .tooltip-contents .tooltip-item { font-size: 13px; line-height: 17px; letter-spacing: -0.025em; }
}

.terms-agree-wrap.all-chk-wrap .agree-item .btn-agree-arr { right: 0px; left: auto; width: 50px; }

.form-list-wrap .form-item .form-cont .file-attach-wrap:first-child .btn-attach input[type="file"] { width: 100%; height: 100%; clip: auto; opacity: 0; cursor: pointer; }

.form-list-wrap .form-item .form-cont .file-attach-wrap:first-child .btn-attach input[type="file"]:focus-visible + label { outline: -webkit-focus-ring-color auto 1px; }

.attach-box .attach-inp { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }

.attach-box .attach-file:has(+ .attach-inp:focus) { outline: -webkit-focus-ring-color auto 1px; outline-offset: -1px; }

.ui-chk.align-center { display: flex; align-items: center; }

.pop_ac_card { margin: 0px 0px 0px 3px; }

.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit-wrap .cont-right .btn-user ~ .btn-user:focus-visible { outline: -webkit-focus-ring-color auto 1px; outline-offset: -1px; }

.pw_find_link:focus-visible { outline: -webkit-focus-ring-color auto 1px; outline-offset: -1px; }

.ui-barcode-category .ui-rdo input:focus-visible + label { outline: -webkit-focus-ring-color auto 1px; }

.ui-barcode-service .ui-chk input:focus-visible + label { outline: -webkit-focus-ring-color auto 1px; }

.fold-wrap .fold-list .fold-item .fold-content input:focus-visible { outline-offset: -2px; }

.addr-select-list .addr-select-item input:focus + label { outline: -webkit-focus-ring-color auto 1px; }

.setting-item .setting-link { margin-bottom: 4px; }

.setting-list .setting-item:last-of-type { margin-bottom: 2px; }

.cont-box.hot_wrap .tab-wrap.sub-tab .tabs .tab-item .tab-link:focus-visible { outline-offset: -2px; }

.terms-agree-wrap.type-shinhan .ui-chk.all-chk input:focus-visible + label { outline: -webkit-focus-ring-color auto 1px; }

.terms-agree-wrap.type-shinhan .ui-chk.item-chk input:focus-visible + label { outline: -webkit-focus-ring-color auto 1px; }

.terms-agree-wrap.type-shinhan .fold-wrap.type02 .fold-list .fold-item .fold-header .btn-fold { left: 0px; padding-right: 16px; }

.terms-agree-wrap.type-shinhan .fold-wrap.type02 .fold-list .fold-item .fold-header .btn-fold:focus-visible + label { outline: -webkit-focus-ring-color auto 1px; }

.form-cont .ui-row-list .ui-rdo input[type="radio"] { background: transparent; }

.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ .badge-sm-round.badge-fill-light-blue { background-color: rgb(234, 242, 250); }

.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ .badge-sm-round.badge-fill-light-green { color: rgb(1, 139, 74); background-color: rgb(229, 245, 238); }

.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ .badge-sm-round.badge-fill-light-orange { background-color: rgb(253, 236, 234); }

.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ .badge-sm-round.badge-fill-light-black { background-color: rgb(236, 236, 236); }

@media (max-width: 890px) {
  #tabContentOrderPopup .swiper-container-wrap.swiper-store-banner .swiper-pagination-wrap { margin-top: 0px; }
  #tabContentOrderPopup .swiper-container-wrap.swiper-store-banner.is-active .swiper-pagination-wrap { margin-top: 40px; }
}