@charset "UTF-8"; 
.chart-bar {
  position: relative;
  width: 100%;
  height: 6rem;
  padding: .8rem 1.2rem 0;
}

.chart-bar__var {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: .4rem;
  background: #d6d6d6;
}

.chart-bar__txt {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -2rem;
  height: 2.6rem;
  margin-top: 1.4rem;
  padding: 0 .4rem;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  line-height: 2.6rem;
  white-space: nowrap;
  transition: all .5s;
  z-index: 2;
}

.chart-bar__txt:before {
  content: "";
  display: block;
  position: absolute;
  top: -.4rem;
  left: 50%;
  width: 0;
  height: 0;
  border: .4rem solid transparent;
  border-top: none;
  border-bottom-color: #fc0;
  transform: translateX(-50%);
  transition: all .5s;
  opacity: 0;
}

.chart-bar__txt:after {
  content: '';
  display: block;
  position: absolute;
  top: -.8rem;
  left: 50%;
  width: .8rem;
  height: .8rem;
  margin-top: -.8rem;
  border-radius: .8rem;
  background: #d8d8d8;
  border: .3rem solid rgba(255, 255, 255, 0);
  transition: all .5s;
  transform: translateX(-50%);
  box-sizing: border-box;
}

.chart-bar__obj {
  position: relative;
}

.chart-bar__obj:first-child {
  position: absolute;
}

.chart-bar__obj:first-child .chart-bar__txt {
  left: -2rem;
  right: auto;
}

.chart-bar .on .chart-bar__txt {
  margin-top: 2.4rem;
  background: #fc0;
  border-radius: .4rem;
}

.chart-bar .on .chart-bar__txt:before {
  opacity: 1;
}

.chart-bar .on .chart-bar__txt:after {
  top: -1.5rem;
  width: 16px;
  height: 16px;
  margin-top: -15px;
  background: #fff;
  border: 3px solid #ffcc00;
  border-radius: 16px;
  box-sizing: border-box;
}

.chart-bar__per {
  overflow: hidden;
  display: inline-block;
  height: .4rem;
  vertical-align: top;
  text-indent: -9999px;
  background: #fc0;
}

/* bar graph */
.bar-graph__list {
  display: flex;
  text-align: center;
  justify-content: center;
}

.bar-graph__list > li + li {
  margin-left: 2.4rem;
}

.bar-graph__grh {
  position: relative;
  width: 3.6rem;
  height: 10rem;
  left: 50%;
  transform: translateX(-50%);
}

.bar-graph__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.6rem;
  font-size: 0;
  text-indent: -9999px;
  line-height: 0;
  background-size: 20rem auto;
  background-repeat: no-repeat;
}

.bar-graph__bar--1 {
  background-color: #6865f7;
}

.bar-graph__bar--2 {
  background: #fc0 url(https://img1.kbcard.com/home_re/mo/img/common/pattern-02.svg);
  background-size: .6rem auto;
}

.bar-graph__bar--3 {
  background: #46ccac url(https://img1.kbcard.com/home_re/mo/img/common/pattern-03.svg);
  background-size: .6rem auto;
}

.bar-graph__bar--4 {
  background: #26b2fe url(https://img1.kbcard.com/home_re/mo/img/common/pattern-04.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--5 {
  background: #ee6963 url(https://img1.kbcard.com/home_re/mo/img/common/pattern-05.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--6 {
  background: #fda2bf url(https://img1.kbcard.com/home_re/mo/img/common/pattern-06.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--7 {
  background: #bedf3d url(https://img1.kbcard.com/home_re/mo/img/common/pattern-07.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--8 {
  background: #fda501 url(https://img1.kbcard.com/home_re/mo/img/common/pattern-08.svg);
  background-size: 1.2rem auto;
}

.bar-graph__label {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #696e76;
}

.bar-graph--horizontal .bar-graph__list {
  display: block;
}

.bar-graph--horizontal .bar-graph__list > li + li {
  margin-left: 0;
  margin-top: 2.4rem;
}

.bar-graph--horizontal .bar-graph__grh {
  width: 10rem;
  height: 2.4rem;
  left: 0;
  transform: translate(0);
  white-space: nowrap;
  text-align: left;
}

.bar-graph--horizontal .bar-graph__bar {
  position: relative;
  display: inline-block;
  bottom: auto;
  width: auto;
  height: 2.4rem;
  vertical-align: top;
}

.bar-graph--horizontal .bar-graph__label {
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
}

.bar-graph--flex .bar-graph__list > li {
  display: flex;
  text-align: left;
  align-items: center;
}

.bar-graph--flex .bar-graph__list > li + li {
  margin-top: 1.6rem;
}

.bar-graph--flex .bar-graph__list > li > * {
  flex: 0 0 auto;
}

.bar-graph--flex .bar-graph__grh {
  width: 10rem;
  height: 2rem;
}

.bar-graph--flex .bar-graph__bar {
  height: 2rem;
}

.bar-graph--flex .bar-graph__bar--yellow {
  background: #fc0 url(https://img1.kbcard.com/home_re/mo/img/common/img-grh-pattern7.png) repeat 0 0;
}

.bar-graph--flex .bar-graph__info {
  display: flex;
  align-items: center;
  width: calc( 100% - 11.6rem);
  margin-left: 1.6rem;
}

.bar-graph--flex .bar-graph__rank {
  flex: 0 0 auto;
  margin-right: .8rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.bar-graph--flex .bar-graph__txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300 !important;
}

.bar-graph--mask .bar-graph__list > li + li {
  margin-left: 1.6rem;
}

.bar-graph--mask .bar-graph__pc {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600 !important;
}

.bar-graph--mask .bar-graph__grh {
  width: 4.2rem;
  height: 8.5rem;
  background-color: #e5e6e8;
}

.bar-graph--mask .bar-graph__grh:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://img1.kbcard.com/home_re/mo/img/common/img-graph-person.png) no-repeat 0 0;
  background-size: 100% auto;
}

