@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_top_button {
    width: 360px;
    height: 100px;
    padding: 12px 8px;
  }
  .fixed_top_button .fixed_button {
    height: 76px;
    padding: 12px 12px 14px 16px;
    border-radius: 2px;
  }
  .fixed_top_button .fixed_button .fxd-btn-txt-1 {
    height: 48px;
    width: 207px;
  }
  .fixed_top_button .fixed_button .btn {
    width: 88px;
    height: 47px;
  }
  .fixed_top_button .fixed_button .btn .fxd-btn-txt-2 {
    width: 62px;
    height: 27px;
  }
  .main {
    height: 629px;
    padding-top: 100px;
    background-size: 12px, auto;
  }
  .main .main-content-wrap {
    width: 360px;
    padding: 32px 10px 46px;
    gap: 6px;
  }
  .main .main-content-wrap .kv-deco.kv-img-3-coin {
    width: 86px;
    height: 93px;
    top: -12px;
    left: 148px;
  }
  .main .main-content-wrap .kv-deco.kv-img-1-pen {
    width: 140px;
    height: 273px;
    top: 272px;
    left: -91px;
  }
  .main .main-content-wrap .kv-deco.kv-img-2-pig {
    width: 97px;
    height: 126px;
    top: 418px;
    right: 17px;
  }
  .main .main-content-wrap .kv-deco.img-clip {
    width: 36px;
    height: 51px;
    top: 21px;
    right: 16px;
  }
  .main .main-content-wrap .kv-item {
    width: 167px;
    border-radius: 2px;
  }
  .main .main-content-wrap .kv-item .kv-top {
    height: 47px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner {
    padding: 16px 10px 19px;
    gap: 16px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .card-wrap {
    height: 118px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .card-wrap .card-triple {
    width: 67px;
    height: 106px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .card-wrap .kv-deco-1 {
    width: 126px;
    height: 116px;
    top: -4px;
    right: 5px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .card-wrap .kv-deco-2 {
    width: 140px;
    height: 110px;
    top: -4px;
    right: 1px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .card-wrap .card-loca-365 {
    width: 106px;
    height: 66.33px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-txt-group {
    gap: 4px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-txt-group p {
    font-size: 11px;
    line-height: 15px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-txt-group p.txt-2 {
    padding-left: 17px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-txt-group .kv-txt-1 {
    width: 147px;
    height: 63px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-txt-group .kv-txt-2 {
    width: 149px;
    height: 63px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-sub-txt {
    width: 147px;
    height: 40px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-info-group {
    gap: 9px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-info-group .kv-detail-link {
    height: 38px;
    gap: 5px;
    padding: 10px 37px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-info-group .kv-detail-link p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.5px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-info-group .kv-detail-link .icon-right {
    width: 10px;
    height: 8px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-info-group .kv-condition-txt {
    gap: 2px;
  }
  .main .main-content-wrap .kv-item .kv-item-inner .kv-info-group .kv-condition-txt p {
    gap: 3px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -5%;
  }
  .body-sect {
    padding-top: 44px;
    padding-bottom: 58px;
  }
  .body-sect .body-sect-inner {
    width: 328px;
    gap: 42px;
  }
  .body-sect .body-sect-inner .body-item .body-top,
  .body-sect .body-sect-inner .body-item-3 .body-top {
    height: 46px;
  }
  .body-sect .body-sect-inner .body-item .img-clip,
  .body-sect .body-sect-inner .body-item-3 .img-clip {
    width: 36px;
    height: 51px;
    top: 11px;
    right: 8px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner {
    padding: 19px 24px 22px;
    gap: 16px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header-img .sub-num,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header-img .sub-num {
    width: 102px;
    height: 18px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header-img .body-img-2,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header-img .body-img-2 {
    width: 244px;
    height: 400.31px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header.body-item-header-2,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header.body-item-header-2 {
    gap: 14px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header img,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header img {
    width: 100%;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header img.body-img-1,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header img.body-img-1 {
    height: 122px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header img.body-title-1,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header img.body-title-1 {
    height: 32px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header img.body-img-3,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header img.body-img-3 {
    height: 122px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header img.body-title-3,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header img.body-title-3 {
    height: 55px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header .body-eve-txt-wrap,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header .body-eve-txt-wrap {
    padding: 12px;
    gap: 8px;
    border-radius: 4px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header .body-eve-txt-wrap .body-eve-txt-1,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header .body-eve-txt-wrap .body-eve-txt-1 {
    width: 100%;
    height: 21px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .body-item-header .body-eve-txt-wrap .body-eve-txt-2,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .body-item-header .body-eve-txt-wrap .body-eve-txt-2 {
    width: 100%;
    height: 140px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner h1,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner h1 {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -5%;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner h1 span,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner h1 span {
    font-size: 13px;
    line-height: 19px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-note,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-note {
    gap: 2px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-note p,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-note p {
    gap: 2px;
    font-size: 11px;
    line-height: 16px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item {
    gap: 8px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .cont-title,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .cont-title {
    width: 92px;
    height: 12px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .cont-txt-box,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .cont-txt-box {
    gap: 4px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .cont-txt-box .desc,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .cont-txt-box .desc {
    font-size: 10px;
    line-height: 12px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .cont-txt-group,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .cont-txt-group {
    gap: 6px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .period-box,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .period-box {
    gap: 6px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .period-box .label,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .period-box .label {
    padding: 4px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .period-box .date,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .period-box .date {
    font-size: 12px;
    line-height: 16px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .bullet-list .bullet-item,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .bullet-list .bullet-item {
    gap: 4px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .bullet-list .bullet-item .icon-star,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .bullet-list .bullet-item .icon-star {
    width: 8px;
    height: 10px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .bullet-list .bullet-item p,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .bullet-list .bullet-item p {
    font-size: 12px;
    line-height: 16px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .bullet-list .bullet-item p b,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .bullet-list .bullet-item p b {
    font-size: 12px;
    line-height: 13px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .agree-list,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .agree-list {
    gap: 2px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .agree-list .agree-item,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .agree-list .agree-item {
    gap: 2px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .agree-list .agree-item p,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .agree-list .agree-item p {
    font-size: 11px;
    line-height: 16px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .benefit-list,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .benefit-list {
    gap: 8px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .benefit-list .benefit-item,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .benefit-list .benefit-item {
    gap: 8px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .benefit-list .benefit-item .cont-num,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .benefit-list .benefit-item .cont-num {
    width: 28px;
    height: 32px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont {
    gap: 2px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont.benefit-item-cont-1,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont.benefit-item-cont-1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont table th,
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont table td,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont table th,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .benefit-list .benefit-item .benefit-item-cont table td {
    padding: 6px 0;
    font-size: 14px;
    line-height: 18px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .notice-list,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .notice-list {
    gap: 4px;
  }
  .body-sect .body-sect-inner .body-item .body-item-inner .cont-item .notice-list .notice,
  .body-sect .body-sect-inner .body-item-3 .body-item-inner .cont-item .notice-list .notice {
    gap: 2px;
    font-size: 11px;
    line-height: 13px;
  }
  .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;
  }
}/*# sourceMappingURL=style_mo.css.map */