@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 */
  .fixed_top_button {
    height: 117px;
  }
  .fixed_top_button .fixed_button {
    width: 360px;
    padding: 16px 14px;
  }
  .fixed_top_button .fixed_button .fixed_inner {
    width: 332px;
    height: 85px;
    box-shadow: 0px 5px 26px 0px rgba(255, 255, 255, 0.2509803922);
    backdrop-filter: blur(8px);
  }
  .fixed_top_button .fixed_button .fixed_inner .fxd-txt {
    width: 177px;
    height: 53px;
  }
  .fixed_top_button .fixed_button .fixed_inner .fxd-min-btn {
    width: 80px;
    height: 43px;
  }
  /* footer */
  .footer .footer_content {
    padding: 34px 28px 74px 18px;
    width: 100%;
    gap: 16px;
  }
  .footer .footer_content .title_wrap {
    gap: 4px;
  }
  .footer .footer_content .title_wrap .icon_alert {
    width: 22px;
  }
  .footer .footer_content .title_wrap p {
    font-size: 18px;
    line-height: 20px;
  }
  .footer .footer_content ul li {
    font-size: 14px;
    line-height: 20px;
    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: 14px;
    line-height: 20px;
    padding: 0 4px;
  }
  /* main */
  .main {
    height: 768px;
  }
  .main::before {
    width: 948px;
    height: 768px;
  }
  .main .main-kv-wrap {
    width: 360px;
    padding-top: 133px;
    gap: 20px;
    position: relative;
  }
  .main .main-kv-wrap .kv-img.kv-img-1 {
    width: 30px;
    height: 59px;
    top: 131px;
    left: 97px;
  }
  .main .main-kv-wrap .kv-img.kv-img-2 {
    width: 43px;
    height: 62px;
    top: 275px;
    left: 214px;
  }
  .main .main-kv-wrap .kv-img.kv-img-3 {
    width: 238px;
    height: 246px;
    top: 591px;
    right: 217px;
  }
  .main .main-kv-wrap .main-kv-content-wrap {
    gap: 22px;
  }
  .main .main-kv-wrap .main-kv-content-wrap .kv-title {
    width: 223px;
    height: 144px;
  }
  .main .main-kv-wrap .main-kv-content-wrap .swiper-container {
    width: 419px;
    height: 200px;
  }
  .main .main-kv-wrap .main-kv-content-wrap .swiper-container .swiper-slide .motion {
    width: 99px;
    height: 159px;
    backdrop-filter: blur(2px);
  }
  .main .main-kv-wrap .main-kv-content-wrap .swiper-container .swiper-slide-active .motion {
    width: 115px;
    height: 184px;
    margin-bottom: 16px;
  }
  .main .main-kv-wrap .main-kv-content-wrap .swiper-container .swiper-slide-active .motion .card {
    box-shadow: 14px 20px 10px 0px rgba(0, 88, 139, 0.4);
  }
  .main .main-kv-wrap .main-kv-content-wrap .swiper-container .swiper-buttons {
    width: 210px;
    top: 73px;
  }
  .main .main-kv-wrap .main-kv-content-wrap .swiper-container .swiper-buttons .swiper-button {
    width: 38px;
    height: 38px;
    backdrop-filter: blur(14px);
    box-shadow: 0px 5px 26px 0px rgba(255, 255, 255, 0.2509803922);
  }
  .main .main-kv-wrap .main-kv-content-wrap .swiper-container .swiper-buttons .swiper-button img {
    width: 15px;
    height: 15px;
  }
  .main .main-kv-wrap .main-info-wrap {
    padding: 26px 40px 20px 40px;
    border-radius: 40px;
    width: 310px;
    height: 218px;
    gap: 10px;
    backdrop-filter: blur(20px);
    box-shadow: 0px 5px 26px 0px rgba(255, 255, 255, 0.2509803922);
  }
  .main .main-kv-wrap .main-info-wrap .data-card-name-wrap {
    top: -13px;
  }
  .main .main-kv-wrap .main-info-wrap .data-card-name-wrap .data-card-name .kv-name {
    width: 92px;
    height: 26px;
  }
  .main .main-kv-wrap .main-info-wrap .card-info-wrap {
    gap: 10px;
  }
  .main .main-kv-wrap .main-info-wrap .card-info-wrap .card-list .card-item {
    gap: 12px;
  }
  .main .main-kv-wrap .main-info-wrap .card-info-wrap .card-list .card-item p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.5px;
  }
  .main .main-kv-wrap .main-info-wrap .card-info-wrap .card-list .card-item img {
    width: 176px;
    height: 40px;
  }
  .main .main-kv-wrap .main-info-wrap .card-info-wrap .btn-detail {
    width: 230px;
    height: 46px;
    font-size: 14px;
    line-height: 20px;
  }
  .main .main-kv-wrap .main-info-wrap .card-desc-wrap .card-desc-item {
    gap: 2px;
    font-size: 11px;
    line-height: 14px;
  }
  /* summary */
  .summary {
    background-size: 54px;
  }
  .summary .summary-content-wrap {
    width: 360px;
    padding: 32px 16px 24px;
  }
  .summary .summary-content-wrap .summary-item {
    border-radius: 18px;
    gap: 4px;
    border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
    backdrop-filter: blur(20px);
    padding: 14px 0;
  }
  .summary .summary-content-wrap .summary-item .sec-tag {
    width: 63px;
    height: 18px;
  }
  .summary .summary-content-wrap .summary-item .sec-txt {
    width: 79px;
    height: 58px;
  }
  /* event */
  .event .event-content-wrap {
    width: 360px;
    padding: 24px 14px;
    gap: 16px;
  }
  .event .event-content-wrap .event-box {
    gap: 4px;
  }
  .event .event-content-wrap .event-box.event-box-2 .event-title-wrap .event-img-wrap {
    padding-top: 12px;
  }
  .event .event-content-wrap .event-box .event-title-wrap {
    padding: 24px 16px;
    gap: 9px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .sec-tag {
    width: 98px;
    height: 28px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head {
    gap: 14px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap {
    gap: 4px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-img {
    width: 294px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-img.eve-img-1 {
    height: 151px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-img.eve-img-2 {
    height: 109px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-img.eve-img-3 {
    height: 151px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-title {
    width: 294px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-title.eve-title-1 {
    height: 36px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-title.eve-title-2 {
    height: 63px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-title.eve-title-3 {
    height: 36px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .eve-img-wrap .eve-title.eve-title-4 {
    width: 233px;
    height: 92px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .cond-wrap {
    gap: 4px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .cond-wrap .cond-item {
    padding: 8px;
    border-radius: 20px;
    width: 148px;
    height: 38px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .cond-wrap .cond-item .cond-tag {
    padding: 3px 6px;
    gap: 2px;
    backdrop-filter: blur(4px);
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .cond-wrap .cond-item .cond-tag .icon-check {
    width: 9px;
    height: 9px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .cond-wrap .cond-item .cond-tag p {
    font-size: 12px;
    line-height: 16px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .event-head .cond-wrap .cond-item .cond-desc {
    font-size: 12px;
    line-height: 16px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos {
    gap: 24px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo {
    height: 24px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-1 {
    width: 69px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-2 {
    width: 138px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-3 {
    width: 130px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-4 {
    width: 72px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-5 {
    width: 72px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-6 {
    width: 78px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-7 {
    width: 100px;
  }
  .event .event-content-wrap .event-box .event-title-wrap .eve-4-logos .eve-logo.eve-logo-8 {
    width: 85px;
  }
  .event .event-content-wrap .event-box .event-body {
    gap: 8px;
  }
  .event .event-content-wrap .event-box .event-body > .event-sec {
    border-radius: 28px;
    padding: 24px 20px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item {
    border-radius: 24px;
    gap: 5px;
    padding: 14px 12px 12px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item:nth-child(odd)::before {
    top: 20px;
    bottom: 20px;
    border-right: 1px dashed rgba(0, 0, 0, 0.2392156863);
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item:not(:nth-last-child(-n+2))::after {
    left: 20px;
    right: 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2392156863);
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item:nth-last-child(-n+2) {
    border-bottom: none;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item .eve-4-img {
    width: 140px;
    height: 44px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item .eve-4-info {
    gap: 2px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item .eve-4-info .eve-4-name {
    width: 140px;
    height: 11px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item .eve-4-info p {
    font-size: 11px;
    line-height: 14px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item .eve-4-benefit {
    gap: 1px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item .eve-4-benefit p {
    font-size: 10px;
    line-height: 12px;
    gap: 3px;
  }
  .event .event-content-wrap .event-box .event-body .eve-4-list .eve-4-item .eve-4-benefit p::before {
    width: 2px;
    height: 2px;
  }
  .event .event-content-wrap .event-box .event-detail .detail-toggle {
    padding: 14px 20px;
    gap: 6px;
    border-radius: 22px;
  }
  .event .event-content-wrap .event-box .event-detail .detail-toggle .icon-opend {
    width: 13px;
    height: 13px;
  }
  .event .event-content-wrap .event-box .event-detail .detail-toggle p {
    font-size: 14px;
    line-height: 20px;
  }
  .event .event-content-wrap .event-box .event-detail .detail-content {
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    padding: 24px 20px;
    gap: 18px;
  }
  .event .event-content-wrap .event-box .event-sec {
    gap: 8px;
  }
  .event .event-content-wrap .event-box .event-sec .cont-title {
    width: 152px;
    height: 11px;
  }
  .event .event-content-wrap .event-box .event-sec h1 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
  }
  .event .event-content-wrap .event-box .event-sec h1 span {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: -0.5px;
  }
  .event .event-content-wrap .event-box .event-sec .notes {
    gap: 4px;
  }
  .event .event-content-wrap .event-box .event-sec .notes.gap-28 {
    gap: 2px;
  }
  .event .event-content-wrap .event-box .event-sec .notes.gap-14 {
    gap: 1px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.5px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p::before {
    margin-right: 2px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p.note-noti {
    padding-left: 15px;
    text-indent: -8px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p.note-dot-pt {
    font-size: 11px;
    line-height: 14px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p.note-dot-em {
    font-size: 11px;
    line-height: 14px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p.note-dot-bold {
    font-size: 12px;
    line-height: 16px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p.note-noti-em {
    font-size: 11px;
    line-height: 14px;
  }
  .event .event-content-wrap .event-box .event-sec .notes p.note-dot::before {
    margin-top: 3px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 {
    gap: 8px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item {
    gap: 4px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item .num {
    width: 16px;
    height: 16px;
    border: 1px solid #212121;
    font-size: 10px;
    line-height: 11px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item .num-cont {
    gap: 4px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item .ben-list {
    gap: 5px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item .ben-list .ben-item {
    gap: 6px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item .ben-list .ben-item .ben-num {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 11px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item table {
    border-top: 1px solid rgba(85, 58, 46, 0.1411764706);
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item table th,
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item table td {
    border-bottom: 1px solid rgba(29, 27, 27, 0.1803921569);
    border-right: 1px solid rgba(29, 27, 27, 0.1803921569);
    padding: 6px 0;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item table th {
    font-size: 14px;
    line-height: 19px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-2 .num-item table td {
    font-size: 13px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-3 {
    gap: 8px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-3 .agree-box {
    padding: 10px 12px 8px;
    border-radius: 12px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-3 .agree-box .agree-list {
    gap: 4px;
    padding-left: 9px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-3 .agree-box .agree-list .agree-item {
    gap: 3px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-3 .agree-box .agree-list .agree-item .agree-mark {
    font-size: 11px;
    line-height: 14px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-3 .agree-box .agree-list .agree-item .agree-text {
    font-size: 11px;
    line-height: 14px;
  }
  .event .event-content-wrap .event-box .event-sec .pay-list {
    gap: 2px;
  }
  .event .event-content-wrap .event-box .event-sec .pay-list .pay-item {
    gap: 10px;
  }
  .event .event-content-wrap .event-box .event-sec .pay-list .pay-item .pay-num {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    border-radius: px;
    border: 1px solid #212121;
    font-size: 10px;
    line-height: 11px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-6 p {
    font-size: 11px;
    line-height: 14px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-7 {
    gap: 8px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-7 h2 {
    font-size: 13px;
    line-height: 17px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-7 .coupon-head {
    gap: 2px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-7 .coupon-list {
    gap: 4px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-7 .coupon-list .coupon-item .coupon-label {
    gap: 2px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-7 .coupon-list .coupon-item .coupon-label .icon-cont-split {
    margin-top: 2px;
    width: 12px;
    height: 14px;
  }
  .event .event-content-wrap .event-box .event-sec .event-sec-cont-7 .coupon-list .coupon-item .coupon-cont {
    gap: 1px;
  }
}/*# sourceMappingURL=style_mo.css.map */