@charset "utf-8";
@import url(/static/assets/styles/component/page_base.css);
/* @import url('/static/assets/styles/component/font_gmarket.css'); */


/* MOBILE BASIC */
.gate-wrapper{position:relative; width: 100%; min-height:100vh; color:var(--font-neutral-6); font-weight:400; background-color: #F3EFEB;}

.gate-wrapper .inner{margin:0 auto; width: 100%; padding:0px 20px 120px;}
.gate-wrapper .comm-outline-btn {background:var(--button-outline);color:var(--button-outline-tc);border:var(--button-outline-border);padding:10px 16px;border-radius:8px; font-weight:700;margin:12px auto 0 auto;font-size:14px;line-height:18px;}
.top-visual-wrap {background: #2C418C;padding-top:28px;}
.logo-wrapper {display:flex;align-items: center;margin:0 24px;}
.logo-wrapper .logo {max-width: 40px; margin-right: auto;font-size:0;}
.logo-wrapper [class *= -logo] {height:20px;}
.logo-wrapper [class *= -logo] > img {display:block;height:20px}
.logo-wrapper [class *= -logo] + [class *= -logo] {margin-left:12px;}
.key-visual {margin:40px 0;padding-bottom:40px;}
.key-visual [class*= main-] {margin:0 auto;font-size:0}
.key-visual .main-visual {margin-bottom:20px;text-align: center;}
.key-visual .main-title {max-width:258px;}
.key-visual .main-text {font-size:20px;line-height:28px;color:#FF8547;font-weight:700;text-align:center;margin-top:20px;}
.key-visual .main-text-box {margin:20px 24px 0px 24px;}

.box-txt {font-size: 16px; color: var(--font-neutral-4); line-height: 24px;}
.box-txt2 {font-size: 15px; color: var(--font-neutral-6); line-height: 22px;}

.event-onnuri {padding:25px 24px 8px 24px;display:block;border-radius:20px;margin:20px 0;background:rgba(255, 178, 107, 0.80);position:relative;}
.event-onnuri .img-wrap {display:inline-block;width:72px;height:72px;font-size:0;position:absolute;right:25px;top:30px;}
.event-onnuri .bn-main-txt {font-size:19px;line-height:27px;color:var(--white);font-weight:700;}
.event-onnuri .bn-main-txt span {display:block;}
.event-onnuri .bn-sub-txt {font-size:15px;line-height:22px;color:#A15611;font-weight:700;margin-top:8px;padding-bottom:12px;}
.event-onnuri .acc-body {}
.event-onnuri .acc-body.active .acc-contents {display:block;}
.event-onnuri .acc-body .acc-btn {text-align:center;width:100%;font-size:16px;line-height:24px;color:#A15611;position:relative;padding:12px 0;border-top:1px solid rgba(26, 58, 109, 0.05);}
.event-onnuri .acc-body .acc-contents {display:none;padding:20px 0 12px;border-top:1px solid var(--line);}
.event-onnuri .acc-body .acc-btn::after {content:'';width:12px;height:12px;-webkit-mask:var(--arrow-down-normal);mask:var(--arrow-down-normal);background-color:#A15611;display:inline-flex;margin-left:2px;}
.event-onnuri .acc-body.active .acc-btn::after {content:'';width:12px;height:12px;-webkit-mask:var(--arrow-up-normal);mask:var(--arrow-up-normal);background-color:#A15611;display:inline-flex;margin-left:2px;}
.prze-tbl {margin:8px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.prze-tbl th, .prze-tbl td {text-align:center;padding-top:4px;}
.prze-tbl tr:first-child th, .prze-tbl tr:first-child td {padding-top:9px;}
.prze-tbl tr:last-child th, .prze-tbl tr:last-child td {padding-bottom:9px;}

.rbox{position: relative; padding: 24px; background-color: var(--white); border-radius: 20px; z-index: 2; opacity: 0; transform: translateY(50px);}
.rbox.active {animation-name: scrollFadeUp;animation-duration: 0.6s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}
.rbox + .rbox {margin-top: 20px;}
.rbox .rbox-head{position: relative; padding: 7px 52px 7px 0; font-size: 22px; line-height: 30px; color: var(--font-point-5); font-weight: 700;}
.rbox .rbox-head [class*=ico]{position: absolute; right: 0; top: 0; width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.rbox .rbox-head + .rbox-body {margin-top:8px;}
.rbox .rbox-head .ico1{background-image: url(/static/assets/images/benefit/gov_coupon/img_coin_44.png);}
.rbox .rbox-head .ico2{background-image: url(/static/assets/images/benefit/gov_coupon/img-3d-message.png);}
.rbox .rbox-head .ico3{background-image: url(/static/assets/images/benefit/gov_coupon/img-3d-money2.png);}
.rbox .rbox-head .ico4{background-image: url(/static/assets/images/benefit/gov_coupon/img-3d-chart.png);}
.rbox .rbox-head .ico5{background-image: url(/static/assets/images/inst/ci/etc-bc-s-1-l.png);}
.rbox .rbox-body {    display: flex;flex-wrap: wrap;flex-direction: column;}
.rbox .rbox-body .box-txt {font-size: 16px; color: var(--font-neutral-4); line-height: 24px;}
.rbox .rbox-body .box-txt2 {font-size: 15px; color: var(--font-neutral-6); line-height: 22px;}
.rbox .rbox-body + .rbox-body {margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
.gate-wrapper .txt-wrapper {margin-top:4px;}
.gate-wrapper .box-txt + .txt-wrapper {margin-top:16px;}
.gate-wrapper .txt-wrapper dt {font-size:17px;line-height:26px;color:var(--font-neutral-4);font-weight:700}
.gate-wrapper .txt-wrapper dd {font-size:15px;line-height:22px;color:var(--font-neutral-6);}
.gate-wrapper .txt-wrapper dt + dd {margin-top:4px;}
.gate-wrapper .txt-wrapper dd + dt {margin-top:16px;}
.rbox.benefit .rbox-head {padding-top:0px;padding-bottom:2px;}

.dot-type-lst li {position:relative;font-size:15px;line-height:22px;color:var(--font-neutral-6);padding-left:11px;}
.dot-type-lst li::before {content:'';width:3px;height:3px;background:var(--font-neutral-6);position:absolute;top:10px;left:0px;border-radius:50%;;}
.dot-type-lst li + li {margin-top:4px;}
.dot-type-lst.line {padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}
.dot-type-lst.ft14 li {font-size:14px;color:var(--font-neutral-8)}
.dot-type-lst.ft14 li::before {background:var(--font-neutral-8)}
.dot-type-lst.ft14 li + li {margin-top:6px;}
.dot-type-lst .move {font-size:14px;line-height:20px;color:var(--font-neutral-8);position:relative;}
.dot-type-lst .move::before {content:'';width:100%;height:1px;background:var(--font-neutral-8);position:absolute;bottom:-2px;left:0;}

.rbox .text-box {margin:20px 0;}

.rbox.able-store .tit {margin-bottom: 20px;font-size: 20px;font-weight: 700;line-height: 28px;color: var(--font-neutral-2);}
.rbox.able-store .text-box .tit {font-size:17px;line-height:24px;color:var(--font-neutral-4);margin-bottom:4px;}
.rbox.able-store .text-box .txt {font-size:15px;line-height:22px;color:var(--font-neutral-6);}
.rbox.able-store .lists {position: relative;top: 2px; display: grid; justify-content:start; grid-template-columns:1.56fr 1fr;}
.rbox.able-store .item {display: flex; align-items: center; padding-bottom: 16px;}
.rbox.able-store .item:nth-child(n+3) {padding-top: 15px; border-top:1px solid var(--line)}
.rbox.able-store .item:nth-last-of-type(odd) {padding-right:12px;}
.rbox.able-store .item .txt {line-height: 22px;font-size: 15px;color: var(--font-neutral-4); white-space: nowrap;}
.rbox.able-store .item::before {position: relative; top:-2px; content: ''; width: 24px;height: 24px; margin-right: 8px; flex-shrink: 0;}

.rbox.able-store .lists.disable {grid-template-columns:1fr}
.rbox.able-store .item.disable {border-top:none; align-items: flex-start; padding-bottom:12px;}
.rbox.able-store .item.disable:nth-last-of-type(n+3) {padding-top: 0;}
.rbox.able-store .item.disable:nth-last-of-type(odd) {padding-right:0;}
.rbox.able-store .item.disable:last-of-type {padding-bottom:0;}
.rbox.able-store .item.disable::before {margin-right: 10px; background: url(/static/assets/images/benefit/gov_coupon/img-3d-x.png) no-repeat center/100%;}
.rbox.able-store .item.disable:nth-child(n+3) {padding-top: 0;}
.rbox.able-store .item.disable .txt {white-space: normal;}
.rbox.able-store .tit + .lists ~ .tit {margin-top: 32px;padding-top: 20px;border-top: 1px solid var(--line);}
.rbox.able-store .item .txt em {display: block; font-size: 14px;line-height: 20px;color: var(--font-neutral-7);}

.rbox.faq .rbox-head {margin-bottom: 12px;}
.rbox .card-tit{margin-bottom: 20px; font-size: 19px; color: var(--font-neutral-5); font-weight: 700; line-height: 28px; text-align: center;}
.rbox .card-list{margin:0; display: grid; row-gap:13px; column-gap:0px; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));width:100%;}
.rbox .box-txt + .card-list {margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
.rbox .card-list .card-item{min-width: 72px; text-align: center;}
.rbox .card-list .card-item .ico{display: inline-block; margin: 8px 0 6px; width: 36px; height: 36px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.rbox .card-list .card-item .name{display: block; font-size: 12px; color: var(--font-neutral-4); font-weight: 400; line-height: 20px;}
.rbox .desc-txt {margin-top: 24px;font-size: 14px;line-height: 20px;color: var(--font-neutral-7);}

.share-wrap {text-align:center;margin:40px 0 20px 0;}
.share-wrap .share-area {display:inline-flex;justify-content:center}
.share-wrap .share-area a {width:80px;height:80px;display:block}
.share-wrap .share-area a + a {margin-left:20px;}
.share-wrap .share-area img {width:80px;}

.notice-cont{margin-top:34px; padding:0 4px;}
.notice-cont .tit{margin-bottom: 10px; font-size: 17px; color: var(--font-neutral-4); font-weight: 700; line-height: 26px;}
.notice-cont .txt{font-size: 14px; color: var(--font-neutral-6); font-weight: 400; line-height:20px;}
.notice-cont .txt > li{position: relative;padding-left: 12px;}
.notice-cont .txt > li::before{content: ''; position: absolute; left:1px; top: 9px; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: var(--font-neutral-6);}
.notice-cont .txt > li span {margin-right:4px;}
.notice-cont .txt > li  .call {font-size:14px;line-height:20px;color:var(--font-neutral-6);position:relative;}
.notice-cont .txt > li  .call + .call {margin-left:4px;}
.notice-cont .txt > li  .call::before {content:'';width:100%;height:1px;background:var(--font-neutral-6);position:absolute;bottom:-2px;left:0;}
.notice-cont .txt > li + li {margin-top:9px;}
.notice-cont .txt .link {color: var(--font-neutral-6); text-decoration: underline; text-underline-offset: 3px;}
.notice-cont + .notice-cont {padding-top: 40px;border-top: 1px solid var(--line);}

.bottom-fixed-wrap {position:fixed; left:0; bottom:0; z-index:50; width:100%; display: flex; padding:0 20px 14px; background-color:#F3EFEB; box-sizing:border-box;}
.bottom-fixed-wrap::before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px;background: linear-gradient(0deg, #F3EFEB 0%, rgba(243, 239, 235, 0.00) 100%);}
.bottom-fixed-wrap.bg-w {background:var(--white)}
.bottom-fixed-wrap.bg-w::before {background:var(--button-primary-gradient)}
.bottom-fixed-wrap button + button{margin-left: 8px;}
.bottom-fixed-wrap button {width:100%; height:var(--button-height); color:var(--button-primary-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:var(--button-height); background-color:var(--button-primary); border-radius:var(--button-radius);}
.bottom-fixed-wrap button:active{background:var(--button-primary-active)}
.bottom-fixed-wrap buttonl[disabled] {color:var(--gray-300); background-color: #D2D6DE; pointer-events:none;}
.bottom-fixed-wrap .btn-line {display: block; width: 100%; height: var(--button-height); color: var(--button-outline-tc); background-color: var(--button-outline); font-size: var(--button-font-size); font-weight: 700; text-align: center; border-radius: var(--button-radius);}
.bottom-fixed-wrap .btn-line:active{background:var(--button-outline-active)}
.bottom-fixed-wrap .btn-line[disabled] {color:var(--button-outline-disabled-tc); pointer-events:none;}

.bottom-fixed-wrap .btn-half.sub {color:var(--button-secondary-tc); background-color:var(--button-secondary);font-weight:700;}
.bottom-fixed-wrap .btn-half.sub:active {background:var(--button-secondary-active)}
.bottom-fixed-wrap .btn-half.sub[disabled] {color:var(--button-secondary-disabled-tc); background-color:var(--button-secondary-disabled); pointer-events:none;}

/* 상생페이백 소비실적 */
.payback-ph-body {padding-bottom:100px;}
.payback-ph-body .top-bnn {padding:12px 24px;background: linear-gradient(90deg, rgba(254, 179, 144, 0.30) 0%, rgba(255, 226, 213, 0.30) 100%);display:flex;font-size:15px;line-height:22px;color:var(--font-neutral-4);align-items:center;}
.payback-ph-body .top-bnn .amount {font-weight:700;color:rgba(255, 101, 91, 0.80);margin:0 3px;}
.payback-ph-body .top-bnn .see-btn {width:16px;height:16px;-webkit-mask:var(--arrow-right-normal);mask:var(--arrow-right-normal);background-color: var(--arrow-normal-gray3);margin-left:auto;}
.payback-ph-body .bc-amount-wrap {padding:25px 0 20px 0;margin:0 24px; border-bottom:1px solid var(--line)}
.payback-ph-body .bc-amount-wrap .chs-date-btn {display:flex;margin-bottom:12px;align-items:center;}
.payback-ph-body .bc-amount-wrap .chs-date-btn [class *= arr-] {width:26px;height:26px;position:relative;bottom:0px;left:-6px;}
.payback-ph-body .bc-amount-wrap .chs-date-btn .arr-l::before {content:'';width:16px;height:16px;-webkit-mask:var(--arrow-left-normal);mask:var(--arrow-left-normal);background-color: var(--arrow-normal-gray3);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.payback-ph-body .bc-amount-wrap .chs-date-btn .arr-r::before {content:'';width:16px;height:16px;-webkit-mask:var(--arrow-right-normal);mask:var(--arrow-right-normal);background-color: var(--arrow-normal-gray3);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.payback-ph-body .bc-amount-wrap .chs-date-btn [class *= arr-].stop {opacity:0.3;pointer-events:none;}
.payback-ph-body .bc-amount-wrap .chs-date-btn .year {font-size:17px;line-height:26px;color:var(--font-neutral-2);font-weight:700;margin-right:30px;position:relative;}
.payback-ph-body .bc-amount-wrap .chs-date-btn .year::after {content:'';width:12px;height:12px;background:url(/static/assets/images/comm/ico-arrow-fill-down-normal.svg) center center/100% no-repeat;position:absolute;top:50%;right:-4px;transform:translate(100%, -50%)}
.payback-ph-body .bc-amount-wrap .amount {display:flex;flex-wrap:wrap;align-items: center;}
.payback-ph-body .bc-amount-wrap .amount .sum  {font-size:30px;line-height:40px;color:var(--font-neutral-2);font-weight:700;letter-spacing:-0.3px;position: relative;top: -2px;margin-left:2px;}
.payback-ph-body .bc-amount-wrap .amount .number {font-size:36px;line-height:44px;color:var(--font-neutral-2);font-weight:700;letter-spacing:-0.72px;margin-left:6px;}
.payback-ph-body .bc-amount-wrap .amount .logo {width:36px;height:36px;}
.payback-ph-body .bc-amount-wrap .amount .sum-txt {width:100%;font-size:13px;line-height:20px;color:var(--font-neutral-7);margin-top:2px;}
.payback-ph-body .bc-amount-wrap .amount .tooltip {width:20px;height:20px;-webkit-mask:var(--info);mask:var(--info);background-color: var(--gray-300);margin-left:6px;position:relative;top:2px;left:2px;}
.tooltip-content .tt-dot-lst li {padding-left:15px;position:relative;}
.tooltip-content .tt-dot-lst li::before {content:'';width:3px;height:3px;border-radius:50%;position:absolute;top:10px;left:0px;background:var(--tooltip-tc);}

.payback-ph-body .final {margin:20px 0 3px;padding:24px 24px 16px;background:var(--gray-20);border-radius: 14px 14px 4px 4px;}
.payback-ph-body .final .flex-box {display:flex;justify-content: space-between;align-items: center;}
.payback-ph-body .final .flex-box:nth-of-type(2) {margin-top:12px;}
.payback-ph-body .final .flex-box.type02 {flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
.payback-ph-body .final .flex-box .bank {width:100%;display:flex;justify-content:space-between;align-items:center;}
.payback-ph-body .final .flex-box .bank + .bank {margin-top:2px;}
.payback-ph-body .final .flex-box .badge {font-size:14px;line-height:20px;color:#2D8DFF;}
.payback-ph-body .final .flex-box .d-txt {font-size:14px;line-height:20px;color:var(--font-neutral-6);}
.payback-ph-body .final .flex-box .fn-perfo {font-size:20px;line-height:28px;color:var(--font-neutral-4);font-weight:700;}
.payback-ph-body .final .flex-box .num01 {font-size:20px;line-height:28px;color:var(--font-neutral-4);font-weight:700;}
.payback-ph-body .final .flex-box .bank .name {font-size:15px;line-height:22px;color:var(--font-neutral-6);font-weight:400;padding-left:14px;position:relative}
.payback-ph-body .final .flex-box .bank .name::before {content:'';width:3px;height:3px;border-radius:50%;position:absolute;top:10px;left:0px;background:var(--font-neutral-6);}
.payback-ph-body .final .flex-box .bank .num02 {font-size:15px;line-height:22px;color:var(--font-neutral-6);font-weight:700;}
.payback-ph-body .final .text-box {font-size:14px;line-height:20px;color:var(--font-neutral-6);}
.payback-ph-body .final .flex-box + .text-box {margin-top:12px} 
.payback-ph-body .info-box {margin:2px 0 0 0;padding:15px 24px 9px;background:var(--gray-20);border-radius: 4px 4px 14px 14px;}
.payback-ph-body .info-box.active {padding-bottom:20px;}
.payback-ph-body .info-box .tit {font-size:14px;line-height:20px;color:var(--font-neutral-4);font-weight:700;position:relative;margin-bottom:12px;}
.payback-ph-body .info-box .tit::before {content:'';width:16px;height:16px;-webkit-mask:var(--arrow-down-normal);mask:var(--arrow-down-normal);background-color: var(--arrow-normal-gray3);position:absolute;top:50%;right:0;transform:translateY(-50%);transition:0.3s;}
.payback-ph-body .info-box.active .tit::before  {-webkit-mask:var(--arrow-up-normal);mask:var(--arrow-up-normal);}
.payback-ph-body .info-box .dot-type-lst.ft14 li {color:var(--font-neutral-6);line-height:20px;}
.payback-ph-body .info-box .dot-type-lst.ft14 li::before {background:var(--font-neutral-6);top:8px;}
.payback-ph-body .info-box .dot-type-lst.ft14 li + li {margin-top:6px;}
.payback-ph-body .info-box .dot-type-lst.ft14 li > ul {margin-top:6px;}
.payback-ph-body .info-box .dot-type-lst.ft14 li > ul >li + li {margin-top:0;}
.payback-ph-body .info-box.type02 {border-radius:14px;margin-top:20px;padding:20px 24px;}
.payback-ph-body .event-onnuri-bnn {display:block;padding:12px 24px;background: rgba(255, 178, 107, 0.80);border-radius:14px;display:flex;align-items:center;position:relative;margin-top:8px;}
.payback-ph-body .event-onnuri-bnn::after {content:'';width:16px;height:16px;-webkit-mask:var(--arrow-right-normal);mask:var(--arrow-right-normal);background-color: var(--arrow-normal-gray3);position:absolute;top:50%;right:24px;transform:translateY(-50%);}
.payback-ph-body .event-onnuri-bnn .img-wrap {width:44px;display:inline-block;font-size:0;}
.payback-ph-body .event-onnuri-bnn .bnn-txt {font-size:16px;line-height:24px;color:#A15611;font-weight:700;margin-left:12px;}

.payback-ph-body .history-list-container {padding:16px 24px 20px 24px;}
.payback-ph-body .chs-card-btn {width:100%;text-align:right;font-size:16px;line-height:24px;color:var(--font-neutral-4);font-weight:700;position:relative;padding-right:14px;}
.payback-ph-body .chs-card-btn::after {content:'';width:12px;height:12px;-webkit-mask:var(--arrow-down-normal);mask:var(--arrow-down-normal);background-color: var(--gray-400);position:absolute;top:50%;right:0;transform:translateY(-50%)}
.history-list-container .history-items {padding:20px 0  0; }
.history-list-container .history-items + .history-items {padding-top:40px;}
.history-list-container .history-items .date {font-size:15px;line-height:22px;color:var(--font-neutral-7);font-weight:700;}
.history-list-container .history-items .item {padding:18px 0;}
.history-list-container .history-items .detail-wrap {display:flex;flex-wrap:wrap;}
.history-list-container .history-items .detail-wrap .use-name {width:100%;display:flex;font-size:18px;line-height:26px;color:var(--font-neutral-5);font-weight:700;justify-content: space-between}
.history-list-container .history-items .detail-wrap .use-name .title {overflow: hidden;white-space: nowrap; text-overflow: ellipsis;word-break: break-all;flex:1;}
.history-list-container .history-items .detail-wrap .use-name .amount {white-space: nowrap;margin-left:8px;font-size:18px;line-height:26px;color:var(--font-neutral-2);}
.history-list-container .history-items .detail-wrap .use-name .amount.cancel::before {content:'-';}
.history-list-container .history-items .detail-wrap .use-card {display:flex;align-items: center;width:100%;}
.history-list-container .history-items .detail-wrap .use-name + .use-card {margin-top:6px;}

.history-list-container .history-items .use-card {font-size:13px;line-height:20px;color:var(--font-neutral-7);}
.history-list-container .history-items .use-apply {font-size:13px;line-height:20px;color:var(--font-neutral-7);}
.history-list-container .history-items .use-card .card {padding-left:20px;position:relative;}
.history-list-container .history-items .use-card .card-logo {width:16px;height:16px;font-size:0;position:absolute;top:50%;transform:translateY(-53%);left:0;}
.history-list-container .history-items .use-card .card + .pay-type {padding-left:13px;position:relative;}
.history-list-container .history-items .use-card .card + .pay-type::before {content:'';width:1px;height:12px;background-color:var(--line);position:absolute;top:50%;left:6px;transform:translateY(-50%)}
.history-list-container .history-items .use-apply .comm-txt:first-child {padding-right:6px;}
.history-list-container .history-items .use-apply .comm-txt + .comm-txt {position:relative;margin-left:6px;}
.history-list-container .history-items .use-apply .comm-txt + .comm-txt::before {content:'';width:1px;height:12px;background-color:var(--line);position:absolute;top:50%;left:-8px;transform:translateY(-50%);}

.history-list-container .conf-badge {padding:3px 5px;font-size:11px;line-height:14px;font-weight:700;border-radius:4px;height:20px;margin-left:auto;}
.history-list-container .conf-badge.include {color:#5D9EFF;background: rgba(93, 158, 255, 0.10);}
.history-list-container .conf-badge.exclude {color:#FF3F53;background: rgba(255, 63, 83, 0.10);} 

.payback-ph-body .notice-wrap {padding:40px 24px 0;border-top:1px solid var(--line)}
.payback-ph-body .notice-wrap .noti-tit {font-size:17px;line-height:26px;color:var(--font-neutral-4);font-weight:700;margin-bottom:10px;}
.payback-ph-body .notice-wrap .dot-type-lst > li {position:relative;font-size:16px;line-height:24px;color:var(--font-neutral-6);padding-left:12px;}
.payback-ph-body .notice-wrap .dot-type-lst > li::before {content:'';width:3px;height:3px;background:var(--font-neutral-6);position:absolute;top:10px;left:0px;border-radius:50%;}
.payback-ph-body .notice-wrap .dot-type-lst > li + li {margin-top:12px;}
.payback-ph-body .notice-wrap .dot-type-lst > li > .dash-type-lst {margin-top:4px;}
.payback-ph-body .notice-wrap .dot-type-lst > li > .dash-type-lst li {position:relative;font-size:16px;line-height:24px;color:var(--font-neutral-6);padding-left:12px;}
.payback-ph-body .notice-wrap .dot-type-lst > li > .dash-type-lst li + li {margin-top:4px;}
.payback-ph-body .notice-wrap .dot-type-lst > li > .dash-type-lst li::before {content:none;}
.payback-ph-body .notice-wrap .dot-type-lst > li > .dash-type-lst li::after {content:'-';position:absolute;top:-1px;left:0px;}

.payback-ph-body .history-items.null {min-height:300px;padding:0;display: flex;width: 100%;
justify-content: center;align-items: center;}
.payback-ph-body .history-items .null-wrap {padding-top:68px;background:url(/static/assets/images/comm/img-2d-emptydefault-light.svg) top center/ 52px 52px no-repeat;text-align:center;}
.payback-ph-body .history-items .null-wrap .txt {font-size:17px;line-height:26px;color:var(--font-neutral-5);}

.last-history-ly .lpop-inner .lpop-cont {padding-bottom:24px;}
.last-history-ly .lpop-inner .lpop-cont .wrap {display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.last-history-ly .lpop-inner .lpop-cont .wrap .txt {width:100%;font-size:16px;line-height:24px;color:var(--font-neutral-4);margin-bottom:12px;}
.last-history-ly .lpop-inner .lpop-cont .wrap .last-txt {font-size:20px;line-height:28px;color:var(--font-neutral-4);font-weight:700;}
.last-history-ly .lpop-inner .lpop-cont .card-wrap {padding:16px 24px;}
.last-history-ly .lpop-inner .lpop-cont .card-wrap .history {display:flex;}
.last-history-ly .lpop-inner .lpop-cont .card-wrap .history .name {font-size:17px;line-height:26px;color:var(--font-neutral-6);}
.last-history-ly .lpop-inner .lpop-cont .card-wrap .history .logo {display:inline-block;width:24px;height:24px;margin-right:6px;}
.last-history-ly .lpop-inner .lpop-cont .card-wrap .history .amt {margin-left:auto;font-size:17px;line-height:26px;color:var(--font-neutral-6);font-weight:700;}

.last-history-ly .lpop-inner .lpop-cont .card-wrap .history + .history {margin-top:15px;}
.select-lpop .select-list .item-inner.disable {opacity:0.3;pointer-events:none;}
.payback-ph-body .wrap button {width:100%}

.sobi-notice-ly .lpop-cont {padding:0 24px 36px;}
.sobi-notice-ly .lpop-cont p {font-size:17px;line-height:26px;color:var(--font-neutral-3);}
.sobi-notice-ly .lpop-cont .dot-type-lst {margin-top:10px;}
.sobi-notice-ly .lpop-con .dot-type-lst li {position:relative;font-size:16px;line-height:24px;color:var(--font-neutral-5);padding-left:11px;}
.sobi-notice-ly .lpop-con .dot-type-lst li::before {content:'';width:3px;height:3px;background:var(--font-neutral-5);position:absolute;top:10px;left:0px;border-radius:50%;;}
.sobi-notice-ly .lpop-con .dot-type-lst li + li {margin-top:8px;}