@charset "utf-8";
@import url('https://rm.kbcard.com/CMN/mobile/css/info.css');

.pay3 .txt-center {text-align: center;}

.pay3 .myinfo-wrap .tab-wrap {margin-top: 3.6rem}
.pay3 .myinfo-profile {display: flex;align-items: center}
.pay3 .myinfo-profile__img {position: relative; width: 5.6rem; height: 5.6rem; flex: 0 0 5.6rem}
.pay3 .myinfo-profile__img img {width:100%; height:auto; display: block;}
.pay3 .myinfo-profile__img .btn-plus {position: absolute; right: -.4rem; bottom: 0; padding:0; border:none;}
.pay3 .myinfo-profile__txt {margin-left: 2rem}
.pay3 .myinfo-profile__txt span {color:var(--gray060);}
.pay3 .btn-plus {display: block; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-plus-2.svg) 0 0 no-repeat; background-size: 2.4rem}
.pay3 .myinfo-cont ~ .myinfo-cont {margin-top:3.2rem; padding-top:3.2rem; border-top:1px solid var(--gray010);}
.pay3 .myinfo-cont__tit {display:flex; justify-content:space-between; align-items:center;}
.pay3 .myinfo-cont .btn--s {font-weight:300; line-height:2rem;}
.pay3 .myinfo-list .list-info__desc .btn {margin-left:0.8rem; padding:0 0.8rem; background-color:var(--gray010); border:none; line-height:1.43; font-weight:300;}
.pay3 .myinfo-work__tit {display:flex; justify-content:space-between; align-items:center;}
.pay3 .search-result__list li {border-bottom:1px solid var(--gray010); margin-bottom:2.4rem; padding-bottom:2.4rem;}
.pay3 .search-result__list p ~ p {margin-top:.4rem;}
.pay3 .search-result__list .result {color:#007eff;}
.pay3 .search-result__list .sub-txt {color:var(--gray060)}
.pay3 .list-blt--gray li {color:var(--gray060);}
.pay3 .myinfo-change {display:flex; justify-content:space-between; align-items:center; height:7.2rem;}
.pay3 .myinfo-change__wrap {display:flex; align-items:center;}
.pay3 .myinfo-change__wrap img {display:block; width:4.8rem; height:4.8rem;}
.pay3 .myinfo-change__txt {margin-left:1.2rem;}
.pay3 .myinfo-change__txt p {color:var(--gray060);}
.pay3 .list-blt--line {border-top:1px solid var(--gray020); margin-top:2.4rem; padding-top:2.4rem;}
.pay3 .num-wrap__slot {display:flex; align-items: center; justify-content: center;}
.pay3 .num-wrap__slot-box {width:2.4rem; height:2.4rem; display:flex; align-items: center; justify-content: center; font-size:2.4rem; line-height: 2.4rem;}
.pay3 .num-wrap__slot-box ~ .num-wrap__slot-box {margin-left:0.8rem;}
.pay3 .num-wrap .slot {display:inline-block; width:1.6rem; height:1.6rem; border-radius: 50%; background-color:#eee;}
.pay3 .num-wrap .slot.on {background-color: transparent; width:auto; height:auto;}
.pay3 .num-wrap label {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; border:0; white-space: nowrap;;}
.pay3 .num-wrap input {position:absolute; left:-9999px;}
.pay3 .certify-wrap {height:14rem;}
.pay3 .certify-btn {text-align: center;}
.pay3 .certify-btn a {color:var(--gray060);}

/* 휴대폰 본인인증 약관 상세 asis  재정의 */
.pay3 .area-terms .tit-main {font-size:2.4rem; line-height:3.2rem; letter-spacing:-.03rem;}
.pay3 .area-terms .tit-sub1 {font-size:2.0rem; line-height:2.8rem; letter-spacing:-.03rem; margin-bottom:1.6rem;}
.pay3 .area-terms .tit_sub2 {font-size:1.6rem; line-height:2.4rem; letter-spacing:-.03rem; margin-top:1.6rem;}
.pay3 #term1 {margin-top:1.6rem;}
.pay3 .area-terms p + h1 {margin-top:1.6rem;}
.pay3 .area-terms h1 ~ h2 {margin-top:2.4rem;}
.pay3 .area-terms ul li + li,
.pay3 .area-terms .list-bul li + li {margin-top:1.2rem;}
.pay3 .area-terms .list-bul.bul-decimal {margin-top:1.2rem; }
.pay3 .area-terms .list-bul.bul-decimal li {position:relative; padding-left:1.2rem;}
.pay3 .area-terms .list-bul.bul-decimal li:before {content:"-"; display: block; position:absolute; top:0; left: 0; width: .4rem;}
.pay3 .area-terms .list-bul .list_bul {margin-top:0.8rem;}
.pay3 .area-terms .dep_ol {margin-top:0.4rem; font-size:1.4rem;}
.pay3 .area-terms .tbl-data {table-layout:fixed; word-wrap: break-word; word-break: break-all; text-align: center; position: relative; margin:1.6rem 0 1.2rem;}
.pay3 .area-terms .tbl-data th,
.pay3 .area-terms .tbl-data td {vertical-align: middle; padding: 1.5rem; border: 1px solid #d1d1d1; color:var(--gray090); font-size: 1.4rem; line-height: 2.2rem; text-align: left;}
.pay3 .area-terms .tbl-data th {background-color:#f9fafc;}

.pay3 .myinfo-pay .list-blt li {color:var(--gray060);}