@charset "UTF-8";
@font-face {
  font-family: 'KBFG';
  font-style: normal;
  font-weight: 100;
  src: local("KBFGTextL"), url(/fonts/kbfg/KBFGTextL_sub.eot), url(/fonts/kbfg/KBFGTextL_sub.eot?#iefix) format("embedded-opentype"), url(/fonts/kbfg/KBFGTextL_sub.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: 'KBFG';
  font-style: normal;
  font-weight: 300;
  src: local("KBFGTextM"), url(/fonts/kbfg/KBFGTextM_sub.eot), url(/fonts/kbfg/KBFGTextM_sub.eot?#iefix) format("embedded-opentype"), url(/fonts/kbfg/KBFGTextM_sub.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: 'KBFG';
  font-style: normal;
  font-weight: 700;
  src: local("KBFGTextB"), url(/fonts/kbfg/KBFGTextB_sub.eot), url(/fonts/kbfg/KBFGTextB_sub.eot?#iefix) format("embedded-opentype"), url(/fonts/kbfg/KBFGTextB_sub.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

/* 개선 상위 클레스 -> .new-style */
/* common */
#container.bg-default,
#container.bg-default .new-style {
  background-color: #f5f4f0;
}

#container.fixed_bottom {
  padding-bottom: 93px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#container #content {
  padding-top: 0;
}

.new-style {
  background-color: #fff;
  /* text */
  /* layout */
  /* input 주민등록번호 */
  /* dash */
  /* title */
  /* text list */
  /* button */
  /* 컨텐츠 */
  /* 완료 화면 */
  /* 전체동의 */
  /* accodion */
}

.new-style * {
  font-family: "KBFG";
}

.new-style.license_wrap {
  padding: 24px 12px 130px;
}

.new-style input::-webkit-input-placeholder {
  color: #999 !important;
  font-size: 14px;
  font-weight: 700;
}

.new-style input:-ms-input-placeholder {
  color: #999 !important;
  font-size: 14px;
  font-weight: 700;
}

.new-style input::-ms-input-placeholder {
  color: #999 !important;
  font-size: 14px;
  font-weight: 700;
}

.new-style input::placeholder {
  color: #999 !important;
  font-size: 14px;
  font-weight: 700;
}

.new-style .checkbox-module {
  text-align: right;
}

.new-style .checkbox-module .btn-checkbox .checkbox {
  display: inline-block;
  padding-top: 5px;
}

.new-style .checkbox-module .btn-checkbox .checkbox .label {
  vertical-align: top;
}

.new-style .checkbox-module .btn-checkbox .checkbox .ico {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 2px;
}

.new-style .checkbox-module .btn-checkbox .checkbox .ico::before {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 12px;
  height: 7px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -54px;
  background-size: 180px auto;
}

.new-style .checkbox-module .btn-checkbox .checkbox .ico::after {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 0;
  height: 7px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -46px;
  background-size: 180px auto;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style .checkbox-module .btn-checkbox.on .checkbox .ico {
  border-color: #ffcc00;
  background-color: #ffcc00;
}

.new-style .checkbox-module .btn-checkbox.on .checkbox .ico::after {
  width: 12px;
}

.new-style .ui-radio .ui-btn {
  display: block;
  position: relative;
  padding: 2px 0 0 30px;
  font-size: 14px;
  color: #666;
  line-height: 1.3;
  background: none;
}

.new-style .ui-radio .ui-btn::before {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 22px;
  height: 22px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") 0 -80px no-repeat;
  background-size: 250px 250px;
}

.new-style .ui-radio .on .ui-btn {
  color: #222;
  background: none;
}

.new-style .ui-radio .on .ui-btn::before {
  background-position: -40px -80px;
}

.new-style .desc {
  font-size: 14px;
  color: #000;
  line-height: 19px;
}

.new-style .desc.emp {
  font-size: 16px;
  color: #000;
  line-height: 22px;
}

.new-style .desc.emp .tip {
  display: block;
  font-size: 12px;
  color: #757575;
}

.new-style .desc.type02 {
  margin-top: 18px;
  font-size: 13px;
  font-weight: 100;
  line-height: 19px;
  color: #000;
}

.new-style .description {
  margin-top: 18px;
  font-size: 13px;
  color: #010101;
  letter-spacing: -1px;
  font-weight: 100;
}

.new-style .cr-orange {
  color: #eb4e00 !important;
}

.new-style .cr-orange02 {
  color: #f46600 !important;
}

.new-style .cr-blue {
  color: #27abba !important;
}

.new-style .division {
  margin-top: 14px;
}

.new-style .division.first {
  margin-top: 0;
}

.new-style .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-style .flex-box .flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.new-style .flex-box .flex:last-child {
  padding-left: 15px;
}

.new-style .flex-box .flex .btns {
  max-width: inherit;
}

.new-style .flex-box.corp .flex {
  margin-right: 8px;
}

.new-style .flex-box.corp .flex:last-child {
  margin-right: 0px;
}

.new-style input, .new-style select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.new-style .ui-input select {
  height: 34px;
  padding-left: 40px;
  font-size: 14px;
  border: 0;
  border-bottom: 1px solid #777;
  border-radius: 0;
}

.new-style .ip-group {
  margin-top: 16px;
}

.new-style .block {
  margin-top: 12px;
}

.new-style .block:first-child {
  margin-top: 0;
}

.new-style .sel_type01 {
  width: 100%;
  height: 34px;
  padding-left: 0;
  border: 0;
  background: none;
}

.new-style #movComcoCd_dummy:focus {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.new-style .ui-input {
  position: relative;
}

.new-style .ui-input .type-text {
  position: relative;
  width: 100%;
  height: 34px;
  color: #000;
  font-size: 14px;
  border: 0;
  border-bottom: 1px solid #777;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style .ui-input .type-text:disabled {
  color: #bbb;
  background-color: #fff;
}

.new-style .ui-input .side-dash {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 0;
  height: 1px;
  background-color: #ffbc00;
  -webkit-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}

.new-style .ui-input input:focus + .side-dash {
  width: 100%;
}

.new-style #demo_cont_select .side-dash {
  bottom: -1px;
}

.new-style .tel-template {
  position: relative;
  padding-left: 105px;
}

.new-style .tel-template .ui-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  border-bottom: 1px solid #ddd;
}

.new-style .tel-template .ui-select .sel_type01 {
  width: 100%;
  height: 34px;
  padding: 0 26px 0 24px;
  border: 0;
  font-size: 14px;
  background: none;
}

.new-style .tel-template .ui-select::after,
.new-style .ui-cell-inp {
  padding-left: 108px;
}

.new-style .ui-cell-inp .ui-cell-first {
  width: 100%;
}

.new-style .ui-cell-inp .ui-cell-open:after {
  display: none;
  background: none;
}

.new-style .ui-cell-inp .ui-cell-firstfield {
  width: 104px;
}

.new-style .ui-cell-inp .ui-cell-open {
  top: 0px;
  width: 100%;
  height: 34px;
}

.new-style .ui-cell-inp:after,
.new-style .ui-cell-inp .ui-cell-firstfield:after {
  content: normal;
}

.new-style .ui-cell-inp .ui-cell-second {
  height: 34px;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #777;
  border-radius: 0;
}

.new-style .ui-cell-inp .ui-cell-firstfield {
  top: inherit;
  bottom: 0;
}

