@charset "utf-8";

@font-face {
  font-family: 'SS';
  src: url('/assets/font/202404ver1/monimo2th/SS-Bold.woff2') format('woff2'),
      url('/assets/font/202404ver1/monimo2th/SS-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SS';
  src: url('/assets/font/202404ver1/monimo2th/SS-Regular.woff2') format('woff2'),
      url('/assets/font/202404ver1/monimo2th/SS-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SS';
  src: url('/assets/font/202404ver1/monimo2th/SS-Bold.woff2') format('woff2'),
      url('/assets/font/202404ver1/monimo2th/SS-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SS';
  src: url('/assets/font/202404ver1/monimo2th/SS-Regular.woff2') format('woff2'),
      url('/assets/font/202404ver1/monimo2th/SS-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* { font-family: 'SS'; color: #000; word-break: keep-all; word-wrap: break-word; overflow-wrap: anywhere;}

body {
  background-color: #fff;
  letter-spacing:-0.05em;
}
.web_view { display:block; }
.mob_view { display:none; }
.d_flex { display: flex;}
.gap { gap: 0.3em;}
.ai_center { align-items: center;}
.blind {overflow: hidden;position: absolute;z-index: -1;width: 1px;height: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.f_inhert { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit;}
.fw_400 { font-weight: 400 !important;}
.fw_500 { font-weight: 500 !important;}
.fw_600 { font-weight: 600 !important;}
.fw_700 { font-weight: 700 !important;}
.fw_800 { font-weight: 800 !important;}
.fw_900 { font-weight: 900 !important;}
.fs_46 { font-size: 46px !important;}
.fs_33 { font-size: 33px !important;}
.fs_32 { font-size: 32px !important;}
.color_blue { color: #2b66f6 !important;}
.color_black { color: #000 !important;}
.color_gray { color: rgba(0, 0, 0, 0.6) !important;}
.btn_blue { display: block; width: 500px; margin: 0 auto; padding: 24px; border-radius: 100px; background-color: #0068ff; font-size: 42px; color: #fff; text-align: center;}
.btn_blue.type2 { width: 100%; margin-top: 50px;}
.ls_04 { letter-spacing: -0.04em;}
.ls_05 { letter-spacing: -0.05em;}
.ws_nowrap { white-space: nowrap;}

.highlight { background-image: linear-gradient(transparent 65%, #fbf1bf 65%, #fbf1bf 90%, transparent 90%); background-repeat: no-repeat; background-size: 100% 100%; font-family: inherit; font-weight: 600; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: #0f0f0f;}
.highlight2 { padding: 0 0.1em;background-image: linear-gradient(transparent 10%, #2b66f6 10%, #2b66f6 90%, transparent 90%); background-repeat: no-repeat; background-size: 100% 100%; font-family: inherit; font-weight: 700; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: #fff;}

.bf_hr { height: 2px; margin: 40px 0; background-color: #d2def8; border: none;}

.visual_img {position:relative;}
.visual_img img {width:100%;}
.img_wrap {width:100%;max-width:1020px;margin:0 auto;}
.img_wrap.type2 {max-width:820px;}
.img_wrap .img_item {width:100%;}
.section_event_01,
.section_event_03 {background-color:#f4f4f4;}
.section_footer {padding-bottom:min(100px,calc((55 / 360) * 100vw));background-color:#f7f8f9}
/* .event_tab_pin { background-color: #fff;} */

.tab_area {width:100%; margin:0 auto;}
.target_card_ttl + .tab_area { max-width: 1200px;}
.tab_area .tab {display:flex;}
.tab_area .tab .tab_btn {display:block;position:relative;width:50%; padding: 42px; opacity:.4; text-align: center; font-weight: 700; font-size: 36px; letter-spacing: -0.04em; color: #000;}
.tab_area .tab .tab_btn::after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:6px;background-color:#c5c4c4;}
.tab_area .tab .tab_btn.active {opacity:1;}
.tab_area .tab .tab_btn.active::after {background-color:#000;}

.event_all_area .tab_area { width:100%; max-width: 840px; margin:0 auto;}
.event_all_area .tab_area .tab { display:flex; justify-content: center; gap: 0px;}
.event_all_area .tab_area .tab .tab_btn { display: flex; flex-direction: column; align-items: center; position:relative; width:calc((100% - 0) / 3); height: auto; padding: 0; text-align: center; font-weight: 700; letter-spacing: -0.04em; color: #000; opacity: 1;}
.event_all_area .tab_area .tab .tab_btn::after { display: none;}
.event_tab_pin { z-index: 300; margin-top: 50px; padding-bottom: 5px;}
.event_tab_pin .img { position: relative; z-index: 10; width: 160px; height: 100px; object-fit: contain;}
.event_all_area .tab_area .tab::after { display: none;}
.event_all_area .tab_area .tab .tab_btn { position: relative; width: calc((100% - 0px) / 3);}
.event_all_area .tab_area .tab .tab_btn .bg { width: 100%;}
.event_all_area .tab_area .tab .tab_btn .bx { display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.event_all_area .tab_area .tab .tab_btn .txt { position: relative; z-index: 10; transform: translateX(-10%); margin-top: 8px; font-weight: 700; font-size: 32px; line-height: 1; letter-spacing: 0; white-space: nowrap;}
.event_all_area .tab_area .tab .tab_btn .txt::after { content: ''; display: inline-block; position: absolute; top: 56%; transform: translateY(-50%); width: 28px; height: 28px; background: url('/assets/images/202404ver1/monimo2th/web/arw_down_round.png') no-repeat right center; background-size: 100% auto; margin-left: 9px;}

.tab_content_02 {display:none;}
.section_footer { margin-top: 130px;}
#floating { display: flex; justify-content: center; position:fixed; left:0; bottom:0; z-index:600; width:100%; padding: 50px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); pointer-events: none;}
#floating .btn_blue { width: 646px; padding: 28px; border-radius: 25px; font-weight: 700; font-size: 36px; pointer-events: visible;}

.center { max-width: 1020px; margin: 0 auto;}
.target_card_ttl { padding: 46px 100px;}
.target_card_ttl .ttl { font-weight: 700; font-size: 42px;}
.target_card_ttl .desc { display: block; margin-top: 22px; font-size: 36px;}

.card_tab_01_content { padding: 90px 100px 100px;}
.card_tab_01_content .benefits { font-weight: 700; font-size: 46px; line-height: 1.1;}
.card_tab_01_box { position: relative; padding: 115px 185px 70px; border-radius: 25px; background-color: #f4f6fd;}
.card_tab_01_box::before,
.event_card_list .event_card .event_benefits::before { content: ''; display: block; position: absolute; left: 50%; top: 35px; transform: translateX(-50%); width: 260px; height: 8px; border-radius: 100px; background-color: #d2def8;}
.card_tab_01_box .benefits_list { display: flex; flex-direction: column; gap: 50px;}
.card_tab_01_box .benefits_item { display: flex; gap: 29px;}
.card_tab_01_box .benefits_item .ico { display: block; flex-shrink: 0; width: 82px; height: 82px; border-radius: 32px; background-color: #fff; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;}
.card_tab_01_box .benefits_item .ico_wallet { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_wallet.png');}
.card_tab_01_box .benefits_item .ico_cooking { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_cooking.png');}
.card_tab_01_box .benefits_item .ico_car { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_car.png');}
.card_tab_01_box .benefits_item .ico_shopping { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_shopping.png');}
.card_tab_01_box .benefits_item .benefits_box .ttl { font-weight: 700; font-size: 42px; color: #2b66f6;}
.card_tab_01_box .benefits_item .benefits_box .bf_list { margin-top: 10px;}
.card_tab_01_box .benefits_item .benefits_box .bf_list .bf_item { font-size: 36px; line-height: 50px; color: #505050;}
.card_tab_01_box .btn_blue { margin-top: 80px;}
.card_tab_01_box .memo { margin: 0 -40px; margin-top: 35px; font-size: 36px; line-height: 38px; text-align: center; color: rgba(0, 0, 0, 0.6);}

.event_card_list .event_card { padding-top: 60px;}
.event_card_list .event_card .center { padding: 0 90px;}
.event_card_list .event_card .center .event_num { display: block; width: fit-content; margin: 0 auto 75px; padding: 17px 40px; border-radius: 35px; font-weight: 700; font-size: 36px; line-height: 1; color: #fff; background-color: rgba(0, 0, 0, 0.8);}
.event_card_list .event_card .center > .ttl { font-weight: 700; font-size: 60px; line-height: 1.2; text-align: center;}
.event_card_list .event_card .thumb { margin: 100px 0 90px; text-align: center;}
.event_card_list .event_card2 .thumb { max-width: 636px; margin: 100px auto 90px;}
.event_card_list .event_card .event_list { display: flex; flex-direction: column; gap: 85px;}
.event_card_list .event_card .ttl + .event_list { margin-top: 80px;}
.event_card_list .event_card .event_item .ttl { font-weight: 700; font-size: 42px;}
.event_card_list .event_card .event_item > .txt { font-size: 36px;}
.event_card_list .event_card .event_item > .ttl + * { margin-top: 30px;}
.event_card_list .event_card .event_item .ico { display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.event_card_list .event_card .desc_list { display: flex; flex-direction: column; gap: 46px;}
.event_card_list .event_card .desc_item > .txt { font-size: 36px; line-height: 46px; letter-spacing: -0.06em;}
.event_card_list .event_card .order_list { display: flex; flex-direction: column; gap: 70px;}
.event_card_list .event_card .event_item > .ttl + .order_list {  margin-top: 60px;}
.event_card_list .event_card .order_box { display: flex; gap: 8px;}
.event_card_list .event_card .order_box .order_num { display: block; transform: translateY(0.13em); font-weight: 700; font-size: 40px; color: #4476f7; line-height: 1; letter-spacing: -0.02em; white-space: nowrap;}
.event_card_list .event_card .order_box .txt {font-size: 36px; line-height: 50px;}
.event_card_list .event_card .event_benefits { position: relative; margin-top: 30px; padding: 95px 90px; border-radius: 30px; background-color: #f4f6fd;}
.event_card_list .event_card .event_benefits .event_benefits_ttl_box { margin-bottom: 40px; text-align: center;}
.event_card_list .event_card .event_benefits .event_benefits_ttl { font-weight: 700; font-size: 44px; letter-spacing: -0.02em;}
.event_card_list .event_card .event_benefits_box + .event_benefits_box { margin-top: 50px;}
.event_card_list .event_card .linkplus_item { display: flex; align-items: center; gap: 20px;}
.event_card_list .event_card .linkplus_item + .linkplus_item { margin-top: 50px;}
.event_card_list .event_card .linkplus_item .ico { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #ededed; overflow: hidden; box-shadow: 0 3px 8px rgba(204, 224, 247, 0.5);}
.event_card_list .event_card .linkplus_item .txt { font-size: 36px; line-height: 45px; color: #505050;}
.event_card_list .event_card2 .event_list { gap: 95px;}
.event_card_list .event_card2 .add_box { margin-top: 0;}
.event_card_list .event_card2 .btn_blue { margin-top: 95px; padding: 30px;}
.event_card_list .event_card2 .event_item > .ttl + .order_list { gap: 50px;}
.event_card_list .event_card2 .order_box { flex-direction: column; gap: 12px;}
.event_card_list .event_card .event_item .order_list .ico { width: 233px; height: 31px; margin-left: 0; margin-right: 8px;}
/* .event_card_list .event_card .event_item .add_box { margin-top: 0;} */
.event_card_list .bnft_ttl_panel .bnft_tag { display: inline-block; padding: 14px 30px; border-radius: 100px; background-color: #5585f8; font-weight: 700; font-size: 26px; line-height: 1; color: #fff;}
.event_card_list .bnft_ttl_panel .bnft_txt { margin-top: 25px; font-weight: 700; font-size: 48px; line-height: 1.2; color: #000;}

.ico_coin { width: 60px; height: 60px; margin-right: 16px; background-image: url('/assets/images/202404ver1/monimo2th/web/ico_coin.png');}
.ico_linkplus { width: 350px; height: 46px; margin-left: 13px; background-image: url('/assets/images/202404ver1/monimo2th/web/ico_linkplus.png');}
.ico_chk { width: 50px; height: 50px; margin-right: 25px; background-image: url('/assets/images/202404ver1/monimo2th/web/ico_chk.png');}
.ico_airplane { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_airplane_02.png');}
.ico_beamin { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_baemin.png');}
.ico_naver { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_naver.png');}
.ico_coupang { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_coupang.png?ver=241126');}
.ico_nobrand { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_nobrand.png');}
.ico_kurly { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_kurly.png?ver=241126');}
.ico_paris { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_paris.png');}
.ico_baskin { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_baskin.png');}
.ico_gs { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_gs.png');}
.ico_gmarket { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_gmarket.png?ver=241126');}
.ico_lotte { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_lotte.png');}
.ico_hanaro { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_hanaro.png');}
.ico_emart24 { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_emart24.png?ver=241126');}
.ico_lottemart { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_lottemart.png?ver=241126');}
.ico_twosome { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_twosome.png?ver=241126');}
.ico_kgcshop { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_kgcshop.png?ver=241226');}
.ico_11st { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_11st.png?ver=241226');}
.ico_traders { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_traders.png?ver=241226');}
.ico_samsungstore { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_samsung_store.png');}
.ico_naverstore { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_naver_store.png');}
.ico_koreanair { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_korean_air.png?ver=250429');}
.ico_emart { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_emart.png?ver=250526');}
.ico_oliveyoung { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_oliveyoung.png?ver=250526');}
.ico_musinsa { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_musinsa.png?ver=250526');}
.ico_ikea {background-image: url('/assets/images/250801/monmo/total/web/ico_ikea.png');}

.desc_item { position: relative;}
.desc_item::before { content: ''; display: block; position: absolute; left: -23px; top: 20px; width: 8px; height: 8px; border-radius: 50%; background-color: currentColor; color: inherit;}
.order_item .d_flex { gap: 5px;}

.add_box { margin-top: 45px; padding: 35px 25px; border-radius: 25px; background-color: #e4e5e6;}
.add_list { display: flex; flex-direction: column; gap: 30px;}
.add_item { display: flex; gap: 8px;}
.add_item::before { content: ''; display: block; flex-shrink: 0; transform: translateY(40%); width: 24px; height: 24px; border-radius: 50%; background-image: url('/assets/images/202404ver1/monimo2th/web/mark.png'); background-position: center center; background-size: 100% auto; background-repeat: no-repeat;}
.add_item .txt { font-size: 28px; color: rgba(0, 0, 0, 0.6); letter-spacing: -0.02em;}

.section_footer { padding: 50px 0 200px;}
.section_footer .center { width: 826px;}
.section_footer .ttl { font-weight: 700; font-size: 42px; text-indent: 22px;}
.depth_list { display: flex; flex-direction: column; gap: 40px; margin-top: 45px;}
.depth_item { position: relative; padding-left: 50px;}
.depth_item::before { content: ''; display: block; position: absolute; left: 24px; top: 18px; width: 7px; height: 7px; border-radius: 50%; background-color: currentColor; color: inherit;}
.depth_item .txt { font-weight: inherit; font-size: 28px; line-height: 40px; color: inherit;}
.depth_item:not([class*="color"]) .txt { color: rgba(0, 0, 0, 0.6);}
.depth2_item { position: relative; padding-left: 18px;}
.depth2_item::before { content: '-'; display: block; position: absolute; left: 4px; top: 6px; font-weight: inherit; font-size: 18px; color: inherit;}
.depth_list .d_flex { gap: 10px;}


@media all and (max-width:1080px) {
  .blind {width: 0.0926vw;height: 0.0926vw;border: 0;clip: rect(0.0926vw, 0.0926vw, 0.0926vw, 0.0926vw);clip-path: inset(50%);}
  .fs_46 { font-size: 4.2593vw !important;}
  .fs_33 { font-size: 3.0556vw !important;}
  .fs_32 { font-size: 2.9630vw !important;}
  .btn_blue {  width: 46.2963vw; margin: 0 auto; padding: 2.2222vw; border-radius: 9.2593vw;  font-size: 3.8889vw;}
  .center { width: calc(100% - 13.8889vw);}

  .img_wrap {max-width:94.4444vw;}
  .section_footer {padding-bottom:min(9.2593vw,calc((55 / 360) * 100vw));}

  .tab_area {width:100%;max-width:94.4444vw;margin:0 auto;}
  .tab_area .tab {display:flex;}
  .tab_area .tab .tab_btn {display:block;position:relative;width:50%; padding: 3.8889vw; opacity:.4; text-align: center; font-weight: 700; font-size: 3.3333vw; letter-spacing: -0.04em; color: #000;}
  .tab_area .tab .tab_btn::after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.5556vw;background-color:#c5c4c4;}
  .tab_area .tab .tab_btn.active {opacity:1;}
  .tab_area .tab .tab_btn.active::after {background-color:#000;}

  .event_all_area .tab_area { width:100%; max-width: 77.7778vw; margin:0 auto;}
  .event_all_area .tab_area .tab { display:flex; justify-content: center; gap: 0.0000vw;}
  .event_all_area .tab_area .tab .tab_btn { display: flex; flex-direction: column; align-items: center; position:relative; width:calc((100% - 0) / 3); height: auto; padding: 0; text-align: center; font-weight: 700; letter-spacing: -0.04em; color: #000; opacity: 1;}
  .event_all_area .tab_area .tab .tab_btn::after { display: none;}
  .event_tab_pin { z-index: 300; margin-top: 4.6296vw; padding-bottom: 0.4630vw;}
  .event_tab_pin .img { position: relative; z-index: 10; width: 14.8148vw; height: 9.2593vw;}
  .event_all_area .tab_area .tab::after { display: none;}
  .event_all_area .tab_area .tab .tab_btn { position: relative; width: calc((100% - 0.0000vw) / 3);}
  .event_all_area .tab_area .tab .tab_btn .bg { width: 100%;}
  .event_all_area .tab_area .tab .tab_btn .bx { display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .event_all_area .tab_area .tab .tab_btn .txt { position: relative; z-index: 10; transform: translateX(-10%); margin-top: 0.7407vw; font-weight: 700; font-size: 2.9630vw; line-height: 1; letter-spacing: 0; white-space: nowrap;}
  .event_all_area .tab_area .tab .tab_btn .txt::after { content: ''; display: inline-block; position: absolute; top: 56%; transform: translateY(-50%); width: 2.5926vw; height: 2.5926vw; background: url('/assets/images/202404ver1/monimo2th/web/arw_down_round.png') no-repeat right center; background-size: 100% auto; margin-left: 0.8333vw;}


  .section_footer { margin-top: 12.0370vw;}
  #floating { left:0; bottom:0;  width:100%; padding: 4.6296vw; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); pointer-events: none;}
  #floating .btn_blue { width: 59.8148vw; padding: 2.5926vw; border-radius: 2.3148vw;  font-size: 3.3333vw; pointer-events: visible;}

  .center { width: 100%; margin: 0 auto;}
  .target_card_ttl { padding: 4.2593vw 9.2593vw;}
  .target_card_ttl .ttl {  font-size: 3.8889vw;}
  .target_card_ttl .desc {  margin-top: 2.0370vw; font-size: 3.3333vw;}

  .card_tab_01_content { padding: 8.3333vw 9.2593vw 9.2593vw;}
  .card_tab_01_content .benefits {  font-size: 4.2593vw; line-height: 1.1;}
  .card_tab_01_box { padding: 10.6481vw 17.1296vw 6.4815vw; border-radius: 2.3148vw; }
  .card_tab_01_box::before,
  .event_card_list .event_card .event_benefits::before {    left: 50%; top: 3.2407vw; transform: translateX(-50%); width: 24.0741vw; height: 0.7407vw; border-radius: 9.2593vw; }
  .card_tab_01_box .benefits_list {  flex-direction: column; gap: 4.6296vw;}
  .card_tab_01_box .benefits_item {  gap: 2.6852vw;}
  .card_tab_01_box .benefits_item .ico {  width: 7.5926vw; height: 7.5926vw; border-radius: 2.9630vw;   background-size: 100% auto; }
  .card_tab_01_box .benefits_item .ico_wallet { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_wallet.png');}
  .card_tab_01_box .benefits_item .ico_cooking { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_cooking.png');}
  .card_tab_01_box .benefits_item .ico_car { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_car.png');}
  .card_tab_01_box .benefits_item .ico_shopping { background-image: url('/assets/images/202404ver1/monimo2th/web/ico_shopping.png');}
  .card_tab_01_box .benefits_item .benefits_box .ttl {  font-size: 3.8889vw; }
  .card_tab_01_box .benefits_item .benefits_box .bf_list { margin-top: 0.9259vw;}
  .card_tab_01_box .benefits_item .benefits_box .bf_list .bf_item { font-size: 3.3333vw; line-height: 4.6296vw; }
  .card_tab_01_box .btn_blue { margin-top: 7.4074vw;}
  .card_tab_01_box .memo { margin: 0 -3.7037vw; margin-top: 3.2407vw; font-size: 3.3333vw; line-height: 3.5185vw;  color: rgba(0, 0, 0, 0.6);}
  
  .event_card_list .event_card { padding-top: 5.5556vw;}
  .event_card_list .event_card .center { padding: 0 8.3333vw;}
  .event_card_list .event_card .center .event_num {  width: fit-content; margin: 0 auto 6.9444vw; padding: 1.5741vw 3.7037vw; border-radius: 3.2407vw;  font-size: 3.3333vw; line-height: 1;  background-color: rgba(0, 0, 0, 0.8);}
  .event_card_list .event_card .center > .ttl {  font-size: 5.5556vw; line-height: 1.2; }
  .event_card_list .event_card .thumb { margin: 9.2593vw 0 8.3333vw; }
  .event_card_list .event_card2 .thumb { max-width: 50.7407vw; margin: 9.2593vw auto 8.3333vw;}
  .event_card_list .event_card .event_list {  flex-direction: column; gap: 7.8704vw;}
  .event_card_list .event_card .ttl + .event_list { margin-top: 7.4074vw;}
  .event_card_list .event_card .event_item .ttl {  font-size: 3.8889vw;}
  .event_card_list .event_card .event_item > .txt { font-size: 3.3333vw;}
  .event_card_list .event_card .event_item > .ttl + * { margin-top: 2.7778vw;}
  .event_card_list .event_card .event_item .ico {    background-size: 100% auto;}
  .event_card_list .event_card .desc_list {  flex-direction: column; gap: 4.2593vw;}
  .event_card_list .event_card .desc_item > .txt { font-size: 3.3333vw; line-height: 4.2593vw; letter-spacing: -0.06em;}
  .event_card_list .event_card .order_list {  flex-direction: column; gap: 6.4815vw;}
  .event_card_list .event_card .event_item > .ttl + .order_list {  margin-top: 5.5556vw;}
  .event_card_list .event_card .order_box {  gap: 0.7407vw;}
  .event_card_list .event_card .order_box .order_num {  transform: translateY(0.13em);  font-size: 3.7037vw;  line-height: 1; letter-spacing: -0.02em; white-space: nowrap;}
  .event_card_list .event_card .order_box .txt {font-size: 3.3333vw; line-height: 4.6296vw;}
  .event_card_list .event_card .event_benefits { margin-top: 2.7778vw; padding: 8.7963vw 8.3333vw; border-radius: 2.7778vw; }
  .event_card_list .event_card .event_benefits .event_benefits_ttl_box { margin-bottom: 3.7037vw;}
  .event_card_list .event_card .event_benefits .event_benefits_ttl { font-weight: 700; font-size: 4.0741vw; letter-spacing: -0.02em;}
  .event_card_list .event_card .event_benefits_box + .event_benefits_box { margin-top: 4.6296vw;}
  .event_card_list .event_card .linkplus_list { margin-top: 2.7778vw;}
  .event_card_list .event_card .linkplus_item {  align-items: center; gap: 1.8519vw;}
  .event_card_list .event_card .linkplus_item + .linkplus_item { margin-top: 4.6296vw;}
  .event_card_list .event_card .linkplus_item .ico { width: 6.4815vw; height: 6.4815vw; border-radius: 50%; }
  .event_card_list .event_card .linkplus_item .txt { font-size: 3.3333vw; line-height: 4.6296vw; }
  .event_card_list .event_card2 .event_list { gap: 8.7963vw;}
  .event_card_list .event_card2 .add_box { margin-top: 0;}
  .event_card_list .event_card2 .btn_blue { margin-top: 8.7963vw; padding: 2.7778vw; }
  .event_card_list .event_card2 .event_item > .ttl + .order_list { gap: 4.6296vw;}
  .event_card_list .event_card2 .order_box { flex-direction: column; gap: 1.1111vw;}
  .event_card_list .event_card .event_item .order_list .ico { width: 21.5741vw; height: 2.8704vw; margin-left: 0;}
  .event_card_list .bnft_ttl_panel .bnft_tag { display: inline-block; padding: 1.2963vw 2.7778vw; border-radius: 9.2593vw; background-color: #5585f8; font-weight: 700; font-size: 2.4074vw; line-height: 1; color: #fff;}
  .event_card_list .bnft_ttl_panel .bnft_txt { margin-top: 2.3148vw; font-weight: 700; font-size: 4.4444vw; line-height: 1.2; color: #000;}
  
  .ico_coin {  width: 5.5556vw; height: 5.5556vw; margin-right: 1.4815vw; background-image: url('/assets/images/202404ver1/monimo2th/web/ico_coin.png');  background-size: 100% auto; }
  .ico_linkplus { width: 32.4074vw; height: 4.2593vw; margin-left: 1.2037vw; background-image: url('/assets/images/202404ver1/monimo2th/web/ico_linkplus.png');}
  .ico_chk { width: 4.6296vw; height: 4.6296vw; margin-right: 2.3148vw; background-image: url('/assets/images/202404ver1/monimo2th/web/ico_chk.png');}

  .desc_item::before { left: -2.1296vw; top: 1.8519vw; width: 0.7407vw; height: 0.7407vw; border-radius: 50%;  }
  .order_item .d_flex { gap: 0.4630vw;}

  .add_box { margin-top: 4.1667vw; padding: 3.2407vw 2.3148vw; border-radius: 2.3148vw; }
  .add_list {  flex-direction: column; gap: 2.7778vw;}
  .add_item {  gap: 0.7407vw;}
  .add_item::before { flex-shrink: 0; transform: translateY(40%); width: 2.2222vw; height: 2.2222vw; border-radius: 50%; background-image: url('/assets/images/202404ver1/monimo2th/web/mark.png');  background-size: 100% auto; }
  .add_item .txt { font-size: 2.5926vw; color: rgba(0, 0, 0, 0.6); letter-spacing: -0.02em;}

  .section_footer { padding: 4.6296vw 0 18.5185vw;}
  .section_footer .center { width: 76.4815vw;}
  .section_footer .ttl {  font-size: 3.8889vw; text-indent: 2.0370vw;}
  .depth_list { flex-direction: column; gap: 3.7037vw; margin-top: 4.1667vw;}
  .depth_item { padding-left: 4.6296vw;}
  .depth_item::before { left: 2.2222vw; top: 1.6667vw; width: 0.6481vw; height: 0.6481vw; border-radius: 50%;  }
  .depth_item .txt { font-size: 2.5926vw; line-height: 3.7037vw; }
  .depth_item:not([class*="color"]) .txt { color: rgba(0, 0, 0, 0.6);}
  .depth2_item { padding-left: 1.6667vw;}
  .depth2_item::before { left: 0.3704vw; top: 0.5556vw;  font-size: 1.6667vw; }
  .depth_list .d_flex { gap: 0.9259vw;}
}

@media all and (max-width:720px) {
  .d_md_block { display: block;}
  .visual_img {overflow:hidden; background-color: #2d7eea;}
  .visual_img img {position:relative;left:50%;transform:translateX(-50%);max-width:none;width:360px;}
  .web_view { display:none;}
  .mob_view { display:block;}
  .event_card1 { padding-top: 20px;}
  .section_footer { margin-top: 72px;}
  .footer {padding-bottom:min(100px,calc((55 / 360) * 100vw));}

  .bf_hr { height: 1px; margin: 20px 0;}


  .tab_area {max-width:360px;}
  .tab_area .tab .tab_btn {width:50%; padding: 14px; font-size: 18px;}
  .tab_area .tab .tab_btn::after {height:3px;}

  .event_all_area .tab_area { width:100%; max-width: 340px; margin:0 auto;}
  .event_all_area .tab_area .tab { display:flex; justify-content: center; gap: 0px;}
  .event_all_area .tab_area .tab .tab_btn { display: flex; flex-direction: column; align-items: center; position:relative; width:calc((100% - 18px) / 2); height: auto; padding: 0; text-align: center; font-weight: 700; letter-spacing: -0.04em; color: #000; opacity: 1;}
  .event_all_area .tab_area .tab .tab_btn::after { display: none;}
  .event_tab_pin { z-index: 300; margin-top: 28px; padding-bottom: 3px;}
  .event_tab_pin .img { position: relative; z-index: 10; width: 75px; min-width: 75px;}
  .event_all_area .tab_area .tab::after { display: none;}
  .event_all_area .tab_area .tab .tab_btn { position: relative; width: calc((378px - 0px) / 2);}
  .event_all_area .tab_area .tab .tab_btn .bg { width: 100%;}
  .event_all_area .tab_area .tab .tab_btn .bx { display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .event_all_area .tab_area .tab .tab_btn .txt { position: relative; z-index: 10; margin-top: 8px; font-weight: 700; font-size: 12px; line-height: 1; letter-spacing: 0; white-space: nowrap;}
  .event_all_area .tab_area .tab .tab_btn .txt::after { content: ''; display: inline-block; position: absolute; top: 56%; transform: translateY(-50%); width: 13px; height: 13px; background: url('/assets/images/202404ver1/monimo2th/web/arw_down_round.png') no-repeat right center; background-size: 100% auto; margin-left: 5px;}

  #floating { padding: 20px;}
  #floating .btn_blue { width: 100%; max-width: 323px; padding: 13px; border-radius: 12px; font-size: 18px;}

  .fs_46 { font-size: 23px !important;}
  .fs_33 { font-size: 17px !important;}
  .fs_32 { font-size: 16px !important;}

  .card_tab_01_box .btn_area { text-align: center;}
  .btn_blue { display: inline-block; width: auto; padding: 10px 33px; font-size: 18px;}
  .center { width: calc(100% - 50px); max-width: 330px;}

  .target_card_ttl { padding: 60px 25px 15px;}
  .target_card_ttl .ttl { font-size: 21px;}
  .target_card_ttl .desc { margin-top: 7px; font-size: 18px;}

  .tab_content_01 .center,
  .tab_content_02 .center { width: 100%; padding: 0 10px;}
  .card_tab_01_content { padding: 45px 25px 30px;}
  .card_tab_01_content .benefits { font-size: 23px;}
  .card_tab_01_box { padding: 50px 24px 30px; border-radius: 16px;}
  .card_tab_01_box::before,
  .event_card_list .event_card .event_benefits::before { top: 12px; width: 100px; height: 3px;}
  .card_tab_01_box .benefits_list { gap: 25px;}
  .card_tab_01_box .benefits_item { gap: 12px;}
  .card_tab_01_box .benefits_item .ico { width: 33px; height: 33px; border-radius: 50%;}
  .card_tab_01_box .benefits_item .benefits_box .ttl { font-size: 21px;}
  .card_tab_01_box .benefits_item .benefits_box .bf_list { margin-top: 6px;}
  .card_tab_01_box .benefits_item .benefits_box .bf_list .bf_item { font-size: 18px; line-height: 25px;}
  .card_tab_01_box .btn_blue { margin-top: 30px;}
  .card_tab_01_box .memo { margin-top: 13px; font-size: 14px; line-height: 15px;}

  .event_card_list .event_card { padding-top: 30px;}
  .event_card_list .event_card .center { padding: 0 10px; box-sizing: content-box;}
  .event_card_list .event_card .center .event_num { margin: 0 auto 25px; padding: 8px 20px; border-radius: 18px; font-size: 18px;}
  .event_card_list .event_card .center > .ttl { font-size: 30px;}
  .event_card_list .event_card .thumb { margin: 30px 0 20px;}
  .event_card_list .event_card2 .thumb { max-width: 100%; margin: 40px auto; transform: translateX(0);}
  .event_card_list .event_card .thumb img { width: 215px;}
  .event_card_list .event_card2 .thumb img { width: 100%;}
  .event_card_list .event_card .event_list { gap: 40px;}
  .event_card_list .event_card .event_item .ttl { font-size: 21px;}
  .event_card_list .event_card .event_item > .txt { font-size: 18px;}
  .event_card_list .event_card .event_item > .ttl + * { margin-top: 21px;}
  .event_card_list .event_card .desc_list { gap: 16px;}
  .event_card_list .event_card .desc_item > .txt { font-size: 18px; line-height: 23px; letter-spacing: 0;}
  .event_card_list .event_card .order_list { gap: 20px;}
  .event_card_list .event_card .event_item > .ttl + .order_list { margin-top: 23px;}
  .event_card_list .event_card .order_box { gap: 4px;}
  .event_card_list .event_card .order_box .order_num { transform: translateY(0.13em); font-size: 20px;}
  .event_card_list .event_card .order_box .txt {font-size: 18px; line-height: 25px;}
  .event_card_list .event_card .event_benefits { margin-top: 30px; padding: 35px 30px; border-radius: 15px;}
  .event_card_list .event_card .event_benefits .event_benefits_ttl_box { margin-bottom: 20px;}
  .event_card_list .event_card .event_benefits .event_benefits_ttl { font-weight: 700; font-size: 21px; letter-spacing: -0.02em;}
  .event_card_list .event_card .event_benefits_box + .event_benefits_box { margin-top: 25px;}
  .event_card_list .event_card .linkplus_list { margin-top: 6px;}
  .event_card_list .event_card .linkplus_item { gap: 10px;}
  .event_card_list .event_card .linkplus_item + .linkplus_item { margin-top: 25px;}
  .event_card_list .event_card .linkplus_item .ico { flex-shrink: 0; width: 35px; height: 35px;}
  .event_card_list .event_card .linkplus_item .txt { font-size: 18px; line-height: 25px;}
  .event_card_list .event_card2 .btn_blue { margin-top: 30px; width: 100%; max-width: 200px; padding: 10px 0; border-radius: 23px;}
  .event_card_list .event_card2 .event_item > .ttl + .order_list { gap: 20px;}
  .event_card_list .event_card2 .order_box { flex-direction: column; gap: 7px;}
  .event_card_list .event_card2 .event_item .order_list .ico { width: 119px; height: 16px; margin-left: 0; margin-right: 4px; vertical-align: middle;}
  .event_card_list .event_card2 .event_item .order_list .ico + .txt { vertical-align: middle;}
  .event_card_list .bnft_ttl_panel .bnft_tag { padding: 6px 15px; font-size: 13px;}
  .event_card_list .bnft_ttl_panel .bnft_txt { margin-top: 15px; font-size: 24px;}
  

  .ico_coin { width: 30px; height: 30px; margin-right: 8px;}
  .ico_linkplus { width: 175px; height: 23px; margin-left: 8px;}
  .ico_chk { width: 25px; height: 25px; margin-right: 12px;}

  .desc_item::before { left: -12px; top: 10px; width: 4px; height: 4px;}
  .order_item .d_flex { gap: 5px;}

  .add_box { margin-top: 22px; padding: 17px 12px; border-radius: 12px;}
  .add_list { gap: 14px;}
  .add_item { gap: 4px;}
  .add_item::before { width: 12px; height: 12px;}
  .add_item .txt { font-size: 14px; letter-spacing: 0;}

  .section_footer { padding: 25px 0 100px;}
  .section_footer .center { width: 100%; padding: 0 10px;}
  .section_footer .ttl { font-size: 21px; text-indent: 0;}
  .depth_list { gap: 16px; margin-top: 17px;}
  .depth_item { padding-left: 12px;}
  .depth_item::before { left: 2px; top: 9px; width: 4px; height: 4px;}
  .depth_item .txt { font-size: 14px; line-height: 20px;}
  .depth2_item { padding-left: 16px;}
  .depth2_item::before {left: 6px; top: 1px; font-size: 14px;}
  .depth_list .d_flex { gap: 4px;}
}
@media all and (max-width:326px) {
  .visual_img img {width:100%;}
  .section_footer { margin-top: 20.0000vw;}
}