@charset "UTF-8";
/* abstracts */
@font-face {
  font-family: "pd";
  font-weight: 700;
  font-display: swap;
  src: url("../font/Pretendard-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "pd";
  font-weight: 600;
  font-display: swap;
  src: url("../font/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "pd";
  font-weight: 500;
  font-display: swap;
  src: url("../font/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "pd";
  font-weight: 400;
  font-display: swap;
  src: url("../font/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "pd";
  font-weight: 300;
  font-display: swap;
  src: url("../font/Pretendard-Light.woff2") format("woff2");
}
@font-face {
  font-family: "pd";
  font-weight: 300;
  font-display: swap;
  src: url("../font/Roboto-Light.woff") format("woff");
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "pd";
  font-weight: 400;
  font-display: swap;
  src: url("../font/Roboto-Regular.woff") format("woff");
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "pd";
  font-weight: 500;
  font-display: swap;
  src: url("../font/Roboto-Medium.woff") format("woff");
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "pd";
  font-weight: 600;
  font-display: swap;
  src: url("../font/Roboto-Bold.woff") format("woff");
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "pd";
  font-weight: 700;
  font-display: swap;
  src: url("../font/Roboto-Bold.woff") format("woff");
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "hana";
  font-weight: 700;
  font-display: swap;
  src: url("../font/Hana2B.woff") format("woff");
}
.gap4 {
  gap: 0.4rem !important;
}

.gap8 {
  gap: 0.8rem;
}

.gap12 {
  gap: 1.2rem;
}

.gap16 {
  gap: 1.6rem;
}

.gap18 {
  gap: 1.8rem;
}

.gap20 {
  gap: 2rem;
}

.gap24 {
  gap: 2.4rem;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pt16 {
  padding-top: 1.6rem !important;
}

.pt20 {
  padding-top: 2rem;
}

.pt40 {
  padding-top: 4rem;
}

.pd12 {
  padding: 1.2rem;
}

.mb16 {
  margin-bottom: 1.6rem;
}

.mt4 {
  margin-top: 0.4rem;
}

.mt6 {
  margin-top: 0.6rem;
}

.mt8 {
  margin-top: 0.8rem !important;
}

.mt_lv0 {
  margin-top: 0;
}

.mb_lv0 {
  margin-bottom: 0.8rem;
}

.mb8 {
  margin-bottom: 0.8rem !important;
}

.pt_lv1 {
  padding-top: 1.2rem;
}

.c_info04 {
  color: #f02554 !important;
}

a[href^=tel] {
  text-decoration: none;
}

.hide_item {
  display: none;
}

.box.sm {
  padding: 1.2rem;
}

/* rebuild : asis 공통 소스 수정 S */
html, body {
  height: auto;
}

.s_header + .content.rebuild {
  min-height: calc(100vh - 5.6rem);
}

.rebuild select {
  padding: 0 3.4rem 0 1.4rem;
  background: #f6f6f6 url(../img/rebuild/icon/ic_16_arrow_down.png) right 1.6rem center/1.6rem no-repeat;
}
.rebuild .pb_12 {
  padding-bottom: 11.6rem !important;
}
.rebuild .s_header h1 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.rebuild .text_lv1 {
  margin-bottom: 2.4rem;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #111;
  font-weight: 700;
}
.rebuild .text_lv1 + .text_lv1_sub {
  margin-top: -1.2rem;
}
.rebuild .text_lv2 {
  margin: 4rem 0 1.6rem;
  font-size: 1.8rem;
  color: #111;
  font-weight: 700;
  line-height: 2.6rem;
}
.rebuild .text_lv2 + .box {
  margin-top: 0;
}
.rebuild .text_lv2:first-child {
  margin-top: 0;
}
.rebuild .text_lv1_sub {
  font-size: 1.5rem;
  color: #555;
  font-weight: 500;
  line-height: 2.2rem;
}
.rebuild .desc_box p {
  color: #666;
}
.rebuild .bg_ice_blue {
  background-color: #ebf6f6 !important;
}
.rebuild .btn.gray {
  background-color: #edf6f6;
  border-color: #edf6f6;
  color: #009178;
}
.rebuild .btn.white {
  border: 0.1rem solid #d9d9d9;
  color: #333;
  font-weight: 500;
}
.rebuild .cta_btn {
  padding: 0.4rem 1.6rem;
  height: 2.8rem;
  border-radius: 2.4rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.rebuild .cta_btn.sm {
  height: 2.4rem;
  padding: 0.3rem 0.8rem;
}
.rebuild .cta_btn.on {
  color: #009178;
  border: 1px solid #009178;
}
.rebuild .btn.large {
  height: 5.6rem;
}
.rebuild .btn_a {
  font-size: 1.4rem;
  font-weight: 500;
}
.rebuild .help_btn {
  overflow: hidden;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/rebuild/icon/ic_16_black_help.png) center/contain no-repeat;
}
.rebuild .table_tit .text_lv1,
.rebuild .table_tit .text_lv2,
.rebuild .table_tit .text_lv3 {
  margin-bottom: 0;
}
.rebuild .current_step {
  margin-bottom: 1.2rem;
}
.rebuild .current_step .item {
  padding: 0 0.6rem;
  background-color: #f6f6f6;
  font-weight: 500;
}
.rebuild .info_icon .tit strong {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #111;
  font-weight: 600;
}
.rebuild .blt.dot > li {
  padding-left: 1rem;
  color: #666;
}
.rebuild .blt.dot > li:before {
  background-color: #666;
}
.rebuild .img_wrap.w96 {
  width: 9.6rem;
  height: 9.6rem;
}
.rebuild .box {
  position: relative;
  width: 100%;
  border-radius: 0.8rem;
  border: 0.1rem solid #d9d9d9;
}
.rebuild .box .table_wrap,
.rebuild .box .form_list > li {
  position: initial;
}
.rebuild .box.bg_gray {
  border-color: #f6f6f6;
  background-color: #f6f6f6;
}
.rebuild .box.bg_gray .table_wrap .table_tit {
  margin-bottom: 0;
}
.rebuild .box.bg_gray .table_list .tit {
  color: #333;
}
.rebuild .banking_card {
  border-radius: 0.8rem;
  border: 0.1rem solid #d9d9d9;
}
.rebuild .table_wrap .table_tit {
  margin-bottom: 2rem;
}
.rebuild .table_wrap .table_tit.line {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #d9d9d9;
}
.rebuild .table_wrap.noline {
  border-top: 0 !important;
  padding-top: 0 !important;
}
.rebuild .table_wrap ~ .table_wrap {
  border-top: 1px solid #d9d9d9;
}
.rebuild .table_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.rebuild .table_list li .th {
  width: 112px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 112px;
          flex: 0 0 112px;
}
.rebuild .table_list li .td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.rebuild .table_list li.bdt {
  border-color: #d9d9d9;
}
.rebuild hr {
  display: block;
  border-top: 1px solid #d9d9d9;
  border-width: 1px 0 0 0;
}
.rebuild .nodata {
  font-size: 1.6rem;
  color: #555;
  font-weight: 500;
}
.rebuild .tab_wrap .nodata {
  margin-top: 10rem;
}
.rebuild .form_list > li {
  position: relative;
}
.rebuild .form_list > li .title {
  position: relative;
  display: inline-block;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  font-weight: 500;
}
.rebuild .form_list > li .title.is_require:after {
  content: "*";
  display: inline-block;
  margin-left: 0.4rem;
  color: #009178;
}
.rebuild .form_list > li .title.is_require:not([aria-required=true]) {
  border: 3px solid orange;
}
.rebuild .form_list > li ~ li {
  margin-top: 2rem;
}
.rebuild .form_list > li .has_util.type2 {
  margin-bottom: 0.8rem;
}
.rebuild .form_list > li .has_util.type2 .title {
  margin-bottom: 0;
}
.rebuild .form_list + .btn_wrap {
  margin-top: 2rem;
}
.rebuild .tab_wrap .tab .on button {
  font-weight: 700;
}
.rebuild .btn_radio_group .radio label {
  background-color: #f6f6f6;
  font-weight: 400;
}
.rebuild .btn_radio_group .radio input:checked + label {
  border-width: 1px;
  border-color: #009178;
  color: #009178;
  background-color: #f0f9f9;
  font-weight: 500;
}
.rebuild .btn_radio_group + .form_group {
  margin-top: 0.8rem;
}
.rebuild .btn.select_style {
  padding: 1.2rem 4.4rem 1.2rem 1.6rem;
  background-color: #f6f6f6;
  line-height: 2.4rem;
  background: #f6f6f6 url(../img/rebuild/icon/ic_16_arrow_down.png) right 1.6rem center/1.6rem no-repeat;
  border: 0;
}
.rebuild .btn.select_style:disabled {
  background-color: #d9d9d9;
}
.rebuild .btn.select_style:disabled > span {
  color: #555;
}
.rebuild .btn.input_style .inp_com {
  border: 1px solid #f6f6f6;
  background: #f6f6f6;
}
.rebuild .btn.input_style .inp_com.focus {
  border: 1px solid #009591;
}
.rebuild .btn.input_style .cal_num {
  padding-right: 0.4rem;
  border-radius: 0.8rem 0 0 0.8rem;
  -webkit-transition: none;
  transition: none;
}
.rebuild .btn.input_style:disabled .inp_com {
  border: 1px solid #d9d9d9;
  background: #d9d9d9;
}
.rebuild .btn.input_style:disabled .cal_num {
  color: #666;
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
}
.rebuild input[type=month] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 4.8rem;
  font-size: 1.6rem;
  padding: 0 1.4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 0.8rem;
  font-family: "pd";
  font-weight: 500;
  color: #111;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
}
.rebuild input[type=month].datepicker,
.rebuild input[type=text].datepicker {
  padding: 0 3.4rem 0 10px;
  background: url(../img/rebuild/icon/ic_20_calendar.png) right 10px center/2rem no-repeat;
}
.rebuild input[type=month]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
}
.rebuild input[type=text] {
  padding: 0 1.6rem;
  border: 1px solid #f6f6f6;
  background: #f6f6f6;
  -webkit-transition: none;
  transition: none;
}
.rebuild input:-moz-read-only {
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
  color: #666;
}
.rebuild input:read-only, .rebuild input:disabled {
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
  color: #666;
}
.rebuild .inp_com .has_el {
  padding-right: 0.4rem;
}
.rebuild .inp_com span.el {
  padding-right: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
}
.rebuild .form_group.date .inp {
  border-color: #d9d9d9;
}
.rebuild .fix_bottom .btn.green:disabled,
.rebuild .btn_wrap.fix .btn.green:disabled {
  color: #555;
  border: 1px solid #d9d9d9 !important;
  background: #d9d9d9 !important;
}
.rebuild .inp_com.read_disabled {
  border: 1px solid #d9d9d9 !important;
  background: #d9d9d9 !important;
}
.rebuild .inp_com .bg_white + .val_del {
  position: static !important;
}
.rebuild .d_check input:checked + label {
  color: #008386;
  background: url(../img/rebuild/icon/ic_24_checkbox_all_select.svg) left center/2.4rem no-repeat;
}
.rebuild .d_check.small input:checked + label {
  background: url(../img/rebuild/icon/ic_24_checkbox_all_select.svg) left top/1.8rem no-repeat;
}
.rebuild.pop_slide > .pop_inside > .p_top {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.rebuild.pop_slide > .pop_inside > .p_body {
  padding: 0.8rem 2.4rem 2rem;
  max-height: 65vh;
  max-height: 65dvh;
}
.rebuild.pop_slide > .pop_inside > .p_body .btn_wrap {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.rebuild.pop_basic.full > .pop_inside > .p_body > .btn_wrap.r7_3 .btn:last-child {
  -webkit-box-flex: 1.9;
      -ms-flex: 1.9;
          flex: 1.9;
}
.rebuild.pop_basic.full > .pop_inside > .p_body > .btn_wrap.fix {
  -webkit-box-shadow: 0 -12px 16px #fff;
          box-shadow: 0 -12px 16px #fff;
}
.rebuild.pop_basic.full > .pop_inside > .p_body > .inner_content {
  padding-bottom: 3rem;
}
.rebuild.pop_basic.full > .pop_inside > .p_body > .fix_bottom {
  padding: 0 2.4rem 2rem;
}
.rebuild.pop_basic.full > .pop_inside > .p_body > .fix_bottom > .btn_wrap {
  margin-top: 1rem;
}
.rebuild.pop_basic.center .p_top + .p_body .inner_content {
  padding-top: 2rem;
  padding-bottom: calc(env(safe-area-inset-bottom) + 2rem);
}
.rebuild.pop_basic.center .btn_wrap {
  gap: 0.8rem;
}
.rebuild .fix_bottom, .rebuild.pop_basic.full > .pop_inside > .p_body > .btn_wrap.fix {
  padding-bottom: calc(env(safe-area-inset-bottom) + 2rem);
}
.rebuild .list_wrap li {
  border-top: 0.1rem solid #d9d9d9;
}
.rebuild .list_wrap li:first-child {
  border-top: 0;
}
.rebuild .list_wrap.check li > a,
.rebuild .list_wrap.check li button {
  width: 100%;
  padding: 1.2rem 4rem 1.2rem 0;
  text-align: left;
  color: #666;
  line-height: 2.4rem;
}
.rebuild .list_wrap.check li.on > a,
.rebuild .list_wrap.check li.on button {
  background: url(../img/icon/icon-slide-select-24-px.svg) center right/2.4rem no-repeat;
  color: #009178;
  font-weight: 500;
}
.rebuild .list_wrap.no_check li:last-child {
  border-bottom: 0;
}
.rebuild .list_wrap.no_check li > a,
.rebuild .list_wrap.no_check li button {
  color: #666;
  line-height: 2.4rem;
  text-align: left;
}
.rebuild .bagde {
  display: inline-block;
  padding: 0.1rem 0.6rem;
  height: 2rem;
  line-height: 1.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 0.2rem;
}
.rebuild .btn_more_item {
  margin-top: 1.2rem;
}
.rebuild .info_box {
  margin-top: 4rem;
}
.rebuild .comp_content .announce .circle:before,
.rebuild .comp_content .announce .circle:after {
  background-color: #ffecef;
}
.rebuild .comp_content .announce_wrap .bar,
.rebuild .comp_content .announce_wrap .dot {
  background-color: #f02554;
}
.rebuild .terms_wrap {
  border-radius: 0.8rem;
}
.rebuild .terms_wrap.term_type2 .all_chk_wrap {
  margin: 0 1.6rem;
  padding-left: 0;
  padding-right: 0;
}
.rebuild .terms_wrap.term_type2 .blt.dot {
  padding: 1.6rem;
}
.rebuild .blt.dot > li .blt.dash {
  margin-top: 0.4rem;
}
.rebuild .table_list.sm li {
  padding: 0.4rem 0;
}
.rebuild .table_list.sm li:first-child {
  padding-top: 0;
}
.rebuild .table_list.sm li:last-child {
  padding-bottom: 0;
}
.rebuild .box.bg_gray .table_list.sm li {
  padding: 0.4rem 0;
}
.rebuild .box.bg_gray .table_list.sm li:first-child {
  padding-top: 0;
}
.rebuild .box.bg_gray .table_list.sm li:last-child {
  padding-bottom: 0;
}

.ios .ft_quick {
  background-color: rgba(255, 255, 255, 0.9);
}

.ft_quick {
  border-top: 1px solid rgba(217, 217, 217, 0.6);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.ft_quick_content {
  background-color: transparent;
  padding: 0 1.1rem;
  gap: 0.2rem;
}

.ft_quick_content .btn_quick span {
  color: #666;
  line-height: 1.8rem;
}

.ft_quick_content li.on:after {
  display: inline-block;
}

.ft_quick_content .home {
  background: url("../img/rebuild/icon/ic_28_dock_home_off.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content .search {
  background: url("../img/rebuild/icon/ic_28_dock_inquiry_off.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content .mymenu {
  background: url("../img/rebuild/icon/ic_28_dock_my_off.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content .article {
  background: url("../img/rebuild/icon/ic_28_dock_product_off.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content .all {
  background: url("../img/rebuild/icon/ic_28_dock_menu_off.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content li.on .home {
  background: url("../img/rebuild/icon/ic_28_dock_home_on.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content li.on .search {
  background: url("../img/rebuild/icon/ic_28_dock_inquiry_on.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content li.on .mymenu {
  background: url("../img/rebuild/icon/ic_28_dock_my_on.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content li.on .article {
  background: url("../img/rebuild/icon/ic_28_dock_product_on.png") top 0.9rem center/2.8rem no-repeat;
}

.ft_quick_content li.on .all {
  background: url("../img/rebuild/icon/ic_28_dock_menu_on.png") top 0.9rem center/2.8rem no-repeat;
}

/* rebuild : asis 공통 소스 수정 E */
/* 체험관 S */
#first_cust_pop.first_guide.rebuild .swiper-pagination .swiper-pagination-bullet {
  background-color: #d9d9d9;
}
#first_cust_pop.first_guide.rebuild .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.6rem;
  background-color: #111;
  border-radius: 0.6rem;
}
#first_cust_pop.first_guide.rebuild .img-rebuild01 {
  margin: 0 auto;
  width: 21rem;
  height: 15rem;
  background: url(../img/rebuild/btb/exp/img_UI-2B-SMB-00-0000M_01.png) no-repeat center/contain;
}
#first_cust_pop.first_guide.rebuild .list-rebuild {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.3rem;
  padding: 1.5rem;
  width: calc(100% - 4.8rem);
  background-color: #f3f9f9;
  border: 0.1rem solid #daebeb;
  border-radius: 1rem;
}
#first_cust_pop.first_guide.rebuild .list-rebuild li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  padding-left: 4.4rem;
}
#first_cust_pop.first_guide.rebuild .list-rebuild li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#first_cust_pop.first_guide.rebuild .list-rebuild li + li:after {
  position: absolute;
  top: -1.7rem;
  left: 0;
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #daebeb;
}
#first_cust_pop.first_guide.rebuild .list-rebuild li:nth-child(1):before {
  background-image: url(../img/rebuild/btb/exp/ic_UI-2B-SMB-00-0000M_01.png);
}
#first_cust_pop.first_guide.rebuild .list-rebuild li:nth-child(2):before {
  background-image: url(../img/rebuild/btb/exp/ic_UI-2B-SMB-00-0000M_02.png);
}
#first_cust_pop.first_guide.rebuild .list-rebuild li:nth-child(3):before {
  background-image: url(../img/rebuild/btb/exp/ic_UI-2B-SMB-00-0000M_03.png);
}
#first_cust_pop.first_guide.rebuild .list-rebuild li > h5 {
  font-size: 1.6rem;
  color: #111;
  font-weight: 600;
  line-height: 2.4rem;
  text-align: left;
}
#first_cust_pop.first_guide.rebuild .list-rebuild li > p {
  font-size: 1.3rem;
  color: #555;
  line-height: 1.8rem;
  text-align: left;
}
#first_cust_pop.first_guide.rebuild .guide-tooltip {
  position: absolute;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.4rem 1.6rem;
  width: 100%;
  max-width: 27.5rem;
  background-color: #e1f2f0;
  border-radius: 0.7rem;
  -webkit-filter: drop-shadow(0 0.55rem 0.88rem rgba(105, 151, 146, 0.37));
          filter: drop-shadow(0 0.55rem 0.88rem rgba(105, 151, 146, 0.37));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#first_cust_pop.first_guide.rebuild .guide-tooltip > p {
  font-size: 1.6rem;
  color: #005748;
  line-height: 1.5;
  letter-spacing: -0.055rem;
}
#first_cust_pop.first_guide.rebuild .guide-tooltip > p strong {
  font-weight: 700;
}
#first_cust_pop.first_guide.rebuild .guide-tooltip .tail {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1.08rem;
  height: 1.2rem;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
#first_cust_pop.first_guide.rebuild .guide-tooltip .tail img {
  display: block;
  width: 100%;
}
#first_cust_pop.first_guide.rebuild .guide-tooltip.up .tail {
  top: 0;
  bottom: unset;
  -webkit-transform: translate(-50%, -100%) rotate(180deg);
          transform: translate(-50%, -100%) rotate(180deg);
}
#first_cust_pop.first_guide.rebuild .btn_soho {
  display: inline-block;
  min-width: 17.4rem;
  padding: 0.9rem 1.4rem;
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
  border-radius: 4.1rem;
  color: #fff;
  background-color: #009178;
  -webkit-box-shadow: 0 6px 16px rgba(0, 145, 120, 0.2);
          box-shadow: 0 6px 16px rgba(0, 145, 120, 0.2);
}
#first_cust_pop.first_guide.rebuild .slide2 .img_area img,
#first_cust_pop.first_guide.rebuild .slide3 .img_area img,
#first_cust_pop.first_guide.rebuild .slide3 .img_area img,
#first_cust_pop.first_guide.rebuild .slide3 .img_area img {
  max-width: 30rem;
}
#first_cust_pop.first_guide.rebuild .slide2 .img_area {
  position: relative;
}
#first_cust_pop.first_guide.rebuild .slide2 .img_area .guide-tooltip {
  top: 29.3rem;
  z-index: 10;
}
#first_cust_pop.first_guide.rebuild .third .img_area {
  position: relative;
  margin-top: 6.2rem;
  margin-bottom: 5rem;
}
#first_cust_pop.first_guide.rebuild .third .img_area img {
  width: 18.1rem;
}
#first_cust_pop.first_guide.rebuild .third .img_area .guide-tooltip {
  position: static;
  margin: 0 auto 2.5rem auto;
  -webkit-transform: unset;
          transform: unset;
}
#first_cust_pop.first_guide.rebuild .slide2 .guide_box,
#first_cust_pop.first_guide.rebuild .slide3 .guide_box,
#first_cust_pop.first_guide.rebuild .slide4 .guide_box,
#first_cust_pop.first_guide.rebuild .second .guide_box {
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#first_cust_pop.first_guide.rebuild .slide2 .guide_box:after,
#first_cust_pop.first_guide.rebuild .slide3 .guide_box:after,
#first_cust_pop.first_guide.rebuild .slide4 .guide_box:after,
#first_cust_pop.first_guide.rebuild .second .guide_box:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 9rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(65%, #fff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 65%);
}
#first_cust_pop.first_guide.rebuild .slide1 .guide_box {
  gap: 5.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-height: 700px) {
  #first_cust_pop.first_guide.rebuild .slide1 .guide_box {
    gap: 2rem;
  }
}
@media (max-height: 670px) {
  #first_cust_pop.first_guide.rebuild .slide2 .btn_soho {
    margin: 2rem 0;
  }
}
#first_cust_pop.first_guide.rebuild .slide4 .guide_box {
  gap: 1.6rem;
}
#first_cust_pop.first_guide.rebuild .ani-area {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  margin-top: 9.8rem;
  width: 30rem;
}
#first_cust_pop.first_guide.rebuild .ani-area .guide-tooltip {
  top: -1.92rem;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