.new-style .ui-cell-inp .ui-cell-select {
  top: 0px;
  left: 0;
  width: 104px;
}

.new-style .ui-ibrgno-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.new-style .ui-ibrgno-field .ui-input.ibrgno {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-top: 11px;
}

.new-style .ui-ibrgno-field .ui-input.ibrgno:first-child {
  margin-right: 10px;
}

.new-style .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-style .flex-box .flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: #222;
}

.new-style .flex-box .flex:last-child {
  text-align: right;
}

.new-style .flex-box .flex:last-child {
  text-align: right;
}

.new-style .flex-box .flex:first-child {
  padding-left: 0;
  text-align: left;
}

.new-style .rrn .flex:first-child {
  position: relative;
  padding-right: 15px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style .rrn .flex .txt {
  position: absolute;
  bottom: 0px;
  right: -4px;
  color: #222;
}

.new-style .mail_form input {
  padding: 0;
}

.new-style .mail_form .ico {
  display: inline-block;
  position: absolute;
  top: inherit;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: none;
}

.new-style .mail_form .ico::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 5px;
  margin: -2.5px 0 0 -5.5px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -33px -18px;
  background-size: 180px;
}

.new-style .sub-title01 {
  font-size: 16px;
  color: #222;
}

.new-style .bu-circle .tip-txt,
.new-style .bu-circle li {
  position: relative;
  margin-top: 6px;
  padding-left: 5px;
  font-size: 11px;
}

.new-style .bu-circle .tip-txt:first-child,
.new-style .bu-circle li:first-child {
  margin-top: 0;
}

.new-style .bu-circle .tip-txt::before,
.new-style .bu-circle li::before {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 2px;
  content: "";
  background-color: #b3b3b3;
  border-radius: 50%;
}

.new-style .bu-circle.s-type02 li {
  margin-top: 8px;
  padding-left: 11px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.new-style .bu-circle.s-type02 li::before {
  top: 6px;
  width: 3px;
  height: 3px;
  background-color: #666;
  border-radius: 50%;
}

.new-style .bu-circle .tip-txt.ico {
  padding-left: 18px;
}

.new-style .bu-circle .tip-txt.ico a {
  display: block;
  font-size: 11px;
  color: #888;
}

.new-style .bu-circle .tip-txt.ico .emp {
  display: inline-block;
  color: #333;
}

.new-style .bu-circle .tip-txt.ico span {
  display: block;
}

.new-style .bu-circle .tip-txt.ico .emp::after {
  display: inline-block;
  width: 7px;
  height: 10px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") -3px -4px no-repeat;
  background-size: 250px 250px;
}

.new-style .bu-circle .tip-txt.ico::before {
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  background: url("/mobiapp/images/comn/icon_comn.png") -33px -50px no-repeat;
  background-size: 250px 250px;
}

.new-style .bot-btn-fx {
  padding-bottom: 90px !important;
}

.new-style .btn_box.fixed_bottom {
  left: 0;
  padding: 23px 23px 20px;
  border: 0;
}

.new-style .btn-open-popup::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  margin-left: 6px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -24px -4px;
  background-size: 180px auto;
}

.new-style .btns {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style .btns.large {
  display: block;
  max-width: 131px;
  height: 48px;
  margin: 0 auto;
  padding-top: 15px;
  font-size: 16px;
}

.new-style .btns.h35 {
  height: 35px;
  padding-top: 7px;
  font-size: 14px;
  font-weight: 100;
}

.new-style .btns.full {
  display: block;
  width: 100%;
  max-width: inherit !important;
  border-radius: 7px;
}

.new-style .btns.blue {
  color: #fff;
  background-color: #75cbda;
}

.new-style .btns.yellow {
  color: #000;
  background-color: #ffbc00;
}

.new-style .btns.brown {
  color: #fff;
  background-color: #6f6863;
}

.new-style .btns.gray {
  color: #323232;
  background-color: #d9d8d4;
}

.new-style .btns.button {
  height: 30px;
  padding: 4px 10px 0;
  line-height: 22px;
  border-radius: 5px;
}

.new-style .btns.button.disabled {
  color: #a0a09e;
  background-color: #ecebe9;
}

.new-style .btns.round {
  border-radius: 35px;
}

.new-style .popup_layer .btns.large {
  height: 40px;
  padding-top: 11px;
  border-radius: 5px;
}

.new-style .btn-area.step {
  margin-top: 20px;
}

.new-style .btn-area.fix-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 94px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.new-style .btn-area.recent-area {
  position: relative;
  padding-left: 100px;
}

.new-style .btn-area.recent-area .left {
  position: absolute;
  top: 0;
  lefT: 0;
  width: 92px;
}

.new-style .round-box {
  padding: 14px 14px 14px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.09);
}

.new-style .confirm-module {
  text-align: center;
}

.new-style .confirm-module .desc.samll {
  margin-top: 15px;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  font-weight: 100;
}

.new-style .confirm-module .desc.point {
  margin-top: 6px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
}

.new-style .agree_module .btn_all_check {
  display: block;
  font-size: 14px;
  color: #000000;
}

.new-style .agree_module .btn_all_check .ico {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  border-radius: 50%;
  vertical-align: -4px;
  border: 1px solid #777777;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style .agree_module .btn_all_check .ico::before {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 3px;
  width: 12px;
  height: 8px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -14px;
  background-size: 180px auto;
}

