/* MO */
@media screen and (max-width: 1400px) {
  .only_pc {
    display: none;
  }
  .only_mo {
    display: block;
  }

  body,
  button,
  p,
  span {
    letter-spacing: -0.05em;
  }

  /* typography */
  .kv_slot {
    font-size: 26px;
    line-height: 26px;
  }
  .kv_title_1 {
    font-size: 15px;
    line-height: 21px;
  }
  .kv_title_2 {
    font-size: 22px;
  }
  .kv_title_3 {
    font-size: 30px;
  }
  .tab_default {
    font-size: 12px;
    line-height: 16px;
  }
  .card_subtitle {
    font-size: 13px;
    line-height: 18px;
  }
  .card_maintitle {
    font-size: 20px;
    line-height: 27px;
  }
  .footer_cont {
    font-size: 13px;
    line-height: 18px;
  }

  /* main */
  .kv_wrap {
    height: 314px;
  }
  .kv_inner {
    height: 214px;
  }
  .kv_inner_bg {
    width: 360px;
    min-width: 360px;
    overflow: visible;
  }
  .gra_1 {
    width: 248px;
    height: 248px;
    top: 49px;
    left: -79px;
    border-radius: 9999px;
    backdrop-filter: blur(18px);
  }
  .gra_2 {
    width: 220px;
    height: 220px;
    top: -30px;
    left: -119px;
    border-radius: 9999px;
  }
  .gra_3 {
    width: 236px;
    height: 236px;
    top: -143px;
    left: 208px;
    border-radius: 9999px;
    filter: blur(36px);
  }
  .logo {
    width: 56px;
    height: 13px;
    margin-top: 28px;
    margin-bottom: 24px;
  }
  #premium .kv_img {
    width: 130px;
    height: 96px;
    top: 139px;
    left: calc(50% + 68px);
  }
  #byTaste .kv_img { 
    width: 123px;
    height: 80px;
    top: 147px;
    left: calc(50% + 67px);
   }
  #noPerform .kv_img { 
    width: 112px;
    height: 96px;
    top: 128px;
    left: calc(50% + 71px);
  }
  #shopping .kv_img {
    width: 112px;
    height: 174px;
    top: 72px;
    left: calc(50% + 71px);
  }
  #living .kv_img { 
    width: 122px;
    height: 129px;
    top: 101px;
    left: calc(50% + 57px);
  }
  #travel .kv_img {
    width: 154px;
    height: 92px;
    top: 140px;
    left: calc(50% + 45px);
  }
  #rental .kv_img {
    width: 96px;
    height: 101px;
    top: 113px;
    left: calc(50% + 74px);
  }
  #support .kv_img {
    width: 74px;
    height: 105px;
    top: 125px;
    left: calc(50% + 100px);
  }

  .kv_title_wrap {
    gap: 4px;
    margin-top: 10px;
  }
  .kv_title_wrap > .flex_row {
    gap: 9px;
  }
  .slot_card {
    border-radius: 4px;
    padding: 3px;
  }
  #premium .slot_card { box-shadow: 0px 4px 11px 0px #E0BC59, 0px -1px 11px 0px #FFD769B8; }
  #byTaste .slot_card { box-shadow: 0px 4px 11px 0px #F87777, 0px -1px 11px 0px #FED5C3; }
  #noPerform .slot_card { box-shadow: 0px 4 11px 0px #A09A9A, 0px -1px 11px 0px #FFECE7; }
  #shopping .slot_card { box-shadow: 0px 4px 11px 0px #CC7594, 0px -1px 11px 0px #FFDAD0; }
  #living .slot_card { box-shadow: 0px 4px 11px 0px #5AB1DE, 0px -1px 11px 0px #AEDBFFB8; }
  #travel .slot_card { box-shadow: 0px 4px 11px 0px #58C1B0, 0px -1px 11px 0px #ACD5AD; }
  #rental .slot_card { box-shadow: 0px 4px 11px 0px #94AAF3, 0px -1px 11px 0px #D7D5FF; }
  #support .slot_card { box-shadow: 0px 4px 11px 0px #75BF58, 0px -1px 11px 0px #A9EE84; }
  .slot {
    width: 32px;
    height: 38px;
    border: 0.5px solid transparent;
    border-radius: 2px;
  }
  .slot_txt {
    width: 24px;
    height: 26px;
    left: 3px;
  }

  /* kv_wrap_bottom */
  .kv_wrap_bottom {
    height: 100px;
    padding-top: 16px;
  }
  .tab_list {
    padding: 0px 16px;
    gap: 12px;
    justify-content: flex-start;
    overflow: auto;
  }
  .tab_box {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }

  /* card_list */
  .card_list_wrap {
    max-width: 360px;
    gap: 56px;
    padding: 24px 32px 64px;
    flex-wrap: wrap;
  }
  .card_vrtc {
    width: 296px;
    gap: 4px;
    height: auto !important;
  }
  .card_box {
    height: 309px;
    border-radius: 16px;
    padding: 28px 24px 20px;
    gap: 8px;
  }
  .card_img_wrap {
    height: 170px;
  }
  .card_img {
    width: 107px;
    height: 170px;
  }
  .card_img_wrap.hori .card_img {
    width: 170px;
    height: 107px;
  }

  /* footer */
  .footer ul li {
    position: relative;
  }
  .footer .li_txt {
    padding-left: 12px;
  }
  .footer ul li.default {
    padding-left: 8px;
  }
  .footer ul li.default::before {
    width: 4px;
    height: 4px;
    top: 6px;
  }
  .footer .dashed_wrap {
    padding-left: 24px;
  }
}