@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: 18px;
    line-height: 24px;
  }
  .h2 {
    font-size: 15px;
    line-height: 20px;
  }
  .h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .h4 {
    font-size: 13px;
    line-height: 16px;
  }
  .caption1 {
    font-size: 12px;
    line-height: 19px;
  }
  .caption2 {
    font-size: 11px;
    line-height: 15px;
  }
  .caption2.bold {
    line-height: 11px;
  }
  .caption3 {
    font-size: 10px;
    line-height: 10px;
  }
  
  /* fxd_banner */
  .fxd_banner {
    height: 99px;
    box-shadow: 0px 5px 12px 0px #0000005C;
  }
  .fxd_banner_inner {
    width: 360px;
    padding: 18px 24px;
  }
  .fxd_banner_wrap {
    gap: 14px;
  }
  .fxd_banner_wrap .card_w {
    width: 40px;
    height: 63px;
    border-radius: 1.28px;
    box-shadow: -3.4px 5.11px 6.81px 0px #0000005C;
  }
  .fxd_banner_cont {
    gap: 7px;
  }
  .banner_title {
    border-bottom: 0.4x solid #fff;
  }
  .fxd_logo {
    height: 9px;
    padding-bottom: 6px;
  }
  .fxd_banner_btn {
    border-radius: 999px;
    padding: 5px 9px 5px 10px;
    gap: 6px;
  }
  .icon_more {
    width: 8px;
    height: 12px;
  }
  /* fixed_top_button */
  .fixed_top_button {
    width: 330px;
    height: 80px;
    top: 17px;
    left: calc(50% - 165px);
  }
  .fixed_inner {
    padding: 14px 16px 14px 20px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 9px 0px #00000040;
    box-shadow: 0px 5px 9px 0px #00000040;
    backdrop-filter: blur(4px);
  }
  .fxd_deco {
    width: 41px;
    height: 83px;
    right: 35px;
  }
  .fxd_txt_wrap {
    gap: 4px;
  }
  .fxd_txt {
    height: 30px;
  }
  .fxd_btn_wrap {
    gap: 7px;
  }
  .logo {
    width: 41px;
    height: 9px;
  }
  .fxd_btn {
    border-radius: 999px;
    padding: 10px 10px 10px 12px;
    gap: 6px;
  }
  
  /* main */
  .main_bg {
    background-size: 1660px 672px;
    background-position: center 32px;
  }
  .main {
    width: 100%;
    height: 839px;
    /* margin-top: 99px; */
  }
  .main_btm_bg {
    height: 220px;
  }
  .main_title_wrap {
    width: 296.68px;
    height: 55.61px;
    top: 137px;
    gap: 6px;
  }
  .kv_txt_wrap {
    gap: 6px;
  }
  .kv_txt_1 {
    width: 172px;
  }
  .kv_txt2_wrap {
    width: 121.33px;
  }
  .kv_txt_2 {
    height: 22px;
  }
  .kv_sub_wrap {
    width: 118.8px;
    height: 55.61px;
  }
  .kv_sub_1 {
    width: 13px;
    left: 1.96px;
    top: 3.8px;
  }
  .kv_sub_2 {
    width: 64px;
    left: 11.96px;
    top: -0.2px;
  }
  .kv_sub_3 {
    width: 40.11px;
    right: .46px;
    bottom: 2.9px;
  }
  
  .main_cont {
    gap: 16px;
    width: 340px;
    height: 274px;
    top: 476px;
  }
  .main_cont > .flex_col {
    gap: 12px;
  }
  .kv_benefit_wrap {
    height: 166px;
    gap: 2px;
  }
  .kv_benefit {
    width: 112px;
    border-radius: 4px;
    backdrop-filter: blur(20px);
    padding: 13px 5.5px 15px;
  }
  .kv_icon_plus {
    width: 20px;
    height: 20px;
    top: 115px;
    left: 102px;
  }
  .kv_icon_plus:last-child {
    left: 217px;
  }
  .kv_cont_tit {
    gap: 6px;
  }
  .kv_cont_tit > img {
    height: 20px;
  }
  .tit_divid {
    height: 0.4px;
  }
  .kv_cont_wrap {
    gap: 8px;
  }
  .kv_cont_img {
    height: 54px;
  }
  .kv_cont_txt_1, .kv_cont_txt_2 {
    height: 52px;
  }
  .kv_cont_txt_3 {
    height: 53px;
  }
  .kv_cont_txt_4 {
    height: 20px;
  }
  #go_detail {
    height: 54px;
    border: 2px solid #EFECE5C4;
    border-radius: 4px;
    box-shadow: 0px 5px 6px 0px #0000005C;
    gap: 10px;
  }
  #go_detail .icon_more {
    width: 7px;
    height: 12px;
  }
    
  /* event */
  .eve_inner {
    max-width: 360px;
    padding: 26px 12px;
    gap: 18px;
  }
  .eve_box {
    backdrop-filter: blur(18px);
    gap: 14px;
    padding: 28px 20px;
    background-size: 238px 1668px;
    background-position-x: 240px;
    border-radius: 14px;
  }
  .eve_sec {
    gap: 10px;
  }
  .eve_sec_tit {
    padding-bottom: 8px;
    border-bottom: 0.4px solid #ffffff66;
  }
  .eve_sec_cont ul {
    gap: 2px;
  }
  .star {
    gap: 1px;
  }
  .star::before {
    width: 6px;
    height: 13px;
  }
  .eve_title {
    gap: 12px;
  }
  .eve_title img.sub_title {
    width: 57px;
    height: 13px;
    padding-bottom: 4px;
    border-bottom: 0.4px solid #ffffff66;
  }
  .join_cont {
    gap: 12px;
  }
  .join_cont > .flex_col {
    gap: 6px;
  }
  .join_cont > .flex_col > .flex_col {
    gap: 4px;
  }
  .gray_tag {
    padding: 1px 3px;
    border-radius: 2px;
    margin-right: 6px;
  }

  /* eve1 */
  #eve1.eve_box {
    gap: 18px;
  }
  #eve1 > .eve_sec:nth-child(1) .eve_sec_cont {
    gap: 2px;
  }
  #eve1 > .eve_sec:nth-child(2) .eve_sec_tit {
    gap: 3px;
  }
  .icon_star {
    width: 11px;
    height: 11px;
  }
  .tit_tag {
    border-radius: 2px;
    padding: 3px;
  }
  .eve_img_3 {
    height: 103px;
    margin-bottom: 10px;
  }
  .eve_title_3 {
    height: 32px;
  }
  .eve_title_4 {
    width: 229px;
    height: 58px;
  }
  .eve_sec_number_cont {
    gap: 4px;
  }
  .caption_txt {
    width: 95px;
    height: 16px;
    margin-left: 2px;
  }
  /* eve2 */
  .title_eve_1 {
    height: 12px;
  }
  #eve2 .eve_title img.title {
    width: 141px;
    height: 32px;
  }
  /* eve3 */
  #eve3.eve_box {
    background-position-y: -940px;
  }
  #eve3 .eve_img_2 {
    width: 296px;
    height: 103px;
    margin-bottom: 10px;
  }
  #eve3 .eve_title_2 {
    width: 229px;
    height: 32px;
  }
  .eve_sec_list {
    gap: 18px;
  }
  .title_eve_2 {
    height: 12px;
  }
  .title_eve_2_2 {
    gap: 3px;
  }
  .title_eve_2_2_tag {
    border-radius: 2px;
    padding: 3px;
  }

  /* footer */
  .footer_wrap {
    padding: 26px 20px 36px 12px;
    gap: 10px;
  }
  .footer_title {
    gap: 6px;
    padding-left: 8px;
  }
  .alert {
    width: 18px;
  }
  .footer ul p {
    padding-left: 20px;
    margin-bottom: 4px;
  }
  .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 ul li.default.star::before {
    top: 0px;
  }
  .footer .dashed_wrap {
    padding-left: 24px;
  }

  ul.list_wrap li {
    position: relative;
  }
  .list_wrap .li_txt {
    padding-left: 8px;
  }
  ul.list_wrap li.default {
    padding-left: 3px;
  }
  ul.list_wrap li.default::before {
    width: 3px;
    height: 3px;
    top: 7px;
  }
  .list_wrap .dashed_wrap {
    padding-left: 24px;
  }

  .plus_img_y {
    width: 24px;
  }
  span.cap_txt {
    padding: 1px 3px;
    border-radius: 2px;
  }
  .min-title {
    height: 15px;
  }
  .kv_cap {
    padding: 0 25px;
  }
  .kv-icon-plus-wrap {
    width: 136px;
  }
  .kv-icon-plus {
    width: 20px;
  }
  .twoline {
    padding-top: 5px;
  }
  .twoline p {
    line-height: 16px !important;
  }
  .pb {
    padding-bottom: 4px;
  }
  .caption_wrap {
    gap: 6px;
  }
  .banner-min-wrap {
    max-width: none;
    padding: 24px;
  }
  .cloud-left {
    width: 220px;
    bottom: -14px;
    left: 24px;
  }
  .cloud-right {
    width: 198px;
    bottom: -0px;
    right: -61px;
  }
  .text-left {
    height: 64px;
  }
  .text-right {
    height: 41px;
  }

  span.space {
    height: 24px;
  }

  .caption-wrap {
    gap: 4px;
  }
}