@media screen and (max-width: 680px) {
  .only_pc {
    display: none;
  }
  .only_mo {
    display: block;
  }
  body,
  button,
  p,
  span {
    letter-spacing: -0.05em;
  }
  /* typography */
  .h1 {
    font-size: 15px;
  }
  .h2 {
    font-size: 14px;
    line-height: 20px;
  }
  .h3 {
    font-size: 13px;
    line-height: 17px;
  }
  .caption1 {
    font-size: 12px;
    line-height: 16px;
  }
  .caption2 {
    font-size: 11px;
    line-height: 16px;
  }
  .caption2.mid {
    font-size: 11px;
    line-height: 13px;
  }
  .fixed_button {
    width: 360px;
    height: 119px;
  }
  .footer .footer_content {
    padding: 32px 12px 64px 12px;
    width: 100%;
    gap: 10px;
  }
  .footer .footer_content .title_wrap {
    gap: 6px;
  }
  .footer .footer_content .title_wrap .icon_alert {
    width: 22px;
  }
  .footer .footer_content .title_wrap p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
  }
  .footer .footer_content ul li {
    font-size: 13px;
    line-height: 18px;
    padding-left: 18px;
  }
  .footer .footer_content ul li.sm {
    font-size: 12px;
    line-height: 16px;
  }
  .footer .footer_content ul li::before {
    width: 3px;
    height: 3px;
  }
  .footer .footer_content .sub_title {
    font-size: 13px;
    line-height: 17px;
  }
  .footer .footer_content .sub_title_sm {
    font-size: 12px;
    line-height: 16px;
  }
  .footer .footer_content .btm p {
    gap: 4px;
    font-size: 13px;
    line-height: 19px;
    padding: 0 4px;
  }
  .main {
    height: 579px;
    padding-top: 106px;
  }
  .main .main-content-wrap {
    width: 360px;
    padding-top: 25px;
    gap: 26px;
  }
  .main .main-content-wrap .kv-deco.kv-img-load {
    width: 401px;
    height: 114px;
    top: 155px;
    left: -17px;
  }
  .main .main-content-wrap .kv-deco.kv-img-1 {
    width: 83px;
    height: 89px;
    top: 93px;
    left: -4px;
  }
  .main .main-content-wrap .kv-deco.kv-img-2 {
    width: 67px;
    height: 57px;
    top: 231px;
    left: 135px;
  }
  .main .main-content-wrap .kv-deco.kv-img-3 {
    width: 62px;
    height: 54px;
    top: 139px;
    left: 172px;
  }
  .main .main-content-wrap .kv-deco.kv-img-4 {
    width: 65px;
    height: 57px;
    left: 314px;
    top: 190px;
  }
  .main .main-content-wrap .kv-deco.kv-deco-1 {
    width: 23px;
    height: 32px;
    top: 107px;
    left: 154px;
  }
  .main .main-content-wrap .kv-deco.kv-deco-2 {
    width: 19px;
    height: 19px;
    top: 135px;
    left: 322px;
  }
  .main .main-content-wrap .kv-main-title {
    width: 360px;
    height: 84px;
  }
  .main .main-content-wrap .card-wrap {
    gap: 12px;
  }
  .main .main-content-wrap .card-wrap .card {
    gap: 16px;
    width: 150px;
  }
  .main .main-content-wrap .card-wrap .card .card-img {
    width: 95.24px;
    height: 150px;
  }
  .main .main-content-wrap .card-wrap .card .card-info-wrap {
    gap: 4px;
  }
  .main .main-content-wrap .card-wrap .card .card-info-wrap .card-name {
    font-size: 13px;
  }
  .main .main-content-wrap .card-wrap .card .card-info-wrap .botom {
    gap: 5px;
  }
  .main .main-content-wrap .card-wrap .card .card-info-wrap .botom .kv-btn {
    width: 150px;
    height: 44px;
  }
  .main .main-content-wrap .card-wrap .card .card-info-wrap .botom .kv-desc {
    font-size: 10.43px;
    line-height: 13.28px;
    letter-spacing: -5%;
  }
  .benefit .benefit-content-wrap {
    padding: 24px 15px;
    gap: 2px;
    width: 360px;
  }
  .benefit .benefit-content-wrap .benefit-item {
    padding: 24px 14px;
    border-radius: 16px;
    gap: 8px;
  }
  .benefit .benefit-content-wrap .benefit-item .sec-tag {
    width: 47px;
    height: 23px;
  }
  .benefit .benefit-content-wrap .benefit-item .mid-txt {
    width: 78px;
    height: 58px;
  }
  .benefit .benefit-content-wrap .benefit-item .img-pin {
    width: 18px;
    height: 25px;
    top: 9px;
    right: 11px;
  }
  .body .body-wrap {
    width: 360px;
    padding: 50px 20px;
    gap: 52px;
  }
  .body .body-wrap .body-sec-detail {
    border-radius: 17px;
    padding: 10px 0;
  }
  .body .body-wrap .body-sec-detail.body-target {
    padding: 18px;
    gap: 8px;
  }
  .body .body-wrap .body-sec-detail .img-pin {
    width: 18px;
    height: 25px;
    left: 10px;
    top: -13px;
  }
  .body .body-wrap .body-sec-detail .body-tag {
    width: 143px;
    height: 23px;
  }
  .body .body-wrap .body-sec-detail h1 {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -5%;
  }
  .body .body-wrap .body-sec-detail h1 span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.5px;
  }
  .body .body-wrap .body-sec-detail .body-tag-cont {
    gap: 4px;
  }
  .body .body-wrap .body-sec-detail .body-notes-cont {
    gap: 2px;
  }
  .body .body-wrap .body-sec-detail .body-notes-cont p {
    gap: 1px;
    font-size: 11px;
    line-height: 14px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap {
    padding: 9px 18px;
    gap: 12px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .eve-period-row {
    gap: 6px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .eve-period-row .label {
    padding: 1px 3px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 13px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .eve-period-row .date {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.5px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-cond-wrap {
    gap: 4px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-cond-wrap .body-consent-items .body-consent-item p {
    font-size: 10px;
    line-height: 13px;
    letter-spacing: -5%;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list {
    gap: 10px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item {
    gap: 4px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-ben-hd {
    gap: 4px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .cap-txt {
    width: 26px;
    height: 10px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-ben-detail {
    gap: 3px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-ben-detail .img-money {
    width: 47px;
    height: 38px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-revolving-cont {
    padding: 8px 12px;
    border-radius: 8px;
    gap: 2px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-revolving-cont .txt-wrap {
    gap: 2px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-revolving-cont .txt-wrap .label {
    font-size: 11px;
    line-height: 100%;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-revolving-cont .txt-wrap .txt p {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -5%;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item .body-revolving-cont .deco-money {
    width: 57px;
    height: 38px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item table th {
    border-width: 1px;
    padding: 6px 0;
    font-size: 14px;
    line-height: 18px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-ben-list .body-ben-item table td {
    border-width: 1px;
    padding: 6px 0;
    font-size: 13px;
    line-height: 18px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-date-list {
    gap: 4px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-date-list .body-date-item {
    gap: 6px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-date-list .body-date-item .cap-txt {
    width: 42px;
    height: 10px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .eve-cont-wrap {
    padding: 10px 0;
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .eve-cont-wrap img {
    width: 92px;
    height: 95px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-btn-wrap {
    width: 292px;
    height: 48px;
  }
  .body .body-wrap .body-sec-detail .body-tag-wrap .body-period-cont {
    gap: 4px;
  }
  .body .body-wrap .body-sec {
    gap: 24px;
  }
  .body .body-wrap .body-sec .sec-tag {
    width: 85px;
    height: 30px;
  }
  .body .body-wrap .body-sec .body-sec-cont {
    gap: 18px;
  }
  .body .body-wrap .body-sec .body-sec-cont .body-title {
    width: 320px;
  }
  .body .body-wrap .body-sec .body-sec-cont .body-title.body-title-1 {
    height: 58px;
  }
  .body .body-wrap .body-sec .body-sec-cont .body-title.body-title-2 {
    height: 102px;
  }
  .body .body-wrap .body-sec .body-sec-cont .body-title.body-title-3 {
    height: 70px;
  }
  .body .body-wrap .body-sec .body-sec-cont .body-img {
    width: 320px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .body .body-wrap .body-sec .body-sec-cont .body-img.body-img-2 {
    height: 93px;
  }
  .body .body-wrap .body-sec .body-sec-cont .body-img.body-img-3 {
    height: 120px;
  }
}/*# sourceMappingURL=style_mo.css.map */