#first_cust_pop.first_guide.rebuild .ani-area .scroll-content {
  -webkit-transition: -webkit-transform 0.8s ease;
  transition: -webkit-transform 0.8s ease;
  transition: transform 0.8s ease;
  transition: transform 0.8s ease, -webkit-transform 0.8s ease;
  will-change: transform;
}
#first_cust_pop.first_guide.rebuild .ani-area .content1 {
  position: absolute;
  top: 10.1rem;
  left: 1.5rem;
  width: 20rem;
  height: 10.9rem;
  background: url(/cmb/resource/img/rebuild/btb/exp/img_smb_guide01.png) no-repeat center/contain;
  aspect-ratio: 200/109;
}
#first_cust_pop.first_guide.rebuild .ani-area .content2 {
  position: absolute;
  top: 43.562rem;
  left: 1.5rem;
  width: 20rem;
  height: 13.3rem;
  background: url(/cmb/resource/img/rebuild/btb/exp/img_smb_guide02.png) no-repeat center/contain;
}
#first_cust_pop.first_guide.rebuild .ani-area .focus-content1 {
  position: absolute;
  top: 15.55rem;
  left: 50%;
  width: 20rem;
  height: 10.9rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  will-change: transform, opacity;
}
#first_cust_pop.first_guide.rebuild .ani-area .focus-content1 img {
  display: block;
  width: 100%;
  aspect-ratio: 200/109;
  opacity: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
#first_cust_pop.first_guide.rebuild .ani-area .focus-content2 {
  position: absolute;
  top: 11.45rem;
  left: 50%;
  width: 20rem;
  height: 13.3rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  will-change: transform, opacity;
}
#first_cust_pop.first_guide.rebuild .ani-area .focus-content2 img {
  display: block;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
#first_cust_pop.first_guide.rebuild .ani-area .mockup {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#first_cust_pop.first_guide.rebuild .ani-area .mockup .mockup-content {
  margin: 0 auto;
  width: 23rem;
  border-radius: 2rem;
  overflow: hidden;
}
#first_cust_pop.first_guide.rebuild .ani-area .mockup .mockup-content img {
  display: block;
  width: 100%;
}
#first_cust_pop.first_guide.rebuild .ani-area .mockup .mockup-case {
  position: absolute;
  top: 0;
  left: 50%;
  width: 23rem;
  height: 100%;
  background-color: transparent;
  border: 0.4rem solid #e6eae7;
  border-radius: 2rem 2rem 0 0;
  -webkit-transform: translateX(-50%) translateZ(1rem);
          transform: translateX(-50%) translateZ(1rem);
  z-index: 2;
}
#first_cust_pop.first_guide.rebuild .ani-area .mockup .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-0 .step1-txt, #first_cust_pop.first_guide.rebuild .ani-area.is-step-1 .step1-txt {
  display: block;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-0 .step2-txt, #first_cust_pop.first_guide.rebuild .ani-area.is-step-1 .step2-txt {
  display: none;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-0 .focus-content1, #first_cust_pop.first_guide.rebuild .ani-area.is-step-1 .focus-content1 {
  opacity: 1;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-0 .focus-content2, #first_cust_pop.first_guide.rebuild .ani-area.is-step-1 .focus-content2 {
  opacity: 0;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-1 .focus-content1 img {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 1;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-2 .step1-txt, #first_cust_pop.first_guide.rebuild .ani-area.is-step-3 .step1-txt {
  display: none;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-2 .step2-txt, #first_cust_pop.first_guide.rebuild .ani-area.is-step-3 .step2-txt {
  display: block;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-2 .scroll-content, #first_cust_pop.first_guide.rebuild .ani-area.is-step-3 .scroll-content {
  -webkit-transform: translateY(-38.762rem);
          transform: translateY(-38.762rem);
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-2 .focus-content1, #first_cust_pop.first_guide.rebuild .ani-area.is-step-3 .focus-content1 {
  opacity: 0;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-2 .focus-content2, #first_cust_pop.first_guide.rebuild .ani-area.is-step-3 .focus-content2 {
  opacity: 1;
}
#first_cust_pop.first_guide.rebuild .ani-area.is-step-3 .focus-content2 img {
  border: 0.2rem solid #2d8f7f;
  border-radius: 1.18rem;
  -webkit-filter: drop-shadow(0 1.2rem 3rem rgba(74, 127, 101, 0.06));
          filter: drop-shadow(0 1.2rem 3rem rgba(74, 127, 101, 0.06));
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 1;
}

@-webkit-keyframes touchPointPulse {
  0%, 100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes touchPointPulse {
  0%, 100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.smb-guide {
  position: relative;
  width: 100%;
  height: calc(100% - 5.6rem);
}
.smb-guide img {
  display: block;
  width: 100%;
  height: auto;
}
.smb-guide-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.smb-guide-pop {
  position: fixed;
  top: 5.6rem;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 5.6rem);
  background-color: rgba(17, 17, 17, 0.6);
  opacity: 0;
  z-index: 10;
  visibility: hidden;
}
.smb-guide-pop .center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 7.8rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}
.smb-guide-pop .center .smb-tooltip {
  left: -1.5rem;
  width: calc(100% + 3rem);
}
.smb-guide-pop .bottom {
  position: fixed;
  bottom: -100%;
  left: 0;
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.smb-guide-pop.on {
  opacity: 1;
  visibility: visible;
}
.smb-guide-pop.on .center {
  opacity: 1;
}
.smb-guide-pop.on .bottom {
  bottom: 0;
}
.smb-guide .smb-touch-point {
  position: absolute;
  width: 4rem;
  height: 4rem;
  z-index: 4;
}
.smb-guide .smb-touch-point::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: rgba(237, 34, 95, 0.24);
  -webkit-animation: touchPointPulse 2s ease-in-out infinite;
          animation: touchPointPulse 2s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 1.43px 8.57px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1.43px 8.57px rgba(0, 0, 0, 0.24);
}
.smb-guide .smb-touch-point > button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.286rem;
  height: 2.286rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #ED225F;
  border: 1px solid #fff;
  padding: 0;
}
.smb-guide .smb-touch-point:focus-visible {
  outline: 0.2rem dashed #111;
}
.smb-guide .smb-touch-point.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.smb-guide .smb-tooltip {
  position: absolute;
  top: 0;
  left: 2.4rem;
  padding: 1.6rem;
  width: calc(100% - 4.8rem);
  font-size: 1.5rem;
  color: #fff;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  background-color: #d84966;
  border-radius: 0.6rem;
  -webkit-box-shadow: 0 1.6rem 2.4rem 0 rgba(0, 42, 34, 0.2);
          box-shadow: 0 1.6rem 2.4rem 0 rgba(0, 42, 34, 0.2);
  word-break: keep-all;
}
.smb-guide .smb-tooltip::after {
  content: "";
  position: absolute;
  top: -0.9rem;
  right: 50%;
  width: 1rem;
  height: 1rem;
  background: url("../img/rebuild/btb/exp/ic_10_tail.png") center/contain no-repeat;
}
.smb-guide .smb-tooltip.down {
  -webkit-transform: translateY(calc(-100% - 1rem));
          transform: translateY(calc(-100% - 1rem));
}
.smb-guide .smb-tooltip.down::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: unset;
  bottom: -0.9rem;
}
.smb-guide .ui-guide-page {
  position: relative;
  display: none;
  padding-bottom: 11.6rem;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow-y: auto;
}
.smb-guide .ui-guide-page.on {
  display: block;
}

.ios .smb-guide {
  height: 100%;
}
.ios .smb-guide .ui-guide-page {
  padding-bottom: calc(env(safe-area-inset-bottom) + 12rem);
}

.GUIDE-UI-2B-SMB-11-0027M-01.step1.on {
  overflow: unset;
}
.GUIDE-UI-2B-SMB-11-0027M-01.step1.on .smb-touch-point {
  position: fixed !important;
  top: 0.7rem !important;
  z-index: 10;
}

.GUIDE-UI-2B-SMB-11-0072P.step4.on .smb-touch-point {
  position: fixed !important;
  top: unset !important;
  bottom: 2.8rem !important;
  left: 7.2rem !important;
  z-index: 6;
}

/* 체험관 E */
.btn_dropdown {
  font-size: 1.4rem;
  font-weight: 500;
  color: #111;
  line-height: 2rem;
  padding-right: 1.6rem;
  background: url(../img/rebuild/icon/ic_12_arrow_down.png) right center/1.2rem no-repeat;
}

.btn.select_style > span {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
}
.btn.select_style .placehoder {
  color: #666;
  font-weight: 400;
}
.btn.select_style .active {
  color: #111;
  font-weight: 500;
}

.btn_icon {
  text-indent: unset;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn_icon.context_menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/icon-navigation-bars-more-vert-black-24-px.svg);
}
.btn_icon.delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/icon-navigation-bars-close-black-24-px.svg);
}
.btn_icon.remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(../img/rebuild/icon/ic_18_remove.png);
}
.btn_icon.toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem; 
  background-color: #ddd;
}
.btn_icon.tooltip_close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.8rem;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/rebuild/icon/ic_20_tooltip_close.png);
}
.btn_icon.chatbot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/rebuild/icon/ic_24_chatbot.png);
}
.btn_icon.alarm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/rebuild/icon/ic_24_alarm.png);
}
.btn_icon.alarm.is_active::after {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  right: 0.5rem;
  top: 0.3rem;
  z-index: 1;
  background-color: #ed1651;
}
.btn_icon.search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/rebuild/icon/ic_24_search.png);
}

.btn_text_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn_text_icon::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn_text_icon.text_meta {
  font-size: 1.3rem;
  color: #666;
  line-height: 1.8rem;
}
.btn_text_icon.text_meta.i_gray50_arrow::after {
  margin-left: 0.2rem;
}
.btn_text_icon.menu_setting {
  font-size: 1.4rem;
  color: #666;
  line-height: 2rem;
  font-weight: 500;
}
.btn_text_icon.auth_center {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #333;
  font-weight: 500;
}
.btn_text_icon.user_id {
  font-size: 2rem;
  color: #111;
  line-height: 3rem;
  font-weight: 700;
  max-width: 15rem;
  font-family: "hana";
}
.btn_text_icon.user_id > * {
  font-family: inherit;
}
.btn_text_icon.user_id .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  min-width: 0;
  margin-right: 0.2rem;
}
.btn_text_icon.i_gray50_arrow::after {
  margin-left: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/rebuild/icon/ic_12_gray50_arrow.png);
}
.btn_text_icon.i_gray80_arrow::after {
  margin-left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/rebuild/icon/ic_16_gray80_arrow.png);
}
.btn_text_icon.i_black_arrow::after {
  margin-left: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/rebuild/icon/ic_16_black_arrow.png);
}
.btn_text_icon.i_setting::after {
  margin-left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/rebuild/icon/ic_16_setting.png);
}
.btn_text_icon.i_cert_check::after {
  margin-right: 0.4rem;
  width: 1.4rem;
  height: 1.6rem;
  background-image: url(../img/rebuild/main/ic_14_cert_check.png);
}
.btn_text_icon.i_refresh::after {
  margin-right: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/rebuild/icon/ic_16_refresh.png);
}
.btn_text_icon.rtl {
  direction: rtl;
}
.btn_text_icon.i_12::after {
  width: 1.2rem;
  height: 1.2rem;
}
.btn_text_icon.i_refresh {
  padding: 0.4rem 1.6rem;
  border: 0.1rem solid #d9d9d9;
  border-radius: 2.4rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #111;
  font-weight: 500;
}
.btn_text_icon .i_folder_help {
  margin-right: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/rebuild/main/ic_24_folder_help.png) center/contain no-repeat;
}
.btn_text_icon .i_bell_alert {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.8rem;
  width: 2rem;
  height: 2rem;
  background: url(../img/rebuild/main/ic_20_bell_alert.png) center/contain no-repeat;
}

.button_trigger {
  margin-top: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.button_trigger.full {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button_trigger.full .btn_detail_view {
  width: 100%;
  text-align: center;
}
.button_trigger .btn_detail_view span {
  position: relative;
  display: inline-block;
  padding-right: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #111;
}
.button_trigger .btn_detail_view span::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 0.6rem);
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/icon/ic_12_arrow_down.png) center/contain no-repeat;
}
.button_trigger .btn_detail_view.on span::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.biz_type .i_biz {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 6.4rem;
  height: 6.4rem;
}
.biz_type .i_biz.personal {
  background: url(../img/rebuild/icon/ic64_menu_personal.png) no-repeat center/contain;
}
.biz_type .i_biz.bussiness {
  background: url(../img/rebuild/icon/ic64_menu_business.png) no-repeat center/contain;
}

i.ic_24 {
  width: 2.4rem;
  height: 2.4rem;
}
i.ic_16 {
  width: 1.6rem;
  height: 1.6rem;
}
i.ico_setting {
  background: url(../img/rebuild/otp/ic_16_setting.png) no-repeat center/contain;
}
i.ic_q_hana {
  background: url(../img/rebuild/otp/ic_24_hana.png) no-repeat center/contain;
}
i.ic_q_e_tax {
  background: url(../img/rebuild/otp/ic_24_e_tax.png) no-repeat center/contain;
}
i.ic_q_pc {
  background: url(../img/rebuild/otp/ic_24_pc.png) no-repeat center/contain;
}
i.ic_q_cloud {
  background: url(../img/rebuild/otp/ic_24_cloud.png) no-repeat center/contain;
}
i.ic_q_free {
  background: url(../img/rebuild/otp/ic_24_free.png) no-repeat center/contain;
}

.flag.global::before {
  background: url(../img/logo/ico_global.png) center center/2.4rem 2.4rem no-repeat;
}

.badge_list {
  min-height: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.8rem;
}

.bagde.bagde_green60 {
  background-color: #ebf5f5;
  color: #006e6b;
}
.bagde.type2 {
  height: 2.2rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.bagde.type2.black {
  background-color: #333;
  color: #fff;
}
.bagde.type2.gray {
  background-color: #eee;
  color: #333;
}

.ui_login_wrap {
  padding-top: 8rem;
}
.ui_login_wrap > h2 {
  margin-bottom: 4.8rem;
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 700;
  color: #111;
}
.ui_login_wrap .login_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.8rem;
  padding: 1.2rem 0;
  border-radius: 0.8rem;
  border: 1px solid #d9d9d9;
}
.ui_login_wrap .login_box > label {
  padding: 0 2rem;
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  font-weight: 500;
  text-align: left;
}
.ui_login_wrap .login_box .inp_com {
  border: 0;
  background: transparent;
}
.ui_login_wrap .login_box .inp_com input {
  padding-left: 2rem;
  height: 2.4rem;
  border: 0;
  background-color: transparent;
}
.ui_login_wrap .login_box.is_invalid {
  border-color: #ed1651;
}
.ui_login_wrap .login_box.is_active {
  border-color: #009178;
}
.ui_login_wrap .form_list > li ~ li {
  margin-top: 1.6rem;
}
.ui_login_wrap .util_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2rem;
}

