@charset "utf-8";
@import url("./keyframe02.css");
.tmt-dev-quick {
  --quick-size: max(72px, 4.375vw);
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 900;
}
.tmt-dev-quick.is-footer-docked {
  position: absolute;
  top: var(--quick-dock-top);
  bottom: auto;
}
.tmt-dev-quick-slot {
  display: none;
}
.tmt-dev-quick__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tmt-dev-quick__items li {
  margin: 0;
  padding: 0;
}
.tmt-dev-quick__items a,
.tmt-dev-quick__items button {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--quick-size) * 0.059524);
  width: var(--quick-size);
  height: var(--quick-size);
  border: 1px solid #ffffff70;
  border-radius: 50%;
  background:
    linear-gradient(145deg, #ffffff30, #ffffff00 60%), rgb(75 75 75 / 58%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  box-shadow:
    inset 0 1px 2px #ffffff65,
    0 4px 14px #00000014;
  color: #fff;
  text-decoration: none;
  font:
    700 calc(var(--quick-size) * 0.154762)/1.15 "Pretendard",
    sans-serif;
  cursor: pointer;
  transition: background 0.2s;
}
.tmt-dev-quick__items img {
  display: block;
  width: 42%;
  height: 42%;
  object-fit: contain;
}
.tmt-dev-quick__items .tmt-dev-quick__inquiry {
  font-size: calc(var(--quick-size) * 0.238095);
}
.tmt-dev-quick__top button {
  font-size: calc(var(--quick-size) * 0.238095);
}
.tmt-dev-quick__top img {
  width: 22%;
  height: 12%;
}
.tmt-dev-quick__items :is(a, button):hover {
  background: rgb(65 65 65 / 70%);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .tmt-dev-quick__items :is(a, button):hover img {
    animation: tmtDevQuickShake 0.65s ease-in-out infinite;
    transform-origin: 50% 65%;
  }
}
@keyframes tmtDevQuickShake {
  0%,
  100% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(9deg);
  }
  60% {
    transform: rotate(-6deg);
  }
  80% {
    transform: rotate(4deg);
  }
}
.tmt-dev-quick__items :is(a, button):focus-visible {
  outline: 3px solid #009345;
  outline-offset: 3px;
}
@media (max-width: 959.98px) {
  .tmt-dev-quick-slot {
    display: block;
    height: 80px;
    flex: none;
    clear: both;
  }
  .tmt-dev-quick {
    left: 0;
    right: 0;
    bottom: 0;
    background:
      linear-gradient(135deg, #ffffff24, #ffffff00 65%), rgb(55 55 55 / 62%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    backdrop-filter: blur(24px) saturate(160%);
    box-shadow:
      inset 0 1px #ffffff70,
      0 -3px 18px #00000012;
    padding-bottom: 0;
  }
  .tmt-dev-quick__items {
    flex-direction: row;
    gap: 0;
  }
  .tmt-dev-quick__items li {
    flex: 1;
    min-width: 0;
  }
  .tmt-dev-quick__items a {
    width: 100%;
    height: 80px;
    border-radius: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    border: 1px solid #ffffff40;
    border-right: 0;
    font-size: 14px;
    gap: 9px;
  }
  .tmt-dev-quick__items li:nth-child(4) a {
    border-right: 1px solid #ffffff40;
  }
  .tmt-dev-quick__items img {
    width: 28px;
    height: 28px;
  }
  .tmt-dev-quick__items .tmt-dev-quick__inquiry {
    font-size: 20px;
  }
  .tmt-dev-quick__top {
    display: block;
    position: absolute;
    right: 12px;
    bottom: calc(100% + 12px);
    width: 52px;
    flex: none;
  }
  .tmt-dev-quick__items a {
    padding-bottom: min(env(safe-area-inset-bottom, 0px), 12px);
  }
  .tmt-dev-quick.is-footer-docked .tmt-dev-quick__items a {
    padding-bottom: 0;
  }
}
@media (max-width: 640px) {
  .tmt-dev-quick-slot {
    height: 76px;
  }
  .tmt-dev-quick__items a {
    height: 76px;
    gap: 6px;
  }
  .tmt-dev-quick__items img {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 959.98px) and (hover: hover) and (pointer: fine) {
  .tmt-dev-quick-slot,
  .tmt-dev-quick__items a {
    height: clamp(44px, 10svh, 64px);
  }
  .tmt-dev-quick__items a {
    gap: 3px;
    font-size: clamp(10px, 2svh, 12px);
  }
  .tmt-dev-quick__items img {
    width: clamp(18px, 3.6svh, 24px);
    height: clamp(18px, 3.6svh, 24px);
  }
  .tmt-dev-quick__items .tmt-dev-quick__inquiry {
    font-size: clamp(14px, 2.8svh, 17px);
  }
}

@media (max-width:959.98px) {
  .tmt-dev-quick__top button {
    width: 52px;
    height: 52px;
    font-size: 16px;
    gap: 4px;
  }
  .tmt-dev-quick__items .tmt-dev-quick__top img {
    width: 14px;
    height: 8px;
  }
}
@media (max-width:959.98px) and (hover:hover) and (pointer:fine) {
  .tmt-dev-quick__top {
    width: 44px;
  }
  .tmt-dev-quick__top button {
    width: 44px;
    height: 44px;
    font-size: 14px;
  }
}
body[data-tmt-dev-common] .header .h_logo {
  filter: none;
}
body[data-tmt-dev-common] :is(.header .h_logo img,.header .logo img) {
  width: 100%;
  height: auto;
  object-fit: contain;
}
body[data-tmt-dev-common] .footer .f_logo_box {
  width: clamp(140px,12vw,230px);
  flex-shrink: 0;
}
body[data-tmt-dev-common] .header .h_side .inq_badge {
  background: none;
  width: clamp(210px,17vw,286px);
  aspect-ratio: auto;
  min-height: 46px;
}
body[data-tmt-dev-common] .header .h_side .inq_badge .txt {
  display: block;
  white-space: nowrap;
  font: 400 23px/1.2 var(--font-supersize);
  transform: skewX(-7deg);
  color: #000;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
body[data-tmt-dev-common] .header .h_side .inq_badge .txt strong {
  color: #009846;
  font-weight: inherit;
}
body[data-tmt-dev-common] .home02-page:not(.home02-covered) .header .inq_badge .txt strong,
body[data-tmt-dev-common] .franchise-dev-wrap .header:not(.fr-header-glass) .inq_badge .txt strong {
  color: rgba(255,246,0,1);
}
body[data-tmt-dev-common] .home02-page:not(.home02-covered) .header .h_side .inq_badge .txt,
body[data-tmt-dev-common] .franchise-dev-wrap .header:not(.fr-header-glass) .h_side .inq_badge .txt {
  color: #fff;
}
@media(max-width:640px) {
  body[data-tmt-dev-common] .footer .f_logo_box {
    width: 160px;
  }
}
:root {
  --main-red: #de2027;
  --main-green: #009345;
  --color-white: #fff;
  --color-black: #000;
  --text-dark: #222;
  --text-muted: #8c8c8c;
  --menu-outline: #161616;
  --go-red: #e60020;
  --go-green: #009c3e;
}
.tab_wrap {
  position: relative;
}
.tab_navbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
  width: 50%;
  height: 4.375rem;
  margin: auto;
  padding: 0 0.54rem;
  box-sizing: border-box;
  cursor: pointer;
  border: 0.125rem solid var(--main-red);
  border-radius: 3.125rem;
  background-color: var(--color-white);
}
.tab_navbox .tab_nav {
  width: calc(100% / 4);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-black);
  padding: 0.9375rem 0;
  text-align: center;
  border-radius: 10rem;
  cursor: pointer;
  transition: all 0.4s;
  box-sizing: border-box;
}
.tab_navbox .tab_nav:hover {
  color: var(--color-white);
  background-color: var(--main-red);
}
.tab_navbox .tab_nav.on {
  color: var(--color-white);
  background-color: var(--main-red);
}
.tab_navbox .tab_nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.tab_contbox {
  position: relative;
}
.tab_contbox .tab_cont {
  display: block;
  box-sizing: border-box;
}
.menu_cont .tmt_menu_box {
  width: 100%;
  height: auto;
  padding: 0;
}
.menu_cont {
  padding-top: 0 !important;
}
.sub_02_lnb {
  background: url(../img/menu/gnb_bg.webp) no-repeat center / cover;
}
.menu_banner_wrap {
  margin-bottom: 3.75rem;
  position: relative;
}

.menu_banner {
  width: 1200px;
  max-width: 100%;
  border-radius: 20px;
  aspect-ratio: 1200 / 370;
}

.menu_banner li > a {
  width: 100%;
  height: 100%;
  display: block;
}

.menu_banner li > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.paging {
  top: auto !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.paging .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--banner-bullet--);
  background-color: var(--color-white);
  opacity: 1;
  margin: 0 !important;
}

.paging .swiper-pagination-bullet-active {
  background-color: var(--main-red);
}
.origin_box {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

.origin_box li a {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  color: var(--text-muted);
  letter-spacing: -0.5px;
}

.origin_box li a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/menu/menu_origin.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.25rem;
  height: 1.25rem;
  z-index: 1;
  pointer-events: none;
}
.menu-info-modal[aria-hidden="true"] {
  display: none;
}
.menu-info-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.menu-info-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(3px);
}
.menu-info-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 1000px);
  max-height: min(90vh, 1100px);
  overflow: hidden;
  padding: 48px 20px 20px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}
.menu-info-modal__close {
  position: absolute;
  top: 12px;
  right: 18px;
  border: 0;
  background: transparent;
  color: #333;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}
.menu-info-modal__body,
.menu-info-modal__title,
.menu-info-modal__body * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.menu-info-modal__title {
  flex-shrink: 0;
  font-family: "Gmarket Sans", sans-serif;
}
.menu-info-modal__body {
  font-family: "Gmarket Sans", sans-serif;
  font-weight: 500;
  color: #222;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
.menu-info-modal__title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  margin-bottom: 3px;
  padding: 17px 12px;
  border-radius: 10px;
  background: #333;
  color: white;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}
.menu-info-modal__body h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 3px;
  background: #de2027;
  color: #fff;
  border-radius: 10px;
  min-height: 62px;
  padding: 16px;
  text-align: center;
  font-size: 27px;
  line-height: 1;
}
.menu-info-modal__body table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 10px;
  line-height: 1.2;
}
.menu-info-modal__body th,
.menu-info-modal__body td {
  border-right: 1px solid #d97a8a;
  border-bottom: 1px solid #d97a8a;
  text-align: center;
  padding: 6px 4px;
  height: 30px;
  font-weight: 500;
  word-break: keep-all;
  overflow-wrap: normal;
  vertical-align: middle;
  letter-spacing: -0.2px;
}
.menu-info-modal__body thead tr > th:last-child {
  border-right: 0;
}
.menu-info-modal__body tbody th[scope="rowgroup"] {
  word-break: keep-all;
  overflow-wrap: normal;
}
.menu-info-modal__body thead th {
  background: #ffc5cf;
  height: 52px;
  font-size: 12px;
  padding: 8px 3px;
  line-height: 1.2;
  border-bottom: 0;
}
.menu-info-modal__body .number-col {
  width: 6.5%;
}
.menu-info-modal__body .menu-name-col {
  width: 11%;
}
.menu-info-modal__body .allergen-col {
  width: 37%;
}
.menu-info-modal__body .accent {
  color: #f2400d;
  font-weight: 600;
}
.menu-info-modal__body .allergens,
.menu-info-modal__body .menus {
  text-align: left;
  padding-left: 18px;
  padding-right: 12px;
  border-right: 0;
}
.menu-info-modal__body .tint {
  background: #fff8f9;
}
.menu-info-modal__body .origin-table tbody tr.origin-tint {
  background: #fff8f9;
}
.menu-info-modal__body .origin-table tbody tr.origin-tint th {
  background: #fff8f9;
}
.menu-info-modal__body .origin-table tbody th {
  background: #fff;
}
.menu-info-modal__body .origin-summary {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 3px;
  padding: 10px;
  box-sizing: border-box;
  background: #fff2cf;
  border: 1px solid #cfa83c;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.3;
  color: #68521b;
}
.menu-info-modal__body .notes {
  word-break: keep-all;
  font-family: "Pretendard";
  font-weight: 500;
  display: flex;
  gap: 16px;
  margin-top: 20px;
  padding: 20px 10px 0;
  border-top: 1px dashed #d97a8a;
  color: #8c8c8c;
  font-size: 9px;
  line-height: 1.4;
}
.menu-info-modal__body .notes strong {
  color: #f2400d;
  flex-shrink: 0;
  font-size: 11px;
}
.menu-info-modal__body .notes ul {
  margin: 0;
  padding-left: 12px;
}
.menu-info-modal__body .scroll-hint {
  display: none;
}
.menu-info-modal__body .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.menu-info-modal__body h1 {
  display: none;
}
.menu-info-modal__body th,
.menu-info-modal__body td {
  font-family: inherit;
}
.menu-info-modal__body .notes li {
  display: list-item;
  list-style: disc outside;
}
.menu-info-modal__body .table-scroll {
  cursor: grab;
  touch-action: pan-x pan-y;
}
.menu-info-modal__body,
.menu-info-modal__body .table-scroll {
  scrollbar-width: thin;
  scrollbar-color: #d4d4d4 transparent;
}
.menu-info-modal__body::-webkit-scrollbar,
.menu-info-modal__body .table-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.menu-info-modal__body::-webkit-scrollbar-thumb,
.menu-info-modal__body .table-scroll::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 20px;
}
.menu-info-modal-open,
html.menu-info-modal-open {
  overflow: hidden;
}
.menu-info-modal-open {
  overflow: hidden;
}

.s_size {
  background-color: var(--sub-chip01);
}
.menu_wrap .sub_container {
  padding-top: 50px;
  padding-bottom: 110px;
}
.menu_wrap .menu_cont {
  display: flex;
  flex-direction: column;
  font-family: "Pretendard", sans-serif;
}
.menu_wrap .menu_banner_wrap {
  --menu-banner-space: clamp(28px, 3.125vw, 60px);
  margin-bottom: 0;
  padding-bottom: var(--menu-banner-space);
}
.menu_wrap .menu_banner_wrap .paging {
  bottom: calc(var(--menu-banner-space) + 20px) !important;
}
.menu_wrap .menu_banner {
  border-radius: 48px;
}
.menu_wrap .tab_navbox {
  max-width: 700px;
  width: 100%;
  height: 74px;
}
.menu_wrap .origin_box {
  margin: 0;
  padding-block: clamp(12px, 1.0417vw, 20px);
}
.menu_wrap .origin_box li a {
  font-size: 18px;
}
.menu_wrap .menu_cont .tmt_menu_box .pizza_catalog {
  gap: 20px;
  align-items: stretch;
}
.menu_wrap .pizza_catalog * {
  box-sizing: border-box;
}
.menu_wrap .pizza_section01 {
  display: flex;
  align-items: stretch;
  gap: 20px;
  width: 100%;
  aspect-ratio: auto;
}
.menu_wrap .pizza_section_big,
.menu_wrap .pizza_section01 > .pizza_section_list {
  width: calc((100% - 20px) / 2);
  flex: 0 0 calc((100% - 20px) / 2);
  min-width: 0;
}
.menu_wrap .pizza_section_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
}
.menu_wrap .pizza_section_list > li {
  display: flex;
  flex-direction: column;
  width: calc((100% - 20px) / 2);
  min-width: 0;
  border: 0;
  position: relative;
  container-type: inline-size;
  justify-content: flex-end;
}
.menu_wrap .pizza_section_all {
  width: 100%;
}
.menu_wrap .pizza_section_all .pizza_section_list > li {
  width: calc((100% - 60px) / 4);
}
.menu_wrap .menu_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  position: relative;
  height: auto;
  aspect-ratio: 342 / 402;
  border: 1px solid var(--main-red);
  border-radius: 15cqw;
  overflow: hidden;
  background: var(--color-white);
}
.menu_wrap .menu_card > span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 63%;
  max-width: none;
  margin: 7cqw 0 4cqw;
  margin-bottom: 1.5cqw;
  padding: 1.4cqw 1cqw;
  background: var(--main-red);
  color: var(--color-white);
  font-family: "Pretendard", sans-serif;
  font-size: 7.3cqw;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.04em;
}
.menu_wrap .menu_card > p {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 36cqw;
  margin: 0;
  color: var(--main-red);
  font-family: "Sandoll GyeokdongG2", "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 20cqw;
  line-height: 0.92;
  letter-spacing: -0.045em;
  text-align: center;
  overflow-wrap: normal;
}
.menu_wrap .menu_card > img {
  position: absolute;
  z-index: 2;
  display: block;
  left: 0;
  bottom: 0;
  transform: none;
  width: 100%;
  height: auto;
  max-width: none;
}
.menu_wrap .pizza_section_big {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  container-type: inline-size;
  isolation: isolate;
  justify-content: flex-start;
  padding: clamp(16px, 2vw, 35px) 0 clamp(10px, 1vw, 16px);
  background-color: var(--main-red);
}
.menu_wrap .pizza_green_big {
  background-color: var(--main-green);
}
.menu_wrap .pizza_section_big::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  z-index: -1;
  background: url("../img/menu/dottbg_top.svg") left top / 100% auto no-repeat;
  pointer-events: none;
}
.menu_wrap .pizza_section_big::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: url("../img/menu/dottbg_bott.svg") right bottom / 100% auto
    no-repeat;
  pointer-events: none;
}

.menu_wrap .pizza_section_big > span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  text-align: center;
  width: 56%;
  padding: 2cqw 1cqw;
  border: 2px solid var(--menu-outline);
  border-radius: 100px;
  font-family: "Pretendard", sans-serif;
  font-size: 5.3cqw;
  font-weight: 900;
  line-height: 1.1;
}
.menu_wrap .pizza_section_big > p {
  position: relative;
  z-index: 1;
  margin-top: 3.5cqw;
  font-family: "Sandoll GyeokdongG2", "Pretendard", sans-serif;
  font-size: 12.8cqw;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.035em;
  color: var(--color-white);
  text-align: center;
  -webkit-text-stroke: 1.2cqw var(--menu-outline);
  paint-order: stroke fill;
}
.menu_wrap .big_list_bott {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  flex: 1;
  min-height: 0;
}
.menu_wrap .menu_bigimg {
  position: absolute;
  z-index: 2;
  left: 10%;
  bottom: 8cqw;
  width: 80%;
  margin: 0;
}
.menu_wrap .menu_bigimg img {
  display: block;
  width: 100%;
  height: auto;
}
.menu_wrap .pizza_item.badge_new::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: -8cqw;
  right: -7cqw;
  width: 37cqw;
  aspect-ratio: 132 / 126;
  background: url("../img/menu/menu_point_badge.webp") center / contain
    no-repeat;
  pointer-events: none;
}
.menu_wrap .pizza_section_big .menu_bigimg::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -8%;
  right: -12%;
  width: 46%;
  aspect-ratio: 248 / 236;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
.menu_wrap .pizza_red_big .menu_bigimg::after {
  background-image: url("../img/menu/menu_point_badge_b.webp");
}
.menu_wrap .pizza_green_big .menu_bigimg::after {
  background-image: url("../img/menu/menu_point_badge_bb.webp");
}
.menu_wrap .pizza_section_big::before {
  animation: menu-dot-top 2.4s ease-in-out infinite alternate;
  transform-origin: center top;
}
.menu_wrap .pizza_section_big::after {
  animation: menu-dot-bottom 3.2s ease-in-out -1.1s infinite alternate;
  transform-origin: center bottom;
}
.menu_wrap .pizza_green_big::before {
  animation-delay: -1.2s;
}
.menu_wrap .pizza_green_big::after {
  animation-delay: -2.1s;
}
.menu_wrap .pizza_item.badge_new::after,
.menu_wrap .pizza_section_big .menu_bigimg::after {
  transform-origin: center;
  animation: menu-badge-pop 1.6s ease-in-out infinite;
}
.menu_wrap .pizza_green_big .menu_bigimg::after {
  animation-delay: -0.8s;
}

