@charset "utf-8";

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

@font-face {
  font-family: 'SS';
  src: url('../font/SS-Regular.woff2') format('woff2'),
      url('../font/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;
}
.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: #0068f5 !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-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;}

.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: 35px 0; border-radius: 30px; font-size: 36px;}




/* 하드코딩 수정 */
.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: 42px; font-weight: 700; margin-bottom: 15px;}
.contents_wrap .context .txt {font-size: 36px; line-height: 1.4; letter-spacing: -2px;}
.benefit_list {text-align: center;}
.benefit_list .list_box {background: #f4f6fd;margin-bottom: 50px; padding: 40px 30px; border-radius: 20px;}
.benefit_list .list_box .num {display: block;padding-bottom: 30px; border-bottom: 3px solid #e1e6fd;font-size: 40px;font-weight: 800;color: #2b66f6;}
.benefit_list .list_box > p {padding-top: 30px; font-size: 36px;line-height: 1.3;}
.benefit_list .list_box > p > strong {font-size: 44px; color: #2b66f6;}
.btn_wrap > a {display: block; padding: 23px 0; background: #2b66f6; font-size: 32px; line-height: 1; text-align: center; color: #fff; font-weight: 800; border-radius: 50px;}

.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 {margin-top: 150px; margin-bottom: 75px; padding: 17px 43px; background: #3c3b39; border-radius: 50px; font-size: 36px; color: #fff; font-weight: 700; display: inline-block; line-height: 1;}
.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;}
.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: 22px; position: relative; line-height: 1.47;}
.event_list .list_box .context ul.list_txt > li::before {content: ''; display: inline-block; width: 11px; height: 3px; position: absolute; top: 25px; left: 0; background: #000; }
.event_list .list_box .context ol.list_txt > li {position: relative; padding-left: 40px;}
.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 {margin-top: 50px; padding: 30px 25px; border-radius: 25px; background: #e4e5e6; text-align: left;}
.memo_list > li {margin-bottom: 10px; padding-left: 35px; font-size: 28px; 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: 25px; height: 25px; background: url(../images/app/mark_gray.png)no-repeat; position: absolute; top: 7px; 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 {padding-bottom: 80px; background-color:#f7f8f9; color: #898989; }
.section_footer .center {max-width: 720px;margin: 0 auto;}
.section_footer .footer_tit {font-size: 42px; 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: 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:720px) {
  .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: 4.17vw !important; }
  .mt-40 { margin-top: 5.56vw !important; }
  .mt-50 { margin-top: 6.94vw !important; }
  .mt-60 { margin-top: 8.33vw !important; }
  .mt-70 { margin-top: 9.72vw !important; }
  .mt-80 { margin-top: 11.11vw !important; }
  .mt-90 { margin-top: 12.5vw !important; }
  .mt-100 { margin-top: 13.89vw !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; }


  .visual_img {overflow:hidden;}
  .visual_img img {position:relative;left:50%;transform:translateX(-50%);max-width:none;width:720px;}
  #floating.btn_wrap {padding: 5.56vw 0;}
  #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 6.9444vw;}
  .contents_wrap .context {margin-bottom: 12.5vw;}
  .contents_wrap .context h3 {font-size: 5.8333vw; margin-bottom: 2.0833vw;}
  .contents_wrap .context .txt {font-size: 5vw;}
  .benefit_list .list_box {margin-bottom: 6.9444vw; padding: 5.5556vw 4.1667vw;}
  .benefit_list .list_box .num {padding-bottom: 4.1667vw; font-size: 5.5556vw;}
  .benefit_list .list_box > p {padding-top: 4.1667vw; font-size: 5vw;}
  .benefit_list .list_box > p > strong {font-size: 6.1111vw;}
  .btn_wrap > a {padding: 3.1944vw 0; font-size: 4.4444vw;}
  .event_wrap {padding: 0 0 8.3333vw;}
  .event_list .list_box .num {margin-top: 20.8333vw; margin-bottom: 10.4167vw; padding: 2.3611vw 5.9722vw; font-size: 5vw;}
  .event_list .list_box > h2 {font-size: 8.3333vw; margin-bottom: 12.5vw;}
  .event_list .list_box .context {margin-bottom: 12.5vw; padding: 0 6.9444vw;}
  .event_list .list_box .context > h3 {font-size: 5.8333vw; margin-bottom: 2.7778vw;}
  .event_list .list_box .context .txt {font-size: 5vw;}
  .event_list .list_box .context .txt .fc-gray {font-size: 4.4444vw;}
  .event_list .list_box .context .list_tit {font-size: 5.5556vw; margin-top: 4.1667vw;}
  .event_list .list_box .context .list_txt {font-size: 5vw;}
  .event_list .list_box .context ul.list_txt > li {padding-left: 3.0556vw;}
  .event_list .list_box .context ul.list_txt > li::before {width: 1.5278vw; top: 3.4722vw;}
  .event_list .list_box .context ol.list_txt > li {padding-left: 5.5556vw;}
  .event_list .list_box .context ol.list_txt > li > em {font-size: 4.1667vw;}
  .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: 5vw; padding-left: 2.7778vw;}
  .hyphen_txt::before {width: 1.6667vw; top: 3.1944vw;}
  .memo_list {margin-top: 6.9444vw; padding: 4.1667vw 3.4722vw; border-radius: 3.4722vw;}
  .memo_list > li {margin-bottom: 1.3889vw; padding-left: 4.8611vw; font-size: 3.8889vw;}
  .memo_list > li::before {width: 3.4722vw; height: 3.4722vw; top: 0.9722vw; background-size: 100% auto;}
  .flex_wrap > .list_tit {min-width: 18.0556vw;}
  .section_footer {padding-bottom: 11.1111vw;}
  .section_footer .footer_tit {font-size: 5.8333vw;}
  .section_footer .footer_tit > .center {padding: 6.9444vw 1.3889vw; border-top: 0.28vw solid #7c7c7c; border-bottom: 0.28vw solid #7c7c7c; max-width: 88.89vw;}
  .section_footer .footer_txt_list {padding: 9.0278vw 0 16.6667vw;}
  .section_footer .footer_txt_list > li {padding-left: 2.9167vw; font-size: 3.8889vw;}
  .section_footer .footer_txt_list > li::before {width: 1.1111vw; height: 1.1111vw; top: 2.0833vw;}
  .section_footer .footer_hyphen_txt {font-size: 3.8889vw; 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: 4.1667vw;}

}
@media all and (max-width:320px) {
  .visual_img img {width:640px;}
}