.new-style .agree_module .btn_all_check .ico::after {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 3px;
  opacity: 0;
  width: 0px;
  height: 8px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -5px;
  background-size: 180px auto;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style .agree_module .btn_all_check.checked .ico {
  border-color: #facf17;
  background-color: #facf17;
}

.new-style .agree_module .btn_all_check.checked .ico::after {
  opacity: 1;
  width: 12px;
}

.new-style .agree_module .agree-comn {
  margin-top: 11px;
  padding: 7px 0;
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.new-style .agree_module .agree-comn .ui-toggle-contents {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 7px 0 7px;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  opacity: 0;
}

.new-style .agree_module .agree-comn.fold .ui-toggle-contents {
  height: auto;
  opacity: 1;
}

.new-style .agree-comn .item {
  position: relative;
  display: block;
  padding: 3px 0 1px 21px;
}

.new-style .agree-comn .item .ui_btn_more {
  position: absolute;
  top: 0;
  right: 10px;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.new-style .agree-comn .item .ui_btn_more::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -4px;
  display: inline-block;
  width: 5px;
  height: 8px;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -24px -5px;
  background-size: 180px auto;
}

.new-style .agree-comn .item .btn_label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 0 1px 21px;
  color: #636363;
}

.new-style .agree-comn .item .btn_label::before {
  width: 6px;
  height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f6f6f6;
  border-radius: 9px;
  border: 1px solid #ddd;
}

.new-style .agree-comn .item .ico-check {
  position: absolute;
  left: 21px;
  top: 50%;
  margin-top: -5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 11px;
  height: 7px;
  box-sizing: border-box;
}

.new-style .agree-comn .item .ico-check::before {
  position: absolute;
  left: 2px;
  top: 3px;
  content: '';
  display: inline-block;
  width: 11px;
  height: 7px;
  overflow: hidden;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -54px;
  background-size: 180px auto;
  -webkit-transition: all 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  opacity: 1;
}

.new-style .agree-comn .item .ico-check::after {
  position: absolute;
  left: 2px;
  top: 3px;
  content: '';
  display: inline-block;
  height: 7px;
  overflow: hidden;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -46px;
  background-size: 180px auto;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  width: 0px;
}

.new-style .agree-comn .item .checked.ico-check::before,
.new-style .agree-comn .item.on .ico-check::before {
  opacity: 0;
}

.new-style .agree-comn .item .checked .ico-check::after,
.new-style .agree-comn .item.on .ico-check::after {
  width: 12px;
}

.new-style .agree_module .mkt-agree {
  margin: 20px;
  padding: 0;
  border-radius: 4px;
}

.new-style .mkt-agree .mkt-tit {
  padding: 12px;
  border-radius: 4px 4px 0 0;
  font-size: 14px;
  color: #545045;
  background-color: #f5f4f0;
}

.new-style .mkt-agree .inner-cont {
  padding: 16px 12px;
}

.new-style .mkt-agree ul .item {
  float: left;
  width: 50%;
  margin-top: 10px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style .mkt-agree ul li:first-child {
  width: 100%;
  margin-top: 0;
}

.new-style .mkt-agree ul .item .ico-check {
  left: 0;
  margin-top: -7px;
}

.new-style .mkt-agree li .ui-btn {
  position: relative;
  padding-left: 19px;
  font-size: 10px;
}

.new-style .accodion-typ01 {
  padding-bottom: 30px;
}

.new-style .accodion-typ01 .item {
  margin-top: 8px;
}

.new-style .accodion-typ01 .btn-acco {
  display: block;
  position: relative;
  padding: 1px 0 0;
  font-size: 15px;
  font-weight: 500;
  color: #222;
}

.new-style .accodion-typ01 .btn-acco::before {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 0;
  width: 10px;
  height: 5px;
  content: "";
  background: url(/mobiapp/images/comn/icon_comn.png) -80px -5px no-repeat;
  background-size: 250px 250px;
}

.new-style .accodion-typ01 .on .btn-acco::before {
  background-position: -95px -5px;
}

.new-style .accodion-typ01 .acco-cont {
  border-top: 1px solid #eee;
}

.new-style .help .acco-cont {
  display: none;
  margin-top: 14px;
  padding-top: 11px;
}

.new-style .help .acco-cont .desc {
  font-size: 13px;
  line-height: 19px;
  color: #666;
}

.new-style {
  /* page 별도 스타일 */
  /* 사진 등록 */
  /* 고객정보입력 */
  /* push */
  /* 전자금융고객 회원신청 */
  /* 바이오인증 */
  /* 법인 고객정보 입력 */
  /* 자동차 결제 */
  /* 추가부속 */
}

.new-style.photo-regi #container {
  padding-top: 52px;
}

.new-style.photo-regi #container::before {
  display: block;
  height: 9px;
  content: "";
  background-color: #f5f4f0;
}

.new-style.photo-regi #container #content {
  padding: 26px 0;
}

.new-style.photo-regi #container .title-module {
  padding: 0 20px;
}

.new-style.photo-regi #container .title-module .tit {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  color: #222;
}

.new-style.photo-regi #container .title-module .desc {
  margin-top: 13px;
  font-size: 16px;
  color: #444;
  line-height: 22px;
}

.new-style.photo-regi #container .title-module .desc.type02 {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 100;
  color: #666;
  line-height: 20px;
}

.new-style.photo-regi #container .title-module .desc.type02 .cr-orange02 {
  font-weight: 700;
}

.new-style.photo-regi #container .content-module {
  margin-bottom: 30px;
  padding: 0 20px;
}

.new-style.photo-regi #container .content-module::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}

.new-style.photo-regi #container .content-module.bg01::before {
  width: 125px;
  height: 70px;
  margin: 40px auto 34px;
  background-image: url("/mobiapp/images/car/bm02/bg_photo_regi01.png");
}

.new-style.photo-regi #container .content-module.bg02::before {
  width: 103px;
  height: 63px;
  margin: 45px auto 34px;
  background-image: url("/mobiapp/images/car/bm02/bg_photo_regi02.png");
}

.new-style.photo-regi #container .content-module.bg03::before {
  width: 64px;
  height: 76px;
  margin: 36px auto 31px;
  background-image: url("/mobiapp/images/car/bm02/bg_photo_regi03.png");
}

.new-style.photo-regi #container .content-module.bg04::before {
  width: 64px;
  height: 76px;
  margin: 36px auto 31px;
  background-image: url("/mobiapp/images/car/bm02/bg_photo_regi04.png");
}

.new-style.photo-regi #container .content-module.bg05::before {
  width: 196px;
  height: 44px;
  margin: 50px auto 50px;
  background-image: url("/mobiapp/images/car/bm02/bg_photo_regi05.png");
}

.new-style.photo-regi #container .content-module .emp {
  font-size: 12px;
  font-weight: 700;
  color: #666;
}

.new-style.photo-regi #container .content-module .bu-dash li {
  font-size: 12px;
  font-weight: 100;
  color: #666;
  line-height: 18px;
}

.new-style.photo-regi #container .content-module .sub-tip {
  margin-top: 12px;
  padding-left: 11px;
}

.new-style.photo-regi #container .content-module .sub-tip p {
  margin-top: 5px;
  padding-left: 11px;
  text-indent: -11px;
  font-size: 12px;
  color: #666;
  font-weight: 100;
}

.new-style.photo-regi #container .ui-radio {
  margin-top: 27px;
}

.new-style.photo-regi #container .ui-radio li {
  display: block;
  margin: 8px 0 0;
  border: 1px solid #d9d8d4;
  border-radius: 5px;
}

.new-style.photo-regi #container .ui-radio .ui-btn {
  display: block;
  position: relative;
  padding: 8px 7px 8px 37px;
  font-size: 14px;
  color: #666;
  line-height: 1.3;
  background: none;
}

.new-style.photo-regi #container .ui-radio .ui-btn::before {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 7px;
  width: 22px;
  height: 22px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") 0 -80px no-repeat;
  background-size: 250px 250px;
}

.new-style.photo-regi #container .ui-radio .on .ui-btn {
  color: #222;
  background: none;
}

.new-style.photo-regi #container .ui-radio .on .ui-btn::before {
  background-position: -40px -80px;
}

.new-style.photo-regi #container .bu-circle .bullet {
  margin-top: 8px;
}

.new-style.photo-regi #container .btn-area {
  margin-top: 8px;
  padding: 0 12px;
}

.new-style.photo-regi #container .btn-area .btns {
  height: auto;
  padding: 12px 0 10px;
  border-radius: 7px;
  font-weight: 300;
  letter-spacing: -1px;
}

.new-style.photo-regi #container .flex-box .flex {
  margin-left: 8px;
  padding: 0;
}

.new-style.photo-regi #container .flex-box .flex:first-child {
  margin-left: 0;
}

.new-style.photo-regi#container .module {
  padding: 0 20px;
}

.new-style.photo-regi#container .block {
  margin-top: 29px;
}

.new-style.photo-regi#container .block:first-child {
  margin-top: 0;
}

.new-style.photo-regi#container .ui-input {
  margin-top: 16px;
}

.new-style .cert-layer {
  padding: 23px 23px 0;
  background-color: #fff;
}

