@charset "utf-8";

.mt3 {margin-top:3px !important;}
.mt8 {margin-top:8px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt25 {margin-top:25px !important;}
.mt34 {margin-top:34px !important;}
.mt35 {margin-top:35px !important;}
.mt37 {margin-top:37px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb20 {margin-bottom:20px !important;}
.mb50 {margin-bottom:50px !important;}
.pt0 {padding-top:0 !important;}
.pb95 {padding-bottom:105px !important;}
.pb120 {padding-bottom:120px !important;}

.tac {text-align:center !important;}
.fwb {font-weight:bold !important;}
strong.em {font-weight:bold; background:url('/static/assets/images/benefit/untact_card/bg_underline.png') repeat-x 0 bottom; background-size:auto 50%;}
strong.em2 {font-weight:bold; background:url('/static/assets/images/benefit/untact_card/bg_underline02.png') repeat-x 0 bottom; background-size:auto 50%;}

.blind{position:absolute;text-indent:-99999px;display:block;overflow:hidden;width:0.1rem;height:0.1rem;margin:-0.1rem;clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);border:0;font-size:0.1rem;line-height:0;text-shadow:none;color:transparent}
.blind01 {opacity:0; position:absolute; left:-9999px; color:transparent;}

body:has(.renew01-header.untcard-header01),
body:has(.renew01-header.untcard-header02),
body:has(.renew01-header.untcard-header04) {background-color:var(--background-color-2);background-image:linear-gradient(180deg, var(--background-color-1) 58%, rgba(255, 255, 255, 0.00) 100%); background-position: 0 0;background-repeat: no-repeat;background-size: 100% 104px;}
.renew01-header.untcard-header01 {background-color:var(--background-color-1);}
.renew01-header.untcard-header02 {height:66px;padding-bottom: 10px;background-color:var(--background-color-1);}
.renew01-header.untcard-header02 .btn-close {margin-top: -25px;}
.renew01-header.untcard-header02 .bar-wrap {position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:rgba(0,0,0,0.08);}
.renew01-header.untcard-header02 .bar-wrap .bar {position:absolute; left:0; top:0; width:auto; height:2px; background-color:#ff3a60;
	-webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}
.renew01-header.untcard-header03 {background-color:transparent;}
.renew01-header.untcard-header03 .btn-close {background:url(/static/assets/images/benefit/untact_card/mark_x_72x72.png) 0 0 / 40px auto no-repeat;}
.renew01-header.untcard-header04 {background-color:var(--background-color-1);}
.renew01-header.untcard-header04 .tit01 {flex:1; color:var(--font-neutral-1); font-size:18px; font-weight:700; line-height:26px;}

.renew01-header.untcard-header01 + div,
.renew01-header.untcard-header02 + div,
.renew01-header.untcard-header04 + div {background-color: unset;}

.renew01-header + [class *='untcard-all']{margin-top:-1px; padding-top:1px; min-height:calc(100vh - 56px); }
.renew01-header.untcard-header03 +[class *='untcard-all']{min-height:100vh; margin-top:-56px; padding-top:56px;}
.untcard-all01 {min-height:100vh; padding:56px 24px 60px 24px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; /*background-color:var(--background-color-2);*/ box-sizing:border-box;}
.untcard-all02 {position:relative; min-height:100vh; padding:56px 20px 80px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; /*background-color:var(--background-color-2);*/ box-sizing:border-box;}
.untcard-all03 {position:relative; min-height:100vh; padding:66px 20px 100px 20px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; background-color:var(--background-color-2); box-sizing:border-box;}
.untcard-all04 {position:relative; min-height:100vh; padding:56px 0 0 0; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; box-sizing:border-box;}
.untcard-all05 {position:relative; min-height:100vh; padding:56px 0 0 0; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; background-color:#fff; box-sizing:border-box;}
.untcard-all06 {position:relative; min-height:100vh; padding:56px 0 100px 0; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; box-sizing:border-box;}
.untcard-all07 {position:relative; min-height:100vh; padding:56px 24px 70px 24px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; background-color:var(--background-color-2); box-sizing:border-box;}
.untcard-all08 {position:relative; min-height:100vh; padding:56px 24px 50px 24px; color:#fff;  font-weight:400; line-height:1.5; background-color:rgba(0,0,0,0.7); box-sizing:border-box;}
.untcard-all09 {position:relative; min-height:100vh; padding:56px 20px 100px 20px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; /*background-color:var(--background-color-2);*/ box-sizing:border-box;}
.untcard-all10 {position:relative; min-height:100vh; padding:56px 20px 0px 20px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; /*background-color:var(--background-color-2);*/ box-sizing:border-box;}

.untcard-all05 .bottom-fixed-wrap01{background-color:transparent;}
.untcard-all05 .benefit-drop-cont{padding-bottom: 80px;}
.untcard-all06 .bottom-fixed-wrap01{background-color:#fff;}
/* .untcard-all06 .bottom-fixed-wrap01:before {display:none;} */
.untcard-all06 .bottom-fixed-wrap01::before{background:var(--button-primary-gradient)}

.bottom-fixed-wrap01 {position:fixed; left:0; bottom:0; z-index:50; width:100%;  padding:0 20px 14px; background-color:var(--background-color-2); box-sizing:border-box;}
.bottom-fixed-wrap01::before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background:var(--button-secondary-gradient);}
.bottom-fixed-wrap02 {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:0 20px 14px; background-color:var(--background-color-2); box-sizing:border-box;}
.bottom-fixed-wrap03 {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:0 20px 14px; background-color:var(--background-color-1); box-sizing:border-box; z-index:52}
.bottom-fixed-wrap03:before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background:var(--button-primary-gradient);}
.bottom-fixed-wrap04 {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:0 20px 14px; background-color:var(--background-color-2); box-sizing:border-box;}
.bottom-fixed-wrap04::before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background:var(--button-secondary-gradient);}
.bottom-fixed-wrap-inlpop01 {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:0 20px 20px; background-color:#fff; border-radius:0 0 24px 24px;}
.bottom-fixed-wrap-inlpop01:before {content:'';height:12px; position:absolute; top:-12px; left:0; right:0; background:var(--button-primary-gradient);}
.bottom-fixed-wrap-inlpop01:after {display:block;}
.bottom-fixed-wrap-inlpop01 [class*=btn-fl] {display:block; float:left; height:var(--button-height); padding:0 5px; font-size:var(--button-font-size); line-height:var(--button-height); text-align:center; letter-spacing:-0.5px; box-sizing:border-box; border-radius:var(--button-radius); font-weight:700}
.bottom-fixed-wrap-inlpop01 .btn-fl01 {width:40%; color:var(--button-secondary-tc); font-size:16px; background-color:var(--button-secondary);}
.bottom-fixed-wrap-inlpop01 .btn-fl02 {width:calc(60% - 8px); margin-left:8px; color:var(--button-primary-tc); font-weight:700; background-color:var(--button-primary);}
.bottom-fixed-wrap-inlpop01 .btn-fl03 {width:calc(50% - 4px); color:var(--button-secondary-tc); background-color:var(--button-secondary);}
.bottom-fixed-wrap-inlpop01 .btn-fl03:active{background:var(--button-secondary-active)}
.bottom-fixed-wrap-inlpop01 .btn-fl04 {width:calc(50% - 4px); margin-left:8px; color:var(--button-primary-tc); font-weight:700; background-color:var(--button-primary);}
.bottom-fixed-wrap-inlpop01 .btn-fl04:active{background:var(--button-primary-active)}
.bottom-fixed-wrap-inlpop01 .btn-red01 {display:block; width:100%; height:var(--button-height); padding:0 5px; color:var(--button-primary-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:var(--button-height); letter-spacing:-0.5px; box-sizing:border-box; border-radius:var(--button-radius); background-color:var(--button-primary);}
.bottom-fixed-wrap-inlpop01 .btn-red01.disable {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled); pointer-events:none;}

.itxt-wrap01 .itxt-desc01 {margin-top:10px; color:#607d8b; font-size:13px; font-weight:400; line-height:1.5;}

.itxt01 {width:100%; height:56px; padding:15px 18px; border: 1px solid var(--input-border); color:var(--font-neutral-2); font-size:17px; font-weight:400; line-height:normal; background-color:#fff; border-radius: var(--input-radius); box-sizing:border-box; appearance:none;}
.itxt01::-webkit-input-placeholder {color:rgba(0,0,0,0.3); font-size:17px; font-weight:400;}
.itxt01:focus {border-color:#1d2024; outline:none; border-width:2px; padding:14px 17px}
.itxt01.error {border-color:#ff4562;}

.ick01 {position:absolute; width:1px; height:1px; opacity:0;}
.ick01 + label {display:block; padding:0 0 0 35px; color:var(--font-neutral-2); font-size:17px; font-weight:400; line-height:24px; background:url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 0 0 / 24px 24px no-repeat;}
.ick01:checked + label {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png);}

.ick02 {position:absolute; width:1px; height:1px; opacity:0;}
.ick02 + label {display:block; padding:1px 0 1px 34px; color:var(--font-neutral-5); font-size:15px; font-weight:400; line-height:22px; background:url(/static/assets/images/benefit/untact_card/mark_v04_gray_72x72.png) 0 0 / 24px 24px no-repeat;}
.ick02:checked + label {background-image:url(/static/assets/images/benefit/untact_card/mark_v04_red_72x72.png);}
.ick02:disabled + label {background-image:url(/static/assets/images/benefit/untact_card/mark_v04_darkgray_72x72.png);}
.ick02-01 {position:absolute; width:1px; height:1px; opacity:0;}
.ick02-01 + label {display:block; padding:1px 0 1px 34px; color:var(--font-neutral-1); font-size:17px; font-weight:700; line-height:1.5; background:url(/static/assets/images/benefit/untact_card/mark_v04_gray_72x72.png) 0 3px / 24px 24px no-repeat;}
.ick02-01:checked + label {background-image:url(/static/assets/images/benefit/untact_card/mark_v04_red_72x72.png);}

.ick03 {position:absolute; width:1px; height:1px; opacity:0;}
.ick03 + label {display:block; padding:0 0 0 25px; color:var(--font-neutral-5); font-size:15px; font-weight:400; line-height:1.5; background:url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 0 2px / 18px 18px no-repeat;}
.ick03:checked + label {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png);}

.ick04 {display:inline-block; width:24px; height:24px; margin:0; padding:0; background:url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 0 0 / cover no-repeat;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.ick04:checked {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png);}
.ick-desc01 {color:var(--font-neutral-1); font-size:16px; font-weight:400; text-align:left; line-height:1.5;}

.ick05 {display:inline-block; width:24px; height:24px; margin:0; padding:0; background:url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 0 0 / cover no-repeat;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.ick05:checked {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_black_72x72.png);}

.ick-wrap01 {position:relative;}
.ick-wrap02 {position:relative; padding-left:35px;}
.ick-wrap02 .ick04 {position:absolute; left:0; top:0;}
.ick-wrap02 .ick05 {position:absolute; left:0; top:0;}
.ick-wrap03 {height:56px; padding:16px 10px 16px 18px; border:1px solid #ddd; background-color:#fff;border-radius:14px;}
.ick-wrap03.on {border-color:#000;}
.ick-wrap04 {position:relative; padding:16px 10px 16px 45px; border:1px solid #ddd; background-color:#fff;border-radius:14px;;}
.ick-wrap04 .ick04 {position:absolute; left:10px; top:20px;}

.btn-untcard-select01 {display:inline-block; position:relative; color:var(--font-neutral-7); padding:0 48px 0 17px; width:100%; height:56px; border:1px solid var(--input-border); font-size:17px; font-weight:400; text-align:left;  background:var(--background-color-1); border-radius:var(--input-radius); box-sizing:border-box; line-height:26px;}

.btn-untcard-select01:after {display:block; content:''; position:absolute; right:18px; top:50%; width:20px; height:20px; margin-top:-10px; background:url(/static/assets/images/comm/ico-sel-arr.svg) 0 0 / cover no-repeat;}
.btn-untcard-select01:focus {border-color:#000; outline:none; border-width:2px; padding:0 47px 0 16px}
.btn-untcard-select01:focus::after{right:17px}
.btn-untcard-select01.no-val {color:rgba(0,0,0,0.3);}

.btn-untcard-select02 {display:block; position:relative; color:var(--font-neutral-1); padding:0 48px 0 17px; width:100%; border:1px solid var(--input-border); font-size:17px; font-weight:400; text-align:left; height:56px; background:var(--background-color-1); border-radius:var(--input-radius); box-sizing:border-box;}
.btn-untcard-select02:after {display:block; content:''; position:absolute; right:18px; top:50%; width:20px; height:20px; margin-top:-10px; background:url(/static/assets/images/comm/ico-sel-arr.svg) 0 0 / cover no-repeat;}
.btn-untcard-select02:focus{border-color:var(--input-focus-border); outline:none; border-width:2px; padding:0 47px 0 16px}
.btn-untcard-select02:focus::after{right:17px}
.btn-untcard-select02.no-val {color:var(--font-neutral-7);}

.btn-untcard-red01 {display:block; 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);}
.btn-untcard-red01:active{background:var(--button-primary-active)}
.btn-untcard-red01.disable {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled); pointer-events:none;}
.btn-untcard-red02 {display:block; 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);}
.btn-untcard-red02.disable {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled); pointer-events:none;}
.btn-untcard-red02:active{background:var(--button-primary-active)}

.btn-untcard-white01 {display:block; height:var(--button-height); color:var(--button-outline-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:var(--button-height); border:var(--button-outline-border); border-radius:var(--button-radius);}
.btn-untcard-white01:active{background:var(--button-outline-active)}

.btn-untcard-white01.disable {color:#bdbdbd; border:1px solid #e0e4e8; background-color:#e0e4e8; pointer-events:none;}

.bul_baro01 {}
.bul_baro01 > li {position:relative; margin-top:6px; padding-left:18px; color:#212121; font-size:16px; font-weight:400; line-height:1.375;}
.bul_baro01 > li:first-child {margin-top:0;}
.bul_baro01 > li:before {display:block; content:''; position:absolute; left:8px; top:9px; width:3px; height:3px; background-color:#212121;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

.baro-flag {display:inline-block; margin-right:6px; padding:0 8px; color:#6b9cbf; font-size:14px; font-weight:700; text-align:center; line-height:32px; background-color:#eaf1f8;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.baro-flag.flag01 {color:#ce8fad; background-color:#f8f0f4;}

.untcard-all01 .baro-sect01 {margin-top:42px;}
.untcard-all01 .baro-sect01:first-child {margin-top:57px;}
.baro-sect01 {position:relative; margin-top:27px; padding-top:108px; background-color:#fff;border-radius:20px;}
.baro-sect01 .card-img-wrap {position:absolute; top:-27px; width:100%; height:120px; text-align:center;}
.baro-sect01 .card-img-wrap img {width:190px; height:100%;}
.baro-sect01 .basect-tit01 {margin-bottom:20px; color:var(--font-neutral-1); font-size:22px; font-weight:400; text-align:center; line-height:1.3;}
.baro-sect01 .basect-tit01 em {font-weight:700;}
.baro-sect01 .basect-body01 {padding:0 22px 20px 22px;}
.baro-sect01 .btn-issue-wrap {margin-top:20px;}
.baro-sect01 .btn-issue {display:block; color:#4a4e56; font-size:16px; font-weight:700; text-align:center; line-height:52px; background-color:#f1f4f7;
	-webkit-border-radius:2rem; -moz-border-radius:2rem; border-radius:2rem;}
.baro-sect01.flag-type {}
.baro-sect01.flag-type .basect-tit01 {margin-bottom:0;}
.baro-sect01.flag-type .baro-flag-wrap {margin:15px 0 20px 0;}
.baro-sect01.vcard-type {}
.baro-sect01.vcard-type .card-img-wrap {height:190px;}
.baro-sect01.vcard-type .card-img-wrap img {width:120px;}
.baro-sect01.vcard-type {padding-top:178px;}

.untcard-issue-sect01 {padding:27px 0 30px 0;}
.untcard-issue-sect01 .unissect-tit01 {color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px; margin:0 4px 30px}
.untcard-issue-sect01 .comp-sel-wrap {display:none;}
.untcard-issue-sect01 .confirm-num-wrap {display:none;}
.untcard-issue-sect01 .btn-confirm-wrap {}
.untcard-issue-sect01 .btn-confirm-wrap01 {display:none;}
.untcard-issue-sect01 .btn-confirm {display:inline-flex; align-items:center; justify-content:center; width:100%; height:var(--button-height); border:var(--button-outline-border); color:var(--button-outline-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; background-color:#fff; border-radius:var(--button-radius);}
.untcard-issue-sect01 .btn-confirm:active{background:var(--button-outline-active)}
.untcard-issue-sect01 .btn-confirm:disabled {border-color:#ddd; color:rgba(0,0,0,0.3);}
.untcard-issue-sect01 .agree-check-cont .drop-top {background-color:rgba(204, 213, 235, 0.20);}
.untcard-issue-sect01 .agree-check-cont .drop-cont {margin-bottom:30px;}
.untcard-issue-sect01 .itxt-desc02 {color:var(--font-neutral-1); font-size:15px;}
.untcard-issue-sect01.tel-certi-sect {display:none; margin-top:50px;}
.untcard-issue-sect01.tel-certi-sect .unissect-tit01 {margin-bottom:20px;}

.itxt-ename-wrap {}
.itxt-ename-wrap .itxt-inwrap {display:table; table-layout:fixed; width:100%;}
.itxt-ename-wrap .itxt-cell {display:table-cell; width:55%; padding-left:3px; vertical-align:top}
.itxt-ename-wrap .itxt-cell:first-child {width:45%; padding:0 3px 0 0;}
.itxt-ename-wrap .itxt-cell .input-parent {display:block;}
.itxt-ename-wrap .itxt-desc01 {margin-top:10px; color:var(--font-point-3); font-size:14px; font-weight:400; line-height:20px; margin:10px 4px 0}

.itxt-jumin-wrap {}
.itxt-jumin-wrap .itxt-inwrap {display:table; table-layout:fixed; width:auto; min-width:100%; max-width:none;}
.itxt-jumin-wrap .itxt-cell {display:table-cell; width:50%;}
.itxt-jumin-wrap .itxt-cell:first-child {width:calc(50% - 18px);}
.itxt-jumin-wrap .itxt-cell .input-parent {display:block;}
.itxt-jumin-wrap .dash-wrap {display:table-cell; width:18px; text-align:center; vertical-align:middle;}
.itxt-jumin-wrap .dash-wrap .dash {display:inline-block; width:8px; height:2px; vertical-align:middle; background-color:#c2c2c2;}

/* .tel-comp-wrap {margin-left:-4px;} 
.tel-comp-wrap:after {display:block; content:''; clear:both;}*/
.tel-comp-wrap{display:flex;; }
.tel-comp-wrap .btn-comp-wrap { flex:1 1 0; }
.tel-comp-wrap .btn-comp-wrap:not(:first-child){margin-left:4px}
/* .tel-comp-wrap .btn-comp-wrap:last-child {width:31%;} */
.tel-comp-wrap .btn-comp {display:block; width:100%; height:52px; border:1px solid var(--input-border); outline:none; color:var(--font-neutral-1); font-size:15px; font-weight:400; text-align:center; line-height:50px; background-color:#fff;box-sizing:border-box; border-radius:var(--input-radius);}
.tel-comp-wrap .btn-comp.on {border-color:var(--input-focus-border); border-width:2px; font-weight:700; line-height:48px;}

.celphone-wrap {position:relative; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.celphone-wrap .ph-txt {position:absolute; left:16px; top:15px; color:var(--font-neutral-1); font-size:17px; font-weight:400;}
.celphone-wrap .itxt01 {padding-left:53px; background-color:transparent;}

.confirm-num-wrap {position:relative;}
.confirm-num-wrap .itxt01 {padding-right:112px;}
.confirm-num-wrap .confirm-time {position:absolute; right:16px; top:50%; color:#607D8B; font-size:14px; font-weight:400; text-align:right; line-height:20px; transform:translateY(-50%)}

.btn-terms-cont {margin-top:36px; color:var(--font-neutral-5); font-size:14px; font-weight:400; line-height:1.4;}
.btn-terms-cont .terms-cont-tit {margin-bottom:10px;}
.btn-terms-cont .btn-row {margin-top:5px;}
.btn-terms-cont .btn-terms {display:inline-block; padding-bottom:4px; border-bottom:1px solid #424242;}
.btn-terms-cont .btn-terms + .btn-terms {margin-left:14px;}

.idcard-sect01 {padding:30px 0 30px ;}
.idcard-sect01 .idcsect-tit01 {color:var(--font-neutral-1); font-size:23px; font-weight:700; line-height:30px; margin:0 4px 20px 4px}
.idcard-sect01 .idcsect-tit01  + .idcsect-body01:has(.idcard-tab-wrap:first-child){margin-top:32px}
.idcard-sect01 .idcsect-tit02 {color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px; margin:0 4px 14px 4px}
.idcard-sect01 .tab-contents-wrap {display:none;}
.idcard-sect01 .sample-img-wrap {margin:25px 7px 20px 7px; border-radius:6%;}
.idcard-sect01 .sample-img-wrap img {width:100%; height:auto;}

.idcard-sect01 .sample-img-wrap01 {margin:0px 20px 14px 20px; border-radius:6%; box-shadow:0px 6px 16px 0px rgba(15, 21, 34, 0.04);}
.idcard-sect01 .sample-img-wrap01 img {width:100%; height:auto; display:block;}
.idcard-sect01 .idcard-desc01 {color:var(--font-neutral-2); font-size:15px; line-height:22px; margin:0 4px} 
.idcard-sect01 .img-camera-wrap {margin:20px -4px 0 -4px}
.idcard-sect01 .camera-tip-desc {position:relative; padding-top:48px; color:#1A3A6D; font-size:15px; text-align:center; line-height:22px;}
.idcard-sect01 .camera-tip-desc .flag {display:block; position:absolute; top:21px; left:5px;}
.idcard-sect01 .camera-tip-desc .flag em {display:inline-block; position:relative; z-index:20; padding:0 10px; height:24px; border-radius:15px; color:#fff; font-size:11px; font-weight:700; text-align:center; line-height:24px; background-color:#75cadd;}
.idcard-sect01 .camera-tip-desc .flag:after {display:block; content:''; position:absolute; left:9px; bottom:-7px; z-index:10; width:13px; height:8px; background:url(/static/assets/images/benefit/untact_card/tip.png) 0 0 / 100% auto no-repeat;}
.idcard-sect01 .dir-input-wrap {margin:37px 0 0; text-align:center;}
.idcard-sect01 .dir-input {display:inline-block; padding-bottom:2px; border-bottom:1px solid rgba(75, 81, 93, 0.70); ; color:var(--font-neutral-5); font-size:17px; font-weight:700; text-align:center; line-height:26px}
.idcard-sect01 .idcard-tit01 {color:var(--font-neutral-1); font-size:17px; font-weight:700; line-height:26px; margin:0 4px 11px}

.idcard-tab-wrap:after {display:block; content:''; clear:both;}
.idcard-tab-wrap .tab-col {float:left; width:calc(50% - 2px); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.idcard-tab-wrap .tab-col + .tab-col{margin-left:4px}
.idcard-tab-wrap .idcard-tab {display:inline-flex; align-items:center; justify-content:center; width:100%; height:52px; border:1px solid var(--input-border); outline:none; color:var(--font-neutral-1); font-size:16px; font-weight:400; background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:var(--input-radius);}
.idcard-tab-wrap .idcard-tab.on {border-color:var(--input-focus-border); border-width:2px; font-weight:700; line-height:52px;}

/* .license-input-cont {margin-left:-6px;} */
.license-input-cont:after {display:block; content:''; clear:both;}
.license-input-cont .cont-col {float:left; width:calc(60% - 4px); }
.license-input-cont .cont-col + .cont-col {margin-left:4px}
.license-input-cont .cont-col:first-child {width:40%;}
.license-input-cont .btn-untcard-select01 {padding:0 28px 0 17px; letter-spacing:-1px; color:var(--font-neutral-2)}
.license-input-cont .btn-untcard-select01::after {right:10px;}
.license-input-cont .btn-untcard-select01:focus{padding:0 27px 0 16px;}
.license-input-cont .btn-untcard-select01:focus::after{right:9px}
/* .license-input-cont .itxt01 {height:54px;} */

.idcard-cam-cont {padding-top:56px; margin-top:-56px; min-height:100vh; display:contents}
.idcard-cam-cont .img-line-wrap {border-radius:18px; background-color:rgba(255,255,255,0.2);}/* 2022-07-08 */
.idcard-cam-cont .cam-desc01 {margin-top:20px; color:#fff; font-size:20px; font-weight:700; text-align:center;}

.idcard-cam-notice-wrap {position:relative;margin-top:40px;}
.idcard-cam-notice-wrap .flag {display:block; position:relative;}
.idcard-cam-notice-wrap .flag em {display:inline-block; position:relative; z-index:20; padding:0 10px; height:24px; border-radius:15px; color:#fff; font-size:11px; font-weight:700; text-align:center; line-height:24px; background-color:#75cadd;}
.idcard-cam-notice-wrap .flag:after {display:block; content:''; position:absolute; left:9px; bottom:-7px; z-index:10; width:13px; height:8px; background:url(/static/assets/images/benefit/untact_card/tip.png) 0 0 / 100% auto no-repeat;}
.idcard-cam-notice-wrap .cam-notice {margin-top:12px;}
.idcard-cam-notice-wrap .cam-notice > li {position:relative; margin-top:10px; padding-left:14px; color:#fff; font-size:16px;}
.idcard-cam-notice-wrap .cam-notice > li:before {display:block; content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#fff;}
.idcard-cam-notice-wrap .cam-notice > li:first-child {margin-top:0;}

.bul-idcard {margin:0 4px}
.bul-idcard > li {position:relative; margin-top:10px; padding-left:16px; color:var(--font-neutral-5); font-size:15px; line-height:22px;}
.bul-idcard > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:var(--gray-600); border-radius:50%;}
.bul-idcard > li:first-child {margin-top:0;}

.btn-idcard-cam-wrap {margin-top:55px; text-align:center;}
.btn-idcard-cam-wrap .btn-idcard-cam {display:inline-block; padding:11px 30px; height:48px; border-radius:12px; color:var(--font-neutral-3); font-size:17px; line-height:26px; font-weight:700; text-align:center; background-color:#fff;}

.btn-idcard-wrap {margin-top:14px; text-align:center;}
.btn-idcard-wrap .btn-idcard {display:inline-block; padding:11px 26px; height:48px; border:var(--button-outline-border); border-radius:12px; color:var(--button-outline-tc); font-size:17px; font-weight:700; text-align:center; line-height:26px; background-color:#fff; }
.btn-idcard-wrap .btn-idcard:active{background:var(--button-outline-active)}

.type-select-sect01 {margin-top:-1px;padding-top:1px;}
.type-select-sect01 .tssect-tit01 {margin:30px 4px 32px; color:var(--font-neutral-1); font-size:22px; line-height:30px; font-weight:700;}
.type-select-sect01 .tssect-body01 {margin-bottom:50px;}
.type-select-sect01 .tssect-body01 .ts-inner-cont {margin-top:20px;}
.type-select-sect01 .tssect-body01 .ts-inner-cont:first-child {margin-top:0;}
.type-select-sect01 .launer-check-desc01 {margin-top:30px; color:var(--font-neutral-7); font-size:14px; line-height:20px; font-weight:400; padding-top:16px; padding:16px 0 0 20px; position:relative; border-top:1px solid var(--line); margin:30px 4px 0 4px }
.type-select-sect01 .launer-check-desc01::before{content:''; display:inline-block; width:16px; height:16px; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300); position:absolute; left:0; top:16px }
.type-select-sect01 .tssect-body01 .ts-inner-cont.income-tab-all .tab-col-wrap{display:flex; flex-wrap:wrap; }
.type-select-sect01 .tssect-body01 .ts-inner-cont.income-tab-all .tab-col-wrap .tab-col{width:auto; flex:0 1 calc(50% - 4px); margin:0}
.type-select-sect01 .tssect-body01 .ts-inner-cont.income-tab-all .tab-col-wrap .tab-col + .tab-col{margin-left:4px}


.type-select-sect01 .lack-agree-wrap {margin-top:30px; padding-bottom:15px;}
.type-select-sect01 .lack-agree-wrap label {color:#212121; font-size:17px; font-weight:700; line-height:1.5; background-position:0 center;}
.type-select-sect01 .lack-agree-wrap .lack-desc01 {margin-top:25px; color:#f43347; font-size:13px;}
.type-select-sect01 .payment-desc01 {color:var(--font-neutral-7); font-size:14px; font-weight:400; line-height:20px; margin-inline:4px; position:relative;}

.type-select-sect01 .ts-inner-cont .error-desc03{line-height:20px; color:var(--font-neutral-7)}
.type-select-sect01 .ts-inner-cont .error-desc02{font-size:14px; line-height:20px; color:var(--status-warning)}
.type-select-sect01 .ts-inner-cont.mail-cont input.warning{border:1px solid rgba(255,63,190, 0.80)}

.ts-inner-cont {padding-bottom:10px;}
.ts-inner-cont .tsin-cont-tit {color:var(--font-neutral-4); font-size:15px; line-height:22px; font-weight:700; margin:0 4px 10px 4px }
.ts-inner-cont .tsin-cont-tit01 {margin:0 4px 10px; color:var(--font-neutral-2); font-size:15px; font-weight:700; line-height:22px;}
.ts-inner-cont .tsin-cont-tit02 {color:var(--font-neutral-2); font-size:17px; font-weight:700; line-height:26px; margin:0 4px 10px}
.ts-inner-cont .tsin-cont-tit02:after {display:block; content:''; clear:both;}
.ts-inner-cont .tsin-cont-tit02 em {float:left; font-weight:inherit}
.ts-inner-cont .tsin-cont-tit02 em + em {float:right; margin-top:3px; color:#607d8b; font-size:14px;}
.ts-inner-cont .tit-desc01 {color:var(--font-neutral-7); font-size:14px; line-height:20px; margin:0 4px}
.ts-inner-cont .error-desc01 {display:none; margin-top:12px; color:#607d8b; font-size:13px; font-weight:400; line-height:1.4;}
.ts-inner-cont .error-desc02 {display:none; color:#ff3f53; font-size:13px; font-weight:400; line-height:1.4; margin:10px 4px 0}
.ts-inner-cont .error-desc03 {margin:10px 4px 0; color:var(--font-point-3); font-size:14px; font-weight:400; line-height:21px;}
.ts-inner-cont .select-desc {display:none; margin-top:20px; color:var(--font-neutral-2); font-size:14px; font-weight:400; line-height:1.4;}
.ts-inner-cont .default-desc {margin:10px 4px 0; color:var(--font-neutral-2); font-size:14px; font-weight:400; line-height:20px;}
.ts-inner-cont .mark-desc01 {margin:10px 4px 0;color:var(--font-neutral-7); font-size:14px; line-height:21px;  }
.ts-inner-cont .mark-desc01 .mark-lpop-wrap {display:inline-block; position:relative; width:20px; height:20px; vertical-align:middle;}
.ts-inner-cont .mark-desc01 .mark {display:inline-block; overflow:hidden; width:20px; height:20px; margin-left:3px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/mark_question_60x60.png) 0 0 / cover no-repeat;}
.ts-inner-cont .mark-desc01 .mark-lpop {display:none; position:absolute; left:-235px; top:37px; width:273px; padding:var(--tooltip-pd); background-color:var(--tooltip-box-bg); border-radius:var(--tooltip-radius); box-sizing:border-box; backdrop-filter:blur(6px);}
/* .ts-inner-cont .mark-desc01 .mark-lpop:before {display:block; content:''; position:absolute; left:239px; top:-21px; width:0; height:0; border:9px solid transparent; border-bottom-color:rgba(50,50,50,0.96); border-bottom-width:12px;} */
.ts-inner-cont .mark-desc01 .mark-lpop-desc {color:var(--tooltip-tc); font-size:15px; line-height:22px;}
.ts-inner-cont .mark-desc01 .mark-lpop-close {display:block; overflow:hidden; position:absolute; right:16px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url(/static/assets/images/comm/ico-close-white.svg) 0 0 / cover no-repeat;}

.tsin-bul01 > li {position:relative; margin-top:5px; padding-left:13px; color:#212121; font-size:13px;}
.tsin-bul01 > li:before {display:block; content:''; position:absolute; left:4px; top:8px; width:3px; height:3px; background-color:#212121;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.tsin-bul01 > li:first-child {margin-top:0;}
.tsin-bul02 {margin:18px 4px 0 4px !important;}
.tsin-bul02 > li {position:relative; margin-top:4px; padding-left:14px; color:var(--font-neutral-4); font-size:14px; line-height:20px}
.tsin-bul02 > li:before {display:block; content:''; position:absolute; left:4px; top:8px; width:3px; height:3px; background-color:var(--gray-700);	border-radius:50%;}
.tsin-bul02 > li:first-child {margin-top:0;}

.direct-itxt-cont {}
.direct-itxt-cont .direct-itxt-wrap {display:none; position:relative; margin-top:10px;}
.direct-itxt-wrap .itxt01 {padding-right:50px; text-align:right;}
.direct-itxt-wrap .itxt01:focus{padding-right:49px}
.direct-itxt-wrap .unit {position:absolute; right:15px; top:50%; margin-top:-15px; color:var(--font-neutral-1); font-size:17px; font-weight:400; text-align:right; line-height:30px;}

.tab-col-wrap:after {display:block; content:''; clear:both;}
.tab-col-wrap .tab-col {float:left; width:calc(50% - 2px); box-sizing:border-box; position:relative;}
.tab-col-wrap .tab-col + .tab-col{margin-left:4px;}
.tab-col-wrap.col-cnt03 .tab-col {width:calc((100% - 4px * 2)/3);}
.tab-col-wrap.col-cnt04 .tab-col {width:calc((100% - 4px * 3)/4);}
.tab-col-wrap.col-cnt04 .tab-col .ts-tab {padding:15px 3px; font-size:15px; letter-spacing:-0.3px;}
.tab-col-wrap .ts-tab {display:block; width:100%; height:52px; padding:15px 5px; border:1px solid var(--input-border); outline:none; color:var(--font-neutral-1); font-size:15px; font-weight:400; line-height:22px; background-color:#fff; box-sizing:border-box; border-radius:var(--input-radius);}

.tab-col-wrap.col-cnt02 .tab-col:nth-of-type(3) {margin-left:0;}
.tab-col-wrap.col-cnt02 .tab-col:nth-child(n+3) {margin-top:10px;}


/* 2023-04-28 */
.tab-col-wrap .ts-tab.visa span {display:inline-block; padding-left:40px; background:url(/static/assets/images/benefit/untact_card/ico_visa.png) 0 center / 36px auto no-repeat;}
.tab-col-wrap .ts-tab.unionpay span {display:inline-block; padding-left:35px; background:url(/static/assets/images/benefit/untact_card/ico_unionpay.png) 0 center / 31px auto no-repeat;}
.tab-col-wrap .ts-tab.master span {display:inline-block; padding-left:36px; background:url(/static/assets/images/benefit/untact_card/ico_master.png) 0 center / 32px auto no-repeat;}
.tab-col-wrap .ts-tab.jcb span {display:inline-block; padding-left:32px; background:url(/static/assets/images/benefit/untact_card/ico_jcb.png) 0 center / 28px auto no-repeat;}
.tab-col-wrap .ts-tab.dfs span {display:inline-block; padding-left:38px; background:url(/static/assets/images/benefit/untact_card/ico_dfs.png) 0 center / 34px auto no-repeat;}
.tab-col-wrap .ts-tab.global span {display:inline-block; padding-left:28px; background:url(/static/assets/images/benefit/untact_card/ico_global.png) 0 center / 24px auto no-repeat;}
.tab-col-wrap .ts-tab.amex span {display:inline-block; padding-left:29px; background:url(/static/assets/images/benefit/untact_card/ico_amex.png) 0 center / 25px auto no-repeat;}

.info-text-visa {position:relative; margin-top:20px; padding:10px 0 0 34px; border-top:1px solid rgba(0, 0, 0, 0.04); color:#6495b0; font-size:14px; line-height:21px;}
.info-text-visa:before {display:block; content:''; position:absolute; top:9px; left:0; width:32px; height:22px; background:url(/static/assets/images/benefit/untact_card/logo_visa.png) 0 center / 32px auto no-repeat;}

/* 2023-04-28 */
.tab-col-wrap .ts-tab.on {border-color:#1d2024; border-width:2px; color:var(--font-neutral-2); font-weight:700; padding:14px 4px} /* 2023-04-28 */
.tab-col-wrap .tab-desc {margin-top:10px; color:#3a3e44; font-size:14px; text-align:center; line-height:1.4;} /* 2023-04-28 */
.tab-col-wrap .ts-tab.disable {font-weight:400; color:#c4c4c4; background-color:#f1f4f7; border:1px solid #e9ebed;}

.tab-row-wrap {}
.tab-row-wrap .tab-row {margin-top:4px;}
.tab-row-wrap .tab-row:first-child {margin-top:0;}
.tab-row-wrap .ts-tab {display:block; width:100%; padding:14px 2px; border:1px solid var(--input-border); outline:none; color:var(--font-neutral-2); font-size:15px; font-weight:400; line-height:22px; background-color:#fff;border-radius:14px;}/* 2023-04-28 */
.tab-row-wrap .ts-tab.on {border:2px solid var(--input-focus-border); color:var(--font-neutral-2); font-weight:700; padding:13px 1px}

.one-tab-wrap {}
.one-tab-wrap .one-tab {display:block; width:100%; height:auto; padding:15px 5px; box-sizing:border-box; border:2px solid #000; border-radius:14px; outline:none; color:var(--font-neutral-1); font-size:16px; font-weight:700; text-align:center; line-height:1.5; background-color:#fff;}

.card-pwd-wrap {overflow:hidden; position:relative; margin:20px 4px 13px 4px;}
.card-pwd-wrap:after {display:block; content:''; clear:both;}
.card-pwd-wrap .pwd-circle {display:block; float:left; width:20px; height:20px; margin-right:20px; background-color:#e0e0e0;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.card-pwd-wrap .pwd-circle.on {background-color:#1A3A6D;}
.card-pwd-wrap .hidden-pwd {opacity:0; position:absolute; left:-9999px; width:100px;}

.payment-select-cont {}
.payment-select-cont .select-wrap {background-color:#fff; border:1px solid var(--input-border); border-radius:var(--input-radius);}
.payment-select-cont .select-wrap:after {display:block; content:''; clear:both;}
.payment-select-cont .select-wrap.on {border-color: var(--gray-950);}
.payment-select-cont .btn-untcard-select02 {display:block; float:left; width:112px; padding-right:32px; border:none;}
.payment-select-cont .btn-untcard-select02:after {right:0;}
.payment-select-cont .btn-untcard-select02.selected {text-align:center;}
.payment-select-cont .btn-untcard-select02 img {width:auto; height:34px; vertical-align:middle;}
.payment-select-cont .itxt01 {float:left; width:calc(100% - 112px); border:none;}
.payment-select-cont .btn-wrap {margin-top:10px;}
.payment-select-cont .btn-account-confirm {display:block; color:var(--button-primary-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:52px; background-color:var(--button-primary); border-radius:var(--button-radius);}
.payment-select-cont .btn-account-confirm.disable {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled);}
.payment-select-cont .account-info-wrap .info-lpop-wrap {display:inline-block;  width:16px; height:16px; margin-left:3px;}
.payment-select-cont .account-info-wrap .mark {display:block; overflow:hidden; width:20px; height:20px; text-indent:-9999px; background:url('/static/assets/images/benefit/untact_card/mark_question_60x60.png') 0 0 / cover no-repeat;}
.payment-select-cont .account-info-wrap .info-lpop {display:none; position:absolute; z-index:10; left:-4px; top:24px; width:calc(100vw - 40px);padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);border-radius:16px; box-sizing:border-box;backdrop-filter: blur(6px);}
.payment-select-cont .account-info-wrap .info-lpop-desc  {color:#fff; font-size:15px; line-height:22px;}
.payment-select-cont .account-info-wrap .info-lpop-close {display:block; overflow:hidden; position:absolute; right:12px; top:12px; width:33px; height:33px; text-indent:-9999px; background:url('/static/assets/images/benefit/untact_card/mark_x_72x72.png') 0 0 / cover no-repeat;}

.payment-certi-cont {padding:0 24px;}
.payment-certi-cont .payment-tit {color:var(--font-neutral-1); font-size:18px;}
.payment-certi-cont .payment-tit strong {font-weight:700;}
.payment-certi-cont .certi-num-box {position:relative; padding-bottom:20px; border-radius:20px; background-color:var(--background-color-2);}
.payment-certi-cont .certi-num-box .account-wrap {padding:17px 24px 15px 24px; border-bottom:1px solid rgba(0,0,0,0.06);}
.payment-certi-cont .certi-num-box .account-wrap:after {display:block; content:''; clear:both;}
.payment-certi-cont .certi-num-box .account-num {float:left; color:var(--font-neutral-1); font-size:15px;}
.payment-certi-cont .certi-num-box .account-num img {width:24px;}
.payment-certi-cont .certi-num-box .transaction-notice {float:right; margin-top:3px; color:var(--font-neutral-1); font-size:13px; vertical-align:middle;}
.payment-certi-cont .certi-num-box .transaction-notice button {display:inline-block; width:16px; height:16px; margin-left:5px; vertical-align:middle; background:url(/static/assets/images/benefit/untact_card/mark_1_40x40.png) 0 0 / cover no-repeat;}
.payment-certi-cont .deposit-name-wrap {padding:20px 24px 4px 24px; color:#757575; font-size:15px;}
.payment-certi-cont .deposit-name-wrap:after {display:block; content:''; clear:both;}
.payment-certi-cont .deposit-name-wrap .deposit-name01 {float:left;}
.payment-certi-cont .deposit-name-wrap .deposit-name02 {float:right;}
.payment-certi-cont .certi-num-wrap {padding:0 24px;}
.payment-certi-cont .certi-num-wrap:after {display:block; content:''; clear:both;}
.payment-certi-cont .certi-num-wrap .num-col01 {float:left; margin-top:2px; color:var(--font-neutral-1); font-size:20px; font-weight:700; margin-left:10px;}
.payment-certi-cont .certi-num-wrap .num-col02 {float:left; margin-left:0;}
.payment-certi-cont .certi-num-wrap .num-col02:after {display:block; content:''; clear:both;}
.payment-certi-cont .certi-num-wrap .num-col02 .certi-num {display:block; float:left; position:relative; width:34px; height:34px; margin-left:6px; border:1px solid #b0b0b0; border-radius:4px; color:var(--font-neutral-1); font-size:22px; font-weight:700; text-align:center; line-height:34px; vertical-align:top; background-color:#fff;}
.payment-certi-cont .certi-num-wrap .num-col02 .certi-num:first-child {margin-left:0;}
.payment-certi-cont .certi-num-wrap .num-col02 .certi-num:focus {border-color:#000;}
.payment-certi-cont .certi-num-wrap .num-col02 .certi-num.on {border-color:#000; background-color:rgba(0,0,0,0.04);}
/* .payment-certi-cont .certi-num-wrap .num-col02 .certi-num.on:after {display:block; content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; background-color:;} */
.payment-certi-cont .certi-num-wrap .num-col03 {float:right; margin-top:2px; color:var(--font-neutral-1); font-size:20px; font-weight:700;}
.payment-certi-cont .left-time {margin-top:10px; padding-left:24px; color:#8f989c; font-size:12px;}
.payment-certi-cont .certi-error {display:none; margin-top:10px; padding-left:24px; color:#ff3f53; font-size:12px;}
.payment-certi-cont .lpop-tran {display:none; position:absolute; left:0px; top:0px; z-index:20; width:100%; padding:20px 48px 20px 24px; background-color:rgba(64,66,79,0.9); border-radius:8px; box-sizing:border-box;}
.payment-certi-cont .tran-desc {color:#fff; font-size:15px; line-height:1.4;}
.payment-certi-cont .lpop-tran-close {display:block; overflow:hidden; position:absolute; right:12px; top:12px; width:32px; height:32px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/mark_x_72x72.png) 0 0 / cover no-repeat;}

.itxt-btn-wrap {position:relative; padding-right:65px; border:1px solid var(--input-border); background-color:#fff; border-radius:var(--input-radius);}
.itxt-btn-wrap .itxt01 {border:none; height:54px; background:transparent;}
.itxt-btn-wrap .itxt01:focus{padding-left:17px;}
.itxt-btn-wrap:focus-within{border-color:var(--input-focus-border); border-width:2px; padding-right:64px}
.itxt-btn-wrap:focus-within .itxt01{height:52px}
.itxt-btn-wrap:focus-within .btn-find{right:17px}


.itxt-btn-wrap .btn-find {display:block; position:absolute; right:18px; top:50%; height:34px; padding:8px 12px; color:var(--button-primary-tc); font-size:13px; font-weight:400; text-align:center; line-height:20px; background-color:var(--button-primary); border-radius:8px; margin-top:-17px}

.find-addr-cont {margin:16px 0 30px 0;}
.find-addr-cont .srch-box {margin-bottom:18px;}
.find-addr-cont .srch-tip-sect {margin-top:30px;}

.find-addr-cont01 {margin:16px 0 0 0;}
.find-addr-cont01 .srch-box {margin-bottom:18px;}

.srch-box {position:relative; padding:0 24px;}
.srch-box .itxt01 {padding-right:65px;}
.srch-box .btn-clear {display:none; overflow:hidden; position:absolute; right:69px; top:50%; width:20px; height:20px; margin-top:-10px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-search-del.svg') 0 0 / cover no-repeat;}
.srch-box .btn-srch {display:block; overflow:hidden; position:absolute; right:29px; top:50%; width:40px; height:40px; margin-top:-20px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/ico_search_120x120.png) 0 0 / cover no-repeat;}

.srch-tip-sect {padding:0 24px;}
.srch-tip-sect .stsect-tit {margin-bottom:14px; color:var(--font-neutral-1); font-size:20px; font-weight:700; line-height:1.1;}
.srch-tip-sect .tit-desc {margin-bottom:26px; color:var(--font-neutral-1); font-size:16px; font-weight:400; line-height:1.8;}
.srch-tip-sect .ex-list {}
.srch-tip-sect .ex-list > li {margin-top:14px;}
.srch-tip-sect .ex-list > li:first-child {margin-top:0;}
.srch-tip-sect .ex-list .desc01 {color:#545454; font-size:16px; font-weight:400; line-height:1.4;}
.srch-tip-sect .ex-list .desc02 {color:#006cab; font-size:16px; font-weight:400; line-height:1.4;}
.srch-tip-sect .ex-list .desc01 + .desc02 {margin-top:5px;}

.srch-history-list-wrap {padding:0 24px;}
.srch-history-list {}
.srch-history-list > li {position:relative; margin-top:10px; padding:11px 25px 13px 0; color:var(--font-neutral-1); font-size:15px; font-weight:400; line-height:1.4;}
.srch-history-list > li:first-child {margin-top:0;}
.srch-history-list em {color:#006cab;}
.srch-history-list .btn-srch-history {display:block; overflow:hidden; position:absolute; right:0; top:10px; width:24px; height:24px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/arr_black_60x60_tr.png) 0 0 / cover no-repeat;}

.srch-result-cont {}
.srch-result-cont .result-pagination-wrap {margin-top:18px;}

.srch-result-list {}
.srch-result-list > li {position:relative; margin-top:8px; padding:20px 24px 24px 24px; border-bottom:1px solid rgba(0,0,0,0.06);}
.srch-result-list > li:first-child {margin-top:0;}
.srch-result-list .post-num {margin-bottom:18px; color:#546e7a; font-size:17px; font-weight:700; line-height:1.3;}
.srch-result-list .view-other-wrap {position:absolute; right:24px; top:20px;}
.srch-result-list .view-other-wrap .btn-eng {display:inline-block; position:relative; padding-right:8px; color:#757575; font-size:13px; line-height:1.7;}
.srch-result-list .view-other-wrap .btn-eng:after {display:block; content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:rgba(0,0,0,0.06);}
.srch-result-list .view-other-wrap .btn-map {display:inline-block; padding-left:8px; color:#757575; font-size:13px; line-height:1.7;}

.dl-detail-addr {line-height:1.4;}
.dl-detail-addr:after {display:block; content:''; clear:both;}
.dl-detail-addr > dt {float:left; width:60px; color:#757575; font-size:15px;}
.dl-detail-addr > dd {float:left; width:calc(100% - 60px); color:var(--font-neutral-1); font-size:15px;}
.dl-detail-addr + .dl-detail-addr {margin-top:10px;}
.dl-detail-addr .extra-droptop {margin-top:8px;}
.dl-detail-addr .extra-droptop .under-lv {padding-left:18px; color:#757575; font-size:15px; font-weight:400; background:url(/static/assets/images/benefit/untact_card/ico_under_lv.png) 0 2px / 20px 20px no-repeat;}
.dl-detail-addr .extra-droptop .under-lv em {font-weight:700;}
.dl-detail-addr .extra-droptop .btn-open {display:inline-block; margin-left:5px; padding:0 10px; color:#fff; font-size:14px; line-height:34px; background-color:#9e9e9e;
	-webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px;}
.dl-detail-addr .extra-dropcont {display:none;}
.dl-detail-addr .extra-dropcont .info01 {color:#006cab; font-size:15px; font-weight:400;}
.dl-detail-addr .extra-dropcont .extra-addr-list {}
.dl-detail-addr .extra-dropcont .extra-addr-list > li {position:relative; margin-top:15px; padding:3px 41px 3px 0;}
.dl-detail-addr .extra-dropcont .extra-addr-list .item-inner {display:block; width:100%; color:var(--font-neutral-5); font-size:15px; text-align:left;}
.dl-detail-addr .extra-dropcont .extra-addr-list .btn-map {display:block; position:absolute; right:0; top:3px; color:#757575; font-size:15px;}
.dl-detail-addr .extra-dropcont .btn-close-wrap {margin-top:8px;}
.dl-detail-addr .extra-dropcont .btn-close {height:34px; padding:0 15px; color:#fff; font-size:14px; font-weight:400; line-height:34px; background-color:#9e9e9e;
	-webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px;}

.result-pagination-wrap {position:relative; padding:19px 80px; background-color:#f2f4f7;}
.result-pagination-wrap .pagination {color:#888; font-size:15px; font-weight:400; font-size:15px; text-align:center; line-height:1.5;}
.result-pagination-wrap .pagination .current {color:var(--font-neutral-1); font-weight:700;}
.result-pagination-wrap .btn-prev {display:block; overflow:hidden; position:absolute; left:20px; top:10px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/arr_gray_120x120_l.png) 0 0 / cover no-repeat;}
.result-pagination-wrap .btn-next {display:block; overflow:hidden; position:absolute; right:20px; top:10px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/arr_gray_120x120_r.png) 0 0 / cover no-repeat;}

.detail-addr-cont-wrap {padding-bottom:54px;}
.detail-addr-cont-wrap .detail-bottom {position:fixed; left:0; bottom:0; width:100%; padding:12px 20px; background-color:#fff;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.detail-addr-cont-wrap .detail-bottom:after {display:block; content:''; clear:both;}
.detail-addr-cont-wrap .detail-bottom .btn-cancel {display:block; float:left; width:calc(50% - 4px); margin-right:8px; color:var(--button-secondary-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:56px; background-color:var(--button-secondary); border-radius:var(--button-radius);}
.detail-addr-cont-wrap .detail-bottom .btn-cancel:active{background:var(--button-secondary-active)}
.detail-addr-cont-wrap .detail-bottom .btn-confirm {display:block; float:left; width:calc(50% - 4px); color:var(--button-primary-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:56px; background-color:var(--button-primary); border-radius:var(--button-radius);}
.detail-addr-cont-wrap .detail-bottom .btn-confirm:active{background:var(--button-primary-active)}


.detail-addr-cont {margin:20px 0 30px 0; padding:0 24px;}
.detail-addr-cont .post-num {margin-bottom:18px; color:#546e7a; font-size:17px; font-weight:700; line-height:1.3;}
.detail-addr-cont .itxt-wrap01 {margin:20px 0;}
.detail-addr-cont .desc01 {color:#545454; font-size:16px; font-weight:400; line-height:1.4;}
.detail-addr-cont .desc02 {color:#006cab; font-size:16px; font-weight:400; line-height:1.4;}
.detail-addr-cont .desc01 + .desc02 {margin-top:5px;}

.ts-inner-cont .income-tab-cont {display:none; margin-top:18px;}
.income-tab-cont {color:#212121;}
.income-tab-cont .intacont-tit01 {margin-bottom:5px; font-size:17px; font-weight:700; line-height:26px; margin-inline:4px}
.income-tab-cont .intacont-tit02 {font-size:14px; line-height:20px; margin-inline:4px}
.income-tab-cont .intacont-body {margin-top:15px;}

.certi-center-sect {margin:25px 0 40px 0; padding:0 24px;}
.certi-center-sect.bottom-fixed {margin-bottom:40px;}
.certi-center-sect .cecesect-tit {margin-bottom:38px; color:var(--font-neutral-1); font-size:23px; font-weight:700; line-height:1.5;}
.certi-center-sect .cecesect-desc {margin: -26px 0 38px 0; color:#424242; font-size:15px; font-weight:400; word-break: keep-all;}
.certi-center-sect .certi-regist-wrap {margin:35px 0 100px 0; text-align:center;}
.certi-center-sect .certi-regist-wrap .regist {display:inline-block; padding-bottom:9px; border-bottom:1px solid #212121; color:#212121; font-size:16px;}
.certi-center-sect .certi-pwd-wrap {margin-top:15px;}
.certi-center-sect .judge-desc {margin-top:46px; color:var(--font-neutral-5); font-size:16px; text-align:center; line-height:1.6;}
.certi-center-sect .cecesect-desc01 {color:var(--font-neutral-1); font-size:15px;}

.certi-list {}
.certi-list > li {margin-top:10px;}
.certi-list > li:first-child {margin-top:0;}

.certi-detail-cont {display:block; padding:20px 20px 20px 25px; background-color:#f1f4f7;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.certi-detail-cont.on {border:1px solid #000;}
.certi-detail-cont .cedecont-inner {padding-left:58px; background:url(/static/assets/images/benefit/untact_card/ico_certi01.png) 0 0 / 42px auto no-repeat;}
.certi-detail-cont .certi-name {margin-bottom:3px; color:var(--font-neutral-1); font-size:18px; font-weight:700;}
.certi-detail-cont .certi-type {margin-bottom:8px; color:var(--font-neutral-1); font-size:15px;}
.certi-detail-cont .certi-desc01 {margin-top:4px; color:var(--font-neutral-5); font-size:14px; line-height:1.4;}
.certi-detail-cont.type01 .cedecont-inner {opacity:0.3; background-image:url(/static/assets/images/benefit/untact_card/ico_certi02.png);}
.certi-detail-cont.type02 .cedecont-inner {background-image:url(/static/assets/images/benefit/untact_card/ico_certi03.png);}

.certi-jumin-wrap {}
.certi-jumin-wrap:after {display:block; content:''; clear:both;}
.certi-jumin-wrap .itxt01 {display:block; float:right; width:calc(50% - 9px);}
.certi-jumin-wrap .itxt01:first-child {float:left;}
.certi-jumin-wrap .dash {display:block; float:left; width:8px; height:2px; margin:26px 5px 0 5px; background-color:#c2c2c2;}

.judge-state-wrap {padding-top:220px; background:url(/static/assets/images/benefit/untact_card/judge_state.png) center 20px / 180px auto no-repeat;}
.judge-state-wrap .state-desc {color:var(--font-neutral-1); font-size:18px; font-weight:700; text-align:center;}

.certi-center-sect .no-certi-box {margin-top:20px;}
.no-certi-box {padding:220px 20px 65px 20px; background:#f1f4f7 url(/static/assets/images/benefit/untact_card/mark_1_200x200.png) center 75px / 100px auto no-repeat;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.no-certi-box .box-txt {color:var(--font-neutral-1); font-size:26px; font-weight:700; text-align:center; line-height:1.4;}
.no-certi-desc {margin-top:37px; color:var(--font-neutral-1); font-size:16px;}

.certi-guide-box {position:relative; padding:20px 20px 20px 40px; color:#2c2c2c; font-size:17px; line-height:1.5; background-color:#ecf1ff;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.certi-guide-box + .certi-guide-box {margin-top:10px;}
.certi-guide-box .num {position:absolute; left:20px; top:20px; color:#4f5974; font-weight:700;}
.certi-guide-box .certi-num-wrap {margin:19px 0 0 -8px;}
.certi-guide-box .certi-num-wrap:after {display:block; content:''; clear:both;}
.certi-guide-box .certi-num-wrap .certi-num {float:left; padding-left:8px; width:33.3%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.certi-guide-box .certi-num-wrap .certi-num span {display:block; height:52px; color:#2c2c2c; font-size:20px; font-weight:700; text-align:center; line-height:52px; background-color:#fff;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.certi-guide-box .rd-link {display:inline-block; position:relative; height:38px; padding:0 30px 0 18px; border:1px solid #c5d1f2; color:var(--font-neutral-1); font-size:17px; line-height:38px; background-color:#f5f8ff;
	-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;}
.certi-guide-box .rd-link:after {display:block; content:''; position:absolute; right:10px; top:10px; width:20px; height:20px; background:url(/static/assets/images/benefit/untact_card/arr_gray_60x60_r.png) 0 0 / cover no-repeat;}

.apply-card-img-wrap {position:relative;}
.apply-card-img-wrap .card-img {position:relative; max-width:158px; max-height:158px; height:auto; vertical-align:top; border-radius:4px;}
.apply-card-img-wrap .card-name {margin-top:18px; color:var(--font-neutral-1); font-size:16px; font-weight:700; text-align:center;}

.apply-card-area {display:flex;}
.apply-card-area .apply-card-img-wrap {flex:1;}
.apply-card-area .apply-card-img-wrap + .apply-card-img-wrap {margin-left:12px;} 
.apply-card-img-wrap .card-img {display:block; margin:0 auto;}
.apply-card-img-wrap .card-img.row {transform:translate(0, 29px) rotate(90deg); width:158px; margin:0 auto 76px;}

.dl-card-info-wrap {margin-top:35px;}
.dl-card-info {padding:14px 0; border-bottom:1px solid #f1f4f7;}
.dl-card-info:after {display:block; content:''; clear:both;}
.dl-card-info > dt {float:left; width:110px; color:#707070; font-size:16px;}
.dl-card-info > dd {float:left; width:calc(100% - 110px); color:var(--font-neutral-1); font-size:17px;}

.apply-complete-cont {margin-bottom:40px; padding:0 24px;}
.apply-complete-cont .apc-cont-tit {margin:27px 0 58px 0; color:var(--font-neutral-1); font-size:23px; font-weight:700;}

.apply-card-box {padding:38px 20px 48px 20px; text-align:center; background-color:#f1f4f7;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.apply-card-box .card-img {width:100%; max-width:285px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	-webkit-box-shadow:0 6px 16px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 6px 16px 0 rgba(0,0,0,0.12); box-shadow:0 6px 16px 0 rgba(0,0,0,0.12);}
.apply-card-box .card-name {margin-top:19px; color:var(--font-neutral-1); font-size:16px; text-align:center;}
.apply-card-box .apply-state {margin-top:30px; color:var(--font-neutral-1); font-size:26px; font-weight:700; line-height:1.4;}
.apply-card-box.impossible {padding-top:243px; background:#f1f4f7 url(/static/assets/images/benefit/untact_card/mark_1_200x200.png) center 97px / 100px auto no-repeat;}
.apply-card-box.impossible .apply-state {margin-top:0;}

.apply-card-box02 {padding:30px 20px 35px 20px; text-align:center; background-color:var(--background-color-2); border-radius:20px;}
.apply-card-box02 .card-img {display:none; width:100%; max-width:190px; border-radius:10px;box-shadow:0 6px 16px 0 rgba(0,0,0,0.12);}/* 2023-04-10 : 컬리카드 이슈에 따라 이미지 hide; 추후 display:none 삭제 필요 */
.apply-card-box02 .card-img.vertical {width:100%; max-width:120px; border-radius:10px;box-shadow:0 6px 16px 0 rgba(0,0,0,0.12);}
.apply-card-box02 .card-name {/* margin-top:19px; */ color:var(--font-neutral-1); font-size:16px; text-align:center;}/* 2023-04-10 : 컬리카드 이슈에 따라 margin-top:19px; 주석, 위 내용 롤백시 주석 해제 필요 */
.apply-card-box02 .apply-state {margin-top:25px; color:var(--font-neutral-1); font-size:20px; font-weight:700; line-height:1.4;}
.apply-card-box02.impossible {padding-top:132px; background:var(--background-color-2) url(/static/assets/images/comm/img-2d-emptydefault.png) center 55px / 60px auto no-repeat;}
.apply-card-box02.impossible .apply-state {margin-top:0;}

.apply-card-box03 {padding:30px 20px 30px 20px; text-align:center; background-color:var(--background-color-2); border-radius:20px;}
.apply-card-box03 lottie-player {width:120px; margin:0 auto;}
.apply-card-box03 .apply-card-text {margin-top:8px; font-size:20px; line-height:28px; font-weight:700; color:var(--font-neutral-1);}
.apply-card-box03 .apply-card-text .apply-card-name {display:block; margin-bottom:2px;}

.apply-card-box04{padding:24px; margin:0 -4px; background-color:var(--background-color-2); border-radius:20px;}
.apply-card-box04 + .apply-card-box04{margin-top:8px;}
.apply-card-box04 .dot-tit{font-size:17px; line-height:26px; font-weight:bold; color:var(--font-neutral-5);}
.apply-card-box04 .dot-list li{font-size:15px; line-height:22px; color:var(--font-neutral-6); margin-top:8px; position:relative; padding-left:12px; word-break:keep-all;}
.apply-card-box04 .dot-list li:before{content:''; width:4px; height:4px; border-radius:50%; background:#7A8394; position:absolute; top:9px; left:0;}

.apply-complete-cont .warning-wrap{padding:40px 0 0; text-align:center;}
.apply-complete-cont .warning-wrap:before{content:''; width:100%; height:64px; display:block; margin-bottom:28px; background:url('/static/assets/images/comm/img-2d-emptydefault.png') top 0px center /64px 64px no-repeat;}
.apply-complete-cont .warning-wrap .warning-tit{font-size:19px; line-height:28px; font-weight:bold; color:var(--font-neutral-5);}
.apply-complete-cont .warning-wrap .warning-txt{font-size:16px; line-height:24px; color:var(--font-neutral-7); margin-top:10px;}
.apply-complete-cont .warning-wrap + .apply-card-box04{margin-top:58px;}
.apply-complete-cont .warning-wrap .btn-wrap{margin-top:32px;}
.apply-complete-cont .warning-wrap .btn-wrap .error-btn{display: inline-flex; align-items: center; justify-content: center; height: 48px; color: var(--button-primary-tc); background: var(--button-primary); border-radius: 12px; padding: 0 16px; font-weight: 700; font-size: 17px;}

.apply-complete-cont .apply-desc-wrap01 {margin-top:30px;}
.apply-desc-wrap01 {}
.apply-desc-wrap01 .apply-desc-tit {margin-bottom:10px; color:var(--font-neutral-1); font-size:16px; font-weight:700;}
.apply-desc-wrap01 .apply-desc01 {color:var(--font-neutral-1); font-size:14px; line-height:1.4;}
.apply-desc-wrap01 .apply-desc02 {color:#424242; font-size:14px; line-height:1.4;}
.apply-desc-wrap01 .btn-wrap {margin-top:22px;}
.apply-desc-wrap01 .btn-myselect {display:block; height:50px; border:1px solid #ff4562; color:#ff3f53; font-size:15px; font-weight:700; text-align:center; line-height:50px;
	-webkit-border-radius:2rem; -moz-border-radius:2rem; border-radius:2rem;}
.apply-desc-wrap02 {margin-top:30px;}
.apply-desc-wrap02 .apply-desc01 {color:var(--font-neutral-1); font-size:16px;}
.apply-desc-wrap02 .apply-desc02 {color:#424242; font-size:16px; line-height:1.4;}
.apply-desc-wrap02 .apply-desc03 {color:#424242; font-size:15px; line-height:1.4;}
.apply-desc-wrap02 .apply-desc04 {color:var(--font-neutral-1); font-size:17px; line-height:1.4;}
.apply-desc-wrap02 .apply-desc05 {color:var(--font-neutral-1); font-size:15px; line-height:1.4;}
.apply-desc-wrap02 .apply-bul01 {}
.apply-desc-wrap02 .apply-bul01 > li {position:relative; margin-top:10px; padding-left:10px; color:var(--font-neutral-1); font-size:16px; line-height:1.7;}
.apply-desc-wrap02 .apply-bul01 > li:first-child {margin-top:0;}
.apply-desc-wrap02 .apply-bul01 > li:before {display:block; content:''; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:#000; border-radius:50%;}

.apply-desc-wrap02 .btn-wrap {margin-top:22px;}
.apply-desc-wrap02 .btn-myselect {display:block; height:50px; border:1px solid #ff4562; color:#ff3f53; font-size:15px; font-weight:700; text-align:center; line-height:50px;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.apply-desc-wrap03 {padding-top:202px; background:url(/static/assets/images/benefit/untact_card/bg_launder_process01.png) center 0 / 180px auto no-repeat;}
.apply-desc-wrap03 .apply-desc01 {color:var(--font-neutral-1); font-size:18px; font-weight:700; text-align:center;}
.apply-desc-wrap03 .apply-desc02 {margin-top:46px; color:var(--font-neutral-5); font-size:16px; text-align:center;}

.apply-desc-wrap04 {margin-top:30px;}
.apply-desc-wrap04 .f_16 {font-size:16px;}
.apply-desc-wrap04 .apply-desc-tit {margin-bottom:10px; color:var(--font-neutral-1); font-size:16px; font-weight:700;}
.apply-desc-wrap04 .apply-desc01 {color:var(--font-neutral-1); font-size:15px; line-height:24px;}
.apply-desc-wrap04 .apply-desc01 {color:#424242; font-size:15px; line-height:24px;}
.apply-desc-wrap04 .apply-bul01 > li {position:relative; margin-top:30px; /* padding-left:12px;  */color:var(--font-neutral-1); font-size:15px; line-height:22px;}
.apply-desc-wrap04 .apply-bul01 > li:first-child {margin-top:0;}
/* .apply-desc-wrap04 .apply-bul01 > li:before {display:block; content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#424242; border-radius:50%;} */
.apply-desc-wrap04 .apply-bul01 > li p + p {margin-top:12px;}
.apply-desc-wrap04 .apply-bul01 > li p:not(.list-title){padding-left:11px; position:relative; line-height:22px; color:var(--font-neutral-6);}
.apply-desc-wrap04 .apply-bul01 > li p:not(.list-title)::before{content:''; display:inline-block; width:3px; height:3px; border-radius:50%; background:var(--gray-700); position:absolute; left:0; top:10px}
.apply-desc-wrap04 .apply-bul01 .sub-numberic {display:flex; margin-top:8px; list-style:decimal;}
.apply-desc-wrap04 .apply-bul01 .sub-numberic + .sub-numberic {margin-top:4px;}
.apply-desc-wrap04 .apply-bul01 .sub-numberic::before {content:attr(value)"."; flex-shrink:0; margin-right:6px;}
.apply-desc-wrap04 .btn-wrap {margin-top:22px;}
.apply-desc-wrap04 .btn-myselect {display:flex; width:100%; align-items:center; justify-content:center; border:var(--button-outline-border); color:var(--button-outline-tc); font-size:17px; font-weight:700; text-align:center; border-radius:12px; height:48px}
.apply-desc-wrap04 .list-title {display:block; margin-bottom:16px; font-size:16px; font-weight:700; line-height:24px;}
.apply-desc-wrap04 .link-issue-status {display:inline-block; position:relative; margin-top:11px; margin-left:11px; padding-right:14px; font-size:14px; line-height:22px; color:#757575;}
.apply-desc-wrap04 .link-issue-status:after {display:block; content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:12px; height:12px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color:var(--font-neutral-6); }

.replace-card-body {}
.replace-card-body .intro {padding:24px 20px 32px; color:var(--font-neutral-1);}
.replace-card-body .intro .title {margin:0 4px; font-size:24px; line-height:32px; font-weight:700;}
.replace-card-body .intro .desc {margin:12px 4px 0; font-size:18px; line-height:26px;}
.replace-card-body .alter-lists {padding:0 20px 40px;}
.replace-card-body .alter-lists .item {position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:226px; padding:24px 20px 20px; border-radius:20px; background-color:var(--background-color-1);}
.replace-card-body .alter-lists .item + .item {margin-top:20px;}
.replace-card-body .alter-lists .subject {position:relative; padding-right:95px; color:var(--font-neutral-4); margin:0 4px; height:56px; font-size:20px; line-height:28px; font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.replace-card-body .alter-lists .info {padding:0 0 0 4px; margin-top:46px; color:var(--font-neutral-5);}
.replace-card-body .alter-lists .info > span {display:block; font-size:16px; line-height:24px;}
.replace-card-body .alter-lists .info > span + span {margin-top:4px;}
.replace-card-body .alter-lists .img {position:absolute; top:24px; right:24px; width:55px;}
.replace-card-body .alter-lists .img img {vertical-align:top;}
.replace-card-body .alter-lists .item {transform:translateY(50px); opacity:0;}
.replace-card-body .alter-lists .item.init {animation:slideApperNth .6s ease-in-out forwards;}
.replace-card-body .alter-guide .title {padding:24px; border-top:1px solid var(--line)}
.replace-card-body .alter-guide .title {padding:24px;}
.replace-card-body .alter-guide .title h3 {font-size:17px; font-weight:700; line-height:26px; color:var(--font-neutral-1);}
.replace-card-body .alter-guide .cont {padding:0 24px 40px;}
.replace-card-body .alter-guide a.new-card {margin:8px 0 0; display:flex; align-items:center; font-size:16px; line-height:26px; color:var(--font-point-2);}
.replace-card-body .alter-guide a.new-card::after {content:''; width:12px; height:12px; margin-left:2px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color:currentColor;}
.replace-card-body .alter-guide .list--dot li {font-size:16px; line-height:24px; color:var(--font-neutral-4);}
.replace-card-body .alter-guide .list--dot li + li {margin-top:8px;}
.replace-card-body .alter-guide .sub-dash {display:flex; margin-top:6px; list-style:decimal;}
.replace-card-body .alter-guide .sub-dash + .sub-dash {margin-top:4px;}
.replace-card-body .alter-guide .sub-dash::before {content:"-"; flex-shrink:0; margin-right:6px;}
.replace-card-body .alter-guide .sub-decimal {display:flex; margin-top:6px; list-style:decimal;}
.replace-card-body .alter-guide .sub-decimal + .sub-decimal {margin-top:4px;}
.replace-card-body .alter-guide .sub-decimal::before {content:attr(value)"."; flex-shrink:0; margin-right:6px;}
.replace-card-body .alter-guide {transform:translateY(50px); opacity:0;}
.replace-card-body .alter-guide.init {animation:slideApperNth .6s ease-in-out forwards; animation-delay:.1s;}
.replace-card-body .no-card ~ .alter-guide {transform:translateY(0); opacity:1;}
.replace-card-body .no-card ~ .alter-guide.init {animation:none;}
.replace-card-body .alter-lists.no-card {display:flex; justify-content:center; height:400px; text-align:center; padding:0 20px;}
.replace-card-body .alter-lists.no-card .desc-none {align-self:center; color:var(--font-neutral-5); font-size:17px; font-weight:700; line-height:26px;}
.replace-card-body .alter-lists.no-card .desc-none::before {content:''; display:block; margin:0 auto 16px; width:52px; height:52px; -webkit-mask:url(/static/assets/images/comm/img-2d-emptycard-light.svg) no-repeat center/100%; mask:url(/static/assets/images/comm/img-2d-emptycard-light.svg) no-repeat center/100%; background-color:#CDD1DA;}

@keyframes slideApperNth {
	from {opacity:0; transform:translateY(50px);}
	to {opacity:1; transform:translateY(0);}
}

[class^=untcard-detail-sect] .unde-sect-tit01 {margin-bottom:26px; color:inherit; font-size:28px; text-align:center; line-height:1.2;}
[class^=untcard-detail-sect] .card-img-wrap {margin-bottom:20px; text-align:center;}
[class^=untcard-detail-sect] .card-img-wrap img {width:100%; max-width:320px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	-webkit-box-shadow:0 6px 16px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 6px 16px 0 rgba(0,0,0,0.12); box-shadow:0 6px 16px 0 rgba(0,0,0,0.12);}
[class^=untcard-detail-sect] .card-img-wrap.vtype img {width:auto; max-height:270px;}
[class^=untcard-detail-sect] .benefit-list {margin-top:-3px;}
[class^=untcard-detail-sect] .benefit-list > li {min-height:32px; margin-top:3px; padding-left:42px; color:inherit; font-size:16px; line-height:1.6; background:url(/static/assets/images/benefit/untact_card/ico_benefit01.png) 0 0 / 32px 32px no-repeat;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
[class^=untcard-detail-sect] .benefit-list > li:first-child {margin-top:0;}
[class^=untcard-detail-sect] .benefit-list > li.ico01 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit01.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico02 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit02.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico03 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit03.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico04 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit04.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico05 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit05.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico06 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit06.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico07 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit07.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico08 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit08.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico09 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit09.png);}
[class^=untcard-detail-sect] .benefit-list > li.ico10 {background-image:url(/static/assets/images/benefit/untact_card/ico_benefit10.png);}
[class^=untcard-detail-sect] .flag-wrap {margin-top:15px;}
[class^=untcard-detail-sect] .flag-wrap:after {display:block; content:''; clear:both;}
[class^=untcard-detail-sect] [class^=benefit-flag] {display:block; float:left; height:25px; padding:0 7px; color:#fff; font-size:12px; font-weight:700; line-height:25px;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
[class^=untcard-detail-sect] .flag-wrap [class^=benefit-flag] {display:block; margin-left:5px;}
[class^=untcard-detail-sect] .flag-wrap [class^=benefit-flag]:first-child {margin-left:0;}
[class^=untcard-detail-sect] .benefit-flag01 {background-color:#fcb62f;}
[class^=untcard-detail-sect] .benefit-flag02 {background-color:#95cadc;}

.dl-dues01 {margin-top:17px; font-size:15px; line-height:1.6;}
.dl-dues01 > dt {color:rgba(255,255,255,0.69); font-weight:700;}
.dl-dues01 > dd {margin-top:3px; color:rgba(255,255,255,0.69);}
.dl-dues01 > dd:after {display:block; content:''; clear:both;}
.dl-dues01 .dd-col {float:left; padding-left:10px; width:calc(100% - 149px); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -ms-word-break:break-all; word-break:break-all;}
.dl-dues01 .dd-col:first-child {float:left; width:149px; padding:0 5px 0 0; border-right:1px solid rgba(255,255,255,0.15); -ms-word-break:break-all; word-break:break-all;}

.dl-dues-wrap {position:relative; margin-top:30px; padding-left:46px;}
.dl-dues-wrap [class^=benefit-flag] {position:absolute; left:0; top:0;}
.dl-dues02 {font-size:15px; line-height:1.6;}
.dl-dues02 > dt {width:57px; margin-bottom:4px; color:rgba(0,0,0,0.69); font-weight:700;}
.dl-dues02 > dd {color:rgba(0,0,0,0.69);}
.dl-dues02 > dd:after {display:block; content:''; clear:both;}
.dl-dues02 .dd-col {float:left; padding-left:10px; width:41%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -ms-word-break:break-all; word-break:break-all;}
.dl-dues02 .dd-col:first-child {float:left; width:59%; padding:0 10px 0 0; border-right:1px solid rgba(0,0,0,0.15); -ms-word-break:break-all; word-break:break-all;}

.dl-dues03 {font-size:15px; line-height:1.6;}
.dl-dues03:after {display:block; content:''; clear:both;}
.dl-dues03 > dt {float:left; color:rgba(0,0,0,0.69); font-weight:700;}
.dl-dues03 > dd {float:left; margin-left:5px; color:rgba(0,0,0,0.69);}

.renew01-header.untcard-detail-header01 {background-color:#686fb0;}
.renew01-header.untcard-detail-header01 .tit {color:#fff;}
.renew01-header.untcard-detail-header01 .btn-back {background-image:url(/static/assets/images/comm/prev/renew/arr_white_58x49_l.png);}
.renew01-header.untcard-detail-header01 .btn-close {background-image:url(/static/assets/images/benefit/untact_card/mark_x_white_120x120.png); -webkit-background-size:40px 40px; background-size:40px 40px;}
.untcard-detail-sect01 {padding:24px 46px 30px 46px; color:#fff; background-color:#686fb0;}

.renew01-header.untcard-detail-header02 {background-color:var(--background-color-2);}
.untcard-detail-sect02 {padding:24px 46px 30px 46px; color:var(--font-neutral-1); background-color:var(--background-color-2);}
.untcard-detail-sect02 .dl-dues01 > dt {color:rgba(0,0,0,0.69);}
.untcard-detail-sect02 .dl-dues01 > dd {color:rgba(0,0,0,0.69);}
.untcard-detail-sect02 .dl-dues01 .dd-col:first-child {border-right:1px solid rgba(0,0,0,0.15);}

.renew01-header.untcard-detail-header03 {background-color:#335185;}
.renew01-header.untcard-detail-header03 .tit {color:#fff;}
.renew01-header.untcard-detail-header03 .btn-back {background-image:url(/static/assets/images/comm/prev/renew/arr_white_58x49_l.png);}
.renew01-header.untcard-detail-header03 .btn-close {background-image:url(/static/assets/images/benefit/untact_card/mark_x_white_120x120.png); -webkit-background-size:40px 40px; background-size:40px 40px;}
.untcard-detail-sect03 {padding:24px 46px 30px 46px; color:#fff; background-color:#335185;}

.renew01-header.untcard-detail-header04 {background-color:var(--background-color-2);}
.untcard-detail-sect04 {padding:24px 46px 30px 46px; color:var(--font-neutral-1); background-color:var(--background-color-2);}

.renew01-header.untcard-detail-header05 {background-color:#f4876d;}
.renew01-header.untcard-detail-header05 .tit {color:#fff;}
.renew01-header.untcard-detail-header05 .btn-back {background-image:url(/static/assets/images/comm/prev/renew/arr_white_58x49_l.png);}
.renew01-header.untcard-detail-header05 .btn-close {background-image:url(/static/assets/images/benefit/untact_card/mark_x_white_120x120.png); -webkit-background-size:40px 40px; background-size:40px 40px;}
.untcard-detail-sect05 {padding:24px 46px 30px 46px; color:#fff; background-color:#f4876d;}

.renew01-header.untcard-detail-header06 {background-color:#8080e3;}
.renew01-header.untcard-detail-header06 .tit {color:#fff;}
.renew01-header.untcard-detail-header06 .btn-back {background-image:url(/static/assets/images/comm/prev/renew/arr_white_58x49_l.png);}
.renew01-header.untcard-detail-header06 .btn-close {background-image:url(/static/assets/images/benefit/untact_card/mark_x_white_120x120.png); -webkit-background-size:40px 40px; background-size:40px 40px;}
.untcard-detail-sect06 {padding:24px 46px 30px 46px; color:#fff; background-color:#8080e3;}

.renew01-header.untcard-detail-header07 {background-color:#a84896;}
.renew01-header.untcard-detail-header07 .tit {color:#fff;}
.renew01-header.untcard-detail-header07 .btn-back {background-image:url(/static/assets/images/comm/prev/renew/arr_white_58x49_l.png);}
.renew01-header.untcard-detail-header07 .btn-close {background-image:url(/static/assets/images/benefit/untact_card/mark_x_white_120x120.png); -webkit-background-size:40px 40px; background-size:40px 40px;}
.untcard-detail-sect07 {padding:24px 46px 30px 46px; color:#fff; background:linear-gradient(to top, #51b8ea 3%, #a84896 87%);}
.untcard-detail-sect07 .dl-dues02 > dt {color:rgba(255,255,255,0.69);}
.untcard-detail-sect07 .dl-dues02 > dd {color:rgba(255,255,255,0.69);}
.untcard-detail-sect07 .dl-dues02 .dd-col:first-child {border-right:1px solid rgba(255,255,255,0.15);}

.renew01-header[class*=untcard-detail-header].bg-white {background-color:#fff;}
.renew01-header[class*=untcard-detail-header].bg-white .tit {color:var(--font-neutral-3);}
.renew01-header[class*=untcard-detail-header].bg-white .btn-back {background-image:url(/static/assets/images/comm/prev/renew/arr_black_58x49_l.png);}
.renew01-header[class*=untcard-detail-header].bg-white .btn-close {background-image:url(/static/assets/images/comm/ico-close.svg); -webkit-background-size:24px auto; background-size:24px auto;}

[class^=untcard-detail-sect] + .detail-benefit-sect01 {margin-top:50px;}
.detail-benefit-sect01 {padding:0 24px;}
.detail-benefit-sect01 .debe-sect-tit01 {margin-bottom:33px; color:var(--font-neutral-1); font-size:23px; font-weight:700; line-height:1.5;}
.detail-benefit-sect01 .debe-sect-body01 {margin-bottom:50px;}
.detail-benefit-sect01 .dum-tit01 {margin-bottom:14px; color:var(--font-neutral-1); font-size:20px; font-weight:700; text-align:center;}

.rdum-col-wrap {margin-left:-18px;}
.rdum-col-wrap:after {display:block; content:''; clear:both;}
.rdum-col-wrap .rdum-col {float:left; width:33.3%; padding-left:18px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.rdum-col-wrap .dl-rdum {position:relative; padding:24px 8px; background-color:#f7f7f7;
	-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
.rdum-col-wrap .dl-rdum:before {display:block; content:''; position:absolute; left:-16px; top:80px; width:14px; height:14px; background:url(/static/assets/images/benefit/untact_card/mark_plus_28x28.png) 0 0 / cover no-repeat;}
.rdum-col-wrap .rdum-col:first-child .dl-rdum:before {display:none;}
.rdum-col-wrap .dl-rdum > dt {padding-bottom:10px; border-bottom:1px solid #eae8ee; color:#686fb0; font-size:15px; text-align:center;}
.rdum-col-wrap .dl-rdum > dt em {font-size:20px; font-weight:700;}
.rdum-col-wrap .dl-rdum > dd {padding-top:13px; color:var(--font-neutral-1); font-size:14px; text-align:center; letter-spacing:-1px;}

.dl-rdum-row {padding:15px 20px; color:#686fb0; background-color:#f7f7f7;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.dl-rdum-row:after {display:block; content:''; clear:both;}
.dl-rdum-row > dt {float:left; width:38px; margin-top:2px; padding-right:8px; border-right:1px solid #eae8ee; font-size:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.dl-rdum-row > dd {float:left; width:calc(100% - 38px); font-size:17px; padding-left:8px; font-weight:700; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.benefit-cont01 {}
.benefit-cont01 .benecont-top {margin-bottom:30px;}
.benefit-cont01 .benecont-top:after {display:block; content:''; clear:both;}
.benefit-cont01 .benecont-top .top-tit {float:left; padding:11px 26px; color:#2a2d49; font-size:17px; font-weight:700; text-align:center; line-height:1.5; background-color:#f1f4f7;
	-webkit-border-radius:23.5px; -moz-border-radius:23.5px; border-radius:23.5px;}
.benefit-cont01 .benecont-top .top-desc {float:right; margin-top:8px; color:var(--font-neutral-1); font-size:20px; font-weight:700; text-align:right;}
.benefit-cont01 .benecont-top01 {margin-bottom:20px;}
.benefit-cont01 .benecont-top01:after {display:block; content:''; clear:both;}
.benefit-cont01 .benecont-top01 .top-tit {float:left; padding:0 26px; color:#2a2d49; font-size:17px; font-weight:700; text-align:center; line-height:47px; background-color:#f1f4f7;
	-webkit-border-radius:23.5px; -moz-border-radius:23.5px; border-radius:23.5px;}
.benefit-cont01 .benecont-top01 .top-desc {float:right; margin-top:8px; color:var(--font-neutral-1); font-size:20px; font-weight:700; text-align:right;}
.benefit-cont01 .benecont-top02 {margin-bottom:30px;}
.benefit-cont01 .benecont-top02:after {display:block; content:''; clear:both;}
.benefit-cont01 .benecont-top02 .top-tit {float:left; margin-top:3px;}
.benefit-cont01 .benecont-top02 .top-desc {float:right; color:var(--font-neutral-1); font-size:20px; font-weight:700; text-align:right;}
.benefit-cont01 .benecont-body {margin-bottom:50px;}
.benefit-cont01 .benecont-tit01 {padding-left:10px; color:var(--font-neutral-1); font-size:20px; font-weight:700;}
.benefit-cont01 .benecont-tit02 {color:#424242; font-size:15px; font-weight:700;}
.benefit-cont01 .benecont-tit03 {color:var(--font-neutral-1); font-size:18px; font-weight:700;}
.benefit-cont01 .btn-myselect {display:block; height:50px; border:1px solid #ff4562; color:#ff3f53; font-size:15px; font-weight:700; text-align:center; line-height:50px;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

.benefit-tbl-wrap {padding-left:10px;}
.benefit-tbl-wrap .benefit-tbl-tit {margin-bottom:15px; color:var(--font-neutral-1); font-size:18px; font-weight:700;}
.benefit-tbl-wrap .tbl-desc01 {color:#424242; font-size:15px;}
.benefit-tbl {width:100%; table-layout:fixed; min-width:100%; max-width:none;}
.benefit-tbl th,
.benefit-tbl td {border-bottom:1px solid #e9ecef; font-size:16px; line-height:1.5;}
.benefit-tbl .row01 th,
.benefit-tbl .row01 td {border-top:1px solid #424242;}
.benefit-tbl .row01-01 th {padding:25px 3px; border-top:1px solid #424242; color:var(--font-neutral-1); font-weight:700; text-align:center;}
.benefit-tbl th {padding:25px 0; color:var(--font-neutral-1); font-weight:700; text-align:left;}
.benefit-tbl td {padding:25px 0 25px 10px; color:var(--font-neutral-5);}
.benefit-tbl .tac {text-align:center !important;}
.benefit-tbl .tal {text-align:left !important;}
.benefit-tbl .tbl-desc02 {margin-top:8px; color:#5f7d8a; font-size:14px; line-height:1.4;}
.benefit-tbl .bul-benefit > li {margin-top:7px; line-height:1.5;}
.benefit-tbl.type01 th {font-weight:400; vertical-align:middle;}
.benefit-tbl.type01 td {padding:25px 3px; text-align:center; vertical-align:middle;}
.benefit-tbl.type01 .em {color:var(--font-neutral-1); font-weight:700;}
.benefit-tbl.type02 th {font-weight:400;}
.benefit-tbl.type02 th:first-child {padding-left:10px; color:var(--font-neutral-1); text-align:left;}
.benefit-tbl.type02 .row01 th {padding:25px 3px; color:var(--font-neutral-5); text-align:center; vertical-align:middle;}
.benefit-tbl.type02 .row01 th:first-child {padding-left:10px; color:var(--font-neutral-5); text-align:left;}
.benefit-tbl.type02 td {padding:25px 3px; text-align:center; vertical-align:middle;}
.benefit-tbl.type02 .em {color:var(--font-neutral-1); font-weight:700;}
.benefit-tbl.type03 th {color:var(--font-neutral-1); font-weight:400; text-align:center; vertical-align:middle;}
.benefit-tbl.type03 .row01 th {font-weight:700; text-align:center;}
.benefit-tbl.type03 td {vertical-align:middle;}

.bul-benefit {}
.bul-benefit > li {position:relative; margin-top:10px; padding-left:10px; color:var(--font-neutral-5); font-size:15px; line-height:1.7;}
.bul-benefit > li:first-child {margin-top:0;}
.bul-benefit > li:before {display:block; content:''; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:#424242;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.bul-benefit .uem {font-weight:700; text-decoration:underline;}
.bul-benefit .cem01 {color:#212121;}
.bul-benefit .cem02 {color:var(--font-neutral-1);}
.bul-benefit .cem03 {color:var(--font-neutral-1); font-weight:700;}

.bul-benefit01 {}
.bul-benefit01 > li {position:relative; margin-top:10px; padding-left:27px; color:var(--font-neutral-5); font-size:15px; line-height:1.5; background:url(/static/assets/images/comm/prev/renew/mark_v01_red_66x66.png) 0 1px / 20px 20px no-repeat;}
.bul-benefit01 > li:first-child {margin-top:0;}

.bul-benefit02 {}
.bul-benefit02 > li {position:relative; margin-top:10px; padding-left:22px; color:var(--font-neutral-5); font-size:15px; line-height:1.5;}
.bul-benefit02 > li:first-child {margin-top:0;}
.bul-benefit02 > li .mark {position:absolute; left:0; top:0;}
.bul-benefit02 .cem02 {color:var(--font-neutral-1);}
.bul-benefit02 .cem02 .mark {color:#424242;}
.bul-benefit02 .cem03 {color:var(--font-neutral-1); font-weight:700;}
.bul-benefit02 .cem03 .mark {color:#424242; font-weight:400;}

.bul-benefit03 {}
.bul-benefit03 > li {position:relative; margin-top:10px; padding-left:16px; color:var(--font-neutral-5); font-size:15px; line-height:1.5;}
.bul-benefit03 > li:first-child {margin-top:0;}
.bul-benefit03 > li .mark {position:absolute; left:0; top:0;}
.bul-benefit03 .cem02 {color:var(--font-neutral-1);}
.bul-benefit03 .cem03 {color:var(--font-neutral-1); font-weight:700;}

.benefit-drop-cont {padding:10px 24px 30px 24px; background-color:#f1f4f7;}
.benefit-drop-cont .benefit-droptop {position:relative; padding:22px 0; border-bottom:1px solid #e3e8ed; color:#212121; font-size:18px; line-height:1.4;}
.benefit-drop-cont .benefit-droptop .btn-expand {display:block; overflow:hidden; position:absolute; right:0; top:50%; width:32px; height:32px; margin-top:-16px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/arr_gray_99x99_d.png) 0 0 / cover no-repeat;}
.benefit-drop-cont .benefit-droptop .btn-expand.up {background-image:url(/static/assets/images/benefit/untact_card/arr_gray_99x99_u.png);}
.benefit-drop-cont .benefit-dropconetnts {display:none; margin:30px 0 50px 0;}
.benefit-drop-cont .drcts-tit01 {margin:40px 0 20px 0; color:var(--font-neutral-1); font-size:17px; font-weight:700;}
.benefit-drop-cont .drcts-tit02 {margin:20px 0 20px 0; color:var(--font-neutral-1); font-size:15px; font-weight:700;}
.benefit-drop-cont .benefit-dropconetnts .drcts-tit01:first-child {margin-top:0;}
.benefit-drop-cont .bul-benefit > li {margin-top:20px;}
.benefit-drop-cont .bul-benefit > li:first-chid {margin-top:0;}
.benefit-drop-cont .bul-benefit > li,
.benefit-drop-cont .bul-benefit02 > li,
.benefit-drop-cont .bul-benefit03 > li {line-height:1.5;}

.lpop-mask230 {display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:230; background-color:rgba(0,0,0,0.6);}
.lpop-mask250 {display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:250; background-color:rgba(0,0,0,0.6);}
.lpop-mask260 {display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:260; background-color:rgba(0,0,0,0.6);}
.lpop-mask990 {display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:990; background-color:rgba(0,0,0,0.6);}
.lpop-mask999{display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; background-color:rgba(0,0,0,0.6);}
.lpop-mask1000 {display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000; background-color:rgba(0,0,0,0.6);}

.lpop-dialog .confirm01 {min-width:70px; background-color:var(--button-primary); border-radius:12px; box-sizing:border-box;}
.lpop-dialog .confirm02 {min-width:70px; vertical-align:middle; background-color:var(--button-primary); border-radius:12px; box-sizing:border-box;}
.lpop-dialog .confirm01 + .confirm02 {margin-left:10px;}
.lpop-dialog button.cancel01 {color:var(--button-secondary-tc); background-color:var(--button-secondary); font-weight:400; line-height:40px; vertical-align:middle;}
.lpop-dialog .desc01 {display:block; margin-bottom:10px; color:rgba(0,0,0,0.87); font-size:20px; font-weight:700; line-height:1.4;}
.lpop-dialog .desc02 {display:block; font-size:14px; color:#8f989c;}
.lpop-dialog .bold {font-weight:700;}
.lpop-dialog .text01 {display:block; margin-bottom:10px; color:#212121; font-size:18px; font-weight:700;}
.lpop-dialog strong {font-weight:bold;}
.lpop-dialog strong.em {font-weight:bold; background:linear-gradient(to top, rgba(200,255,44,0.4) 40%, transparent 40%);}
.lpop-dialog .alert-title {display:block; margin-bottom:10px; font-weight:700; font-size:20px; line-height:30px; color:var(--font-neutral-1);}
.lpop-dialog .fc-black {color:var(--font-neutral-1);}
.lpop-dialog .fc-red {color:#f43347;}
.lpop-dialog .check-list {margin-top:20px;}
.lpop-dialog .check-list li {position:relative; padding-left:25px; font-size:15px;}
.lpop-dialog .check-list li:before {display:block; content:''; position:absolute; top:5px; left:0; width:17px; height:12px; background:url('/static/assets/images/benefit/untact_card/ico_check.png') no-repeat 0 0; background-size:17px 12px;}
.lpop-dialog .check-list li + li {margin-top:15px;}
.lpop-dialog.lpop-pre-info {width:calc(100% - 80px);}

.lpop-pre-info .bul-list {margin-top:20px;}
.lpop-pre-info .bul-list > li {position:relative; padding-left:16px; font-size:15px;}
.lpop-pre-info .bul-list > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#424242; border-radius:50%;}
.lpop-pre-info .bul-list > li + li {margin-top:15px;}
.lpop-pre-info .text {margin-top:10px; font-size:14px;}
.lpop-pre-info .btn-pre-white01 {display:block; height:44px; color:#212121; font-size:16px; font-weight:700; text-align:center; line-height:44px; border:1px solid #888; border-radius:24px;}
.lpop-dialog.lpop-member-only {width:calc(100% - 48px); max-width:700px; padding:40px 24px 94px;}
.lpop-dialog.lpop-member-only .title01 {display:block; margin:0 0 5px; color:var(--font-neutral-1); font-size:22px; line-height:24px; font-weight:700;}
.lpop-dialog.lpop-member-only .desc {margin:5px 0 0; color:#212121; font-size:15px; font-weight:400;}
.lpop-dialog.lpop-member-only .desc + .desc {margin:16px 0 0;}
.lpop-dialog.lpop-member-only .desc .member-em {color:#194283;}
.lpop-dialog.lpop-member-only .btn {display:block; position:absolute; right:24px; bottom:24px; left:24px;}
.lpop-dialog.lpop-member-only .btn-member-only {display:block; height:44px; color:#212121; font-size:16px; font-weight:700; text-align:center; line-height:44px; border:1px solid #888; border-radius:24px;}

.select-lpop-wrap {overflow:visible;}
.select-lpop-wrap .lpop-cont-inner {/* padding-bottom:10px; */}
.select-lpop-wrap .lpop-cont-inner01 {padding-bottom:0;}
.select-lpop-wrap .lpop-cont-inner02 {padding-bottom:100px;}
.select-lpop-wrap .lpop-cont-inner03 {padding:0 20px 100px 20px;}
.select-lpop-wrap .select-list .item-inner {width:100%; text-align:left;}
/* .select-lpop .select-list .item-inner.on:after {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png);} */
.select-lpop .lpop-header.no-tit {border-bottom:none; top:1px; box-sizing:border-box;}
.select-lpop .select-list .item-inner.disabled {color:#8f989c;}
.select-lpop-wrap.lpop-date .select-lpop .select-list > li {position:relative;}
.select-lpop-wrap.lpop-date .select-lpop .select-list .item-inner {z-index:5;}
.select-lpop-wrap.lpop-date .select-list .period {position:absolute; top:50%; right:60px; transform:translateY(-50%); font-size:14px; color:var(--font-neutral-5); opacity:0.8;z-index:7;pointer-events:none}

.terms-wrap-inlpop {padding:35px 24px; color:var(--font-neutral-1); font-size:18px; font-weight:400;}
.terms-wrap-inlpop dl dt {font-weight:700; margin-bottom:10px; font-size:15px;  line-height:1.4;}
.terms-wrap-inlpop dl dd {margin-bottom:20px; font-size:15px; line-height:1.4;}
.terms-wrap-inlpop .group {margin-top:20px; font-size:15px; line-height:1.4;}
.terms-wrap-inlpop .group > p {margin-top:10px; font-size:15px; line-height:1.4;}
.terms-wrap-inlpop .group > ol {margin-top:10px; }
.terms-wrap-inlpop .group > ol li{font-size:15px; line-height:1.4;}
.terms-wrap-inlpop .group > ul {margin-top:10px; }
.terms-wrap-inlpop .group > ul li{font-size:15px; line-height:1.4;}
.terms-wrap-inlpop strong {font-weight:700; font-size:15px; line-height:1.4;}

.terms-wrap-inlpop .innerTbl{width:100%;border-spacing:0; border-collapse:collapse}
.terms-wrap-inlpop .innerTbl th,
.terms-wrap-inlpop .innerTbl td{border:1px solid #ddd;padding:3px;}

.agency-list-wrap {padding:0 24px 24px;}
.agency-list {margin:-4px 0 0 -4px;}
.agency-list:after {display:block; content:''; clear:both;}
.agency-list > li {float:left; width:25%; padding:4px 0 0 4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.agency-list .item-inner {display:block; width:100%; height:58px; color:var(--font-neutral-1); font-size:17px; font-weight:400; text-align:center; line-height:58px; background-color:#f1f4f7;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

.select-lpop-wrap.lpop-untcard-agree {z-index:240;}
.select-lpop-wrap.lpop-untcard-agree .lpop-inner {position:fixed; height:calc(100% - 56px);} /* 2021-06-24 */
.select-lpop-wrap.lpop-untcard-agree .lpop-cont {overflow-y:visible; height:calc(100% - 56px); max-height:100% !important; padding:8px 0 0 0;}
.select-lpop-wrap.lpop-untcard-agree .lpop-cont-inner {height:100%; padding-bottom:0;}

.idcard-agree-cont {height:100%;}
.idcard-agree-cont .agcont-tit {margin-bottom:30px; padding:0 24px; color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:1.4;}
.idcard-agree-cont .agcont-body {overflow-y:scroll; height:calc(100% - 30px);}
.idcard-agree-cont .agcont-body-inner {padding:0 24px 120px 24px;}
.idcard-agree-cont .agcont-bottom {position:fixed; left:0; bottom:0; width:100%; padding:12px 20px; background-color:#fff;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.idcard-agree-cont .agcont-bottom .btn-untcard-red01 {height:52px; color:var(--button-primary-tc); font-size:var(--button-font-size); font-weight:bold; line-height:52px; background-color:var(--button-primary); border-radius:var(--button-radius);}
.idcard-agree-cont .agcont-bottom .btn-untcard-red01.disable {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled);}

.agree-all-wrap {margin-bottom:30px;}
.agree-all-wrap .agree-all {position:relative; height:72px; border:1px solid var(--gray-60); background-color:rgba(204, 213, 235, 0.20); border-radius:16px; }
.agree-all-wrap .agree-all .ick05 {position:absolute; left:14px; top:50%; z-index:10; background:url(/static/assets/images/comm/control-checkbox-off.svg) 0 0 / 24px 24px no-repeat; margin-top:-12px}
.agree-all-wrap .agree-all .ick05:checked{background-image:url(/static/assets/images/comm/control-checkbox-on.svg) !important}
.agree-all-wrap .agree-all label {display:block; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; padding:22px 14px 22px 50px; box-sizing:border-box; color:rgba(26, 58, 109, 0.80); font-size:20px; font-weight:700; text-align:left; }
.agree-all-wrap .agree-all.on{border-color:#5D67CF}
.agree-all-wrap .agree-all.on label{color:#1A3A6D}
.agree-check-cont {margin-bottom:20px; }
.agree-check-cont .ick01 + label {display:block; padding:0 0 0 35px; color:rgba(26, 58, 109, 0.80); font-size:20px; font-weight:700; line-height:28px; background:url(/static/assets/images/benefit/untact_card/mark_v04_gray_72x72.png) 0 2px / 24px 24px no-repeat;}
.agree-check-cont .ick01:checked + label {background-image: url(/static/assets/images/benefit/untact_card/mark_v04_red_72x72.png); color: #1A3A6D;}
.agree-check-cont .drop-top:has(.ick01:checked + label){border-color:#5D67CF; background:rgba(93, 103, 207, 0.06)}
.agree-check-cont .drop-top {margin-top:14px; position:relative; padding:16px 53px 16px 20px; border: 1px solid rgba(205, 209, 218, 0.6) ; border-radius:14px; background:#fff}
.cisect-body01 .agree-check-cont .drop-top{background:rgba(204, 213, 235, 0.20); border:1px solid var(--gray-60); padding:22px 43px 22px 16px}

.agree-check-cont .drop-top:first-child {margin-top:0;}
.agree-check-cont .drop-top.on {border-color:var(--input-focus-border);}
.agree-check-cont .drop-top.no-arr {padding-right:17px;}
.agree-check-cont .drop-top .btn-expand {display:block; overflow:hidden; position:absolute; right:10px; top:50%; width:32px; height:32px; text-indent:-9999px; margin-top:-16px}
.agree-check-cont .drop-top .btn-expand::before{content:''; display:inline-block; width:12px; height:12px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; -webkit-mask:var(--arrow-down-fill); mask:var(--arrow-down-fill); background-color: var(--gray-900);}
.agree-check-cont .drop-top .btn-expand.up {transform:scale(-1)}
.agree-check-cont .drop-cont {display:none; margin:18px -4px 40px 0; padding:0 0 0 8px;}
.agree-check-cont .drop-cont .ick-wrap01 {margin-top:16px;}
.agree-check-cont .drop-cont .ick-wrap01:first-child {margin-top:0;}
.agree-check-cont .ick-wrap01 {position:relative; padding:0 20px 0 0;}
.agree-check-cont .ick-wrap01.no-arr {padding-right:0;}
.agree-check-cont .ick-wrap01 .btn-lpop-terms {display:block; overflow:hidden; position:absolute; right:0; top:4px; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: var(--arrow-normal-gray3);}
.agree-check-cont .etc-terms-cont {margin-top:16px;}
.agree-check-cont .desc01 {color:#607d8b; font-size:14px; font-weight:400; line-height:1.6;}

.etc-terms-cont {color:#424242; font-size:15px; font-weight:400; line-height:1.5;}
.etc-terms-cont .etcont-tit {margin-bottom:10px; color:#212121;}
.etc-terms-cont .btn-lpop-terms-wrap {margin-top:16px; position:relative; padding-right:20px;}
.etc-terms-cont .btn-lpop-terms-wrap .btn-lpop-terms {display:block; overflow:hidden; position:absolute; right:0; top:2px; width:20px; height:20px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/arr_gray_60x60_r.png) 0 0 / cover no-repeat;}

.etc-terms-list-wrap {margin-top:10px; padding-left:24px;}
.etc-terms-list {display:table; table-layout:fixed; width:100%;}
.etc-terms-list > li {display:table-row;}
.etc-terms-list .item-inner {display:table-cell; width:50%; padding:7px 0 7px 0px;}

.full-lpop-wrap {display:block; display:none;/*  overflow:hidden; */ position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000;}
.full-lpop-wrap .lpop-inner {position:absolute; left:0; top:0; bottom:0; width:100%;}
.full-lpop {height:100%;  font-weight:400; line-height:1.5; background-color:#fff;}
.full-lpop .lpop-header {position:relative; padding:14px 50px 18px 24px; border-bottom:1px solid rgba(0,0,0,0.06); background-color:#fff;}
.full-lpop .lpop-header.no-chk-agree {padding:14px 50px 0px 24px; border-bottom:none;}
.full-lpop .lpop-header.tit02-header {padding-right:24px; border-bottom:none;}
.full-lpop .lpop-header.tit02-header01 {padding-right:24px; border-bottom:1px solid #f1f4f7;}
.full-lpop .lpop-header .lpop-tit {margin-bottom:28px; color:var(--font-neutral-1); font-size:17px; font-family:inherit; font-weight:700; line-height:1.6;}
.full-lpop .lpop-header .lpop-tit01 {color:var(--font-neutral-1); font-size:16px; font-weight:700; line-height:1.5;}
.full-lpop .lpop-header .lpop-tit02 {margin-top:46px; color:var(--font-neutral-1); font-size:20px; font-weight:700; line-height:1.5;}
.full-lpop .lpop-header.no-chk-agree .lpop-tit {margin-bottom:0;}
.full-lpop .lpop-header .btn-back {display:block; overflow:hidden; position:absolute; left:14px; top:8px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/prev/renew/arr_black_58x49_l.png) center center / 18px auto no-repeat;}
.full-lpop .lpop-header .btn-close {display:block; position:absolute; right:14px; top:8px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/ico-close.svg) no-repeat center /24px;}
.full-lpop .lpop-header01 {position:relative; padding:14px 14px 14px 55px; border-bottom:none; background-color:#fff;}
.full-lpop .lpop-header01 .lpop-tit {margin-bottom:0; color:var(--font-neutral-1); font-size:17px; font-family:inherit; font-weight:700; line-height:1.6;}
.full-lpop .lpop-header01 .btn-back {display:block; overflow:hidden; position:absolute; left:14px; top:8px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/ico-back.svg) no-repeat left center / 24px}

.full-lpop .lpop-cont {overflow-y:auto; height:calc(100% - 65px); background-color:#fff;}
.full-lpop .lpop-cont .cont-inner-fixed-wrap {padding-bottom:100px;}
.full-lpop .lpop-chk-agree {margin-top:20px;}
.full-lpop .lpop-chk-agree label {}
.full-lpop-wrap .btn-confirm-fn {position:absolute; bottom:0; left:0; right:0; height:auto; padding:0 20px 14px; font-size:0; background-color:#fff;}
.full-lpop-wrap .btn-confirm-fn button {display:block; width:100%; height:52px; padding:0; line-height:52px; text-align:center; font-size:var(--button-font-size); color:var(--button-primary-tc); font-weight:bold; background-color:var(--button-primary); border-radius:var(--button-radius);}
.full-lpop-wrap .btn-confirm-fn button[disabled] {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled);}
.full-lpop-wrap .btn-confirm-fn01 {position:absolute; bottom:0; left:0; right:0; padding:12px 20px; font-size:0; background-color:var(--background-color-2);}
.full-lpop-wrap .btn-confirm-fn01 button {display:block; width:100%; height:53px; line-height:53px; text-align:center; font-size:var(--button-font-size); color:var(--button-primary-tc); font-weight:bold; background-color:var(--button-primary); border-radius:var(--button-radius);}
.full-lpop-wrap .btn-confirm-fn01 button[disabled] {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled);}
.full-lpop-wrap .push-terms-cont {padding:30px 24px 0 24px; color:#666; font-size:13px;}
.full-lpop-wrap .push-terms-cont .p-tit01 {margin:18px 0; color:#202020; font-size:15px; font-weight:700; line-height:18px;}
.full-lpop-wrap .push-terms-cont .p-tit01:first-child {margin-top:0;}
.full-lpop-wrap .push-terms-cont .p-tit02 {margin:10px 0; color:#202020; font-size:15px; line-height:18px;}
.full-lpop-wrap .push-terms-cont .p-tit03 {margin:8px 0; color:#666; font-size:13px; line-height:18px;}
.full-lpop-wrap .push-terms-cont .p-tit04 {margin:8px 0; color:#ff3f53; font-size:13px; font-weight:700; line-height:18px;}
.full-lpop-wrap .push-terms-cont p {color:#666; font-size:13px; line-height:18px;}
.full-lpop-wrap .push-terms-cont ul {color:#666; font-size:13px; line-height:18px;}
.full-lpop-wrap .push-terms-cont ul ul {padding-left:10px;}
.full-lpop-wrap .push-terms-cont table {margin:5px 0; width:100%; table-layout:fixed;}
.full-lpop-wrap .push-terms-cont table th,
.full-lpop-wrap .push-terms-cont table td {padding:5px 4px; font-size:13px; color:#666; border:1px solid #ddd; border-top:none; text-align:center; vertical-align:middle;}
.full-lpop-wrap .push-terms-cont table tr.row01 th,
.full-lpop-wrap .push-terms-cont table tr.row01 td {border-top:1px solid #ddd;}
.full-lpop-wrap .push-terms-cont table th {background-color:#f6f6f6;}
.full-lpop-wrap .push-terms-cont table th.bg-white {background-color:#fff;}
.full-lpop-wrap .push-terms-cont table.tbl-inlpop td {text-align:left; background-color:#fff;}
.full-lpop-wrap .push-terms-cont .box-gray {padding:10px; border:1px solid #ddd;}
.full-lpop-wrap .push-terms-cont .box-gray + .box-gray {border-top:0 none;}
.full-lpop-wrap .push-terms-cont .fc-red01 {color:var(--font-point-1) !important;}
.full-lpop-wrap .push-terms-cont .fc-blue01 {color:#3232ff !important;}
.full-lpop-wrap .push-terms-cont .tac {text-align:center !important;}
.full-lpop-wrap .push-terms-cont .tar {text-align:right !important;}
.full-lpop-wrap .push-terms-cont .tal {text-align:left !important;} /* 2023-05-10 */
.full-lpop-wrap .push-terms-cont .em {display:inline; background:repeating-linear-gradient(180deg, transparent, transparent .6em, #eeee66 .6em, #eeee66 1.25em);}
.full-lpop-wrap .push-terms-cont .tdu {text-decoration:underline !important;}
/* 다른곳 약관 불러와 수정 */
.full-lpop-wrap .push-terms-cont h4 {color:#202020; font-size:15px; font-weight:700;}
.full-lpop-wrap .push-terms-cont h4 + .sub_txt {margin-bottom:15px;}
.full-lpop-wrap .push-terms-cont dl > dt {margin:8px 0; color:#202020; font-size:13px; font-weight:700;}
.full-lpop-wrap .push-terms-cont dl > dt.tit {margin-top:15px; font-weight:700;}
.full-lpop-wrap .push-terms-cont dl > dd {color:#666; font-size:13px;}
.full-lpop-wrap .push-terms-cont ul ul,
.full-lpop-wrap .push-terms-cont ul ol,
.full-lpop-wrap .push-terms-cont ol ol,
.full-lpop-wrap .push-terms-cont ul ul {margin-top:3px; padding-left:10px;}
.full-lpop-wrap .push-terms-cont ul > li,
.full-lpop-wrap .push-terms-cont ol > li {margin-top:3px;}
.full-lpop-wrap .push-terms-cont ul > li:first-child,
.full-lpop-wrap .push-terms-cont ol > li:first-child {margin-top:0;}
.full-lpop-wrap .push-terms-cont .agreeWrap {color:#666; font-size:13px;}
.full-lpop-wrap .push-terms-cont ul + p,
.full-lpop-wrap .push-terms-cont ol + p {margin-top:5px;}
.full-lpop-wrap .push-terms-cont p + ul {margin-top:5px;}
.full-lpop-wrap .push-terms-cont .a_tit {margin:15px 0; color:#202020; font-size:15px; font-weight:700;}
.full-lpop-wrap .push-terms-cont .a_tit:first-child {margin-top:0;}
.full-lpop-wrap .push-terms-cont table tr:first-child th,
.full-lpop-wrap .push-terms-cont table tr:first-child td {border-top:1px solid #ddd;}
.full-lpop-wrap .push-terms-cont strong {font-weight:700;}
.full-lpop-wrap .push-terms-cont strong + ul {margin-top:10px;}
.full-lpop-wrap .push-terms-cont .f_16 {font-size:14px;}
.full-lpop-wrap .push-terms-cont .f_col1 {color:#202020;}
.full-lpop-wrap .push-terms-cont .underline {text-decoration:underline;}
.full-lpop-wrap .push-terms-cont p + p {margin-top:5px;}
.full-lpop-wrap .push-terms-cont.cont-type01 ul > li {position:relative; padding-left:5px;}
.full-lpop-wrap .push-terms-cont.cont-type01 ul > li:before {display:block; content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background-color:#666;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.full-lpop-wrap .push-terms-cont.cont-type01 ol > li {position:relative; padding-left:5px;}
.full-lpop-wrap .push-terms-cont.cont-type01 ol > li:before {display:block; content:''; position:absolute; left:0; top:8px; width:4px; height:1px; background-color:#666;}
.full-lpop-wrap .push-terms-cont .s_grade01 {display:inline-block; margin-left:5px; width:40px; height:17px; font-size:12px; background-color:#23a6d2; color:#fff; line-height:17px; border-radius:10px; text-align:center;}

.full-lpop01 {height:100%;  font-weight:400; line-height:1.5; background-color:#f9f9fa;}
.full-lpop01 .lpop-header {position:relative; padding:12px 50px 14px 24px;}
.full-lpop01 .lpop-header .lpop-tit {color:var(--font-neutral-1); font-size:18px; font-family:inherit; font-weight:700; line-height:26px;}
.full-lpop01 .lpop-header .lpop-tit-sub {margin-top:5px; font-size:14px; color:var(--font-neutral-1);}
.full-lpop01 .lpop-header .lpop-tit01 {color:var(--font-neutral-1); font-size:16px; font-weight:700; line-height:1.5;}
.full-lpop01 .lpop-header .lpop-tit02 {margin-top:60px; color:var(--font-neutral-1); font-size:20px; font-weight:700; line-height:1.5;}
.full-lpop01 .lpop-header .btn-close {display:block; position:absolute; right:14px; top:8px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/ico-close.svg) no-repeat center /24px;}
.full-lpop01 .lpop-header .btn-back {display:block; overflow:hidden; position:absolute; left:14px; top:8px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/prev/renew/arr_black_58x49_l.png) center center / 18px auto no-repeat;}
.full-lpop01 .lpop-cont {overflow-y:auto; height:calc(100% - 54px);}
.full-lpop01 .lpop-cont .cont-inner-fixed-wrap {padding-bottom:100px;}
.full-lpop01 .lpop-chk-agree {margin-top:20px;}
.full-lpop01 .lpop-chk-agree label {}
.full-lpop01 .push-terms-cont {padding:30px 24px 0 24px; color:#666; font-size:13px;}
.full-lpop01 .gmso-ick-wrap {padding:16px; border:1px solid #ddd; background-color:#fff;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.full-lpop01 .gmso-ick-wrap.on {border-color:#000;}
.full-lpop01 .gmso-ick-wrap.space {margin:0 24px;}

/* 2021-12-08 -2021-09-17에 수정했던 금소법 팝업 원복 
.full-lpop-wrap.gmso-type {overflow-y:auto; background-color:#f9f9fa;}
.full-lpop-wrap.gmso-type .full-lpop01 {padding-top:101px; background-color:transparent;}
.full-lpop-wrap.gmso-type .full-lpop01 .lpop-header {position:fixed; left:0; top:0; width:100%; background-color:#f9f9fa;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.full-lpop-wrap.gmso-type .full-lpop01 .lpop-cont {overflow:visible;}
.full-lpop-wrap.gmso-type .btn-confirm-fn01 {position:fixed; left:0; bottom:0; width:100%;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*/
.certi-sect-inlpop {margin:0 0 40px 0; padding:0 24px;}
.certi-sect-inlpop.bottom-fixed {margin-bottom:96px;}
.certi-sect-inlpop .cersect-tit {margin-bottom:20px; color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px;}
.certi-sect-inlpop .phone-num {color:var(--font-neutral-1); font-size:18px; font-weight:400; line-height:26px}
.certi-sect-inlpop .phone-num em {font-weight:700;}
.certi-sect-inlpop .phone-call-box {margin-top:40px; padding:154px 22px 30px 22px; background:var(--background-color-2) url(/static/assets/images/benefit/untact_card/ico_phone_call.png) center 42px / 52px auto no-repeat; border-radius:20px;}
.certi-sect-inlpop .phone-call-box.num-type {padding-top:45px; background-image:none;}
.certi-sect-inlpop .phone-call-box.num-type .certi-num {margin-bottom:36px; color:var(--font-neutral-1); font-size:50px; font-weight:700; text-align:center; line-height:1.5;}
.certi-sect-inlpop .phone-call-box.kakaopay {padding-top:149px; background:#f1f4f7 url(/static/assets/images/benefit/untact_card/ico_kakaopay.png) center 73px / 89px auto no-repeat;}
.certi-sect-inlpop .phone-call-box.kakaopay .kakaopay-desc {color:var(--font-neutral-1); font-size:16px; font-weight:400; line-height:1.6;}
.certi-sect-inlpop .phone-call-box.desc-type {padding:60px 22px 28px 22px; background-image:none;}
.certi-sect-inlpop .phone-call-box .btn-certi {display:block; 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);}
.certi-sect-inlpop .phone-call-box .btn-certi.disable {color:var(--button-secondary-disabled-tc); background-color:var(--button-secondary-disabled);}
.certi-sect-inlpop .phone-call-box .btn-certi01 {display:inline-flex; width:100%; align-items:center; justify-content:center; height:var(--button-height); border:var(--button-outline-border); color:var(--button-outline-tc); font-size:var(--button-font-size); font-weight:700; text-align:center; background-color:#fff; 
box-sizing:border-box; border-radius:var(--button-radius);}
.certi-sect-inlpop .question-wrap {margin-top:56px; text-align:center;}
.certi-sect-inlpop .question-wrap .question {display:inline-block; padding-bottom:2px; border-bottom:1px solid var(--button-underline-color); color:var(--font-neutral-5); font-size:16px; line-height:24px;}
.certi-sect-inlpop .certi-desc01 {margin-top:18px; color:var(--font-neutral-5); font-size:14px; font-weight:400; line-height:1.7;}
.certi-sect-inlpop .certi-desc02 {color:var(--font-neutral-1); font-size:16px; text-align:center;}
.certi-sect-inlpop + .certi-bottom {position:absolute; left:0; bottom:0; width:100%; padding:0 20px 20px; background-color:#fff; border-radius:0 0 24px 24px;}

.banks-withdraw-wrap {margin-top:-15px; padding:0 22px 48px;}
.banks-to-withdraw01 {padding-bottom:24px;}
.banks-to-withdraw01:after {display:block; content:''; clear:both;}
.banks-to-withdraw01 > li {float:left; width:33.3%; padding:30px 0 0 0;}
.banks-to-withdraw01 > li a {display:block; color:var(--font-neutral-1); font-size:15px; text-align:center; line-height:1.5;}
.banks-to-withdraw01 > li img {display:block; width:auto; height:42px; margin:0 auto 7px auto;}
.banks-to-withdraw01 > li {}
.banks-to-withdraw02:after {display:block; content:''; clear:both;}
.banks-to-withdraw02 > li {float:left; width:25%; padding:30px 0 0 0;}
.banks-to-withdraw02 > li a {display:block; color:var(--font-neutral-1); font-size:13px; text-align:center; line-height:1.5;}
.banks-to-withdraw02 > li img {display:block; width:auto; height:32px; margin:0 auto 7px auto;}
.banks-withdraw-wrap .desc01 {font-size:16px; color:var(--font-neutral-7); line-height:24px; }

.email-itxt-wrap {}
.email-itxt-wrap .email-addr {position:relative; padding-right:44px;}
.email-itxt-wrap .email-addr .email-separator {display:block; position:absolute; right:0; top:0; width:44px; color:var(--font-neutral-1); font-size:17px; text-align:center; line-height:54px;}
.email-itxt-wrap .email-dom {margin-top:10px;}
.email-itxt-wrap .email-dom:after {display:block; content:''; clear:both;}
.email-itxt-wrap .email-dom .itxt01 {float:left; width:calc(100% - 125px);}
.email-itxt-wrap .email-dom .btn-untcard-select02 {float:left; margin-left:5px; width:120px; height:54px; padding-right:38px}

.gmso-sect01 {padding:20px 0 50px 0;}
.gmso-sect01 .gmsect-tit01 {margin-bottom:33px; color:var(--font-neutral-1); font-size:23px; font-weight:700; line-height:1.5;}
.gmso-sect01 .gmsect-body01 {}
.gmso-sect01 .gmso-tit01 {margin:37px 0 15px 0; color:#212121; font-size:17px;}
.gmso-sect01 .gmso-tit01:first-child {margin-top:0;}
.gmso-sect01 .gmso-tit02 {margin-bottom:10px; color:#212121; font-size:17px;}
.gmso-sect01 .desc01 {color:#607d8b; font-size:14px;}
.gmso-sect01 .desc02 {color:#424242; font-size:14px;} 
.gmso-sect01 .btn-confirm-wrap {margin-top:13px; text-align:center;}
.gmso-sect01 .btn-confirm {width:134px; height:52px; text-align:center; color:#fff; font-size:17px; font-weight:700; line-height:52px; background-color:#ff4562;
	-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gmso-sect01 .btn-confirm:disabled {color:#bdbdbd; background-color:#e0e4e8;}
.gmso-sect01 .btn-confirm.checked {border:1px solid #000; background-color:#fff; color:var(--font-neutral-1);}
.gmso-sect01 .btn-confirm.checked em{padding-left:30px; background:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png) 0 0 / 24px 24px no-repeat;}
.gmso-sect01 .confirm-next-cont {display:none; margin-top:30px;}
.gmso-sect01 .gmso-info-wrap {padding:26px 20px; color:var(--font-neutral-1); font-size:15px; background-color:var(--background-color-2); border-radius:20px;}
.gmso-sect01 .gmso-info-wrap .info-desc01 {margin:10px 0; font-size:18px;}
.gmso-sect01 .gmso-info-wrap .info-desc01 em {display:inline-block; margin-bottom:1px; border-bottom:1px solid #000; font-weight:700;}
.gmso-sect01 .gmso-ick-wrap {padding:12px 4px 12px 14px; }
.gmso-sect01 .gmso-ick-wrap .ick01 + label{font-size:16px; line-height:24px; font-weight:700; padding-left:36px; background:url(/static/assets/images/benefit/untact_card/mark_v04_gray_72x72.png) 0 50% / 24px 24px no-repeat  }
.gmso-sect01 .gmso-ick-wrap .ick01:checked + label{background-image:url(/static/assets/images/benefit/untact_card/mark_v04_red_72x72.png)}
.gmso-sect01 .gmso-ick-wrap.nece {position:relative; padding-right:40px;}
.gmso-sect01 .gmso-ick-wrap.nece.on{padding-right:39px}
.gmso-sect01 .gmso-ick-wrap.nece label {font-weight:700;}
.gmso-sect01 .gmso-ick-wrap.nece .ick-desc02 {display:block; color:var(--font-neutral-5); font-size:14px; font-weight:400; line-height:20px}
.gmso-sect01 .gmso-ick-wrap.nece .btn-arr {display:block; overflow:hidden; position:absolute; right:16px; top:50%; margin-top:-12px; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: #626A7A; opacity:0.4; }
.gmso-sect01 .agree-check-cont .drop-top {background-color:#fff;}
.gmso-sect01 .agree-check-cont .drop-cont {margin-bottom:30px;}
.gmso-sect01 .btn-confirm-wrap {margin-top:20px;}
.gmso-sect01 .btn-confirm01 {display:block; width:100%; height:52px; border:1px solid #ff4562; color:#fff; font-size:15px; font-weight:700; text-align:center; line-height:52px; background-color:#ff4562;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;}
.gmso-sect01 .btn-confirm01:disabled {color:#ff3f53; background-color:#fff;}
.gmso-sect01 .btn-confirm02 {display:block; width:100%; height:52px; border:1px solid #ff4562; color:#ff3f53; font-size:15px; font-weight:700; text-align:center; line-height:52px; background-color:#fff;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.gmso-sect01 .confirm-time-cont {display:none; margin-top:30px;}

.gmso-sect01 .mark-lpop-wrap {display:inline-block; position:relative; width:18px; height:18px; vertical-align:middle;}
.gmso-sect01 .mark {display:inline-block; overflow:hidden; width:18px; height:18px; font-size:1px; line-height:1px; text-indent:-9999px; vertical-align:top; background:url(/static/assets/images/benefit/untact_card/mark_question_60x60.png) 0 0 / cover no-repeat;}
.gmso-sect01 .mark01 {display:block; overflow:hidden; width:20px; height:20px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}
.gmso-sect01 .mark-lpop {display:none; position:absolute; left:-65px; top:25px; z-index:20; width:calc(100vw - 60px); padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);border-radius:16px; box-sizing:border-box;backdrop-filter: blur(6px);}
/* .gmso-sect01 .mark-lpop:before {display:block; content:''; position:absolute; left:71px; top:-21px; width:0; height:0; border:9px solid transparent; border-bottom-color:rgba(50,50,50,0.83); border-bottom-width:12px;} */
.gmso-sect01 .mark-lpop-desc {color:#fff; font-size:15px; line-height:22px;}
.gmso-sect01 .mark-lpop-close {display:block; overflow:hidden; position:absolute; right:24px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') 0 0 / cover no-repeat;}

.add-terms-list-wrap {margin-top:10px; padding-left:24px;}
.add-terms-list-wrap .add-terms-tit {margin:13px 0; color:var(--font-neutral-5); font-size:15px; line-height:24px;}
.add-terms-list > li + li {margin-top:13px;}
.add-terms-list-wrap.no-chk {padding-left:34px;}
.add-terms-list-wrap.no-chk .add-terms-list > li {font-size:15px;}

.agree-check-cont .grade-tag {display:inline-block; height:22px; line-height:11px; margin-left:5px; border-radius:5px; font-size:11px; text-align:center; padding:6px 6px 5px; white-space:nowrap; font-weight:700}
.agree-check-cont .drop-cont .grade-tag {position:relative; top:-1px;}
.agree-check-cont .grade-tag.grade01 {background:rgba(118, 155, 255, 0.16) ; color:#597AD3;}
.agree-check-cont .grade-tag.grade02 {color:#57A576; background:rgba(72, 239, 69, 0.16)}
.agree-check-cont .grade-tag.grade03 { background:rgba(237, 199, 66, 0.16); color:#CDB355;  }
.agree-check-cont .grade-tag.grade04 {background:rgba(241, 164, 109, 0.16); color:#E5845B;}
.agree-check-cont .grade-tag.grade05 {background:rgba(255, 151, 220, 0.16); color:#E86099; }
.agree-check-cont .grade-gauge-box {width:100%;}
.agree-check-cont .grade-gauge-box:after {display:block; content:''; clear:left;}
.agree-check-cont .grade-gauge-box .grade-item {float:left; width:20%; padding:3px 0; color:#fff; font-size:11px; line-height:11px; text-align:center;}
.agree-check-cont .grade-gauge-box .grade-item:first-child {border-radius:13px 0 0 13px;}
.agree-check-cont .grade-gauge-box .grade-item:last-child {border-radius:0 13px 13px 0;}
.agree-check-cont .grade-gauge-box .grade-item:before {content: none;}
.agree-check-cont .grade-gauge-box .grade-item:first-child:before {content: none;}
.agree-check-cont .grade-gauge-box .grade-item:last-child:before {content: none;}
.agree-check-cont .grade-gauge-box .grade-item.grade01 {background-color:#23a6d2; color:#fff;}
.agree-check-cont .grade-gauge-box .grade-item.grade02 {background-color:#4fb348; color:#fff;}
.agree-check-cont .grade-gauge-box .grade-item.grade03 {background-color:#efd11b; color:#fff;}
.agree-check-cont .grade-gauge-box .grade-item.grade04 {background-color:#f6933e; color:#fff;}
.agree-check-cont .grade-gauge-box .grade-item.grade05 {background-color:#ee3f24; color:#fff;}
.agree-check-cont .btn-wrap {margin-top:20px;}
.agree-check-cont .btn-grade-detail {display:block; width:100%; border:1px solid #fc7063; border-radius:6px; background-color:#fff; text-align:center; line-height:50px; font-size:15px; color:#fc7063; box-sizing:border-box;}

.lpop-grade-detail .lpop-header .lpop-tit {margin-bottom:0;}
.lpop-grade-detail .grade-info-cont {padding:24px;}

.bul-desc > li {position:relative; margin-top:10px; padding-left:10px; color:#607d8b; font-size:14px; line-height:1.7;}
.bul-desc > li:first-child {margin-top:0;}
.bul-desc > li:before {display:block; content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#607d8b;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

.gauge-lpop .lpop-header {padding:14px 24px 18px 24px;}
.gauge-lpop .lpop-header.bbn {padding:14px 24px 0 24px; border-bottom:none;}
.gauge-lpop .lpop-header .lpop-tit {padding-right:26px;}

.gauge-lpop .grade-gauge-wrap {position:relative; margin:15px 20px 25px;}
.gauge-lpop .grade-gauge-wrap + .push-terms-cont {padding:10px 24px;}
.gauge-lpop .title-info-wrap {margin-bottom:15px; text-align:center;}
.gauge-lpop .title-info-wrap .title {display:inline-block; font-size:15px; line-height:15px; font-weight:700; vertical-align:middle;}
.gauge-lpop .title-info-wrap .info {display:inline-block; position:relative; width:16px; height:16px; margin-left:5px; font-size:1px; line-height:1px; text-indent:-9999px; vertical-align:middle; background:url('/static/assets/images/benefit/untact_card/mark_info_60x60.png') 0 0 / cover no-repeat;}
.gauge-lpop .title-info-wrap .info-lpop {display:none; position:absolute; top:38px; right:0; left:0; z-index:20; width:100%; padding:32px 20px 20px; background-color:rgba(64, 66, 76, 0.9); border-radius:8px; box-sizing:border-box;}
.gauge-lpop .title-info-wrap.open .info:before {display:block; content:''; position:absolute; left:0; top:11px; width:0; height:0; border:9px solid transparent; border-bottom-color:rgba(64, 66, 76, 0.9); border-bottom-width:11px;}
.gauge-lpop .title-info-wrap.open .info-lpop {display:block;}
.gauge-lpop .title-info-wrap .info-lpop .info-lpop-desc {color:#fff; font-size:14px; line-height:1.4; text-align:left;}
.gauge-lpop .title-info-wrap .info-lpop .info-lpop-close {display:block; overflow:hidden; position:absolute; right:9px; top:9px; width:24px; height:24px; text-indent:-9999px; background:url('/static/assets/images/benefit/untact_card/mark_x_72x72.png') 0 0 / cover no-repeat;}

.gauge-lpop .grade-gauge-box {width:100%;}
.gauge-lpop .grade-gauge-box:after {display:block; content:''; clear:left;}
.gauge-lpop .grade-gauge-box .grade-item {float:left; position: relative; width:20%; padding:3px 0; color:#fff; font-size:11px; line-height:11px; text-align:center;}
.gauge-lpop .grade-gauge-box .grade-item:first-child {border-radius:13px 0 0 13px;}
.gauge-lpop .grade-gauge-box .grade-item:last-child {border-radius:0 13px 13px 0;}
.gauge-lpop .grade-gauge-box .grade-item:before {content: none;}
.gauge-lpop .grade-gauge-box .grade-item:first-child:before {content: none;}
.gauge-lpop .grade-gauge-box .grade-item:last-child:before {content: none;}
.gauge-lpop .grade-gauge-box .grade-item.grade01 {background-color:#23a6d2; }
.gauge-lpop .grade-gauge-box .grade-item.grade02 {background-color:#4fb348;}
.gauge-lpop .grade-gauge-box .grade-item.grade03 {background-color:#efd11b;}
.gauge-lpop .grade-gauge-box .grade-item.grade04 {background-color:#f6933e;}
.gauge-lpop .grade-gauge-box .grade-item.grade05 {background-color:#ee3f24;}

.select-lpop-wrap.lpop-gmso01 {z-index:240;}
.lpop-gmso01 .lpop-cont {padding:0;}
.lpop-gmso01 .gmso-sect01 {padding:0 24px 0 24px;}
.lpop-gmso01 .gmso-sect01 .gmso-info-wrap {background-color:var(--background-color-2);}
.lpop-gmso01 .gmso-sect01 .gmso-ick-wrap.nece {display:none;}
.lpop-gmso01 .gmso-sect01 .nece-desc {display:none;}

.lpop-launder-sect01 {padding:0 24px; color:var(--font-neutral-1); font-size:15px;}
.lpop-launder-sect01 .lausect-tit01 {margin-bottom:30px; color:var(--font-neutral-1); font-size:24px; font-weight:700;}
.lpop-launder-sect01 .lausect-desc01 {color:#8f989c; font-size:14px;}

.grade-tag01 {display:inline-block; min-width:37px; height:23px; padding:0 8px; font-size:12px; line-height:21px; text-align:center;
	-webkit-border-radius:11.5px;-moz-border-radius:11.5px;border-radius:11.5px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grade-tag01.grade01 {border:1px solid #d3e0ff; color:#6788d8; font-weight:700;}
.grade-tag01.grade02 {border:1px solid #cff0d1; color:#30b23c; font-weight:700;}
.grade-tag01.grade03 {border:1px solid #ffe2b6; color:#ff9f5a; font-weight:700;}
.grade-tag01.grade04 {border:1px solid #ffe2b6; color:#ff7940; font-weight:700;}
.grade-tag01.grade05 {border:1px solid #ffb5b5; color:#ff3838; font-weight:700;}

.grade-gauge-box01 {width:100%; padding:30px 0 6px 0;}
.grade-gauge-box01:after {display:block; content:''; clear:left;}
.grade-gauge-box01 .grade-item {float:left; position: relative; width:20%; height:20px; color:var(--font-neutral-1); font-size:13px; text-align:center;}
.grade-gauge-box01 .grade-item:first-child {border-radius:13px 0 0 13px;}
.grade-gauge-box01 .grade-item:last-child {border-radius:0 13px 13px 0;}
.grade-gauge-box01 .grade-item.grade01 {background-color:#8fadf9;}
.grade-gauge-box01 .grade-item.grade02 {background-color:#b1e786;}
.grade-gauge-box01 .grade-item.grade03 {background-color:#ffee86;}
.grade-gauge-box01 .grade-item.grade04 {background-color:#ffa183;}
.grade-gauge-box01 .grade-item.grade05 {background-color:#fa6a6a;}
.grade-gauge-box01 .grade-item em {position:relative; top:-28px;}
.grade-gauge-box01 .grade-item.on {font-weight:700;}
.grade-gauge-box01 .grade-item.on:after {display:block; overflow:hidden; content:''; position:absolute; left:50%; bottom:-6px; width:17px; height:15px; margin-left:-8.5px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/arr_34x30_u.png) 0 0 / cover no-repeat;}

.lpop-launder-gauge {}
.lpop-launder-gauge .grade-gauge-wrap {position:relative; margin:15px 0 25px;}
.lpop-launder-gauge .title-info-wrap {margin-bottom:15px; text-align:center;}
.lpop-launder-gauge .title-info-wrap .title {display:inline-block; font-size:15px; line-height:15px; font-weight:700; vertical-align:middle;}
.lpop-launder-gauge .title-info-wrap .info {display:inline-block; position:relative; width:16px; height:16px; margin-left:5px; font-size:1px; line-height:1px; text-indent:-9999px; vertical-align:middle; background:url('/static/assets/images/benefit/untact_card/mark_info_60x60.png') 0 0 / cover no-repeat;}
.lpop-launder-gauge .title-info-wrap .info-lpop {display:none; position:absolute; top:38px; right:0; left:0; z-index:20; width:100%; padding:32px 20px 20px; background-color:rgba(64, 66, 76, 0.9); border-radius:8px; box-sizing:border-box;}
.lpop-launder-gauge .title-info-wrap.open .info:before {display:block; content:''; position:absolute; left:0; top:11px; width:0; height:0; border:9px solid transparent; border-bottom-color:rgba(64, 66, 76, 0.9); border-bottom-width:11px;}
.lpop-launder-gauge .title-info-wrap.open .info-lpop {display:block;}
.lpop-launder-gauge .title-info-wrap .info-lpop .info-lpop-desc {color:#fff; font-size:14px; line-height:1.4; text-align:left;}
.lpop-launder-gauge .title-info-wrap .info-lpop .info-lpop-close {display:block; overflow:hidden; position:absolute; right:9px; top:9px; width:24px; height:24px; text-indent:-9999px; background:url('/static/assets/images/benefit/untact_card/mark_x_72x72.png') 0 0 / cover no-repeat;}

.lpop-agree-sect01 {padding:0 24px;}
.lpop-agree-sect01 .lagsect-tit01 {margin-bottom:16px; color:var(--font-neutral-2); font-size:22px; font-weight:700; line-height:30px; word-break: keep-all;}
.lpop-agree-sect01 .lagsect-tit02 {margin-bottom:16px; color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px; }
.lpop-agree-sect01 .lagsect-tit03 {margin-bottom:22px; color:var(--font-neutral-2); font-size:22px; line-height:30px; font-weight:700;}
.lpop-agree-sect01 .lagsect-desc01 {color:var(--font-neutral-3); font-size:16px; line-height:24px;}
.lpop-agree-sect01 .lagsect-desc02 {color:#757575; font-size:14px;}
.lpop-agree-sect01 .lagsect-desc03 {color:var(--font-neutral-1); font-size:16px; text-align:left;}
.lpop-agree-sect01 .lagsect-desc04 {color:var(--font-neutral-5); font-size:16px;line-height:24px;}
.lpop-agree-sect01 .lagsect-desc04 strong {color:var(--font-point-2); font-weight: 700;}
.lpop-agree-sect01 .lagsect-desc05 {margin-top:12px; padding-left:32px; color:#212121; font-size:15px; background:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png) 0 2px / 20px auto no-repeat;}
.lpop-agree-sect01 .lagsect-desc05:first-child {margin-top:14px;}
.lpop-agree-sect01 .lagsect-desc06 {color:#8f989c; font-size:14px; padding-left:22px; background:url(/static/assets/images/benefit/untact_card/mark_1_40x40.png) 0 2px / 16px 16px no-repeat;}
.lpop-agree-sect01 .lagsect-bdbox {padding:20px 18px 20px 20px; border:1px solid #ddd;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

.ts-inner-cont .dcc-info-wrap {margin-bottom:15px; position:relative;}
.ts-inner-cont .dcc-info-wrap .tsin-cont-tit {display:inline-block; margin-bottom:0; line-height:1.2;}
.ts-inner-cont .dcc-info-wrap .info-lpop-wrap {display:inline-block; width:16px; height:16px; vertical-align:-2px;}
.ts-inner-cont .dcc-info-wrap .info {display:block; overflow:hidden; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}
.ts-inner-cont .dcc-info-wrap .info-lpop {display:none; position:absolute; z-index:10; left:0; top:30px;padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);  border-radius:16px; backdrop-filter: blur(6px); width:calc(100vw - 40px)}
/* .ts-inner-cont .dcc-info-wrap .info-lpop:before {display:block; content:''; position:absolute; left:236px; top:-18px; width:0; height:0; border:8px solid transparent; border-bottom-color:rgba(64,66,76,0.9); border-bottom-width:10px;} */
.ts-inner-cont .dcc-info-wrap .info-lpop-desc {color:var(--tooltip-tc ); font-size:15px; line-height:22px;}
.ts-inner-cont .dcc-info-wrap .desc-tit {font-size:16px; font-weight:bold; margin-bottom:12px;}
.ts-inner-cont .dcc-info-wrap .info-lpop-close {display:block; overflow:hidden; position:absolute; right:24px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') 0 0 / cover no-repeat;}

.ts-inner-cont .service-info-wrap .info-lpop-wrap {display:inline-block; position:relative; top:1px; width:16px; height:16px; margin-left:3px;}
.ts-inner-cont .service-info-wrap .mark {display:block; overflow:hidden; width:20px; height:20px; margin-left:3px; text-indent:-9999px; background:url('/static/assets/images/benefit/untact_card/mark_question_60x60.png') 0 0 / cover no-repeat;}
.ts-inner-cont .service-info-wrap .info-lpop {display:none; position:absolute; z-index:10; left:-226px; top:25px; width:320px; padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);;border-radius:16px; box-sizing:border-box;backdrop-filter: blur(6px);}
.ts-inner-cont .service-info-wrap .info-lpop-desc {color:var(--tooltip-tc); font-size:15px; line-height:22px;}
.ts-inner-cont .service-info-wrap .info-lpop-close {display:block; overflow:hidden; position:absolute; right:24px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') 0 0 / cover no-repeat;}

.ts-inner-cont .simple-pay-info-wrap {margin-bottom:26px; }
.ts-inner-cont .simple-pay-info-wrap:after {display:block; content:''; clear:both;}
.ts-inner-cont .simple-pay-info-wrap .tsin-cont-tit {display:inline-block; margin-bottom:0; line-height:1.2;}
.ts-inner-cont .simple-pay-info-wrap .info-lpop-wrap {display:inline-block; position:relative; top:2px; width:18px; height:18px; margin-left:3px;}
.ts-inner-cont .simple-pay-info-wrap .info {display:block; overflow:hidden; width:20px; height:20px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}
.ts-inner-cont .simple-pay-info-wrap .info-lpop {display:none; position:absolute; z-index:10; left:-130px; top:27px; width:320px; padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);border-radius:16px; box-sizing:border-box;backdrop-filter: blur(6px);}
/* .ts-inner-cont .simple-pay-info-wrap .info-lpop:before {display:block; content:''; position:absolute; left:139px; top:-18px; width:0; height:0; border:8px solid transparent; border-bottom-color:rgba(64,66,76,0.9); border-bottom-width:10px;} */
.ts-inner-cont .simple-pay-info-wrap .info-lpop-desc {color:#fff; font-size:15px; line-height:22px;}
.ts-inner-cont .simple-pay-info-wrap .bul-desc {margin-top:10px;}
.ts-inner-cont .simple-pay-info-wrap .bul-desc > li {margin-top:5px; color:#fff;}
.ts-inner-cont .simple-pay-info-wrap .bul-desc > li:before {background-color:#fff;}
.ts-inner-cont .simple-pay-info-wrap .info-lpop-close {display:block; overflow:hidden; position:absolute; right:24px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') 0 0 / cover no-repeat;}

.ts-inner-cont .simple-pay-info-wrap .usage-limit-switch {display:block; float:right; position:relative; width:48px; height:28px;}
.ts-inner-cont .simple-pay-info-wrap .usage-limit-switch:before {content:''; position:absolute; top:0; left:0; right:0; width:48px; height:28px; border-radius:100px; background:var(--switch-bg);}
.ts-inner-cont .simple-pay-info-wrap .usage-limit-switch span {color:transparent; font-size:1px; width:24px; height:24px; position:absolute; top:2px; left:2px; background-color:#fff; border-radius:50%; box-sizing:border-box; transition:left .5s;  box-shadow:1px 1px 2px rgba(00,00,00,0.1);}
.ts-inner-cont .simple-pay-info-wrap .usage-limit-switch.checked:before {background:var(--switch-active-bg);}
.ts-inner-cont .simple-pay-info-wrap .usage-limit-switch.checked span {left:22px; background:#fff; border:0;}

.ts-inner-cont .simple-pay-check-wrap .check-item + .check-item {margin-top:15px;}
.ts-inner-cont .simple-pay-check-wrap .check-item.kakao {padding-left:90px; background:url('/static/assets/images/benefit/untact_card/logo_kakaopay.png') 10px 50% / 63px auto no-repeat;}
.ts-inner-cont .simple-pay-check-wrap .check-item.toss {padding-left:90px; background:url('/static/assets/images/benefit/untact_card/logo_toss.png') 10px 50% / 63px auto no-repeat;}
.ts-inner-cont .simple-pay-check-wrap .ick02 {right:0;}
.ts-inner-cont .simple-pay-check-wrap .ick02 + label {padding:1px 34px 1px 0; background-position:100% 0;}

.ts-inner-cont .box-paybooc-info {margin-top:25px; padding:32px 22px; background-color:#fafafa; border-radius:14px;}
.ts-inner-cont .box-paybooc-info .title {margin-bottom:15px; color:var(--font-neutral-1); font-size:16px; font-weight:bold;}
.ts-inner-cont .box-paybooc-info .logo {margin-right:10px; width:71px; vertical-align:middle;}
.ts-inner-cont .box-paybooc-info .desc {font-size:14px;}

.ts-inner-cont .simple-pay-col-wrap + .simple-pay-col-wrap {margin-top:16px;}
.ts-inner-cont .simple-pay-col-wrap:after {display:block; content:''; clear:both;}
.ts-inner-cont .simple-pay-col-wrap .check-col {float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ts-inner-cont .simple-pay-col-wrap .check-col .logo {width:36px; margin-right:8px; vertical-align:middle;}
.ts-inner-cont .simple-pay-col-wrap .ick02 + label {padding:6px 0 6px 32px; background-position:0 50%; color:var(--font-neutral-2);}
.ts-inner-cont .simple-pay-col-wrap .ick02:checked + label {font-weight:bold;}

.ts-inner-cont .paybooc-card-regi-wrap .tsin-cont-tit {display:inline-block; margin-bottom:0;}
.ts-inner-cont .paybooc-card-regi-wrap .info-lpop-wrap {display:inline-block; position:relative; top:1px; width:20px; height:20px; }
.ts-inner-cont .paybooc-card-regi-wrap .info {display:block; overflow:hidden; width:20px; height:20px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info);background-color: var(--gray-300);}
.ts-inner-cont .paybooc-card-regi-wrap .info-lpop {display:none; position:absolute; z-index:10; left:-132px; top:24px; width:calc(100vw - 40px); padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);border-radius:16px;backdrop-filter: blur(6px);}
/* .ts-inner-cont .paybooc-card-regi-wrap .info-lpop:before {display:block; content:''; position:absolute; left:139px; top:-18px; width:0; height:0; border:8px solid transparent; border-bottom-color:rgba(64,66,76,0.9); border-bottom-width:10px;} */
.ts-inner-cont .paybooc-card-regi-wrap .info-lpop-desc {color:var(--tooltip-tc); font-size:15px; line-height:22px;}
.ts-inner-cont .paybooc-card-regi-wrap .info-lpop-close {display:block; overflow:hidden; position:absolute; right:24px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') 0 0 / cover no-repeat;}
.ts-inner-cont .paybooc-regi-ick-wrap {margin:10px 0 0; padding:13px 15px; border:1px solid #ddd; background-color:#fff;border-radius:14px;}
.ts-inner-cont .paybooc-regi-ick-wrap label {font-size: 15px; padding-left: 32px;}
.ts-inner-cont .paybooc-regi-ick-wrap.on {padding:12px 15px 12px 14px; border-color:#000; border-width:2px;}
.ts-inner-cont .paybooc-regi-ick-wrap.on label {font-weight:700; letter-spacing: 0.1px;}
.ts-inner-cont .autopay-ick-wrap {display:inline-block; width:100%; padding:15px 15px 15px 50px; border:1px solid var(--input-border); outline:none; background:#fff url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 15px 15px / 24px 24px no-repeat;box-sizing:border-box; border-radius:14px; text-align:left; color:var(--font-neutral-2); font-size:16px; font-weight:400; line-height:1.5;}


.ts-inner-cont .autopay-ick-wrap.on {border-color:var(--input-focus-border); border-width:1px; background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png); font-weight:700; box-shadow:inset 0 0 0 1px var(--input-focus-border)}

.ts-inner-cont .agree-receive-way-wrap {margin-bottom:10px; position:relative;}
.ts-inner-cont .agree-receive-way-wrap .tsin-cont-tit {display:inline-block; margin-bottom:0; line-height:1.2;}
.ts-inner-cont .agree-receive-way-wrap .info-lpop-wrap {display:inline-block; width:16px; height:16px; vertical-align:-2px;}
.ts-inner-cont .agree-receive-way-wrap .info {display:block; overflow:hidden; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--info) ; mask:var(--info);background-color: var(--gray-300);}
.ts-inner-cont .agree-receive-way-wrap .info-lpop {display:none; position:absolute; z-index:10; left:0; top:25px; width:calc(100vw - 40px); padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);;border-radius:16px; box-sizing:border-box;backdrop-filter: blur(6px);}
.ts-inner-cont .agree-receive-way-wrap .info-lpop-desc {color:#fff; font-size:15px; line-height:22px;}
.ts-inner-cont .agree-receive-way-wrap .info-lpop-close {display:block; overflow:hidden; position:absolute; right:24px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') 0 0 / cover no-repeat;}
.ts-inner-cont .agree-receive-cont {display:none; margin-top:12px;}
.ts-inner-cont .agree-receive-cont.on {display:block;}
.ts-inner-cont .agree-receive-cont .error-desc02 {display:block; margin-top:8px;}

.ts-inner-cont .paybooc-regi-tip {position:relative;}
.ts-inner-cont .paybooc-regi-tip .tip-btn {width: 16px;height: 16px; overflow: hidden; text-indent:-999px; display:inline-block; vertical-align: -2px; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}
/* .ts-inner-cont .paybooc-regi-tip .tip-btn:after {display:none; content:''; position:absolute; top:20px; left:2px; width:0; height:0; border:8px solid transparent; border-bottom-color:rgba(64,66,76,0.9); border-bottom-width:10px;} */
.ts-inner-cont .paybooc-regi-tip.open .tip-btn:after {display:block;}
.ts-inner-cont .paybooc-regi-tip .tip-lpop {display:none; position:absolute; z-index:10; right:-4px; left:-4px; top:calc(100% + 7px); padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);;border-radius:16px; box-sizing:border-box;backdrop-filter: blur(6px);}
.ts-inner-cont .paybooc-regi-tip.open .tip-lpop {display:block;}
.ts-inner-cont .paybooc-regi-tip .tip-desc {color:var(--tooltip-tc); font-size:15px; line-height:22px;}
.ts-inner-cont .paybooc-regi-tip .tip-desc strong {font-weight:700;}
.ts-inner-cont .paybooc-regi-tip .tip-close {display:block; overflow:hidden; position:absolute; right:24px; top:20px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') 0 0 / cover no-repeat;}
.ts-inner-cont .paybooc-regi-tip .list--dot li {color: var(--font-neutral-7); font-size: 14px; line-height: 20px;}
.ts-inner-cont .paybooc-regi-tip .list--dot li + li {margin-top: 4px;}
.ts-inner-cont .paybooc-regi-tip .regi-tip {width: 16px;height: 16px; overflow: hidden; text-indent:-999px; display:inline-block; vertical-align: -2px; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}

.lpop-paybooc-regi01 .lpop-cont {position:relative; top:-1px; padding:0;}
.lpop-paybooc-regi-sect01 {padding:0 24px 20px; color:var(--font-neutral-1); font-size:15px;}
.lpop-paybooc-regi-sect01 .prsect-tit01 {margin-bottom:16px; color:var(--font-neutral-2); font-size:22px; font-weight:700; line-height:30px}
.lpop-paybooc-regi-sect01 .prsect-body01 {color:var(--font-neutral-5); font-size:16px; line-height:24px;}
.lpop-paybooc-regi-sect01 .prsect-box01 {margin-top:20px; padding:20px; background-color:var(--background-color-2); border-radius:20px; color:var(--font-navy-900);; font-size:15px; line-height:22px}
.lpop-paybooc-regi-sect01 .prsect-box01 .prsect-desc02 {color:var(--font-navy-900);}
.lpop-paybooc-regi-sect01 .prsect-box01 .prsect-desc02 + .prsect-desc02 {margin-top:12px;}
.lpop-paybooc-regi-sect01 .error-desc {display:none; margin-top:10px; color:#f43347; font-size:13px; font-weight:400; line-height:1.5;}
.lpop-paybooc-regi-sect01 .bul-list > li {position:relative; margin-top:8px; padding-left:10px; color:var(--font-neutral-5); font-size:16px; line-height:24px;}
.lpop-paybooc-regi-sect01 .bul-list > li:before {display:block; content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:var(--gray-600); border-radius:50%;}
.lpop-paybooc-regi-sect01 .bul-list > li:first-child {margin-top:0;}

.lpop-autopay-apply .prsect-box01 {background-color:var(--background-color-2);}
.lpop-autopay-apply .btn-fl03 {font-weight:bold; }
.lpop-autopay-apply .btn-fl04 {font-size:var(--button-font-size);}

.lpop-supplies-info .lssect-tit01 {padding:0 24px; margin-bottom:8px; color:var(--font-neutral-2); font-size:22px; font-weight:700;  line-height:1.5; letter-spacing:normal;word-break:keep-all;}
.lpop-supplies-info .supplies-sub {margin-bottom:20px; padding:0 24px; color:#1d2024; font-size:16px; line-height:24px;}
.lpop-supplies-info .bottom-fixed-wrap-inlpop01 .btn-red01 {font-size:var(--button-font-size);}
.supplies-box {padding:24px 20px; background:var(--background-color-2); border-radius:20px; box-sizing:border-box;}
.supplies-box + .supplies-box {margin-top:8px;}
.supplies-box .supplies-type {display:table; position:relative; width:100%; padding:0 4px }
.supplies-box .supplies-type .flag {display:block; position:absolute; top:-32px; left:0;}
.supplies-box .supplies-type .flag em {display:inline-block; position:relative; z-index:20; padding:0 12px; height:30px; border-radius:100px; color:#fff; font-size:13px; font-weight:700; text-align:center; line-height:30px; background-color:#426aac;  letter-spacing:normal;}
.supplies-box .supplies-type .flag:after {display:block; content:''; position:absolute; left:9px; bottom:-7px; z-index:10; width:16px; height:8px; background:url('/static/assets/images/benefit/untact_card/tip02.png') 0 0 / 100% auto no-repeat;}
.supplies-box .supplies-type .supplies-img {display:table-cell; width:86px; }
.supplies-box .supplies-type .supplies-img img{vertical-align:top; }
.supplies-box .supplies-type .supplies-title {display:table-cell; padding-left:20px; font-size:20px; font-weight:700; line-height:28px; vertical-align:middle;  color:var(--font-neutral-1); letter-spacing:normal;}
.supplies-box .bul-supplies > li {position:relative; margin-top:10px; padding-left:16px; color:var(--font-neutral-4); font-size:15px;  line-height:22px; letter-spacing:normal;}
.supplies-box .bul-supplies > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:var(--gray-600); border-radius:50%;}
.supplies-box .bul-supplies > li:first-child {margin-top:0;}
.supplies-box .bul-supplies > li strong {font-weight:bold;}

/* 카드 신청 준비물 레이어 팝업 리뉴얼 */
.lpop-supplies-info .supplies-sub02 {margin-bottom:20px; padding:0 24px; color:var(--font-neutral-5); font-size:15px; line-height:22px;word-break:keep-all;}
.lpop-supplies-info .supplies-sub03 {margin-top:8px; padding:0 20px; color:var(--font-neutral-6); font-size:14px; line-height:22px;word-break:keep-all;}
.lpop-supplies-info .lssect-body01 {padding:0 20px;}
.lpop-supplies-info .supplies-box02 {padding:16px 24px 16px 20px; background:var(--gray-20); border-radius:20px;word-break:keep-all;}
.lpop-supplies-info .supplies-box02 + .supplies-box02 {margin-top:8px;}
.lpop-supplies-info .supplies-type02 {display:flex;align-items: center;}
.lpop-supplies-info .supplies-type02 .supplies-img {width:40px;font-size:0;}
.lpop-supplies-info .supplies-type02 .txt-box {margin-left:16px;}
.lpop-supplies-info .supplies-type02 .supplies-title02 {font-size:17px; font-weight:700; line-height:26px; color:var(--font-neutral-1); }
.lpop-supplies-info .supplies-type02 .supplies-sub-txt {font-size:16px; font-weight:400; line-height:24px; color:var(--font-neutral-5);margin-top:2px;}


/* 리볼빙 시작 */
.rev-cont01 {padding-top:30px;}
.rev-cont01 .rev-sel-wrap {}
.rev-cont01 .rev-sel-wrap:after {display:block; content:''; clear:both;}
.rev-cont01 .rev-sel-wrap .sel-fl {float:left; width:calc(50% - 6px);}
.rev-cont01 .rev-sel-wrap .sel-fl + .sel-fl {margin-left:12px;}
.rev-cont01 .rev-sel-wrap .sel-tit {margin-bottom:8px; color:var(--font-neutral-1); font-size:16px; font-weight:700;}
.rev-cont01 .rev-sel-wrap .btn-untcard-select01 {}
.rev-cont01 .rev-bul01 {}
.rev-cont01 .rev-bul01 > li {position:relative; margin-top:14px; padding-left:13px; color:var(--font-neutral-5); font-size:14px;}
.rev-cont01 .rev-bul01 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#424242; border-radius:50%;}
.rev-cont01 .rev-bul01 > li:first-child {margin-top:0;}
.rev-cont01 .rev-bul02 {margin-left:32px;}
.rev-cont01 .rev-bul02 > li {position:relative; margin-top:14px; padding-left:13px; color:var(--font-neutral-5); font-size:14px;}
.rev-cont01 .rev-bul02 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#424242; border-radius:50%;}
.rev-cont01 .rev-bul02 > li:first-child {margin-top:0;}
.rev-cont01 .rev-bul03 {}
.rev-cont01 .rev-bul03 > li {position:relative; margin-top:10px; padding-left:11px; color:var(--font-neutral-5); font-size:14px;}
.rev-cont01 .rev-bul03 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#424242; border-radius:50%;}
.rev-cont01 .rev-bul03 > li:first-child {margin-top:0;}
.rev-cont01 .rev-bul04 {}
.rev-cont01 .rev-bul04 > li {position:relative; margin-top:10px; padding-left:13px; color:var(--font-neutral-5); font-size:15px;}
.rev-cont01 .rev-bul04 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#424242; border-radius:50%;}
.rev-cont01 .rev-bul04 > li:first-child {margin-top:0;}
.rev-cont01 .notice-toggle-wrap {margin-top:20px; text-align:right;}
.rev-cont01 .notice-toggle {display:inline-block; height:24px; border-bottom:1px solid #22252A; color:var(--font-neutral-3); font-size:15px; line-height:24px;}
.rev-cont01 .rev-ick-wrap {margin-top:30px; padding-top:30px; border-top:1px solid var(--line);}
.rev-cont01 .rev-ick-wrap .btn-terms {display:block; height:24px; margin:14px 0 0 34px; border-bottom:1px solid #4B515D; color:var(--font-neutral-5); font-size:15px; line-height:22px;}

.rev-sect01 {position:relative; margin-top:30px;}
.rev-sect01 .resect-tit01 {margin-bottom:10px; color:var(--font-neutral-1); font-size:20px;}
.rev-sect01 .resect-tit01 em {font-weight:700;}
.rev-sect01 .resect-desc01 {color:var(--font-neutral-5); font-size:15px; line-height:22px}
.rev-sect01 .resect-desc01 + .resect-desc01 {margin-top:10px;}
.rev-sect01 .resect-desc01 .point {color:#f43347; font-weight:700;}

.resect-box01 {margin-top:30px; padding:30px 24px; border-radius:20px; background-color:#fff; }
.resect-box01 .box-tit01 {color:var(--font-neutral-3); font-size:16px;}
.resect-box01 .box-tit01 .em-num {margin-right:10px;font-size:28px; font-weight:700;}
.resect-box01 .box-tit01 .em-num em {margin-left:4px; font-size:14px; font-weight:400;}
.resect-box01 .box-tit02 {margin-bottom:8px; color:var(--font-neutral-1); font-size:16px;}
.resect-box01 .box-tit03 {position:relative; margin-bottom:14px; color:var(--font-neutral-1); font-size:16px; font-weight:700;}
.resect-box01 .box-tit03 .btn-mark {margin-top:2px;}
.resect-box01 .box-desc01 {color:var(--font-neutral-7); font-size:14px; line-height:20px; margin-top:4px !important}
.resect-box01 .box-desc01 em {font-weight:700;}
.resect-box01 .box-desc02 {color:#8f989c; font-size:14px;}
.resect-box01 .box-desc03 {min-height:32px; padding-top:10px; color:var(--font-neutral-3); font-size:20px;}
.resect-box01 .btn-mark {display:inline-block; position:relative; width:20px; height:20px; margin-left:4px; text-indent:-9999px; vertical-align:top; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}

.resect-box01 .btn-mark .lpop-box02 {display:block; display:none; content:''; position:absolute; left:4px; top:14px; z-index:30; width:0; height:0; border:9px solid transparent; border-bottom-color:rgba(50,50,50,0.83); border-bottom-width:8px; border-left-width:6px; border-right-width:6px;}
.resect-box01 .lpop-box {display:none; position:absolute; left:-24px; right:-24px; top:31px; z-index:30; padding:20px 50px 20px 24px; color:#E7E9EF; font-weight:normal; background-color:rgba(122, 131, 148, 0.9) ; border-radius:16px; box-sizing:border-box; backdrop-filter: blur(6px);}

.resect-box01 .lpop-box .lpop-box-tit {margin-bottom:12px; font-size:16px; font-weight:700;}
.resect-box01 .lpop-box .lpop-box-desc {font-size:15px;}
.resect-box01 .lpop-box .lpop-box-bul {font-size:15px; line-height:22px;}
.resect-box01 .lpop-box .lpop-box-bul > li {position:relative; margin-top:8px; padding-left:12px;}
.resect-box01 .lpop-box .lpop-box-bul > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:50%; background-color:#E7E9EF;}
.resect-box01 .lpop-box .lpop-box-bul > li:first-child {margin-top:0;}
.resect-box01 .lpop-box .lpop-box-close {display:block; overflow:hidden; position:absolute; right:12px; top:12px; width:32px; height:32px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/mark_x_96x96.png) 0 0 / cover no-repeat;}

.rev-slider-cont {margin-top:70px;}
.rev-slider {}
.rev-slider.ui-widget.ui-widget-content {position:relative; height:12px; border-radius:12px; border:none; background-color:#f1f1f1;}
.rev-slider.ui-widget.ui-widget-content:after {display:block; content:''; position:absolute; left:10%; right:10%; height:12px; background:url(/static/assets/images/benefit/untact_card/bg_slider.png) 0 0 / 100% 12px no-repeat;}
.rev-slider .ui-slider-range {height:12px; border-radius:12px; background-color:#293952;}
.rev-slider .ui-slider-handle {top:50%; width:30px; height:30px; margin:-15px 0 0 -16px; box-sizing:border-box; border:1px solid #000; border-radius:50%; background:#fff url(/static/assets/images/benefit/untact_card/ico_slider.png) center / 12px auto no-repeat; box-shadow:0px 2px 10px rgba(105,138,193,0.2);}
.rev-slider .rev-handle .label {position:absolute; left:50%; top:-30px; min-width:33px;margin-left:1px; padding:2px 6px; border-radius:4px; color:#fff; font-size:13px; font-weight:700; text-align:center; line-height:16px; background-color:#293952; transform:translateX(-50%);}
.rev-slider .rev-handle .label em {position:relative; z-index:20;}
.rev-slider .rev-handle .label span {display:block; content:''; position:absolute; left:50%; top:14px; z-index:10; width:9px; height:9px; margin-left:-6px; background-color:#293952; transform:rotate(45deg);}
.rev-slider-cont .sldier-label .start {float:left;}
.rev-slider-cont .sldier-label .end {float:right;}

.resect-box01 .box-dl {position:relative;}
.resect-box01 .box-dl:after {display:block; content:''; clear:both;}
.resect-box01 .box-dl + .box-dl {margin-top:10px;}
.resect-box01 .box-dl > dt {float:left; color:var(--font-neutral-5); font-size:15px;}
.resect-box01 .box-dl .dt01 {margin-top:4px;}
.resect-box01 .box-dl > dd {float:right; min-height:24px; color:var(--font-neutral-5); font-size:14px;}
.resect-box01 .box-dl > dd em {margin-right:4px; font-size:16px; font-weight:700;}
.resect-box01 .box-dl > dd .em01 {color:var(--font-neutral-4); font-size:22px; font-weight:700;}
.resect-box01 .box-dl > dd .em02 {color:#212121; font-size:16px; font-weight:700;}
.resect-box01 .box-dl > dd .em03 {color:#212121; font-size:22px; font-weight:700;}
.resect-box01 .box-dl > dd .em04 {margin-right:0; color:#212121; font-size:16px; font-weight:700;}

.resect-box01 .box-incont {margin-top:20px; padding:18px 4px 0 4px; border-top:1px solid rgba(0,0,0,0.06);}
.resect-box01 .box-incont .incont-desc {color:#8f989c; font-size:14px;}
.resect-box01 .btn-incont-wrap {margin-top:20px; text-align:center;}
.resect-box01 .btn-incont-wrap .btn-incont {display:inline-flex; width:100%; align-items:center; justify-content:center; padding:0 11px; border:1px solid var(--gray-60); border-radius:12px; color:var(--font-neutral-3); font-size:17px; text-align:center; line-height:26px; background-color:#fff; height:48px; font-weight:700}
.resect-box01 .btn-incont-wrap .btn-incont:active{background:var(--button-outline-active)}

.rev-sect01 .drop-cont-wrap {margin:40px -20px 0 -20px; padding:25px 24px 100px 24px; background-color:#fff;}
.rev-sect01 .drop-top {position:relative; padding:4px 0; color:#212121; font-size:16px; font-weight:700;}
.rev-sect01 .drop-top .btn-expand {display:block; overflow:hidden; position:absolute; right:0px; top:50%; width:32px; height:32px; margin-top:-16px; text-indent:-9999px; }
.rev-sect01 .drop-top .btn-expand::after{content:''; display:inline-block; width:16px; height:16px; -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color: var(--arrow-normal-gray3); position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px}
.rev-sect01 .drop-top .btn-expand.up {transform:scale(-1)}
.rev-sect01 .drop-cont {display:none; padding:15px 0;}

/* 리볼빙 이용안내에 약관 추가 start */
.rev-sect01 .drop-cont .push-terms-cont {padding:30px 0 24px; color:#666; font-size:13px;}
.rev-sect01 .drop-cont .push-terms-cont .p-tit01 {margin:18px 0; color:#202020; font-size:15px; font-weight:700; line-height:18px;}
.rev-sect01 .drop-cont .push-terms-cont .p-tit01:first-child {margin-top:0;}
.rev-sect01 .drop-cont .push-terms-cont .p-tit02 {margin:10px 0; color:#202020; font-size:15px; line-height:18px;}
.rev-sect01 .drop-cont .push-terms-cont .p-tit03 {margin:8px 0; color:#666; font-size:13px; line-height:18px;}
.rev-sect01 .drop-cont .push-terms-cont p {color:#666; font-size:13px; line-height:18px;}
.rev-sect01 .drop-cont .push-terms-cont ul {color:#666; font-size:13px; line-height:18px;}
.rev-sect01 .drop-cont .push-terms-cont table {margin:5px 0; width:100%; table-layout:fixed;}
.rev-sect01 .drop-cont .push-terms-cont table th,
.rev-sect01 .drop-cont .push-terms-cont table td {padding:5px 4px; font-size:13px; color:#666; border:1px solid #ddd; border-top:none; text-align:center; vertical-align:middle;}
.rev-sect01 .drop-cont .push-terms-cont table tr.row01 th,
.rev-sect01 .drop-cont .push-terms-cont table tr.row01 td {border-top:1px solid #ddd;}
.rev-sect01 .drop-cont .push-terms-cont table th {background-color:#f6f6f6;}
.rev-sect01 .drop-cont .push-terms-cont table th.bg-white {background-color:#fff;}
.rev-sect01 .drop-cont .push-terms-cont table.tbl-inlpop td {text-align:left; background-color:#fff;}
.rev-sect01 .drop-cont .push-terms-cont .box-gray {padding:10px; border:1px solid #ddd;}
.rev-sect01 .drop-cont .push-terms-cont .box-gray + .box-gray {border-top:0 none;}
.rev-sect01 .drop-cont .push-terms-cont .fc-red01 {color:var(--font-point-1) !important;}
.rev-sect01 .drop-cont .push-terms-cont .fc-blue01 {color:#3232ff !important;}
.rev-sect01 .drop-cont .push-terms-cont .tac {text-align:center !important;}
.rev-sect01 .drop-cont .push-terms-cont .tar {text-align:right !important;}
.rev-sect01 .drop-cont .push-terms-cont .em {display:inline; background:repeating-linear-gradient(180deg, transparent, transparent .6em, #eeee66 .6em, #eeee66 1.25em);}
.rev-sect01 .drop-cont .push-terms-cont .tdu {text-decoration:underline !important;}
.rev-sect01 .drop-cont .push-terms-cont strong {font-weight:700;}
.rev-sect01 .drop-cont .push-terms-cont ul ul,
.rev-sect01 .drop-cont .push-terms-cont ul ol,
.rev-sect01 .drop-cont .push-terms-cont ol ol,
.rev-sect01 .drop-cont .push-terms-cont ul ul {margin-top:3px; padding-left:10px;}
.rev-sect01 .drop-cont .push-terms-cont ul > li,
.rev-sect01 .drop-cont .push-terms-cont ol > li {margin-top:3px;}
.rev-sect01 .drop-cont .push-terms-cont ul > li:first-child,
.rev-sect01 .drop-cont .push-terms-cont ol > li:first-child {margin-top:0;}
.rev-sect01 .drop-cont .push-terms-cont ul + p,
.rev-sect01 .drop-cont .push-terms-cont ol + p {margin-top:5px;}
.rev-sect01 .drop-cont .push-terms-cont p + ul {margin-top:5px;}
.rev-sect01 .drop-cont .push-terms-cont table tr:first-child th,
.rev-sect01 .drop-cont .push-terms-cont table tr:first-child td {border-top:1px solid #ddd;}
.rev-sect01 .drop-cont .push-terms-cont strong + ul {margin-top:10px;}
.rev-sect01 .drop-cont .push-terms-cont p + p {margin-top:5px;}
/* 리볼빙 이용안내에 약관 추가 end */

.rev-sect01 .rev-terms-cont {color:#424242; font-size:13px;}
.rev-sect01 .rev-terms-cont .ret-tit01 {margin:15px 0 8px 0; font-size:14px; font-weight:700;}
.rev-sect01 .rev-terms-cont .ret-tit01:first-child {margin-top:0;}
.rev-sect01 .rev-terms-cont .ret-txt01 {margin:5px 0;}
.rev-sect01 .rev-terms-cont .ret-bul01 {margin:5px 0;}
.rev-sect01 .rev-terms-cont .ret-bul01 > li {position:relative; margin-top:3px; padding-left:10px; color:var(--font-neutral-5); font-size:13px;}
.rev-sect01 .rev-terms-cont .ret-bul01 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#424242; border-radius:50%;}
.rev-sect01 .rev-terms-cont .ret-bul01 > li:first-child {margin-top:0;}
.rev-sect01 .rev-terms-cont .ret-bul02 > li {position:relative; margin-top:3px; padding-left:10px; color:var(--font-neutral-5); font-size:13px;}
.rev-sect01 .rev-terms-cont .ret-bul02 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:4px; height:1px; background-color:#424242; border-radius:50%;}
.rev-sect01 .rev-terms-cont .ret-bul02 > li:first-child {margin-top:0;}

.rev-cont01 .rev-dl {}
.rev-cont01 .rev-dl:after {display:block; content:''; clear:both;}
.rev-cont01 .rev-dl + .rev-dl {margin-top:5px;}
.rev-cont01 .rev-dl > dt {float:left; margin-top:4px; color:#212121; font-size:17px;}
.rev-cont01 .rev-dl > dd {float:right; color:#212121; font-size:14px;}
.rev-cont01 .rev-dl > dd em {margin-right:4px; font-size:24px; font-weight:700;}
.rev-cont01 .rev-dl > dd .em01 {color:#424242; font-size:17px; font-weight:700;}
.rev-cont01 .rev-cont-tit01 {margin-bottom:20px; color:var(--font-neutral-1); font-size:24px; font-weight:700;}
.rev-cont01 .rev-cont-tit02 {margin-bottom:12px; color:var(--font-neutral-1); font-size:16px; font-weight:700;}
.rev-cont01 .rev-cont-tit03 {color:var(--font-neutral-1); font-size:20px; font-weight:700;}
.rev-cont01 .rev-cont-subtit {margin:20px 0 5px; font-size:15px; font-weight:700;}
.rev-cont01 .rev-desc01 {color:#8f989c; font-size:14px;}
.rev-cont01 .rev-desc02 {font-size:15px;}
.rev-cont01 .bot-box {position:absolute; left:20px; right:20px; bottom:100px; height:76px; padding:0 24px; border-radius:20px; line-height:76px; color:var(--font-neutral-1); font-size:17px; font-weight:700; background-color:#fff; }
.rev-cont01 .bot-box .btn-arr {display:block; overflow:hidden; position:absolute; right:12px; top:50%; margin-top:-16px; width:32px; height:32px; text-indent:-9999px; }
.rev-cont01 .bot-box .btn-arr::after{content:''; display:inline-block; width:16px; height:16px; position:absolute; top:50%; left:50%;  -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal);background-color: var(--arrow-normal-gray1); margin:-8px 0 0 -8px}
.rev-cont01 .rev-money {position:relative; margin-top:20px; color:var(--font-neutral-1); font-size:17px; line-height:26px}
.rev-cont01 .rev-money em {margin-right:4px; font-size:34px; font-weight:700;}
.rev-cont01 .rev-desc-arr {position:relative; margin-top:4px; padding-right:27px; color:var(--font-neutral-5); font-size:15px;}
.rev-cont01 .rev-desc-arr .btn-arr {display:block; position:absolute; right:0; top:0; width:24px; height:24px; background:url(/static/assets/images/benefit/untact_card/arr_72x72_d.png) 0 0 / cover no-repeat;}
.rev-cont01 .rev-desc-arr .btn-arr.up {background-image:url(/static/assets/images/benefit/untact_card/arr_72x72_u.png);}
.rev-cont01 .btn-rev-txt-wrap {margin-top:30px; text-align:right;}
.rev-cont01 .btn-rev-txt-wrap .btn-rev-txt {display:inline-block; border-bottom:1px solid var(--button-underline-color); color:var(--font-neutral-7); font-size:16px; line-height:24px}

/* 리볼빙 신청 팝업 수정 20250227 */
.rev-tit-wrap-new {padding-bottom:30px;color: var(--font-neutral-5);}
.rev-tit-wrap-new .tit {padding-right: 16px;margin-bottom: 16px;color: var(--font-neutral-2);font-size: 22px;line-height: 30px;font-weight: 700;}

.lpop-rev02 .lpop-cont-inner03 {padding: 0 24px 166px;}
.lpop-rev02 .rev-cont01 .rev-bul01 {margin-top: 16px;}
.lpop-rev02 .rev-cont01 .rev-bul01 > li {line-height: 20px;}
.lpop-rev02 .bottom-fixed-wrap-inlpop01 {flex-direction: column;padding-bottom: 28px;align-items: center;}
.lpop-rev02 .bottom-fixed-wrap-inlpop01 a + a {margin-top: 12px;}
.lpop-rev02 .bottom-fixed-wrap-inlpop01 .btn-underline {padding: 8px 0 1px;border-bottom : 1px solid var(--button-underline-color);color: var(--font-neutral-7)}

/* 리볼빙 끝 */

/* 즉시결제 시작 */
.pay-null-wrap {padding:222px 40px 125px; text-align:center; background:url('/static/assets/images/comm/img-2d-emptydefault.png') no-repeat center 130px; background-size:64px; font-size:19px;}
.pay-null-wrap .title {font-weight:700; font-size:19px; line-height:28px; color:var(--font-neutral-5);}
.pay-null-wrap .text {margin-top:10px; font-size:16px; line-height:24px; color:var(--font-neutral-7)}

.pay-cont01 .bank-bg-tit {display: flex; flex-direction: column; padding:24px 120px 0 0; background:url('/static/assets/images/benefit/untact_card/ico_bank_book.png') no-repeat right center; background-size:124px 105px; margin-inline:4px}
.pay-cont01 .bank-bg-tit .tit {color:var(--font-neutral-1); font-size:20px; line-height:28px}
.pay-cont01 .bank-bg-tit .tit strong {font-weight:700;}
.pay-cont01 .bank-bg-tit .sub {margin:10px 0 0; font-size:15px; line-height:22px}
.pay-cont01 .pay-go-box {display:block; position:relative; margin-top:30px; padding:24px 20px 24px 24px; background-color:#fff; border-radius:20px; box-sizing:border-box;}
.pay-cont01 .pay-go-box .box-tit {font-size:18px; font-weight:700; color:var(--font-neutral-1);}
.pay-cont01 .pay-go-box .box-sub {margin-top:8px; font-size:15px; color:var(--font-neutral-3); line-height:22px}
.pay-cont01 .pay-go-box .box-sub strong {font-weight:700;}
.pay-cont01 .pay-go-box:after {display:block; content:''; position:absolute; top:50%; right:12px; width:32px; height:32px; margin-top:-16px; background:url('/static/assets/images/history/arr_black_64x64_r.png') center center  no-repeat; background-size:32px 32px;}
.pay-cont01 .link-list {margin:8px 24px 0;}
.pay-cont01 .link-list > li + li {border-top:1px solid rgba(0, 0, 0, 0.06);}
.pay-cont01 .link-list > li a {display:block; position:relative;; padding:14px 0; font-size:16px; font-weight:700;}
.pay-cont01 .link-list > li a:after {display:block; content:''; position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-8px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color:var(--font-neutral-6);}
.pay-cont01 .info-text-box {position:relative; display:block; margin-top:49px; padding:22px 20px; border:1px solid #eee; border-radius:20px; background-color:#fff; font-size:16px; color:#212121; letter-spacing:-0.1px;}
.pay-cont01 .info-text-box strong {font-weight:700;}
.pay-cont01 .info-text-box .flag {display:block; position:absolute; top:-19px; left:50%; margin-left:46px; z-index:20; padding:0 15px; height:30px; border-radius:100px; color:#fff; font-size:11px; font-weight:700; text-align:center; line-height:30px; background-color:#394f73;}
.pay-cont01 .info-text-box .flag:after {display:block; content:''; position:absolute; right:15px; bottom:-6px; z-index:10; width:15px; height:6px; background:url('/static/assets/images/benefit/untact_card/tip03.png') 0 0 / 100% auto no-repeat;}
.pay-cont01 .info-text-box + .pay-bul01 {margin-top:20px;}
.pay-cont01 .pay-bul01{margin-top:20px}
.pay-cont01 .pay-bul01 > li {position:relative; margin-top:10px; padding-left:13px; color:var(--font-neutral-5); font-size:14px; line-height:20px}
.pay-cont01 .pay-bul01 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:var(--font-neutral-5); border-radius:50%;}

.pay-cont01 .pay-bul01 > li:first-child {margin-top:0;}
.pay-cont01 .pay-bul01 > li strong {font-weight:700;}
.pay-cont01 .pay-bul01 .point {background:linear-gradient(to top, #f7fb53 50%, transparent 50%);}
/* .pay-cont01 .pay-bul01.f15 > li {font-size:15px;} */
.pay-cont01 .pay-type-tab:after {display:block; content:''; clear:left;}
.pay-cont01 .pay-type-tab > li {position:relative; float:left; padding:15px 0 18px;}
.pay-cont01 .pay-type-tab > li + li {margin-left:20px;}
.pay-cont01 .pay-type-tab > li.on a::after {display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:var(--tab1-active-tc);}
.pay-cont01 .pay-type-tab > li a {display:block; color:var(--tab1-tc); font-size:18px; line-height:26px; font-weight:700; position:relative; padding-bottom:6px}
.pay-cont01 .pay-type-tab > li.on a {color:var(--font-neutral-1); }
/* .pay-cont01 .pay-swiper-tab-wrap {background-color:var(--background-color-2);} */
.pay-cont01 .pay-swiper-tab .swiper-slide {width:auto;}
.pay-cont01 .pay-swiper-tab .swiper-slide {margin-left:20px;}
.pay-cont01 .pay-swiper-tab .swiper-slide > a {display:block; padding:9px 0 6px; color:var(--tab1-tc); font-size:18px; line-height:28px; font-weight:700; margin-bottom:20px; position:relative;}
.pay-cont01 .pay-swiper-tab .swiper-slide > a.on {color:var(--tab1-active-tc); }
.pay-cont01 .pay-swiper-tab .swiper-slide > a.on:after {display:block; content:''; position:absolute; bottom:2px; left:0; width:100%; height:2px; background-color:#000;}
.pay-cont01 .pay-swiper-tab .swiper-slide:last-child {margin-right:20px;}
.pay-cont01 .pay-swiper-tab-wrap + .pay-inner-tab {padding: 8px 20px 2px;}
.pay-cont01 .pay-standard-date {margin:0 4px 10px; text-align:right; color:#8f989c; font-size:14px; line-height:20px; }
.pay-cont01 .btn-pay-standard {font-size:16px;}
.pay-cont01 .total-pay-box {position:relative; padding:20px 0 60px;}
.pay-cont01 .total-pay-box .total {font-size:26px; font-weight:700; color:#212121; word-break:break-word;}
.pay-cont01 .total-pay-box .total .unit {margin-left:4px; font-size:16px; font-weight:400;}
.pay-cont01 .total-pay-box .item {display:table; width:100%; table-layout:fixed;}
.pay-cont01 .total-pay-box .item .title {display:table-cell; font-size:16px; width:100px;}
.pay-cont01 .total-pay-box .amount-wrap {display:table-cell; text-align:right; font-size:18px; font-weight:700; color:#212121; word-break:break-word;}
.pay-cont01 .total-pay-box .amount-wrap .unit {margin-left:4px; font-size:16px; font-weight:400; color:var(--font-neutral-5);}
.pay-cont01 .total-pay-box .total + .item {margin-top:10px;}
.pay-cont01 .total-pay-box .item + .item {margin-top:4px;}
.pay-cont01 .pay-notice-wrap {margin:0 -20px; padding:30px 20px 90px 20px; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.06);}
.pay-cont01 .pay-notice-wrap .pay-notice-tit {margin-bottom:12px; color:var(--font-neutral-1); font-size:16px; font-weight:700;}
.pay-cont01 .pay-notice-wrap .pay-notice-subtit {margin:20px 0 5px; font-size:15px; font-weight:700;}
.pay-cont01 .pay-notice-wrap .pay-bul01 > li {font-size:15px;}
.pay-cont01 .btn-view-list {display:block; position:relative; margin:26px auto; text-align:center; font-size:15px; color:var(--font-neutral-4);}
.pay-cont01 .btn-view-list:after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#293952;}
.pay-cont01 .target-list-wrap {display:none; padding:10px 13px 0; font-size:15px;}

.pay-case-item-wrap  {padding:30px 0 120px;}
.pay-case-item-wrap .pay-case-top .ick-wrap01 {float:left;} 
.pay-case-item-wrap .pay-case-top strong {font-weight:700; font-size:17px; vertical-align:middle; display:inline-block;} 
.pay-case-item-wrap .pay-case-top label {padding:0 0 0 32px; line-height:25px; background-position:0 2px;}
.pay-case-item-wrap .pay-case-top .info-text {float:right; font-size:14px; line-height:25px; color:#8f989c;}
.pay-case-item-wrap .pay-case-top:after {display:block; content:''; clear:both;}
.pay-case-item-wrap .pay-case-top + .pay-case-item {margin-top:30px;}
.pay-case-item-wrap .pay-case-item + .pay-case-item {margin-top:24px; padding-top:24px; border-top:1px solid rgba(0, 0, 0, 0.06);}
.pay-case-item-wrap .pay-case-item .pay-case-item-top {display:table; width:100%; table-layout:fixed;}
.pay-case-item-wrap .pay-case-item-top .ick-wrap01 {display:table-cell; width:60%;}
.pay-case-item-wrap .pay-case-item-top label {font-size:16px; /* background-position:0 2px;  */white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:24px;}
.pay-case-item-wrap .pay-case-item-top .title {display:table-cell; width:60%;}
.pay-case-item-wrap .pay-case-item-top .amount-wrap {display:table-cell; width:40%; text-align:right; font-size:18px; font-weight:700; color:#212121;}
.pay-case-item-wrap .pay-case-item-top .amount-wrap .unit {margin-left:4px; font-size:14px; font-weight:400;}
.pay-case-item-wrap .pay-case-item .pay-case-item-cont {margin-top:2px; padding-left:32px;}
.pay-case-item-wrap .pay-case-item-cont .card-num {font-size:14px; color:#8f989c;}
.pay-case-item-wrap .pay-case-item-cont .card-name {font-size:14px; color:#8f989c;}
.pay-case-item-wrap .pay-case-item-cont .card-info {position:relative; margin-top:10px; display:flex; align-items:center;}
.pay-case-item-wrap .pay-case-item-cont .card-info:after {display:block; content:''; clear:both;}
.pay-case-item-wrap .pay-case-item-cont .card-info .sub {float:left; font-size:14px;} 
.pay-case-item-wrap .pay-case-item-cont .card-info .sub + .sub {float:left; position:relative; margin-left:8px; padding-left:8px; font-size:14px;} 
.pay-case-item-wrap .pay-case-item-cont .card-info .sub + .sub:before {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:rgba(0, 0, 0, 0.15);} 
.pay-case-item-wrap .pay-case-item-cont .card-info .interest-type {float:left; margin-left:8px; padding:2px 6px; border:1px solid #ddd; box-sizing:border-box; border-radius:100px; font-size:12px; font-weight:700; line-height:18px;}
.pay-case-item-wrap .pay-case-item-cont .card-info .interest-type.no-interest {border:1px solid #e0e0e0; color:#333;}
.pay-case-item-wrap .pay-case-item-cont .card-info .interest-type.interest {border:1px solid #ffdaca; color:#ff783e;}
.pay-case-item-wrap .pay-case-item-cont .card-info .btn-pay-info {display:inline-block; vertical-align:middle; width:18px; height:18px; margin-left:4px;}
.pay-case-item-wrap .pay-case-item-cont .card-info .pay-info-lpop-box {display:none; position:absolute; left:-32px; right:0; top:35px; z-index:51; padding:var(--tooltip-pd); color:var(--tooltip-tc); background:var(--tooltip-box-bg); border-radius:var(--tooltip-radius); box-sizing:border-box; backdrop-filter:blur(6px);}
.pay-case-item-wrap .pay-case-item-cont .card-info .pay-info-lpop-box .title {font-weight:700; font-size:16px; line-height:24px;}
.pay-case-item-wrap .pay-case-item-cont .card-info .pay-info-lpop-box .text {margin-top:8px; font-size:15px; line-height:22px;}
.pay-case-item-wrap .pay-case-item-cont .card-info .pay-info-lpop-box .lpop-box-close {display:block; overflow:hidden; position:absolute; right:12px; top:16px; width:32px; height:32px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/mark_x_96x96.png) 0 0 / cover no-repeat;}
.pay-case-item-wrap .pay-case-item-cont .interest-info {display:table; position:relative; width:100%; margin-top:12px; table-layout:fixed;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .title {display:table-cell; width:70%; line-height:20px;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .amount-wrap {display:table-cell; width:30%; text-align:right; font-size:14px; color:#8f989c; line-height:20px;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .amount-wrap .unit {margin-left:2px;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .btn-mark {display:inline-block; position:relative; padding-left:24px; vertical-align:top; background:url('/static/assets/images/benefit/untact_card/mark_1_40x40.png') 0 2px / 18px 18px no-repeat; font-size:14px; color:#8f989c;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .lpop-box {display:none; position:absolute; left:-32px; right:0; top:35px; z-index:51; padding:var(--tooltip-pd); color:var(--tooltip-tc); background:var(--tooltip-box-bg); border-radius:var(--tooltip-radius); box-sizing:border-box; backdrop-filter:blur(6px);}
.pay-case-item-wrap .pay-case-item-cont .interest-info .lpop-box .lpop-box-bul {font-size:15px; line-height:22px;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .lpop-box .lpop-box-bul > li {position:relative; margin-top:8px; padding-left:12px;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .lpop-box .lpop-box-bul > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:50%; background-color:var(--tooltip-tc);}
.pay-case-item-wrap .pay-case-item-cont .interest-info .lpop-box .lpop-box-bul > li:first-child {margin-top:0;}
.pay-case-item-wrap .pay-case-item-cont .interest-info .lpop-box .lpop-box-close {display:block; overflow:hidden; position:absolute; right:12px; top:16px; width:32px; height:32px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/mark_x_96x96.png) 0 0 / cover no-repeat;}
.pay-case-item-wrap .pay-case-item-cont .etc-info {display:table; position:relative; width:100%; margin-top:12px; table-layout:fixed;}
.pay-case-item-wrap .pay-case-item-cont .etc-info .title {display:table-cell; width:70%; font-size:14px; color:#8f989c; line-height:20px;}
.pay-case-item-wrap .pay-case-item-cont .etc-info .desc {display:table-cell; width:30%; text-align:right; font-size:14px; color:#8f989c; line-height:20px; word-break:break-all;}
.pay-case-item-wrap .pay-case-item-cont .etc-info + .etc-info {margin-top:5px;}
.pay-case-item-wrap .pay-case-item-cont .interest-info + .etc-info {margin-top:5px; width:calc(100% - 24px); left:24px;}
.pay-case-item-wrap .btn-more-wrap {margin-top:30px; text-align:center;}
.pay-case-item-wrap .btn-more-wrap .btn-more {display:inline-block; padding:10px 20px; border:1px solid var(--gray-60); border-radius:100px; color:var(--font-neutral-3); font-weight:700; font-size:14px; text-align:center; line-height:20px; background-color:#fff;}
.select-form-bank .pay-bank-tit01 {margin-bottom:16px; padding:0 24px; color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px}

.btn-imm-top-wrap {text-align:right;}
.btn-imm-top-wrap .btn-top {display:inline-block; width:40px; height:40px; background:url('/static/assets/images/benefit/untact_card/arr_top_120x120.png') 50% 50% no-repeat; background-size:60px 60px; color:transparent; text-indent:-9999px;}
.bottom-fixed-wrap01 .btn-top-fixed {right:20px; bottom:160px;}

.imm-pay-check-wrap {margin-bottom:12px; padding:24px; background:rgba(255, 255, 255, 0.96); border:1px solid rgba(0, 0, 0, 0.06); box-sizing: border-box; border-radius:20px; text-align:center;}
.imm-pay-check-wrap:after {display:block; content:''; clear:both;}
.imm-pay-check-wrap .imm-pay-check-history .standard {float:left; font-size:16px; line-height:24px;}
.imm-pay-check-wrap .imm-pay-check-history .case-num {float:left; position:relative; margin-left:8px; padding-left:8px; font-size:16px; line-height:24px;}
.imm-pay-check-wrap .imm-pay-check-history .case-num:before {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background:rgba(0, 0, 0, 0.1);} 
.imm-pay-check-wrap .imm-pay-check-history .total-amount {float:right; font-weight:700; color:#212121;}
.imm-pay-check-wrap .imm-pay-check-history .total-amount .unit {margin-left:4px; font-size:14px; font-weight:400;}

.lpop-pay-standard .lpop-cont-inner {padding-bottom:45px;}
.lpop-pay-standard .pay-sect-inlpop {margin:0 0 40px 0; padding:0 20px 32px;}
.lpop-pay-standard .pay-sect-inlpop.bottom-fixed {margin-bottom:96px;}
.lpop-pay-standard .tab-col-tit {margin:30px 4px 6px; font-size:15px;}
.lpop-pay-standard .tab-col-wrap{margin:-5px -2px}
.lpop-pay-standard .tab-col-wrap .tab-col{margin:5px 2px; width:calc(50% - 4px)}
.lpop-pay-standard .tab-col-wrap .ts-tab {font-size:15px;}
.lpop-pay-apply-check .lpop-cont-inner {padding-bottom:105px;}
.lpop-pay-apply-check .point {color:var(--font-point-5);}
.lpop-pay-apply-check .pay-check-box {margin-top:16px; padding:24px; background:var(--background-color-2); border-radius:20px; table-layout:fixed; box-sizing:border-box;}
.lpop-pay-apply-check .pay-check-box:after {display:block; content:''; clear:both;}
.lpop-pay-apply-check .pay-check-box .title {float:left; line-height:27px; font-size:16px;}
.lpop-pay-apply-check .pay-check-box .amount-wrap {float:right; font-weight:700; font-size:18px; color:#212121; line-height:27px;}
.lpop-pay-apply-check .pay-check-box .amount-wrap .unit {margin-left:4px; font-size:14px; font-weight:400;}
.lpop-pay-apply-check .lpop-pay-sect01 {padding:0 24px;}
.lpop-pay-apply-check .lpop-pay-sect01 .lpsect-tit01 {margin-bottom:16px; color:var(--font-neutral-1); font-size:22px; font-weight:700;}
.lpop-pay-apply-check .tab-col-tit {margin:34px 0 10px; font-size:16px;}
.lpop-pay-apply-check .pay-account-box {margin-top:16px; padding:24px; background:var(--background-color-2); border-radius:20px;}
.lpop-pay-apply-check .pay-account-box .title {font-size:16px; font-weight:700; color:#212121;}
.lpop-pay-apply-check .pay-account-box .account-wrap {margin-top:8px; font-size:15px; color:var(--font-neutral-5)}
.lpop-pay-apply-check .pay-account-box .account-wrap span {display:inline-block;}
.lpop-pay-apply-check .pay-account-box .account-wrap span.bank {margin-right:10px;}
.lpop-pay-apply-check .pay-check-text-wrap {padding:60px 0 50px;}
.lpop-pay-apply-check .pay-check-text01 {text-align:center; font-size:17px; color:var(--font-neutral-1);}
.lpop-pay-apply-check .pay-bul01 > li {position:relative; margin-top:10px; padding-left:13px; color:var(--font-neutral-5); font-size:15px; line-height:22px}
.lpop-pay-apply-check .pay-bul01 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:var(--font-neutral-5); border-radius:50%;}
.lpop-pay-apply-check .pay-bul01 > li:first-child {margin-top:0;}
.lpop-pay-apply-check .pay-bul01 > li strong {font-weight:700;}
.lpop-pay-apply-check .pay-other-account-box {margin-top:10px;}
.lpop-pay-apply-check .select-wrap {background-color:#fff; border:1px solid var(--input-border); border-radius:var(--input-radius); overflow:hidden; height:56px;}
.lpop-pay-apply-check .select-wrap:focus-within{border:2px solid var(--input-focus-border)}
.lpop-pay-apply-check .select-wrap:focus-within .btn-bank{line-height:52px; padding-left:15px; width:111px}
.lpop-pay-apply-check .select-wrap:focus-within .itxt01{height:52px; width:calc(100% - 111px)}

.lpop-pay-apply-check .select-wrap:after {display:block; content:''; clear:both;}
.lpop-pay-apply-check .select-wrap.on {border-color:#000;}
.lpop-pay-apply-check .btn-bank {display:block; position: relative; float:left; width:112px; padding:0 32px 0 16px; background-color:#fff; border-radius:6px; font-size:16px; color:var(--font-neutral-1); line-height:54px;}
.lpop-pay-apply-check .btn-bank:after {display:block; content:''; position:absolute; right:0; top:50%; width:32px; height:32px; margin-top:-16px; background:url('/static/assets/images/benefit/untact_card/arr_gray_120x120_d.png') 0 0 / cover no-repeat;}
.lpop-pay-apply-check .btn-bank.selected {text-align:center;}
.lpop-pay-apply-check .btn-bank img {width:auto; height:34px; vertical-align:middle;}
.lpop-pay-apply-check .itxt01 {float:left; width:calc(100% - 112px); border:none; height:54px; padding:15px 17px}

.imm-pay-complete-wrap {margin-bottom: 40px; padding: 0 20px;}
.imm-pay-complete {padding:136px 0 10px; background:url('/static/assets/images/comm/img-3d-complete.png') center 36px / 80px 80px no-repeat; text-align:center; font-size:24px; font-weight:700; color:var(--font-neutral-1); line-height:32px}
.imm-pay-failure {padding:170px 0 75px; text-align:center; background:url('/static/assets/images/comm/img-2d-emptydefault.png') no-repeat center 56px; background-size:64px ;}
.imm-pay-failure .title {font-weight:700; font-size:19px; color:var(--font-neutral-1); line-height:28px}
.imm-pay-failure .text {margin-top:10px; font-size:16px; line-height:24px; color:var(--font-neutral-7)}
.imm-pay-history-box {margin-top:40px; padding:25px 24px; background:var(--background-color-2); border-radius:20px;}
.imm-pay-history-box .item {display:table; width:100%; table-layout:fixed;}
.imm-pay-history-box .item .title {display:table-cell; font-size:15px; width:100px; line-height:22px; color:var(--font-neutral-5)}
.imm-pay-history-box .item .amount-wrap {display:table-cell; text-align:right; font-size:18px; font-weight:700; color:#212121; word-break:break-word;}
.imm-pay-history-box .item .unit {margin-left:4px; font-size:14px; font-weight:400;}
.imm-pay-history-box .item + .item {margin-top:10px;}
.imm-pay-history-box .acount {display:table-cell; text-align:right; font-size:16px; line-height:24px; color:var(--font-neutral-3)}
.imm-pay-history-box + .pay-bul01 {margin-top:76px;}

.pay-cont01 .period-check-wrap {padding:20px; background:var(--background-color-2);}
.pay-cont01 .period-check-wrap .title {margin-bottom:10px; font-size:16px; font-weight:700; color:var(--font-neutral-1); padding:0 4px}
.pay-history-item-wrap .pay-history-item {padding:32px 24px;}
.pay-history-item-wrap .pay-history-item + .pay-history-item {position:relative;}
.pay-history-item-wrap .pay-history-item + .pay-history-item:before {display:block; content:''; position:absolute; top:0; right:24px; left:24px; height:1px; border-top:1px solid rgba(0, 0, 0, 0.06); box-sizing:border-box;} 
.pay-history-item-wrap .pay-history-item-top {position: relative;display: flex;justify-content: space-between;align-items: center;}
.pay-history-item-wrap .pay-history-item-top .title {flex: 1;color: var(--font-neutral-3);}
.pay-history-item-wrap .pay-history-item-top .amount-wrap {font-size:18px;line-height: 26px;font-weight:700; color:var(--font-neutral-1);}
.pay-history-item-wrap .pay-history-item-top .amount-wrap .unit {display: inline-block;vertical-align: top;margin-left:2px; font-size:14px; font-weight:400;color: var(--font-neutral-3);}
.pay-history-item-wrap .pay-history-item-top .amount-wrap.cancel {position:relative; color:var(--font-neutral-7);}
.pay-history-item-wrap .pay-history-item-top .amount-wrap.cancel .unit {color: var(--font-neutral-7);}
.pay-history-item-wrap .pay-history-item-top .amount-wrap.cancel:after {display:block; content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#969DAB;}
.pay-history-item-wrap .pay-history-item-top .btn-view {font-size: 0;line-height: 0;text-indent: -9999px;color: transparent;width: 16px;height: 16px;margin-left: 4px;-webkit-mask:var(--arrow-right-normal);mask:var(--arrow-right-normal);background-color: var(--arrow-normal-gray1);}
.pay-history-item-wrap .pay-history-item-top .btn-mark {display:inline-block;width:16px; height:16px; margin: 4px 0 4px 4px; vertical-align:top; -webkit-mask:var(--info); mask:var(--info);background-color: var(--gray-300);text-indent:-999px; font-size:0; color:transparent;}
.pay-history-item-wrap .card-info {position: relative; margin-top:8px;display: flex;align-items: center;}
.pay-history-item-wrap .card-info .sub {font-size:14px;} 
.pay-history-item-wrap .card-info .sub + .sub {position:relative; margin-left:8px; padding-left:8px; font-size:14px;} 
.pay-history-item-wrap .card-info .sub + .sub:before {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:rgba(0, 0, 0, 0.15);} 
.pay-history-item-wrap .card-info .state {color:var(--font-neutral-4);} 
.pay-history-item-wrap .card-info .btn-mark {display:inline-block; position:relative; width:20px; height:20px; margin-left:3px; vertical-align:top; -webkit-mask:var(--info); mask:var(--info);background-color: var(--gray-100); text-indent:-999px; font-size:0; color:#fff;}
.pay-history-item-wrap .pay-history-item .btn-wrap {margin-top: 20px;}
.pay-history-item-wrap .pay-history-item .btn-wrap .btn-re-apply {float: none;display: inline-flex;width: calc(100% + 8px);justify-content: center;align-items: center;margin: 0 -4px;padding: 9px 15px;border-radius: 8px;border: var(--button-outline-border2);color: var(--button-outline-tc2);font-size: 14px;line-height: 20px;font-weight: 700;background: var(--background-color-1);}

.pay-history-item-wrap .card-info .lpop-box {display:none; position:absolute; left:0; right:0; top:35px; z-index:51; padding:20px 50px 20px 24px; color:#E7E9EF; background:rgba(122, 131, 148, 0.9) ; border-radius:16px; box-sizing:border-box; backdrop-filter: blur(6px); }

.pay-history-item-wrap {background: var(--background-color-1);padding-bottom: 20px;}
.pay-history-item-wrap .card-info .lpop-box .text {font-size:15px; line-height:22px}
.pay-history-item-wrap .card-info .lpop-box .lpop-box-close {display:block; overflow:hidden; position:absolute; right:12px; top:16px; width:32px; height:32px; text-indent:-9999px; background:url('/static/assets/images/benefit/untact_card/mark_x_96x96.png') 0 0 / cover no-repeat;}
.pay-history-item-wrap .btn-re-apply {margin-left: auto;padding-right:18px; background:url('/static/assets/images/benefit/untact_card/arr_gray_60x60_r.png') right 2px / 18px 18px no-repeat; font-size:14px;  line-height:20px;}
.pay-history-item-wrap .pay-history-info {margin-top:20px;}
.pay-history-item-wrap .pay-history-info .item {display:table; width:100%; table-layout:fixed;}
.pay-history-item-wrap .pay-history-info .item .title {display:table-cell; font-size:14px; width:100px;}
.pay-history-item-wrap .pay-history-info .item .amount-wrap {display:table-cell; text-align:right; font-size:16px; font-weight:700; word-break:break-word;}
.pay-history-item-wrap .pay-history-info .total + .item {margin-top:16px;}
.pay-history-item-wrap .pay-history-info .item + .item {margin-top:7px;}
.pay-history-item-wrap .pay-history-info .unit {margin-left:4px; font-size:14px; font-weight:400;}
.pay-history-no-wrap {padding:127px 0 60px; background:var(--background-color-2) url('/static/assets/images/comm/img-2d-emptydefault.png') no-repeat center 40px / 62px ; text-align:center; font-size:19px; line-height:28px; color:var(--font-neutral-5); font-weight:700}
.pay-cont01 .pay-info-list-wrap {padding:30px 24px 110px ; border-top: 1px solid rgba(0, 0, 0, 0.06);background: var(--background-color-1);}
.pay-cont01 .pay-info-list-wrap .pay-bul01{margin-top:0}

.pay-history-item-wrap .card-info .sub {font-size:14px; color:var(--font-neutral-7);line-height: 20px;}
.pay-history-item-wrap .card-info .sub.state {color:var(--font-neutral-3);}
.pay-history-item .btn-open01 {display:inline-block; order: 3; position:relative; width:22px; height:27px; padding-left:5px; text-indent:-9999px;}
.pay-history-item .btn-open01:after {display:block; content:''; width:22px; height:27px; position:absolute; top:0; left:7px; background:url('/static/assets/images/comm/prev_pb/arr_down01.png') no-repeat center/auto 7px;}
.pay-history-item .btn-open01.open:after {background:url('/static/assets/images/comm/prev_pb/arr_up01.png') no-repeat center/auto 7px;}
.pay-history-item .btn-open02 {display:inline-block; position:relative; width:22px; height:22px; padding-left:5px; text-indent:-9999px;}
.pay-history-item .btn-open02::after {display:block; content:''; width:16px; height:16px; position:absolute; top:50%; left:50%; -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color: var(--arrow-normal-gray3); margin:-8px 0 0 -8px}
.pay-history-item .btn-open02.open::after {transform:scale(-1)}
.detail-wrap01 {display:none; clear:both; margin-top:25px;}
.detail-wrap01:after {display:block; content:''; clear:both;}
.detail-wrap01 dl:after {display:block; content:''; clear:both;}
.detail-wrap01 dl + dl {margin-top:5px;}
.detail-wrap01 dl dt {float:left; font-size:14px;}
.detail-wrap01 dl dd {float:right;}
.detail-wrap01 dl dd .amount {font-size:16px; font-weight:700; color:#212121;}
.detail-wrap01 dl dd .unit {margin-left:4px; font-size:14px; font-weight:400;}

.check-detail-tit {margin-top:25px; font-size:15px; font-weight:700; color:#212121;}
.detail-wrap02 {display:none; margin-top:10px;}
.detail-wrap02 .detail-item-top:after {display:block; content:''; clear:both;}
.detail-wrap02 .detail-item-top .title {float:left;}
.detail-wrap02 .detail-item-top .amount-wrap {float:right; font-size:16px; font-weight:700; color:#212121;}
.detail-wrap02 .detail-item-top .amount-wrap .unit {margin-left:4px; font-size:14px; font-weight:400;}

/* 즉시결제 상세내역(P1001PG014W) 추가 */
.pay-history-detail .pay-detail-top {padding: 20px 24px 32px;border-bottom: 1px solid var(--line);}
.pay-history-detail .pay-detail-top .state {margin-bottom: 2px;color: var(--font-neutral-6);}
.pay-history-detail .pay-detail-top .amount-wrap {display: flex;align-items: center;color: var(--font-neutral-1);font-weight: 700;font-size: 22px;line-height: 36px;}
.pay-history-detail .pay-detail-top .amount-wrap .amount {margin-right: 2px;font-size: 28px;letter-spacing: -0.28px;}
.pay-history-detail .pay-detail-top .info-wrap {display: flex;align-items: center;margin-top: 8px;color: var(--font-neutral-3);}
.pay-history-detail .pay-detail-top .info-wrap .date {color: var(--font-neutral-7);}
.pay-history-detail .pay-detail-top .info-wrap .bank {position: relative;margin-left: 8px;padding-left: 8px;}
.pay-history-detail .pay-detail-top .info-wrap .bank:before {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:rgba(0, 0, 0, 0.15);} 
.pay-history-detail .pay-detail-cont {padding: 0 24px 28px;}
.pay-history-detail .pay-detail-cont > [class*=-wrap] {padding: 32px 0;}
.pay-history-detail .pay-detail-cont > [class*=-wrap] + [class*=-wrap] {border-top: 1px solid var(--line);}
.pay-history-detail .pay-detail-cont > [class*=-wrap] .tit {margin-bottom: 16px;font-size: 18px;line-height: 28px;font-weight: 700;color: var(--font-neutral-2);}
.pay-history-detail .pay-detail-cont .fee-item {display: flex;align-items: center;justify-content: space-between;}
.pay-history-detail .pay-detail-cont .fee-item + .fee-item {margin-top: 8px;}
.pay-history-detail .pay-detail-cont .fee-item .title {color: var(--font-neutral-6);}
.pay-history-detail .pay-detail-cont .fee-item .amount-wrap {color: var(--font-neutral-1);font-weight: 700;line-height: 24px;}
.pay-history-detail .pay-detail-cont .fee-item .amount-wrap .unit {font-size: 14px;margin-left: 1px;}
.pay-history-detail .pay-detail-cont .detail-item + .detail-item {margin-top: 20px;}
.pay-history-detail .pay-detail-cont .detail-top {display: flex;align-items: center;justify-content: space-between;}
.pay-history-detail .pay-detail-cont .detail-top .title {margin-right: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--font-neutral-3);}
.pay-history-detail .pay-detail-cont .detail-top .amount-wrap {flex-basis: 140px;text-align: right;line-height: 24px;font-weight: 700;color: var(--font-neutral-1);}
.pay-history-detail .pay-detail-cont .detail-top .amount-wrap .unit {font-size: 14px;margin-left: 1px;}
.pay-history-detail .pay-detail-cont .detail-info {margin-top:8px;display: flex;align-items: center;}
.pay-history-detail .pay-detail-cont .detail-info .sub {font-size:14px;color: var(--font-neutral-7);line-height: 20px;} 
.pay-history-detail .pay-detail-cont .detail-info .sub + .sub {position:relative; margin-left:8px; padding-left:8px;} 
.pay-history-detail .pay-detail-cont .detail-info .sub + .sub:before {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:rgba(0, 0, 0, 0.15);} 
.pay-history-detail .pay-detail-cont .detail-info .state {color:var(--font-neutral-3);} 

.payment-guide-openbank .lbody {padding:0 0 36px;}
.payment-guide-openbank .lbody .title {color:var(--font-neutral-2); font-size: 17px;font-weight: 700; line-height: 26px;}
.payment-guide-openbank .lbody .list--dot {margin-top: 12px;}
.payment-guide-openbank .terms {margin-top: 24px; padding:10px 0;}
.payment-guide-openbank .terms li {margin-left:4px;}
.payment-guide-openbank .terms a {display:block; line-height: 24px; position:relative; padding-right:20px; color:var(--font-neutral-4); font-size:16px;}
.payment-guide-openbank .terms a::after {content:''; position:absolute; right:0; top:50%; margin-top:-8px; vertical-align:middle; width:16px; height:16px; margin-left:4px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: var(--gray-500); opacity:.4;}
.payment-guide-openbank .btn-confirm.hide3day {flex:1 1; color:var(--button-secondary-tc); background-color:var(--button-secondary)}
.payment-guide-openbank .btn-confirm.hide3day:active {background:var(--button-secondary-active);}
.payment-check-account .select-lpop {height:auto;}
.payment-check-account .lpop-agree-sect01 {padding-bottom: 76px;}
.payment-check-account .lbody {padding-bottom: 36px;}
.payment-check-account .desc {font-size: 16px; line-height: 24px; color:var(--font-neutral-3);}
.payment-check-account .btn-manage-account {margin-top: 12px;}
.payment-check-account .btn-untcard-white01 {line-height: 48px; height: 48px; border-radius: 12px; font-size:17px;}
.payment-check-account .list--dot {margin-top: 24px;}
.payment-check-account .list--dot li {line-height: 22px;}
.payment-check-account .terms {margin-top: 24px; padding:10px 0;}
.payment-check-account .terms li {margin-left:4px;}
.payment-check-account .terms a {display:block; line-height: 24px; position:relative; padding-right:20px; color:var(--font-neutral-4); font-size:16px;}
.payment-check-account .terms a::after {content:''; position:absolute; right:0; top:50%; margin-top:-8px; vertical-align:middle; width:16px; height:16px; margin-left:4px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: var(--gray-500); opacity:.4;}
.payment-check-account.lpop--wrap2 .lpop-foot {position: fixed; left: 10px;right: 10px;bottom: 10px;}

.payment-check-account .account-current {position:relative; display:flex; height:56px; justify-content: space-between; align-items: center; padding:0 18px; margin:24px 0 12px; color:var(--font-neutral-2); background-color: var(--background-color-1); border:1px solid var(--input-border); border-radius: 14px;}
.payment-check-account .account-current::after {content:''; width:20px; height:20px; flex-shrink: 0; margin-left:8px; background-color: var(--gray-900); -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); mask-size:16px;}
.payment-check-account .account-current .bank {width:22px; height:22px; flex-shrink: 0; margin-right:8px;}
.payment-check-account .account-current .bank-number {flex:1; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.payment-check-account .account-current strong,
.payment-check-account .account-current .number {font-size:17px; line-height: 26px; font-weight:400; color:var(--font-neutral-2);}
/* 즉시결제 끝 */

/* 로스트카드 하위 QR이미지 리사이징 임시 CSS 2022-04-26 */
.cardViewBody .card_qr_wrap img {width:74px;}

/* 신세계 카드 약관 */
.agree-check-cont01 {}
.agree-check-cont01 .ick-wrap01 {position:relative; padding:0 20px 0 0;}
.agree-check-cont01 .ick-wrap01 + .ick-wrap01 {margin-top:13px;}
.agree-check-cont01 .ick-wrap01.no-arr {padding-right:0;}
.agree-check-cont01 .ick-wrap01 .btn-lpop-terms {display:block; overflow:hidden; position:absolute; right:0; top:2px; width:20px; height:20px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/arr_gray_60x60_r.png) 0 0 / cover no-repeat;} 

.lpop-idcard-sect01 {}
.lpop-idcard-sect01 .sect-tit01 {position:relative; z-index:20; margin-bottom:30px; padding:0 24px; color:var(--font-neutral-1); font-size:20px; font-weight:bold;}
.lpop-idcard-sect01 .sect-tit01 .btn-tip {display:inline-block; position:relative; width:20px; height:20px; vertical-align:middle; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}
/* .lpop-idcard-sect01 .sect-tit01 .btn-tip .lpop-tip-arr {display:block; display:none; position:absolute; left:50%; bottom:-14px; width:0px; height:0px; margin-left:-6px; border-bottom:8px solid rgba(64,66,76,0.9); border-left:6px solid transparent; border-right:6px solid transparent;} */
.lpop-idcard-sect01 .sect-tit01 .lpop-tip {display:none;position:absolute; left:20px; right:20px; top:70px;  padding:var(--tooltip-pd); border-radius:var(--tooltip-radius); background-color:var(--tooltip-box-bg);  backdrop-filter: blur(6px)}
.lpop-idcard-sect01 .sect-tit01 .lpop-tip .tip-desc {color:#fff; font-size:15px; font-weight:400; line-height:22px;}
.lpop-idcard-sect01 .sect-tit01 .lpop-tip .btn-close {display:block; overflow:hidden; position:absolute; right:12px; top:16px; width:32px; height:32px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close.svg') no-repeat center / 16px; filter:invert(1)}
.lpop-idcard-sect01 .sect-tit01 {}
.lpop-idcard-sect01 .sect-body01 {position:relative; z-index:10;}
.lpop-idcard-sect01 .agree-all-wrap {padding:0 20px;}
.lpop-idcard-sect01 .agree-check-cont01 {margin-bottom:30px; padding:0 20px;}

.ts-inner-cont.receive-place {}
.ts-inner-cont.receive-place .receive-tab-cont {display:none; margin-top:10px;}
.ts-inner-cont.receive-place .receive-tab-cont .tab-col-wrap {margin-top:6px;}

/* 카드 신청 동의 내역 */
.agree-check-info-wrap {margin-top:54px;}
.agree-check-info-wrap .agree-check-info-top {position:relative;}
.agree-check-info-wrap .agree-check-info-top .agree-title {padding-right:22px; color:var(--font-neutral-1); font-size:16px; line-height:26px; font-weight:700;}
.agree-check-info-wrap .agree-check-info-top .btn-expand {display:block; overflow:hidden; position:absolute; right:-12px; top:-3px; width:32px; height:32px; text-indent:-9999px; }
.agree-check-info-wrap .agree-check-info-top .btn-expand::before{ content:''; -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color: var(--arrow-normal-gray3); display:inline-block; width:18px; height:18px; position:absolute; margin:-9px 0 0 -9px; left:50%; top:50%}
.agree-check-info-wrap .agree-check-info-top .btn-expand.up::before {transform:scale(-1)}

.agree-check-info-wrap .agree-sub-list {margin-top:34px;}
.agree-check-info-wrap .agree-sub-list > li {display:table; width:100%;}
.agree-check-info-wrap .agree-sub-list > li + li {margin-top:24px;}
.agree-check-info-wrap .agree-sub-list > li .agree-sub-title {display:table-cell; font-size:16px;}
.agree-check-info-wrap .agree-sub-list > li .state {display:table-cell; width:60px; text-align:right; color:#f43347; font-size:16px; font-weight:700;}
.agree-check-info-wrap .agree-sub-list > li .state.check {color:#6788d8;}
.agree-check-info-wrap .agree-sub-list > li .state.vam {vertical-align:middle;}
.agree-check-info-wrap .etc-check-list + .agree-sub-list {margin-top:24px;}

.agree-check-info-wrap .etc-check-list {display:table; table-layout:fixed; width:100%; margin-top:10px;}
.agree-check-info-wrap .etc-check-list > li {display:table-row;}
.agree-check-info-wrap .etc-check-list .item-inner {display:table-cell; width:50%; padding:7px 0 7px 25px; font-size:15px; line-height:22px; background:url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 0 9px / 18px 18px no-repeat;}
.agree-check-info-wrap .etc-check-list .item-inner.on {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png);}

.pay-inner-tab {padding:0 20px; background-color:var(--background-color-2); font-size:0}
.pay-inner-tab > a {display:inline-block; padding:9px 16px; border-radius:100px; background-color:var(--tab2-bg); font-size:15px; line-height:22px; color:var(--tab2-tc)}
.pay-inner-tab > a + a{margin-left:6px}
.pay-inner-tab > a.on {background-color:var(--tab2-active-bg); color:var(--tab2-active-tc); font-weight:700;}

/* 2022-10-11 추가 */
.payment-certi-cont .certi-num-wrap.words .num-col02 .certi-num.words {display:block; float:left; position:relative; width:130px !important; height:34px; border:1px solid #b0b0b0; border-radius:4px; color:var(--font-neutral-1); font-size:17px; font-weight:400; text-align:left; line-height:normal; vertical-align:top; background-color:#fff !important; padding:10px 16px;}
.payment-certi-cont .certi-num-box .transaction-notice button.type02 {display:inline-block; width:16px; height:16px; margin:2px 0 0 4px; vertical-align:top; background:url(/static/assets/images/benefit/untact_card/mark_2_40x40.png) 0 0 / cover no-repeat;}

/* 2022-10-13 추가 */
.select-lpop-wrap.lpop-certi-vh .lpop-inner {max-height:calc(100% - 0px) !important;}
.select-lpop-wrap.lpop-certi-vh .select-lpop .lpop-cont {max-height:calc(100vh - 100px) !important;}

/* 비대면 카드발급 마케팅 수신 유도 팝업  */
.select-lpop-wrap .marketing-agree-inner {padding-bottom:0; margin-bottom:112px;}
.marketing-agree-sect01 .mkagree-body01 {padding:0 20px;}
.marketing-agree-sect01 .mkagree-tit01 {padding:0 24px; margin-bottom:12px; color:var(--font-neutral-1); font-size:22px; font-weight:700;  line-height:30ㅔㅌ; letter-spacing:normal;}
.marketing-agree-sect01 .mkagree-sub01 {padding:0 24px; margin-bottom:12px; color:var(--font-neutral-1); font-size:18px; font-weight:700;  line-height:1.5; letter-spacing:normal;}
.marketing-agree-sect01 .mkagree-tit01 + .mkagree-sub01 {margin-top:26px;}
.marketing-agree-sect01 .mkagree-desc01 {padding:0 24px; margin-bottom:24px; color:var(--font-neutral-1); font-size:16px; font-weight:400;  line-height:23.68px;}
.marketing-agree-sect01 .mkagree-desc02 {margin-bottom:21px; color:var(--font-neutral-1); font-size:15px; font-weight:400;  line-height:22.2px;}
.marketing-agree-sect01 .mkagree-desc03 {padding:0 24px; margin-bottom:16px; color:#757575; font-size:15px; font-weight:400;  line-height:1.5;}
.marketing-agree-sect01 .agree-check-cont {margin:20px 0 0 0;}
.marketing-agree-sect01 .agree-check-cont .drop-top {position:relative; padding:15px 44px 15px 20px; border:1px solid #ddd; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:14px;}
.marketing-agree-sect01 .agree-check-cont .drop-cont {display:none; margin:24px 0 22px 0; padding:0 4px;}
/* .marketing-agree-sect01 .agree-check-cont .drop-top .btn-expand {top:12px;} */
.marketing-agree-sect01 .ick-wrap02 {padding-left:0;}
.marketing-agree-sect01 .ick06 {display:inline-block; width:18px; height:18px; margin-top:5px; margin-right:13px; padding:0; background:url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 0 0 / cover no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:middle;}
.marketing-agree-sect01 .ick06:checked {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_black_72x72.png);}

.marketing-agree-sect01 .drop-cont .mkagree-desc02 + .ick-wrap01 {margin-top:21px;}

.marketing-agree-sect01 .drop-cont .ick-wrap01 {padding:0;margin:14px 0 0 0;}
.marketing-agree-sect01 .drop-cont .ick-wrap01:nth-child(1), .marketing-agree-sect01 .drop-cont .ick-wrap01:nth-child(2)  {margin-top:0;}
.marketing-agree-sect01 .drop-cont .ick-wrap01 label {font-size:15px;line-height:22px;}
.marketing-agree-sect01 .cont-box01 + .cont-box01 {margin-top: 29px;}

.marketing-agree-sect01 .cont-wrap {display: flex; flex-flow:row wrap; justify-content:space-between;}
.marketing-agree-sect01 .cont-wrap .ick-wrap01 {width:50%;}
.marketing-agree-btn [class*="btn-"] {flex:1; font-size:17px; font-weight:700;}

.full-lpop01 .info-area {padding: 24px 20px;color: #000;background-color: #fff;border: 1px solid #000;border-radius: 6px;}
.full-lpop01 .info-area .tit {padding: 0 4px;font-weight: bold;font-size: 18px;line-height: 27px;color: #000;}
.full-lpop01 .info-area .list {margin-top: 24px;}
.full-lpop01 .info-area .ick-wrap01 + .ick-wrap01 {margin-top: 8px;}

.lpop-kurly-member-sect01 {padding:0 20px; color:#212121; font-size:16px; line-height:24px;}
.lpop-kurly-member-sect01 .kmsect-tit01 {margin-bottom:20px; padding:0 4px; color:var(--font-neutral-1); font-size:22px; line-height:30px; font-weight:700;}
.lpop-kurly-member-sect01 .kmsect-desc01 {padding:0 4px; color:var(--font-neutral-5); font-size:16px; line-height:24px;}
.lpop-kurly-member-sect01 .kmsect-box {margin:24px 0 9px; padding:24px 20px; border-radius:20px; background-color:var(--background-color-2); text-align:center;}
.lpop-kurly-member-sect01 .kmsect-box .text {display:inline-block; color:var(--font-neutral-4);}
.lpop-kurly-member-sect01 .kmsect-box .text strong {font-weight:700;}
/* .select-lpop-wrap .kurly-member-btn-wrap .btn-red01 {font-size:17px;} */

/* 2023-04-28 */
.tab-col-wrap .tab-col .flag {display:block; position:absolute; top:-12px; left:0; z-index:1; font-size:11px; line-height:normal; padding:4px 8px; border-radius:13px; text-align:center; color:#fff; background-color:#ff4562; letter-spacing:-0.3px; line-height:normal;}
.tab-col-wrap .tab-col .flag em {font-weight:700;}
.tab-col-wrap .tab-col .flag:after {display:block; content:''; position:absolute; left:12px; bottom:-5px; width:7px; height:5px; border-left:3px solid transparent; border-top:3px solid #ff4562; border-bottom:3px solid transparent; border-right:3px solid transparent;}
.tab-col-wrap .tab-col .flag.bg02 {background-color:#5d67cf;}
.tab-col-wrap .tab-col .flag.bg02:after {border-left:3px solid transparent; border-top:3px solid #5d67cf; border-bottom:3px solid transparent; border-right:3px solid transparent;}
.tab-col-wrap .tab-col .flag-box {position:absolute; top:0; width:100%; height:1px; background:transparent;}
.tab-col-wrap .tab-col .flag.bg03 {top:auto; bottom:-7px; left:0; background-color:#0baeff;}
.tab-col-wrap .tab-col .flag.bg03:after {left:12px; border-left:3px solid transparent; border-top:3px solid #0baeff; border-bottom:3px solid transparent; border-right:3px solid transparent;}
.tab-col-wrap .tab-col .flag .bar {position:relative; padding-left:9px; font-weight:700; word-break:keep-all;}
.tab-col-wrap .tab-col .flag .bar:before {display:block; content:''; position:absolute; top:2px; left:4px; width:1px; height:10px; background: rgba(255, 255, 255, 0.30);}

.lpop-hipass-only-sect01 {padding:0 24px; color:#212121; font-size:16px; line-height:24px;}
.lpop-hipass-only-sect01 .hisect-tit01 {margin-bottom:20px; color:var(--font-neutral-2); font-size:22px; line-height:30px; font-weight:700; text-align:center;}

.lpop-selc-cardtype .btn-fl03 {font-weight:700;}

/* 2023-08-10, 카드신청 - 아파트 관리비 자동납부 신청 */
.ts-inner-cont .autopay-apt-ick-wrap {display:inline-block; width:100%; padding:15px 15px 15px 50px; border:1px solid #ddd; outline:none; background:#fff url(/static/assets/images/benefit/untact_card/mark_v03_gray_72x72.png) 15px 15px / 24px 24px no-repeat; box-sizing:border-box; border-radius:14px; text-align:left; color:var(--font-neutral-2); font-size:16px; font-weight:400; line-height:1.5; margin:10px 0 0}
.ts-inner-cont .autopay-apt-ick-wrap.on {border-color:#000; border-width:1px;
-webkit-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08);-moz-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08); box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08); background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png); font-weight:700;}
.ts-inner-cont .mark-desc01.autopay-chk1, .ts-inner-cont .mark-desc01.autopay-chk2 {display:none;}
.lpop-autopay-apt {z-index:240;}
.lpop-autopay-apt .lpop-cont {padding:20px 0 0}
.lpop-cont-inner.apt-form-wrap {padding:0 24px 95px;}
.lpop-autopay-apt .info-lpop-wrap {display:inline-block; position:relative; top:3px; left:-90px; width:16px; height:16px; margin-left:3px;}
.lpop-autopay-apt .info {display:inline-block; overflow:hidden; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300)}
.lpop-autopay-apt .info-lpop {display:none; position:absolute; z-index:10; left:-104px; top:27px; width:320px; padding:var(--tooltip-pd); background-color:var(--tooltip-box-bg); border-radius:var(--tooltip-radius); backdrop-filter:blur(6px);}
/* .lpop-autopay-apt .info-lpop:before {display:block; content:''; position:absolute; left:105px; top:-18px; width:0; height:0; border:8px solid transparent; border-bottom-color:rgba(64,66,76,0.9); border-bottom-width:10px;} */
.lpop-autopay-apt .info-lpop-desc {color:var(--tooltip-tc); font-size:15px; line-height:22px;}
.lpop-autopay-apt .info-lpop-close {display:block; overflow:hidden; position:absolute; right:12px; top:12px; width:33px; height:33px; text-indent:-9999px; background:url('/static/assets/images/benefit/untact_card/mark_x_72x72.png') 0 0 / cover no-repeat;}
.lpop-autopay-apt .lpop-cont-tit{font-size:22px;font-weight:700;color:var(--font-neutral-1);line-height:30px;}
.lpop-autopay-apt .tit-desc {color:var(--font-neutral-7); font-size:16px; display:inline-block; font-weight:400; line-height:normal; margin-top:8px;}
.lpop-autopay-apt .lpop-cont-subtit.first {margin-top:36px;}
.lpop-autopay-apt .lpop-cont-subtit {font-size:17px; line-height:27px; font-weight:700; margin:24px 0 14px; color:var(--font-neutral-2);}
.lpop-autopay-apt .mark-desc01 {margin-top:10px;color:#6495b0; font-size:14px; line-height:normal;}
.lpop-autopay-apt .itxt-wrap01, .lpop-autopay-apt .itxt-wrap02 {margin:0 -4px;}
.lpop-autopay-apt .itxt-wrap01 .itxt01 {height:56px;}
.lpop-autopay-apt .itxt-wrap02 {display:flex;}
.lpop-autopay-apt .itxt-wrap02 .itxt02 {flex:1; margin:0; width:100%; height:56px; padding:14px 16px; border:1px solid var(--input-border); color:#212121; font-size:17px; font-weight:400; line-height:normal; background-color:#fff; border-radius:var(--input-radius); box-sizing:border-box; appearance:none;}
.lpop-autopay-apt .itxt-wrap02 .itxt02:focus {border:2px solid var(--input-focus-border); z-index:1; padding:13px 15px}
.lpop-autopay-apt .itxt-wrap02 .itxt02:disabled {color:#b2b2b2; background-color:var(--background-color-2);}
.lpop-autopay-apt .itxt-wrap02 .apt-nm {margin-top: 0;}
.lpop-autopay-apt .itxt-wrap02 .srch-btn {flex-shrink:0; display:block; border:1px solid var(--input-border); border-radius:var(--button-radius); font-weight: 700; color:var(--font-neutral-2); background:#fff; min-height: 52px; padding:16px 20px; margin-left: 6px; font-size: 16px; line-height: 21px;}
.lpop-autopay-apt .itxt-wrap02 .srch-btn[disabled] {border:1px solid #ddd; background:#f1f4f7; color:#bdbdbd;}

.apt-selc-wrap {display:flex;justify-content:space-between; margin:0 1px 10px;}
.apt-selc-wrap .apt-selc-box{flex:1 1 50%;margin:0}
.apt-selc-wrap .apt-selc-box + .apt-selc-box{margin-left:4px;}
.apt-selc-box .selc-btn {position:relative;display:block;width:100%;height:52px;padding:14px 40px 14px 16px;color:#212121;border:1px solid var(--input-border);background:#fff;box-sizing:border-box;font-size:17px;line-height:22px;border-radius:var(--input-radius);justify-content: space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.apt-selc-box button.selc-btn:active {color:#212121}
.apt-selc-box .selc-btn span {color:rgba(0,0,0,.3);}
.apt-selc-box .selc-btn:after {content:''; position:absolute; top:50%; right:17px;display:inline-block; width:20px; height:20px; margin:-10px 0 0 -10px; background:#fff url('/static/assets/images/comm/ico-sel-arr.svg') no-repeat ; background-size:100% auto;}

.apt-terms {margin-top:40px;}
.apt-terms p {font-size:16px; color:var(--font-neutral-2); line-height:24px;}
.apt-terms a.agree {display:block; margin-top:20px; font-size:15px; color:var(--font-neutral-6); line-height:20px; padding: 0; text-align: left; cursor: pointer;text-decoration:underline;}
.bottom-fixed-wrap-apt {position:absolute; left:0; right:0; bottom:0; display:flex; padding:0px 20px 20px; justify-content:space-between; background-color:#fff;}
.bottom-fixed-wrap-apt button {display:inline-flex; justify-content:center; align-items:center; line-height:var(--button-line-height); width:calc(50% - 4px); font-size:var(--button-font-size); font-weight:bold; text-align:center; box-sizing:border-box; border-radius:var(--button-radius);height:var(--button-height)}
.bottom-fixed-wrap-apt button::before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background:var(--button-secondary-gradient);}
.bottom-fixed-wrap-apt button::before{content:none;}
.bottom-fixed-wrap-apt button.checkBtn[disabled] {color:#bdbdbd; background-color:#e0e4e8;}
.bottom-fixed-wrap-apt button.apply-submit {flex:1; margin-bottom: 0; background-color:var(--button-primary); color:var(--button-primary-tc);}
.bottom-fixed-wrap-apt:before{content:''; height:16px; position:absolute; top:-16px; left:0; right:0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);}
/* .lpop-dialog p {font-size:16px; color:var(--font-neutral-1);} */
.select-lpop .select-list .item-inner {/* font-size:16px; color:var(--font-neutral-1); padding:12px 52px 12px 24px; line-height:normal; */}
.select-lpop .select-list .item-inner.on {/* font-weight:700; */}

.autopay-apt-notice {margin-top:40px;}
.autopay-apt-notice .noti-head {position: relative; padding:20px 0px 20px 0px;}
.autopay-apt-notice .noti-head .tit {font-size:16px; font-weight:700; line-height:normal;}
.autopay-apt-notice .noti-body {padding:0px 0px 30px; display: none;}
.autopay-apt-notice .noti-body.view {display: block;}
.autopay-apt-notice .toggle-tit {display:block; text-indent: -9999px; overflow: hidden; position:absolute; top:50%; right:0; width:32px; height:32px; padding:0; margin:-16px 0 0 0}
.autopay-apt-notice .toggle-tit::after{content:''; display:inline-block; width:16px; height:16px;  -webkit-mask: var(--arrow-down-normal); mask: var(--arrow-down-normal); background-color: var(--arrow-normal-gray3); position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px}
.autopay-apt-notice .toggle-tit.up {transform:scale(-1);}
.autopay-apt-notice .noti-body .list--dot li {position:relative; padding-left:12px; font-size:15px; color:var(--font-neutral-6); line-height:24px;}
.autopay-apt-notice .noti-body .list--dot li strong {font-weight:700;}
.autopay-apt-notice .noti-body .list--dot li:before {position:absolute; top:8px; left:0; content:''; width:3px; height:3px; background-color:#969DAB; border-radius:1.5px;}
.autopay-apt-notice .noti-body .list--dot li + li {margin-top:8px;}

.full-lpop-wrap.apt-agree .lpop--header{padding:15px 24px 15px 62px; background:#fff; border-bottom:none;}
.full-lpop-wrap.apt-agree .lpop--header .lpop-tit{font-size:17px; font-weight:700; margin-bottom:0; line-height:normal;}
.full-lpop-wrap.apt-agree .lpop--cont{background:#fff; padding:20px 24px 120px 24px; box-sizing:border-box;}
.full-lpop-wrap.apt-agree .lpop--cont .term-tit {font-size:18px; color:var(--font-neutral-2); line-height:normal; font-weight:700; margin-bottom:30px;}        
.full-lpop-wrap.apt-agree .lpop--cont .sub-tit {font-size:16px; color:#3a3e44; line-height:normal; font-weight:700; margin-bottom:10px;}      
.full-lpop-wrap.apt-agree .lpop--cont .desc {font-size:14px; color:var(--font-neutral-6); line-height:normal; font-weight:400;}      
.full-lpop-wrap.apt-agree .lpop--cont .desc + .desc {margin-top:10px;}
.full-lpop-wrap.apt-agree .lpop--cont .desc + .sub-tit {margin-top:20px;}
.full-lpop-wrap.apt-agree .lpop--cont .list--dot {margin-top:10px;}
.full-lpop-wrap.apt-agree .lpop--cont .list--dot li {position:relative; padding-left:12px; font-size:14px; color:var(--font-neutral-6); line-height:24px;}
.full-lpop-wrap.apt-agree .lpop--cont .list--dot li:before {position:absolute; top:10px; left:0; content:''; width:3px; height:3px; background-color:#666c76; border-radius:1.5px;}
.full-lpop-wrap.apt-agree .lpop--cont .list--dot li + li {margin-top:10px;}
.full-lpop-wrap.apt-agree .btn-back {display:block; position:absolute; z-index:10; left:16px; top:8px; width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/prev/renew/arr_black_58x49_l.png) center center / 18px auto no-repeat;}
.full-lpop-wrap.apt-agree .btn-confirm-fn{position:fixed; padding:12px 20px; height:auto; background:#F9F9FA;}
.full-lpop-wrap.apt-agree .btn-confirm-fn:before{content:''; height:16px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F9F9FA 100%); position:absolute; top:-16px; left:0; right:0;}	
.full-lpop-wrap.apt-agree .lpop-inner {overflow-y:auto;}

.term-wrap {font-size: 14px; line-height: 26px; color:var(--font-neutral-5);}
.term-wrap h2 {font-size: 16px; font-weight: 700; margin: 0 0 32px; color:var(--font-neutral-1); line-height: 28px;}
.term-wrap h3 {font-size: 15px; font-weight: 700; margin: 52px 0 0; color:var(--font-neutral-1); line-height: 24px;}
.term-wrap h4 {font-size: 14px; font-weight: 700; margin: 40px 0 0; color:var(--font-neutral-1);}
.term-wrap h3 + h4 {margin-top: 24px;}
.term-wrap ul {margin-top: 8px;}
.term-wrap table td {border-top: 1px solid #ebebeb;}
.term-wrap .p_tit {font-size: 15px;}
.term-wrap .grade_gauge_wrap {width:100%;}
.term-wrap .grade_gauge_box {width:100%;}
.term-wrap .grade_gauge_box:after {display:block; content:''; clear:left;}
.term-wrap .grade_gauge_box .grade_item {float:left; position:relative; width:20%; padding-bottom:22px; color:#333; font-size:12px; text-align:center;}
.term-wrap .grade_gauge_box .grade_item:before {display:block; content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:18px;}
.term-wrap .grade_gauge_box .grade_item:first-child:before {border-radius:10px 0 0 10px;}
.term-wrap .grade_gauge_box .grade_item:last-child:before {border-radius:0 10px 10px 0;}
.term-wrap .grade_gauge_box .grade_item.grade01:before {background-color:#8FADF9; color:#fff;}
.term-wrap .grade_gauge_box .grade_item.grade02:before {background-color:#B1E786; color:#fff;}
.term-wrap .grade_gauge_box .grade_item.grade03:before {background-color:#FFEE86; color:#fff;}
.term-wrap .grade_gauge_box .grade_item.grade04:before {background-color:#FFA183; color:#fff;}
.term-wrap .grade_gauge_box .grade_item.grade05:before {background-color:#FA6A6A; color:#fff;}
.term-wrap .grade_gauge_box .grade_item.point {font-weight:bold;}
.term-wrap .grade_gauge_box .grade_item.point:after {display:block;content:'';position:absolute;bottom:0;left:0;right:0;width:16px;height:16px;margin:0 auto -7px; background:url('../../winc/images/wcom/wimg_provision_02.png') 0 0/100% no-repeat;}
.term-wrap .grade_gauge_box .grade_item em {position:absolute; left:-9999px;}
.term-wrap .grade_gauge_wrap .text {margin:10px 0 0; text-align:center;}
.term-wrap table{width:100%;border-spacing:0; border-collapse:collapse}
.term-wrap .tbColAc{width:100%;border-spacing:0; border-collapse:collapse}
.term-wrap .tbColAc{text-align:left;font-size:14px;line-height:20px;border-top:1px solid #EBEBEB;}
.term-wrap .tbColAc thead th,
.term-wrap .tbColAc tbody th{padding:12px 16px;color:#212121;background:#FAFAFA;border-bottom:1px solid #EBEBEB;font-size:15px;line-height:23px; font-weight: bold; vertical-align: middle; text-align: center;}
.term-wrap .tbColAc tbody th.bg_w{font-weight:400;color:#212121;background:#FFF;}
.term-wrap .tbColAc tbody tr th:first-child,.wtable_st1 tbody tr td:first-child{border-right:1px solid #EBEBEB}
.term-wrap .tbColAc thead tr th + th, .term-wrap .tbColAc tbody tr th + th{border-left:1px solid #e9e9e9}
.term-wrap .tbColAc tbody td{font-size: 12px; padding:15px 16px;text-align:left;color:#212121;border-bottom:1px solid #e9e9e9}
.term-wrap .tbColAc tbody td:last-child,
.term-wrap .tbColAc tbody td + td{border-left:1px solid #e9e9e9}
.term-wrap .tbColAc tbody td.no-line {border-left:none;}
.term-wrap .tbColAc tbody .bgwh{background:#FFF}
.term-wrap .tbColAc td.bg_gray {background: #f2f2f2 !important;}
.term-wrap .f_16{font-size:14px !important;}
.term-wrap strong {font-weight:bold}
.term-wrap .mgt5{margin-top:5px !important;}
.term-wrap .mgt10{margin-top:10px !important;}
.term-wrap .mgt20{margin-top:20px !important;}
.term-wrap .mgt30{margin-top:30px !important;}
.term-wrap .mgb5{margin-bottom:5px !important;}

.select-lpop .select-list .item-inner{/* font-size: 16px!important; color:var(--font-neutral-5)!important; */}
.select-lpop .select-list .item-inner.on{/* color:var(--font-neutral-1)!important; */}

/* 공통 */
.btn-red {display:block; 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);}
.btn-red:disabled {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled); pointer-events:none;}
.lpop-dialog .hide{display: none;}
.lpop-dialog hr{display: block; height: 20px;}

/* 본인인증 */
.renew01-header + .untcard-inj01{padding-top:0;}
.untcard-inj01 {position:relative; min-height:100%; padding:64px 24px 130px 24px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; background-color:var(--background-color-2); box-sizing:border-box;}
/*.untcard-inj01 .itxt01{height:56px;}
 .untcard-inj01 .itxt01:focus {border-color:var(--gray-950); outline:none; border-width:2px; padding:9px 15px;} */
.untcard-inj01 .agree-check-cont .ick02 + label{color:#343e44;}
.untcard-inj01 .top-title {padding: 30px 0 40px; color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px;}
.untcard-inj01 .form-lap .form-tit{margin-bottom: 10px; font-size: 17px; color:var(--font-neutral-2); line-height: 26px; font-weight:700}
.untcard-inj01 .form-lap + .form-lap{margin-top: 40px;}
.untcard-inj01 .form-lap .form-ipt{margin: 10px -4px 0;}
.untcard-inj01 .form-lap .form-ipt .ipt-desc {margin-top:10px; padding:0 4px; color:#6495b0; font-size:14px; font-weight:400; line-height:normal;}
.untcard-inj01 .form-lap .form-ipt .ipt-ename{display: flex;}
.untcard-inj01 .form-lap .form-ipt .ipt-ename input:nth-child(1) {flex:1 1 50%; box-sizing: border-box;}
.untcard-inj01 .form-lap .form-ipt .ipt-ename input:nth-child(2) {flex:1 1 50%; margin-left: 8px; box-sizing: border-box; box-sizing: border-box;}
.untcard-inj01 .form-lap .form-ipt .ipt-jumin{display: flex; align-items:center; justify-content: space-between;}
.untcard-inj01 .form-lap .form-ipt .ipt-jumin input:nth-of-type(1) {flex:1 1 50%;}
.untcard-inj01 .form-lap .form-ipt .ipt-jumin input:nth-of-type(2) {flex:1 1 50%;}
.untcard-inj01 .form-lap .form-ipt .ipt-jumin .dash {flex:0 1 18px; display: flex; align-items: center; justify-content: center;}
.untcard-inj01 .form-lap .form-ipt .ipt-jumin .dash::after{content:''; display: block; width:8px; height:2px; background-color:#c2c2c2;}
.untcard-inj01 .form-altteul{margin: 10px -4px 0; display: none;}
.untcard-inj01 .form-mobile {margin:0 -6px; display: flex;}
.untcard-inj01 .form-mobile button {flex:1 0 0; margin:0 2px;}
.untcard-inj01 .form-mobile:after {display:block; content:''; clear:both;}
.untcard-inj01 .form-mobile .btn-comp-wrap {float:left; width:23%; padding-left:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.untcard-inj01 .form-mobile .btn-comp-wrap:last-child {width:31%;}
.untcard-inj01 .form-mobile .btn-comp {display:block; width:100%; height:52px; border:1px solid var(--input-border); outline:none; color:var(--font-neutral-1); font-size:15px; font-weight:400; text-align:center; background-color:#fff; box-sizing:border-box;
border-radius:var(--input-radius);}
.untcard-inj01 .form-mobile .btn-comp.on {border-color:var(--input-focus-border); font-weight:700; border-width:2px}
.untcard-inj01 .certify-lap{display: none;}
.untcard-inj01 .form-certify {margin: 10px -4px 0; position:relative;}
.untcard-inj01 .form-certify .itxt01 {padding-right:112px;}
.untcard-inj01 .form-certify .confirm-time {position:absolute; right:16px; top:50%; color:#607d88; font-size:12px; font-weight:400; text-align:right; line-height:normal; transform: translateY(-50%);}
.untcard-inj01 .form-certify .confirm-time strong{font-weight: 700;}
.untcard-inj01 .form-recertify{margin-top: 11px; margin-right: -4px; text-align: right;}
.untcard-inj01 .form-recertify .btn-recertify{min-height: 25px; padding-bottom: 3px; font-size: 15px; color:#45567e; border-bottom: 1px solid #45567e;}
.untcard-inj01 .terms-lap{margin-top: 24px;}
.untcard-inj01 .btn-certify {margin-top: 24px; display:block; 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);}
.untcard-inj01 .btn-certify:disabled {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled); pointer-events:none;}
.untcard-inj01 .certify-tip{margin-top: 20px; font-size: 13px; color:var(--font-neutral-2);}
.untcard-inj01 .certify-terms{margin-top: 15px; font-size: 0;}
.untcard-inj01 .certify-terms button {margin-right: 19px; margin-bottom: 8px; font-size: 14px; line-height:20px; color:var(--font-neutral-7);}
.untcard-inj01 .certify-terms button > span{border-bottom: 1px solid var(--button-underline-color) ; padding-bottom:2px; display:inline-block; }
.untcard-inj01 .bottom-fixed {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:12px 20px; background-color:#fff; box-sizing:border-box;}
.untcard-inj01 .bottom-fixed:before {display:block; content:''; position:absolute; left:0; top:-16px; width:100%; height:16px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);}
.untcard-inj01 .bottom-fixed.gray {background-color:var(--background-color-2);}
.untcard-inj01 .bottom-fixed.gray:before {background: linear-gradient(180deg, rgba(249,250,252,0) 0%, #f9fafc 100%);}
.untcard-inj01 .bottom-fixed {display: none;}
.untcard-inj01 .agree-check-cont .drop-top {margin:0 -4px; background:rgba(204, 213, 235, 0.20); border:1px solid var(--gray-60); padding:22px 43px 22px 16px;}
.untcard-inj01 .agree-check-cont .drop-cont {margin:20px 0; padding:0 0 0 13px;}
.untcard-inj01 .agree-check-cont + .form-mobile {margin-top:10px;}

/* 금소법확인-발급적합 유무 */
.renew01-header + .untcard-gsb01-body{padding-top:30px}
.untcard-gsb01-body {position:relative; min-height:calc(100vh - 66px); padding:94px 24px 200px 24px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; background-color:var(--background-color-2); box-sizing:border-box;}
.untcard-gsb01-body .top-title {color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px;}
.untcard-gsb01-body .top-title-sub {margin-top: 14px; font-size:15px; color:var(--font-neutral-1); font-weight:400; line-height:22px;}
.untcard-gsb01-body .gsb-box{margin-top: 40px;}
.untcard-gsb01-body .gsb-box .form-lap + .form-lap{margin-top: 24px;}
.untcard-gsb01-body .gsb-box .form-lap .form-tit{position: relative; margin-bottom:8px; font-size: 17px; color:var(--font-neutral-2); line-height: 26px; font-weight:700}
.untcard-gsb01-body .gsb-box .form-lap .form-selc{margin:0 -4px;}
.untcard-gsb01-body .gsb-box .mark-lpop-wrap {display:inline-block; margin-left: 2px; margin-top: -2px; vertical-align:middle; line-height: 0; vertical-align: middle;}
.untcard-gsb01-body .gsb-box .mark-open {position: relative; display:inline-block; width:16px; height:16px; font-size:1px; line-height:1px; text-indent:-9999px; vertical-align:top; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}
/* .untcard-gsb01-body .gsb-box .mark-open::before {display:none; content:''; position:absolute; left:50%; top:14px; width:0; height:0; border:6px solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-bottom-color:rgba(64,66,76,0.90); transform: translateX(-50%);} 
.untcard-gsb01-body .gsb-box .mark-open.on::before{display:block;}*/
.untcard-gsb01-body .gsb-box .mark-inner {display:none; position:absolute; left:-4px; right:-4px; margin-top: 14px; padding:var(--tooltip-pd); border-radius: var(--tooltip-radius); background-color: var(--tooltip-box-bg); box-sizing:border-box; z-index: 51; backdrop-filter: blur(6px);}

.untcard-gsb01-body .gsb-box .mark-cont {color:var(--tooltip-tc); font-size:15px; font-weight: 400; line-height:22px;}
.untcard-gsb01-body .gsb-box .mark-close {display:block; overflow:hidden; position:absolute; right:12px; top:16px; width:32px; height:32px; text-indent:-9999px; background:url(/static/assets/images/benefit/untact_card/mark_x_72x72.png) 0 0 / cover no-repeat;}
.untcard-gsb01-body .gsb-tip{padding:0 4px 0 2px; margin-bottom: 32px; font-size:14px; color:var(--font-neutral-7); font-weight: 400; line-height:normal;}
/* .untcard-gsb01-body .btn-untcard-select01{height: 52px; line-height: 50px; color:#212121;} */
.untcard-gsb01-body .bottom-fixed {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:0px 20px 14px; background-color:#fff; box-sizing:border-box;}
.untcard-gsb01-body .bottom-fixed:before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background:var(--button-primary-gradient);}
.untcard-gsb01-body .bottom-fixed.gray {background-color:var(--background-color-2);}
.untcard-gsb01-body .bottom-fixed.gray:before {background:var(--bottom-gray-gradient);}

/* 금소법확인-설명서 안내 */
.renew01-header + .untcard-gsb02-body{padding-top:1px; margin-top:-1px;}
.untcard-gsb02-body {position:relative; min-height:100%; padding:64px 0 100px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; background-color:var(--background-color-2); box-sizing:border-box;}
.untcard-gsb02-body .gsb-head{position: fixed; left:0; right:0; padding:30px 24px 25px; display:flex; align-items: center; justify-content: space-between; background-color:var(--background-color-2); z-index: 2;background-image:linear-gradient(180deg, var(--background-color-1) 0%, rgba(255, 255, 255, 0.00) 100%); background-position: 0 0;background-repeat: no-repeat;background-size: 100% 48px;}
.untcard-gsb02-body .gsb-head::after{content:''; position: absolute; bottom: 0; left:24px; right:24px; display: block; height: 1px; background-color: rgba(0,0,0,0.06);}
.untcard-gsb02-body .gsb-head .tit{font-size: 22px; font-weight: 700; color:var(--font-neutral-1); line-height: 34px;}
.untcard-gsb02-body .gsb-head .btn-download{display: inline-block; padding:10px 20px; margin-right: -4px; min-height: 40px; font-size: 14px; line-height:20px; font-weight: 700; color:var(--font-neutral-3); border-radius:100px; background-color: #fff; border:1px solid var(--gray-60);}
.untcard-gsb02-body .gsb-head .btn-download:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%);}
.untcard-gsb02-body .gsb-body{margin-top:132px; padding:0 24px;}
.untcard-gsb02-body .gsb-foot {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:0 20px 14px; background-color:var(--background-color-2); box-sizing:border-box;}
.untcard-gsb02-body .gsb-foot:before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background:var(--bottom-gray-gradient);}
.untcard-gsb02-body .gsb-foot .text-next{display: block;}
.untcard-gsb02-body .gsb-foot .text-next::before{content:''; display: inline-block; position: relative; top:-1px;  margin-right: 6px; width: 26px; height: 26px; background: url(/static/assets/images/benefit/untact_card/ico-scroll.png) center center / 13px auto no-repeat; vertical-align: middle;}
.untcard-gsb02-body .gsb-foot .text-end{display: none;}
.untcard-gsb02-body .gsb-foot .text-next-manual{display: none;}
.untcard-gsb02-body .textbox{padding:20px 0; font-size: 14px; font-weight: 400; color:var(--font-neutral-1); line-height: normal;}
.untcard-gsb02-body .textbox.no-pd{padding: 0;}
.untcard-gsb02-body .textbox .com-tx{margin-bottom:20px; font-size: 14px; font-weight: 400; color:var(--font-neutral-1); line-height: normal;} 
.untcard-gsb02-body .textbox .tt1:first-of-type{margin-top: 0px;}
.untcard-gsb02-body .textbox .tt1{margin-top: 40px; margin-bottom: 24px; font-size: 17px; font-weight: 700; color:var(--font-neutral-2); line-height: normal; word-break: keep-all;} 
.untcard-gsb02-body .textbox .tt2{margin-top: 32px; margin-bottom: 16px; font-size: 16px; font-weight: 700; color:var(--font-neutral-2); line-height: normal; word-break: keep-all;}
.untcard-gsb02-body .textbox .tt1 + .tt2{margin-top: 24px;}
.untcard-gsb02-body .textbox .tt2 + .tt2{margin-top: 16px;}
.untcard-gsb02-body .textbox .tt3{margin-top: 32px; margin-bottom: 10px; font-size: 15px; font-weight: 700; color:var(--font-neutral-2); line-height: normal; word-break: keep-all;} 
.untcard-gsb02-body .textbox .tt2 + .tt3{margin-top: 24px;}
.untcard-gsb02-body .textbox .text-dot{margin-top: 16px; font-size: 15px; font-weight: 400; color:var(--font-neutral-2); line-height: normal;}
.untcard-gsb02-body .textbox .text-dot > li{position: relative; padding-left: 11px;}
.untcard-gsb02-body .textbox .text-dot > li + li{margin-top: 12px;}
.untcard-gsb02-body .textbox .text-dot > li::before{content:''; position: absolute; left:0; top:10px; width: 3px; height: 3px; border-radius: 50%; background-color: #3a3e44;}
.untcard-gsb02-body .textbox .text-dot .text-dash{margin-top: 6px;}
.untcard-gsb02-body .textbox .text-dash:first-of-type > li{margin-top: 0px;}
.untcard-gsb02-body .textbox .text-dash{font-size: 15px; font-weight: 400; color:var(--font-neutral-6); line-height: normal;}
.untcard-gsb02-body .textbox .text-dash > li{position: relative; margin-top: 6px; padding-left: 11px;}
.untcard-gsb02-body .textbox .text-dash > li::before{content:''; position: absolute; left:0; top:11px; width: 4px; height: 1px;  background-color: #666c76;}
.untcard-gsb02-body .textbox .text-ex{margin-top: 12px; font-size: 14px; font-weight: 400; color:var(--font-neutral-7); line-height: normal;}
.untcard-gsb02-body .textbox .fold-list{margin-top: 12px;}
.untcard-gsb02-body .textbox .fold-list .item:first-child{border-top: 1px solid rgba(0,0,0,.06);}
.untcard-gsb02-body .textbox .fold-list .item{padding:14px 0; border-bottom: 1px solid rgba(0,0,0,.06);}
.untcard-gsb02-body .textbox .fold-list .item .head{position: relative; padding:5px 40px 5px 0; font-size: 15px; font-weight: 400; color:#3a3244; line-height: 22px;}
.untcard-gsb02-body .textbox .fold-list .item .head .btn-toggle{content:''; display: block; position: absolute; right:0; top:0; font-size: 0; width: 32px; height: 32px; background: url(/static/assets/images/benefit/untact_card/arr_gray_99x99_d.png) center center / contain no-repeat;}
.untcard-gsb02-body .textbox .fold-list .item.on .head .btn-toggle{background-image: url(/static/assets/images/benefit/untact_card/arr_gray_99x99_u.png);}
.untcard-gsb02-body .textbox .fold-list .item .cont{display: none; padding-top: 5px; font-size: 15px; font-weight: 400; color:var(--font-neutral-6); line-height: normal;}
.untcard-gsb02-body .textbox .box-ex{position: relative; margin:6px 0; padding:16px 16px 16px 56px; font-size: 14px; color:#6495b0; font-weight: 400; line-height: normal; background-color: #fff; border: 1px solid #ebebeb;}
.untcard-gsb02-body .textbox .box-ex .ex{position: absolute; top:16px; left:16px;}
.untcard-gsb02-body .textbox table {margin:12px 0; width:100%; table-layout:fixed;}
.untcard-gsb02-body .textbox table th,
.untcard-gsb02-body .textbox table td {padding:12px 4px; font-size:13px; color:var(--font-neutral-2); border:1px solid #ebebeb; border-top:none; text-align:center; vertical-align:middle;}
.untcard-gsb02-body .textbox table tr.row01 th,
.untcard-gsb02-body .textbox table tr.row01 td {border-top:1px solid #ebebeb;}
.untcard-gsb02-body .textbox table th {font-weight: 700; background-color:#f4f4f4;}
.untcard-gsb02-body .textbox table th.bg-white {background-color:#fff;}
.untcard-gsb02-body .textbox table th:first-child,
.untcard-gsb02-body .textbox table td:first-child {border-left:none;}
.untcard-gsb02-body .textbox table th:last-child,
.untcard-gsb02-body .textbox table td:last-child {border-right:none;}
.untcard-gsb02-body .textbox table td li {font-size:13px; color:var(--font-neutral-2);}
.untcard-gsb02-body .textbox table td p {font-size:13px;}
.untcard-gsb02-body .textbox table.tbl-inlpop td,
.untcard-gsb02-body .textbox table.tbl_in td {text-align:left; background-color:#fff;}
.untcard-gsb02-body .textbox .box-gray {padding:10px; border:1px solid #ddd;}
.untcard-gsb02-body .textbox .box-gray + .box-gray {border-top:0 none;}
.untcard-gsb02-body .textbox .fc-red01 {color:var(--font-point-1) !important;}
.untcard-gsb02-body .textbox .fc-blue01 {color:#3232ff !important;}
.untcard-gsb02-body .textbox .tac {text-align:center !important;}
.untcard-gsb02-body .textbox .tar {text-align:right !important;}
.untcard-gsb02-body .textbox .tal {text-align:left !important;}
.untcard-gsb02-body .textbox strong{font-weight: 700;}
.untcard-gsb02-body .textbox .f_16{font-size:14px;}
.untcard-gsb02-body .textbox p {font-size:15px;}

/* 토스트팝업-PDF다운로드*/
.toastPopAlert.alertDownload{position: fixed; padding: 17px 20px; border-radius:16px; opacity: 0; background-color:rgba(122, 131, 148, 0.90); text-align: center; font-size: 15px; left: 20px; right: 20px; bottom: 0; z-index: 999; backdrop-filter:blur(6px);}
.toastPopAlert.alertDownload .tt{margin-bottom: 6px; display: block; font-size: 15px; font-weight: 700; line-height:22px}

/* 금소법확인-중요사항 재확인 */
.untcard-gsb03-body {position:relative; min-height:100%; padding:34px 24px 116px 24px; color:var(--font-neutral-5);  font-weight:400; line-height:1.5; background-color:var(--background-color-2); box-sizing:border-box;}
.untcard-gsb03-body .top-title {color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:34px;}
.untcard-gsb03-body .top-title-sub {margin-top: 14px; font-size:15px; color:var(--font-neutral-1); font-weight:400; line-height:22px;}
.untcard-gsb03-body .reCheck-list{margin-top: 30px;}
.untcard-gsb03-body .reCheck-list .item{position: relative; margin: 0 -4px; overflow: hidden;}
.untcard-gsb03-body .reCheck-list .item + .item{margin-top: 10px;}
.untcard-gsb03-body .reCheck-list .item input[type='checkbox']{position: absolute; top:0; left:0; width: 0; height: 0;}
.untcard-gsb03-body .reCheck-list .item label{display: block; padding: 16px 20px; border:1px solid var(--input-border); border-radius:var(--input-radius); background: #fff}
.untcard-gsb03-body .reCheck-list .item .head{position: relative; padding:3px 30px 3px 32px; font-size:16px; color:var(--font-neutral-1); font-weight:400; line-height:normal;}
.untcard-gsb03-body .reCheck-list .item .head::before{content: ''; position:absolute; top:1px; left:0; width: 24px; height: 24px; background:url(/static/assets/images/benefit/untact_card/mark_v04_gray_72x72.png) 0 0 / contain no-repeat;}
.untcard-gsb03-body .reCheck-list .item .head::after{content: ''; position:absolute; top:7px; right:2px; width:12px; height:12px; -webkit-mask:var(--arrow-up-fill); mask:var(--arrow-up-fill); background-color: var(--gray-900); }
.untcard-gsb03-body .reCheck-list .item .cont{margin-top: 16px; padding-bottom: 8px; padding-top: 16px; font-size:14px; color:var(--font-neutral-6); font-weight:400; line-height:normal; border-top:1px solid #ddd;}
.untcard-gsb03-body .reCheck-list .item .cont strong{font-weight: 700;}
.untcard-gsb03-body .reCheck-list .item input:checked + label{border:1px solid var(--input-focus-border); }
.untcard-gsb03-body .reCheck-list .item input:checked + label .head{font-weight:700;}
.untcard-gsb03-body .reCheck-list .item input:checked + label .head::before{background-image:url(/static/assets/images/benefit/untact_card/mark_v04_red_72x72.png);}
.untcard-gsb03-body .reCheck-list .item input:checked + label .head::after{transform:scale(-1);}
.untcard-gsb03-body .reCheck-list .item input:checked + label .cont{display: none;}
.untcard-gsb03-body .reCheck-tip{margin:20px 0; font-size:15px; color:var(--font-neutral-2); font-weight: 400; line-height:22.2px; text-align: center;}
.untcard-gsb03-body .reCheck-tip .tx1{display:block; }
.untcard-gsb03-body .reCheck-tip .tx2{display:block; font-size:15px; color:var(--font-neutral-7);}
.untcard-gsb03-body .bottom-fixed {position:fixed; left:0; bottom:0; z-index:50; width:100%; padding:0 20px 14px; background-color:#fff; box-sizing:border-box;}
.untcard-gsb03-body .bottom-fixed:before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:12px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);}
.untcard-gsb03-body .bottom-fixed.gray {background-color:var(--background-color-2);}
.untcard-gsb03-body .bottom-fixed.gray:before {background: linear-gradient(180deg, rgba(249,250,252,0) 0%, var(--background-color-2) 100%);}

/* (필수) 개인(신용)정보 수집·이용 동의 팝업 */
.full-lpop-wrap.ess-terms01 .full-lpop .lpop-cont .cont-inner-fixed-wrap {padding-bottom: 140px;}
.full-lpop-wrap.ess-terms01 .btn-confirm-fn::before {display:block; content:''; position:absolute; left:0; top:-16px; width:100%; height:16px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);} 

/* 2023-11-27 */ 
.ts-inner-cont .alarm-service-wrap {margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center;} 
.ts-inner-cont .alarm-service-wrap .tsin-cont-tit {margin-bottom: 0;} 
.ts-inner-cont .alarm-service-wrap .info-lpop-wrap {width: calc(100% - 140px); text-align: right; word-break: keep-all;} 
.ts-inner-cont .alarm-service-wrap .info-lpop-wrap > p {font-size: 15px; font-weight: 400; line-height: 27px; color:var(--font-neutral-7);} 
.ts-inner-cont .alarm-service-wrap .info-lpop-wrap > p .info {margin-left: 4px; vertical-align: -3px; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info);background-color: var(--gray-300);overflow: hidden; }
/* .ts-inner-cont .alarm-col-wrap {margin: -4px 0 0 0;}  */
/* .ts-inner-cont .alarm-col-wrap .tab-col {margin-right: 6px; padding: 4px 0 0 0; width: calc((100% - 12px)/3);}  */
.ts-inner-cont .alarm-col-wrap .tab-col:last-child {margin-right: 0;} 
.ts-inner-cont .alarm-col-wrap .tab-col .ts-tab {padding: 15px 3px;} 
/* .ts-inner-cont .alarm-col-wrap .tab-col .ts-tab.on {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);}  */
.ts-inner-cont .alarm-col-wrap .tab-col .flag {font-weight: 700;} 
.ts-inner-cont .tab-cont-wrap {display: none; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(0, 0, 0, 0.06);margin:16px 0 0 0} 
.ts-inner-cont .tab-cont-wrap .tab-row:not(:first-child) {margin-top: 6px;} 
.ts-inner-cont .tab-cont-wrap .tab-row .ts-tab {padding: 17px 24px; display: flex; justify-content: space-between; align-items: center; min-height: 76px;} 
.ts-inner-cont .tab-cont-wrap .tab-row .ts-tab.on {position: relative; border: 1px solid transparent; } 
.ts-inner-cont .tab-cont-wrap .tab-row .ts-tab.on::after {content: ""; margin: -1px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #1d2024; border-radius: 14px;} 
.ts-inner-cont .tab-cont-wrap .tab-row .desc01 {font-size: 15px; font-weight: 400; line-height: 1.4; color: #212121; text-align: left; word-break: keep-all;} 
.ts-inner-cont .tab-cont-wrap .tab-row .ts-tab.on .desc01 {font-weight: 700;} 
.ts-inner-cont .tab-cont-wrap .tab-row .desc02 {display: block; font-size: 14px; font-weight: 400; line-height: 1.4; color: #3a3e44; text-align: right; word-break: keep-all;} 
.ts-inner-cont .tab-cont-wrap .tab-row .desc02 > b {display: block; font-size: 13px; color: #8f96a0;} 

.lpop-alarm .select-lpop .lpop-header {border-bottom: 0;} 
.lpop-alarm .select-lpop .lpop-cont {padding: 0 24px 96px;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner {padding-bottom: 0;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-tit {font-size: 22px; font-weight: 400; line-height: 32px; color: #000; word-break: keep-all;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-tit > b {font-weight: 700;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-list {margin-top: 20px;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-list > li {padding-left: 13px; margin-top: 8px; position: relative; font-size: 15px; font-weight: 400; line-height: 22px; color: #666c76;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-list > li:first-child {margin-top: 0;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-list > li::before {content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #8f96a0;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-drop {margin-top: 20px; background: var(--background-color-2); border-radius: 14px;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-drop > button {padding: 18px 24px; width: 100%; font-size: 15px; font-weight: 700; line-height: 22px; text-align: left; background: url('/static/assets/images/benefit/untact_card/arr_gray_99x99_d.png') no-repeat right 14px center / 32px auto;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-drop > button.on {background: url('/static/assets/images/benefit/untact_card/arr_gray_99x99_u.png') no-repeat right 14px center / 32px auto;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-drop > .target-card-list {display: none; padding: 0 24px 18px;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-drop > .target-card-list > p {font-size: 15px; font-weight: 400; line-height: 22px; color: #666c76;} 
.lpop-alarm .select-lpop .lpop-cont .lpop-cont-inner .alarm-drop > .target-card-list > p + p {margin-top: 8px;} 

/* 2023-12-13 */ 
.certi-sect-inlpop.kakaocerti .cersect-tit {margin-bottom:10px;} 
.certi-sect-inlpop.kakaocerti .certi-desc01 {margin-top:0px;} 
.certi-sect-inlpop .phone-call-box.kakaocerti {margin-top:30px; border-radius:14px; padding:189px 22px 21px; background-color:#f9fafc; background-image:linear-gradient(180deg, rgba(249,250,252,0) 63%, #f9fafc 84%), url(/static/assets/images/benefit/untact_card/ico_kakao_certi.png); background-position: center 22px; background-size: 216px auto; background-repeat:no-repeat} 
.certi-sect-inlpop .phone-call-box.kakaocerti .kakaocerti-desc {color:#000; font-size:14px; font-weight:400; line-height:normal; text-align:center;} 
.certi-sect-inlpop .phone-call-box.kakaocerti .kakaocerti-desc strong {font-weight:700;} 

.hipass-type-tab {display:none; margin-top:4px}
.hipass-type-tab .ts-tab {height:auto; padding:56px 5px 14px;}
.hipass-type-tab .ts-tab.on{padding:55px 4px 13px; background-position-y:14px !important;}
.hipass-type-tab .ts-tab.card-hipass {background:#fff url(/static/assets/images/benefit/untact_card/ico-card.png) center 15px/32px 32px no-repeat;}
.hipass-type-tab .ts-tab.sim-hipass {background:#fff url(/static/assets/images/benefit/untact_card/ico-sim.png) center 15px/32px 32px no-repeat;}
.hipass-type-tab .fee {display:block; margin-top:2px; font-size:14px; line-height:21px; color:#424242;}
.hipass-type-tab .ts-tab.on .fee {font-weight:400; line-height:21px;}
.hipass-type-desc {display:none; margin:13px 4px 0 4px;color:var(--font-point-3); font-size:14px; line-height:1.4;}
.hipass-type-desc.on {display:block;}
.options-check-wrap .options-check {display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.options-check-wrap .options-check .tsin-cont-tit {margin-bottom:0;}
.options-check-wrap .options-check .ick02 + label {padding-left:30px; background-position:0 center; font-size:14px; color:#212121; line-height:24px;}
.options-check-wrap .options-cont input:disabled {background-color:#f5f5f5; color:rgba(0, 0, 0, 0.3);}
.options-check-wrap .options-cont .itxt-btn-wrap {padding-right:0; background-color:transparent; color:transparent; border:none;}
.options-check-wrap .options-cont .itxt-btn-wrap input {padding-right:85px; border:1px solid #ddd;}
.options-check-wrap .options-cont a.disabled {color:#bdbdbd; background-color:#f1f4f7; border:1px solid #ddd; pointer-events:none;}

/* 계좌인증 */
.untcard-account-sect {position:relative; min-height:calc(100vh - 56px); padding:1px 24px 0 24px; color:#424242; font-weight:400; line-height:1.5; background-color: var(--background-color-2); box-sizing:border-box;}
.untcard-account-sect .account-input-wrap {display:flex; flex-direction:column; min-height:calc(100vh - 62px); padding-bottom:96px; box-sizing:border-box;}
.untcard-account-sect .account-input {flex-grow:1; margin-bottom:24px;}
.untcard-account-sect .untcard-account-tit {margin:37px 0 25px; color:var(--font-neutral-1); font-size:23px; line-height:34px; font-weight:700;}
.untcard-account-sect .payment-select-cont .select-wrap.focus {border-color:var(--input-focus-border); border-width:2px;}
.untcard-account-sect .payment-select-cont .select-wrap + .bul-info {margin-top:16px;}
.untcard-account-sect .bul-info > li {position:relative; margin-top:4px; padding-left:12px; color:#666c76; font-size:14px; line-height:21px;}
.untcard-account-sect .bul-info > li:first-child {margin-top:0;}
.untcard-account-sect .bul-info > li:before {display:block; content:''; position:absolute; left:0; top:7px; width:4px; height:4px; background-color:#8f96a0; border-radius:50%;}
.untcard-account-sect .account-info-box {padding:20px; border-radius:14px; background-color:rgb(219, 226, 240, 0.3);}
.untcard-account-sect .box-title {margin-bottom:6px; font-size:15px; font-weight:700;}
.select-lpop-wrap .lpop-account-cont {padding:0 24px 96px;}
.select-lpop-wrap .lpop-account-cont .lpop-cont-tit {margin-bottom:16px; color:var(--font-neutral-1); font-size:22px; line-height:32px; font-weight:700;}
.select-lpop-wrap .lpop-account-cont .lpop-cont-desc {color:#666c76; font-size:15px; line-height:22px;}
.select-lpop-wrap .lpop-account-cont .bul-info > li {position:relative; padding-left:12px; color:#666c76; font-size:15px; line-height:22px;}
.select-lpop-wrap .lpop-account-cont .bul-info > li + li {margin-top:6px; }
.select-lpop-wrap .lpop-account-cont .bul-info > li:before {display:block; content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#8f96a0; border-radius:50%;}
.select-lpop-wrap .lpop-account-cont [class*=btn-fl] {font-weight:700;}

.untcard-account-sect .account-certi-wrap {padding-bottom:96px;}
.account-certi-cont .certi-num-box {position:relative; padding-bottom:20px; border-radius:20px; background-color:#fff; }
.account-certi-cont .certi-num-box .account-wrap {display:flex; justify-content:space-between; align-items:center; padding:17px 24px 14px 24px; border-bottom:1px solid rgba(0,0,0,0.06);}
.account-certi-cont .certi-num-box .account-num {color:#000; font-size:15px; display:inline-flex; align-items:center;}
.account-certi-cont .certi-num-box .account-num img {margin-right:10px; width:24px;}
.account-certi-cont .certi-num-box .btn-transaction {display:block; position:relative; padding-bottom:2px; color:#5d67cf; font-size:14px; line-height:20px;}
.account-certi-cont .certi-num-box .btn-transaction:after {display:block; content:''; position:absolute; bottom:0; width:100%; height:1px; background-color:rgb(93, 103, 207, 0.7);}
.account-certi-cont .deposit-name-wrap {display:flex; justify-content:space-between; padding:20px 24px 8px 24px; color:#757575; font-size:15px;}
.account-certi-cont .amount-input-wrap {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; padding:0 24px 0 20px;}
.account-certi-cont .amount-input-wrap .input-wrap .amount-input {display:block; width:180px; max-width:200px;}
.account-certi-cont .amount-input-wrap .input-wrap .amount-input:focus {border-color:#000;}
.account-certi-cont .amount-input-wrap .input-wrap .amount-input.on {border-color:#000; background-color:rgba(0,0,0,0.04);}
.account-certi-cont .amount-input-wrap .amount {flex-shrink:0; color:#000; font-size:20px; font-weight:700;}
.account-certi-cont .certi-time {padding-left:24px; color:#8f989c; font-size:12px; line-height:24px;}
.account-certi-cont .certi-error {display:none; padding-left:24px; color:#ff3f53; font-size:12px; line-height:20px;}
.account-certi-cont .list-num > li {position:relative; color:#3a3e44; font-size:14px; line-height:21px;}
.account-certi-cont .list-num > li + li {margin-top:6px;}
.account-certi-cont .certi-num-box + .list-num {margin-top:28px;}

.whale-mode .srch-box .btn-srch {background: url(/static/assets/images/benefit/untact_card/ico_search_white_120x120.png) 0 0 / cover no-repeat;}
.whale-mode .btn-untcard-select02:after {background:url(/static/assets/images/benefit/untact_card/arr_white_120x120_d.png) 0 0 / cover no-repeat;}

/* 상태바 제거 후 보정
.untcard-issue-sect01,
.renew01-header.untcard-header02:has(.bar-wrap) ~ .untcard-gsb02-body .gsb-head,
.renew01-header.untcard-header02:has(.bar-wrap) ~ .untcard-inj01 .top-title,
.renew01-header.untcard-header02:has(.bar-wrap) ~ .untcard-gsb01-body,
.renew01-header.untcard-header02:has(.bar-wrap) ~ .untcard-gsb03-body,
.renew01-header.untcard-header02:has(.bar-wrap) ~ .untcard-all03 .idcard-sect01
	{padding-top:12px;}

.renew01-header.untcard-header02:has(.bar-wrap) ~ .untcard-all03 .type-select-sect01 .tssect-tit01,
.renew01-header.untcard-header02:has(.bar-wrap) ~ .untcard-account-sect .untcard-account-tit,
.untcard-all06 .certi-center-sect
	{margin-top:12px;}
 */

.lpop-gmso01 .gmso-sect01 .mark-lpop-wrap {vertical-align:text-bottom;}
.lpop-gmso01 .gmso-sect01 .mark {width:18px; height:18px;}

/* 하이패스 신청 프로세스 분리 20241230 */
body:has(.sel-hipass-wrap) {overscroll-behavior: contain}
.renew01-header + .untcard-all03:has(.sel-hipass-wrap) {min-height: unset;}
.sel-hipass-wrap {min-height: calc(100vh - 166px);}
.hipass-intro {padding: 30px 4px 50px;}
.hipass-intro .sub-tit {margin-bottom: 8px;color: var(--font-point-2);}
.hipass-intro .hs-tit {font-size: 22px;font-weight: 700;line-height: 30px;color: var(--font-neutral-1);}
.hipass-intro .hipass-card {margin-top: 28px;}
.hipass-intro .hipass-card figure img {display: block;max-width: unset;min-height: 170px;max-height: 210px;height: 22.078vh;margin: 0 auto;}
.hipass-intro .hipass-card p {margin-top: 16px;text-align: center;color: var(--font-neutral-4);}
.hipass-intro .hipass-card span {display: block;margin-bottom: 8px;font-size: 17px;line-height: 26px;font-weight: 700;color: var(--font-neutral-1);}
.hipass-sel-body.off {opacity: 0;transition:opacity 0.2s ease-in-out;}
.hipass-sel-body {opacity: 1;padding: 30px 0 24px;min-height: calc(100vh - 166px);transition:opacity 1s ease-in-out;}
.hipass-sel-body .tssect-tit01 {margin: 0px 4px 20px;}
.hipass-sel-body .hipass-type-tab-new .tab-row + .tab-row {margin-top: 8px;}
.hipass-sel-body .hipass-type-tab-new .ts-tab {position: relative;padding:25px 24px 25px 84px;border-color: transparent;border-radius: 14px;background-color: var(--background-color-1);text-align: left;font-size: 18px;line-height: 26px;font-weight: 700;color: #212121;}
.hipass-sel-body .hipass-type-tab-new .ts-tab.on {padding:24px 23px 24px 83px;border-color: var(--black);}
.hipass-sel-body .hipass-type-tab-new .ts-tab span {display: block;margin-top: 2px;font-weight: 400;font-size: 15px;line-height: 22px;color: var(--font-neutral-5);}
.hipass-sel-body .hipass-type-tab-new .ts-tab::before {content: '';position: absolute;top: 16px;left: 20px;width: 44px;height: 70px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;}
.hipass-sel-body .hipass-type-tab-new .ts-tab.on::before{top: 15px;left: 19px;}
.hipass-sel-body .hipass-type-tab-new .ts-tab.card-hipass::before {background-image: url('/static/assets/images/benefit/untact_card/img_hipass_card.png');}
.hipass-sel-body .hipass-type-tab-new .ts-tab.sim-hipass::before {background-image: url('/static/assets/images/benefit/untact_card/img_hipass_sim.png');}
.hipass-sel-body .list--dot {margin: 20px 4px 0;}
.hipass-sel-body .list--dot li {padding-left: 16px;font-size: 14px;color: var(--font-neutral-7);}
.hipass-sel-body .list--dot li::before {background-color: var(--font-neutral-7);left: 4px;}
.hipass-sel-body .list--dot li + li {margin-top: 6px;}
.hipass-btn-wrap {display: flex;}
.hipass-btn-wrap [class^=btn-] {width: calc(50% - 4px);height: var(--button-height);border-radius: var(--button-radius);font-size: var(--button-font-size);line-height: var(--button-line-height);font-weight: 700;}
.hipass-btn-wrap [class^=btn-] + [class^=btn-] {margin-left: 8px;}
.hipass-btn-wrap .btn-fl03 {background-color: var(--button-secondary);color: var(--button-secondary-tc);}
.hipass-btn-wrap .btn-fl04{background-color: var(--button-primary);color: var(--button-primary-tc);}
.hipass-btn-wrap .btn-fl04:disabled {background-color: var(--button-primary-disabled);color: var(--button-primary-disabled-tc);}
.hipass-btn-wrap .btn-complete {display: none;}

@media screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-min-device-pixel-ratio: 2){ /*iphone7 mask css hack*/    
	.type-select-sect01 .launer-check-desc01::before{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.agree-check-cont .drop-top .btn-expand::before{background:url('/static/assets/images/comm/ico-arrow-fill-down-normal.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.agree-check-cont .ick-wrap01 .btn-lpop-terms{background:url('/static/assets/images/comm/ico-arrow-right-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.gmso-sect01 .gmso-ick-wrap.nece .btn-arr{background:url('/static/assets/images/comm/ico-arrow-right-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset;}
	.gmso-sect01 .mark01{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.ts-inner-cont .dcc-info-wrap .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.ts-inner-cont .simple-pay-info-wrap .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.ts-inner-cont .paybooc-card-regi-wrap .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.ts-inner-cont .agree-receive-way-wrap .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.resect-box01 .btn-mark{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.rev-sect01 .drop-top .btn-expand::after{background:url('/static/assets/images/comm/ico-arrow-down-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset;}
	.rev-cont01 .bot-box .btn-arr::after{background:url('/static/assets/images/comm/ico-arrow-right-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.pay-history-item-wrap .card-info .btn-mark{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.pay-history-item .btn-open02::after{background:url('/static/assets/images/comm/ico-arrow-down-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset;}
	.lpop-idcard-sect01 .sect-tit01 .btn-tip{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.agree-check-info-wrap .agree-check-info-top .btn-expand::before{background:url('/static/assets/images/comm/ico-arrow-down-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset;}
	.lpop-autopay-apt .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.untcard-gsb01-body .gsb-box .mark-open{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.untcard-gsb03-body .reCheck-list .item .head::after{background:url('/static/assets/images/comm/arrow-up-fill.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
	.ts-inner-cont .alarm-service-wrap .info-lpop-wrap > p .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
}


/* 내 외화머니 충전하기 팝업*/
.whmoney-charge-lpop .whmoney-charge-cont {padding: 0 20px 36px;text-align: center;}
.whmoney-charge-lpop .whmoney-charge-cont .flag-box {width: 160px;height: 100px;margin: 0 auto 12px;overflow: hidden;}
.whmoney-charge-lpop .whmoney-charge-cont .tit {margin-bottom: 10px;color: var(--font-neutral-2);font-size: 22px;line-height: 30px;font-weight: 700;}
.whmoney-charge-lpop .whmoney-charge-cont .tit + p {color: var(--font-neutral-5);}
.whmoney-charge-lpop .whmoney-charge-cont .desc-box {margin-top: 12px;padding: 16px 20px;background-color: var(--gray-20);border-radius: 14px;color: var(--font-neutral-6);font-size: 14px;line-height: 20px;}

/* page 별 */
[page_id="P0902PG010W"] .untcard-all02 {display:flex; flex-direction:column; padding-bottom:20px;}
[page_id="P0902PG010W"] .bottom-fixed-wrap01 {position:relative; padding:0;}

/* 카드 신청 > 종류선택 */
.idcard-sect02 {padding:32px 20px 60px;}
.idcard-sect02 .top-container {padding:0 4px 32px;}
.idcard-sect02 .tit {font-size:22px;color:var(--font-neutral-1);font-weight:700; line-height:30px;}
.idcard-sect02 .sub-tit {font-size:15px;line-height:22px;color:var(--font-neutral-1)} 
.idcard-sect02 .tit + .sub-tit {margin-top:14px;}

.idcard-sect02 .middle-container .slct-item {display:block;padding:24px 20px 24px 68px;border-radius:20px;background:var(--background-color-1);position:relative;}
.idcard-sect02 .middle-container .slct-item + .slct-item {margin-top:12px;}
.idcard-sect02 .middle-container .slct-item .item-txt {font-weight:700;color:var(--font-neutral-2);font-size:17px;line-height:26px;position:relative;display:block;word-break:keep-all;}

.idcard-sect02 .middle-container .slct-item:nth-of-type(1):before {content:'';width:36px;height:36px;background:url(/static/assets/images/benefit/untact_card/ico_id_card_01.png) center center/ 100% 100% no-repeat;position:absolute;top:20px;left:20px;} 
.idcard-sect02 .middle-container .slct-item:nth-of-type(2):before {content:'';width:36px;height:36px;background:url(/static/assets/images/benefit/untact_card/ico_id_card_02.png) center center/ 100% 100% no-repeat;position:absolute;top:20px;left:20px;} 
.idcard-sect02 .middle-container .slct-item:nth-of-type(3):before {content:'';width:36px;height:36px;background:url(/static/assets/images/benefit/untact_card/ico_id_card_03.png) center center/ 100% 100% no-repeat;position:absolute;top:20px;left:20px;} 
.idcard-sect02 .middle-container .slct-item .item-txt::after {content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-mask:var(--arrow-right-normal);mask:var(--arrow-right-normal);background-color: var(--arrow-normal-gray3);width:12px;height:12px;}
.idcard-sect02 .middle-container .img-wrap {text-align:center;font-size:0;margin:0 auto;max-width:390px;}
.idcard-sect02 .middle-container:has(.img-wrap) {margin:0 -20px;}
.idcard-sect02 [class *= bttm-] {margin-top:16px;padding:0 4px;word-break:keep-all;}
.idcard-sect02 .bttm-container02 {margin-top:13px;text-align:center;}

.idcard-sect02 .txt01 {font-size:14px;line-height:20px;color:var(--font-neutral-6);}
.idcard-sect02 .txt02 {text-align:center;font-size:16px;line-height:24px;color:var(--font-neutral-4)}
.idcard-sect02 .txt-underline {font-size:16px;color:var(--font-neutral-7);position:relative;line-height:24px;margin-top:5px;display:inline-block;}
.idcard-sect02 .txt-underline::before {content:'';width:100%;height:1px;background:rgba(150, 157, 171, 0.7);position:absolute;bottom:-1px;left:0;}

@media (max-width: 321px) {
	
	.idcard-sect02 .middle-container .slct-item {padding: 12px 28px 12px 68px;min-height:74px;display:flex;align-items: center;justify-content: flex-start;}
	.idcard-sect02 .middle-container .slct-item .item-txt {flex:1;}

}