@charset "utf-8";

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

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


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

body {
  background-color: #fff;
  letter-spacing:-0.05em;
  color: #0b0d0f;
}
.web_view { display:block; }
/* .mob_view { display:none; } */
#floating .mob_view { display: none;}

.blind {overflow: hidden;position: absolute;z-index: -1;width: 1px;height: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.bg_gray {background-color:#f4f4f4 !important;}
.fc-blue {color: #0068ff !important;}
.fc-gray {color: #626262 !important;}
.fc-darkGray {color: #5b5c5c !important;}
.fs-40 {font-size: 40px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-100 {margin-bottom: 100px !important;}
.bold {font-weight: 800 !important;}

#wrap {
  background: #000;
}

.visual_img {position:relative;max-width: 720px;margin: 0 auto;}
.visual_img img {width:100%;}

.tab_content_02 {display:none;}
#floating.btn_wrap {position:fixed;left:50%;bottom:0;z-index:9;width:100%;max-width:672px;transform:translateX(-50%); padding: 40px 0;background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);}
#floating.btn_wrap > a {margin: 0 24px 0 24px;}
.btn_wrap > a {display: block;
  height: 56px;
  border-radius: 12px;
  background-color: #0068FF;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 56px;}
/*#floating.btn_wrap > a {max-width: 620px; margin: 0 auto; padding: 35px 0; border-radius: 30px; font-size: 36px;}*/




/* 하드코딩 수정 */
.center {max-width: 720px; margin: 0 auto; padding: 0 50px;background: #fff}
.contents_wrap .context {text-align: left; margin-bottom: 90px;}
.contents_wrap .context h3 {font-size: 40px; font-weight: 700; margin-bottom: 15px;}
.contents_wrap .context .txt {font-size: 36px; line-height: 1.4; letter-spacing: 0;}
.benefit_list {text-align: center;}
.benefit_list .list_box {margin: 40px 0 0;padding: 70px 85px;border-radius: 30px;box-shadow: 0 0 24px rgba(0, 0, 0, .2);background-color: #fff;text-align: left}
.benefit_list .list_box .num{margin-bottom: 15px;display: inline-block;background-color: #006aff;color:#fff;font-size: 13px;font-weight: 700;padding:0 5px;border-radius: 5px}
.benefit_list .list_box > p {color: #727780;font-size: 14px;line-height: 120%}
.benefit_list .list_box > p strong{display: block;margin-top:10px;font-size: 18px;color: #0b0d0f;line-height: 130%}
  /*.benefit_list .list_box .num {display: block;padding-bottom: 30px; border-bottom: 1px solid #e4e9fd;font-size: 40px;font-weight: 800;color: #0068ff;}
  .benefit_list .list_box > p {padding-top: 30px; font-size: 36px;line-height: 1.3;color: #0b0d0f;}
  .benefit_list .list_box > p > strong {font-size: 44px; color: #0068ff;}*/
/*.btn_wrap > a {display: block; padding: 23px 0; background: #0068ff; font-size: 32px; line-height: 1; text-align: center; color: #fff; font-weight: 800; border-radius: 50px;height: 40px}*/

.event_wrap {padding: 0 0 60px; text-align: center;max-width: 720px;margin: 0 auto;background: #fff}
.event_list .list_box {max-width: 720px;margin: 0 auto;border-bottom:12px solid #f7f8f9;border-top:12px solid #f7f8f9;padding-bottom:40px;}
.event_list .list_box .num {
  max-width: 204px;
  box-sizing: border-box;
  padding: 10px 16px;
  display: flex;
  width: 100%;
  margin: 40px auto 40px;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  border-radius: 60px;
  background: linear-gradient(87deg, #0B0D0F -1.98%, #38393D 100.52%);
  justify-content: center;
}
.event_list .list_box > h2 {font-size: 60px; line-height: 1.2; font-weight: 700; margin-bottom: 90px;}
.event_list .list_box .context {text-align: left; margin-bottom: 90px; padding: 0 50px;background: #fff}
.event_list .list_box .context > h3 {font-size: 42px; font-weight: 700; margin-bottom: 20px;}
.event_list .list_box .context .txt {font-size: 36px; line-height: 1.4; }
.event_list .list_box .context .txt .fc-gray {color: #626262 !important; font-size: 32px;}
.event_list .list_box .context .list_tit {font-size: 40px; font-weight: 700; margin-top: 30px;}
.event_list .list_box .context .list_txt {font-size: 36px; line-height: 1.3;}
.event_list .list_box .context .list_txt > li.memo_list_wrap {padding-left: 0;}
.event_list .list_box .context .list_txt > li.memo_list_wrap::before {display: none;}
.event_list .list_box .context ul.list_txt > li {padding-left: 15px; position: relative; line-height: 1.47;margin-top: 20px;}
.event_list .list_box .context ul.list_txt > li:first-child {margin-top: 0;}
.event_list .list_box .context ul.list_txt > li::before {background: url("/assets/images/260121/202504ver/nmileage/web/bullet2.png") no-repeat 0 0;width: 6px;height: 6px;content: "";position: absolute;top: 0;left:0;}
.event_list .list_box .context ol.list_txt > li {position: relative; padding-left: 40px;font-size: 14px;}
.event_list .list_box .context ol.list_txt > li > em {position: absolute; top: 6px; left: 0; font-size: 30px;}
.event_badge {padding: 10px 33px; color: #fff; font-size: 26px; font-weight: 600; background: #3485f7; border-radius: 30px;margin-top: 48px; margin-bottom: 24px; display: inline-block;}
.event_badge_big_txt {font-size: 48px; line-height: 1.3; font-weight: 700;}
.hyphen_txt {position: relative; font-size: 36px; line-height: 1.4; letter-spacing: -1px; padding-left: 20px;}
.hyphen_txt::before {content: ''; display: inline-block; width: 12px; height: 1px; background: #000; position: absolute; top: 23px; left: 0;}
.memo_list {text-align: left;position: relative;background: #f7f8f9;padding: 15px 15px;border-radius: 10px}
.memo_list > li {margin-bottom: 10px; padding-left: 13px; font-size: 12px; line-height: 1.4; color: #868a93;position: relative; font-weight: 400;}
.memo_list > li:last-child {margin-bottom: 0;}
/*.memo_list > li::before {content: ''; display: inline-block; width: 25px; height: 25px; background: url(/assets/images/202504ver/nmileage/app/mark_gray.png)no-repeat; position: absolute; top: 7px; left: 0;}*/
.memo_list > li::before {position: absolute;top: 7px;left: 0;content: "";width: 3px;height: 3px;background: url(/assets/images/260121/monmo/total/web/bullet.png) no-repeat 0 0;background-size: 3px 3px;}

.memo_list2 {    text-align: left;
  position: relative;
  background: #f7f8f9;
  padding: 15px 15px;
  border-radius: 10px;}
.memo_list2 li {display: flex; gap: 8px;font-size: 14px;color: #868a93;}
.memo_list2 li:before {content: '';
  display: block;
  flex-shrink: 0;
  transform: translateY(40%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-image: url(/assets/images/260121/monmo/total/web/info2.png);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: -3px;}

.flex_wrap {display: flex; align-items: flex-start}
.flex_wrap > .list_tit {min-width: 130px; margin-top: 0 !important; line-height: 1.25;}

.section_footer {padding-bottom: 0; color: #898989; }
.section_footer .center {max-width: 720px;margin: 0 auto;}
.section_footer .footer_tit {font-size: 42px; font-weight: 800; color: #000; }
.section_footer .footer_tit > .center {padding: 0 50px; max-width: 720px;background: #fff; }
.section_footer .footer_txt_list {padding: 65px 0 120px;}
.section_footer .footer_txt_list > li {padding-left: 21px; position: relative;font-size: 28px; line-height: 1.45; letter-spacing: -1px;}
.section_footer .footer_txt_list > li::before {content: ""; display: inline-block;width: 8px;height: 8px; background: #7b7c7c; border-radius: 50%; position: absolute; top: 15px; left: 0;}
.section_footer .footer_hyphen_txt {position: relative; font-size: 28px; line-height: 1.4; padding-left: 20px;}
.section_footer .footer_hyphen_txt::before {content: ''; display: inline-block; width: 10px; height: 2px; background: #fff; position: absolute; top: 18px; left: 0;}
.section_footer .overdue_notice_list > li {position: relative; padding-left: 30px;}
.section_footer .overdue_notice_list > li .num {position: absolute; top: 0; left: 0;}
.section_footer .bold {color: #333;}




@media all and (max-width:3000px) {
  .fs-40 {font-size: 5.56vw !important; }
  .mt-10 { margin-top: 1.39vw !important; }
  .mt-20 { margin-top: 2.78vw !important; }
  .mt-30 { margin-top: 10px !important; }
  .mt-40 { margin-top: 5.56vw !important; }
  .mt-50 { margin-top: 6.94vw !important; }
  .mt-60 { margin-top: 20px !important; }
  .mt-70 { margin-top: 35px !important; }
  .mt-80 { margin-top: 11.11vw !important; }
  .mt-90 { margin-top: 12.5vw !important; }
  .mt-100 { margin-top: 40px !important; }
  .mb-10 { margin-bottom: 1.39vw !important; }
  .mb-20 { margin-bottom: 2.78vw !important; }
  .mb-30 { margin-bottom: 4.17vw !important; }
  .mb-40 { margin-bottom: 5.56vw !important; }
  .mb-50 { margin-bottom: 6.94vw !important; }
  .mb-60 { margin-bottom: 8.33vw !important; }
  .mb-70 { margin-bottom: 9.72vw !important; }
  .mb-80 { margin-bottom: 11.11vw !important; }
  .mb-90 { margin-bottom: 12.5vw !important; }
  .mb-100 { margin-bottom: 13.89vw !important; }

  .benefit_list .list_box {margin: 20px 0;padding: 35px 20px;border-radius: 15px;}

  .visual_img {overflow:hidden;}
  .visual_img img {position:relative;left:50%;transform:translateX(-50%);max-width:none;width:100%;}
  #floating.btn_wrap {padding: 5.56vw 0;linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%)}
  /*#floating.btn_wrap > a { max-width: 86.11vw; padding: 4.86vw 0; border-radius: 4.17vw; font-size: 5vw;}*/
  .mob_view { display:block; }

  /* 하드코딩 수정 */
  .center {padding: 0 24px !important;}
  .contents_wrap .context {margin-bottom: 40px;}
  .contents_wrap .context h3 {font-size: 20px; margin-bottom: 20px;}
  .contents_wrap .context .txt {font-size: 16px;letter-spacing: 0;}

  /*.btn_wrap > a {padding: 3.1944vw 0; font-size: 4.4444vw;}*/
  .event_wrap {padding: 0 0 8.3333vw;}
  .event_list .list_box .num {max-width: 102px;
    padding: 5px 8px;
    font-size: 16px;
    border-radius: 30px;
    margin-bottom: 20px;}
  .event_list .list_box > h2 {font-size: 24px; margin-bottom: 40px;}
  .event_list .list_box .context {margin-bottom: 40px; padding: 0 24px !important;}
  .event_list .list_box .context > h3 {font-size: 20px; margin-bottom: 20px;}
  .event_list .list_box .context .txt {font-size: 16px;}
  .event_list .list_box .context .txt .fc-gray {font-size: 16px;}
  .event_list .list_box .context .txt .fs-40 {font-size: 16px !important;}
  .event_list .list_box .context .list_tit {font-size: 16px; margin-top: 4.1667vw;}
  .event_list .list_box .context .list_txt {font-size: 16px;}
  .event_list .list_box .context ul.list_txt > li {padding-left: 13px;margin-top: 20px;}
  .event_list .list_box .context ul.list_txt > li::before {width: 4px; height: 4px;top: 8px;background-size: 4px 4px}
  .event_list .list_box .context ol.list_txt > li {padding-left: 20px;}
  .event_list .list_box .context ol.list_txt > li > em {font-size: 14px;top: 0;}
  .event_badge {padding: 1.3889vw 4.5833vw; font-size: 3.6111vw; margin-top: 6.6667vw; margin-bottom: 3.3333vw;}
  .event_badge_big_txt {font-size: 6.6667vw;}
  .hyphen_txt {font-size: 16px; padding-left: 2.7778vw;}
  .hyphen_txt::before {width: 1.6667vw; top: 3.1944vw;}
  /*.memo_list {margin-top: 20px; padding: 10px 15px; border-radius: 3.4722vw;background-color: #f7f8f9;}
  .memo_list > li {margin-bottom: 1.3889vw; padding-left: 4.8611vw; font-size: 24px;}
  .memo_list > li::before {width: 12.5px; height: 12.5px; top: 3px; background-size: 100% auto;}*/
  .flex_wrap > .list_tit {min-width: 65px;}
  .section_footer {padding-bottom: 0;}
  .section_footer .footer_tit {font-size: 20px;}
  /*.section_footer .footer_tit > .center {padding: 20px 0 !important; border-top: 0.28vw solid #7c7c7c; border-bottom: 0.28vw solid #7c7c7c; max-width: 88.89vw;}*/
  .section_footer .footer_txt_list {padding: 18px 0 16.6667vw;}
  .section_footer .footer_txt_list > li {padding-left: 15px; font-size: 14px;margin-top: 10px;}
  .section_footer .footer_txt_list > li:first-child {margin-top: 0;}
  .section_footer .footer_txt_list > li::before {width: 3px; height: 3px; top: 9px;font-weight: normal;border-radius: 3px;}
  .section_footer .footer_hyphen_txt {font-size: 14px; padding-left: 2.7778vw;}
  .section_footer .footer_hyphen_txt::before {width: 1.3889vw; height: 0.2778vw; top: 2.5vw;}
  .section_footer .overdue_notice_list > li {padding-left: 15px;}

}

@media all and (min-width:680px) and (max-width:700px) {
  .fs-40 {font-size: 23px !important;}
  .mt-0 {margin-top: 0 !important;}
  .mt-10 {margin-top: 10px !important;}
  .mt-20 {margin-top: 20px !important;}
  .mt-30 {margin-top: 30px !important;}
  .mt-40 {margin-top: 40px !important;}
  .mt-50 {margin-top: 50px !important;}
  .mt-60 {margin-top: 60px !important;}
  .mt-70 {margin-top: 35px !important;}
  .mt-80 {margin-top: 80px !important;}
  .mt-90 {margin-top: 90px !important;}
  .mt-100 {margin-top: 100px !important;}
  .mb-0 {margin-bottom: 0 !important;}
  .mb-10 {margin-bottom: 10px !important;}
  .mb-20 {margin-bottom: 20px !important;}
  .mb-30 {margin-bottom: 30px !important;}
  .mb-40 {margin-bottom: 40px !important;}
  .mb-50 {margin-bottom: 50px !important;}
  .mb-60 {margin-bottom: 60px !important;}
  .mb-70 {margin-bottom: 70px !important;}
  .mb-80 {margin-bottom: 80px !important;}
  .mb-90 {margin-bottom: 90px !important;}
  .mb-100 {margin-bottom: 100px !important;}
  .bold {font-weight: 800 !important;}

  .visual_img {position:relative;}
  .visual_img img {width:100%;}

  .tab_content_02 {display:none;}
  #floating.btn_wrap {position:fixed;left:50%;bottom:0;z-index:9;width:100%;max-width:1920px;transform:translateX(-50%); background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.0) 100%);padding: 40px 0;}
  /*#floating.btn_wrap > a {max-width: 620px; margin: 0 auto; padding: 17px 0; border-radius: 15px; font-size: 17.5px;width: 86.11vw;}*/




  /* 하드코딩 수정 */
  .center {max-width: 720px; margin: 0 auto; padding: 0 50px;}
  .contents_wrap .context {text-align: left; margin-bottom: 90px;}
  .contents_wrap .context h3 {font-size: 24px; font-weight: 700; margin-bottom: 15px;}
  .contents_wrap .context .txt {font-size: 20px; line-height: 1.4; letter-spacing: 0;}
  .benefit_list {text-align: center;}


  .event_wrap {padding: 0 0 60px; text-align: center; background: #f4f4f4;}
  .event_list .list_box {max-width: 720px;margin: 0 auto;}
  .event_list .list_box .num {max-width: 102px;
    padding: 5px 8px;
    font-size: 16px;
    border-radius: 30px;
    margin-bottom: 20px;}
  .event_list .list_box > h2 {font-size: 34.5px; line-height: 1.2; font-weight: 700; margin-bottom: 90px;}
  .event_list .list_box .context {text-align: left; margin-bottom: 90px; padding: 0 50px;}
  .event_list .list_box .context > h3 {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
  .event_list .list_box .context .txt {font-size: 20.5px; line-height: 1.4; }
  .event_list .list_box .context .txt .fc-gray {color: #626262 !important; font-size: 18.3px;}
  .event_list .list_box .context .list_tit {font-size: 23px; font-weight: 700; margin-top: 30px;}
  .event_list .list_box .context .list_txt {font-size: 20.6px; line-height: 1.3;}
  .event_list .list_box .context .list_txt > li.memo_list_wrap {padding-left: 0;}
  .event_list .list_box .context .list_txt > li.memo_list_wrap::before {display: none;}
  .event_list .list_box .context ul.list_txt > li {margin-top: 10px;padding-left: 22px; position: relative; line-height: 1.47;font-size: 20.6px}
  .event_list .list_box .context ul.list_txt > li::before {content: ''; display: inline-block; width: 11px; height: 3px; position: absolute; top: 15px; left: 0; background: #000; }
  .event_list .list_box .context ol.list_txt > li {position: relative; padding-left: 25px;}
  .event_list .list_box .context ol.list_txt > li > em {position: absolute; top: 0; left: 0; font-size: 14px;}
  .event_badge {padding: 10px 33px; color: #fff; font-size: 26px; font-weight: 600; background: #3485f7; border-radius: 30px;margin-top: 48px; margin-bottom: 24px; display: inline-block;}
  .event_badge_big_txt {font-size: 48px; line-height: 1.3; font-weight: 700;}
  .hyphen_txt {position: relative; font-size: 36px; line-height: 1.4; letter-spacing: -1px; padding-left: 20px;}
  .hyphen_txt::before {content: ''; display: inline-block; width: 12px; height: 1px; background: #000; position: absolute; top: 23px; left: 0;}
  .memo_list {margin-top: 50px; padding: 30px 25px; border-radius: 25px; background: #e4e5e6; text-align: left;}
  .memo_list > li {margin-bottom: 10px; padding-left: 25px; font-size: 12px; line-height: 1.4; color: #898a8c;position: relative; font-weight: 400;}
  .memo_list > li:last-child {margin-bottom: 0;}
  /*.memo_list > li::before {content: ''; display: inline-block; width: 15px; height: 15px; background: url(/assets/images/202504ver/nmileage/app/mark_gray.png)no-repeat;background-size: 100% auto; position: absolute; top: 3px; left: 0;}*/

  .flex_wrap {display: flex; align-items: flex-start}
  .flex_wrap > .list_tit {min-width: 130px; margin-top: 0 !important; line-height: 1.25;}


  .section_footer .center {max-width: 720px;margin: 0 auto;}
  .section_footer .footer_tit {font-size: 20px; font-weight: 800; background: #fff; color: #000; }
  /*.section_footer .footer_tit > .center {padding: 50px 10px; border-top: 2px solid #7c7c7c; border-bottom: 2px solid #7c7c7c; max-width: 640px;}*/
  .section_footer .footer_txt_list {padding: 65px 0 120px;}
  .section_footer .footer_txt_list > li {padding-left: 15px; position: relative;font-size: 16px; line-height: 1.45; letter-spacing: -1px;}
  .section_footer .footer_txt_list > li::before {content: ""; display: inline-block;width: 4px;height: 4px; background: #7b7c7c; border-radius: 50%; position: absolute; top: 9px; left: 0;}
  .section_footer .footer_hyphen_txt {position: relative; font-size: 28px; line-height: 1.4; padding-left: 20px;}
  .section_footer .footer_hyphen_txt::before {content: ''; display: inline-block; width: 10px; height: 2px; background: #fff; position: absolute; top: 18px; left: 0;}
  .section_footer .overdue_notice_list > li {position: relative; padding-left: 30px;}
  .section_footer .overdue_notice_list > li .num {position: absolute; top: 0; left: 0;}
  .section_footer .bold {color: #333;}
}


/*@media all and (max-width: 500px) {
  .visual_img img {width:640px;}
}
@media all and (max-width:400px) {
  .visual_img img {width:500px;}
}*/