.new-style .cert-layer .demo-cont {
  position: relative;
  border-bottom: 1px solid #dddddd;
}

.new-style .cert-layer .demo-cont::before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 13px;
  top: 50%;
  width: 11px;
  height: 5px;
  margin-top: -3px;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -33px -18px;
  background-size: 180px;
}

.new-style .cert-layer .sel-type01 {
  width: 100%;
  height: 25px;
  padding-left: 0;
  border: 0;
  background: none;
}

.new-style .cert-layer .bx_cellauth {
  position: relative;
  padding-right: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.new-style .cert-layer .bx_cellauth.full {
  padding-right: 0;
}

.new-style .cert-layer .bx_cellauth .btn_cellauth {
  position: absolute;
  right: 0;
  top: -3px;
  display: inline-block;
  width: 100px;
  height: 28px;
  padding: 6px 0;
  border: 1px solid #999;
  border-radius: 5px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}

.new-style .cert-layer .bx_cellauth .btn_cellauth.on {
  color: #fff;
  background-color: #777;
}

.new-style .cert-layer .bx_cellauth .comn_sel {
  height: 30px;
}

.new-style .cert-layer .bx_cellauthno .comn_sel {
  border-bottom: none;
}

.new-style .cert-layer .bx_cellauthno .right_bx {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -10px;
}

.new-style .cert-layer .bx_cellauthno .auth_timer,
.new-style .cert-layer .bx_cellauthno .btn_authextnd {
  font-size: 11px;
}

.new-style .cert-layer .bx_cellauthno .auth_timer {
  position: relative;
  padding-left: 12px;
  min-width: 38px;
  display: inline-block;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.new-style .cert-layer .bx_cellauthno .auth_timer input {
  width: 30px;
  color: #ff5500;
  border: 0;
  background-color: #fff;
}

.new-style .cert-layer .bx_cellauthno .auth_timer .cert_timer {
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  vertical-align: middle;
  background-position: -33px -5px;
}

.new-style .cert-layer .bx_cellauthno .btn_authextnd {
  display: inline-block;
  margin-left: 5px;
  border-bottom: 1px solid #000;
  font-weight: 700;
}

.new-style .cert-layer .ico_cert {
  display: inline-block;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat 0 0;
  background-size: 180px auto;
}

.new-style .cert-layer .ico_cert .input,
.new-style .cert-layer .ico_cert .btn_authextnda {
  vertical-align: top;
}

.new-style .cert-layer .agree_module {
  margin-top: 18px;
}

.new-style .cert-layer .btn_box {
  margin-top: 25px;
  padding: 0;
}

.new-style.push .h3_tit {
  padding-bottom: 13px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  border-bottom: 1px solid #d9d8d4;
}

.new-style.push .section {
  margin-top: 9px;
  padding: 23px 12px 0px;
  background-color: #fff;
}

.new-style.push .ver-txt {
  color: #545045;
}

.new-style.push .flex-box {
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-style.push .block {
  padding: 9px 0 13px;
}

.new-style.push .btn-settin {
  display: inline-block;
  position: relative;
  width: 52px;
  height: 30px;
  background-color: #d9d8d4;
  border: 0;
  border-radius: 20px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.new-style.push .btn-settin .round {
  display: inline-block;
  position: absolute;
  top: 2.5px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.new-style.push .btn-settin .off {
  display: none;
}

.new-style.push .btn-settin.on .on {
  display: none;
}

.new-style.push .btn-settin.on .off {
  display: block;
}

.new-style.push .btn-settin.on {
  background-color: #fdb913;
}

.new-style.push .btn-settin.on .round {
  left: 25px;
}

.new-style.push .btn-link::after {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 4px;
  content: "";
  background: url("/mobiapp/images/gl/gl/guarnt/sprite_icon.png") left top no-repeat;
  background-size: 36px 10px;
}

.new-style.push .btn-area {
  margin-top: 20px;
  padding-bottom: 20px;
}

.new-style.push .txt.emp {
  margin-bottom: 23px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
}

.new-style.push .maketing {
  position: relative;
  padding-right: 94px;
}

.new-style.push .maketing .btn-settin {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -15px;
}

.new-style.push .push-module {
  padding: 9px 0;
}

.new-style.push .push-module .list {
  padding: 26px 12px;
  border-top: 1px solid #d9d8d4;
  background-color: #fff;
}

.new-style.push .push-module .list:first-child {
  border-top: 0;
}

.new-style.push .push-module .date {
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 19px;
  color: #666;
}

.new-style.push .push-module .date::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: -6px;
  content: "";
  background: url("/mobiapp/images/push/icon_push.png") 0 0 no-repeat;
  background-size: 250px 250px;
}

.new-style.push .push-module .event {
  margin-top: 15px;
  padding: 15px 0 0 32px;
  border-top: 1px solid #eee;
}

.new-style.push .push-module .event:first-child {
  margin-top: 0;
}

.new-style.push .push-module .event .desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #222;
}

.new-style.push .push-module .event .time {
  margin-top: 8px;
  font-size: 14px;
  line-height: 19px;
  color: #666;
}

.new-style.push .push-module .event .img {
  margin-top: 12px;
}

.new-style.push .login,
.new-style.push .no-data {
  position: relative;
  padding-top: 59px;
  text-align: center;
  background-color: #fff;
}

.new-style.push .no-data::before,
.new-style.push .login::before {
  display: inline-block;
  width: 88px;
  height: 88px;
  margin-top: 9px;
  content: "";
}

.new-style.push .no-data::after,
.new-style.push .login::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9px;
  content: "";
  background-color: #f5f4f0;
}

.new-style.push .login::before {
  background: url("/mobiapp/images/push/icon_push.png") 0 -150px no-repeat;
  background-size: 250px 250px;
}

.new-style.push .no-data::before {
  background: url("/mobiapp/images/push/icon_push.png") -120px -150px no-repeat;
  background-size: 250px 250px;
}

.new-style.push .no-data .desc.emp,
.new-style.push .login .desc.emp {
  margin-top: 8px;
  font-size: 17px;
  line-height: 24px;
  color: #000;
}

.new-style.push .login .desc.em {
  font-size: 14px;
  line-height: 18px;
  color: #545045;
}

.new-style .etn_join {
  padding: 25px 23px 25px;
}

.new-style .etn_join.user-info .step-module {
  margin-top: 0;
}

.new-style .etn_join.user-info .sub-title01 {
  margin-top: 17px;
}

.new-style .etn_join .desc {
  font-size: 14px;
  line-height: 21px;
  color: #000;
}

.new-style .etn_join .cont.desc {
  margin-top: 17px;
}

.new-style .etn_join .txt-module {
  margin-top: 15px;
}

.new-style .etn_join .step-module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}

.new-style .etn_join .step-module .step {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.new-style .etn_join .step-module .txt {
  font-size: 12px;
  color: #999;
}

.new-style .etn_join .step-module .step.on .txt {
  color: #0076ba;
}

.new-style .etn_join .step-module .ico {
  display: inline-block;
  width: 36px;
  height: 36px;
  content: "";
  background: url("/mobiapp/images/car/ct/ico_elecfinancust01.png") no-repeat;
  background-size: 250px 250px;
}

.new-style .etn_join .step-module .tp01 {
  background-position: 0 -214px;
}

.new-style .etn_join .step-module .tp02 {
  background-position: -50px -214px;
}

.new-style .etn_join .step-module .tp03 {
  background-position: -100px -214px;
}

.new-style .etn_join .step-module .tp04 {
  background-position: -150px -214px;
}

.new-style .etn_join .form-module {
  margin-top: 11px;
}

.new-style .etn_join .btn_box {
  margin-top: 19px;
  padding: 0;
}

.new-style .etn_join .btn_box .one_btn02 {
  height: 44px;
  padding-top: 12px;
  color: #fff;
  background-color: #51b5c6;
}

.new-style .etn_join .agree_module {
  margin-top: 20px;
}

.new-style .etn_join .eui-module {
  margin-top: 20px;
}

.new-style .etn_join .ui-ibrgno-field {
  margin-top: 4px;
}

.new-style .etn_join .confirm-module::before {
  display: block;
  width: 111px;
  height: 111px;
  margin: 25px auto 20px;
  content: "";
  background: url("/mobiapp/images/car/ct/ico_elecfinancust01.png") 0 -75px no-repeat;
  background-size: 250px 250px;
}

.new-style .biocert_info {
  padding: 23px 23px 0;
}

.new-style .biocert_info .title {
  font-size: 14px;
  line-height: 21px;
  color: #000;
}

.new-style .biocert_info .desc {
  margin-top: 6px;
  font-size: 11px;
  color: #000;
}

.new-style .biocert_info .bioselect_wrap {
  margin-top: 20px;
}

.new-style .biocert_info .bioselect_wrap .bioselect_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-style .biocert_info .bioselect_wrap .bioselect {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background-color: #fcf6e1;
  border-radius: 4px;
}

.new-style .biocert_info .bioselect_wrap .bioselect:last-child {
  margin-left: 10px;
  background-color: #eee;
}

.new-style .biocert_info .bioselect_wrap .bioselect a {
  display: block;
  padding: 20px 0 20px;
  text-align: center;
}

.new-style .biocert_info .bioselect_wrap .bioselect a::after {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-top: 10px;
  content: "";
  background: url("/mobiapp/images/comn/btn_bio_join01.png") no-repeat;
  background-size: 100%;
}

.new-style .biocert_info .bioselect_wrap .bioselect:last-child a::after {
  background: url("/mobiapp/images/comn/btn_bio_cancel01.png") no-repeat;
  background-size: 100%;
}

.new-style .biocert_info .bioselect_wrap .bioselect span {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #000;
}

.new-style .bio_stepinfo_wrap {
  padding: 23px 23px 23px;
}

.new-style .bio_stepinfo_wrap .bio-tit {
  font-size: 14px;
  line-height: 21px;
  color: #000;
}

.new-style .bio_stepinfo_wrap .desc {
  margin-top: 17px;
  padding-top: 17px;
  border-top: 1px solid #ddd;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.new-style .bio_stepinfo_wrap .biostep_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.new-style .bio_stepinfo_wrap .biostep_wrap li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  text-align: center;
  padding-top: 43px;
}

.new-style .bio_stepinfo_wrap .biostep_wrap .step_arrow {
  display: block;
  width: 7px;
  height: 11px;
  position: absolute;
  right: -5px;
  top: 30px;
  margin-top: -7px;
  background: url(/mobiapp/images/comn/ico_bio_step_arrow.png) no-repeat center top;
  background-size: 100%;
}

.new-style .bio_stepinfo_wrap .biostep_wrap .step1 {
  position: relative;
  background: url(/mobiapp/images/comn/ico_bio_step1.png) no-repeat center top;
  background-size: 36px 36px;
}

.new-style .bio_stepinfo_wrap .biostep_wrap .step2 {
  position: relative;
  background: url(/mobiapp/images/comn/ico_bio_step2.png) no-repeat center top;
  background-size: 36px 36px;
}

.new-style .bio_stepinfo_wrap .biostep_wrap .step3 {
  position: relative;
  background: url(/mobiapp/images/comn/ico_bio_step3.png) no-repeat center top;
  background-size: 36px 36px;
}

.new-style .bio_stepinfo_wrap .biostep_wrap .step4 {
  position: relative;
  background: url(/mobiapp/images/comn/ico_bio_step4.png) no-repeat center top;
  background-size: 36px 36px;
}

.new-style .bio_stepinfo_wrap .tip_inner_box {
  margin: 18px 0 0;
  padding-top: 17px;
  border-top: 1px solid #ddd;
}

.new-style .bio_stepinfo_wrap .tip_inner_box li {
  padding-left: 8px;
  font-size: 11px;
  line-height: 16px;
  color: #000;
  background: url(/mobiapp/images/car/common/bu_dot01.png) left 4px no-repeat;
  background-size: 2px 2px;
}

.new-style .bio_stepinfo_wrap .checkbox {
  float: right;
  display: inline-block;
  margin-top: 5px;
  text-align: right;
}

.new-style .bio_stepinfo_wrap .checkbox a {
  display: inline-block;
  padding-top: 5px;
}

.new-style .bio_stepinfo_wrap .checkbox .label {
  margin-left: 10px;
  vertical-align: top;
}

.new-style .bio_stepinfo_wrap .checkbox .ico {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 2px;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style .bio_stepinfo_wrap .checkbox .ico::before {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 12px;
  height: 7px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -54px;
  background-size: 180px auto;
}

.new-style .bio_stepinfo_wrap .checkbox .ico::after {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 0;
  height: 7px;
  content: "";
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -46px;
  background-size: 180px auto;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style .bio_stepinfo_wrap .checkbox.on .ico {
  border-color: #ffcc00;
  background-color: #ffcc00;
}

.new-style .bio_stepinfo_wrap .checkbox.on .ico::after {
  width: 12px;
}

.new-style .biocert_clear {
  padding-top: 157px;
  background: url(/mobiapp/images/comn/ico_bio_join.png) no-repeat center 25px;
  background-size: 112px 112px;
  text-align: center;
}

.new-style .biocert_clear .title {
  font-size: 14px;
  line-height: 21px;
  color: #000;
  text-align: center;
}

.new-style .biocert_clear .desc {
  margin-top: 9px;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  text-align: center;
}

.new-style .biocert_clear .btn_box.fixed_bottom {
  padding: 20px 12px 30px;
  border-top: 0;
}

.new-style .module.corp .checkbox-module {
  margin-top: 11px;
}

.new-style .module.corp .aside {
  margin-top: 26px;
  padding: 14px 13px 25px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.new-style.payment .cr-red02 {
  color: #eb4e00;
}

.new-style.payment .cr-green {
  color: #199e00;
}

.new-style.payment .list {
  padding: 17px 9px 25px;
}

.new-style.payment .list .flex-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.new-style.payment .list .flex-box .flex {
  min-width: 33.3%;
  margin-top: 8px;
  padding: 0 3.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style.payment .list .flex-box .flex a {
  display: block;
  position: relative;
  height: 61px;
  padding-top: 20px;
  font-size: 14px;
  color: #222;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style.payment .list .flex-box .flex a.line02 {
  padding-top: 10px;
}

.new-style.payment .list .flex-box .flex a.on {
  font-weight: 700;
  background: #ffcc00;
  border-color: #ffcc00;
}

.new-style.payment .list .flex-box .flex a.on::before {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 12px;
  height: 9px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") -5px -125px;
  background-size: 250px;
}

.new-style.payment .list .flex-box .flex span {
  display: block;
  font-size: 12px;
  font-weight: 100;
  color: #666;
}

.new-style.payment .top-hr {
  position: relative;
}

.new-style.payment .top-hr::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  content: "";
  background: #f2f2f2;
}

.new-style.payment .on .ui-button {
  border-color: #ffcc00;
  background: #ffcc00;
}

.new-style.payment .ui-button {
  display: block;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #222;
  text-align: center;
  border: 1px solid #c3c3c3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}

.new-style.payment .bullet-list {
  margin-top: 20px;
}

.new-style.payment .bullet-list li {
  position: relative;
  margin-top: 5px;
  padding-left: 7px;
  font-size: 12px;
  font-weight: 100;
  color: #666;
  line-height: 17px;
}

.new-style.payment .bullet-list li:first-child {
  margin-top: 0;
}

.new-style.payment .bullet-list li::before {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 2.5px;
  height: 2.5px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") -110px -125px;
  background-size: 250px;
}

.new-style.payment .btn-check {
  font-size: 14px;
  color: #222;
}

.new-style.payment .btn-check .ico {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  border-radius: 50%;
  vertical-align: -4px;
  border: 1px solid #c3c3c3;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style.payment .btn-check .ico::before {
  position: absolute;
  left: 4px;
  top: 6px;
  content: '';
  display: inline-block;
  width: 11px;
  height: 7px;
  overflow: hidden;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -54px;
  background-size: 180px auto;
  -webkit-transition: all 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  opacity: 1;
}

.new-style.payment .btn-check .ico::after {
  position: absolute;
  left: 4px;
  top: 6px;
  content: '';
  display: inline-block;
  height: 7px;
  overflow: hidden;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -46px;
  background-size: 180px auto;
  -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  width: 0px;
}

.new-style.payment .btn-check.checked .ico {
  border-color: #facf17;
  background-color: #facf17;
}

.new-style.payment .btn-check.checked .ico::after {
  opacity: 1;
  width: 12px;
}

.new-style.payment .btn-check.cancel .ico {
  border-color: #facf17;
  background-color: #facf17;
}

.new-style.payment .btn-check.cancel .ico::after {
  opacity: 1;
  width: 12px;
  border-color: #facf17;
  background-color: #facf17;
}

.new-style.payment .checkbox {
  display: block;
  margin-top: 8px;
}

.new-style.payment .checkbox .desc {
  font-size: 14px;
  line-height: 18px;
  color: #222;
}

.new-style.payment .checkbox .ico {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  border-radius: 2px;
  vertical-align: -4px;
  border: 1px solid #c3c3c3;
}

.new-style.payment .checkbox .ico::before {
  position: absolute;
  left: 4px;
  top: 6px;
  content: '';
  display: inline-block;
  width: 11px;
  height: 7px;
  overflow: hidden;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -54px;
  background-size: 180px auto;
  opacity: 1;
}

.new-style.payment .checkbox .ico::after {
  position: absolute;
  left: 4px;
  top: 6px;
  content: '';
  display: inline-block;
  height: 7px;
  overflow: hidden;
  background: url("/mobiapp/images/comn/ico_cert.png") no-repeat -8px -46px;
  background-size: 180px auto;
  width: 0px;
}

.new-style.payment .checkbox.checked .ico {
  border-color: #facf17;
  background-color: #facf17;
}

.new-style.payment .checkbox.checked .ico::after {
  opacity: 1;
  width: 12px;
}

.new-style.payment .block {
  padding: 0 12px;
}

.new-style.payment .block .module {
  padding: 0 5px;
}

.new-style.payment .insure-result {
  float: left;
  display: block;
  width: 45%;
  font-size: 16px;
  color: #222;
}

.new-style.payment .val {
  float: right;
  display: block;
  width: 55%;
  font-size: 17px;
  font-weight: 700;
  text-align: right;
}

.new-style.payment .val .unit {
  font-size: 15px;
  font-weight: 100;
}

.new-style.payment .btn-tip {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 2px;
  vertical-align: -2px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") -65px -125px;
  background-size: 250px;
}

.new-style.payment .payment-module .desc {
  margin-top: 25px;
  padding-left: 8.5px;
}

.new-style.payment .naver-pay {
  margin-top: 0;
  padding: 25px 18px 25px;
}

.new-style.payment .naver-pay .badge {
  display: inline-block;
  height: 17px;
  padding: 0 10px;
  line-height: 17px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  background: #ffd429;
  border-radius: 7px;
}

.new-style.payment .naver-pay .point-txt {
  margin-top: 10px;
  padding-left: 39px;
  text-indent: -39px;
  font-size: 15px;
  color: #222;
}

.new-style.payment .naver-pay .point-txt::before {
  display: inline-block;
  width: 35px;
  height: 15.5px;
  margin-right: 4px;
  vertical-align: -2px;
  content: "";
  background: url("/mobiapp/images/comn/ico_naverPay.png") no-repeat;
  background-size: 100%;
}

.new-style.payment .naver-pay .desc {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 100;
  line-height: 18px;
  color: #666;
}

.new-style.payment .naver-pay .btn-link {
  display: inline-block;
  margin-top: 10px;
  font-size: 13px;
  color: #222;
  border-bottom: 1px solid #9b9b9b;
}

.new-style.payment .naver-pay .btn-link::after {
  display: inline-block;
  width: 4.5px;
  height: 7.5px;
  margin-left: 5px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") -25px -5px no-repeat;
  background-size: 250px;
}

.new-style.payment .amount-module .result.block {
  padding: 25px 12px 23px;
  background: #eee;
}

.new-style.payment .amount-module .result.block .dl {
  padding: 0 5px;
}

.new-style.payment .amount-module .result.block .dl .insure-result {
  font-size: 17px;
  font-weight: 700;
}

.new-style.payment .amount-module .result.block .dl .val {
  font-size: 18px;
  font-weight: 700;
  color: #ff3c00;
}

.new-style.payment .amount-module .info {
  padding-bottom: 20px;
}

.new-style.payment .amount-module .info .dl {
  margin-top: 5px;
  padding: 0 5px;
}

.new-style.payment .amount-module .info .dl:first-child {
  margin-top: 0;
}

.new-style.payment .amount-module .info .insure-result {
  font-size: 14px;
  font-weight: 100;
}

.new-style.payment .amount-module .info .val {
  font-size: 14px;
  font-weight: 100;
}

.new-style.payment .amount-module .btn-user-info {
  display: block;
  margin: 4px 0 0 5px;
  clear: both;
  font-size: 13px;
  font-weight: 100;
  color: #ff3c00;
}

.new-style.payment .amount-module .btn-user-info::after {
  display: inline-block;
  width: 5px;
  height: 8px;
  margin-left: 6px;
  content: "";
  background: url("/mobiapp/images/comn/icon_comn.png") -45px -125px;
  background-size: 250px;
}

.new-style.payment .amount-module .point-module {
  margin: 0 12px;
  padding: 15px 0 15px;
  border-top: 1px solid #ddd;
}

.new-style.payment .amount-module .point-module .block {
  padding: 0 5px;
}

.new-style.payment .amount-module .point-module .block:first-child {
  margin-top: 0;
}

.new-style.payment .amount-module .point-module .block.cash {
  margin-top: 0;
}

.new-style.payment .amount-module .point-module .block.cash .point-active.off,
.new-style.payment .amount-module .point-module .block.cash .point-cancel.on {
  display: block;
}

.new-style.payment .amount-module .point-module .block.cash .point-active.on,
.new-style.payment .amount-module .point-module .block.cash .point-cancel.off {
  display: none;
}

.new-style.payment .amount-module .point-module .dt {
  float: left;
  display: block;
  width: 70%;
}

.new-style.payment .amount-module .point-module .dd {
  float: left;
  display: block;
  width: 30%;
}

.new-style.payment .amount-module .point-module .val {
  font-size: 14px;
  font-weight: 300;
}

.new-style.payment .amount-module .point-module .txt {
  font-size: 14px;
}

.new-style.payment .amount-module .point-module .btn-iqr {
  display: inline-block;
  height: 21px;
  margin-left: 5px;
  padding: 1px 13px 0;
  line-height: 21px;
  font-size: 13px;
  background: #ddd;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style.payment .amount-module .total-module {
  padding: 25px 12px 23px;
  background: #1373ab;
}

.new-style.payment .amount-module .total-module .insure-result {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
}

.new-style.payment .amount-module .total-module .val {
  font-size: 18px;
  color: #ffd429;
}

.new-style.payment .pm-info {
  padding: 25px 17px;
}

.new-style.payment .pm-info .select {
  margin-top: 20px;
}

.new-style.payment .pm-info .ui-select {
  position: relative;
  background: url("/mobiapp/images/comn/ico_select_arrow.png") right center no-repeat;
  background-size: 40px 36px;
}

.new-style.payment .pm-info .ui-select .input_dummy,
.new-style.payment .pm-info .ui-select .type-select {
  width: 100%;
  height: 38px;
  padding: 0 14px;
  font-size: 14px;
  color: #222;
  border: 1px solid #c3c3c3;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
}

.new-style.payment .pm-info .ui-select .input_dummy::-webkit-input-placeholder,
.new-style.payment .pm-info .ui-select .type-select::-webkit-input-placeholder {
  color: #222 !important;
  font-size: 14px;
  font-weight: 400;
}

.new-style.payment .pm-info .ui-select .input_dummy:-ms-input-placeholder,
.new-style.payment .pm-info .ui-select .type-select:-ms-input-placeholder {
  color: #222 !important;
  font-size: 14px;
  font-weight: 400;
}

.new-style.payment .pm-info .ui-select .input_dummy::-ms-input-placeholder,
.new-style.payment .pm-info .ui-select .type-select::-ms-input-placeholder {
  color: #222 !important;
  font-size: 14px;
  font-weight: 400;
}

.new-style.payment .pm-info .ui-select .input_dummy::placeholder,
.new-style.payment .pm-info .ui-select .type-select::placeholder {
  color: #222 !important;
  font-size: 14px;
  font-weight: 400;
}

.new-style.payment .pm-info.card .txt {
  font-size: 15px;
}

.new-style.payment .pm-info.card .name {
  color: #0076ba;
}

.new-style.payment .pm-info.card .cont-tit {
  margin-top: 18px;
  font-size: 14px;
}

.new-style.payment .pm-info.card .card-module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}

.new-style.payment .pm-info.card .card-module .ui-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 16%;
  margin: 0 5px;
}

.new-style.payment .pm-info.card .card-module .yearMonth {
  -ms-flex-preferred-size: 6.4%;
      flex-basis: 6.4%;
}

.new-style.payment .pm-info.card .dis-txt {
  display: inline-block;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 700;
  color: #666;
  border-bottom: 1px solid #d3d3d3;
}

.new-style.payment .pm-info.card .card-point {
  padding: 0 5px;
}

.new-style.payment .pm-info.card .card-point .point-cancel {
  display: block;
}

.new-style.payment .pm-info.card .card-point .desc {
  margin-top: 5px;
  padding-left: 28px;
  font-size: 13px;
  font-weight: 100;
  color: #666;
  letter-spacing: -1px;
}

.new-style.payment .pm-info.transfer .sub-title {
  font-size: 15px;
  color: #000;
}

.new-style.payment .pm-info.transfer .desc {
  margin-top: 10px;
}

.new-style.payment .pm-info.transfer .full {
  margin-top: 15px;
}

.new-style.payment .pm-info.transfer .group {
  position: relative;
  margin-top: 15px;
  padding-right: 31.6%;
}

.new-style.payment .pm-info.transfer .group .ui-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 31.6%;
  text-align: center;
  border-color: #ddd;
  background: #ddd;
}

.new-style.payment .pm-info.transfer .group .ui-input {
  margin-right: 14px;
}

.new-style.payment .pm-info.transfer .group .ui-input .type-text {
  height: 38px;
}

.new-style.payment .pm-info.transfer .group.left {
  padding: 0 0 0 25%;
}

.new-style.payment .pm-info.transfer .group.left .txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 38px;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  color: #222;
}

.new-style.payment .pm-info.transfer .group.left .name {
  display: block;
  height: 38px;
  padding-left: 15px;
  color: #0076ba;
  line-height: 38px;
  border-bottom: 1px solid #777;
}

.new-style.payment .pm-info.transfer .milg {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #ddd;
}

.new-style.payment .pm-info.transfer .milg .dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-style.payment .pm-info.transfer .milg .dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #222;
}

.new-style.payment .pm-info.transfer .milg .dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #ff3c00;
  text-align: right;
}