.bar-graph--mask .bar-graph__bar {
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.chart-col-bar {
  padding-bottom: 2.8rem;
}

.chart-col-bar__cont {
  display: flex;
  justify-content: space-evenly;
}

.chart-col-bar__item {
  flex: 1;
  position: relative;
  text-align: center;
}

.chart-col-bar__item strong {
  position: absolute;
  bottom: -2.8rem;
  left: 0;
  right: 0;
  font-size: 1.4rem;
  color: #26282c;
  line-height: 2rem;
}

.chart-col-bar__item .column-bar {
  position: relative;
  width: 3.2rem;
  height: 10rem;
  margin: 0 auto;
}

.chart-col-bar__item .column-bar > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.chart-col-bar__item .per {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 1.4rem;
  color: #696e76;
  line-height: 2rem;
  text-align: center;
}

/* circle graph */
.circle-box {
  text-align: center;
}

.circle-box--flex {
  display: flex;
}

.circle-box--flex > * {
  flex: 0 0 auto;
}

.circle-box--flex .circle-svg {
  width: 9.8rem;
  height: 9.8rem;
  margin: 0 1.6rem;
}

.circle-box--flex .circle-info {
  margin-top: 0;
  width: calc( 100% - 13rem);
}

.circle-box--flex .circle-info > li {
  justify-content: flex-start;
  padding: 0 0 0 1.6rem;
  background-color: #fff;
  font-size: 1.6rem;
}

.circle-box--flex .circle-info > li + li {
  margin-top: 1.6rem;
}

.circle-box--flex .circle-info + .circle-info {
  margin-top: 1.6rem;
}

.circle-box--flex .circle-info__pct {
  display: block;
  margin-right: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.circle-box--flex .circle-info__tit {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300 !important;
}

.circle-svg-wrap {
  position: relative;
}

.circle-svg-wrap__tit {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.circle-svg {
  display: block;
  position: relative;
  width: 16rem;
  height: 16rem;
  margin: 0 auto;
}

.circle-info {
  overflow: hidden;
  margin-top: 3.2rem;
}

.circle-info > li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 1.6rem .8rem 2.4rem;
  border-radius: .4rem;
  background-color: #f9fafc;
  font-size: 1.4rem;
  line-height: 2rem;
}

.circle-info > li + li {
  margin-top: .8rem;
}

.circle-info-basic {
  margin-top: 1.6rem;
}

.circle-info-basic > li {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 1.6rem .8rem 2.4rem;
  background-color: #f9fafc;
  border-top-left-radius: .4rem;
  border-bottom-left-radius: .4rem;
}

.circle-info-basic > li + li {
  margin-top: .8rem;
}

.circle-info-basic > li span[class*='circle-info-basic__p'] {
  position: absolute;
  top: 0;
  left: 0;
  width: .8rem;
  height: 100%;
  border-radius: 0;
  background-repeat: repeat;
}

.circle-info-basic__usd {
  display: block;
  margin-top: .4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #696e76;
}

.circle-head {
  padding: 1.6rem;
  margin-top: 3.2rem;
  box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, .16);
  border-radius: .8rem;
}

.circle-head__sum {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.circle-head__price {
  font-size: 1.8rem;
  line-height: 3.6rem;
  font-weight: 600 !important;
}

.circle-head__price > em {
  font-size: 2.8rem;
}

.circle-head__usd {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #696e76;
  text-align: right;
}

span[class*='circle-info__p'],
span[class*='circle-info-basic__p'] {
  position: absolute;
  top: .6rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-repeat: repeat;
}

/* 범례에 패턴 적용은 권장으로 정의 */
.circle-info__p1,
.circle-info-basic__p1 {
  background-color: #6865f7;
}

.circle-info__p2,
.circle-info-basic__p2 {
  background-color: #fc0;
}

.circle-info__p3,
.circle-info-basic__p3 {
  background-color: #46ccac;
}

.circle-info__p4,
.circle-info-basic__p4 {
  background-color: #26b2fe;
}

.circle-info__p5,
.circle-info-basic__p5 {
  background-color: #ee6963;
}

.circle-info__p6,
.circle-info-basic__p6 {
  background-color: #fda2bf;
}

.circle-info__p7,
.circle-info-basic__p7 {
  background-color: #bedf3d;
}

.circle-info__p8,
.circle-info-basic__p8 {
  background-color: #fda501;
}

/* semi circle donut */
/* .semi-donut{
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 300px;
    height: 150px;
    &__el {
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        height: 300px;
        border: 24px solid;
        border-color : $primary $primary #6865f7 #6865f7;
        border-radius: 50%;
        animation : fillAnimation 1s ease-in;
    }
}

@keyframes fillAnimation{
    0%{transform : rotate(-45deg);}
    50%{transform: rotate(135deg);}
} */
/* My KB */
/*** 카드이용 ***/
/* 결제예정금액 */
.pay-expected-month {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 4.8rem;
  padding: 1.6rem 1.6rem 0;
  background-color: #fff;
  z-index: 1;
}

.sort.pay-expected-filter__pick span {
  font-size: 1.6rem;
}

.sl-payment {
  position: relative;
  margin-top: 3.2rem;
  text-align: center;
}

.sl-payment__txt {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.sl-payment__prev, .sl-payment__next {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-size: 3.2rem 3.2rem;
  transform: translateY(-50%);
}

.sl-payment__prev.swiper-button-disabled, .sl-payment__next.swiper-button-disabled {
  display: none;
}

.sl-payment__prev {
  left: 0;
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/32/arr-1-left.svg);
}

.sl-payment__next {
  right: 0;
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/32/arr-1-right.svg);
}

.unclaim-box {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem;
  margin-top: 3.2rem;
  border-radius: .8rem;
  border: 1px solid rgba(0, 0, 0, .08);
}

.use-list .accordions__view {
  padding: 0;
  background-color: #fff;
}

.use-list .accordions__view .sort {
  margin: 0 0 .8rem 0;
}

.use-list .tabs {
  margin-top: 2.4rem;
}

.use-list .list-history {
  margin-top: 2.4rem;
}

.use-list__rst {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: .8rem;
}

.use-list--acc .accordions__tit {
  border: 0;
}

.use-list--acc .accordions__view {
  padding: 0;
  background-color: #fff;
}

.use-list--acc .list-info + .list-info--rest li:first-child {
  margin-top: 0;
}

.use-list--acc .list-info + .btn-box {
  margin-top: 2.4rem;
}

.use-list--acc .btn-box + .btn-box {
  margin-top: 1.6rem;
}

.sl-my-card {
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: .4rem;
}

.sl-my-card .my-card {
  border: 0;
}

.sl-my-card__pagination {
  position: relative;
}

.my-report {
  margin-bottom: 0;
}

.my-report .btn-txt {
  font-weight: 600 !important;
}

.my-report .pgrbar--report {
  margin-top: 2.4rem;
}

.my-report .box__article {
  word-break: keep-all;
}

.my-report .box__article .tit-dep1 {
  margin-bottom: .8rem;
}

.my-report-bnf .tabs__menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.my-report-bnf .tabs__menu > li {
  float: none;
  flex: 1;
}

.my-report-bnf .tabs__menu > li + li {
  padding-left: .4rem;
}

.my-report-bnf .tabs__menu > li a {
  height: 4.8rem;
  padding-bottom: 0;
  color: #696e76;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: .4rem;
  background: #f9fafc;
  line-height: 4.6rem;
}

.my-report-bnf .tabs__menu > li.on a {
  border-color: #26282c;
  background: #fff;
  color: #26282c;
}

.my-report-bnf .tabs__menu > li.on a:after {
  display: none;
}

.my-report-bnf .tabs__panel > .tit-dep1 {
  margin-bottom: 1.6rem;
}

.my-report-bnf .box {
  margin-bottom: 0;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}

.my-data > li {
  align-items: center;
}

.my-data > li + li {
  padding-top: 2rem;
  margin-top: 1.6rem;
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.my-data .list-info__tit, .my-data .list-info__desc {
  font-size: 1.8rem;
  color: #26282c;
}

/* 겟백서비스 */
.get100-info .tit-dep1 {
  margin-top: 4.8rem;
}

.get100-info__box {
  display: flex;
  align-items: top;
  justify-content: space-between;
  position: relative;
  padding: 3.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: .8rem;
}

.get100-info__box > img {
  width: 8rem;
}

.get100-map-head {
  margin: 0 -1.6rem;
  height: 11.2rem;
  background-color: rgba(0, 0, 0, .16);
}

.get100-map-area {
  position: relative;
  width: 100%;
  height: 49.6rem;
  margin-top: 3.2rem;
}

.get100-map-area__view {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .08);
}

.get100-map-area__my {
  position: absolute;
  width: 4rem;
  height: 4rem;
  background: url(https://img1.kbcard.com/home_re/mo/img/mykb/icon-positionmap-off.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.get100-map-area__here {
  position: absolute;
  width: 4rem;
  height: 4rem;
  background: url(https://img1.kbcard.com/home_re/mo/img/mykb/icon-positionmap-off.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.get100-map-area__here.on {
  z-index: 1;
  background-image: url(https://img1.kbcard.com/home_re/mo/img/mykb/icon-positionmap-select.svg);
}

.get100-map-area .btn-map-sch {
  position: absolute;
  top: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
}

.get100-map-area .btn-location {
  position: absolute;
  bottom: 2.4rem;
  right: 1.6rem;
}

.get100-store {
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.get100-store + .get100-store {
  margin-bottom: 0 !important;
}

.get100-store > li {
  padding: 2.4rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.get100-store > li:first-child {
  padding-top: 0;
}

.get100-store__category {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #696e76;
}

.get100-store__name {
  margin-top: .8rem;
}

.get100-store__address {
  margin-top: .4rem;
  font-weight: 300 !important;
}

.get100-store__call {
  display: block;
  margin-top: 1.6rem;
  padding-left: 2rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-call.svg) no-repeat 0 center;
  background-size: 1.6rem auto;
}

.pop-wrap--bottom-up .get100-store {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.get100-sch .btn-box {
  padding: 1rem 3.6rem .9rem 0;
  border-width: 0 0 1px 0;
  border-radius: 0;
  font-size: 2rem;
  line-height: 2.8rem;
}

.get100-sch .btn-box.placeholder {
  color: #8c949e;
}

/* 겟백서비스 이용금액 구간 */
.slider--range-area {
  height: 7.8rem;
  margin-top: -1rem;
}

.slider--range-area .js-range-terms {
  overflow: hidden;
}

.slider--range-area .js-range-terms .terms {
  color: #696e76;
  font-size: 1.4rem;
}

.slider--range-area .js-range-terms .first {
  float: left;
}

.slider--range-area .js-range-terms .last {
  float: right;
}

.slider--range-area .slider--range {
  position: relative;
  height: .4rem;
  margin-top: .8rem;
  border-radius: .8rem;
  background-color: #ededed;
}

.slider--range-area .slider--range .ui-slider-range {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: .3rem;
  background-color: #fc0;
}

.slider--range-area .slider--range .ui-slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: -.8rem;
  box-sizing: border-box;
  border-radius: 50%;
  border: .3rem solid #fc0;
  background-color: #fff;
}

.slider--range-area .slider--range .ui-slider-handle:last-child {
  background-color: #fc0;
}

.slider--range-area .slider--range .ui-slider-handle .range {
  position: absolute;
  top: 2.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 5rem;
  height: 2.6rem;
  border-radius: .3rem;
  background-color: #fc0;
  color: #26282c;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2.6rem;
}

.slider--range-area .slider--range .ui-slider-handle .range:before {
  content: '';
  position: absolute;
  top: -1.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: .8rem;
  height: 1.2rem;
  box-sizing: border-box;
  border-color: transparent transparent #fc0;
  border-width: 8px 6px;
  border-style: solid;
}

/* 금융정보 */
.fc-info {
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.fc-info__desc {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.fc-info > .list-info {
  margin-top: 2.4rem;
}

/* 혜택정보(마케팅)수신동의 */
.list-link__item--layer {
  display: none;
}

.list-link__item--layer .chk-all__head {
  position: relative;
}

.list-link__item--layer .chk-all__head .chk-all__detail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.btn--all-chk {
  display: none;
}

.js-sortmenu .js-sortable {
  min-height: 110px;
}

.js-sortmenu .card-manage__item--drag {
  background-color: #fff;
}

.js-sortmenu .ui-state-highlight {
  background-color: #eee;
}

.limit-use {
  margin: 0 -1.6rem;
  padding: 3.2rem 1.6rem 0;
}

.limit-use + .limit-use {
  margin-top: 3.2rem;
}

.bnr-box {
  margin-top: 3.2rem;
}

.bnr-box img {
  width: 100%;
  vertical-align: top;
}

/* 달력 - 매출전표 */
.btn-calendar-area {
  position: relative;
  z-index: 10;
  margin: -2.4rem 0 3rem;
  border-radius: .4rem;
  box-shadow: 0 8px 16px rgba(142, 147, 255, .12);
}

.btn-calendar-area:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: .1rem;
  height: 2.4rem;
  background-color: #d6d6d6;
}

.btn-calendar-area:after {
  content: '';
  display: block;
  clear: both;
}

.btn-calendar-area .btn-cal {
  float: left;
  width: 50%;
  height: 4rem;
  border: 0;
  background-color: transparent;
}

.btn-calendar-area .btn-cal .inner {
  display: inline-block;
  position: relative;
  padding-left: 3rem;
  color: #696e76;
  font-size: 1.6rem;
}

.btn-calendar-area .btn-cal .inner:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 2.4rem;
  opacity: .5;
}

.btn-calendar-area .btn-cal.on .inner:before {
  opacity: 1;
}

.btn-calendar-area .btn-cal--cal .inner:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-calendar.svg);
}

.btn-calendar-area .btn-cal--lst .inner:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-list.svg);
}

.calendar-fixed {
  position: fixed;
  top: 19rem;
  z-index: 1;
  width: 100%;
  padding-top: 0 !important;
  background: #fff;
}

.scheduler-wrap {
  overflow: hidden;
  position: relative;
  margin-right: -1.6rem;
  margin-left: -1.6rem;
  /* 리스트 상단 금액 합산 영역 */
  /* 상단 인포메이션 */
  /* 달력 상단 요일 */
  /* 달력 영역 */
  /* 토글(열기, 닫기) 버튼 */
  /* 달력 오픈 */
  /* 내역 영역 */
}

.scheduler-wrap button {
  padding: 0;
  border: 0;
  background-color: transparent;
}

.scheduler-wrap .calendar-price-top {
  display: none;
  padding: 0 1.6rem 3rem;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .1);
}