@media (max-width: 320px) {
  .full .ui_login_wrap {
    padding-top: 4rem;
  }
  .full .ui_login_wrap > h2 {
    margin-bottom: 2rem;
  }
  .full .ui_login_wrap .util_group {
    margin-top: 1.2rem;
  }
  .full .ui_login_wrap .btn.large {
    margin-top: 2rem;
  }
  .full .ui_login_wrap .fix_bottom {
    position: absolute;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.main_banking_swiper {
  position: relative;
  overflow: hidden;
  margin: 0 -2.4rem;
  padding: 1.2rem 2.4rem 0 2.4rem;
}
.main_banking_swiper .banking_box {
  overflow: hidden;
  position: relative;
  padding: 2rem;
  height: 17.8rem;
  border-radius: 1.2rem;
  background-color: #00856d;
}
.main_banking_swiper .banking_box .fav_empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_banking_swiper .banking_box .fav_empty i {
  width: 8.8rem;
  height: 8rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main_banking_swiper .banking_box .fav_empty .i_fav_bank {
  background-image: url(../img/rebuild/main/ic_fav_bank.png);
}
.main_banking_swiper .banking_box .fav_empty .text {
  margin-top: 0.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 600;
}
.main_banking_swiper .banking_box .fav_empty .btn_underline {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  text-decoration: underline;
  font-weight: 500;
  text-underline-position: under;
}
.main_banking_swiper .btn_hidden {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.main_banking_swiper .banking_info {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.main_banking_swiper .banking_info .banking_name {
  padding-right: 4rem;
}
.main_banking_swiper .banking_info .banking_name .name {
  overflow: hidden;
  -webkit-line-clamp: 1;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;
  line-height: 2.4rem;
}
.main_banking_swiper .banking_info .banking_account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.2rem;
}
.main_banking_swiper .banking_info .banking_account .bagde {
  height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  pointer-events: auto;
}
.main_banking_swiper .banking_info .banking_account .number {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  pointer-events: auto;
}
.main_banking_swiper .banking_info .banking_balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.2rem;
  min-height: 2.3rem;
}
.main_banking_swiper .banking_info .banking_balance .balance.is_hide .amount_text {
  display: none;
}
.main_banking_swiper .banking_info .banking_balance .balance.is_hide .balance_text {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
.main_banking_swiper .banking_info .banking_balance .balance .amount_text {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
.main_banking_swiper .banking_info .banking_balance .balance .balance_text {
  display: none;
}
.main_banking_swiper .banking_info .banking_balance .btn_text {
  margin-left: auto;
}
.main_banking_swiper .banking_info .banking_balance .btn_text button {
  width: 3.5rem;
  height: 2.2rem;
  border-radius: 2.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #fff;
  font-weight: 500;
  pointer-events: auto;
}
.main_banking_swiper .banking_info .banking_balance .btn_text button[data-hide]::after {
  content: attr(data-hide);
}
.main_banking_swiper .banking_info .banking_balance .btn_text.is_on button[data-show]::after {
  content: attr(data-show);
}
.main_banking_swiper .banking_info .btn_wrap {
  gap: 0.8rem;
  margin-top: 1.6rem;
}
.main_banking_swiper .banking_info .btn_wrap .btn {
  min-height: 3.6rem;
  border-radius: 0.6rem;
  background: #fff;
  font-size: 1.5rem;
  color: #00856D;
  line-height: 2.2rem;
  font-weight: 600;
  pointer-events: auto;
}
.main_banking_swiper .banking_info .btn_copy {
  overflow: hidden;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
  background: url(../img/rebuild/icon/ic_16_white_btn_copy.png) center/contain no-repeat;
  pointer-events: auto;
}
.main_banking_swiper .banking_info .btn_more {
  overflow: hidden;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
  z-index: 2;
  margin-top: 0;
  width: 2.4rem;
  height: 2.4rem;
  padding: 2.4rem;
  background: url(../img/common/icon-navigation-bars-more-vert-white-24-px.svg) center/2.4rem 2.4rem no-repeat;
  pointer-events: auto;
}
.main_banking_swiper .swiper-controls-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.2rem;
}
.main_banking_swiper .swiper_controls {
  width: 7.7rem;
  height: 2.4rem;
  background: #fff;
  border: 0.1rem solid #e1f8f2;
  border-radius: 2.4rem;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}
.main_banking_swiper .swiper_controls .swiper-pagi {
  position: relative;
  width: auto;
  bottom: auto;
  font-size: 1.1rem;
  color: #006d5a;
  line-height: 1.6rem;
  font-weight: 500;
}
.main_banking_swiper .swiper_controls .swiper-btn-prev {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/main/ic_12_green_arrow_left.png) center/contain no-repeat;
}
.main_banking_swiper .swiper_controls .swiper-btn-next {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/main/ic_12_green_arrow_right.png) center/contain no-repeat;
}

.main_banner_swiper {
  overflow: hidden;
  margin-top: 4rem;
  height: 11.2rem;
}
.main_banner_swiper .slide_box {
  position: relative;
  padding: 2rem;
  min-height: 11.2rem;
  border-radius: 1.2rem;
}
.main_banner_swiper .title {
  display: -webkit-box;
  width: 68%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #1a256a;
}
.main_banner_swiper img {
  position: absolute;
  right: 2rem;
  top: 1.6rem;
  z-index: 1;
  width: 8rem;
  height: 8rem;
}
.main_banner_swiper .swiper-controls {
  position: absolute;
  z-index: 10;
  left: 2rem;
  bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.main_banner_swiper .swiper-controls .swiper-autoplay-toggle {
  width: 1.6rem;
  height: 1.6rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main_banner_swiper .swiper-controls .swiper-autoplay-toggle.is-stop {
  background-image: url(../img/rebuild/main/ic_16_white_autoplay_stop.png);
}
.main_banner_swiper .swiper-controls .swiper-autoplay-toggle.is-play {
  background-image: url(../img/rebuild/main/ic_16_white_autoplay_play.png);
}
.main_banner_swiper .swiper-controls .swiper-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  height: 1.6rem;
  padding: 0rem 0.4rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2rem;
}
.main_banner_swiper .swiper-controls .swiper-btns .swiper-btn-prev {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/main/ic_12_white_arrow_left.png) center/contain no-repeat;
}
.main_banner_swiper .swiper-controls .swiper-btns .swiper-btn-next {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/main/ic_12_white_arrow_right.png) center/contain no-repeat;
}
.main_banner_swiper .swiper-controls .swiper-btns .swiper-pagi {
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.6rem;
  font-weight: 500;
  text-align: center;
}

.main_soho_banner_swiper {
  overflow: hidden;
  margin-top: 2.4rem;
}
.main_soho_banner_swiper .slide_box {
  min-height: 13.2rem;
  border-radius: 1.2rem;
  padding: 2rem;
}
.main_soho_banner_swiper .desc {
  display: -webkit-box;
  width: 68%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}
.main_soho_banner_swiper .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 68%;
  margin-top: 0.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #3a3a3a;
}
.main_soho_banner_swiper img {
  position: absolute;
  right: 2rem;
  top: 1.6rem;
  z-index: 1;
  width: 10rem;
  height: 10rem;
}
.main_soho_banner_swiper .swiper-controls {
  position: absolute;
  z-index: 10;
  left: 2rem;
  bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.main_soho_banner_swiper .swiper-controls .swiper-autoplay-toggle {
  width: 1.6rem;
  height: 1.6rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main_soho_banner_swiper .swiper-controls .swiper-autoplay-toggle.is-stop {
  background-image: url(../img/rebuild/main/ic_16_white_autoplay_stop.png);
}
.main_soho_banner_swiper .swiper-controls .swiper-autoplay-toggle.is-play {
  background-image: url(../img/rebuild/main/ic_16_white_autoplay_play.png);
}
.main_soho_banner_swiper .swiper-controls .swiper-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  height: 1.6rem;
  padding: 0rem 0.4rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2rem;
}
.main_soho_banner_swiper .swiper-controls .swiper-btns .swiper-btn-prev {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/main/ic_12_white_arrow_left.png) center/contain no-repeat;
}
.main_soho_banner_swiper .swiper-controls .swiper-btns .swiper-btn-next {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/main/ic_12_white_arrow_right.png) center/contain no-repeat;
}
.main_soho_banner_swiper .swiper-controls .swiper-btns .swiper-pagi {
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.6rem;
  font-weight: 500;
  text-align: center;
}

.main_news_swiper {
  overflow: hidden;
  padding: 0 2.4rem 0rem 2.4rem;
  margin: 4rem -2.4rem 0;
}
.main_news_swiper .main_title {
  padding: 0 0.4rem;
}
.main_news_swiper .swiper-slide {
  min-width: 26rem;
  width: 79.51%;
}
.main_news_swiper .slide_box {
  position: relative;
  padding: 2rem;
  min-height: 22rem;
  border-radius: 1.2rem;
}
.main_news_swiper .slide_box .desc {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #0078b4;
  font-weight: 500;
}
.main_news_swiper .slide_box .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #333;
  font-weight: 600;
}
.main_news_swiper .slide_box img {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 8.8rem;
  height: 8.8rem;
}
.main_news_swiper .swiper-controls .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #ccc;
  opacity: 1;
}
.main_news_swiper .swiper-controls .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.2rem;
  height: 0.6rem;
  background-color: #666;
}
.main_news_swiper .swiper-controls .swiper-pagi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
  margin-top: 1.2rem;
}

.period_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  padding: 1.6rem 2.4rem 1.2rem;
  margin-left: -2.4rem;
  margin-right: -2.4rem;
}
.period_filter.shadow {
  -webkit-box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.06);
}
.period_filter.single {
  padding-bottom: 1.6rem;
}
.period_filter > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.period_filter > .row .setting_area {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.period_filter .setting_select .select_style {
  width: auto;
  min-height: 2rem;
  padding: 0;
  padding-right: 2.2rem;
  border: 0;
  background: #fff url(../img/rebuild/icon/ic_20_arrow_down.png) right center/2rem no-repeat;
  font-size: 1.4rem;
  color: #111;
  line-height: 2rem;
}
.period_filter .select_btn {
  background: transparent url(../img/rebuild/icon/ic_20_arrow_down.png) right center/2rem no-repeat;
}
.period_filter .setting_word_wrap {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.period_filter .setting_word_wrap > li {
  position: relative;
  padding: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  font-size: 1.4rem;
  color: #111;
  line-height: 2rem;
}
.period_filter .setting_word_wrap > li + li {
  padding-left: 0.8rem;
  margin-left: 0.8rem;
}
.period_filter .setting_word_wrap > li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 0.5rem);
  width: 0.1rem;
  height: 1.1rem;
  background: #d9d9d9;
}
.period_filter .setting_word_wrap > li:not(:first-child) {
  border-left: 0;
}
.period_filter .date {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}
.period_filter .date .count {
  padding-left: 0.4rem;
  color: #009178;
  font-weight: 500;
}
.period_filter + .text_lv2 {
  margin-top: 3.2rem;
}

.tooltip_box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: 3px;
}
.tooltip_box .help_btn {
  margin: 0;
}
.tooltip_box .tooltip {
  display: none;
  position: absolute;
  z-index: 1;
  max-width: 400px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 1.6rem;
  background: #fff;
  border-radius: 0.8rem;
  border: 0.1rem solid #009178;
  -webkit-box-shadow: 0 0.4rem 0.6rem 0 rgba(0, 145, 135, 0.1);
          box-shadow: 0 0.4rem 0.6rem 0 rgba(0, 145, 135, 0.1);
}
.tooltip_box .tooltip .text {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #333;
}
.tooltip_box .tooltip.type2 .tooltip_close {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
  z-index: 10;
}
.tooltip_box .tooltip_head {
  margin-bottom: 0.8rem;
}
.tooltip_box .tooltip_head .heading {
  font-size: 1.5rem;
  color: #111;
  font-weight: 700;
}
.tooltip_box .is_open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bottom_sticky {
  position: sticky;
  left: 0;
  bottom: -4rem;
  padding: 0 2.4rem 4rem;
  margin: 4rem -2.4rem -4rem;
  background-color: #fff;
  z-index: 10;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.bottom_sticky.hide {
  display: none;
}

.scraping_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
}
.scraping_visual {
  width: 8rem;
  height: 8rem;
}
.scraping_text_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.scraping_title {
  font-size: 1.8rem;
  color: #111;
  font-weight: 700;
  line-height: 2.6rem;
}
.scraping_text {
  font-size: 1.6rem;
  color: #333;
  font-weight: 500;
}

.term_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 3rem;
  font-size: 1.6rem;
  color: #111;
  font-weight: 700;
  line-height: 2.4rem;
}
.term_title > span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #009178;
}

.term_confirm_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.term_confirm_box p {
  text-align: center;
}
.term_confirm_box .inp_hint {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4.8rem;
}
.term_confirm_box .inp_hint > div {
  position: relative;
  display: inline-block;
  height: 100%;
}
.term_confirm_box .inp_hint input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  border-color: transparent;
  z-index: 1;
}
.term_confirm_box .inp_hint .hint_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.6rem;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  color: #666;
  font-weight: 400;
  line-height: 2.4rem;
  white-space: nowrap;
  pointer-events: none;
}
@media (max-width: 340px) {
  .term_confirm_box input,
  .term_confirm_box .hint_text {
    padding: 0 !important;
  }
}

.btn_term_detail {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.8rem;
  height: 100%;
  z-index: 10;
}

.b2b_comp_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.b2b_comp_box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
}
.b2b_comp_box > div > strong {
  color: #333;
  line-height: 2rem;
}
.b2b_comp_box > div .blt.dot > li {
  color: #333;
}
.b2b_comp_box > div .blt.dot > li:before {
  background-color: #333;
}
.b2b_comp_box > div .blt.dot > li ~ li {
  margin-top: 0.8rem;
}

.rebuild .btn.sm {
  padding: 1rem 1.2rem;
  min-width: 10rem;
  min-height: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  border-radius: 6px;
}
.rebuild .bg_ice_blue {
  background-color: #ebf6f6 !important;
}
.rebuild .blt.dot li > .help_btn {
  margin-top: -0.2rem;
}
.rebuild .blt.round_num > li {
  color: #333;
}
.rebuild .blt.round_num > li .sign {
  color: #333;
}
.rebuild .blt.round_num > li ~ li {
  margin-top: 0.8rem;
}
.rebuild .blt.round_num > li .blt.depth2 > li {
  margin-top: 0.8rem;
  padding-left: 0;
  color: #666;
}

.ui_list_group {
  position: relative;
}
.ui_list_group .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ui_list_group.has_btn .list_item .box + .btn_wrap {
  margin-bottom: 0.8rem;
}
.ui_list_group.has_btn .list_item:last-child .box + .btn_wrap {
  margin-bottom: 0;
}

.nodata.type2 {
  margin: 2.4rem 0;
}

.inp_error.i_help {
  padding-left: 2rem;
  background: url(../img/rebuild/icon/ic_16_help.png) left top/1.6rem 1.6rem no-repeat;
}

.has_util.type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.has_util.type2 .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-left: auto;
  margin-top: 0;
}
.has_util.type2 .util button {
  font-size: 1.3rem !important;
}

.tac.fix {
  position: fixed;
  bottom: 12rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.text_lv3 {
  line-height: 2.4rem;
  font-weight: 600;
}
.text_lv3.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}
.text_lv3 .text {
  font-size: 1.4rem;
  color: #666;
  line-height: 2rem;
  font-weight: 400;
}

.blt.dot.gray90 > li::before {
  background-color: #333;
}
.blt.gray90 > li {
  color: #333;
}
.blt.mark > li {
  padding-left: 1.3rem;
  color: #333;
}
.blt.mark > li::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.blt .ui-btn.text-14-point-arrow {
  vertical-align: baseline;
}

.inp_error.icon_help {
  padding-left: 2rem;
  background: url() 0 center/16px no-repeat;
}

.d_check.icon_top {
  width: 100%;
}
.d_check.icon_top input {
  width: 100%;
  height: 100%;
}
.d_check.icon_top input:checked + label {
  background-position-y: top;
}
.d_check.icon_top label {
  background-position-y: top;
  height: auto;
}
.d_check.icon_top label .text_lv3 {
  margin-bottom: 0;
}
.d_check.check_only label {
  background: url(../img/icon/ic_chk_line_off.svg) left center/contain no-repeat;
}
.d_check.check_only input:checked + label {
  background: url(../img/icon/ic_chk_line_on.svg) left center/contain no-repeat;
}
.d_check.default label {
  padding: 0;
}
.d_check.default label::before {
  content: "";
  display: inline-block;
}
.d_check.default.small label::before {
  width: 1.8rem;
  height: 1.8rem;
}

.text.type2 {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #111;
}
.text .ui-btn.text-14-point-arrow {
  vertical-align: baseline;
}

.controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.btn_wrap.bottom {
  border-top: 0.1rem solid #d9d9d9;
  margin: 1.6rem 0 -1.6rem;
  width: 100%;
}
.btn_wrap.bottom a {
  position: relative;
  height: 4.8rem;
  font-size: 1.5rem;
  color: #111;
  font-weight: 500;
}

.table_tit .table_tit_info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%;
  min-height: 2.4rem;
}
.table_tit .table_tit_info .controller {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.table_tit .tit_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
}
.table_tit .tit_box .text_lv3.mr_lg {
  margin-right: 6.4rem;
}
.table_tit .tit_box .number {
  font-size: 1.6rem;
  color: #111;
  line-height: 2.4rem;
  font-weight: 600;
}

.table_list.line {
  border-top: 0.1rem solid #d9d9d9;
}
.table_list.line.sm {
  padding-top: 1.2rem;
  margin-top: 1.2rem;
}
.table_list.line.md {
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}
.table_list.sm li {
  padding: 0.4rem 0;
}
.table_list.sm li:first-child {
  padding-top: 0;
}
.table_list.sm li:last-child {
  padding-bottom: 0;
}
.table_list.w_auto li .th,
.table_list.w_auto li .td {
  width: auto;
}

.inp.inp_right input::-webkit-input-placeholder, .inp_right::-webkit-input-placeholder {
  text-align: right;
}

.inp.inp_right input::-moz-placeholder, .inp_right::-moz-placeholder {
  text-align: right;
}

.inp.inp_right input:-ms-input-placeholder, .inp_right:-ms-input-placeholder {
  text-align: right;
}

.inp.inp_right input::-ms-input-placeholder, .inp_right::-ms-input-placeholder {
  text-align: right;
}

.inp.inp_right input::placeholder,
.inp_right::placeholder {
  text-align: right;
}

.hr.type2 {
  margin-left: -2.4rem;
  margin-right: -2.4rem;
  height: 0.8rem;
  background-color: #f6f6f6;
  border: 0;
}

.tab_wrap.chip {
  margin: 0 -2.4rem;
}
.tab_wrap.chip .tab_head:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 7rem;
  height: 3.2rem;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.tab_wrap.chip .tab {
  gap: 0.8rem;
}
.tab_wrap.chip .tab li:last-child {
  padding-right: 0;
}
.tab_wrap.chip .tab_head {
  height: auto;
}
.tab_wrap.chip .tab_head:after {
  display: none;
}
.tab_wrap.chip .tab button {
  padding: 0.5rem 1.2rem;
  background-color: #f6f6f6;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #666;
  font-weight: 400;
}
.tab_wrap.chip .tab .on button {
  background-color: #003d32;
  color: #fff;
}
.tab_wrap.chip .tab .on button:after {
  display: none;
}
.tab_wrap.chip .btn_icon.toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.box.selectable {
  padding: 2rem;
}
.box.check_culumm.selectable {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.box.check_culumm.selectable > .d_check {
  margin: 0.8rem 0;
}
.box.check_culumm.selectable .d_check label {
  font-size: 1.5rem;
  color: #333;
  font-weight: 500;
}

.checkbox_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.checkbox_list .list_item > .d_check label {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #333;
  font-weight: 500;
}
.checkbox_list .list_item > .d_check input:checked + label {
  color: #333;
}

.rebuild .checkbox_sublist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding-left: 3.2rem;
  margin-top: 1.2rem;
}
.rebuild .checkbox_sublist .sublist_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 12rem;
  width: 100%;
}
.rebuild .checkbox_sublist .sublist_item > .d_check label {
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #333;
  font-weight: 400;
  padding-left: 2.7rem;
  background: url(../img/icon/icon-check-line-default-18-px.svg) left center/contain no-repeat;
}
.rebuild .checkbox_sublist .sublist_item > .d_check label::before {
  display: none;
}
.rebuild .checkbox_sublist .sublist_item > .d_check input:checked + label {
  color: #333;
  background: url(../img/icon/icon-check-line-select-18-px.svg) left center/contain no-repeat;
}
.rebuild .checkbox_sublist .sublist_item > .checkbox_sub label {
  display: block;
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #333;
  font-weight: 400;
  padding-left: 2.7rem;
  background: url(../img/icon/icon-check-line-default-18-px.svg) left center/contain no-repeat;
  background-position: left top 0.1rem !important;
}
.rebuild .checkbox_sublist .sublist_item > .checkbox_sub input:checked + label {
  color: #333;
  background: url(../img/icon/icon-check-line-select-18-px.svg) left center/contain no-repeat;
  background-position: left top 0.1rem !important;
}