.new-style.payment .pm-info.transfer .milg .checkbox .ico {
  border-radius: 50%;
}

.new-style.payment .pm-info.transfer .btn-milg {
  display: inline-block;
  height: 21px;
  margin-top: 8px;
  padding: 0 13px;
  font-size: 13px;
  color: #222;
  line-height: 21px;
  background: #ddd;
  border-radius: 10px;
}

.new-style.payment .pm-info.bank .ui-select.on {
  background: none;
}

.new-style.payment .pm-info.bank .ui-select.on input {
  background-color: #eee;
}

.new-style.payment .pm-info.bank .bullet-list.gray li {
  color: #666;
}

.new-style.payment .pm-info.bank .ip {
  margin-top: 19px;
}

.new-style.payment .pm-info.bank .ip .flex:first-child {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
}

.new-style.payment .pm-info.bank .ip .flex:last-child {
  -ms-flex-preferred-size: 69%;
      flex-basis: 69%;
}

.new-style.payment .pm-info.bank .ip .lable {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #222;
}

.new-style.payment .pm-info.deposit .ui-select {
  margin-top: 0;
}

.new-style.payment .pm-info .claim {
  margin-top: 20px;
  padding: 0 5px;
}

.new-style.payment .pm-info .claim .point-cancel {
  display: inline-block;
}