.scheduler-wrap .calendar-price-top .date-turm {
  color: #696e76;
  font-size: 1.4rem;
  margin-top: 8px;
}

.scheduler-wrap .calendar-price-top .price-area--won {
  color: #26282c;
  font-size: 2rem;
}

.scheduler-wrap .calendar-price-top .price-area--won .price {
  margin-top: 1.2rem;
  font-size: 2.8rem;
  font-weight: 600 !important;
}

.scheduler-wrap .calendar-price-top .price-area--usd {
  margin-top: .4rem;
  font-size: 1.6rem;
  font-weight: 600 !important;
}

.scheduler-wrap .js-calendar {
  position: relative;
  z-index: 5;
}

.scheduler-wrap .calendar_info {
  position: relative;
  z-index: 15;
  padding-top: 16px;
  background-color: #fff;
}

.scheduler-wrap .calendar_info .btn {
  display: none;
}

.scheduler-wrap .calendar_info .sel-area {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.scheduler-wrap .calendar_info .sel-area:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%) rotate(45deg);
  width: .8rem;
  height: .8rem;
  margin-top: -.2rem;
  box-sizing: border-box;
  border-width: 0 .1rem .1rem 0;
  border-style: solid;
  border-color: #26282c;
}

.scheduler-wrap .calendar_info .sel-area .js-select .btn-select {
  display: block;
  width: 100%;
  height: 3.4rem;
  padding: 0 2.6rem 0 1.6rem;
  border: 0;
  color: #26282c;
  font-size: 1.6rem;
  line-height: 3.4rem;
}

.scheduler-wrap .month-top,
.scheduler-wrap .calendar {
  overflow: hidden;
}

.scheduler-wrap .month-top .month,
.scheduler-wrap .calendar .date-item {
  float: left;
  width: 14.28%;
}

.scheduler-wrap .month-top {
  position: relative;
  z-index: 15;
  padding: 2.5rem 2.5rem 0;
  background-color: #fff;
}

.scheduler-wrap .month-top .month {
  height: 2.2rem;
  color: #696e76;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2.2rem;
}

.scheduler-wrap .calendar-area {
  position: relative;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .1);
}

.scheduler-wrap .calendar-area .calendar {
  position: absolute;
  right: 2.5rem;
  bottom: 0;
  left: 2.5rem;
  padding-bottom: 3.2rem;
  background-color: #fff;
}

.scheduler-wrap .calendar-area .calendar--open {
  z-index: 5;
}

.scheduler-wrap .calendar-area .calendar--close {
  z-index: 10;
}

.scheduler-wrap .calendar-area .calendar .date-item {
  position: relative;
  font-size: 0;
  opacity: .2;
  /* 선택 */
}

.scheduler-wrap .calendar-area .calendar .date-item .btn-date {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 5.2rem;
}

.scheduler-wrap .calendar-area .calendar .date-item .btn-date .text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2rem;
  border-radius: .4rem;
  color: #26282c;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2rem;
}

.scheduler-wrap .calendar-area .calendar .date-item[date] {
  opacity: 1;
}

.scheduler-wrap .calendar-area .calendar .date-item .btn-date[disabled] {
  opacity: .3;
}

.scheduler-wrap .calendar-area .calendar .date-item .ico-cont {
  display: none;
}

.scheduler-wrap .calendar-area .calendar .date-item .price {
  position: absolute;
  left: 50%;
  bottom: -.3rem;
  transform: translateX(-50%) scale(0.9);
  color: #26282c;
  font-size: 1rem;
  text-align:center;
  line-height:1.2em;
  letter-spacing: 0;
  white-space: nowrap;
}

.scheduler-wrap .calendar-area .calendar .date-item.on .btn-date .text {
  background-color: #fc0;
}

.scheduler-wrap .btn-tog-area {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.scheduler-wrap .btn-tog-area .btn {
  display: none;
  width: 8rem;
  height: 3rem;
  font-size: 0;
  text-indent: -99999px;
  line-height: 0;
}

.scheduler-wrap .btn-tog-area .btn:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.4rem;
  height: .4rem;
  border-radius: .4rem;
  background-color: rgba(0, 0, 0, .16);
}

.scheduler-wrap .btn-tog-area .btn--open {
  display: block;
}

.scheduler-wrap.open .js-calendar .calendar--open {
  z-index: 10;
}

.scheduler-wrap.open .js-calendar .calendar--close {
  z-index: 5;
}

.scheduler-wrap.open .js-calendar .btn-tog-area .btn--open {
  display: none;
}

.scheduler-wrap.open .js-calendar .btn-tog-area .btn--close {
  display: block;
}

.scheduler-wrap .schedule-area {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 1rem 1.6rem 0;
}

.scheduler-wrap .schedule-area .sorting-area {
  display: none;
  position: relative;
  padding: 2rem 0 2.4rem;
}

.scheduler-wrap .schedule-area .sorting-area .len {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #696e76;
  font-size: 1.6rem;
  font-weight: 600 !important;
}

.scheduler-wrap .schedule-area .list-history__item {
  display: none;
  padding: 0;
  border-bottom: 0;
}

.scheduler-wrap .schedule-area .list-history__item.on {
  display: block;
}

.scheduler-wrap .schedule-area .list-history__inner {
  position: relative;
  padding: 2.4rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.scheduler-wrap .schedule-area .list-history__date {
  overflow: hidden;
  padding-top: 2.4rem;
  color: #696e76;
  font-size: 1.4rem;
}

.scheduler-wrap .schedule-area .list-history__date .month-date {
  float: left;
}

.scheduler-wrap .schedule-area .list-history__date .len {
  float: right;
}

.scheduler-wrap .schedule-area .list-history__info .time {
  color: #696e76;
}

.scheduler-wrap .schedule-area .list-history__info .time__date {
  display: none;
}

.scheduler-wrap .schedule-area .no-data {
  display: none;
}

.scheduler-wrap.list-type .calendar-price-top {
  display: block;
}

.scheduler-wrap.list-type .js-calendar {
  display: none;
}

.scheduler-wrap.list-type .schedule-area .sorting-area {
  display: block;
}

.scheduler-wrap.list-type .schedule-area .list-history__item {
  display: block !important;
}

.scheduler-wrap.list-type .schedule-area .list-history__date {
  display: none;
}

.scheduler-wrap.list-type .schedule-area .list-history__info .time .time__date {
  display: inline;
}

/* open */
.js-calendar .month-top .month:first-child,
.js-calendar .calendar .date-item.sunday .btn-date .text,
.list-history__item.sunday .date {
  color: #f00;
}

.title-wrap p {
  color: #26282c;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  text-align: left;
}

.title-wrap p + p {
  margin-top: .4rem;
}

/* 나의 쿠폰함 */
.br-logo {
  position: relative;
  overflow: hidden;
}

.br-logo__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.6rem;
  margin: 0 auto;
}

.br-logo__img > img {
  width: 100%;
}

.br-logo__dim {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 17.6rem;
  background-color: rgba(0, 0, 0, .6);
  border-radius: .4rem;
  color: #fff;
}

.barcode {
  position: relative;
  padding: 2.4rem 2.8rem;
  background-color: #f8f8f8;
}

.barcode > img {
  width: 100%;
}

.barcode__num {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
}

.barcode--end > img {
  opacity: .2;
}

.barcode--end .barcode__num {
  color: #8c949e;
}

