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


/* defualt */
/* *, *::before, *::after{box-sizing: border-box;}
body{-ms-word-break: break-all; word-break: keep-all; word-wrap: break-word; color: #000;}
button{outline: 0; border: none; background: transparent;}
[role="button"]{cursor: pointer}
input[type=checkbox],
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0;}
img{max-width: 100%;}
strong, b{font-weight:700;} */
html, body {height:100%;}

/* font */
.tit-22{font-size:22px; font-weight:700; line-height:30px}
.stit-17{font-size:17px; font-weight:700;}
.stxt-14{font-size: 14px; color:var(--font-neutral-5);}
.ft-third{color:#8f989c}
.ft-thin{font-weight:400;}
.through{text-decoration:line-through}

/* common */
.m0{margin:0px!important;}
.mt10{margin-top:10px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.ul-dot li {position:relative; padding-left:.86em; line-height:1.5;}
.ul-dot li + li {margin-top:6px;}
.ul-dot li:before {content:''; position:absolute; left:0; top:.6em; width:3px; height:3px; border-radius:1.5px; background-color:#545454;}
.link-col{display:flex; align-items: center;}
.link-col>a {flex:1; 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); display:inline-flex; width:100%; align-items:center; justify-content:center; line-height:22px}
.link-col>a + a{margin-left:4px;}
.link-col>a.on {border-color:var(--input-focus-border); font-weight:700; border-width:2px}

.select-col{display:flex; align-items: center;box-sizing:initial;}
.select-col>a {flex:1; height:52px; border:1px solid #ddd; outline:none; color:#212121; font-size:15px; font-weight:400; text-align:center; line-height:52px; background-color:#fff; box-sizing:border-box; border-radius:6px;}
.select-col>a + a{margin-left:4px;}
.select-col>a.on {border-color:#212121; font-weight:700; box-shadow: 0px 4px 6px rgba(0,0,0,.08);border-width:2px;}

/* 헤더 */
.renew21--header.checkcard-header {position:fixed;left:0;top:0;z-index:100;width:100%; height:66px;}
.renew21--header.checkcard-header .bar-wrap {position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:rgba(0,0,0,0.08);}
.renew21--header.checkcard-header .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;}
.renew21--header.untact-header {position:fixed;background-color:transparent;}
.renew21--header.untact-header .btn-close {background:url(/static/assets/images/benefit/untact_card/mark_x_72x72.png) 0 0 / 40px auto no-repeat;}
.renew21--header.checkcard-header  + form + .find-addr-div {padding-top:58px;}
.renew21--header.checkcard-header + form + .find-addr-cont {padding-top:58px;}
.renew21--header.checkcard-header  + .find-addr-div {padding-top:58px;}
.renew21--header.checkcard-header + .find-addr-cont {padding-top:58px;}
.renew21--header.checkcard-header ~ .find-addr-cont {padding-top:58px;}
.renew21--header.checkcard-header ~ .find-addr-div {padding-top:58px;}

/* 체크박스(untact_card) */
.ick01 {position:absolute; width:1px; height:1px; opacity:0;}
.ick01 + label {display:block; padding:0 0 0 36px; color:var(--font-neutral-2); font-size:16px; font-weight:700; line-height:24px; background:url(/static/assets/images/benefit/untact_card/mark_v04_gray_72x72.png) 0 0 / 24px 24px no-repeat;}
.ick01:checked + label {background-image:url(/static/assets/images/benefit/untact_card/mark_v04_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:1.5; 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);}
.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; 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;}
.ick-wrap02 {position:relative; padding-left:35px;}
.ick-wrap02 .ick04 {position:absolute; left:0; top:0;}

/* 약관동의 체크(untact_card) */
.wrap-checkcard .agree-check-cont{margin-bottom:26px;}
.wrap-checkcard.type02 .agree-check-cont{margin-bottom:20px;}
.wrap-checkcard .agree-check-cont .drop-top {position:relative; padding:15px 40px 15px 17px; border:1px solid var(--input-border); border-radius:var(--input-radius); margin-top:12px;background-color:#fff;}
.wrap-checkcard .form-area .agree-check-cont .drop-top{margin-top:0; background-color:#fff; padding:22px 43px 22px 16px; border-color:var(--gray-60); background:rgba(204, 213, 235, 0.20); }
.wrap-checkcard .form-area .agree-check-cont .drop-top .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;}
.wrap-checkcard .form-area .agree-check-cont .drop-top .ick01:checked + label{background-image: url(/static/assets/images/benefit/untact_card/mark_v04_red_72x72.png); color: #1A3A6D;}
.wrap-checkcard .form-area .agree-check-cont .drop-top:has(.ick01:checked + label){border-color:#5D67CF; background:rgba(93, 103, 207, 0.06)}
/* .wrap-checkcard .form-area .agree-check-cont .drop-top .no-arr {padding-right:17px; top:50%; margin-top:-16px} */
.wrap-checkcard .form-area .agree-check-cont .drop-cont{margin:18px -4px 40px 8px;}
.wrap-checkcard .form-area .agree-check-cont .drop-top .btn-expand{top:50%; margin-top:-16px}
.wrap-checkcard .agree-check-cont .drop-top .btn-expand {display:block; overflow:hidden; position:absolute; right:10px; top:10px; width:32px; height:32px; text-indent:-9999px; background:url(/static/assets/images/comm/prev/renew/arr_gray_30x21_d.png) center / 10px auto no-repeat;}
.wrap-checkcard .agree-check-cont .drop-top .btn-expand.up {background-image:url(/static/assets/images/comm/prev/renew/arr_gray_30x21_u.png);}

.wrap-checkcard .agree-check-cont .drop-cont {display:none; }
.wrap-checkcard .agree-check-cont .drop-cont .ick-wrap01 {margin-top:13px;}
.wrap-checkcard .agree-check-cont .drop-cont .ick-wrap01:first-child {margin-top:0;}
.wrap-checkcard .agree-check-cont .drop-cont .drop-top {border:0 none;}
.wrap-checkcard .agree-check-cont .ick-wrap01 {position:relative; padding:0 20px 0 0;}
.wrap-checkcard .agree-check-cont .ick-wrap01.no-arr {padding-right:0;}
.wrap-checkcard .agree-check-cont .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;}
.wrap-checkcard .agree-check-cont .etc-terms-cont {margin-top:16px;}
.wrap-checkcard .agree-check-cont .desc01 {color:#8f989c; font-size:14px; font-weight:400; line-height:1.6;}
.wrap-checkcard .agree-check-cont .desc02 {padding-top:9px;color:#6495b0; font-size:14px; font-weight:400; line-height:1.6;word-break:break-all;}

/* 약관동의 리스트(untact_card) */
.add-terms-list-wrap {margin-top:10px;}
.add-terms-list-wrap .add-terms-tit {margin:20px 0 18px; color:var(--font-neutral-1); font-size:15px; line-height:24px;}
.add-terms-list > li + li {margin-top:13px;}
.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;}

/* 정보활용 등급(untact_card) */
.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}
.grade-tag.grade01 {background:rgba(118, 155, 255, 0.16) ; color:#597AD3;}
.grade-tag.grade02 {background:rgba(72, 239, 69, 0.16); color:#57A576; }
.grade-tag.grade03 {background:rgba(237, 199, 66, 0.16); color:#CDB355; }
.grade-tag.grade04 {background:rgba(241, 164, 109, 0.16); color:#E5845B;}
.grade-tag.grade05 {background:rgba(255, 151, 220, 0.16); color:#E86099; }
.grade-gauge-box {width:100%; height:20px; display:flex;margin: 50px 0 20px;}
.grade-gauge-box .grade-item {width:20%; position: relative;}
.grade-gauge-box .grade-item span{font-size:13px; display:block; text-align: center; margin-top:-30px;}
.grade-gauge-box .grade-item.grade01 {background-color:#8fadf9; border-radius: 2rem 0 0 2rem;}
.grade-gauge-box .grade-item.grade02 {background-color:#81e786;}
.grade-gauge-box .grade-item.grade03 {background-color:#ffee86;}
.grade-gauge-box .grade-item.grade04 {background-color:#ffa183;}
.grade-gauge-box .grade-item.grade05 {background-color:#fa6a6a; border-radius:0 2rem 2rem 0;}
.grade-gauge-box .grade-item.point {font-weight:bold;}
.grade-gauge-box .grade-item.point::after {content:''; display:block; width:18px; height:15px; background:url(/static/assets/images/benefit/untact_card/arr_34x30_u.png) no-repeat 50% / 100% auto; position:absolute; bottom:-5px; left:0; right:0; margin:0 auto;}

/* 주소검색(untact_card) */
.itxt01 {width:100%; height:54px; padding:10px 16px; border:1px solid #ddd; color:var(--font-neutral-1); font-size:17px; font-weight:400; line-height:normal; background-color:#fff; border-radius:6px; 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:#000; outline:none;}
.itxt01.error {border-color:#ff4562;}

.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 .itxt-addr-srch {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') no-repeat center /20px;}
.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 > 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 > 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 .result-pagination-wrap {margin-top:18px;}
.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 > dd a{color:var(--font-neutral-1);}

.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; 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 > 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; 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; 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(--font-neutral-5); font-size:15px; font-weight:700; text-align:center; line-height:54px; background-color:#f1f4f7; border-radius:26px;}
.detail-addr-cont-wrap .detail-bottom .btn-confirm {display:block; float:left; width:calc(50% - 4px); color:#fff; font-size:15px; font-weight:700; text-align:center; line-height:54px; background-color:#fa5273; border-radius:26px;}
.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;}
 
/* full layer popup(untact_card) */
.full-lpop-wrap {display:block; display:none; 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 .lpop-tit {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-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-wrap .btn-confirm-fn {position:absolute; bottom:0; left:0; right:0; padding:12px 20px; font-size:0; background-color:#fff;}
.full-lpop-wrap .btn-confirm-fn button {display:block; width:100%; height:53px; line-height:53px; text-align:center; font-size:17px; color:#fff; font-weight:bold; background-color:#fa5273;
border-radius:26.5px;}
.full-lpop-wrap .btn-confirm-fn button[disabled] {background-color:#e0e4e8; color:#bdbdbd;}
.full-lpop-wrap .btn-confirm-fn01 {position:absolute; bottom:0; left:0; right:0; padding:12px 20px; font-size:0; background-color:#f9f9fa;}
.full-lpop-wrap .btn-confirm-fn01 button {display:block; width:100%; height:53px; line-height:53px; text-align:center; font-size:17px; color:#fff; font-weight:bold; background-color:#fa5273; border-radius:26.5px;}
.full-lpop-wrap .btn-confirm-fn01 button[disabled] {background-color:#e0e4e8; color:#bdbdbd;}

/* full layer popu 약관상세(untact_card) */
.full-lpop-wrap .push-terms-cont {padding:30px 24px 0 24px; color:#666; font-size:13px;}
.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; border-collapse: collapse; border-spacing: 0;}
.full-lpop-wrap .push-terms-cont table caption{overflow:hidden; width:0; height:0; text-indent: -100px;}
.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 {padding:30px 24px 0 24px; color:#666; font-size:13px;}
.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 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 .mt10 {margin-top:10px;}
.full-lpop-wrap .push-terms-cont .f_16 {font-size:14px;}
.full-lpop-wrap .push-terms-cont strong {font-weight:700;}
.full-lpop-wrap .push-terms-cont table {margin:5px 0; width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.full-lpop-wrap .push-terms-cont table caption {overflow:hidden; width:0; height:0; text-indent:-9999px;}
.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: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 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 h2.type02 {font-size:15px; font-weight:700; color:#202020;}

/* 풀팝업 약관 (baro_private.css) */
.full-lpop-wrap .push-terms-cont .grade_gauge_box {width:100%; margin:15px 0 25px;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box:after {display:block; content:''; clear:left;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item {float:left; position:relative; width:20%; padding-bottom:22px; color:var(--font-neutral-1); font-size:12px; text-align:center;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item:before {display:block; content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:12px;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item:first-child:before {border-radius:10px 0 0 10px;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item:last-child:before {border-radius:0 10px 10px 0;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item.grade01:before {background-color:#23a6d2; color:#fff;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item.grade02:before {background-color:#50b347; color:#fff;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item.grade03:before {background-color:#efd11b; color:#fff;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item.grade04:before {background-color:#f6933e; color:#fff;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item.grade05:before {background-color:#ee3f24; color:#fff;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item.point {font-weight:bold;}
.full-lpop-wrap .push-terms-cont .grade_gauge_box .grade_item.point:after {display:block; content:''; position:absolute; bottom:0; left:0; right:0; width:23px; height:23px; margin:0 auto -6px; background:url('../images/creditloan/grade_point.png') 0 0/100% no-repeat;}

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

/* btn */
/* .footer-area {margin:0 -4px;} */
[class*=btn--].full{width:100%; height:var(--button-height); font-size:var(--button-font-size); border-radius:var(--button-radius);}
[class*=btn--].full:disabled {background-color:var(--button-primary-disabled); color:var(--button-primary-disabled-tc);}
.btn--submit-gray{background-color:#e0e4e8;color:#bdbdbd;}
.btn--submit-gray-disabled {background-color:#e0e4e8;color:#bdbdbd;}
.btn--basic-line{font-weight:700}
.btn-bottom-line {font-size:16px;line-height:24px;padding-bottom:2px;border-bottom:1px solid var(--button-underline-color);color:var(--font-neutral-7);}

/* select btn */
/* .select-value {display:block; position:relative; padding:13px 30px 13px 15px; border: 1px solid var(--input-border); color:#212121; font-size:16px; line-height:1.5; border-radius: var(--input-radius); white-space:nowrap; overflow:hidden;} */
.select-value.type2 {color:rgba(0,0,0,0.3);}
.select-value.type2.on {color:var(--font-neutral-1); }
.select-value.type2:focus {border-color:var(--input-focus-border); border-width:2px; padding:14px 29px 14px 17px}
/* .select-value:after {display:block; content:''; position:absolute; right:6px; top:50%; width:32px; height:32px; margin-top:-15px; background:url('/static/assets/images/comm/prev/renew/spin_gray_96x96.png') 0 0 / 32px auto no-repeat;} */
.select-value.disabled {pointer-events:none; color:#b2b2b2; background-color:#f9f9fa;}
.select-value.date:after {background-color:transparent; background-image:url('/static/assets/images/comm/prev/renew21/calendar_32.png'); background-size:20px; background-position:center;}
.select-value.date.disabled {pointer-events:none; color:#b2b2b2; background-color:#f9f9fa;}
.select-value.date.disabled:after {opacity:.6;}
/* .select-value.type2::after{background-image: url('/static/assets/images/comm/prev/renew21/dropdown_32_gray.svg');} */

/* select btn + input */
.select-value-col .field-item{display:flex;}
.select-value-col .select-value{width:140px;}
.select-value-col .select-value + input{width:calc(100% - 144px); margin-left:4px;}

/* popup */
.lpop--wrap .select-lpop .lpop-header.no-line::after{display:none;}
.lpop--wrap .select-lpop .lpop-header.no-line {border-bottom:none;}
/* .lpop--wrap .select-list{margin:16px 0;} */
.lpop--wrap  .select-list li {color:var(--font-neutral-1);}
.lpop--wrap  .select-list .item-inner {color:var(--font-neutral-1);}
.lpop--wrap  .select-list .item-inner.on {font-weight:700;color:var(--font-neutral-1);}
.lpop--wrap .lpop-foot a,.lpop--wrap .lpop-foot button{height:var(--button-height); font-size:var(--button-font-size);}
.lpop--wrap .lpop-foot .btn--submit-gray{color:var(--button-secondary-tc); background-color:var(--button-secondary)}
.lpop--wrap .lpop-foot.col{display: flex; justify-content: space-between; align-items: center;}
.lpop--wrap .lpop-foot.col>button,.lpop--wrap .lpop-foot.col>a{width:calc(50% - 4px);border-radius:var(--button-radius);}
.terms-money .lst-terms {margin-top:24px;}
.terms-money .lst-terms li{}
.terms-money .lst-terms li a{color:var(--font-neutral-6); font-size:14px; line-height:20px; padding-top:4px; padding-bottom:4px; padding-right:14px}
.terms-money .lst-terms li + li {margin-top:4px;}
.full-lpop .terms-area{padding:16px 24px 108px}
.full-lpop .terms-area h2{font-size:16px; font-weight: 700; color:#212121; margin-bottom: 20px;}
.full-lpop .terms-area h3{font-size:15px; font-weight: 700; color:var(--font-neutral-5);}
.full-lpop .terms-area p, 
.full-lpop .terms-area ol, 
.full-lpop .terms-area ul{margin-bottom:20px}
.full-lpop .terms-area p, 
.full-lpop .terms-area li{font-size: 15px; color:var(--font-neutral-5); line-height:24px}
.full-lpop .terms-area ol>li{margin-bottom:20px;}
.full-lpop .terms-area ol.mb0>li{margin-bottom:0;}
.lpop--wrap.terms-money .lpop-cont {padding:0 24px 36px;}

/* layer popup 기본 스타일 */
.select-lpop .lpop-header.no-tit {/* height:64px;  */border-bottom:none; top:1px; box-sizing:border-box;}
.select-lpop-wrap .bottom-fixed-wrap-inlpop01 {position:absolute; display:flex; left:0; bottom:0; z-index:50; width:100%; padding:0 20px 20px;}
.select-lpop-wrap .bottom-fixed-wrap-inlpop01:before {content:'';height:12px; position:absolute; top:-12px; left:0; right:0; background:var(--button-primary-gradient);}
.select-lpop-wrap .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; background-color:var(--button-primary); border-radius:var(--button-radius)}
.select-lpop-wrap .bottom-fixed-wrap-inlpop01 .btn-red01.disable {color:var(--button-primary-disabled-tc); background-color:var(--button-primary-disabled); pointer-events:none;}

/* dialog popup */
/* .lpop-dialog {border-radius:14px; box-shadow:6px 14px 16px rgba(15,21,34,0.25);} */
.lpop-dialog .confirm {}
.lpop-dialog .cancel {}
.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:28px; color:var(--font-neutral-1);}
.lpop-dialog .alert-title + span {font-size:17px;line-height:normal;font-weight:400; color:var(--font-neutral-3); line-height:26px; display:inline-block; vertical-align:top;}
/* .lpop-dialog p {color:var(--font-neutral-1);} */

/* input */
.field-row, .field-item + .field-item{margin-top:10px;}
/* .field-row + .field-row {margin-top:24px;} */
.wrap-checkcard.type02 .field-row + .field-row {margin-top:9px;}
.field-item input{width:100%; height:56px; padding:10px 16px; border: 1px solid var(--input-border); color: var(--font-neutral-2); font-size:16px; font-weight:400; line-height:normal; background-color:#fff; border-radius: var(--input-radius); box-sizing:border-box; appearance:none;}
.field-item input:read-only,
.field-item input:disabled{border-color:#ddd; background-color:#f9f9fa; color:rgba(0,0,0,.3)}
.field-item input::-webkit-input-placeholder { color:rgba(0,0,0,0.3); font-size:16px; font-weight:400;}
.field-item input:focus {border-color:#000; outline:none; border-width:2px; padding:9px 15px}
.field-item input.error {border-color:#ff4562;}
.error-desc {display:flex; margin-top:10px; color:var(--font-neutral-7); font-size:14px; font-weight:400; line-height:20px;word-break:break-all;}
.error-desc03 {padding-left:4px;display:flex; margin-top:10px; color:#6495b0; font-size:14px; font-weight:400; line-height:1.5;}
.error-desc04 {padding:0 4px;display:flex; margin-top:10px; color:#6495b0; font-size:14px; font-weight:400; line-height:21px;word-break:break-all;}
.error-desc04 + .error-desc {padding:0 4px;}

/* 영문이름 */
.ename-area .field-item {display:flex; align-items: center; justify-content: space-between;}
.ename-area .field-item > input:first-child {margin-right:6px;}

/* 비밀번호입력 */
.pwd-area{margin:0; position:relative;}
.pwd-area .pwd-dot{margin:0; letter-spacing: 10px; color:rgba(0,0,0,.12); position:absolute; top:0;}
.pwd-area .pwd-dot span.active{color:var(--font-point-1);}
.pwd-area .field-item input::placeholder{font:small-caption; font-size: 30px; font-family: Verdana, Geneva, Tahoma, sans-serif;}
.pwd-area .field-item input{border:none; background: transparent; padding:0; letter-spacing: 14px; color:#fa5273; font:small-caption; font-size: 32px; font-family: Verdana, Geneva, Tahoma, sans-serif;}

/* 주민번호 */
.jumin-area {margin-top:24px;}
.jumin-area .field-item {display:flex; align-items: center; justify-content: space-between;}
.jumin-area .dash-wrap {padding:0 4px; text-align:center; vertical-align:middle;}
.jumin-area .dash-wrap .dash {display:inline-block; width:8px; height:2px; vertical-align:middle; background-color:#c2c2c2;}

/* 인증번호 입력 */
.confirm-num {position:relative; display:none;}
.confirm-num .field-item>input {padding-right:112px;}
.confirm-num .minute {position:absolute; right:16px; top:18px; color:#607d8b; font-size:12px; font-weight:400; text-align:right; line-height:1.5;}

/* 주소정보 */
h2.tit-22 + .form-area.addr-area{margin-top:38px}
.field-item.btn-type{position:relative;}
.field-item.btn-type input{padding-right:65px;}
.field-item.btn-type .btn-find {display:block; position:absolute; right:18px; top:10px; padding:8px 12px; color:var(--button-primary-tc); font-size:13px; text-align:center; line-height:20px; background-color:var(--button-primary); border-radius:8px;}

/* tooltip */
.tooltip-pop {position:absolute;  width:256px; left:19px; padding:20px 36px 16px 24px; background-color: rgba(64,66,76,.9); border-radius:14px; z-index:996;}
.tooltip-pop .arr {position:absolute; top:-15px; width:0; height:0; content:''; border-top:8px solid transparent; border-left:6px solid transparent; border-bottom:8px solid rgba(64,66,76,.9); border-right:6px solid transparent;}
.tooltip-pop p {color:#fff; font-size:14px;}
.tooltip-pop button {position:absolute; width:26px; height:26px; top:6px; right:6px; font-size:1px; color:transparent; background:url('/static/assets/images/benefit/money/close_wh26.png') no-repeat center; background-size:100%;}
.tooltip-pop.type01 {position:absolute; width:320px; left:19px; padding:20px 45px 20px 24px; background-color: rgba(64,66,76,.9); border-radius:18px; z-index:996;}
.tooltip-pop.type01 p {color:#fff; font-size:15px;word-break:break-all;}
.tooltip-pop.type01 button {display:block; overflow:hidden; position:absolute; right:10px; top:14px; width:32px; height:32px; text-indent:-9999px; background:url('/static/assets/images/comm/prev/renew21/close_white_64x64.png') 0 0 / cover no-repeat;}

/* 카드 신청 */
.wrap-checkcard{padding: 64px 24px 100px;}
.wrap-checkcard.type02 {padding: 64px 20px 100px;}
.wrap-checkcard .footer-area.bottom {position: fixed; bottom:0; left:0; width:100%; padding:0 20px 14px; background-color: var(--background-color-2);}
.wrap-checkcard .footer-area.bg-gray {background-color:var(--background-color-2);}
.wrap-checkcard .footer-area.bg-gray::before {content:'';width:100%;height:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #fff 100%);position:absolute;top:-12px;left:0;}
.wrap-checkcard .footer-area.bg-gray02 {background-color:var(--background-color-2);}
.wrap-checkcard .footer-area.bg-gray02::before {content:'';width:100%;height:16px;background:linear-gradient(180deg, rgba(249, 250, 252, 0.00) 0%, var(--background-color-2) 100%);position:absolute;top:-16px;left:0;}
.wrap-checkcard .footer-area.white-grd::before {content:'';height:12px; position:absolute; top:-12px; left:0; right:0; background:var(--button-secondary-gradient);}

.wrap-checkcard>.tit-22{margin:30px 0;}
.wrap-checkcard>.txt-23{margin:20px 0 30px; font-size:23px; font-weight:400; color:var(--font-neutral-1); line-height: 34px;}
.wrap-checkcard.type02 >.tit-22 {margin:30px 4px }
.wrap-checkcard .tit-area{margin-bottom:30px;}
.wrap-checkcard .tit-area .tit-22{margin:20px 0 8px;}
.wrap-checkcard .tit-area .stxt{color:#212121; font-size:14px;}
.wrap-checkcard .form-area.type-01 {margin:0 -4px;}
.wrap-checkcard .form-area .ul-dot{margin-top:12px;}
.wrap-checkcard .form-area .ul-dot li{font-size:14px; color:var(--font-neutral-4); line-height:20px}
.wrap-checkcard .form-area .ul-dot li+li{margin-top:4px;}
.wrap-checkcard.type02 .form-area .ul-dot{margin:18px 0 30px 0;padding-left:4px;}
.wrap-checkcard.type02 .form-area .ul-dot li {word-break:break-all;}
.wrap-checkcard.type02 .drop-cont {margin: 20px 4px 20px 4px;}
.wrap-checkcard.type02 .agree-check-cont .drop-cont .ick-wrap01 {margin-top:18px;}
.wrap-checkcard .drop-cont .ick-wrap01 + .desc02 {margin-top:24px;}
.wrap-checkcard .jumin-area + .stxt-14{margin-top:24px;padding-left:4px;}
.wrap-checkcard .comp-sel-wrap {display:none;}
.wrap-checkcard .confirm.btn-area{margin-top:14px; display:none;text-align:right}
.wrap-checkcard .confirm.btn-area .hp-num{display:none;}
.wrap-checkcard .confirm.btn-area .btn-line{margin-top:26px;padding-top:16px; color:var(--font-neutral-6); font-size:14px; line-height:20px; display:block;text-align:left;border-top:1px solid rgba(0, 0, 0 , 0.06);}
.wrap-checkcard .confirm.btn-area .btn-line::after {content:'';width:12px;height:12px;display:inline-block;vertical-align:middle; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: var(--arrow-normal-gray3);}
.wrap-checkcard .tab-cont .cont{display: none;}
.wrap-checkcard .tab-cont .cont:first-child{display:block;}
.wrap-checkcard .tab-cont .cont .img{margin: 27px 6px 20px; line-height: 0;}
.wrap-checkcard .tab-cont .cont .img img{width:100%;}
.form-area.addr-area>.stit-17:first-child,
.form-area.addr-area .addr-home .stit-17{margin-top:0}
.form-area.addr-area .link-col>a{font-size:15px; color:var(--font-neutral-1);}
.form-area.addr-area .link-col>a.on{border-width:2px; border-color:#000;}
.form-area.addr-area .addr-job{display:none;}

.wrap-checkcard .type1 .btn--submit-gray.full{font-size:17px!important; color:#bdbdbd; background-color: #e0e4e8;}
.wrap-checkcard .type1 .btn--submit.full{font-size:17px!important;}
.wrap-checkcard .field-item.type1 input{font-size: 16px; color:var(--font-neutral-1);}
.wrap-checkcard .field-item.type1 .select-value{font-size: 16px; color:var(--font-neutral-1);}
.wrap-checkcard .tab-mn.type1 a{position:relative; font-size: 16px; color:var(--font-neutral-1); border:0; height: 52px; line-height: 52px;}
.wrap-checkcard .tab-mn.type1 a::after{content:''; position:absolute; left: 0; top:0; width:100%; height: 100%; border:1px solid #ddd; border-radius:var(--input-radius);}
.wrap-checkcard .tab-mn.type1 a.on::after{border:2px solid #000;}
.wrap-checkcard .tab-cont .license.type1 .img {margin: 27px -10px 20px 6px;}
.wrap-checkcard .select-value-col .select-value{width:124px;}
.wrap-checkcard .select-value-col .select-value + input{width:calc(100% - 130px); margin-left:6px }

/* .lst-check{margin-bottom:26px;} */
.wrap-checkcard .lst-check li:first-child{margin-top:0;}
.wrap-checkcard .lst-check li{padding:12px 4px 12px 4px;}
.form-area.funds-area>.stit-17{margin:30px 0 12px;padding-left:4px;}
.form-area.funds-area>.stit-17:first-child{margin-top:0;}
.form-area.funds-area .noti{margin:30px 4px 20px 4px; padding:16px 0 0 19px; color:#8f989c; font-size:14px; border-top:1px solid rgba(0,0,0,.06);position:relative;word-break:break-all;}
.form-area.funds-area .noti::before {content:'';width:14px;height:14px;background:url(/static/assets/images/comm/prev/renew21/info_20.png) center center / 100% no-repeat;position:absolute;top:19px;left:0;}
.form-area.funds-area div[class*='case']{display:none;}
.form-area.funds-area .case02{margin-bottom: -20px;}
.wrap-checkcard.type02 .form-area.funds-area .case02{margin-bottom:0px;}

/* 카드신청 정보확인 */
.apply-card-img-wrap{margin-top:10px;}
.apply-card-img-wrap .card-img {width:158px; height:auto; border-radius:4px;  vertical-align:top;}
.apply-card-img-wrap .card-name {margin-top:18px; color:var(--font-neutral-1); font-size:16px; font-weight:700;}
.dl-card-info-wrap {margin:35px 0 30px;}
.dl-card-info {display:flex; padding:14px 0; border-bottom:1px solid #f1f4f7;}
.dl-card-info:last-child{border-bottom:none;}
.dl-card-info > dt {width:110px; color:#707070; font-size:16px;}
.dl-card-info > dt .emph-b{font-weight: 700; color:#006cab; font-size:12px; display:inline-block; margin-top:4px;}
.dl-card-info > dt .icon--info-20{width:16px; height:16px; vertical-align: middle; margin:-2px 0 0 4px; display:inline-block; border:0; font-size:0; color:transparent; -webkit-mask:var(--info); mask:var(--info); background-color: var(--gray-300);}
.dl-card-info > dd {width:calc(100% - 110px); color:#212121; font-size:17px;}

/* 카드신청 완료 */
.wrap-checkcard .apply-card-box {padding:30px 18px 30px; text-align:center; background-color:var(--background-color-2);  border-radius:20px;}
.wrap-checkcard .apply-card-box .card-img {width:100%; max-width:285px; border-radius:10px; box-shadow:0 6px 16px 0 rgba(0,0,0,.08);}
.wrap-checkcard .apply-card-box .lott-wrap {width:120px;margin:0 auto;}
.wrap-checkcard .apply-card-box .card-name {margin-top:8px; color:var(--font-neutral-1); font-size:20px;font-weight:700; text-align:center;line-height:28px;}
.wrap-checkcard .apply-card-box .apply-state {margin-top:2px; color:var(--font-neutral-1); font-size:20px;font-weight:700; text-align:center;line-height:28px;}
.wrap-checkcard .apply-complete-cont .apply-desc-wrap {margin-top:30px;}
.wrap-checkcard .apply-complete-cont .apply-desc-wrap .applt-desc-tit {font-size:16px;font-weight:700;line-height:24px;}
.wrap-checkcard .apply-desc-wrap .apply-desc {margin-top:16px;color:var(--font-neutral-1); font-size:15px; line-height:22px;}
.wrap-checkcard .apply-desc-wrap .apply-desc li {padding-left:11px;position:relative;font-size:15px;line-height:22px;color:var(--font-neutral-1);word-break:break-all;}
.wrap-checkcard .apply-desc-wrap .apply-desc li::before {content:'';width:3px;height:3px;background:var(--gray-600);border-radius:50%;position:absolute;top:9px;left:0px;}
.wrap-checkcard .apply-desc-wrap .apply-desc li + li {margin-top:12px;}

/* layer popup - 알뜰폰 */
/* .select-list{margin:16px 0;} */

/* layer popup - 운전면허 발행기관 */
.lpop-agency.lpop--wrap .select-lpop .lpop-cont{padding:0 20px 32px;}
.lpop-agency .link-col{display: block;}
.lpop-agency .link-col>a{flex:auto; display:inline-flex; align-items: center; justify-content: center; width:calc(33.33% - 6px); margin:0 0 8px}
.lpop-agency .link-col>a:nth-of-type(3n+2){margin:0 4px 8px;}
.lpop-agency .link-col-4{margin:-2px; display:flex; align-items: center; flex-wrap: wrap;}
.lpop-agency .link-col-4>a {flex:0 0 auto; width:calc(25% - 4px); margin:2px; height:58px; outline:none; color:var(--font-neutral-1); font-size:17px; font-weight:400; text-align:center; line-height:58px; background-color:#f1f4f7; box-sizing:border-box; border-radius:6px;}

/* layer popup - 결제일 */
.lpop-payment-date.lpop--wrap .select-lpop .lpop-cont{padding:0 20px 30px;}
.lpop-payment-date .link-col{flex-wrap: wrap;}
.lpop-payment-date .link-col>a{flex:auto; display:inline-flex; align-items: center; justify-content: center; width:calc(50% - 4px); margin:0 0 10px; color:#212121; background-color:var(--background-color-1); border:1px solid rgba(205, 209, 218, 0.6);}
.lpop-payment-date .link-col>a:nth-child(odd){margin-right:4px;}
.lpop-payment-date .link-col>a.on{border:2px solid var(--gray-900); box-shadow: none;}

/* layer popup - 약관동의 */
.wrap-checkcard .agree-check-cont .tit{font-size:20px; font-weight: 700; margin:30px 0 20px;padding-left:4px;}
.wrap-checkcard .agree-check-cont .agree-check-cont{margin-top:20px;}
.wrap-checkcard .agree-check-cont .agree-check-cont>.drop-top{padding:17px 46px 17px 20px;}
.wrap-checkcard .agree-check-cont .ick-desc01{font-size:15px; line-height:24px;}
.wrap-checkcard .agree-check-cont .agree-check-cont .drop-cont{margin:18px 0 22px;}
.wrap-checkcard .agree-check-cont .agree-check-cont .desc01{margin-top:20px;}
.wrap-checkcard .agree-check-cont .drop-cont .drop-top{padding:0; border:none; position: relative; padding-right:32px;background-color:var(--background-color-2);}
.wrap-checkcard .agree-check-cont .drop-cont .drop-top .btn-expand{background:url(/static/assets/images/benefit/untact_card/arr_gray_60x60_r.png) no-repeat 50% / 20px auto; top:-5px; right:0; transform:rotate(90deg);}
.wrap-checkcard .agree-check-cont .drop-cont .drop-top .btn-expand.up{transform:rotate(270deg)}
.wrap-checkcard .agree-check-cont .lpop-foot button:disabled{background-color:#e0e4e8;color:#bdbdbd;}
.wrap-checkcard .agree-check-cont .grade-gauge-wrap{margin:30px 0 30px; padding-top:30px; border-top:1px solid rgba(0,0,0,.06);}
.wrap-checkcard .agree-check-cont .btn-line{display: inline-block; line-height:20px; border-bottom:1px solid var(--button-underline-color); color:var(--font-neutral-7); font-size:14px; padding-bottom:2px}

/* layer popup - 신용평가사 */
.lpop--wrap.lpop-credit-check .lpop-cont {padding:0 24px 36px;}
.lpop-credit-check .lpop-cont>.tit-22{margin-bottom:16px;}
.lpop-credit-check .lpop-cont .txt{color:#212121; line-height: 23px;}

/* layer popup - 발급카드 등록 및 자동충전 */
[class*=lpop-check-card] .select-lpop .lpop-cont{padding:0 24px 32px}
[class*=lpop-check-card] .lpop-cont>.tit-22{margin-bottom:20px;}
[class*=lpop-check-card] .lpop-cont>.tit-22 .icon--info-20{vertical-align: top; display:inline-block; width:20px; height:20px; font-size:0; border:0; color:transparent; -webkit-mask:var(--info); mask:var(--info);    background-color: var(--gray-300); margin-top:5px}
[class*=lpop-check-card] .bx{font-size:17px; color:var(--font-neutral-1); line-height:25px;}
[class*=lpop-check-card] .bx span{vertical-align:middle;}
[class*=lpop-check-card] .field-item{margin:10px 0;}
[class*=lpop-check-card] .field-item.col{display:flex; align-items: center;}
[class*=lpop-check-card] .field-item .select-value.type2{display:inline-block; width:calc(100% - 50px); margin-right:10px;}
[class*=lpop-check-card] .field-item .select-value.type2 .code{display:inline;}

/* layer popup - 자동충전 안내 */
.lpop-auto-charge .lpop-cont{padding:0 24px 32px}
.lpop-auto-charge .ul-dot li{font-size:14px; color:var(--font-neutral-5);word-break: break-all; line-height:20px}
.lpop-auto-charge .ul-dot li::before{background-color:var(--font-neutral-5)}
.lpop-auto-charge .ul-dot li+li{margin-top:12px;}

/* layer popup - 계좌선택 */
.select-lpop .lst-account{margin-top:0;}
.select-lpop .lst-account .item-inner{font-size:15px; color:#212121; line-height:22px; display:flex; align-items: center;}
.select-lpop .lst-account .item-inner .logo-bank{width:24px; height:24px; margin-right:10px;}
.select-lpop .lst-account .item-inner .bank-label .code{display: none;}

/* 간편결제 빠른등록(untact_card) */
.ts-inner-cont{margin:32px 0}
.ts-inner-cont.case02 {display:none;}
.simple-pay-info-wrap {margin-bottom:12px;padding:0 4px;}
.simple-pay-info-wrap:after {display:block; content:''; clear:both;}
.simple-pay-info-wrap .tsin-cont-tit {display:inline-block;margin-bottom:0; line-height:22px; vertical-align: middle; font-size:15px;font-weight:700;color:var(--font-neutral-4);}
.simple-pay-info-wrap .info-lpop-wrap {display:inline-block; position:relative; top:0px; vertical-align: -2px; width:16px; height:16px; margin-left:3px;}
.simple-pay-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);}
.simple-pay-info-wrap .info-lpop {display:none; position:absolute; z-index:10; left:-118px; top:26px; 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);}
/* .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;} */
.simple-pay-info-wrap .info-lpop-desc  {color:#fff; font-size:15px; line-height:22px;}
.simple-pay-info-wrap .bul-desc {margin-top:10px;}
.simple-pay-info-wrap .bul-desc > li {margin-top:5px; color:#fff;}
.simple-pay-info-wrap .bul-desc > li:before {background-color:#fff;}
.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;}
body:has(.tooltip-container) .wrap-checkcard.type02 {padding-bottom: 160px;}

.simple-pay-info-wrap .usage-limit-switch {display:block; float:right; position:relative; width:48px; height:28px;}
.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);}
.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-shadow:1px 1px 2px rgba(00,00,00,0.1); transition:left .5s;}
.simple-pay-info-wrap .usage-limit-switch.checked:before {background:var(--switch-active-bg);}
.simple-pay-info-wrap .usage-limit-switch.checked span {left:22px; background:#fff; border:0;}

.simple-pay-col-wrap + .simple-pay-col-wrap {margin-top:16px;}
.simple-pay-col-wrap:after {display:block; content:''; clear:both;}
.simple-pay-col-wrap .check-col {float:left; width:50%; box-sizing:border-box;}
.simple-pay-col-wrap .check-col .logo {width:36px; margin-right:8px; vertical-align:middle;}
.simple-pay-col-wrap .ick02 + label {padding:6px 0 6px 32px; background-position:0 50%; color:#212121;}

.ts-inner-cont .paybooc-regi-tip {margin: 10px 0 0;}
.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);}
.ts-inner-cont .paybooc-regi-tip {margin:10px 4px 0;color:var(--font-neutral-7); font-size:14px; line-height:21px;}


.wrap-checkcard .paybooc-card-regi-wrap {margin:0 4px;}
.wrap-checkcard .paybooc-card-regi-wrap .tsin-cont-tit {display:inline-block; margin-bottom:0; line-height:22px; vertical-align:middle; font-size:15px;font-weight:700; color:var(--font-neutral-4)} 
.wrap-checkcard .paybooc-card-regi-wrap .tsin-cont-tit02  {display:inline-block; margin-bottom:9px; line-height:1.2; vertical-align:middle;font-size:17px;font-weight:700;}
.wrap-checkcard .paybooc-card-regi-wrap .tsin-cont-tit02 + .info-lpop-wrap02 {top:-5px;}
.wrap-checkcard .paybooc-card-regi-wrap .info-lpop-wrap {display:inline-block; position:relative; top:1px; vertical-align:middle; width:16px; height:16px; margin-left:3px;}
.wrap-checkcard .paybooc-card-regi-wrap .info-lpop-wrap02{display:inline-block; position:relative; vertical-align:middle; width:20px; height:20px; margin-left:3px;}

.wrap-checkcard .paybooc-card-regi-wrap .info {display:inline-block; vertical-align: -2px; overflow:hidden; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info);background-color: var(--gray-300);}
.wrap-checkcard .paybooc-card-regi-wrap .info-lpop {display:none; position:absolute; z-index:10; left:-140px; top:34px; width:320px; padding:20px 40px 20px 20px; background-color:rgba(64,66,76,0.9);
-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.wrap-checkcard .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;}

.wrap-checkcard .paybooc-card-regi-wrap .info-lpop-wrap02 .info-lpop {display:none; position:absolute; z-index:10; left:-132px; top:22px; 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);word-break: break-all;}
.wrap-checkcard .paybooc-card-regi-wrap .info-lpop-wrap02 .info-lpop:before {display:none;}
.wrap-checkcard .paybooc-card-regi-wrap .info-lpop-wrap02 .info-lpop-desc {color:var(--tooltip-tc); font-size:15px; line-height:22px;}
.wrap-checkcard .paybooc-card-regi-wrap .info-lpop-wrap02 .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;}
.paybooc-regi-ick-wrap {margin-top:10px; padding:12px 4px 12px 14px; box-sizing:border-box; }
.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;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 .paybooc-regi-ick-wrap .ick01 + label {display:block; padding:0 0 0 32px; color:var(--font-neutral-2);  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;}
.ts-inner-cont .paybooc-regi-ick-wrap .ick01:checked + label {background-image:url(/static/assets/images/benefit/untact_card/mark_v03_red_72x72.png);}


.wrap-checkcard .paybooc-card-regi-wrap .info-lpop-desc {color:#fff; font-size:15px; line-height:1.4;}
.wrap-checkcard .paybooc-card-regi-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;}
/* .paybooc-regi-ick-wrap {margin-top:18px; padding:15px; border:1px solid #ddd; background-color:#fff;border-radius:14px;} */
.paybooc-regi-ick-wrap.on {/* padding:14px; */ border-color:#000; border-width:2px;
/* margin-bottom:-3px; */}
.paybooc-regi-ick-wrap.on label {font-weight:700;}

.lpop-checkcard-apply .lpop-cont .bx.txt{font-size:15px; color:var(--font-navy-900); line-height:22px;  border-radius:20px; padding:20px; margin-top:20px;background-color:var(--background-color-2); margin-bottom:36px}
.lpop-checkcard-apply .lpop-cont {padding:0 24px;}
.lpop-checkcard-apply .lpop-cont [class *= tit] + .txt {margin-top:16px;}

/* 약관내용 수정 */
.agreement_detail_view .a-tit,
.agreement_detail_view .title{font-size:17px; margin-bottom:15px; display:block;}
.agreement_detail_view .chapter{font-size:14px; font-weight:700; margin:15px 0 5px;}

/* 카드약관 수신방법 추가 */
.form-area.addr-area .stit-17{position: relative;padding-left:4px; margin:40px 0 12px; font-size: 15px;line-height: 22px; color: var(--font-neutral-4);}
.form-area.addr-area .stit-17:has(.tooltip-lpop-wrap) {display:flex; align-items:center;}
.form-area.addr-area .stit-17 .tooltip-lpop-wrap {display:inline-block; vertical-align:text-bottom; width:20px; height:20px; margin-left:4px;}
.form-area.addr-area .stit-17 .tooltip-lpop-wrap .tooltip-open {display:inline-block; vertical-align: -2px; overflow:hidden; width:16px; height:16px; text-indent:-9999px; -webkit-mask:var(--info); mask:var(--info);background-color: var(--gray-300);}
.form-area.addr-area .stit-17 .tooltip-lpop-wrap .tooltip-lpop {display:none; position:absolute; z-index:10; left:0px; right:0; top:25px; padding:20px 50px 20px 24px; background: rgba(122, 131, 148, 0.90);border-radius:16px; box-sizing:border-box;backdrop-filter: blur(6px);}
/* .form-area.addr-area .stit-17 .tooltip-lpop-wrap .tooltip-open:before {display:none; content:''; position:absolute; left:0; top:13px; width:0; height:0; border:8px solid transparent; border-bottom-color:rgba(64,66,76,0.9); border-bottom-width:10px;} */
.form-area.addr-area .stit-17 .tooltip-lpop-wrap.active .tooltip-open:before {display:block;}
.form-area.addr-area .stit-17 .tooltip-lpop-wrap .tooltip-lpop-desc {color:var(--tooltip-tc); font-size:15px; line-height:22px;font-weight:400;}
.form-area.addr-area .stit-17 .tooltip-lpop-wrap .tooltip-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;}
/* .form-area.addr-area .stit-17 .tooltip-lpop-wrap{margin-top:-4px;} */
.error-desc-terms1, .error-desc-terms2 {padding-left:4px;color:#6495b0;}
.error-desc-terms2 span{display: block; margin-top: 8px; color:#ff3f53;}

@media(max-width:320px){
    .wrap-checkcard .paybooc-card-regi-wrap .info-lpop-wrap02 .info-lpop {width:300px;}
    .simple-pay-info-wrap .info-lpop{width:300px;}
    .simple-pay-col-wrap .ick02 + label{font-size:13px;}
    .form-area.addr-area .stit-17 .tooltip-lpop-wrap .tooltip-lpop {width:300px;}
}

/* 약관 */
.lpop--wrap[class*="lpop-terms"] .select-lpop .lpop-cont{padding:10px 0;}
.terms-wrap-inlpop table{word-break: normal;}
.terms-wrap-inlpop table caption{overflow: hidden; width: 0; height: 0; text-indent: -999999px;}
.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;}

/* 준비물 안내 팝업 */
.select-lpop-wrap.lpop-prepare-info .lpop-cont-inner {padding:0 20px 96px 20px;}
.select-lpop-wrap.lpop-prepare-info .prepare-tit01 {margin:0 4px;font-size:22px;line-height:30px;font-weight:700;color:var(--font-neutral-1);}
.select-lpop-wrap.lpop-prepare-info .prepare-box {padding:24px 20px;background-color:var(--background-color-2);border-radius:20px;}
.lpop-prepare-info .lpop-prepare-sect01 [class *= tit] + [class $= box] {margin-top:16px;}
.lpop-prepare-info .prepare-box .prepare-img img {width:86px;}
.lpop-prepare-info .prepare-box .prepare-box-top {display:flex;    align-items:center;justify-content:flex-start;}
.lpop-prepare-info .prepare-box .prepare-box-top .box-tit {margin:0 0 3px 20px;font-size:20px;font-weight:700;line-height:24px;color:var(--font-neutral-1);}
.lpop-prepare-info .prepare-box .cont-txt-list-type {margin-top:20px;padding-left:12px;font-size:15px;font-weight:400;line-height:22px; color:var(--font-neutral-4);position:relative;word-break:break-all;}
.lpop-prepare-info .prepare-box .cont-txt-list-type::before {content:'';width:4px;height:4px;border-radius:50%;background-color:var(--gray-600); position:absolute;top:9px;left:0;}

/* 신분증정보 OCR (untact_card) */
.wrap-checkcard .idcard-section01 .idcsect-tit01 {margin:30px 0 80px 0; color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px;}
.wrap-checkcard .idcard-section01 .idcsect-tit02 {margin:30px 0 20px 0; color:var(--font-neutral-1); font-size:22px; font-weight:700; line-height:30px;}
.wrap-checkcard .idsect-txt {font-size:15px;color:var(--font-neutral-2);word-break:break-all; line-height:22px}
.wrap-checkcard .idcard-section01 .tab-contents-wrap {display:none;}
.wrap-checkcard .idcard-section01 .sample-img-wrap {margin:25px 7px 20px 7px; border-radius:6%;}
.wrap-checkcard .idcard-section01 .sample-img-wrap img {width:100%; height:auto;}
.wrap-checkcard .idcard-section01 .sample-img-wrap01 {margin:0px 20px 14px 20px; border-radius:6%; box-shadow:0px 6px 16px 0px rgba(15, 21, 34, 0.04);}
.wrap-checkcard .idcard-section01 .sample-img-wrap01 img {width:100%; height:auto;vertical-align: top;}
.wrap-checkcard .idcard-section01 .idcard-desc01 {color:var(--font-neutral-1); font-size:15px;}
.wrap-checkcard .idcard-section01 .img-camera-wrap {margin:20px -4px 0 -4px;text-align:center;}
.wrap-checkcard .idcard-section01 .camera-tip-desc01 {position:relative; margin-left:-4px;padding-top:48px; color:var(--font-navy-900); font-size:15px; text-align:center; line-height:22px;}
.wrap-checkcard .idcard-section01 .camera-tip-desc01 .flag {display:block; position:absolute; top:21px; left:5px;}
.wrap-checkcard .idcard-section01 .camera-tip-desc01 .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;}
.wrap-checkcard .idcard-section01 .camera-tip-desc01 .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;}
.wrap-checkcard .idcard-section01 .dir-input-wrap {margin:37px 0; text-align:center;}
.wrap-checkcard .idcard-section01 .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; text-align:center; line-height:26px;}
.wrap-checkcard .idcard-section01 .idcard-tit01 {margin:24px 0 11px 0;color:var(--font-neutral-1); font-size:17px; font-weight:700;}
.wrap-checkcard .bul-idcard01 > li {position:relative; margin-top:10px; padding-left:16px; color:var(--font-neutral-5); font-size:15px; line-height:22px}
.wrap-checkcard .bul-idcard01 > li:before {display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:var(--gray-600); border-radius:50%;}
.wrap-checkcard .bul-idcard01 > li:first-child {margin-top:0;}

.lpop-agree-sect01 {padding:0 24px;}
.lpop-agree-sect01 .lagsect-tit01 {margin-bottom:12px; color:var(--font-neutral-1); font-size:22px; font-weight:700;}
.lpop-agree-sect01 .lagsect-desc01 {color:#212121; font-size:16px;}
.lpop-agree-sect01 .lagsect-desc04 {color:#424242; font-size:14px;}
.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;}

.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:after {display:block;}
.bottom-fixed-wrap-inlpop01 [class*=btn-fl] {display:block; float:left; height:52px; padding:0 5px; font-size:15px; line-height:52px; text-align:center; letter-spacing:-0.5px; box-sizing:border-box; border-radius:26px;}

/* .bottom-fixed-wrap-inlpop01 .btn-fl01 {width:40%; color:var(--font-neutral-5); background-color:#f1f4f7;}
.bottom-fixed-wrap-inlpop01 .btn-fl02 {width:calc(60% - 8px); margin-left:8px; color:#fff; font-weight:700; background-color:#fa5273;}
.bottom-fixed-wrap-inlpop01 .btn-fl03 {width:calc(50% - 4px); color:var(--font-neutral-5); font-size:16px; background-color:#f1f4f7;}
.bottom-fixed-wrap-inlpop01 .btn-fl04 {width:calc(50% - 4px); margin-left:8px; color:#fff; font-size:16px; font-weight:700; background-color:#fa5273;}
.bottom-fixed-wrap-inlpop01 .btn-red01 {display:block; width:100%; height:52px; padding:0 5px; color:#fff; font-size:16px; font-weight:700; text-align:center; line-height:52px; letter-spacing:-0.5px; box-sizing:border-box; border-radius:26px; background-color:#fa5273;}
.bottom-fixed-wrap-inlpop01 .btn-red01.disable {color:#bdbdbd; background-color:#e0e4e8; pointer-events:none;}

.bottom-fixed-wrap-inlpop01 .btn-fl03 {width:calc(50% - 4px); color:var(--font-neutral-5); font-size:16px; background-color:#f1f4f7;}
.bottom-fixed-wrap-inlpop01 .btn-fl04 {width:calc(50% - 4px); margin-left:8px; color:#fff; font-size:16px; font-weight:700; background-color:#fa5273;} */

/* 카메라 활성 화면 */
.wrap-checkcard02 {position:relative; min-height:100%; 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;}
.wrap-checkcard02 .idcard-cam-cont01 {margin:10px -4px 0 -4px;}
.wrap-checkcard02 .idcard-cam-cont01 .img-line-wrap01 {border-radius:18px; background-color:rgba(255,255,255,1);}
.wrap-checkcard02 .idcard-cam-cont01 .cam-desc01 {margin-top:30px; color:#fff; font-size:20px; font-weight:700; text-align:center; line-height:28px}
.wrap-checkcard02 .btn-idcard-cam-wrap01 {margin-top:40px; text-align:center;}
.wrap-checkcard02 .btn-idcard-cam-wrap01 .btn-idcard-cam {display:inline-block; padding:11px 16px; border-radius:12px; color:var(--font-neutral-3); font-size:17px; font-weight:700; text-align:center;  line-height:26px; background-color:#fff;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 {position:relative;margin-top:40px;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 .flag {display:block; position:relative;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 .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;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 .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;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 .cam-notice {margin-top:12px;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 .cam-notice > li {position:relative; margin-top:10px; padding-left:14px; color:#fff; font-size:16px;word-break:break-all; line-height:24px;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 .cam-notice > li:before {display:block; content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#fff;}
.wrap-checkcard02 .idcard-cam-notice-wrap01 .cam-notice > li:first-child {margin-top:0;}

.idcard-section01 .btn-untcard-select01 {display:block; position:relative; color:var(--font-neutral-1); padding:0 38px 0 16px; width:100%; height:54px; border:1px solid var(--input-border); font-size:17px; font-weight:400; text-align:left; line-height:54px; background-color:#fff; border-radius:var(--input-radius); box-sizing:border-box;}
.idcard-section01 .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;}
.idcard-section01 .btn-untcard-select01:focus {border-color:var(--input-focus-border); outline:none; box-shadow:inset 0 0 0 1px var(--input-focus-border)}
.idcard-section01 .btn-untcard-select01.no-val {color:rgba(0,0,0,0.3);}
.idcard-section01 .license-input-cont01 {display:flex;margin:0 -4px;}
.idcard-section01 .license-input-cont01:after {display:block; content:''; clear:both;}
.idcard-section01 .license-input-cont01 .cont-col {width:60%; }
.idcard-section01 .license-input-cont01 .cont-col + .cont-col {padding-left:6px;}
.idcard-section01 .license-input-cont01 .cont-col:first-child {width:40%;}
.idcard-section01 .license-input-cont01 .btn-untcard-select01 {height:56px; padding:0 28px 0 16px; line-height:56px; letter-spacing:-1px;}
.idcard-section01 .license-input-cont01 .btn-untcard-select01:after {right:10px;}
/* .idcard-section01 .license-input-cont01 .itxt01 {height:54px;} */

/* OCR 인식 성공 */
.btn-idcard-wrap {margin-top:14px; text-align:center;}
.btn-idcard-wrap .btn-idcard {display:inline-block; padding:11px 16px; 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:#fff; }
.btn-idcard-wrap .btn-idcard:active{background:var(--button-outline-active)}
.wrap-checkcard .itxt-wrap01 {margin:0 -4px;}

@media screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-min-device-pixel-ratio: 2){ /*iphone7 mask css hack*/    
    .wrap-checkcard .confirm.btn-area .btn-line::after{background:url('/static/assets/images/comm/ico-arrow-right-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .dl-card-info > dt .icon--info-20{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    [class*=lpop-check-card] .lpop-cont>.tit-22 .icon--info-20{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .simple-pay-info-wrap .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .wrap-checkcard .paybooc-card-regi-wrap .info{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .form-area.addr-area .stit-17 .tooltip-lpop-wrap .tooltip-open{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
}