.new-style.payment .pm-info .claim .card {
  margin-top: 12px;
}

.new-style.payment .pm-info .claim .val {
  padding-top: 2px;
  font-size: 14px;
  color: #222;
}

.new-style.payment .pm-info .claim .val em {
  font-size: 13px;
  font-weight: 100;
}

.new-style.payment .pm-info .point-check.block {
  padding: 0 5px;
}

.new-style.payment .pm-info .point-check.block .btn-check .ico {
  margin-right: 0;
}

.new-style.payment .pm-info .point-check.block .desc {
  padding-left: 23px;
  font-size: 13px;
  font-weight: 100;
  color: #666;
}

.new-style.payment .check-module {
  padding: 25px 17px;
}

.new-style.payment .check-module .pay_signature.type02 {
  padding: 0;
  border: 0;
}

.new-style.payment .check-module b {
  font-size: 14px;
  font-weight: 100;
  color: #222;
  line-height: 19px;
}

.new-style.payment .check-module .ept {
  font-size: 13px;
  color: #666;
  font-weight: 100;
}

.new-style.payment .btn-area {
  padding: 0 12px;
}

.new-style .suplmtAtach-desc {
  font-size: 16px;
  color: #333;
  font-weight: 700;
}

.new-style .suplmtAtach-cate-title {
  position: relative;
  font-size: 14px;
  color: #222;
}

