@charset "utf-8";
/* [NURIER] FrontEnd Dev Team ::2025년 NH농협은행 비대면 마이데이터 고객여정 개선 신규 파일 :v20250801 */
:root{
	/* 올원 */
	--container-space:16px;
	--container-space-1:calc(var(--container-space) * -1);
	/* 백그라운드 컬러 */
	--background:#fff;
	--background-asis:#f3f5f8;/* AS-IS 스타일 :사용시 bgWhite 클래스 삭제 */
	--background-newMain:#f3f6f8;/* newMain */
	--background-newMain2:#f3f4f8;/* 자산메인 */
	/* 포인트 컬러 */
	--point1:#19973c;
	--error:#e24949;
	--rise:#ec0c0c;
	--decline:#2c6fd4;
	/* 비활성화 */
	--color-disabled:#bfbfbf;
	--color-disabled2:#909090;
	--border-disabled:#e1e1e1;
	--bg-disabled:#f0f0f0;
	/* 박스라인 */
	--border-color:#d3d3d3;
	/* 폰트색상 */
	--color0:#000;
	--color1:#121212;
	--color2:#343434;
	--color3:#505050;
	--color4:#767676;
	--color5:#929292;
	--color6:#a6a6a6;
	--color-disabled:#a6a6a6;
	/* 칼라 셋 */
	--gray-100:#f6f6f6;
	--gray-200:#f0f0f0;
	--gray-300:#e1e1e1;
	--gray-400:#d3d3d3;
	--gray-500:#b3b3b3;
	--gray-600:#707070;
	--gray-700:#555;
	--gray-800:#333;
	--gray-900:#111;
	--green-50:#ddf2e4;
	--blue-400:#66a1ff;
	--blue-500:#5181E1; /* 추가 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 2번 명도대비 색상 추가 */
	--blue-700:#003b99;
	--info-2:#f6efe6;
	/* 필터 #19973c*/
	--filter:invert(44%) sepia(55%) saturate(715%) hue-rotate(84deg) brightness(93%) contrast(86%);
	/* 등급색상 */
	--grade1:#d10f0f;/* 공격투자형 */
	--grade2:#da6f11;/* 적극투자형 */
	--grade3:#12a396;/* 위험중립형 */
	--grade4:#2b9ac9;/* 안정추구형 */
	--grade5:#015aac;/* 안정형 */
	/* 위험도 */
	--warning1:#d10f0f;/* 매우높은위험 */
	--warning2:#d44b10;/* 높은위험 */
	--warning3:#da6f11;/* 다소높은위험 */
	--warning4:#12a396;/* 보통위험 */
	--warning5:#2b9ac9;/* 낮은위험 */
	--warning6:#015aac;/* 매우낮은위험 */
	/* 폰트사이즈 2025-12-12 */
	--fontSize10:clamp(10px, 1rem, 12px);
	--fontSize11:clamp(11px, 1.1rem, 13px);
	--fontSize12:clamp(12px, 1.2rem, 14px);
	--fontSize13:clamp(13px, 1.3rem, 15px);
	--fontSize14:clamp(14px, 1.4rem, 16px);
	--fontSize15:clamp(15px, 1.5rem, 17px);
	--fontSize16:clamp(16px, 1.6rem, 18px);
	--fontSize17:clamp(17px, 1.7rem, 19px);
	--fontSize18:clamp(18px, 1.8rem, 20px);
	--fontSize19:clamp(19px, 1.9rem, 21px);
	--fontSize20:clamp(20px, 2rem, 22px);
	--fontSize21:clamp(21px, 2.1rem, 23px);
	--fontSize22:clamp(22px, 2.2rem, 24px);
	--fontSize24:clamp(24px, 2.4rem, 26px);
	--fontSize26:clamp(26px, 2.6rem, 28px);
	--fontSize34:clamp(34px, 3.4rem, 36px);
	--fontSize38:clamp(38px, 3.8rem, 40px);  
}
/* **********************************************************
 * [TO-BE] 2025 NH농협은행 비대면 마이데이터 고객여정 개선
 * **********************************************************/
