@charset "UTF-8";
/* mo */
@media screen and (max-width: 680px) {
  .min_wrap [data-aos="fade-up"] {
    transform: translate3d(0, 24px, 0);
  }

  /* 상단 고정 버튼 */
  .fixed_btn {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    padding: 14px;
    pointer-events: none;
  }
  #go_apply_fixed.fxd-btn {
    pointer-events: auto;
    width: 332px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 16px 32px;
    border-radius: 120px;
    background: #842f16;
  }
  .fxd-btn .fxd-txt {
    width: 169px;
    height: 48px;
  }
  .fxd-btn .fxd-min-btn {
    width: 93px;
    height: 47px;
  }
  #go_apply_fixed > .hover {
    border-radius: 120px;
  }
  #go_apply_fixed {
    transform: translateY(-140%);
    transition: opacity 0.35s ease, transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  }
  #go_apply_fixed.is-in {
    transform: translateY(0);
  }
  @media (prefers-reduced-motion: reduce) {
    #go_apply_fixed {
      transform: none;
      transition: opacity 0.35s ease;
    }
  }

  /* 하단 안내 pill */
  .fixed_notice {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 20px);
    pointer-events: none;
  }
  .notice-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    background: #ffffff;
    border: 1.5px solid #dd5c0f;
    border-radius: 99px;
    box-shadow: 0 5px 11px rgba(220, 80, 9, 0.1), 0 19px 19px rgba(220, 80, 9, 0.09), 0 44px 26px rgba(220, 80, 9, 0.05);
    opacity: 0;
    width: 53px;
    overflow: hidden;
    white-space: nowrap;
    transform: translateY(46px) scale(0.84);
    transition: transform 0.24s ease-in, opacity 0.18s ease-in, width 0.28s cubic-bezier(0.2, 0.9, 0.25, 1) 0.22s;
  }
  .notice-pill.is-shown {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  /* 실측 고정값 */
  .notice-pill.is-shown.step-1 {
    width: 209px;
  }
  .notice-pill.is-shown.step-2 {
    width: 234px;
  }
  .notice-pill.is-shown.step-3 {
    width: 247px;
  }
  .notice-pill.is-shown.step-4 {
    width: 315px;
  }
  .notice-txt {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #222222;
    white-space: nowrap;
  }
  .notice-part {
    height: 18px;
    overflow: hidden;
  }
  .notice-roll {
    display: flex;
    align-items: center;
    transition: transform 0.24s cubic-bezier(0.2, 0.9, 0.25, 1), opacity 0.18s ease-out;
  }
  .notice-part.is-out .notice-roll {
    transform: translateY(-115%);
    opacity: 0;
  }
  .notice-part.is-pre .notice-roll {
    transform: translateY(115%);
    opacity: 0;
    transition: none;
  }
  .notice-txt span {
    letter-spacing: -0.6px;
  }
  .notice-dot {
    padding: 0 3px 0 0;
    font-weight: 700;
  }
  .notice-event {
    font-weight: 700;
  }
  .notice-label {
    font-weight: 700;
  }
  .notice-amount {
    color: #6600ff;
    font-weight: 700;
  }

  /* 키비주얼 */
  .kv {
    width: 100%;
    height: 768px;
    overflow: hidden;
    background: radial-gradient(147.66px 315px at 162px 0, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%),
      linear-gradient(154.885deg, #f7e5cf 43.75%, #edc189 100%);
  }
  .kv-deco {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 360px;
    height: 100%;
  }
  .kv-deco .kv-bg-knit {
    position: absolute;
    left: -43px;
    top: 324px;
    width: 446px;
    height: 298px;
  }
  .kv-deco .kv-leaf-1 {
    position: absolute;
    left: 236px;
    top: 4px;
    width: 202.3px;
    height: 242.8px;
  }
  .kv-deco .kv-leaf-2 {
    position: absolute;
    left: -108px;
    top: 141px;
    width: 257.8px;
    height: 319.6px;
  }
  .kv-inner {
    z-index: 1;
    width: 360px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 120px 0 20px;
  }

  /* 타이틀 */
  .kv-title-wrap {
    width: 100%;
    height: 162px;
  }
  .kv-title-wrap .kv-title {
    position: absolute;
    left: 76px;
    top: 0;
    width: 211px;
    height: 162.5px;
  }
  .kv-title-wrap .kv-sparkle-2 {
    position: absolute;
    left: 51px;
    top: 126.5px;
    width: 25.8px;
    height: 25.8px;
  }
  .kv-title-wrap .kv-sparkle-1 {
    position: absolute;
    left: 270px;
    top: 22.5px;
    width: 32.8px;
    height: 35.8px;
  }

  /* 카드 스와이퍼 */
  .kv-swiper {
    width: 100%;
    height: 216px;
  }
  .swiper-container {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 435px;
    height: 216px;
    overflow: visible;
  }
  .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    visibility: hidden;
  }
  .swiper-container .swiper-slide .motion {
    width: 99px;
    height: 159px;
    transition: transform 0.5s ease;
  }
  .swiper-container .swiper-slide .card {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .swiper-container .swiper-slide .motion.swiper_flip_left {
    animation: swiper_flip_left 0.5s ease forwards;
  }
  .swiper-container .swiper-slide .motion.swiper_flip_left_before {
    opacity: 0;
  }
  .swiper-container .swiper-slide-active,
  .swiper-container .swiper-slide-prev,
  .swiper-container .swiper-slide-next {
    visibility: visible;
  }
  .swiper-container .swiper-slide-active {
    z-index: 3;
  }
  .swiper-container .swiper-slide-prev {
    z-index: 2;
  }
  .swiper-container .swiper-slide-next {
    z-index: 1;
  }
  .swiper-container .swiper-slide-active .motion {
    width: 115px;
    height: 184px;
    margin-bottom: 26px;
    flex-shrink: 0;
  }
  .swiper-container .swiper-buttons {
    position: absolute;
    left: 50%;
    top: 79px;
    transform: translateX(-50%);
    z-index: 4;
    width: 210px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .swiper-buttons .swiper-button {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f1cba4;
    cursor: pointer;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    box-shadow: 0 5px 26px rgba(255, 255, 255, 0.25);
  }
  .swiper-buttons .icon-chevron-left {
    width: 14px;
    height: 22px;
  }
  .swiper-buttons .icon-chevron-left.flip {
    transform: scaleX(-1);
  }

  /* 카드 정보 */
  .kv-info {
    width: 310px;
    padding: 16px 40px 20px;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 5px 26px rgba(255, 255, 255, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .card-info-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .card-name-list {
    width: 100%;
  }
  .card-name-list .card-name {
    display: none;
    justify-content: center;
    transition: opacity 0.3s ease;
  }
  .card-name-list .card-name.on {
    display: flex;
  }
  .card-name .kv-card-title-1 {
    width: 130px;
    height: 95px;
  }
  .card-name .kv-card-title-2 {
    width: 164px;
    height: 95px;
  }
  .card-name .kv-card-title-3 {
    width: 182px;
    height: 95px;
  }
  #go_detail.btn-detail {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 60px;
    background: #ffd1a7;
  }
  .btn-detail span {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.7px;
    font-weight: 700;
    color: #842f16;
  }
  #go_detail > .hover {
    border-radius: 60px;
  }
  .card-desc-list {
    width: 100%;
  }
  .card-desc-list .card-desc {
    display: none;
    align-items: flex-start;
    gap: 2px;
    transition: opacity 0.3s ease;
  }
  .card-desc-list .card-desc.on {
    display: flex;
  }
  .card-desc .mark {
    flex-shrink: 0;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.55px;
    color: #842f16;
  }
  .card-desc p {
    flex: 1 0 0;
    min-width: 0;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: #842f16;
  }

  .summary-txt .unit,
  .summary-txt .num,
  .desc-step .step-num,
  .desc-step .txt,
  .cond-title .step-num,
  .cond-title .txt,
  .footer-dash .mark,
  .footer-dash .txt,
  .footer-ref .mark,
  .footer-ref .txt {
    font-weight: inherit;
  }

  /* EVENT 요약 */
  .cont-summary {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    padding: 32px max(16px, calc((100% - 328px) / 2)) 24px;
    background: #c0875c;
  }
  .cont-summary .summary-item {
    flex: 1 0 0;
    min-width: 0;
    max-width: 79px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px 0;
    border-radius: 18px;
    background: #ffffff;
  }
  .eve-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px 6px;
    border-radius: 9999px;
    background: #dd5c0f;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    color: #ffffff;
  }
  .eve-tag-sm {
    padding: 5px 8px 4px;
    font-size: 8px;
  }
  .summary-txt {
    width: 79px;
    height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    overflow: hidden;
    text-align: center;
  }
  .summary-txt .amount {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    color: #dd5c0f;
    font-weight: 700;
  }
  .summary-txt .unit {
    font-size: 8px;
    line-height: 1;
    letter-spacing: 0;
  }
  .summary-txt .num {
    font-size: 18px;
    line-height: 1.15;
    letter-spacing: -0.9px;
  }
  .summary-txt .label {
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.55px;
    font-weight: 700;
    color: #222222;
  }

  /* EVENT 본문 */
  .eve-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 60px max(16px, calc((100% - 328px) / 2));
    background: #fbefe2;
  }
  .eve {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .eve-head {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .eve-head-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .eve-head-body-2 {
    gap: 24px;
  }
  .eve-head-body-3 {
    gap: 16px;
  }
  .eve-head .body-title-1 {
    width: 237.5px;
    height: 42px;
  }
  .eve-head .body-title-2 {
    width: 210.5px;
    height: 66px;
  }
  .eve-head .body-title-3 {
    width: 269px;
    height: 88px;
  }
  .eve-head .body-title-4 {
    width: 245px;
    height: 98px;
  }
  .eve-head .evt-img-1 {
    width: 252px;
    height: 126px;
  }
  .eve-head .evt-img-3 {
    width: 178.7px;
    height: 88px;
  }

  /* EVENT1 필수 조건 */
  .check-list {
    width: 240px;
    display: flex;
    align-items: stretch;
  }
  .check-list .check-item {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    padding: 4px 0 4px 20px;
  }
  .check-list .check-item + .check-item {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
  }
  .check-item .check-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 2px 3px;
    border-radius: 4px;
    background: #dd5c0f;
    font-size: 10px;
    line-height: 1;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #ffffff;
  }
  .check-badge .icon-star {
    width: 13px;
    height: 13px;
    fill: #ffd400;
  }
  .check-item .check-txt {
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: -0.65px;
    font-weight: 700;
    color: #572415;
  }

  /* EVENT2 쿠폰 */
  .coupon-list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
  }
  .coupon-list .coupon-item {
    width: 98px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .coupon-item img {
    width: 89.3px;
    height: 44px;
  }
  .coupon-item .coupon-txt {
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #222222;
    text-align: center;
  }
  .coupon-txt .sm {
    font-size: 10px;
    font-weight: 400;
  }

  /* EVENT4 로고 배너 */
  .eve-marquee {
    align-self: stretch;
    margin: 0 -16px;
    overflow: hidden;
  }
  .eve-marquee .eve-logos {
    --logo-gap-half: 8px;
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
    animation: eve-logo-flow 22s linear infinite;
  }
  .eve-logos .eve-logo {
    height: 24px;
  }
  .eve-logos .eve-logo-1 {
    width: 69px;
  }
  .eve-logos .eve-logo-2 {
    width: 138px;
  }
  .eve-logos .eve-logo-3 {
    width: 130px;
  }
  .eve-logos .eve-logo-4 {
    width: 72px;
  }
  .eve-logos .eve-logo-5 {
    width: 72px;
  }
  .eve-logos .eve-logo-6 {
    width: 78px;
  }
  .eve-logos .eve-logo-7 {
    width: 100px;
  }
  .eve-logos .eve-logo-8 {
    width: 85px;
  }

  /* EVENT4 멤버십 카드 */
  .benefit-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
  }
  .benefit-list .benefit-item {
    width: calc(50% - 1px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 14px 12px 12px;
    border-radius: 24px;
    background: #ffffff;
  }
  .benefit-item .eve-4-img {
    width: 100%;
    height: 44px;
    object-fit: contain;
  }
  .benefit-item .benefit-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  .benefit-info .eve-4-name {
    width: 100%;
    height: 11px;
    object-fit: contain;
  }
  .benefit-info .price {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.55px;
    color: #222222;
  }
  .benefit-item .benefit-point {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1px;
    list-style: none;
  }
  .benefit-point li {
    display: flex;
    align-items: flex-start;
    gap: 3px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: #222222;
  }
  .benefit-point li::before {
    content: "";
    flex-shrink: 0;
    width: 2px;
    height: 2px;
    margin: 5px 0;
    border-radius: 9999px;
    background: #222222;
  }

  /* 아코디언 */
  .eve-body {
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
  }
  .eve-body .eve-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 24px;
    background: #dd5c0f;
  }
  .eve-toggle span {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.75px;
    font-weight: 700;
    color: #ffffff;
  }
  .eve-toggle .icon-toggle {
    position: relative;
    flex-shrink: 0;
    display: block;
    width: 12px;
    height: 12px;
  }
  .eve-toggle .icon-toggle::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #ffffff;
    border-bottom: 1.5px solid #ffffff;
    transform: translate(-50%, -70%) rotate(45deg);
    transition: transform 0.25s ease;
  }
  .eve.is-open .icon-toggle::before {
    transform: translate(-50%, -30%) rotate(-135deg);
  }
  .eve-body .eve-detail {
    display: none;
    background: #ffffff;
  }
  .eve.is-open .eve-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 18px 24px 32px;
  }

  /* 상세 본문 공통 */
  .detail-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .detail-group .detail-label {
    font-size: 12px;
    line-height: 1.15;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #dd5c0f;
  }
  .detail-label-inline {
    display: flex;
    align-items: center;
    gap: 1.2px;
  }
  .detail-label-inline .detail-label-sub {
    font-weight: 400;
    color: #222222;
  }
  .detail-group .detail-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .detail-body .desc {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.7px;
    font-weight: 700;
    color: #222222;
  }
  .desc em {
    font-style: normal;
    color: #dd5c0f;
  }
  .desc-step {
    display: flex;
    align-items: flex-start;
    gap: 4px;
  }
  .desc-step .step-num {
    flex-shrink: 0;
    line-height: 19px;
  }
  .desc-step .txt {
    flex: 1 0 0;
    min-width: 0;
    line-height: 18px;
    letter-spacing: -0.5px;
  }
  .notice-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    list-style: none;
  }
  .notice-list .note {
    display: flex;
    align-items: flex-start;
    gap: 1px;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.5px;
    color: #222222;
  }
  .notice-list .note .mark {
    flex-shrink: 0;
  }
  .notice-list .note .txt {
    flex: 1 0 0;
    min-width: 0;
  }
  .notice-list .note .sm {
    font-weight: 400;
  }
  .notice-list.indent {
    padding-left: 18px;
  }
  .step-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .step-item + .step-item {
    margin-top: 4px;
  }
  .step-item .cashback-list {
    margin-top: -4px;
  }
  .cashback-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 18px;
  }
  .cashback-list .cashback-item {
    display: flex;
    align-items: flex-start;
    gap: 6px;
  }
  .cashback-item .cont-num {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 4px 3px;
    border-radius: 2px;
    background: rgba(221, 92, 15, 0.1);
    font-size: 10px;
    line-height: 11px;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #dd5c0f;
  }
  .cashback-item .cashback-txt {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .cashback-txt .desc {
    white-space: nowrap;
  }
  .cashback-txt .desc b {
    font-weight: 700;
  }

  /* 캐시백 표 */
  .table-wrap {
    width: 100%;
    padding: 0 18px;
  }
  .eve-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-top: 1px solid rgba(34, 34, 34, 0.14);
    border-bottom: 1px solid rgba(34, 34, 34, 0.14);
    border-radius: 2px;
  }
  .eve-table th {
    padding: 6px 0;
    background: rgba(34, 34, 34, 0.06);
    border-bottom: 1px solid rgba(34, 34, 34, 0.18);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #222222;
    text-align: center;
  }
  .eve-table td {
    padding: 6px 0;
    border-bottom: 1px solid rgba(34, 34, 34, 0.18);
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.65px;
    color: #222222;
    text-align: center;
  }
  .eve-table th:first-child,
  .eve-table td:first-child {
    border-right: 1px solid rgba(34, 34, 34, 0.18);
  }
  .eve-table tbody tr:last-child td {
    border-bottom: 0;
  }

  /* 혜택 지급 조건 */
  .detail-group-box {
    padding: 10px 12px;
    background: #fcf9f5;
    border-top: 1px solid rgba(133, 90, 57, 0.1);
    border-bottom: 1px solid rgba(133, 90, 57, 0.1);
  }
  .detail-group-box .cond-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .cond-item .cond-title {
    display: flex;
    align-items: flex-start;
    gap: 3px;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.55px;
    font-weight: 700;
    color: #222222;
    opacity: 0.88;
  }
  .cond-title .step-num {
    flex-shrink: 0;
  }
  .cond-title .txt {
    flex: 1 0 0;
    min-width: 0;
  }
  .notice-list.dot {
    padding-left: 14px;
  }
  .notice-list.dot .note {
    font-size: 10px;
    line-height: 13px;
    letter-spacing: -0.5px;
    opacity: 0.88;
  }
  .notice-list.dot .note.sub {
    padding-left: 8px;
  }
  .notice-list.ref .note {
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.55px;
    opacity: 0.88;
  }
  /* 유의사항 리스트 */
  .notice-list.ref .mark,
  .notice-list.caution .mark {
    font-weight: 700;
  }
  .notice-list.ref .txt,
  .notice-list.caution .txt,
  .notice-list.medium .txt {
    font-weight: 500;
  }
  .notice-list .txt .sm {
    font-weight: 400;
  }

  /* EVENT3 쿠폰 정보 */
  .detail-group .detail-body-box {
    gap: 16px;
    padding: 16px 12px;
    border-radius: 8px;
    background: #fcf9f5;
  }
  .detail-body-box .coupon-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .coupon-info .info-label {
    font-size: 12px;
    line-height: 1.15;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #868583;
  }
  .coupon-info .info-highlight {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(221, 92, 15, 0.11);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.7px;
    font-weight: 700;
    color: #dd5c0f;
  }

  /* 유의사항 */
  .footer {
    width: 100%;
    background: #413838;
  }
  .footer .footer_content {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 26px 25px 100px 15px;
    color: #ffffff;
  }
  .footer_content ul {
    list-style: disc;
    padding-left: 16px;
  }
  .footer_content li {
    font-size: 13px;
    line-height: 1.35;
    letter-spacing: -0.65px;
  }
  .footer_content li.bold {
    font-weight: 700;
  }
  .footer_content .title_wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 8px;
  }
  .title_wrap .icon-alert {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
  }
  .title_wrap .title {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.7px;
    font-weight: 700;
  }
  .footer_content .footer-sec {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .footer-sec .footer-sec-title {
    padding: 0 16px;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.5px;
    font-weight: 700;
  }
  .footer_content .footer-sec-plain {
    gap: 6px;
  }
  .footer-sec.bold,
  .footer-sec.bold li {
    font-weight: 700;
  }
  .footer_content li .bold {
    font-weight: 700;
  }
  .footer_content li.underline {
    text-decoration: underline;
  }
  .footer-sec-plain .footer-plain {
    font-size: 13px;
    line-height: 1.35;
    letter-spacing: -0.65px;
  }
  .footer_content .footer-dash,
  .footer_content .footer-ref {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
  }
  .footer-dash li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding-left: 20px;
  }
  .footer-ref li {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding-left: 4px;
    line-height: 18px;
  }
  .footer-dash .mark,
  .footer-ref .mark {
    flex-shrink: 0;
  }
  .footer-dash .txt,
  .footer-ref .txt {
    flex: 1 0 0;
    min-width: 0;
  }

  .only_pc {
    display: none;
  }
  .only_mo {
    display: block;
  }

  /* EVENT 4 - 크레딧케어 (Figma MO 1:1) */
  .summary-txt .amount-txt .num {
    font-size: 12px;
    line-height: 1.15;
    letter-spacing: -0.6px;
  }
  .step-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
  }
  .step-list .step {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #222222;
  }
  .step-list .step-mark {
    flex: 0 0 auto;
    line-height: 19px;
  }
  .step-list .step-txt {
    flex: 1 0 0;
    min-width: 0;
  }
  .notice-list.step-indent {
    padding-left: 18px;
  }
  .svc-box {
    width: 100%;
    margin-top: 24px;
    padding: 24px 16px 16px;
    border: 1px solid #dd5c0f;
    border-radius: 12px;
    background: #fbf9f8;
  }
  .svc-box .svc-head {
    position: absolute;
    top: -13px;
    left: 16px;
    padding: 4px 12px;
    border-radius: 99px;
    background: #dd5c0f;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #ffffff;
  }
  .svc-box .svc-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
  }
  .svc-box .svc-item {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .svc-box .svc-txt {
    flex: 1 0 0;
    min-width: 0;
  }
  .svc-box .svc-title {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #222222;
  }
  .svc-box .svc-desc {
    margin-top: 3px;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: #222222;
  }
  .svc-box .svc-icon {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
  }
  .svc-box .svc-note {
    margin-top: 8px;
  }
  /* EVENT 4 - 볼드 상속 복원 */
  .step-list .step-mark,
  .step-list .step-txt,
  .step-list .step-txt em,
  .svc-box .svc-head span {
    font-weight: inherit;
  }
  .eve-head .evt-img-4 {
    width: 176px;
    height: 136px;
  }
  /* EVENT 4 - 신청 후 혜택 받기 (Figma MO 1:1) */
  .btn-apply {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 8px;
    background: #572415;
  }
  .btn-apply span {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.7px;
    font-weight: 700;
    color: #ffffff;
  }
  .btn-apply .icon-chevron-circle {
    width: 16px;
    height: 16px;
  }
}