.pop_slide > .pop_inside > .p_body.has_bottom_extra {
  padding-bottom: 15.6rem;
  max-height: 72vh;
}
.pop_slide > .pop_inside > .p_body.has_bottom_extra .btn_wrap {
  bottom: 4rem;
}
.pop_slide > .pop_inside > .p_body.has_bottom_extra .bottom_extra {
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pop_slide > .pop_inside > .p_body.has_bottom_extra .bottom_extra .btn_text {
  min-height: auto;
  width: auto;
  height: auto;
  padding: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #111;
  font-weight: 500;
}

.btn_wrap .ui_box.link {
  display: block;
  width: 100%;
  border-radius: 0.8rem;
  border: 0.1rem solid #d9d9d9;
}
.btn_wrap .ui_box .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn_wrap.biz_type .column {
  padding: 2.4rem 0 2.6rem;
}
.btn_wrap.biz_type .column .title {
  display: inline-block;
  margin-top: 2rem;
  font-size: 1.6rem;
  color: #111;
  font-weight: 500;
  line-height: 2.4rem;
}

.myhana_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 5.6rem;
  padding: 0 2.4rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #fff;
}
.myhana_header .text_lv1 {
  margin-bottom: 0 !important;
  font-family: "hana";
}
.myhana_header .btn_box {
  position: relative;
  margin-left: auto;
}
.myhana_header .message_tooltip {
  position: absolute;
  right: 3.2rem;
  top: 0;
  padding: 0.6rem 1rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 3rem;
  background: #253032;
  border-radius: 0.48rem;
  -webkit-transform: translateY(-0.4rem);
          transform: translateY(-0.4rem);
  -webkit-animation: tooltip_fade 6s ease forwards;
          animation: tooltip_fade 6s ease forwards;
}
.myhana_header .message_tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.4rem;
  width: 0.5rem;
  height: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/rebuild/myhana/ic_tooltip_right_arrow.png) center/contain no-repeat;
}
.myhana_header .message_tooltip span {
  font-size: 1.2rem;
  line-height: 1.76rem;
  color: #fff;
  vertical-align: text-top;
}
@-webkit-keyframes tooltip_fade {
  0% {
    opacity: 0;
    visibility: visible;
  }
  22% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes tooltip_fade {
  0% {
    opacity: 0;
    visibility: visible;
  }
  22% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.myhana_body {
  padding-top: 3.2rem;
}
.myhana_body .myhana_content {
  padding-top: 1.6rem;
}

.myhana_content .ui_user_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.myhana_content .ui_user_box .profile_image {
  overflow: hidden;
  position: relative;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: #e6f3f1;
}
.myhana_content .ui_user_box .profile_image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.myhana_content .ui_user_box .text_lv2 {
  margin-top: 1.2rem;
  margin-bottom: 0.4rem;
  max-width: 28rem;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.myhana_content .ui_user_box .cta_btn {
  margin-top: 1.6rem;
}
.myhana_content .ui_card {
  padding: 2.4rem;
  margin-top: 3.2rem;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.06);
  border-radius: 1.2rem;
}
.myhana_content .ui_card h3 {
  margin: 0 0 2rem;
  color: #333;
}
.myhana_content .ui_card ~ .ui_card {
  margin-top: 2rem;
}
.myhana_content .ui_card .table_wrap {
  margin-top: 2rem;
}
.myhana_content .ui_card .table_wrap .table_list li .th {
  width: 73px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 73px;
          flex: 0 0 73px;
}
.myhana_content .ui_card .btn.ice.type2 {
  margin-top: 2rem;
}
.myhana_content .ui_card .info_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.myhana_content .ui_card .info_list .date {
  margin-top: 0.2rem;
}
.myhana_content .ui_card .info_list .info_message {
  margin-top: 0.2rem;
}
.myhana_content .ui_card .table_list li .td p {
  font-weight: 500;
}
.myhana_content .btn.ice.type2 {
  background: #f0f9f9;
  border: 0;
  min-height: 4rem;
  font-size: 1.5rem;
  color: #006d5a;
  font-weight: 500;
  line-height: 2.2rem;
}
.myhana_content .icon_text_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}
.myhana_content .i_security {
  width: 4rem;
  height: 4rem;
  background-position: center;
  background-size: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.myhana_content .i_security.dormant {
  background-image: url(../img/rebuild/icon/ic_40_security_dormant.png);
}
.myhana_content .i_security.token_used {
  background-image: url(../img/rebuild/icon/ic_40_security_token_used.png);
}
.myhana_content .i_security.cert_due {
  background-image: url(../img/rebuild/icon/ic_40_security_cert_due.png);
}
.myhana_content .info_text .sub_text {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}
.myhana_content .info_text .date {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
  font-weight: 500;
}
.myhana_content .info_text .amount {
  margin-top: 0.4rem;
  font-size: 2.2rem;
  line-height: 3rem;
  color: #111;
  font-weight: 700;
}
.myhana_content .info_text .unit {
  padding-left: 0.2rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
  font-weight: 600;
}
.myhana_content .info_text .info_message {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
  font-weight: 500;
}
.myhana_content .info_text_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.myhana_content .progress_info_area .progress_track {
  margin-top: 1.2rem;
}
.myhana_content .progress_track {
  width: 100%;
  height: 1.2rem;
  background-color: #f6f6f6;
  border-radius: 0.6rem;
  -webkit-box-shadow: inset 0 0 0 0.1rem rgba(17, 17, 17, 0.1);
          box-shadow: inset 0 0 0 0.1rem rgba(17, 17, 17, 0.1);
}
.myhana_content .progress_track .progress_bar {
  border-radius: 0.6rem;
  height: 1.2rem;
  background-color: #009178;
  -webkit-box-shadow: inset 0 0 0 0.1rem rgba(17, 17, 17, 0.1);
          box-shadow: inset 0 0 0 0.1rem rgba(17, 17, 17, 0.1);
}
.myhana_content .ui_banner_item {
  margin-top: 2.8rem;
  margin-bottom: 1.5rem;
  border-radius: 1.2rem;
}
.myhana_content .ui_banner_item.bg_gray {
  background-color: #f6f7f9;
}
.myhana_content .ui_banner_item .item {
  width: calc(100% - 8rem);
}
.myhana_content .ui_banner_item .item::after {
  content: "";
  position: absolute;
  right: 2.4rem;
  top: 1.4rem;
  z-index: 1;
}
.myhana_content .ui_banner_item a {
  display: block;
  position: relative;
  padding: 2rem 2.4rem;
}
.myhana_content .ui_banner_item strong {
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.myhana_content .ui_banner_item .i_black_arrow {
  padding-right: 1.8rem;
  background: url(../img/rebuild/icon/ic_16_black_arrow.png) right center/1.6rem 1.6rem no-repeat;
}
.myhana_content .ui_banner_item .text {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}
.myhana_content .ui_banner_item.i_corp_setting .item::after {
  width: 8rem;
  height: 8rem;
  background-image: url(../img/rebuild/myhana/img_corp_setting.png);
  background-position: center;
  background-size: contain;
}

.aco.line .tit button {
  padding: 1.2rem 2.4rem 1.2rem 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #111;
  font-weight: 600;
}

.main_area {
  margin-top: 3.2rem;
}

.main_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 5.6rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 0 2.4rem;
  background-color: #fff;
}
.main_top .title_box .bagde_green60 {
  margin-left: 0.4rem;
  height: 2rem;
  line-height: 2rem;
}
.main_top .side_box {
  margin-left: auto;
}
.main_top .side_box .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.main_top .side_box .btns .btn_icon {
  width: 2.8rem !important;
  height: 2.8rem !important;
}
.main_top .btn_text_icon.user_id::after {
  -webkit-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
}
.main_top .new_logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9.8rem;
  height: 2.8rem;
  background: url(../img/rebuild/main/img_hana_one_q_logo.png) no-repeat center/contain;
  font-size: 0;
  color: transparent;
}

.main_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main_content section:not(.main_hanasoho) {
  position: relative;
  z-index: 1;
}
.main_content::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 4.8rem;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(to bottom, #fff 0px, #e9f5f1 12.4rem, #f6f9f8 58rem, #fff 71rem); /*그라데이션 테스트 */
}
.main_content .ui_card {
  border: 0.1rem solid #f2f9f8;
  border-radius: 1.2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.8rem 2rem 0 rgba(74, 127, 101, 0.06);
          box-shadow: 0 0.8rem 2rem 0 rgba(74, 127, 101, 0.06);
}
.main_content .main_top_link {
  padding-top: 0.4rem;
}
.main_content .notice_link.alert .btn_text_icon {
  padding: 1.2rem 1.6rem;
}
.main_content .notice_link.alert .ui_card {
  border-radius: 4.4rem;
  border: 0.1rem solid #f0f9f9;
  -webkit-box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.02);
}
.main_content .notice_link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 1.6rem;
}
.main_content .notice_link a .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #333;
  font-weight: 600;
}
.main_content .main_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_content .main_title .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #333;
  font-weight: 700;
}
.main_content .main_title .side_box {
  margin-left: auto;
}
.main_content .main_title {
  margin-bottom: 1.2rem;
}

.main_login {
  margin-top: 1.2rem;
}
.main_login .ui_card {
  padding: 1.4rem 2rem 2rem;
}
.main_login .main_title {
  margin-bottom: 0.8rem;
}
.main_login .main_title .title {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.main_login .main_title .lottie {
  margin-left: auto;
}
.main_login .lottie {
  width: 8rem;
  height: 8rem;
}
.main_login i {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  background-position: center;
  background-size: contain;
}
.main_login .i_intro_bank {
  background-image: url(../img/rebuild/main/ic_intro_bank.png);
}
.main_login .tac {
  margin-top: 1.2rem;
}
.main_login .btn_a {
  font-size: 1.4rem;
  font-weight: 500;
  text-underline-position: under;
}

.main_service {
  margin-top: 2.4rem;
}
.main_service .main_title {
  padding: 0 0.4rem;
}
.main_service .main_title .title {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.main_service .service_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1.2rem;
}
.main_service .service_list > li {
  width: 25%;
  text-align: center;
}
.main_service .service_list > li .ui_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.2rem;
  width: 6.4rem;
  height: 6.4rem;
  margin: 0 auto;
}
.main_service .service_list > li .ui_card i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 4rem;
  height: 4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main_service .service_list > li .text {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.3rem;
  color: #555;
  line-height: 1.8rem;
  font-weight: 500;
}
.main_service .i_account_progress {
  background-image: url(../img/rebuild/main/ic_40_account_progress.png);
}
.main_service .i_loan_progress {
  background-image: url(../img/rebuild/main/ic_40_loan_progress.png);
}
.main_service .i_quick_balance {
  background-image: url(../img/rebuild/main/ic_40_quick_balance.png);
}
.main_service .i_otp_download {
  background-image: url(../img/rebuild/main/ic_40_otp_download.png);
}
.main_service + .main_banner_swiper {
  margin-top: 5.2rem;
}

.main_my_menu {
  margin-top: 4rem;
}
.main_my_menu .main_title {
  padding: 0 0.4rem;
}
.main_my_menu .ui_card {
  padding: 2rem;
}
.main_my_menu .ui_card .icon {
  pointer-events: none;
}
.main_my_menu .my_menu_list {
  gap: 2rem 1.2rem;
}
.main_my_menu .my_menu_list > li .text {
  margin-top: 0.4rem;
}

.my_menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.my_menu_list > li {
  position: relative;
  width: calc(33.3333% - 0.8rem);
  text-align: center;
}
.my_menu_list > li i {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.my_menu_list > li button {
  width: 100%;
}
.my_menu_list > li .text {
  display: block;
  max-width: 7rem;
  margin: 0 auto;
  font-size: 1.3rem;
  color: #555;
  line-height: 1.8rem;
  font-weight: 500;
}
.my_menu_list > li .btn_icon.remove {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
.my_menu_list .i_my_transfer {
  background-image: url(../img/rebuild/main/ic_48_my_transfer.png);
}
.my_menu_list .i_my_frequent {
  background-image: url(../img/rebuild/main/ic_48_my_frequent.png);
}
.my_menu_list .i_my_soho {
  background-image: url(../img/rebuild/main/ic_48_my_soho.png);
}
.my_menu_list .i_my_payment {
  background-image: url(../img/rebuild/main/ic_48_my_payment.png);
}
.my_menu_list .i_my_forex {
  background-image: url(../img/rebuild/main/ic_48_my_forex.png);
}
.my_menu_list .i_my_remittance {
  background-image: url(../img/rebuild/main/ic_48_my_remittance.png);
}
.my_menu_list .i_my_bill {
  background-image: url(../img/rebuild/main/ic_48_my_bill.png);
}
.my_menu_list .i_my_loan {
  background-image: url(../img/rebuild/main/ic_48_my_loan.png);
}
.my_menu_list .i_my_vat {
  background-image: url(../img/rebuild/main/ic_48_my_vat.png);
}
.my_menu_list .i_my_account_otherbank {
  background-image: url(../img/rebuild/main/ic_48_my_account_otherbank.png);
}
.my_menu_list .i_my_account_others {
  background-image: url(../img/rebuild/main/ic_48_my_account_others.png);
}
.my_menu_list .i_my_bill_received {
  background-image: url(../img/rebuild/main/ic_48_my_bill_received.png);
}
.my_menu_list .i_my_cms_franchise {
  background-image: url(../img/rebuild/main/ic_48_my_cms_franchise.png);
}
.my_menu_list .i_my_contract_buyer {
  background-image: url(../img/rebuild/main/ic_48_my_contract_buyer.png);
}
.my_menu_list .i_my_contract_seller {
  background-image: url(../img/rebuild/main/ic_48_my_contract_seller.png);
}
.my_menu_list .i_my_doc_submit {
  background-image: url(../img/rebuild/main/ic_48_my_doc_submit.png);
}
.my_menu_list .i_my_forex_own {
  background-image: url(../img/rebuild/main/ic_48_my_forex_own.png);
}
.my_menu_list .i_my_hanacard {
  background-image: url(../img/rebuild/main/ic_48_my_hanacard.png);
}
.my_menu_list .i_my_loan_extend {
  background-image: url(../img/rebuild/main/ic_48_my_loan_extend.png);
}
.my_menu_list .i_my_loan_interest {
  background-image: url(../img/rebuild/main/ic_48_my_loan_interest.png);
}
.my_menu_list .i_my_not_pay {
  background-image: url(../img/rebuild/main/ic_48_my_not_pay.png);
}
.my_menu_list .i_my_payment_check {
  background-image: url(../img/rebuild/main/ic_48_my_payment_check.png);
}
.my_menu_list .i_my_transaction {
  background-image: url(../img/rebuild/main/ic_48_my_transaction.png);
}
.my_menu_list .i_my_transport {
  background-image: url(../img/rebuild/main/ic_48_my_transport.png);
}
.my_menu_list .i_my_banking_manage {
  background-image: url(../img/rebuild/main/ic_48_my_banking_manage.png);
}
.my_menu_list .i_my_accounts {
  background-image: url(../img/rebuild/main/ic_48_my_accounts.png);
}
.my_menu_list .i_my_auth_otp {
  background-image: url(../img/rebuild/main/ic_48_my_auth_otp.png);
}
.my_menu_list .i_my_corporate_online {
  background-image: url(../img/rebuild/main/ic_48_my_corporate_online.png);
}
.my_menu_list .i_my_billion_dollar {
  background-image: url(../img/rebuild/main/ic_48_my_billion_dollar.png);
}
.my_menu_list .i_my_add {
  background-image: url(../img/rebuild/main/ic_48_my_menu_add.png);
}

.main_finance {
  margin-top: 4rem;
}
.main_finance .finance_info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main_finance .finance_info_box .main_title {
  margin-bottom: 1.6rem;
}
.main_finance .finance_info_box .ui_card {
  padding: 2rem 2rem 2.4rem;
  border: 0;
}
.main_finance .finance_info_box .info_text .text {
  position: relative;
  min-height: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.2rem;
}
.main_finance .finance_info_box .info_text .text span {
  font-size: 1.4rem;
  color: #555;
  line-height: 2rem;
}
.main_finance .finance_info_box .info_text .text strong {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #333;
  font-weight: 700;
}
.main_finance .finance_info_box .info_text .text .count {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #00856d;
  font-weight: 700;
}
.main_finance .finance_info_box .i_check_docbox .text {
  padding-left: 6.4rem;
}
.main_finance .finance_info_box .i_check_docbox .text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url(../img/rebuild/main/ic_check_docbox.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.main_finance .finance_info_box .i_check_docbox.has_data .text::before {
  background-image: url(../img/rebuild/main/ic_check_data_docbox.png);
}
.main_finance .finance_info_box .i_check_docbox.has_nodata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main_finance .finance_info_box .i_check_docbox.has_nodata .text::before {
  background-image: url(../img/rebuild/main/ic_check_nodata_docbox.png);
}
.main_finance .finance_info_box .title .count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: 500;
  background-color: #00856d;
  color: #fff;
}
.main_finance .info_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main_finance .info_bottom {
  margin: 2.4rem -2rem -2.4rem;
  border-top: 0.1rem solid #f6f6f6;
}
.main_finance .info_bottom a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_finance .info_bottom .item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.2rem 0;
  text-align: center;
}
.main_finance .info_bottom .item .status_text {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #555;
  font-weight: 500;
}
.main_finance .info_bottom .item .count {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #333;
  font-weight: 700;
}
.main_finance .info_bottom .item + .item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.1rem;
  height: 100%;
  background-color: #f6f6f6;
}

.tab_wrap.pill_tab {
  margin: 0;
}
.tab_wrap.pill_tab .ui_card {
  border: 0;
  background-color: transparent;
}
.tab_wrap.pill_tab .tab li {
  border-radius: 1.2rem 2rem 0 0;
  background-color: #f6f6f6;
}
.tab_wrap.pill_tab .tab li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
  padding: 1.2rem 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #333;
  font-weight: 500;
}
.tab_wrap.pill_tab .tab li .count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #d9d9d9;
  border-radius: 50%;
  font-size: 1.1rem;
  color: #555;
  font-weight: 500;
}
.tab_wrap.pill_tab .tab li.on {
  background-color: #fff;
}
.tab_wrap.pill_tab .tab li.on button {
  color: #333;
  font-weight: 600;
}
.tab_wrap.pill_tab .tab li.on button::after {
  display: none;
}
.tab_wrap.pill_tab .tab li.on .count {
  background-color: #00856d;
  color: #fff;
}
.tab_wrap.pill_tab .tab_panel_wrap {
  padding: 2.4rem 2rem 2rem;
  background-color: #fff;
  border-radius: 0 0 1.2rem 1.2rem;
}
.tab_wrap.pill_tab .tab_panel_wrap .finance_info_box {
  min-height: 12rem;
}

.main_notice {
  margin-top: 4rem;
}
.main_notice .ui_card {
  padding: 2rem;
}
.main_notice .notice_list {
  margin-top: 2rem;
}
.main_notice .notice_list li + li {
  margin-top: 1.6rem;
}
.main_notice .notice_list .item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.main_notice .notice_list .item .link .bagde {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_notice .notice_list .text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #555;
}

.main_hanasoho {
  position: relative;
  margin: 4rem -2.4rem 0;
  padding: 0 2.4rem;
}
.main_hanasoho .ui_card {
  position: relative;
  padding: 2rem;
  z-index: 1;
  background: #fff;
}
.main_hanasoho::after {
  content: "";
  position: absolute;
  top: -12rem;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 44rem;
  z-index: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(28%, #e9f5f1), color-stop(46%, #f6f9f8), color-stop(63%, #fff));
  background: linear-gradient(to bottom, #fff 0%, #e9f5f1 28%, #f6f9f8 46%, #fff 63%);
}
.main_hanasoho .soho_link {
  position: relative;
}
.main_hanasoho .soho_link .title_box {
  width: calc(100% - 10rem);
}
.main_hanasoho .soho_link .desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  width: 70%;
  margin-bottom: 0.2rem;
  color: #666;
}
.main_hanasoho .soho_link .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-align: start;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.main_hanasoho .soho_link .title > .i_gray80_arrow {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_hanasoho .soho_link .title > .i_gray80_arrow::after {
  content: "";
  display: inline-block;
  margin-left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/rebuild/icon/ic_16_gray80_arrow.png) center/contain no-repeat;
}
.main_hanasoho .soho_link .title.i_gray80_arrow {
  display: inline-block;
}
.main_hanasoho .soho_link .title.i_gray80_arrow::after {
  content: "";
  display: inline-block;
  margin-left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/rebuild/icon/ic_16_gray80_arrow.png) center 2px/contain no-repeat;
}
.main_hanasoho .soho_link::after {
  content: "";
  position: absolute;
  width: 9.6rem;
  height: 5.6rem;
  right: 0.4rem;
  bottom: 0;
  z-index: 1;
  background: url(../img/rebuild/main/ic_main_hanasoho.png) center/contain no-repeat;
}
.main_hanasoho .soho_list {
  margin-top: 1.6rem;
  padding-top: 2rem;
  border-top: 0.1rem solid #f6f6f6;
}
.main_hanasoho .soho_list > li + li {
  margin-top: 1.6rem;
}
.main_hanasoho .soho_list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_hanasoho .soho_list .text_box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.2rem;
  margin-bottom: 0;
}
.main_hanasoho .soho_list .text_box .desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  width: 70%;
  font-size: 1.4rem;
  color: #666;
  line-height: 2rem;
}
.main_hanasoho .soho_list .text_box .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  width: 95%;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #333;
  font-weight: 600;
}
.main_hanasoho .soho_list .btn_box {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_hanasoho .soho_list .btn_box .btn.ice {
  padding: 0 1.2rem;
  min-height: 3.2rem;
  border-radius: 0.6rem;
  border: 0;
  background: #f0f9f9;
  font-size: 1.3rem;
  color: #006d5a;
  font-weight: 500;
}

.main_exchange_rate {
  margin-top: 4rem;
}
.main_exchange_rate .ui_card {
  padding: 2rem;
}
.main_exchange_rate .exchange_rate {
  position: relative;
}
.main_exchange_rate .exchange_rate .btn_hidden {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main_exchange_rate .rate_list {
  margin: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.8rem;
  margin-top: 2rem;
}
.main_exchange_rate .rate_list .item {
  width: 33.33%;
}
.main_exchange_rate .rate_list .item:nth-child(1) .logo_emblem i {
  background-image: url(../img/rebuild/main/ic_logo_emblem_usd.png);
}
.main_exchange_rate .rate_list .item:nth-child(2) .logo_emblem i {
  background-image: url(../img/rebuild/main/ic_logo_emblem_jpy.png);
}
.main_exchange_rate .rate_list .item:nth-child(3) .logo_emblem i {
  background-image: url(../img/rebuild/main/ic_logo_emblem_eur.png);
}
.main_exchange_rate .rate_list .logo_emblem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.main_exchange_rate .rate_list .logo_emblem i {
  width: 3.6rem;
  height: 2.7rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main_exchange_rate .rate_list .rate_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-top: 0.8rem;
}
.main_exchange_rate .rate_list .rate_info .rate {
  font-size: 1.6rem;
  color: #333;
  line-height: 2.4rem;
  font-weight: 700;
}
.main_exchange_rate .rate_list .rate_info .icon {
  position: relative;
  padding-left: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
}
.main_exchange_rate .rate_list .rate_info .icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 0.8rem);
  width: 1.6rem;
  height: 1.6rem;
}
.main_exchange_rate .rate_list .rate_info .icon.up {
  color: #ff006f;
}
.main_exchange_rate .rate_list .rate_info .icon.up::before {
  background: url(../img/rebuild/main/ic_fund_up.png) center/contain no-repeat;
}
.main_exchange_rate .rate_list .rate_info .icon.down {
  color: #007bff;
}
.main_exchange_rate .rate_list .rate_info .icon.down::before {
  background: url(../img/rebuild/main/ic_fund_down.png) center/contain no-repeat;
}
.main_exchange_rate .refer_text {
  margin-top: 2rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #666;
  text-align: center;
}