@font-face{
    font-family:"Pretendard";
    src:local("Pretendard-Regular"),
        url('../fonts/Pretendard-Regular.woff2') format('woff2'),
        url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight:400;
}
@font-face{
    font-family:"Pretendard";
    src:local("Pretendard-Medium"),
        url('../fonts/Pretendard-Medium.woff2') format('woff2'),
        url('../fonts/Pretendard-Medium.woff') format('woff');
    font-weight:500;
}
@font-face{
    font-family:"Pretendard";
    src:local("Pretendard-SemiBold"),
        url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('../fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight:600;
}
html,body,button,h1,h2,h3,h4,h5,h6,input,select,table,textarea,option{margin:0;padding:0;font-family:'Pretendard','NotoKR','AppleSDGothicNeo-Regular','DroidSansFallback','Apple Gothic','HelveticaNeue-Regular',sans-serif;color:var(--color1);line-height:1.5;letter-spacing:-.5px}
html{background:#fff}
body{font-size:var(--fontSize14)}
strong{font-weight:600 !important}
.top0{top:0 !important}
.mmt6{margin-top:-6px !important}
.mt2{margin-top:2px !important} .mt3{margin-top:3px !important} .mt4{margin-top:4px !important} .mt12{margin-top:12px !important} .mt16{margin-top:16px !important} .mt18{margin-top:18px !important}
.mt22{margin-top:22px !important} .mt24{margin-top:24px !important} .mt28{margin-top:28px !important} .mt32{margin-top:32px !important}
.mb3{margin-bottom:3px !important} .mb4{margin-bottom:3px !important} .mb6{margin-bottom:6px !important} .mb8{margin-bottom:8px !important} .mb16{margin-bottom:16px !important} .mb24{margin-bottom:24px !important} .mb32{margin-bottom:32px !important}
.ml6{margin-left:6px !important} .ml8{margin-left:8px !important} .ml12{margin-left:12px !important} .mr12{margin-right:12px !important}
.mAuto{margin:0 auto !important}
.pt12{padding-top:12px !important} .pt16{padding-top:16px !important} .pt28{padding-top:28px !important} /* h1 없는 bottom slide 용 */ .pt32{padding-top:32px !important}
.pb8{padding-bottom:12px !important} .pb12{padding-bottom:12px !important} .pd16{padding-bottom:16px !important} .pb20{padding-bottom:20px !important} .pb24{padding-bottom:24px !important} .pb32{padding-bottom:32px !important} .pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important} /* 버튼 없는 바닥 페이지 */ .pr24{padding-right:24px !important} /* X 없는 bottom slide 용 */
.prl8{padding:0 8px}
.h1{position:relative;font-size:var(--fontSize26);font-weight:600}
.h2{position:relative;font-size:var(--fontSize22);font-weight:600}
.h3{position:relative;font-size:var(--fontSize20);font-weight:600}
.h4{position:relative;font-size:var(--fontSize18);font-weight:600}
.h5{position:relative;font-size:var(--fontSize16);font-weight:600}
.body1{font-size:var(--fontSize16);font-weight:500}
.body2{font-size:var(--fontSize15);font-weight:500}
.body3{font-size:var(--fontSize14);font-weight:400}
.caption1{font-size:var(--fontSize13);font-weight:400}
.caption2{font-size:var(--fontSize12);font-weight:400}
.nhasset .f10,.nhasset .fs10{font-size:var(--fontSize10) !important} .nhasset .f11,.nhasset .fs11{font-size:var(--fontSize11) !important} .nhasset .f12,.nhasset .fs12{font-size:var(--fontSize12) !important} .nhasset .f13,.nhasset .fs13{font-size:var(--fontSize13) !important} .nhasset .f14,.nhasset .fs14{font-size:var(--fontSize14) !important} .nhasset .f15,.nhasset .fs15{font-size:var(--fontSize15) !important} .nhasset .f16,.nhasset .fs16{font-size:var(--fontSize16) !important} .nhasset .f17,.nhasset .fs17{font-size:var(--fontSize17) !important} .nhasset .f18,.nhasset .fs18{font-size:var(--fontSize18) !important} .nhasset .f19,.nhasset .fs19{font-size:var(--fontSize19) !important} .nhasset .f20,.nhasset .fs20{font-size:var(--fontSize20) !important} .nhasset .f21,.nhasset .fs21{font-size:var(--fontSize21) !important} .nhasset .f22,.nhasset .fs22{font-size:var(--fontSize22) !important} .nhasset .f24,.nhasset .fs24{font-size:var(--fontSize24) !important} .nhasset .f26,.nhasset .fs26{font-size:var(--fontSize26) !important} .nhasset .f34,.nhasset .fs34{font-size:var(--fontSize34) !important} .nhasset .f38,.nhasset .fs38{font-size:var(--fontSize38) !important}
.-regular{font-weight:400 !important}
.-medium{font-weight:500 !important}
.color1{color:var(--color1) !important}
.color2{color:var(--color2) !important}
.color3{color:var(--color3) !important}
.color4{color:var(--color4) !important}
.color5{color:var(--color5) !important}
.color6{color:var(--color6) !important}
.fontWhite{color:#fff !important} /* 2025-12-11 통합메인 관리자용 */
.fontBlack{color:#121212 !important} /* 2025-12-11 통합메인 관리자용 */
.displayB{display:block !important}
.displayInLine{display:inline !important}
.displayIn{display:inline-block}
.displayFx{display:flex;align-items:center}
.-jcBetween{justify-content:space-between}
.-jcEnd{justify-content:flex-end}
.-jcCenter{justify-content:center}
.-aic{align-items:center}
.ellipsis{overflow:hidden !important;white-space:nowrap;text-overflow:ellipsis}
.overYhid{overflow-y:hidden}
.wordBreak{word-break:keep-all}
/* ************************************
 * [LAYOUT] 바닥페이지
 * ************************************/
.nhasset .container{padding:50px 16px 140px} /* 50px 16px 98px + 50px -8px */
/* 색상 */
body.nhd_sbnew{color:var(--color1);--background:#fff !important}
.bgAsis{background-color:var(--background-asis) !important}
.bgNewMain{background-color:var(--background-newMain) !important}
.bgNewMain2{background-color:var(--background-newMain2) !important}
.nhasset .green{color:var(--point1) !important;border-color:var(--point1) !important}
.nhasset .pointColor{color:var(--point1) !important}
.nhasset .rise{color:var(--rise) !important}
.nhasset .decline{color:var(--decline) !important}
.nhasset .zero{color:var(--color3) !important}
/* 공통 헤더영역 */
.nhasset .header{height:50px}
.nhasset .header [class^="btn"] span{font-family:"Pretendard" !important;font-size:14px !important;color:var(--color2) !important}
.nhasset .header h1{overflow:hidden;padding:0 92px;font-size:var(--fontSize16);font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.header h1 img{vertical-align:middle}
.nhd_sbnew .nhasset .header .btnBack{top:0;left:11px;width:50px}
.nhd_sbnew .nhasset .header .btnBack::before{position:absolute;top:50%;left:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_previous_24.svg') no-repeat center;-webkit-clip-path:unset;clip-path:unset}
.nhd_sbnew .nhasset .header .btnAlram{right:54px;width:36px}
.nhd_sbnew .nhasset .header .btnAlram::before{content:'';position:absolute;left:50%;top:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_alram_24.svg') no-repeat center;background-size:24px auto}
.nhd_sbnew .nhasset .header .btnAlram.active::before{background-image:url('../images/makebetter/icon/ico_alram_active_24.svg')}
.nhd_sbnew .nhasset .header .btnGoHome,
.nhd_sbnew .nhasset .header .btnAll,
.nhd_sbnew .nhasset .header .btnPlus,
.nhd_sbnew .nhasset .header .btnCloseMenu{position:absolute;top:0;right:18px;width:36px}
.nhd_sbnew .nhasset .header .btnGoHome::before,
.nhd_sbnew .nhasset .header .btnAll::before,
.nhd_sbnew .nhasset .header .btnPlus::before,
.nhd_sbnew .nhasset .header .btnCloseMenu::before{position:absolute;top:50%;left:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_home_24.svg') no-repeat center;background-size:24px auto}
.nhd_sbnew .nhasset .header .btnAll::before{content:'';display:block;background-image:url('../images/makebetter/icon/ico_allmenu_24.svg')}
.nhd_sbnew .nhasset .header .btnPlus::before{content:'';display:block;background-image:url('../images/makebetter/icon/ico_calrendar_plus_24.svg')}
.nhd_sbnew .nhasset .header .btnCloseMenu::before{content:'';display:block;background-image:url('../images/makebetter/icon/ico_close16_24.svg')}
.nhd_sbnew .nhasset .header .btnEtc{right:18px;width:36px;background:url('../images/makebetter/icon/ico_exit_24.svg') no-repeat center / 24px auto}
.nhd_sbnew .nhasset .header .btnAcAdmin,
.nhd_sbnew .nhasset .header .btnCancle,
.nhd_sbnew .nhasset .header .btnHidden{display:inline-flex;position:absolute;top:0;align-items:center;color:var(--color2);background:none;width:auto;right:24px}
.nhd_sbnew .nhasset .header .btnCancle::after{content:'취소'}
.nhd_sbnew .nhasset .header .btnHidden::after{content:'숨기기'}
.nhd_sbnew .nhasset .header .btnCancle .blind,
.nhd_sbnew .nhasset .header .btnHidden .blind{display:none}
/* 올뱅 임시 */
.nhd_allone .nhasset .header .btnBack{top:0;left:11px;width:50px}
.nhd_allone .nhasset .header .btnBack::before{position:absolute;top:50%;left:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_previous_24.svg') no-repeat center;-webkit-clip-path:unset;clip-path:unset}
.nhd_allone .nhasset .header .btnAlram{right:54px;width:36px}
.nhd_allone .nhasset .header .btnAlram::before{content:'';position:absolute;left:50%;top:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_alram_24.svg') no-repeat center;background-size:24px auto}
.nhd_allone .nhasset .header .btnAlram.active::before{background-image:url('../images/makebetter/icon/ico_alram_active_24.svg')}
.nhd_allone .nhasset .header .btnGoHome,
.nhd_allone .nhasset .header .btnAll,
.nhd_allone .nhasset .header .btnPlus,
.nhd_allone .nhasset .header .btnCloseMenu{position:absolute;top:0;right:18px;width:36px}
.nhd_allone .nhasset .header .btnGoHome::before,
.nhd_allone .nhasset .header .btnAll::before,
.nhd_allone .nhasset .header .btnPlus::before,
.nhd_allone .nhasset .header .btnCloseMenu::before{position:absolute;top:50%;left:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_home_24.svg') no-repeat center;background-size:24px auto}
.nhd_allone .nhasset .header .btnAll::before{content:'';display:block;background-image:url('../images/makebetter/icon/ico_allmenu_24.svg')}
.nhd_allone .nhasset .header .btnPlus::before{content:'';display:block;background-image:url('../images/makebetter/icon/ico_calrendar_plus_24.svg')}
.nhd_allone .nhasset .header .btnCloseMenu::before{content:'';display:block;background-image:url('../images/makebetter/icon/ico_close16_24.svg')}
.nhd_allone .nhasset .header .btnEtc{right:18px;width:36px;background:url('../images/makebetter/icon/ico_exit_24.svg') no-repeat center / 24px auto}
.nhd_allone .nhasset .header .btnAcAdmin,
.nhd_allone .nhasset .header .btnCancle,
.nhd_allone .nhasset .header .btnHidden{display:inline-flex;position:absolute;top:0;align-items:center;color:var(--color2);background:none;width:auto;right:24px}
.nhd_allone .nhasset .header .btnCancle::after{content:'취소'}
.nhd_allone .nhasset .header .btnHidden::after{content:'숨기기'}
.nhd_allone .nhasset .header .btnCancle .blind,
.nhd_allone .nhasset .header .btnHidden .blind{display:none}
/* 통합메인 가입 후 */
.nhd_sbnew .nhasset .header.newMain h1{padding:0 164px 0 24px;text-align:left}/* 128px */
.nhd_sbnew .nhasset .header.newMain .btnGoHome{right:54px}
.nhd_sbnew .nhasset .header.newMain .btnAlram{right:90px}
.nhd_sbnew .nhasset .header.newMain .btnCalendar{position:absolute;top:0;right:126px;width:36px}
.nhd_sbnew .nhasset .header.newMain .btnCalendar::before{content:'';position:absolute;left:50%;top:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_calendar_24.svg') no-repeat center;background-size:24px auto}
.nhd_allone .nhasset .header.newMain h1{padding:0 128px 0 24px;text-align:left}
.nhd_allone .nhasset .header.newMain h1 img{vertical-align:middle}
.nhd_allone .nhasset .header.newMain .btnGoHome{display:none}
.nhd_allone .nhasset .header.newMain .btnAlram{right:54px}
.nhd_allone .nhasset .header.newMain .btnCalendar{position:absolute;top:0;right:90px;width:36px}
.nhd_allone .nhasset .header.newMain .btnCalendar::before{content:'';position:absolute;left:50%;top:50%;margin:-12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_calendar_24.svg') no-repeat center;background-size:24px auto}
/* [공통] */
.nhasset .visualWrap{padding:30px 20px}
/* AS-IS 영향 */
.nhasset.hasGnb .tostpopupWrap{top:121px}
.nhasset .boxWrapShadow .boxTypeWrap.delShadow{border:none}
.nhasset .estWrap .stList a, .nhasset .realAsset .stList a{border-radius:12px}
.nhasset .inputList.readonlyWhite input:read-only{background-color:#fff !important;opacity:1;color:#111 #fff !important}
.nhasset .accTopInfo .accName{padding-right:45px !important;line-height:1.75 !important}
.coachBtnArea label{color:#666}
/* 구분라인 */
.nhasset .divLine{margin:10px -16px;background-color:var(--gray-100)}
/* New 아이콘 */
/* .nhasset .listLinkWrap2 .agrLinkType .iconNew, ASIS 변경할지 결정 필요 */
.nhasset .iconNew{display:inline-block;margin-left:4px;width:16px;height:16px;background:url('../images/makebetter/icon/ico_new_16.svg') 0 0 /cover no-repeat;vertical-align:middle}
/* [헤드라인] 유형1 :내 자산 알림 서비스 */
/* .nhasset .defTit{color:var(--color1);font-size:var(--fontSize22)} */
.nhasset .defTit{color:var(--color1);font-size:var(--fontSize22)}
.nhasset .defTit.t1{margin-top:30px;margin-bottom:var(--space20);font-weight:600}
.nhasset .defTit.t1 > strong{font-weight:600}
.nhasset .defTit.t1 > span{margin-top:var(--space8);font-weight:400;font-size:var(--fontSize14);color:var(--color3)}
.nhasset .defSubTit6{font-size:var(--fontSize20);font-weight:600}
.nhasset [class^="defSubTit"].txtC{text-align:center}
/* 스텝 */
.nhasset .infoStep1{margin-bottom:var(--space24)}
.nhasset .infoStep1 ol{height:14px;padding:0}
.nhasset .infoStep1 ol::before{content:'';position:fixed;width:100%;height:14px;border-bottom:1px solid var(--gray-200);background-color:var(--background);z-index:1100}
.nhasset .infoStep1 ol > li{all:unset;display:block;height:100%}
.nhasset .infoStep1 ol > li[aria-current="step"]::before{top:61px;height:2px;border-radius:0;background:var(--point1);z-index:1100}
.nhasset .infoStep1 ol > li:nth-last-child(2):first-child, .infoStep1 ol > li:nth-last-child(2):first-child ~ li{--el-wid:calc(100%/2)}
.nhasset .infoStep1 ol > li:last-child > i:after{all:unset}
.nhasset .infoStep1 ol > li i,.nhasset .infoStep1 ol > li span{width:0;height:0;font-size:0}
/* 스텝 AS-IS 타입 */
.nhasset .infoStep{margin-bottom:var(--space4-t1)}
.nhasset .infoStep ol{position:relative;counter-reset:step1;margin:0 var(--space16-t1);padding:var(--space24) var(--space16) 0}
.nhasset .infoStep ol > li{display:flex;justify-content:space-between;align-items:center;font-size:var(--fontSize14);font-weight:400}
.nhasset .infoStep ol > li > i{order:1;margin-right:clamp(15px, 1.5rem, 21px);font-size:var(--fontSize14);font-weight:500;color:var(--color1);font-family:'Pretendard' !important}
.nhasset .infoStep ol > li > i:after{content:'/' counter(step1);counter-increment:step1;font-size:0;color:transparent}
/* .nhasset .infoStep ol > li:last-child > i:after{display:flex;align-items:center;position:absolute;right:16px;top:calc(var(--space24) - 1px);height:calc(100% - var(--space24));font-size:var(--fontSize14);color:var(--color5);font-weight:500;line-height:22px} */
.nhasset .infoStep ol > li:last-child > i:after{display:flex;align-items:center;position:absolute;right:16px;top:var(--space24);height:calc(100% - var(--space24));font-size:var(--fontSize14);color:var(--color5);font-weight:500} /* 2025-11-26 */
.nhasset .infoStep ol > li:not([aria-current="step"]) > span{display:none}
.nhasset .infoStep ol > li:not([aria-current="step"]) > i{display:block;font-size:0;color:transparent}
.nhasset .infoStep ol > li[aria-current="step"]::before{content:'';display:block;position:fixed;top:50px;left:0;width:calc(var(--el-wid) * var(--li-num));height:2px;border-radius:0;background:var(--point1);z-index:1}
.nhasset .infoStep ol > li[aria-current="step"] > i::before{content:'STEP '}
.nhasset .infoStep ol > li:nth-last-child(2):first-child, .infoStep ol > li:nth-last-child(2):first-child ~ li{--el-wid:calc(100%/2)}
.nhasset .infoStep ol > li:nth-last-child(3):first-child, .infoStep ol > li:nth-last-child(3):first-child ~ li{--el-wid:calc(100%/3)}
.nhasset .infoStep ol > li:nth-last-child(4):first-child, .infoStep ol > li:nth-last-child(4):first-child ~ li{--el-wid:calc(100%/4)}
.nhasset .infoStep ol > li:nth-last-child(5):first-child, .infoStep ol > li:nth-last-child(5):first-child ~ li{--el-wid:calc(100%/5)}
/* 폼 엘리먼트 */
.nhasset .formTit{overflow:visible;margin:var(--space32) 0 var(--space12);font-size:var(--fontSize16);font-weight:500}
.nhasset .formTit > span{display:block;font-weight:400;font-size:var(--fontSize13);color:var(--color4);line-height:20px}
.nhasset .boxRadio input[type="radio"] + label,
.nhasset .boxRadio input[type="checkbox"] + label{max-width:100%;min-height:50px;padding:13px 0;font-size:var(--fontSize15);color:var(--color3);border-radius:10px;border:solid 1px var(--gray-400);background-color:var(--background)}
.nhasset .boxRadio input:checked + label{border:1px solid var(--point1);color:var(--point1);font-weight:500}
.nhasset .boxRadio input:checked + label::before{width:0;height:0}
.nhasset .boxRadio.rowType .boxRadioInn + .boxRadioInn{padding-top:12px}
.nhasset .boxRadio.rowType .boxRadioInn input[type="radio"] + label{border-radius:10px !important}
.nhasset .boxRadio.rowType .boxRadioInn.-icon input[type="radio"] + label{padding:16px 12px 16px 60px;text-align:left}
.nhasset .boxRadio.rowType .boxRadioInn.-icon.-img1 input[type="radio"] + label,
.nhasset .boxRadio.rowType .boxRadioInn.-icon.-img1 input[type="radio"]:checked + label{background:url('../images/makebetter/icon/ico_investor-5th_fill_36.svg') no-repeat left 16px center / 36px auto !important}
.nhasset .boxRadio.rowType .boxRadioInn.-icon.-img2 input[type="radio"] + label,
.nhasset .boxRadio.rowType .boxRadioInn.-icon.-img2 input[type="radio"]:checked + label{background:url('../images/makebetter/icon/ico_investor-3th_fill_36.svg') no-repeat left 16px center / 36px auto  !important}
.nhasset .boxRadio.rowType .boxRadioInn.-icon.-img3 input[type="radio"] + label,
.nhasset .boxRadio.rowType .boxRadioInn.-icon.-img3 input[type="radio"]:checked + label{background:url('../images/makebetter/icon/ico_investor-1th_fill_36.svg') no-repeat left 16px center / 36px auto  !important}
 .nhasset .formWrap .inputList{padding-right:12px;border:1px solid var(--gray-300);border-radius:12px}
.nhasset .formWrap .inputList.on{border-color:var(--point1)}
.nhasset .formWrap .inputList.error{border-color:var(--error)}
.nhasset input[type='text'],
.nhasset input[type='tel'],
.nhasset input[type='password']{height:52px;color:var(--color1);font-size:var(--fontSize16);letter-spacing:-0.8px;padding-left:16px}
.nhasset .inputList input[type='text']:read-only,.nhasset .inputList input[type='tel']:read-only,.nhasset .inputList input[type='password']:read-only,
.nhasset .inputList input[type='text']:disabled,.nhasset .inputList input[type='tel']:disabled,.nhasset .inputList input[type='password']:disabled{color:inherit;background-color:var(--bg-disabled);border-color:var(--border-disabled)}
.nhasset .formWrap .inputList.disabled{background-color:var(--bg-disabled)}
.nhasset .cal .inputList input[type="text"]:read-only,
.nhasset .cal .inputList.disabled,
.nhasset .cal .inputList.disabled input[type="tel"]:disabled,
.nhasset .cal .inputList.disabled input[type="tel"]:read-only{background-color:var(--bg-disabled) !important}
.nhasset .inputList .unit{height:52px;padding:0;font-size:var(--fontSize16);line-height:52px} /* line-height으로 중앙정렬 */
.nhasset .unitMan input[type='text'],
.nhasset .unitMan input[type='tel'],
.nhasset .unitMan input[type='password']{padding-right:0} /* padding-bottom:2px 중앙정렬 착시 상쇄 */
.nhasset .btnReset{width:24px;height:52px;background-image:url('../images/makebetter/icon/ico_cancle_fill_24.svg');background-position:right center;background-size:24px auto}
/* .nhasset .inputList.unitMan .btnReset{margin-right:8px} 2025-11-07 올원가이드에 따른 위치변경으로 인한 */
.nhasset .inputList.unitMan .btnReset{margin-left:8px}
.wrapper.nhasset.bgWhite .inputList .selectValue{height:52px;padding:14px 48px 14px 20px;color:var(--color5);font-size:var(--fontSize16);line-height:26px}
.wrapper.nhasset.bgWhite .inputList.on .selectValue{color:var(--color1)}
.wrapper.nhasset.bgWhite .selectBtn{top:50%;right:16px;width:24px;height:24px;border-radius:0;background:url('../images/makebetter/icon/ico_arr_down_24.svg') no-repeat center;background-size:24px auto;transform:translateY(-50%)}
.nhasset .titListBox .errorTxt{margin-top:12px;font-size:var(--fontSize13);color:var(--error)}
 /* 체크박스 */
.nhasset input[type='checkbox'].chek{width:24px;height:24px;background:url('../images/makebetter/icon/ico_check_24.svg') no-repeat left top / 24px auto}
.nhasset input[type='checkbox'].chek:checked{background-image:url('../images/makebetter/icon/ico_check_fill_24.svg');background-position-x:unset}
.nhasset input[type='checkbox'].chek:disabled + label{color:var(--color5)}
.nhasset input[type='checkbox'].chek:disabled,
.nhasset input[type='checkbox'].chek:checked:disabled{background-image:url('../images/makebetter/icon/ico_check_fill_disabled_24.svg')}
.nhasset input[type='checkbox'].chekTypeOther{width:24px;height:24px;background:url('../images/makebetter/icon/ico_checkbox_24.svg') no-repeat left top / 24px auto}
.nhasset input[type='checkbox'].chekTypeOther:checked{background-image:url('../images/makebetter/icon/ico_checkbox_fill_24.svg');background-position-x:unset}
.nhasset input[type='checkbox'].chekTypeOther:disabled + label{color:var(--color5)}
.nhasset input[type='checkbox'].chekTypeOther:disabled{background-image:url('../images/makebetter/icon/ico_checkbox_disabled_24.svg')}
.nhasset input[type='checkbox'].chekTypeOther:checked:disabled{background-image:url('../images/makebetter/icon/ico_checkbox_fill_disabled_24.svg')}
.nhasset .formWrap.selectAll .cont .formHolder,
.nhasset .formWrap.selectAll .total .formHolder{align-items:center}
.nhasset .formWrap.selectAll .cont input[type="checkbox"]{width:24px;height:24px;margin-right:0;background:url('../images/makebetter/icon/ico_check_24.svg') no-repeat left top / 24px auto}
.nhasset .formWrap.selectAll .cont input[type="checkbox"] + label{/* margin-left:12px;*/font-size:var(--fontSize15);/* color:var(--color3) */}
.nhasset .formWrap.selectAll .cont input[type="checkbox"]:checked{background:url('../images/makebetter/icon/ico_check_fill_24.svg') no-repeat left top / 24px auto}
.nhasset .formHolder.check .btnView{width:24px;height:24px;flex:0 0 24px}
.nhasset .formHolder.check .btnView:after{width:24px;height:24px;background:url('../images/makebetter/icon/ico_next_bottom_24.svg') no-repeat center / 24px auto;top:auto;left:auto;right:0;margin:0}
.nhasset .formWrap.selectAll .total label.check{font-size:var(--fontSize15);font-weight:600}
.nhasset .formWrap.selectAll .total .formHolder input[type="checkbox"]{margin-right:12px}
 /* 앵커 스크롤 */
.nhasset .billListWrap.mt12{margin-top:12px}
.nhasset .billListWrap .billLisMenu{top:50px;margin:0 -16px 16px;padding:10px 16px}
.nhasset .billListWrap .billLisMenu.-step{top:64px} /* 스텝 단계랑 같이 사용 시 */
.nhasset .billListWrap .billLisMenu.likeSticky{width:100%;z-index:1100}
.nhasset .billListWrap .billLisMenu.likeSticky + .billListCont{margin-top:40px}
.nhasset .billListWrap .billLisMenu > ul > li{margin-right:8px}
.nhasset.bgWhite .billListWrap .billLisMenu > ul > li > a.btnBillMenu{padding:5px 16px;border:solid 1px var(--gray-100);background-color:var(--gray-100);color:var(--color3);font-size:var(--fontSize14);line-height:24px}
.nhasset.bgWhite .billListWrap .billLisMenu > ul > li.selected > a{border-color:var(--gray-900);background-color:var(--gray-900) !important;color:#fff;font-weight:500}
/* 버튼 */
.nhasset .btn.-primary{border:1px solid var(--point1);background-color:var(--point1);color:#fff}
.nhasset .btn.-secondary{border:1px solid var(--point1);background-color:#fff;color:var(--point1)}
.nhasset .btn.-tertiary{border:1px solid var(--gray-400);background-color:#fff}
.nhasset .btn.-primary:disabled,.nhasset .btn.-primary.disabled{border-color:var(--gray-200);background-color:var(--gray-200);color:var(--color5);pointer-events:none}
.nhasset .btn.-secondary:disabled,.nhasset .btn.-secondary.disabled,
.nhasset .btn.-tertiary:disabled,.nhasset .btn.-tertiary.disabled{border-color:var(--gray-300);color:var(--color5);pointer-events:none}
.nhasset .btn.-lg{height:56px !important;padding:15px 16px !important;border-radius:12px !important;font-size:18px !important;font-weight:500 !important}
.nhasset .btn.-md{height:48px !important;padding:12px 16px !important;border-radius:10px !important;font-size:16px !important;font-weight:500 !important}
.nhasset .btn.-rg{height:42px !important;padding:9px 16px !important;border-radius:10px !important;font-size:15px !important;font-weight:500 !important}
.nhasset .btn.-sm{height:36px !important;padding:7px 12px !important;border-radius:8px !important;font-size:14px !important;font-weight:500 !important}
.nhasset .btn.-xs{height:30px !important;padding:5px 12px !important;border-radius:8px !important;font-size:13px !important}
/* 하단고정영역 */
[class*="btnPress"]{height:56px;line-height:56px}
.nhasset .areaBtnDefault{border:solid var(--background);table-layout:auto;border-width:2px 8px 24px;border-spacing:8px;border-collapse:separate;background:var(--background)}
.nhasset .areaBtnDefault [class^="btn"],.nhasset .areaBtnStatic [class^="btn"]{padding:0 20px;border-radius:12px;font-family:'Pretendard' !important;font-size:18px;font-weight:500}
.nhasset .areaBtnDefault:not(.half) [class^="btn"]:first-child:not(:last-child),
.nhasset .areaBtnStatic:not(.half) [class^="btn"]:first-child:not(:last-child){width:calc(100%/3)}
.nhasset .areaBtnStatic [class^="btn"] + [class^="btn"]{width:calc(100% - (100%/3))}
.nhasset .areaBtnDefault [class^="btn"].disabled,.nhasset .areaBtnStatic [class^="btn"].disabled{background-color:var(--gray-200);color:var(--color5);pointer-events:none}
.btnPressPoint{background:var(--point1)}
.nhasset .btnPressDefault,.nhasset .areaBtnDefault .btnPressDefault{background-color:#fff;border:1px solid var(--gray-400);color:var(--color1)}
.nhasset .areaBtnStatic{display:flex;align-items:center;gap:0 8px}
.nhasset .areaBtnStatic [class^="btn"]:only-child{width:100%}
.nhasset .areaBtnStatic.half{gap:0 16px}
.nhasset .areaBtnStatic.half [class^="btn"]:first-child{width:50%}
.nhasset .areaBtnStatic.half [class^="btn"] + [class^="btn"]{width:50%}
/* 팝업 */
.popWrap .popInner{border-radius:24px 24px 0 0}
.popWrap.centerLayer .popInner{border-radius:16px}
.nhasset.popWrap .popInner h1{min-height:60px;height:auto;line-height:28px;font-weight:600;font-size:var(--fontSize20);color:var(--color1);padding:22px 56px 10px 24px}
.nhasset .popInner .popCont{color:var(--color1)}
.nhasset .popCont .selectList{padding:12px 24px 0}
.nhasset .popCont .txtInfo{padding:12px 24px 0;font-size:var(--fontSize15);color:var(--color3)}
.nhasset .popCont .subTit{padding:12px 24px 0;font-size:var(--fontSize20)}
.nhasset .popInner.-visual h1{padding-top:40px;padding-right:24px;text-align:center}
.nhasset .popInner.-visual .txtInfo{padding-bottom:160px;text-align:center}
.nhasset .popInner.-visual .txtInfo.-img1{background:url('../images/makebetter/alram/img_cardnone.png') no-repeat center bottom / 140px auto}
/* 상단 아이콘 */
.nhasset .popInner.-icon h1{padding-top:116px;font-size:var(--fontSize18);line-height:26px}
.nhasset .popInner.-icon h1.-check{background:url('../images/makebetter/icon/img_agree-check_68.svg') no-repeat 16px 32px / 68px auto}
.nhasset .popInner.-icon .txtInfo{padding-top:6px}
/* 콘텐츠 아이콘 */
.nhasset .popCont.-icon.-img1{background:url('../images/makebetter/pop/ico_spop_img1.png') no-repeat right 24px bottom 32px / 80px auto}
.nhasset .popCont.-icon.-img2{background:url('../images/makebetter/pop/ico_spop_img2.png') no-repeat right 24px top 32px / 100px auto}
.nhasset .popCont.-icon.-img3{background:url('../images/makebetter/pop/ico_spop_img3.png') no-repeat right 24px bottom 22px / 80px auto}
.nhasset .popCont .txtInfo .subInfo{display:inline-block;margin-top:8px}
.nhasset .popWrap .popClose,
.nhasset .popBtnWrap .popClose{top:24px;right:24px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_close16_24.svg') no-repeat center;background-size:24px auto}
.popCont .selectList li{padding:0}
.nhasset .popCont .selectList li.active a,
.nhasset .popCont .selectList li.active span{color:var(--point1) !important}
.nhasset .popCont .selectList li.active a,
.nhasset.popWrap .popInner .popCont .selectList li.active label{background:none;color:var(--color1);font-weight:500}
.nhasset .popCont .selectList li a,
.nhasset.popWrap .popInner .popCont .selectList li label{padding:16px 4px;font-size:var(--fontSize16);line-height:1.5;font-weight:400}
.nhasset .popCont .selectList li{border-top:0}
.nhasset .popCont .selectList li + li{border-top:0}
.nhasset .popCont .selectList li.active{background:none;border-top:0}
.nhasset .confirmMsg.-mbType{padding:40px 0 0;text-align:center;font-family:'Pretendard' !important}
.nhasset .confirmMsg.-mbType p{font-size:var(--fontSize15);word-break:keep-all}
.nhasset.popWrap.slidePopConfirm .popInner .popCont{padding-bottom:32px}
/*.nhasset.popWrap.slidePopConfirm .popInner .popCont + .popBtnWrap:has(.popBtn){margin-top:-10px}*/ /* popCont{padding-bottom:22px} */
.popBtnWrap .popBtn > a, .popBtnWrap .popBtn > a:hover, .popBtnWrap .popBtn > a:active, .popBtnWrap .popBtn > a:link{font-family:"Pretendard" !important}
/* 오늘하루보지않기 */
.nhasset .popInner .checkWrap{margin-top:22px;padding:13px 16px} /* popCont 안에 */
.nhasset .popInner .checkWrap input[type="radio"] + label,
.nhasset .popInner .checkWrap input[type="checkbox"] + label{margin-left:5px;font-size:var(--fontSize14);font-weight:500}
 .nhasset .popBtnWrap .popBtn{position:relative;height:94px;border:solid #fff;border-width:2px 8px 22px;border-spacing:8px;border-collapse:separate;background:#fff}
/* .nhasset .grayPop + .popBtnWrap .popBtn{position:relative;height:94px;border:solid #f2f4f8;border-width:2px 8px 22px;border-spacing:8px;border-collapse:separate;background:#f2f4f8} */
/* .nhasset .grayPop + .popBtnWrap .popBtn{border:solid #f2f4f8;background:#f2f4f8} ASIS 회색 반영 */
.nhasset .popBtnWrap .popBtn > a, .nhasset .popBtnWrap .popBtn > a:hover, .nhasset .popBtnWrap .popBtn > a:active, .nhasset .popBtnWrap .popBtn > a:link{width:30%;padding:0 10px;height:56px;border-radius:12px;font-weight:500 !important;white-space:nowrap;line-height:56px;font-size:var(--fontSize18) !important}
.nhasset .popBtnWrap .popBtn > a:only-child{width:100%}
.nhasset .popBtnWrap .popBtn > a.confirmBtn{width:70%;background:var(--point1);border-color:var(--point1);color:#fff}
.nhasset .popBtnWrap .popBtn.half > a{width:50% !important}
 .nhasset.popWrap.centerLayer .popInner{background:#fff}
.nhasset.popWrap.centerLayer .popInner .popCont{overflow:auto;padding:0 24px 24px}
.nhasset.popWrap.centerLayer .popBtnWrap .popBtn{height:auto;border-width:2px 14px 12px;border-spacing:8px}
.nhasset.popWrap.centerLayer .popBtnWrap .popBtn > a{height:48px;border-radius:10px;border:1px solid var(--gray-400);background:#fff;color:var(--color1);line-height:24px}
.nhasset.popWrap.centerLayer .popBtnWrap .popBtn > a.confirmBtn{color:var(--point1);border-color:var(--point1);background-color:#fff}
 .nhasset.popWrap.centerLayer .popBtnWrap .popBtn > a:link{font-size:16px !important;font-weight:500 !important}
.nhasset.popWrap.centerLayer .popInner h1{line-height:60px}
 .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn a{font-size:18px !important}
.nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn a:not(.confirmBtn):not(.btnPressDefault){background:#fff;border:1px solid var(--border-color);color:var(--color1)}
.nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn a.confirmBtn.disabled{background-color:var(--bg-disabled);border-color:var(--bg-disabled);color:var(--color-disabled2)}
.nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn a:first-child:not(:last-child){width:calc(100%/3)}
 .nhasset.popWrap.fullLayerPop .popInner h1{height:50px;min-height:50px;font-size:var(--fontSize16);font-weight:600}
.nhasset.popWrap.fullLayerPop .popInner h1.newMain{padding:0 92px 0 24px;text-align:left}
.nhasset.popWrap.fullLayerPop .popInner .popBtnWrap .popClose{top:7px;right:18px;width:36px;height:36px}
.nhasset.popWrap.fullLayerPop .popInner .popBtnWrap .btnGoHome{position:absolute;top:7px;right:54px;width:36px;height:36px;background:url('../images/makebetter/icon/ico_home_24.svg') no-repeat center;background-size:24px auto} /* 전체메뉴 사용 */
 /* 제자리 스피너 */
@keyframes spin{
  /* 오른쪽으로 회전 */
  /* from{transform:rotate(0deg)}
  to{transform:rotate(360deg)} */
  /* 왼쪽으로 회전 */
  from{transform:rotate(0deg)}
  to{transform:rotate(-360deg)}
}
.spinner{display:inline-block;animation:spin 1s linear infinite}
.nhasset .pageRefreshWrap .pageRefresInner .btnUpdate.active{animation:updateLoading-mb 2s ease-out 1;transform-origin:50% 50%}
@keyframes updateLoading-mb{
  100%{transform:rotate(-1080deg)}
}
/* 토스트 팝업 */
.nhasset .tostpopupWrap{position:fixed;width:100%;top:58px;left:0;padding:0 20px;z-index:12}
.nhasset .tostpopupWrap .tostMsg{border-radius:12px;background:url('../images/makebetter/icon/ico_checkbox_base_fill_24.svg') no-repeat rgba(17, 17, 17, .8) left 16px center / 24px auto;padding:13px 16px 13px 48px;color:#fff;box-shadow:0px 3px 6px 0px rgba(0, 0, 0, .05)}
/* 미정
.tostpopupWrap .tostMsg.error{background-image:url('../images/icon_tost02.png');color:#fff !important}
.hasGnb .tostpopupWrap{top:121px} */
 /* 내 자산 알림 서비스 - 고동균 */
.nhasset .visualWrap .notificationBell{height:146px;background:url('../images/makebetter/alram/img_notification_bell.png') no-repeat center / 136px}
/* 알람 type01 */
.nhasset .visualWrap .fluctuationAlert{position:relative;margin-bottom:20px}
.nhasset .visualWrap .fluctuationAlert .topBox{position:relative;margin:40px auto 24px;width:170px;height:74px}
.nhasset .visualWrap .fluctuationAlert .topBox::before,
.nhasset .visualWrap .fluctuationAlert .topBox::after{position:absolute;width:74px;height:30px;padding:5.8px 15.4px;border-radius:6px;background:#f3f5f8;font-size:12px;line-height:18px;font-weight:500;color:#505050;white-space:nowrap;content:'100 만원';text-align:center;opacity:0}
.nhasset .visualWrap.is-inview .fluctuationAlert .topBox::before{top:0;right:17px;animation:fadeSlideIn 0.7s ease-out forwards;animation-delay:0.4s}
.nhasset .visualWrap.is-inview .fluctuationAlert .topBox::after{bottom:3px;right:0;animation:fadeSlideIn 0.7s ease-out forwards;animation-delay:0.6s}
.nhasset .visualWrap .fluctuationAlert .topBox img{position:absolute;opacity:0;transform:translateY(8px)}
.nhasset .visualWrap.is-inview .fluctuationAlert .topBox img:nth-child(1){bottom:3px;left:0;width:68px;height:43px;animation:fadeSlideIn 0.7s ease-out forwards;animation-delay:0.4s;z-index:10}
.nhasset .visualWrap.is-inview .fluctuationAlert .topBox img:nth-child(2){left:47px;top:3px;width:22px;height:33px;animation:fadeSlideIn 0.7s ease-out forwards;animation-delay:0.4s;z-index:1}
.nhasset .visualWrap.is-inview .fluctuationAlert .topBox img:nth-child(3){left:68px;bottom:0;width:20px;height:33px;animation:fadeSlideIn 0.7s ease-out forwards;animation-delay:0.6s}
.nhasset .visualWrap .fluctuationAlert > img:nth-of-type(1){display:block;margin:0 auto 24px;width:28px;height:28px;opacity:0;transform:translateY(8px)}
.nhasset .visualWrap.is-inview .fluctuationAlert > img:nth-of-type(1){animation:fadeSlideIn 0.7s ease-out forwards;animation-delay:1.2s}
.nhasset .visualWrap .fluctuationAlert > .bottomBox{position:relative;padding:16px 0 16px 70px;border:1px solid #e1e1e1;border-radius:10px;color:#505050;opacity:0;transform:translateY(8px)}
.nhasset .visualWrap.is-inview .fluctuationAlert > .bottomBox{width:calc(100% - 25px);margin:0 auto;animation:fadeSlideIn 0.7s ease-out forwards;animation-delay:1.8s}
.nhasset .visualWrap .fluctuationAlert > .bottomBox::before{position:absolute;top:50%;left:13px;transform:translateY(-50%);content:'';width:48px;height:48px;background:url('../images/makebetter/alram/img_fluctuation_alert_05.png') no-repeat center / 48px}
.nhasset .visualWrap .fluctuationAlert > .bottomBox strong{font-size:var(--fontSize14);font-weight:700 !important;line-height:1.5}
.nhasset .visualWrap .fluctuationAlert > .bottomBox p{margin-top:4px;font-size:var(--fontSize13);line-height:1.5;font-weight:500}
/* 알람 type02 */
.nhasset .visualWrap .fluctuationAlert.type02{display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:15px;margin-top:40px}
.nhasset .visualWrap .fluctuationAlert.type02 .topRow,
.nhasset .visualWrap .fluctuationAlert.type02 .bottomRow{display:flex;gap:22px;justify-content:center}
.nhasset .visualWrap .fluctuationAlert.type02 .topRowAlert{position:relative;height:101px}
.nhasset .visualWrap .fluctuationAlert.type02 .topRowAlert img{opacity:0;transform:translateY(var(--ty));transition:opacity 0.6s ease-out, transform 0.6s ease-out;will-change:opacity, transform}
.nhasset .visualWrap .fluctuationAlert.type02 .topRowAlert::before{position:absolute;bottom:-2px;left:50%;width:87px;height:26px;padding:4px 10px;border-radius:4px;background:#f3f5f8;font-size:12px;line-height:18px;font-weight:500;color:#505050;white-space:nowrap;text-align:center;content:'';z-index:1;opacity:0;transform:translate(-50%, var(--ty));/* X 고정, Y만 변수 */ transition:opacity 0.6s ease-out, transform 0.6s ease-out;will-change:opacity, transform}
.nhasset .visualWrap.is-inview .fluctuationAlert.type02 .topRowAlert{--ty:0}
.nhasset .visualWrap.is-inview .fluctuationAlert.type02 .topRowAlert img,
.nhasset .visualWrap.is-inview .fluctuationAlert.type02 .topRowAlert::before{opacity:1}
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(1)::before{content:'알림 방법 선택'}
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(2)::before{content:'알림 요일 선택'}
.nhasset .visualWrap .fluctuationAlert.type02 .bottomRow .topRowAlert:nth-child(1)::before{content:'알림 조건 선택'}
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(1) img,
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(1)::before{transition-delay:0.3s}
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(2) img,
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(2)::before{transition-delay:0.6s}
.nhasset .visualWrap .fluctuationAlert.type02 .bottomRow .topRowAlert:nth-child(1) img,
.nhasset .visualWrap .fluctuationAlert.type02 .bottomRow .topRowAlert:nth-child(1)::before{transition-delay:0.9s}
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(1) img{width:90px;padding-top:0}
.nhasset .visualWrap .fluctuationAlert.type02 .topRow .topRowAlert:nth-child(2) img{width:68px;padding-top:4px}
.nhasset .visualWrap .fluctuationAlert.type02 .bottomRow .topRowAlert:nth-child(1) img{width:94px;padding-top:19px}
/* 자산 흐름 차트 애니메이션 */
.nhasset .visualWrap .chartContainer{display:flex;justify-content:center;align-items:flex-end;gap:60px;height:190px;margin:40px 0 20px}
.nhasset .visualWrap .chartContainer .barWrapper{display:flex;flex-direction:column;align-items:center;text-align:center}
.nhasset .visualWrap .chartContainer .barWrapper .amount{font-size:var(--fontSize14);line-height:clamp(22px, 1.6rem, 27px);font-weight:500;margin-bottom:4px}
.nhasset .visualWrap .chartContainer .barWrapper .bar{width:60px;height:8px;border-radius:6px;transition:height 1s ease-out}
.nhasset .visualWrap .chartContainer .barWrapper:first-of-type .amount,
.nhasset .visualWrap .chartContainer .barWrapper:first-of-type .label{color:var(--color5)}
.nhasset .visualWrap .chartContainer .bar.gray{background:var(--gray-100);color:var(--color5)}
.nhasset .visualWrap .chartContainer .bar.green{background:var(--point1)}
/* 증가일 때 */
.nhasset .visualWrap.is-inview .chartContainer .bar.gray{height:86px;transition-delay:0.2s}
.nhasset .visualWrap.is-inview .chartContainer .bar.green{height:130px;transition-delay:0.2s}
/* 감소일 때 */
.nhasset .visualWrap.is-inview .chartContainer.decrease .bar.gray{height:130px}
.nhasset .visualWrap.is-inview .chartContainer.decrease .bar.green{height:86px}
/* 동일 때 */
.nhasset .visualWrap.is-inview .chartContainer.same .bar.gray{height:130px}
.nhasset .visualWrap.is-inview .chartContainer.same .bar.green{height:130px}
.nhasset .visualWrap .chartContainer .barWrapper .label{margin-bottom:18px;padding-top:4px;font-size:var(--fontSize12);line-height:clamp(18px, 1.5rem, 27px);font-weight:400}
/* 항목별 자산 변동 내역 */
.nhasset .visualWrap .fadeBox{margin-top:30px;opacity:0;transform:translateY(14px);transition:opacity 1s ease, transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);will-change:opacity, transform}
.nhasset .visualWrap.is-inview .fadeBox{opacity:1;transform:translateY(0);transition-delay:0.5s;text-align:center}
/* ===== keyframes (type01 전용) ===== */
@keyframes fadeSlideIn{
    0%{opacity:0;transform:translateY(8px)}
    100%{opacity:1;transform:translateY(0)}
}
/* ===== keyframes (type02 전용) ===== */
@keyframes fadeSlideInLabel{
    0%{opacity:0;transform:translate(-50%, 8px)}
    100%{opacity:1;transform:translate(-50%, 0)}
}
/* 내자산 알림 업데이트 중 안내화면 */
.nhasset .fullWidth .updateAlertScreen{text-align:center;background-color:var(--green-50);margin:0 -16px;padding:36px 16px 20px}
.nhasset .fullWidth .updateAlertScreen > img{margin-top:12px;width:120px;aspect-ratio:1/1}
.nhasset .fullWidth .updateAlertScreen .defTit{margin:0;font-size:var(--fontSize22);font-weight:600;line-height:1.5}
.nhasset .fullWidth .updateAlertScreen .featureTitle{margin-top:12px;font-size:var(--fontSize16);line-height:1.5;font-weight:500}
.nhasset .fullWidth .updateAlertScreen .featureTitle > span{font-weight:600}
.nhasset .fullWidth .updateAlertScreen > .boxTypeWrap{margin:24px 0 0 0;box-shadow:none;border-radius:12px;text-align:left;border:0}
.nhasset .fullWidth .updateAlertScreen > .boxTypeWrap > .subTxt2.t1 > li:not(:first-child){margin-top:5px}
.nhasset .fullWidth .boxTypeWrap{margin:0 -16px;padding:20px;border:0;box-shadow:none;border-radius:0}
.nhasset .fullWidth .subTxt2{color:var(--color4)}
.nhasset .fullWidth .wmTitleArea .defSubTit2 strong{font-weight:600}
.nhasset .fullWidth .wmListTable dl{margin-top:4px;font-size:var(--fontSize15);line-height:1.5}
.nhasset .fullWidth .wmListTable dl:first-child{margin-top:16px}
.nhasset .fullWidth .wmListTable dl dt{padding:2px 0;color:var(--color3)}
.nhasset .fullWidth .wmListTable dl dd{padding:2px 0;color:var(--color1);font-weight:500}
.nhasset .fullWidth .guideList.bgType{margin:10px 0;padding:20px;border-radius:16px;background-color:var(--gray-100)}
.nhasset .fullWidth .connLine{border-top:0;margin-top:12px;padding:0}
.nhasset .fullWidth .connLine:first-child{margin-top:0}
.nhasset .fullWidth .connLine .listTitWrap{margin-right:0}
.nhasset .fullWidth .connLine .listTitWrap .titL{max-width:171px;font-size:var(--fontSize14);line-height:1.5;color:var(--color1)}
.nhasset .fullWidth .connLine .listTitWrap .titR{font-size:var(--fontSize13);line-height:1.5;font-weight:400;color:var(--color4)}
.nhasset .fullWidth .cardSpendList .inoutListWrap{margin-top:12px}
.nhasset .fullWidth .guideList .imgLogo{width:24px;height:24px}
.nhasset .fullWidth .moreInfoWrap.toggleWrap{margin:0;padding:0}
.nhasset .fullWidth .moreInfoWrap.toggleWrap .moreInfo{background-color:var(--gray-100)}
.nhasset .fullWidth .moreInfoWrap .moreOpenBtn{margin:24px 0 0px;border:0;color:var(--color3);font-weight:500;line-height:normal}
.nhasset .fullWidth .moreInfoWrap .moreOpenBtn:after{width:16px;height:16px;background-image:url('../images/makebetter/icon/ico_arr_down_16.svg');background-size:16px auto;margin-left:0}
.nhasset .fullWidth .moreInfoWrap .moreOpenBtn.active:after{transform:rotate(180deg) translateY(1px)}
.nhasset .fullWidth .moreInfoWrap .moreOpenBtn span{display:inline-block;width:auto;white-space:nowrap}
.nhasset .moreInfoWrap.toggleWrap{margin:0;padding:0}
.nhasset .moreInfoWrap .moreOpenBtn{margin:24px 0 0px;border:0;color:var(--color3);font-weight:500;line-height:normal}
.nhasset .moreInfoWrap .moreOpenBtn:after{width:16px;height:16px;background-image:url('../images/makebetter/icon/ico_arr_down_16.svg');background-size:16px auto;margin-left:0}
.nhasset .moreInfoWrap .moreOpenBtn.active:after{transform:rotate(180deg) translateY(1px)}
.nhasset .moreInfoWrap .moreOpenBtn span{display:inline-block;width:auto;white-space:nowrap}
/* 계좌선택 */
.mbSelectLlistWrap .mbSelectLlist > li{border:solid 1px var(--gray-300);border-radius:16px;margin-bottom:16px;padding:20px;background-color:#fff}
.mbSelectLlistWrap .mbSelectLlist > li:last-of-type{margin-bottom:24px}
.mbSelectLlistWrap .mbSelectLlist > li .mbSelectGroup{display:flex;padding:0 0 16px 0;justify-content:space-between;align-items:center}
.mbSelectLlistWrap .mbSelectLlist > li .mbSelectGroup .subject .p,
.mbSelectLlistWrap .mbSelectLlist > li .mbSelectGroup .subject .title,
.mbSelectLlistWrap .mbSelectLlist > li .mbSelectGroup .subject input[type='checkbox'] + label{font-size:var(--fontSize16);line-height:24px}
.mbSelectLlistWrap .mbSelectLlist > li .mbSelectGroup .subject input[type='checkbox'] + label{margin-left:11px}
.mbSelectLlistWrap .mbSelectLlist > li .mbSelectGroup .subject input[type='checkbox'] + label .imgWrap{margin-left:0;margin-right:-1px}
.nhasset .mbAssetList li .subject input[type='checkbox'] + label .title{display:flex;justify-content:space-between;width:100%}
.accName,.acctNum{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbSelectLlistWrap .mbSelectLlist > li .mbSelectGroup .subject{flex:1 1 auto;width:100%;padding-right:0}
.nhasset .mbAssetList{border-top:1px solid var(--gray-200)}
.nhasset .mbAssetList li{position:relative;padding:8px 0;margin:0}
.nhasset .mbAssetList li:first-of-type{padding-top:16px}
.nhasset .mbAssetList li:last-of-type{padding-bottom:0}
.nhasset .mbAssetList li .subject .acctNum{display:block;color:var(--color5);font-size:var(--fontSize13)}
.nhasset .mbAssetList li .mbSelectGroup{padding-bottom:0}
/*내 자산 변동 내역*/
.nhasset .historyBalance .body3{margin-top:16px}
.nhasset .pstotalBalance{margin-top:6px}
.nhasset .pstotalBalance .asset{padding-top:2px;font-weight:600;font-size:var(--fontSize26);white-space:nowrap}
.nhasset [class*="arrow"] + .amount{padding-left:16px;font-size:var(--fontSize13);font-weight:500}
.nhasset [class*="arrow"]:before{content:'';position:absolute;top:50%;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:16px auto;transform:translateY(-50%);vertical-align:unset;margin-top:unset;border-radius:0}
.nhasset .arrowDown{color:var(--decline) !important}
.nhasset .arrowDown:before{border:0;background-image:url('../images/makebetter/icon/ico_decline_16.svg')}
.nhasset .arrowUp{color:var(--rise) !important}
.nhasset .arrowUp:before{border:0;background-image:url('../images/makebetter/icon/ico_rise_16.svg')}
.nhasset .arrowUp + .amount{color:var(--rise) !important}
.nhasset .arrowDown + .amount{color:var(--decline) !important}
.nhasset .arrowNone + .amount{color:var(--color3) !important}
.nhasset .historyDiff{margin-bottom:24px}
.nhasset .boxGray{padding:16px;border-radius:10px;background-color:var(--gray-100)}
.nhasset .grayBox.-mb{margin:24px 0 0 0;padding:12px;border-radius:12px;background-color:var(--background-asis)}
.nhasset .grayBox.-mb.-info2{background-color:var(--info-2)}
.nhasset .lastWeek{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 0}
.nhasset .lastWeek .dt{width:50%;color:var(--color3);font-size:var(--fontSize14)}
.nhasset .lastWeek .dd{width:50%;font-size:var(--fontSize16);font-weight:500;text-align:right}
.nhasset .popCont .defSubTit2{color:var(--color1);font-weight:600;font-size:var(--fontSize16)}
.nhasset .defSubTit2.t1 .sub{font-size:var(--fontSize14);font-weight:400}
.nhasset .defSubTit2.t1 .sub > span{font-weight:500}
.nhasset .areaBanner9{margin-top:var(--space24)}
.nhasset .areaBanner9 > a{display:block;position:relative;padding:var(--space12) var(--space12) var(--space12) 44px;background-color:var(--gray-100);border-radius:16px;font-size:var(--fontSize14);font-weight:500;color:var(--color3)}
.nhasset .areaBanner9 > a::before{position:absolute;top:50%;left:12px;transform:translateY(-50%);content:'';width:24px;height:24px;background:url('../images/makebetter/icon/ico_alram_yellow_24.svg') no-repeat center/ cover}
.nhasset .areaBanner9 > a::after{content:'';display:block;position:absolute;top:50%;right:calc(var(--space20) - 2px);margin-top:-8px;width:16px;height:16px;background:url('../images/makebetter/icon/ico_next_16.svg') no-repeat center / 16px}
.nhasset .boxTypeWrap{margin-top:16px;padding:20px;border:1px solid var(--gray-300);border-radius:16px;box-shadow:0px 5px 15px 0px rgba(0, 0, 0, .04)}
.nhasset .boxTypeWrap.posR.bdNone.boxPdMedium.bgBlueDark{margin-top:0} /* 2025-12-05 통합메인 알림배너 여백조정 */
.nhasset .boxTypeWrap.-unset{overflow:unset}
.nhasset .boxTypeWrap.-line{box-shadow:none}
.nhasset .sumWrap + .boxTypeWrap.-line{margin-top:24px} /* 금융소득모니터링 메인 */
.nhasset .boxTypeWrap.-border{border-color:var(--gray-200)}
.nhasset .boxTypeWrap .toolTipBtn{width:24px;height:24px;margin:-3px 0 0 0;background:url('../images/makebetter/icon/ico_tooltip_24.svg') no-repeat center / 24px auto}
.nhasset .toolTipBtn.-small,
.nhasset .boxTypeWrap .toolTipBtn.-small{margin:-3px 0 0 0;background-image:url('../images/makebetter/icon/ico_tooltip_15_24.svg')}
.nhasset .body1.mt24 .toolTipBtn.-small{margin:-1px 0 0 0} /* 2025-12-01 자산모아보기 디자인 변경 */
.nhasset .boxTypeWrap .accTopInfo .accName{padding:0 !important;font-size:var(--fontSize20);line-height:1.5 !important}
.nhasset .boxTypeWrap .accTopInfo .totalBalance{margin-top:12px;color:var(--color3);font-size:var(--fontSize13)}
.nhasset .boxTypeWrap .visualWrap{margin:0;padding:0}
.nhasset .boxTypeWrap .visualWrap .chartContainer{position:relative;margin:12px 0 10px;height:228px}
@media all and (max-width:435px) and (min-width:255px){
  .nhasset .boxTypeWrap .visualWrap .chartContainer::after{content:'';position:absolute;top:188px;width:100%;height:1px;background-color:var(--gray-300)}
  /* .nhasset .boxTypeWrap .visualWrap .chartContainer::after{content:'';position:absolute;top:205px;width:100%;height:1px;background-color:var(--gray-300)} /* 시간 뺄 경우 라인 위치 */
}
.nhasset .boxTypeWrap .visualWrap .chartContainer .barWrapper .bar{border-bottom-left-radius:0;border-bottom-right-radius:0}
.nhasset .boxTypeWrap .mainTopInfo .totalBalance dt{margin:0;color:var(--color3);font-size:var(--fontSize13)}
.nhasset .boxTypeWrap .totalBalance dt > strong{font-size:var(--fontSize18);font-weight:600 !important;line-height:1.5}
.nhasset .boxTypeWrap .mainTopInfo .totalBalance dd.totalBalanceNow{margin-top:8px;justify-content:flex-end}
.nhasset .boxTypeWrap .popAsset{padding:0}
.nhasset .boxTypeWrap .totalBalance .totalBalanceNow .asset{display:inline-block;font-size:var(--fontSize26);font-weight:600;padding:0}
.nhasset .boxTypeWrap .accTopInfo + .divLine{margin:20px 0}
.nhasset .assetList > ul > li.assetItem{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.nhasset .assetList > ul > li.assetItem:last-child{margin-bottom:0}
.nhasset .assetList > ul > li.assetItem .assetIcon{display:flex;align-items:center;gap:0 8px}
.nhasset .assetList > ul > li.assetItem .assetIcon > .assetImgWrap{width:24px;height:24px}
.nhasset .assetList > ul > li.assetItem .assetIcon > .assetImgWrap img{width:100%;height:100%;display:block;object-fit:contain}
.nhasset .assetList > ul > li.assetItem .assetIcon > .assetTxtWrap{font-size:var(--fontSize16);line-height:1.5;font-weight:500}
.nhasset .assetList > ul > li.assetItem .assetIcon > .assetTxtWrap > em{margin-left:4px;text-decoration:underline;text-underline-offset:3px}
.nhasset .assetList > ul > li.assetItem .assetContent .assetAmount{font-size:var(--fontSize16);font-weight:500}
.nhasset .boxTypeWrap .prodListWrap{margin:0;padding:0;list-style:none}
.nhasset .boxTypeWrap .prodListWrap > li a .prodRecomWrap{margin:0}
.nhasset .boxTypeWrap .prodListWrap a .prodRecomWrap .prodTit{position:relative;display:inline-block;padding:0 24px 0 0;width:fit-content;overflow:visible;font-size:var(--fontSize18);font-weight:600;line-height:1.5;margin:0;background:none;white-space:break-spaces}
/* 기본:아이콘 표시 */
.nhasset .boxTypeWrap .prodListWrap a .prodRecomWrap .prodTit::before{position:absolute;top:50%;right:0;transform:translateY(calc(-50% + 1px));width:24px;height:24px;background:url('../images/makebetter/icon/ico_next_24.svg') no-repeat center center/cover;content:''}
/* 0일 때만 아이콘 숨김 */
.nhasset .boxTypeWrap .prodListWrap a.is-zero .prodRecomWrap .prodTit::before{content:none}
/* 0일 때 a 자체도 비활성 */
.nhasset .boxTypeWrap .prodListWrap a.is-zero{pointer-events:none;cursor:default;text-decoration:none}
.nhasset .boxTypeWrap .prodListWrap a .assetContent .assetAmount{font-size:var(--fontSize26);font-weight:600;line-height:1.5}
.nhasset .boxTypeWrap .prodListWrap > li::before{display:none}
/* 2025-10-23 ASIS 클래스 충돌로 인한 변경 setBtn */
/* .nhasset .yatexbtnWrap{padding:12px 0 12px;border:1px solid var(--gray-400);box-shadow:none}
.nhasset .yatexbtnWrap a.setBtn{display:inline-block;height:fit-content;font-size:var(--fontSize16);font-weight:500;line-height:1.5}
.nhasset .yatexbtnWrap a.setBtn:before{width:24px;height:24px;margin-right:4px;background:url('../images/makebetter/icon/ico_setting_24.svg') no-repeat center / cover} */
.nhasset .areaBtnDefault .yatexbtnWrap,
.nhasset .areaBtnStatic .yatexbtnWrap{width:100%;padding:12px 0 12px;border:1px solid var(--gray-400);box-shadow:none}
.nhasset .areaBtnDefault .yatexbtnWrap a.setBtn,
.nhasset .areaBtnStatic .yatexbtnWrap a.setBtn{display:inline-block;height:fit-content;font-size:var(--fontSize16);font-weight:500;line-height:1.5}
.nhasset .areaBtnDefault .yatexbtnWrap a.setBtn::before,
.nhasset .areaBtnStatic .yatexbtnWrap a.setBtn::before{content:'';width:24px;height:24px;margin-right:4px;padding-left:24px;background:url('../images/makebetter/icon/ico_setting_24.svg') no-repeat center / cover}
/* 툴팁 */
.nhasset .toolTipBtn,
.nhasset .boxTypeWrap .toolTipBtn{width:24px;height:24px;margin:-3px 0 0 0;background:url('../images/makebetter/icon/ico_tooltip_24.svg') no-repeat center / 24px auto}
.nhasset .tooltipWrap .tooltipCont,
.nhasset .defTit .tooltipWrap .tooltipCont,
.nhasset .accTopInfo .etcInfo.compare .tooltipCont, /* ASIS 영향 */
.nhasset .boxTypeWrap .tooltipWrap .tooltipCont{position:absolute;/*top:65px;*/top:auto;left:50%;transform:translateX(-50%);width:calc(100% + 42px) !important;padding:20px;border:1px solid var(--gray-200);box-shadow:0px 3px 6px 0px rgba(0, 0, 0, .05);border-radius:16px;white-space:normal;z-index:1101} /* 2025-12-05 */
.nhasset .tooltipWrap .tooltipCont{width:calc(100% + 10px) !important} /* 추가 확인 필요 */
.nhasset .defTit .tooltipWrap .tooltipCont{width:100% !important}
.nhasset .tooltipWrap .tooltipCont > h3{display:block;font-size:var(--fontSize16);font-weight:600}
.nhasset .tooltipWrap .tooltipCont > ul > li{color:var(--color3);font-size:var(--fontSize13);font-weight:400;line-height:1.5;text-wrap:wrap}
.nhasset .tooltipWrap .tooltipCont > ul > li:first-child{margin-top:12px}
.nhasset .tooltipWrap .tooltipCont .close{top:20px;right:20px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_close12_24.svg') no-repeat center / cover}
.nhasset .tooltipWrap .tooltipCont > dl > dt{color:var(--color3);font-size:var(--fontSize14);font-weight:500}
.nhasset .tooltipWrap .tooltipCont > dl > dd{color:var(--color3);font-size:var(--fontSize13)}
 /* 밸런스 진단 */
.nhasset .lookSwiper.balanceReview{position:relative;margin:0}
.nhasset .lookSwiper.balanceReview .lookTit{margin-top:0}
.nhasset .lookSwiper.balanceReview .lookTit span,
.nhasset .lookSwiper.balanceReview .lookTit strong{font-size:var(--fontSize22);font-weight:600;line-height:1.5}
.nhasset .lookSwiper.balanceReview .lookTit span{position:absolute;top:0;left:50%;transform:translateX(-50%);color:var(--point1)}
.nhasset .lookSwiper.balanceReview .lookTit strong{display:block;margin-top:48px}
.nhasset .lookSwiper.balanceReview .swiper-slide{display:flex;flex-direction:column;margin-top:24px;height:calc(100vh - 196px);box-shadow:none;border-radius:0}
.nhasset .lookSwiper.balanceReview .swiper-slide .assetBalanceImg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;margin:0;width:200px;height:200px;aspect-ratio:1 / 1}
.nhasset .lookSwiper.balanceReview .swiper-slide .nhasset .swiper-control{position:absolute;bottom:0;left:50%;width:68px;margin-top:0;transform:translateX(-50%);z-index:100}
.nhasset .lookSwiper.balanceReview .swiper-control{margin-top:0}
.nhasset .lookSwiper.balanceReview .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;background-color:var(--border-color)}
.nhasset .lookSwiper.balanceReview .swiper-pagination .swiper-pagination-bullet-active{width:16px;height:8px;border-radius:10px;background-color:var(--point1)}
.nhasset .valanceTitWrap .valueAsset{display:inline-block;;position:relative;width:fit-content;padding:0 24px 0 0;font-size:var(--fontSize26);font-weight:600}
.nhasset .valanceTitWrap .valueAsset::before{content:'';position:absolute;top:50%;right:0;width:24px;height:24px;background:url('../images/makebetter/icon/ico_next_24.svg') no-repeat center / 24px auto;transform:translateY(calc(-50% + 1px))}
.nhasset .valanceTitWrap .valueAsset.-count::before{background:none} /* 2025-12-02 밸런스진단 카운터 */
.nhasset .valanceTitWrap .valueAsset.-count .won{display:none} /* 2025-12-02 밸런스진단 카운터 */
.nhasset .valanceTitWrap .valueAsset .won{display:inline-block;margin-left:-5px} /* 2025-12-02 밸런스진단 카운터 */
.nhasset .balanceReviewAuto{position:relative;flex:1}
.nhasset .lookSwiper.balanceReview .lookTit.type02{padding-bottom:calc(clamp(14px, 1.4rem, 21px) * 1.5)}
 /* To-BE 차트 */
.nhasset .chartWrap .chartGraph{position:relative;width:100%;max-width:2048px;height:auto}
.nhasset .chartWrap.-bar .chartGraph{height:36px}
.nhasset .chartWrap .chartGraph canvas{display:block;margin:0 auto}
.nhasset .chartWrap.-flex .chartGraph{max-width:140px}
@media all and (min-width:415px){
  .nhasset .chartWrap.-flex .chartGraph{margin:0 auto}
}
.nhasset .chartWrap.-flex .chartGraph canvas{margin:0}
.nhasset .chartWrap.-bar .chartGraph canvas{margin:0;height:100% !important}
.nhasset .chartWrap .tooltip{display:flex;position:absolute;color:var(--color3);font-size:10px;font-weight:500;pointer-events:none;text-align:center;opacity:0;transition:opacity 0.5s ease-out;flex-direction:column;align-items:center;white-space:nowrap;z-index:1000} /* 2025-12-05 10px 고정 */
.nhasset .chartWrap.-bar .tooltip{padding:4px 8px;border-radius:4px;background:#fff;text-align:center;opacity:0;transition:opacity 0.5s ease-out;align-items:center;box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.1);white-space:nowrap;z-index:1000}
.nhasset .chartWrap.-bar{margin-top:2px}
.toggleChart.hidden{display:none}
.nhasset .chartWrap .chartLegend.type1{--el-color1:#ffec40;--el-color2:#12732e;--el-color3:#3cdb61;--el-color4:#ace3bc;--el-color5:#2357a9;--el-color6:#66a1ff}
.nhasset .chartWrap .chartLegend.type1 .item{display:flex;position:relative;margin-bottom:4px;padding-left:16px;font-weight:500;justify-content:space-between;align-items:center}
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(1),
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(4){margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--gray-200)}
.nhasset .chartWrap .chartLegend.type1 .item:last-of-type{margin-bottom:0}
.nhasset .chartWrap .chartLegend.type1 .item::before{content:'';position:absolute;top:7px;left:0;width:8px;height:8px;border-radius:2px}
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(1)::before{background-color:var(--el-color1)}
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(2)::before{background-color:var(--el-color2)}
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(3)::before{background-color:var(--el-color3)}
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(4)::before{background-color:var(--el-color4)}
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(5)::before{background-color:var(--el-color5)}
.nhasset .chartWrap .chartLegend.type1 .item:nth-of-type(6)::before{background-color:var(--el-color6)}
.nhasset .chartWrap.-flex{display:flex;margin-top:19px;margin-bottom:0;justify-content:space-between;align-items:center}/* 2025-11-26 */
.nhasset .chartWrap.-flex .item{margin-bottom:2px;padding-bottom:0;font-size:var(--fontSize13)}
.nhasset .chartWrap.-flex .chartLegend.type1{margin-right:4px}
.nhasset .chartWrap.-flex .chartLegend.type1 .item:nth-of-type(1),
.nhasset .chartWrap.-flex .chartLegend.type1 .item:nth-of-type(4){margin-bottom:4px;padding-bottom:0;border:0}
/* .nhasset .chartWrap.-flex .chartLegend.type1 .item::before{top:5px} */
.nhasset .chartWrap.-flex .chartLegend.type1 .item::before{top:clamp(5px, 0.5rem, 9px)}
.nhasset .chartBarWrap{position:relative;margin-top:8px}
.nhasset .analysisCate{display:flex;position:relative;padding-right:24px;justify-content:space-between;align-items:center}
.nhasset .analysisCate::after{content:'';position:absolute;top:50%;right:0;width:24px;height:24px;background:url('../images/makebetter/icon/ico_arr_down_24.svg') no-repeat center / 24px auto;transform:translateY(-50%)}
.nhasset .analysisCate.unset{pointer-events:none}
.nhasset .analysisCate.unset::after{all:unset}
.nhasset [data-toggle="wrap"].active .analysisCate::after{transform:rotate(180deg) translateY(50%)}
.nhasset .analysisCate .em{font-size:var(--fontSize16);font-weight:600}
.nhasset .mbAccListWrap .caption1{color:var(--color3)}
.nhasset .mbAccListWrap .mbAccList.-analysis .mbAccListItem{padding:8px 0;border-bottom:0}
.nhasset .mbAccListWrap .mbAccList.-analysis .mbCiWrap.-plus::after{content:'';position:absolute;top:-7px;right:4px;width:16px;height:16px;background:url('../images/makebetter/icon/ico_banklist_more_16.svg') no-repeat center / 16px auto}
.nhasset .mbAccListWrap .mbAccList.-analysis .mbCi{transform:translateY(calc(-50% - 10px))}
@media all and (max-width:466px) and (min-width:405px){
  .nhasset .mbAccListWrap .mbAccList.-analysis .mbCi{transform:translateY(calc(-50% - 8px))}
}
@media all and (min-width:467px){
  .nhasset .mbAccListWrap .mbAccList.-analysis .mbCi{transform:translateY(calc(-50% - 7px))}
}
.nhasset .mbAccListWrap .mbAccList.-analysis.-cash .mbCi{transform:translateY(-50%)}
.nhasset .boxTypeWrap .divLine{height:1px;margin:16px 0;background-color:var(--gray-300)}
.nhasset .boxTypeWrap .mbCiBox + .divLine{background-color:var(--gray-200)}
.nhasset .fullyWrap{margin:0 -16px;padding:24px 16px 32px}
.nhasset .fullyWrap:last-of-type{padding-bottom:0}
.nhasset .fullyWrap.-analysis .boxTypeWrap:first-of-type{margin-top:24px}
.nhasset .fullyWrap .analysisCate.-etc{flex-wrap:wrap}
.nhasset .fullyWrap .analysisCate.-etc p{width:100%}
.nhasset .analysisCate.-etc::after{background-image:url('../images/makebetter/icon/ico_next_24.svg')}
.nhasset .fullyWrap.-fixed{position:fixed;top:49px;width:100%;height:114px;z-index:50} /* 밸런스 진단 상단 타이틀 고정 시 */
.nhasset .fullyWrap.-fixed + .fullyWrap{padding-top:138px}
.nhasset .fullyWrap.-spacer{padding:16px 0 0 0}
/* MB 계좌목록 Base */
.mbAccListItem{display:flex;padding:16px 0;border-bottom:1px solid var(--gray-300);justify-content:space-between}
.mbCiWrap{position:relative;width:40px;height:44px}
.mbCi{position:absolute;top:50%;width:32px;height:32px;transform:translateY(-50%)}
.mbAccItem{width:calc(100% - 40px)}/*max-width:calc(100% - 60px);*/
.mbAccItem .mbAccTitWrap{display:flex;margin-bottom:2px;align-items:center}
.mbAccItem .mbAccTitWrap .incomTit{width:100%;margin:4px 0;padding-right:24px;background:url('../images/makebetter/icon/ico_next_24.svg') no-repeat right center / 24px;font-size:var(--fontSize16);font-weight:500;overflow:hidden !important;white-space:nowrap;text-overflow:ellipsis}
.mbAccItem .mbAccTit{width:auto;max-width:calc(100% - 20px);font-size:var(--fontSize16);font-weight:500}
.mbAccItem .mbAccNum{margin-bottom:8px;color:var(--color5);font-size:var(--fontSize13);font-weight:500}
.mbAccAmount,.mbAccRate,.mbAccRe{font-weight:500;text-align:right}
.mbAccAmount{font-size:var(--fontSize16)}
.nhasset .separator{position:relative;padding-left:5px;color:var(--color3);font-size:var(--fontSize13);font-weight:500} /* 2025-12-01 자산모아보기 디자인 변경으로 인한 칼라변경 */
.h5.assetConn{font-size:18px;color:var(--color3)} /* 2025-12-01 자산모아보기 디자인 변경으로 인한 칼라변경 */
.nhasset .separator::before{content:'';position:absolute;top:50%;left:0;height:10px;border-left:1px solid var(--border-color);transform:translateY(-50%)}
.nhasset .mbAccRate .arrowNone + .amount{color:var(--color1)}
.mbAccRe a{font-size:var(--fontSize14);text-decoration:underline !important;text-underline-offset:3px}
.nhasset .h5.-icon{padding-left:44px}
.nhasset .h5.-icon.-pie{background:url('../images/makebetter/icon/ico_doughnut_32.svg') no-repeat left center / 32px auto}
.nhasset .rangeWrap{display:flex;margin-top:24px;flex-wrap:wrap;gap:16px 0}
.nhasset .styleWrap,
.nhasset .trendWrap{display:flex;width:100%;flex-wrap:wrap;gap:12px 0}
.nhasset .rangeWrap .dl,
.nhasset .rangeWrap .ul{display:flex;width:100%;flex-wrap:wrap}
.nhasset .rangeWrap .ul{gap:2px 0}
.nhasset .rangeWrap .dl{padding:14px 12px;border-radius:12px;background-color:var(--background-asis);justify-content:space-between;align-items:center}
.nhasset .rangeWrap .dt{color:var(--color3);font-size:var(--fontSize13)}
.nhasset .rangeWrap .dd{font-size:var(--fontSize16);font-weight:500}
.nhasset .grade1{color:var(--grade1)} /* $안정형$ */
.nhasset .grade2{color:var(--grade2)} /* $안전추구형$ */
.nhasset .grade3{color:var(--grade3)} /* $위험중립형$ */
.nhasset .grade4{color:var(--grade4)} /* $적극투자형$ */
.nhasset .grade5{color:var(--grade5)} /* $공격투자형$ */
.nhasset .rangeWrap .ul.listBul.disc > li{width:100%;margin-top:0 !important;padding-left:11px;font-size:var(--fontSize13) !important;word-break:keep-all}
/* 다시 진단 */
.nhasset .reTry{display:block;position:relative;margin-top:12px;padding-right:18px;font-weight:500;text-align:right}
.nhasset .reTry::after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;background:url('../images/makebetter/icon/ico_next_16.svg') no-repeat center / 16px auto;transform:translateY(-50%)}
.nhasset .reTry.-refresh{margin:0;color:var(--point1)}
.nhasset .reTry.-refresh::after{background-image:url('../images/makebetter/icon/ico_refresh_green_16.svg')}
.nhasset .flexTitWrap{display:flex;position:relative;justify-content:space-between;align-items:flex-start}
/* 투자위험수준 선택 */
.nhasset .gaugeContainer{position:relative;margin:0 0 8px;padding:24px 0 0 0}
/* AS-IS 초기화 */
.nhasset .gaugeContainer input[type="radio"],
.nhasset .gaugeContainer input[type='radio'] + label{all:unset}
.nhasset .gaugeContainer .gaugeBar{overflow:hidden;display:flex;position:relative;width:100%;height:32px;justify-content:space-between}
.nhasset .gaugeContainer .gaugeBar::before{content:'';position:absolute;top:50%;width:100%;height:12px;border-radius:10px;background:linear-gradient(90deg, #24bbfb 0%, rgba(47, 177, 83, 0.9) 40%, rgba(229, 117, 71, 0.95) 65.2%, #ff2424 100%);transform:translateY(-50%)}
.gauge-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* 말풍선 스타일 */
.popOverBox{position:absolute;top:0;left:0;width:auto;height:auto;min-height:32px;padding:6px 32px 6px 12px;border-radius:8px;background-color:var(--gray-900);color:#fff;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .05);opacity:0;transition:opacity 0.3s ease, transform 0.3s ease;transform:translateY(-14px);pointer-events:none}
.popOverBox.show{opacity:1;pointer-events:auto}
.popOverArrow{position:absolute;bottom:-5px;left:50%;width:10px;height:6px;background:url('../images/makebetter/icon/ico_arr_down_popover_10.svg') no-repeat center / 10px auto;transform:translateX(-50%)}
.popOverClose{position:absolute;top:50%;right:12px;width:16px;height:16px;background:url('../images/makebetter/icon/ico_close16_white_24.svg') no-repeat center / 16px auto;transition:color 0.2s ease;transform:translateY(calc(-50%))}/* 2025-11-24 */
.popOverTxt{color:#fff;font-size:var(--fontSize13);white-space:nowrap}
.popOverBox.-static{top:-22px;left:auto;right:0} /* 밸런스 진단 결과 */
.popOverBox.-static .popOverArrow{left:auto;right:24px}
/* 라디오 버튼 숨기기 - 접근성을 위해 opacity:0 사용 */
.nhasset .gaugeContainer .gaugeBar input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
/* 각 막대 조각 스타일 */
.nhasset .gaugeContainer .gaugeBar .barItem{position:relative;display:flex;flex-grow:1;flex-basis:0;height:100%;cursor:pointer;justify-content:center;align-items:center;z-index:10}
.nhasset .gaugeContainer .gaugeBar .barItem::after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background-color:#fff;transform:translateY(-50%)}
.nhasset .gaugeContainer .gaugeBar .barItem:last-of-type::after{all:unset}
.nhasset .gaugeContainer .gaugeBar input[type="radio"]:checked + .barItem::before{content:'';width:32px;height:32px;background:url('../images/makebetter/icon/ico_grade_sel_32.svg') no-repeat center / 32px auto}
.nhasset .descWrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .descWrap .dl{flex-grow:1}
.nhasset .descWrap .dl:last-of-type{text-align:right}
.nhasset .descWrap .dl .dt{font-size:var(--fontSize14);font-weight:500}
.nhasset .descWrap .dl .dd{color:var(--color4);font-size:var(--fontSize12)}
.nhasset .expectedWrap{position:relative;margin:2px 0 4px}
.nhasset .expected{display:inline-block;color:var(--color4);font-size:var(--fontSize12)}
.nhasset .expected + .tooltipWrap{vertical-align:text-top}
.nhasset .wrapTblDefault.-label{--el-color1:#ffec40;--el-color2:#12732e;--el-color3:#3cdb61;--el-color4:#ace3bc;--el-color5:#2357a9;--el-color6:#66a1ff}
.nhasset .wrapTblDefault.-label th{padding:8px 0;background:var(--gray-100);font-weight:400}
.nhasset .wrapTblDefault.-label th,
.nhasset .wrapTblDefault.-label td{border:0;border-bottom:1px solid var(--gray-300);color:var(--color1);font-size:var(--fontSize14)}
.nhasset .wrapTblDefault.-label td{padding:4px 0}
.nhasset .wrapTblDefault.-label thead tr th:last-of-type,
.nhasset .wrapTblDefault.-label tbody tr td:last-of-type{padding-right:4px}
.nhasset .wrapTblDefault.-label tbody tr.brNone td{border-bottom:0}
.nhasset .wrapTblDefault.-label tbody tr td:first-of-type{position:relative;padding-left:16px}
.nhasset .wrapTblDefault.-label tbody tr td:first-of-type::before{content:'';position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:2px;transform:translateY(calc(-50% - 1px))}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(1) td:first-of-type{padding:8px 0 8px 16px}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(2) td,
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(5) td{padding-top:8px}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(4) td{padding-bottom:8px}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(1) td:first-of-type::before{background-color:var(--el-color1)}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(2) td:first-of-type::before{background-color:var(--el-color2)}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(3) td:first-of-type::before{background-color:var(--el-color3)}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(4) td:first-of-type::before{background-color:var(--el-color4)}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(5) td:first-of-type::before{background-color:var(--el-color5)}
.nhasset .wrapTblDefault.-label tbody tr:nth-of-type(6) td:first-of-type::before{background-color:var(--el-color6)}
.nhasset .mbToggleWrap .showBtn{width:100%;text-align:center}
.nhasset .mbToggleWrap .showBtn > span{display:inline-block;position:relative;padding-right:18px;font-size:var(--fontSize14);font-weight:500}
.nhasset .mbToggleWrap .showBtn > span::after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background:url('../images/makebetter/icon/ico_arr_down_16.svg') no-repeat center / 16px auto}
.nhasset .mbToggleWrap .showBtn[aria-expanded="true"] > span::after{transform:rotate(180deg)}
/* [BANNER] 배너 유형 */
.nhasset .mbBanner{--el-bgcolor1:#daeaf6}
.nhasset .mbBanner a{overflow:hidden;display:block;position:relative;border-radius:12px}
.nhasset .mbBanner a::after{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:center}
.nhasset .mbBanner a > span{display:block;word-break:keep-all}
.nhasset .mbBanner a.img1{padding:16px 80px 16px 16px;background-color:var(--el-bgcolor1);color:var(--color1)}
.nhasset .mbBanner a.img1::after{top:18px;right:16px;width:45px;height:45px;background-image:url('../images/makebetter/banner/ico_mbanner_img1.svg');background-size:45px auto}
.nhasset .mbBanner a.img1 > span:nth-of-type(1){font-size:var(--fontSize12)}
.nhasset .mbBanner a.img1 > span:nth-of-type(2){font-size:var(--fontSize16);font-weight:600}
.nhasset .mbBanner.-left a.img1{padding:12px 12px 12px 59px}
.nhasset .mbBanner.-left a.img1::after{top:50%;left:12px;right:auto;width:40px;height:40px;background-image:url('../images/makebetter/banner/ico_mbanner_left_img1.svg');background-size:40px auto;transform:translateY(-50%)}
.nhasset .mbBanner a.img1 > span:nth-of-type(1){font-size:var(--fontSize14);color:var(--color3)}
.nhasset .mbBanner a.img2{padding:20px;background-color:var(--grade5);color:var(--background)}
.nhasset .mbBanner a.img2 > span{font-size:var(--fontSize13);font-weight:500;line-height:1.5}
.nhasset .mbBanner a.img2 > strong{display:block;font-size:var(--fontSize16);margin-top:2px;line-height:1.5}
.nhasset .mbBanner a.img2::after{top:50%;right:16px;transform:translateY(-50%);width:60px;height:60px;background:url('../images/makebetter/banner/ico_mbanner_left_img2.svg') no-repeat center / 60px auto}
/* [BANNER] 배너 유형2 */
.nhasset .infoBanner a,
.nhasset .infoBanner div{overflow:hidden;display:block;position:relative;margin:var(--space24) 0 var(--space32);background-color:var(--el-bgcolor);font-size:var(--fontSize22);font-weight:600;line-height:1.4} /* 2025-11-21 */
.nhasset .infoBanner div p{color:var(--color4);font-size:var(--fontSize14);font-weight:400;line-height:1.5} /* 2025-11-21 */
.nhasset .infoBanner a::after,
.nhasset .infoBanner div::after{content:'';display:block;position:absolute;top:50%;right:0;width:64px;height:64px;background:var(--el-img);background-size:var(--el-size);transform:translateY(-50%)}
/* 이미지 지정 */
.nhasset .infoBanner .img1{--el-img:url('../images/makebetter/banner/ico_infoBanner_img1.png') no-repeat center;--el-size:64px auto;--el-bgcolor:#fff}
.nhasset .infoBanner .img2{min-height:90px;--el-img:url('../images/makebetter/banner/ico_infoBanner_img2.png') no-repeat center;--el-size:117px auto;--el-bgcolor:#fff}
.nhasset .infoBanner .img2::after{right:12px;width:117px;height:102px}
/* 아이콘형 띠 배너 */
.mBanner{display:flex;align-items:center;position:relative;padding:12px 12px 12px 38px;min-height:46px;height:auto;font-size:var(--fontSize14);color:var(--color3);background:url('../images/makebetter/icon/ico_info_fill_22.svg') no-repeat #e2efe8 left 12px top 12px / 22px auto;border-radius:12px}
.nhasset .link.horizontal{margin-top:16px;width:100%}
.nhasset .link.horizontal a{display:block;position:relative;font-size:var(--fontSize14);padding:16px 16px 16px 44px;width:100%;font-weight:500;border-radius:12px}
.nhasset .link.horizontal .ico_link::after{content:'';margin-top:-8px;position:absolute;background:url('../images/makebetter/icon/ico_next_gray_16.svg') no-repeat center left;top:50%;right:16px;width:16px;height:16px;background-size:100%}
.nhasset .link.horizontal .ico_link::before{content:'';margin-top:-12px;position:absolute;top:50%;left:16px;width:24px;height:24px;background-size:100%}
.nhasset .link.horizontal .ico-assets-link,
.nhasset .link.horizontal .ico-myhouse-link,
.nhasset .link.horizontal .ico-billfold-link{background:#e2efe8}
.nhasset .link.horizontal .ico-assets-link::before{background:url('../images/makebetter/icon/ico_asset_24.svg') no-repeat center left;background-size:100%}
.nhasset .link.horizontal .ico-tax-link,
.nhasset .link.horizontal .ico-dollar-link{background:#daeaf6}
.nhasset .link.horizontal .ico-tax-link::before{background:url('../images/makebetter/icon/ico_tax_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-wallet-link,
.nhasset .link.horizontal .ico-insure-link,
.nhasset .link.horizontal .ico-bulb-link{background:#f6efe6}
.nhasset .link.horizontal .ico-wallet-link::before{background:url('../images/makebetter/icon/ico_wallet_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-dsr-link{background:#e7e4f3}
.nhasset .link.horizontal .ico-dsr-link::before{background:url('../images/makebetter/icon/ico_dsr_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-dollar-link::before{background:url('../images/makebetter/icon/ico_dollar_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-retire-link{background:#dce4f5}
.nhasset .link.horizontal .ico-retire-link::before{background:url('../images/makebetter/icon/ico_retire_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-insure-link::before{background:url('../images/makebetter/icon/ico_insure_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-bulb-link::before{background:url('../images/makebetter/icon/ico_bulb_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-myhouse-link::before{background:url('../images/makebetter/icon/ico_myhouse_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-billfold-link::before{background:url('../images/makebetter/icon/ico_billfold_24.svg') no-repeat center left / 24px auto}
.nhasset .link.horizontal .ico-tax-link::after,
.nhasset .link.horizontal .ico-wallet-link::after,
.nhasset .link.horizontal .ico-dsr-link::after,
.nhasset .link.horizontal .ico-dollar-link::after,
.nhasset .link.horizontal .ico-retire-link::after,
.nhasset .link.horizontal .ico-insure-link::after,
.nhasset .link.horizontal .ico-myhouse-link::after,
.nhasset .link.horizontal .ico-bulb-link::after,
.nhasset .link.horizontal .ico-billfold-link::after{width:24px;height:24px;margin-top:-12px;background:url('../images/makebetter/icon/ico_next_gray600_24.svg') no-repeat center left / 24px auto}
/* 알아두세요 */
/* .nhasset .info_area{margin-top:0;margin-bottom:0;padding:16px 0} */
.nhasset .info_area .noticeBtn .info_area_title{font-size:var(--fontSize16);background:url('../images/makebetter/icon/ico_notice_24.svg') no-repeat left center / 24px auto;padding-left:26px;line-height:24px}
.nhasset .info_area .noticeBtn .info_area_title::after{content:'';position:absolute;top:50%;margin-top:-12px;right:0;width:24px;height:24px;background:url('../images/makebetter/icon/ico_arr_down_24.svg') no-repeat center center / 24px auto}
.nhasset .info_area a.noticeBtn[aria-expanded="true"] .info_area_title::after{transform:rotate(-180deg)}/* 2025-11-20 */
/*.nhasset .info_area ul[class^='listBul']{margin-top:8px} */
.nhasset .info_area .noticeBtn + ul[class^='listBul']{margin-top:24px}
.nhasset .listBul.disc>li{padding-left:11px;font-size:var(--fontSize14);color:var(--color3)}
.nhasset .listBul.disc>li + li{margin-top:8px}
.nhasset .listBul.disc>li:before,
.nhasset .noticeWrap .listBul.dash>li:before{top:clamp(8px, 0.8rem, 12px);background:var(--gray-600)}
/* 밸런스 진단 에니메이트 차트 - 고동균 */
.nhasset .pageRefreshWrap .pageRefresInner .btnUpdate{width:24px;height:24px;background:url('../images/makebetter/icon/ico_refresh_gray_16.svg') no-repeat center / 16px auto}
.nhasset .hBarGroup + .hBarGroup{border-top:1px solid var(--gray-200);margin-top:16px;padding-top:16px}
.nhasset .hBarGroup .hBarGroupTitle{display:flex;align-items:center;justify-content:space-between}
.nhasset .hBarGroup .hBarGroupTitleLeft{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:var(--fontSize14);line-height:1.5;font-weight:500}
.nhasset .hBarGroup .hBarGroupTitle .contBtn06{padding:5px 12px;border-radius:8px;border:1px solid var(--gray-400);font-size:var(--fontSize13);line-height:1;font-weight:400;color:var(--color1)}
.nhasset .hBarPair{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start}
.nhasset .hBarPair + .hBarPair{margin-top:24px}
.nhasset .hBarPair{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start}
.nhasset .hbarLabels{display:grid;row-gap:11px;;margin-left:12px;padding-top:2px;font-size:var(--fontSize13);font-weight:500;text-align:right}
.nhasset .hbarLabels .hbarLabel{font-size:var(--fontSize13);font-weight:500}
.nhasset .hbarLabels .hbarLabel:first-child{color:var(--point1)}
.nhasset .hbarLabels .hbarLabel:last-child{color:var(--color3)}
.nhasset .hbarBars{display:grid;row-gap:12px;border-left:1px solid var(--gray-200);padding:3px 0}
.nhasset .hbarTrack{position:relative;width:calc(100% - 34px);height:var(--fontSize18);overflow:visible}
.nhasset .hbarBar{display:flex;background:var(--point1);--len:0;/* px/% 허용 */ position:absolute;left:0;top:0;bottom:0;width:0;border-top-right-radius:4px;border-bottom-right-radius:4px;transition:width 900ms cubic-bezier(0.22, 0.61, 0.36, 1);will-change:width;align-items:center;justify-content:flex-end;box-sizing:border-box;overflow:visible}
.nhasset .hbarBar.-zero{background-color:transparent}/* 2025-11-24 */
.nhasset .hbarBar.-zero .hbarVal{position:absolute;left:2px;color:var(--point1)}
.nhasset .hbarBar.hbarBarRec.-zero .hbarVal{color:var(--color3)}
.nhasset .hbarBarRec{background:var(--gray-200)}
.nhasset .hbarVal{font-size:var(--fontSize12);font-weight:500;white-space:nowrap}
.nhasset .hbarVal{position:absolute;right:-34px;width:30px;text-align:left}
.nhasset .hbarBarMy .hbarVal{color:var(--point1)}
.nhasset .riskNeutral{background:url('../images/makebetter/banner/ico_riskNeutral_48.png') no-repeat right top 1px / 48px auto}
.nhasset .metricList{display:flex}
.nhasset .metricItem{display:flex;align-items:center;flex-grow:1;flex-direction:column;gap:4px 0}
.nhasset .metricList.-border .metricItem{border-right:1px solid var(--gray-300)}
.nhasset .metricList.-border .metricItem:last-of-type{border-right:0}
.nhasset .metricItem .metricLabel{color:var(--color3);font-size:var(--fontSize13)}
.nhasset .metricItem .metricValue{font-size:var(--fontSize18);font-weight:500}
.nhasset ul.bar li{position:relative;padding:0 4px}
.nhasset ul.bar li:first-of-type{padding-left:0}
.nhasset ul.bar li:last-of-type{padding-right:0}
.nhasset ul.bar li:first-of-type::after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background-color:var(--gray-400);transform:translateY(-50%)}
.nhasset .boxTypeWrap.balanceResult{margin-top:24px}
.nhasset .boxTypeWrap.balanceResult .connLine{border-top:0;padding:0}
.nhasset .boxTypeWrap.balanceResult .connLine .listTitWrap .titL{font-size:var(--fontSize16);line-height:1.5}
.nhasset .boxTypeWrap.balanceResult .connLine .listTitWrap .titL .accTi{display:flex;align-items:center;color:var(--color3);font-weight:500}
.nhasset .boxTypeWrap.balanceResult .connLine .listTitWrap .titL .accTi[class*='barIconCategory']::before{display:inline-block;width:24px;height:24px;margin-right:8px;content:''}
.nhasset .boxTypeWrap.balanceResult .connLine .listTitWrap .titL .accTi.barIconCategory01::before{background:url('../images/makebetter/icon/ico_stock_24.svg') no-repeat center / cover}
.nhasset .boxTypeWrap.balanceResult .connLine .listTitWrap .titL .accTi.barIconCategory02::before{background:url('../images/makebetter/icon/ico_bond_24.svg') no-repeat center / cover}
.nhasset .boxTypeWrap.balanceResult .connLine .listTitWrap .titL .accTi.barIconCategory03::before{background:url('../images/makebetter/icon/ico_cash_24.svg') no-repeat center / cover}
.nhasset .boxTypeWrap.balanceResult .grayBox{margin:0;padding:12px;font-size:var(--fontSize13);line-height:1.5;font-weight:400;color:var(--color4);background-color:var(--background-asis)}
.nhasset .boxTypeWrap.balanceResult .assetRow{margin:24px 0 32px;display:flex;align-items:center;justify-content:space-between;font-size:var(--fontSize16);line-height:1.5}
.nhasset .boxTypeWrap.balanceResult .assetLabel{font-weight:500}
.nhasset .boxTypeWrap.balanceResult .assetRow .linkTxt4{padding-right:28px;background:url('../images/makebetter/icon/ico_next_24.svg') no-repeat right center / 24px;font-weight:600}
.nhasset .boxTypeWrap.balanceResult .listBul.disc > li{font-size:var(--fontSize15);line-height:1.5;font-weight:400;color:var(--color3)}
.nhasset .assetList.bannerMarqueeY{position:relative;--gap:10px;--speed:30;/* px/s (JS가 실제 높이로 duration 산출) */ --height:260px;/* 뷰포트(보이는 영역) 높이 */ position:relative;overflow:hidden;height:var(--height);border-radius:12px}
.nhasset .assetList.bannerMarqueeY::before{content:'';position:absolute;top:-10px;left:0;right:0;height:100px;z-index:10;pointer-events:none;background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100% )}
.nhasset .assetList.bannerMarqueeY > ul.marqueeTrackY{display:flex;flex-direction:column;row-gap:var(--gap);will-change:transform;animation:marqueeY var(--duration, 30s) linear infinite}
.nhasset .assetList.bannerMarqueeY > ul.marqueeTrackY > li.assetItem.marqueeItemY{margin:0 auto;padding:10px 16px;border-radius:10px;background:#fff;border:1px solid var(--gray-300);text-decoration:none;width:calc(100% - 40px)}
.nhasset .assetList.bannerMarqueeY > ul.marqueeTrackY > li.assetItem.marqueeItemY .assetContent .assetAmount{font-size:var(--fontSize14)}
.nhasset .assetList.bannerMarqueeY > ul.marqueeTrackY > li.assetItem.marqueeItemY  .assetIcon > .assetImgWrap{width:22px;height:22px}
.nhasset .assetList.bannerMarqueeY > ul.marqueeTrackY > li.assetItem.marqueeItemY .assetIcon > .assetTxtWrap{font-size:var(--fontSize13)}
@keyframes marqueeY{
  from{transform:translateY(0)}
  to{transform:translateY(-50%)} /* 콘텐츠를 2배로 복제하므로 절반만 이동 */
}
/* 모션 축소 설정 시 애니메이션 비활성화 */
@media (prefers-reduced-motion:reduce){
  .marqueeTrackY{animation:none !important}
}
/* 한 번만 실행 (요소 자체에 적용) */
.ringOnce{transform-origin:50% 10%;will-change:transform;animation:bellRingOnce 1.8s ease-in-out 0s 1 both}
/* 요소 자체용:translateY 없음 */
@keyframes bellRingOnce{
  0%{transform:rotate(0) translateX(0)}
  6%{transform:rotate(12deg)   translateX(4px)}
  12%{transform:rotate(-10.8deg) translateX(-4px)}
  18%{transform:rotate(8.4deg)   translateX(2.8px)}
  24%{transform:rotate(-6deg)    translateX(-2px)}
  30%{transform:rotate(3.6deg)   translateX(1.2px)}
  40%{transform:rotate(0)        translateX(0)}
  100%{transform:rotate(0)        translateX(0)}
}
/* 모션 축소 선호 시 비활성화 – 범용으로 .ringOnce 전체를 켜두는 게 좋아 */
@media (prefers-reduced-motion:reduce){
  .ringOnce{animation:none !important}
}
.nhasset .tagLabel{padding:3px 8px 4px;border-radius:4px;font-size:var(--fontSize10)}
.nhasset .tagLabel.warning1{color:var(--warning1);border:1px solid var(--warning1)}
.nhasset .tagLabel.warning2{color:var(--warning2);border:1px solid var(--warning2)}
.nhasset .tagLabel.warning3{color:var(--warning3);border:1px solid var(--warning3)}
.nhasset .tagLabel.warning4{color:var(--warning4);border:1px solid var(--warning4)}
.nhasset .tagLabel.warning5{color:var(--warning5);border:1px solid var(--warning5)}
.nhasset .tagLabel.warning6{color:var(--warning6);border:1px solid var(--warning6)}
.nhasset .tagLabel.point1{border:1px solid var(--point1);background:var(--point1);color:#fff}
.nhasset .tagLabel[class*="have"]{display:inline-block;padding:2px 8px;font-size:var(--fontSize10);line-height:1.5;border-radius:4px}
.nhasset .tagLabel.have1{background:var(--info-2);color:var(--grade2)}
.nhasset .tagLabel.have2{background:#e2efe8;color:var(--point1)}
.nhasset .tagLabel.have3{background:var(--gray-200);color:var(--color4)}
.nhasset .tagLabel.have4{background:#e7e4f3;color:#4d44d9}
.nhasset .tagLabel.have5{background:#daeaf6;color:var(--decline)}
.nhasset ul.stockRank{font-size:var(--fontSize14);font-weight:400}
.nhasset ul.stockRank li{display:flex;align-items:center;line-height:1}
.nhasset ul.stockRank li:nth-of-type(1):before{display:inline-flex;margin-right:8px;width:24px;height:24px;content:'';background:url('../images/makebetter/icon/ico_first_24.svg') no-repeat center / 24px}
.nhasset ul.stockRank li:nth-of-type(2):before{display:inline-flex;margin-right:8px;width:24px;height:24px;content:'';background:url('../images/makebetter/icon/ico_second_24.svg') no-repeat center / 24px}
.nhasset ul.stockRank li:nth-of-type(3):before{display:inline-flex;margin-right:8px;width:24px;height:24px;content:'';background:url('../images/makebetter/icon/ico_third_24.svg') no-repeat center / 24px}
.nhasset ul.stockRank li:not(:first-child){padding-top:12px}
.nhasset ul.stockRank li:not(:last-child){border-bottom:1px solid var(--gray-200);padding-bottom:12px}
.nhasset .emptyMsg{position:relative;text-align:center}
.nhasset .emptyMsg::before{display:block;margin:0 auto;width:40px;height:40px;content:'';background:url('../images/makebetter/icon/ico_empty_40.svg') no-repeat center / 40px}
.nhasset .linkTxt5{display:flex;align-items:center;justify-content:center;font-size:var(--fontSize14);font-weight:500;line-height:1;color:var(--color3)}
.nhasset .linkTxt5::after{display:inline-flex;width:16px;height:16px;margin-right:2px;content:'';background:url('../images/makebetter/icon/ico_next_16.svg') no-repeat center / 16px}
/* 설정/관리(NH인증서) 고동균 */
.posRelative{position:relative}
.nhasset .nhassetAuthWrap{text-align:center}
.nhasset .nhassetAuthWrap .bgIco{margin-top:40px;display:inline-block;width:120px;height:120px}
/* 2025-11-28 OS별 대응 contain → 120px 120px */
.nhasset .nhassetAuthWrap .bgIco.icoNhCert{background:url('../images/makebetter/icon/ico_nhcert_120.svg') no-repeat center / 120px 120px}
.nhasset .nhassetAuthWrap .bgIco.icoCommonCert{background:url('../images/makebetter/icon/ico_commoncert_120.svg') no-repeat center / 120px 120px}
.nhasset .nhassetAuthWrap .bgIco.icoFinanceCert{background:url('../images/makebetter/icon/ico_financecert_120.svg') no-repeat center / 120px 120px}
.nhasset .nhassetAuthWrap .bgIco.icoNaverCert{background:url('../images/makebetter/icon/ico_navercert_120.svg') no-repeat center / 120px 120px}
.nhasset .nhassetAuthWrap .bgIco.icoPlus{background:url('../images/makebetter/icon/ico_plus_120.svg') no-repeat center / 120px 120px}
.nhasset .nhassetAuthWrap .sectionTitle{margin-top:8px;font-size:var(--fontSize26);font-weight:600}
.nhasset .nhassetAuthWrap .sectionDesc{margin-top:8px;font-size:var(--fontSize18);font-weight:500;color:var(--color3)}
.nhasset .authChangeBtn{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:8px 0;width:calc(100% - 16px);text-align:center;font-size:var(--fontSize14);font-weight:500;color:var(--color3);cursor:pointer}
.nhasset .authChangeBtn::after{display:inline-block;vertical-align:middle;margin-left:2px;width:16px;height:16px;content:'';background:url('../images/makebetter/icon/ico_arr_down_16.svg') no-repeat center / 16px}
.nhasset .authSelectList{padding:12px 24px}
.nhasset .authSelectList li a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0 16px 52px;font-size:var(--fontSize16);font-weight:500}/* 2025-12-08 */
.nhasset .authSelectList li a > div{display:flex;align-items:center;justify-content:flex-end;gap:0 4px} /* 2025-12-08 */
@media all and (max-width:320px){ /* 2025-12-08 */
  .nhasset .authSelectList{padding:12px 20px}
  .nhasset .authSelectList li a{padding:16px 0 16px 44px}
}
.nhasset .authSelectList .bgMimiIco{position:relative;flex-wrap:wrap}
.nhasset .authSelectList .bgMimiIco::before{position:absolute;top:50%;transform:translateY(-50%);left:0;width:40px;height:40px;content:''}
/* 2025-11-28 OS별 대응 contain → 40px 40px */
.nhasset .authSelectList .bgMimiIco.icoNhCert::before{background:url('../images/makebetter/icon/ico_nhcert_40.svg') no-repeat left center / 40px 40px}
.nhasset .authSelectList .bgMimiIco.icoCommonCert::before{background:url('../images/makebetter/icon/ico_commoncert_40.svg') no-repeat left center / 40px 40px}
.nhasset .authSelectList .bgMimiIco.icoFinanceCert::before{background:url('../images/makebetter/icon/ico_financecert_40.svg') no-repeat left center / 40px 40px}
.nhasset .authSelectList .bgMimiIco.icoNaverCert::before{background:url('../images/makebetter/icon/ico_navercert_40.svg') no-repeat left center / 40px 40px}
.nhasset .authSelectList .bgMimiIco.icoPiggy::before{background:url('../images/makebetter/icon/ico_piggy_40.svg') no-repeat center / 40px 40px}
.nhasset .authSelectList .bgMimiIco.icoBalance::before{background:url('../images/makebetter/icon/ico_balance_40.png') no-repeat center / 40px 40px}
/* 자산 모아보기 고동균 */
.nhasset .infoBanner .favAccount,.nhasset .infoBanner .cash{margin-bottom:0;line-height:1.5}
.nhasset .infoBanner div.favAccount p,.nhasset .infoBanner div.cash p{font-size:var(--fontSize13);color:var(--color5);font-weight:500;line-height:1.5}
.nhasset .infoBanner .favAccount::after{top:0;transform:translateY(0);width:60px;height:60px;background:url('../images/makebetter/banner/ico_mbanner_favAccount.svg') no-repeat center / 60px 60px}
.nhasset .infoBanner .cash::after{top:0;transform:translateY(0);width:60px;height:60px;background:url('../images/makebetter/banner/ico_mbanner_cash.svg') no-repeat center / 60px 60px}
.nhasset .mainAsset.mbAccListWrap.empty{padding:48px 0 24px;min-height:178px;height:auto}
.nhasset .mainAsset.mbAccListWrap.empty > strong{display:block;margin-top:24px;font-size:var(--fontSize18);font-weight:500 !important;text-align:center}
.nhasset .mainAsset.mbAccListWrap.empty::before{display:block;content:'';width:100%;height:56px;background:url('../images/makebetter/icon/ico_empty_56.svg') no-repeat center / 56px 56px}
.nhasset .mainAsset.mbAccListWrap .mbAccListItem{display:flex;align-items:center;padding:12px 0;justify-content:flex-start}
.nhasset .mainAsset.mbAccListWrap.-button .mbAccItem{width:calc(100% - 105px)}
.nhasset .mainAsset.mbAccListWrap .mbAccList.-mb .mbAccListItem:last-of-type{border-bottom:none}
.nhasset .mainAsset.mbAccListWrap.-favCheck .mbAccItem{width:calc(100% - 52px)}
.nhasset .mainAsset.mbAccListWrap .mbAccItem .mbAccTit{font-size:var(--fontSize14);color:var(--color5);font-weight:500}
.nhasset .mainAsset.mbAccListWrap .mbAccAmount{font-size:var(--fontSize16);font-weight:600;text-align:left}
.nhasset .mainAsset.mbAccListWrap .mbAccItem .mbAccDetail{display:flex;align-items:center;font-size:var(--fontSize14);font-weight:500;color:var(--color2)}
.nhasset .mainAsset.mbAccListWrap .mbAccItem .mbAccDetail > span{position:relative;display:inline-block;width:65%;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color5)}
.nhasset .mainAsset.mbAccListWrap .mbAccItem .mbAccDetail > span::before{content:'';display:inline-block;position:absolute;top:50%;left:4px;height:12.5px;border-left:1px solid var(--border-color);transform:translateY(-50%)}
.nhasset .mainAsset.mbAccListWrap .mbCiWrap{width:24px;height:auto;margin-right:8px}
.nhasset .mainAsset.mbAccListWrap .mbCiWrap .mbCi{width:24px;height:24px}
.nhasset .starToggleWrap{position:relative;width:24px;height:24px}
.nhasset .starToggleWrap input[type="checkbox"]{display:none}
.nhasset .starToggleWrap label{position:absolute;top:50%;right:0;margin:0;width:24px;height:24px;display:inline-block;cursor:pointer;background:url('../images/makebetter/icon/ico_fav_account_disabled_24.svg') no-repeat center / 24px;transition:all 0.2s ease;transform:translateY(-50%)}
.nhasset .starToggleWrap input[type="checkbox"]:checked + label{background:url('../images/makebetter/icon/ico_fav_account_24.svg') no-repeat center / 24px}
/* 전체메뉴 */
/* 수정 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
/* .nhasset .allMenuContainer{height:100vh;margin:0 -16px} */ /* 바닥페이지로 바뀌면서 추가 */ 
/* .nhasset .allMenuNav{position:fixed;top:50px;left:0;width:100%;padding:24px 16px 20px;border-bottom:1px solid var(--gray-300);background-color:#fff;z-index:50} */
/* // 수정 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
.nhasset .csIconLlist{display:flex;height:62px;padding:0 20px;flex-wrap:nowrap;justify-content:space-between;gap:0 16px} 
.nhasset .csIconLlist .item{position:relative;flex-grow:1;max-width:60px;min-width:50px;height:100%;text-align:center}
.nhasset .csIconLlist .item > a{display:block;padding-top:40px;background-color:transparent;width:100%;color:var(--color2);text-align:center}
.nhasset .csIconLlist .item a::after{content:'';background-size:36px;width:36px;height:36px;background-repeat:no-repeat;position:absolute;top:0%;left:50%;transform:translateX(-50%)}
.nhasset .csIconLlist .item.-home a::after{background-image:url('../images/makebetter/icon/ico_house_24.svg')} /* 디자인 변경 */
.nhasset .csIconLlist .item.-set a::after{background-image:url('../images/makebetter/icon/ico_set_24.svg')}
.nhasset .csIconLlist .item.-account a::after{background-image:url('../images/makebetter/icon/ico_nh-account_24.svg')}
.nhasset .csIconLlist .item.-configuration a::after{background-image:url('../images/makebetter/icon/ico_configuration_24.svg')}
/* 수정 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
/* .nhasset .allMenuWrap{display:flex;justify-content:flex-start;height:100vh;position:relative}*/ /*margin:0 -16px; */
/* .nhasset .allMenuWrap .tabsNav{width:36%;height:calc(100% - 50px);overflow:auto;background-color:var(--gray-100)} */
/* // 수정 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
.nhasset .allMenuWrap .tabsNav a{display:block;width:100%;padding:13px 0 12px 24px;color:var(--color4);font-weight:500}
.nhasset .allMenuWrap .tabsNav a.active{background-color:var(--point1);color:#fff}
/* 수정 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
/* .nhasset .allMenuWrap .contentArea{position:relative;overflow-y:scroll;width:64%;height:100vh;padding:8px 16px;background:#fff;scroll-behavior:smooth} */
/*.nhasset .allMenuWrap .contentArea{position:relative;overflow-y:scroll;width:64%;height:100vh;padding:8px 16px;background:#fff}*/ /* 2025-12-03 */ 
/* .nhasset .allMenuWrap .contentArea .contentSec{margin-bottom:16px} */
/* // 수정 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
.nhasset .allMenuWrap .contentArea .tit{display:block;width:100%;margin-bottom:4px;padding:4px 0;color:var(--color5);font-size:var(--fontSize14);font-weight:400}
.nhasset .allMenuWrap .contentArea li{display:flex;padding:8px 0;align-items:center;gap:0 10px}
.nhasset .allMenuWrap .contentArea li a{display:inline-block;font-size:var(--fontSize15);color:var(--color1);font-weight:500}
.nhasset .badges{display:inline-block;background:#e2efe8;border-radius:4px;padding:3px 8px;font-size:var(--fontSize12)} /* tagLabel 과 패팅 차이 디자인 확인 필요 */
.nhasset .badges.-new{color:var(--point1);font-weight:500}
.nhasset .settingsMenu{padding-top:24px}
.nhasset .settingsMenu .settingsSection .sectionLabel{padding:4px 0;font-size:var(--fontSize14);font-weight:500;color:var(--color5)}
.nhasset .settingsMenu .settingsSection .row{position:relative;display:block;padding:16px 0;width:100%;font-size:var(--fontSize16);font-weight:400}
.nhasset .settingsMenu .settingsSection .row::before{position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:24px;background:url('../images/makebetter/icon/ico_next_gray_24.svg') no-repeat center / contain;content:''}
.nhasset .settingsMenu .settingsSection  + .settingsSection::before{display:block;margin:16px 0;border-top:1px solid var(--gray-200);content:''}
/* 추가 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
.nhasset .allMenuContainer {display:flex; flex:1; flex-direction:column; margin:0 -16px; height: calc(100vh - 50px); overflow:hidden;}
.nhasset .allMenuNav {display:flex; flex-direction:column; padding:24px 16px 20px;border-bottom:1px solid var(--gray-300);background-color:#fff;}
.nhasset .allMenuWrap {display:flex; flex:1; overflow:hidden;}
.nhasset .allMenuWrap .tabsNav {width:36%; background-color:var(--gray-100); overflow-y:auto;}
/* // 수정 260311 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
.nhasset .allMenuWrap .contentArea {padding:0 16px; flex:1; position:relative; overflow-y:auto; /*scroll-behavior:smooth;*/ background:#fff;}
.nhasset .allMenuWrap .contentArea .contentSec {padding-top:16px;}
.nhasset .allMenuWrap .contentArea .contentSec:last-child {min-height:102%;}
@media screen and (min-width:500px){
	.nhasset .allMenuWrap .contentArea .contentSec:last-child {min-height:106%;}
}
/* // 수정 260311 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
/* // 추가 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 1번 전체메뉴 수정 */
/* 연결된 자산 */
/* .nhasset .fullyWrap{margin:0 -16px;padding:24px 16px 32px;background:#f2f6f8} 디자인 bg색 확인 필요 */
.nhasset .fullyWrap .mbAccListWrap.mainAsset.empty{padding:8px 24px 24px;text-align:center}
.nhasset .fullyWrap .mbAccListWrap.mainAsset.empty > p{margin-top:12px;font-size:var(--fontSize16);font-weight:400;color:var(--color3)}
.nhasset .billListWrap.assetView.fog{position:relative}
/* .nhasset .billListWrap.assetView.fog .fogClip{overflow:hidden} */
.nhasset .billListWrap.assetView .fogOverlay{position:absolute;top:0;right:-16px;width:82px;height:56px;pointer-events:none;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 80%, rgba(255,255,255,1) 100% );z-index:1210}
.nhasset .billListWrap.assetView .billLisMenu.likeSticky + .fogOverlay{position:fixed;top:50px}
.nhasset .billListWrap.assetView .billLisMenu.likeSticky ~ .billListCont{margin-top:80px}
.nhasset .billListWrap.assetView .billListCont .inoutListWrap{padding:22px 0}
.nhasset .billListWrap.assetView .billListCont .inoutListWrap:first-of-type{padding-top:0}
.nhasset .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap .prodRecomWrap{margin-top:2px}
.nhasset .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap a .prodRecomWrap .prodTit{margin:0;padding-right:24px;background:url('../images/makebetter/icon/ico_next_24.svg') no-repeat right / 24px auto;font-size:var(--fontSize18);font-weight:600 !important;color:var(--color5);line-height:1.5}
.nhasset .swiper-pagination.assetView .swiper-pagination-bullet-active{width:16px !important;height:8px;background:var(--point1) !important;border-radius:16px}
.nhasset .swiper-pagination.assetView .swiper-pagination-bullet{width:8px;height:8px;background:var(--border-color);margin:0 4px}
.nhasset .prodListWrap.assetView{font-size:var(--fontSize16)}
.nhasset .prodListWrap.assetView .prodRecomWrap{margin:0}
/* 2025-11-28 OS별 대응 contain → 24px 24px */
.nhasset .prodListWrap.assetView .prodRecomWrap.favorite .prodTit::before{background:url('../images/makebetter/icon/ico_fav_account_24.svg') no-repeat center / 24px 24px}
.nhasset .prodListWrap.assetView .prodRecomWrap.netAssetSetting .prodTit::before{background:url('../images/makebetter/icon/ico_gear_24.svg') no-repeat center / 24px 24px}
.nhasset .prodListWrap.assetView .prodRecomWrap.linkAsset .prodTit::before{background:url('../images/makebetter/icon/ico_linkAsset_24.svg') no-repeat center / 24px 24px}
.nhasset .prodListWrap.assetView .prodRecomWrap.regAsset .prodTit::before{background:url('../images/makebetter/icon/ico_regAsset_24.svg') no-repeat center / 24px 24px}
.nhasset .prodListWrap.assetView .prodRecomWrap .prodTit{position:relative;margin:0;padding-left:32px;background:url('../images/makebetter/icon/ico_next_24.svg') no-repeat right / 24px auto;line-height:1.5;font-size:var(--fontSize16);font-weight:500 !important}
.nhasset .prodListWrap.assetView .prodRecomWrap .prodTit::before{position:absolute;top:50%;left:0;transform:translateY(-50%);content:'';width:24px;height:24px}
.nhasset .prodListWrap.assetView a:not(:last-child){border-bottom:1px solid var(--gray-200);padding-bottom:16px;margin-bottom:16px;display:block}
 /* 자산모아보기 2025-12-01 디자인 변경, 2025-12-12 디자인 재변경(폰트사이즈 고정) */
.nhasset .fontFixed{--fontSize10:10px;	--fontSize11:11px;	--fontSize12:12px;	--fontSize13:13px;	--fontSize14:14px;	--fontSize15:15px;	--fontSize16:16px;	--fontSize17:17px;	--fontSize18:18px;--fontSize19:19px;	--fontSize20:20px;	--fontSize21:21px;	--fontSize22:22px;	--fontSize24:24px;	--fontSize26:26px;	--fontSize28:28px;	--fontSize34:34px;	--fontSize38:38px;}
.nhasset .fontFixed button{font-size:var(--fontSize14)}
.nhasset .fontFixed .f10,.nhasset .fontFixed .fs10{font-size:var(--fontSize10) !important} .nhasset .fontFixed .f11,.nhasset .fontFixed .fs11{font-size:var(--fontSize11) !important} .nhasset .fontFixed .f12,.nhasset .fontFixed .fs12{font-size:var(--fontSize12) !important} .nhasset .fontFixed .f13,.nhasset .fontFixed .fs13{font-size:var(--fontSize13) !important} .nhasset .fontFixed .f14,.nhasset .fontFixed .fs14{font-size:var(--fontSize14) !important} .nhasset .fontFixed .f15,.nhasset .fontFixed .fs15{font-size:var(--fontSize15) !important} .nhasset .fontFixed .f16,.nhasset .fontFixed .fs16{font-size:var(--fontSize16) !important} .nhasset .fontFixed .f17,.nhasset .fontFixed .fs17{font-size:var(--fontSize17) !important} .nhasset .fontFixed .f18,.nhasset .fontFixed .fs18{font-size:var(--fontSize18) !important} .nhasset .fontFixed .f19,.nhasset .fontFixed .fs19{font-size:var(--fontSize19) !important} .nhasset .fontFixed .f20,.nhasset .fontFixed .fs20{font-size:var(--fontSize20) !important} .nhasset .fontFixed .f21,.nhasset .fontFixed .fs21{font-size:var(--fontSize21) !important} .nhasset .fontFixed .f22,.nhasset .fontFixed .fs22{font-size:var(--fontSize22) !important} .nhasset .fontFixed .f24,.nhasset .fontFixed .fs24{font-size:var(--fontSize24) !important} .nhasset .fontFixed .f26,.nhasset .fontFixed .fs26{font-size:var(--fontSize26) !important} .nhasset .fontFixed .f28,.nhasset .fontFixed .fs28{font-size:var(--fontSize28) !important} .nhasset .fontFixed .f34,.nhasset .fontFixed .fs34{font-size:var(--fontSize34) !important} .nhasset .fontFixed .f38,.nhasset .fontFixed .fs38{font-size:var(--fontSize38) !important}
.nhasset .fontFixed .date{font-size:var(--fontSize14)}
.nhasset .fontFixed .pstotalBalance .asset{font-size:var(--fontSize28)}
.nhasset .fontFixed [class*="arrow"] + .amount {font-size:var(--fontSize14)}
.nhasset .fontFixed .mbSelectLlistWrap .favoriteBtn{margin-top:2px;padding-left:18px;background:url('../images/makebetter/icon/ico_setting_16.svg') no-repeat left center / 16px auto;color:var(--color3);font-size:var(--fontSize14);font-weight:500;align-self:flex-start}
.nhasset .fontFixed .mbSelectLlistWrap .divLine{height:1px;margin:16px 0;background-color:var(--gray-200)}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather{padding-top:4px}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem{padding:20px 0 0 0;border:0;flex-wrap:wrap;align-items:center;justify-content:flex-start}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem:first-of-type{padding:16px 0 0 0}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbAccLabelWrap{margin-bottom:2px;padding-left:44px}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbCiWrap{width:44px;height:40px}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbCiWrap.-favorite::after,
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbCiWrap.-plus::after{content:'';position:absolute;right:9px;width:12px;height:12px;background:url('../images/makebetter/icon/ico_fav_account_24.svg') no-repeat center / 12px auto}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbCiWrap.-favorite::after{bottom:3px}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbCiWrap.-plus::after{top:3px;background-image:url('../images/makebetter/icon/ico_banklist_more_16.svg')}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbAccItem{width:calc(100% - 44px)}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem.-button .mbAccItem{width:calc(100% - clamp(98px,25vw,25vw));flex:1}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem.-button .btn.-tertiary.-xs{margin-left:6px}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccTitWrap{margin-bottom:0;justify-content:space-between;align-items:center}
/* .nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccTitWrap + .mbAccAmount{margin-top:2px} */
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccTit{max-width:100%;color:var(--color3);font-size:var(--fontSize15);font-weight:400}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccTit.-new{position:relative;max-width:95%;padding-right:20px}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccTit.-new::after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;background:url('../images/makebetter/icon/ico_new_16.svg') no-repeat center / 16px auto;transform:translateY(-50%)}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccTit > span{position:relative;padding-left:8px}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccTit > span::before{content:'';position:absolute;top:50%;left:4px;height:10px;border-left:1px solid #d3d3d3 !important;transform:translateY(-50%)}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem.-button .mbAccItem .mbAccTit{max-width:calc(100% - 15px)}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbAccAmount{display:flex;font-size:var(--fontSize20);text-align:left;align-items:center;flex-wrap:wrap}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbAccAmount strong{padding-right:4px;font-weight:500 !important}
.nhasset .fontFixed .mbSelectLlistWrap .connect{margin-left:7px;color:var(--color5);font-size:var(--fontSize15);font-weight:500;text-decoration:underline !important;text-underline-offset:2px}
/* .nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-hide{display:flex;justify-content:space-between;align-items:center} */
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-hide .prodRecomWrap{margin:0}
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-hide a{display:flex;min-height:40px;padding-left:40px;background:url('../images/makebetter/icon/ico_hide_24.svg') no-repeat left center / 32px auto;align-items:center;flex-wrap:wrap}
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-hide a > span{width:100%}
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-hide.-cap a{background-image:url('../images/makebetter/icon/ico_cap_24.svg')}
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-hide a .prodRecomWrap .prodTit{display:inline;margin:0;padding-right:24px;background:url('../images/makebetter/icon/ico_next_gray600_24.svg') no-repeat right / 24px auto;font-size:var(--fontSize15);font-weight:500;color:var(--color3)}
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-another a{display:flex;height:auto;min-height:40px;padding-left:40px;background:url('../images/makebetter/icon/ico_plus_another_24.svg') no-repeat left center / 32px auto;align-items:center}
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap.-another a .prodRecomWrap .prodTit{font-size:var(--fontSize14);font-weight:500;color:var(--color2)}
.nhasset .fontFixed .mbSelectLlistWrap .mbTitWrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .fontFixed .mbSelectLlistWrap .mbTitWrap > div{flex:1}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccListItem .mbAccRate .arrowNone + .amount{color:var(--color3)}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccDetail{display:flex;align-items:center;font-size:var(--fontSize14);font-weight:500;color:var(--color2);flex-wrap:wrap}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccDetail > span{position:relative;display:inline-block;width:74%;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color5)}
@media all and (max-width:320px){
  .nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccDetail > span,.nhasset .fontFixed .separator{width:100%;padding-left:0}
  .nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccDetail > span::before,.nhasset .fontFixed .separator::before{all:unset}
}
.nhasset .fontFixed .mbAccListWrap .mbAccList.-gather .mbAccItem .mbAccDetail > span::before{content:'';display:inline-block;position:absolute;top:50%;left:4px;height:12.5px;border-left:1px solid var(--border-color);transform:translateY(-50%)}
.nhasset .fontFixed .prodListWrap.assetView .prodRecomWrap .prodTit{font-size:var(--fontSize16)}
.nhasset .fontFixed .billListWrap.assetView .billListCont .inoutListWrap .mbSelectLlistWrap .prodListWrap a .prodRecomWrap .prodTit{font-size:var(--fontSize18)}
.nhasset .fontFixed .fs13.-medium{font-size:var(--fontSize14) !important} /* 개발소스 수정 불가, 추후 가능 시 fs14로 변경 예정 */
/* 2025-12-15 즐겨찾기, 숨긴자산 팝업 폰트 고정 요청 */
.nhasset .popCont.fontFixed .mainAsset.mbAccListWrap .mbAccItem .mbAccTit{font-size:var(--fontSize15);font-weight:400}
.nhasset .popCont.fontFixed .mainAsset.mbAccListWrap .mbAccAmount{font-size:var(--fontSize20)}
.nhasset .popCont.fontFixed .mainAsset.mbAccListWrap.-favCheck .mbAccItem{width:calc(100% - 72px)}
.nhasset .popCont.fontFixed .mainAsset.mbAccListWrap.-button .mbAccItem{width:calc(100% - 125px)}
.nhasset .popCont.fontFixed .mainAsset.mbAccListWrap .mbCiWrap{width:44px;height:44px;margin-right:0}
.nhasset .popCont.fontFixed .mainAsset.mbAccListWrap .mbCiWrap .mbCi{width:32px;height:32px}
/* //////////// 자산모아보기 2025-12-01 디자인 변경, 2025-12-12 디자인 재변경(폰트사이즈 고정) 끝 */
.nhasset .undeLine{text-decoration:underline !important;text-underline-offset:2px}
/* 탭 디자인 */
.nhasset .mbTabs [role="tablist"],
.nhasset .sortTabs .sortlist{display:flex;padding:3px;border-radius:12px;background-color:var(--background-asis);flex-wrap:nowrap;justify-content:space-between;align-items:center}
.nhasset .mbTabs [role="tablist"] [role="tab"],
.nhasset .sortTabs .sortlist .sortItem{padding:12px;background-color:transparent;color:var(--color3);font-weight:400;text-align:center}
.nhasset .mbTabs [role="tablist"] [role="tab"].active,
.nhasset .sortTabs .sortlist .sortItem.active{border-radius:10px;background-color:#fff;color:var(--color1);font-weight:500;box-shadow:0px 0px 4px 0px rgba(0, 0, 0, .1)}
.nhasset .mbTabs [role="tablist"].col2 [role="tab"],
.nhasset .sortTabs .sortlist.col2 .sortItem{width:50%}
.nhasset .barTabs{margin:0 -16px}
.nhasset .barTabs .barlist{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;text-align:center}
.nhasset .barTabs .barlist .barItem{padding:12px;border-bottom:1px solid var(--gray-300);font-size:var(--fontSize16)}
.nhasset .barTabs .barlist .barItem.active{border-bottom:2px solid var(--gray-900);font-weight:500}
.nhasset .barTabs .barlist.col2 .barItem{width:50%}
/* 자산모아보기 20251025 아이콘 추가 2025-12-01 디자인 변경 */
.nhasset [class^='ico_etcNewAsset']{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px}
.nhasset .ico_etcNewAsset00{background:url('../images/makebetter/icon/ico_etcNewAsset00.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset01{background:url('../images/makebetter/icon/ico_etcNewAsset01.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset02{background:url('../images/makebetter/icon/ico_etcNewAsset02.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset03{background:url('../images/makebetter/icon/ico_etcNewAsset03.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset04{background:url('../images/makebetter/icon/ico_etcNewAsset04.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset05{background:url('../images/makebetter/icon/ico_etcNewAsset05.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset06{background:url('../images/makebetter/icon/ico_etcNewAsset06.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset07{background:url('../images/makebetter/icon/ico_etcNewAsset07.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset08{background:url('../images/makebetter/icon/ico_etcNewAsset08.svg') no-repeat center / 32px 32px}
.nhasset .ico_etcNewAsset09{background:url('../images/makebetter/icon/ico_etcNewAsset09.svg') no-repeat center / 32px 32px}
/* 가입 후 메인 고동균 */
.nhasset .bgBlueDark{background:linear-gradient(0deg, var(--blue-700), var(--blue-700)), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}
.nhasset .boxPdMedium{padding:24px 20px}
.nhasset .boxPdLarge{padding:30px 20px}
.nhasset .bgBlueDeep{background:var(--grade5)}
.nhasset .bgBlueLight{background:var(--grade3)}
.nhasset .bgInfoLight{background:var(--info-2)}
.nhasset .bgGreenDark{background:#12732e}
.nhasset .bgCobalt{background:#4d44d9}
.nhasset .bgBlueSky{background:#0177e4}
.nhasset .bgCobaltLight{background:#7167ff}
.nhasset [class*='serviceVisual']{display:block}
.nhasset .serviceVisual01{background:url('../images/makebetter/banner/img_service_visual_01.jpg') no-repeat 20% 15% / 150%}
.nhasset .serviceVisual02{background:url('../images/makebetter/banner/img_service_visual_02.jpg') no-repeat center / cover}
.nhasset .serviceVisual03{background:url('../images/makebetter/banner/img_service_visual_03.jpg') no-repeat center / cover}
.nhasset .serviceVisual04{background:url('../images/makebetter/banner/img_service_visual_04.jpg') no-repeat left top / 110%}
.nhasset .serviceVisual05{background:url('../images/makebetter/banner/img_service_visual_05.jpg') no-repeat 5% 5% / 125%}
.nhasset [class^='bgChick']{position:relative;width:100%;height:140px}
.nhasset [class^='bgChick']::before{content:'';position:relative;left:2px;display:block;width:140px;height:140px;z-index:100}
.nhasset .bgChick01::before{background:url('../images/makebetter/banner/ico_chick_01.png') no-repeat center / 140px auto}
.nhasset .bgChick02::before{background:url('../images/makebetter/banner/ico_chick_02.png') no-repeat center / 140px auto}
.nhasset .bgChick03::before{background:url('../images/makebetter/banner/ico_chick_03.png') no-repeat center / 140px auto}
.nhasset .amountRow{position:absolute;top:var(--offset, 0px);left:50%;transform:translateX(-50%);width:100%;display:flex;align-items:flex-end;flex-direction:column}
.nhasset .amountRow .amount{font-size:var(--fontSize16);font-weight:500;color:var(--point1);z-index:1}
.nhasset .amountRow.lastMonth .amount{color:var(--color3)}
/* 2025-11-26 통합메인 반응형 지원 */
@media all and (min-width:375px){
  .nhasset .amountRow.offset60{margin-top:clamp(5px, 0.5rem, 10px)}
}
.nhasset .amountRow .labelDot{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-top:4px;width:100%;height:20px;z-index:1}
.nhasset .amountRow.lastMonth .labelDot::before{border-bottom:2px dotted var(--color4)}/* 2025-11-24 */
.nhasset .amountRow .labelDot::before{position:absolute;top:50%;transform:translateY(-50%);right:0;display:block;border-bottom:2px dotted var(--point1);content:'';width:100%}
.nhasset .amountRow .labelDotText{position:relative;padding:1px 10px;background:var(--point1);font-size:12px;font-weight:500;color:#fff;border-radius:6px;z-index:10}
.nhasset .amountRow.lastMonth .labelDotText{background:var(--color4)}/* 2025-11-24 */
.nhasset .amountRow .labelDotText::before{position:absolute;top:50%;transform:translateY(-50%);left:-5px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--point1);content:''}
.nhasset .amountRow.lastMonth .labelDotText::before{border-right:6px solid var(--color4)}/* 2025-11-24 */
.nhasset .boxTypeWrap.posR[class*='icon']{padding-right:102px}
.nhasset .boxTypeWrap.posR[class*='icon']::before{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:80px;height:80px;content:''}
/* 2025-11-28 OS별 대응 contain → 80px 80px */
.nhasset .boxTypeWrap.iconAlert01::before{background:url('../images/makebetter/icon/ico_alert_01_80.png') no-repeat center / 80px 80px} /*2025-12-04 svg -> png 수정 요청*/
.nhasset .boxTypeWrap.iconAlert02::before{background:url('../images/makebetter/icon/ico_alert_02_80.png') no-repeat center / 80px 80px} /*2025-12-04 svg -> png 수정 요청*/
.nhasset .boxTypeWrap.iconAlert03::before{background:url('../images/makebetter/icon/ico_alert_03_80.png') no-repeat center / 80px 80px} /*2025-12-04 svg -> png 수정 요청*/
.nhasset .boxTypeWrap.iconAlert04::before{background:url('../images/makebetter/icon/ico_alert_04_80.png') no-repeat center / 80px 80px} /*2025-12-04 svg -> png 수정 요청*/
.nhasset .boxTypeWrap.iconAlert05::before{background:url('../images/makebetter/icon/ico_alert_05_80.png') no-repeat center / 80px 80px} /*2025-12-04 svg -> png 수정 요청*/
.nhasset .boxTypeWrap.iconAlert06::before{background:url('../images/makebetter/icon/ico_alert_06_80.png') no-repeat center / 80px 80px} /*2025-12-04 svg -> png 수정 요청*/
.nhasset .boxTypeWrap.posR[class*='personal']::before{position:absolute;bottom:8px;right:8px;width:100px;height:100px;content:''}
.nhasset .boxTypeWrap.personalType01{background-color:#fff}
.nhasset .boxTypeWrap.personalType02{background-color:#daeaf6}
.nhasset .boxTypeWrap.personalType03{background-color:#f6efe6}
.nhasset .boxTypeWrap.personalType04{background-color:#dce4f5}
.nhasset .boxTypeWrap.personalType05{background-color:#e2efe8}
/* 2025-11-28 OS별 대응 contain → 100px 100px */
.nhasset .boxTypeWrap.personalType01::before{background:url('../images/makebetter/icon/img_Diagnosis_01.png') no-repeat center / 100px 100px}
.nhasset .boxTypeWrap.personalType02::before{background:url('../images/makebetter/icon/img_Diagnosis_02.png') no-repeat center / 100px 100px}
.nhasset .boxTypeWrap.personalType03::before{background:url('../images/makebetter/icon/img_Diagnosis_03.png') no-repeat center  / 100px 100px}
.nhasset .boxTypeWrap.personalType04::before{background:url('../images/makebetter/banner/img_Diagnosis_04.png') no-repeat center / 100px 100px}
.nhasset .boxTypeWrap.personalType05::before{background:url('../images/makebetter/icon/img_Diagnosis_05.png') no-repeat center / 100px 100px}
br.show320{display:none}
@media all and (max-width:320px){
  .nhasset .boxTypeWrap br.show320{display:block}
  .nhasset .boxTypeWrap br.static{display:none}
}
/* 통합메인 띠 배너 */
.nhasset [class^=accountBanner]{position:relative;display:block;padding:16px 16px 16px 44px;width:100%;font-size:var(--fontSize14);font-weight:500;border-radius:12px}
.nhasset .accountBanner01{background-color:var(--info-2)}/*베이지*/
.nhasset .accountBanner02{background-color:#e7e4f3}/*보라*/
.nhasset .accountBanner03{background-color:#e2efe8} /*초록*/
.nhasset .accountBanner04{background-color:#daeaf6}/*파란*/
.nhasset .accountBanner05{background-color:#dce4f5}/*좀더 연한 파란*/
/* 2025-11-28 OS별 대응 contain → 24px 24px */
.nhasset [class^=accountBanner]::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:12px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_next_gray600_24.svg') no-repeat center center / 24px 24px}
.nhasset [class^=accountBanner]::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:12px;width:24px;height:24px}
.nhasset [class^=accountBanner].bg01::before{background:url('../images/makebetter/banner/ico_aa01.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg02::before{background:url('../images/makebetter/banner/ico_aa02.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg03::before{background:url('../images/makebetter/banner/ico_aa03.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg04::before{background:url('../images/makebetter/banner/ico_aa04.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg05::before{background:url('../images/makebetter/banner/ico_aa05.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg06::before{background:url('../images/makebetter/banner/ico_aa06.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg07::before{background:url('../images/makebetter/banner/ico_aa07.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg08::before{background:url('../images/makebetter/banner/ico_aa08.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg09::before{background:url('../images/makebetter/banner/ico_aa09.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg10::before{background:url('../images/makebetter/banner/ico_aa10.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg11::before{background:url('../images/makebetter/banner/ico_aa11.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg12::before{background:url('../images/makebetter/banner/ico_aa12.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg13::before{background:url('../images/makebetter/banner/ico_aa13.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg14::before{background:url('../images/makebetter/banner/ico_aa14.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg15::before{background:url('../images/makebetter/banner/ico_aa15.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg16::before{background:url('../images/makebetter/banner/ico_aa16.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg17::before{background:url('../images/makebetter/banner/ico_aa17.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg18::before{background:url('../images/makebetter/banner/ico_aa18.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg19::before{background:url('../images/makebetter/banner/ico_aa19.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg20::before{background:url('../images/makebetter/banner/ico_aa20.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg21::before{background:url('../images/makebetter/banner/ico_aa21.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg22::before{background:url('../images/makebetter/banner/ico_aa22.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg23::before{background:url('../images/makebetter/banner/ico_aa23.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg24::before{background:url('../images/makebetter/banner/ico_aa24.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg25::before{background:url('../images/makebetter/banner/ico_aa25.svg') no-repeat center / 24px 24px}
.nhasset [class^=accountBanner].bg26::before{background:url('../images/makebetter/banner/ico_aa26.svg') no-repeat center / 24px 24px}
.nhasset .tempBanner{display:block;overflow:hidden;width:100%;border-radius:12px}
.nhasset .tempBanner img{width:100%;vertical-align:top}
/* 스와이프 배너 */
.nhasset [class^=swiperLayer]{position:relative;padding:20px;color:var(--background);line-height:1.5}
.nhasset [class^=swiperLayer]> span{font-size:var(--fontSize13);font-weight:500;line-height:1.5}
.nhasset [class^=swiperLayer]> strong{display:block;font-size:var(--fontSize16);margin-top:2px;line-height:1.5}
.nhasset .swiperLayer01{background-color:var(--grade5)}
.nhasset .swiperLayer02{background-color:#9B51E0}
.nhasset .swiperLayer03{background-color:var(--blue-500)} /* 수정 260115 [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 2번 명도대비 색상 변경 */
.nhasset .swiperLayer-vip{background-color:#4d44d9}
.nhasset [class^=swiperLayer]::before{content:'';position:absolute;top:50%;transform:translateY(-50%);right:16px;width:60px;height:60px}
/* 2025-11-28 OS별 대응 contain → 60px 60px */
.nhasset [class^=swiperLayer].bg01::before{background:url('../images/makebetter/banner/ico_mbanner_left_img2.svg') no-repeat center / 60px 60px}
.nhasset [class^=swiperLayer].bg02::before{background:url('../images/makebetter/banner/ico_mbanner_left_img3.svg') no-repeat center / 60px 60px}
.nhasset [class^=swiperLayer].bg03::before{background:url('../images/makebetter/banner/ico_mbanner_left_img4.svg') no-repeat center / 60px 60px}
.nhasset [class^=swiperLayer].vip::before{background:url('../images/makebetter/banner/ico_mbanner_left_vip.png') no-repeat center / 60px 60px}
/* 나만의 메뉴 (코드포함)*/
.nhasset .menuLink::-webkit-scrollbar,
.nhasset .hScrollBox.is-3::-webkit-scrollbar{display:none}/* 통합메인 목표설정 2025-11-27 */
.nhasset .menuLink{width:100%;height:auto;display:flex;gap:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px 16px 48px;margin:0;list-style:none;align-items:flex-start}
.nhasset .menuLink li{flex:0 0 52px;text-align:center;border-radius:8px;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}
.nhasset .menuLink li:first-child{padding-left:16px}
.nhasset .menuLink li .menu{position:relative;width:52px;height:52px;border-radius:50%;background-color:#fff;font-size:13px;font-weight:500;color:var(--color3);line-height:1}/* font-size:13px 고정 */
.nhasset .menuLink li .menu::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px}
.nhasset .menuLink li .menu > p{margin-top:60px}
.nhasset .menuLink li .menu > img,
.nhasset .menuLink li .menu > object{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;pointer-events:none} /*2025-12-03 추가요청*/
/* 2025-11-28 OS별 대응 contain → 32px 32px */
.nhasset .menuLink li .menu.-add::before{background:url('../images/makebetter/mymenu/ico_MenuAdd_32.svg') no-repeat center / 32px 32px}
.nhasset .menuLink li .menu.-AA1001::before{background:url('../images/makebetter/mymenu/ico_1001_32.svg') no-repeat center / 32px 32px} /* 자산모아보기*/
.nhasset .menuLink li .menu.-AA1002::before{background:url('../images/makebetter/mymenu/ico_1002_32.svg') no-repeat center / 32px 32px} /* 내 투자*/
.nhasset .menuLink li .menu.-AA1003::before{background:url('../images/makebetter/mymenu/ico_1003_32.svg') no-repeat center / 32px 32px} /* 자산진단 */
.nhasset .menuLink li .menu.-AA1004::before{background:url('../images/makebetter/mymenu/ico_1004_32.svg') no-repeat center / 32px 32px} /* 연금진단 */
.nhasset .menuLink li .menu.-AA1005::before{background:url('../images/makebetter/mymenu/ico_1005_32.svg') no-repeat center / 32px 32px} /* 조기은퇴진단 */
.nhasset .menuLink li .menu.-AA1006::before{background:url('../images/makebetter/mymenu/ico_1006_32.svg') no-repeat center / 32px 32px} /* 밸런스진단 */
.nhasset .menuLink li .menu.-AA1007::before{background:url('../images/makebetter/mymenu/ico_1007_32.svg') no-repeat center / 32px 32px} /* 내 자산 안심 알림 */
.nhasset .menuLink li .menu.-AA1008::before{background:url('../images/makebetter/mymenu/ico_1008_32.svg') no-repeat center / 32px 32px}  /* 월간 자산 보고서*/
.nhasset .menuLink li .menu.-AA1009::before{background:url('../images/makebetter/mymenu/ico_1009_32.svg') no-repeat center / 32px 32px}  /* 상품모아보기 */
.nhasset .menuLink li .menu.-AA2001::before{background:url('../images/makebetter/mymenu/ico_2001_32.svg') no-repeat center / 32px 32px}  /* 소비모아보기 */
.nhasset .menuLink li .menu.-AA2002::before{background:url('../images/makebetter/mymenu/ico_2002_32.svg') no-repeat center / 32px 32px}  /* 내 소비 */
.nhasset .menuLink li .menu.-AA2003::before{background:url('../images/makebetter/mymenu/ico_2003_32.svg') no-repeat center / 32px 32px}  /* 예산관리 */
.nhasset .menuLink li .menu.-AA2004::before{background:url('../images/makebetter/mymenu/ico_2004_32.svg') no-repeat center / 32px 32px}  /* 머니캘린더 */
.nhasset .menuLink li .menu.-AA2005::before{background:url('../images/makebetter/mymenu/ico_2005_32.svg') no-repeat center / 32px 32px}  /* 소비패턴 */
.nhasset .menuLink li .menu.-AA2006::before{background:url('../images/makebetter/mymenu/ico_2006_32.svg') no-repeat center / 32px 32px}  /* 정기지출관리 */
.nhasset .menuLink li .menu.-AA2007::before{background:url('../images/makebetter/mymenu/ico_2007_32.svg') no-repeat center / 32px 32px}  /* 카드이용내역 */
.nhasset .menuLink li .menu.-AA2008::before{background:url('../images/makebetter/mymenu/ico_2008_32.svg') no-repeat center / 32px 32px}  /* 내 카드 */
.nhasset .menuLink li .menu.-AA2009::before{background:url('../images/makebetter/mymenu/ico_2009_32.svg') no-repeat center / 32px 32px}  /* 카드 리포트 */
.nhasset .menuLink li .menu.-AA2010::before{background:url('../images/makebetter/mymenu/ico_2010_32.svg') no-repeat center / 32px 32px}  /* 카드혜택비교 */
.nhasset .menuLink li .menu.-AA3001::before{background:url('../images/makebetter/mymenu/ico_3001_32.svg') no-repeat center / 32px 32px}  /* 내 대출 */
.nhasset .menuLink li .menu.-AA3002::before{background:url('../images/makebetter/mymenu/ico_3002_32.svg') no-repeat center / 32px 32px}  /* 신용관리 */
.nhasset .menuLink li .menu.-AA3003::before{background:url('../images/makebetter/mymenu/ico_3003_32.svg') no-repeat center / 32px 32px}  /* 신용점수올리기 */
.nhasset .menuLink li .menu.-AA3004::before{background:url('../images/makebetter/mymenu/ico_3004_32.svg') no-repeat center / 32px 32px}  /* DSR 계산기 */
.nhasset .menuLink li .menu.-AA4001::before{background:url('../images/makebetter/mymenu/ico_4001_32.svg') no-repeat center / 32px 32px}  /* 목표 설정/관리 */
.nhasset .menuLink li .menu.-AA4002::before{background:url('../images/makebetter/mymenu/ico_4002_32.svg') no-repeat center / 32px 32px}  /* 그때 그랬다면 */
.nhasset .menuLink li .menu.-AA4003::before{background:url('../images/makebetter/mymenu/ico_4003_32.svg') no-repeat center / 32px 32px}  /* 금융플래너 */
.nhasset .menuLink li .menu.-AA4004::before{background:url('../images/makebetter/mymenu/ico_4004_32.svg') no-repeat center / 32px 32px}  /* 주택청약플래너 */
.nhasset .menuLink li .menu.-AA5001::before{background:url('../images/makebetter/mymenu/ico_5001_32.svg') no-repeat center / 32px 32px}  /* 금융소득모니터링 */
.nhasset .menuLink li .menu.-AA5002::before{background:url('../images/makebetter/mymenu/ico_5002_32.svg') no-repeat center / 32px 32px}  /* 세금계산기 */
.nhasset .menuLink li .menu.-AA5003::before{background:url('../images/makebetter/mymenu/ico_5003_32.svg') no-repeat center / 32px 32px}  /* 연말정산 */
.nhasset .menuLink li .menu.-AA6001::before{background:url('../images/makebetter/mymenu/ico_6001_32.svg') no-repeat center / 32px 32px}  /* 내차관리 */
.nhasset .menuLink li .menu.-AA6002::before{background:url('../images/makebetter/mymenu/ico_6002_32.svg') no-repeat center / 32px 32px}  /* 내 보험 */
.nhasset .menuLink li .menu.-AA6003::before{background:url('../images/makebetter/mymenu/ico_6003_32.svg') no-repeat center / 32px 32px}  /* 나의 건강관리 */
.nhasset .menuLink li .menu.-AA6004::before{background:url('../images/makebetter/mymenu/ico_6004_32.svg') no-repeat center / 32px 32px}  /* 건강검진결과조회 */
.nhasset .menuLink li .menu.-AA6005::before{background:url('../images/makebetter/mymenu/ico_6005_32.svg') no-repeat center / 32px 32px}  /* 병원방문 관리 */
.nhasset .menuLink li .menu.-AA6006::before{background:url('../images/makebetter/mymenu/ico_6006_32.svg') no-repeat center / 32px 32px}  /* 건강카드뉴스 */
.nhasset .menuLink li .menu.-AA6007::before{background:url('../images/makebetter/mymenu/ico_6007_32.svg') no-repeat center / 32px 32px}  /* 요양병원찾기 */
.nhasset .menuLink li .menu.-AA6008::before{background:url('../images/makebetter/mymenu/ico_6008_32.svg') no-repeat center / 32px 32px}  /* 주말약국찾기 */
.nhasset .menuLink li .menu.-AA6009::before{background:url('../images/makebetter/mymenu/ico_6009_32.svg') no-repeat center / 32px 32px}  /* 혜택알리미 */
.nhasset .menuLink li .menu.-AA6010::before{background:url('../images/makebetter/mymenu/ico_6010_32.svg') no-repeat center / 32px 32px}  /* 혜택플러스 */
.nhasset .menuLink li .menu.-AA6011::before{background:url('../images/makebetter/mymenu/ico_6011_32.svg') no-repeat center / 32px 32px}  /* NH트렌드+ */
/* 목표설정 */
.nhasset .hScrollBox{display:flex;width:100%;gap:0 12px;overflow-x:auto;list-style:none;padding:0;margin:0 0 20px}
.nhasset .hScrollBox.is-3{width:100vw;margin:0 -16px}
.nhasset .hScrollBox .hScrollBoxItem{overflow-y:hidden;width:100%;border-radius:16px}
.nhasset .hScrollBox.is-1 .hScrollBoxItem{flex:1 0 100%;height:230px}
.nhasset .hScrollBox.is-2 .hScrollBoxItem{flex:1 0 48%;height:252px}
.nhasset .hScrollBox.h218.is-2 .hScrollBoxItem{flex:1 0 48%;height:218px}
.nhasset .hScrollBox.is-3 .hScrollBoxItem,
.nhasset .hScrollBox.is-3 .hScrollBoxItem ~ .hScrollBoxItem{flex:1 0 43.89%;height:252px}
.nhasset .hScrollBox.is-3 .hScrollBoxItem:first-of-type{margin-left:16px}
.nhasset .hScrollBox.is-3 .hScrollBoxItem:last-of-type{margin-right:16px}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap{position:relative;height:100%;margin-top:0;padding:24px 20px;border:none}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap.bgGoal07,
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap.bgGoal08{padding:24px 16px}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .chevronRight,
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap h4{color:#fff;font-size:var(--fontSize14);font-weight:500}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap p{margin-top:4px;color:#fff;font-size:var(--fontSize13);font-weight:500;word-break:keep-all}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .chevronRight + h4,
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .chevronRight + p{margin-top:12px}
.nhasset .hScrollBox .hScrollBoxItem:only-of-type .boxTypeWrap .chevronRight + p{font-size:var(--fontSize18)}
.nhasset .boxTypeWrap.bgGoalAdd{background:linear-gradient(122.25deg, #8e74ff 4.64%, #7a5fdd 87.52%)}
.nhasset .boxTypeWrap.bgGoal01{background:linear-gradient(121.7deg, #5992ff 4.58%, #1490ef 87.69%)}
.nhasset .boxTypeWrap.bgGoal02{background:linear-gradient(122.25deg, #3fa469 4.64%, #269a56 87.52%)}
.nhasset .boxTypeWrap.bgGoal03{background:linear-gradient(122.25deg, #eb7d4e 4.64%, #ea724b 87.52%)}
.nhasset .boxTypeWrap.bgGoal04{background:linear-gradient(122.25deg, #61b4db 4.64%, #249bd4 87.52%)}
.nhasset .boxTypeWrap.bgGoal05{background:linear-gradient(122.25deg, #6687f2 4.64%, #4a6bd5 87.52%)}
.nhasset .boxTypeWrap.bgGoal06{background:linear-gradient(122.25deg, #df80a3 4.64%, #d3648e 87.52%)}
.nhasset .boxTypeWrap.bgGoal07{background:var(--info-2)}
.nhasset .boxTypeWrap.bgGoal08{background:#daeaf6}
.nhasset .boxTypeWrap[class*='Goal']::after{content:'';position:absolute;display:block;bottom:24px;right:20px;width:90px;height:90px}
.nhasset .boxTypeWrap.bgGoalAdd::after{background:url('../images/makebetter/banner/ico_bgGoal_06.png') no-repeat center / 90px auto} /* 목표설정 */
.nhasset .boxTypeWrap.bgGoal01::after{background:url('../images/makebetter/banner/ico_bgGoal_01.png') no-repeat center / 90px auto} /* 여행가기 */
.nhasset .boxTypeWrap.bgGoal02::after{background:url('../images/makebetter/banner/ico_bgGoal_02.png') no-repeat center / 90px auto} /* 대출줄이기 */
.nhasset .boxTypeWrap.bgGoal03::after{background:url('../images/makebetter/banner/ico_bgGoal_03.png') no-repeat center / 90px auto} /* 목돈마련 */
.nhasset .boxTypeWrap.bgGoal04::after{background:url('../images/makebetter/banner/ico_bgGoal_04.png') no-repeat center / 90px auto} /* 자동차 구매 */
.nhasset .boxTypeWrap.bgGoal05::after{background:url('../images/makebetter/banner/ico_bgGoal_05.png') no-repeat center / 90px auto} /* 내집마련 */
.nhasset .boxTypeWrap.bgGoal06::after{background:url('../images/makebetter/banner/ico_bgGoal_06.png') no-repeat center / 90px auto} /* 내가 만든 목표 */
.nhasset .boxTypeWrap.bgGoal07::after{right:16px;width:80px;height:80px;background:url('../images/makebetter/banner/img_Diagnosis_01.png') no-repeat center / 80px auto} /* 자산 진단 */
.nhasset .boxTypeWrap.bgGoal08::after{right:16px;width:80px;height:80px;background:url('../images/makebetter/icon/ico_alert_05_80.svg') no-repeat center / 80px auto} /* 자산 연결 */
.nhasset .chevronRight{position:relative;display:inline-block;padding-right:18px}
.nhasset .chevronRight::before{position:absolute;top:50%;right:0;transform:translateY(-50%);width:16px;height:16px;background:url('../images/makebetter/icon/ico_next_16.svg') no-repeat center / 16px 16px;content:''}
.nhasset .chevronRight.white::before{background:url('../images/makebetter/icon/ico_next_white_16.svg') no-repeat center / 16px 16px}
/* 목표설정 2025-11-27 전체 클릭으로 변경 요청 */
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .allTarget{display:block;width:100%;height:100%}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .allTarget span{display:inline-block;position:relative;padding-right:18px;color:#fff;font-weight:500}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .allTarget span::before{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:16px;height:16px;background:url('../images/makebetter/icon/ico_next_white_16.svg') no-repeat center / 16px 16px}
.nhasset .hScrollBox.is-1 .hScrollBoxItem .boxTypeWrap .allTarget p{font-size:var(--fontSize18)}
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .allTarget span + h4,
.nhasset .hScrollBox .hScrollBoxItem .boxTypeWrap .allTarget span + p{margin-top:12px}
.nhasset .bgBlueDark .areaBodyBtnFlex{gap:8px}
.nhasset .bgBlueDark .areaBodyBtnFlex button{padding:8px;height:auto;min-height:40px;;line-height:1.5;background:rgba(0, 0, 0, 0.2);color:#fff;font-size:var(--fontSize14);font-weight:500;text-align:center;border-radius:8px}
.nhasset .bgBlueDark .areaBodyBtnFlex button + button,
.nhasset .bgBlueDark .areaBodyBtnFlex a + a{margin-left:0}
/* 알림배너 2025-12-08 전체 클릭으로 변경 요청 */
.nhasset .BannerTrans{position:relative;margin:0 0 16px 0;} /* 2025-12-05 통합메인 알림배너 여백조정 */
.nhasset .BannerTrans a{display:flex;padding:12px 40px 12px 96px;min-height:72px;background:url('../images/makebetter/banner/img_back.svg') no-repeat left / 130px 72px;box-shadow:none;border-radius:0;align-items:center}
.nhasset .BannerTrans a::before{position:absolute;top:18px;left:46px}
.nhasset .BannerTrans[class*='alimTalk'] a::before{position:absolute;top:6px;left:16px;width:60px;height:60px;content:''}
.nhasset .BannerTrans.alimTalk01 a::before{background:url('../images/makebetter/icon/ico_alimTalk_01_60.png') no-repeat center/contain} /* 2025-12-04 svg->png로 변경 */
.nhasset .BannerTrans.alimTalk02 a::before{background:url('../images/makebetter/icon/ico_alimTalk_02_60.png') no-repeat center/contain} /* 2025-12-04 svg->png로 변경 */
.nhasset .BannerTrans.alimTalk03 a::before{background:url('../images/makebetter/icon/ico_alimTalk_03_60.png') no-repeat center/contain} /* 2025-12-04 svg->png로 변경 */
.nhasset .BannerTrans.alimTalk04 a::before{background:url('../images/makebetter/icon/ico_alimTalk_04_60.png') no-repeat center/contain} /* 2025-12-04 svg->png로 변경 */
.nhasset .BannerTrans.alimTalk05 a::before{background:url('../images/makebetter/icon/ico_alimTalk_05_60.png') no-repeat center/contain} /* 2025-12-04 svg->png로 변경 */
.nhasset .BannerTrans.alimTalk06 a::before{background:url('../images/makebetter/icon/ico_alimTalk_06_60.png') no-repeat center/contain} /* 2025-12-04 svg->png로 변경 */
.nhasset .BannerTrans.alimTalk07 a::before{background:url('../images/makebetter/icon/ico_alimTalk_07_60.png') no-repeat center/contain} /* 2025-12-04 svg->png로 변경 */
.nhasset .BannerTrans .btnClose{position:absolute;width:16px;height:16px;background:url('../images/makebetter/icon/ico_close_gray_16.svg') no-repeat center / 16px 16px;top:8px;right:0}
.nhasset .BannerTrans strong{font-size:var(--fontSize16);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media all and (max-width:320px){
  /* 알림배너 2025-12-08 전체 클릭으로 변경 요청 */
  .nhasset .BannerTrans a{padding:12px 12px 12px 80px}
  .nhasset .BannerTrans[class*='alimTalk'] a::before{left:10px}
}
/* 나만의 메뉴 */
.nhasset .customMenu{position:relative}
.nhasset .customMenu::before{position:absolute;top:0;right:0;width:60px;height:60px;background:url('../images/makebetter/icon/ico_customMenu_60.svg') no-repeat center / 60px auto;content:''}
.nhasset .sortableWrap.-mb .sortable.-mb{margin-top:16px}
.nhasset .sortableWrap.-mb .sortable.-mb > li:first-child{margin-top:0}
.nhasset .sortableWrap.-mb .sortable.-mb > li{position:relative;margin-top:12px;padding:12px 16px 12px 48px;border-radius:8px;border:1px solid var(--gray-300)}
.nhasset .sortableWrap.-mb .sortable.-mb > li .title{font-size:var(--fontSize15);font-weight:500}
.nhasset .sortableWrap.-mb .sortable.-mb [class*='myMenu']::before{position:absolute;top:50%;transform:translateY(-50%);left:16px;width:24px;height:24px;content:''}
/* 2025-11-28 OS별 대응 contain → 24px 24px */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu > object{content:'';position:absolute;top:50%;transform:translateY(-50%);left:16px;width:24px;height:24px} /* 2025-12-04 object */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-add::before{background:url('../images/makebetter/mymenu/ico_MenuAdd_32.svg') no-repeat center / 24px 24px}
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1001::before{background:url('../images/makebetter/mymenu/ico_1001_32.svg') no-repeat center / 24px 24px} /* 자산모아보기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1002::before{background:url('../images/makebetter/mymenu/ico_1002_32.svg') no-repeat center / 24px 24px} /* 내 투자 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1003::before{background:url('../images/makebetter/mymenu/ico_1003_32.svg') no-repeat center / 24px 24px} /* 자산진단 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1004::before{background:url('../images/makebetter/mymenu/ico_1004_32.svg') no-repeat center / 24px 24px} /* 연금진단 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1005::before{background:url('../images/makebetter/mymenu/ico_1005_32.svg') no-repeat center / 24px 24px} /* 조기은퇴진단 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1006::before{background:url('../images/makebetter/mymenu/ico_1006_32.svg') no-repeat center / 24px 24px} /* 밸런스진단 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1007::before{background:url('../images/makebetter/mymenu/ico_1007_32.svg') no-repeat center / 24px 24px} /* 내 자산 안심 알림 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1008::before{background:url('../images/makebetter/mymenu/ico_1008_32.svg') no-repeat center / 24px 24px}  /* 월간 자산 보고서 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA1009::before{background:url('../images/makebetter/mymenu/ico_1009_32.svg') no-repeat center / 24px 24px}  /* 상품모아보기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2001::before{background:url('../images/makebetter/mymenu/ico_2001_32.svg') no-repeat center / 24px 24px}  /* 소비모아보기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2002::before{background:url('../images/makebetter/mymenu/ico_2002_32.svg') no-repeat center / 24px 24px}  /* 내 소비 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2003::before{background:url('../images/makebetter/mymenu/ico_2003_32.svg') no-repeat center / 24px 24px}  /* 예산관리 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2004::before{background:url('../images/makebetter/mymenu/ico_2004_32.svg') no-repeat center / 24px 24px}  /* 머니캘린더 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2005::before{background:url('../images/makebetter/mymenu/ico_2005_32.svg') no-repeat center / 24px 24px}  /* 소비패턴 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2006::before{background:url('../images/makebetter/mymenu/ico_2006_32.svg') no-repeat center / 24px 24px}  /* 정기지출관리 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2007::before{background:url('../images/makebetter/mymenu/ico_2007_32.svg') no-repeat center / 24px 24px}  /* 카드이용내역 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2008::before{background:url('../images/makebetter/mymenu/ico_2008_32.svg') no-repeat center / 24px 24px}  /* 내 카드 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2009::before{background:url('../images/makebetter/mymenu/ico_2009_32.svg') no-repeat center / 24px 24px}  /* 카드 리포트 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA2010::before{background:url('../images/makebetter/mymenu/ico_2010_32.svg') no-repeat center / 24px 24px}  /* 카드혜택비교 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA3001::before{background:url('../images/makebetter/mymenu/ico_3001_32.svg') no-repeat center / 24px 24px}  /* 내 대출 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA3002::before{background:url('../images/makebetter/mymenu/ico_3002_32.svg') no-repeat center / 24px 24px}  /* 신용관리 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA3003::before{background:url('../images/makebetter/mymenu/ico_3003_32.svg') no-repeat center / 24px 24px}  /* 신용점수올리기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA3004::before{background:url('../images/makebetter/mymenu/ico_3004_32.svg') no-repeat center / 24px 24px}  /* DSR 계산기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA4001::before{background:url('../images/makebetter/mymenu/ico_4001_32.svg') no-repeat center / 24px 24px}  /* 목표 설정/관리 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA4002::before{background:url('../images/makebetter/mymenu/ico_4002_32.svg') no-repeat center / 24px 24px}  /* 그때 그랬다면 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA4003::before{background:url('../images/makebetter/mymenu/ico_4003_32.svg') no-repeat center / 24px 24px}  /* 금융플래너 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA4004::before{background:url('../images/makebetter/mymenu/ico_4004_32.svg') no-repeat center / 24px 24px}  /* 주택청약플래너 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA5001::before{background:url('../images/makebetter/mymenu/ico_5001_32.svg') no-repeat center / 24px 24px}  /* 금융소득모니터링 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA5002::before{background:url('../images/makebetter/mymenu/ico_5002_32.svg') no-repeat center / 24px 24px}  /* 세금계산기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA5003::before{background:url('../images/makebetter/mymenu/ico_5003_32.svg') no-repeat center / 24px 24px}  /* 연말정산 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6001::before{background:url('../images/makebetter/mymenu/ico_6001_32.svg') no-repeat center / 24px 24px}  /* 내차관리 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6002::before{background:url('../images/makebetter/mymenu/ico_6002_32.svg') no-repeat center / 24px 24px}  /* 내 보험 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6003::before{background:url('../images/makebetter/mymenu/ico_6003_32.svg') no-repeat center / 24px 24px}  /* 나의 건강관리 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6004::before{background:url('../images/makebetter/mymenu/ico_6004_32.svg') no-repeat center / 24px 24px}  /* 건강검진결과조회 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6005::before{background:url('../images/makebetter/mymenu/ico_6005_32.svg') no-repeat center / 24px 24px}  /* 병원방문 관리 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6006::before{background:url('../images/makebetter/mymenu/ico_6006_32.svg') no-repeat center / 24px 24px}  /* 건강카드뉴스 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6007::before{background:url('../images/makebetter/mymenu/ico_6007_32.svg') no-repeat center / 24px 24px}  /* 요양병원찾기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6008::before{background:url('../images/makebetter/mymenu/ico_6008_32.svg') no-repeat center / 24px 24px}  /* 주말약국찾기 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6009::before{background:url('../images/makebetter/mymenu/ico_6009_32.svg') no-repeat center / 24px 24px}  /* 혜택알리미 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6010::before{background:url('../images/makebetter/mymenu/ico_6010_32.svg') no-repeat center / 24px 24px}  /* 혜택플러스 */
.nhasset .sortableWrap.-mb .sortable.-mb .myMenu.-AA6011::before{background:url('../images/makebetter/mymenu/ico_6011_32.svg') no-repeat center / 24px 24px}  /* NH트렌드+  */
.nhasset .sortableWrap.-mb .sortable.-mb > li:nth-child(1),
.nhasset .sortableWrap.-mb .sortable.-mb > li:nth-child(2),
.nhasset .sortableWrap.-mb .sortable.-mb > li:nth-child(3),
.nhasset .sortableWrap.-mb .sortable.-mb > li:nth-child(4){background-color:#fff;border-color:var(--gray-300)}
.nhasset .sortableWrap.-mb .sortable.-mb > li.ui-sortable-helper{background-color:#fff;border:1px solid var(--point1);box-shadow:0px 0px 8px 0px rgba(25, 151, 60, .4)}
.nhasset .sortableWrap.-mb .sortable.-mb .sortableFlex .dragBtn{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url('../images/makebetter/icon/ico_menu_24.svg') no-repeat center / 24px 24px;border:0}
.nhasset .sortableWrap.-mb .linkType1{border-bottom:0;font-size:var(--fontSize14);color:var(--color3);font-weight:500;text-decoration:underline !important;text-underline-offset:2px}
.nhasset .sortableWrap.-mb .sortableFlex{display:flex;align-items:center;gap:16px}
.nhasset .sortableWrap.-mb .sortableFlex .sortableFlexLink{font-size:var(--fontSize13);font-weight:500;color:var(--color3)}
.nhasset .favStarWrap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.nhasset .favStarWrap li{display:flex;align-items:center;font-size:var(--fontSize15);font-weight:500}
.nhasset .favStarWrap label{cursor:pointer}
.nhasset .favStarWrap input[type='checkbox'] + label{margin:0}
.nhasset .favStarWrap input[type='checkbox']{margin-right:8px;width:24px;height:24px;background:url('../images/makebetter/icon/ico_toggle_gray_24.svg') no-repeat center / 24px 24px}
.nhasset .favStarWrap input[type='checkbox']:checked{width:24px;height:24px;background:url('../images/makebetter/icon/ico_toggle_24.svg') no-repeat center / 24px 24px}
.nhasset .favStarWrap input[type='checkbox']:disabled + label{color:var(--color5)}
.nhasset .favSection + .favSection{border-top:1px solid var(--gray-200);padding-top:24px;margin-top:24px}
/* 금융소득 모니터링 */
/* 서비스 안내 2025-11-26 iOS구형 대응 테스트 */
.nhasset .fimIcoBox{position:relative;padding-top:98px}
.nhasset .fimIcoBox::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90px;height:90px;background:url('../images/makebetter/fim/ico_fim_01_90.svg') no-repeat center / 90px 90px}
.nhasset [class^='fimAnim']{position:relative}
.nhasset [class^='fimAnim'] > .revealItem{position:absolute;--base-transform:none}
.nhasset .fimAnim01{width:268px;height:92px}
.nhasset .fimAnim01 > img:nth-child(1){width:176px;height:auto}
.nhasset .fimAnim01 > img:nth-child(2){top:50%;--base-transform:translateY(-50%);right:0;width:76px;height:76px}
.nhasset .fimAnim01 > img:nth-child(3){top:50%;--base-transform:translateY(-50%);right:70px;width:30px;height:30px}
.nhasset .fimAnim02 > img:nth-child(1),
.nhasset .fimAnim03 > img:nth-child(1),
.nhasset .fimAnim04 > img:nth-child(1),
.nhasset .fimAnim05 > img:nth-child(1){left:50%;--base-transform:translateX(-50%);width:232px;height:auto}
.nhasset .fimAnim02 > img:nth-child(2),
.nhasset .fimAnim03 > img:nth-child(2),
.nhasset .fimAnim04 > img:nth-child(2),
.nhasset .fimAnim05 > img:nth-child(2){left:50%;--base-transform:translateX(-50%);width:296px;height:auto}
.nhasset .fimAnim02,
.nhasset .fimAnim03,
.nhasset .fimAnim04,
.nhasset .fimAnim05{width:328px;height:407px}
.nhasset .fimAnim02 > img:nth-child(2){top:160px}
.nhasset .fimAnim02 > img:nth-child(3){top:181px;left:53px;width:201px;height:auto}
.nhasset .fimAnim02 > img:nth-child(4){top:288px;left:53px;width:195px;height:auto}
.nhasset .fimAnim03 > img:nth-child(2){top:76px}
.nhasset .fimAnim03 > img:nth-child(3){top:30px;right:16px;width:244px;height:auto}
.nhasset .fimAnim03 > img:nth-child(4){top:176px;right:16px;width:265px;height:auto}
.nhasset .fimAnim04 > img:nth-child(2){top:154px}
.nhasset .fimAnim04 > img:nth-child(3){top:169px;left:24px;width:255px;height:auto}
.nhasset .fimAnim05 > img:nth-child(2){top:263px}
.nhasset .fimAnim05 > img:nth-child(3){top:227px;left:50%;--base-transform:translateX(-50%);width:190px;height:auto}
.nhasset .revealItem{overflow:hidden;opacity:0;transform:var(--base-transform) scale(0.01)}
.nhasset .revealItem.active{opacity:1;transform:var(--base-transform) scale(var(--target-scale, 1))}
.jsReady .nhasset .revealItem{transition-property:transform, opacity;transition-duration:var(--fx-duration, 0.6s);transition-timing-function:var(--fx-ease, ease);will-change:transform, opacity}
.nhasset .wrapTblDefault.fimType table,
.nhasset .wrapTblDefault.fimType th,
.nhasset .wrapTblDefault.fimType td{border:1px solid var(--border-color)}
.nhasset .wrapTblDefault.fimType th,
.nhasset .wrapTblDefault.fimType td{padding:7px 16px}
.nhasset .wrapTblDefault.fimType table{border:1px solid var(--border-color)}
.nhasset .wrapTblDefault.fimType th{background:var(--gray-100);text-align:center;font-size:var(--fontSize15);font-weight:500}
.nhasset .wrapTblDefault.fimType tr td{text-align:center;font-size:var(--fontSize14);font-weight:500;color:var(--color1)}
.nhasset .wrapTblDefault.fimType tbody tr td:nth-child(1){text-align:left}
.nhasset .wrapTblDefault.fimType tbody tr td:nth-child(2){text-align:center}
.nhasset .wrapTblDefault.fimType tbody tr td:nth-child(3){text-align:right}
@media all and (max-width:359px){ /* 2025-11-27 */
    .nhasset .wrapTblDefault.fimType th{font-size:var(--fontSize14)}
    .nhasset .wrapTblDefault.fimType th,
    .nhasset .wrapTblDefault.fimType td{padding:5px 10px}
    .nhasset .wrapTblDefault.fimType tr td{font-size:var(--fontSize13)}
}
/* 서비스 안내 2025-11-26 iOS구형 대응 테스트 끝 */
.nhasset .incomeNotice{position:relative;padding:4px 4px 4px 40px;font-size:var(--fontSize16);font-weight:500}
/* 2025-11-28 OS별 대응 contain → 32px 32px */
.nhasset .incomeNotice[class*='icoPay']::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:32px;height:32px;background:url('../images/makebetter/icon/ico_prepaid_pay_32.svg') no-repeat center / 32px 32px}
.nhasset .balanceList{padding-top:12px;margin-top:12px;border-top:1px solid var(--gray-200);display:grid;grid-template-columns:1fr auto;gap:2px}
.nhasset .balanceList .balanceBox + .balanceBox{margin-top:4px}
.nhasset .balanceList .balanceBox .balanceLabel{grid-column:1 / 2;font-size:var(--fontSize14);font-weight:400;color:var(--color3)}
.nhasset .balanceList .balanceBox .balanceValue{grid-column:2 / 3;font-size:var(--fontSize14);font-weight:400;text-align:right}
.nhasset .balanceList .balanceBox .balanceSub{grid-column:2 / 3;font-size:var(--fontSize13);font-weight:400;color:var(--color4);text-align:right}
.nhasset .balanceList .balanceBox{display:grid;grid-template-columns:1fr auto;grid-column:1 / 4;padding:3px 0}
.nhasset .balanceItem{display:grid;grid-template-columns:1fr auto;gap:2px;width:100%;padding:12px;border-radius:12px;grid-column:1 / 4}
.nhasset .balanceItem .balanceItemTitle{grid-column:1 / 2;font-size:var(--fontSize14);color:var(--color3);white-space:nowrap;font-weight:500}
.nhasset .balanceItem .balanceItemValue{grid-column:2 / 3;font-size:var(--fontSize13);color:var(--color3);text-align:right}
.nhasset .balanceItem .balanceItemSub{grid-column:2 / 3;font-size:var(--fontSize12);color:var(--color3);text-align:right}
.nhasset .balanceItem .balanceItemDetail{position:relative;grid-column:1/4;margin-top:8px;padding-left:8px;font-size:var(--fontSize12);font-weight:400;color:var(--color4)}
.nhasset .balanceItem .balanceItemDetail::before{position:absolute;top:0;left:0px;content:"*";margin-right:4px;font-size:var(--fontSize12)}
.nhasset .incomeList{list-style:none;margin:0;padding:0}
.nhasset .incomeList .incomeItem{display:flex;flex-direction:column;padding-bottom:24px;border-bottom:1px solid #eee}
.nhasset .incomeList .incomeItem + .incomeItem{margin-top:24px}
.nhasset .incomeRow{display:flex;align-items:center;justify-content:space-between}
.nhasset .incomeRow .incomeDate{font-size:var(--fontSize13);color:var(--color4)}
.nhasset .incomeRow .incomeToggleLabel{display:flex;align-items:center;justify-content:flex-end;gap:8px;cursor:pointer}
/* 제외일 때 */
.nhasset .boxTypeWrap.-disabled .mbAccListItem,
.nhasset .boxTypeWrap.-disabled h3.body1,
.nhasset .boxTypeWrap.-disabled .incomeRow .incomeDate,
.nhasset .boxTypeWrap.-disabled .txnTitle,
.nhasset .boxTypeWrap.-disabled .txnAmount,
.nhasset .boxTypeWrap.-disabled .txnAmountWrap p.fs14,
.nhasset .boxTypeWrap.-disabled a.txnRow::after,
.nhasset .boxTypeWrap.-disabled .neededWrap,
.nhasset .boxTypeWrap.-disabled .mbAccLabelWrap,
.nhasset .incomeItem.-disabled h3.body1,
.nhasset .incomeItem.-disabled .incomeRow .incomeDate,
.nhasset .incomeItem.-disabled .txnTitle,
.nhasset .incomeItem.-disabled .txnAmount,
.nhasset .incomeItem.-disabled .txnAmountWrap p.fs14,
.nhasset .incomeItem.-disabled a.txnRow::after,
.nhasset .incomeItem.-disabled .neededWrap,
.nhasset .incomeItem.-disabled .mbAccLabelWrap,
.nhasset .incomeItem.-disabled .bgAsis.balanceItem{opacity:.4;pointer-events:none}
.nhasset .boxTypeWrap.-disabled a.txnRow{pointer-events:none}
.nhasset .txnRow{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin:8px 0 0 0;line-height:24px}
.nhasset .txnTitle{font-size:var(--fontSize16);font-weight:400;color:var(--color3)}
.nhasset .txnAmountWrap{display:grid;justify-items:end;row-gap:2px}
.nhasset .txnAmount{font-size:var(--fontSize16);font-weight:500}
.nhasset .incomeToggleLabel .incomeText{font-size:var(--fontSize13);color:var(--color3)}
.nhasset .toggleSwitch{position:relative;display:inline-block;width:28px;height:18px}
.nhasset .toggleSwitch .toggleInput{position:absolute;inset:0;opacity:0}
.nhasset .toggleSwitch .toggleSlider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gray-600);border-radius:16px;transition:0.3s}
.nhasset .toggleSwitch .toggleSlider::before{content:'';position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:0.3s}
.nhasset .toggleSwitch .toggleInput:checked + .toggleSlider{background:var(--point1)}
.nhasset .toggleSwitch .toggleInput:checked + .toggleSlider::before{transform:translateX(10px)}
.nhasset .mbCiBox{display:grid;column-gap:12px;row-gap:8px;grid-template-columns:auto 1fr;align-items:center;margin-top:8px}
.nhasset .mbCiBox dt{font-size:var(--fontSize14);color:var(--color4)}
.nhasset .mbCiBox dd{font-size:var(--fontSize14);font-weight:500}
.nhasset .mbCiBox.gridMainSide{grid-template-columns:1fr auto}
.nhasset .mbCiBox.gridMainSide dt.h5{font-size:var(--fontSize16);color:var(--color1);font-weight:500}
.nhasset .mbCiBox.gridMainSide dt{color:var(--color3)}
.nhasset .mbCiBox.gridMainSide dd{font-weight:400}
.nhasset .mbCiBox.gridMainSide dd.h5{font-size:var(--fontSize16);font-weight:600}
.nhasset .mbCiBox.gridMainSide dd.balanceSub{margin-top:-6px;grid-column:2 / 3;font-size:var(--fontSize13);font-weight:400;color:var(--color4);text-align:right}
.nhasset .mbAccListWrap.fincMon .mbCiWrap{position:relative;width:32px;height:32px}
.nhasset .mbAccListWrap.fincMon{margin-top:32px}
.nhasset .mbAccListWrap.fincMon .mbAccList:not(:first-child), .nhasset .mbToggleWrap .noticeCont .mbAccList{margin-top:20px}
/* .nhasset .mbAccListWrap.fincMon .mbAccList .mbAccListItem{padding:0 0 24px;border-bottom:1px solid var(--gray-200)} */
.nhasset .mbAccListWrap.fincMon .mbAccList .mbAccListItem{padding:0;border-bottom:none}
.nhasset .mbAccListWrap.fincMon .mbAccList{padding-bottom:20px;border-bottom:1px solid var(--gray-200)}
.nhasset .mbAccListWrap.fincMon .mbAccList .mbCiBox.balanceItem{padding:16px}
.nhasset .mbAccListWrap.fincMon .mbAccList .mbCiBox.gridMainSide{row-gap:4px}
.nhasset .mbAccListWrap.fincMon .mbAccList .mbCiBox.gridMainSide dt,
.nhasset .mbAccListWrap.fincMon .mbAccList .mbCiBox.gridMainSide dd{font-weight:500}
@media all and (max-width:466px) and (min-width:405px){
  .nhasset .mbAccListWrap.fincMon .mbAccList .mbCi{transform:translateY(calc(-50% + 3px))}
}
@media all and (min-width:467px){
  .nhasset .mbAccListWrap.fincMon .mbAccList .mbCi{transform:translateY(calc(-50% + 5px))}
  .nhasset .popCont .mbAccListWrap.fincMon .mbAccList .mbCi{transform:translateY(calc(-50% + 3px))}
}
.nhasset .incomeMonHeader{position:-webkit-sticky;position:sticky;top:50px;left:0;width:100%;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1100;padding:24px 0 12px;background-color:#fff} /* 2025-12-02 */
.nhasset .financeIncomeWrap{padding-top:0px}
.nhasset .financeIncomeWrap .calendarForm .inputList{border:1px solid var(--gray-300);border-radius:12px}
.nhasset .financeIncomeWrap .formWrap .inputList{display:flex;align-items:center}
.nhasset .financeIncomeWrap .formWrap input[type='text']{padding:15px 0 15px 20px;height:auto;font-size:var(--fontSize16);font-weight:500;text-align:right}
.nhasset .financeIncomeWrap .formWrap .calendarForm input[type='text'],
.nhasset .financeIncomeWrap .formWrap .titListBox input[type='text']{text-align:left}
.nhasset .financeIncomeWrap .formWrap input[type='tel']{padding:14px 0 14px 20px;height:auto;font-size:var(--fontSize16);font-weight:500}
.nhasset .formWrap input[type='text']::placeholder,
.nhasset .formWrap input[type='tel']::placeholder{font-size:var(--fontSize16) !important;color:var(--color5) !important;} /* 2025-12-09 */
.nhasset .financeIncomeWrap .formWrap input[type='tel']::placeholder{font-size:var(--fontSize16);color:var(--color5);/* text-align:right */}
.nhasset .financeIncomeWrap .formWrap .errorTxt{position:static;font-size:var(--fontSize13);font-weight:400;color:var(--error)}
.nhasset .financeIncomeWrap .formWrap .calendarForm .inputList .btnCalendar{width:24px;height:52px;background:url('../images/makebetter/icon/ico_calendar_24.svg') no-repeat center / 24px auto}
.nhasset .financeIncomeWrap .formWrap .calendarForminput[type^=te]:read-only,
.nhasset .financeIncomeWrap .formWrap .calendarForm input[type^=te]:read-only + .btnCalendar{pointer-events:none}
.nhasset .financeIncomeWrap .formWrap input[type^=te]:read-only{pointer-events:none}
.nhasset .financeIncomeWrap .formWrap .calendarForm input[type^=te]{pointer-events:none}
.nhasset .financeIncomeWrap .addBtnWrap{display:flex;justify-content:space-between;align-items:center;gap:0 4px;flex-wrap:wrap}
/* .nhasset .financeIncomeWrap .addBtnWrap a{min-width:79px} */
.nhasset .financeIncomeWrap .addBtnWrap a{flex:1}
.nhasset .financeIncomeWrap .addBtnWrap a.btn{color:var(--color3);font-weight:400 !important}
.nhasset .financeIncomeWrap .selectValue{padding:14px 48px 14px 20px;height:auto;color:var(--color1);font-weight:500;line-height:1.5}
.nhasset .formWrap .calendarForm .symbol{padding:0 8px;font-size:var(--fontSize16);font-weight:500;color:currentcolor}
.nhasset .formWrap .calendarForm .symbol::before{display:none}
.nhasset .financeIncomeWrap .areaBodyBtnFull .btnBodyLine{padding:12px;height:auto;font-size:var(--fontSize16);font-weight:500;line-height:1.5;border-radius:10px}
.nhasset .financeIncomeWrap .areaBodyBtnFull button.btnBodyLine:disabled,
.nhasset .financeIncomeWrap .areaBodyBtnFull button.btnBodyLine.disabled{background-color:#fff !important;border:1px solid var(--border-disabled) !important;color:var(--color5) !important}
.nhasset .softGreenBox{display:flex;justify-content:space-between;padding:16px 20px;border-radius:12px;background:#e2efe8}
.nhasset .softGreenBox.disabled{display:flex;justify-content:center;align-content:center;padding:16px 20px;border-radius:12px;background:var(--gray-100)}
/* 금융소득모니터링 메인 */
.nhasset .boxTypeWrap.-icon.-monitoring{background:url('../images/makebetter/banner/img_monitoring_main_01.png') no-repeat right 24px top 52px / 72px auto}
.nhasset .boxTypeWrap.-icon.-monitoring > p{padding:3px 0}
.nhasset .boxTypeWrap.bgAsset{height:auto;background:url('../images/makebetter/banner/bg_monitoring_empty.png') no-repeat center / contain}
.nhasset .yearMoreBtn a{position:relative;padding-right:16px}
.nhasset .yearMoreBtn a::after{display:inline-block;content:'';position:absolute;top:50%;width:16px;height:16px;background:url('../images/makebetter/icon/ico_arr_down_16.svg') no-repeat center / 16px auto;transform:translateY(-50%)}
/* 알림 배너 */
.nhasset .areaBanner10{margin-top:var(--space24)}
.nhasset .areaBanner10 > a,.nhasset .areaBanner10 > p{display:block;position:relative;padding:12px 44px;background-color:var(--gray-100);border-radius:16px;font-size:var(--fontSize16);font-weight:600;word-break:keep-all}
.nhasset .areaBanner10 > p{padding:12px 0 12px 44px}
.nhasset .areaBanner10 > a::before,.nhasset .areaBanner10 > p::before{position:absolute;top:50%;left:12px;transform:translateY(-50%);content:'';width:24px;height:24px;background:url('../images/makebetter/icon/ico_alram_yellow_24.svg') no-repeat center/ cover}
.nhasset .areaBanner10 > a::after{content:'';display:block;position:absolute;top:50%;right:calc(var(--space20) - 2px);margin-top:-8px;width:16px;height:16px;background:url('../images/makebetter/icon/ico_next_16.svg') no-repeat center / 16px}
/* 주의 안내 */
.nhasset .mBanner.-iconBlue{background-color:rgba(218, 234, 246, 0.5);background-image:url('../images/makebetter/icon/ico_info_fill_blue_22.svg')}
/* 동글 탭 + radio */
.nhasset .incomeMonitorList{position:relative;display:flex;flex-wrap:nowrap;gap:8px;padding:12px 0}
.nhasset .incomeMonitorList li input[type="radio"]{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:0;height:0;clip:auto !important;opacity:0}
.nhasset .incomeMonitorList li > a,
.nhasset .incomeMonitorList li input[type="radio"] + label{display:inline-block;width:auto;max-width:100%;margin:0;padding:1px 16px 0;border:solid 1px var(--gray-100);background-color:var(--gray-100);color:var(--color3);font-size:var(--fontSize14);border-radius:16px;line-height:29px}
.nhasset .incomeMonitorList li.selected > a,
.nhasset .incomeMonitorList li input[type="radio"]:checked + label{border-color:var(--gray-900);background-color:var(--gray-900) !important;color:#fff;font-weight:500}
/* 기간조회 */
.nhasset .periodWrap,.nhasset .sumWrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .periodWrap{padding-top:24px}
.nhasset .incomeMonitorList + .periodWrap{padding-top:12px}
.nhasset .periodWrap .items{font-size:var(--fontSize13)}
.nhasset .iconBtn{display:block;width:24px;height:24px}
.nhasset .iconBtn.-period{background:url('../images/makebetter/icon/ico_filter_24.svg') no-repeat center / 24px auto}
.nhasset .sumWrap .items:first-child{font-size:var(--fontSize15);font-weight:500}
.nhasset .sumWrap .items:last-child{font-size:var(--fontSize18);font-weight:600;text-align:right}
/* 더보기 */
.nhasset .listMoreBtn{border:none}
.nhasset .listMoreBtn a{height:54px;font-weight:500;line-height:54px}
.nhasset .listMoreBtn a:after{display:inline-block;content:'';width:16px;height:16px;margin-left:2px;background:url('../images/makebetter/icon/ico_arr_down_16.svg') no-repeat center / 16px auto}
/* 날짜선택(년월일) */
.nhasset .yearSet:before{all:unset}
.nhasset .yearSet a{font-size:var(--fontSize16);color:var(--color1)}/*margin:16px 0;line-height:56px;*/
.nhasset .yearSet .active{color:var(--point1);font-weight:500}
.nhasset .yearSet.dayPicSet .yearsetLft,.nhasset .yearSet.dayPicSet .yearsetRht,.nhasset .yearSet.dayPicSet .yearsetDay{font-size:var(--fontSize16)}
/* 조회기간 */
.nhasset .popCont .period{padding:12px 24px 0}
.nhasset .popCont .period input[type='text'],.nhasset .popCont .period input[type='tel'],.nhasset .popCont .period input[type='password']{padding-left:12px;font-weight:500}
.nhasset .popCont .period .formWrap .inputList{padding-right:12px}
.nhasset .popCont .period .formWrap .inputList .btnCalendar{width:24px;height:52px;background:url('../images/makebetter/icon/ico_calendar_24.svg') no-repeat center / 24px auto}
.nhasset .popCont .period .formWrap .calendarForm .symbol{padding:0 8px}
.nhasset .roundSquareWrap{display:flex;flex-wrap:wrap;gap:0 4px}
.nhasset .roundSquareWrap .roundSquare{flex:1}
.nhasset .roundSquareWrap input[type="radio"]{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:0;height:0;clip:auto !important;opacity:0}
.nhasset .roundSquareWrap input[type="radio"] + label,.nhasset .roundChk input[type="checkbox"] + label{position:relative;display:block;width:100%;max-width:100%;line-height:22px;font-size:var(--fontSize14);color:var(--color3);text-align:center;border-radius:8px;margin-left:0;padding:7px 8px;border:1px solid var(--gray-400)}
.nhasset .roundSquareWrap .roundSquare input:checked + label{border-color:var(--point1);color:var(--point1);font-weight:500}
/* 예상 납입 금액 */
.nhasset .descBul{display:flex;justify-content:space-between;font-size:var(--fontSize14);font-weight:400}
.nhasset .descBul dt{position:relative;margin-left:16px;padding-left:11px;color:var(--color3)}
.nhasset .descBul dt::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:3px;height:3px;background-color:var(--gray-600);border-radius:50%}
.nhasset .descBul dd{margin-right:16px}
/* 발생금융소득 메인 */
.nhasset .grayBox.-small{display:inline-block;margin:0;padding:0 10px;background-color:var(--background-asis);border-radius:4px;text-align:center;line-height:20px}
.nhasset [class^='bgAssetAlly']  >strong{font-size:var(--fontSize18)}
.nhasset [class^='bgAssetAlly']{position:relative;padding:10px 70px 0 0}
@media all and (max-width:359px){ /* 2025-11-27 */
  .nhasset [class^='bgAssetAlly']{padding:10px 50px 0 0;word-break:keep-all}
}
.nhasset [class^='bgAssetAlly']::before{position:absolute;bottom:0;right:0;content:'';width:60px;height:60px}
/* 2025-11-28 OS별 대응 contain → 60px 60px */
.nhasset .bgAssetAlly01::before{background:url('../images/makebetter/banner/ico_ally_01.png') no-repeat center / 60px 60px}
.nhasset .bgAssetAlly02::before{background:url('../images/makebetter/banner/ico_ally_02.png') no-repeat center / 60px 60px}
.nhasset .incomeBox{display:grid;grid-template-columns:1fr auto;row-gap:4px;font-size:var(--fontSize15);font-weight:500}
.nhasset .incomeBox > dt{position:relative;color:var(--color3)}
.nhasset .incomeBox > dt::before{content:'';display:inline-block;width:12px;height:12px;border-radius:2px;margin-bottom:2px;margin-right:4px;vertical-align:middle}
.nhasset .incomeBox > dt:nth-of-type(1)::before{background-color:var(--point1)}
.nhasset .incomeBox > dt:nth-of-type(2)::before{background-color:#f1974b}
.nhasset .incomeBox > dd{text-align:right}
.nhasset .boxTypeWrap .incomeBox .tooltipWrap .tooltipCont{width:calc(100vw - 32px) !important;left:-22px;transform:translateX(0%)}
.nhasset .grayAccordion{padding:12px;background-color:var(--background-asis);border-radius:12px}
.nhasset .grayAccordion .listBul.disc > li{font-size:var(--fontSize13);font-weight:400;line-height:1.5;color:var(--color4)}
.nhasset .grayAccordion .listBul.disc > li + li{margin-top:4px}
.nhasset .incomeChart{position:relative;display:flex;width:100%;height:30px;border-radius:8px;background-color:var(--gray-300);overflow:hidden}
.nhasset .incomeChart .ncomeChartMarker{position:absolute;top:0;left:var(--l);width:13px;height:20.5px;background:url('../images/makebetter/banner/ico_marker.svg') no-repeat center / cover;z-index:10;animation-name:fadeInMarker;animation-delay:1s;animation-fill-mode:forwards;opacity:0}
@keyframes fadeInMarker{
  from{opacity:0}
  to{opacity:1}
}
.nhasset .incomeStack{display:inline-block;width:var(--v);/* ← 퍼센트 그대로 적용 */ height:100%;transition:width 0.35s ease;/* 값 바꿀 때 부드럽게 */ transform-origin:left center;transform:scaleX(0);/* JS가 0→1로 채움 */ will-change:transform}
.nhasset .incomeStack.gr{background-color:var(--point1)}
/* .nhasset .incomeStack.og{background-color:#f1974b;border-right:1px solid #fff;border-left:1px solid #fff} */
.nhasset .incomeStack.og{background-color:#f1974b}
.nhasset .incomeStack.gray{background-color:var(--gray-300)}
.nhasset .incomeStack.gr + .incomeStack.og{border-left:1px solid #fff}
.nhasset .incomeStack.gr + .incomeStack.gray{border-left:1px solid #fff}
.nhasset .incomeStack.og + .incomeStack.gray{border-left:1px solid #fff}
.nhasset .boxTypeWrap.-only .mbAccItem .pageRefreshWrap .pageRefresInner .btnUpdate{background:url('../images/makebetter/icon/ico_refresh_24.svg') no-repeat center / 24px auto}
.nhasset .boxTypeWrap.-justNH .mbAccItem .pageRefreshWrap .pageRefresInner .btnUpdate{background:url('../images/makebetter/icon/ico_refresh_16.svg') no-repeat center / 16px auto}
.nhasset .boxTypeWrap.-only .mbCiWrap,.nhasset .boxTypeWrap.-justNH .mbCiWrap,.nhasset .boxTypeWrap .analysisCate .mbCiWrap{height:32px}
.nhasset a.txnRow{position:relative;padding-right:24px;line-height:22px}
.nhasset a.txnRow::after{content:'';position:absolute;top:50%;right:0;width:24px;height:24px;background:url('../images/makebetter/icon/ico_next_24.svg') no-repeat center / 24px auto;transform:translateY(-50%)}
.nhasset .note{margin-left:4px;color:var(--point1);font-weight:500;font-size:var(--fontSize12);vertical-align:text-bottom}
.nhasset .incomeItem.-inner{padding:24px 16px;border-bottom:1px solid var(--gray-300)}
.nhasset .boxTypeWrap .incomeItem.-inner{margin-top:16px;padding:0 0 16px 0}
.nhasset .boxTypeWrap .incomeItem.-inner:first-of-type:last-of-type,
.nhasset .boxTypeWrap .incomeItem.-inner:not(:first-of-type):last-of-type{padding-bottom:0;border-bottom:none}
.nhasset .boxTypeWrap.-only .incomeItem.-inner{margin-top:16px;padding:0;border-bottom:none}
.nhasset .neededWrap{display:flex;position:relative;align-items:center}
.nhasset .neededWrap h3{width:calc(100% - 24px)}
.nhasset .neededWrap .btnCheck{width:24px;height:24px;background:url('../images/makebetter/icon/ico_confirm_check_24.svg') no-repeat center / 24px auto}
/* .nhasset .neededWrap .btnCheck.active{background-image:url('../images/makebetter/icon/ico_confirm_check_active_24.svg');pointer-events:none} 2025-11-24 active도 클릭하게 변경 */
.nhasset .neededWrap .btnCheck.active{background-image:url('../images/makebetter/icon/ico_confirm_check_active_24.svg')}
.popOverBox.-reverse{top:auto;bottom:-39px;left:-15px;right:auto;transform:translateY(0);z-index:1} /* 금융소득모니터링 */
.popOverBox.-reverse .popOverArrow{top:-6px;bottom:auto;left:27px;right:auto;transform:translateX(-50%) rotate(180deg)}
.nhasset .mbAccLabelWrap.-link{display:flex;justify-content:space-between;align-items:center}
.nhasset a.reConnect{position:relative;padding-right:18px;font-size:var(--fontSize13);color:var(--point1)}
.nhasset a.reConnect::after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;background:url('../images/makebetter/icon/ico_next_green_16.svg') no-repeat center / 16px auto;transform:translateY(-50%)}
/* 맨 위로 */
.nhasset .scrollToTopBtn{position:fixed;visibility:hidden;bottom:50px;right:16px;width:48px;height:48px;background:url('../images/makebetter/icon/ico_top_48.svg') no-repeat center / 48px auto;z-index:99;opacity:0;transition:opacity .3s, visibility .3s}
.nhasset .scrollToTopBtn.show{opacity:1;visibility:visible}
/* 공통 팝업 */
.nhasset.popWrap.centerLayer .popCont{font-size:var(--fontSize15)}
.nhd_sbnew .nhasset.popWrap.centerLayer .popInner h1,
.nhd_allone .nhasset.popWrap.centerLayer .popInner h1{all:unset;display:none}
.nhd_sbnew .nhasset.popWrap.centerLayer .popCont .confirmMsg,
.nhd_allone .nhasset.popWrap.centerLayer .popCont .confirmMsg{padding:40px 0 0 !important;font-size:var(--fontSize15) !important;font-family:"Pretendard" !important;background:none}
.nhd_sbnew .nhasset.popWrap.centerLayer .popCont .confirmMsg[class*="type"] *,
.nhd_allone .nhasset.popWrap.centerLayer .popCont .confirmMsg[class*="type"] *{word-break:keep-all}
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popInner h1.ac,
.nhd_allone .nhasset.popWrap.slidePopConfirm .popInner h1.ac{display:none;height:0;min-height:0;line-height:0;padding:0}
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg,
.nhd_allone .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg,
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg[class*="type"],
.nhd_allone .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg[class*="type"]{background:none !important}
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg *,
.nhd_allone .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg *
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg[class*="type"] *,
.nhd_allone .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg[class*="type"] *{font-size:var(--fontSize15) !important;color:var(--color3) !important;word-break:keep-all;text-align:left}
.popWrap.fullLayerPop .popInner h1 a{font-weight:600;font-size:var(--fontSize16)}
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg,
.nhd_allone .nhasset.popWrap.slidePopConfirm .popCont .confirmMsg{padding:12px 24px 0;font-family:'Pretendard' !important;font-size:var(--fontSize15) !important;color:var(--color3) !important}
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popInner h1.ac + .popCont,
.nhd_allone .nhasset.popWrap.slidePopConfirm .popInner h1.ac + .popCont{padding-top:28px}
.nhd_sbnew .nhasset.popWrap.slidePopConfirm .popInner h1.ac + .popCont + .popBtnWrap .popClose,
.nhd_allone .nhasset.popWrap.slidePopConfirm .popInner h1.ac + .popCont + .popBtnWrap .popClose{display:none}
.nhd_sbnew .yearSet.ac,
.nhd_allone .yearSet.ac{height:100px}
.nhd_sbnew .yearSet.ac > ol,
.nhd_allone .yearSet.ac > ol{padding:30px 0 0 0}
.nhd_sbnew .yearSet.dayPicSet .yearsetLft.ac,
.nhd_allone .yearSet.dayPicSet .yearsetLft.ac{width:100%;height:100px;padding:15px 0 0 0}/* 2025-12-16 아예 공간 없게 */
.nhd_sbnew .nhasset .contBtn04,
.nhd_allone .nhasset .contBtn04{padding:0px 12px;min-width:50px;text-align:center;font-size:var(--fontSize12)}
.nhd_sbnew .nhasset .popBtnWrap .popBtn > a.btnPressDefault,
.nhd_allone .nhasset .popBtnWrap .popBtn > a.btnPressDefault{background:#fff !important;border:1px solid var(--border-color);color:var(--color1)}
.nhd_sbnew .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn a:last-child:not(:first-child),
.nhd_allone .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn a:last-child:not(:first-child){width:70%}
/* 2025-11-26 ASIS 로그아웃안내 팝업 */
.nhd_sbnew .nhasset.popWrap.centerLayer .logoutWrap,
.nhd_allone .nhasset.popWrap.centerLayer .logoutWrap{margin-bottom:0;padding-top:40px;background:none;font-size:var(--fontSize16);font-weight:600}
.nhd_sbnew .nhasset.popWrap.centerLayer .logoutWrap + .guideList,
.nhd_allone .nhasset.popWrap.centerLayer .logoutWrap + .guideList{margin:12px 0 0 0;padding:0;border:none}
.nhd_sbnew .nhasset.popWrap.centerLayer .logoutWrap + .guideList p,
.nhd_allone .nhasset.popWrap.centerLayer .logoutWrap + .guideList p{font-size:var(--fontSize15);color:var(--color1);word-break:keep-all}
.nhd_sbnew .nhasset.popWrap.centerLayer .timeCount,
.nhd_allone .nhasset.popWrap.centerLayer .timeCount{margin-top:12px;font-size:var(--fontSize15);color:var(--point1)}
/* 2025-11-26 ASIS 로그아웃안내 팝업 /////// */
/* 일단  ASIS 유지 2025-11-28
.nhd_sbnew .nhasset .anchorListdWrap .anchorSubject > li.selected a,
.nhd_allone .nhasset .anchorListdWrap .anchorSubject > li.selected a{border-color:var(--gray-900);background-color:var(--gray-900);color:#fff} */
.nhd_sbnew .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #cancelBtn,
.nhd_allone .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #cancelBtn{width:calc(100%/3)} /* 2025-11-28 */
.nhd_sbnew .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #deleteBtn1,
.nhd_allone .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #deleteBtn1{width:70%} /* 2025-11-28 */
.nhd_sbnew .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #agreeCancel,
.nhd_allone .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #agreeCancel,
.nhd_sbnew .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #deleteBtn1,
.nhd_allone .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #deleteBtn1{background-color:var(--bg-disabled);border-color:var(--bg-disabled);color:var(--color-disabled2)} /* 2025-11-28 */
.nhd_sbnew .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #agreeCancel.confirmBtn,
.nhd_allone .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #agreeCancel.confirmBtn,
.nhd_sbnew .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #deleteBtn1.confirmBtn,
.nhd_allone .nhasset.popWrap[class*="slidePop"] .popBtnWrap .popBtn.btnHalf #deleteBtn1.confirmBtn{background:var(--point1);border-color:var(--point1);color:#fff} /* 2025-11-28 */
.nhd_sbnew .nhasset .goTopBtn2,
.nhd_allone .nhasset .goTopBtn2{bottom:100px}
/* 2025-11-28 ASIS 체크박스 유지 결함요청 신지은 */
.nhd_sbnew .nhasset .wrap_bank_check input[type='checkbox'].chekTypeOther{width:21px;height:21px;background:url(../images/common/sp_chkbox.png) 0 0 / 63px 21px no-repeat} 
.nhd_sbnew .nhasset .wrap_bank_check input[type='checkbox'].chekTypeOther:checked{background-position-x:-21px}
.nhd_allone .nhasset .wrap_bank_check input[type='checkbox'].chekTypeOther{position:relative;width:24px;height:24px;border-radius:8px;border:1px solid var(--border-color);background:#fff}
.nhd_allone .nhasset .wrap_bank_check input[type='checkbox'].chekTypeOther:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--border-color);-webkit-clip-path:polygon(var(--path-check));clip-path:polygon(var(--path-check))}
.nhd_allone .nhasset .wrap_bank_check input[type='checkbox'].chekTypeOther:checked{background-color:var(--point1);border-color:var(--point1);filter:none}
.nhd_allone .nhasset .wrap_bank_check input[type='checkbox'].chekTypeOther:checked:before{background-image:none;    background-color:#fff}
/* **************** AS-IS 영향 *****************/
.nhasset .popCont .visualWrap,
.nhasset .popCont .visualWrap.is-inview{padding:25px 0 0 0}/* 2025-12-12 결함대응 */
.nhasset .visualWrap.is-inview + .boxTypeWrap,
.nhasset .visualWrap + .boxTypeWrap.pt0.pb0{margin-top:19px} /* 2025-12-12 결함대응 */
.assetLoadingWrap .assetLoadingValue{color:var(--point1)}
.nhasset .cal .inputList .btnCalendar{height:52px}
.nhasset .billLisMenu.psAtSt{background-color:#fff}
.areaBtnDefault [class^="btnPre"] + [class^="btnPre"]{width:70%}
.nhd_sbnew .nhasset .popBtnWrap .popBtn > a.confirmBtn{width:70%}
.nhasset .popBtnWrap .popBtn > a.confirmBtn.disabled{pointer-events:none}
.nhd_sbnew .nhasset.popWrap.fullLayerPop .popBtnWrap .popBtn a:first-child:not(:last-child){width:calc(100%/3);border:1px solid #d3d3d3;background:#fff;color:var(--color1)}
.nhd_sbnew .nhasset .popInner .popCont.grayPop{background-color:#fff}
.nhd_sbnew .nhasset .asTitWrap .chkWrap {margin-top:-24px}/* 2025-12-16 결함대응 */
/* 2025-12-04 */
.nhd_sbnew .nhasset .visualWrap .visualTopWrap3 .textBox{background-color:#f2f4f8;}
.nhd_sbnew .nhasset .visualWrap .visualTopWrap3 .textBox:before{filter:contrast(0.9);}
.nhd_allone .nhasset .visualWrap .visualTopWrap3 .textBox{background-color:#f2f4f8;}
.nhd_allone .nhasset .visualWrap .visualTopWrap3 .textBox:before{filter:contrast(0.9);}
@media all and (max-width:359px){
  .nhasset .visualWrap .visualTopWrap3 .textBox{width:155px}
}
.nhasset .btnBodyGray, .nhasset .btnBodyGreen{font-size:var(--fontSize14);}
/* **************** AS-IS 영향 *****************/
/* NHpay 재정의 2025-11-19 */
/* .nhd_pay .nhasset .header h1{display:flex;align-items:center} */
.nhd_pay .nhasset .header h1 img.mt0{margin:24px 0 0 4px !important}
.nhd_pay .nhasset .header .btnAcAdmin,
.nhd_pay .nhasset .header .btnCancle,
.nhd_pay .nhasset .header .btnHidden{display:inline-flex;position:absolute;top:0;align-items:center;color:var(--color2);background:none;width:auto;right:24px}
.nhd_pay .nhasset .header .btnCancle::after{content:'취소'}
.nhd_pay .nhasset .header .btnHidden::after{content:'숨기기'}
.nhd_pay .nhasset .header .btnCancle .blind,
.nhd_pay .nhasset .header .btnHidden .blind{display:none}
.nhd_pay .nhasset .fullyWrap{margin:0 -20px}
/* 올원 재정의 2025-10-14 */
.nhd_allone{--bg-disabled:#f0f0f0}
body.nhd_allone{--background:#fff;background-color:var(--background) !important}
.nhd_allone .nhasset .billListWrap .billLisMenu > ul > li.selected > a{border-color:var(--gray-900);background-color:var(--gray-900) !important}
.nhd_allone .nhasset .header.newMain .btnGoHome.-both{display:block;right:54px} /* 올뱅 전체메뉴에서는 홈버튼 노출 */
.nhd_allone .nhasset.popWrap.centerLayer .popBtnWrap .popBtn > a{width:30%;height:48px;border-radius:10px;border:1px solid var(--gray-400);background:#fff;color:var(--color1);line-height:24px}
.nhd_allone .nhasset .popBtnWrap .popBtn > a.confirmBtn{width:70% !important}
.nhd_allone .nhasset.popWrap.centerLayer .popBtnWrap .popBtn{height:auto;border-width:2px 14px 12px;border-spacing:8px}
.nhd_allone .nhasset .popBtnWrap .popBtn > a{height:56px}
.nhd_allone .nhasset input[type='checkbox'].chekTypeOther:before{background:unset;-webkit-clip-path:unset;clip-path:unset}
.nhd_allone .nhasset input[type='checkbox'].chekTypeOther{border:none;border-radius:0}
.nhd_allone .nhasset input[type='checkbox'].chekTypeOther{width:24px;height:24px;background:url(../images/makebetter/icon/ico_checkbox_24.svg) no-repeat left top / 24px auto}
.nhd_allone .nhasset input[type='checkbox'].chekTypeOther:checked:before{background-image:url(../images/makebetter/icon/ico_checkbox_fill_24.svg);background-position-x:unset}
.nhd_allone .nhasset .favSection .favStarWrap input[type='checkbox']:checked{filter:none}
[data-scroll].nhd_allone .nhasset .alloneFooterNew{transition:bottom 0.8s} /* 2025-11-28 */
.nhd_allone .nhasset .linked-bottom-menu.alloneFooterNew [class^="linked-"]{color:var(--color1)}/* 2025-12-17 */
/* 통합메인 가입 전 2025-12-10 크기 대응 수정 */
.nhasset .balanceReview.morkup{position:relative;margin:0}
.nhasset .balanceReview.morkup .swiper-container{height:100%}
.nhasset .balanceReview.morkup .swiper-slide{display:flex;flex-direction:column;flex:0 0 auto;margin-top:clamp(15.6px,4vw,24px);box-shadow:none;border-radius:0;height:auto}
.nhasset .balanceReview.morkup .swiper-slide.active .morkupCont .slideDownImg{position:absolute;transform:translate3d(0,0,0);backface-visibility:hidden;animation:slideDown var(--dur,5s) 1s linear forwards}
.nhasset .balanceReview.morkup .swiper-control{margin-top:clampe(4px,1.5vw,6px); width:100%;opacity:0;animation:fadeInMarker 1.5s ease-out forwards;animation-delay:1s}
.nhasset .balanceReview.morkup .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;background-color:var(--border-color)}
.nhasset .balanceReview.morkup .swiper-pagination .swiper-pagination-bullet-active{width:16px;height:8px;border-radius:10px;background-color:var(--point1)}
.nhasset .balanceReview.morkup .swiper-slide .lookTit{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;min-height:clamp(62px,5vw,88px);max-height:clamp(62px,5vw,88px)}
.nhasset .balanceReview.morkup .swiper-slide .lookTit strong,.nhasset .balanceReview.morkup .swiper-slide .lookTit p{margin-top:0;flex:0 0 100%}
.nhasset .balanceReview.morkup .swiper-slide .morkupInner{position:relative;display:flex;justify-content:center;flex:auto;height:clamp(280px,90vw,406px)}
.nhasset .balanceReview.morkup .swiper-slide .morkupInner .morkupFrame{position:absolute;overflow:hidden;display:inline-block;margin:0 6px;width:clamp(154px,50vw,220px);height:clamp(280px,90vw,406px);border:4px solid #4a4a4a;border-radius:32px;animation:slideUp 1s ease-out forwards;opacity:0;transform:scale(1);z-index:10}
.nhasset .balanceReview.morkup .swiper-slide .morkupInner .morkupFrame:before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:clamp(42px,8vw,60px);height:10px;border-radius:999px;border:1px solid #4a4a4a;background-color:#000;z-index:10}
.nhasset .balanceReview.morkup .simpilTxt{margin-top:clamp(10px,3vw,16px);text-align:center;font-size:12px;font-weight:500;color:var(--color4);opacity:0;animation:fadeInMarker 1.5s ease-out forwards;animation-delay:1s}
.nhasset .balanceReview.morkup .mb24{margin-bottom:clamp(12.6px,4vw,24px) !important}
.nhasset .balanceReview.morkup .swiper-slide .lookTit strong{font-size: 22px;}
@media (max-width:1024px) and (max-height :600px){
  .nhasset .balanceReview.morkup .swiper-control{margin-top:calc(6px * 0.65)}
  .nhasset .balanceReview.morkup .swiper-slide{margin-top:calc(24px * 0.65)}
  .nhasset .balanceReview.morkup .swiper-slide .morkupInner{height:calc(406px * 0.7)}
  .nhasset .balanceReview.morkup .swiper-slide .morkupInner .morkupFrame:before{width:calc(60px * 0.7)}
  .nhasset .balanceReview.morkup .swiper-slide .morkupInner .morkupFrame{ width:calc(220px * 0.7);height:calc(406px * 0.7)}
  .nhasset .balanceReview.morkup .swiper-slide .lookTit{min-height:calc(88px * 0.7);max-height:calc(88px * 0.7)}
  .nhasset .balanceReview.morkup .mb24{margin-bottom:calc(24px * 0.65)!important}
  .nhasset .lookSwiper.balanceReview.morkup .lookTit span, .nhasset .lookSwiper.balanceReview.morkup .lookTit strong{font-size:calc(22px * 0.65)}
  .nhasset .lookSwiper.balanceReview.morkup .lookTit .fs14{font-size:calc(14px * 0.65)!important}
  .nhasset .balanceReview.morkup .simpilTxt{margin-top:calc(16px * 0.65);text-align:center;font-size:calc(12px * 0.65);font-weight:500;color:var(--color4)}
}
@media (max-width:280px){
	.nhasset .balanceReview.morkup .swiper-slide .lookTit strong{font-size:calc(22px * 0.9)}
}
/* 2025-12-09, 2025-12-12 폰트사이즈 고정 추가 반영 */
.nhasset .defSubTit2{font-size:16px}
.nhasset .btnBodyLine{height:36px;border-color:var(--gray-400);border-radius:8px;font-size:14px;font-weight:500;line-height:36px}
.nhasset .moreInfoWrap .moreOpenBtn{font-size:14px}
.nhasset .subTxt{font-size:14px;color:var(--color4)}
/* .nhasset .subTxt2.t1:not(ul):not(dl):before,.nhasset .subTxt2.t1 > li:before, .nhasset .subTxt2.t1 > dd:before{top:8px} */
.nhasset .agreeSubcont .agreeSubTitle{font-size:var(--fontSize13)}
.popWrap .popInner h1 a{font-size:20px}
.nhasset.popWrap.fullLayerPop .popInner h1 a{font-size:var(--fontSize16)}
/* OS fixed */
.Android .nhasset.popWrap.fullLayerPop .popInner .popBtnWrap{position:relative;/* bottom:-1px;-webkit-backface-visibility:hidden */} /* 2025-11-25, 2025-12-04 */
.Android .nhasset.popWrap.fullLayerPop .popInner .popBtnWrap .popClose{position:fixed} /* 2025-11-25 */
* {-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;-webkit-touch-callout:none} /* 2025-12-02, 2025-12-05 */
a{pointer-events:auto;touch-action:manipulation} /* 2025-12-05 롱프레스 제스처 최소화 */
.Android .nhasset .info_area,
.Android .nhasset .areaBtnDefault{will-change:transform;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)} /* 2025-12-02 */
.Android .nhasset .areaBtnDefault{bottom:-1px} /* 2025-12-02 */
.nhasset .popBtnWrap .popBtn{box-shadow:0 -1px 0 0 #fff} /* 2025-12-04 */
.nhasset .mbAccRate{display:inline-flex !important} /* 2025-12-05 개발소스에서 display:inline으로 인라인 처리되고 있음 */
.nhasset .mbAccList.-analysis .mbAccRate,
.nhasset .popCont .mbAccList .mbAccRate{display:block !important} /* 2025-12-08 밸런스진단 정렬 영향 */
.nhd_sbnew .nhasset input[type='checkbox'] + label{margin-left:4px}
.Android .nhasset .notiSlideBtns{display:-webkit-box;display:-ms-flexbox;display:flex}
.Android .nhasset .notiSlideBtns li:first-child{flex-grow:1;flex-shrink:0;flex-basis:0px;/*min-width:75%;*/padding-left:12px} /* flex: 1 0 0; */
[id^="noticePopUp"] .popInner{height:auto !important} /* 2025-12-05 관리자 공지팝업 */
.iOS .nhasset .container{overflow:visible} /* iOS stiky 보완 */
.iOS .nhasset .areaBtnDefault{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}
.keypad .nhasset .incomeMonHeader{position:relative;top:0}
/* 스켈레톤 2025-12-10 */
.nhasset .is-skeleton .fullyWrap{margin:0 -20px}
.nhasset .is-skeleton{position:fixed;top:50px;left:0;display:block;width:100%;height:calc(100vh - 50px);margin:0 !important;padding:0 16px!important;background-color:#fff;z-index:1300;overflow:hidden}
.nhasset .is-skeleton .skeleton{width:100%;height:22px;background:linear-gradient(25deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 45%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,0.25) 55%,rgba(255,255,255,0) 100%),linear-gradient(90deg,#eaeef1 0%, #e1e1e1 100%);background-size:200% 200%,100% 100%;border-radius:4px;animation:shimmer 2s linear infinite;will-change:background-position;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2)}
.nhasset .is-skeleton .skeleton.-circle{width:32px;height:32px;border-radius:16px}
.nhasset .is-skeleton .skeleton.-small{width:30%}
.nhasset .is-skeleton .skeleton.-medium{width:63%}
.nhasset .is-skeleton .skeleton.-hxsmall{height:17px}
.nhasset .is-skeleton .skeleton.-hsmall{height:20px}
.nhasset .is-skeleton .skeleton.-hmedium{height:24px}
.nhasset .is-skeleton .skeleton.-hlarge{height:34px}
.nhasset .is-skeleton .skeletonWrap{width:calc(100% - 44px)}
.nhasset .is-skeleton .divLine{height:1px;margin:16px 0;background-color:var(--gray-200)}
@keyframes shimmer {
	0%{background-position:-200% 100%,0 0}
	60%{background-position:40% -40%,0 0}
	100%{background-position:200% -200%,0 0}
}
/* 금융소득 추가 2025-12-11 */
.grayBanner{padding:12px;border-radius:12px;background-color:var(--background-asis)}
.grayBanner p{color:var(--color3);font-size:var(--fontSize13);word-break:keep-all}
/* 순자산 금액설정 ASIS 2025-12-12 */
.nhasset .popWrap.fullLayerPop .totalBalance dd strong,
.nhasset .popWrap.fullLayerPop .totalBalance .bigTxt strong{font-family:'Pretendard';font-size:var(--fontSize22)}
.nhasset .popWrap.fullLayerPop .boxTypeWrap .mainTopInfo .totalBalance dd.totalBalanceNow{justify-content:flex-start}
.nhasset .popWrap.fullLayerPop .boxTypeWrap .mainTopInfo .totalBalance .totalBalanceNow .asset{font-family:'Pretendard';font-size:var(--fontSize22)}
/* NH마이데이터 PUSH 안내 2025-12-17 */
.nhasset .popCont .transfer {padding:0 24px;letter-spacing:-1px}
.nhasset .popCont .transfer > strong{font-weight:400 !important;}
.nhasset .popCont .transfer li > strong{font-weight:500 !important;}
.nhasset .popCont .transfer .pushInfo {padding:20px 16px}
.nhasset .popCont .transfer .pushInfo li {color:var(--color3);font-size:var(--fontSize12) !important;}
.nhasset .popCont .transfer .listDot.pushInfo > li{background-position:0 9px}

/* 알럿 팝업 v2 */
.nhd_sbnew .nhasset.popWrap.centerLayer .popCont .confirmMsg.v2, 
.nhd_allone .nhasset.popWrap.centerLayer .popCont .confirmMsg.v2,
.nhd_pay .nhasset.popWrap.centerLayer .popCont .confirmMsg.v2 {padding: 60px 0 0 !important; background-size: 40px 40px !important;}
.nhd_sbnew .nhasset.popWrap.centerLayer .popInner h1.v2, 
.nhd_allone .nhasset.popWrap.centerLayer .popInner h1.v2, 
.nhd_pay .nhasset.popWrap.centerLayer .popInner h1.v2 {display:block;}
.nhasset .confirmMsg.v2.type01{background:url('../images/common/bg_confirm01.png') no-repeat 50% 0 !important;}  /* 긍정형 */
.nhasset .confirmMsg.v2.type02{background:url('../images/common/bg_confirm02.png') no-repeat 50% 0 !important;}  /* 부정형 */
.nhasset .confirmMsg.v2.type03{background:url('../images/common/bg_confirm03.png') no-repeat 50% 0 !important;}  /* 정보 */

/* [MD2601_001] 마이데이터를 활용한 금리인하요구권 개발 */
/* 메인 */
.nhasset .interestMain {padding:40px 0; text-align:center;}
.nhasset .interestMain .m_img {margin:0 auto; width:136px; height:136px;}
.nhasset .interestMain .tit {margin-top:30px; font-size:22px; font-weight:600; line-height:32px; letter-spacing:-0.44px;}
.nhasset .interestMain .tit02 {margin-top:40px; font-size:20px; font-weight:600; line-height:28px; letter-spacing:-0.4px;}
.nhasset .interestMain .desc {margin-top:8px; font-size:16px; line-height:24px; letter-spacing:-0.32px; color:#505050;}
/* 목록 */
.nhasset .interestBox .defTit {position:relative;}
.nhasset .interestBox .defTit::after {content:''; display:inline-block; width:60px; height:60px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:url(../images/makebetter/interest/interestTit.png) no-repeat 0 0; background-size:contain;}
.nhasset .interestBox .interestBox_list .lst {padding:20px; display:flex; flex-direction:column; gap:16px; border:1px solid var(--line2); border-radius:16px; background-color:#fff;}
.nhasset .interestBox .interestBox_list .lst + .lst {margin-top:16px;}
.nhasset .interestBox .interestBox_list .lst .accTit {display:flex; align-items: center;}
.nhasset .interestBox .interestBox_list .lst .accTit .accTit {display:flex; align-items: flex-start;}
.nhasset .interestBox .interestBox_list .lst .accTit .accTit .bedge01 {flex-shrink: 0; margin-left:4px; padding:2px 8px; display:inline-block; background-color:#feebeb; border-radius:4px; color:#d10f0f; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestBox .interestBox_list .lst .accTit .accTit .bedge02 {flex-shrink: 0; margin-left:4px; padding:2px 8px; display:inline-block; background-color:#f0f0f0; border-radius:4px; color:#767676; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestBox .interestBox_list .lst .accTit .accInfo {display:flex; gap:8px; flex-direction:row; color:#767676;}
.nhasset .interestBox .interestBox_list .lst .accTit .accInfo .accName {width:auto;}
.nhasset .interestBox .interestBox_list .lst .accTit .arr_btn {display:inline-block; width:24px; height:24px; flex-shrink:0; background: url(../images/makebetter/icon/ico_next_24.svg) no-repeat right / 24px auto;}
.nhasset .interestBox .interestBox_list .lst .detailList {padding-top:16px; border-top:1px solid #f0f0f0;}
.nhasset .interestBox .interestBox_list .lst .detailList li {margin-top:8px;}
/* 상세 */
.nhasset .accTopInfo.interestView .accName {padding:0 45px 0 0 !important; white-space:normal;}
.nhasset .accTopInfo.interestView .accName .imgLogo.v2 {border-radius:0; top:0;}
.nhasset .interestViewList {margin:0 -20px;}
.nhasset .interestViewList .lst {border-top:1px solid #e1e1e1;}
.nhasset .interestViewList .lst .lst_box01 {padding:10px 20px; background-color:#f3f4f8; justify-content:normal; align-items: center; font-size:13px; line-height:20px; letter-spacing: -0.26px; color:#767676}
.nhasset .interestViewList .lst .lst_box01 .date {margin-left:8px;}
.nhasset .interestViewList .lst .lst_box01 .arr_btn {margin-left:auto; display:inline-block; width:24px; height:24px; flex-shrink:0; background: url(../images/makebetter/icon/ico_next_24.svg) no-repeat right / 24px auto;}
.nhasset .interestViewList .lst .lst_box02 {padding:20px;}
.nhasset .interestViewList .lst .lst_box02 .bedge01 {flex-shrink: 0; padding:2px 8px; border-radius:4px; background-color:#daeaf6; color:#2c6fd4; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestViewList .lst .lst_box02 .bedge02 {flex-shrink: 0; padding:2px 8px; border-radius:4px; background-color:#feebeb; color:#d10f0f; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestViewList .lst .lst_box02 .bedge03 {flex-shrink: 0; padding:2px 8px; border-radius:4px; background-color:#f0f0f0; color:#767676; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestViewList.empty {padding-top:24px; border-top:1px solid #e1e1e1;}
.nhasset .interestViewList.empty .noResultWrap {margin:0;}
/* 결과 */
.nhasset .interestBox.popCont {padding:0 20px 22px;}
.nhasset .interestBox.popCont .interestBox_result .accDate {margin-bottom:8px; display:flex; align-items: center; justify-content:space-between; color:#767676;}
.nhasset .interestBox.popCont .interestBox_result .accDate .date span {margin-left:4px;}
.nhasset .interestBox.popCont .interestBox_result .accDate .bedge01 {padding:2px 8px; border-radius:4px; background-color:#daeaf6; color:#2c6fd4; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestBox.popCont .interestBox_result .accDate .bedge02 {padding:2px 8px; border-radius:4px; background-color:#feebeb; color:#d10f0f; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestBox.popCont .interestBox_result .accTit {display:flex; align-items: center;}
.nhasset .interestBox.popCont .interestBox_result .accTit .accInfo {display:flex; gap:8px; flex-direction:row; color:#767676;}
.nhasset .interestBox.popCont .interestBox_result .accTit .accInfo .accName {width:auto;}
.nhasset .interestBox.popCont .interestBox_result .accWon {margin-top:16px; display:flex; justify-content: space-between; align-items: center;}
.nhasset .interestBox.popCont .interestBox_result .accWon .tit {color:#505050;}
.nhasset .interestBox.popCont .interestBox_result .accWon .value {color:#121212;}
.nhasset .interestBox.popCont .interestBox_info {position:relative; margin-top:20px; padding-top:20px;}
.nhasset .interestBox.popCont .interestBox_info.v2 {margin:20px -20px -20px; padding:20px; background-color:#f8f8f8;}
.nhasset .interestBox.popCont .interestBox_info::before {content:''; display:inline-block; height:1px; position:absolute; top:0; left:-20px; right:-20px; background-color:#e1e1e1}
.nhasset .interestBox.popCont .interestBox_info .error-tit {margin-bottom:8px; font-size:15px; font-weight:500; line-height:24px; letter-spacing:-0.3px; color:#343434}
.nhasset .interestBox.popCont .interestBox_info .accTit .imgWrap .imgLogo {width:40px; height:40px;}
.nhasset .interestBox.popCont .interestBox_info .accTit {display:flex; align-items: center;}
.nhasset .interestBox.popCont .interestBox_info .accTit.flex-start {align-items: flex-start;}
.nhasset .interestBox.popCont .interestBox_info .accTit.flex-start .imgWrap {margin:0;}
.nhasset .interestBox.popCont .guide-txt {font-size:12px; line-height:18px; letter-spacing: -0.24px; color:#767676;}
.nhasset .interestBox.popCont .interestBox_info ul li {display:block;}
.nhasset .interestBox.popCont .interestBox_info ul li + li {margin-top:8px;}
.nhasset .interestBox.popCont .interestBox_info ul .dot {padding-left:12px; position:relative; }
.nhasset .interestBox.popCont .interestBox_info ul .dot::before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#707070; border-radius:50%;}
.nhasset .interestBox.popCont .interestBox_info ul .dot .tit {flex-shrink:0;}
.nhasset .interestBox.popCont .interestBox_info ul .hipen .tit + .rise {margin-left:3px;}
.nhasset .interestBox.popCont .interestBox_info ul .hipen {padding-left:12px; position:relative; display:flex; align-items:flex-start; justify-content: flex-start;}
.nhasset .interestBox.popCont .interestBox_info ul .hipen::before {content:''; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#707070;}
.nhasset .interestBox.popCont .interestBox_info ul .hipen .tit {flex-shrink:0;}
.nhasset .interestBox.popCont .interestBox_info ul li .acco_btn {margin-left:auto; width:24px; height:24px; background: url(../images/makebetter/icon/ico_arr_down_24.svg) no-repeat center center / 24px auto;}
.nhasset .interestBox.popCont .interestBox_info ul li .acco_btn.active {transform: rotate(-180deg);}
.nhasset .interestBox.popCont .interestBox_info ul li .accoTxt {display:none; margin-top:5px; padding-left:12px;}
.nhasset .interestBox.popCont .interestBox_info ul li .accoTxt.on {display:block;}

.nhasset .assetCancleWrap.maybeNone{background:url('../images/img_maybe03.png') no-repeat center top;background-size:auto 130px}
.nhasset .popInner.-visual .txtInfo.-img1.MSLC1213p {background: url(../images/makebetter/interest/img_interest_mslc1213p.png) no-repeat center bottom / 140px auto;}
.nhasset .popInner.-visual .txtInfo.-img1.MSLC1223p {background: url(../images/makebetter/interest/img_interest_mslc1223p.png) no-repeat center bottom / 140px auto;}
.nhasset .assetCancleWrap.MSLC1250 {background-image: url(../images/makebetter/interest/img_interest_mslc1250.png); background-size: auto 150px;}
.nhasset .assetCancleWrap.MSLC1320 {background-image: url(../images/makebetter/interest/img_interest_mslc1320.png); background-size: auto 150px;}

.nhasset input[type='radio'].chkstyle {display:inline-block;width:22px;height:22px;border:0;background:url(../images/common/ico_check1.png) no-repeat;background-size:cover}
.nhasset input[type='radio'].chkstyle  + label{margin-left:12px;vertical-align:middle}
.nhasset input[type='radio'].chkstyle:checked{background-image:url('../images/common/ico_check1_on.png');background-size: 120%}
.nhasset input[type='radio'].chkstyle:disabled{opacity:0.4}
.nhasset input[type='radio'].chkstyle:checked::after {display:none;}
.nhasset input[type='radio'].chkstyle .subChk{width:12.5px;height:9px;background:url('../images/spr_check.png') no-repeat 0 0;background-size:24px 9px}
.nhasset input[type='radio'].chkstyle .subChk:checked{background-position:-12.5px 0}

.bdAsis{border-color:var(--background-asis) !important}
.relative {position:relative;}
.mt8 {margin-top:8px !important;}
.pb130 {padding-bottom:130px !important;}
.nhasset .fullIncancelBtn {background-color:#666 !important;}
.h100vh {height:100vh !important;}

/* [MD2603_031] 금리인하요구권 신청 시 계좌 전체선택 기능 개발 */
/* 금리인하요구권 신청대상 목록 */
.nhasset .formWrap.selectAll.listChk{background:none; padding:0; border-radius:0; margin-top:0;}
.nhasset .formWrap.selectAll.listChk .total {display:flex; justify-content:flex-end;}
.nhasset .formWrap.selectAll.listChk .total .formHolder {padding: 0 0 16px 0;}
.nhasset .formWrap.selectAll.listChk .total input[type='checkbox'] {margin-right:8px;}
.nhasset .formWrap.selectAll.listChk .total input[type='checkbox']:disabled{background-position-x:0; opacity:1;background-image:url('../images/makebetter/icon/ico_checkbox_disabled_24.svg')}
.nhasset .formWrap.selectAll.listChk .total input[type='checkbox']:checked:disabled {background-position-x:0; opacity:0.4; background-image:url('../images/makebetter/icon/ico_checkbox_fill_24.svg')}
.nhasset .formWrap.selectAll.listChk .total + .cont {border-top:none;}
.nhasset .formWrap.listChk .interestBox_list .lst {position:relative;}
.nhasset .formWrap.selectAll.listChk .cont .lst input[type="checkbox"]{width:0; height:0; background:none !important; overflow:hidden; position:absolute !important; width:1px; height:1px; clip:rect(0 0 0 0); margin:-1px; color:transparent;}
.nhasset .formWrap.selectAll.listChk .cont .lst input[type="checkbox"] + label{display:block; position:absolute; top:0; left:0;  width:100%; height:100%; margin:0; z-index:1;}
.nhasset .formWrap.selectAll.listChk .cont .lst input[type="checkbox"]:checked{background:none !important;}
.nhasset .formWrap.selectAll.listChk .cont .lst input[type="checkbox"]:checked + label{border:2px solid var(--point1); border-radius:16px;}
.nhasset .formWrap.selectAll.listChk .accInfoWrap .accInfo .accNum {flex: 1 0 auto;}
.nhasset .interestBox .interestBox_list .lst .accBedge {margin-bottom:-8px;}
.nhasset .interestBox .interestBox_list .lst .accBedge span[class*='bedge'] {flex-shrink: 0; margin-left:4px; padding:2px 8px; display:inline-block; border-radius:4px; font-size:10px; line-height:15px; letter-spacing:-0.2px;}
.nhasset .interestBox .interestBox_list .lst .accBedge .bedge01 {background-color:#daeaf6; color:#2c6fd4;}
.nhasset .interestBox .interestBox_list .lst .accBedge .bedge02 {background-color:#feebeb; color:#d10f0f;}
.nhasset .interestBox .interestBox_list .lst .accBedge .bedge03 {background-color:#e2efe8; color:#19973c;}
.nhasset .formWrap.selectAll.listChk .interestBox_list .lst .accTit .arr_btn {z-index:5;}

/* 금리인하요구권 신청중 로딩화면 */
.dataLoadingWrap.ae {display:block; background: none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000;}
.dataLoadingWrap.ae .dataLoading .inner{margin-top:-100px; color:#111; background:url('../images/data_loading001.gif')no-repeat center top; padding-top:130px; background-size:120px auto; text-align:center; font-weight:600;}

/* 금리인하요구권 신청 완료 */
.nhasset .finList .connLine .listTitWrap .titL .accInfoWrap {width:calc(100% - 40px);}
.nhasset .finList .connLine .listTitWrap .titL .accInfoWrap .accTit {overflow:inherit; white-space:normal; text-overflow:inherit; color:#111; font-weight:900;}
.nhasset .finList .connLine .listTitWrap .titL .accInfoWrap .accInfo {display:flex; gap:8px; flex-direction:row; color:#888; font-size: var(--fontSize12);}
.nhasset .finList .connLine .listTitWrap .titL .accInfoWrap .accInfo .accName {width:auto;}
.nhasset .finList .connLine .listTitWrap .titL .accInfoWrap .accInfo .accNum {flex:1 0 auto;}
.guide-txt {font-size: var(--fontSize12); letter-spacing: -0.24px; color:#767676;}

/* 처리결과 확인 */
.nhasset .finList .accInfoWrap {width:calc(100% - 32px);}
.nhasset .finList .accInfo .accNum {flex:1 0 auto;}

/* [MD2604_040] 혜택알리미 서비스 접속 시 로딩 화면 추가 */
.dataLoadingWrap.lf {display:block; background: none; position:fixed; left:0; top:0; width:100%; height:100%;}
.dataLoadingWrap.lf .dataLoading .inner{margin-top:-100px; color:#111; background:url('../images/img_logo_mois.jpg')no-repeat center top; padding-top:185px; background-size:180px auto; text-align:center; font-weight:600;}

/* [MD2603_032] 마이데이터 메인화면 內 청년정책 서비스 및 콘텐츠 구성 */
.nhasset .boxTypeWrap.H120 {height:120px; display:flex; flex-direction:column; justify-content:space-between;}
.nhasset .boxPdSmall {padding:15px 20px;}
.nhasset .serviceVisual06{background:url('../images/makebetter/banner/img_service_visual_06.png') no-repeat right 15% bottom / cover;}
.nhasset .serviceVisual07{background:url('../images/makebetter/banner/img_service_visual_07.png') no-repeat right 15% bottom / cover;}