@charset "utf-8";

/* from renew_2020.css */
.mt0 {margin-top:0px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mb20 {margin-bottom:20px !important;}
.pb355·{padding-bottom:355px !important;} 
.fwb {font-weight:700 !important;}

.side .sideArea{position:relative}
.selectTerms{display:inline-block;padding:10px 30px 10px 15px; font-size:14px !important; color:var(--font-neutral-3); border-radius:8px; border:1px solid var(--gray-60); position:relative; font-weight:700}
.selectTerms::after{content:''; display:inline-block; width:12px; height:12px; -webkit-mask: var(--arrow-right-normal); mask: var(--arrow-right-normal);   background-color: var(--font-neutral-3); position:absolute; top:50%; right:12px; margin-top:-6px}
.termsValue{display:none}
.termsValue.on{display:block;position:absolute;top:0;right:0;border:1px solid var(--gray-60);border-radius:8px; background:var(--background-color-1)}
.termsValue > li > a{display:block;padding:10px 30px 10px 15px;font-size:14px !important;box-sizing:border-box; position:relative; font-weight:700}
.termsValue > li:first-child > a::after{content:''; display:inline-block; width:12px; height:12px;-webkit-mask:var(--arrow-up-normal); mask:var(--arrow-up-normal); background-color: var(--font-neutral-3); top:50%; right:12px; margin-top:-6px; position:absolute;}
.termsValue > li:last-child > a{border-radius:0 0 20px 20px; border-top:1px solid var(--gray-60) }
.headItem.terms{display:flex;align-items:center;justify-content:space-between;height:40px;margin:10px 0 -20px 0}
.headItem.terms .txtInfoS{margin-right:6px}
.headItem.terms .tooltip .tooltipCont{top:100%}
.headItem.terms .side{display:block;width:auto;z-index:1}
.headItem.terms .tooltipArea {display:inline-flex;}

.innerBox{padding:40px 0 60px}
.roundBtn{margin-top:8px}
.roundBtn .btnBC{border:1px solid #eee;border-radius:1006px;font-size:15px; color:var(--font-neutral-2);text-align:center;width:calc(50% - 7px);margin-left:8px;padding:11px 0;margin-top:8px}
.roundBtn .btnBC:nth-child(2n+1){margin-left:0}
.roundBtn .btnBC.disabled{border:none;padding:12px 0;background:#f1f4f7}
.btn-outlined {display:inline-block; padding:9px 15px; font-size:14px; font-weight:700; line-height:20px; border-radius:var(--button-radius); color:var(--button-outline-tc); background:var(--background-color-1); border:var(--button-outline-border); }
.btn-outlined:active {background:var(--button-outline-active);}
.btn-secondary {display:inline-flex; align-items:center; width:100%; justify-content:center; font-weight:700; padding:15px 10px; height:var(--button-height); font-size:var(--button-font-size); line-height:26px; color:var(--button-secondary-tc); background:var(--button-secondary); border-radius:var(--button-radius);}
.btn-secondary:active {background:var(--button-secondary-active);}

/* 조회기간 */
.searchMonth, .searchCalendar{position:relative;margin-top:12px}
.searchMonth .fieldItem{display:inline-block;width:100%}
.searchCalendar .fieldItem{display:inline-block;width:calc(50% - 13px);vertical-align:top}
.searchCalendar .fieldItem:last-of-type{margin-left:20px}
.searchCalendar .fieldItem .frm{display:block;position:relative}
.searchCalendar .fieldItem input{position:relative;border:1px solid var(--input-border);border-radius:var(--input-radius);padding:14px 35px 14px 16px; color:var(--font-neutral-2) !important;font-size:16px;background:transparent !important;z-index:1}
.searchCalendar .fieldItem .frm::after{content:'';display:block;position:absolute;right:8px;top:50%;transform:translate(0, -50%);width:32px;height:32px;background:url(/static/assets/images/comm/prev/ico_calendar.png);background-size:32px 32px; z-index:2}
.searchCalendar .fromTo{position:absolute;top:50%;left:50%;font-size:16px;transform:translate(-50%, -50%)}
.searchCalendar .fromTo:after{display:none !important}

.select-list.has-ico-bank .item-inner {padding-left:64px;}
.select-list.has-ico-card .item-inner {padding-left:72px;}
.select-list img.opt-ico-bank {position:absolute; top:50%; left:34px; transform:translate(-50%, -50%); max-width:20px; max-height:20px;}
.select-list img.opt-ico-card {position:absolute; top:50%; left:38px; transform:translate(-50%, -50%); max-width:28px; max-height:28px;}
.select-lpop .calendar-nav {position:relative; font-size:0; text-align:center; padding:13px 24px 16px; background-color:#fff;}
.select-lpop .calendar-nav .month-current {font-weight:bold; font-size:22px; color:var(--font-neutral-1); line-height:40px;}
.select-lpop .calendar-nav a {position:absolute; width:40px; height:40px; top:13px; background-repeat:no-repeat; background-size:100%; background-position:center;}
.select-lpop .calendar-nav .month-prev{left:24px;background-image:url(/static/assets/images/comm/prev/spin_calendar_prev.png)}
.select-lpop .calendar-nav .month-next{right:24px;background-image:url(/static/assets/images/comm/prev/spin_calendar_next.png)}
.select-lpop .calendar-nav a.disable {opacity:.4;}
.select-lpop .calendar-week {text-align:center; font-size:0; padding:0 12px 12px; background-color:#fff;}
.select-lpop .calendar-week span {display:inline-block; vertical-align:middle; width:14%; height:42px; color:var(--font-neutral-6); font-size:15px; line-height:42px;}
.select-lpop-wrap.select-form-calendar .select-lpop .lpop-cont {padding-top:0;}
.select-lpop-wrap.select-form-calendar-start .lpop-inner,
.select-lpop-wrap.select-form-calendar-end .lpop-inner {height:auto;}
.select-lpop-wrap.select-form-calendar-start .select-lpop .lpop-cont,
.select-lpop-wrap.select-form-calendar-end .select-lpop .lpop-cont {height:auto;}
.select-lpop .lpop-cont.calendar {padding:0 12px 20px;}
.select-lpop .select-list.has-calendar {font-size:0; width:auto; margin:0 auto;}
.select-lpop .select-list.has-calendar li {display:inline-block; width:14%; vertical-align:top;}
.select-lpop .select-list.has-calendar li a {width:auto; font-size:15px; color:#2c2c2c; height:44px; padding:0; line-height:44px; text-align:center; border-radius:20px;}
.select-lpop .select-list.has-calendar li a.sun {color:#ff6452;}
.select-lpop .select-list.has-calendar li a.sat {color:#23a9f6;}
.select-lpop .select-list.has-calendar li a.comming {color:#bdbdbd;}
.select-lpop .select-list.has-calendar li a.on {color:#fff; background:url('/static/assets/images/comm/prev/renew21/calendar_date_fill.svg') no-repeat center/contain; font-weight:bold;}
.select-lpop .select-list.has-calendar li a.on:after {background:none;}
.select-lpop .select-list.has-calendar li a.today:after {content:''; position:absolute; top:7px; left:50%; margin-top:0; margin-left:-2px; width:4px; height:4px; background-color:#fa5273; border-radius:2px;}
.select-lpop .select-list.has-calendar li a.today.on:after {background-color:#fff;}
.select-lpop .select-list.has-calendar li.blank {width:14%; height:auto;}

.select-lpop-wrap.withdraw .layerInnerBg{margin:-8px 0 16px}
.select-lpop-wrap.withdraw .alertTitle + p{margin-top:8px}
.select-lpop-wrap.withdraw .formCheck{margin-top:32px}
.select-lpop-wrap.withdraw .formCheck label{background-position:left top}



/* Usage Summary */
.alert-tel-wrap, .new2020-layer-receipt {font-family:'Pretendard'}
/* .renew01 .select-value {display:block; position:relative; padding:13px 30px 13px 16px; border:1px solid #ddd; color:rgba(0,0,0,0.3); font-size:17px; line-height:normal; border-radius:14px; white-space:nowrap; overflow:hidden;} */
/* .renew01 .select-value:after {display:block; content:''; position:absolute; right:0; top:50%; width:32px; height:32px; margin-top:-16px; background:#fff url(/static/assets/images/comm/prev/renew/spin_gray_96x96.png) 0 0 / 32px auto no-repeat;} */
.renew01 .select-value.date:after {background-image:url(/static/assets/images/comm/prev/renew/spin_month_64.png);}
@media(max-width:330px){
	.renew01 .select-value {font-size:15px; padding-left:12px;}
	.renew01 .select-value.date:after {width:28px; height:28px; background-size:100%; margin-top:-13px;}
}
/* from renew_2020.css [e] */

/* img{image-rendering:-webkit-optimize-contrast;width:-webkit-fill-available} */

.mydata, .lpop-cont, body.stop-scroll, .modal.open, .modal-dialog{touch-action: pan-x pan-y}
.renew01-header + .renew01{min-height:calc(100vh - 56px)}
.renew01 {line-height:1.5; min-height:100vh; color:var(--font-neutral-2);}
.renew01.bgColor{background-color:var(--background-color-2)}
.renew01 img {vertical-align:top;}
.renew01 img[src*="img_join_process.gif"] {border-radius:100%;}
.renew01 .mydata .inner{padding:0 20px}
.renew01 .mydata .inner.btnInc{padding:0 20px 100px; padding-top:1px; margin-top:-1px; overflow:hidden;}
.renew01 .mydata .inner:has(.termsInners):has(.formCheck) {padding-bottom:102px;}
.renew01 .mydata .inner:has(.termsInners):has(.formCheck) .formCheck + .formCheck {margin-top:6px;}
.renew01 .mydata .contentInner{padding-bottom:60px}
.txtHidden{padding:0 !important;overflow:hidden;position:absolute;font-size:0; line-height:0;;width:0;height:0}
.topBg .renew01-header.bgColorFix{background:var(--background-color-2);}
.topBg .renew01-header.bgColor.newColor{background:#eff0fb}
.topBg .renew01-header.bgColor.newColor02{background:#e9f5ef}
.topBg .renew01-header.bgColor.newColor03{background:#E8F3FA}
.topBg .renew01-header.bgColor.newColor04{background:#EFF0FB}
.renew01-header.bgTransparent {background:transparent;}

.renew01-header.bgColor ~ .renew01.bgColor {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;}
.renew01-header.bgColor ~ .renew01.fullBg .bgArea,
.renew01-header.bgColor ~ .renew01.bgColor .bgArea {background-color: unset;}
.renew01-header.bgColor ~ .renew01 .bgArea {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;}

.bgArea{background:var(--background-color-2);margin:0 -20px}
/* .renew01 .select-value:after{right:6px;} */
.renew01 .select-value.disabled{background:var(--background-color-2);}
.renew01.fullBg {background:var(--background-color-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;}
.renew01.fullBg .select-value {background:#fff;width:100%;text-align:left;box-sizing:border-box}
/* .renew01.fullBg .select-value:after {right:6px;background:url(/static/assets/images/comm/prev/spin_gray_96x96.png) 0 0 / 32px auto no-repeat} */
.renew01.fullBg input{background:#fff !important}
.renew01.fullBg input[readonly], .renew01.fullBg .select-value.disabled{color:var(--font-neutral-2) !important;background:rgba(205, 209, 218, 0.4) !important;}
/* readonly 의 경우 백그라운드 색깔 협의 필요 11-27 */
.renew01.fullBg [class*=btnArea] {background:var(--background-color-2);}
.renew01.fullBg .seeMore [class*=btnArea] {background:var(--background-color-1);}
.renew01.fullBg .seeMore .btnArea::before {background:var(--button-primary-gradient);}
/* .renew01.fullBg:has(.btnArea) {height:calc(100vh - 56px);min-height: initial;} */

.mydata .wide{margin:0 -20px}
.renew01-header.noBack .tit{padding:18px 60px 18px 20px}
.renew01-header .btnShare{position:absolute;top:50%;right:4px;width:40px;height:40px;background:url(/static/assets/images/comm/prev/ico_share.png) no-repeat;background-size:40px;transform:translateY(-50%);text-indent:-9999px;z-index:10}
.mydata .fWhite{color:#fff !important}
.underBtn{position:relative;font-size:14px !important; color:var(--font-neutral-7); width:auto !important; line-height:20px;}
.underBtn::before{position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:rgba(150, 157, 171, 0.70);;content:''}
.loadingBar{position:fixed;left:0;right:0;bottom:0;height:100vh;z-index:999}
.loadingBar .loadingImage{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:#fff;box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);width:48px;padding:10px 0;border-radius:100%;text-align:center}
.loadingBar .loadingImage img{width:28px}
.mPB_loading{position:fixed;left:0;right:0;bottom:0;height:100vh;z-index:999;background:rgba(255, 255, 255, 0.5);z-index:12000}
.mPB_loading .loading_img{position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;width:100px;height:100px;background:#fff;border-radius:50%;overflow:hidden;text-align:center;line-height:62px}
.mPB_loading .loading_img img{position:absolute;left:50%;top:50%;margin:-31px 0 0 -31px;width:62px}
.mtm8{margin-top:-8px}
.tleft{text-align:left !important}
.toastMsg{position:absolute;left:20px;right:20px;bottom:40px;padding:14px 24px;background:rgba(64, 66, 76, 0.9);box-sizing:border-box;box-shadow:0px 8px 16px rgb(15 21 34 / 8%);border-radius:100px;font-size:14px;color:#fff;text-align:center;word-break:keep-all;z-index:10}

/* font-size */
.ft15{font-size:15px !important;}

/* btnRadio : 박스형 라디오 버튼 */ /* [527] */
.btnRadio{display:table;width:100%;table-layout:fixed}
.btnRadio .frm{display:table-cell;vertical-align:middle;position:relative}
.btnRadio .frm label{display:block; color:var(--font-neutral-2);text-align:center;z-index:1;padding:15px 0;box-sizing:border-box;border:1px solid var(--input-border);border-radius:var(--input-radius);margin:0 2px;font-size:15px;background:#fff; line-height:22px}
.btnRadio .frm input[type=radio], .btnRadio input[type=radio]{position:absolute;left:-9999px}
.btnRadio .frm input[type=radio]:checked+label{font-weight:700;color:var(--font-neutral-1);border-color:var(--input-focus-border);border-width:2px;margin-top:-1px;margin-bottom:-1px;}
.btnRadio .frm:first-of-type label{margin-left:0}
.btnRadio .frm:last-of-type label{margin-right:0}
.btnRadio .frm label{padding:13px 0}
.btnRadio .accountType ~ .accountType{padding-top:0}
.btnRadio.half{width:50%}
.radioContainer{display:flex}
.radioContainer .btnRadio + .btnRadio{margin-left:4px}
.userComm .radioContainer .btnRadio{margin-bottom:0}
.userComm .txtInfo{font-size:15px !important; color:var(--font-neutral-5);padding:0 4px}
.searchOption .btnRadio + .rowRadio,
.searchOption .rowRadio > .btnRadio + .btnRadio {margin-top:10px;}

/* btnChkbox : 박스형 체크박스 버튼 */ /* [527] */
.btnChkbox{display:flex;align-items:top;justify-content:space-between;width:100%;flex-flow:row wrap;}
.btnChkbox .frm{display:block;position:relative}
.btnChkbox .frm label{display:block; color:var(--font-neutral-2);text-align:center;z-index:1;padding:15px 0;box-sizing:border-box;border:1px solid var(--input-border); border-radius:var(--input-radius); font-size:15px;background:#fff}
.btnChkbox .frm input[type=checkbox], .btnChkbox input[type=checkbox]{position:absolute;left:-9999px}
.btnChkbox .frm input[type=checkbox]:checked+label{font-weight:700;color:var(--font-neutral-1);border-color:#212121;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.08)}
.btnChkbox .frm:first-of-type label{margin-left:0}
.btnChkbox .frm:last-of-type label{margin-right:0}
.btnChkbox .frm label{padding:13px 0}
.btnChkbox.column03Type{margin:0 -4px -4px 0}
.btnChkbox.column03Type .frm{width:33.33%;flex:1 1 30%; margin:0 4px 4px 0}
.btnChkbox.column03Type .frm label{width:100%;}

/* input 입력 오류시 : error 클래스 추가 */
.infoArea{position:relative;}
.infoArea .errorTxt{display:none;font-size:13px;font-weight:400; color:var(--status-warning); padding-top:8px;}
.error .errorTxt{display:block;}
.error input[type=text], .error input[type=password], .error input[type=tel], .error input[type=number], .error input[type=search] {border-color:rgba(255, 63, 190, 0.80);}

/* btnRadio(text) */
.btnTextRadio {display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;}
.btnTextRadio .frm~.frm{margin-left:16px;}
.btnTextRadio .frm label{position:relative;display:block;color:var(--font-neutral-7);text-align:center;z-index:1;padding:15px 0 10px 10px;box-sizing:border-box;font-size:15px;background:#fff;}
.btnTextRadio .frm label:before{content:'';position:absolute;top:48%;left:0;display:block;width:4px;height:4px;background-color:#b6b8bc;border:1px solid #b6b8bc;border-radius:50%;box-sizing:border-box;}
.btnTextRadio .frm input[type=radio], 
.btnTextRadio input[type=radio]{position:absolute;left:-9999px}
.btnTextRadio .frm input[type=radio]:checked+label{font-weight:700;color:var(--font-neutral-1);}
.btnTextRadio .frm input[type=radio]:checked+label:before{background-color:#ff3f53;border-color:#ff3f53;}
.btnTextRadio .frm:first-of-type label{margin-left:0}
.btnTextRadio .frm:last-of-type label{margin-right:0}

.select-value {color:rgba(0, 0, 0, 0.3) !important; }
.select-value.on{color:var(--font-neutral-2) !important;}
.select-value:focus{border:2px solid var(--input-focus-border);  padding:14px 29px 14px 17px}
.formInput {position:relative}
.formInput.col2 {display:flex;align-items:center}
.formInput.col2 .half {flex:1}
.formInput.col2 .split {flex-basis:44px}
.formInput .dash {width:8px;height:2px;margin:0 8px;background:#c2c2c2}
.formInput .asteriskArea {display:flex;align-items:center;height:14px;margin:0 11px}
.formInput .asterisk {width:10px;height:10px;margin-right:5px;color:rgba(0, 0, 0, 0.3);font-size:20px;text-align:center;line-height:20px}
.formInput .authNumArea {position:absolute;top:50%;right:16px;;transform:translateY(-50%)}
.formInput .authNum {position:relative;padding-left:18px;font-size:13px;color:#f43347}
.formInput .authNum:before {position:absolute;top:0;left:0;width:16px;height:16px;background:url(/static/assets/images/comm/prev/ico_time_auth.png) no-repeat;background-size:16px;content:''}
.formCheck, .chkAll, .lineChk{position:relative}
.formCheck input[type=checkbox], .formCheck input[type=radio], .chkAll input[type=checkbox], .lineChk input[type=checkbox]{position:absolute;left:-9999px;-webkit-appearance:none;appearance:none}
.formCheck label{display:block;padding:0 30px 2px 32px;font-size:15px; line-height:1.5; background-image:url(/static/assets/images/comm/prev/ico_check_off.png);background-repeat:no-repeat;background-position:left top;background-size:24px}
.formCheck input[type=checkbox]:checked+label, .formCheck input[type=radio]:checked+label{background-image:url(/static/assets/images/comm/prev/ico_check_on.png);background-size:22px;}
.chkAll label{display:block;position:relative;border:1px solid #eee;padding:16px 24px;font-weight:700;color:rgba(0, 0, 0, 0.3);text-align:center;background:#fff;box-sizing:border-box;border-radius:var(--button-radius);}
.chkAll label:before{position:absolute;top:50%;left:24px;width:24px;height:24px;background-image:url(/static/assets/images/comm/prev/ico_chkall_off.png);background-repeat:no-repeat;background-position:center;background-size:100%;transform:translateY(-50%);content:''}
.chkAll input[type=checkbox]:checked+label{border-color:#000;color:var(--font-neutral-1)}
.chkAll input[type=checkbox]:checked+label:before{background-image:url(/static/assets/images/comm/prev/ico_chkall_on.png)}
.chkAll.type02 label{padding:14px 24px 15px;border:1px solid #000;font-size:18px;color:var(--font-neutral-1)}
.lineChk label{display:block;padding:8px 40px 8px 32px;font-size:15px;background-image:url(/static/assets/images/comm/prev/ico_check_off.png);background-repeat:no-repeat;background-position:left 8px;background-size:24px;word-break:keep-all}
.lineChk input[type=checkbox]:checked+label{background-image:url(/static/assets/images/comm/prev/ico_check_on.png)}
.lineChk button{display:block;position:absolute;right:-8px;top:5px;width:32px;height:32px;text-indent:-9999px;overflow:hidden;background:url(/static/assets/images/comm/prev/ico_arrow_64x64.png) no-repeat;background-size:32px 32px;opacity:0.5}
.textformArea{position:relative;height:100px}
.textformArea .textLength{position:absolute;right:16px;bottom:10px;font-size:11px;color:#8f989c}
.uploadInput{position:relative}
.uploadInput input[type=file],.uploadInput input[type=button]{position:absolute;left:-9999px}
.uploadInput label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:208px;margin:0 auto;background:#fff;box-shadow:0px 6px 16px rgba(15, 21, 34, 0.04);border-radius:14px;overflow:hidden}
.uploadInput label img{width:120px}
.couponImage.couponNone .uploadInput label img{width:50px}
.couponImage.couponNone .uploadInput label .txt{padding-top:8px;font-size:15px;color:#8f989c;line-height:22px}
.couponImage.uploaded .uploadInput label{position:relative}
.couponImage.uploaded .uploadInput label:after{display:block;position:absolute;right:10px;bottom:10px;width:28px;height:28px;background:url(/static/assets/images/comm/prev/ico_coupon_view.png) no-repeat;background-size:28px;z-index:1;content:''}
.couponImage.uploaded .uploadInput label .badge{position:absolute;top:12px;right:12px;z-index:1}
.couponImage.uploaded .uploadInput img{width:auto !important;height:100%;margin:0 auto}
.couponImage.uploaded .uploadInput.expired img{opacity:0.6}

/* Button */

.btnArea, 
.fixedBtnArea{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:0 20px 14px;z-index:10; width:100%; font-size:0}
.btnArea::before, .fixedBtnArea::before{content:'' !important;     display:block !important; position:absolute;top:-12px;right:0;left:0;width:100%;height:12px; background:var(--button-primary-gradient);}
.renew01.bgColor .btnArea, 
.renew01.bgColor .fixedBtnArea{background:var(--background-color-2);}
.renew01.bgColor .btnArea::before, 
.renew01.bgColor .fixedBtnArea::before{background:var(--bottom-gray-gradient);}
.renew01.fullBg [class*=btnArea]:after{background:linear-gradient(180deg, rgba(249, 250, 252, 0) 0%, #F3F5F8 100%)}

.renew01.fullBg .btnArea::before, 
.renew01.fullBg .fixedBtnArea::before{background:var(--bottom-gray-gradient);}


.btnArea.inpFocus:after{content:none}
.btnArea.inpFocus{left:0;right:0;padding:0}
.btnArea.inpFocus .btnL{border-radius:0}
.btnArea > span, .fixedBtnArea > span{display:inline-flex;width:calc(50% - 3px);margin-left:6px}
.btnArea > span:first-of-type, .fixedBtnArea > span:first-of-type{margin-left:0}
.btnArea > span.noneBg > a, .fixedBtnArea > span.noneBg > a{background:transparent}
/*.btnArea02{text-align:center;margin-top:32px} /* underBtn 단독으로 사용시 사용 */
.btnArea02{position:relative;padding-top:0}
.btnArea02 p{font-size:16px; color:var(--font-neutral-2);padding:0 4px 25px; flex-grow:0; width:100%}
.btnArea02 p strong{font-weight:700}
.btnArea.col2{display:flex}
.btnArea.col2 .btnBC ~ .btnBC{margin-left:8px}
.btnArea.col3{display:flex}
.btnArea.col3 .btnBC{flex:1}
.bgF9FAFC .btnArea {background-color:var(--background-color-2);}
.bgF9FAFC .btnArea:after, .bgF9FAFC .fixedBtnArea:after{position:absolute;top:-16px;right:0;left:0;width:100%;height:16px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F3F5F8 100%);content:''}

.btnAreaFull{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:12px 0 0;z-index:10}
.btnAreaFull.col2{display:flex}
.btnAreaFull.col2 > span{flex:1}
.btnAreaFull.col2 > span + span{margin-left:8px}
.btnAreaFull.n2 {left:20px; right:20px; bottom:20px;}
.btnAreaFull.n2 button {border-radius:var(--button-radius);}
.mainBtnArea{position:fixed;right:0;bottom:16px;left:0;padding:0 20px 30px;z-index:10}
/* .btnL{font-size:18px; font-weight:700 !important; color:#fff !important;text-align:center;padding:18px 0;background:#fa5273;border-radius:100px} */
.btnBC{position:relative;width:100%;box-sizing:border-box;display:inline-block;}
.btnBC[disabled]{background:#e0e4e8 !important;color:#bdbdbd !important}
[class*="btnL"] {display:inline-flex;align-items:center;justify-content:center;height:var(--button-height) ;font-size:var(--button-font-size); line-height:var(--button-line-height);font-size:18px; font-weight:700; color:var(--button-primary-tc); text-align:center;background:var(--button-primary); border-radius:var(--button-radius);}
.btnL02 {color:var(--button-secondary-tc); background:var(--button-secondary );height:var(--button-height);}
.btnL02S{border:var(--button-outline-border);padding:11px 0;font-size:18px !important;color:var(--button-outline-tc); background:#fff}
.btnL02S:active {background:var(--button-outline-active) !important;}

/* .btnWhite{display:block;font-size:17px;font-weight:700 !important; color:var(--font-neutral-2) !important;text-align:center;padding:13px 0;background:#fff;border-radius:100px;border:1px solid #212121;display:block; line-height:var(--button-line-height);} */
.btnWhiteS{padding:11px 0;border:1px solid #888;font-size:15px !important;font-weight:700 !important; color:var(--font-neutral-2) !important;text-align:center;background:#fff;box-sizing:border-box;border-radius:100px}
.btnWhiteXs{padding:12px 0;border:1px solid #888;font-size:14px !important;font-weight:700 !important; color:var(--font-neutral-2) !important;text-align:center;background:#fff;box-sizing:border-box;border-radius:100px}
.btnGrey{display:block;font-size:17px;font-weight:700; color:var(--button-secondary-tc);text-align:center;padding:14px 0;background:var(--button-secondary);border-radius:var(--button-radius);}

.btnS{display:block;width:100%;font-size:18px;font-weight:700 !important;color:#fff !important;text-align:center;padding:18px 0;background:var(--button-primary);}
.btnSgrey{background:var(--button-secondary); color: var(--button-secondary-tc) !important;}
.btnG{display:inline-flex;justify-content:center;align-items:center;line-height:var(--button-line-height); font-size:18px;font-weight:700; color:var(--button-secondary-tc);text-align:center;background:var(--button-secondary); border-radius:var(--button-radius);height:var(--button-height);}
.btnG.normal{font-weight:400 !important}
.btnMydata{padding:11px 20px;border:var(--button-outline-border); font-size:17px !important;color:var(--button-outline-tc) !important; text-align:center; background:#fff; border-radius:var(--button-radius); width:auto;display:inline-block;text-align:center; font-weight:700}
.btnBlack{color:var(--font-neutral-2) !important;font-size:18px !important;font-weight:700 !important;min-width:160px;background:#fff;border:1px solid #212121;border-radius:100px;width:auto;padding:13px 20px}
.btnRoundGray{font-size:15px !important;color:#44444d !important;width:auto;background:#e9e9e9;border-radius:20px;padding:5px 12px}
.btnRoundGrayS{width:auto;padding:6px 16px;font-size:13px !important;font-weight:700 !important; color:var(--font-neutral-5) !important;line-height:20px !important;background:rgba(0, 0, 0, 0.06);border-radius:24px}
/* .btnRoundBlueS{width:auto;min-width:95px;padding:12.5px 22px;font-size:14px !important;font-weight:700 !important;letter-spacing:0;color:#fff !important;line-height:21px !important;background:#45567E;border-radius:24px} */
.btnDisabled {display:block; font-size:18px;font-weight:700 !important;color:var(--button-primary-disabled-tc) !important;text-align:center;padding:18px 0;background:var(--button-primary-disabled); pointer-events:none;}
.btnShopping{padding:13px 10px 14px;font-size:17px !important;font-weight:700 !important;color:#fff !important;line-height:25px !important;text-align:center;background:#293952;border-radius:100px}
.roundBtn.full > a{width:100%}

[class*="btnL"]:active{background:var(--button-primary-active)} 
[class*="btnL"].btnL02:active{background:var(--button-secondary-active);} 
.btnG:active{background-color:#e3e6e8;transition:backgroundColor .35s;}

.btnSwitch input[type=checkbox]{height:0;width:0;visibility:hidden}
.btnSwitch label{display:inline-block;vertical-align:middle;position:relative;text-indent:-9999px;width:48px;height:28px;border-radius:100px;box-sizing:border-box; background:
var(--switch-bg)}
.btnSwitch label:after{content:'';position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff; border-radius:50%; transition:0.3s; box-sizing:border-box; box-shadow:1px 1px 2px rgba(00,00,00,0.1)}
.btnSwitch input:checked + label{background:var(--switch-active-bg)}
.btnSwitch input:checked + label:after{left:calc(100% - 2px);transform:translateX(-100%)}

.linkBtn{position:relative; color:var(--font-point-2) !important}
.linkBtn:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background: #5d67cf}

/* Icon */
/* btnArrow */
.btnArrow{display:block;position:relative}
.btnArrow:after{content:'';display:block;position:absolute;right:25px;top:50%;transform:translateY(-50%);width:8px;height:12px;background:url(/static/assets/images/comm/prev/ico_arrow.png) no-repeat;background-size:8px 12px}
.btnArrow.white:after{background:url(/static/assets/images/comm/prev/ico_arrow_white.png) no-repeat;background-size:8px 12px}
/* btnMoreIcon */
.btnMoreIcon{display:inline-block;width:28px;height:28px;text-indent:-9999px;background:url(/static/assets/images/comm/prev/btn_more_icon.png) no-repeat;background-size:28px 28px}
/* btnShareData */
.btnShareData{display:block;position:relative;width:53px;height:53px;margin-left:12px;border:1.5px solid #fa5273;text-indent:-9999px;background:#fff;box-sizing:border-box;border-radius:50%}
.btnShareData:after{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_share.png) no-repeat center;background-size:24px;content:''}
.btnShareData.link:after{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_share02.png) no-repeat center;background-size:24px;content:''}
/* btnFillter */
.btnFillter{display:block;height:28px;padding-right:32px;font-size:14px; color:var(--font-neutral-2)}
.btnFillter:after{content:'';display:block;position:absolute;right:0;top:0;width:28px;height:28px;background:url(/static/assets/images/comm/prev/ico_fillter.png) no-repeat 100% 50%;background-size:28px 28px}
/* btnRefresh */
.btnRefresh{display:inline-block;vertical-align:middle;overflow:hidden;text-indent:-9999px;width:24px;height:24px;background:url(/static/assets/images/comm/ico-reload-24.svg) no-repeat;background-size:24px 24px}
/* btnAddRound */
.btnAddRound{display:block;height:28px;padding-right:32px;font-size:14px; color:var(--font-neutral-2);background:url(/static/assets/images/comm/prev/ico_add_round.png) no-repeat 100% 50%;background-size:28px}
/* btnAlarm */
.btnAlarm{display:block;width:28px;height:28px;text-indent:-9999px}
.btnAlarm:after{content:'';display:block;position:absolute;top:0;right:0;width:28px;height:28px;background:url(/static/assets/images/comm/prev/ico_alarm.png) no-repeat center;background-size:28px}
/* btnExpImg */
.btnExpImg{display:block;width:28px;height:28px;text-indent:-9999px}
.btnExpImg:after{content:'';display:block;position:absolute;top:0;right:0;width:28px;height:28px;background:url(/static/assets/images/comm/prev/ico_coupon_view.png) no-repeat center;background-size:28px}
/* btnMoreArea */
.btnMoreArea{padding:28px 0 0;text-align:center}
.btnMoreArea .btnMore{display:block;border:1px solid var(--gray-60);padding:10px 20px; color:var(--font-neutral-3);background:#fff;border-radius:100px;box-sizing:border-box;margin:0 auto}
.btnMoreArea .btnMore span{display:inline-block; position:relative;font-size:14px;font-weight:700; line-height:20px; }

.btnMoreArea .btnMore.loading{border-color:#f43347;color:#f43347}
.btnMoreArea .btnMore.loading span:after{background:url(/static/assets/images/comm/prev/btn_loading.gif) no-repeat;background-size:24px;transform:translateY(-50%)} /* 임시 로딩 이미지 */  
.btnMoreArea.type02 .btnMore span{padding-right:0}
.btnMoreArea.type02 .btnMore span:after{content:none}
.btnMoreArea.fixed{position:fixed;right:0;bottom:40px;left:0;padding-top:0;z-index:11}

/* 약관 */
.termsPopup .lpop-tit{font-weight:700 !important}
.termsPopup .lpop-inner{height:100%;max-height:100%;background:var(--background-color-1)}
.termsPopup .termsBody{padding:20px 24px 48px !important}
.termsPopup .lpop-cont{height:calc(100% - 126px) !important;}
.termsPopup .lpop-cont.btmBtnType{height:calc(100% - 56px) !important;}
.termsPopup .lpop-cont.btmBtnType .termsBody{padding-bottom:36px !important}
.termsPopup .btnArea{background:#fff !important}
.termsPopup .btnArea .formCheck{margin:28px 4px 25px;}
.termsPopup .termsBody h2{font-size:16px;font-weight:700;color:var(--font-neutral-1);padding:0 0 32px}
.termsPopup .termsBody h3{font-size:15px;font-weight:400;color:var(--font-neutral-1);padding:52px 0 16px}
.termsPopup .termsBody h3.fbold{font-weight:700}
.termsPopup .termsBody h4{font-size:15px;font-weight:400;color:var(--font-neutral-1);padding:52px 0 16px}
.termsPopup .termsBody h3:first-of-type{padding-top:0}
.termsPopup .termsBody h2+h3{padding:0 0 16px !important}
.termsPopup .termsBody h3+h4{padding-top:0}
.termsPopup .termsBody h3+.txtGuide{margin-top:0}
.termsPopup .termsBody p+h3:first-of-type{padding-top:52px}
.termsPopup .termsBody p{font-size:14px;line-height:26px; color:var(--font-neutral-5);padding:0 0}
.termsPopup .termsBody p strong, .termsPopup .termsBody ol > li strong{display:inline;font-weight:700}
.termsPopup .termsBody p + ol{margin-top:20px}
.termsPopup .termsBody p + table{margin-top:16px}
.termsPopup .termsBody ol > li{margin-top:12px;font-size:14px; color:var(--font-neutral-5);line-height:26px}
.termsPopup .termsBody ol > li:first-child{margin-top:0}
.termsPopup .termsBody ol > li > ol > li{margin-top:4px}
.termsPopup .termsBody ol > li > ol > li:first-child{margin-top:12px}
.termsPopup .termsBody ol > li > ol > li > ol{padding-left:15px}
.termsPopup .termsBody ol > li > ol > li > ol > li{color:var(--font-neutral-6);margin-top:0}
.termsPopup .termsBody ol > li > ol > li > ol > li:first-child{margin-top:0}
.termsPopup .termsBody .txtGuide dt{font-size:14px; color:var(--font-neutral-5);font-weight:700;line-height:26px}
.termsPopup .termsBody .txtGuide dd{font-size:14px; color:var(--font-neutral-5);line-height:26px}
.termsPopup .termsBody .txtGuide dd table{margin:15px 0 0}
.termsPopup .termsBody .txtGuide+.txtGuide{margin-top:32px}
.termsPopup .termsBody .txtGuide+table{margin-top:16px}
.termsPopup .termsBody .txtGuide+p{margin-top:32px}
.termsPopup .termsBody .txtGuide+h3{padding-top:52px}
.termsPopup .lpop-header{border-radius:inherit;background:#fff !important}
.termsPopup .termsBody .txtBold{font-weight:700}
.termsPopup .termsBody .txtBold:before{font-weight:700}
.termsPopup .termsBody ol > li:before{counter-increment:section;display:inline-block}
.termsPopup .termsBody ol{counter-reset:section}
.termsPopup .termsBody .circleList > li:before{content:counter(section);border:1px solid #424242;border-radius:15px;width:15px;height:15px;text-align:center;line-height:14px;font-size:12px;margin-right:4px;box-sizing:border-box}
.termsPopup .termsBody .circleList > li.type02:before{font-size:10px;letter-spacing:-1px;line-height:12px} /* 두자리 일 경우 */
.termsPopup .termsBody .circleList > li > .numList{padding-left:13px}
.termsPopup .termsBody .circleList > li > .numList > li > ul{padding:12px 0 12px 13px}
.termsPopup .termsBody .numList > li:before{content:counter(section) '.';margin-right:4px}
.termsPopup .termsBody .barList, .termsPopup .termsBody p.barList{margin:4px 0}
.termsPopup .termsBody p.barList{position:relative;padding-left:13px}
.termsPopup .termsBody p.barList+p{margin-top:4px}
.termsPopup .termsBody .barList > li, .termsPopup .termsBody .dotList > li{position:relative;padding-left:13px;font-size:14px}
.termsPopup .termsBody .barList > li:before, .termsPopup .termsBody p.barList:before{content:'';display:inline-block;position:absolute;left:4px;top:13px !important;width:5px;height:1px;background:#424242}
.termsPopup .termsBody .barList > li{line-height:26px}
.termsPopup .termsBody .barList > li.fRed{color:#f43347}
.termsPopup .termsBody .barList > li.fRed:before{background:#f43347}
.termsPopup .termsBody .halfList > li:before{content:counter(section) ')';margin-right:4px}
.termsPopup .termsBody p ~ .dotList{margin-top:12px}
.termsPopup .termsBody .dotList > li:before{content:'';display:block;position:absolute;left:4px;top:13px;width:3px;height:3px;background:#424242;border-radius:3px}
.termsPopup .termsBody .txtGuide{margin-top:20px}
.termsPopup .termsBody .txtGuide > li, .termsPopup .termsBody p.txtGuide{font-size:14px;line-height:26px; color:var(--font-neutral-5)}
.termsPopup .termsBody .txtGuide > li:before, .termsPopup .termsBody p.txtGuide:before, .termsPopup .termsBody .txtGuide dt:before{content:'※';display:inline-block;margin-right:4px}
.termsPopup .termsBody h3+table, .termsPopup .termsBody h2+table {margin-top:0 !important}
.termsPopup .termsBody .insuranceTit{display:inline-block;position:relative;background:#f7ebd0;font-size:14px;padding:4px 8px 5px 15px !important;margin-bottom:16px}
.termsPopup .termsBody .insuranceTit strong{font-weight:700}
.termsPopup .termsBody .insuranceTit:before{content:'';display:block;position:absolute;left:8px;top:7px;width:3px;height:16px;background:url(/static/assets/images/comm/prev/bg_insurance_tit.png) no-repeat 0 0;background-size:3px 16px}
.termsPopup .termsBody .tblV:last-of-type, .termsPopup .termsBody .tblH:last-of-type{margin-bottom:0}
.termsPopup .termsBody table + p{margin-top:32px}
.termsPopup .termsBody table + h3{padding-top:0}
.termsPopup .termsBody .subf17{font-size:17px;font-weight:700; color:var(--font-neutral-5);line-height:29px}
.termsPopup .termsBody .mt20{margin-top:20px}
.termsPopup .termsBody .alignC{text-align:center}
.termsPopup .termsBody .alignR{text-align:right}

.scrollDown{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);width:52px;height:52px;border-radius:100%;background:var(--button-primary);text-indent:-9999px;font-size:0;padding-top:16px;box-sizing:border-box;}
.scrollDown:before, .scrollDown:after{display:block;content:"";position:absolute;left:50.1%;transform:translateX(-50%);height:11px;width:19px;background:url(/static/assets/images/comm/prev/bg_scrolldown.png) no-repeat 0 0;background-size:19px 11px;animation:animate-scrollDown 3.8s infinite;}
.scrollDown:before{top:15px;animation-delay:0.4s}
.scrollDown:after{top:25px;animation-delay:0.8s}

@keyframes animate-scrollDown {
    0% {opacity:1}
    25% {opacity:0.2}
    50% {opacity:0.6}
    75% {opacity:0.2}
    100% {opacity:1}
  }
.termsLst .tglBtn > a{display:block;font-size:15px;padding:8px 0; color:var(--font-neutral-2)}
.termsLst .tglBtn:after{top:50%;transform:translateY(-50%) rotate(90deg)}
.termsLst .tglBtn.active:after{transform:translateY(-50%) rotate(-90deg)}
.termsLst .tglCont{padding-bottom:24px}
.termsLst .tglCont .itemBox{background:var(--background-color-2);border-radius:14px;padding:20px}
.termsLst .tglCont .itemBox button{display:block;position:relative;width:100%;text-align:left;font-size:14px; color:var(--font-neutral-5);padding-right:20px}
.termsLst .tglCont .itemBox button:after{content:'';display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:13px;height:12px;background:url(/static/assets/images/comm/prev/ico_arrow_26x24.png) no-repeat 0 0;background-size:13px 12px}
.termsLst .tglCont .itemBox ul > li{margin-top:12px}
.termsLst .tglCont .itemBox ul > li:first-child{margin-top:0}
.tblV, .tblH{margin:32px 0;width:100%}
.tblV.type02{margin-bottom:0}
.tblV tbody th{font-size:14px;font-weight:700;padding:12px 20px;background:#fafafa;border-width:1px 1px 0 0;border-color:#ebebeb;border-style:solid;text-align:left;word-break:keep-all}
.tblV tbody td{font-size:14px; color:var(--font-neutral-5);padding:12px 20px;background:#fff;border-top:1px solid #ebebeb}
.tblV tbody td.bLine{border-bottom:1px solid #ebebeb}
.tblV tbody td .barList > li:before{top:10px !important}
.tblV tbody td .impact{font-size:16px; font-weight:bold;}
.tblV tbody tr:last-child th, .tblV tbody tr:last-child td{border-bottom:1px solid #ebebeb}
.tblH thead th{font-size:14px;font-weight:700;padding:12px 10px;background:#fafafa;border-width:1px 1px 1px 0;border-color:#ebebeb;border-style:solid;word-break:keep-all;text-align:center;}
.tblH thead th:last-child{border-right:0}
.tblH tbody td{font-size:14px; color:var(--font-neutral-5);padding:12px 20px;background:#fff;border-width:0 1px 1px 0;border-color:#ebebeb;border-style:solid}
.tblH tbody td:last-child{border-right:0;border-left-width:1px}
.tblV tbody td strong, .tblH tbody td strong {font-weight:700}
.tblV tbody td .f17, .termsPopup .termsBody .f17{font-size:17px}
.tblV.type03 tbody th{background:#62a5c2;color:#fff;font-weight:400;border-right:1px solid #62a5c2;border-top:1px solid #cddae8}
.tblV.type03 tbody tr:first-child th{border-top:1px solid #62a5c2}
.tblV ~ .tblV, .tblV ~ .tblH, .tblH ~ .tblH, .tblH ~ .tblV{margin-top:32px !important}

.vTop{vertical-align:top}
.nLine{border-top:0 !important}
.specialTit{display:block;position:relative;word-break:break-word;padding-left:12px}
.specialTit:before{content:'';display:block;position:absolute;left:0;top:6px;;width:6px;height:6px;background:url(/static/assets/images/comm/prev/bg_special_tit.png) 0 0 / 6px 6px no-repeat}
.specialTxt{display:block}
.underLine{text-decoration:underline}

.rateView{position:sticky;top:0;padding:12px 20px 0;background:#fff;z-index:2}
.rateView .headItem{text-align:center}
.rateView .rateTit{font-size:15px;font-weight:700;color:var(--font-neutral-1)}
.rateView .termsTit{display:block;padding:8px 0 32px;font-size:16px;font-weight:700;color:var(--font-neutral-1);text-align:left}
.rateView .rateImg{margin:12px -20px 0;text-align:center}
.rateView .rateImg img{width:320px}
.rateView .tooltip .tooltipCont{text-align:left}
.rateView h2{font-size:16px;font-weight:700;color:var(--font-neutral-1);margin-top:24px;padding-bottom:16px !important}
.rateView ~ .layerInner{padding-top:0 !important}
.rateView .tooltip .tooltipCont > *{font-size:15px !important;color:#fff !important;line-height:inherit !important}
.termsPopup.vpView .lpop-cont{height:auto !important}
.termsPopup.vpView .termsBody .rateView{top:0;padding:20px 20px 0}
.termsPopup.bcWebView .lpop-cont{height:calc(100% - 50px) !important}
.termsPopup.bcWebView .termsBody{padding:0 24px 48px !important}
.termsPopup.bcWebView .seeMore{position:relative}
.termsPopup.bcWebView .seeMoreBody{padding:0}
.termsPopup.bcWebView .seeMoreBody .tabType03{top:0}
.termsPopup.bcWebView .seeMoreBody .tabCont{padding-top:84px}

.termsVp{position:sticky;top:0;padding:20px 24px 0;background:#fff;z-index:2}
.termsVp h2{font-size:16px;font-weight:700;color:var(--font-neutral-1)}
.termsVp .chkAgree{display:flex;align-items:center;margin-top:16px}
.termsVp .chkAgree .txtInfo{display:inline-block;margin-right:auto;color:var(--font-neutral-1)}
.termsVp .chkAgree .btnWhiteXs{width:92px}
.termsVp .chkAgree .btnL02S{width:92px;padding:12px 0; height:auto; font-size:14px !important; border-radius:100px;}
.termsVp .tabType01{padding:47px 0 12px;margin:0 -24px}
.termsVp .tabType01 .tabToggle{padding:0 24px}

/* 인증서 본인확인 약관 외부 파일 css  */
.termsPopup .container .text-center{text-align: center!important}
.termsPopup .container h2, .termsPopup .container h3, .termsPopup .container h4, .termsPopup .container h5{font-weight:bold !important;color:#333 !important}
.termsPopup .container h3{font-size:24px !important;line-height:150%;padding:0 !important}
.termsPopup .container h4{font-size:18px !important;padding:0 !important}
.termsPopup .container h5{font-size:14px !important;padding:0 !important}
.termsPopup .container div, .termsPopup .container p{color:#555;font-size:12px !important;line-height:26px}
.termsPopup .container  ~ #topBtn{display:none;position:fixed;bottom:15px;right:15px;z-index:99;cursor:pointer;}
.termsPopup .container .pt-5, .termsPopup .container .py-5{padding-top:3rem !important}
.termsPopup .container .pt-3, .termsPopup .container .py-3{padding-top:1rem !important}
.termsPopup .container .w-100{width:100%!important;}
.termsPopup .container .table-bordered{border:1px solid #dee2e6;border-collapse:collapse}
.termsPopup .container .table-bordered td, .termsPopup .container .table-bordered th{border:1px solid #dee2e6}
.termsPopup .container .table-sm td, .termsPopup .container .table-sm th{padding:0.3rem}
.certifiChoice{text-align:center;margin-top:24px}
.certifiChoice div{padding-bottom:40px}
.certifiChoice div+div{padding:40px 0}
.certifiChoice .certifiItem{display:inline-block;margin:0 20px;font-size:15px; color:var(--font-neutral-2);text-align:center}
.certifiChoice .certifiItem button{color:var(--font-neutral-2)}
.certifiChoice .certifiItem:first-of-type{margin-left:0}
.certifiChoice .certifiItem:last-of-type{margin-right:0}
.certifiChoice .certifiItem .img{display:block;position:relative;width:64px;height:64px;background:#f7f7f8;border-radius:100%;margin-bottom:8px}
.certifiChoice .certifiItem .img img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:32px;height:32px}
.addItem{display:none;position:relative;z-index:1;padding-bottom:85px;margin-top:-8px}
.addItem .tit{font-size:22px;font-weight:700;color:var(--font-neutral-1);word-break:keep-all}
.addItem dl dt{font-size:16px;font-weight:700; color:var(--font-neutral-2);padding:20px 0 4px}
.addItem dl dt span{font-weight:400}
.addItem dl dd{font-size:16px; color:var(--font-neutral-2)}
.addItem dl dd.noti{font-size:14px; color:var(--font-neutral-5);padding-top:12px}
.addItem dl dd.noti .f17{display:inline;font-size:17px;font-weight:700}
.addItem .termsList{margin-top:25px}
.addItemType02{padding:0 24px 12px !important}
.addItemType02 .addItem{margin-top:0;padding-bottom:0}
.addItemType02 .titInfo{text-align:left;font-size:22px;font-weight:700;color:var(--font-neutral-1);word-break:keep-all}
.addItemType02 .txtInfo{text-align:left;font-size:16px; color:var(--font-neutral-2);margin-top:8px}
.addItemType02 .txtInfoXs{display:inline-block;font-size:14px; color:var(--font-neutral-5)}
.addItemType02 .txtGuide{position:relative;padding-left:17px;margin-bottom:30px;font-size:14px;color:var(--font-neutral-6)}
.addItemType02 .txtGuide:before{display:inline-block;position:absolute;top:0;left:0;content:'※'}
.addItemType02 .txtGuide .fBold{font-weight:700}
.addItemType02 .individualAuth ~ .txtGuide{margin-top:-14px}
.addItemType02 .tooltipArea .tooltip .tooltipCont{top:11px}
.addItemType02 .tooltipArea.type02{position:relative}
.addItemType02 .tooltipArea.type02 .tooltip .tooltipCont{top:28px}

 /* 임시로 적용 디자인 필요 */
.shapeForm{margin-top:10px}
.shapeForm span{display:inline-block;position:relative;padding-left:14px}
.shapeForm span:before{content:'';display:block;position:absolute;left:0;top:6px;width:8px;height:8px;border:1px solid #424242}
.shapeForm span ~ span{margin-left:15px}
.shapeForm.type02 span:before{top:9px}
 /* //임시 간격 디자인 필요 */

.inforUseRank{position:absolute;left:0;right:0;top:48px;background:#fff;padding:20px 24px}

.rateStatus .rateMoney{display:inline-block}
.rateStatus .rateMoney .rateUp{padding-left:14px;background:url(/static/assets/images/comm/prev/ico_up.png) no-repeat left center;background-size:9px 8px}
.rateStatus .rateMoney .rateDown{padding-left:14px;background:url(/static/assets/images/comm/prev/ico_down.png) no-repeat left center;background-size:9px 8px}
.rateStatus .ratePercent{display:inline-block;margin-left:2px}
/* [529] */
.rateStatus .rateMoney .rateitem{font-size:14px;font-weight:400; color:var(--font-neutral-2);}
.rateStatus .rateMoney.up .rateitem{color:#f43347;}
.rateStatus .rateMoney.down .rateitem{color:#3965c9;} 
.rateStatus .rateMoney.up .per:before{content:'+';}
.rateStatus .rateMoney.down .per:before{content:'-';}
.rateStatus .rateMoney.noChg .rateitem{color:var(--font-neutral-6);}
/* //[529] */

.srhInput input{padding:15px 80px 15px 18px}
.clearInputBtn{display:none}
.clearInputBtn .btnClear {text-indent:-9999px;width:24px;height:24px;background:url(/static/assets/images/comm/prev/btn_close_inp.png) no-repeat;background-size:24px}
.clearInputBtn ~ .won{margin-left:8px}

/* Popup */
.lpop-mask.active {display: block; z-index: 994}
.lpop-mask.active ~ .lpop-mask{display:none}
.terms .select-lpop .lpop-header {padding:48px 24px 0;}
.terms .select-lpop .lpop-header .lpop-tit{margin-left:-24px; margin-right:-24px;}
.select-lpop-wrap{box-sizing:border-box}
.select-lpop-wrap.active {display: block}
#allInfoPopup.select-lpop-wrap .notiContLayer + .btnArea {left:0; right:0; bottom:0;}
/* .select-lpop-wrap a{color:inherit} */
.select-lpop .lpop-header.bdbn{border:none !important}
/* .select-lpop .lpop-header.noTitle{height:48px;padding:0} */
.select-lpop-wrap.topBg .lpop-header{background-color:(--background-color-2);transition:all .3s;}
.select-lpop-wrap.topBg .lpop-header.bgColor{background:#fff;}
/* .select-lpop-wrap:not(.fullPopup) .lpop-header:after{content:'';display:block;width:100%;height:2px;background:#fff;position:absolute;left:0;right:0;bottom:-1px} */
.select-lpop-wrap:not(.fullPopup) .lpop-header:after{content:none}
.select-lpop .lpop-header .fBold{font-weight:700}
.select-lpop .lpop-header .layerTermsTit{font-size:22px;font-weight:700;color:var(--font-neutral-1);line-height:30px;word-break:keep-all; padding-bottom:16px;}
.select-lpop .lpop-header .layerTermsTit+.txtInfo{font-size:16px;color:var(--font-neutral-1);margin-top:8px}
.select-lpop .lpop-header .layerTermsTit .txt{display:block;font-weight:400}
.select-lpop .lpop-header .layerTermsTit .underTxt{font-weight:700}
.select-lpop .lpop-header .layerTermsTit .underTxt br {display:inline;}
.select-lpop .lpop-header .layerTermsTit .underPoint{margin-right:3px; background:linear-gradient(#fff 60%, #cbff38 60%);}
.select-lpop .lpop-header .layerTermsTit .underPoint:before{height:15px;margin-bottom:-33px;background:#cbff38;content:''}
.select-lpop-wrap:not(.fullPopup) .select-lpop .lpop-cont{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:1px;padding-top:2px;}
.select-lpop-wrap:not(.fullPopup) .layerInner{width:100%;box-sizing:border-box}
.select-lpop .lpop-cont{padding:0;overflow-x:hidden}
.select-lpop .select-list .item-anchor{display:block;position:relative;padding:16px 42px 16px 24px;font-size:15px;color:#616161}
.select-lpop .select-list .item-anchor:after{position:absolute;top:50%;right:18px;width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_arrow_48x48.png) no-repeat;background-size:24px;transform:translateY(-50%);content:''}
.select-lpop .select-list .item-anchor:active{color:var(--font-neutral-2);background:linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), #fff}
.select-lpop .select-value{display:block;position:relative;padding:15px 30px 15px 16px;border:1px solid var(--input-border);color:rgba(0,0,0,0.3);font-size:16px;line-height:1.5; border-radius:var(--input-radius);white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.select-lpop .select-value:focus{border:2px solid var(--input-focus-border); padding:14px 29px 14px 15px}
.select-lpop .select-value::after{display:block;margin-top:0;content:'';position:absolute;right:17px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:#fff url(/static/assets/images/comm/ico-sel-arr.svg) 0 0 / 20px auto no-repeat}
.select-lpop .select-value.on{color:var(--font-neutral-2);}
.select-lpop .select-value.focus{color:var(--font-neutral-2); border-color:var(--input-focus-border); border-width:2px}
.select-lpop .select-value.date:after{background-image:url(/static/assets/images/comm/prev/spin_month_64.png)}
.select-lpop .listDep1 > li{margin-top:20px}
.select-lpop .listDep1 > li:first-child{margin-top:0}
.select-lpop .commentArea{margin-top:12px}
.select-lpop .commentArea.type02{margin-top:0}
.select-lpop .commentArea .roundBox{padding:16px;text-align:center}
.select-lpop .commentArea.type02 .roundBox{padding:16px 20px;background:#e9f5ef;box-sizing:border-box}
.select-lpop .commentArea .roundBox .txtInfoS span{display:block}
.select-lpop .commentArea .roundBox .txtInfoS strong{font-weight:700;color:var(--font-neutral-1)}
.select-lpop .commentArea .roundBox .txtInfoS strong.icon{padding-right:28px;background:url(/static/assets/images/comm/prev/ico_reco04.png) no-repeat 100%;background-size:20px}

.layerInner{padding:0 20px 20px}
.layerInner.noInner{padding:0}
.layerInner .wide{margin:0 -24px}
.layerInner .layerInnerBox{padding:40px 20px 0;background:#fff}
.layerInner .layerInnerBox .popBtn{background:#fff !important}
.layerInner .btnAreaFull{position:relative;}
.layerInner .btnAreaFull a {height:var(--button-height);line-height:var(--button-line-height); border-radius:var(--button-radius);}
.layerInner.noInner .layerTitArea{padding:0 28px 24px}
.layerInner .layerTitArea{padding:0 4px 24px}
.layerInner.type02{padding:0 20px 20px;}
.layerInner .popBtn{margin:24px -4px 0;}
.layerInner img{width:100%}
.layerInner.btnInc{padding-bottom:100px;}
.layerInner .headItem h2{font-size:22px;font-weight:700;color:var(--font-neutral-1);word-break:keep-all}
.layerInner .layerInnerBox.type2{padding:0px 20px;margin:0 -20px; background:var(--background-color-2);} /* [422] [416] 신규추가 */
.depositFilterpop .layerInner.btnInc {padding-bottom:116px;}

.layerInner .popFixedBtn{left:0; right:0; bottom:0; padding-top:0}

/* [422] */
.layerInner .bgCont.contType01 {padding:24px 24px 40px;}
.layerInner .bgCont.contType01 .insurInc{color:var(--font-neutral-1);margin-bottom:24px;font-size:17px;}
.layerInner .bgCont.contType01 .insurInc img{padding-right:6px;}
.layerInner .bgCont.contType01 .loanTit{font-size:14px;font-weight:400;}
/* //[422] */

.popBtn{padding-top:0px}
.popBtn > span, .popFixedBtn > span{display:inline-flex;width:calc(50% - 6px);margin-left:6px}
.popBtn > span:first-of-type, .popFixedBtn > span:first-of-type{margin-left:0}
.popBtn > span.noneBg > a{background:transparent}
.popFixedBtn{position:fixed;right:10px;bottom:10px;left:10px;padding:12px 20px 20px; background:#fff;z-index:10; border-radius:0 0 24px 24px}
.popFixedBtn:after{position:absolute;top:-12px;right:0;left:0;width:100%;height:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);content:''}
.popBtnUnit{padding:32px 0;margin:0 -4px}
.popBtnUnit > .btnBC ~ .btnBC{margin-top:12px}

/* tooltip */
.tooltip{display:inline-block}
.tooltip .btnTooltip{display:inline-block;position:relative;text-indent:-9999px;overflow:hidden;width:20px;height:20px;z-index:1;vertical-align:top;}
.tooltip .btnTooltip:after{content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;-webkit-mask:var(--info); mask:var(--info); background-color: #7B7F8C;}
.tooltip .tooltipCont{display:none;position:absolute;left:0;right:0;top:27px; padding:var(--tooltip-pd);background:var(--tooltip-box-bg);border-radius:var(--tooltip-radius);z-index:20;backdrop-filter: blur(6px);}
.tooltip .tooltipCont > * {color:var(--tooltip-tc); font-size:15px; line-height:22px;font-weight:400; display:inline-block; }
.tooltip .btnClose{display:block; overflow:hidden; position:absolute; right:24px; top:24px; width:16px; height:16px; text-indent:-9999px; background:url('/static/assets/images/comm/ico-close-white.svg') no-repeat center / 16px;}
.tooltip .tooltipTit{display:block;font-size:16px !important;font-weight:700}
.tooltip .tooltipTit + p{padding-top:8px}
.tooltip .tooltipTit + .listDep1{margin-top:12px}
.tooltip .listDep1 > li{margin-top:12px}
.tooltip .listDep1 > li:first-child{margin-top:0}
.tooltip .listDep1 > li::before{background:var(--tooltip-tc )}
.tooltip p.listDep1 ~ p.listDep1{margin-top:8px}
.tooltip .numList{counter-reset:section;margin-top:20px}
.tooltip .numList li{position:relative;padding-left:20px}
.tooltip .numList li:before{content:counter(section) '.';counter-increment:section;position:absolute;left:0;top:0}

.select-lpop-wrap02{overflow:visible;top:inherit}
.select-lpop-wrap02 .lpop-inner{max-height:100%}
.select-lpop-wrap02 .select-lpop .lpop-cont{border-radius:14px 14px 0 0;box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.06)}
.select-lpop-wrap02 .layerInner{padding:40px 24px 20px}
.select-lpop-wrap02 .layerInner .popTxt{padding-right:40px;word-break: keep-all}
.select-lpop-wrap02 .btn-close{display:block;position:absolute;right:12px;top:12px;width:40px;height:40px;text-indent:-9999px;background:url(/static/assets/images/comm/ico-close.svg) no-repeat center /24px}
/* .select-lpop-wrap.terms .lpop-header{padding:64px 32px 20px 24px} */
.select-lpop-wrap.terms:not(.fullPopup) .lpop-header:after{content:none}
/* .select-lpop-wrap.terms .lpop-header.type02{padding:18px 54px 18px 24px} */
.select-lpop-wrap.terms .chkAll{font-size:17px; padding-top:24px;background:#fff}
.select-lpop-wrap.terms .chkAll label{background: rgba(204, 213, 235, 0.20); border: 1px solid var(--gray-60); text-align:left; padding:22px 16px 22px 50px; font-size:20px; font-weight:700; line-height:28px; color:rgba(26, 58, 109, 0.80)}
.select-lpop-wrap.terms .chkAll label::before{background-image:url(/static/assets/images/benefit/untact_card/mark_v04_gray_72x72.png); left:14px;  }
.select-lpop-wrap.terms .chkAll input:checked + label{border-color:#5D67CF; background:rgba(93, 103, 207, 0.06); color:var(--font-navy-900); }
.select-lpop-wrap.terms .chkAll input:checked + label::before{background-image:url(/static/assets/images/benefit/untact_card/mark_v04_red_72x72.png)}
.select-lpop-wrap.terms .checkList{padding-left:8px}
.select-lpop-wrap.terms .chkAll.type02{padding-top:0}
.select-lpop-wrap.terms .layerInner{padding:4px 20px 20px}
.select-lpop-wrap.terms.agreetermsPopup .popBtn{padding-top:12px;} /* //[518] */
.select-lpop-wrap.sales .popBtn{padding-top:0}
.select-lpop-wrap.fixed .lpop-inner{height:100%}
.select-lpop-wrap.fixed .lpop-cont{height:calc(100% - 141px)}
.select-lpop-wrap.fullPopup{height:auto;z-index:994}
.select-lpop-wrap.fullPopup .lpop-header{height:56px;min-height:56px;padding:15.5px 54px 15.5px 20px;margin-bottom:0;border-radius:0; background:var(--background-color-1);box-sizing: border-box;}
.select-lpop-wrap.fullPopup .lpop-header.bgWhite{background:#fff}
.select-lpop-wrap.fullPopup .lpop-tit{font-size:18px; padding:0; font-weight:700;color:var(--font-neutral-1)}
.select-lpop-wrap.fullPopup .btn-close {background:url(/static/assets/images/comm/ico-close.svg) no-repeat center /24px}
.select-lpop-wrap.fullPopup .lpop-inner{top:0; left:0; right:0; height:100%;max-height:100%; border-radius:0;}
.select-lpop-wrap.fullPopup .lpop-cont{/* height:calc(100% - 120px) */}
.select-lpop-wrap.fullPopup .lpop-cont .termsBody:has(+ .btnArea){padding-bottom:94px !important}
.select-lpop-wrap.fullPopup .layerInner{padding:20px 20px 12px}
.select-lpop-wrap.fullPopup.topBg .layerInner {padding:0px 20px 12px}
.select-lpop-wrap.fullPopup .layerInner.type02{padding:0 20px 12px}
.select-lpop-wrap.fullPopup .layerInner.noInner{padding:0 20px}
.select-lpop-wrap.fullPopup .layerInner.btnInc{padding-bottom:110px}
.select-lpop-wrap.fullPopup .popBtn{position:fixed;left:0;right:0;bottom:0; background:var(--background-color-2);padding:0 20px 14px;z-index:10; width:100%; margin:0}
.select-lpop-wrap.fullPopup .btnArea{padding:0 20px 14px; background:var(--background-color-2);display:flex;flex-wrap:wrap;align-items:center;}
.select-lpop-wrap.fullPopup .btnArea::before {content:'';height:12px; position:absolute; top:-12px; left:0; right:0; background:var(--button-secondary-gradient);}
.select-lpop-wrap.fullPopup .btnArea:after{content:none}
.select-lpop-wrap.fullPopup02 .lpop-header{background:#fff}
.select-lpop-wrap.fullPopup02 .layerInner{padding:0 20px 60px;background:#fff}
.select-lpop-wrap.fullPopup02 .popBtn{background:#fff}
.select-lpop-wrap.fullPopup02 .popBtn::before{content:''; display:block; width:100%; height:12px; position:absolute; left:0; top:-12px; background:var(--button-primary-gradient); }



.select-lpop-wrap.fullPopup02 .bgGrey{background:var(--background-color-2);}
.select-lpop-wrap.fullPopup02 .lpop-cont{background:#fff}
.select-lpop-wrap.fullPopup02 .btnArea{background:#fff}
.select-lpop-wrap.fullPopup .lpop-cont.fullContent, .select-lpop-wrap.fullPopup02 .lpop-cont.fullContent{height:calc(100% - 56px) !important;background:var(--background-color-2);}
.select-lpop-wrap.fullBg .lpop-header{background:var(--background-color-1);}
.select-lpop-wrap.fullBg .lpop-cont{height:calc(100% - 56px); background:var(--background-color-1);}
.select-lpop-wrap.fullBg .layerInner{padding-top:0}
.select-lpop-wrap.fullBg .btnAreaFull{position:fixed;margin:0; left:20px; right:20px; bottom:20px; background:var(--background-color-1);}
.select-lpop-wrap.sharePopup .select-lpop .lpop-header .btn-close{background:url(/static/assets/images/comm/prev/btn_close_white.png) center center / 40px auto no-repeat}
.select-lpop-wrap.sharePopup .lpop-header, .select-lpop-wrap.sharePopup .lpop-cont{background:rgba(0, 0, 0, 0.6)}
.select-lpop-wrap.sharePopup .lpop-header:after{content:none}
.select-lpop-wrap.sharePopup .lpop-cont.fullContent{position:relative}
.select-lpop-wrap.sharePopup .layerInner{position:absolute;top:50%;left:50%;padding:0 !important;margin-top:-56px;transform:translate(-50%, -50%)}
.select-lpop-wrap .popBox{padding-top:20px}
.select-lpop-wrap.institution .lpop-tit{font-weight:700;color:var(--font-neutral-1); word-break:keep-all}
.select-lpop-wrap.institution .layerInner.btnInc .popFixedBtn {position:absolute;}
.select-lpop-wrap.quiz .layerInnerText{padding-bottom:96px}
.select-lpop-wrap.quiz .layerInnerText .owLayer{padding-bottom:0}
.select-lpop-wrap.quiz .notiLayer{padding-bottom:100px}
.select-lpop-wrap.expandImg .layerInner{padding:20px 0 36px}
.select-lpop-wrap.transferReq .select-lpop .lpop-header{background:var(--background-color-2);}
.select-lpop-wrap.transferReq .select-lpop .lpop-cont{background:var(--background-color-2);}
.select-lpop-wrap.transferReq .select-lpop .popBtn{background:var(--background-color-2); bottom: -1px;}
.select-lpop-wrap.transferReq .select-lpop .lpop-header .btn-close {background-image: url(/static/assets/images/comm/layer_close_24_dds.svg);}
.select-lpop-wrap.transferReq .resultView{margin:24px -4px 0}
.select-lpop-wrap.transferReq .resultView ul{border-radius:14px;background:#fff}
.select-lpop-wrap.transferReq .resultView ul li{border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.select-lpop-wrap.transferReq .resultView ul li:last-child{border-bottom:0}
.select-lpop-wrap.transferReq .resultView .formCheck label{display:flex;align-items:center;padding:20px 50px 20px 20px;background-image:url(/static/assets/images/comm/prev/ico_check_off.png);background-repeat:no-repeat;background-size:24px 24px;background-position:right 20px center;background-color:transparent}
.select-lpop-wrap.transferReq .resultView .formCheck input[type=checkbox]:checked+label{background-image:url(/static/assets/images/comm/prev/ico_check_on.png)}
.select-lpop-wrap.transferReq .resultView .formCheck .logo{display:flex;align-items:center;width:24px;height:24px}
.select-lpop-wrap.transferReq .resultView .formCheck .incName{margin-bottom:0;margin-left:6px;font-size:16px;font-weight:700}
.select-lpop-wrap.transferReq .resultView .formCheck .badge{padding:0 8px;margin-left:6px;text-transform:none; height: 22px; line-height: 22px; flex-shrink: 0;}
.select-lpop-wrap.transferReq .resultView .formCheck .badge10{width:auto;height:24px}
.select-lpop-wrap.transferReq .sTitle{padding:32px 4px 12px;font-size:16px;font-weight:700;color:var(--font-neutral-1)}
.select-lpop-wrap.transferReq .sTitle:first-of-type{padding-top:0}
.select-lpop-wrap.transferReq .layerInner .resultView + .textCaution {margin: 32px 0 0; display:flex; align-items: flex-start; font-size: 15px; font-weight: 700; line-height: 22px; color: var(--font-neutral-6);}
.select-lpop-wrap.transferReq .layerInner .resultView + .textCaution::before {content: '※'; display: inline-block; margin-right: 4px;}
.select-lpop-wrap.transferReq .layerInner .popBtn::before {content:''; display:block; width:100%; height:12px; position:absolute; top:-12px; left:0; background: var(--bottom-gray-gradient)}
.select-lpop-wrap.transferReq .layerInner .popBtn .btnUnderline {display: inline-block; width: 100%; margin-top: 12px; text-align: center; text-decoration: underline; font-size: 16px; line-height: 42px; color: var(--font-neutral-7);}
.select-lpop-wrap.fullPopup.pcFullPopup .lpop-contbox {height:100%;background:#fff;}
.select-lpop-wrap.fullPopup.termsPopup .btnArea::before {background: var(--button-primary-gradient);}
.select-lpop-wrap.fullPopup.termsPopup .btmContents {padding-bottom:100px;}

.popTxt{font-size:16px;line-height:24px}
.popTxt strong{font-weight:700}
.popTxt02{text-align:center;padding:0 !important}
.layerSubTit{font-size:14px;color:var(--font-neutral-6);font-weight:400;margin-bottom:8px}

.fullCase .lpop-inner, .fullCase .lpop-cont{height:100%;max-height:100%; left:0; right:0; bottom:0; border-radius:0; display:block !important}
.fullCase .select-lpop {border-radius:0;}
.fullCase .select-lpop .lpop-header .btn-close {width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/ico-close.svg) no-repeat center /24px}
.fullCase .lpop-header{border-radius:0}

.btnWhite{display:block;font-size:var(--button-font-size);font-weight:700 !important; color:var(--button-outline-tc) !important;text-align:center;padding:16px 0;background:#fff;border-radius:var(--button-radius);border:var(--button-outline-border); display:inline-block; width:100%; line-height:var(--button-line-height);}
.btnWhite:active{background:var(--button-outline-active)}
.btnWhiteS{padding:11px 0;border:1px solid #888;font-size:15px !important;font-weight:700 !important; color:var(--font-neutral-2) !important;text-align:center;background:#fff;box-sizing:border-box;border-radius:100px}
.btnWhiteXs{padding:12px 0;border:1px solid #888;font-size:14px !important;font-weight:700 !important; color:var(--font-neutral-2) !important;text-align:center;background:#fff;box-sizing:border-box;border-radius:100px}

/* .btnG.normal{font-weight:400 !important} */
.btnMydata{padding:15px 20px;border:var(--button-outline-border); font-size:var(--button-font-size) !important;color:var(--button-outline-tc) !important;text-align:center;background:#fff;border-radius:var(--button-radius);width:auto; line-height:26px; background:#fff; }
.btnBlack{color:#1d2024 !important;font-size:17px !important;font-weight:700 !important;min-width:160px;background:#fff;border:1px solid #212121;border-radius:100px;width:auto;padding:13px 20px}
.btnRoundGray{font-size:15px !important;color:#44444d !important;width:auto;background:#e9e9e9;border-radius:20px;padding:5px 12px}
.btnRoundGrayS{width:auto;padding:6px 16px;font-size:13px !important;font-weight:700 !important;color:#424242 !important;line-height:20px !important;background:rgba(0, 0, 0, 0.06);border-radius:24px}
.btnRoundBlueS{width:auto;min-width:84px;padding:10px 16px;font-size:14px !important;font-weight:700 !important;letter-spacing:0;color:var(--button-primary-tc) !important;line-height:20px !important;background:var(--button-primary);border-radius:8px}

.btnShopping{padding:13px 10px 14px;font-size:17px !important;font-weight:700 !important;color:#fff !important;line-height:25px !important;text-align:center;background:#293952;border-radius:100px}
.roundBtn.full > a{width:100%}

[class*="btnL"]:active {background:var(--button-primary-active);}
[class*="btnL"].btnL02:active {background:var(--button-secondary-active);}

.mainBtnArea{display:none}
.mainBtn{display:none}
.mainBtnArea.active .mainBtn{display:block;position:relative;font-size:15px !important;font-weight:700 !important;color:#fff !important;line-height:22px !important;border-radius:100px}
.mainBtnArea.active .mainBtn:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:100px;animation:flow 0.6s forwards linear;-moz-animation:flow 0.6s forwards linear;-webkit-animation:flow 0.6s forwards linear;z-index:-1;content:''}
.mainBtnArea .mainBtn .btnMainBtn{display:inline-flex;align-items:center;width:calc(100% - 50px);padding:10px 10px 10px 20px}
.mainBtn .icoArea{display:inline-flex}
.mainBtn .ico{display:inline-block;width:20px;height:20px;margin-right:12px;}
.mainBtnArea .txt{color:var(--white);}
.mainBtnArea .btnClose{display:none;position:absolute;top:50%;right:20px;width:24px;height:24px;background:url(/static/assets/images/comm/ico-keyword-close.svg) no-repeat center / 100%; text-indent:-9999px;transform:translateY(-50%);z-index:11}
.mainBtnArea.active .btnClose{display:inline-block;animation:flowBtn 0.8s forwards ease;-moz-animation:flowBtn 0.8s forwards ease;-webkit-animation:flowBtn 0.8s forwards ease}
@keyframes flow {
    0% {width:50px;z-index:0}
    40% {z-index:0}
    45% {z-index:-1}
    68% {width:calc(100% + 25px)}
    72% {width:calc(100% + 10px)}
    78% {width:calc(100% - 10px)}
    90% {width:95%}
    100% {width:100%}
}
@-moz-keyframes flow {
    0% {width:50px;z-index:0}
    40% {z-index:0}
    45% {z-index:-1}
    68% {width:calc(100% + 25px)}
    72% {width:calc(100% + 10px)}
    78% {width:calc(100% - 10px)}
    90% {width:95%}
    100% {width:100%}
}
@-webkit-keyframes flow {
    0% {width:50px;z-index:0}
    40% {z-index:0}
    45% {z-index:-1}
    68% {width:calc(100% + 25px)}
    72% {width:calc(100% + 10px)}
    78% {width:calc(100% - 10px)}
    90% {width:95%}
    100% {width:100%}
}
@keyframes flowBtn {
    0% {opacity:0}
    30% {opacity:0}
    100% {opacity:1}
}
@-moz-keyframes flowBtn {
    0% {opacity:0}
    30% {opacity:0}
    100% {opacity:1}
}
@-webkit-keyframes flowBtn {
    0% {opacity:0}
    30% {opacity:0}
    100% {opacity:1}
}

.linkBtn{position:relative;color:#5d67cf !important}
.linkBtn:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background: #5d67cf}

/* Modal */
.btn{display:inline-block;vertical-align:top;font-size:15px;border-radius:2rem;padding:13px;font-weight:700;line-height:20px;border:1px solid transparent;color:#fff;background:#fff;text-align:center}
.modal{display:none; word-break:keep-all;word-wrap:break-word}
.modal.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999}
.modal-dialog{position:relative;width:auto;pointer-events:none;z-index:1040}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;width:100%;background:#fff;margin-top:-30px;opacity:0}
.modal.open .modal-content{margin-top:0; opacity:1;transition:all 0.5s}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:26px 24px 0}
.modal-header h1{font-size:20px}
.modal-header + .modal-body{padding:10px 24px}
.modal-body{position:relative;flex:1 1 auto;padding:0;font-size:15px}
.modal-body > p{font-size:17px;color:var(--font-neutral-1);}
.modal-alert-sheet .modal-dialog{position:fixed; display:flex; flex-direction:column; padding:30px 20px 20px; top:50%; left:50%; line-height:1.5; bottom:auto; right:inherit; width:320px; transform:translate(-50%, -50%); border-radius:24px; background-color:#fff; box-shadow:6px 14px 16px rgba(15,21,34,.25); box-sizing:border-box; z-index:995;}
.modal-alert-sheet .modal-content{border:0;border-radius:14px;box-shadow:none}
.modal-footer{display:flex; margin-top:30px;}
.modal-footer .btn{border-radius:0;padding:16px;font-weight:400}
.modal-alert-sheet .modal-footer{padding:0}
.modal-alert-sheet .modal-footer .btn{flex:1; font-size:17px; line-height:26px; font-weight:700; padding:11px 16px; text-align:center; color:var(--button-primary-tc); background-color:var(--button-primary); border-radius:12px; white-space:nowrap; border:0 none; outline:none;}
.modal-alert-sheet .modal-footer .btn.cancel{flex:1 1; color:var(--button-secondary-tc); border:0; background-color:var(--button-secondary)}
.modal-alert-sheet .modal-footer .btn.cancel + button{flex:3 1; margin-left:8px;}
.btn-primary{background:#fa5273;border-color:#fa5273}

/* Title / List */
.titArea{position:relative} 
.btnSide{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:15px;color:#44444d !important}
.btnSide.on{color:var(--font-point-1) !important}
.titDep2{display:inline-block; font-size:20px !important;font-weight:700 !important;color:var(--font-neutral-1) !important;margin-top:60px;padding:20px 4px 0;word-break:keep-all}
.titDep2+.listInfo, .titArea+.listInfo{margin-top:16px}
/* .txtDep2{font-size:20px !important;font-weight:700 !important;color:var(--font-neutral-1) !important;} */  /* [422] */
.txtDep2.lg{padding:20px 4px 0;font-size:22px !important;font-weight:700 !important;color:var(--font-neutral-1) !important}
.txtDep2+.txtInfo, .txtDep2+.txtInfoS{margin-top:8px;padding:0 4px}
.titDep2.md{font-size:17px !important;font-weight:700 !important;color:var(--font-neutral-1) !important;margin-top:60px;word-break:keep-all}

.txtInfo{font-size:16px !important; line-height:24px}
.txtInfoS, .select-lpop-wrap .txtInfoS{font-size:15px !important}
.answerTxt{font-size:15px}
.titleLg{font-size:18px; font-weight:700; color:var(--font-neutral-1)}
.titleMd{margin-bottom:8px;font-size:16px !important;font-weight:700 !important;color:var(--font-neutral-1) !important}
.junbupNum{font-size:14px !important; color:var(--font-neutral-5)}
.alertTitle{font-size:20px !important;font-weight:700 !important;color:var(--font-neutral-1) !important;line-height:30px}
.alertTitle.lg{font-size:22px !important;line-height:30px}
.alertTitle + p {margin-top:13px;word-break:keep-all}
.alertTitle + p + p{margin-top:8px}
.textLayer .alertTitle + .listArea {margin-top: 14px;}

/* listInfo */ /* [416] */
.listInfo{margin-bottom:26px}
.listInfo > li{display:table;position:relative;width:100%;margin-top:20px}
.listInfo > li:first-of-type{margin-top:0}
.listInfo > li > *{display:table-cell;font-size:15px;padding:0 4px;word-break:keep-all;font-weight:400;}
.listInfo > li .listTit em{font-size:13px;color:var(--font-neutral-6)}
.listInfo > li .listTxt{text-align:right;font-size:15px;font-weight:700;}
.listInfo > li.extinct{color:#f43347}
/* listInfo02 */ /* [416] */
.listInfo.listInfo02{border-top:1px solid rgba(0, 0, 0, 0.05);padding-top:24px}
.listInfo.listInfo02 > li .listTxt{font-weight:700;word-break:break-all;}
.listInfo.listInfo02 > li .listTxt.accountId{word-break:break-all}
.listInfo.listInfo02 > li .sData{display:block;font-size:14px;font-weight:400;color:var(--font-neutral-6);word-break:keep-all}

/* listInfo03 */ /* [416] */
.listInfo03 > li{display:table;width:100%;position:relative;padding:54px 0 24px;border-bottom:1px solid #dfe1e5;margin:0;table-layout:fixed}
.listInfo03 > li > *{display:table-cell;font-size:15px;padding:0 4px}
.listInfo03 > li .rightArea{position:relative;text-align:right}
.listInfo03 > li .listDate{position:absolute;left:4px;top:24px;font-size:14px; color:var(--font-neutral-5)}
.listInfo03 > li .listTit{display:flex;align-items:center;font-size:16px;font-weight:700}
.listInfo03 > li .listTxt > *{display:block}
.listInfo03 > li .listTime{display:inline-block;font-size:14px;color:var(--font-neutral-6)}
.listInfo03 > li .listType{display:inline-block;position:relative;padding-left:7px;margin-left:6px;font-size:14px;color:var(--font-neutral-6)}
.listInfo03 > li .listType:before{display:inline-block;position:absolute;top:50%;left:0;width:1px;height:11px;background-color:rgba(123, 127, 140, 0.5);transform:translateY(-50%);content:''}
.listInfo03 > li .sum{font-size:13px;padding-bottom:8px}
.listInfo03 > li .sum em{font-size:18px;font-weight:700}
.listInfo03 > li .sum em, .listInfo03 > li .subTxt em{display:inline-block;margin-right:2px}
.listInfo03 > li .sum.pointColor{position:relative; color:var(--font-point-2)}
.listInfo03 > li .sum.pointColor em{position:relative;padding-left:11px}
.listInfo03 > li .sum.pointColor em:after{position:absolute;top:1px;left:0;content:'+'}
.listInfo03 > li .subTxt{font-size:12px}
.listInfo03 > li .subTxt em{font-size:15px}
.listInfo03 > li .subTxtInfor{position:absolute;right:0;bottom:0;font-size:14px;color:var(--font-neutral-6)}
/* type02 */
.listInfo03.type02 > li{padding:54px 0 23px}
.listInfo03.type02 > li .sum{padding-bottom:0}

/* listCardarea + listInfoCard */ /* [416] , [422] 추가 */
.listCardarea {}
.listCardarea .listInfoCard{padding:20px;margin-bottom:12px;border-top:0px;border-radius:20px;background-color:#fff;} /* [529] */
/* .listCardarea .listInfoCard:last-of-type{margin-bottom:60px;} */ /* [527] */
.listInfoCard > li{display:table;position:relative;width:100%;margin-top:20px}
.listInfoCard > li:first-of-type{margin-top:0px;padding-top:4px;}
.listInfoCard > li:last-of-type{padding-bottom:10px}
.listInfoCard > li > *{display:table-cell;font-size:15px;padding:0 4px; color:var(--font-neutral-2);word-break:break-all; line-height:22px}
.listInfoCard > li > .listTit{font-weight:400}
/* .listInfoCard > li .listTit {white-space: nowrap;} */ /* [527] */
.listInfoCard > li .listTit em{font-size:13px;color:var(--font-neutral-6)}
.listInfoCard > li .listTit .lName,
.listInfoCard > li .listTxt .tValue{display:block;font-size:16px; color:var(--font-neutral-2);}
.listInfoCard > li .listTxt{text-align:right;font-size:16px;font-weight:700;word-break:keep-all;}
.listInfoCard > li .listTxt>em{padding-right:2px;}
.listInfoCard > li .listTxt.accountId{word-break:break-all;}
.listInfoCard > li.extinct{color:#f43347}
.listInfoCard > li.extinct > strong{color:#f43347;} /* [509] */
.listInfoCard > li .sData{display:block;font-size:16px;font-weight:400;color:var(--font-neutral-6);word-break:keep-all}
.listInfoCard > li.lsitEtc{display:block;margin-top:15px;text-align:center;}
.listInfoCard > li.lsitEtc img{display:inline-block;width:120px;}
.listInfoCard > li.lsitEtc p{display:block;margin-top:14px;font-size:15px; color:var(--font-neutral-6);line-height:22px;white-space:pre-line;} /* [509] */
.listInfoCard + .listInfoCard{padding-top:20px;border-top:0px;} /* [529] */
.listInfoCard .first .listTit{font-size:16px;font-weight:700;color:#1d2024;word-break:break-word;} /* [568] */
.listCardarea .listInfoCard .tooltip{vertical-align:0px;} /* [527] */
.listCardarea .listInfoCard .listTit .tooltip{vertical-align:top; line-height:0;} 
.listCardarea.lineType{padding:20px;margin-bottom:26px;border-top:0px;border-radius:20px;background-color:#fff;} /* [509] */
.listCardarea.lineType .listInfoCard{padding:0;margin:0;border-radius:18px;background-color:transparent;box-shadow:none;} /* [509] */
.listCardarea.lineType .listInfoCard + .listInfoCard{margin-top:20px;padding-top:20px;border-top:1px solid #edeef2;border-radius:0px;} /* [509] */

.listBox .titArea {display:flex;align-items:center;justify-content:space-between;width:100%;}
.listBox .titArea .titDep2{margin-top:0px;padding-top:0px;word-break:break-all;}
.listBox .titArea .titDep2 .tooltip{vertical-align:calc(50% - 20px);}
.listBox .titArea + .listCardarea{margin-top:12px;}
.listBox .titArea + .listCardBlock{margin-top:12px;}
.listBox .titArea .sideTxt {margin-right: 4px;}
.listBox ~.banner{margin-top:20px;}
/* // [416] , [422]  추가 */

/* listCardBlock */ /* [422] [397] */
.listCardBlock{}
.listCardBlock .cardBlock {margin-bottom:20px;}
.listCardBlock .cardBlock > li{display:block;margin:0;overflow:hidden;border-radius:20px;}
.listCardBlock .cardBlock > li~li{margin-top:12px;}
.listCardBlock .cardBlock > li > div.cardBlockTbl,
.listCardBlock .cardBlock > li > a {display:flex;align-items:flex-start;justify-content:space-between;flex-flow:row wrap;/* row-gap:6px; */width:100%;position:relative;padding:24px 20px;background:#fff;box-sizing:border-box;} /* [528] */
.listCardBlock .cardBlock > li > a > span {margin-bottom:6px;}
.listCardBlock .cardBlock > li > a > span:nth-last-child(1),
.listCardBlock .cardBlock > li > a > span:nth-last-child(2) {margin-bottom:0;}
.listCardBlock .cardBlock > li > div.cardBlockTbl > *,
.listCardBlock .cardBlock > li > a > *{display:block;text-align:left;font-size:15px;padding:0 4px;box-sizing:border-box;word-break:break-word;}
.listCardBlock .cardBlock > li .leftArea{position:relative;flex: 1 1 45%; line-height:20px}
.listCardBlock .cardBlock > li .rightArea{position:relative;flex: 1 1 55%;display:block;text-align:right; line-height:20px}
.listCardBlock .cardBlock > li .listTit{display:flex;/* min-height:30px; */align-items:center;font-size:16px;font-weight:700; line-height:24px;} /* [529] */
.listCardBlock .cardBlock > li .listTxt > *{display:block}
.listCardBlock .cardBlock > li .listTime{display:inline-block;font-size:14px;color:var(--font-neutral-6)}
.listCardBlock .cardBlock > li .listType{display:inline-block;position:relative;padding-left:7px;margin-left:6px;font-size:14px;color:var(--font-neutral-6)}
.listCardBlock .cardBlock > li .listType:before{display:inline-block;position:absolute;top:50%;left:0;width:1px;height:11px;background-color:rgba(123, 127, 140, 0.5);transform:translateY(-50%);content:''}
/* .listCardBlock .cardBlock > li .listDate{display:inline-block;font-size:14px; color:var(--font-neutral-5);padding-top:8px;} */ /* [509] */
.listCardBlock .cardBlock > li .listDate{display:inline-block;font-size:14px;color:var(--font-neutral-6);}
.listCardBlock .cardBlock > li .sum{font-size:13px;}
.listCardBlock .cardBlock > li .sum em{font-size:18px;font-weight:700; line-height:26px}
.listCardBlock .cardBlock > li .sum em, .listInfo03 > li .subTxt em{display:inline-block;margin-right:2px}
.listCardBlock .cardBlock > li .sum.pointColor{position:relative; color:var(--font-point-2)}
.listCardBlock .cardBlock > li .sum.pointColor em{position:relative;padding-left:11px;word-break:break-all;}
.listCardBlock .cardBlock > li .sum.pointColor em:after{position:absolute;top:50%;left:0;content:'+'; line-height:1; transform:translateY(calc(-50% - 1px))}
.listCardBlock .cardBlock > li .sum + * {padding-top:8px}
.listCardBlock .cardBlock > li .subTxt{font-size:12px}
.listCardBlock .cardBlock > li .subTxt em{font-size:15px}
.listCardBlock .cardBlock > li .subTxtInfor{position:absolute;right:0;bottom:0;font-size:14px;color:var(--font-neutral-6)}
/* 링크이동 활성화 클래스 btnlinked */
.listCardBlock .cardBlock > li > a.btnlinked .rightArea{padding-right:24px;}
.listCardBlock .cardBlock > li > a.btnlinked .rightArea .sum{display:flex;align-items:center;justify-content:flex-end;position:relative;min-height:30px;word-break:keep-all;}
.listCardBlock .cardBlock > li > a.btnlinked .rightArea .sum:after{content:'';position:absolute;top:50%;right:-23px;transform:translateY(-50%);width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_arrow_48x48.png)no-repeat center /24px;}

.listCardBlock .cardBlock > li > a.btnlinked .rightArea .sum.sumOn{display:block;}
.listCardBlock .cardBlock > li > a.btnlinked .rightArea .sum.sumOff{display:none;}
/* //[422] */

/* badge */ /* [416] [528] */
.badge{display:inline-block;color:#ff3f53;padding:3px 7px 2px;margin-left:6px;font-size:11px !important;font-weight:700 !important;border:1px solid rgba(255, 63, 83, 0.3);box-sizing:border-box;border-radius:20px;background:rgba(255, 255, 255, 0.1); line-height:14px;}
.badge.md{padding:4px 8px;}
.badge02{color:var(--font-neutral-6) !important;border-color:rgba(123, 127, 140, 0.3)}
.badge02g01{color:#bdbdbd !important;border-color:#ddd;}
.badge03{color:var(--font-point-2) !important;border-color:transparent;background:rgba(93, 103, 207, 0.1)}
.badge04{color:#f43347 !important;border-color:transparent;background:rgba(244, 51, 71, 0.1)}
.badge05{color:#293952 !important;border-color:transparent;background:rgba(41, 57, 82, 0.1)}
.badge06{color:var(--font-neutral-6) !important;border-color:transparent;background:rgba(41, 57, 82, 0.1)}
.badge07{color:var(--font-point-2) !important;border-color:rgba(93, 103, 207, 0.3);background:#fff}
.badge08{color:#f43347 !important;border-color:rgba(255, 63, 83, 1);background:#fff}
.badge09{color:var(--font-point-2) !important;border-color:rgba(100, 107, 189, 0.3);background:#fff}
.badge10{color:#b5bdc9 !important;border-color:transparent;background:#f2f3f6}
.badge11{color:#45567e !important;border-color:transparent;background:rgba(219, 226, 240, 0.40);}
/* .expiryBadge{border-color:transparent;font-weight:700 !important; color:var(--font-point-2) !important;background:rgba(93, 103, 207, 0.1)}  */ /* [422] */

/* 약관 Badge */
[class*="agreeBadge"]{display:inline-block; border-radius:4px; padding:6px 6px 5px; font-size:11px; font-weight:700; line-height:11px; white-space:nowrap;}
.agreeBadge01{background-color:rgba(118, 155, 255, 0.16); color:#597ad3;}
.agreeBadge02{background-color:rgba(72, 239, 69, 0.16);; color:#57A576;}
.agreeBadge03{background-color:rgba(237, 199, 66, 0.16);; color:#CDB355;}
.agreeBadge04{background-color:rgba(241, 164, 109, 0.16);; color:#E5845B;}
.agreeBadge05{background-color:rgba(255, 151, 220, 0.16);; color:#E86099;}

.listDep1 > li, p.listDep1{position:relative;font-size:15px;padding-left:12px}
.listDep1 > li:before, p.listDep1:before{content:'';display:block;position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:3px;background:var(--gray-400)}
.listDep1 > li{margin-top:20px}
.listDep1 > li:first-child{margin-top:12px}
.listDep1 > li .fBold, .listDep1 > li strong{font-weight:700}
.listDep1 > li > .listDep2 li{position:relative;font-size:16px !important; color:var(--font-neutral-4);padding-left:12px;margin-top:4px; line-height:24px;}
.listDep1 > li > .listDep2 li:before{content:'';display:block;position:absolute;left:0;top:10px;width:4px;height:1px;background:#424242}
.listDep1 .fRed {color:#f43347;}
.listDep1 .fBlue {color:#646BBD;}
.listDep1 .fGray {color:var(--font-neutral-6);}
.listDep1 .txtUdl{text-decoration:underline;} 

/* listDepType type1 */
.listDepType > li{position:relative;font-size:15px;padding-left:12px}
.listDepType > li:before, p.listDep1:before{content:'';display:block;position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:3px;background:#9b9b9b}
.listDepType > li{margin-top:12px; color:var(--font-neutral-2);}
.listDepType > li:first-child{margin-top:0px}
.listDepType > li .fBold, .listTypeDep1 > li strong{font-weight:700}
.listDepType > li > .listDep2 li{position:relative;font-size:14px !important; color:var(--font-neutral-5);padding-left:12px;margin-top:8px}
.listDepType > li > .listDep2 li:before{content:'';display:block;position:absolute;left:0;top:10px;width:4px;height:1px;background:#424242}

/* notice accodian : 유의사항 */
.notiList{padding:0 4px}
.notiList .tglBtn{display:block;font-size:17px !important;font-weight:700;color:var(--font-neutral-1); line-height:26px; box-sizing:border-box;width:100%;text-align:left; padding:24px 0}
.notiList .tglBtn:after{top:50%; width:16px; height:16px; ; background:none; -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color: var(--arrow-normal-gray3); transform:none; margin-top:-8px}
.notiList .tglBtn.active:after{transform:scale(-1)}
.notiList .tglCont{padding:0 0 40px}
.notiList .tglCont .listDep1 > li{font-size:16px; line-height:24px; color:var(--font-neutral-4)}
.notiList .tglCont .listDep1 > li:first-child{margin-top:0 ; }
.notiList .tglCont .listDep1 > li{margin-top:8px}

.notiList .titleMd{display:block;margin-bottom:0;height:60px;line-height:60px}
.notiList .tglCont .listDeptit{display:block;margin-top:10px;padding-bottom:8px;font-size:15px;font-weight:700}
.notiList .tglCont .listDep1 ~ .listDeptit{margin-top:30px}
.notiList .tglCont .listDep1 ~ .listDeptit:has(+ .listDep1){margin-bottom:12px}
.notiList .tglCont .listDep1.txtGraycolor6 {color:var(--font-neutral-6);}
.notiList .tglCont .listDep1.txtGraycolor6 .listDep2 li{color:inherit;}

/* notice default : 유의사항 */
.notiListline{margin:0 -20px;padding:0 20px;border-top: 1px solid #f0f0f0;}
.notiListline .tit{display:block;width:100%;font-size:17px !important;font-weight:700;color:var(--font-neutral-1);height:auto;line-height:1.24;padding:25px 0 18px;box-sizing:border-box;text-align:left}
.notiListline .notiCont{}

.frmList > li{margin-top:32px}
.frmList > li:first-child{margin-top:24px}
.frmList > li .frmTit{display:block;margin-bottom:8px;font-size:15px;padding:0 4px}
.frmList > li .select-value{width:100%;text-align:left;box-sizing:border-box}
.frmList+.txtInfoS{margin-top:32px;padding:0 4px}

/* tab */
.tabItem{padding:40px 0 24px}
.tabmenu{margin:0 -20px;white-space:nowrap;overflow:auto; }
.tabmenu > ul{display:flex;}
.tabmenu::-webkit-scrollbar{display:none}
.tabmenu .tabmenuBox{display:inline-flex;padding-left:20px}
.tabmenu ul > li{display:inline-block}
.tabmenu .tabmenuR{display:block;padding:9px 16px;margin-right:6px;font-size:15px; line-height:22px; color:var(--tab2-tc); background:var(--tab2-bg); box-sizing:border-box;border-radius:100px}
.tabmenu .tabmenuR:focus{border:1px dotted #000}
.tabmenu ul > li:last-child .tabmenuR{margin-right:0}
.tabmenu li.on .tabmenuR{font-weight:700;color:var(--tab2-active-tc); background:var(--tab2-active-bg);}
.tabmenu.type02 .tabmenuR{padding:9px 16px 9px;border:none;background:#f1f4f7}

.tabCont{display:none}
.tabType01{margin-bottom:16px}
.tabType01 ul {display:flex; padding-bottom:20px;}
.tabType01 ul > li{display:inline-block;position:relative;margin-left:20px}
.tabType01 ul > li:first-child{margin-left:0;} /* [529] */
.tabType01 ul > li > a{display:block;position:relative;font-size:18px; line-height:26px; color:var(--tab1-tc); padding-top:3px;padding-bottom:6px; font-weight:700}  /* [529] */
.tabType01 ul > li.on > a{color:var(--tab1-active-tc );font-weight:700} /* [529] */
.tabType01 ul > li.on > a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:2px; background:var(--tab1-active-tc)} /* [529] */
.tabType01 ul > li.new:after{content:'';display:inline-block;position:absolute;right:-7px;top:0;margin-left:4px;width:4px;height:4px;background:#ff3f53;border-radius:50%}

.tabType03{margin:28px 0 0 -24px;overflow:hidden}
.tabType03 .tabs{display:flex;overflow-x:auto;height:64px;overflow-y:hidden}
.tabType03 .tabs::-webkit-scrollbar{display:none}
.tabType03 .tabs > li{display:inline-block;margin-left:26px;flex:1 0 auto}
.tabType03 .tabs > li:first-child{margin-left:24px}
.tabType03 .tabs > li a{display:block;position:relative;font-size:17px;color:#44444d;height:64px;line-height:64px;text-align:center}
.tabType03 .tabs > li .number{font-size:16px}
.tabType03 .tabs > li.on a{font-weight:700;color:var(--font-neutral-1)}
.tabType03 .tabs > li.on .number{color:#ff4081}
.tabType03 .tabs > li.on a:after{content:'';display:block;position:absolute;left:0;bottom:12px;width:100%;height:2px;background:#000}

/* Swipe */
.swiepArea{position:relative;overflow:hidden;margin:0 -5px}
.swiepArea .swipeWrap{width:100%}
.swiepArea .swipeWrap:after{content:'';display:block;clear:both}
.swiepArea .swipeWrap .swipeSlide{float:left;width:100%;overflow:hidden;margin:0 5px}
.swiepArea .swiepIndicator {margin-top:15px;text-align:center;font-size:0}
.swiepArea .slick-dots > li, .centerSwipe .slick-dots > li{display:inline-block;width:6px;height:6px;background:#c3c6c8;border-radius:6px;text-indent:-9999px}
.swiepArea .slick-dots > li ~ li, .centerSwipe .slick-dots > li ~ li{margin-left:4px}
.swiepArea .slick-dots > li.slick-active, .centerSwipe .slick-dots > li.slick-active{background:#434445}
.centerSwipe .swiepIndicator{margin-top:20px;font-size:0;text-align:center}
.swipeTabWrap .tabCont{padding:0}
.swipeTab{overflow:hidden;} 
.swipeTab ul{overflow:hidden;}
.swipeTab ul:after{content:'';display:block;clear:both}
.swipeTab ul li{float:left;margin-left:5px}
.swipeTab ul li:first-child{margin-left:0}
.swipeTab ul li a{display:block;color:#545454;font-size:14px;background:#fff;border:1px solid #e5e5e7;text-align:center;padding:8px 13px 9px;border-radius:100px;box-sizing:border-box}
.swipeTab ul li a:focus{border:1px dotted #000}
.swipeTab ul li.active a{color:#fff;background:#293952;font-weight:700;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.06)}

/* 배너 */
.mydata .banner, .select-lpop-wrap .banner{position:relative;border-radius:20px;background:#eff0fb}
.mydata .banner a, .select-lpop-wrap .banner a{display:block;position:relative;box-sizing:border-box}
.mydata .banner a.white .bannerTxt, .select-lpop-wrap .banner a.white .bannerTxt, .mydata .banner a.white .bannerTit, .select-lpop-wrap .banner a.white .bannerTit{color:#fff}
.mydata .banner .bannerTit, .select-lpop-wrap .banner .bannerTit{display:block;font-size:18px;font-weight:700;color:var(--font-neutral-1); line-height:26px;}
.mydata .banner .bannerTxt, .select-lpop-wrap .banner .bannerTxt{display:block;font-size:16px;color:var(--font-neutral-1); line-height:24px;}
.mydata .banner .bannerImg, .select-lpop-wrap .banner .bannerImg{display:block;position:absolute;top:50%;transform:translateY(-50%)}
.mydata .banner .btnArrow .bannerTxtWrap, .select-lpop-wrap .banner .btnArrow .bannerTxtWrap{padding-right:26px}
.mydata .banner .bannerTxtWrap, .select-lpop-wrap .banner .bannerTxtWrap{display:block;position:relative;padding-right:45px}
.mydata .banner .bannerInfor, .select-lpop-wrap .banner .bannerInfor{display:inline-block;background:rgba(0, 0, 0, 0.1);border-radius:100px;font-size:13px;font-weight:700;color:#fff;padding:5px 10px 6px;box-sizing:border-box;margin-bottom:4px}
.mydata .banner.bannerLarge a, .select-lpop-wrap .banner.bannerLarge a{padding:24px 90px 24px 24px}
.mydata .banner.bannerLarge .bannerTxt, .select-lpop-wrap .banner.bannerLarge .bannerTxt{font-size:15px;margin-top:6px}
.mydata .banner.bannerLarge .bannerImg, .select-lpop-wrap .banner.bannerLarge .bannerImg{right:20px;width:68px}
.mydata .banner.bannerMedium a, .select-lpop-wrap .banner.bannerMedium a{padding:20px 24px }
.mydata .banner.bannerMedium .bannerTxt, .select-lpop-wrap .banner.bannerMedium .bannerTxt{margin-bottom:2px}
.mydata .banner.bannerMedium .bannerImg, .select-lpop-wrap .banner.bannerMedium .bannerImg{right:0;width:100%;height:44px}
.mydata .banner.bannerMedium .bannerImg img, .select-lpop-wrap .banner.bannerMedium .bannerImg img{width:auto;height:44px;position:absolute;right:0}
.mydata .banner.bannerSmall{border-radius:100px;background:#e8f3fa}
.mydata .banner.bannerSmall a{padding:6px 16px 7px 34px}
.mydata .banner.bannerSmall .bannerTxt{font-size:13px}
.mydata .banner.bannerSmall .bannerImg{left:10px;width:18px;height:18px}
.mydata .banner.bannerStatus{background:#fceded;border-radius:100px}
.mydata .banner.bannerStatus .bannerImg{left:11px;width:16px;height:16px}
.mydata .banner.bannerStatus a{padding:6px 10px 7px 34px}
.mydata .banner.bannerStatus .bannerTxt{color:#ff5977;font-size:13px}
.mydata .banner+.banner{margin-top:12px}
.mydata .banner .btnArrow:after{width:32px;height:32px;background:url(/static/assets/images/comm/prev/ico_arrow_64x64.png) 0 0 / 32px 32px no-repeat;right:12px}
.mydata .banner .btnArrow.white:after{background-image:url(/static/assets/images/comm/prev/ico_arrow_white_64x64.png)}
/* 상태 알림 배너 */
.assetReconnect{display:flex;margin-top:20px}
.assetReconnect .reconnect{flex:1;display:block;position:relative;padding:8px 30px 8px 44px;font-size:14px;line-height:18px;color:#ff5977;text-align:left;background:rgba(241, 114, 114, 0.15);border-radius:100px}
.assetReconnect.notice01 .reconnect{color:#45567e;background-color:rgba(245, 247, 253, 1);}
.assetReconnect.notice02 .reconnect{color:#45567e;background-color:rgba(235, 240, 255, 1);}
.assetReconnect.notice01 .reconnect:before{background-image:url(/static/assets/images/comm/prev/ico_noti_black.png);}
.assetReconnect.notice02 .reconnect:before{background-image:url(/static/assets/images/comm/prev/ico_noti_blue.png);}
.assetReconnect.notice01 .reconnect:after{background-image:url(/static/assets/images/asset/mydata_renew2/ico_arrow/ico_arrow_black_18x18.png);}
.assetReconnect.notice02 .reconnect:after{background-image:url(/static/assets/images/asset/mydata_renew2/ico_arrow/ico_arrow_black_18x18.png);}
/* type1 */
.mydata .bannerSmall.type1 .bannerTxt{font-size:16px;color:#45567e;}
.mydata .bannerSmall.type1 .bannerImg{left:20px;width:32px;height:32px;}
.mydata .bannerSmall.type1{margin-left:0px;margin-right:0px;overflow:hidden;}
.mydata .bannerSmall.type1 a.btnArrow {margin-top:0px;font-size:16px;line-height:24px;color:#45567e;letter-spacing:-0.5px;font-weight:400;padding:12px 38px 12px 56px; background-color:var(--button-secondary);}
/* .mydata .bannerSmall.type1 a.btnArrow .bannerImg {width:32px;height:32px;} */
.mydata .bannerSmall.type1 a.btnArrow:after {width:24px;height:24px;background-image:url(/static/assets/images/comm/prev/banner_small_a.png);background-size:24px 24px;}

/* 특대배너 (재테크) */
.mydata .banner.bannerXLarge a{padding:20px 24px;}
.mydata .banner.bannerXLarge a .bannerTxtWrap {padding-right:0;}
.mydata .banner.bannerXLarge .bannerTopTit{display:block;font-size:22px;line-height:34px;margin-top:10px;font-weight:700;color:var(--font-neutral-1);}
.mydata .banner.bannerXLarge .bannerMddTit{display:block;font-size:22px;line-height:34px;color:var(--font-neutral-1);}
.mydata .banner.bannerXLarge .bannerImg{position:relative;top:0;right:calc(247px - 100%);transform:none;display:block;width:270px;margin-top:12px;text-align:right;}
.mydata .banner.bannerXLarge .bannerBtmTit{display:block;width:100%;height:50px;margin-top:8px;margin-bottom:12px;line-height:50px;font-size:17px;font-weight:700;text-align:center;color:#fff;background-color:#22A6BB;border-radius:25px;min-height:50px;}

/* 2개 링크 배너 */
.mydata .banner.btnTwolink{display:flex;align-items:center;justify-content:space-between}
.mydata .banner.btnTwolink a{width:calc(100% / 2);padding:15px 20px 15px 25px;text-align:center;font-size:15px;background-color: #ebf0ff;}
.mydata .banner.btnTwolink a .bannerTxt{font-size:15px;color:#45567e;}
.mydata .banner.btnTwolink a+a{padding:15px 28px 15px 20px;position:relative;}
.mydata .banner.btnTwolink a+a:before{content:'';position:absolute;top:calc(50% - 12px);left:0px;display:block;width:1px;height:22px;background-color:rgba(0,0,0,0.06);}

/* 대출목록편집, 투자계좌 목록 편집, 카드목록편집 공통, 내자산(마이데이터) */ /* [416] [528] [509] */
.loanEditMulti:first-child{margin-top:12px}
.loanEditMulti{padding:20px 28px 22px 24px; background:var(--background-color-2);border-radius:14px}
.loanEditMulti p{display:inline-block;font-size:18px;font-weight:700;color:var(--font-neutral-1)}
.loanEditMulti p:after{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_finger.png) no-repeat 0 0;background-size:24px;margin:-6px 0 0 4px}
.loanEditMulti span{display:block;padding-top:4px;font-size:14px; color:var(--font-neutral-5)}
.loanEditMulti.pdbtmType{padding:20px 4px 28px 4px;background:transparent; margin-top:0;}
.loanEditMulti.pdbtmType span{font-size:16px;color:#3a3e44;}
/* //[416] */

/* common contents */
.arrowLinkArea{padding:0 4px}
.arrowLinkArea .arrowBox{margin-top:12px}
.arrowLinkArea .arrowBox > a{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:var(--font-neutral-1);padding:4px 24px 4px 0}
.arrowLinkArea .arrowBox > a:after{right:4px}
.arrowLinkArea .arrowBox .moneyInfor{font-size:15px;font-weight:700; color:var(--font-neutral-2)}

.cardArea .headItem{margin-top:24px}
.cardArea .cardList{padding-top:16px}
.cardArea .cardList li{margin-bottom:24px}
.cardArea .cardList li:last-child{margin-bottom:0}
.cardArea .cardList li > a{display:block;position:relative;padding-left:60px}
.cardArea .cardList li > a:after, .cardUseArea .cardItem.type02 a:after{position:absolute;top:50%;right:0;width:14px;height:14px; content:'' ; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: #222; margin-top:-6px}

.cardArea .cardList .thum{position:absolute;top:50%;left:0;width:48px;height:48px;text-align:center;transform:translateY(-50%)}
.cardArea .cardList .thum.pivot {transform:translateY(-50%) !important}
.cardArea .cardList .thum img{width:32px;height:46px;}
.cardArea .cardList .thum img.row {width:100%; position:absolute; height:100%; object-fit:contain; transform:translate(-50%, 0) rotate(90deg);}
.cardArea .cardList .cardListItem{display:flex;flex-direction:column;width:50%}
.cardArea .cardList .cardListItem .name{font-weight:700;line-height:27px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cardArea .cardList .cardListItem .type{font-size:14px;color:var(--font-neutral-6)}
.cardArea .cardList .money{position:absolute;top:50%;right:18px;font-size:13px;transform:translateY(-50%)}
.cardArea .cardList .money em{margin-right:2px;font-size:18px;font-weight:700; vertical-align:-1px;}

.inpTool{display:flex;align-items:center;position:absolute;top:50%;right:16px;transform:translateY(-50%)}
.authSrhArea{display:inline-block;margin-right:-8px}
.authSrhArea .btnSearch {text-indent:-9999px;width:40px;height:40px;background:url(/static/assets/images/comm/prev/ico_search.png) no-repeat;background-size:40px}

/* headItem + headItemText */
.headItem{display:block;position:relative}
.headItemTit{display:inline-block;font-size:20px !important;font-weight:700 !important;color:var(--font-neutral-1) !important;line-height:30px !important}
.headItemTit.lg{font-size:22px !important}
.headItemStit{display:inline-block;font-size:14px !important}
.headItem.headTitArea{margin-bottom:6px}
.headItem .side{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;height:100%;text-align:right}
.loanPrdHead .headItemTit{vertical-align:bottom}
.headItem .btnFillter{position:absolute;right:36px;top:0}
.headItem .btnAdd{display:block;position:absolute;right:0;top:0;width:28px;height:28px;font-size:0;overflow:hidden}
.headItem .btnAdd:after{content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:28px;height:28px;background:url(/static/assets/images/comm/prev/ico_add_round.png) no-repeat;background-size:28px 28px}
.headItem .btnSettin{display:block;position:absolute;top:0;right:0;width:28px;height:28px;text-indent:-9999px;overflow:hidden}
.headItem .btnSettin:after{display:block;position:absolute;top:0;left:0;width:28px;height:28px;background:url(/static/assets/images/comm/prev/ico_setting02.png) no-repeat;background-size:28px;content:''}
.headItemText{font-size:18px !important}
.headItemText .headDataMoney em{margin:0 2px 0 3px}
.headItem .headItemNum{display:inline-block;width:28px;height:28px;margin-left:4px;font-size:13px;line-height:28px;text-align:center;background:rgba(0, 0, 0, 0.06);border-radius:50%}
.headItem02{position:relative}
.headItem02 .side{transform:inherit;top:inherit;bottom:0}

/* as-is 대출, 투자, 할부금융리스, 보험 리스트 */ /* 공통 APi [s] */
  /* api 배포후 AS-IS 버전 삭제 [s] */
.loanInfor .thum{display:inline-block;width:24px}
.loanInfor .loanTit{display:inline-block;font-size:17px;font-weight:700;color:var(--font-neutral-1)}
.loanInfor .bankProductName{display:block;font-size:14px; color:var(--font-neutral-5);margin-top:4px}
  /* api 배포후 AS-IS 버전 삭제 [e] */
.bgArea .bgCont.contType01 .thum{display:block;width:auto}
.bgArea .bgCont.contType01 .thum img{display:inline-block;width:24px;}
.bgArea .bgCont.contType01 .thum .thumName{display:inline-block;font-size:17px;font-weight:700;color:#8f96a0;padding-left:8px; line-height:26px}
.bgArea .bgCont.contType01 .loanTit{display:inline-block;font-size:17px;font-weight:700;color:var(--font-neutral-1);margin-top:8px;}
.bgArea .bgCont.contType01 .dateTxt{display:inline-block;font-size:14px;font-weight:400; color:var(--font-neutral-5);} 
.bgArea .bgCont.contType01 .bankProductName{display:block;font-size:14px; color:var(--font-neutral-5);margin-top:4px}
.bgArea .bgCont.contType01 .logoType .thumName{font-size:17px;font-weight:700;color:var(--font-neutral-1);}
/* //공통 APi [e] */

/* no data, no result empty */
.noResult{margin-top:94px;text-align:center}
.noResult img {width:114px;margin:0 auto}
.noResultText{margin-top:10px}
.noResult p, .noResultText p{font-size:15px}
.noResultText .f20{font-size:20px;font-weight:700;color:var(--font-neutral-1);padding-bottom:8px; line-height:28px}
.noData{padding-bottom:60px}
.noData .noResult{margin:40px 0 60px}
.noData .categoryBanner{margin:0}
.noDataInner .noResult{margin:60px 0 25px}
.noDataInner .roundBtn{display:flex;justify-content:center;margin-top:0}
.noDataInner .roundBtn .btnBC{margin-top:0}

/* 에러페이지 */
.payboocLogo{position:absolute;left:24px;top:18px;width:87px;height:20px;text-indent:-9999px;background:url(/static/assets/images/comm/prev/logo_paybooc.png) no-repeat 0 0;background-size:87px 20px}
.errorPage{display:table;height:100vh;margin-top:-56px;width:100%}
.errorPage .payboocLogo{display:block;text-indent:-9999px;top:14px;width:84px;height:28px;background:url(/static/assets/images/comm/prev/logo_paybooc_sub.png) no-repeat 50% 50%;background-size:80px 20px}
.errorPage .noResult{display:table-cell;vertical-align:middle}
.errorPage .noResult .img{display:block;margin:0 -20px}
.errorPage .noResult img{width:100%;max-width:360px}
.errorPage .noResult .alertTitle{font-size:20px !important}
.errorPage .noResult .flowControl{font-size:18px;font-weight:700;color:var(--font-neutral-1)}
.errorPage .noResultText strong{font-weight:700}
.errorPage .errorProcess{margin-top:8px}
.errorPage .errorProcess .errorGrpah{width:270px;height:10px;background:#f1f4f7;border-radius:100px;margin:40px auto 0;overflow:hidden}
.errorPage .errorProcess .value{background:#fa5273;border-radius:100px;height:10px}
.errorPage .errorProcess .time{display:block;font-size:15px; color:var(--font-neutral-2)}
.errorPage .innerBtn{margin-top:40px}
.errorPage .innerBtn span{display:block}
.errorPage .innerBtn .underBtn{font-size:15px !important;color:#8f989c !important;margin-top:16px}
.errorPage .innerBtn .underBtn:before{background:#8f989c}
.errorPage.flowControlPage{margin-top:-118px}
.errorPage.flowControlPage .btnArea.btmNavi{bottom:100px}
.errorPage.renewType{margin-top:-120px}
.errorPage.renewType .noResult{position:relative;margin-top:0;padding-top:120px}
.errorPage.renewType .alertTitle{margin-top:24px}
.errorPage.renewType .noResultText{margin-top:20px}
.errorPage.renewType .noResultText p{color:#424242}
.errorPage.renewType .innerBtn, .errorPage.renewType .innerBtn .underBtn{margin-top:0}
.errorPage.renewType .innerBtn{position:absolute;right:0;bottom:24px;left:0}
.errorPage.renewType .innerBtn .underBtn:before{bottom:-4px}
#NetFunnel_Loading_Popup{left:inherit !important;top:inherit !important} /* 유량제어 솔루션 포지션 */
.layerInner .errorPage{display:block;height:100%;margin-top:0}
.layerInner .errorPage .noResult{display:block;margin-top:0;padding-bottom:40px}

.anchorArea{margin-top:24px;background:#e8f3fa;border-radius:14px}
.anchorArea > a {display:block;position:relative;padding:15px 49px 15px 24px;font-size:15px; color:var(--font-neutral-2)}

.roundedBx{padding:18px 24px;margin:0 -4px;background:#fff;box-shadow:0px 6px 16px rgba(15, 21, 34, 0.04);border-radius:14px}
.bxWithimg{display:flex;align-items:center;margin-bottom:32px}
.bxWithimg:last-child{margin-bottom:0}
.bxWithimg img{width:32px}
.bxWithimg img + p{margin-left:20px;font-size:15px;line-height:22px}

/* [422] */
/* barGraph */
.barGraph{position:relative;box-sizing:border-box;margin-top:8px;padding-top:20px}
.barGraph .graphLine{position:relative;background:#f1f1f4;border-radius:20px;height:20px;box-sizing:border-box}
.barGraph .progressBar{position:absolute;left:0;top:0;background:#ff5977;border-radius:20px;width:0;height:20px;box-sizing:border-box}
.barGraph .graphCircle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:52px;height:52px;line-height:52px;text-align:center;background:#fff;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.08);border-radius:52px;font-size:15px;font-weight:700;color:#f43347;/*margin:0 -26px;*/box-sizing:border-box}
.barGraph .valueDate{display:block;padding-top:4px;font-size:14px !important; color:var(--font-neutral-2) !important}
.barGraph .valueArea{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.barGraph .valueArea .minValue, .valueArea .maxValue{font-size:14px;color:var(--font-neutral-6)}
.barGraph .valueArea .maxValue{text-align:right}
.barGraph .valueArea .topt{display:block;}
.barGraph .valueArea .btmt{display:block; color:var(--font-neutral-2);}
/* //[422] */

.dataList > li{position:relative;border-bottom:1px solid #dfe1e5}
.dataList > li .installInfor{display:block;position:relative;padding:0 20px 0 68px}
.dataList > li .installInfor span{display:block}
.dataList > li .itemName{position:absolute;left:4px;bottom:0}
.dataList > li .dataPeriod{font-size:18px;font-weight:700;padding-top:2px;color:var(--font-neutral-1)}
.dataList > li .dateInfor.install{padding:6px 0 0 68px}
.dataList > li .statusInfor{padding-top:6px}
.dataList > li .statusInfor .txtInfor{display:flex;align-items:center;font-size:14px; color:var(--font-neutral-2)}
.dataList > li .dataStatus{font-size:18px;font-weight:700;color:var(--font-neutral-1)}
.dataList > li a{display:block;padding:24px 0}
.dataList > li .loanInfor{display:block;position:relative;padding:0 20px 0 44px}
.dataList > li .loanInfor > *{display:block}
.dataList > li .thum{position:absolute;top:50%;left:4px;width:24px;transform:translateY(-50%)}
.dataList > li .dataTit{font-size:16px; color:var(--font-neutral-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0;font-weight:400}
.dataList > li .dataTit .badge{vertical-align:2px}
.dataList > li .dataMoney{font-size:13px;padding-top:2px;color:var(--font-neutral-1)}
.dataList > li .dataMoney em{margin-right:2px;font-size:18px;font-weight:700}
.dataList > li .dataSub{font-size:14px;color:var(--font-neutral-6)}
.dataList > li .dateInfor{display:block;padding:6px 0 0 44px}
.dataList > li .dateInfor [class*="txtInfor"]{font-size:14px;color:var(--font-neutral-6)}
.dataList > li .dateInfor .txtInfor.fBold{color:var(--font-neutral-1)}
.dataList > li .dateInfor .txtInfor span:first-of-type{margin-left:0;}
.dataList > li .dateInfor [class*="txtInfor"]:first-of-type:after{content:'';display:inline-block;vertical-align:middle;width:1px;height:11px;background:#e6e6e6;margin:0 2px 0 6px}
.dataList > li .dateInfor [class*="txtInfor"]:last-of-type:after{display:none}
.dataList > li .dataInfo{padding:0 63px 0 44px}
.dataList > li .dataInfo [class^="data"]{display:block}
.dataList > li .dataDesc{padding-top:2px;font-size:14px;color:var(--font-neutral-1)}
.dataList > li .dataDesc .number:before{margin-right:3px;content:'/'}
.dataList > li .thumtextArea{display:block;position:relative;padding:0 10px 0 48px} /* //[422]추가 */
.dataList > li .thumtextArea > *{display:block} /* //[422]추가 */

/* [422] */
/* logoViewList */
/* .logoViewList > li{position:relative;border-bottom:1px solid #dfe1e5}
.logoViewList > li .installInfor{display:block;position:relative;padding:0 20px 0 68px}
.logoViewList > li .installInfor span{display:block}
.logoViewList > li .itemName{position:absolute;left:4px;bottom:0}
.logoViewList > li .dataPeriod{font-size:18px;font-weight:700;padding-top:2px;color:var(--font-neutral-1)}
.logoViewList > li .dateInfor.install{padding:6px 0 0 68px}
.logoViewList > li .statusInfor{padding-top:6px}
.logoViewList > li .statusInfor .txtInfor{display:flex;align-items:center;font-size:14px; color:var(--font-neutral-2)}
.logoViewList > li .dataStatus{font-size:18px;font-weight:700;color:var(--font-neutral-1)}
.logoViewList > li a{display:block;padding:24px 0} */
/* .logoViewList > li .loanInfor{display:block;position:relative;padding:0 20px 0 44px}
.logoViewList > li .loanInfor > *{display:block}
.logoViewList > li .thum{position:absolute;top:50%;left:4px;width:24px;transform:translateY(-50%)}
.logoViewList > li .dataTit{font-size:16px; color:var(--font-neutral-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0;font-weight:400}
.logoViewList > li .dataTit .badge{vertical-align:2px}
.logoViewList > li .dataMoney{font-size:13px;padding-top:2px;color:var(--font-neutral-1)}
.logoViewList > li .dataMoney em{margin-right:2px;font-size:18px;font-weight:700}
.logoViewList > li .dataSub{font-size:14px;color:var(--font-neutral-6)} */
/* .logoViewList > li .dateInfor{display:block;padding:6px 0 0 44px}
.logoViewList > li .dateInfor [class*="txtInfor"]{font-size:14px;color:var(--font-neutral-6)}
.logoViewList > li .dateInfor .txtInfor.fBold{color:var(--font-neutral-1)} */
/* .logoViewList > li .dateInfor [class*="txtInfor"]:first-of-type:after{content:'';display:inline-block;vertical-align:middle;width:1px;height:11px;background:#e6e6e6;margin:0 2px 0 6px}
.logoViewList > li .dateInfor [class*="txtInfor"]:last-of-type:after{display:none}
.logoViewList > li .dataInfo{padding:0 63px 0 44px} */
.logoViewList > li .dataInfo [class^="data"]{display:block}
.logoViewList > li .dataDesc{padding-top:2px;font-size:14px;color:var(--font-neutral-1)}
.logoViewList > li .dataDesc .number:before{margin-right:3px;content:'/'}
.logoViewList > li .thumtextArea{display:block;position:relative;padding:0 10px 0 48px} /* //[422]추가 */
.logoViewList > li .thumtextArea > *{display:block} 
/* //[422]추가 */
/* logoViewList */

/* [416] 신규 dataViewArea case_01 */
.dataViewArea .dataView.hideBlock{display:none;} /* //[509] */
.dataViewArea .dataView{padding:24px 20px;margin-bottom:16px;border-radius:20px;background-color:#fff;}
.dataViewArea .dataView:last-of-type{margin-bottom:20px;}
.dataViewArea .dataTtl{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;}
.dataViewArea .dataTtl .incLogo{display:flex;align-items:center;justify-content:flex-start;flex-flow:row nowrap;margin-left:2px;font-size:15px;font-weight:700;color:#8f989c;}
.dataViewArea .dataTtl .incLogo img{flex:none;width:24px;height:auto;}
.dataViewArea .dataTtl .incLogo .logoAlttext{flex:auto;padding-left:8px; color:var(--font-neutral-2);font-size:18px;}
.dataViewArea .dataTtl .btnDragDrop{width:24px;}
.dataViewArea .dataTtl .btnDragDrop img{width:24px;}
.dataViewArea .dataTit{font-weight:700;color:var(--font-neutral-1)}
/* dataList | dataViewArea */
.dataViewArea .dataViewList > li{position:relative;}
/* .dataViewArea .dataViewList > li:after{content:'';position:absolute;top:50%;right:0;width:32px;height:32px;transform:translateY(-50%);background:url(/static/assets/images/comm/prev/view_more_arrow_32x32.png)no-repeat center / 100%;}
.dataViewArea .dataViewList > li:first-child:after{top:calc(50% - 12.5px);} */
.dataViewArea .btnDraghide .dataTtl .btnDragDrop{display:none;}

/* .dataViewArea .dataViewList > li > a{padding-bottom:20px;} */
.dataViewArea .dataViewList > li:first-child > a{padding-bottom:0px;}
.dataViewArea .dataViewList:not(.dragType) > li ~ li {margin-top:20px;}
.dataViewArea .dataViewList > li ~ li > a{padding-top:20px;border-top:1px solid #dfe1e5}
.dataViewArea .dataViewList li a{position:relative;display:block;}
.dataViewArea .dataViewList li .dataViewInner{display:block;position:relative;padding:24px 0;border-bottom:1px solid #dfe1e5}
.dataViewArea .dataViewList .dataPrd{padding:0 13px 0 0px}
.dataViewArea .dataViewList .dataPrd [class*="data"]{display:block}
.dataViewArea .dataViewList .dataPrd .dataName{white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:var(--font-neutral-2);}
.dataViewArea .dataViewList .dataPrd .dataNum{margin-top:4px;font-size:14px;color:var(--font-neutral-6)}
.dataViewArea .dataViewList .dataPrd .spendMoney{display:inline-block;padding-top:4px;font-size:14px;line-height:29.6px;}
.dataViewArea .dataViewList .dataPrd .spendMoney em{padding-right:2px;font-size:20px;font-weight:700;}
.dataViewArea .dataViewList .dataPrd .dateInfor{display:block;font-size:14px;font-weight:400;color:var(--font-neutral-3);}
.dataViewArea .dataViewList .dataPrd .dateInfor .txtInfor{display:inline-block}
.dataViewArea .dataViewList .dataPrd .dateInfor .txtInfor ~ .txtInfor {margin-left:12px;}
.dataViewArea .dataViewList .dataPrd * + .dateInfor{margin-top:12px;}
.dataViewArea .dataViewList ~ .dataTtl{margin-top:20px;padding-top:24px;border-top:1px solid #edeef2;}
.dataViewArea .cardDetail{padding-top:24px;}
.dataViewArea .cardDetail li{margin-bottom:12px;border-radius:14px;overflow:hidden;}
.dataViewArea .cardDetail li:last-child{margin-bottom:0px;}
.dataViewArea .cardDetail li a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:16px 28px 16px 16px;background-color:#f5f7fd;}
.dataViewArea .cardDetail li a:after{content:'';position:absolute;top:50%;right:4px;width:24px;height:24px;transform:translateY(-50%);background:url(/static/assets/images/comm/prev/banner_small_a.png)no-repeat center / 24px 24px;}
.dataViewArea .cardDetail li a .name{flex:none;font-size:14px;color:var(--font-neutral-3);}
.dataViewArea .cardDetail li a .num{flex:0 1 auto;display:inline-block;font-size:13px;color:var(--font-neutral-1);line-height:1.25;text-align:right;}
.dataViewArea .cardDetail li a .num em{display:inline;font-size:17px;font-weight:700;padding-right:1px;padding-right:3px;line-height:0.95;vertical-align:top;word-break:break-all;white-space:normal;}
/* .dataViewArea .dataPrd .dateInfor .txtInfor span:first-of-type{margin-left:0;} */  /* [509] */
.dataViewArea .dataPrd .dateInfor .txtInfor + .txtInfor{margin-left:12px;} /* [509] */

/* type02 */
.dataViewArea .dataView.type02 .dataPrd{position:relative;padding:0 100px 0 72px}
.dataViewArea .dataView.type02 .dataPrd .side{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.dataViewArea .dataView.type02 .dataPrd .sideTxt{display:block;font-size:13px;color:var(--font-neutral-6)}
/* dragType */
/* .dataViewArea .dataViewList.dragType > li:after{content:unset;} */
.dataViewArea .dataViewList.dragType > li{border-bottom:1px solid #dfe1e5;margin-top:0px;}
.dataViewArea .dataViewList.dragType > li:last-of-type{border-bottom:0px;}
/* //[416] 신규 dataViewArea case_01 */

/* [422] */
.dataViewArea .dataView.type01{padding-top:0px;padding-bottom:0px;overflow:hidden;}
/* //[422] */

/* [422] 신규 dataViewArea logoType */
.dataViewArea .logoViewList{}
.dataViewArea .logoViewList>li{}
.dataViewArea .logoViewList > li:first-child > a{padding-bottom:0px;}
.dataViewArea .logoViewList:not(.dragType) > li ~ li {margin-top:24px;}
.dataViewArea .logoViewList > li ~ li > a{padding-top:24px;border-top:1px solid #dfe1e5}
.dataViewArea .logoViewList li a{position:relative;display:block;}
.dataViewArea .logoViewList li .dataViewInner{display:block;position:relative;padding:24px 0;border-bottom:1px solid #dfe1e5}
.dataViewArea .logoViewList .dataPrd{position:relative;padding-left:48px;}
.dataViewArea .logoViewList .dataPrd [class*="data"]{display:block}
.dataViewArea .logoViewList .dataPrd .dataName{font-size:16px; color:var(--font-neutral-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0;font-weight:400; line-height:24px;}
.dataViewArea .logoViewList .dataPrd .dataNum{font-size:14px;padding-top:6px;line-height:29px;color:var(--font-neutral-1)}
.dataViewArea .logoViewList .dataPrd .dataNum em{margin-right:2px;font-size:20px;font-weight:700;color:var(--font-neutral-3);} /* [529] */
.dataViewArea .logoViewList .dataPrd .thum{position:absolute;top:50%;left:4px;width:36px;transform:translateY(-50%)}
.dataViewArea .logoViewList .dataPrd .dateInfor .txtInfor{font-size:14px;}
.dataViewArea .logoViewList .dataPrd .dataNum + .dateInfor{display:block;padding-top:12px;}
.dataViewArea .logoViewList > li .thumtextArea{display:block;position:relative;padding:0 10px 0 48px} /* //[422]추가 */
.dataViewArea .logoViewList > li .thumtextArea > *{display:block} /* //[422]추가 */
/* noLogo */
.dataViewArea .logoViewList .noLogo.dataPrd{padding-left:0px;}
.dataViewArea .logoViewList .noLogo .thumtextArea{padding-left:0px;}
.dataViewArea .logoViewList .noLogo .dataPrd .dataName,
.dataViewArea .logoViewList .noLogo .dataPrd .dataNum,
.dataViewArea .logoViewList .noLogo .dataPrd .dateInfor{padding-left:4px;}
/* dragType */

/* //[422] 신규 dataViewArea logoType */

/* [528] logoBlockType [s] */
.dataViewArea .logoViewList .dataPrd.logoBlockType{padding-left:0px;}
.dataViewArea .logoViewList .dataPrd.logoBlockType .thum{display:flex;align-items:center;justify-content: flex-start;flex-flow: row nowrap;margin-left:2px;font-size:15px;font-weight:700;color:var(--font-neutral-1);position:static;top:0;left:0;width:auto;max-width:100%;transform:none;}
.dataViewArea .logoViewList .dataPrd.logoBlockType .thum .thumTtl {font-size:18px;}
.dataViewArea .logoViewList .dataPrd.logoBlockType .thum img{flex:none;width:24px;height:auto;padding-right:8px; box-sizing:content-box}
.dataViewArea .logoViewList .dataPrd.logoBlockType .dataName{margin-top:16px;}
/* //[528] [e] */

/* [422] 신규 카드디자인 타이틀 : dataViewArea + ttlitem + dataView case_02 */
/* .dataViewArea .ttlitem{display:flex;align-items:center;justify-content:space-between;padding-left:4px;padding-right:4px;}
.dataViewArea .ttlitem .ttl{font-size:20px;font-weight:700;color:var(--font-neutral-1);word-break:keep-all;}
.dataViewArea .ttlitem .sideTxt{font-size:17px;}
.dataViewArea .ttlitem .sideTxt em{margin:0 2px 0 3px;}
.dataViewArea .ttlitem + .dataView{margin-top:12px;}
.dataViewArea .dataView + .ttlitem{margin-top:52px;} */

.dataViewArea .titArea{display:flex;align-items:center;justify-content:space-between;}
.dataViewArea .titArea .titDep2{margin-top:0px;padding-top:0px;font-size:20px;font-weight:700;color:var(--font-neutral-1);word-break:keep-all;}
.dataViewArea .titArea .sideTxt{font-size:17px;padding-right:4px;}
.dataViewArea .titArea .sideTxt em{margin:0 2px 0 3px;}
.dataViewArea .titArea .titDep2 .tooltip{vertical-align:calc(50% - 20px);}
.dataViewArea .titArea + .dataView{margin-top:12px;}
.dataViewArea .dataView + .titArea{margin-top:66px;}
/* .dataViewArea .dataView.hideBlock + .titArea{margin-top:0px;} */ /* [509] */
.dataViewArea .titArea.hideBlock{display:none;} /* [509] */


/* //[422] 신규 dataViewArea case_02 */

/* as-is [422] [s] */
/* 대출 조회 에서 생성 (공통) */
.loanInfor{position:relative;padding:20px 24px 40px; }
.loanInfor:has(.visualTit) {padding-bottom:24px; padding-top:12px}
.bgArea:has(.loanInfor):has(.visualTit) ~ .assetConnect {padding-top:0;}
.mydata .btnloanLayerOpen{padding:8px 12px;font-size:13px; color:var(--button-secondary-tc);background:var(--button-secondary);border-radius:8px; line-height:20px}



.topFixed{position:fixed !important;top:12px !important;right:20px !important;z-index:101;width:auto !important;height:auto !important;transform:inherit !important}
.moneyIco{display:block;font-size:17px !important;font-weight:700 !important;color:var(--font-neutral-1) !important}
.moneyIco:after{content:'';display:inline-block;vertical-align:bottom;margin-left:2px;width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_money.png) no-repeat;background-size:24px 24px}
.headItem.headTitArea{margin-bottom:6px}
.headItem .refreshArea{width:auto;height:auto}
.headItem .refreshArea .loadingPer, .assetsInfor .assetsMoney .refreshArea .loadingPer{left:inherit;right:0;top:-23px}
.prdHeadComm .headItemTit{vertical-align:bottom;padding-left:4px}
.prdHeadComm .headItemTit ~ .tooltip .tooltipCont{top:33px}
.prdHeadComm .tooltip{margin-bottom:4px}
.prdHeadComm .headItem .side{right:4px;height:auto}
.prdHeadComm .useMoney, .headItem .useMoney{font-size:15px}
.prdHeadComm .useMoney em, .headItem .useMoney em{display:inline-block;margin:0 2px}
.prdHeadComm.titDep2{padding:0}
.loanInforArea{padding:40px 4px}
.loanInforArea ~ .loanInforArea{padding:0 4px 40px;margin-top:20px}
.btnInc .loanInforArea{padding:35px 4px 25px}
.btnInc .loanInforArea ~ .loanInforArea{padding:0 4px 25px;margin-top:35px}
.divBox .dataList{padding:0 20px}
.expiryBadge{border-color:transparent;font-weight:700 !important; color:var(--font-point-2) !important;background:rgba(93, 103, 207, 0.1)}
.addAssets{background:var(--background-color-2);border-radius:20px;margin-top:32px}
.addAssets > a{display:block;position:relative;padding:15px 49px 15px 24px;font-size:15px; color:var(--font-neutral-2)}
.editAssets{background:var(--background-color-2);text-align:center;margin:60px -20px 0;padding:44px 0}
/* //as-is [422] [e] */

/* categoryBanner [416] 신규 */
.categoryBanner{background:#e8f3fa;border-radius:14px;margin:0 -4px}
.categoryBanner a{display:block;position:relative;padding:15px 42px 15px 24px;font-size:15px; color:var(--font-neutral-2)}
.categoryBanner a:after{content:'';display:block;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:url(/static/assets/images/comm/prev/ico_arrow_64x64.png) no-repeat;background-size:32px 32px}

.addAssets > a.icoCardedit{font-size:16px;letter-spacing:-0.5px;line-height:24px;padding:13px 24px 13px 56px;color:#45567e;border:1px solid #ebf0ff;border-radius:26px;background:#ebf0ff;}
.addAssets > a.icoCardedit:before{content:'';position:absolute;top:calc(50% - 9px);left:20px;width:27px;height:19px;background-image:url(/static/assets/images/comm/prev/card_edit_32x32.png);background-repeat:no-repeat;background-size:27px 19px;} /* [509] [416] */
.addAssets > a.icobtnAsset{font-size:16px;letter-spacing:-0.5px;line-height:24px;padding:13px 24px 13px 56px;color:#45567e;border:1px solid #ebf0ff;border-radius:26px;background:#ebf0ff;}
.addAssets > a.icobtnAsset::before{content:'';position:absolute;top:calc(50% - 16px);left:20px;width:32px;height:32px;background-repeat:no-repeat;background-size:100%;}
.addAssets > a.icobtnAsset::after{background-color:#5D67CF}


.icoMoneyedit:before {background-image:url(/static/assets/images/asset/mydata_renew2/ico_moneyblue_edit_32x32.png);}
.addAssets .btnArrow:after{right:14px;width:14px;height:14px; -webkit-mask:var(--arrow-right-normal);
    mask:var(--arrow-right-normal); background-color:#222; background-image:none}

/* //categoryBanner [416] 신규 */

/* useList [416] 카드, 머니선불카드 공통 리스트 css 이동 */
/* useList */
.useList > li{padding:36px 0 40px;border-bottom:1px solid #dfe1e5}
.useList > li:first-child{padding-top:0}
.useList li.noResult{padding:0;border-bottom:0;margin-top:0}
.useList li .dateArea{position:relative;padding:0 24px;margin:0 -20px}
.useList li .dateArea .expectedBadge{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:rgba(123, 127, 140, 0.1);border-radius:20px;font-size:11px;font-weight:700;color:var(--font-neutral-6);padding:2px 8px 3px}
.useList li .dateArea.fixed{position:fixed;left:0;right:0;top:56px;z-index:10;background:#fff;}
.useList li .dateArea.fixed .useDate{padding:0 24px 0 38px}
.useList li .dateArea.fixed .useDate:before{left:24px !important}
.useList li .dateArea.fixed + .useList02{margin-top:-32px}
.useList li .dateArea.fixed + .useList02 li:first-child{margin-top:102px}
.useList li .dateArea.fixed .listAdd{right:40px}
.useList li .dateArea.fixed .useMoney{right:48px}
.useList li .useMoney{display:inline-block;position:absolute;right:24px;top:0;font-size:15px;line-height:46px} /* //230921 [527] qa1025 */
.useList li .useDate{display:block;position:relative;font-size:16px;height:46px;line-height:46px;padding-left:14px}
.useList li .useDate:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translate(0, -50%);width:8px;height:8px;border-radius:4px}
.useList li .useDate em{font-weight:700;padding-left:5px;} /* [529] */
.useList li .useDate.mon:before{background:#ff3f53}
.useList li .useDate.mon em{color:#ff3f53}
.useList li .useDate.tue:before{background:#ff974c}
.useList li .useDate.tue em{color:#ff974c}
.useList li .useDate.wed:before{background:#f9d069}
.useList li .useDate.wed em{color:#f9d069}
.useList li .useDate.thu:before{background:#30b96f}
.useList li .useDate.thu em{color:#30b96f}
.useList li .useDate.fri:before{background:#4d83ec}
.useList li .useDate.fri em{color:#4d83ec}
.useList li .useDate.sat:before{background:#13377d}
.useList li .useDate.sat em{color:#13377d}
.useList li .useDate.sun:before{background:#915cd5}
.useList li .useDate.sun em{color:#915cd5}
.useList li .resultType .useDate{font-size:17px;font-weight:400; color:var(--font-neutral-6);} /* //[509] [416] */
/* useLIst02 */
.useList li .useList02{margin-top:15px}
.useList li .useList02 > li{margin-top:25px}
.useList li .useList02 > li:first-child{margin-top:0}
.useList li .useList02 > li a{display:block;position:relative;padding-left:44px}
.useList li .useList02 > li .useListInner{display:block;position:relative;padding:0 4px}
.useList li .useList02 > li .useListInner > *{display:block}
/* .useList li .useList02 > li .useListInner .useSum, .useList li .useList02 > li .useListInner .addTxt{right:24px} */
.useList li .useList02 > li .useListInner .addTxt{right:24px}
.useList li .useList02 > li .useListInner .useSum{right:4px}
.useList li .useList02 > li>a.useListInner{padding-right:24px;background:url(/static/assets/images/comm/prev/ico_arrow_48x48.png)no-repeat right 3px / 24px 24px;}
.useList li .useList02 > li .useListInner .btmInfor{display:flex;justify-content:space-between;align-items:flex-start}
.useList li .useList02 > li .useListInner .btmInfor .addTxt{position:static;text-align:right}
.useList li .useList02 > li a > *{display:block}
.useList li .useList02 > li .categoryIcon{position:absolute;left:20px;top:50%;transform:translate(0, -50%);height:24px}
.useList li .useList02 > li .categoryIcon img{width:auto;max-width:inherit;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.useList li .useList02 > li .useTime{font-size:11px; color:var(--font-neutral-5)}
.useList li .useList02 > li .useTit, .fixedEdit .dataList .useTit{font-size:15px;font-weight:700;line-height:27px;width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.useList li .useList02 > li .useTxt{font-size:14px;color:var(--font-neutral-6);width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.useList li .useList02 > li .useSum{position:absolute;right:0;top:0;font-size:13px}
.useList li .useList02 > li .useSum em{font-size:17px;font-weight:700;margin-right:2px}
.useList li .useList02 > li .addTxt{position:absolute;right:0;bottom:0;font-size:14px;color:var(--font-neutral-6)}
.useList li .useList02 > li .addTxt02{font-size:14px;color:var(--font-neutral-6)}
.useList li .useList02 > li .addTxt02 + .addTxt{bottom:21px}
.useList li .useList02 > li.cancel{background:#fff;opacity: .5}
.useList li .useList02 > li.notIncluded .useSum{background:#fff;opacity: .5}
.useList li .useList02 > li.cancel a .useTit, 
.useList li .useList02 > li.cancel a .useSum{text-decoration-line: line-through}
.useList li .useList02 > li .paymentTime{padding:0 4px 4px;font-size:13px; color:var(--font-neutral-5)}
.useList li .useList02 > li .badge{vertical-align:bottom;border:1px solid rgba(123, 127, 140, 0.3);color:var(--font-neutral-6) !important}

.useList li .useFlexList02{margin-top:15px}
.useList li .useFlexList02 > li{margin-top:25px}
.useList li .useFlexList02 > li:first-child{margin-top:0}
/* .useList li .useFlexList02 > li a{display:flex;position:relative;} */
.useList li .useFlexList02 > li .useListInner{display:flex;align-items:flex-start;justify-content:space-between;flex-flow:row nowrap;position:relative;padding:0 4px;padding-right:24px;background:url(/static/assets/images/comm/prev/ico_arrow_48x48.png)no-repeat right 3px / 24px 24px;}
.useList li .useFlexList02 > li .useListInner > .item{display:block}
/* .useList li .useFlexList02 > li .useListInner > .item:nth-child(1){word-break: break-all;} */
.useList li .useFlexList02 > li .useListInner > .item:nth-child(2){flex:1 0 auto;}
.useList li .useFlexList02 > li .useListInner > .item > *{display:block}
/* .useList li .useFlexList02 > li>a{} */
/* .useList li .useFlexList02 > li .useListInner .btmInfor{display:flex;justify-content:space-between;align-items:flex-start}
.useList li .useFlexList02 > li .useListInner .btmInfor .addTxt{position:static;text-align:right} */
/* .useList li .useFlexList02 > li a > *{display:block} */
/* .useList li .useFlexList02 > li .categoryIcon{position:absolute;left:20px;top:50%;transform:translate(0, -50%);height:24px}
.useList li .useFlexList02 > li .categoryIcon img{width:auto;max-width:inherit;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)} */
/* .useList li .useFlexList02 > li .useTime{font-size:11px; color:var(--font-neutral-5)} */
.useList li .useFlexList02 > li .useTit{font-size:15px;font-weight:700;line-height:27px;word-break:break-all;}
/* .useList li .useFlexList02 > li .useTit{font-size:15px;font-weight:700;line-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} */
.useList li .useFlexList02 > li .useTxt{font-size:14px;color:var(--font-neutral-6);}
.useList li .useFlexList02 > li .useSum{font-size:13px;text-align:right;}
.useList li .useFlexList02 > li .useSum em{font-size:17px;font-weight:700;margin-right:2px;word-break:break-all;}
.useList li .useFlexList02 > li .addTxt{font-size:14px;color:var(--font-neutral-6);text-align:right;}
/* .useList li .useFlexList02 > li .addTxt02{font-size:14px;color:var(--font-neutral-6)}
.useList li .useFlexList02 > li .addTxt02 + .addTxt{bottom:21px} */
/* .useList li .useFlexList02 > li.cancel{background:#fff;opacity: .5}
.useList li .useFlexList02 > li.notIncluded .useSum{background:#fff;opacity: .5}
.useList li .useFlexList02 > li.cancel a .useTit, 
.useList li .useFlexList02 > li.cancel a .useSum{text-decoration-line: line-through} */
/* .useList li .useFlexList02 > li .paymentTime{padding:0 4px 4px;font-size:13px; color:var(--font-neutral-5)} */
/* .useList li .useFlexList02 > li .badge{vertical-align:bottom;border:1px solid rgba(123, 127, 140, 0.3);color:var(--font-neutral-6) !important} */


.useList02 + .categoryBanner{margin-top:32px}
.useList02 li .categoryBanner{background:#f9f9fa;margin:16px 0 0}
.useList02 li .categoryBanner a{padding:15px 24px !important}

.timelineArea .useList li .useList02 > li .useTit, 
.fixedExpensesArea .useList li .useList02 > li .useTit,
.fixedEdit .dataList .useTit, 
.cardPaymentArea .useList li .useList02 > li .useTit{display:-webkit-box;width:58%;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:inherit;line-height:inherit}
.fixedExpensesArea .popFixedBtn {position:absolute;}

/* //useList [416] */

.select-lpop-wrap .termsList li + li{margin-top:16px}
.select-lpop-wrap .termsList li .btnArrow{padding:2px 24px 2px 0;font-size:16px; color:var(--font-neutral-6);text-align:left}
.select-lpop-wrap .termsList li button.btnArrow{width:100%}
.select-lpop-wrap .termsList li .btnArrow:after{right:0}
.select-lpop-wrap.terms .layerTerms.type02{padding:0 0 30px} /* //[518] */
.select-lpop-wrap .layerTerms.type02 .termsList li .btnArrow{padding:0 28px 0 0}
.select-lpop-wrap .layerTerms.type02 .termsList li .btnArrow:after{right:10px;width:6px;height:9px;background-size:6px 9px}
.select-lpop-wrap.terms .layerTerms.type02 .termsStit{padding:22px 0 11px;font-size:15px}
.select-lpop-wrap.terms .termsList.lineCheck{margin:0 -4px 5px}
.select-lpop-wrap.terms .termsList.lineCheck > li{display:flex;align-items:center;margin-bottom:0}
.select-lpop-wrap.terms .termsList.lineCheck > li ~ li{margin-top:2px}
.select-lpop-wrap.terms .termsList.lineCheck .formCheck label{display:inline-block;padding:2px 0 2px 32px;color:#757575;background-image:url(/static/assets/images/comm/prev/ico_check02_off.png);background-position:left 2px center;background-size:18px}
.select-lpop-wrap.terms .termsList.lineCheck .formCheck input[type=checkbox]:checked+label{background-image:url(/static/assets/images/comm/prev/ico_check02_on.png)}
.select-lpop-wrap.terms .termsList.lineCheck .btnMove{display:inline-block;position:static;width:28px;height:28px;background:url(/static/assets/images/comm/prev/ico_arrow_28x28.png) no-repeat center;background-size:28px;transform:none}
.select-lpop-wrap.terms .termsList.lineCheck .depth2Area{flex-direction:column;align-items:flex-start}
.select-lpop-wrap.terms .termsList.lineCheck .depth2Area .depth2{padding-left:23px;margin-bottom:6px; width:100%;}
.select-lpop-wrap.terms .termsList.lineCheck .depth2Area .depth2 .formCheck{display:inline-block;width:calc(50% - 23px);margin-top:6px}
.select-lpop-wrap.terms .termsList.lineCheck .agreeBadge02{margin-left:11px;}
.select-lpop-wrap.fullPopup .creditTitle .alertTitle.lg{line-height:32px}
.select-lpop-wrap.terms .termsList.lineCheck .formCheck label.twolines {position:absolute;top:-30px;left:0;display:inline-block;width:100%;padding:2px 0 2px 32px;color:#757575;background-image:url(/static/assets/images/comm/prev/ico_check02_off.png);background-position:left 2px center;background-size:18px}

.textLayer{padding-bottom:12px}
.textLayer .txtInfo{margin-top:8px; color:var(--font-neutral-2);}
.textLayer .txtInfoS{margin-top:20px; color:var(--font-neutral-2)}
.textLayer .txtInfo ~ .txtInfoS{margin-top:8px}
.textLayer .secondColor{display:block;margin-top:12px;font-size:14px; color:var(--font-neutral-5);line-height:26px}
.textLayer .pointColor{color:var(--font-point-2)}
.textLayer .pointColor02{color:#f43347}
.textLayer .txtInfoS.secondColor{line-height:inherit}
.textLayer .txtInfo .fBold{font-weight:700}
.textLayer .listDep1{margin-top:24px}
.textLayer .listDep1 > li{margin-top:20px}
.textLayer .listDep1 > li, .textLayer p.listDep1{padding-left:12px;font-size:15px}
.textLayer .listDep1 > li:before, .textLayer p.listDep1:before{top:10px;width:3px;height:3px}
.textLayer .icoMoney{padding-right:30px;background:url(/static/assets/images/comm/prev/event/ico_money_s.png) no-repeat right 1px center;background-size:24px}
.textLayer .icoEvent{padding-right:30px;background:url(/static/assets/images/comm/prev/ico_reco04.png) no-repeat right 1px center;background-size:24px}
.textLayer .mt10{margin-top:10px}
.textLayer .mt12{margin-top:12px}
.textLayer .mt16{margin-top:16px}
.textLayer .mt0{margin-top:0}
.textLayer .listArea{margin-top:24px}
.textLayer .listArea > li{margin-top:20px}
.textLayer .listArea > li:first-child{margin-top:0}
.textLayer .listArea [class*="ico"]{padding-left:44px;font-size:16px; color:var(--font-neutral-5);background-position:left center;background-size:32px;background-repeat:no-repeat}
.textLayer .listArea .ico01{background-image:url(/static/assets/images/comm/prev/ico_list_area01.png)}
.textLayer .listArea .ico02{background-image:url(/static/assets/images/comm/prev/ico_list_area02.png)}
.textLayer .listArea .ico03{background-image:url(/static/assets/images/comm/prev/ico_list_area03.png)}
.textLayer .listArea .ico04{background-image:url(/static/assets/images/comm/prev/ico_list_area04.png)}
.textLayer .listArea .ico05{background-image:url(/static/assets/images/comm/prev/ico_list_area05.png)}
.textLayer .listArea .ico06{background-image:url(/static/assets/images/comm/prev/ico_list_area06.png)}
.textLayer .listArea .ico07{background-image:url(/static/assets/images/comm/prev/ico_list_area07.png)}
.textLayer .listArea [class*="ico"] img{width:15px;vertical-align:-1px}
.textLayer .listArea + .formCheck{margin-top:32px}
.textLayer .listArea ~ .txtInfoS.secondColor{margin-top:20px}
.textLayer .listArea + .btn--arrow {padding: 24px 0 0; margin-top: 24px; border-top: 1px solid var(--line);}
.textLayer .listArea + .btn--arrow a {display: flex; justify-content: space-between; align-items: center;}
.textLayer .listArea + .btn--arrow a::after {content: ''; display: block; width: 12px; height: 12px; -webkit-mask: var(--arrow-right-normal); mask: var(--arrow-right-normal); background-color: var(--gray-700);}

.transactLayer .btnRoundGray{padding:6px 16px 7px;font-size:13px !important;font-weight:700; color:var(--font-neutral-5) !important;background:rgba(0, 0, 0, 0.06);border-radius:24px}
.transactLayer .totalMoney{font-size:16px !important}
.transactLayer .totalMoney:before{display:inline-block;margin-right:8px;font-size:28px;font-weight:700;color:var(--font-neutral-1);content:'약'}
.transactLayer .totalMoney em{margin-right:2px;font-size:30px}
.transactLayer .headTitArea.deposit .totalMoney{color:var(--font-point-2) !important}
.transactLayer .headTitArea.deposit .totalMoney:before{color:var(--font-point-2)}
.transactLayer .headTitArea.deposit .btnRoundGray{color:var(--font-point-2) !important;background:rgba(93, 103, 207, 0.1)}
.transactLayer .divBox{margin:0 -24px}
.transactLayer .divBox .contArea{padding:28px 20px 0}
.transactLayer .divBox .contArea > [class*="cont"]:first-of-type{padding-top:32px;border-top:1px solid #dfe1e5}
.transactLayer .divBox .contArea > [class*="cont"]{position:relative;padding:0 4px}
.transactLayer .divBox .contArea > [class*="cont"] .tooltip {vertical-align:-2px;}
.transactLayer .divBox .contArea .cont03{padding:32px 0 0;border-top:0 !important}
.transactLayer .divBox .contArea .cont03 .titleLg{padding:0 4px}
.transactLayer .divBox .contArea .cont03 .useList > li{border-bottom:0;padding-bottom:0}
.transactLayer .divBox .contArea .cont03 .useList li .useList02{margin-top:24px}
.transactLayer .divBox .contArea .cont03 .useList li .useList02 .date{display:block;font-size:11px; color:var(--font-neutral-5)}
.transactLayer .divBox .contArea .cont03 .useList li .useList02 .useSum{top:auto;bottom:2px}
.transactLayer .divBox .contArea .contTit{display:inline-block}
.transactLayer .tooltip .tooltipCont{top:58px}

.select-lpop-wrap.sharePopup .lpop-cont.fullContent{background-color:rgba(0, 0, 0, 0.6);border-radius:0;}
.shareLayer{display:flex;flex-direction:column;align-items:center}
.shareLayer > li .shareItem{display:flex;align-items:center;justify-content:center;position:relative;width:60px;height:60px;background:#fff;border-radius:50%;box-sizing:border-box}
.shareLayer > li .shareItem > span{position:absolute;bottom:-26px;font-size:15px;font-weight:700;color:#fff}
.shareLayer > li ~ li{margin-top:26px}
.shareLayer > li ~ li .shareItem{margin-top:24px}
.shareLayer > li .kakao:after{width:60px;height:60px;background:url(/static/assets/images/comm/prev/ico_kakao02.png) no-repeat center;background-size:32px 29px;content:''}
.shareLayer > li .url:after{width:60px;height:60px;background:url(/static/assets/images/comm/prev/ico_url02.png) no-repeat center;background-size:32px;content:''}

.notiLayer .notiTitle{padding:0 4px 24px;border-bottom:1px solid #dfe1e5}
.notiLayer .notiTitle .tit{font-size:22px;font-weight:700;color:var(--font-neutral-1)}
.notiLayer .notiTitle .descTxt{padding-top:20px}
.notiLayer .notiTitle .descTxt .date{display:block;font-size:14px; color:var(--font-neutral-2)}
.notiLayer .notiLyrTxt{padding-top:28px}
.notiLayer .notiLyrTxt .txtInfo{color:var(--font-neutral-2)}
.notiLayer .formCheck{margin:24px 0 8px}
.notiLayer .notiImg{padding-top:24px}
.notiLayer.type02{padding-bottom:12px}

.checkLayer{padding:16px 0 12px}
.checkLayer .notice > li{margin-bottom:32px}
.checkLayer .notice > li:last-child{margin-bottom:0}
.checkLayer .notice > li .noticeTit{padding-left:20px;font-size:15px;font-weight:700;background:url(/static/assets/images/comm/prev/ico_budget.png) no-repeat left center;background-size:16px}
.checkLayer .notice > li .listDep1{margin-top:10px;padding-left:16px; color:var(--font-neutral-2)}
.checkLayer .notice > li .listDep1:before{top:11px;width:4px;height:4px;border-radius:4px}
.checkLayer .notice > li .listDep1 .period{display:block}

.choiceLayer{padding-bottom:28px}
.choiceLayer .walletArea{display:flex;justify-content:space-between;width:220px;padding-top:40px;margin:0 auto}
.choiceLayer .walletArea > a{display:block;position:relative;width:64px;background-repeat:no-repeat;background-position:center top 13px;background-size:38px}
.choiceLayer .walletArea > a:first-child{background-image:url(/static/assets/images/comm/prev/ico_shared_wallet01.png)}
.choiceLayer .walletArea > a:nth-child(2){background-image:url(/static/assets/images/comm/prev/ico_shared_wallet02.png)}
.choiceLayer .walletArea > a:before{content:'';display:block;width:64px;height:64px;border-radius:50%;background:#7badf9;opacity:0.1}
.choiceLayer .walletArea > a > span{display:inline-block;margin-top:8px;font-size:15px;line-height:22px;text-align:center}

.mydataMain .itemInner.active .reloadArea .loadingPer, 
.headItem .refreshArea.active .loadingPer, 
.assetsInfor .assetsMoney .refreshArea.active .loadingPer, 
.bill-summary-total .sum-of-money.active .reloadArea .loadingPer{display:inline-block}
.loadingPer{display:none;position:absolute;left:-80%;top:-20px;background:#fff;border:1px solid rgba(123, 127, 140, 0.4);box-sizing:border-box;font-size:11px !important;color:var(--font-neutral-6);padding:1px 5px;border-radius:20px;margin-left:2px;text-align:center;z-index:1}
.loadingPer:before{content:'';display:block;position:absolute;right:10px;bottom:-5px;width:6px;height:6px;background:url(/static/assets/images/comm/prev/bg_loadingper_edge.png) no-repeat 50% 50%;background-size:6px 6px}
.mydataMain .itemInner.active .reloadArea .btnReload,
.headItem .refreshArea.active .btnRefresh,
.assetsInfor .assetsMoney .refreshArea.active .btnRefresh,
.bill-summary-total .sum-of-money.active .btnReload{animation:rotation 2s infinite linear;-moz-animation:rotation 2s infinite linear;-webkit-animation:rotation 2s infinite linear}

@keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

.totalMoney{display:inline-block;font-size:18px !important;font-weight:700 !important;color:var(--font-neutral-1) !important;vertical-align:middle;overflow:hidden; }
.totalMoney em{font-size:34px !important;margin-right:4px; }
.totalMoney .letter{display:inline-block;opacity:0;vertical-align:-2px;}
.totalMoney + .tooltip{vertical-align:-8px;}
.totalMoney + .tooltip .tooltipCont{left:-4px; right:-4px; top:37px}


.totalMoney.active{opacity:0.4}
.totalMoney.addText em{margin:0 4px}
.totalMoney.deposit{color:var(--font-point-2) !important}
.totalMoney.deposit em{position:relative;padding-left:21px}
.totalMoney.deposit em:after{position:absolute;top:1px;left:0;content:'+'}
/* API2.0 [397] 머니, 선불카드, 할부금융리스, 계좌 같이 사용 */
.totalMoney.pointColor,
.totalMoney.pointColor em{color:var(--font-point-2) !important;}
.totalMoney.sum em:before{content:'+';font-size:inherit;vertical-align:bottom;}
/* .sum.pointColor{position:relative; color:var(--font-point-2)}
.sum.pointColor em{position:relative;padding-left:11px;word-break:break-all;}
.sum.pointColor em:after{position:absolute;top:1px;left:0;content:'+'} */
/* //API2.0 [397] 머니, 선불카드, 할부금융리스, 계좌 같이 사용 */

.mydata .useTip{position:relative;font-size:11px;font-weight:700; color:var(--font-point-2);padding:2px 5px;border:1px solid #5d67cf;border-radius:4px}
.mydata .useTip strong{font-size:13px;text-transform:uppercase}
.mydata .useTip:after{content:'';display:block;position:absolute;left:50%;bottom:-7px;margin-left:-3px;width:12px;height:7px;background:url(/static/assets/images/comm/prev/bg_usetip_edge.png) 0 0 / 12px 7px no-repeat}

/* shareArea : 배너 안 버튼형타입 */
.shareArea .shareList{display:flex;align-items:center;flex-wrap:wrap}
.shareArea .shareList > li ~ li{margin-left:12px}
.shareArea .shareList > li:first-child{margin-left:0}
.shareArea .shareList > li > button{display:block;position:relative;width:44px;height:44px;background-repeat:no-repeat;background-size:44px 44px;text-indent:-9999px}
.shareArea .shareList > li .kakao{background-image:url(/static/assets/images/comm/prev/ico_kakao.png)}
.shareArea .shareList > li .url{background-image:url(/static/assets/images/comm/prev/ico_url.png)}

.assetsHead{padding:0 4px 24px}
.assetsHead .headItem .side{height:auto}
.assetsHead .headItem .tooltip{vertical-align:1px}
.assetsHead .headItem .tooltip .tooltipCont{top:100%}
.assetsHead .headItem .tooltip .listDep1 > li:first-child{margin-top:0}
.headItem.titOnly{margin-bottom:20px}
.headItem.totalMoneyArea .totalMoney em{display:inline-block; line-height:48px; }
/* //[451] */
.headItem .resultTxt{font-size:28px;color:var(--font-neutral-1);} /* //[528] */
/* .headItem .resultTxt .tooltip .tooltipCont{line-height:0.925;} */ /* //[528] */
.headItem .resultTxt em{display:inline-block;font-weight:700;line-height:48px} /* //[528] */
.headItem .resultTxt .btnTooltip {margin-top:12px;} 
.mydata.assetRenew .innerBox .tabType01.pageTop{padding:0 4px 32px}
.mydata.assetRenew .innerBox .useList .userInvest{margin-top:20px}
.mydata.assetRenew .userInvest li .userTransact .money em, 
.mydata.assetRenew .userInvest li .userTransact .amount em{font-size:17px;vertical-align:-1px}
.mydata.assetRenew .dataList > li .dateInfor{padding:8px 0 0 44px}
.mydata.assetRenew .dataList > li .dataMoney{padding-top:4px}
.mydata.assetRenew .headDataArea{padding:0 4px}
.mydata.assetRenew .headDataArea .headTitArea{margin-bottom:0}

.listDep1 .tblL{margin-top:8px}
.tblL > li{display:table;table-layout:fixed;width:100%;border-top:1px solid #ebebeb;box-sizing:border-box}
.tblL > li:last-of-type{border-bottom:1px solid #ebebeb}
.tblL > li > div{display:table-cell;padding:12px 16px;font-size:14px;box-sizing:border-box;vertical-align:middle}
.tblL > li .tblLtit{width:25%;border-right:1px solid #ebebeb;font-weight:700;text-align:center;background:#fafafa}
.tblL > li .tblLtxt{color:#424242}

/* 약관동의 팝업 */
.layerTerms{padding:0 4px}
.layerTerms .checkList li{position:relative;margin-bottom:18px}
.layerTerms .checkList li:last-child{margin-bottom:0}
.layerTerms .checkList li > a{display:block;position:relative}
.layerTerms .checkList .formCheck{padding:1px 0}
.layerTerms .checkList li button{display:block;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:32px;height:32px;text-indent:-9999px;overflow:hidden;background:url(/static/assets/images/comm/prev/ico_arrow_64x64.png) no-repeat;background-size:32px 32px}
.depth2Item{position:relative}
.depth2Item .depth2Target{position:absolute;top:50%;right:0;width:24px;height:24px;transform:translateY(-50%)}
.depth2Item .check{display:block;width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_arrow_sm.png) no-repeat center;background-size:11px 7px;transform:rotate(180deg);text-indent:-9999px;overflow:hidden;} /* 공통 수정 */
.depth2Item.formCheck label{background-image:url(/static/assets/images/comm/prev/on_noframe_unselected_24px.png);background-repeat:no-repeat;background-position:0 50%;background-size:24px 24px}
.depth2Item.formCheck input[type=checkbox]:checked+label{background:url(/static/assets/images/comm/prev/on_noframe_unselected_blue_24.png) 0 0 / 24px auto no-repeat;background-repeat:no-repeat;background-position:0 50%;background-size:24px 24px}
.depth2Item .check.active{transform:rotate(0)}
.depth2Item + .depth2{display:none;padding:18px 0 18px 8px}
.depth2Item + .depth2.active{display:block}
.depth2Item + .depth2 > .lineChk{margin-bottom:8px}
.depth3Item{padding:16px 24px; background:var(--background-color-2);}
.lineChkArea{display:flex}
.lineChkArea + .lineChkArea{margin-top:8px}
.lineChkArea .lineChk{width:50%;padding:2px 0}

/* 가입 동의 */
.h390{height:390px !important}
.h390 .layerInner{padding-top:0}
.errorNotiCont .titDep2{font-size:22px !important;margin-top:0}
.errorNotiCont .txtInfo{color:var(--font-neutral-2);padding:8px 0 24px}
.errorNotiCont [class*="agencyItem"] dt{font-size:16px;font-weight:700;color:var(--font-neutral-6);padding-left:21px}
.errorNotiCont [class*="agencyItem"] dd{padding-top:8px}
.errorNotiCont [class*="agencyItem"] dd span{display:inline-block; background:var(--background-color-2);border-radius:100px;font-size:14px; color:var(--font-neutral-2);padding:5px 16px 6px;margin:8px 5px 0 0}
.errorNotiCont .agencyItem01 dt{color:var(--font-point-2);background:url(/static/assets/images/comm/prev/ico_agency_item01.png) no-repeat 0 50%;background-size:16px 16px}
.errorNotiCont .agencyItem02{margin-top:28px}
.errorNotiCont .agencyItem02 dt{background:url(/static/assets/images/comm/prev/ico_agency_item02.png) no-repeat 0 50%;background-size:16px 16px}
.appEndCont{text-align:center;margin-top:-8px;background:url(/static/assets/images/comm/prev/bg_auth04.png) no-repeat 50% 28px;background-size:114px 105px;padding-top:153px}
.appEndCont .titDep2{margin-top:0}
.appEndCont .txtInfo{color:var(--font-neutral-2);padding-top:8px}
.privateAuth{padding:20px 4px 0}
.privateAuth .txt{font-size:22px;font-weight:700;color:var(--font-neutral-1);text-align:center}
.privateAuth .btnInstall{position:relative;text-align:center;padding-top:240px;}
.privateAuth .btnInstall::before{content:'';display:block;position:absolute;left:50%;top:60px;transform:translateX(-50%);z-index:1;width:160px;height:160px;background:url(/static/assets/images/comm/prev/bg_private_auth.png) no-repeat 0 0;background-size:160px 160px}
.privateAuth .btnInstall::after{content:''; display:inline-block; background:url(/static/assets/images/comm/prev/bg_firecracker.gif) no-repeat 50% 0;background-size:360px 314px; position:absolute; left:0; top:0; width:100%; height:100%; mix-blend-mode: darken; }
.privateAuth .btnInstall span{display:block;position:relative;z-index:2}
.privateAuth .btnInstall span ~ span{margin-top:8px}
.privateAuth .btnInstall button {min-width:180px;}

/* 재테크 추천 > 웹툰 */
.webtoonHeader{padding:20px 24px 20px}
.webtoonHeader > .headItem{margin-bottom:8px}
.webtoonHeader .headItem .episode{font-size:17px}
.webtoonHeader .headItem .side{height:auto}
.webtoonHeader .headItem .uploadDate{display:block;font-size:14px;color:var(--font-neutral-6)}
.webtoonHeader .webtoonTit{font-size:22px}
.webtoonDetail{margin:0 -20px}
.webtoonDetail .webtoonView{padding:0 0 56px;text-align:center}
.webtoonDetail .webtoonView .listDep1{padding:0 24px 28px}
.webtoonDetail .webtoonView .listDep1 > li{margin-top:8px;text-align:left}
.webtoonDetail .webtoonView .btnArea{position:relative;padding:0 20px 20px}
.webtoonDetail .webtoonView .btnArea:after{display:none}
.webtoonDetail .btmFixedBtn{display:flex;align-items:center;justify-content:space-between;position:fixed;right:0;bottom:0;left:0;padding:16px 24px;background:rgba(30, 33, 47, 0.9)}
.webtoonDetail .reviewPaper{display:block;padding:0 24px 40px;text-align:center;font-size:14px;color:rgba(143, 152, 156, 0.6)}
.webtoonDetail .webtoonView .listDepTit{display:block;padding:0 24px 4px;font-size:15px;font-weight:700;text-align:left}
.btmFixedBtn .btnMoreView{width:24px;height:24px;background:url(/static/assets/images/comm/prev/ico_more.png) no-repeat 0 0;background-size:24px;text-indent:-9999px}
.btmFixedBtn .webtoonPaging{display:flex;align-items:center}
.btmFixedBtn .webtoonPaging > li > a{display:block;font-size:15px;color:#fff}
.btmFixedBtn .webtoonPaging .prev{padding-left:20px;background:url(/static/assets/images/comm/prev/ico_arr_w.png) no-repeat 0 50%;background-size:16px}
.btmFixedBtn .webtoonPaging .next{position:relative;padding:0 20px 0 16px;margin-left:16px}
.btmFixedBtn .webtoonPaging .next:before{position:absolute;top:50%;left:0;width:1px;height:20px;background-color:rgba(255, 255, 255, 0.2);transform:translateY(-50%);content:''}
.btmFixedBtn .webtoonPaging .next:after{position:absolute;top:50%;right:0;width:16px;height:16px;background:url(/static/assets/images/comm/prev/ico_arr_w.png) no-repeat 100% 50%;background-size:16px;transform:translateY(-50%) rotate(180deg);content:''}
.btmFixedBtn .webtoonPaging > .disabled{opacity:0.3}
.webtoonLayer{width:100%;box-sizing:border-box}
.webtoonLayer .layerInner{width:auto !important;padding:12px 24px 24px !important}
.webtoonLayer .episodeList > li{margin-top:24px}
.webtoonLayer .episodeList > li:first-child{margin-top:0}
.webtoonLayer .episodeList > li > a{display:block}
.webtoonLayer .episodeList .episodeItem{position:relative}
.webtoonLayer .episodeList .episodeItem .imgArea{display:flex;position:absolute;top:50%;left:0;width:80px;height:60px;transform:translateY(-50%)}
.webtoonLayer .episodeList .episodeItem .episodeInfo{padding-left:96px}
.webtoonLayer .episodeList .episodeItem .episodeInfo .epiNum{display:flex;align-items:center;font-size:13px}
.webtoonLayer .episodeList .episodeItem .episodeInfo .epiTit{display:block;font-size:15px}
.webtoonLayer .episodeList .episodeItem .episodeInfo .badge{padding:2px 6px;border:none;line-height:0;background:#fa5273}
.webtoonLayer .episodeList .episodeItem .episodeInfo .badge img{width:13px}
.webtoonLayer .episodeList .episodeItem .episodeInfo .update{display:block;margin-top:3px;font-size:13px;color:var(--font-neutral-6)}

/* pos 편집하기 전용클래스 : 스크립트에서 pos 추가 후 css 작업 */
.mydata.pos .inner{display:flex;flex-direction:column;min-height:calc(100vh - 56px)}
.mydata.pos .bgArea,
.mydata.pos .innerBox,
.mydata.pos .dataListContainer,
.mydata.pos .prdEmptyArea,
.mydata.pos .banner,
.mydata.pos .loanInforArea,
.mydata.pos .accountInforArea,
.mydata.pos .moneyPointData,
.mydata.pos .insurInforArea,
.mydata.pos .installInforArea,
.mydata.pos .tabType01,
.mydata.pos .addAssets{flex:none}
.mydata.pos .editAssets{margin-top:auto}
.mydata.pos .addAssets{margin-bottom:60px}
.mydata.pos .prdEmptyArea .addAssets{margin-bottom:0}

/* [416] */
.mydata .inner .addAssets{margin-bottom:0px}
.mydata .editAssets{text-align:center;padding:36px 0px 55px;margin-top:8px; background:var(--background-color-2);}
/* //[416] */

/* [QA1025] */
/* [528] [509] empty */
.emptyCardArea {text-align:center;}
.emptyCardArea .emptyImg + .emptytTxt{margin-top:20px;}
.emptyCardArea .emptyInner{position:relative;min-height:240px;padding:40px 20px;box-sizing:border-box;background-color:#fff;border-radius:20px;}
.emptyCardArea .emptyInner + .emptyInner{margin-top:20px;} 
.emptyCardArea .emptyImg{position:relative;width:112px;height:112px;margin:0 auto;opacity:0;animation:objMoveDown 1s forwards;}
.emptyCardArea .emptyImg img{width:100%;}
.emptyCardArea .emptyTtl{font-size:20px !important;font-weight:700 !important;color:var(--font-neutral-1) !important;line-height:30px;}
.emptyCardArea .emptyDesc{display:block;margin-top:8px;font-size:15px; color:var(--font-neutral-2); line-height:22px}
.emptyCardArea .emptyTxtDesc{display:block;margin-top:calc(240px - 170px);font-size:15px; color:var(--font-neutral-2); line-height:22px}
.emptyCardArea + * {margin-top:32px;}
.emptyCardArea + .emptytTxt {position:relative;}
.emptyCardArea .emptyInner.nolistType {display:flex;align-items:center;justify-content:center;flex-flow:column wrap;margin-top:24px;}
.emptyCardArea .nolistType .emptyImg {width:66px;height:66px;}
.emptyCardArea .nolistType .emptyImg + .emptytTxt{margin-top:10px;}
.emptyCardArea .nolistType .emptyTxtDesc{margin-top:0px;}

@keyframes objMoveDown {
    0% {opacity:0;transform:translateY(-10px);}
    100% {opacity:1;transform:translateY(0px);}
}


/* 약관내의 더보기 내용 */
.btnSeeMore{font-size:13px;color:#757575;margin-top:6px;background: url(/static/assets/images/comm/prev/see_more.png) right 4px / 12px 12px no-repeat;padding-right:12px}
.seeMore{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;z-index:11}
.seeMore.active{display:block}
.seeMoreHead{position:fixed;position:relative;left:0;top:0;z-index:100;width:100%;height:56px;background:#fff}
.seeMoreHead .hTit{padding:18px 60px 18px 24px !important;font-size:17px;font-weight:700;color:var(--font-neutral-3)}
.seeMoreHead .seeMoreClose{display:block;position:absolute;z-index:10;right:14px;top:8px;width:40px;height:40px;text-indent:-9999px;background:url(/static/assets/images/comm/ico-close.svg) no-repeat center /24px}
.seeMoreBody{padding:84px 20px 120px;height:calc(100% - 56px);box-sizing:border-box;overflow-y:auto}
.seeMoreBody .tabType03{position:fixed;left:0;right:0;top:56px;margin:0;background:#fff;z-index:1;white-space:nowrap;overflow:auto}
.seeMoreBody .tabType03::-webkit-scrollbar{display:none}
.seeMoreBody .tabType03 .tabs{display:inline-flex}
.seeMoreBody .tabType03 .tabs > li:last-child{padding-right:24px}
.seeMoreBody .tabType03 .tabs > li a{display:inline-block}

/* calendar ui (보험 상담 받기) */
.select-lpop .lpop-cont.mydCalendar .layerInner{padding:0 0 28px 0;width:100%;}
/* .select-lpop .mydCalendarNav{max-width:336px;margin:0 auto} */
/* .select-lpop .mydCalendarNav .calendar-nav{margin-bottom:16px} */
.select-lpop .mydCalendarNav .calendar-nav .month-prev{left:8px}
.select-lpop .mydCalendarNav .calendar-nav .month-next{right:8px}
.select-lpop .mydCalendarNav .calendar-nav .month-current .mm{margin-left:0}
.select-lpop .mydCalendarNav .calendar-nav .month-current .mm:before{content:''}
.select-lpop .mydCalendarNav .calendar-week span{width:48px;height:42px;margin-left:0;line-height:42px;box-sizing:border-box;font-size:15px;}
.select-lpop .mydCalendarNav .calendar-week span.sun,
.select-lpop .mydCalendarNav .calendar-week span.sat{color:var(--font-neutral-6)}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar{width:100%;max-width:336px}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li{width:44px;height:44px;margin-left:4px;margin-bottom:0}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li.blank{width:44px;height:44px}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li:nth-child(7n + 1){margin-left:0}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li a{width:44px;height:44px; color:var(--font-neutral-2);line-height:44px;box-sizing:border-box;border-radius:100px}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li a.sat{color:#567af0}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li a.sun{color:var(--font-point-1)}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li a.on{color:#fff;background-color:#fa5273}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li a.comming{color:rgba(33, 33, 33, 0.2) !important;pointer-events:none}
.select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li a.today.on:after{content:none}

/* dataProvisionArea에 해당 클래스 추가  */
.dataProvisionArea{padding:40px 0}
.dataProvisionArea .tabmenu{padding:0 20px 40px}
.dataProvisionArea .listDep1 > li > .listDep2{margin-top:8px}
.dataProvisionArea .listDep1 > li > .listDep2 li{margin-top:4px}
.dataProvisionArea .listDep1 > li > .listDep2 li:first-child{margin-top:0}
.dataProvisionArea .tblArea ~ .tblArea{padding-top:40px}
.dataProvisionArea .tblV{margin:0}
.dataProvisionArea .tblV .fRed{color:#f43347}
.dataProvisionArea .notiList{margin-top:60px}
.dataProvisionArea .noData{padding:32px 0 0}
.dataProvisionArea .noData .noResult{margin:0}


@media (max-width:359px){
    .select-lpop .lpop-cont.mydCalendar .select-list.has-calendar{margin:0 2px}
    .select-lpop .mydCalendarNav .calendar-week span{width:14%}
    .select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li{width:14%;margin-left:0}
    .select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li.blank{width:14%}
    .select-lpop .lpop-cont.mydCalendar .select-list.has-calendar li a{width:100%}

    .banks-to-withdraw li {width:calc(33.3% - 8px);}
	.banks-to-withdraw li:nth-child(4n+1) {margin-left:8px;}
	.banks-to-withdraw li:nth-child(3n+1) {margin-left:0;}
	.banks-to-withdraw li:nth-child(-1n+4) {margin-top:36px;}
	.banks-to-withdraw li:nth-child(-1n+3) {margin-top:0;}
}

/* pc */
@media (min-width:1025px){
    .select-lpop-wrap.pcPopup .select-lpop{box-shadow:0px -16px 16px rgba(0, 0, 0, 0.15)}
    .select-lpop-wrap.pcPopup .select-lpop .lpop-header{position:absolute;top:0;right:0;left:0;width:100%;max-width:948px;height:120px;min-height:120px;margin:0 auto;border-radius:0}
    .select-lpop-wrap.pcPopup .select-lpop .lpop-header.noTitle{height:120px}
    .select-lpop-wrap.pcPopup .select-lpop .lpop-header .btn-close{top:48px;right:22px;width:32px;height:32px;margin-top:0;background:url(/static/assets/images/comm/prev/btn_pop_close_pc.png) no-repeat center;background-size:32px}
    .select-lpop-wrap.pcPopup .select-lpop .lpop-cont{padding-top:120px}

    /* popup : 대출이자계산기 : myPaymentDetail */
    .select-lpop-wrap.fullPopup.pcFullPopup{width:480px;height:740px;transform:translate(-50%, -50%);position:absolute;top:50%;left:50%;z-index:1000;border-radius:14px;}    
    .select-lpop-wrap.fullPopup.pcFullPopup .lpop-header {padding:32px 24px 32px 32px;}
    .select-lpop-wrap.fullPopup.pcFullPopup .layerInner.noInner {padding:0 27px 0px 32px;}
    /* .select-lpop-wrap.fullPopup.pcFullPopup .select-lpop .lpop-header .btn-close{margin-top:-12px;} */

    .select-lpop-wrap.fullPopup.pcFullPopup .lpop-contbox {height:100%;padding-right:16px;background:#fff;}
    .select-lpop-wrap.fullPopup .lpop-cont.fullContent, .select-lpop-wrap.fullPopup02 .lpop-cont.fullContent {height: calc(100% - 74px) !important;}
    .select-lpop-wrap.fullPopup.pcFullPopup .repaymentList li img{display:block;width:320px;margin:0 auto;}    
    .select-lpop-wrap.fullPopup.pcFullPopup .lpop-cont::-webkit-scrollbar{width:8px;}
    .select-lpop-wrap.fullPopup.pcFullPopup .lpop-cont::-webkit-scrollbar-thumb{background:#d9d9d9;width:10px;border:2px solid #d9d9d9;border-radius:12px;}
    .select-lpop-wrap.fullPopup.pcFullPopup .lpop-cont::-webkit-scrollbar-track{background:#fff;width:30px;}
}


/* 로딩 팝업 */
.loadingPopWrap{display:none;position:absolute;top:50%;left:50%;z-index:100;width:100%;height:100%;transform:translate(-50%, -50%);background-color:#fff;}
.loadingPopWrap.on{display:block;}
.loadingPopWrap .loadingCon{position: absolute;top:42%;left:50%;transform: translate(-50%, -50%);display:flex;justify-content:center;align-items:center;flex-flow:column wrap;}
.loadingPopWrap .loadingCon [class*="item"]{font-size:11px;font-weight:700;text-align:center;box-sizing:border-box}
.loadingPopWrap .loadingCon .textCon{ font-size:22px;font-weight:700;line-height:34px;color:var(--font-neutral-4);padding-top:0px;}
.loadingPopWrap .loadingCon .conLoading{display:block;width:80px;height:80px;font-size:16px; color:var(--font-neutral-6);}
.loadingPopWrap .loadingCon .conLoading img{width:100%;}

/* 0525_[416] */
/* 0315_[330]일부 업권 자산 목록 내 기관명 노출 정리 */
/* dragdrop 박스 */
.dragDrop .inforBox{position:relative;padding:24px 4px}
.dragDrop .inforBox .loanInfor{padding:4px 20px 4px 44px}
.dragDrop .thum{display:inline-block;width:32px !important;} /* //[422] */
.dragDrop .loanTit{display:inline-block;font-size:20px;font-weight:700;color:var(--font-neutral-1)} /* //[422] */
.dragDrop .inforBox .btnSwitch{position:absolute;top:60px;right:4px;z-index:1}
.dragDrop .inforBox .btnDragDrop{position:absolute;top:24px;right:2px;width:32px;} /* //[422] */
.dragDrop .inforBox .btnDragDrop img{width:32px} /* //[422] */
.dragDrop .sortable-fallback .inforBox{background:#fff;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.08)}
.dragDrop .sortable-ghost {opacity: 0 !important}

.dragDrop.dataList > li .noLogo .thumtextArea {padding-left:0;} /* //[422] */
.dragDrop.dataList > li .thumtextArea .dataTit{width:auto;} /* //[422] */
.dragDrop .thumtextArea .dataMoney em {font-size:20px;} /* //[422] */
/* 0315_[330]일부 업권 자산 목록 내 기관명 노출 정리 */
/* //0525_[416] */

/* dragdrop 박스 type01 */
.dragDrop.type01 .dataTtl{padding-bottom:0px;}
.dragDrop.type01 .dataTtl .incLogo{line-height:32px;}
.dragDrop.type01 .inforBox{position:relative; padding:7px 4px; display:flex;justify-content:center;flex-flow:column nowrap;}
.dragDrop.type01 .inforBox .btnDragDrop{top:0; right:8px;}
.dragDrop.type01 .inforBox .btnSwitch{top:auto; bottom:0; right:0; z-index:1;}
.dragDrop.type01 .inforBox.btnDraghide{padding:0 4px;}
.dragDrop.type01 .inforBox.btnDraghide .btnDragDrop{display:none;right:32px;}
.dragDrop.type01 .inforBox.btnDraghide .btnSwitch{top:50%;transform:translateY(-50%);right:0; bottom:auto;}
.dragDrop.type01 .dataViewList{margin-top:16px;}
.dragDrop.type01 .dataViewList.dragType > li{border-bottom:none;}
.dragDrop.type01 .dataPrd{padding:0 48px 0 0px}
.dragDrop.type01 .dataPrd .dataName{font-weight:normal; line-height:24px;}
.dragDrop.type01 .dataPrd .dataNum{line-height:20px;}
.dragDrop.type01 .dataViewList.dragType > li + li{padding-top:20px; margin-top:20px; border-top:1px solid #EDEEF2;}
/*카드 목록 편집*/

/* 내자산 공통 팝업 - 뒤로가기 */
.lpop-dialog .asset-title{font-size:20px; line-height:28px; font-weight:bold; color:var(--font-neutral-2); word-break:break-all;}
.lpop-dialog .lpop-body .asset-text{margin-top:8px; color:var(--font-neutral-3); word-break:break-all;}
.lpop-dialog .btn{padding:0; border:none;}
.lpop-dialog button.cancel + .asset-submit{flex:1 1;}

/* [422] */
/* logoViewList dragDrop */
.logoViewList.dragDrop {}
.logoViewList.dragDrop > li{position:relative;padding:0px;border-bottom:1px solid #dfe1e5;}
.logoViewList.dragDrop > li+li{margin-top:0px;}
.logoViewList.dragDrop > li:last-child{border-bottom:0px;}
.logoViewList.dragDrop .dataPrd{position:relative;padding:24px 64px 32px 20px;margin:0 -20px;background-color:#fff;}
.logoViewList.dragDrop .noLogo.dataPrd{padding:24px 64px 24px 20px;}
.logoViewList.dragDrop .dataPrd .thum{display:inline-block;width:36px !important;left:24px;}
.logoViewList.dragDrop > li .thumtextArea{padding-left:48px;}
.logoViewList.dragDrop .dataPrd .btnDragDrop{position:absolute;top:24px;right:20px; width:24px;}
.logoViewList.dragDrop .dataPrd .btnSwitch{position:absolute;top:58px;right:20px;z-index:1}
.logoViewList.dragDrop .dataPrd .btnDragDrop img{width:32px}
/* .logoViewList.dragDrop .dataPrd .thumtextArea{display:block;padding:4px 55px 4px 48px} */
.logoViewList.dragDrop .thumtextArea .dataTit{width:auto;}
.logoViewList.dragDrop .thumtextArea .dataMoney em {font-size:20px;}
.logoViewList.dragDrop .sortable-fallback .dataPrd{background:#fff;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.08)}
.logoViewList.dragDrop .sortable-ghost {opacity: 0 !important}
/* dragFalse */
.logoViewList.dragFalse .dataPrd .btnDragDrop {display:none;}
.logoViewList.dragFalse .dataPrd .btnSwitch {transform:translateY(-50%);}
/* //[422] */
/* [528] */
.logoViewList.dragDrop .dataPrd.logoBlockType {padding-left:20px; padding-bottom:24px;}
.logoViewList.dragDrop .dataPrd.logoBlockType .btnSwitch{top:86px}
.logoViewList.dragDrop .dataPrd.logoBlockType .thum{display:block;width:auto !important;left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.logoViewList.dragDrop .dataPrd.logoBlockType .thumtextArea{padding-left:0px;}
/* //[528] */

/* [422] API2.0 레이아웃 컨텐츠 inner 추가 */
.innerCon{padding:0px 0 60px}
.innerCon.lineType{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;border-top:1px solid rgba(0, 0, 0, 0.05);}
.innerCon.lineType > .tabType01 {padding-top:35px; }
/* //[422] */

/* [548] ,[397] [s] */
/* stiky submenu + scrollmenu */
.scrollCategoryWrap {position:sticky;top:56px; background:var(--background-color-2);z-index:10;transform:translateY(-1px);} /* [527] 크롬 1px 공간, translateY 적용*/
.scrollCategoryWrap+.dataViewArea{margin-top:12px;}
.scroll-category{margin:0 -20px;white-space:nowrap;overflow:auto;}
.scroll-category .in::-webkit-scrollbar{display:none;}
.scroll-category .in{padding:8px 20px;align-items:center; white-space: nowrap; box-sizing: border-box; overflow-x: scroll; -webkit-overflow-scrolling: touch; font-size:0; background-color:var(--background-color-2);}
.scroll-category a{display:inline-flex; border-radius:100px; height:40px; text-align:center; background-color:var(--tab2-bg); font-size:15px; color:var(--tab2-tc); line-height:22px; padding:9px 16px; position:relative;}
.scroll-category a:first-child{margin-left:0;}
.scroll-category a .number {display:inline-block; padding-left:5px}
.scroll-category a + a{margin-left:6px;}
.scroll-category a.on {background-color:var(--tab2-active-bg); color:var(--tab2-active-tc); font-weight:700;}
/* sticky menu (left 이동) */
.scrollMenuWrap{position:sticky;top:56px; background:var(--background-color-2);z-index:10;transform:translateY(-1px);width:100%;box-sizing:border-box;align-self:flex-start;}

/* 리스트 */
.budgetInfo.layerType{margin-top:0;padding:0 4px 60px}
.budgetInfo.layerType > li{align-items:flex-start;margin-top:24px;}
.budgetInfo.layerType > li .infoTit{display:inline-block;flex:none;width:60%}
.budgetInfo.layerType > li .infoTit .badge{vertical-align:1px}
.budgetInfo.layerType > li .infoTxt{font-size:14px;text-align:right}
.budgetInfo.layerType > li .infoTxt em{margin-right:0;font-size:16px;word-break:keep-all}
.budgetInfo.layerType > li .subTxt{display:block;color:var(--font-neutral-6)}
/* // [548] ,[397] [e] */

/* [416], [528] */
/* 기타 카테고리 변경 */
.bgArea .contArea{padding:20px 24px 40px}
.bgArea .visualTit{font-size:22px;font-weight:700;color:var(--font-neutral-1);word-break:keep-all}
.bgArea .visualTit em{color:var(--font-point-2)}
.bgArea .tabType01{padding-top:20px}
.bgArea .tabType01:first-of-type {padding-top:0;}
.bgArea .tabType01:has( + .headDataArea){margin-bottom:52px}
.bgArea .bgCont{padding:0 24px 40px}
.bgArea .bgCont.contType01{padding:24px 24px 40px;} /* [416] 추가 */
.bgArea .bgCont.contType02 {padding:20px 24px 40px;} /* [509] */

.blankArea{padding:35px 4px 0}
.blankArea.cardUselist .tabType01{margin-inline:-4px}
.blankArea .useList li .useList02{margin:15px -4px 0}
.blankArea .banner{margin-top:40px}

.bgArea.etcTop .etcCase{font-size:16px;font-weight:700;margin-top:24px}
.bgArea.etcTop .etcCase .numCase{display:inline-block;vertical-align:middle;margin-left:8px}
.bgArea.etcTop .etcCase .numCase em{display:table-cell;vertical-align:middle;width:52px;height:52px;font-size:16px;font-weight:700;color:#fff;background:#ff5977;text-align:center;border-radius:52px}
.bgArea .btnArrow{display:inline-block;padding-right:15px;font-size:16px;margin-top:12px}
.bgArea .btnArrow:after{right:0}
.bgArea .imgArea{margin:0 0 20px}
.bgArea .banner .btnArrow:after{right:12px}
/* //[416], [528] */

/* calender */
.calenderItem .searchCalendar span{display:block;font-size:16px; color:var(--font-neutral-2)}
.calenderItem .searchCalendar span:after{content:'';display:block;position:absolute;right:8px;top:50%;transform:translate(0, -50%);width:32px;height:32px;background:url(/static/assets/images/comm/prev/ico_calendar.png);background-size:32px 32px}
.calenderItem .searchCalendar span input{background:#fff !important}
.calenderItem .daterangepicker{display:block !important}
.calendarRange{width:100%;box-sizing:border-box}
.daterangepicker .drp-calendar{margin-top:40px}
.daterangepicker .drp-calendar.single{margin-top:0;padding-bottom:28px}
.daterangepicker.single .drp-buttons{display: none}
.daterangepicker .table-condensed{width:100%;max-width:336px;margin:0 auto;position:relative;z-index:1;overflow:hidden}
.daterangepicker .table-condensed thead > tr:last-child th{height:42px;padding:16px 0 12px;line-height:42px}
.daterangepicker .table-condensed thead th{position:relative;font-size:15px;color:var(--font-neutral-6);font-weight:400;height:40px;line-height:40px}
.daterangepicker .table-condensed th span{position:absolute;width:40px;height:40px;top:50%;transform:translateY(-50%)}
.daterangepicker .table-condensed .prev span, .daterangepicker .table-condensed .prev-disable span{left:8px;background:url(/static/assets/images/comm/prev/spin_calendar_prev.png) no-repeat 0 0;background-size:100%}
.daterangepicker .table-condensed .next span, .daterangepicker .table-condensed .next-disable span{right:8px;background:url(/static/assets/images/comm/prev/spin_calendar_next.png) no-repeat 0 0;background-size:100%}
.daterangepicker .table-condensed .prev-disable span, .daterangepicker .table-condensed .next-disable span{opacity:0.4}
.daterangepicker .table-condensed th span.disable{opacity:.4}
.daterangepicker .table-condensed thead th.month, .daterangepicker .table-condensed thead th.month button{font-size:22px;font-weight:700; color:var(--font-neutral-2)}
.daterangepicker .table-condensed thead th.month button:after{content:'';display:inline-block;vertical-align:-2px;width:24px;height:24px;margin-left:4px;background:url(/static/assets/images/comm/prev/ico_view_more_open.png) no-repeat 0 0;background-size:24px 24px}
.daterangepicker .table-condensed tbody td{position:relative;width:44px; color:var(--font-neutral-2);height:44px;line-height:44px;text-align:center;font-size:15px}
.daterangepicker .table-condensed tbody tr td:first-child{color:var(--font-point-1)}
.daterangepicker .table-condensed tbody tr td:last-child{color:#567af0}
.daterangepicker .table-condensed tbody td.ends{opacity:0}
.daterangepicker .table-condensed tbody td.disabled, .daterangepicker .table-condensed tbody option.disabled{color:rgba(33, 33, 33, 0.2) !important;cursor:not-allowed}
.daterangepicker .table-condensed tbody td.start-date, .daterangepicker .table-condensed tbody td.end-date {font-weight:700;color:#fff !important;z-index:2}
.daterangepicker .table-condensed tbody td.start-date:before,
.daterangepicker .table-condensed tbody td.start-date.in-range:before,
.daterangepicker .table-condensed tbody td.end-date.in-range:before{content:'';display:block;position:absolute;left:50% !important;top:50% !important;transform: translate(-50%, -50%) !important;width:40px !important;height:40px !important;/* background:url(/static/assets/images/comm/prev/bg_calendar_on.png) no-repeat 50% 50%;background-size:40px 40px; */z-index:-1; background:var(--font-point-1); border-radius:50%}
.daterangepicker .table-condensed tbody td.start-date+.in-range:before{width:150%;left:-50%}
.daterangepicker .table-condensed tbody td.in-range:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#ffeef1;z-index:-1}
.daterangepicker .table-condensed tbody td.end-date{z-index:auto}
.daterangepicker .table-condensed tbody td.end-date:after{content:'';display:block;width:100%;height:100%;position:absolute;left:-50%;top:0;background:#ffeef1;z-index:-2}
.daterangepicker .table-condensed tbody td.today.available:before,
.daterangepicker .table-condensed tbody td.today.off:before{content:'';display:block !important;position:absolute;left:50%;top:5px;transform:translateX(-50%);background:#fa5273;width:4px;height:4px;border-radius:100%}
.daterangepicker .table-condensed tbody td.today.active.start-date.end-date.available{color:#fff}
.daterangepicker .table-condensed tbody td.today.active.start-date.end-date.available:before{height:40px;top:0}
.daterangepicker .table-condensed tbody td.today.active.end-date.available:before{height:40px;top:0;width:40px;background:url(/static/assets/images/comm/prev/bg_calendar_on.png) no-repeat 50% 50%;background-size:40px 40px;z-index:-1}
.daterangepicker .table-condensed tbody td.today.active.start-date.active.end-date.available:after{display:none}
.daterangepicker .table-condensed tbody tr td:last-child:before{width:100%;left:0}
.daterangepicker .single .table-condensed tbody td.end-date:after{display:none}
#searchCalendarStart .daterangepicker, #searchCalendarEnd .daterangepicker {display: block !important}
.calTxt{font-size:15px;color:var(--font-neutral-6);padding:0 24px 24px}
.layerInner .calendarWrap{margin:-8px -12px 0}
.layerInner .searchPeriod{margin:0 -4px}
.layerInner .calendarRange .daterangepicker .calendar-table{margin:0 -12px}
.layerInner .calenderItem .calendarRange .daterangepicker .calendar-table{margin:0 -8px}

/* from mydata.css */
.layerInnerText {text-align:center;}
.tglList{padding:0 4px}
.tglBtn{position:relative;padding:2px 35px 2px 0;font-size:14px !important}
.tglBtn:after{content:''; position:absolute;top:50%;right:0;width:16px;height:16px; -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color: var(--arrow-normal-gray1); margin-top:-8px }
.tglBtn.active:after{transform:scale(-1)}

/* 최근 이용내역 */ 
.useInfo{position:relative;padding:20px 24px 34px}
.useInfo .banner{margin:0 -4px}
.useInfo .useMonth a{display:inline-block;position:relative;font-size:20px;font-weight:700;padding-right:20px}
.useInfo .useMonth a:after{content:'';display:inline-block;position:absolute;right:0;top:50%;transform:translate(0, -50%);width:14px;height:9px;background:url(/static/assets/images/comm/prev/ico_toggle_arrow.png) no-repeat;background-size:14px 9px;margin-left:9px}
.useInfo .compareItem{font-size:14px;color:var(--font-neutral-1);margin-bottom:32px}
.useInfo .compareItem:after{content:'';display:inline-block;vertical-align:middle;width:16px;height:16px}
.useInfo .compareItem.compareUp:after{background:url(/static/assets/images/comm/prev/ico_red_up.png) no-repeat;background-size:16px 16px}
.useInfo .compareItem.compareDown:after{background:url(/static/assets/images/comm/prev/ico_blue_down.png) no-repeat;background-size:16px 16px}
.useInfo .tooltip .tooltipCont{top:52px}
.useInfo .banner{margin-top:24px}

.monthList:after{content:'';display:block;clear:both}
.monthList li{float:left;width:25%;margin-bottom:12px;text-align:center}
.monthList li a{display:block;font-size:15px; color:var(--font-neutral-2);height:44px;line-height:44px}
.monthList li.active a{font-weight:700;color:#fff;background:#fa5273;border-radius:100px;width:44px;height:44px;margin:0 auto}
.monthList li.comming a{color:rgba(0, 0, 0, 0.3)}
.calenderItem .calendarWrap{margin-top:40px}
.itemBox .titDep2, .filterItem .titDep2{font-size:15px !important;font-weight:400 !important;margin:32px 0 8px}
.itemBox:first-of-type .titDep2, .filterItem:first-of-type .titDep2{margin-top:16px}

#searchFilter .select-lpop .layerInner.btnInc{padding-bottom:0}
#searchFilter .itemBox:first-of-type .titDep2, #searchFilter .filterItem:first-of-type .titDep2{margin-top:0; padding-top:0;}
.dataSelectList li a{display:block;position:relative;padding:20px 55px 20px 24px}
.dataSelectList li .thumInfo .thum{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.dataSelectList li .thumInfo .thum{width:44px}
.dataSelectList li .thumInfo .thum img{width:36px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.dataSelectList li .moneyTxt .thumInfo .thum img,
.dataSelectList li .accountTxt .thumInfo .thum img{width:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.dataSelectList li .cardTxt .thumInfo .thum{width:48px;height:48px; left:0;}
.dataSelectList li .cardTxt .thumInfo .thum img{width:32px;max-height:54px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.dataSelectList li .cardTxt .thumInfo .thum img.row {width:100%; position:absolute; height:100%; object-fit:contain; transform:translate(-50%, -50%) rotate(90deg);}
.dataSelectList li .thumInfo .titArea{padding-left:52px}
.dataSelectList li .allTxt .sTit{font-weight:700}
.dataSelectList li .allTxt{padding:16px 55px 16px 24px}
.dataSelectList li .thumInfo .sTit{font-size:16px; color:var(--font-neutral-5)}
.dataSelectList li .thumInfo .txt{font-size:15px; color:var(--font-neutral-5)}
.dataSelectList li .allTxt .thumInfo .titArea{padding:10px 0 10px 52px}
.dataSelectList li.on a{background:linear-gradient(0deg, #fafafa, #fafafa), #fff}
.dataSelectList li.on a:after{content:'';display:block;position:absolute;right:24px;top:50%;width:24px;height:24px;transform:translateY(-50%);background:url(/static/assets/images/comm/prev/on_noframe_unselected_blue_24.png) 0 0 / 24px auto no-repeat}
.dataSelectList li.on .thumInfo .sTit{color:var(--font-neutral-1)}
.dataSelectList li.on .thumInfo .txt{color:var(--font-neutral-1)}
.dataSelectList.account li .allTxt .thumInfo .thum{width:44px}
.dataSelectList.account li .allTxt .thumInfo .titArea{padding-left:52px}
.dataSelectList.account li .thumInfo .thum{width:24px}
.dataSelectList.account li .thumInfo .thum img{width:100%}
.dataSelectList.account li .thumInfo .titArea{padding-left:32px}

.headDataArea{position:relative}
.headDataArea .headTitArea{display:flex;align-items:center;justify-content:space-between}
.linkArea .linkItem{display:block;padding:6px 16px 7px;font-size:13px;font-weight:700; color:var(--font-neutral-4);text-align:center;white-space:nowrap;background:var(--background-color-2);border-radius:24px}
.dataMonth > a{display:inline-block;position:relative;padding-right:20px;font-size:20px;font-weight:700;color:var(--font-neutral-1)}
.dataMonth > a:after{display:inline-block;position:absolute;right:0;top:50%;transform:translate(0, -50%);width:14px;height:9px;margin-left:9px;background:url(/static/assets/images/comm/prev/ico_toggle_arrow.png) no-repeat;background-size:14px 9px;content:''}

/* from mydata.css [e] */

.select-lpop-wrap.small.fullBg.active .btnArea {position:relative;background-color:transparent;padding:40px 0 0 0;}
.select-lpop-wrap.small.fullBg.active .btnArea::after{content:none;}
.bgArea .banner .btnArrow:after{right:12px}
.bgArea .banner{background:rgba(139, 114, 237, 0.8)}
.bgArea .banner .bannerTxt{color:#fff;}
.bgArea .banner .bannerTit{color:#fff}
.bgArea .banner .btnArrow:after{filter:invert(1)}

/* 공유하기 */
.snsArea  {margin-top:26px;}
.snsArea .sns{display:flex; align-items: center; justify-content: center;}
.snsArea .tit{display:none;}
.snsArea a{width:60px; height:60px; overflow: hidden; text-indent: -50rem; background: url(/static/assets/images/benefit/event/ico_share_kakao_60x60.png) no-repeat 0 0/100% auto;}
.snsArea .snsUrl{background-image: url(/static/assets/images/benefit/event/ico_share_60x60.png); margin-left:16px;}

/* bill info */
.cardInquiry .useInfo > .billInfo{margin-top:22px; padding-top:22px; border-top:solid 1px #DFE1E5;}
.cardInquiry .useInfo > .billInfo li + li{margin-top:8px;}
.cardInquiry .useInfo .billInfo li{display:flex; justify-content:space-between;}
.cardInquiry .detailList .billInfo li + li {margin-top: 8px;}
.cardInquiry .useInfo .billInfo li .billTit{font-size:15px; color:#212121;}
.cardInquiry .useInfo .billInfo li .billTit em{color:#000000;}
.cardInquiry .useInfo .billInfo li .billTxt{font-size:15px; line-height:24px; white-space:nowrap;}
.cardInquiry .useInfo .billInfo li .billTxt em{font-size:16px; color:#000000; font-weight:bold; margin-right:2px; vertical-align:top;}

/* 금융몰 - 대출비교 팝업 */
#withDrawScore5 .layerInnerBg{display:block;text-align:center;margin:-8px 0 32px}
#withDrawScore5 .layerInnerBg img{width:120px}

/* 내보험적용하기 서비스 안내 팝업 bg 그라데이션 처리 */
#diagnosisSrvGuide .lpop-header {background-color: var(--background-color-1);}
#diagnosisSrvGuide .bgArea {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;}

/**/
.titDep2 + .text-btn-wrap{margin-top:8px;}
.text-btn-wrap{margin-top:24px;}
.text-btn-wrap .text-btn{font-size:16px; line-height:32px; color:#000000; padding:10px 0 10px 4px; display:flex; flex-direction:column; position:relative;}
.text-btn-wrap .text-btn::after{content:''; width:14px; height:14px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color: var(--arrow-normal-gray2);position:absolute; top:50%; right:0; transform:translateY(-50%);}
.text-btn-wrap .text-btn .detail{font-size:14px; line-height:22px; color:#8F96A0; margin-top:2px;}
.text-btn-wrap .text-btn .detail strong{font-weight:bold; position:relative; padding-right:7px; margin-right:4px;}
.text-btn-wrap .text-btn .detail strong::after{content:''; width:3px; height:3px; border-radius:3px; background:#D9D9D9; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.select-lpop-wrap.fullPopup.termsPopup.vpView .layout-submit {position:relative; padding:0 20px 20px;}
.select-lpop-wrap.fullPopup.termsPopup.vpView .layout-submit::before{content:''; display:block; position:absolute; top:-12px; right:0; left:0; width:100%; height:12px; background:var(--button-primary-gradient);}

@media screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-min-device-pixel-ratio: 2){ /*iphone7 mask css hack*/
    .termsValue > li:first-child > a::after{background:url('/static/assets/images/comm/ico-acc-open.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .tooltip .btnTooltip:after{background:url('/static/assets/images/comm/ico-info-gray300.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .notiList .tglBtn:after{background:url('/static/assets/images/comm/ico-arrow-down-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .cardArea .cardList li > a:after, .cardUseArea .cardItem.type02 a:after{background:url('/static/assets/images/comm/ico-arrow-right-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .addAssets .btnArrow:after{background:url('/static/assets/images/comm/ico-arrow-right-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .tglBtn:after{background:url('/static/assets/images/comm/ico-arrow-down-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
    .text-btn-wrap .text-btn::after{background:url('/static/assets/images/comm/ico-arrow-right-normal-gray3.svg') no-repeat center/100%; -webkit-mask:unset; mask:unset;}
}