@media screen and (max-width: 680px) {
  body {
    min-width: 360px;
  }

  /* ------------------------------------------------------------------------------- */

  /* 픽스 버튼 */
  .fix-btn .inner-wrap > button {
    height: 49px;
  }
  .fix-btn .inner-wrap > button .img-box {
    width: 148px;
  }

  /* ------------------------------------------------------------------------------- */

  /* 메인 비주얼 영역 */
  .main-visual-area {
    height: 708px;
  }
  .main-visual-area .con {
    max-width: 360px;
  }

  /* 탭 필터 */
  .main-visual-area .kv-tab-filter {
    width: 320px;
    height: 42px;
    border-radius: 20px;
    margin: 34px auto 0px;
  }
  .main-visual-area .kv-tab-filter .kv-tab {
    height: 42px;
  }

  .main-visual-area .main-title-img-box {
    width: 314px;
  }
  .main-visual-area .card-cnt-area {
    gap: 8px;
    padding-top: 38px;
  }
  .main-visual-area .card-cnt-area .card-item {
    width: 150px;
  }
  .main-visual-area .card-cnt-area .card-item .card-img-box {
    width: 111px;
    box-shadow: 15.74px 16.53px 20.47px 0px #00000038;
    border-radius: 6.3px;
  }

  .main-visual-area .card-cnt-area .kv-move-area {
    margin-top: 23px;
    gap: 14px;
  }

  .main-visual-area .card-cnt-area .kv-move-area .kv-title-area {
    gap: 5px;
  }
  .main-visual-area .card-cnt-area .kv-move-area .kv-title-area .kv-title {
    width: 95px;
  }
  .main-visual-area .card-cnt-area .kv-move-area .kv-title-area .kv-min-title {
    width: 127px;
  }

  .main-visual-area .card-cnt-area .kv-move-area .kv-txt-area {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.8px;
  }
  .main-visual-area .card-cnt-area .kv-move-area .kv-txt-area .kv-txt-box {
    height: 81px;
    padding-top: 13px;
    gap: 3px;
    border-radius: 6px;
  }
  .main-visual-area .card-cnt-area .kv-move-area .kv-txt-area .kv-txt-box h3 {
    font-size: 10px;
  }
  .main-visual-area .card-cnt-area .kv-move-area .kv-txt-area .kv-txt-box .kv-txt {
    width: 47px;
  }

  .main-visual-area .btn-area {
    margin-top: 18px;
  }
  .main-visual-area button {
    height: 49px;
  }
  .main-visual-area button .btn-txt {
    width: 121px;
  }
  .main-visual-area .kv-deco {
    width: 97px;
    top: -21.34px;
  }

  .main-visual-area .kv-deco-1 {
    width: 25px;
    top: 17px;
    left: 22px;
  }
  .main-visual-area .kv-deco-2 {
    width: 24px;
    top: 189px;
    right: 12px;
  }

  .main-visual-area.card-1 .card-cnt-area,
  .main-visual-area.card-2 .card-cnt-area {
    padding-top: 54.9px;
  }
  .main-visual-area.card-1 .kv-deco-1,
  .main-visual-area.card-2 .kv-deco-1 {
    top: 39px;
    left: 82px;
  }
  .main-visual-area.card-1 .kv-deco-2,
  .main-visual-area.card-2 .kv-deco-2 {
    top: 247px;
    right: 84px;
  }
  .main-visual-area .card-cnt-area .card-item-1.active,
  .main-visual-area .card-cnt-area .card-item-2.active {
    width: 308px;
  }
  .main-visual-area .card-cnt-area .card-item-1.active .kv-move-area,
  .main-visual-area .card-cnt-area .card-item-2.active .kv-move-area {
    grid-template-columns: 1fr 175px;
    gap: 14px;
  }
  .main-visual-area .card-cnt-area .card-item-1.active .card-img-box,
  .main-visual-area .card-cnt-area .card-item-2.active .card-img-box {
    width: 131px;
  }
  .main-visual-area .card-cnt-area .card-item-1.active .btn-area,
  .main-visual-area .card-cnt-area .card-item-2.active .btn-area {
    margin-top: 28px;
  }

  /* 모바일 disable 썸네일 사이즈/위치 */
  .main-visual-area .card-cnt-area .card-item-1.disable,
  .main-visual-area .card-cnt-area .card-item-2.disable {
    width: 44px;
  }
  .main-visual-area .card-cnt-area .card-item-1.disable {
    transform: translateX(-100px);
  }
  .main-visual-area .card-cnt-area .card-item-2.disable {
    transform: translateX(114px);
  }
  .main-visual-area .card-cnt-area .card-item-1.disable .card-img-box,
  .main-visual-area .card-cnt-area .card-item-2.disable .card-img-box {
    width: 36px;
    box-shadow: 5px 5px 7px 0px #00000033;
    border-radius: 3px;
  }

  /* 모바일에서는 호흡 진폭을 더 작게 (멀미 방지), dim 없이 크기 대비만 */
  .main-visual-area .card-cnt-area.is-resting .card-item.is-breathing-active {
    transform: scale(1.025);
    opacity: 1;
  }
  .main-visual-area .card-cnt-area.is-resting .card-item.is-breathing-inactive {
    transform: scale(0.975);
    opacity: 1;
  }

  /* ------------------------------------------------------------------------------- */

  /* 컨텐츠 영역-1 */
  .cnt-area-1 {
    padding: 40px 0;
  }
  .cnt-area-1 .con {
    max-width: 360px;
    padding: 0 16px;
  }
  .cnt-area-1 .event-detail-card {
    padding: 30px 24px;
    border-radius: 18px;
    margin-top: 12px;
  }
  .cnt-area-1 .event-section {
    margin-bottom: 16px;
  }
  .cnt-area-1 .section-title {
    width: 166px;
    margin-bottom: 8px;
  }
  .cnt-area-1 .main-desc {
    font-size: 14px;
    line-height: 18px;
  }
  .cnt-area-1 .main-desc > span.mini {
    font-size: 11px;
    line-height: 20px;
  }
  .cnt-area-1 .main-desc > span.mini-ef-1 {
    font-size: 13px;
    line-height: 19px;
  }
  .cnt-area-1 .sub-list {
    gap: 2px;
  }
  .cnt-area-1 .sub-list > li {
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.5px;
    padding-left: 7px;
  }
  .cnt-area-1 .sub-list > li::before {
    top: 2px;
    font-size: 11px;
    line-height: 15px;
  }
  .cnt-area-1 .notice-list {
    gap: 4px;
  }
  .cnt-area-1 .notice-list > li {
    font-size: 11px;
    line-height: 15px;
    padding-left: 7px;
  }
  .cnt-area-1 .notice-list > li::before {
    font-size: 11px;
    line-height: 15px;
  }
  .cnt-area-1 .notice-list .notice-sub-list {
    margin-top: 2px;
  }
  .cnt-area-1 .notice-list .notice-sub-list > li {
    gap: 1px;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: -0.5px;
  }
  .cnt-area-1 .notice-list .notice-sub-list > li > .text-1 {
    min-width: 13px;
  }
  .cnt-area-1 button {
    height: 49px;
  }
  .cnt-area-1 button > .img-box{
    width: 228px;
  }

  /* 이미지 영역 */
  .cnt-area-1 .event-hero-image {
    padding: 0 23.5px;
  }
  .cnt-area-1 .event-hero-image > .img-box-1 {
    width: 58px;
  }
  .cnt-area-1 .event-hero-image > .img-box-2 {
    margin-top: 12px;
  }
  .cnt-area-1 .event-hero-image > .img-box-3 {
    margin-top: 2px;
  }

  /* 필수 체크 항목 */
  .cnt-area-1 .body-check-area {
    gap: 4px;
    margin-top: 12px;
  }

  /* 참여대상 */
  .cnt-area-1 .event-section-1 .sub-list {
    margin-top: 4px;
  }

  /* 참여방법 */
  .cnt-area-1 .method-item {
    margin-bottom: 8px;
  }
  .cnt-area-1 .method-item .item-title {
    gap: 4px;
  }
  .cnt-area-1 .method-item .item-title .num {
    min-width: 14px;
    font-size: 14px;
    line-height: 18px;
  }
  .cnt-area-1 .method-item .item-list {
    padding: 0 18px;
    margin-top: 6px;
  }
  .cnt-area-1 .benefit-table {
    margin-top: 6px;
  }
  .cnt-area-1 .benefit-table th,
  .cnt-area-1 .benefit-table td {
    height: 31px;
  }
  .cnt-area-1 .benefit-table th {
    font-size: 14px;
  }
  .cnt-area-1 .benefit-table td {
    font-size: 13px;
  }

  /* 혜택지급 롯데카드에서 지급 */
  .cnt-area-1 .event-section-5 .method-item {
    margin-bottom: 2px;
  }

  /* ‘아멕스 카드'만의 특별 혜택 */
  .cnt-area-1 .event-section-6 .section-title {
    margin-bottom: 2px;
  }
  .cnt-area-1 .event-section-6 .section-title-2 {
    padding-left: 12px;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 8px;
  }
  .cnt-area-1 .event-section-6 button {
    margin-top: 8px;
  }

  /* MyAmexShopping 혜택 */
  .cnt-area-1 .event-section-7 .benefit-table {
    margin-top: 2px;
  }
  .cnt-area-1 .event-section-7 .space-box {
    padding: 0 18px;
  }
  .cnt-area-1 .event-section-7 .sub-list {
    margin-top: 8px;
  }
  .cnt-area-1 .event-section-7 button {
    margin-top: 8px;
  }

  /* ------------------------------------------------------------------------------- */

  /* 컨텐츠 영역-3 */
  .cnt-area-3 {
    padding: 28px 0 64px 0;
  }
  .cnt-area-3 .con {
    padding: 0 20px;
  }
  .cnt-area-3 .title-box {
    gap: 8px;
    margin-bottom: 18px;
  }
  .cnt-area-3 .title-box .img-box {
    width: 24px;
  }
  .cnt-area-3 .title-box h1 {
    font-size: 18px;
    line-height: 22px;
  }
  .cnt-area-3 .text-area {
    gap: 18px;
  }
  .cnt-area-3 .text-area > li > h2 {
    font-size: 14px;
    line-height: 18px;
    padding-left: 20px;
    margin-bottom: 4px;
  }
  .cnt-area-3 .text-area > li .text-box > li {
    padding-left: 22px;
    font-size: 14px;
    line-height: 18px;
  }
  .cnt-area-3 .text-area > li .text-box > li > br {
    display: block;
  }
  .cnt-area-3 .text-area > li .text-box > li:not(.text-ef-1):after {
    width: 3px;
    height: 3px;
    top: 7.5px;
    left: 9.5px;
  }
  .cnt-area-3 .text-area > li .text-box > li.text-ef-1::after {
    font-size: 14px;
    line-height: 18px;
    left: 4px;
  }
  .cnt-area-3 .text-area > li .text-box > li .sub-text-box > li {
    padding-left: 17px;
  }

  .event-section-4 {
    padding: 10px 20px;
    border-top: 1px solid #E6F0E4;
    border-bottom: 1px solid #E6F0E4;
  }

  .sec-amex {
    background-color: #f5fceb;
    border-top: 1px solid #E6F0E4;
    border-bottom: 1px solid #E6F0E4;
    padding: 10px;
  }
}