.new-style .suplmtAtach-cate-title em {
  position: relative;
  z-index: 1;
  font-weight: 700;
}

.new-style .suplmtAtach-cate-title.with-btn {
  min-height: 32px;
  line-height: 32px;
  margin: 24px 0 12px;
}

.new-style .suplmtAtach-cate-title .btn-add-suplmtAtach {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #d9d8d4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  font-size: 13px;
  color: #444;
  padding: 0px 13px;
}

.new-style .suplmtAtach-cate-title .btn-add-suplmtAtach .ico-cross {
  width: 12px;
  height: 12px;
  margin-right: 7px;
}

.new-style .suplmtAtach-dtl-box.first {
  border-top: none;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-cate-title {
  display: block;
  font-size: 14px;
  padding-right: 30px;
}

.new-style .suplmtAtach-list {
  margin-top: 10px;
  padding: 17px 16px 20px;
  border: 1px solid #d9d8d4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style .suplmtAtach-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.new-style .suplmtAtach-list li {
  min-width: 50%;
  max-width: 50%;
  margin-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 6px;
}

.new-style .ui-square-check {
  position: relative;
  display: block;
  font-size: 14px;
  color: #545045;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px 0 0 26px;
}

.new-style .ui-square-check .ico {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 8px;
  border-radius: 2px;
  vertical-align: -4px;
  border: 1px solid #d9d8d4;
  -webkit-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style .ui-square-check .ico::before {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 1px;
  width: 15px;
  height: 11px;
  content: "";
  background: url("/mobiapp/images/comn/ico_suplmtAtach_bg.png") no-repeat -15px 0px;
  background-size: 90px auto;
}

.new-style .ui-square-check .ico::after {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 1px;
  opacity: 0;
  width: 0px;
  height: 11px;
  content: "";
  background: url("/mobiapp/images/comn/ico_suplmtAtach_bg.png") no-repeat -15px -15px;
  background-size: 90px auto;
  -webkit-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.new-style .ui-square-check.checked {
  font-weight: 700;
}

.new-style .ui-square-check.checked .ico {
  border-color: #facf17;
  background-color: #facf17;
}

.new-style .ui-square-check.checked .ico::after {
  opacity: 1;
  width: 15px;
}

.new-style .ico-cross {
  display: inline-block;
  position: relative;
  width: 21px;
  height: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("/mobiapp/images/comn/ico_suplmtAtach_bg.png") no-repeat -36px 0;
  background-size: 90px auto;
}

.new-style .ico-cross.del {
  width: 15px;
  height: 15px;
  background-position: -55px 0;
  margin: 10px 0 0 10px;
}

.new-style .suplmtAtach-dtl-box + .suplmtAtach-dtl-box {
  border-top: none;
}

.new-style .suplmtAtach-dtl-box {
  position: relative;
  color: #222;
  background-color: #faf9f7;
  border: 1px solid #d9d8d4;
  padding: 12px 16px 16px;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-cate-title {
  font-size: 14px;
  color: #333;
}

.new-style .suplmtAtach-dtl-box .btn-del-suplmtAtach {
  width: 36px;
  height: 36px;
  position: absolute;
  right: -1px;
  top: -1px;
  background: #fff;
  border: 1px solid #d9d8d4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
  /* 	
				.userInput::after,
				.year::after
				{ content:'';
					display: inline-block;
					position: absolute;
					right: 8px;
					top: 50%;
					width: 11px;
					height: 5px;
					margin-top: -3px;
					background: url(/mobiapp/images/comn/ico_cert.png) no-repeat -33px -18px;
					background-size: 180px; 
				}

 			*/
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info input {
  position: absolute;
  right: 0;
  left: 56px;
  width: calc( 100% - 56px);
  height: 36px;
  text-align: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #777;
  border-radius: 0;
  -webkit-border-radius: 0;
  text-align: right;
  padding-right: 10px;
  z-index: 0;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .btn-invisible-instDate {
  position: absolute;
  right: 0;
  left: 56px;
  width: calc( 100% - 56px);
  height: 36px;
  text-align: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  text-align: right;
  padding-right: 10px;
  z-index: 1;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box input {
  border: 1px solid #d9d8d4;
  border-radius: 4px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box input:focus {
  border-color: #fdb913;
  -webkit-box-shadow: 0 0 0 1px #fdb913, 0 0 0px #fdb913;
          box-shadow: 0 0 0 1px #fdb913, 0 0 0px #fdb913;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box.userInput {
  width: 100%;
  margin-bottom: 8px;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box.userInput input {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box.year {
  min-width: calc( 50% - 16px);
  max-width: calc( 50% - 16px);
  margin-right: 16px;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box.year input {
  text-align: center;
  padding-right: 0;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box.price {
  min-width: 50%;
  max-width: 50%;
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .inp-box.price input {
  width: calc( 100% - 86px);
}

.new-style .suplmtAtach-dtl-box .suplmtAtach-info .endfix {
  position: absolute;
  right: 0;
  top: 0;
}

.new-style .suplmtAtach-dtl-box .srchMatch_layer {
  position: absolute;
  width: 100%;
  border: 1px solid #d9d8d4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  z-index: 2;
  border-radius: 4px;
  padding: 8px 0;
  left: 0;
  top: 36px;
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.new-style .suplmtAtach-dtl-box .srchMatch_layer.on {
  opacity: 1;
  top: 40px;
  height: auto;
  padding: 8px 0;
}

.new-style .suplmtAtach-dtl-box .srchMatch_layer.noResult {
  opacity: 0 !important;
  top: 36px !important;
  height: 0px !important;
}

.new-style .suplmtAtach-dtl-box .srchMatch_layer li {
  margin-top: 6px;
}

.new-style .suplmtAtach-dtl-box .srchMatch_layer li:first-child {
  margin-top: 0;
}

.new-style .suplmtAtach-dtl-box .srchMatch_layer a {
  display: block;
  padding: 4px 10px 4px;
  line-height: 1.25;
}

.new-style .suplmtAtach-dtl-box .srchMatch_layer em {
  color: #f46600;
}

.new-style .suplmtAtach-dtl-box .total {
  font-size: 14px;
  margin-top: 10px;
}

.new-style .suplmtAtach-dtl-box .total > span {
  margin-top: -4px;
}

.new-style .suplmtAtach-dtl-box .total em {
  font-weight: 700;
  font-size: 19px;
  color: #f46600;
  padding-right: 4px;
  vertical-align: -2px;
}

.inner_layerpad {
  display: none;
  height: 90vh;
}

.focus_in .inner_layerpad {
  display: block;
}