.menu_wrap .pizza_item {
  perspective: 1000px;
}
.menu_wrap .pizza_item {
  transition: background-color 0.35s ease;
}
.menu_wrap .menu_card {
  transition:
    border-radius 0.5s ease,
    background-color 0.35s ease;
}
.menu_wrap .menu_card > img {
  transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.menu_wrap .menu-label-back,
.menu_wrap .menu-title-back {
  display: none;
}
.menu_wrap .is-flipped .menu-label-front,
.menu_wrap .is-flipped .menu-title-front {
  display: none;
}
.menu_wrap .is-flipped .menu-label-back,
.menu_wrap .is-flipped .menu-title-back {
  display: block;
}

.menu_wrap .is-flipped .menu_card {
  border-radius: 0;
  border-color: transparent;
  background-color: var(--main-red);
}
.menu_wrap .is-flipped .menu_card > span {
  width: 64%;
  border-radius: 100px;
  padding: 2cqw 1cqw;
  background: var(--color-white);
  color: var(--main-red);
  font-size: 4.8cqw;
  line-height: 1.15;
}
.menu_wrap .is-flipped .menu_card > p {
  color: var(--color-white);
  font-family: "Pretendard", sans-serif;
  font-size: 18cqw;
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -0.06em;
  word-break: keep-all;
}
.menu_wrap .is-flipped .menu_card > img {
  transform: scale(1.06) rotate(2deg);
}
.menu_wrap .is-turning .menu_card {
  animation: menu-card-smooth-turn 0.26s ease-in-out both;
  backface-visibility: hidden;
}
.menu_wrap .pizza_item:focus-visible {
  outline: 2px solid var(--main-red);
  outline-offset: 5px;
}
.menu_wrap .menu_cont .tmt_menu_box .menu_catalog {
  align-items: flex-start;
  gap: 20px;
}
.menu_wrap .menu_catalog > .pizza_item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc((100% - 60px) / 4);
  min-width: 0;
  container-type: inline-size;
}
.menu_wrap .menu_card,
.menu_wrap .menu_card > img {
  transition: none;
}
.menu_wrap .pizza_item.is-flipped {
  background: transparent;
}
.menu_wrap .is-flipped .menu_card {
  transition:
    border-radius 0.12s ease,
    background-color 0.12s ease;
}
.menu_wrap .is-flipped .menu_card > p {
  font-family: "Paperlogy", "Pretendard", sans-serif;
  font-weight: 900;
  font-size: 17cqw;
  line-height: 1;
  letter-spacing: -0.055em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.store-grand-open {
  padding: 80px 0 0;
  overflow: hidden;
}
.store-grand-open .store-grand-open__heading {
  margin: 0 0 38px;
  text-align: center;
}
.store-grand-open .store-grand-open__heading h2 {
  margin: 0;
  padding: 0;
  color: var(--color-black);
  font-family: "Pretendard", sans-serif;
  font-size: 54px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -1.6px;
}
.store-grand-open .store-grand-open__swiper {
  width: min(1600px, 90%);
  margin-inline: auto;
  padding: 0 0 10px;
  overflow: hidden;
  outline-offset: -3px;
}
.store-grand-open .swiper-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: stretch;
}
.store-grand-open .store-grand-open__slide {
  width: 304px;
  height: auto;
  padding: 0;
  list-style: none;
}
.store-grand-open .grand-open-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 398px;
  height: 100%;
  padding: 20px 12px 8px;
  border-radius: 22px 22px 8px 8px;
  background: repeating-linear-gradient(
    95deg,
    #fafafa 0,
    #f8f8f8 2px,
    #fbfbfb 4px
  );
  box-shadow: 0 3px 8px #00000012;
  color: var(--text-dark);
  font-family: "Pretendard", sans-serif;
}
.store-grand-open .grand-open-card__logo {
  display: block;
  width: 80px;
  height: auto;
  margin: 0 auto 10px;
}
.store-grand-open .grand-open-card__name,
.store-grand-open .grand-open-card__date {
  margin: 0;
  font-family: var(--font-supersize);
  font-size: 36px;
  font-weight: 900;
  font-style: italic;
  line-height: 1.1;
  letter-spacing: -2px;
  white-space: nowrap;
  text-align: center;
  text-shadow:
    0.55px 0 currentColor,
    -0.55px 0 currentColor;
}
.store-grand-open .grand-open-card__name {
  color: var(--go-red);
}
.store-grand-open .grand-open-card__date {
  color: var(--go-green);
}
.store-grand-open .grand-open-card__visual {
  position: relative;
  width: 100%;
  margin: 10px 0 12px;
}
.store-grand-open .grand-open-card__store {
  display: block;
  width: 76%;
  height: auto;
  margin: auto;
}
.store-grand-open .grand-open-card__badge-wrap {
  position: absolute;
  width: 94px;
  aspect-ratio: 1;
  left: -6px;
  bottom: 4px;
  transform: rotate(-12deg);
}
.store-grand-open .grand-open-card__badge-wrap::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: var(--color-white);
  clip-path: polygon(
    50% 0%,
    56% 10%,
    65% 2%,
    68% 14%,
    79% 10%,
    80% 22%,
    91% 21%,
    89% 33%,
    99% 36%,
    93% 46%,
    100% 54%,
    89% 59%,
    94% 70%,
    82% 71%,
    83% 83%,
    71% 81%,
    68% 94%,
    58% 88%,
    50% 100%,
    43% 89%,
    32% 96%,
    29% 83%,
    17% 86%,
    18% 74%,
    6% 74%,
    11% 62%,
    0% 57%,
    9% 49%,
    1% 40%,
    13% 35%,
    8% 24%,
    21% 24%,
    20% 12%,
    33% 16%,
    36% 3%,
    44% 11%
  );
}
.store-grand-open .grand-open-card__badge {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--go-red);
  color: var(--color-white);
  transform: none;

  clip-path: polygon(
    50% 0%,
    56% 10%,
    65% 2%,
    68% 14%,
    79% 10%,
    80% 22%,
    91% 21%,
    89% 33%,
    99% 36%,
    93% 46%,
    100% 54%,
    89% 59%,
    94% 70%,
    82% 71%,
    83% 83%,
    71% 81%,
    68% 94%,
    58% 88%,
    50% 100%,
    43% 89%,
    32% 96%,
    29% 83%,
    17% 86%,
    18% 74%,
    6% 74%,
    11% 62%,
    0% 57%,
    9% 49%,
    1% 40%,
    13% 35%,
    8% 24%,
    21% 24%,
    20% 12%,
    33% 16%,
    36% 3%,
    44% 11%
  );
}
.store-grand-open .grand-open-card__badge span {
  display: block;
  transform: rotate(-8deg);
  max-width: 78%;
  padding: 0 4px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  font-family: var(--font-supersize);
  font-weight: 600;
  letter-spacing: -0.8px;
  word-break: keep-all;
}
.store-grand-open .grand-open-card__info {
  width: 100%;
  padding: 0;
  list-style: none;
}
.store-grand-open .grand-open-card__info li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 5px;
  list-style: none;
}
.store-grand-open .grand-open-card__label {
  flex-shrink: 0;
  padding: 2px 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--go-green);
  color: var(--color-white);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  font-family: var(--font-gmarket);
}
.store-grand-open .grand-open-card__info p {
  margin: 0;
  max-width: 225px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.6px;
  word-break: keep-all;
  font-family: var(--font-gmarket);
  font-weight: 700;
  letter-spacing: -0.8px;
}
.store-grand-open .grand-open-card__info a {
  color: inherit;
  text-decoration: none;
}
.store-grand-open .grand-open-card__info a:focus-visible {
  outline: 2px solid var(--go-red);
  outline-offset: 2px;
}
.menu_wrap .pizza_section_big > p,
.menu_wrap .pizza_section_big .menu-title-front {
  font-size: 12.8cqw;
  letter-spacing: -0.02em;
  line-height: 0.94;
}
.menu_wrap .pizza_section_big > p {
  margin-top: 3cqw;
}
.menu_wrap .menu-title-front {
  display: block;
  max-width: 100%;
  font-size: 18cqw;
  letter-spacing: -0.035em;
  line-height: 0.88;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.menu_wrap .menu_card > p {
  z-index: 1;
}
.menu-touch-detail {
  display: none;
}
.menu-touch-badge {
  display: none;
}
.store-grand-open .grand-open-card__name,
.store-grand-open .grand-open-card__date,
.store-grand-open .grand-open-card__badge span {
  font-family: var(--font-supersize);
  font-weight: 400;
}
.menu_wrap .menu-label-front,
.menu_wrap .menu-label-back {
  font-family: var(--font-pretendard);
}
.menu_wrap .menu-title-front {
  font-family: var(--font-gyeokdong);
  font-weight: 400;
}
.menu_wrap .menu-title-back {
  font-family: var(--font-paperlogy);
  font-weight: 900;
}
.menu_wrap .is-flipped .menu_card > p {
  min-height: 36cqw;
  padding-inline: 3cqw;
  box-sizing: border-box;
  line-height: 1.04;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.menu_wrap .is-flipped .menu_card > p {
  z-index: 1;
}
.menu_wrap .menu_catalog > .pizza_item.is-flipped,
.menu_wrap .pizza_item.is-flipped,
.menu_wrap .pizza_item.is-flipped .menu_card {
  border-color: transparent !important;
}
.menu_wrap .menu_card > p {
  align-items: center;
  text-align: center;
  line-height: 1.1;
}
.menu_wrap .menu_card .menu-title-front {
  width: 100%;
  font-size: min(60px, 17.91cqw);
  line-height: 1;
  text-align: center;
  transform-origin: center;
}
.menu_wrap .is-flipped .menu_card > p {
  font-size: min(55px, 16.418cqw);
  line-height: 1.1;
}
.menu_wrap .pizza_section_big > p,
.menu_wrap .pizza_section_big .menu-title-front {
  line-height: 1.1;
}
.menu_wrap .pizza_section_big > p {
  margin-top: min(15px, 2.174cqw);
}
.menu_wrap .menu_bigimg {
  width: 74.783%;
  max-width: none;
  left: 50%;
  transform: translateX(-50%);
}
.store-grand-open .grand-open-card__name,
.store-grand-open .grand-open-card__date,
.store-grand-open .grand-open-card__badge span {
  font-weight: 400;
  font-synthesis: none;
  text-shadow: none;
  -webkit-text-stroke: 0;
}
.store-grand-open .grand-open-card__badge span {
  letter-spacing: -0.03em;
  line-height: 1.25;
  font-size: 12px;
  font-weight: 400;
  transform: rotate(-12deg);
  white-space: nowrap;
  max-width: none;
  padding: 0;
}
.store-grand-open .grand-open-card__label {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  min-height: 20px;
  padding: 4px 5px 2px;
  box-sizing: border-box;
}
.store_wrap .store_listbox ul .map_box .store_map .map_mark {
  width: clamp(36px, 4.5vw, 45px);
  height: auto;
}
.store_wrap .store_listbox ul .map_box .store_map .map_mark img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
.menu_wrap .menu_banner picture {
  display: block;
  width: 100%;
  height: 100%;
}
.menu_wrap .menu_banner picture > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand02 {
  --b02-green: #009345;
  font-family: var(--font-pretendard);
  color: #080808;
}
.brand02 *,
.brand02 *::before,
.brand02 *::after {
  box-sizing: border-box;
}
.brand_wrap > .container:has(> .brand02) {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}
.brand02 {
  overflow: clip;
}
.brand02 h1,
.brand02 h2,
.brand02 h3,
.brand02 p,
.brand02 figure {
  margin: 0;
}
.brand02 h1,
.brand02 h2,
.brand02 .b02-subheading h3 {
  font-family: var(--font-brand-heading);
  font-weight: 900;
  line-height: 1.05;
}
.brand02 .b02-inner {
  width: min(1380px, calc(100% - 80px));
  margin-inline: auto;
}
.brand02 .b02-choices li:last-child {
  color: #080808;
}
.brand02 .b02-choices .is-active {
  background: #f1fff8;
}
.brand02 .b02-yours {
  display: none;
}
.brand02.b02-motion .b02-yours {
  display: grid;
  place-items: center;
  position: absolute;
  inset: 0;
  background: white;
  font-family: var(--font-supersize);
  font-size: clamp(45px, 10vw, 180px);
  font-weight: 400;
  text-align: center;
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
  transition:
    opacity 0.45s,
    transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.brand02.b02-motion .b02-slogan.is-yours .b02-yours {
  opacity: 1;
  transform: scale(1);
  color: var(--main-green);
}
.brand02 .b02-color-grid > div:last-child {
  background: #de2027;
}
.brand02 .b02-marquee-track {
  display: flex;
  width: max-content;
  animation: b02-marquee 42s linear infinite;
}
.brand02 .b02-marquee--1 .b02-marquee-track {
  animation-direction: reverse;
  animation-duration: 48s;
}
.brand02.b02-motion .b02-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.8s ease,
    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.brand02.b02-motion .b02-reveal.is-visible {
  opacity: 1;
  transform: none;
}
.brand_wrap:has(.brand02) > .sub_01_lnb {
  background-image: url("../img/brand/gnb_banner.webp");
  background-position: center;
  background-size: cover;
}
.brand02.b02-motion .b02-reveal {
  transform: translateY(65px) scale(0.96);
  transition:
    opacity 0.65s ease,
    transform 0.95s cubic-bezier(0.18, 0.85, 0.28, 1.18);
}
.brand02.b02-motion .b02-reveal.is-visible {
  transform: translateY(0) scale(1);
}
.brand02 .b02-marquee.b02-swiper-ready .b02-marquee-track {
  animation: none;
  transition-timing-function: linear !important;
}
.brand02 .b02-marquee .b02-marquee-group {
  width: max-content;
  height: auto;
}
.brand02.b02-motion .b02-story > .b02-reveal.is-visible {
  transition-delay: var(--b02-delay, 0s);
}
.brand02 .b02-type {
  display: inline-flex;
}
.brand02.b02-motion .b02-type > span,
.brand02.b02-motion .b02-about-heading > p {
  opacity: 0;
}
.brand02.b02-motion .b02-about-heading.is-visible .b02-type > span {
  animation: b02-type-in 0.01s both;
  animation-delay: 0.45s;
}
.brand02 .b02-type > span:nth-child(2) {
  --type-step: 1;
}
.brand02 .b02-type > span:nth-child(3) {
  --type-step: 2;
}
.brand02 .b02-type > span:nth-child(4) {
  --type-step: 3;
}
.brand02 .b02-type > span:nth-child(5) {
  --type-step: 4;
}
.brand02.b02-motion .b02-about-heading.is-visible .b02-type > span {
  animation-delay: calc(0.45s + var(--type-step, 0) * 0.13s);
}
.brand02.b02-motion .b02-about-heading.is-visible > p {
  animation: b02-subtitle-in 0.55s 1.05s both;
}
.brand02 .b02-ink {
  display: inline-block;
}
.brand02.b02-motion .b02-handwriting .b02-ink {
  opacity: 0;
}
.brand02.b02-motion .b02-handwriting.is-visible .b02-ink {
  animation: b02-ink-in 0.18s ease-out both;
  animation-delay: calc(var(--b02-delay, 0s) + var(--ink-delay, 0s));
}
.brand02.b02-motion .b02-logos.is-visible figure img {
  animation: b02-logo-pop 1s 0.35s both;
}
.brand02.b02-motion .b02-logos.is-visible figure:nth-child(2) img {
  animation-delay: 0.65s;
}
.brand02.b02-motion .b02-logos.is-visible figure:nth-child(3) img {
  animation-delay: 0.95s;
}
.brand02.b02-motion .b02-family-write.b02-reveal {
  transform: translate(90px, -55px) rotate(24deg) scale(0.72);
  transition:
    opacity 0.65s,
    transform 1.15s cubic-bezier(0.18, 0.9, 0.26, 1.2);
}
.brand02.b02-motion .b02-family-write.b02-reveal.is-visible {
  transform: translate(0, 0) rotate(0) scale(1);
}
.brand02.b02-motion .b02-family-type > span,
.brand02.b02-motion .b02-family-end {
  opacity: 0;
}
.brand02 .b02-family-type {
  display: inline-flex;
}
.brand02 .b02-family-type > span:nth-child(2) {
  --family-step: 1;
}
.brand02 .b02-family-type > span:nth-child(3) {
  --family-step: 2;
}
.brand02 .b02-family-type > span:nth-child(4) {
  --family-step: 3;
}
.brand02 .b02-family-type > span:nth-child(5) {
  --family-step: 4;
}
.brand02.b02-motion .b02-family-heading.is-visible .b02-family-type > span {
  animation: b02-type-in 0.01s both;
  animation-delay: calc(0.05s + var(--family-step, 0) * 0.035s);
}
.brand02.b02-motion .b02-family-heading.is-visible .b02-family-end {
  display: inline-block;
  animation: b02-subtitle-in 0.3s .24s both;
}
.brand02.b02-motion .b02-family-write.b02-reveal {
  transform-origin: 50% 65%;
}
.brand02.b02-motion .b02-family-write.b02-reveal.is-visible {
  animation: b02-write-land 1.35s both;
}
.brand02.b02-motion .b02-story > .b02-reveal.is-visible {
  transition-delay: 0s;
}
.menu_wrap .menu_set_catalog .menu_price_list > li > span {
  font-size: min(12px, 5.97cqw);
  width: min(28px, 8.36cqw);
  height: min(28px, 8.36cqw);
  flex-basis: min(28px, 8.36cqw);
}
.store-grand-open .grand-open-card__badge-wrap {
  width: 104px;
}
.store-grand-open .grand-open-card__badge span {
  font-weight: 400;
  font-synthesis: none;
  text-shadow: none;
  -webkit-text-stroke: 0;
  letter-spacing: 0;
  line-height: 1.35;
}
.store-grand-open .store-grand-open__swiper {
  cursor: default;
}
.menu_wrap .tab_navbox {
  height: 70px;
  padding: 5px clamp(5px, 1vw, 9px);
  gap: clamp(4px, 0.6vw, 8px);
  box-sizing: border-box;
}
.menu_wrap .tab_navbox .tab_nav {
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
}
.menu_wrap .tab_navbox .tab_nav a {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-info-modal .menu-info-modal__dialog {
  width: min(90%, 900px);
  max-height: 70vh;
  max-height: 70dvh;
  padding-top: 38px;
}
.menu-info-modal .menu-info-modal__close {
  top: 5px;
  right: 12px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
}
.menu_wrap .menu_set_catalog .menu_price_list > li > :is(.r_size, .l_size) {
  font-size: 12px;
}
.store-grand-open .grand-open-card__info li {
  align-items: center;
}
.store-grand-open .grand-open-card__info p {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.menu_wrap .menu_price_list {
  gap: 4px;
}
.store-grand-open .grand-open-card__badge span {
  -webkit-text-stroke: 0.3px var(--go-red);
  paint-order: fill stroke;
  text-shadow: none;
}
.menu_wrap
  .menu_set_catalog
  .menu_price_list
  > li
  > :is(.s_size, .r_size, .l_size) {
  width: 23px;
  height: 23px;
  min-width: 23px;
  flex: 0 0 23px;
  border-radius: 50%;
  padding: 0;
  font-size: 12px;
  line-height: 1;
}
.menu_wrap :is(.menu_side_catalog, .menu_drink_catalog) .menu_price_con {
  height: auto;
  min-height: 28px;
  padding-top: 8px;
  overflow: visible;
}
.brand02 {
  --b02-section-space: clamp(30px, 6.5104vw, 125px);
  --b02-content-gap: clamp(24px, 1.5625vw, 30px);
  --b02-heading-size: clamp(32px, 3.125vw, 60px);
  --b02-subheading-size: clamp(28px, 2.0833vw, 40px);
  --b02-caption-size: clamp(16px, 1.3542vw, 26px);
  --b02-word-size: clamp(54px, 5.2083vw, 100px);
  --b02-supersize-optical-offset: 0.05em;
}
.brand02 .b02-heading,
.brand02 .b02-subheading {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}
.brand02 .b02-heading {
  text-align: center;
}
.brand02 .b02-heading h2 {
  font-size: var(--b02-heading-size);
  line-height: 1.2;
}
.brand02 .b02-heading p,
.brand02 .b02-subheading p {
  margin: 0;
  font-size: var(--b02-caption-size);
  font-weight: 600;
  line-height: 1.2;
}
.brand02 .b02-subheading h3 {
  font-size: var(--b02-subheading-size);
  line-height: 1.2;
}
.brand02 .b02-about {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: min(43.75vw, 840px);
  background: #fff;
}
.brand02 .b02-about::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: min(62.5vw, 1200px);
  background: url("../img/brand/aboutphoto.webp") right center/cover no-repeat;
  mask-image: linear-gradient(to right, #000 75%, transparent);
  z-index: -1;
}
.brand02 .b02-about > .b02-heading {
  flex: 0 0 min(62.5vw, 1200px);
  padding: 40px 20px;
  min-width: 0;
}
.brand02 .b02-story {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 1 0;
  min-width: 0;
  max-width: 620px;
  padding: clamp(45px, 3.90625vw, 75px) 24px clamp(45px, 3.90625vw, 75px) 0;
  font-weight: 500;
}
.brand02 .b02-story h3 {
  font: 700 clamp(26px, 2.0833vw, 40px)/1.2 var(--font-gmarket);
  letter-spacing: -0.03em;
  margin: 0;
}
.brand02 .b02-story p {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: 1.3;
  margin: 0;
  overflow-wrap: break-word;
}
.brand02 .b02-story .b02-handwriting {
  font:
    400 clamp(30px, 2.6042vw, 50px)/1.25 "Nanum SonPyeonJiCe",
    cursive;
}
.brand02 .b02-handwriting-text,
.brand02 .b02-handwriting-text .b02-ink {
  font: inherit;
}
.brand02 .b02-family {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(30px, 3.125vw, 60px);
  min-height: min(31.77vw, 610px);
  padding: clamp(60px, 5.46875vw, 105px) max(calc((100% - 1380px) / 2), 40px);
  color: #fff;
  background: url("../img/brand/wearetmt_bg.webp") center/cover no-repeat;
}
.brand02 .b02-family-copy {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
}
.brand02 .b02-family h2 {
  font-size: var(--b02-heading-size);
  line-height: 1.2;
}
.brand02 .b02-family p {
  margin: 0;
  font-size: clamp(16px, 1.4583vw, 28px);
  font-weight: 400;
  line-height: 1.4;
  color: inherit;
}
.brand02 .b02-family-write {
  width: min(30%, 320px);
  max-width: 100%;
  height: auto;
}
.brand02 .b02-identity,
.brand02 .b02-colors,
.brand02 .b02-slogan-stage {
  display: flex;
  flex-direction: column;
  gap: var(--b02-content-gap);
}
.brand02 .b02-identity {
  padding-block-start: clamp(60px, 4.9479vw, 95px);
}
.brand02 .b02-identity > .b02-heading {
  padding-block-end: clamp(20px, 1.6667vw, 32px);
}
.brand02 .b02-logos {
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 50px 65px 25px;
  border: solid #e6e6e6;
  border-width: 0 1px 1px 0;
  background-image:
    linear-gradient(#e8e8e8 1px, transparent 1px),
    linear-gradient(90deg, #e8e8e8 1px, transparent 1px);
  background-size: 30px 30px;
}
.brand02 .b02-logos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
}
.brand02 .b02-logos figure:last-child {
  flex-grow: 1.6;
}
.brand02 .b02-logos img {
  width: 100%;
  height: clamp(150px, 11.98vw, 230px);
  object-fit: contain;
}
.brand02 .b02-logos figure:last-child img {
  width: 80%;
}
.brand02 .b02-logos figcaption {
  margin: 0;
  color: #8c8c8c;
  font-size: clamp(16px, 1.4583vw, 28px);
  font-weight: 600;
  line-height: 1.2;
}
.brand02 .b02-slogan,
.brand02 .b02-colors,
.brand02 .b02-goods {
  padding-block-start: var(--b02-section-space);
}
.brand02 .b02-slogan-stage {
  position: relative;
  padding: 0;
}
.brand02 .b02-slogan-layout {
  display: flex;
  align-items: center;
  gap: clamp(25px, 3.3854vw, 65px);
}
.brand02 .b02-slogan-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  flex: 1.5 1 0;
  min-width: 0;
  text-align: center;
}
.brand02 .b02-slogan-copy h3 {
  font: 400 clamp(44px, 7vw, 90px)/1.3333 var(--font-supersize);
  white-space: nowrap;
}
.brand02 .b02-word-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 2.0833vw, 40px);
  color: var(--b02-green);
}
.brand02 .b02-word-line b {
  font: 400 0.9em/1 var(--font-supersize);
  position: relative;
  top: var(--b02-supersize-optical-offset);
}
.brand02 .b02-word-line {
  font-size: var(--b02-word-size);
}
.brand02 .b02-word-window {
  display: block;
  min-width: 0;
  padding: 0.08em 0.12em;
}
.brand02 .b02-word-track {
  display: grid;
}
.brand02 .b02-word-track > span {
  grid-area: 1 / 1;
  display: block;
  font:
    400 1em/1.15 "Cafe24 Shiningstar",
    cursive;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.3em);
  transition:
    opacity 0.35s,
    transform 0.55s cubic-bezier(0.2, 0.8, 0.25, 1.15),
    visibility 0.35s;
}
.brand02 .b02-word-track > span.is-current,
.brand02:not(.b02-motion) .b02-word-track > span:first-child {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.brand02 .b02-slogan-copy p {
  margin: 0;
  padding-block-start: 22px;
  font-size: var(--b02-caption-size);
  font-weight: 600;
  line-height: 1.2;
}
.brand02 .b02-choices {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 16px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.brand02 .b02-choices li {
  padding: calc(18px + var(--b02-supersize-optical-offset)) 12px
    calc(18px - var(--b02-supersize-optical-offset));
  border: 2px solid #444;
  border-radius: 100px;
  text-align: center;
  font: 400 clamp(26px, 2.0833vw, 40px)/1.15 var(--font-supersize);
  color: var(--b02-green);
  transition: background 0.35s;
}
.brand02.b02-motion {
  --b02-scroll-distance: max(3200px, 400svh);
  height: calc(var(--b02-flow-height, 100%) + var(--b02-scroll-distance));
}
.brand02.b02-motion .b02-scroll-flow {
  position: sticky;
  top: var(--b02-header-height,100px);
}
.brand02.b02-motion .b02-slogan {
  height: auto;
}
.brand02 .b02-after-slogan {
  padding-block-start: clamp(64px, 7vw, 134px);
}
.brand02.b02-motion .b02-slogan-copy,
.brand02.b02-motion .b02-choices li {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.65s ease,
    transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
.brand02.b02-motion .b02-slogan.is-entered .b02-slogan-copy {
  animation: b02-slogan-enter 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.brand02.b02-motion .b02-slogan.is-entered .b02-choices li {
  animation: b02-slogan-enter 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.brand02.b02-motion .b02-choices li {
  transition-duration: 0.35s;
}
.brand02.b02-motion .b02-slogan.is-entered .b02-choices li:nth-child(1) {
  animation-delay: 0.18s;
}
.brand02.b02-motion .b02-slogan.is-entered .b02-choices li:nth-child(2) {
  animation-delay: 0.32s;
}
.brand02.b02-motion .b02-slogan.is-entered .b02-choices li:nth-child(3) {
  animation-delay: 0.46s;
}
.brand02.b02-motion .b02-slogan.is-entered .b02-choices li:nth-child(4) {
  animation-delay: 0.6s;
}
.brand02.b02-motion .b02-slogan-stage {
  position: relative;
  top: 0;
  min-height: calc(100svh - var(--b02-header-height,100px) - var(--b02-bottom-height,0px));
  padding-block: 20px;
  box-sizing: border-box;
  justify-content: center;
}
.brand02.b02-motion .b02-slogan.b02-inner {
  padding-block: 0;
}
.brand02 .b02-slogan-copy .b02-word-description {
  margin: 0;
  padding: 0;
  color: var(--b02-green);
  font:
    800 clamp(20px,1.875vw,36px)/1.3 'Pretendard',sans-serif;
  word-break: keep-all;
}
.brand02.b02-motion .b02-yours {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.brand02 .b02-yours p {
  margin: 0;
  padding-inline: 20px;
  font:
    800 clamp(22px,2.0833vw,40px)/1.3 'Pretendard',sans-serif;
  word-break: keep-all;
}
.brand02.b02-motion .b02-story > .b02-reveal {
  transition-duration: .3s;
  transition-delay: 0s;
}
.brand02.b02-motion .b02-family-copy > .b02-reveal {
  transition-duration: .4s;
  transition-delay: 0s;
}
@media(max-width:640px) {
  .brand02.b02-motion {
    --b02-scroll-distance: max(4800px,600svh);
  }
  .brand02.b02-motion .b02-slogan-stage {
    padding-block: 16px;
  }
}
.brand02 .b02-color-grid {
  display: flex;
  gap: 20px;
}
.brand02 .b02-color-grid > div {
  flex: 1 1 0;
  min-width: 0;
  padding: 48px 40px;
  background: #009345;
  color: white;
  font: 700 24px/1.2 var(--font-pretendard);
}
.brand02 .b02-color-grid span {
  display: block;
  padding-block-start: 8px;
  font-size: 20px;
  font-weight: 500;
}
.brand02 .b02-goods {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding-block-end: 45px;
}
.brand02 .b02-goods .b02-heading {
  margin-inline: auto;
  padding-block-end: 20px;
}
.brand02 .b02-handwriting-image {
  display: none;
}
.brand02 .b02-marquee {
  width: 100%;
  overflow: hidden;
  background: #f2f9f5;
  padding: 74px 0;
}
.brand02 .b02-marquee-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 24px;
  padding-inline-end: 24px;
}
.brand02 .b02-marquee img {
  display: block;
  width: auto;
  height: clamp(150px, 17.1875vw, 330px);
  object-fit: contain;
  flex-shrink: 0;
}
.menu_wrap .pizza_catalog .pizza_item {
  --price-number: min(16px, 4.776cqw);
  --price-currency: min(12px, 3.582cqw);
  --price-chip: min(20px, 5.97cqw);
  --price-chip-font: min(10px, 2.985cqw);
  --price-row-gap: 4px;
  --price-amount-gap: 2px;
  --price-chip-family: var(--font-supersize);
  --price-chip-weight: 400;
}
.menu_wrap .menu_set_catalog .pizza_item {
  --price-number: min(26px, 7.76cqw);
  --price-currency: min(20px, 5.97cqw);
  --price-chip: min(23px, 6.866cqw);
  --price-chip-font: min(12px, 3.582cqw);
  --price-row-gap: 10px;
  --price-amount-gap: 4px;
  --price-chip-family: var(--font-supersize);
  --price-chip-weight: 400;
}
.menu_wrap .menu_side_catalog .pizza_item {
  --price-number: 16px;
  --price-currency: 12px;
  --price-chip: 20px;
  --price-chip-font: 10px;
  --price-row-gap: 4px;
  --price-amount-gap: 2px;
  --price-chip-family: var(--font-gmarket);
  --price-chip-weight: 700;
}
.menu_wrap .menu_side_catalog .pizza_item:has(.portion_size) {
  --price-chip-family: var(--font-pretendard);
  --price-chip-weight: 900;
  --price-row-gap: 4px;
}
.menu_wrap
  .menu_side_catalog
  .pizza_item:has(.portion_size):not(:has(.s_size)) {
  --price-chip-font: 13px;
  --price-row-gap: 10px;
}
.menu_wrap .menu_drink_catalog .pizza_item {
  --price-number: 16px;
  --price-currency: 12px;
  --price-chip: 20px;
  --price-chip-font: 10px;
  --price-row-gap: 4px;
  --price-amount-gap: 2px;
  --price-chip-family: var(--font-gmarket);
  --price-chip-weight: 700;
}
.menu_wrap .menu_drink_catalog .pizza_item:has(.l_size) {
  --price-chip-family: var(--font-supersize);
  --price-chip-weight: 400;
  --price-row-gap: 10px;
}
.menu_wrap .pizza_section_big {
  --price-number: clamp(14px, 3.768cqw, 26px);
  --price-currency: clamp(10px, 2.609cqw, 18px);
  --price-chip: clamp(20px, 4.348cqw, 30px);
  --price-chip-font: clamp(12px, 2.609cqw, 18px);
  --price-row-gap: min(15px, 2.174cqw);
  --price-amount-gap: 2px;
  --price-chip-family: var(--font-supersize);
  --price-chip-weight: 800;
}
.menu_wrap .menu_price_con {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: min(8px, 2.3cqw) 0 0;
  color: var(--text-dark, #333);
}
.menu_wrap .menu_price_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px var(--price-row-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
  max-width: 100%;
}
.menu_wrap .menu_price_list > li {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.menu_wrap .menu_price_list > li > span {
  display: inline-flex;
  flex: 0 0 var(--price-chip);
  align-items: center;
  justify-content: center;
  width: var(--price-chip);
  height: var(--price-chip);
  border-radius: 50%;
  padding: 0;
  color: #fff;
  font: var(--price-chip-weight) var(--price-chip-font)/1
    var(--price-chip-family);
  letter-spacing: 0;
  font-synthesis: none;
}
.menu_wrap .menu_price_list .s_size {
  background: var(--sub-chip01);
}
.menu_wrap .menu_price_list .r_size {
  background: var(--sub-chip02);
}
.menu_wrap .menu_price_list .l_size {
  background: var(--sub-chip03);
}
.menu_wrap .menu_price_list > li > .portion_size {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  min-height: var(--price-chip);
  padding: 0.2em 0.65em;
  border-radius: 100px;
}
.menu_wrap
  :is(.menu_side_catalog, .menu_drink_catalog)
  .menu_price_list
  > li
  > span:not(.portion_size) {
  padding: 0;
}
.menu_wrap .menu_side_catalog .menu_price_list > li > .portion_size {
  font-size: 13px;
  font-weight: 900;
  padding: 0.3em 0.5em;
}
.menu_wrap .menu_price_list > li > span {
  --chip-text-y: 6%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.menu_wrap .menu_price_list > li > .portion_size {
  --chip-text-y: 0%;
}
.menu_wrap
  :is(.menu_side_catalog, .menu_drink_catalog)
  .menu_price_list
  > li
  > span:not(.portion_size) {
  --chip-text-y: 18%;
}
.menu_wrap .menu-price-chip__text {
  display: block;
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
  transform: translateY(var(--chip-text-y));
}
.menu_wrap .menu_set_catalog .menu_price_note {
  transform: translateY(2px);
}
.menu_wrap .menu_side_catalog .menu_price_list {
  column-gap: 3px;
}
.menu_wrap .menu_side_catalog .menu_price_list > li {
  gap: 2px;
}
.menu-info-modal__body .table-scroll + h2 {
  padding-top: 10px;
}
.menu_wrap .menu_price_list > li > p {
  display: flex;
  gap: var(--price-amount-gap, 2px);
  margin: 0;
  padding: 0;
  color: inherit;
  font: 800 var(--price-number)/1.25 var(--font-pretendard);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.035em;
  white-space: nowrap;
  line-height: 1;
  align-items: center;
}
.menu_wrap .menu_price_list > li > p > span {
  font: 800 var(--price-currency)/1.25 var(--font-pretendard);
  letter-spacing: 0;
}
.menu_wrap .menu_price_note {
  flex: 0 0 auto;
  color: var(--main-red);
  font: 800 min(15px, 4.478cqw)/1.25 var(--font-pretendard);
}
.menu_wrap .big_price {
  position: relative;
  z-index: 3;
  color: #fff;
}
.menu_wrap .big_price > li > span {
  border: 1px solid #fff;
  font-weight: 800;
  font-size: var(--price-chip-font);
  font-family: var(--font-supersize);
}
:root {
  --fr-yellow: #fff000;
  --fr-sales-green: #00803a;
  --fr-pink: #fff3f5;
  --fr-light: #f7f7f7;
  --fr-line: #e6e6e6;
  --fr-gray: #333;
  --fr-body-font: "Pretendard", sans-serif;
  --fr-title-font: "Paperlogy", "Pretendard", sans-serif;
  --fr-impact-font: "Sandoll GyeokdongG2", "Paperlogy", sans-serif;
  --fr-english-font: "Acumin-Pro-UltraBlack", "Acumin", sans-serif;
}
.franchise-dev-wrap {
  overflow: visible;
}
.franchise-dev-wrap #header {
  position: fixed;
  inset: 0 0 auto;
  background: transparent;
  border: 0;
  box-shadow: none;
  transition:
    background 0.35s,
    backdrop-filter 0.35s,
    box-shadow 0.35s;
}
.franchise-dev-wrap #header .h_nav .link {
  color: var(--color-white);
}
.franchise-dev-wrap #header .menu_open {
  filter: brightness(0) invert(1);
}
.franchise-dev-wrap #header.fr-header-glass {
  background: rgb(255 255 255 / 78%);
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  backdrop-filter: blur(22px) saturate(1.3);
  box-shadow: 0 1px 18px rgb(0 0 0 / 6%);
}
.franchise-dev-wrap #header.fr-header-glass .h_nav .link {
  color: var(--text-dark);
}
.franchise-dev-wrap #header.fr-header-glass .menu_open {
  filter: none;
}
.fr-dev {
  --fr-heading-size: clamp(36px, 4vw, 60px);
  --fr-subheading-size: clamp(18px, 1.354167vw, 26px);
  --fr-section-space: clamp(60px, 5.21vw, 100px);
  --fr-play: paused;
  font-family: var(--fr-body-font);
  color: var(--color-black);
  line-height: 1.35;
  background: var(--color-white);
}
.fr-dev *,
.fr-dev *::before,
.fr-dev *::after {
  box-sizing: border-box;
}
.fr-dev h1,
.fr-dev h2,
.fr-dev h3,
.fr-dev p,
.fr-dev ul,
.fr-dev ol,
.fr-dev figure,
.fr-dev dl,
.fr-dev dd {
  margin: 0;
  padding: 0;
}
.fr-dev ul,
.fr-dev ol {
  list-style: none;
}
.fr-dev img {
  display: block;
  max-width: 100%;
  height: auto;
}
.fr-dev button,
.fr-dev input,
.fr-dev select,
.fr-dev textarea {
  font: inherit;
}
.fr-dev button {
  cursor: pointer;
}
.fr-dev button:focus-visible,
.fr-dev a:focus-visible {
  outline: 3px solid var(--fr-yellow);
  outline-offset: 4px;
}
.fr-dev [hidden] {
  display: none !important;
}
.fr-dev section {
  position: relative;
}
.fr-dev [data-fr-section].is-visible {
  --fr-play: running;
}
.fr-inner {
  width: min(1400px, calc(100% - 64px));
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
.fr-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.fr-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  text-align: center;
}
.fr-heading p {
  font-size: clamp(18px, 1.25vw, 24px);
}
.fr-title {
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: balance;
  font-family: var(--fr-title-font);
  font-weight: 900;
  font-size: clamp(36px, 3.125vw, 60px);
  line-height: 1.08;
  letter-spacing: -0.065em;
  text-align: center;
}
.fr-red {
  color: var(--main-red);
}
.fr-mobile {
  display: none;
}
.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.fr-marker {
  position: relative;
  isolation: isolate;
  display: inline-block;
  color: var(--color-black);
  font-weight: 900;
  padding: 0 0.13em;
  background: transparent;
}
.fr-marker::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--fr-yellow);
  transform-origin: left;
}
.fr-marker--black {
  color: var(--fr-yellow);
  padding: 0.03em 0.12em;
}
.fr-marker--black::before {
  background: var(--color-black);
}
.fr-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.3em 2.5em 0.23em;
  border-radius: 100px;
  background: var(--main-red);
  color: var(--color-white);
  font-weight: 800;
}
.fr-dots {
  isolation: isolate;
  overflow: hidden;
  --fr-dot: rgb(0 147 69 / 11%);
}
.fr-dots::before,
.fr-dots::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 80%;
  height: 80%;
  background: radial-gradient(circle, var(--fr-dot) 48%, transparent 52%) 0 0 /
    32px 32px;
  mask-image: radial-gradient(ellipse at top left, #000, transparent 70%);
  animation:
    frDotDrift 5s linear infinite,
    frDotGlow 1.15s ease-in-out infinite alternate;
  animation-play-state: var(--fr-play);
}
.fr-dots::before {
  top: 0;
  left: 0;
}
.fr-dots::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
  animation-direction: reverse, alternate-reverse;
}
.fr-hero {
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  display: flex;
  align-items: flex-end;
  padding-block: max(90px, var(--fr-header-height, 80px))
    clamp(36px, 6.6vh, 75px);
  color: var(--color-white);
  background: #142424;
  overflow: hidden;
}
.fr-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fr-hero::after {
  content: "";
  position: absolute;
  inset: 50% 0 0;
  background: linear-gradient(transparent, rgb(0 0 0 / 40%));
}
.fr-hero__content {
  width: min(1286px, calc(100% - 64px));
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 2.65625vw, 51px);
}
.fr-hero h1 {
  font-size: 36px;
  font-weight: 400;
  padding-inline-start: 0;
  font-family: var(--font-sandoll-press);
  font-style: italic;
  font-synthesis: style;
  line-height: 1.1389;
  letter-spacing: -0.03em;
  -webkit-text-stroke: 6px #000;
  paint-order: stroke fill;
}
.fr-hero__words {
  display: flex;
  justify-content: space-between;
}
.fr-hero__words li {
  flex: 1;
  min-width: 0;
  text-align: left;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.fr-hero__words li + li {
  border-left: 0;
  padding-inline-start: clamp(24px, 4.84375vw, 93px);
}
.fr-hero__words li + li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: clamp(36px, 5.3135vw, 102.02px);
  background: #fff;
  transform: translateY(-50%) rotate(-1.1233deg);
}
.fr-hero__words strong {
  position: relative;
  isolation: isolate;
  font: italic 400 clamp(30px, 3.125vw, 60px)/1.1333 var(--font-sandoll-press);
  font-synthesis: style;
  -webkit-text-stroke: 6px var(--color-black);
  paint-order: stroke fill;
  letter-spacing: -0.03em;
}
.fr-hero__words strong::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.17em;
  width: 1.75em;
  height: 1.05em;
  border: 3px solid #000;
  background: var(--main-green);
  z-index: -1;
  border-radius: 70% 40% 70% 40%;
  transform: rotate(-18deg);
}
.fr-hero__words li:nth-child(2) strong::before {
  background: var(--fr-yellow);
}
.fr-hero__words li:nth-child(3) strong::before {
  background: var(--main-red);
}
.fr-hero__words p {
  font-size: clamp(18px, 1.46vw, 28px);
  font-weight: 700;
}
.fr-conquer {
  min-height: clamp(880px,100svh,1100px);
  max-height: 1100px;
  padding: 100px 0 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 80px;
  background: var(--fr-light);
}
.fr-conquer__title {
  position: relative;
  z-index: 4;
  text-align: center;
}
.fr-conquer h2 {
  font-family: var(--fr-impact-font);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -0.07em;
}
.fr-conquer__title {
  width: min(1100px, 72%);
}
.fr-conquer__word {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
}
.fr-conquer__word img {
  display: block;
  width: 100%;
  height: auto;
}
.fr-conquer__line .fr-conquer__word:first-child {
  width: 46%;
}
.fr-conquer__line .fr-conquer__word:last-child {
  width: 52%;
}
.fr-conquer__word--main {
  width: 100%;
}
.fr-conquer__line {
  display: flex;
  width: 84%;
  margin-inline: auto;
  justify-content: center;
  gap: 0.12em;
  font-size: clamp(64px, 7.2vw, 140px);
}
.fr-conquer__line b,
.fr-conquer__line em {
  font-weight: inherit;
  font-style: normal;
  paint-order: stroke fill;
  -webkit-text-stroke: 8px var(--color-black);
}
.fr-conquer__line b {
  color: var(--main-green);
}
.fr-conquer__line em {
  color: var(--fr-yellow);
}
.fr-conquer h2 > strong {
  display: block;
  color: var(--main-red);
  font: inherit;
  font-size: clamp(150px, 16.15vw, 310px);
  paint-order: stroke fill;
  -webkit-text-stroke: 18px var(--color-white);
  filter: drop-shadow(5px 0 #000) drop-shadow(-5px 0 #000)
    drop-shadow(0 5px #000) drop-shadow(0 -5px #000);
}
.fr-conquer__caption {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 0.25em;
  position: relative;
  z-index: 2;
  font-size: 30px;
  text-align: center;
}
.fr-rays {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 260%;
  height: auto;
  aspect-ratio: 1;
  translate: -50% -50%;
  z-index: -1;
  opacity: 0.65;
  animation: frRays 14s linear infinite;
  animation-play-state: var(--fr-play);
}
.fr-pizzas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
.fr-talk {
  padding-block: clamp(36px, 2.917vw, 56px) 0;
  overflow: hidden;
  background: #ede8d1;
}
.fr-talk .fr-title {
  font:
    700 clamp(36px, 4vw, 60px)/1.2333 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
}
.fr-talk .fr-heading {
  gap: 12px;
}
.fr-talk .fr-heading small {
  color: #777;
}
.fr-talk__stage {
  position: relative;
  isolation: isolate;
  min-height: clamp(360px, 81.32vw, 670px);
  padding-block: clamp(100px, 6.04vw, 116px) clamp(120px, 10.4vw, 200px);
  margin-top: clamp(24px, 2.08vw, 40px);
}
.fr-talk__slider {
  width: 100%;
}
.fr-talk__card {
  box-sizing: border-box;
  height: clamp(180px, calc(120px + 9.375vw), 300px);
  padding: clamp(12px, 1.041667vw, 20px) clamp(12px, 1.25vw, 24px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(8px, 0.625vw, 12px);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 22px;
}
.fr-talk__card h3 {
  font:
    700 clamp(20px, 2.1vw, 40px)/1.2 "Gmarket Sans",
    sans-serif;
  text-align: center;
}
.fr-talk__card dl {
  display: flex;
  flex-direction: column;
}
.fr-talk__card dl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-block: clamp(3px, 0.3125vw, 6px);
  border-top: 1px solid #ddd;
}
.fr-talk__card dt {
  font:
    700 clamp(14px, 1.45833vw, 28px)/1.15 "Pretendard",
    sans-serif;
  color: #333;
}
.fr-talk__card dd {
  font-size: clamp(16px, 1.5vw, 29px);
  font-weight: 800;
}
.fr-talk__slider .swiper-wrapper {
  transition-timing-function: linear;
}
.fr-talk__foreground {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  width: min(700px, 85%);
  margin-inline: auto;
}
.fr-talk__phone {
  position: absolute;
  width: 70%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  left: 15%;
  bottom: 0;
}
.fr-talk .fr-title > span {
  display: inline-block;
}
.fr-talk__apps {
  position: absolute;
  inset: auto 0 5%;
  display: flex;
  align-items: center;
  gap: 3%;
}
.fr-talk__apps li {
  flex: 1;
  min-width: 0;
}
.fr-talk__apps img {
  width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 10px 16px #0002);
}
.fr-pizza {
  position: absolute;
  width: 22%;
  max-width: 400px;
}
.fr-conquer__arrow {
  position: absolute;
  width: clamp(40px, 3.34vw, 64px);
  height: auto;
}
.fr-conquer__arrow--left {
  left: 4%;
  top: 49%;
}
.fr-conquer__arrow--right {
  right: 2%;
  top: 19%;
}
.fr-pizza--tmt {
  left: 0;
  bottom: 12%;
}
.fr-pizza--truffle {
  right: 0;
  top: 12%;
}
.fr-pizza figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Cafe24 Shiningstar", cursive;
  font-size: clamp(24px, 1.6vw, 30px);
  font-weight: 400;
  line-height: 1.15;
  gap: 0.25em;
}
.fr-pizza figcaption .fr-marker {
  font-weight: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
}
.fr-pizza figcaption > br {
  display: none;
}
.fr-pizza > img {
  display: block;
  width: 100%;
  height: auto;
}
.fr-pizza__new {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.fr-pizza figcaption .fr-pizza__name {
  color: #fff;
  background: transparent;
  padding: 0.08em 0.25em;
}
.fr-pizza__name::before {
  background: #f15a24;
}
.fr-pizza--tmt figcaption {
  transform: rotate(9deg);
}
.fr-pizza--truffle figcaption {
  transform: rotate(-12deg);
}
.fr-conquer .fr-conquer__arrow {
  overflow: visible;
}
.fr-conquer .fr-marker::before,
.fr-truth .fr-marker::before {
  top: -0.09em;
  bottom: 0.09em;
}
.fr-conquer.has-halftone::before,
.fr-conquer.has-halftone::after,
.fr-truth.has-halftone::before,
.fr-truth.has-halftone::after,
.fr-sales.has-halftone::before,
.fr-sales.has-halftone::after {
  content: none;
}
.fr-halftone {
  position: absolute;
  inset: -48px;
  width: calc(100% + 96px);
  height: calc(100% + 96px);
  z-index: -1;
  pointer-events: none;
  color: #009345;
  opacity: 0.18;
}
.fr-sales .fr-halftone {
  opacity: 0.1;
}
.fr-truth .fr-halftone {
  color: #93070e;
  opacity: 0.25;
}
.fr-type {
  display: inline-flex;
}
.fr-pizza figcaption img {
  width: 1.5em;
  height: auto;
  display: inline-block;
}
.fr-pizza figcaption .fr-eyes {
  position: absolute;
  right: 6%;
  top: 30%;
  width: 20%;
  max-width: 80px;
  z-index: 2;
}
.fr-dev
  :is(
    .fr-truth,
    .fr-sales,
    .fr-growth,
    .fr-reorder,
    .fr-points-intro,
    .fr-interior,
    .fr-brand,
    .fr-award,
    .fr-benefits,
    .fr-profit,
    .fr-cost,
    .fr-contact,
    .fr-procedure
  ) {
  padding-block: var(--fr-section-space);
}
.fr-truth {
  background: #ed2027;
  color: #fff;
}
.fr-truth .fr-title {
  font-family: "Gmarket Sans", sans-serif;
  font-weight: 700;
  font-size: clamp(36px, 4.16667vw, 80px);
  line-height: 1.375;
  letter-spacing: -0.06em;
}
.fr-truth .fr-title .fr-marker {
  padding-block: 0;
  font-weight: inherit;
}
.fr-truth__stamp {
  display: inline-block;
  transform-origin: center;
}
.fr-truth .fr-marker--black {
  padding-inline: 0.14em 0.21em;
}
.fr-truth__cards .fr-marker {
  font-weight: 700;
}
.fr-truth__cards {
  font-family: "Gmarket Sans", sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  width: 100%;
}
.fr-truth__cards li {
  flex: 1 1 290px;
  min-width: 0;
  max-width: 460px;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border-radius: 22px;
  background: #fff;
  color: #111;
  text-align: center;
}
.fr-truth__image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #111;
  border-radius: 12px;
  padding: 16px;
}
.fr-truth__image > img:first-child {
  height: 120px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.fr-truth__image .fr-truth__x {
  position: absolute;
  width: 45%;
  max-height: 95%;
  object-fit: contain;
}
.fr-truth__cards h3 {
  font-weight: 700;
  font-size: clamp(17px, 6.5cqw, 30px);
  line-height: 1.3;
  color: #ed2027;
  letter-spacing: -0.06em;
  word-break: keep-all;
}
.fr-truth__cards p {
  font-weight: 500;
  font-size: clamp(20px, 1.35417vw, 26px);
  line-height: 1.25;
  letter-spacing: -0.05em;
  word-break: keep-all;
}
.fr-truth__last {
  font-family: "Gmarket Sans", sans-serif;
  font-size: clamp(28px, 3.64583vw, 70px);
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.06em;
}
.fr-sales__heading .fr-title {
  display: flex;
  flex-direction: column;
  font-family: "Gmarket Sans", sans-serif;
  font-weight: 700;
  font-size: clamp(36px, 4vw, 60px);
  line-height: 1.23333;
  letter-spacing: -0.05em;
}
.fr-sales__peak {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: min(800px, 100%);
  background: var(--fr-sales-green);
  border-radius: 20px;
  padding: 28px 100px 40px;
  color: #fff;
  font-size: clamp(20px, 2vw, 38px);
  letter-spacing: -0.05em;
}
.fr-sales__peak p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12em;
}
.fr-sales__peak p b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45em;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff600;
  color: #000;
  font-family: "Gmarket Sans", sans-serif;
  padding-top: 0.12em;
}
.fr-sales__peak strong {
  color: #fff;
  font-size: clamp(30px, 3.2vw, 62px);
  font-weight: 800;
  line-height: 1.15;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.fr-sales__peak .fr-crown {
  width: 90px;
}
.fr-sales__peak .fr-laurel {
  position: absolute;
  width: 75px;
  bottom: 30px;
}
.fr-laurel--left {
  left: 22px;
}
.fr-laurel--right {
  right: 22px;
}
.fr-ranking {
  width: min(1400px, 100%);
  border-radius: 20px;
  padding: 28px;
  background: var(--fr-sales-green);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fr-ranking h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font:
    700 clamp(22px, 2.604vw, 50px)/1.28 "Gmarket Sans",
    sans-serif;
  text-align: center;
}
.fr-ranking h3::before,
.fr-ranking h3::after {
  content: "";
  flex: none;
  width: 32px;
  aspect-ratio: 35/70;
  background: center/contain no-repeat;
}
.fr-ranking h3::before {
  background-image: url("../img/franchise/Goldleaf_left.webp");
}
.fr-ranking h3::after {
  background-image: url("../img/franchise/Goldleaf_right.webp");
}
.fr-ranking ol {
  display: flex;
  flex-flow: column wrap;
  gap: 18px 50px;
  height: 662px;
}
.fr-ranking li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 24px;
  background: #fff;
  border-radius: 20px;
  width: calc(50% - 25px);
  min-height: 118px;
}
.fr-medal {
  position: relative;
  isolation: isolate;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  aspect-ratio: 1;
  background: none;
  color: #714700;
  font-family: "Gmarket Sans", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
  padding: 0.12em 0 0;
  letter-spacing: -0.07em;
  text-indent: -0.07em;
}
.fr-medal::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: url("../img/franchise/Gold_button.webp?v=20260919") center/100%
    100% no-repeat;
  clip-path: ellipse(50% 47.5% at 50% 52.5%);
}
.fr-ranking li > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.fr-store-name {
  font-family: "Gmarket Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #206744;
  background: #d0e8d8;
  border-radius: 100px;
  padding: 6px 16px 3px;
  white-space: nowrap;
}
.fr-ranking small {
  font-size: 12px;
  color: #ddd;
  flex: none;
}
.fr-ranking li strong {
  font-size: clamp(22px, 2.0833vw, 40px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.06em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.fr-ticker {
  --ticker-height: clamp(48px, 6.25vw, 120px);
  background: #009345;
  overflow: hidden;
  height: var(--ticker-height);
  padding: 0;
}
.fr-ticker__track {
  display: flex;
  align-items: center;
  width: max-content;
  height: 100%;
  gap: 0;
  animation: frMarquee 60s linear infinite;
  animation-play-state: var(--fr-play, paused);
}
.fr-ticker__item {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  flex: none;
  height: 100%;
}
.fr-ticker__art {
  position: relative;
  display: block;
  flex: none;
  height: 100%;
  aspect-ratio: 148/114;
}
.fr-ticker__art > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fr-ticker__art > span {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-family: "Gmarket Sans", sans-serif;
  font-weight: 700;
  letter-spacing: -0.07em;
}
.fr-ticker__art small {
  font-size: calc(var(--ticker-height) * 0.1);
  line-height: 1.1;
  color: #111;
}
.fr-ticker__art strong {
  font-size: calc(var(--ticker-height) * 0.2);
  line-height: 1.1;
  color: #fff;
  -webkit-text-stroke: 1px #111;
  paint-order: stroke fill;
}
.fr-ticker__deadline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(var(--ticker-height) * 0.83333);
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  font-family: "Gmarket Sans", sans-serif;
  font-size: calc(var(--ticker-height) * 0.20833);
  font-weight: 700;
  line-height: 1.05;
  padding-top: 0.12em;
}
.fr-ticker__deadline b {
  color: #de2027;
  padding: 0;
}
.fr-ticker__deadline em {
  color: #de2027;
  font-style: normal;
}
.fr-star {
  position: relative;
  display: grid;
  place-items: center;
  width: 300px;
  aspect-ratio: 300/250;
  color: #111;
}
.fr-star svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  fill: #fff000;
  stroke: #111;
  stroke-width: 4;
}
.fr-star__text {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 5px;
  font-weight: 900;
}
.fr-star__text strong {
  font-size: clamp(26px, 3vw, 58px);
  letter-spacing: -0.06em;
  white-space: nowrap;
}
.fr-star__text small {
  font-size: 18px;
}
.fr-ticker .fr-star {
  width: 130px;
  aspect-ratio: 1;
}
.fr-ticker .fr-star strong {
  font-size: 24px;
  color: #fff;
  -webkit-text-stroke: 1px #111;
  paint-order: stroke fill;
}
.fr-ticker .fr-star small {
  font-size: 13px;
}
.fr-ticker .fr-star__text {
  gap: 0;
}
.fr-growth__layout,
.fr-reorder__layout,
.fr-award__layout,
.fr-contact__layout {
  display: flex;
  align-items: center;
  gap: clamp(30px, 5vw, 96px);
}
.fr-growth__layout {
  gap: clamp(30px, 7.9vw, 152px);
}
.fr-dev .fr-growth {
  padding-block: clamp(48px, 7.65vw, 147px);
}
.fr-growth__copy {
  flex: 559;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1vw, 20px);
  color: #333;
}
.fr-growth__copy h2 {
  display: flex;
  align-items: center;
  font: 900 clamp(60px, 6.9vw, 132px)/0.94 var(--fr-title-font);
  letter-spacing: -0.08em;
}
.fr-growth__copy h2 span {
  font-size: 2em;
}
.fr-growth__copy h2 strong {
  color: #ed2027;
}
.fr-growth__copy h3 {
  font:
    700 clamp(24px, 3.125vw, 60px)/1 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
  white-space: nowrap;
}
.fr-growth__paragraphs {
  display: flex;
  flex-direction: column;
  gap: 0.35em;
  padding-top: clamp(12px, 1.5vw, 29px);
}
.fr-growth__copy p {
  font:
    400 clamp(16px, 1.875vw, 36px)/1.2 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-growth__copy .fr-marker {
  font-weight: 800;
  font-size: 1.15em;
}
.fr-chart {
  flex: 701;
  min-width: 0;
  position: relative;
  aspect-ratio: 680/520;
}
.fr-chart__bars {
  position: absolute;
  inset: 0 4.8% 0 0;
  display: flex;
  align-items: flex-end;
  gap: 1.4%;
}
.fr-chart__bars i {
  flex: 1;
  height: 8%;
  background: #d9d9d9;
  transform-origin: bottom;
}
.fr-chart__bars i:nth-child(2) {
  height: 5%;
}
.fr-chart__bars i:nth-child(3) {
  height: 11%;
}
.fr-chart__bars i:nth-child(4) {
  height: 23%;
}
.fr-chart__bars i:nth-child(5) {
  height: 41%;
}
.fr-chart__bars i:nth-child(6) {
  height: 71%;
}
.fr-chart__bars i:nth-child(7) {
  position: relative;
  height: 91%;
  background: #11bd62;
}
.fr-chart__bars i:last-child::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  left: -29%;
  width: 158%;
  height: 10%;
  background: #11bd62;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.fr-chart__curve {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: #009345;
  stroke-width: 2.5;
}
.fr-chart__pulse {
  position: absolute;
  left: 88.82%;
  top: 4.23%;
  width: 3.1%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #009345;
  transform: translate(-50%, -50%);
}
.fr-chart__pulse::before {
  content: "";
  position: absolute;
  inset: -50%;
  border-radius: inherit;
  background: rgb(164 234 176 / 60%);
  z-index: -1;
}
.fr-chart__pulse::after {
  content: "";
  position: absolute;
  inset: 30%;
  border-radius: inherit;
  background: #fff;
}
.fr-chart__badge {
  position: absolute;
  width: 48%;
  aspect-ratio: 1;
  top: 14%;
  left: 2%;
}
.fr-chart__badge-title {
  display: block;
  width: 78%;
  height: auto;
  object-fit: contain;
}
.fr-chart__badge .fr-star__text {
  gap: 8px;
}
.fr-chart__badge .fr-star__text small b {
  font-weight: 900;
}
.fr-chart__badge svg {
  stroke-width: 5;
  stroke-linejoin: round;
}
.fr-chart__badge::after {
  content: "";
  position: absolute;
  width: 20%;
  height: 25%;
  right: -2%;
  top: 2%;
  background: #000;
  clip-path: polygon(0 100%, 66% 0, 91% 21%, 0 100%, 88% 49%, 98% 73%);
}
.fr-chart__badge .fr-star__text strong {
  font:
    800 clamp(20px, 2vw, 40px)/1.15 "Pretendard",
    sans-serif;
  color: #fff;
  -webkit-text-stroke: 2px #000;
  paint-order: stroke fill;
}
.fr-chart__badge .fr-star__text small {
  font:
    700 clamp(11px, 1.15vw, 22px)/1.3 "Pretendard",
    sans-serif;
  letter-spacing: -0.05em;
}
.fr-reorder {
  background: #241710 url("../img/franchise/percnet_bg.webp") center/cover;
  color: white;
}
.fr-reorder__layout > * {
  flex: 1;
  min-width: 0;
}
.fr-reorder__layout > .fr-reviews {
  flex: 1.25;
}
.fr-gauge {
  position: relative;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 3cqw, 20px);
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
  color: #de2027;
  font-family: "Gmarket Sans", sans-serif;
  letter-spacing: -0.08em;
}
.fr-gauge svg {
  position: absolute;
  inset: 3%;
  width: 94%;
  height: 94%;
}
.fr-gauge__tick {
  stroke: #e2c6c6;
  stroke-width: 3;
}
.fr-gauge__tick.is-filled {
  stroke: #ed2027;
}
.fr-gauge > span {
  padding: 0.3em 0.85em 0.14em;
  border-radius: 100px;
  background: #de2027;
  color: #fff;
  font-size: clamp(16px, 5cqw, 30px);
  font-weight: 700;
}
.fr-gauge strong {
  font-size: clamp(80px, 33cqw, 145px);
  line-height: 1;
  font-weight: 700;
}
.fr-gauge__details {
  display: flex;
  flex-direction: column;
  gap: 0.12em;
  color: #111;
  font-size: clamp(18px, 6.92cqw, 45px);
  font-weight: 700;
  line-height: 1;
}
.fr-gauge__details p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}
.fr-gauge__details b {
  padding: 0.14em 0.4em 0.04em;
  border-radius: 100px;
  color: #fff;
  background: #ed2027;
  font-weight: 400;
}
@media (prefers-reduced-motion: no-preference) {
  .fr-dev.fr-motion :is(.fr-reviews, .fr-points-intro) .fr-title.fr-entered {
    animation: frImpactHard 0.75s both;
  }
}
.fr-reviews {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.fr-reviews ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.fr-reviews .fr-title {
  font:
    700 var(--fr-heading-size)/1.2333 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
  color: #fff;
}
.fr-reviews .fr-heading > p,
.fr-points-intro .fr-heading > p,
.fr-sales__heading > p {
  font-size: var(--fr-subheading-size);
}
.fr-points-intro .fr-title {
  font:
    700 var(--fr-heading-size)/1.2143 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
}
.fr-reviews li {
  width: calc((100% - 20px) / 3);
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #fff;
  color: #222;
  border-radius: 12px;
  font:
    500 14px/1.4 "Pretendard",
    sans-serif;
  letter-spacing: -0.045em;
  text-align: center;
}
.fr-reviews li p {
  min-height: 5.6em;
}
.fr-stars {
  color: #ffbd00;
  letter-spacing: 0.05em;
}
.fr-reviews li img {
  max-height: 22px;
  width: auto;
  object-fit: contain;
}
.fr-points-intro .fr-heading > .fr-red {
  font-weight: 600;
}
.fr-points-intro .fr-heading > p:last-child {
  letter-spacing: -0.05em;
}
.fr-points {
  position: relative;
}
.fr-point {
  background: #fff;
  position: relative;
}
.fr-dev .fr-point__band,
.fr-dev .fr-point__slider {
  width: var(--fr-header-inner-width, calc(100% - 40px));
  margin-inline: auto;
}
.fr-profit__value {
  font:
    900 clamp(28px, 14.2857cqw, 60px)/1.1 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
  text-align: center;
  white-space: nowrap;
}
.fr-profit__value small {
  font-size: 0.83333em;
  font-weight: 400;
}
.fr-profit__card.is-flipped .fr-profit__faces {
  transform: rotateY(180deg);
}
.fr-point__band {
  overflow: hidden;
  color: #ed2027;
  font: 900 clamp(42px, 5.4vw, 104px)/1.1 var(--fr-english-font);
  padding-block: 15px;
}
.fr-point--green .fr-point__band {
  color: #009345;
}
.fr-point__band > span {
  display: flex;
  width: max-content;
  animation: frMarquee 18s linear infinite;
  animation-play-state: var(--fr-play, paused);
}
.fr-point__band em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1px #ed2027;
}
.fr-point--green .fr-point__band em {
  -webkit-text-stroke-color: #009345;
}
.fr-point__slider {
  position: relative;
  min-height: 600px;
  height: min(780px, 76svh);
  color: #fff;
}
.fr-point__images {
  position: absolute;
  inset: 0;
}
.fr-point__images .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fr-point__images .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #0008, transparent);
}
.fr-point__slide-copy {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(25px, 5vw, 96px);
  padding: clamp(25px, 4vw, 75px) clamp(20px, 4vw, 75px) 100px;
}
.fr-point__overlay {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(24px, 3.125vw, 60px);
  padding-block: 40px;
  pointer-events: none;
  z-index: 2;
}
.fr-point__label {
  font:
    700 clamp(20px, 2.08333vw, 40px)/1.2 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-point__copy {
  display: grid;
}
.fr-point__text {
  grid-area: 1/1;
  visibility: hidden;
  opacity: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
  transition:
    opacity 0.5s,
    visibility 0.5s;
}
.fr-point__text.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.fr-point__text h3 {
  font:
    700 clamp(40px, 3.854167vw, 74px)/1.25 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
}
.fr-point__text p {
  font:
    500 clamp(18px, 1.354167vw, 26px)/1.3333 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-point__controls {
  display: flex;
  align-items: center;
  gap: 6px;
  pointer-events: auto;
}
.fr-point__controls button {
  border: 0;
  background: transparent;
  color: #fff;
  padding: 12px 4px;
  font-size: 22px;
}
.fr-point__controls button img {
  display: block;
}
.fr-interior .fr-title {
  font-family: "Gmarket Sans", sans-serif;
  font-weight: 700;
  font-size: clamp(36px, 4vw, 60px);
  line-height: 1.1667;
  letter-spacing: -0.08em;
}
.fr-interior__row:nth-child(2) .fr-interior__swiper {
  transform: scale(var(--interior-scale, 1));
  transform-origin: center;
}
.fr-interior__row:nth-child(2) {
  padding-block: calc(
    var(--interior-row-height) * (var(--interior-scale, 1) - 1) / 2
  );
}
.fr-territory__copy h3 img {
  display: block;
  width: auto;
  height: 0.97em;
  max-width: 100%;
  object-fit: contain;
  object-position: left;
}
.fr-distance {
  position: relative;
  isolation: isolate;
  font-family: var(--fr-impact-font);
  font-weight: 400;
  z-index: 0;
}
.fr-distance > span,
.fr-distance > strong {
  position: relative;
  z-index: 2;
}
.fr-distance::before {
  content: "";
  position: absolute;
  inset: -14%;
  border-radius: 50%;
  background: rgb(255 183 195 / 10%);
  z-index: -1;
  animation: frDistancePulse 1.4s ease-in-out infinite;
  animation-play-state: var(--fr-play, paused);
}
.fr-distance i {
  position: absolute;
  left: -8%;
  right: -8%;
  top: 65%;
  height: 0;
  border-top: 2px dashed #de2027;
  z-index: 1;
}
.fr-distance i::before,
.fr-distance i::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 7px;
  height: 8px;
  background: #de2027;
  clip-path: polygon(100% 0, 0 50%, 100% 100%, 65% 50%);
}
.fr-distance i::before {
  left: 0;
}
.fr-distance i::after {
  right: 0;
  transform: rotate(180deg);
}
.fr-brand__more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.fr-brand .fr-title {
  font:
    700 var(--fr-heading-size)/1.2 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
  color: #000;
}
.fr-brand .fr-heading > .fr-red {
  font:
    600 clamp(18px, 1.25vw, 24px)/1.4 "Pretendard",
    sans-serif;
  color: #de2027;
}
.fr-brand .fr-heading > p:last-child {
  font:
    400 clamp(18px, 1.25vw, 24px)/1.5 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-brand__more a img {
  flex: none;
  width: auto;
  height: auto;
}
.fr-youtube {
  --youtube-card-width: clamp(260px, 18.64583vw, 358px);
  height: calc(var(--youtube-card-width) * 228 / 358);
  padding-block: 0;
  display: flex;
  align-items: center;
  background: transparent url("../img/franchise/youtube_frame.webp") center/auto
    100% repeat-x;
}
.fr-youtube .swiper-wrapper {
  height: auto;
  align-items: center;
}
.fr-youtube .swiper-slide {
  width: var(--youtube-card-width);
  padding: 0;
}
.fr-territory__layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  padding-block: var(--fr-section-space);
}
.fr-territory__copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 22px;
}
.fr-territory__copy h3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font: 900 clamp(60px, 6.5vw, 125px)/0.97 var(--fr-title-font);
  letter-spacing: -0.07em;
}
.fr-territory__copy h3 span,
.fr-territory__copy h3 strong {
  color: #ed2027;
}
.fr-territory__copy p {
  align-self: stretch;
  text-align: left;
  font:
    400 clamp(15px, 1.04167vw, 20px)/1.4 "Pretendard",
    sans-serif;
}
.fr-territory__art {
  flex: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  isolation: isolate;
}
.fr-territory__art .fr-shop {
  width: 24%;
  z-index: 1;
}
.fr-distance {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 12%;
  box-sizing: border-box;
  width: 40%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgb(255 183 195 / 20%);
  color: #de2027;
}
.fr-distance strong {
  font-size: clamp(30px, 4vw, 76px);
  font-weight: 400;
  line-height: 1.15;
}
.fr-distance span {
  font-size: clamp(12px, 1.77vw, 34px);
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.fr-territory__bottom {
  width: 100%;
  text-align: left;
  font:
    700 clamp(17px, 1.30208vw, 25px)/1.4 "Pretendard",
    sans-serif;
  color: #6c6c6c;
}
.fr-territory__bottom strong {
  color: #f04946;
}
.fr-interior {
  --interior-row-height: clamp(140px, 13.95833vw, 268px);
  background: #292929;
  color: white;
  overflow: clip;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.fr-interior__scroll {
  position: relative;
}
.fr-interior__rows {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.fr-interior__row {
  overflow: visible;
}
.fr-interior__swiper {
  overflow: visible;
}
.fr-interior__row ul {
  display: flex;
  transition-timing-function: linear;
}
.fr-interior__row li {
  width: calc(var(--interior-row-height) * var(--photo-ratio, 1.5));
  height: var(--interior-row-height);
  flex: none;
}
.fr-interior__row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.fr-interior .fr-heading h3 {
  font:
    700 clamp(20px, 1.5625vw, 30px)/1.4 "Pretendard",
    sans-serif;
}
.fr-interior .fr-heading p {
  font:
    400 clamp(18px, 1.25vw, 24px)/1.5 "Pretendard",
    sans-serif;
}
.fr-brand {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 3.90625vw, 75px);
  overflow: hidden;
}
.fr-principles {
  display: flex;
  gap: clamp(14px, 2.86458vw, 55px);
  width: 100%;
}
.fr-principles li {
  position: relative;
  flex: 1;
  min-width: 0;
  color: #fff;
}
.fr-principles li > img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.fr-principles li > div {
  position: absolute;
  inset: 0;
  padding: clamp(20px, 1.823vw, 35px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  background: linear-gradient(transparent, #000a);
}
.fr-principles h3 {
  font:
    700 clamp(28px, 1.875vw, 36px)/1.2 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-principles p {
  font:
    500 clamp(14px, 1.042vw, 20px)/1.2 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-youtube {
  width: 100%;
}
.fr-youtube a {
  display: block;
  position: relative;
  border-radius: clamp(8px, 1.041667vw, 20px);
  overflow: hidden;
}
.fr-youtube img {
  width: 100%;
  aspect-ratio: 358/197;
  object-fit: cover;
}
.fr-youtube__play {
  position: absolute;
  inset: 0;
  background: url("../img/franchise/youtube_play.webp")
    center/clamp(25px, 3.125vw, 60px) auto no-repeat;
}
.fr-brand__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.fr-brand__more a {
  border-radius: 50px;
  background: #111;
  color: white;
  padding: 14px 38px;
  font-size: 24px;
  font-weight: 700;
}
.fr-award {
  background: #e6e6e6 url("../img/franchise/Awarded_Best_bg.webp") right
    top/auto 85% no-repeat;
}
.fr-dev .fr-award {
  --award-padding: clamp(50px, 5.20833vw, 100px);
  padding-block: var(--award-padding);
}
.fr-award__copy {
  flex: 1;
  min-width: 0;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 2.96875vw, 57px);
}
.fr-award__copy .fr-title {
  font:
    700 var(--fr-heading-size)/1.12 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
  text-align: left;
}
.fr-award__copy ul {
  display: flex;
  gap: 14px;
}
.fr-award__copy li {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}
.fr-award__layout {
  min-height: clamp(350px, 31.25vw, 600px);
}
.fr-award__main {
  position: absolute;
  right: calc((100% - 100vw) / 2);
  bottom: calc(-1 * var(--award-padding));
  width: min(51.14583vw, 982px);
  max-width: none;
  height: auto;
}
.fr-award__copy p {
  font:
    400 var(--fr-subheading-size)/1.35 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-benefits .fr-title {
  font:
    700 clamp(36px, 4vw, 60px)/1.15 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
}
.fr-contact__intro .fr-title {
  font:
    700 var(--fr-heading-size)/1.12 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
}
.fr-procedure .fr-title {
  font:
    700 var(--fr-heading-size)/1.15 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
}
.fr-benefits > .fr-inner {
  max-width: 1200px;
  gap: 0;
}
.fr-benefits.fr-dots::before,
.fr-benefits.fr-dots::after,
.fr-profit.fr-dots::before,
.fr-profit.fr-dots::after {
  opacity: 1;
  background-image: radial-gradient(
    circle,
    rgb(222 32 39 / 10%) 48%,
    transparent 52%
  );
  animation-name: frDotDrift;
}
.fr-benefits__layout {
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: clamp(38px, 4.427083vw, 85px);
  padding-bottom: clamp(40px, 4.6875vw, 90px);
}
.fr-benefits__star {
  position: absolute;
  left: 0;
  top: 0;
  width: 43%;
  max-width: 516px;
  height: auto;
}
.fr-benefits__copy {
  width: 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
  color: #000;
}
.fr-benefits__copy h3 {
  font:
    700 clamp(22px, 1.875vw, 36px)/1.35 "Pretendard",
    sans-serif;
}
.fr-benefits__copy em {
  color: #6c6c6c;
  font-style: normal;
}
.fr-benefits__copy h3 strong {
  display: block;
  font-size: clamp(28px, 2.1875vw, 42px);
  font-weight: 900;
  color: #de2027;
}
.fr-benefits__copy .fr-pill {
  font:
    700 clamp(20px, 1.5625vw, 30px)/1.2 "Gmarket Sans",
    sans-serif;
  padding: 14px 34px 10px;
}
.fr-benefits__copy > p {
  font:
    400 clamp(15px, 1.25vw, 24px)/1.4 "Pretendard",
    sans-serif;
}
.fr-benefits__slider,
.fr-profit__slider {
  width: 100%;
}
.fr-benefits__slider .swiper-wrapper {
  gap: 11px;
}
.fr-benefits__slider .swiper-slide {
  flex: 1;
  min-width: 0;
  border: 2px solid #000;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}
.fr-benefits__slider h3 {
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: #009345;
  border-bottom: 2px solid #000;
  color: white;
  font:
    700 clamp(18px, 1.66667vw, 32px)/1.2 "Pretendard",
    sans-serif;
}
.fr-benefits__slider p {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font:
    900 clamp(20px, 1.66667vw, 32px)/1.2 "Pretendard",
    sans-serif;
  color: #6c6c6c;
  background: #fff;
}
.fr-profit .fr-title {
  font:
    700 var(--fr-heading-size)/1.12 "Gmarket Sans",
    sans-serif;
  letter-spacing: -0.08em;
}
.fr-benefits__slider h3.fr-benefit-long-label {
  padding: 4px 6px;
  font-size: clamp(14px, 1.14583vw, 22px);
  line-height: 1;
}
.fr-profit__slider .swiper-wrapper {
  gap: clamp(24px, 3.64583vw, 70px);
}
.fr-profit__slider .swiper-slide {
  flex: 1;
  min-width: 0;
}
.fr-profit__slider .fr-profit__repeat {
  display: none;
}
.fr-profit__card {
  container-type: inline-size;
  border: 0;
  background: transparent;
  padding: 0;
  width: 100%;
  perspective: 1200px;
}
.fr-profit__faces {
  position: relative;
  aspect-ratio: 420/488;
  transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform-style: preserve-3d;
}
.fr-profit__front,
.fr-profit__back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 20px;
  overflow: hidden;
}
.fr-profit__front {
  background: white;
}
.fr-profit__front .fr-profit__numbers {
  inset: auto 0 0;
  height: 25%;
  border: 3px solid var(--profit-border, #de2027);
  border-radius: 0 0 20px 20px;
  background: white;
}
.fr-dev .fr-profit__front > img {
  width: 100%;
  height: 75%;
  object-fit: cover;
  object-position: center top;
}
.fr-dev .fr-profit__back > img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.fr-profit__back {
  transform: none;
}
.fr-dev .fr-profit__back {
  display: none;
}
.fr-dev .fr-profit__faces {
  transform: none;
  transition: none;
}
.fr-dev .fr-autoplay {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  color: inherit;
  font-size: 18px;
}
.fr-dev .fr-truth__cards .fr-marker {
  color: #000;
}
.fr-dev .fr-truth__cards .fr-marker::before {
  z-index: -1;
}
@media(min-width:961px) {
  .fr-dev .fr-pizzas {
    max-width: 1600px;
    left: 50%;
    right: auto;
    width: 100%;
    transform: translateX(-50%);
  }
}
.fr-profit__numbers {
  position: absolute;
  inset: auto 3% 2%;
  min-height: 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  color: #000;
}
.fr-profit__back .fr-profit__numbers {
  bottom: 6%;
}
.fr-profit__label {
  font:
    700 clamp(13px, 6.19cqw, 26px)/1.2 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
}
.fr-profit__label em {
  color: #de2027;
  font-style: normal;
}
.fr-profit__card[aria-pressed="true"] .fr-profit__faces {
  transform: rotateY(180deg);
}
.fr-profit .fr-heading > p {
  font-size: var(--fr-subheading-size);
  font-weight: 700;
  color: #6c6c6c;
}
.fr-profit .fr-heading > p b {
  color: #333;
}
.fr-profit .fr-heading > p strong {
  color: #f04946;
}
.fr-profit__bottom {
  text-align: center;
  font:
    700 clamp(18px, 1.35417vw, 26px)/1.25 "Pretendard",
    sans-serif;
  color: #6c6c6c;
}
.fr-profit__bottom b {
  color: #000;
}
.fr-profit__bottom small {
  display: block;
  font:
    400 clamp(16px, 1.14583vw, 22px)/1.4 "Pretendard",
    sans-serif;
  color: #000;
  padding-top: 10px;
}
.fr-brand__more > p {
  font:
    500 clamp(18px, 1.66667vw, 32px)/1.4 "Pretendard",
    sans-serif;
}
.fr-cost .fr-title {
  font-family: "Gmarket Sans", sans-serif;
  font-size: var(--fr-heading-size);
  font-weight: 700;
  line-height: 1.2333;
  letter-spacing: -0.08em;
}
.fr-cost__tabs {
  display: flex;
  gap: 20px;
  width: min(500px, 100%);
}
.fr-cost__tabs button {
  flex: 1;
  border: 1px solid #009345;
  padding: 12px 20px 8px;
  border-radius: 0;
  background: #fff;
  color: #009345;
  font:
    700 22px/1.2 "Gmarket Sans",
    sans-serif;
}
.fr-cost__tabs button[aria-selected="true"] {
  background: #009345;
  color: white;
}
.fr-cost > .fr-stack {
  gap: 20px;
}
.fr-cost .fr-heading {
  gap: 4px;
  padding-bottom: 14px;
}
.fr-cost__subtitle {
  font:
    500 var(--fr-subheading-size)/1.4 "Pretendard",
    sans-serif;
  color: #6c6c6c;
}
.fr-cost__panel {
  width: min(1130px, 100%);
  display: flex;
  flex-direction: column;
  gap: 0;
}
.fr-cost__total {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-bottom: 35px;
}
.fr-cost__total .fr-pill {
  background: #de2027;
}
.fr-cost__total p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
.fr-cost__total del {
  font-size: clamp(18px, 2.083333vw, 40px);
  font-weight: 400;
  color: #c8c8c8;
}
.fr-cost__total p > img {
  width: clamp(18px, 1.458333vw, 28px);
  height: auto;
}
.fr-cost__total strong {
  font-size: clamp(38px, 3.125vw, 60px);
  color: #ed2027;
  font-weight: 900;
}
.fr-cost__tables {
  display: flex;
  gap: 20px;
  width: 100%;
}
.fr-cost__tables > div {
  flex: 1;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 398px;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}
.fr-cost__tables h3 {
  font:
    700 26px/1.2 "Pretendard",
    sans-serif;
  color: #333;
  padding: 30px 30px 18px;
}
.fr-cost__tables h3 small {
  font-size: 20px;
  font-weight: 400;
  color: #c8c8c8;
  letter-spacing: -0.04em;
}
.fr-cost__tables dl {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.fr-cost__tables dl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 30px;
  border-bottom: 1px dotted #eee;
  font:
    500 20px/1.2 "Pretendard",
    sans-serif;
}
.fr-cost__tables dl > div:last-child {
  border-bottom: 0;
}
.fr-cost__tables dt {
  font-weight: 500;
  flex: none;
  letter-spacing: -2px;
}
.fr-pay-table {
  container-type: inline-size;
}
.fr-pay-table dt {
  width: 6.1em;
}
.fr-cost__tables dd {
  display: flex;
  align-items: center;
  gap: 15px;
}
.fr-cost__tables dd b {
  white-space: nowrap;
}
.fr-fee-table dd b {
  color: #ed2027;
}
.fr-fee-table del {
  color: #c8c8c8;
}
.fr-fee-table dl {
  padding-bottom: 18px;
}
.fr-pay-table dd {
  flex: 1;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.fr-pay-table dd small {
  font-size: 14px;
  letter-spacing: -1px;
  color: #000;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.fr-pay-table dd b {
  font-weight: 800;
  margin-left: auto;
}
.fr-pay-table > p {
  display: flex;
  justify-content: space-between;
  padding: 17px 30px;
  margin-top: auto;
  background: #e5f4ec;
  font-size: 26px;
  font-weight: 700;
  color: #333;
}
.fr-pay-table > p strong {
  color: #009345;
  font-weight: 800;
}
.fr-zero {
  position: absolute;
  width: 56%;
  left: 22%;
  top: 20%;
  pointer-events: none;
  animation: frZeroShake 0.65s ease-in-out infinite;
  animation-play-state: var(--fr-play, paused);
  transform-origin: center;
}
.fr-cost__note {
  text-align: right;
  font:
    400 14px/1.3 "Pretendard",
    sans-serif;
  color: #c8c8c8;
  padding: 12px 20px 0;
}
.fr-contact {
  background: #f7f7f7;
}
.fr-contact__layout {
  max-width: 1260px;
  justify-content: space-between;
  gap: clamp(40px, 9.9vw, 190px);
}
.fr-contact__intro {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.fr-contact__intro .fr-title {
  text-align: left;
}
.fr-contact__intro > p {
  font:
    400 var(--fr-subheading-size)/1.3 "Pretendard",
    sans-serif;
  letter-spacing: -0.04em;
}
.fr-progress {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 34px;
}
.fr-progress > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font-size: 20px;
}
.fr-progress__number {
  color: #e6e6e6;
  font-weight: 700;
}
.fr-progress [role="progressbar"] {
  border-radius: 20px;
  background: #e6e6e6;
  overflow: hidden;
  height: 15px;
}
.fr-progress i {
  display: block;
  width: 50%;
  height: 100%;
  background: #ed2027;
  transition: width 0.3s;
}
.fr-form {
  flex: 0 1 630px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 50px 54px 56px;
  background: white;
  border-radius: 30px;
}
.fr-form fieldset {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.fr-form label {
  display: block;
}
.fr-form input:not([type="checkbox"]),
.fr-form select,
.fr-form textarea {
  width: 100%;
  min-width: 0;
  padding: 18px 24px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  color: #222;
  font:
    400 20px/1.2 "Pretendard",
    sans-serif;
}
.fr-form .fr-field {
  position: relative;
}
.fr-field__placeholder {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #bcbcbc;
  font-size: 20px;
  font-weight: 600;
}
.fr-field__placeholder em {
  font-style: normal;
  color: #ffb7c3;
}
.fr-field input:not(:placeholder-shown) + .fr-field__placeholder {
  visibility: hidden;
}
.fr-form textarea {
  resize: vertical;
  height: 170px;
}
.fr-form textarea::placeholder {
  color: #bcbcbc;
  font-size: 20px;
  font-weight: 700;
}
.fr-form .fr-select-field {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 16px 20px;
}
.fr-select-field > span {
  flex: none;
  font-size: 20px;
  font-weight: 700;
  color: #bcbcbc;
}
.fr-form .fr-select-field select {
  border: 0;
  border-radius: 0;
  padding: 4px 22px 4px 0;
  appearance: none;
  font:
    400 20px/1.4 "Pretendard",
    sans-serif;
  color: #e0e0e0;
  cursor: pointer;
  background: transparent url("../img/franchise/down_arrow.svg") right
    center/12px auto no-repeat;
}
.fr-form .fr-select-field select.has-value,
.fr-form select option {
  color: #000;
}
.fr-form select option {
  background: #fff;
}
.fr-form .fr-consent {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #bcbcbc;
  padding-block: 15px;
}
.fr-consent input {
  flex: none;
  appearance: none;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 0;
  border-radius: 3px;
  background: url("../img/franchise/checkbox.webp") center/100% 100% no-repeat;
}
.fr-consent input:checked {
  background-color: #de2027;
  background-image: none;
  border: 1px solid #de2027;
  position: relative;
}
.fr-consent input:checked::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: 6px;
  top: 2px;
}
.fr-form input:focus-visible,
.fr-form textarea:focus-visible {
  outline: 2px solid #009345;
  outline-offset: 2px;
}
.fr-form select:focus {
  outline: none;
}
.fr-form button {
  border: 0;
  border-radius: 50px;
  padding: 22px 24px;
  background: #ed2027;
  color: white;
  font-size: 20px;
  font-weight: 800;
}
.fr-form button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.fr-form__actions {
  display: flex;
  gap: 12px;
}
.fr-form__actions button {
  flex: 1;
}
.fr-form__actions .fr-form__back {
  background: #eee;
  color: #333;
}
.fr-form__notice {
  text-align: center;
  color: #bcbcbc;
  font-size: 13px;
  line-height: 1.3;
  padding-top: 6px;
}
.fr-form__status {
  font-size: 14px;
  color: #b21620;
}
.fr-form__status:empty {
  display: none;
}
.fr-procedure ol {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.fr-procedure li {
  flex: 0 0 calc((100% - 60px) / 4);
  min-height: 270px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 21px 16px;
  border-radius: 10px;
  background: rgb(222 32 39 / 5%);
  text-align: center;
}
.fr-procedure li > span {
  display: grid;
  place-items: center;
  width: 36px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ed2027;
  color: white;
  font-weight: 800;
}
.fr-procedure li img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}
.fr-procedure h3 {
  font:
    700 24px/1.2 "Pretendard",
    sans-serif;
  letter-spacing: -0.05em;
  color: #000;
}
.fr-procedure p {
  font:
    500 18px/1.2 "Pretendard",
    sans-serif;
  letter-spacing: -0.03em;
  color: #aaa;
}
@container (max-width:480px) {
  .fr-pay-table dl > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    column-gap: 12px;
    row-gap: 4px;
  }
  .fr-pay-table dt {
    width: auto;
    grid-column: 1;
    grid-row: 1;
  }
  .fr-pay-table dd {
    display: contents;
  }
  .fr-pay-table dd small {
    grid-column: 1;
    grid-row: 2;
  }
  .fr-pay-table dd small:empty {
    display: none;
  }
  .fr-pay-table dd b {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    margin: 0;
  }
}
.home02-page {
  overflow: clip;
}
.home02-page > .container {
  overflow: visible;
}
.home02-page #hero {
  position: sticky;
  top: 0;
  z-index: 0;
}
.home02-page.home02-covered .header {
  background: rgb(255 255 255 / 78%);
  border-color: transparent;
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  backdrop-filter: blur(22px) saturate(1.3);
  box-shadow: 0 1px 18px rgb(0 0 0 / 6%);
}
.home02-page.home02-covered .header .h_nav > li {
  color: #111;
}
.home02-page.home02-covered .header .h_side .menu_open {
  filter: none;
}
.home02 {
  --home-green: #009345;
  --home-red: #de2027;
  --home-tint: #f2faf6;
  --home-space: clamp(48px, 5.2083vw, 100px);
  position: relative;
  z-index: 1;
  color: #111;
  font-family: "Pretendard", sans-serif;
  background: #fff;
}
.home02 *,
.home02 *::before,
.home02 *::after {
  box-sizing: border-box;
}
.home02 h2,
.home02 h3,
.home02 p,
.home02 ul {
  margin: 0;
}
.home02 ul {
  padding: 0;
  list-style: none;
}
.home02 img {
  display: block;
  max-width: 100%;
  height: auto;
}
.home02 a {
  color: inherit;
  text-decoration: none;
}
.home02 button {
  cursor: pointer;
  font: inherit;
}
.home02-inner {
  width: min(1600px, calc(100% - 80px));
  margin-inline: auto;
}
.home02-section {
  padding: 80px 0 var(--home-space);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(24px, 2.6042vw, 50px);
  overflow: clip;
}
.home02-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  padding-inline: 20px;
}
.home02-heading h2 {
  font:
    900 clamp(36px, 3.4375vw, 66px)/1 "supersize-bk",
    "Pretendard",
    sans-serif;
  font-synthesis: none;
  letter-spacing: -0.025em;
}
.home02-heading p {
  font:
    500 clamp(16px, 1.3542vw, 26px)/1.4 "Pretendard",
    sans-serif;
  letter-spacing: -0.04em;
}
.home02-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 14px 56px;
  background: #000;
  color: #fff !important;
  border-radius: 100px;
  font-size: clamp(15px, 1.25vw, 24px);
  font-weight: 600;
  line-height: 1.2;
}
.home02-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 18px 30px;
  border: 1px solid #000;
  color: #000;
  border-radius: 100px;
  font-size: clamp(14px, 1.0417vw, 20px);
  width: fit-content;
}
.home02-outline img {
  width: 18px;
  height: auto;
}
.home02-mobile {
  display: none;
}
.home02-brand {
  background: var(--home-tint);
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.home02-scroll-flow {
  position: sticky;
  top: var(--home-header-height, 80px);
}
.home02 .home02-brand__story {
  height: auto;
}
.home02 .home02-brand__stage {
  position: relative;
  top: auto;
  min-height: 0;
}
.home02-brand__stage {
  position: sticky;
  top: var(--home-header-height, 80px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  min-height: calc(100svh - var(--home-header-height, 80px));
  padding: 80px 0 40px;
  text-align: center;
}
.home02-brand__title {
  font:
    italic 900 clamp(50px, 6.25vw, 120px)/1.05 "Acumin-Pro-UltraBlack",
    "Acumin",
    sans-serif;
  letter-spacing: -0.05em;
}
.home02-word {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(20px, 4.167vw, 80px);
  font-size: clamp(80px, 10.4167vw, 200px);
  line-height: 0.76;
  letter-spacing: -0.03em;
}
.home02-word i {
  font:
    italic 900 0.7em/1.05 "Acumin",
    sans-serif;
}
.home02-word__window {
  width: min(3.4em, calc(100vw - 110px));
  container-type: inline-size;
  height: calc(1.55em - var(--word-collapse, 0px));
  overflow: hidden;
}
.home02-word__track {
  transition: transform 0.75s cubic-bezier(0.16, 1.35, 0.4, 1);
}
.home02-word__track span {
  display: block;
  height: 0.76em;
  line-height: 0.76;
  font-family: "Cafe24 Shiningstar", cursive;
  font-weight: 400;
  color: var(--home-green);
  opacity: 0.3;
}
.home02-word__track span.is-current {
  opacity: 1;
}
.home02-word__track small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: min(1em, 29.4118cqw);
  line-height: 0.76;
  white-space: nowrap;
}
.home02-brand__stage > p {
  padding-inline: 20px;
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  font-size: clamp(17px, 1.3542vw, 26px);
  line-height: 1.5;
  letter-spacing: -0.01em;
  word-break: keep-all;
}
.home02-brand__photos {
  width: min(1880px, calc(100% - 40px));
}
.home02-brand__photos .swiper-wrapper {
  display: flex;
  transition-timing-function: linear;
}
.home02-brand__photos .swiper-slide {
  width: calc((100% - 100px) / 6);
  flex: none;
}
.home02-brand__photos img {
  width: 100%;
  aspect-ratio: 5/3;
  object-fit: cover;
}
.home02-menu {
  gap: 30px;
}
.home02-menu__layout {
  display: flex;
  align-items: stretch;
  gap: clamp(12px, 1.04167vw, 20px);
  aspect-ratio: 1600/668;
}
@media (min-width: 961px) {
  .home02-menu__layout {
    height: calc(min(1600px, 100vw - 80px) * 668 / 1600);
    flex-shrink: 0;
  }
}
.home02-pizza__face .home02-pizza__name {
  flex-shrink: 0;
  height: 11cqw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home02-pizza--small.is-flipped .home02-pizza__name {
  white-space: nowrap;
  font-size: 4.4cqw;
}
.home02-pizza--small.is-flipped .home02-pizza__name br {
  display: none;
}
.home02-pizza {
  position: relative;
  min-width: 0;
  container-type: inline-size;
  text-align: center;
}
.home02-pizza--feature {
  flex: 1;
  min-height: 0;
  background: var(--home-red);
  display: flex;
  flex-direction: column;
  align-items: center;
  isolation: isolate;
  padding: 2% 0 1%;
  gap: 1cqw;
}
.home02-pizza--feature::before,
.home02-pizza--feature::after {
  content: "";
  position: absolute;
  inset: 0 0 50%;
  z-index: -1;
  pointer-events: none;
  background: url("../img/menu/dottbg_top.svg") left top/100% auto no-repeat;
  animation: menu-dot-top 2.4s ease-in-out infinite alternate;
  animation-play-state: var(--home-play, paused);
}
.home02-pizza--feature::after {
  inset: 50% 0 0;
  background-image: url("../img/menu/dottbg_bott.svg");
  background-position: right bottom;
  animation-name: menu-dot-bottom;
  animation-duration: 3.2s;
}
.home02-pizza--best {
  background: var(--home-green);
  order: 3;
}
.home02-pizza__name {
  display: block;
  font:
    900 5.2cqw/1.15 "Pretendard",
    sans-serif;
}
.home02-pizza--feature > .home02-pizza__name {
  width: 56%;
  padding: 2cqw 1cqw;
  border: 2px solid #000;
  border-radius: 100px;
  background: #fff;
}
.home02-pizza h3 {
  font-family: "Sandoll GyeokdongG2", "Impact", "Arial Narrow", sans-serif;
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.04em;
}
.home02-pizza--feature h3 {
  font-size: 16cqw;
  color: white;
  -webkit-text-stroke: 1.1cqw #000;
  paint-order: stroke fill;
  z-index: 1;
}
.home02-pizza__image {
  position: absolute;
  bottom: 7%;
  width: 73%;
  padding-top: 0;
  z-index: 2;
}
.home02-pizza--best .home02-pizza__image {
  width: 73%;
}
.home02-pizza__image > img:first-child {
  width: 100%;
  height: auto;
}
.home02-pizza__image .home02-pizza__badge {
  position: absolute;
  right: -1%;
  top: 0;
  width: 37%;
  animation: menu-badge-pop 1.6s ease-in-out infinite;
  animation-play-state: var(--home-play, paused);
  z-index: 2;
}
.home02-menu__small {
  --menu-card-gap: clamp(10px, 1.04167vw, 20px);
  flex: 1.04;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--menu-card-gap);
  order: 2;
  align-content: stretch;
}
.home02-pizza--small {
  width: calc((100% - var(--menu-card-gap)) / 2);
  height: calc((100% - var(--menu-card-gap)) / 2);
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.home02-pizza__face {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1cqw;
  border: 1px solid var(--home-red);
  border-radius: 14cqw;
  overflow: hidden;
  padding-top: 4cqw;
  color: var(--home-red);
}
.home02-pizza__face .home02-pizza__name {
  width: 66%;
  font-size: 7cqw;
  background: var(--home-red);
  color: #fff;
  padding: 1.4cqw 1cqw;
}
.home02-pizza__face h3 {
  font-size: 20cqw;
  min-height: 0;
  height: 38cqw;
  flex: 0 0 38cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home02-pizza__face > img {
  position: relative;
  z-index: 2;
  width: 92%;
  min-height: 0;
  flex: 1;
  object-fit: contain;
  object-position: center bottom;
}
.home02-prices {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1cqw;
  white-space: nowrap;
  width: 100%;
  padding-inline: 2cqw;
}
.home02-prices li {
  display: flex;
  align-items: center;
  gap: 0.7cqw;
  font-size: 6.6cqw;
  line-height: 1;
}
.home02-prices b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.15em;
  height: 1.15em;
  flex: none;
  padding-top: 0.08em;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #fff;
  background: #de2027;
  font-size: 0.9em;
}
.home02-prices b[data-size="S"] {
  background: #fc5019;
}
.home02-prices b[data-size="L"] {
  background: #20994e;
}
.home02-prices strong {
  font-weight: 800;
}
.home02-prices small {
  font-size: 0.7em;
  padding-left: 0.08em;
}
.home02-pizza--feature .home02-prices {
  color: #fff;
  margin-top: auto;
  z-index: 3;
  width: min(389px, 93%);
  padding-inline: 0;
  container-type: inline-size;
  justify-content: space-between;
  gap: 0;
}
.home02-pizza--feature .home02-prices li {
  font-size: 6cqw;
  gap: 0.6cqw;
}
.home02-pizza--feature .home02-prices b {
  border: 1px solid #fff;
}
.home02-notice {
  background: var(--home-tint);
  gap: 65px;
}
.home02-notice__layout {
  --notice-copy-left: min(8.6667vw, 166.4px);
  --notice-card: min(27.08333vw, 520px);
  --notice-copy: min(21.35417vw, 410px);
  --notice-gap: min(6.25vw, 120px);
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  overflow: clip;
  padding-left: var(--notice-copy-left);
}
.home02-notice__copy {
  position: absolute;
  left: var(--notice-copy-left);
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--notice-copy) + var(--notice-gap));
  padding: 0 0 0 min(3.125vw, 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: min(2.08333vw, 40px);
  background: transparent;
  z-index: 2;
}
.home02-notice__copy h3,
.home02-notice__copy p {
  overflow: hidden;
}
.home02-notice__copy .home02-notice__text {
  display: block;
  transition: transform 0.3s;
}
.home02-notice__copy > a,
.home02-notice__controls {
  transition: opacity 0.3s;
}
.home02-notice__layout.is-moving .home02-notice__copy {
  pointer-events: none;
}
.home02-notice__layout.is-moving .home02-notice__copy > a,
.home02-notice__layout.is-moving .home02-notice__controls {
  opacity: 0;
}
.home02-notice__layout.is-moving .home02-notice__text {
  transform: translateY(105%);
}
.home02-notice__copy h3 {
  font:
    700 clamp(28px, 2.9167vw, 56px)/1.42857 "Gmarket Sans",
    "Pretendard",
    sans-serif;
  letter-spacing: -0.08em;
}
.home02-notice__copy p {
  font-family: "Apple SD Gothic Neo", "Pretendard", sans-serif;
  font-weight: 500;
  font-size: clamp(16px, 1.4583vw, 28px);
  line-height: 1.4;
  letter-spacing: -0.04em;
}
.home02-notice__controls {
  display: flex;
  gap: 12px;
}
.home02-notice__controls button {
  padding: 0;
  border: 0;
  background: none;
}
.home02-notice__controls img {
  width: 56px;
  height: 56px;
}
.home02-notice__slider {
  width: 100%;
  overflow: visible;
  z-index: 0;
}
.home02-notice__slider .swiper-wrapper {
  transition-timing-function: ease;
}
.home02-notice__slider .swiper-slide {
  width: calc(var(--notice-card) + var(--notice-copy) + var(--notice-gap));
}
.home02-notice__slider a {
  display: flex;
  flex-direction: column;
  width: var(--notice-card);
  margin-left: calc(var(--notice-copy) + var(--notice-gap));
  transition: margin-left 0.6s;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.home02-notice__slider .swiper-slide-next a,
.home02-notice__slider .swiper-slide-duplicate-next a {
  margin-left: 0;
}
@media (min-width: 961px) {
  .home02-notice__slider .swiper-slide-next + .swiper-slide a {
    margin-left: calc(0px - var(--notice-copy) - var(--notice-gap));
  }
}
.home02-notice__image {
  display: block;
  overflow: hidden;
  aspect-ratio: 520/460;
}
.home02-notice__slider .home02-notice__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home02-notice__slider a:hover .home02-notice__image img,
.home02-notice__slider a:focus-visible .home02-notice__image img {
  transform: scale(1.08);
}
.home02-notice__slider a > div {
  padding: min(1.82292vw, 35px) min(1.04167vw, 20px) min(1.04167vw, 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: min(0.625vw, 12px);
  text-align: center;
}
.home02-notice__slider .swiper-wrapper {
  align-items: stretch;
}
.home02-notice__slider .swiper-slide {
  height: auto;
  display: flex;
}
.home02-notice__slider h3 {
  font:
    800 clamp(14px, 1.5625vw, 30px)/1.2 "Pretendard",
    sans-serif;
  letter-spacing: -0.05em;
  word-break: keep-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.home02-notice__slider time {
  font-size: clamp(13px, 1.14583vw, 22px);
  font-weight: 600;
  color: #8c8c8c;
}
.home02-map__zoom {
  position: absolute;
  top: 82px;
  right: 10px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 1px 4px #0002;
}
.home02-map__zoom button {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: #fff;
  color: #222;
  font: 500 20px/1 sans-serif;
  cursor: pointer;
}
.home02-community {
  background: #fff;
}
.home02-community__cards {
  display: flex;
  flex-flow: column wrap;
  height: 514px;
  gap: 20px;
}
.home02-social {
  position: relative;
  isolation: isolate;
  border-radius: 40px;
  overflow: hidden;
  width: calc((100% - 20px) / 2);
  height: 247px;
  display: flex;
  align-items: center;
  padding: 50px;
  color: #fff !important;
}
.home02-social--youtube {
  height: 514px;
  justify-content: flex-end;
  flex-direction: column;
  align-items: stretch;
}
.home02 .home02-social__base,
.home02 .home02-social__hover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.home02-social__hover {
  clip-path: circle(0% at 90% 65%);
  transition: clip-path 0.75s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home02-social:hover .home02-social__hover,
.home02-social:focus-visible .home02-social__hover {
  clip-path: circle(150% at 90% 65%);
}
.home02-social__copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 45px;
  transition: opacity 0.4s;
}
.home02-social__copy > span {
  align-self: flex-start;
  border-radius: 30px;
  padding: 4px 28px;
  background: #fff;
  color: #000;
  font-size: 24px;
  font-weight: 800;
}
.home02-social__copy h3 {
  font-size: 30px;
  letter-spacing: -0.04em;
}
.home02-social__copy p {
  font-size: 20px;
  letter-spacing: -0.04em;
}
.home02-social__arrow {
  position: absolute;
  right: 6%;
  bottom: 14%;
  width: 80px;
  animation: home02Arrow 1.4s ease-in-out infinite;
  transition: opacity 0.25s;
}
.home02-social:hover .home02-social__arrow,
.home02-social:focus-visible .home02-social__arrow {
  opacity: 0;
}
.home02-social__cta {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -30%);
  opacity: 0;
  background: #fff;
  color: #000;
  border: 3px solid #000;
  border-radius: 100px;
  padding: 18px 30px;
  white-space: nowrap;
  font-size: 26px;
  font-weight: 800;
  transition:
    opacity 0.4s 0.1s,
    transform 0.4s 0.1s;
}
.home02-social:hover .home02-social__cta,
.home02-social:focus-visible .home02-social__cta {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.home02-social:hover .home02-social__copy,
.home02-social:focus-visible .home02-social__copy {
  opacity: 0;
}
.home02-community__mobile {
  display: none;
}
.home02-prices b {
  padding-top: 0;
  transform: translateY(-0.06em);
}
.home02-pizza--feature .home02-prices {
  justify-content: center;
  gap: 2cqw;
}
.home02-menu-detail[hidden] {
  display: none;
}
.home02-menu-detail {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  padding: 12px 6px;
  border: 3px solid #de2027;
  border-radius: 14cqw;
  background: rgba(255, 255, 255, 0.96);
  color: #de2027;
}
.home02-menu-detail > strong {
  font:
    900 17cqw/1.05 "Pretendard",
    sans-serif;
  word-break: keep-all;
}
.home02-menu-detail .home02-prices {
  flex-direction: column;
  gap: 10px;
  color: #000;
}
.home02-menu-detail .home02-prices li {
  font-size: clamp(14px, 8cqw, 22px);
}
.home02-social__hover {
  will-change: clip-path;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.home02-outline,
.home02-button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  font-weight: 800;
  transition: color 0.45s;
}
.home02-outline::before,
.home02-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
  background: #000;
  border-radius: inherit;
}
.home02-button::before {
  background: #fff;
}
.home02-button {
  border: 1px solid #000;
}
.home02-outline:is(:hover, :focus-visible, .is-filling)::before,
.home02-button:is(:hover, :focus-visible, .is-filling)::before {
  transform: scaleX(1);
}
.home02-outline:is(:hover, :focus-visible, .is-filling) {
  color: #fff !important;
}
.home02-button:is(:hover, :focus-visible, .is-filling) {
  color: #000 !important;
}
.home02-outline img {
  transition: filter 0.45s;
}
.home02-outline:is(:hover, :focus-visible, .is-filling) img {
  filter: brightness(0) invert(1);
}
.home02-type-char {
  opacity: 0;
}
.is-typing .home02-type-char {
  animation: home02Type 0.01s both;
  animation-delay: calc(var(--char-index) * 35ms);
}
.home02-type-copy {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 0.35s,
    transform 0.35s;
}
.is-typing .home02-type-copy {
  opacity: 1;
  transform: none;
  transition-delay: var(--typing-time);
}
@keyframes home02Type {
  to {
    opacity: 1;
  }
}
@media (max-width: 1280px) {
  .home02-pizza--small > .home02-prices {
    display: none;
  }
  .home02-pizza--small {
    cursor: pointer;
  }
}
@media (max-width: 1080px) {
  .menu_wrap .menu_side_catalog .menu-touch-prices {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 7px;
  }
  .menu_wrap .menu_side_catalog .menu-touch-prices > li {
    flex-wrap: nowrap;
    gap: 2px;
  }
  .menu_wrap .menu_side_catalog .menu-touch-prices > li > p {
    gap: 1px;
  }
}
@media (max-width: 640px) {
  .home02-notice .home02-heading h2 {
    font-size: 42px;
  }
  .home02-video {
    clip-path: inset(0 0 0 24px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .home02-type-char,
  .home02-type-copy {
    opacity: 1;
    transform: none;
  }
}
.home02-store {
  background: var(--home-tint);
  padding-bottom: 20px;
}
.home02-store__inner {
  width: min(1140px, calc(100% - 80px));
  position: relative;
  padding-top: 32px;
}
.home02-map {
  width: 100%;
  aspect-ratio: 2/1;
  overflow: hidden;
  border-radius: 30px;
  background: #dff0ef;
}
.home02-map__fallback {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00783d !important;
}
.home02-map__marker {
  display: block;
  width: 46px;
}
.home02-map__marker img {
  width: 100%;
}
.home02-search {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: min(880px, 78%);
  height: 68px;
  border: 1px solid #dedede;
  background: #fff;
  border-radius: 100px;
  padding: 18px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.home02-search > span {
  display: flex;
  align-items: center;
  gap: 50px;
  padding-left: 60px;
  padding-right: 44px;
  border-right: 1px solid #dedede;
  font:
    500 26px/1 "Pretendard",
    sans-serif;
  white-space: nowrap;
}
.home02-search::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 68px;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.home02-search > img {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.home02-search img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.home02-search span img {
  width: 16px;
}
.home02.is-motion .home02-search {
  max-width: 68px;
  padding-inline: 0;
  transition: none;
}
.home02.is-motion .home02-search > span {
  opacity: 0;
  transition: none;
}
.home02.is-motion .home02-store.is-search-ready .home02-search {
  max-width: 880px;
  transition: max-width 2.4s 0.15s cubic-bezier(0.45, 0, 0.25, 1);
}
.home02.is-motion .home02-store.is-search-ready .home02-search > span {
  opacity: 1;
  transition: opacity 0.5s 1.5s;
}
.home02-pizza--small {
  gap: 10px;
}
.home02-pizza__face .home02-pizza__name {
  margin-bottom: 2cqw;
}
.home02-notice__copy > .home02-outline,
.home02-community__caption > .home02-outline {
  animation: home02ButtonInk 6s infinite;
}
.home02-notice__copy > .home02-outline::before,
.home02-community__caption > .home02-outline::before {
  animation: home02ButtonFill 6s infinite;
}
.home02-notice__copy > .home02-outline img,
.home02-community__caption > .home02-outline img {
  animation: home02ButtonArrow 6s infinite;
}
.home02-outline:is(:hover, :focus-visible, .is-filling),
.home02-outline:is(:hover, :focus-visible, .is-filling)::before,
.home02-outline:is(:hover, :focus-visible, .is-filling) img {
  animation: none !important;
}
@keyframes home02ButtonFill {
  0%,
  65%,
  100% {
    transform: scaleX(0);
  }
  18%,
  36% {
    transform: scaleX(1);
  }
}
@keyframes home02ButtonInk {
  0%,
  65%,
  100% {
    color: #000;
  }
  18%,
  36% {
    color: #fff;
  }
}
@keyframes home02ButtonArrow {
  0%,
  65%,
  100% {
    filter: brightness(0);
  }
  18%,
  36% {
    filter: brightness(0) invert(1);
  }
}
@keyframes home02ButtonBob {
  0%,
  100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -7px;
  }
}
.home02-notice__controls button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 50%;
}
.home02-notice__controls button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #000;
  transform: translateX(-101%);
  transition: transform 0.4s;
  border-radius: 50%;
}
.home02-notice__controls button img {
  transition: filter 0.4s;
}
.home02-notice__controls button:hover::before,
.home02-notice__controls button:focus-visible::before {
  transform: translateX(0);
}
.home02-notice__controls button:hover img,
.home02-notice__controls button:focus-visible img {
  filter: invert(1);
}
@media (max-width: 1280px) {
  .home02-pizza--small {
    gap: 0;
  }
}
.home02-pizza__face {
  transition:
    background-color 0.26s,
    color 0.26s;
}
.home02-pizza__face > img {
  transition: transform 0.3s;
}
.home02-pizza--small.is-flipped .home02-pizza__face {
  background: #de2027;
  color: #fff;
}
.home02-pizza--small.is-flipped .home02-pizza__name {
  background: #fff;
  color: #de2027;
  font-size: 5cqw;
}
.home02-pizza--small.is-flipped h3 {
  font:
    900 18cqw/1.05 "Pretendard",
    sans-serif;
  word-break: keep-all;
}
.home02-pizza--small.is-flipped .home02-pizza__face > img {
  transform: scale(1.03) rotate(2deg);
}
.home02-pizza__face.is-turning {
  animation: menu-card-smooth-turn 0.26s ease-in-out both;
}
@media (max-width: 960px) {
  .home02-pizza__face {
    padding-top: 7cqw;
  }
  .home02-pizza__face > img {
    width: 92%;
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home02-scroll-flow {
    position: relative;
    top: auto;
  }
}
@media (max-width: 960px) {
  .home02-social__cta {
    font-size: clamp(12px, 2vw, 18px);
    padding: 10px 14px;
    border-width: 2px;
    max-width: 92%;
  }
}
.home02-marquee {
  width: 100%;
  overflow: hidden;
  color: #d8e9e3;
}
.home02-marquee > div {
  display: flex;
  width: max-content;
  animation: home02Marquee 24s linear infinite;
}
.home02-marquee span {
  white-space: nowrap;
  padding-right: 0.25em;
  font:
    italic 900 clamp(60px, 6.7708vw, 130px)/1 "Acumin Wide",
    "Acumin",
    sans-serif;
  letter-spacing: -0.05em;
}
.home02.is-motion [data-home-reveal]:not(.home02-notice__copy) {
  opacity: 0;
  transform: translateY(45px);
}
.home02.is-motion [data-home-reveal].is-visible:not(.home02-notice__copy) {
  animation: home02Reveal 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.home02.is-motion .home02-heading.is-visible h2 {
  animation: home02Title 0.7s cubic-bezier(0.22, 0.55, 0.3, 1) both;
}
.home02.is-motion .home02-heading.is-visible p {
  animation: home02Reveal 0.45s 0.12s both;
}
.home02 a:focus-visible,
.home02 button:focus-visible {
  outline: 3px solid #009345;
  outline-offset: 5px;
}

/* TMTPIZZA franchise-dev: 추가 전용. 기존 선택자와 운영 페이지에 적용하지 않습니다. */
.tmt-franchise-preview .tmt-preview-principles{position:relative;background:#fafbf9;color:#080808;overflow:hidden;padding:0}
.tmt-franchise-preview .tmt-preview-principles::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#00934518 1.6px,transparent 1.8px);background-size:20px 20px;mask-image:linear-gradient(120deg,transparent 8%,#000 85%);pointer-events:none}
.tmt-franchise-preview .tmt-preview-principles::after{content:"";position:absolute;inset:0 0 0 45%;background:url('../img/franchise/dev-principle-star.svg') 0 0/44px 46px;mask-image:linear-gradient(100deg,transparent,#000);pointer-events:none}
.tmt-franchise-preview .tmt-preview-principles__stage{position:relative;z-index:1;width:min(100%,1931px);aspect-ratio:1931/1044;margin:0 auto}
.tmt-franchise-preview .tmt-preview-principles__title{position:absolute;z-index:1;inset:35% 27% auto;margin:0;font-family:var(--fr-title-font,'Pretendard',sans-serif);font-size:clamp(20px,4.15vw,80px);font-weight:900;line-height:1.52;letter-spacing:-.065em;text-align:center;white-space:nowrap}
.tmt-franchise-preview .tmt-preview-principles__title strong{color:#009345;font-size:1.28em;letter-spacing:-.075em}
.tmt-franchise-preview .tmt-preview-principles__photos{margin:0;padding:0;list-style:none}
.tmt-franchise-preview .tmt-preview-principles__photo{position:absolute;width:18.64%;margin:0}
.tmt-franchise-preview .tmt-preview-principles__photo img{display:block;width:100%;height:auto}
.tmt-franchise-preview .tmt-preview-principles__photo--staff{left:34.6%;top:9.3%}
.tmt-franchise-preview .tmt-preview-principles__photo--topping{left:59.4%;top:12%}
.tmt-franchise-preview .tmt-preview-principles__photo--kitchen{left:12.9%;top:24.4%}
.tmt-franchise-preview .tmt-preview-principles__photo--team{left:74%;top:35%}
.tmt-franchise-preview .tmt-preview-principles__photo--boxes{left:6.2%;top:51.4%}
.tmt-franchise-preview .tmt-preview-principles__photo--training{left:70.2%;top:60.5%}
.tmt-franchise-preview .tmt-preview-principles__photo--pizza{left:23.6%;top:75%}
.tmt-franchise-preview .tmt-preview-principles__photo--dough{left:48.4%;top:76.8%}
.tmt-franchise-preview .tmt-preview-nation{background:#ffad00;overflow:hidden}
.tmt-franchise-preview .tmt-preview-nation__stage{position:relative;isolation:isolate;width:min(100%,1931px);aspect-ratio:1927/1000;margin:0 auto;background:#ffad00}
.tmt-franchise-preview .tmt-preview-nation__rays{position:absolute;z-index:-2;inset:0;background:url('../img/franchise/dev-nation-decoration.svg') center/100% 100% no-repeat}
.tmt-franchise-preview .tmt-preview-nation__stage::before{content:"";position:absolute;z-index:-1;inset:10% 15% 0;background:radial-gradient(circle,#ffd34b 32%,transparent 35%) 0 0/44px 44px;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%)}
.tmt-franchise-preview .tmt-preview-nation__title{position:absolute;inset:8.4% auto auto 31%;width:35.86%;margin:0}
.tmt-franchise-preview .tmt-preview-nation img{display:block;height:auto}
.tmt-franchise-preview .tmt-preview-nation__title img{width:100%}
.tmt-franchise-preview .tmt-preview-nation__now{position:absolute;width:24%;left:4.4%;top:44.6%}
.tmt-franchise-preview .tmt-preview-nation__expect{position:absolute;width:27%;right:4.5%;top:44.6%}
.tmt-franchise-preview .tmt-preview-nation__crocodile{position:absolute;width:30.2%;left:1.4%;bottom:2%}
.tmt-franchise-preview .tmt-preview-nation__spark{display:none!important}
.tmt-franchise-preview.tmt-preview-sized .tmt-preview-principles__title{font-size:calc(80px * var(--tmt-preview-scale))}
@media(max-width:600px){
 .tmt-franchise-preview .tmt-preview-principles__stage{aspect-ratio:390/290}
 .tmt-franchise-preview .tmt-preview-principles__title{inset:35% 25% auto;font-size:clamp(20px,5.4vw,32px);line-height:1.5}
 .tmt-franchise-preview.tmt-preview-sized .tmt-preview-principles__title{font-size:clamp(20px,5.4vw,32px)}
 .tmt-franchise-preview .tmt-preview-principles__photo{width:21%}
 .tmt-franchise-preview .tmt-preview-principles__photo--staff{left:29%;top:5%}
 .tmt-franchise-preview .tmt-preview-principles__photo--topping{left:57%;top:9%}
 .tmt-franchise-preview .tmt-preview-principles__photo--kitchen{left:7%;top:23%}
 .tmt-franchise-preview .tmt-preview-principles__photo--team{left:77%;top:35%}
 .tmt-franchise-preview .tmt-preview-principles__photo--boxes{left:1%;top:53%}
 .tmt-franchise-preview .tmt-preview-principles__photo--training{left:75%;top:61%}
 .tmt-franchise-preview .tmt-preview-principles__photo--pizza{left:23%;top:77%}
 .tmt-franchise-preview .tmt-preview-principles__photo--dough{left:48%;top:79%}
 .tmt-franchise-preview .tmt-preview-principles::before{background-size:10px 10px}
 .tmt-franchise-preview .tmt-preview-principles::after{background-size:18px 20px}
 .tmt-franchise-preview .tmt-preview-nation__stage::before{background-size:10px 10px}
}

/* v3: 배너 비율, 시안 장식 및 DEV 전용 인터랙션 추가. */
.tmt-franchise-preview .tmt-preview-nation__stage{aspect-ratio:1927/1000}
.tmt-franchise-preview .tmt-preview-nation__stage::before{display:none}
.tmt-franchise-preview .tmt-preview-nation__rays{background-image:url('../img/franchise/dev-nation-rays-v3.svg');transform-origin:50% 59%}
.tmt-franchise-preview .tmt-preview-nation__dots{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../img/franchise/dev-nation-dots-v3.svg') center/100% 100% no-repeat}
.tmt-franchise-preview .tmt-preview-nation__fireworks{position:absolute;inset:0;z-index:0;pointer-events:none}
.tmt-franchise-preview .tmt-preview-nation__firework{position:absolute;display:block;width:13%;height:auto}
.tmt-franchise-preview .tmt-preview-nation__firework--left{left:6.9%;top:14%;width:13.4%}
.tmt-franchise-preview .tmt-preview-nation__firework--top{right:8%;top:11%;width:13%}
.tmt-franchise-preview .tmt-preview-nation__firework--bottom{right:6%;top:64%;width:18%}
.tmt-franchise-preview .tmt-preview-nation__runner{position:absolute;left:1.4%;bottom:2%;width:30.2%;z-index:2;pointer-events:none}
.tmt-franchise-preview .tmt-preview-nation__runner .tmt-preview-nation__crocodile{position:static;width:100%;height:auto}
.tmt-franchise-preview .tmt-preview-nation__now,.tmt-franchise-preview .tmt-preview-nation__expect,.tmt-franchise-preview .tmt-preview-nation__title{z-index:1}
@keyframes tmtNationPop{0%{opacity:0;transform:translateY(9%) scale(.88)}75%{opacity:1;transform:translateY(-2%) scale(1.025)}100%{opacity:1;transform:none}}
@keyframes tmtNationRun{from{transform:translateX(-110%)}to{transform:translateX(345%)}}
@keyframes tmtNationHop{0%,100%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-13%) rotate(3deg)}70%{transform:translateY(-5%) rotate(-1deg)}}
@keyframes tmtNationRays{0%,100%{transform:rotate(-1.2deg) scale(1.025);opacity:.8}50%{transform:rotate(1.2deg) scale(1.025);opacity:1}}
/* 메뉴 카드 menu-dot-top/bottom의 밝기·투명도 변화 방식. 배너 전체 비율은 유지합니다. */
@keyframes tmtNationDots{0%,100%{opacity:.64;filter:brightness(1);transform:scale(1)}50%{opacity:1;filter:brightness(1.65);transform:scale(1.015)}}
@keyframes tmtNationBurst{0%,100%{opacity:.35;transform:scale(.78) rotate(-3deg)}32%{opacity:1;transform:scale(1.035) rotate(2deg)}55%{opacity:.85;transform:scale(1)}75%{opacity:.5;transform:scale(.94)}}
@media(prefers-reduced-motion:no-preference){
 .tmt-franchise-preview .tmt-preview-nation.tmt-preview-animated:not(.tmt-preview-active) :is(.tmt-preview-nation__now,.tmt-preview-nation__expect,.tmt-preview-nation__title){opacity:0}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__now{animation:tmtNationPop .22s cubic-bezier(.2,.8,.2,1) both}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__expect{animation:tmtNationPop .22s .16s cubic-bezier(.2,.8,.2,1) both}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__title{animation:tmtNationPop .25s .32s cubic-bezier(.2,.8,.2,1) both}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__runner{animation:tmtNationRun 6s .6s linear infinite;animation-play-state:paused}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__crocodile{animation:tmtNationHop .48s ease-in-out infinite;animation-play-state:paused}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__rays{animation:tmtNationRays 2.8s ease-in-out infinite;animation-play-state:paused}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__dots{animation:tmtNationDots 2.4s ease-in-out infinite;animation-play-state:paused}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__firework{animation:tmtNationBurst 1.25s ease-in-out infinite;animation-play-state:paused}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__firework--top{animation-delay:-.4s}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__firework--bottom{animation-delay:-.8s}
 .tmt-franchise-preview .tmt-preview-playing :is(.tmt-preview-nation__runner,.tmt-preview-nation__crocodile,.tmt-preview-nation__rays,.tmt-preview-nation__dots,.tmt-preview-nation__firework){animation-play-state:running}
}

/* v4: 배너 장식 및 등장/폭죽 타이밍 보정. 운영 선택자는 변경하지 않습니다. */
.tmt-franchise-preview .tmt-preview-nation__rays{inset:-9%;width:auto;height:auto;min-width:100%;max-width:none;background-image:url('../img/franchise/dev-nation-rays-v4.svg')}
.tmt-franchise-preview .tmt-preview-nation__firework--left{left:7.2%;top:14.5%;width:13%}
.tmt-franchise-preview .tmt-preview-nation__firework--top{right:8.5%;top:11%;width:12.8%;opacity:.75}
.tmt-franchise-preview .tmt-preview-nation__firework--bottom{right:7.7%;top:61%;width:14.5%}
.tmt-franchise-preview .tmt-preview-nation__firework--top path{stroke-width:3}
@keyframes tmtNationHeadlinePop{0%{opacity:0;transform:scale(.64)}62%{opacity:1;transform:scale(1.115)}83%{opacity:1;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}
@keyframes tmtNationSpoke{0%,8%{opacity:0;stroke-dashoffset:1;transform:scale(.75)}24%{opacity:1;stroke-dashoffset:0;transform:scale(1)}48%{opacity:1;stroke-dashoffset:0;transform:scale(1.02)}72%,100%{opacity:0;stroke-dashoffset:-1;transform:scale(1.12)}}
@media(prefers-reduced-motion:no-preference){
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__title{animation:tmtNationHeadlinePop .34s .28s cubic-bezier(.2,.8,.2,1) both}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__runner{animation-duration:3.5s;animation-delay:.55s}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__crocodile{animation-duration:.35s}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__firework{animation:none}
 .tmt-franchise-preview .tmt-preview-nation__firework path{opacity:0;stroke-dasharray:1;stroke-dashoffset:1;transform-origin:180px 180px}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__firework path{animation:tmtNationSpoke 1.35s calc(var(--tmt-spoke) * .013s + var(--tmt-burst-offset,0s)) ease-out infinite both;animation-play-state:paused}
 .tmt-franchise-preview .tmt-preview-playing .tmt-preview-nation__firework path{animation-play-state:running}
 .tmt-franchise-preview .tmt-preview-nation__firework--top{--tmt-burst-offset:.27s}
 .tmt-franchise-preview .tmt-preview-nation__firework--bottom{--tmt-burst-offset:.53s}
}

/* v5: 브라우저 축소/초광폭에서도 배너 전체 폭을 채웁니다. */
.tmt-franchise-preview .tmt-preview-nation__stage{width:100%;max-width:none}
.tmt-franchise-preview .tmt-preview-nation__rays{background-image:url('../img/franchise/dev-nation-rays-v5.svg');opacity:1}
@keyframes tmtNationRaysStrong{0%,100%{transform:rotate(-1deg) scale(1.025);opacity:.97}50%{transform:rotate(1deg) scale(1.025);opacity:1}}
@keyframes tmtNationSpokeFlash{0%,5%{opacity:0;stroke-dashoffset:1;transform:scale(.8)}19%{opacity:1;stroke-dashoffset:0;transform:scale(1)}32%{opacity:1;stroke-dashoffset:0;transform:scale(1.04)}47%{opacity:.3;stroke-dashoffset:-.15;transform:scale(1.08)}56%{opacity:1;stroke-dashoffset:-.2;transform:scale(1.1)}74%,100%{opacity:0;stroke-dashoffset:-1;transform:scale(1.2)}}
@media(prefers-reduced-motion:no-preference){
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__rays{animation-name:tmtNationRaysStrong}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__runner{animation-duration:2.2s}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__crocodile{animation-duration:.28s}
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__firework path{animation-name:tmtNationSpokeFlash;animation-duration:.95s;animation-delay:calc(var(--tmt-spoke) * .008s + var(--tmt-burst-offset,0s));filter:drop-shadow(0 0 3px #fff7bf)}
 .tmt-franchise-preview .tmt-preview-nation__firework--top{--tmt-burst-offset:.18s}
 .tmt-franchise-preview .tmt-preview-nation__firework--bottom{--tmt-burst-offset:.36s}
}

/* v6: 방사선 32개, 끝점을 중앙 쪽으로 확장. */
.tmt-franchise-preview .tmt-preview-nation__rays{background-image:url('../img/franchise/dev-nation-rays-v6.svg')}

/* v7: 모바일 세로 배치 및 PC 악어 위치 조정. */
.tmt-franchise-preview .tmt-preview-nation__runner{bottom:0}
@media(max-width:639.98px){
 .tmt-franchise-preview .tmt-preview-nation__stage{aspect-ratio:390/580}
 .tmt-franchise-preview .tmt-preview-nation__now{width:45%;left:27.5%;top:5%}
 .tmt-franchise-preview .tmt-preview-nation__title{width:58%;left:21%;top:15%}
 .tmt-franchise-preview .tmt-preview-nation__expect{width:50%;right:25%;top:72%}
 .tmt-franchise-preview .tmt-preview-nation__runner{width:35%;left:1.4%;bottom:0}
 .tmt-franchise-preview .tmt-preview-nation__firework--left{left:2%;top:22%;width:18%}
 .tmt-franchise-preview .tmt-preview-nation__firework--top{right:2%;top:12%;width:18%}
 .tmt-franchise-preview .tmt-preview-nation__firework--bottom{right:3%;top:81%;width:19%}
 .tmt-franchise-preview .tmt-preview-nation__rays{background-size:100% 100%}
}

.tmt-franchise-preview .tmt-preview-nation__rays{background-image:url('../img/franchise/dev-nation-rays-v7.svg')}

/* v8: 모바일 제목의 하단 경계를 자연스럽게 소거하고 악어를 확대합니다. */
@media(max-width:639.98px){
 .tmt-franchise-preview .tmt-preview-nation__title img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%)}
 .tmt-franchise-preview .tmt-preview-nation__runner{width:50%;bottom:-1%}
}

/* v9: 모바일 기대하이소를 제목 이미지 위로 당기고 악어를 확대합니다. */
@media(max-width:639.98px){
 .tmt-franchise-preview .tmt-preview-nation__expect{top:57%;width:54%;right:23%;z-index:3}
 .tmt-franchise-preview .tmt-preview-nation__runner{width:65%;bottom:0;z-index:2}
}

@keyframes tmtNationRunMobile{from{transform:translateX(-110%)}to{transform:translateX(160%)}}
@media(max-width:639.98px) and (prefers-reduced-motion:no-preference){
 .tmt-franchise-preview .tmt-preview-active .tmt-preview-nation__runner{animation-name:tmtNationRunMobile}
}

/* v11: PC 높이는 화면 안에 맞추고, 1920px 기준 이후 콘텐츠 확대를 제한합니다. */
@media(min-width:640px){
 .tmt-franchise-preview .tmt-preview-nation__stage{--tmt-pc-banner-height:min(51.895vw,1000px,100vh);aspect-ratio:auto;height:var(--tmt-pc-banner-height)}
 .tmt-franchise-preview .tmt-preview-nation__title{width:calc(var(--tmt-pc-banner-height) * .691);left:50%;margin-left:calc(var(--tmt-pc-banner-height) * -.3455)}
 .tmt-franchise-preview .tmt-preview-nation__now{width:calc(var(--tmt-pc-banner-height) * .462);left:calc(50% - var(--tmt-pc-banner-height) * .8787)}
 .tmt-franchise-preview .tmt-preview-nation__expect{width:calc(var(--tmt-pc-banner-height) * .52);right:calc(50% - var(--tmt-pc-banner-height) * .8768)}
 .tmt-franchise-preview .tmt-preview-nation__runner{width:calc(var(--tmt-pc-banner-height) * .582)}
 .tmt-franchise-preview .tmt-preview-nation__firework--left{width:calc(var(--tmt-pc-banner-height) * .251);left:calc(50% - var(--tmt-pc-banner-height) * .8248)}
 .tmt-franchise-preview .tmt-preview-nation__firework--top{width:calc(var(--tmt-pc-banner-height) * .247);right:calc(50% - var(--tmt-pc-banner-height) * .7997)}
 .tmt-franchise-preview .tmt-preview-nation__firework--bottom{width:calc(var(--tmt-pc-banner-height) * .28);right:calc(50% - var(--tmt-pc-banner-height) * .8151)}
}

/* v12: PC 제목 이미지의 그라데이션 끝을 섹션 하단에 정확히 맞춥니다. */
.tmt-franchise-preview .tmt-preview-nation__title picture{display:block}
.tmt-franchise-preview .tmt-preview-nation__title{line-height:0}
@media(min-width:640px){
 .tmt-franchise-preview .tmt-preview-nation__title{top:auto;bottom:0}
}
/* DEV v13: 시안의 본질 타이포, 시계 방향 카드 등장, 모바일 2열 배치 */
.tmt-franchise-preview .tmt-preview-principles::before{display:none}
.tmt-franchise-preview .tmt-preview-principles::after{inset:0;background:url('../img/franchise/dev-principles-star-tile-v13.svg') repeat;background-size:48px 48px;mask-image:linear-gradient(100deg,transparent 25%,#000 90%)}
.tmt-franchise-preview .tmt-preview-principles__stage{aspect-ratio:1931/1000}
.tmt-franchise-preview .tmt-preview-principles__title{inset:34% 24% auto;display:flex;flex-direction:column;gap:calc(25px * var(--tmt-preview-scale,1));font-family:'Gmarket Sans',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.05em}
.tmt-franchise-preview .tmt-preview-principles__line--core{display:flex;align-items:center;justify-content:center;line-height:1}
.tmt-franchise-preview .tmt-preview-principles__title .tmt-preview-principles__core{display:inline-block;font-size:1.5em;line-height:1;letter-spacing:-.05em;margin:0 .13em;transform-origin:50% 55%}
.tmt-franchise-preview .tmt-preview-principles__photo{container-type:inline-size;border-radius:calc(40px * var(--tmt-preview-scale,1));overflow:hidden}
.tmt-franchise-preview .tmt-preview-principles__photo--boxes{left:5.9%;top:50.2%}
.tmt-franchise-preview .tmt-preview-principles__photo--kitchen{left:12.6%;top:22.2%}
.tmt-franchise-preview .tmt-preview-principles__photo--staff{left:34.3%;top:6.5%}
.tmt-franchise-preview .tmt-preview-principles__photo--topping{left:59.1%;top:8.7%}
.tmt-franchise-preview .tmt-preview-principles__photo--team{left:75%;top:32.4%}
.tmt-franchise-preview .tmt-preview-principles__photo--training{left:70%;top:60.9%}
.tmt-franchise-preview .tmt-preview-principles__photo--dough{left:48.2%;top:76.5%}
.tmt-franchise-preview .tmt-preview-principles__photo--pizza{left:23.3%;top:74.3%}
.tmt-franchise-preview .tmt-preview-principles__card-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.45cqw;font-family:'Cafe24 Shiningstar',cursive;font-size:16.667cqw;font-weight:400;line-height:1;letter-spacing:-.03em;white-space:nowrap;color:#fff}
.tmt-franchise-preview .tmt-preview-principles__english{color:#bcffdb}
@keyframes tmtPrincipleCorePop{0%{opacity:0;transform:scale(.12)}52%{opacity:1;transform:scale(1.2)}76%{transform:scale(.97)}100%{opacity:1;transform:scale(1)}}
@keyframes tmtPrincipleCardIn{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){
.tmt-franchise-preview .tmt-preview-principles__stage.p-ready:not(.p-entered) .tmt-preview-principles__core{opacity:0;transform:scale(.12)}
.tmt-franchise-preview .tmt-preview-principles__stage.p-ready:not(.p-entered) .tmt-preview-principles__photo{opacity:0}
.tmt-franchise-preview .tmt-preview-principles__stage.p-entered .tmt-preview-principles__core{animation:tmtPrincipleCorePop .6s .08s both}
.tmt-franchise-preview .tmt-preview-principles__stage.p-entered .tmt-preview-principles__photo{animation:tmtPrincipleCardIn .35s calc(.12s + var(--tmt-card-order)*.105s) both}
}
@media(max-width:640px){
.tmt-franchise-preview .tmt-preview-principles__stage{width:100%;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:32px 16px;box-sizing:border-box}
.tmt-franchise-preview .tmt-preview-principles__title,.tmt-franchise-preview.tmt-preview-sized .tmt-preview-principles__title{position:static;grid-column:1/-1;font-size:clamp(24px,7vw,42px);gap:13px;padding:8px 0 18px}
.tmt-franchise-preview .tmt-preview-principles__photos{display:contents}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo{position:relative;width:100%;inset:auto;border-radius:18px}
.tmt-franchise-preview .tmt-preview-principles::after{background-size:32px 32px;mask-image:linear-gradient(100deg,transparent,#000)}
}

.tmt-franchise-preview .tmt-preview-principles::after{background-size:144px 144px}
@media(max-width:640px){.tmt-franchise-preview .tmt-preview-principles::after{background-size:96px 96px}}
/* v14: 괄호 확장, 오른쪽으로 커지는 별, 중앙을 둘러싼 모바일 카드 */
.tmt-franchise-preview .tmt-preview-principles::after{display:none}
.tmt-franchise-preview .tmt-preview-principles__stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tmt-franchise-preview .tmt-preview-principles__card-copy{gap:2cqw}
.tmt-franchise-preview .tmt-preview-principles__title .tmt-preview-principles__core{width:1.9em;flex-shrink:0;display:inline-flex;justify-content:center;white-space:nowrap}
@keyframes tmtPrincipleBracketOpen{0%,16%{width:0;margin-left:0;margin-right:0;opacity:0;transform:scale(.25)}62%{width:1.9em;margin-left:.13em;margin-right:.13em;opacity:1;transform:scale(1.18)}82%{width:1.9em;margin-left:.13em;margin-right:.13em;opacity:1;transform:scale(.97)}100%{width:1.9em;margin-left:.13em;margin-right:.13em;opacity:1;transform:scale(1)}}
@keyframes tmtPrincipleStarTwinkle{0%,100%{opacity:.35;filter:brightness(1)}45%{opacity:1;filter:brightness(2.5) saturate(1.45)}70%{opacity:.65;filter:brightness(1.1)}}
@keyframes tmtPrincipleCardBloom{0%{opacity:0;transform:translate(var(--bloom-x,0),var(--bloom-y,0)) scale(.78);filter:brightness(1.6)}65%{opacity:1;transform:translate(0,0) scale(1.045);filter:brightness(1.15)}100%{opacity:1;transform:translate(0,0) scale(1);filter:brightness(1)}}
.tmt-franchise-preview .tmt-preview-principles__photo--boxes,.tmt-franchise-preview .tmt-preview-principles__photo--kitchen{--bloom-x:22px;--bloom-y:8px}
.tmt-franchise-preview .tmt-preview-principles__photo--staff,.tmt-franchise-preview .tmt-preview-principles__photo--topping{--bloom-y:22px}
.tmt-franchise-preview .tmt-preview-principles__photo--team,.tmt-franchise-preview .tmt-preview-principles__photo--training{--bloom-x:-22px;--bloom-y:-8px}
.tmt-franchise-preview .tmt-preview-principles__photo--dough,.tmt-franchise-preview .tmt-preview-principles__photo--pizza{--bloom-y:-22px}
@media(prefers-reduced-motion:no-preference){
.tmt-franchise-preview .tmt-preview-principles__stage.p-ready:not(.p-entered) .tmt-preview-principles__core{width:0;margin-left:0;margin-right:0}
.tmt-franchise-preview .tmt-preview-principles__stage.p-entered .tmt-preview-principles__core{animation:tmtPrincipleBracketOpen .78s .08s both}
.tmt-franchise-preview .tmt-preview-principles__stage.p-entered .tmt-preview-principles__photo{animation:tmtPrincipleCardBloom .48s calc(.22s + var(--tmt-card-order)*.105s) both}
.tmt-franchise-preview .tmt-preview-principles__star-group{animation:tmtPrincipleStarTwinkle 2.4s calc(var(--star-phase)*-.6s) ease-in-out infinite;animation-play-state:paused}
.tmt-franchise-preview .tmt-preview-principles.p-sparkling .tmt-preview-principles__star-group{animation-play-state:running}
}
@media(max-width:640px){
.tmt-franchise-preview .tmt-preview-principles__stage{display:block;position:relative;width:100%;aspect-ratio:390/650;padding:0}
.tmt-franchise-preview .tmt-preview-principles__title,.tmt-franchise-preview.tmt-preview-sized .tmt-preview-principles__title{position:absolute;inset:42% 0 auto;grid-column:auto;padding:0;gap:13px;font-size:clamp(22px,6.7vw,42px)}
.tmt-franchise-preview .tmt-preview-principles__photos{display:block}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo{position:absolute;width:40%;border-radius:16px}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--staff{left:9%;top:4%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--topping{left:53%;top:6%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--kitchen{left:2%;top:23%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--team{left:58%;top:25%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--boxes{left:2%;top:64%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--training{left:58%;top:66%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--pizza{left:9%;top:82%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--dough{left:53%;top:84%}
}

.tmt-franchise-preview .tmt-preview-principles__stars--mobile{display:none}
@media(max-width:640px){.tmt-franchise-preview .tmt-preview-principles__stars{display:none}.tmt-franchise-preview .tmt-preview-principles__stars--mobile{display:block}}
/* v15: 별 원본 비율/명도, 카드 다음 괄호, 모바일 상단 제목 */
@keyframes tmtPrincipleStarTwinkle{0%,100%{opacity:.7;filter:brightness(1)}45%{opacity:1;filter:brightness(1.25) saturate(1.15)}70%{opacity:.85;filter:brightness(1.05)}}
@media(prefers-reduced-motion:no-preference){
.tmt-franchise-preview .tmt-preview-principles__stage.p-entered .tmt-preview-principles__core{animation:tmtPrincipleBracketOpen 1.1s 1.55s both}
}
@media(max-width:640px){
.tmt-franchise-preview .tmt-preview-principles__stage{aspect-ratio:390/680}
.tmt-franchise-preview .tmt-preview-principles__title,.tmt-franchise-preview.tmt-preview-sized .tmt-preview-principles__title{inset:5% 0 auto}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--staff{left:9%;top:30%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--topping{left:53%;top:32%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--kitchen{left:2%;top:48%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--team{left:58%;top:50%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--boxes{left:2%;top:66%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--training{left:58%;top:68%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--pizza{left:9%;top:84%}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo--dough{left:53%;top:86%}
}
/* v16: 제공된 종이 질감, 선명한 별 반짝임/이동, 정돈된 모바일 카드 */
.tmt-franchise-preview .tmt-preview-principles{background:#fafbf9 url('../img/franchise/dev-principles-texture-v16.png') center center/cover no-repeat}
@keyframes tmtPrincipleStarsMove{0%,100%{opacity:.28;transform:translate(0,0);filter:brightness(1)}38%{opacity:1;transform:translate(7px,-6px);filter:brightness(.9) saturate(1.35)}68%{opacity:.55;transform:translate(-4px,4px);filter:brightness(1.1)}}
@media(prefers-reduced-motion:no-preference){
.tmt-franchise-preview .tmt-preview-principles__star-group{animation:tmtPrincipleStarsMove 1.8s calc(var(--star-phase)*-.45s) ease-in-out infinite;animation-play-state:paused;will-change:transform,opacity}
.tmt-franchise-preview .tmt-preview-principles.p-sparkling .tmt-preview-principles__star-group{animation-play-state:running}
}
@media(max-width:640px){
.tmt-franchise-preview .tmt-preview-principles{background-size:auto 100%}
.tmt-franchise-preview .tmt-preview-principles__stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:auto;gap:16px;padding:32px 16px 64px;box-sizing:border-box}
.tmt-franchise-preview .tmt-preview-principles__title,.tmt-franchise-preview.tmt-preview-sized .tmt-preview-principles__title{position:static;inset:auto;grid-column:1/-1;margin:0 0 16px;padding:0;gap:13px}
.tmt-franchise-preview .tmt-preview-principles__photos{display:contents}
.tmt-franchise-preview .tmt-preview-principles__stage .tmt-preview-principles__photo{position:relative;width:100%;inset:auto;border-radius:16px}
}
/* 마지막 카드 등장 완료와 동시에 본질 시작: 대기 프레임 없음 */
@keyframes tmtPrincipleBracketImmediate{0%{width:0;margin-left:0;margin-right:0;opacity:0;transform:scale(.25)}62%{width:1.9em;margin-left:.13em;margin-right:.13em;opacity:1;transform:scale(1.18)}82%{width:1.9em;margin-left:.13em;margin-right:.13em;opacity:1;transform:scale(.97)}100%{width:1.9em;margin-left:.13em;margin-right:.13em;opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
.tmt-franchise-preview .tmt-preview-principles__stage.p-entered .tmt-preview-principles__core{animation:tmtPrincipleBracketImmediate 1.1s calc(.22s + 7 * .105s + .48s) both}
}
/* v17: 별 이동 완화 + 운영 공통 헤더 요청 */
@keyframes tmtPrincipleStarsMove{0%,100%{opacity:.28;transform:translate(0,0);filter:brightness(1)}38%{opacity:1;transform:translate(2px,-2px);filter:brightness(.9) saturate(1.35)}68%{opacity:.55;transform:translate(-1px,1px);filter:brightness(1.1)}}
.header .h_logo a{width:11rem}
body[data-tmt-dev-common] .header .h_side .inq_badge .txt strong,
body[data-tmt-dev-common] .home02-page:not(.home02-covered) .header .inq_badge .txt strong,
body[data-tmt-dev-common] .franchise-dev-wrap .header:not(.fr-header-glass) .inq_badge .txt strong{color:#009846}
/* v18: 모바일 로고 확대, 별은 이동/부드러운 전환 없이 반짝임만 */
@media(max-width:959.98px){.header .h_logo a{width:12rem}}
@keyframes tmtPrincipleStarsBlink{0%,70%,100%{opacity:.7}12%,18%,55%,62%{opacity:1}35%,42%{opacity:.45}}
.tmt-franchise-preview .tmt-preview-principles__star-group{transform:none;filter:none;will-change:opacity}
@media(prefers-reduced-motion:no-preference){
.tmt-franchise-preview .tmt-preview-principles__star-group{animation-name:tmtPrincipleStarsBlink;animation-duration:2.4s;animation-timing-function:steps(1,end);animation-delay:calc(var(--star-phase)*-.6s)}
}
/* v19: 운영 서브페이지 공통 유리 헤더 + NEWS DEV 단일 탭 폭 */
body[data-tmt-dev-common] :is(.brand_wrap,.menu_wrap,.store_wrap,.community_wrap) .header{
 background:rgb(255 255 255 / 78%);
 border-color:transparent;
 -webkit-backdrop-filter:blur(22px) saturate(1.3);
 backdrop-filter:blur(22px) saturate(1.3);
 box-shadow:0 1px 18px rgb(0 0 0 / 6%);
}
.community_cont .tab_navbox[data-tmt-news-dev-tabs="single"]{width:min(14.0625rem,100%);max-width:14.0625rem;justify-content:center;gap:0}
.community_cont .tab_navbox[data-tmt-news-dev-tabs="single"] .tab_nav{width:100%;flex:1}
/* v20: DEV 본질 스크롤 홀드 / 신규 창업 비용 시안 */
.tmt-franchise-preview .tmt-preview-principles__hold.hold-ready{position:relative;height:calc(var(--tmt-hold-content) + var(--tmt-hold-range))}
.tmt-franchise-preview .tmt-preview-principles__hold.hold-ready .tmt-preview-principles{position:sticky;top:var(--tmt-hold-top)}
@media(min-width:641px){.tmt-franchise-preview .tmt-preview-principles__hold.hold-ready .tmt-preview-principles__stage{width:min(100%,1931px,calc(var(--tmt-hold-available) * 1.931))}}
.tmt-franchise-preview #fr-cost-new .tmt-cost-strike{color:#ed1c24}
.tmt-franchise-preview #fr-cost-new .tmt-cost-strike del{text-decoration:line-through}
.tmt-franchise-preview #fr-cost-new .fr-pay-table{background:#fff}
.tmt-franchise-preview #fr-cost-new .fr-cost__note{display:block;text-align:right}
.tmt-franchise-preview .fr-cost .tmt-cost-benefit{margin:28px 0 0;text-align:center;font:700 clamp(14px,1vw,20px)/1.5 var(--fr-title-font);color:#111}
.tmt-franchise-preview .fr-cost .tmt-cost-benefit strong{color:#ed1c24}
.tmt-franchise-preview .fr-cost .tmt-cost-benefit{font-family:var(--fr-title-font);font-weight:900;font-size:clamp(36px,3.125vw,60px);line-height:1.08;letter-spacing:-.065em;word-break:keep-all}
/* v24: DEV 비용표 설명과 자체구매 안내의 줄 간격 확보 */
.tmt-franchise-preview #fr-cost-new .fr-pay-table dd small{line-height:1.5}
/* v26: 진입 시 화면 점프 방지. 스크롤 입력만 잠그고 섹션은 원래 흐름 유지. */
.tmt-franchise-preview .tmt-preview-principles__hold.hold-ready{height:auto}
.tmt-franchise-preview .tmt-preview-principles__hold.hold-ready .tmt-preview-principles{position:relative;top:auto}
/* v32: 빠른 진입 전에 이미지/합성 레이어 준비, 카드 등장 중 재도색 최소화 */
.tmt-franchise-preview .hold-warm .tmt-preview-principles{will-change:transform;transform:translateZ(0)}
.tmt-franchise-preview .hold-warm .tmt-preview-principles__photo{will-change:transform,opacity}
@keyframes tmtPrincipleCardBloom{0%{opacity:0;transform:translate(var(--bloom-x,0),var(--bloom-y,0)) scale(.78)}65%{opacity:1;transform:translate(0,0) scale(1.045)}100%{opacity:1;transform:translate(0,0) scale(1)}}
/* v34: 브라우저의 sticky 진입으로 빠른 휠/스와이프의 경계 초과와 역방향 보정 방지 */
.tmt-franchise-preview .tmt-preview-principles__hold.hold-ready.hold-entry-ready{height:calc(var(--tmt-hold-content) + var(--tmt-entry-range))}
.tmt-franchise-preview .tmt-preview-principles__hold.hold-entry-ready .tmt-preview-principles{position:sticky;top:var(--tmt-hold-top)}
.tmt-franchise-preview .tmt-preview-principles__hold.hold-entry-ready{margin-bottom:calc(-1 * var(--tmt-entry-range))}
.tmt-franchise-preview .tmt-preview-principles__hold.hold-entry-ready .tmt-preview-principles{z-index:1}

/* v36: final opening costs */
.tmt-franchise-preview .fr-pay-table dd b.tmt-cost-final-red{color:#ff3333}