/* 회원정보 */
.my-profile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.my-profile__thum {
  display: block;
  position: relative;
  width: 8rem;
  height: 8rem;
  margin-right: 2.4rem;
}

.my-profile__thum > img {
  width: 100%;
}

.my-profile__thum:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid #ddd;
  background: #fff url(https://img1.kbcard.com/home_re/mo/ico/24/ico-camera.svg) no-repeat center;
  background-size: 2.4rem;
  border-radius: 100%;
}

.my-profile__name {
  font-size: 2rem;
  line-height: 2.8rem;
}

.my-profile__name > span {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

/* 220530 소유카드 정렬 말풍선 */ 
.mykb-edit-sort {
  text-align: center;
  position: absolute;
  top: -4.5rem;
  right: 0;
  z-index: 1000;
}

.mykb-edit-sort__bubble {
  padding-bottom: 1rem;
}

.mykb-edit-sort__desc {
  position: relative;
  display: inline-block;
  padding: 1.6rem;
  background: #eff2f7;
  border-radius: .8rem;
  font-weight: 300 !important;
  border-bottom-right-radius: 0;
}

.mykb-edit-sort__desc:before {
  content: '';
  position: absolute;
  bottom: -1rem;
  right: -.4rem;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: .8rem solid transparent;
  border-right: 0;
  border-top: 1rem solid #eff2f7;
}

/* 가맹점 매출내역조회 */
.list-history__divide {display:table; width:100%; font-size: 1.4rem;color: #696e76;line-height: 2.2rem;}
.list-history__info p + .list-history__divide,
.list-history__info .list-history__divide + .list-history__divide {margin-top:.4rem;}
.list-history__divide dt {vertical-align: middle;display: table-cell;width: 60%;}
.list-history__divide dd {vertical-align: middle;display: table-cell;}

/* 상권 분석 서비스 */
.business-district .map-wrap {margin-top:4rem;}
.business-district .map-area {margin-top:4rem; height:36rem;}
.business-district .map-area:first-child {margin-top:0;}
.business-district .map-legend {display:flex; justify-content:flex-end;}
.business-district .map-legend [class*="map-legend__"] {position:relative; margin:1.6rem 0 0 2.4rem; padding-left:1.6rem; font-size:1.4rem; font-weight:400;}
.business-district .map-legend [class*="map-legend__"]:before {content:""; position:absolute; top:.5rem; left:0; width:1rem; height:1rem; border-radius:100%;}
.business-district .map-legend .map-legend__default:before {background-color:rgb(109, 107, 221);}
.business-district .map-legend .map-legend__competition:before {background-color:rgb(247, 105, 0);} 
.business-district .tit-dep1 {margin-top:5.6rem;}
.business-district .tit-dep1:first-child {margin:0 0 .8rem;}
.business-district .tit-dep1.border-t {margin:3.2rem 0 0; padding-top:3.2rem;}
.business-district .tit-dep1.color-gray {margin:4rem 0 .8rem;}
.business-district .map-area + .tit-dep1 {margin-top:4.8rem;}
.business-district .tit-dep2 {margin:.8rem 0 1.6rem; text-align:center;}
.business-district .tit-form {margin:-.8rem 0 2.4rem; font-weight:400; color:#26282c;}
.business-district .tit {margin-bottom:1.6rem; font-size:1.6rem; font-weight:600;}
.business-district .txt {margin-bottom:2.4rem;}
.business-district .txt-s {margin-top:.8rem; text-align:right;}
.business-district .txt-dep {padding: 1rem 3.2rem 1rem 0; border-bottom:.2rem solid rgba(0, 0, 0, .08); font-size:1.8rem;}
.business-district .txt-important {margin-top:1.6rem; padding-left:2rem; font-size:1.4rem;}
.business-district .txt-important:before {width:1.6rem; height:1.6rem;}
.business-district .form-field--flex .slt-box:first-child {padding-right:1.6rem;}
.business-district .grade-area {position:relative; text-align:center;}
.business-district .grade-area img {max-width:24.6rem;}
.business-district .grade-area .arrow-svg {position:absolute; left:50%; bottom:-3.2rem; margin-left:-1.3rem; animation-duration:.8s;}
.business-district .grade-area .arrow-svg.grade1 {transform:rotate(80deg); animation-name:grade1;}
.business-district .grade-area .arrow-svg.grade2 {transform:rotate(45deg); animation-name:grade2;}
.business-district .grade-area .arrow-svg.grade3 {transform:rotate(0deg); animation-name:grade3;}
.business-district .grade-area .arrow-svg.grade4 {transform:rotate(-45deg); animation-name:grade4;}
.business-district .grade-area .arrow-svg.grade5 {transform:rotate(-80deg); animation-name:grade5;}
.business-district .key-items {display:flex; flex-wrap:wrap; align-items:center; margin-top:2.4rem;}
.business-district .key-items li {width:50%;}
.business-district .key-items li span {display:block; padding:2.4rem .8rem; background:#eff2f7; border-radius:.8rem; text-align:center; word-break:break-all; overflow-wrap:break-word;}
.business-district .key-items li:nth-child(n+3) span {margin-top:1.6rem;}
.business-district .key-items li:nth-child(2n) span {margin-left:.8rem;}
.business-district .key-items li:nth-child(2n-1) span {margin-right:.8rem;} 
.business-district .key-items li a {margin-bottom:.8rem; font-weight:600;}
.business-district .key-items li .btn--arr.txt-s:after {width:1.8rem; height:1.8rem;}
.business-district .tbl-list table td {border:.1rem solid #d1d1d1; font-size:1.4rem; font-weight:600; color:#26282c;}
.business-district .tbl-list table tfoot td {background:#fff9e6;}
.business-district .tbl-list table tfoot.bg-peach td {background:#ffeeeb;}
.business-district .tbl-list table .t-gray {color:#696e76; font-weight:500;}
.business-district .tbl-view table th, 
.business-district .tbl-view table td {text-align:center; font-weight:500; color:#26282c;}
.business-district .tbl-view table tbody th {background:#fff;}
.business-district .tbl-view table .t-bold {font-weight:600;}
.business-district .tbl-view table .t-gray {color:#696e76;}
.business-district .box-store {display:flex; padding:1.4rem 0; border-radius:.8rem; border:.1rem solid #dde1e4;}
.business-district .box-store span {position:relative; width:50%; padding:0 1.6rem; text-align:center; font-weight:600; word-break:break-all; overflow-wrap:break-word;}
.business-district .box-store span:nth-child(2) {color:#696e76; font-weight:500;}
.business-district .box-store span:first-child:before {content:''; position:absolute; right:0; top:0; bottom:0; width:.1rem; height:100%; background-color:#dde1e4;}
.business-district .apexcharts-legend {padding:0;}
.business-district .apexcharts-legend.apexcharts-align-right .apexcharts-legend-series:last-child {margin:.2rem 0 !important;}
.business-district .pgrbar--divide + .pgrbar--divide {margin-top:2.4rem;}
.business-district .pgrbar__bg {height:3.2rem; background:none; animation-duration:.8s; animation-name:slideLeft;}
.business-district .pgrbar--divide .pgrbar__bg > span {position:relative; font-size:1.4rem; font-weight:600; line-height:3.2rem; text-align:center;}
.business-district .pgrbar--divide .pgrbar__bg > span:before {left:0; bottom:auto; width:.1rem; height:100%;}
.business-district .pgrbar--divide .pgrbar__list {display:flex; justify-content:flex-end;}
.business-district .pgrbar__list > li {margin-left:2.4rem;}
.business-district .pgrbar__tit {font-size:1.4rem;}
.business-district .pgrbar__tit:before {top:.5rem; width:1rem; height:1rem;box-sizing:border-box}
.business-district .pgrbar--divide .pgrbar__monthly,
.business-district .pgrbar__tit--monthly:before {background:#cac9fe; color:#26282c;}
.business-district .pgrbar--divide .pgrbar__once,
.business-district .pgrbar__tit--once:before {background:#9085ea; background-size:.35rem .35rem; color:#fff;background-image:linear-gradient(135deg, rgba(72, 75, 81, 0.7) 16.67%, transparent 16.67%, transparent 50%, rgba(72, 75, 81, 0.7) 50%, rgba(72, 75, 81, 0.7) 66.67%, transparent 66.67%, transparent 100%);border:1px solid #26282c}
.business-district .pgrbar--divide.type2 .tit {font-weight:500;}
.business-district .pgrbar--divide.type2 .pgrbar__monthly,
.business-district .pgrbar--divide.type2 .pgrbar__tit--monthly:before {background:#fdcfad;}
.business-district .pgrbar--divide.type2 .pgrbar__once,
.business-district .pgrbar--divide.type2 .pgrbar__tit--once:before {background:#ff7e00; background-size:.35rem .35rem;background-image:linear-gradient(135deg, rgba(72, 75, 81, 0.4) 16.67%, transparent 16.67%, transparent 50%, rgba(72, 75, 81, 0.4) 50%, rgba(72, 75, 81, 0.4) 66.67%, transparent 66.67%, transparent 100%);}
.business-district .pgrbar--divide .pgrbar__bg > span.pgrbar__once::before {top:-1px;left:-1px; bottom:auto; width:.1rem; height:calc(100% + 2px);border-right:1px solid #26282c;}
.business-district .pgrbar--divide .pgrbar__once {background-image:linear-gradient(135deg, rgba(72, 75, 81, 0.7) 16.67%, transparent 16.67%, transparent 50%, rgba(72, 75, 81, 0.7) 50%, rgba(72, 75, 81, 0.7) 66.67%, transparent 66.67%, transparent 100%);border:1px solid #26282c;border-radius:0 .6rem .6rem 0}
.business-district .pgrbar--divide.type2 .pgrbar__once {background-image:linear-gradient(135deg, rgba(72, 75, 81, 0.4) 16.67%, transparent 16.67%, transparent 50%, rgba(72, 75, 81, 0.4) 50%, rgba(72, 75, 81, 0.4) 66.67%, transparent 66.67%, transparent 100%);}

@keyframes grade1 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(80deg);
    }
}
@keyframes grade2 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(45deg);
    }
}
@keyframes grade3 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes grade4 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-45deg);
    }
}
@keyframes grade5 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-80deg);
    }
}
@keyframes slideLeft {
    from {
        width:0%;
    }
    to {
        width:100%;
    }
}

.btn-link--transportation:before {/* 교통 */
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-transportation.svg);
}
.btn-link--storeinfo:before {/* 가맹점 기본정보 */
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-storeinfo.svg);
}
.btn-link--card-bill:before {/* 신용판매내역서(세무신고용) */
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-card-bill.png);
}
.btn-link--email:before {/* 이메일 신용판매내역서 신청 */
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-email.png);
}

/* 제신고 업무별로 연동 페이지 */
.menu-card {display:grid; justify-content:center; grid-template-columns:8.5rem 8.5rem 8.5rem; grid-gap:1.9rem 1.5rem;}
[class^='menu-card__link'] {display:block; font-size:1.4rem; line-height:2.2rem; text-align:center;}
[class^='menu-card__link']::before {content:''; display:block; width:8rem; height:8rem; margin:0 auto .8rem; border-radius:1.2rem; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:4rem;}
.menu-card__link--mysetting::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-mysetting.svg);}
.menu-card__link--password-change::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-password-change.svg);}
.menu-card__link--use::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-use.svg);}
.menu-card__link--password-error::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-password-error.svg);}
.menu-card__link--cvc-error::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-payment-cvc-error.svg);}
.menu-card__link--lock::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-card-lock.svg);}
.menu-card__link--lost::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-lost.svg);}
.menu-card__link--piechart::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-piechart.svg);}
.menu-card__link--issuance::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-card-issuance.svg);}
.menu-card__link--card-payment::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-card-payment.svg);}
.menu-card__link--card-division::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-card-division.svg);}
.menu-card__link--deduction::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-visual-deduction.svg);}