.main_cscenter {
  margin-top: 4rem;
  margin-bottom: 1.6rem;
}
.main_cscenter .main_title {
  padding: 0 0.4rem;
}
.main_cscenter .cscenter_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.main_cscenter .cscenter_list li {
  width: 33.33%;
}
.main_cscenter .cscenter_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.4rem 0;
}
.main_cscenter .cscenter_list li i {
  width: 4.8rem;
  height: 4.8rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main_cscenter .cscenter_list li .text {
  font-size: 1.4rem;
  color: #555;
  font-weight: 500;
  line-height: 2rem;
}
.main_cscenter .i_cs_branch {
  background-image: url(../img/rebuild/main/ic_48_cs_branch.png);
}
.main_cscenter .i_cs_faq {
  background-image: url(../img/rebuild/main/ic_48_cs_faq.png);
}
.main_cscenter .i_cs_call {
  background-image: url(../img/rebuild/main/ic_48_cs_call.png);
}

.my_menu_select {
  margin-top: 3.2rem;
}
.my_menu_select .text_lv3 {
  margin-bottom: 1.6rem;
  color: #333;
}
.my_menu_select .box {
  border-radius: 1rem;
  padding: 2rem;
}
.my_menu_select .box + .box {
  margin-top: 1.6rem;
}
.my_menu_select .my_menu_title {
  margin-bottom: 0.8rem;
}
.my_menu_select .my_menu_title .title {
  font-size: 1.5rem;
  color: #111;
  font-weight: 700;
  line-height: 2.2rem;
}
.my_menu_select .d_check {
  margin: 0.8rem 0;
}
.my_menu_select .d_check input:checked + label {
  background-position-y: top;
  color: #333;
}
.my_menu_select .d_check label {
  height: auto;
  min-height: 2.4rem;
  background-position-y: top;
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #333;
  font-weight: 500;
}

.my_menu_setting .btn_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 1.6rem;
}
.my_menu_setting .my_menu_list {
  gap: 1.6rem 1.9rem;
}
.my_menu_setting .my_menu_list li {
  width: calc(33.33% - 1.266rem);
}

.my_menu_list .ui_card.dotted {
  position: relative;
  padding: 1.2rem 0 0.8rem;
  height: 100%;
  border-radius: 0.8rem;
  background-color: #fff;
  border: 0.1rem dashed #d9d9d9;
}
.my_menu_list .ui_card.dotted i {
  width: 4rem;
  height: 4rem;
}
.my_menu_list .ui_card.dotted .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 4rem;
}
.my_menu_list .ui_card.dotted .btn_icon.remove {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
}

.btn_biz_type {
  padding-top: 2rem !important;
  gap: 1.6rem !important;
}
.btn_biz_type .btn {
  border-radius: 0.8rem;
  background-color: #f6f6f6;
  display: block;
  padding: 2rem 0;
  text-align: center;
}
.btn_biz_type .btn .text {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  font-weight: 500;
}
.btn_biz_type .i_biz_personal::before {
  content: "";
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 auto 1.2rem auto;
  background: url(../img/rebuild/icon/ic_48_biz_personal.png) 0 0/4.8rem no-repeat;
}
.btn_biz_type .i_biz_corporate::before {
  content: "";
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 auto 1.2rem auto;
  background: url(../img/rebuild/icon/ic_48_biz_corporate.png) 0 0/4.8rem no-repeat;
}

/* 하나더소호 */
.rebuild .comp_content .logo_wrap {
  margin-bottom: 2.4rem;
}
.rebuild .comp_content .logo_wrap .logo_img {
  max-width: 17.9rem;
  height: 5rem;
  background: url(../img/rebuild/icon/hana_one_q_logo.svg) 0 0/100% no-repeat;
}
.rebuild .comp_content .logo_wrap + .c_text02 {
  margin-top: 0;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 600;
}

.pop_basic.center .inner_content p + p {
  margin-top: 1.6rem;
}
.pop_basic.center .inner_content .mobile_auth .form_list {
  margin-top: 2rem;
}
.pop_basic.center .inner_content .mobile_auth .form_list > li {
  text-align: left;
}
.pop_basic.center .inner_content .mobile_auth .form_list > li .blt.dot li {
  margin-left: 1rem;
}
.pop_basic.center .inner_content .mobile_auth .form_list > li .inp + .blt.dot {
  margin-top: 0.8rem;
}

.ui-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  white-space: nowrap;
}
.ui-btn_child_icon, .ui-btn_child_arrow {
  width: 1.6rem;
  height: 1.6rem;
}
.ui-btn.text-14-point-arrow {
  font-size: 1.4rem;
  color: rgb(0, 145, 120) !important;
  font-weight: 500;
  line-height: 2rem;
  border-radius: 0;
}
.ui-btn.text-14-point-arrow .btn_child_arrow {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../img/icon/icon-arrow-right-green-14-px.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.list_child_slot-block {
  margin-top: 0.4rem;
}

.terms_bottom.line {
  margin: 0 -2.4rem;
  padding: 2rem 2.4rem 0;
  border-top: 0.8rem solid #f6f6f6;
}
.terms_bottom.line input + label {
  font-weight: 500;
}

.rebuild .info_box .blt .blt {
  margin-left: 0;
}
.rebuild .blt.check > li .warning_i {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  height: 100%;
  background: url(../img/rebuild/otp/ico_warning.png) center/1.8rem 1.8rem no-repeat;
}
.rebuild .blt.dot.gray90 > li {
  color: #333;
}
.rebuild .form_group.tel .select_style ~ .inp_com {
  margin-left: 0.4rem;
}
.rebuild .form_group.tel .inp_com ~ .inp_com {
  margin-left: 0.4rem;
}
.rebuild .form_group.reg_num .inp_com ~ .inp_com {
  margin-left: 0.8rem;
}
.rebuild .btn_wrap.gap8 > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.rebuild .btn_wrap.gap0 > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.rebuild .btn_wrap.gap16 {
  gap: 1.6rem;
}
.rebuild .btn_wrap.gap16 > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.rebuild .btn_icon_wrap {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.rebuild .btn_icon_wrap > li .btn_icon_txt {
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rebuild .btn_icon_wrap > li .btn_icon_txt .txt_wrap {
  margin-right: auto;
}
.rebuild .btn_icon_wrap > li .btn_icon_txt .txt_wrap .desc {
  word-break: keep-all;
}
.rebuild .btn_icon_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.rebuild .btn_icon_txt.type_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background-color: #f0f9f9;
}
.rebuild .btn_icon_txt.type_box i {
  display: inline-block;
}
.rebuild .btn_icon_txt .flex {
  width: 100%;
}
.rebuild .btn_icon_txt .txt_wrap span {
  display: block;
}
.rebuild .btn_icon_txt .txt_wrap span.tit {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: #333;
}
.rebuild .btn_icon_txt .txt_wrap span.tit + .desc {
  margin-top: 0.4rem;
}
.rebuild .btn_icon_txt .txt_wrap span.desc {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #555;
  font-weight: 500;
}
.rebuild .btn_icon_txt .txt_wrap span.fz_15 {
  line-height: 2.2rem;
}
.rebuild .btn_icon_txt .txt {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #444;
}
.rebuild .btn_icon_txt.bg_white {
  background-color: #fff;
  padding: 1.6rem 2rem;
  border-radius: 1.2rem;
}
.rebuild .btn_icon_txt.bg_white.shadow {
  -webkit-box-shadow: 0px 4px 16px 0px rgba(102, 102, 102, 0.12);
          box-shadow: 0px 4px 16px 0px rgba(102, 102, 102, 0.12);
}
.rebuild .btn_icon_txt.arrow {
  position: relative;
}
.rebuild .btn_icon_txt.arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/icon/icon-arrow-right-555555-20-px.svg) center right/1.6rem no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rebuild .btn_icon_txt.arrow2 {
  position: relative;
}
.rebuild .btn_icon_txt.arrow2::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: 2rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/icon/icon-arrow-right-555555-20-px.svg) center right/1.6rem no-repeat;
}
.rebuild .box_list.ico_sm > li .box_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem;
  background: url(../img/icon/icon-arrow-right-111111-20-px.svg) center right 1.6rem/1.8rem no-repeat;
}
.rebuild .box_list.ico_sm > li .box_link .ico_logo {
  width: 2.4rem;
  height: 2.4rem;
}
.rebuild .box_list.ico_sm > li .box_link .ico_logo + .txt {
  margin-left: 0.8rem;
}
.rebuild .box_list.ico_sm > li .box_link .ico_logo.otp {
  background: url(../img/rebuild/otp/ic_cs.png) center right/2.4rem no-repeat;
}
.rebuild .box_list.ico_sm > li .box_link .txt {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #111;
}
.rebuild .aco.line2 {
  border: 0;
}
.rebuild .aco.line2 + .line2 {
  margin-top: 2.4rem;
}
.rebuild .aco.line2 .tit button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2.4rem 0 0;
  font-weight: 600;
}
.rebuild .aco.line2 .tit button::after {
  width: 1.6rem;
  height: 1.6rem;
  top: 0.4rem;
  right: 0;
  background: url(../img/rebuild/otp/ic_arrow_20.png) center center/100% no-repeat;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.rebuild .aco.line2 .tit button i {
  display: inline-block;
  margin-right: 0.4rem;
}
.rebuild .aco.line2 .tit.on {
  border-bottom: 0;
}
.rebuild .aco.line2 .tit.on button::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rebuild .box_list.bg_white > li {
  border: 0;
}
.rebuild .box_list.bg_white > li .box_item.type_cert {
  border: 0;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit {
  margin-bottom: 0;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit {
  margin-bottom: 0;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.hana {
  color: #009178;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.fin {
  color: #2589f4;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.public {
  color: #9f71f6;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.i_tit {
  position: relative;
  display: inline-block;
  padding-left: 2rem;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.i_tit::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.i_tit.hana::before {
  background: url(../img/rebuild/otp/ic_16_flag_hana.png) no-repeat center/contain;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.i_tit.fin::before {
  background: url(../img/rebuild/otp/ic_16_flag_fin.png) no-repeat center/contain;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit .tit.i_tit.public::before {
  background: url(../img/rebuild/otp/ic_16_flag_public.png) no-repeat center/contain;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_tit + .table_list {
  margin-top: 0.8rem;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
  padding-bottom: 0;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_list > li .th {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_list > li .th .tit {
  padding: 0.4rem 0;
  color: #333;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_list > li .td {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_list > li.bdt {
  margin-top: 1.2rem;
  padding-bottom: 0;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_list > li.bdt:last-child {
  padding-bottom: 0;
}
.rebuild .box_list.bg_white > li .box_item.type_cert .table_wrap .table_list > li.bdt ~ li {
  padding-top: 1.2rem;
}
.rebuild .btn_arr {
  position: relative;
  display: inline-block;
  line-height: 1;
  background: none;
}
.rebuild .btn_arr span.txt {
  display: inline-block;
  padding-right: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
}
.rebuild .btn_arr::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/icon/icon-arrow-right-555555-20-px.svg) center right/1.6rem no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rebuild .btn_arr.arr_bk::after {
  right: 1.6rem;
  background: url(../img/icon/icon-arrow-right-111111-20-px.svg) center right/1.6rem no-repeat;
}
.rebuild .fas {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.rebuild .num_area {
  padding: 0.7rem 2rem;
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}
.rebuild .num_area .flex.gap18 span {
  margin-left: 0.2rem;
}
.rebuild .num_area span {
  display: inline-block;
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.rebuild .ml_a {
  margin-left: auto;
}
.rebuild .img_wrap {
  width: 4.8rem;
  height: 4.8rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rebuild .img_wrap.w_20 {
  width: 2rem;
  height: 2rem;
}
.rebuild .img_wrap.w_40 {
  width: 4rem;
  height: 4rem;
}
.rebuild .img_wrap.w_48 {
  width: 4.8rem;
  height: 4.8rem;
}
.rebuild .img_wrap.w_72 {
  width: 7.2rem;
  height: 7.2rem;
}
.rebuild .img_wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.rebuild .box.bg_white {
  background-color: #fff;
  border: 0;
}
.rebuild .box.bg_light_green {
  border: 0;
}
.rebuild .box.br_12 {
  border-radius: 1.2rem;
}
.rebuild .txt_dark_green {
  color: #197767;
}
.rebuild .txt_sky {
  color: #2589f4;
}
.rebuild .txt_blue {
  color: #3275bd;
}
.rebuild .txt_purple {
  color: #9f71f6;
}
.rebuild .txt_dark_purple {
  color: #7f53d1;
}
.rebuild .box .type_sm {
  padding: 1.3rem 1.6rem;
}
.rebuild .ico_new span {
  display: inline-block;
  position: relative;
}
.rebuild .ico_new span::after {
  content: "";
  position: absolute;
  right: -0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #f02554;
  border-radius: 100%;
}
.rebuild .tab_wrap.fixed .top_box.bg_gray2 {
  margin-top: -2.2rem;
  padding: 1.6rem 2rem;
  background-color: #f6f6f6;
}
.rebuild .tab_wrap.round .tab_head .tab > li ~ li {
  margin-left: 0.8rem;
}
.rebuild .tab_wrap.round .tab_head .tab > li.on button {
  color: #009178;
}
.rebuild .tab_wrap.round .tab_head .tab > li button {
  color: #666;
}
.rebuild .tab_wrap.round .tab_head .tab > li button:disabled {
  background-color: #eee;
}
.rebuild .noti_tit {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #555;
}
.rebuild .noti_tit.dot {
  padding-left: 1.1rem;
  position: relative;
}
.rebuild .noti_tit.dot::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #555;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rebuild .noti_tit.new {
  color: #009178;
}
.rebuild .noti_tit.new::before {
  background-color: #009178;
}
.rebuild .ico_list.arrow {
  margin-top: 0;
}
.rebuild .ico_list.arrow > li a {
  padding: 1.6rem 2.5rem 1.6rem 0;
}
.rebuild .ico_list.arrow > li:last-child {
  border-bottom: 0;
}
.rebuild .ico_list.arrow2 > li {
  padding: 0;
}
.rebuild .ico_list.arrow2 > li:last-child {
  border-bottom: 0;
}
.rebuild .ico_list > li {
  border-top: 0.1rem solid #f6f6f6;
}
.rebuild .ico_list > li .ico_area::after {
  width: 1.6rem;
  height: 1.6rem;
  top: 1.9rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: url(../img/icon/icon-arrow-right-555555-20-px.svg) center no-repeat;
}
.rebuild .ico_list > li .ico_area .otp_mobile {
  padding-left: 5.2rem;
  background: url(../img/rebuild/otp/ic_32_sec_type_1.png) 0 0.3rem/4rem no-repeat;
}
.rebuild .ico_list > li .ico_area .otp_mobile dt {
  font-weight: 600;
}
.rebuild .ico_list > li .ico_area .otp_register {
  padding-left: 5.2rem;
  background: url(../img/rebuild/otp/ic_32_sec_type_2.png) 0 0.3rem/4rem no-repeat;
}
.rebuild .ico_list > li .ico_area .otp_register dt {
  font-weight: 600;
}
.rebuild .ico_list > li .ico_area .otp_sync {
  padding-left: 5.2rem;
  background: url(../img/rebuild/otp/ic_32_sec_type_3.png) 0 0.3rem/4rem no-repeat;
}
.rebuild .ico_list > li .ico_area .otp_sync dt {
  font-weight: 600;
}
.rebuild .table_wrap .table_list.gap8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.rebuild .table_wrap .table_list.gap8 > li {
  padding: 0;
}
.rebuild .table_wrap .table_list.gap8 > li .th,
.rebuild .table_wrap .table_list.gap8 > li .td {
  min-height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
.rebuild .table_wrap .table_list.gap8 > li .fz_14 {
  line-height: 2rem;
}
.rebuild .list_wrap.arrow_bk > li > a {
  background: url(../img/icon/icon-arrow-right-111111-20-px.svg) center right/1.8rem no-repeat;
}
.rebuild .list_wrap > li:last-child {
  border-bottom: 0.1rem solid #d9d9d9;
}
.rebuild .terms_wrap .chk_list.gap16 > li {
  margin-bottom: 1.6rem;
}
.rebuild .terms_wrap .chk_list.gap16 > li:last-child {
  margin-bottom: 0;
}
.rebuild.pop_basic.center .p_x {
  top: 2.4rem;
}
.rebuild .select-card {
  position: relative;
  width: 100%;
}
.rebuild .select-card_child_input[type] {
  all: unset;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 1;
  cursor: pointer;
}
.rebuild .select-card_child_cont {
  height: 100%;
  border-radius: 0.8rem;
  border: 0.1rem solid transparent;
  padding: 1.6rem;
}
.rebuild .select-card_child_target {
  display: block;
  height: 100%;
  border-radius: 0.8rem;
}
.rebuild .select-card-A .select-card_child_cont {
  background-color: #f6f6f6;
}
.rebuild .select-card-A .select-card_child_inp:checked + .select-card_child_cont {
  background-color: #fff;
  border-color: #009178;
}
.rebuild .select-card-A .select-card_child_inp:checked + .select-card_child_cont:before {
  content: "";
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/rebuild/otp/CheckBox0.png);
}
.rebuild .certifi_wrap button {
  padding: 0 2rem 0 0.7rem;
}
.rebuild .link_banner_wrap {
  display: block;
  text-decoration: none;
  color: inherit;
}
.rebuild .link_banner_wrap .link_banner {
  position: relative;
  padding: 2rem;
  border-radius: 0.8rem;
}
.rebuild .link_banner_wrap .link_banner.bg_light_mint {
  background-color: #E5F2F2;
}
.rebuild .link_banner_wrap .link_banner .link_banner_cont .tit {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #333;
}
.rebuild .link_banner_wrap .link_banner .link_banner_cont .tit + .desc {
  margin-top: 0.4rem;
}
.rebuild .link_banner_wrap .link_banner .link_banner_cont .desc {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #666;
  word-break: keep-all;
}
.rebuild .link_banner_wrap .link_banner .icon {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  background: url(../img/rebuild/icon/icon-arrow-circle.png) no-repeat center/contain;
}

.rebuild .aco .tit button:after {
  background: url(../img/rebuild/icon/ic_20_up_arrow.png) center center/100% no-repeat;
}
.rebuild .border_top_none {
  border-top: 0 !important;
}
.rebuild .ui_common_start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.rebuild .ui_text_cetner {
  text-align: center;
}
.rebuild .tab_wrap_renewal {
  margin: 0 -2.4rem;
}
.rebuild .tab_wrap_renewal .tab_list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rebuild .tab_wrap_renewal .tab_head {
  padding: 0;
}
.rebuild .tab_wrap_renewal .tab_head .tab {
  padding: 0 1.8rem 0 2.4rem;
}
.rebuild .tab_wrap_renewal .tab_head .tab li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.rebuild .tab_wrap_renewal .tab_head .tab li.on button {
  color: #111;
}
.rebuild .tab_wrap_renewal .tab_head .tab li button {
  padding: 0.8rem 1.6rem 1rem;
  width: auto;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #555;
  word-break: keep-all;
  white-space: nowrap;
}
.rebuild .search_renewal.type_inp {
  padding: 0 2.4rem;
}
.rebuild .box_list_renewal li {
  border-radius: 0.8rem;
}
.rebuild .box_list_renewal li .box_link {
  padding: 1.6rem;
  background: url(../img/rebuild/icon/ic_24_arrow.png) center right 1.2rem/2.4rem no-repeat;
}
.rebuild .ui_common_fae {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rebuild .btn_link {
  width: auto;
  margin-top: initial;
}
.rebuild .btn_link span {
  display: inline-block;
  position: relative;
  padding-right: 2.2rem;
  font-size: 1.4rem;
  color: #111;
}
.rebuild .btn_link span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../img/icon/icon-arrow-right-darkgray-18-px.svg) center center/1.8rem no-repeat;
}
.rebuild .period_filter .setting_select .setting_inp .inp {
  max-height: 2rem;
}
.rebuild .period_filter .setting_select .setting_inp .inp.focus {
  border: 1px solid transparent;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: calc(100% - 2rem);
}
.rebuild .period_filter .setting_select .select_style {
  background-position-x: right !important;
}
.rebuild .period_filter .setting_select .select_style + .setting_inp {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 2rem;
}
.rebuild .period_filter .setting_select.flex_nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.rebuild .period_filter + .box.bg_gray {
  margin-top: 2.4rem;
}
.rebuild .period_filter .search_btn {
  padding: initial;
  border-color: transparent;
  background-color: transparent;
}
.rebuild .banking_list {
  margin-top: 2rem;
}
.rebuild .banking_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.rebuild .banking_list li .tit {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #333;
}
.rebuild .banking_list li .sum {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #111;
}
.rebuild .banking_card_rebuild .select_style {
  background-color: #fff;
}
.rebuild .backing_history li {
  padding: 1.6rem 0;
}
.rebuild .backing_history li:first-child {
  padding-top: 0;
}
.rebuild .backing_history li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.rebuild .backing_history li .date_info p.item {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #666;
}
.rebuild .backing_history li .date_info p.item + .item {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.rebuild .backing_history li strong.name {
  display: block;
  margin-top: 0.4rem;
  font-weight: 500;
  line-height: 2.2rem;
}
.rebuild .backing_history li strong.name > p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rebuild .backing_history li .sum_area .sum_out,
.rebuild .backing_history li .sum_area .sum_in {
  margin-top: 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 600;
}
.rebuild .backing_history li .sum_area .sum_pay {
  gap: 0.4rem;
  margin-top: 0.2rem;
  text-align: left;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #666;
}
.rebuild .backing_history li .sum_area .sum_pay:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rebuild .backing_history li .sum_area .sum_pay + .sum_pay {
  text-align: right;
}
.rebuild .backing_history li .sub_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rebuild .backing_history li .sub_wrap .text_pay {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rebuild .backing_history li .sub_wrap .text_pay.sum_pay:empty {
  display: none;
}
.rebuild .backing_history li .sub_wrap .text_pay.sum_pay:empty + .sum_pay {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.rebuild .backing_history li .badge_wrap {
  margin-top: 1.2rem;
  text-align: right;
}
.rebuild .backing_history li .badge_wrap .bagde {
  padding: 0.3rem 0.8rem;
  min-height: 2.4rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
  border-radius: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: keep-all;
  white-space: nowrap;
}
.rebuild .backing_history li .badge_wrap .bagde.bagde_risk03 {
  color: #009178;
  border-color: #009178;
}
.rebuild .list_wrap.list_wrap_renewal li {
  margin-top: 0.8rem;
  padding: 0;
  border-top: 0;
}
.rebuild .list_wrap.list_wrap_renewal li:last-child {
  border-bottom: none;
}
.rebuild .list_wrap.list_wrap_renewal li .box {
  padding: 0;
}
.rebuild .list_wrap.list_wrap_renewal .box.box_check .d_check.small label {
  color: #333;
}
.rebuild .list_wrap.list_wrap_renewal .box.box_check .d_check label {
  padding: 1.6rem 1.6rem 1.6rem 4.8rem;
  background-position: left 1.6rem center !important;
  line-height: 2.4rem;
}
.rebuild .list_wrap.list_wrap_renewal .box.box_check .d_check input:checked + label {
  color: #009178;
  font-weight: 500;
  background-position: left 1.6rem center !important;
}
.rebuild .list_wrap.check li button p {
  color: #333;
}
.rebuild .list_wrap.check li.on p,
.rebuild .list_wrap.check li.on strong {
  color: #009178 !important;
}
.rebuild .list_wrap.list_wrap_card li {
  border: 0;
}
.rebuild .list_wrap.flag_list {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rebuild .list_wrap.flag_list li {
  width: 14.8rem;
  border-top: none !important;
}
.rebuild .list_wrap.flag_list li button {
  padding: 1.5rem 0;
  gap: 1rem;
}
.rebuild .list_wrap.flag_list li .flag_btn span {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #333;
}
.rebuild .list_wrap.flag_list li .flag_btn span + span {
  width: 100%;
}
.rebuild .list_wrap.flag_list li.on .flag_btn span {
  color: #009178;
}
.rebuild .aco.aco_renewal {
  padding: 0 1.6rem;
  font-weight: 600;
  border: 1px solid #d9d9d9;
}
.rebuild .aco.aco_renewal .tit button {
  padding: 1.6rem 2.8rem 1.6rem 0;
}
.rebuild .aco.aco_renewal .tit button::after {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  right: 0;
  background: url(../img/rebuild/icon/ic_20_up_arrow.png) center center/100% no-repeat;
}
.rebuild .aco.aco_renewal .tit button .sub_text {
  margin-top: 0.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rebuild .aco.aco_renewal .tit.on {
  border-bottom: 1px solid #d9d9d9;
}
.rebuild .aco.aco_renewal .tit.on button::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.rebuild .aco.aco_renewal .mb_lv3 {
  margin-bottom: 2rem !important;
}
.rebuild .aco.aco_renewal .table_list .box.bg_gray {
  padding: 1.2rem;
}
.rebuild .aco.aco_renewal_none {
  padding: 1.6rem;
}
.rebuild .aco.aco_renewal_none .tit button {
  padding-top: 0;
  font-family: "pd" !important;
  font-weight: 600;
}
.rebuild .aco.aco_renewal_none .tit.on {
  border-bottom: 0 !important;
}
.rebuild .aco.aco_renewal_none .tit .bdt {
  padding: 1.6rem 0 0;
}
.rebuild .aco.aco_renewal_none .aco_panel {
  padding: 0.8rem 0 1.6rem;
}
.rebuild .aco.aco_renewal .table_wrap ~ .table_wrap {
  border-top: 0;
}
.rebuild .aco.aco_renewal .aco_panel .sub_cont {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #333;
}
.rebuild .aco.aco_form {
  padding: 0 1.6rem;
  background: #f6f6f6;
  border: none;
}
.rebuild .aco.aco_form button {
  padding: 1.6rem 2.8rem 1.6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
}
.rebuild .aco.aco_form button::after {
  top: 1.8rem;
  right: 0;
  width: 2rem;
  height: 2rem;
}
.rebuild .aco.aco_form .c_text02 {
  font-size: 1.4rem;
}
.rebuild .aco_panel {
  padding: 1.6rem 0;
}
.rebuild .aco_panel ul.blt li {
  color: #333;
}
.rebuild .aco_panel ul.blt.list_dot li {
  margin-top: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #333;
}
.rebuild .aco_panel ul.blt.list_dot li + li {
  margin-top: 0.8rem;
}
.rebuild .nodata .sub_text {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 400;
}
.rebuild .nodata .sub_text + .btn.sm {
  margin-top: 2rem;
}
.rebuild .table_wrap ~ .table_wrap {
  margin-top: 2rem;
  padding-top: 2rem;
}
.rebuild .table_wrap_type01 .table_list li strong.tit {
  color: #333;
}
.rebuild .table_wrap_type01 .table_list li .box.bg_gray {
  padding: 1.2rem;
}
.rebuild .table_wrap_type01 .table_list li .box.bg_gray .table_list li .tit {
  color: #666;
}
.rebuild .table_wrap_renewal .table_tit {
  margin-bottom: 1.6rem;
}
.rebuild .table_wrap_renewal .table_tit .text_lv2 {
  margin: 0;
}
.rebuild .table_list .th strong.c_main03 {
  font-size: 1.5rem;
}
.rebuild .table_list .form_list {
  width: 100%;
}
.rebuild .table_list span.c_text03 {
  font-weight: 400;
}
.rebuild .box.bg_gray + .info_content {
  margin-top: 0.8rem;
}
.rebuild .box.bg_gray + .info_content .blt li {
  font-size: 1.3rem;
}
.rebuild .box.bg_gray + .table_wrap {
  margin-top: 2rem;
}
.rebuild .box.bg_gray.bg_gray_type01 .table_list li {
  padding: 0;
}
.rebuild .box.bg_gray.bg_gray_type01 .table_list li + li {
  margin-top: 0.8rem;
}
.rebuild .table_tit.tit_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rebuild .table_tit.tit_wrap .sub_text {
  margin: 4rem 0 1.6rem;
}
.rebuild .table_tit.tit_wrap + .box.bg_gray {
  margin-top: 2rem;
}
.rebuild .banking_card.bg_light_green {
  border-radius: 0.8rem !important;
  background-color: #edf6f6 !important;
  border: 0 !important;
}
.rebuild .banking_card.bg_light_green + .bg_gray {
  margin-top: 1.2rem;
}
.rebuild .banking_card.bg_light_green + .form_list {
  margin-top: 2rem;
}
.rebuild .banking_card.bg_light_green .banking_info p.name {
  display: inline-block;
  max-width: 100%;
  text-overflow: unset;
  white-space: unset;
}
.rebuild .banking_card .btn_wrap .btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
}
.rebuild .banking_card .banking_inner > a,
.rebuild .banking_card .banking_inner button {
  background: url(../img/icon/icon-arrow-right-111111-20-px.svg) right center/1.8rem no-repeat;
}
.rebuild .banking_info p.name {
  display: inline-block;
  max-width: calc(100% - 1.8rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rebuild .banking_info p.sub_text {
  margin-top: 0.2rem;
}
.rebuild .banking_info + .info_content .blt.dot li {
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.rebuild .banking_card_rebuild {
  padding: 2rem 2.4rem 1.6rem;
  margin: -2.4rem -2.4rem 0;
  background: #edf6f6;
}
.rebuild .banking_card_rebuild .banking_card {
  position: relative;
  border: none;
  background: transparent;
}
.rebuild .banking_card_rebuild .banking_card .name {
  font-size: 1.6rem;
  color: #111;
  line-height: 2.4rem;
  font-weight: 600;
}
.rebuild .banking_card_rebuild .setting_select .btn.select_style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-align: left;
  width: auto;
  max-width: calc(100% - 3rem);
  min-height: 2.4rem;
  padding: 0 2rem 0 0;
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  background-color: transparent;
  background-position-x: right !important;
  -webkit-appearance: none;
}
.rebuild .banking_card_rebuild .setting_select .btn.select_style > span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
}
.rebuild .banking_card_rebuild .setting_select .btn.select_style:not([data-has-span="1"]) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rebuild .banking_card_rebuild .setting_select .btn.select_style.process_number {
  padding: 1.2rem 4.8rem 1.2rem 1.6rem;
  max-width: 100%;
  width: 100%;
  background-color: #fff;
}
.rebuild .banking_card_rebuild .btn_more {
  top: 0;
  background: url(../img/common/icon-navigation-bars-more-vert-black-24-px.svg) 0 0/2.4rem no-repeat;
}
.rebuild .banking_card_rebuild .acount_wrap {
  margin-top: 0.2rem;
}
.rebuild .banking_card_rebuild .acount_wrap .account_num {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #666;
}
.rebuild .banking_card_rebuild .acount_wrap .btn_copy {
  margin-left: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/rebuild/icon/ic_copy_16.svg) center/contain no-repeat;
}
.rebuild .balance_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 1.6rem !important;
  gap: 0.4rem;
}
.rebuild .balance_wrap + .aco_wrap {
  margin-top: 0.8rem;
}
.rebuild .balance_wrap + .aco_wrap li ~ li {
  margin-top: 0.4rem;
}
.rebuild .form_list li > .info_content {
  margin-top: 0.8rem;
}
.rebuild .form_list li > .info_content li {
  font-size: 1.3rem;
}
.rebuild .form_list li > .info_content.info_content_renewal li {
  font-size: 1.4rem;
}
.rebuild .form_list li > .info_content.info_content_renewal li.c_main01 {
  padding-left: 0;
}
.rebuild .form_list + .btn {
  margin-top: 2rem;
}
.rebuild .form_list.table_list li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rebuild .form_list.form_list_renewal li button span.active {
  width: 24.3rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rebuild .form_list.line {
  border-top: 0.1rem solid #d9d9d9;
}
.rebuild .form_list.line.sm {
  padding-top: 1.2rem;
  margin-top: 1.2rem;
}
.rebuild .form_list.line.md {
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}
.rebuild .form_list.sm li {
  padding: 0.4rem 0;
}
.rebuild .form_list.sm li:first-child {
  padding-top: 0;
}
.rebuild .form_list.sm li:last-child {
  padding-bottom: 0;
}
.rebuild .aco_wrap li .aco {
  border-top: 0;
}
.rebuild .aco_wrap li .aco .tit button {
  padding: 1.2rem 0;
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #000;
  font-weight: 500;
}
.rebuild .aco_wrap li .aco .tit button::after {
  right: 0;
}
.rebuild .aco_wrap li .aco .tit.on {
  border-bottom: 1px solid #d9d9d9;
}
.rebuild .text_lv3.mt_lv3 {
  margin-top: 2rem !important;
}
.rebuild .box_check.box_check_type01 ul li .name {
  color: #111;
}
.rebuild .box_check.box_check_type01 label {
  padding: 1.6rem 1.6rem 1.6rem 4.2rem;
  border: 1px solid #d9d9d9;
  background: url(../img/icon/icon-check-default-18-px.svg) right 1.8rem center/1.8rem no-repeat !important;
  background-position: left 1.6rem top 1.9rem !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.rebuild .box_check.box_check_type01 input:checked + label {
  border: 1px solid #097976;
  background: url(../img/rebuild/icon/ic_24_checkbox_all_select.svg) right 1.8rem center/1.8rem no-repeat !important;
  background-position: left 1.6rem top 1.9rem !important;
}
.rebuild .box_check.box_check_type01 input[type=checkbox] {
  position: static !important;
  display: block;
}
.rebuild .box_check.box_check_type01 .table_list {
  margin-top: 2rem;
}
.rebuild .box_check.box_check_type01 .table_list li {
  padding: 0;
}
.rebuild .box_check.box_check_type01 .table_list li ~ li {
  margin-top: 0.8rem;
}
.rebuild .box_check.box_check_type01 .table_list + .info_content {
  margin-top: 0.8rem;
}
.rebuild .box_check.box_check_type01 .table_list + .info_content ul.blt > li {
  padding-left: 1rem;
}
.rebuild .box_check.box_check_type01 .table_list + .info_content ul li {
  font-size: 1.3rem;
}
.rebuild .box_check.box_check_type01 input:checked + label .table_list,
.rebuild .box_check.box_check_type01 input:checked + label .info_content {
  display: block;
}
.rebuild .box_check.box_check_type01 .table_list,
.rebuild .box_check.box_check_type01 .info_content {
  display: none;
}
.rebuild .box_check.box_check_type02 {
  position: static;
}
.rebuild .box_check.box_check_type02 ul > li {
  border-radius: 0.8rem;
}
.rebuild .box_check.box_check_type02 .table_list li {
  padding: 0;
}
.rebuild .box_check.box_check_type02 .table_list li ~ li {
  margin-top: 1.2rem;
}
.rebuild .box_check.box_check_type02 label {
  padding: 1.6rem 1.6rem 1.6rem 4.8rem;
  border: 1px solid #d9d9d9;
  background: url(../img/icon/icon-check-all-default-24-px.svg) left center/2.4rem no-repeat !important;
  background-position: left 1.6rem top 1.6rem !important;
}
.rebuild .box_check.box_check_type02 input:checked + label {
  border: 1px solid #097976;
  background: url(../img/rebuild/icon/ic_24_checkbox_all_select.svg) left center/2.4rem no-repeat !important;
  background-position: left 1.6rem top 1.6rem !important;
}
.rebuild .box_check.box_check_type02 + .info_content {
  margin-top: 1.2rem;
}
.rebuild .box_check.box_check_type03 {
  border-radius: 0.8rem;
}
.rebuild .box_check.box_check_type03 label {
  padding: 1.6rem;
  gap: 0.4rem;
  background-color: #f6f6f6;
  background-image: none;
  background-position: right 1.6rem top 1.6rem;
  background-size: 2.4rem;
  background-repeat: no-repeat;
}
.rebuild .box_check.box_check_type03 input:checked + label {
  background-color: #fff;
  background-image: url(../img/rebuild/icon/ic_24_check_select.png);
}
.rebuild .box_check.box_check_type03 input:checked + label strong.c_main03 {
  color: #009178 !important;
}
.rebuild .desc_box + .box {
  margin-top: 4rem;
}
.rebuild .desc_box p {
  margin-top: 1.6rem;
}
.rebuild .switch input:checked + label {
  border: 2px solid #009178;
  background-color: #009178;
}
.rebuild .switch input:checked + label::before {
  content: "";
  display: block;
  position: absolute;
  left: 1.1rem;
  top: 0.4rem;
  width: 0.2rem;
  height: 0.8rem;
  background: none;
}
.rebuild .tooltip_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.rebuild .tooltip_wrap .tooltip_box .is_open {
  width: 32.7rem;
}
.rebuild .tooltip_wrap .tooltip_box .btn_icon.tooltip_close {
  margin-left: auto;
}
.rebuild .tooltip_wrap .tooltip_box .tooltip .text {
  font-weight: 400;
}
.rebuild .tooltip_content .blt.pro_blt > li {
  padding-left: 0.9rem;
  margin-bottom: 0.8rem;
}
.rebuild .tooltip_content .blt.pro_blt > li + li {
  padding-top: 0;
  margin-top: 0;
}
.rebuild .tooltip_content .blt.pro_blt > li + li:last-child {
  margin-bottom: 0;
}
.rebuild .ui_list_group + .ui_list_group {
  margin-top: 1.2rem;
}
.rebuild .more_cont .box > button {
  background: none !important;
}
.rebuild .more_cont .table_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: none;
  padding-bottom: 0;
}
.rebuild .more_cont .table_list li + li {
  padding-top: 1.2rem !important;
}
.rebuild .more_cont .table_list li:last-child {
  padding-bottom: 0.6rem;
}
.rebuild .more_cont .table_list + .more_btn {
  margin-top: 1.8rem;
}
.rebuild .more_cont .table_list + .more_btn.on {
  margin-top: 1.2rem;
}
.rebuild .more_cont .more_btn {
  padding: 0;
  margin: 0 auto;
  word-break: keep-all;
  white-space: nowrap;
}
.rebuild .more_cont .more_btn span {
  padding-right: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #111;
}
.rebuild .more_cont .more_btn span::after {
  content: "";
  top: calc(50% - 0.6rem);
  right: 0;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/icon/ic_12_arrow_down.png) center center/1.2rem no-repeat;
}
.rebuild .column_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.rebuild .column_wrap .d_radio label {
  color: #333;
}
.rebuild .column_wrap .d_radio ~ .d_radio {
  margin-left: initial;
}
.rebuild .type_repay {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.rebuild .type_repay .inp_com {
  min-width: 13.9rem;
}
.rebuild .type_repay .btn.gray {
  min-width: 11.8rem;
}
.rebuild .type_repay .c_text00 {
  margin-right: 0.8rem;
  color: #000 !important;
}
.rebuild .arrow_text span {
  padding-right: 1.6rem;
  font-weight: 500;
}
.rebuild .arrow_text span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/rebuild/icon/ic_12_arrow.png) center center/1.2rem no-repeat;
}
.rebuild .p_body .table_tit + h3.text_lv3 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin-bottom: 1.6rem;
}
.rebuild .p_body .contact_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 0.8rem;
}
.rebuild .p_body .contact_wrap li {
  position: relative;
  width: 33.3333333333%;
  margin: 2.4rem 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rebuild .p_body .contact_wrap .ico_wrap {
  margin: 0 auto;
}
.rebuild .p_body .contact_wrap .ico_wrap img {
  width: 3.2rem;
  height: 3.2rem;
}
.rebuild .p_body .contact_wrap .btn_contact {
  display: block;
  padding: 2rem 0;
  text-align: center;
  color: #111;
  border-radius: 0.8rem;
  background-color: #f5f5f5;
}
.rebuild .p_body .contact_wrap .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.4rem;
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #111;
}
.rebuild .p_body .has_util .util {
  margin-top: 0;
  float: initial;
}
.rebuild .p_body .has_util .util .arrow_text {
  font-size: 1.6rem !important;
  line-height: 2.4rem;
  background: url(../img/icon/icon-arrow-right-c-0-d-9-d-9-12-px.svg) center right/1.2rem no-repeat;
}
.rebuild .p_body .radio_wrap .radio:checked + label {
  background-color: #f0f9f9;
  color: #009178;
}
.rebuild .p_body .radio_wrap .radio:checked + label .tit {
  color: #009178;
}
.rebuild .p_body .radio_wrap label {
  padding: 1.2rem 0.8rem;
}
.rebuild .p_body .radio_wrap + .radio_wrap {
  margin-top: 0.8rem;
}
.rebuild .p_body .form_list.form_list_renewal > li ~ li {
  margin-top: 1.6rem;
}
.rebuild .banner_quick_btn {
  position: fixed;
  right: 2.8rem;
  bottom: 18.7rem;
  z-index: 1000;
}
.rebuild .banner_quick_btn .banner_wrap {
  border: 2px solid #009178;
  border-radius: 50%;
  padding: 0.2rem;
  position: relative;
  z-index: 1000;
  background-color: #edf6f6;
  cursor: pointer;
}
.rebuild .banner_quick_btn .banner_wrap .banner_btn {
  width: 8rem;
  height: 8rem;
  padding: 1.2rem;
  color: #009178;
  background-color: #edf6f6;
  border-radius: 50%;
  border: 0;
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 700;
  border: 1px solid rgb(0, 145, 120);
}
.rebuild .banner_quick_btn .banner_btn_close {
  margin: 0;
  display: block;
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  width: 2rem;
  height: 2rem;
  text-indent: -9999px;
  background: url(../img/rebuild/icon/ic_20_delete.png) center center no-repeat;
  background-size: 2rem;
}
.rebuild .banner_quick_btn.banner_hide {
  display: none;
}
.rebuild .pop_toast {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.rebuild .current_step {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rebuild .current_step .item_text {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #666;
}
.rebuild .all_check {
  font-size: 1.6rem;
  color: #333;
  font-weight: 700;
}
.rebuild .d_check_renewal label {
  color: #333;
}
.rebuild .tit.sub_tit {
  color: #444 !important;
}

html.ios .rebuild .banking_card_rebuild .setting_select {
  min-width: 0;
}
html.ios .rebuild .banking_card_rebuild .setting_select .btn.select_style {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html.ios .rebuild .banking_card_rebuild .setting_select .btn.select_style > span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  direction: ltr;
  unicode-bidi: isolate;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.aco.pro_acco > .tit button {
  font-weight: 700;
  padding-left: 1.6rem;
}
.aco.pro_acco .aco_panel {
  padding: 2rem 1.6rem;
}
.aco.pro_acco .aco_panel .tit {
  font-weight: 600;
  color: #333;
}
.aco.pro_acco .aco_panel .tit + .badge_point {
  margin-top: 0;
  margin-left: 0;
}
.aco.pro_acco .aco_panel .sub-tit {
  font-size: 1.4rem;
  font-weight: 400;
  color: #333;
  line-height: 2rem;
}
.aco.pro_acco .aco_panel > .desc {
  font-size: 1.3rem;
  font-weight: 400;
  color: #555;
  line-height: 1.8rem;
}
.aco.pro_acco .aco_panel > * + * {
  margin-top: 0.8rem;
}
.aco.pro_acco .aco_panel .table_mix + .desc {
  margin-top: 1.6rem;
}
.aco.pro_acco .aco_panel .pro_blt + .tit {
  margin-top: 1.6rem;
}
.aco.pro_acco .aco_panel .pro_blt + .tit.mt_sm {
  margin-top: 0.8rem;
}
.aco.pro_acco .aco_panel .flex.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.aco.pro_acco .aco_panel .flex.flex-start .badge_point {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.aco.pro_acco .blt.dot > li::before {
  background-color: #333;
}
.aco.pro_acco .blt.dash > li {
  padding-left: 1.1rem;
}
.aco.pro_acco .blt.dash > li.mark {
  padding-left: 1.3rem;
}
.aco.pro_acco .blt.dash > li.mark::before {
  content: "※";
}
.aco.pro_acco .blt > li {
  padding-left: 0.9rem;
}
.aco.pro_acco .blt > li .blt {
  margin-top: 0.4rem;
}
.aco.pro_acco .blt > li .blt li ~ li {
  margin-top: 0.4rem;
}
.aco.pro_acco .blt > li ~ li {
  margin-top: 0.8rem;
}

.prodDtbox.pro_prodDtbox .goldlaw_tit {
  padding: 0;
  font-size: 1.4rem;
  color: #333;
  line-height: 2rem;
}
.prodDtbox.pro_prodDtbox .goldlaw_tit + .pro_blt {
  margin-top: 0.8rem;
}
.prodDtbox.pro_prodDtbox .goldlaw_tit + .pro_blt + .goldlaw_tit {
  margin-top: 2rem;
}

.aco.pro_acco .btn.select_style, .pop_basic .pop_in_content .btn.select_style {
  margin-top: 1.6rem;
}
.aco.pro_acco .btn.select_style + .table_mix, .pop_basic .pop_in_content .btn.select_style + .table_mix {
  margin-top: 1.6rem;
}
.aco.pro_acco .btn.select_style + .desc, .pop_basic .pop_in_content .btn.select_style + .desc {
  margin-top: 1.6rem;
}

.blt.pro_blt li {
  color: #333;
}
.blt.pro_blt.dot > li::before {
  background-color: #333;
}
.blt.pro_blt.dot > li.blank {
  padding-left: 0;
}
.blt.pro_blt.dot > li.blank::before {
  display: none;
}
.blt.pro_blt.dash > li {
  padding-left: 1.1rem;
}
.blt.pro_blt.dash > li.mark {
  padding-left: 1.3rem;
}
.blt.pro_blt.dash > li.mark::before {
  content: "※";
}
.blt.pro_blt > li {
  padding-left: 0.9rem;
}
.blt.pro_blt > li .blt {
  margin-top: 0.4rem;
}
.blt.pro_blt.gray li {
  color: #666;
}
.blt.pro_blt.gray.dot > li::before {
  background-color: #666;
}
.blt.pro_blt.small li {
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.blt.pro_blt.gap_md > li ~ li {
  margin-top: 0.8rem;
}

.rebuild .fixed_header {
  position: fixed;
  top: 0;
  left: 0;
  height: 5.6rem;
  width: 100%;
  z-index: 3;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0 2.4rem;
}
.rebuild .fixed_header .ft_hana {
  margin-bottom: 0;
}
.rebuild .fixed_header + .swiper.product_num_swiper {
  position: fixed;
  top: 5.6rem;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 0 2.4rem;
  background: #fff;
}
.rebuild .fixed_header + .swiper.product_num_swiper + .product_swiper {
  margin-top: 8.6rem;
}
.rebuild .ft_hana {
  font-family: "hana";
}
.rebuild .tab_wrap.type_auto .tab_panel_wrap {
  padding-bottom: 0;
}
.rebuild .table_mix table {
  border: 1px solid #d9d9d9;
}
.rebuild .table_mix thead tr {
  border-bottom: 1px solid #d9d9d9;
}
.rebuild .table_mix thead tr ~ tr th:first-child {
  border-left: 1px solid #d9d9d9;
}
.rebuild .table_mix tbody tr ~ tr {
  border-top: 1px solid #d9d9d9;
}
.rebuild .table_mix th, .rebuild .table_mix td {
  font-size: 1.4rem;
  color: #333;
  line-height: 2rem;
  padding: 0.6rem;
  text-align: center;
}
.rebuild .table_mix th {
  font-weight: 500;
  background-color: #f6f6f6;
}
.rebuild .table_mix th ~ th {
  border-left: 1px solid #d9d9d9;
}
.rebuild .table_mix th ~ td {
  border-left: 1px solid #d9d9d9;
}
.rebuild .table_mix td {
  font-weight: 400;
  border-top: 1px solid #d9d9d9;
}
.rebuild .table_mix td ~ td {
  border-left: 1px solid #d9d9d9;
}
.rebuild .btn.select_style.select_foreign + .form_group.end_dot, .rebuild .btn.select_style.select_foreign + .form_group.end_dot + .inp_com, .rebuild .btn.select_style.select_foreign + .inp_com {
  margin-top: 1rem;
}
.rebuild .btn.select_style.select_foreign + .form_group.end_dot i {
  width: 2rem;
}
.rebuild .form_group.end_dot .last_dot {
  width: 8.8rem;
}
.rebuild .form_group.email.type_btn .inp + i + .select_style {
  width: calc(100% - 7rem);
}
.rebuild .form_group.email.type_btn + .inp_com {
  margin-top: 1rem;
}
.rebuild .form_group.search .transparency:disabled + .inp_el {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.rebuild .form_group.search .transparency:disabled + .inp_el .has_el {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}
.rebuild .form_group.search .transparency:disabled + .inp_el .has_el + .el .search_go {
  background-color: #d9d9d9;
}
.rebuild .inp_com .only_price {
  text-align: right;
}
.rebuild .opacity_pw .inp_com.read_disabled input:disabled {
  border: 1px solid #d9d9d9;
  background: #d9d9d9;
}
.rebuild .pop_in_content p + .table_mix, .rebuild .pop_in_content p + .table_col, .rebuild .pop_in_content p + .blt.pro_blt, .rebuild .pop_in_content .blt.pro_blt + .table_col {
  margin-top: 0.8rem;
}
.rebuild .pop_in_content p + .text_lv3 {
  margin-top: 2rem;
}
.rebuild .pop_in_content .blt.pro_blt + .text_lv3 {
  margin-top: 2rem;
}
.rebuild .pop_in_content .table_mix + .text_lv3, .rebuild .pop_in_content .table_col + .text_lv3 {
  margin-top: 2rem;
}
.rebuild .table_list > li .td:only-child {
  width: 100%;
  text-align: left;
}
.rebuild .table_list > li.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rebuild .d_check.small.reverse label {
  padding-left: 0;
  padding-right: 2.4rem;
  background: #fff url(../img/icon/icon-check-all-default-24-px.svg) right top/1.8rem no-repeat;
  background-position: right !important;
}
.rebuild .d_check.small.reverse input:checked + label {
  background: #fff url(../img/icon/icon-check-all-select-24-px.svg) right top/1.8rem no-repeat;
  background-position: right !important;
}
.rebuild .require_terms {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
  margin-bottom: 2rem;
}
.rebuild .require_terms strong {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  line-height: 2.4rem;
}
.rebuild .require_terms strong.green {
  color: #009178;
}
.rebuild .table_col tr ~ tr td:first-child, .rebuild .table_mix tr ~ tr td:first-child {
  border-left: 1px solid #d9d9d9;
}
.rebuild .table_col.fz_md th, .rebuild .table_col.fz_md td, .rebuild .table_row.fz_md th, .rebuild .table_row.fz_md td {
  font-size: 1.4rem;
  line-height: 2rem;
}
.rebuild .table_mix th.lr-small, .rebuild .table_mix td.lr-small, .rebuild .table_col th.lr-small, .rebuild .table_col td.lr-small, .rebuild .table_row th.lr-small, .rebuild .table_row td.lr-small {
  padding: 0.8rem;
}
.rebuild .table_col + .blt.pro_blt, .rebuild .table_row + .blt.pro_blt, .rebuild .table_mix + .blt.pro_blt, .rebuild .box + .blt.pro_blt {
  margin-top: 0.8rem;
}
.rebuild .btn_radio_group + .blt.pro_blt, .rebuild .form_list + .blt.pro_blt {
  margin-top: 2rem;
}
.rebuild .form_list + .blt.pro_blt.small, .rebuild .form_list li .blt.pro_blt.small {
  margin-top: 0.8rem;
}
.rebuild .pension_new + .terms_list {
  margin-top: 2rem;
}
.rebuild .terms_wrap .pop.pro_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem;
  width: 100%;
  text-align: left;
}
.rebuild .terms_wrap .pop.pro_info strong {
  font-size: 1.6rem;
  color: #111;
  line-height: 2.4rem;
}
.rebuild .terms_wrap .pop.pro_info .btn_point {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rebuild .terms_wrap .all_chk_wrap label span {
  font-size: 1.6rem;
  color: #111;
  line-height: 2.4rem;
  font-weight: 700;
}
.rebuild .terms_wrap.border .all_chk_wrap {
  border-bottom: none;
}
.rebuild .terms_wrap.border .all_chk_wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rebuild .terms_wrap.border .chk_list > li input + label span {
  color: #333;
}
.rebuild .terms_wrap.border .chk_list > li input:checked + label span {
  font-weight: 400;
}
.rebuild .terms_wrap.border + .tab_wrap.round {
  margin-top: 2rem;
}
.rebuild .terms_wrap + .btn_radio_group {
  margin-top: 2rem;
}
.rebuild .terms_wrap + .btn_radio_group + .box {
  margin-top: 2rem;
}
.rebuild .terms_wrap + .btn_radio_group + .box + .form_list {
  margin-top: 2rem;
}
.rebuild .terms_wrap + .blt.pro_blt.small {
  margin-top: 0.8rem;
}
.rebuild .terms_wrap + .blt.pro_blt.small + .btn_radio_group {
  margin-top: 2rem;
}
.rebuild .terms_wrap + .blt.pro_blt.small + .btn_radio_group + .box {
  margin-top: 2rem;
}
.rebuild .terms_wrap + .blt.pro_blt.small + .btn_radio_group + .box + .form_list {
  margin-top: 2rem;
}
.rebuild .terms_wrap + .blt.pro_blt.small + .terms_list {
  margin-top: 2rem;
}
.rebuild .terms_wrap .chk_list.pro_chk_list {
  padding: 1.6rem;
}
.rebuild .terms_wrap .chk_list.pro_chk_list .chk_txt {
  padding-left: 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #666;
  line-height: 2rem;
}
.rebuild .terms_wrap .chk_list.pro_chk_list.pro_chk_terms > li {
  margin-bottom: 2rem;
}
.rebuild .terms_wrap .chk_list.pro_chk_list.pro_chk_terms > li:last-child {
  margin-bottom: 0;
}
.rebuild .terms_wrap .chk_list.pro_chk_list.pro_chk_terms > li.bdt {
  padding-top: 2rem;
  border-top: 1px solid #d9d9d9;
}
.rebuild .terms_wrap .chk_list.pro_chk_list.pro_chk_terms > li .fz_14.fw_sm.black + .pro_blt {
  margin-top: 0.8rem;
}
.rebuild .terms_wrap .chk_list.pro_chk_list.pro_chk_terms > li .fz_14.fw_sm.black + .pro_blt + .fz_14.fw_sm.black {
  margin-top: 2rem;
}
.rebuild .terms_wrap .chk_list.pro_chk_list .check_culumm.full .d_check {
  width: 100%;
}
.rebuild .terms_wrap .chk_list.pro_chk_list .check_culumm.full .d_check:first-child {
  margin-top: 0;
}
.rebuild .terms_wrap .chk_list.pro_chk_list .check_culumm.full .d_check:last-child {
  margin-bottom: 0;
}
.rebuild .terms_wrap .chk_list.pro_chk_list .check_culumm.full .d_check input + label {
  background-size: 2.4rem !important;
  background-image: url(../img/icon/icon-check-all-default-24-px.svg) !important;
  padding-left: 3.2rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  line-height: 2.6rem;
}
.rebuild .terms_wrap .chk_list.pro_chk_list .check_culumm.full .d_check input:checked + label {
  background-image: url(../img/icon/icon-check-all-select-24-px.svg) !important;
}
.rebuild .terms_wrap .chk_list.pro_chk_list .check_culumm.full .d_check input:disabled + label {
  background-image: url(../img/icon/com-check-dis-24.svg) !important;
}
.rebuild .tab_wrap.round .tab_cont .box.bg_gray + .blt.dot {
  margin-top: 0.8rem;
}
.rebuild .tab_wrap.round .tab_cont .form_list {
  margin-top: 2rem;
}
.rebuild .tab_wrap.chip .tab_head + .tab_panel_wrap {
  padding-top: 2.4rem;
}
.rebuild .tab_wrap.chip .tab_panel_wrap {
  padding-top: 0;
}
.rebuild .product_content .box_item {
  padding: 1.6rem 2rem 1.6rem 6.8rem;
  border: none;
}
.rebuild .product_content .box_item.user02 {
  background: #fff url(../img/rebuild/product/product_target.png) left 2rem center/3.6rem no-repeat;
}
.rebuild .product_content .box_item.free_green02 {
  background: #fff url(../img/rebuild/product/product_interest_rate.png) left 2rem center/3.6rem no-repeat;
  background-position-y: 2.2rem;
}
.rebuild .product_content .box_item.user03 {
  background: #fff url(../img/rebuild/product/product_target02.png) left 2rem center/3.6rem no-repeat;
}
.rebuild .product_content .box_item.free_green03 {
  background: #fff url(../img/rebuild/product/product_interest_rate02.png) left 2rem center/3.6rem no-repeat;
  background-position-y: 2.2rem;
}
.rebuild .product_content .box_item.wallet02 {
  background: #fff url(../img/rebuild/product/product_currency.png) left 2rem center/3.6rem no-repeat;
  background-position-y: 2.2rem;
}
.rebuild .product_content .box_item.wallet02 .text_sub {
  word-break: break-word;
}
.rebuild .product_content .box_item.wallet03 {
  background: #fff url(../img/rebuild/product/product_money_check.png) left 2rem center/3.6rem no-repeat;
}
.rebuild .pdf_btn_wrap {
  border-radius: 0.8rem;
}
.rebuild .pdf_btn_wrap .pdf_btn span {
  font-weight: 500;
  color: #111;
}
.rebuild .protect_text, .rebuild .etc_text {
  font-size: 1.3rem;
  font-weight: 400;
  color: #666;
  line-height: 1.8rem;
}
.rebuild .info_wrap strong {
  font-size: 1.6rem;
  color: #333;
  line-height: 2.4rem;
}
.rebuild .info_wrap strong + p {
  margin-top: 0.8rem;
}
.rebuild .info_wrap p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #555;
  line-height: 2rem;
}
.rebuild .info_wrap p.black {
  color: #111;
}
.rebuild .product_banner {
  padding: 2rem;
  border-radius: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 14rem;
}
.rebuild .product_banner .banner_txt .banner_category {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
}
.rebuild .product_banner .banner_txt .banner_category + .banner_info {
  margin-top: 0.4rem;
}
.rebuild .product_banner .banner_txt .banner_info {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.rebuild .product_banner .banner_txt .banner_info + .banner_info_sub {
  margin-top: 0.8rem;
}
.rebuild .product_banner .banner_txt .banner_info + .banner_info_sub.only_sub {
  margin-top: 1.2rem;
}
.rebuild .product_banner .banner_txt .banner_info_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #333;
  line-height: 1.8rem;
}
.rebuild .product_banner .banner_txt .banner_info_sub .rate {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rebuild .product_banner .banner_img {
  width: 8rem;
  height: 8rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: 8rem;
  background-position: center;
  background-color: transparent;
}
.rebuild .product_banner .banner_img.img01 {
  background-image: url(../img/rebuild/product/product_img01.png);
}
.rebuild .product_banner .banner_img.img02 {
  background-image: url(../img/rebuild/product/product_img02.png);
}
.rebuild .product_banner .banner_img.img03 {
  background-image: url(../img/rebuild/product/product_img03.png);
}
.rebuild .product_banner .banner_img.img04 {
  background-image: url(../img/rebuild/product/product_img04.png);
}
.rebuild .product_banner.bg_lightgreen {
  background-color: #e5f5f1;
}
.rebuild .product_banner.bg_lightgreen .banner_category, .rebuild .product_banner.bg_lightgreen .banner_info_sub .rate {
  color: #009178;
}
.rebuild .product_banner.bg_lightgreen .banner_info {
  color: #074433;
}
.rebuild .product_banner.bg_lightpurple {
  background-color: #e3e3ff;
}
.rebuild .product_banner.bg_lightpurple .banner_category, .rebuild .product_banner.bg_lightpurple .banner_info_sub .rate {
  color: #3333c6;
}
.rebuild .product_banner.bg_lightpurple .banner_info {
  color: #0D0D59;
}
.rebuild .product_banner.bg_lightorange {
  background-color: #ffeec7;
}
.rebuild .product_banner.bg_lightorange .banner_category, .rebuild .product_banner.bg_lightorange .banner_info_sub .rate {
  color: #9d5900;
}
.rebuild .product_banner.bg_lightorange .banner_info {
  color: #3b2406;
}
.rebuild .product_banner.bg_lightblue {
  background-color: #d4ecff;
}
.rebuild .product_banner.bg_lightblue .banner_category, .rebuild .product_banner.bg_lightblue .banner_info_sub .rate {
  color: #0c6ab9;
}
.rebuild .product_banner.bg_lightblue .banner_info {
  color: #002543;
}
.rebuild .info_box.pos_ab {
  position: absolute;
  bottom: 11.6rem;
  width: calc(100% - 4.8rem);
  margin-top: 0;
}
.rebuild .list_wrap.pro_list > li {
  padding: 1.6rem 0;
  border-color: #f6f6f6;
}
.rebuild .list_wrap.pro_list > li:first-child {
  padding-top: 0;
}
.rebuild .list_wrap.pro_list > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.rebuild .list_wrap.pro_list > li > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  padding: 0;
  text-align: left;
}
.rebuild .list_wrap.pro_list + .box {
  margin-top: 2.4rem;
}
.rebuild .pro_info_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  width: 100%;
}
.rebuild .pro_info_wrap .icon {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
  background-color: #f1f5f5;
}
.rebuild .pro_info_wrap .icon::before {
  content: "";
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 2.8rem;
}
.rebuild .pro_info_wrap .icon.icon01::before {
  background-image: url(../img/rebuild/product/product_icon_account.png);
}
.rebuild .pro_info_wrap .icon.icon02::before {
  background-image: url(../img/rebuild/product/product_icon_operation.png);
}
.rebuild .pro_info_wrap .icon.icon03::before {
  background-image: url(../img/rebuild/product/product_icon_tax.png);
}
.rebuild .pro_info_wrap .icon.icon04::before {
  background-image: url(../img/rebuild/product/product_icon_coopang.png);
}
.rebuild .pro_info_wrap .icon.icon05::before {
  background-image: url(../img/rebuild/product/product_icon_prime.png);
}
.rebuild .pro_info_wrap .icon.icon06::before {
  background-image: url(../img/rebuild/product/product_icon_checkcard.png);
}
.rebuild .pro_info_wrap .icon.icon07::before {
  background-image: url(../img/rebuild/product/product_icon_plus01.png);
}
.rebuild .pro_info_wrap .icon.icon08::before {
  background-image: url(../img/rebuild/product/product_icon_plus02.png);
}
.rebuild .pro_info_wrap .icon.icon09::before {
  background-image: url(../img/rebuild/product/product_icon_saving.png);
}
.rebuild .pro_info_wrap .icon.icon10::before {
  background-image: url(../img/rebuild/product/product_icon_foreign.png);
}
.rebuild .pro_info_wrap .icon.icon10_2::before {
  background-image: url(../img/rebuild/product/product_icon_billian.png);
}
.rebuild .pro_info_wrap .icon.icon11::before {
  background-image: url(../img/rebuild/product/product_icon_loan_oneq.png);
}
.rebuild .pro_info_wrap .icon.icon12::before {
  background-image: url(../img/rebuild/product/product_icon_loan_ontact.png);
}
.rebuild .pro_info_wrap .icon.icon13::before {
  background-image: url(../img/rebuild/product/product_icon_loan_doctor.png);
}
.rebuild .pro_info_wrap .icon.icon14::before {
  background-image: url(../img/rebuild/product/product_icon_loan_franchise.png);
}
.rebuild .pro_info_wrap .icon.icon15::before {
  background-image: url(../img/rebuild/product/product_icon_loan_medicine.png);
}
.rebuild .pro_info_wrap .icon.icon16::before {
  background-image: url(../img/rebuild/product/product_icon_loan_business.png);
  background-size: 3.2rem;
}
.rebuild .pro_info_wrap .icon.icon17::before {
  background-image: url(../img/rebuild/product/product_icon_loan_estate.png);
}
.rebuild .pro_info_wrap .pro_info_txt {
  width: calc(100% - 5.2rem);
}
.rebuild .pro_info_wrap .pro_info_txt .pro_info_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rebuild .pro_info_wrap .pro_info_txt .pro_info_name strong {
  font-size: 1.6rem;
  color: #111;
  line-height: 2.4rem;
}
.rebuild .pro_info_wrap .pro_info_txt .pro_info_name .bagde {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.8rem;
  border-radius: 0.4rem;
  padding: 0 0.6rem;
}
.rebuild .pro_info_wrap .pro_info_txt .pro_info_name .bagde.bagde_green {
  color: #006d5a;
}
.rebuild .pro_info_wrap .pro_info_txt .pro_info_name + p {
  margin-top: 0.4rem;
}
.rebuild .pro_info_wrap .pro_info_txt > p {
  font-size: 1.3rem;
  font-weight: 400;
  color: #666;
  line-height: 1.8rem;
}
.rebuild .pro_info_wrap .pro_info_txt > p + strong {
  margin-top: 0.8rem;
}
.rebuild .pro_info_wrap .pro_info_txt > p + .list_bar {
  margin-top: 0.8rem;
}
.rebuild .pro_info_wrap .pro_info_txt > strong, .rebuild .pro_info_wrap .pro_info_txt .list_bar strong {
  font-size: 1.5rem;
  color: #009178;
  line-height: 2.2rem;
}
.rebuild .pro_info_wrap .pro_info_txt .list_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rebuild .pro_info_wrap .pro_info_txt .list_bar > span {
  font-size: 1.5rem;
  color: #009178;
  line-height: 2.2rem;
}
.rebuild .pro_info_wrap .pro_info_txt .list_bar > .sub {
  position: relative;
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #009178;
  line-height: 2rem;
}
.rebuild .pro_info_wrap .pro_info_txt .list_bar > .sub::before {
  content: "";
  display: block;
  width: 1px;
  height: 1rem;
  background: #d9d9d9;
  position: absolute;
  top: 0.4rem;
  left: 0;
}
.rebuild .banking_wrap.banking_info_btn {
  background: url(../img/icon/icon-arrow-down-black-18-px.svg) no-repeat;
  background-position: right 1.6rem top 28px !important;
}
.rebuild .banking_wrap.banking_info_btn .banking_inner > .flex_box {
  gap: 0.8rem;
}
.rebuild .banking_wrap.banking_info_btn .banking_inner > .flex_box .logo::before {
  margin-right: 0;
}
.rebuild .banking_wrap.banking_info_btn .banking_inner > .flex_box .flex_box {
  gap: 0.4rem;
  margin-top: 0.2rem;
}
.rebuild .banking_wrap.banking_info_btn .banking_inner > .flex_box .flex_box .depositor {
  margin-top: 0;
}
.rebuild .banking_wrap.banking_info_btn .banking_inner > .flex_box .flex_box .depositor.bank_name {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rebuild .banking_wrap.banking_info_btn .bank_logo {
  margin-top: 0;
  margin-right: 0;
}
.rebuild .banking_wrap.banking_info_btn .banking_list {
  margin-top: 0.8rem;
}
.rebuild .banking_wrap.banking_info_btn .banking_list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  min-height: 2.2rem;
}
.rebuild .banking_wrap.banking_info_btn .banking_list > li .tit {
  margin-top: 0;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rebuild .banking_wrap.banking_info_btn .banking_list > li .sum {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.2rem;
}
.rebuild .banking_wrap.banking_info_btn .banking_list > li .desc {
  font-size: 1.4rem;
  font-weight: 400;
  color: #666;
  line-height: 2rem;
}
.rebuild .type_asterisk {
  position: relative;
  padding-left: 1.3rem;
}
.rebuild .type_asterisk::before {
  content: "*";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
}
.rebuild .process_list {
  position: relative;
  counter-reset: item;
}
.rebuild .process_list li {
  counter-increment: item;
  position: relative;
  padding-left: 2.8rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  line-height: 2.4rem;
}
.rebuild .process_list li::before {
  content: counter(item);
  position: absolute;
  top: 2px;
  left: 0;
  width: 2rem;
  height: 2rem;
  background-color: #666;
  border-radius: 50%;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rebuild .process_list li ~ li {
  margin-top: 2.4rem;
}
.rebuild .process_list::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 2rem);
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-image: repeating-linear-gradient(to bottom, #999, #999 2px, transparent 2px, transparent 5px);
}
.rebuild .has_util .title.mb_lv1 + .util {
  margin-top: -0.4rem;
}
.rebuild .box.bd_none {
  border: 0;
}
.rebuild .box.bd_none > .banking_info_btn {
  border: 0;
}
.rebuild .btn_wrap.allchk .btn[disabled=disabled]::before,
.rebuild .btn_wrap.allchk .btn[disabled]::before {
  content: "모두 확인하셔야 다음 단계로 진행할 수 있습니다.";
}
.rebuild .d_check.box input {
  width: 100%;
  height: 100%;
}
.rebuild .d_check.box input:checked + label {
  background: none;
}
.rebuild .d_check.box label {
  position: relative;
  padding: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  line-height: 2.4rem;
}
.rebuild .d_check.box label + .table_list {
  width: 100%;
}
.rebuild .d_check.box label + .table_list li {
  padding: 0.6rem 0;
}
.rebuild .d_check.box label + .table_list li:first-child {
  padding-top: 0;
}
.rebuild .d_check.box label + .table_list li:last-child {
  padding-bottom: 0;
}
.rebuild .d_check.box label::before {
  content: "";
  position: absolute;
}
.rebuild .d_check.box.check_only label::before {
  right: 0;
  top: 0;
  background-color: transparent;
  width: 2.4rem;
  height: 2.4rem;
}
.rebuild .d_check.box.check_only input:checked + label {
  background: none;
}
.rebuild .d_check.box.check_only .table_list {
  width: 100%;
}
.rebuild .d_check.box.check_only .table_list li {
  padding: 0.6rem 0;
}
.rebuild .d_check.box.check_only .table_list li:first-child {
  padding-top: 0;
}
.rebuild .d_check.box.check_only .table_list li:last-child {
  padding-bottom: 0;
}
.rebuild .d_check.box.active {
  background-color: #fff;
  border-color: #009178;
}
.rebuild .d_check.box.active label::before {
  background-color: transparent !important;
  background-image: url(../img/rebuild/icon/ic_24_check_select.png);
  background-position: center;
  background-size: 2.4rem;
}
.rebuild .d_check.box.active label .table_tit strong {
  color: #009178;
}
.rebuild .product_num_swiper {
  margin-top: 0;
  position: relative;
}
.rebuild .product_num_swiper::after {
  content: "";
  display: block;
  width: calc(100% + 4.8rem);
  height: 1px;
  background: #f6f6f6;
  position: absolute;
  bottom: -0.1rem;
  left: -2.4rem;
}
.rebuild .product_num_swiper .swiper-slide > button {
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 2.4rem;
  height: 3rem;
}
.rebuild .product_num_swiper .swiper-slide.swiper-slide-active > button {
  font-weight: 600;
  color: #111;
  border: none;
  position: relative;
}
.rebuild .product_num_swiper .swiper-slide.swiper-slide-active > button::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #333;
  position: absolute;
  left: 0;
  bottom: 0;
}
.rebuild .product_swiper.product_swiper_fnc .swiper-slide > button {
  display: block;
  width: 100%;
  margin-bottom: 3.2rem;
  text-align: left;
}
.rebuild .product_swiper.product_swiper_fnc .swiper-slide .tab_panel_wrap {
  padding-bottom: 0;
}
.rebuild .type_titbtn i {
  vertical-align: top;
  margin-top: 0.1rem;
  margin-left: 0.4rem;
}

.form_group.search.type_inp + .blt.dot {
  margin-top: 0.8rem;
}

.rebuild .mt_minus24 {
  margin-top: -2.4rem;
}
.rebuild .mr_0 {
  margin-right: 0;
}
.rebuild .table_list li.form_type {
  display: block;
  padding-bottom: 0;
}
.rebuild .table_list li.form_type .th, .rebuild .table_list li.form_type .td {
  width: 100% !important;
}
.rebuild .table_list li.form_type .td {
  margin-top: 8px;
}
.rebuild .table_list li.form_type .td p + p {
  margin-top: 8px;
}
.rebuild .util_area {
  margin-bottom: 1.2rem;
}
.rebuild .util_area > .d_check label,
.rebuild .util_area .total {
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
}
.rebuild .util_area .d_check input:checked + label {
  color: #333;
}
.rebuild .tab_wrap.chip .btn_icon.toggle {
  background: url(../img/rebuild/payment/icon_tab_more_down.png) 0 0/2.4rem 2.4rem no-repeat;
  display: none;
}
.rebuild .tab_wrap.chip .tab.on {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rebuild .tab_wrap.chip .tab.on + .btn_icon {
  -webkit-transform: translateY(5px) rotate(180deg);
          transform: translateY(5px) rotate(180deg);
}
.rebuild .tab_wrap.chip .tab .on button {
  font-weight: 500;
}
.rebuild .tab_wrap.chip.is_overflow .btn_icon.toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.rebuild .tab_wrap.chip:not(.is_overflow) .tab_head::before {
  display: none;
}
.rebuild .list .table_list.payment > li .th {
  width: 112px;
}
.rebuild .list .table_list.payment > li .td {
  width: calc(100% - 112px);
}
.rebuild .tab_wrap.fixed .scroll_gray.line {
  margin-top: -2.4rem !important;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab_head {
  background-color: #f6f6f6;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab li:last-child {
  padding-right: 0;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab li.on button {
  position: relative;
  color: #333;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab li.on button:after {
  opacity: 1;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab li button {
  height: 4.8rem;
  line-height: 2rem;
  padding: 0;
  color: #555;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab li button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.35rem;
  height: 1px;
  background-color: #333;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab_panel_wrap {
  padding-top: 2.4rem;
}
.rebuild .tab_wrap.fixed .scroll_gray.line .tab_panel_wrap > .tab_cont div > .txt_type {
  margin-top: -0.8rem;
  color: #333;
  line-height: 2rem;
  word-break: keep-all;
}
.rebuild .box_check .box .d_check.type_border input + label {
  padding: 0 0 0 2.6rem;
  background-position: left 0.3rem !important;
  background-size: 1.8rem !important;
  background-color: transparent;
  border: none;
  -webkit-transition: none !important;
  transition: none !important;
}
.rebuild .box_check .box .d_check.type_border input + label .apv_check {
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
}
.rebuild .box_check .box .d_check.type_border input:checked + label {
  background-position: left 0.3rem;
  background-size: 1.8rem;
}
.rebuild .box_check .box.on {
  border-color: #009178;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.rebuild .box_check .box > .type_border .banking_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  padding: 0;
  border: 0;
}
.rebuild .box_check .box > .type_border .banking_card .banking_info {
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.rebuild .box_check .box > .type_border .banking_card .banking_info .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rebuild .box_check .box > .type_border .banking_card .banking_info .name {
  color: #111;
  max-width: calc(100% - 8rem);
  overflow: hidden;
}
.rebuild .box_check .box > .type_border .banking_card .banking_info .time {
  margin-bottom: 0;
  line-height: 1.8rem;
  font-size: 1.3rem;
}
.rebuild .box_check .box > .type_border .banking_card .banking_info .time span {
  color: #111;
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0.2rem;
}
.rebuild .box_check .box > .type_border .banking_card .banking_list {
  margin-top: 0;
}
.rebuild .box_check .box > .type_border .banking_card .banking_list .sum {
  line-height: 2.6rem;
  width: 100%;
  text-align: right;
}
.rebuild .box_check .box > .type_border .btn_wrap {
  margin: 1.6rem 0 -1.6rem;
  border-top: 1px solid #d9d9d9;
}
.rebuild .box_check .box > .type_border .btn_wrap .btn-txt {
  color: #111;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.rebuild.pop_wrap .inner_content.payment {
  position: relative;
  height: calc(100% - 14rem) !important;
}
.rebuild.pop_wrap .inner_content.payment .table_tit {
  margin-bottom: 1.6rem;
}
.rebuild.pop_wrap .inner_content.payment .table_wrap .table_tit .text_lv2 {
  margin-bottom: 0;
  margin-top: 0;
}
.rebuild.pop_wrap .inner_content.payment .table_wrap + .btm_list_area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4rem;
  padding: 2.4rem 2.4rem 0 2.4rem;
}
.rebuild.pop_wrap .inner_content.payment .table_wrap .table_tit + .mt_lv3 {
  margin-top: 0 !important;
}
.rebuild.pop_wrap .inner_content.payment .table_wrap > [class^=mt_lv] .text_lv3 {
  margin-bottom: 1.6rem;
  color: #333;
}

body.bg_gray.pCLGN0102002 {
  background: #eaeef1;
}

body.bg_gray.pindex .wrap:after { /*overflow: hidden;content:'';display:block;clear:both;position: fixed;top:0;left:0;right:0;width:100vw;height:100vh;z-index: -1;transform: translate3d(0,0,0);transform: translateZ(0);-webkit-overflow-scrolling : touch ;-webkit-backface-visibility: hidden;background: linear-gradient(#eaeef1, #fbfcfc 900px );*/ }

body.bg_gray, .content.bg_gray, .inner_content.bg_gray, .pop_inside.bg_gray, .pop_inside.bg_gray > .p_top {
  background: none !important;
}

.s_header.bg_gray {
  background: none !important;
}

.pop_wrap.full {
  background: #fff;
}

.content {
  min-height: 100vh;
  height: 100%;
}

/**.text_lv1 {font-size: 2rem;line-height: 2.8rem;}
.text_lv1, .mb_lv3 {margin-bottom: 2.4rem !important;}**/
.mt_lv3, .account_choice.mt_lv6 {
  margin-top: 2.4rem !important;
}

.text_lv1 + .text_lv1_sub {
  margin-top: -1.2rem;
}

.banking_card ~ .banking_card {
  margin-top: 1.2rem;
}

.content .table_list li .td p {
  font-size: 1.6rem;
}

.box_list.bg_gray li .name, .banking_info .name {
  line-height: 2.4rem;
}

.banking_info .banking_inner .text {
  line-height: 2rem;
}

.tab_wrap .tab_head { /*height: 4.2rem;*/ }

.tab_wrap.fixed .tab_cont {
  padding-top: 0;
}

.tab_wrap.fixed .top_box.bg_gray {
  margin-top: 0;
  padding-top: 4.2rem;
}

.tab_wrap .tooltip {
  margin-left: 2.4rem;
}

.text_btn.c_main01 {
  border-color: #009178 !important;
}

.btn.green, .box.bg_green {
  border: 1px solid #009178;
  background: #009178;
}

.box.bg_light_green {
  background-color: #edf6f6 !important;
  border-color: #edf6f6;
}

.box.bg_light_green .table_list .td p {
  font-weight: 600;
}

.top_box.bg_gray, .banking_card_gray {
  background-color: #edf6f6 !important;
}

.top_box.bg_gray .gray_bg {
  background: none !important;
}

.c_main01, .solo_link, .backing_history .sum_area .sum_in {
  color: #009178 !important;
}

.backing_history li {
  border-bottom: 1px solid #f6f6f6;
}

/*.setting_wrap:after {height:5px;background: linear-gradient(#eee, #fff 5px);bottom:-5px;}*/
.setting_wrap:after {
  content: "";
  display: block;
  position: absolute;
  left: -2.4rem;
  bottom: 0;
  width: calc(100% + 4.8rem);
  height: 50px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  background: 0;
  z-index: -1;
}

.btn_wrap.bg_gray {
  -webkit-box-shadow: 0 -21px 26px #fff !important;
          box-shadow: 0 -21px 26px #fff !important;
  background-color: #fff !important;
}

.fix_bottom.bg_gray {
  -webkit-box-shadow: 0px 0 1.5rem 2rem #fff !important;
          box-shadow: 0px 0 1.5rem 2rem #fff !important;
  background-color: #fff !important;
}

.tab_panel_wrap.bg_gray {
  background-color: #fff;
}

.banking_card {
  border: 1px solid #d9d9d9;
}

.banking_card.bg_light_green, .box .banking_card {
  border: 0;
}

.banking_card.gray_bg {
  background-color: #fff !important;
}

.banking_card .btn_wrap {
  width: 100%;
  margin: 1.6rem 0 -1.6rem;
  border-top: 1px solid #d9d9d9;
}

.banking_card .btn_wrap .btn {
  height: 4.8rem;
}

.banking_card .btn_wrap .btn:after {
  display: none;
}

.banking_card .btn_wrap .btn + .btn:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.1rem;
  height: 1.6rem;
  background-color: #d9d9d9;
}

.terms_wrap, .white_box, .box, .box_item, .box.bd_none,
.account_choice > ul > li, .certificat_list > li, .check_emp > li, .solo_link,
.btn_mymenu .img_wrap, .check_box_wrap ul li .chk_box label {
  border-radius: 1rem;
  border: 1px solid #d9d9d9;
}

.account_choice > ul > li > .item, .account_choice > ul > li > .item.button, .account_choice.border > ul > li > .item {
  border: 0;
  border-radius: 1rem;
}

.terms_wrap .all_chk_wrap {
  border-bottom: 1px solid #d9d9d9;
}

.pop_basic.center .pop_inside, .white_box, .box_wrap .all_round {
  border-radius: 1rem;
}

.table_list .headline {
  border-radius: 1rem 1rem 0 0;
}

.top_box {
  padding-bottom: 0;
}

.top_box.bg_gray {
  padding-bottom: 2.4rem;
}

/*.top_box.bg_gray .form_list, .top_box.bg_gray .banking_card {padding-bottom: 2.4rem;}*/
.top_box + .box_list, .top_box + .btm_inner {
  padding-top: 0;
  margin-top: 2.4rem;
}

.top_box.pb_0 + .box_list, .top_box.pb_0 + .btm_inner {
  padding-top: 0;
  margin-top: 2.4rem;
}

.tab_scroll + .tab_panel_wrap, .top_box + .tab_wrap .tab_cont,
.tab_wrap.fixed.scroll .tab_scroll + .tab_panel_wrap.bg_gray {
  padding-top: 0;
}

.box_list > li {
  border-radius: 1rem;
  border: 1px solid #d9d9d9;
}

.box_list > li > .box.bd_none, .box_list > li > .banking_card, .pop_inside.bg_gray .box.bd_none .banking_card {
  border: 0;
}

.box_list > li > .box.bg_gray, .box_list > li > .box.bg_light_green {
  background: #fff !important;
  border: 0;
}

/*.box.bg_gray {border-color: #d9d9d9;background: #fff;}
.box.bg_gray, .box.bg_light_green {border-radius: 1rem;border: 1px solid #d9d9d9;}*/
.box_list.bg_gray > li, .box_list.chk_div .d_box {
  border-radius: 1rem;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}

.box_list.bg_gray > li > button {
  border: 0;
  background: 0;
}

.box_list.bg_gray + .box_list.bg_gray {
  margin-top: 1.2rem;
}

/*.green, .bg_green .btn.green {border-color:#009178 !important;background-color: #009178 !important;}*/
.fix_bottom, .pop_basic.full > .pop_inside > .p_body > .btn_wrap.fix {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 1.5rem);
  padding-bottom: calc(env(safe-area-inset-bottom) + 1.5rem);
}

.pop_basic.full > .pop_inside > .p_body > .btn_wrap .btn {
  height: 5.6rem;
  margin-top: 1rem;
}

.check_emp li button {
  min-height: 6rem;
  border-radius: 1rem;
}