/* 모바일 소유카드관리 페이지 */
.card-manage .swiper-pagination-fraction{display:inline-block; width:auto; bottom:auto; margin-top:.2rem; padding:.4rem .8rem; border-radius:1.2rem; background:rgba(0, 0, 0, .08); font-size:1rem; color:rgba(38, 40, 44, .8); line-height:1.2rem; letter-spacing:-.14rem;}
.card-manage .swiper-pagination-current {opacity:1; background:transparent; font-weight:bold;}
.card-manage__control{display:none;position:absolute;top:0;right:0;width:5.6rem;height:100%;justify-content:center;align-items:center;flex-direction:column}
.card-manage__btn{width:32px;height:32px;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-up.svg) no-repeat center;border:1px solid #26282c;border-radius:6px;margin:8px;}
.card-manage__btn--down{background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat center;}

.card-info__mobile {display:inline-block; min-height:2rem; margin-left:.6rem; padding:0 .5rem; border-radius:.4rem; background:#e8e7fe; font-size:1.1rem; color:#5d5af7; line-height:2rem; text-align:center; vertical-align:top;}
.icon-setting {display:grid; grid-template-columns:repeat(4, 1fr); grid-template-rows:8rem; grid-gap:0 .8rem; margin:0 .8rem 4rem;}
.icon-setting__link {display:block; position:relative; max-width:7.2rem; height:100%; margin:0 auto; padding-top:.8rem; font-size:1.2rem; text-align:center;}
.icon-setting__link:before {content:""; display:block; width:3.2rem; height:3.2rem; margin:0 auto .8rem; background-repeat:no-repeat; background-position:center; background-size:3.2rem;}
.icon-setting__link--lost:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-lost.svg);}
.icon-setting__link--password-change:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-password-change.svg);}
.icon-setting__link--pay-info:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-pay-info.svg);}
.icon-setting__link--reissuance:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-reissuance.svg);}

/* 사장님+ 상단배너 */
.mykb-shop-ban { padding: 1.2rem .8rem; font-size:0; z-index: 100; background-color: transparent; display:flex; align-items: flex-end; }
.mykb-shop-ban__cnt {flex:1; padding:.4rem 0;font-size: 1.6rem;}
.mykb-shop-ban__cnt strong{padding-top:.2rem;line-height:2.8rem;font-size:2rem; font-weight:600;}
.mykb-shop-ban__img {flex:0 0 auto; width:9.6rem; height:auto;}
.mykb-shop-ban__img img {width: 100%;height: auto;}

.sticky-area.fixed .mykb-shop-ban{ position: fixed; top: 5.5rem; right: 0; left: 0; padding: 1.6rem 2.4rem;  z-index: 80; background-color: #fff; box-shadow: 0 0.2rem 0.8rem -0.2rem rgba(142, 147, 171, .1);}
.sticky-area.fixed .mykb-shop-ban__cnt {padding:0;margin-top:.2rem;line-height:2rem; font-size:1.4rem;}
.sticky-area.fixed .mykb-shop-ban__cnt strong{line-height:2.4rem;font-size:1.6rem; }
.sticky-area.fixed .mykb-shop-ban__img{width:5.6rem !important; height:auto;}


/* 사장님+ 매출정보 Box*/
.box--blue { overflow: hidden; border-radius: 1.2rem; padding: 2rem 0; background: #6396e4; color: #fff;}
.box--blue__tit { display: block; font-weight: 600;}
.box--blue__txt { margin-top: .4rem; font-weight: 300;}

.btn-go { display: inline-block; vertical-align: middle; cursor: pointer; padding: .6rem 1.5rem; line-height: 2rem; min-width: auto; font-size: 1.4rem; border-radius: .4rem; font-weight: 300; overflow: hidden; background: #517dc1; color: #fff; }

/* 공통BOX */
.main-box .ico-banner + .ico-banner {margin-top:2.4rem;}
.main-tit { display: block; width: auto; padding-top: 3.2rem; color: #26282c; font-size:1.6rem; font-weight: 400 !important; }
.main-tit strong{ margin-top:.2rem; font-size: 1.8rem; line-height: 2.6rem; font-weight: 600 !important; }
.main-tit > a:after { content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat center; background-size: 100% auto; vertical-align: top; }
.main-tit + .main-box { margin-top: 1.2rem; }
.box--yellow{ padding:16px; background-color:#fff4be; box-shadow: none; }
.box--yellow .ico-banner__item { background: none; }
.box--yellow.ico-banner a:after{ display: none !important;}
.box--yellow .ico-banner__desc{color:#484b51;word-break: keep-all;}
.box-line { border-radius: 1.2rem; border: .1rem solid rgba(0, 0, 0, 0.16); padding: 2rem 1.6rem; }
.box-line + .box-line {margin-top: 1.6rem;padding: 2rem 1.6rem;}

.ico-banner > li + li { padding-top: 1.5rem; margin-top: 1.5rem; }
.ico-banner__item { position: relative; display: block; padding: 0 1.6rem 0 4.8rem; }
.ico-banner__item:before { content: ''; position: absolute; left: 0; width: 3.2rem; height: 3.2rem; background-repeat: no-repeat; background-position: 0 0; background-size: 3.2rem; }
.ico-banner__item--businessloan:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-loan-32.svg); }
.ico-banner__item--shortloan:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-short-loan-32.svg); }
.ico-banner__item--piechart:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-piechart-32.svg); }
.ico-banner__item--money:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-money-32.svg); }
.ico-banner__item--receiptget:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-receiptget-32.svg); }
.ico-banner__item--payment:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-payment-32.svg); }
.ico-banner__item--piechart2:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-piechart2-32.svg); }
.ico-banner__item--barchart:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-barchart.svg);}
.ico-banner__item--corporate:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-corporate-supportfund.svg);}
.ico-banner__item--personal:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-personal-supportfund.svg);}
.ico-banner__item--shortform:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-visual-shortform.svg);}
.ico-banner__tit { font-weight: 600 !important; }
.ico-banner__desc { margin-top: .2rem; font-size: 1.4rem; line-height: 2rem; word-break: keep-all;}  
.ico-banner.ico-img-center .ico-banner__item:before,
.ico-banner.ico-img-center .sb-list__item:before { top: 50%; transform: translate(0, -50%); }

.sb-list__item { position: relative; display: block; padding-left: 6rem; }
.sb-list__item:before { content: ''; position: absolute; left: 0; width: 4.8rem; height: 4.8rem; background-repeat: no-repeat; background-position: 0 0; background-size: 4.8rem; }
.sb-list__item--kbbank:before { background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/logo-app-kbbank.svg); }
  
/* cardlist */
.main-box .card-cmn-list > li {border-bottom: none;}
.main-box .card-cmn-list > li.servBanner { margin-top: 2.4rem; border-top: .1rem solid rgba(0, 0, 0, .08); }
.main-box .card-cmn-list a {padding: 1.2rem 0;}
.card-cmn-list a .img-card {width: 4.8rem; height: 4.8rem; margin-right: .8rem;}
.card-cmn-list__desc {margin-top: .2rem; }
.card-cmn-list__desc li{ margin-bottom: .2rem; font-size: 1.4rem; line-height: 2rem; }
.card-cmn-list__desc li:last-child{ margin-bottom: 0;}

.servBanner{position:relative;width:100%;font-size:1.4rem;}
.servBanner a{display:inline-flex !important; padding: 1.6rem 0 1.8rem !important; align-items: center; vertical-align: middle; }
         
.law_text--gray{color:#696e76}

.merchant-ev-swiper.bottom-ev-swiper {margin-top:3.2rem;height: 9.6rem;}
.merchant-ev-swiper.bottom-ev-swiper .swiper-slide > a {height: 9.6rem; padding: 1.8rem 1.6rem 3.6rem 1.6rem; box-shadow: none;}
.merchant-ev-swiper .bottom-ev-swiper__tit{font-size: 1.6rem;}
.merchant-ev-swiper .bottom-ev-swiper__sub {margin-top: .2rem;font-size: 1.4rem;}
.merchant-ev-swiper .bottom-ev-swiper__img { position: absolute; top: 0;right: 0; width: 12.8rem;}
.merchant-ev-swiper.bottom-ev-swiper .swiper-pagination {margin-top: -2.4rem;}
.merchant-ev-swiper.bottom-ev-swiper .swiper-button-control {margin-top: -2.4rem;}

/* 소유카드 내 해외 수수료 면제 혜택 조회 */
.sel-date--left {display:inline-flex; margin: 0 0 1.6rem; padding: 0 2.4rem;}
.sel-date--left .btn-date--prev, .sel-date--left .btn-date--next {width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center; background-size: 2.4rem 2.4rem;}
.sel-date--left .btn-date--prev {left: 0;}
.sel-date--left .btn-date--next {right: 0;}
.sel-date--left .sel-date__title .btn-select {font-size: 1.8rem; font-weight: bold; line-height: 2.6rem;}
.list-head--flex {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0; border-bottom: 0; word-break: keep-all;}
.list-head__tit {max-width: 70%; margin-right: .8rem; font-size: 1.6rem;font-weight: normal;}
.list-head__desc {max-width: 70%; font-size: 2.4rem; font-weight: 600; line-height: 3.2rem; text-align: right;}

/* 결제예정금액 타카드사 연동 */
.openbank-list {margin-top:1.4rem;}
.openbank-list .accordions__tit,
.accordions__disabled {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding:1.4rem 0;
  border-bottom:0;
  font-weight: 600;
}
.openbank-list .accordions__tit {padding-right:2.4rem;}
.openbank-list .accordions__view {padding:0 0 1.6rem 4rem; border-bottom:1px solid #dde1e4; background-color: transparent;}
.openbank-list .accordions__view .list-info--ss > li + li {margin-top:.2rem;}
.openbank-list .accordions__view .list-info--ss .list-info__tit {color:#484b51;}
.openbank-list .accordions__view .list-info--ss .list-info__desc {color:#26282c; font-weight:300;}

.openbank-list .bk-box__desc {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 4rem;
}

.openbank-list .bk-box__desc:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  background-position: 0 0;
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.openbank-list .bk-box__desc img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  transform: translateY(-50%);
  border-radius:50%;
}

.account__staus .loading-bar {margin:.6rem auto;}
.account__staus .txt-fail {color:#ff200c; font-weight: 300;}

/* 사장님+ 개선 */
.prsdnt-head-bnr {padding: 0; font-size:0; z-index: 100; background-color: transparent; display:flex; align-items: center;}
.prsdnt-head-bnr__cont {flex:1; padding: 1rem 0 0 .8rem; font-size: 1.6rem;}
.prsdnt-head-bnr__cont strong{padding-top:.2rem;line-height:2.8rem;font-size:2rem; font-weight:600;}
.prsdnt-head-bnr__img {flex:0 0 auto; width: 14.4rem; height:auto;}
.prsdnt-head-bnr__img img {width: 100%;height: auto;}
.sticky-area.fixed .prsdnt-head-bnr{position: fixed; top: 5.5rem; right: 0; left: 0; padding: 0 1.6rem 0 2.4rem; z-index: 80; background-color: #fff; box-shadow: 0 0.2rem 0.8rem -0.2rem rgba(142, 147, 171, .1);}
.sticky-area.fixed .prsdnt-head-bnr__cont {padding: 0 0 .4rem; margin: 0; line-height:2rem; font-size:1.4rem;}
.sticky-area.fixed .prsdnt-head-bnr__cont strong{line-height:2.4rem;font-size:1.6rem; }
.sticky-area.fixed .prsdnt-head-bnr__img{width: 10rem; height: 6.6rem;}
.prsdnt-notice {display: flex; align-items: center; justify-content: space-between; margin: 0; margin-bottom: 1.6rem; position: relative; padding: 0 !important; border-radius: 1.2rem; box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, 0.16);}
.bg-pink {background-color:#d2155b !important;}
.bg-red {background-color:#d01313 !important;}
.bg-orange {background-color:#d54405 !important;}
.bg-brown {background-color:#835025 !important;}
.bg-khaki {background-color:#6f711d !important;}
.bg-olive {background-color:#517d19 !important;}
.bg-green {background-color:#0b7c16 !important;}
.bg-mint {background-color:#1b7d75 !important;}
.bg-blue {background-color:#2952ae !important;}
.bg-purple {background-color:#5832bb !important;}
.bg-gray {background-color:#3d4046 !important;}
.bg-black {background-color:#121315 !important;}
.bg-pink--light {background-color:#ffecf7 !important;}
.bg-red--light {background-color:#ffefef !important;}
.bg-orange--light {background-color:#fff1e9 !important;}
.bg-brown--light {background-color:#fff6df !important;}
.bg-khaki--light {background-color:#f5f6cd !important;}
.bg-olive--light {background-color:#edfbdb !important;}
.bg-green--light {background-color:#dfffe2 !important;}
.bg-mint--light {background-color:#dbfdfa !important;}
.bg-blue--light {background-color:#e5f5ff !important;}
.bg-purple--light {background-color:#efe9ff !important;}
.bg-rose--light {background-color:#f5e8e7 !important;}
.bg-champagne--light {background-color:#ebe6e2 !important;}
.bg-gold--light {background-color:#f1e8db !important;}
.prsdnt-notice > a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; position: relative; padding: 1.6rem;}
.prsdnt-notice > a:after {content: ''; display: inline-block; width: 1.6rem; height: 2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-w.svg) no-repeat center; background-size: 1.6rem;}
.prsdnt-notice[class*="--light"] > a:after {background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat center;}
.bg-pink--light.prsdnt-notice > a:after {filter: invert(20%) sepia(67%) saturate(4129%) hue-rotate(325deg) brightness(83%) contrast(99%);}
.bg-red--light.prsdnt-notice > a:after {filter: invert(21%) sepia(51%) saturate(5043%) hue-rotate(352deg) brightness(82%) contrast(101%);}
.bg-orange--light.prsdnt-notice > a:after {filter: invert(41%) sepia(45%) saturate(5306%) hue-rotate(358deg) brightness(92%) contrast(98%);}
.bg-brown--light.prsdnt-notice > a:after {filter: invert(27%) sepia(91%) saturate(398%) hue-rotate(346deg) brightness(99%) contrast(87%);}
.bg-khaki--light.prsdnt-notice > a:after {filter: invert(38%) sepia(57%) saturate(550%) hue-rotate(23deg) brightness(96%) contrast(87%);}
.bg-olive--light.prsdnt-notice > a:after {filter: invert(47%) sepia(7%) saturate(3921%) hue-rotate(44deg) brightness(89%) contrast(98%);}
.bg-green--light.prsdnt-notice > a:after {filter: invert(20%) sepia(95%) saturate(4770%) hue-rotate(137deg) brightness(89%) contrast(91%);}
.bg-mint--light.prsdnt-notice > a:after {filter: invert(37%) sepia(80%) saturate(413%) hue-rotate(126deg) brightness(90%) contrast(88%);}
.bg-blue--light.prsdnt-notice > a:after {filter: invert(24%) sepia(76%) saturate(1452%) hue-rotate(199deg) brightness(98%) contrast(88%);}
.bg-purple--light.prsdnt-notice > a:after {filter: invert(23%) sepia(96%) saturate(1771%) hue-rotate(244deg) brightness(80%) contrast(101%);} 
.bg-rose--light.prsdnt-notice > a:after {filter: invert(34%) sepia(8%) saturate(4128%) hue-rotate(315deg) brightness(103%) contrast(90%);}
.bg-champagne--light.prsdnt-notice > a:after {filter: invert(36%) sepia(10%) saturate(2066%) hue-rotate(327deg) brightness(94%) contrast(91%);}
.bg-gold--light.prsdnt-notice > a:after {filter: invert(26%) sepia(90%) saturate(1945%) hue-rotate(33deg) brightness(94%) contrast(92%);}
.prsdnt-notice__cont {overflow: hidden; width: calc(100% - 1.6rem); padding: 0 1rem 0 0;}
.prsdnt-notice__img + .prsdnt-notice__cont {width: calc(100% - 4.8rem);}
.prsdnt-notice__tit {color: #fff; font-size:1.4rem; line-height: 1.43; font-weight: bold; text-align: left; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bg-pink--light .prsdnt-notice__tit {color:#d2155b !important;}
.bg-red--light .prsdnt-notice__tit {color:#d01313 !important;}
.bg-orange--light .prsdnt-notice__tit {color:#e84d07 !important;}
.bg-brown--light .prsdnt-notice__tit {color:#835025 !important;}
.bg-khaki--light .prsdnt-notice__tit {color:#6f711d !important;}
.bg-olive--light .prsdnt-notice__tit {color:#517d19 !important;}
.bg-green--light .prsdnt-notice__tit {color:#0b7c16 !important;}
.bg-mint--light .prsdnt-notice__tit {color:#1b7d75 !important;}
.bg-blue--light .prsdnt-notice__tit {color:#2952ae !important;}
.bg-purple--light .prsdnt-notice__tit {color:#5832bb !important;}
.bg-rose--light .prsdnt-notice__tit {color:#ad4a43 !important;}
.bg-champagne--light .prsdnt-notice__tit {color:#895241 !important;}
.bg-gold--light .prsdnt-notice__tit {color:#945b0a !important;}
.prsdnt-notice__img {width: 2.4rem; height: auto; margin-right: .8rem;}
.prsdnt-notice__img > img {display: block; width: 100%; height: auto;}
.sticky-area.fixed .prsdnt-notice {position: fixed; top: 12.1rem; right: 0; left: 0; margin: 0; border-radius: 0; z-index: 81;}
.sticky-area.fixed .prsdnt-notice > a {padding: .8rem 1.6rem .8rem 2.4rem;}
.box--blue2 {overflow: hidden; border-radius: 1.2rem; background: #306af3 !important; padding: 1.6rem; margin: 0; color: #fff;}
.box--blue2__txt {color: #fff; margin: 0; font-weight: 300;}
.box--blue2__tit {color: #fff; display: block; font-weight: 600;}
.box--blue2 .btn-go {padding: 1rem; font-size: 1.4rem; line-height: 1.43; background: #093eba;}
.btn-wrap .btn-go {flex: 1;}
.btn-wrap .btn-go + .btn-go {margin-left: .8rem;}
.box-prsdnt {padding: 0; margin: 2.4rem 0 0; overflow: hidden; border-radius: 1.2rem; background-color: #fff; box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.16);}
.box-prsdnt ~ .box-prsdnt {margin-top: 2.4rem;}
.box-prsdnt .tit-dep1 {margin-bottom: 1.6rem;}
.box-prsdnt__tit {display: block; width: 100%; padding: 1.2rem 1.6rem; font-size: 1.6rem; line-height: 1.5; font-weight: bold; background-color: #eff2f7;}
.box-prsdnt__cont {padding: 2.4rem 1.6rem;}
.box-prsdnt__cont + .box-prsdnt__cont {border-top: 1px solid #dde1e4;}
.box-prsdnt .card-cmn-list a {padding: 1.2rem 0;}
.box-prsdnt .card-cmn-list > li {border-top: 1px solid #eff2f7; border-bottom: none;}
.box-prsdnt .card-cmn-list > li:first-of-type {border: 0;}
.box-prsdnt .btn--arr.txt-s:after {margin-left: .2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat 0 0; background-size: 100% auto;}
.box-prsdnt .ico-banner {padding: 0 .8rem;}
.box-prsdnt .ico-banner + .ico-banner {margin-top: 2.4rem;}
.box-prsdnt .ico-banner__item {padding-right: 0;}
.ico-banner.ico-img--center .ico-banner__item:before, .ico-banner.ico-img--center .sb-list__item:before {top: 50%; transform: translate(0, -50%);}
.ico-banner__item--calendarceo:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-calendarceo-32.svg);}
.ico-banner__item--kbthingk:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-kbthingk-32.svg);}
.ico-banner__item--shopprotection:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-shopprotection-32.svg);}
.ico-banner__item--shopsecurity:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-shopsecurity-32.svg);}
.ico-banner__item--smartorder:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-smartorder-32.svg);}
.ico-banner__item--starshop:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-starshop.svg);}
.ico-banner__item--analysis-service:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-barchart.svg);}
.ico-banner__item--lawyer:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-lawyer-32.svg);}
.ico-banner__item--market:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-beston-32.svg);}
.ico-banner__item--shopsol:before {background-image: url(https://img1.kbcard.com/LT/cxh/mbiz_img/common/icon/ico-shopsol-32.svg);}
.box-prsdnt .card-cmn-list .img-card {margin-right: .7rem;}
.prsdnt-bottom-bnr {border-radius: 1.2rem; margin-top: 1.6rem;}
.prsdnt-bottom-bnr > a {display: flex; padding: 1.6rem; justify-content: space-between; align-items: center;}
.prsdnt-bottom-bnr__cont {padding-right: 1.6rem;}
.prsdnt-bottom-bnr__tit {font-size: 1.6rem; line-height: 1.5; font-weight: bold; color: #26282c;}
.prsdnt-bottom-bnr__txt {margin-top: .2rem; font-size: 1.4rem; line-height: 1.43; font-weight: normal; color: #484b51;}
.prsdnt-bottom-bnr__logo {width: 4.8rem; height: auto;}
.prd-fnc-list > li {position: relative; border-bottom: 1px solid #eff2f7; padding-bottom: 1.6rem; margin-bottom: 1.6rem;}
.prd-fnc-list li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.prd-fnc-list__tit {display: flex; margin-bottom: 0; font-size: 1.6rem; line-height: 1.5; font-weight: 600 !important;}
.prd-fnc-list__tit .btn-txt {position: relative; font-size: 1.6rem; line-height: 1.5; font-weight: 600 !important;}
.prd-fnc-list__tit .btn-txt:after {content: ''; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat 0 0; background-size: 100% auto; margin-top: -.5rem;}
.prd-fnc-list__desc {margin-top: .2rem; font-size: 1.4rem; line-height: 1.43;}
.prd-fnc-box {overflow: hidden; position: relative; display: flex; align-items: flex-end; margin-top: 1.6rem;}
.prd-fnc-box__cnt {position: relative; width: 100%;}
.prd-fnc-box__cnt > li {float: left; width: 50%; font-size: 1.4rem; line-height: 1.43;}
.prd-fnc-box__cnt > li.prd-fnc-box__full {width: 100%;}
.prd-fnc-box__tit {color: #696e76;}
.prd-fnc-box__num {margin-top: .4rem;}
.prd-fnc-box__num > span {display: inline-block; font-size: 1.8rem; line-height: 2.4rem;}
.prd-fnc-box__btn {flex-basis: auto; width: 7.4rem; text-align: right;}
.prd-fnc-box__btn .btn--s {font-size: 1.4rem; line-height: 1.43; padding: calc(.6rem - 1px) calc(1.2rem - 1px); height: auto;}
.prd-fnc-box--block .prd-fnc-box__cnt > li {width: 100%;}
.prd-fnc-box--block .prd-fnc-box__cnt > li > p {display: inline-block; margin-right: 1.6rem;}
.prd-fnc-box--block .prd-fnc-box__cnt > li > p.mid-line {margin-right: 0;}
.prd-fnc-box__comment{margin: 1.6rem 0 -.8rem; padding-top: 1.6rem; font-size: 1.4rem; line-height: 1.43; border-top: 1px solid #eff2f7; color: #696e76;}
.mid-line {display: inline-block; font-size: 1.4rem; font-weight: 100; color: #26282c; text-decoration: line-through;}
.mid-line span {font-size: 1.4rem; text-decoration: line-through;}
.mid-line + .prd-fnc-box__num {display: inline-block;}
.alda-banner { margin-top:1.2rem; border-radius:.8rem; font-size:1.2rem; line-height:2rem; background:#ffedb0; }
.alda-banner a { display: inline-block; position:relative; width:100%; padding:.8rem 0 .8rem 4.4rem; }
.alda-banner a:after, .alda-banner a:before { content:''; position:absolute; width:1.6rem; height:1.6rem; top:38%; }
.alda-banner a:after { right:1.2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat center; background-size:cover; }
.alda-banner a:before { left:1.6rem; background: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-alda.png) no-repeat center; background-size:cover;}
.date-sel {display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: "prev month next"; gap: 1.6rem; margin: 0 -1.6rem; height: 5.6rem; background-color: #eff2f7;}
.date-sel__month {grid-area: month; font-size: 1.8rem; line-height: 1.33; height: 2.4rem; font-weight: bold; text-align: center; align-self: center;}
.date-sel__month-btn {padding: 0; border-radius: 0; border: 0; overflow: hidden; position: relative; width: 2.4rem; height: 2.4rem; color: transparent; font-size: 1px; line-height: 1px; background-color: transparent; cursor: pointer;}
.date-sel__month-btn:after {content: ""; position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; font-size: 0; width: 2.4rem; height: 2.4rem;}
.date-sel__month-prev {grid-area: prev; justify-self: end; align-self: center;}
.date-sel__month-prev:after {background: url(https://img1.kbcard.com/home_re/pc/arr/24/arr-1-left.png) 0 0 no-repeat; background-size: 100% auto;}
.date-sel__month-next {grid-area: next; justify-self: start; align-self: center;}
.date-sel__month-next:after {background: url(https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png) 0 0 no-repeat; background-size: 100% auto;}
.schedule-list {margin: 1.6rem 0 0;}
.schedule-list__item {margin: 0; padding: 1.6rem; border-radius: 1.2rem; background-color: #fff; box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, 0.16);}
.schedule-list__item ~ .schedule-list__item {margin-top: 1.6rem;}
.kbthink-list > li {padding-bottom: 1.6rem; border-bottom: 1px solid #eff2f7;}
.kbthink-list > li + li {padding-top: 1.6rem;}
.kbthink-list > li > a {display: grid; grid-template-columns: auto 6.4rem; grid-template-areas: "list-title list-img"; gap: 1.6rem; align-items: start;}
.kbthink-list__cont {grid-area: list-title;}
.kbthink-list__tit {display: block; font-size: 1.6rem; line-height: 1.5; word-break: normal;}
.kbthink-list__subtit {font-size: 1.4rem; line-height: 1.43; margin-top: .4rem;}
.kbthink-list__info {display: flex; margin-top: 1.2rem;}
.kbthink-list__info > span {font-size: 1.4rem; color: #696e76; line-height: 1.43; position: relative; margin-left: .4rem; padding-left: .4rem; word-break: break-all;}
.kbthink-list__info > span:before {content: ""; display: block; position: absolute; top: .3rem; left: 0; width: 1px; height: 1.2rem; background: #dde1e4;}
.kbthink-list__info > span:first-child {margin-left: 0; padding-left: 0; flex-shrink: 0; word-break: keep-all;}
.kbthink-list__info > span:first-child:before {display: none;}
.kbthink-list__img {grid-area: list-img; display: block; text-align: right;}
.kbthink-list__img > img {width: 100%; height: auto;}
.kbthink-list + .btn-wrap .btn--arr.txt-s:after {margin-left: .2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat 0 0; background-size: 100% auto;}
.sticky-schedule {z-index: 100; position: sticky; top: 5.6rem; left: 0; right: 0;}
.date-sel + p.txt {margin-top: 1.6rem;}
.sticky-schedule.scrolled {margin: 0 -1.6rem;}
.sticky-schedule.scrolled .date-sel{position: absolute; top: .8rem; left: 1.6rem; gap: .8rem; width: 16rem; height: 4rem; margin: 0; border-radius: 2rem; z-index: 81;}
.sticky-schedule.scrolled .date-sel__month {font-size: 1.6rem; line-height: 2.6rem;}
.sticky-schedule.scrolled .date-sel + p.txt {margin: 0; width: 100%; padding: 1.8rem 1.6rem 1.8rem 18.4rem; background-color: #fff; z-index: 80; box-shadow: 0 0.2rem 0.8rem -0.2rem rgba(142, 147, 171, .1); font-size: 1.4rem !important; line-height: 2rem !important; white-space: nowrap;}
.beston-main {position: relative; display:flex; align-items: center; justify-content: center; max-height: 45rem; margin: 0 -1.6rem; box-sizing: border-box; background-image: linear-gradient(179deg, #fff6dd 31%, #fd9100 111%);}
.beston-main img {min-width: 280px; max-width: 36rem; width: 100%; height: auto;}
.beston-txtlogo {width: 5.8rem; height: auto; padding: .4rem 0; vertical-align: bottom;}
.box-ticket {display: grid; grid-template-columns: 42.21% 32px 42.21%; grid-template-areas:"upper-left . upper-right" "lower-left ico-middle lower-right" "bottom-left . bottom-right"; column-gap: calc((15.58% - 32px) / 2); margin: 2.4rem auto 0; padding: 0 1rem; text-align: center; font-size: 1.4rem; line-height: 1.71; color: #26282c; word-break: keep-all;}
.box-ticket__upper {position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border-radius: .8rem; padding: 1.2rem .6rem 1.4rem; background-color: #fff2d9;}
.box-ticket__upper:after {content:''; position: absolute; bottom: -.15rem; left: 50%; transform: translateX(-50%); width: calc(100% - 2rem); height: 0; z-index: 1; border-top: .3rem dotted #fff;}
.box-ticket__lower {display: flex; flex-direction: column; justify-content: space-between; align-items: center; border-radius: .8rem .8rem 0 0; padding: 1.2rem .6rem; background-color: #fff2d9;}
.box-ticket__bottom {position: relative; border-radius: 0 0 .8rem .8rem; padding: .7rem .6rem 1.5rem; overflow: hidden; background-color: #ffe6b5;}
.box-ticket__bottom:after {content:''; position: absolute; bottom: -1.2rem; left: 50%; transform: translateX(-50%); width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: #fff;}
.box-ticket__price {font-weight: 600; word-break: break-all; font-size: 2rem; line-height: 1.4;}
.box-ticket__price span {font-size: 1.4rem; margin-left: .1rem; vertical-align: middle;}
.box-ticket__upper.left {grid-area: upper-left;}
.box-ticket__upper.right {grid-area: upper-right;}
.box-ticket__lower.left {grid-area: lower-left;}
.box-ticket__lower.right {grid-area: lower-right;}
.box-ticket__bottom.left {grid-area: bottom-left;}
.box-ticket__bottom.right {grid-area: bottom-right;}
.box-ticket__ico-plus {grid-area: ico-middle; position: relative; margin-top: .4rem; width: 32px; height: 32px; border-radius: 50%; background-color: #fc7500;}
.box-ticket__ico-plus:before {content:''; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 4px; height: 14px; border-radius: 0; z-index: 2; background-color: #fff;}
.box-ticket__ico-plus:after {content:''; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 14px; height: 4px; z-index: 2; background-color: #fff;}

@media screen and (max-width: 295px) {
	.prd-fnc-box__num {font-size: 1.2rem;}
	.prd-fnc-box__num > span {font-size: 1.5rem;}
}

/* 바로출금결제 전체 UIUX 개선 */
.slt-box--card.disabled {border-color:#dde1e4; background:#dde1e4;}
.form-field--edit {display:none; z-index:2;}
.form-field--edit .form-field__obj {max-width:100%; margin:0 0 0 auto;}
.form-field--edit input {height:2.4rem; margin:0 0 0 auto; padding:0 1.4rem 0 2rem; border-width:0 0 1px; border-color:#26282c; background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-edit.svg) no-repeat 0 50%; background-size:1.6rem; font-size:1.6rem; line-height:1.5; color:#c6cbd0; text-align:right;}
.form-field--edit input::placeholder {color:#c6cbd0;}
.form-field--edit .form-field__txt {position:absolute; top:0; right:0; font-size:1.6rem; line-height:1.5; color:#c6cbd0;}
.form-field--edit.on {display:block;}
.form-field--edit.is-edited input,
.form-field--edit.is-edited input::placeholder, 
.form-field--edit.is-edited .form-field__txt {color:#26282c;}
.form-field__mirror {visibility:hidden; position:absolute; top:0; right:0; width:auto; padding:0 1.5rem 0 2rem; font-size:1.6rem; white-space:pre;}
.chk-block--payments {overflow:hidden; margin:2.4rem 0 0; border:1px solid #dde1e4; border-radius:.8rem;}
.chk-block--payments .check-box--type {border:0;}
.chk-block--payments .check-box--type:first-of-type {margin:.8rem 0; padding:2.4rem 1.6rem;}
.chk-block--payments .check-box--type:nth-of-type(n + 3) {border-top:1px solid #dde1e4;}
.chk-block--payments .check-box--type + .check-box--type {padding:1.6rem; background:#f7f7fa;}
.chk-block--payments .check-box--type + .check-box--type label {background:#f7f7fa;}
.chk-block--payments .check-box--type + .check-box--type label .check-box__usage, 
.chk-block--payments .check-box--type + .check-box--type label .check-box__sum {font-weight:normal;}
.check-box__sub + .check-box__sub {position:relative; margin-left:.2rem; padding-left:.5rem;}
.check-box__sub + .check-box__sub:before {content:""; position:absolute; top:.3rem; left:0; width:1px; height:1.2rem; background:#eff2f7;}
.tooltip-wrap--s:before {left:4.1rem;}

/* 제신고 모음 페이지 */
.mykb-service {margin-top: 2rem;}	
.mykb-service a {display: flex; align-items: center; position: relative; padding: 1.2rem 4.8rem 1.2rem 2.4rem; border-radius: 1.2rem; background: #fff; box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, 0.16);}
.mykb-service a + a {margin-top: 1rem;}
.mykb-service__img {position: relative; width: 3.2rem; height: 3.2rem; margin-right: 1.6rem; flex-shrink: 0;}
.mykb-service__img img {width: 100%; height: auto;}
.mykb-service__tit {font-size: 1.4rem; font-weight: 600; line-height: 1.71; word-break: keep-all;}
.mykb-service__link:after {content: ''; position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%); display: block; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat 0 0; background-size: 1.6rem;}

/* kbpay 앱 이용내역 분할납부 배너 추가 */
.strip-banner {margin-bottom:1.6rem;}
.strip-banner__inner {display:flex; align-items:center; padding:.7rem 1.2rem; border-radius:1.6rem; background:var(--gray005); font-size:1.4rem;}
.strip-banner__img {width:2.4rem; height:2.4rem; margin-right:.2rem;}