@charset "utf-8";
/* [SEPTEM] UI Dev Team :nhasset_cont : v20241226 */
/******************************/
/*	리스트 모음
/******************************/
/* 리스트 기본 */
.nhasset .detailList{padding:0}
.nhasset .detailList > li{display:flex;justify-content:space-between;width:100%;margin-top:14px;margin-bottom:0}
.nhasset .detailList > li:first-child{margin-top:0}
.nhasset .detailList > li .tit{display:initial;vertical-align:initial;padding-right:10px;color:#666;letter-spacing:-0.5px}
.nhasset .detailList > li .value{display:initial;vertical-align:initial;text-align:right}
.nhasset .detailList > li .value .dataValue{font-weight:400}
.nhasset .moreInfo .detailList > li .value{color:#000}
.nhasset .detailList > li .value .contBtn01{position:relative;top:-2px;margin-top:-4px;margin-bottom:-4px;margin-left:5px}
.nhasset .detailList > li .value .underline{color:#aaa;font-size:clamp(13px, 1.3rem, 19.5px)}/*06.08 폰트 크기 추가*/
.nhasset .detailList > li .value .stList a{height:20px;padding-right:18px;line-height:20px;border:0}
.nhasset .detailList > li .value .stList .selectValue{line-height:20px}
.nhasset .detailList > li .value .stList .selectBtn{width:18px;height:20px}
.nhasset .detailList > li.vat .tit, .nhasset .detailList > li.vat .value{vertical-align:top}
.nhasset .detailList > li.guideTxt{margin-top:10px}
.nhasset .detailList > li .value .estateInfo span:before{content:'';display:inline-block;width:1px;height:12px;margin-left:4px;margin-right:7px;background-color:#333;vertical-align:middle}
.nhasset .detailList > li .value .estateInfo span:first-child:before{display:none}
.nhasset .detailList > li .value .estateInfo+button{margin-top:10px}
.nhasset .detailList > li a.link{display:table;width:100%;padding-right:15px;background:url('../images/arr_right01.png') no-repeat 100% 50%;background-size:6px 10px}
.nhasset .detailList > li .link .tit, .nhasset .detailList > li .link .value{display:table-cell;vertical-align:middle}
.nhasset .detailList > li .link .tit{width:auto}
.nhasset .detailList > li .link .tit .tag{margin-left:7px}
.nhasset .detailList > li .link .value{text-align:right}
.nhasset .detailList + .detailList{border-top:1px solid #f3f3f3}
.nhasset .detailList > li .dspb{margin-bottom:2px}
.nhasset .detailList > li .dspb .value{display:block}
.nhasset .detailList .bdtDeco{padding-top:18px;border-top:1px solid #e1e1e1}
.nhasset .moreInfoWrap .contBtn01{color:#666}
.nhasset .detailList .contBtnArrow{margin-left:4px;margin-top:-2px;width:16px;height:16px;border-radius:50%;display:inline-block;background:#bbb url('../images/arr_right07.png') no-repeat center / 5px 9px;color:transparent;overflow:hidden;} /* [MD2405_034] 클릭오류수정 */
.nhasset [class^="wrapTbl"] th{font-weight:bold}
.nhasset [class^="wrapTbl"] table.thCeenter th{text-align:center}

.nhasset .imgWrap{position:relative}
.nhasset .imgWrap em.blind{top:0 !important;left:0 !important;width:100% !important;height:100% !important;clip:auto}

/* 메인 2022 */
.nhassetMain .nhasset .header{background-color:#19a647}
.nhassetMain .nhasset .header .btnBack:before{width:9px;height:15px;background:url('../images/btn_back_main.png')no-repeat center;background-size:9px auto}
.nhassetMain .nhasset .header .btnGoHome:before{background:url('../images/ico_home_main.png')no-repeat center;background-size:18px auto;width:18px;height:19px}
/* .nhassetMain .nhasset .header .btnGoHome:before{background:url('../images/common/AllOne_icon_home_W.png')no-repeat center;background-size:18px auto;width:18px;height:19px} */
.nhassetMain .header h1 a{color:#fff}
.nhassetMain .nhasset .container .mainBg{width:100%;height:214px;position:absolute;left:0;top:0px;background-color:#19a647;border-radius:0 0 60px 0;z-index:-1}
.nhassetMain .nhasset .gnb{background-color:#19a647;border-bottom:0}
.nhassetMain .nhasset .gnb a{color:#fff;font-weight:normal}
.nhassetMain .nhasset .gnb .menuStar a .menuStarInner{background-image:url(../images/icon_menu_star_white.png)}
.nhassetMain .nhasset .gnb .home{background:url('../images/icon_main_gnb_home_white.png')no-repeat center;background-size:20px auto;color:transparent;width:20px}
.nhassetMain .nhasset .header .btnNav:before{background:url('../images/btn_allmenu_main.png')no-repeat center;background-size:16px auto}
.nhassetMain .nhasset .header .mainTopLogo{background:url('../images/logo_white.png')no-repeat center;background-size:auto 15px;color:transparent;display:inline-block;width:100%}
.container.hasGnb{padding-top:100px}
.nhasset .mainNoticeSwiper{position:relative;height:52px;overflow:hidden;margin-top:12px}
.nhasset .mainNoticeSwiper .mainNotice{padding:0 50px 0 20px;margin-top:0;height:42px;}
.nhasset .mainNoticeSwiper .mainNotice p{line-height:42px}
/* .nhasset .mainNoticeSwiper .swiper-wrapper{flex-direction:column} */
.nhasset .mainNoticeSwiper .swiper-slide{display:flex}
.nhasset .mainNoticeSwiper .swiper-slide .mainNotice{width:100%}
.nhasset .mainNotice{background-color:rgba(255, 255, 255,0.5);border-radius:12px;box-shadow:0px 2px 7px 0px rgba(15, 57, 28, 0.12);padding:12px 20px;margin-top:12px}
.nhasset .mainNotice p{background:url('../images/icon_main_notice1.png')no-repeat left center;background-size:18px auto;padding-left:29px;font-size:clamp(12px,1.2rem,18px);min-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhasset .mainNoticeSwiper + .mybannerArea{margin-top:10px}
.nhasset .mainNoticeSwiper + .mybannerArea .mybanner{margin-top:0px} 
.nhasset .mainNoticeSwiper .swiper-pagination{position:absolute;right:10px;top:0;height:42px;display:flex;align-items:center;text-align:right;background:none;color:#666;z-index:2}
.nhasset .mainNoticeSwiper .swiper-pagination .swiper-pagination-current{color:#111}


.nhasset .mainTopBanner{margin-top:12px}
.nhasset .mainTopBanner > a{display:block;border-radius:16px;background-color:#fff;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.12);padding:20px}
.nhasset .mainTopBanner > a .inner{background:no-repeat right center;padding-right:60px}
.nhasset .mainTopBanner > a.type01 .inner{background-image:url('../images/icon_main_banner001.png');background-size:auto 49px}
.nhasset .mainTopBanner .mainTopBannerPara{display:block;color:#555}
.nhasset .mainTopBanner .mainTopBannerTitle{font-size:clamp(16px,1.6rem,24px);color:#111;font-weight:900;margin-top:6px}
.nhasset .mainTopBanner .mainTopBannerValue{font-size:clamp(12px,1.2rem,24px);color:#eb1100;margin-top:5px}

.nhasset .mainAssetSum{margin-top:20px;border-radius:16px;background-color:#fff;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.12);padding:20px}
.nhasset .mainAssetSum .titleWrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .mainAssetSum .titleWrap .title{font-size:clamp(16px,1.6rem,24px);font-weight:900}
.nhasset .mainBalance{font-size:clamp(16px,1.6rem,24px);font-weight:900;margin-top:3px}
.nhasset .mainBalance .dataValue{font-size:clamp(26px,2.6rem,39px);font-weight:bold;padding-right:5px}
.nhasset .mainAssetSum .mainBalanceDiff{font-size:clamp(13px,1.3rem,19.5px);margin-top:3px}
.nhasset .mainAssetSum .mainBalanceDiff .mainBalanceDiffTit{padding-right:10px}
.nhasset .mainAssetSum .mainBalanceDiff [class*="arrow"]:before{margin-top:0}
.nhasset .mainAssetSum .fullRefreshWrap{padding-top:0;padding-bottom:0;margin-top:5px}
.nhasset .mainAssetSum .fullRefreshWrap p{font-size:clamp(11px,1.1rem,16.5px)}
.nhasset .mainAssetSum .mainBalanceHidden{font-size:clamp(20px,2rem,30px);color:#888;font-weight:900;margin-top:6px}
.nhasset .mainAssetSum .goAssetSubmain{display:block}
.nhasset .boxTypeWrap.mainRadius{border-radius:16px}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp{position:relative;}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp::before{content:"";position: absolute;width:calc(100% + 40px);height:1px;background-color:#efefef;left:-20px;bottom:0;}
/* .nhasset .boxTypeWrap.mainRadius .weekMainWarp{border-bottom:0;} */
.nhasset .boxTypeWrap.mainRadius .weekMainWarp > ul{padding:0}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp li .weekMain_tit{position:relative;margin-bottom:4px}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp li .weekMain_tit.contented{position:relative;}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp li .weekMain_tit.contented::after{content:'';position:absolute;bottom:7px;width:6px;height:6px;left:50%;transform:translate(-50%);border-radius:50%;background-color:#0c419a}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp li .active.contented::after{background-color:#fff}

.nhasset .boxTypeWrap.mainRadius .weekMainWarp li .weekMain_tit{margin-bottom:15px}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp .weekMain_tit .day{font-weight:bold;color:#111}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp .weekMain_tit.active .day{color:#fff}
.nhasset .linkTit{display:block;background:url('../images/arr_right_big.png')no-repeat right center;background-size:9px auto;padding-right:13px}

.nhasset .mainBigTxtBanner{display:block;padding:20px;background:#fff url('../images/ico_main_bigtext.png')no-repeat right 20px center;background-size:59px auto;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);border-radius:10px}
.nhasset .mainBigTxtBanner .mainTit{font-weight:bold;font-size:clamp(14px,1.4rem,21px);color:#000}
.nhasset .mainBigTxtBanner .mainTxt{margin-top:3px;font-size:clamp(12px,1.2rem,18px);color:#111}

.nhasset .mainBainkingListWrap{margin-top:12px}
.nhasset .mainBainkingListWrap ul{display:flex}
.nhasset .mainBainkingListWrap ul li{flex:1;text-align:center}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay{display:block;border-radius:40px;height:71px}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay .dayWeek{height:32px;display:inline-flex;align-items:end;padding-bottom:4px}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay.active .day{background-color:#0c419a;color:#fff}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay .day .dayScheluleWrap{display:flex;justify-content:center}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay .day .dayScheluleWrap .flagSchelule + .flagSchelule{margin-left:1px}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay .day .dayScheluleWrap .flagSchelule{overflow:hidden;width:6px;height:6px;padding:0;margin:0;border:0;margin-top:3px}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay .day .dayScheluleWrap .flagSchelule.type01{background-color:#00ad0c}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay .day .dayScheluleWrap .flagSchelule.type02{background-color:#e37900}
.nhasset .mainBainkingListWrap ul li .mainBainkingListDay .day .dayScheluleWrap .flagSchelule.type03{background-color:#009dd1}

.nhasset .bigTxtImgWrap{text-align:center;padding-bottom:120px}
.nhasset .bigTxtImgWrap.type01{background:url('../images/img_bigtext.png') no-repeat center;background-size:143px auto}
.nhasset .bigTxtImgWrap.type02{background:url('../images/img_normtext.png') no-repeat center;background-size:143px auto}

.nhasset .mainBankingInfo{margin:0px -20px 0 -20px;padding:20px 20px 0 20px;}
.nhasset .mainBankingInfo > li + li{margin-top:12px}
.nhasset .mainBankingInfo > li > a{display:flex;justify-content:space-between;align-items:center;color:#111}
.nhasset .mainBankingInfo > li > a .dDay{flex-shrink:0;color:#888;font-size:clamp(12px,1.2rem,18px)}
.nhasset .mainBankingInfo .subjectWrap{display:flex;align-items:center; padding-right:5px}
.nhasset .mainBankingInfo .subjectWrap .flagSchelule{flex-shrink:0}

.nhasset .mainBankingEmpty{margin:0 -20px;padding:0 20px;border-top:solid 1px #efefef;}
/* .nhasset .mainBankingEmpty{margin:0 -20px;padding:0 20px;border-top:solid 1px #efefef;margin-top:12px} */
.nhasset .planFlagWrap{margin-bottom:11px}
.nhasset .planFlagWrap .planType:after{display:none}
.nhasset .flagSchelule,.nhasset .planType{display:inline-block;border:solid 1px #00ad0c;border-radius:4px;padding:0 4px;font-size:clamp(12px,1.2rem,18px);line-height:1.7;margin-right:8px}
.nhasset .flagSchelule.unerColor-o, .nhasset .planType.unerColor-o{border-color:#e75441;color:#e75441} /*만기도래*/
.nhasset .flagSchelule.unerColor-p, .nhasset .planType.unerColor-p{border-color:#3674bc;color:#3674bc} /*납기일도래*/
.nhasset .flagSchelule.unerColor-b, .nhasset .planType.unerColor-b{border-color:#666666;color:#666666} /*직접등록*/
.nhasset .flagSchelule.unerColor-g, .nhasset .planType.unerColor-g{border-color:#19a647;color:#19a647} /*출금예정*/
.nhasset .flagSchelule.unerColor-h, .nhasset .planType.unerColor-h{border-color:#43a67f;color:#43a67f} /*주택청약*/
.nhasset .flagSchelule.unerColor-admin,.nhasset .playType.unerColor-admin{border-color:#734cb8;color:#734cb8} /*관리자등록*/
.nhasset .flagSchelule.unerColor-stock,.nhasset .planType.unerColor-stock{border-color:#ed7000;color:#ed7000} /*공모주*/

.nhasset .flagSchelule.unerColor-g2{border-color:#43a67f;color:#43a67f} /*주택청약*/
.nhasset .flagSchelule.type03{border-color:#009dd1;color:#009dd1}

.nhasset .mainCSLink{display:block;background:url('../images/ico_main_cs_link.png')no-repeat right top;background-size:49px auto}
.nhasset .mainCSLink2{display:block}
.nhasset .mainMonthInfoWrap{border-top:solid 1px #efefef;margin:20px -20px 0 -20px;padding:20px 20px 0 20px;display:flex;align-items:center}
.nhasset .mainMonthInfoWrap .mainMonthDday{width:40px;height:40px;border-radius:100%;background-color:#ea7405;color:#fff;text-align:center;line-height:40px;font-weight:bold;font-size:clamp(12px,1.2rem,14px);margin-right:10px;word-break:keep-all}
.nhasset .mainMonthInfoWrap .mainMonthInfo{color:#000}
.nhasset .mainMonthInfoWrap .mainMonthInfo > p{font-size:clamp(12px,1.2rem,18px)}
.nhasset .mainMonthInfoWrap .mainMonthInfo > .mainMonthBalance{margin-top:2px}
.nhasset .mainMonthInfoWrap .mainMonthInfo > .mainMonthBalance .dataValue{font-size:clamp(16px,1.6rem,24px);padding-right:2px}

.nhasset .boxTypeWrap.mainRadius .mainAimEmptyPara{font-weight:bold;background:url('../images/ico_main_aim_empty.png')no-repeat right center;background-size:64.5px auto;min-height:48px;display:flex;align-items:center;padding-right:65px}
.nhasset .mainAimHave{display:flex}
.nhasset .mainAimHave .purposeCateS{width:40px;height:40px;flex:0 0 40px;margin-right:10px}
.nhasset .mainAimHave .mainAimSubject{flex:1 1 auto}
.nhasset .mainAimHave .mainAimSubject .title{font-weight:900}
.nhasset .mainAimHave .mainAimSubject .info{font-size:clamp(12px,1.2rem,18px);color:#666}
.nhasset .mainAimHave .mainAimSubject .info strong{font-size:clamp(16px,1.6rem,24px);color:#000;font-weight:900;font-family:'NotoNum'}

.nhasset .mainBttomBannerWrap{margin:17px -16px 0 -16px}
.nhasset .mainBttomBannerWrap > ul{display:flex;overflow-y:hidden;overflow-x:scroll;padding:3px 16px 12px 16px;-webkit-overflow-scrolling:touch}
.nhasset .mainBttomBannerWrap > ul::-webkit-scrollbar{display:none}
.nhasset .mainBttomBannerWrap > ul > li{border-radius:16px;box-shadow:0px 2px 2px 0px rgba(41, 58, 88, 0.16);padding:16px 10px 15px 20px;transform:translate3d(0px,0px,0px)}
.nhasset .mainBttomBannerWrap > ul > li + li{margin-left:10px}

.nhasset .mainBttomBannerWrap > ul > li > a{display:flex;flex-direction:column;width:33.4vw;background:no-repeat right 10px bottom;min-height:140px;height:100%;padding-bottom:52px}
.nhasset .mainBttomBannerWrap > ul > li > a .title{color:#111;font-weight:900}
.nhasset .mainBttomBannerWrap > ul > li > a .subject{font-size:clamp(12px,1.2rem,18px);word-break:keep-all}
.nhasset .mainBttomBannerWrap > ul > li > a .title + .subject{margin-top:5px}
.nhasset .mainBttomBannerWrap > ul > li > a .subject + .title{margin-top:5px}
.nhasset .mainBttomBannerWrap > ul > li > a .value{margin-top:6px}
.nhasset .mainBttomBannerWrap > ul > li > a .value .dataValue{font-size:clamp(18px,1.8rem,27px);letter-spacing:-1px}
.nhasset .mainBttomBannerWrap > ul > li > a .value .unit{font-size:clamp(12px,1.2rem,18px);padding:0 2px}
.nhasset .mainBttomBannerWrap > ul > li > a .amount{font-size:clamp(11px,1.1rem,16.5px)}
.nhasset .mainBttomBannerWrap > ul > li > a [class*="arrow"]:before{margin-top:0}

.nhasset .mainBttomBannerWrap > ul > li.asset{background-color:#dce4f6}
.nhasset .mainBttomBannerWrap > ul > li.pension{background-color:#f8f6da}
.nhasset .mainBttomBannerWrap > ul > li.aptAppli{background-color:#e2f5f0}
.nhasset .mainBttomBannerWrap > ul > li.dsr{background-color:#ffebf2}
.nhasset .mainBttomBannerWrap > ul > li.car{background-color:#e4f2cd}
.nhasset .mainBttomBannerWrap > ul > li.gover{background-color:#d8f3fe}
.nhasset .mainBttomBannerWrap > ul > li.health{background-color:#ffebf2}
.nhasset .mainBttomBannerWrap > ul > li.tax{background-color:#e2f5f0}
.nhasset .mainBttomBannerWrap > ul > li.year{background-color:#d9e7ff}
.nhasset .mainBttomBannerWrap > ul > li.benefit{background-color:#d8f3fe}
.nhasset .mainBttomBannerWrap > ul > li.maybe{background-color:#e2f5f0}
.nhasset .mainBttomBannerWrap > ul > li.card{background-color:#dce4f6}
.nhasset .mainBttomBannerWrap > ul > li.ongoing{background-color:#d8f3fe}
.nhasset .mainBttomBannerWrap > ul > li.report{background-color:#ffebf2}
.nhasset .mainBttomBannerWrap > ul > li.retire{background-color:#fcffe6}
.nhasset .mainBttomBannerWrap > ul > li.asset > a{background-image:url('../images/icon_main_bottom_asset.png');background-size:40px auto}
.nhasset .mainBttomBannerWrap > ul > li.pension > a{background-image:url('../images/icon_main_bottom_pension.png');background-size:55.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.aptAppli > a{background-image:url('../images/icon_main_bottom_aptAppli.png');background-size:57px auto}
.nhasset .mainBttomBannerWrap > ul > li.dsr > a{background-image:url('../images/icon_main_bottom_dsr.png');background-size:55.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.car > a{background-image:url('../images/icon_main_bottom_car.png');background-size:57.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.gover > a{background-image:url('../images/icon_main_bottom_gover.png');background-size:61.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.health > a{background-image:url('../images/icon_main_bottom_health.png');background-size:61px auto}
.nhasset .mainBttomBannerWrap > ul > li.health.after02 > a{background-image:url('../images/icon_main_bottom_health_02.png');background-size:49px auto}
.nhasset .mainBttomBannerWrap > ul > li.tax > a{background-image:url('../images/icon_main_bottom_tax.png');background-size:58px auto}
.nhasset .mainBttomBannerWrap > ul > li.year > a{background-image:url('../images/icon_main_bottom_year.png');background-size:67px auto}
.nhasset .mainBttomBannerWrap > ul > li.benefit > a{background-image:url('../images/icon_main_bottom_benefit.png');background-size:51px auto}
.nhasset .mainBttomBannerWrap > ul > li.maybe > a{background-image:url('../images/icon_main_bottom_maybe.png');background-size:71px auto}
.nhasset .mainBttomBannerWrap > ul > li.card > a{background-image:url('../images/icon_main_bottom_card.png');background-size:63.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.card.after > a{background-image:url('../images/icon_main_bottom_card_01.png');background-size:70px auto}
.nhasset .mainBttomBannerWrap > ul > li.ongoing > a{background-image:url('../images/icon_main_bottom_ongoing.png');background-size:53.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.report > a{background-image:url('../images/icon_main_bottom_report.png');background-size:51.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.retire > a{background-image:url('../images/icon_main_bottom_chair.png');background-size:55.5px auto}
.nhasset .mainBttomBannerWrap > ul > li.bgImgNone > a{background-image:none;padding-bottom:0}
.nhasset .mainBttomBannerWrap > ul > li.bgImgNone > a .graph{padding-right:10px}
/*.nhasset .mainBttomBannerWrap ul:after{content:'';flex:0 0 auto;width:16px}*/ /* 디바이스 오른쪽여백용 */

.nhasset .homeViewSeting{display:block;text-align:center;padding-top:10px;padding-bottom:22px;}
.nhasset .homeViewSeting span{background:url('../images/ico_set.png')no-repeat left center;background-size:16px auto;padding-left:25px}
.nhasset .mainAssetConnBtn{background:#10a560;border-radius:100%;width:54px;height:54px;text-align:center;position:fixed;right:20px;;bottom:60px;-webkit-transform:translate3d(0px,0px,0px);z-index:10}
.nhasset .mainAssetConnBtn a{display:block;width:100%;height:100%;color:#fff;background:url('../images/icon_main_asset_conn.png')no-repeat center 9px;background-size:22px auto;font-size:12px;padding-top:30px}

/* 전체메뉴 */
.nhasset .allMenuBefore{border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);background:url('../images/bg_allmenu_before.png')no-repeat center 30px;background-color:#fff;padding:145px 20px 28px 20px;margin-top:20px;background-size:auto 99px}
.nhasset .allMenuBefore p{text-align:center;font-size:clamp(16px,1.6rem,24px);font-weight:bold}
.nhasset .allMenuBefore .areaBodyBtnFull{margin-top:25px}

.nhasset .allMenuSubject{border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);background-color:#fff;padding:28px 20px;;margin-top:20px}
.nhasset .allMenuSubject .titleArea{display:flex}
.nhasset .allMenuSubject .titleArea .picArea{width:48px;height:48px;flex:0 0 48px;margin-right:12px;border-radius:100%;overflow:hidden;background-color:#dbf0e3;display:inline-flex;align-items:center;justify-content:center}
.nhasset .allMenuSubject .titleArea .picArea img{object-fit:contain}
.nhasset .allMenuSubject .titleArea .userArea{flex:1 1  auto}
.nhasset .allMenuSubject .titleArea .userArea > a{display:block;font-size:clamp(16px,1.6rem,24px);font-weight:900;background:url('../images/arr_GradeR_2.png')no-repeat right center;background-size:8px auto}
.nhasset .allMenuSubject .titleArea .userArea .allMenuPoint{color:#666;margin-top:4px} 
.nhasset .allMenuGrade{font-size:clamp(12px,1.2rem,18px);margin-top:5px}
.nhasset .allMenuGrade > a{display:inline-flex;align-items:center}
.nhasset .allMenuGrade [class*="gradeS"]{display:inline-flex;align-items:center;margin-left:8px}
.nhasset .allMenuGrade [class*="gradeS"]:after{display:none}
.nhasset .allMenuGrade [class*="gradeS"]:before{content:'';width:16px;height:16px;line-height:16px;border-radius:100%;text-align:center;background-color:#ccc;font-size:7.5px;color:#fff;font-weight:900;margin-right:6px }
.nhasset .allMenuGrade .gradeS6:before{content:'T';background-color:#7655dc}
.nhasset .allMenuGrade .gradeS5:before{content:'G';background-color:#f79b48}
.nhasset .allMenuGrade .gradeS4:before{content:'R';background-color:#e75441}
.nhasset .allMenuGrade .gradeS3:before{content:'G';background-color:#19a647}
.nhasset .allMenuGrade .gradeS2:before{content:'B';background-color:#4286f7}
.nhasset .allMenuGrade .gradeS1:before{content:'';background-color:#ccc}
.nhasset .allMenuGrade .gradeS6{color:#7655dc}
.nhasset .allMenuGrade .gradeS5{color:#ed7000}
.nhasset .allMenuGrade .gradeS4{color:#e75441}
.nhasset .allMenuGrade .gradeS3{color:#19a647}
.nhasset .allMenuGrade .gradeS2{color:#4286f7}
.nhasset .allMenuGrade .gradeS1{color:#666}

.nhasset .allMenuSubject .allMenuQuick{display:flex;margin-top:23px}
.nhasset .allMenuSubject .allMenuQuick > li{flex:1;text-align:center;border-radius:14px;background-color:#f7f8f8}
.nhasset .allMenuSubject .allMenuQuick > li + li{margin-left:19px}
.nhasset .allMenuSubject .allMenuQuick > li > a{display:block;padding:44px 0 3px}
.nhasset .allMenuSubject .allMenuQuick > li > a > span{display:block;font-size:clamp(12px,1.2rem,18px);color:#666;line-height:37px}
.nhasset .allMenuSubject .allMenuQuick > li > a.peed{background:url('../images/icon_main_user_feed.png')no-repeat center 20px;background-size:23px auto}
.nhasset .allMenuSubject .allMenuQuick > li > a.report{background:url('../images/icon_main_user_report.png')no-repeat center 20px;background-size:20px auto}
.nhasset .allMenuSubject .allMenuQuick > li > a.dataCenter{background:url('../images/icon_main_user_datacenter.png')no-repeat center 20px;background-size:21px auto}
.nhasset .allMenuSubject .allMenuQuick > li > a.conntAsset{background:url('../images/icon_main_user_setadmin.png')no-repeat center 20px;background-size:24px auto}

.nhasset .allMenuListWrap{border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);background-color:#fff;margin-top:20px;padding:22px 20px 0px 20px}
.nhasset .allMenuListWrap h2{font-size:clamp(16px,1.6rem,24px);color:#111}
.nhasset .allMenuList > li{padding:0 0 12px 0}
.nhasset .allMenuList > li + li{border-top:solid 1px #efefef;padding-top:13px}
.nhasset .allMenuList > li > .allMenuTit{display:block;padding-left:35px;font-weight:900;margin-top:15px;margin-bottom:14px;background:no-repeat left center;background-size:auto 20px}
.nhasset .allMenuList > li:first-child .allMenuTit{margin-top:5px}
.nhasset .allMenuList > li > .allMenuTit.asset{background-image:url('../images/icon_allmenu_asset.png')}
.nhasset .allMenuList > li > .allMenuTit.spend{background-image:url('../images/icon_allmenu_spend.png')}
.nhasset .allMenuList > li > .allMenuTit.plan{background-image:url('../images/icon_allmenu_plan.png');background-size:auto 19px}
.nhasset .allMenuList > li > .allMenuTit.consulting{background-image:url('../images/icon_allmenu_consulting.png')}
.nhasset .allMenuList > li > .allMenuTit.gole{background-image:url('../images/icon_allmenu_gole.png')}
.nhasset .allMenuList > li > .allMenuTit.health{background-image:url('../images/icon_allmenu_health.png')}
.nhasset .allMenuList > li > .allMenuTit.life{background-image:url('../images/icon_allmenu_life.png');background-size:19px auto}
.nhasset .allMenuList > li > .allMenuTit.benefit{background-image:url('../images/icon_allmenu_benefit.png')}
.nhasset .allMenuList > li > .allMenuTit.datacenter{background-image:url('../images/icon_allmenu_datacenter.png')}
.nhasset .allMenuList > li > .allMenuTit.set{background-image:url('../images/icon_allmenu_set.png')}
.nhasset .allMenuList > li > .allMenuTit.my{background-image:url('../images/icon_allmenu_my.png');background-position:6px center}
.nhasset .allMenuList .allMenuListSub{margin-left:35px}
.nhasset .allMenuList .allMenuListSub > li{margin-bottom:13px}
.nhasset .allMenuList .allMenuListSub > li > a{display:block}

/* 나만의 메뉴 설정 */
.sortableWrap .sortableBtnsWrap{display:flex;justify-content:flex-end;margin-top:26px}
.sortableWrap .sortableBtnsWrap .sortableBtns{border:solid 1px #ebebeb;position:relative;border-radius:4px;display:inline-flex}
.sortableWrap .sortableBtnsWrap .sortableBtns button{background-color:#fff;line-height:26px;width:26px;height:26px;border-radius:3px}
.sortableWrap .sortableBtnsWrap .sortableBtns button.drag{background:url('../images/ico_btn_drag_off.png')no-repeat center #fff;background-size:11px auto}
.sortableWrap .sortableBtnsWrap .sortableBtns button.drag.active{background-image:url('../images/ico_btn_drag_on.png')}
.sortableWrap .sortableBtnsWrap .sortableBtns button.button{background:url('../images/ico_btn_click_off.png')no-repeat center #fff;background-size:9px auto}
.sortableWrap .sortableBtnsWrap .sortableBtns button.button.active{background-image:url('../images/ico_btn_click_on.png')}

.sortableWrap .sortableBtnsWrap .sortableBtns button.active{background-color:#00a938}
.sortableWrap .sortableBtnsWrap .sortableBtns button.drag.active:after{content:'' ;position:absolute;width:28px;height:28px;left:-1px;top:-1px;border:solid 1px #00a938;border-radius:4px}
.sortableWrap .sortableBtnsWrap .sortableBtns button.button.active:after{content:'' ;position:absolute;width:28px;height:28px;right:-1px;top:-1px;border:solid 1px #00a938;border-radius:4px}

.sortable{margin-top:15px}
.sortable > li{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background-color:#fff;padding:18px 20px;border:solid 1px #fff;margin-top:10px}
.sortable > li:nth-child(1),
.sortable > li:nth-child(2),
.sortable > li:nth-child(3),
.sortable > li:nth-child(4){background-color:#f0fbf7;border-color:#19a647}
.sortable > li.ui-sortable-helper{background-color:#fff;border:solid 2px #19a647;padding:17px 19px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.sortable > li .title{font-size:clamp(16px,1.6rem,24px);font-weight:bold}
/*.sortable > li:after{content:'';width:26px;height:26px;border:solid 1px #ebebeb;border-radius:2px;background:url('../images/ico_btn_drag_off.png')no-repeat center #fff;background-size:11px auto}*/
.sortable > li .dragBtn{width:26px;height:26px;border:solid 1px #ebebeb;border-radius:2px;background:url('../images/ico_btn_drag_off.png')no-repeat center #fff;background-size:11px auto}
.sortable > li .btnClick{display:none}
.sortable.clickType > li .dragBtn{display:none}
.sortable.clickType > li .btnClick{display:inline-flex;align-items:center;flex:0 0 auto}
.sortable.clickType > li .btnClick button{width:26px;height:26px;border:solid 1px #ebebeb;margin-left:3px;border-radius:2px}
.sortable.clickType > li .btnClick button.btnUp2{background:url('../images/ico_btn_click_up.png')no-repeat center #fff;background-size:9px auto}
.sortable.clickType > li .btnClick button.btnDown2{background:url('../images/ico_btn_click_down.png')no-repeat center #fff;background-size:9px auto}

/* 별페이지 */
.nhasset .boxTypeWrap.starBenefitType01{padding:20px}
.starBenefitLink{display:flex;justify-content:space-between;align-items:center}
.starBenefitLink.complate{background:url('../images/contents/bg_star_mission_comp.png')no-repeat right center;background-size:auto 77px}
.starBenefitLink .starBenefitCont{width:calc(100% - 72px)}
.starBenefitLink .starBenefitCont .flag{font-size:clamp(12px,1.2rem,18px);color:#555}
.starBenefitLink .starBenefitCont .title{font-size:clamp(16px,1.6rem,24px);font-weight:900;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.starBenefitLink .starBenefitCont .title.imgType{margin-top:8px;margin-bottom:10px}
.starBenefitLink .starBenefitCont .title.imgType img{height:35.5px}
.starBenefitLink .starBenefitCont .para{color:#666;font-weight:bold;margin-top:12px}
.starBenefitLink .starBenefitCont .para .linkTxt2{color:#666}
.starBenefitLink{position:relative}
.starBenefitLink .chgCont .title{position:relative;height:clamp(25px,2.5rem,37.5px)}
.starBenefitLink .chgCont .title p{display:none;position:absolute;top:0;left:0}
.starBenefitLink .chgCont.type1 .title p:nth-child(1){display:block}
.starBenefitLink .starBenefitBadge img{width:60px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.nhasset .boxTypeWrap.starBenefitType02{padding:20px 0px 20px 20px}
.nhasset .boxTypeWrap.starBenefitType02 .starBenefitLink{background:url('../images/contents/bg_star_mission_none.png')no-repeat right center;background-size:102px auto}
.nhasset .boxTypeWrap.starBenefitType02 .title.noneType{margin-top:5px}
.nhasset .boxTypeWrap.starBenefitType02 .title.noneType span{position:relative}
.nhasset .boxTypeWrap.starBenefitType02 .title.noneType span.pointColor:after{content:'';position:absolute;width:4px;height:4px;background-color:#19a647;border-radius:100%;top:0;left:50%;display:inline-block;margin-left:-2px}

.nhasset .boxTypeWrap.starHealthType{padding:20px}
.nhasset .boxTypeWrap.starHealthType .starHealthLink{display:block}
.nhasset .boxTypeWrap.starHealthType .title{font-size:clamp(16px,1.6rem,24px);font-weight:900;background:url('../images/contents/bg_star_health_title.png')no-repeat right top;background-size:36px auto;min-height:36px}
.nhasset .boxTypeWrap.starHealthType .date{font-size:clamp(11px,1.1rem,16px); color: #19a647}
.nhasset .boxTypeWrap.starHealthType .compareWrap{padding:14px 0 17px 0;align-items:center;margin-top:13px;background-color:#f8f8f8;border-radius:6px}
.nhasset .boxTypeWrap.starHealthType .compareWrap .dataValue,
.nhasset .boxTypeWrap.starHealthType .compareWrap .se{font-size:clamp(20px,2rem,30px);font-weight:900;font-family:'NotoKR'}
.nhasset .boxTypeWrap.starHealthType .compareWrap .people:before{display:none}
.nhasset .boxTypeWrap.starHealthType .compareWrap .heart:before{display:none}

.nhasset .boxTypeWrap.starHealthType .starHealthAge{margin-top:16px;margin-bottom:3px}
.nhasset .boxTypeWrap.starHealthType .starHealthAge .linkTxt2{font-weight:bold;color:#666}
.nhasset .boxTypeWrap.starHealthType.type02 .tit{font-weight:bold}
.nhasset .boxTypeWrap.starHealthType.type02 .txtt2{display:block;font-size:clamp(16px,1.6rem,24px);word-break:keep-all}
.nhasset .boxTypeWrap.starHealthType.type02 .txtt2 strong{font-weight:900;display:inline-block}
.nhasset .boxTypeWrap.starHealthType.type02 .starHealthInfoWrap{display:flex}
.nhasset .boxTypeWrap.starHealthType.type02 .starHealthInfoWrap .starHealthInfo{flex:0 0 60%;display:flex;flex-direction:column;justify-content:space-between}
.nhasset .boxTypeWrap.starHealthType.type02 .starHealthInfoWrap .graphArea{flex:1 1 auto}
.nhasset .boxTypeWrap.starHealthType.type02 .starHealthInfoWrap .legendList{display:flex;margin-bottom:0}
.nhasset .boxTypeWrap.starHealthType.type02 .starHealthInfoWrap .legendList li{width:auto;margin-right:8px}

.nhasset .starYaWrap{display:block}
.nhasset .starYaWrap .yabannerArea .yabanner{font-size:clamp(16px,1.6rem,24px)}
.nhasset .starYaWrap .yabanner.bgType01{background:url('../images/contents/bg_star_ya01.png')no-repeat right 17px  top 27px;background-size:43px auto}
.nhasset .starYaWrap .yabanner.bgType02{background:url('../images/contents/bg_star_ya02.png')no-repeat right 17px  top 27px;background-size:66px auto}
.nhasset .starYaWrap .yabanner.bgType03{background:url('../images/contents/bg_star_ya03.png')no-repeat right 17px  center;background-size:67px auto}
.nhasset .starYaWrap .yabanner.bgType04{background:url('../images/contents/bg_star_ya04.png')no-repeat right 17px  center;background-size:66px auto}
.nhasset .starYaWrap .yabanner.bgType05{background:url('../images/contents/bg_star_ya05.png')no-repeat right 17px  center;background-size:66px auto}
.nhasset .starYaWrap .linkTxt2{font-weight:bold;color:#666}
.nhasset .starYaWrap .starBigTxt{font-size:clamp(20px,2rem,30px)}
.nhasset .yanowWrap .yalistBox .sum .list_title{color:#111;font-weight:bold}
.nhasset .yanowWrap .yalistBox .sum .list_item{font-weight:900}

.nhasset .starTaxReduction{display:block}
.nhasset .starTaxReduction .yabannerArea .titImgBanner{background-image:none !important;padding:15px 20px 30px 20px;align-items:center}
.nhasset .starTaxReduction .yabannerArea .titImgBanner:before{content:none}
.nhasset .starTaxReduction .yabannerArea .titImgBanner strong{font-weight:bold}
.nhasset .starTaxReduction .yabannerArea .titImgBanner .btnClose{width:18px;height:18px;background:url('../images/btn_close3.png')no-repeat center;background-size:9px auto;overflow:hidden}
.nhasset .starTaxReduction .taxInfoWrap .priceTitWrap{display:flex;justify-content:space-between;align-items:flex-end}
.nhasset .starTaxReduction .taxInfoWrap .priceTitWrap:after{content:'';width:40px;height:50px;margin-left:10px}
.nhasset .starTaxReduction.ty01 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf01_money.png') no-repeat center / 40px auto} /* 종합소득세 */
.nhasset .starTaxReduction.ty02 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf02_receipt.png') no-repeat center / 40px auto} /* 양도소득세 */
.nhasset .starTaxReduction.ty03 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf03_earth.png') no-repeat center / 40px auto} /* 양도소득세(해외주식) */
.nhasset .starTaxReduction.ty04 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf04_house.png') no-repeat center / 40px auto} /* 재산세/종합부동산세 */
.nhasset .starTaxReduction.ty05 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf05_car.png') no-repeat center / 40px auto} /* 취득세 */
.nhasset .starTaxReduction.ty06 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf06_tax.png') no-repeat center / 40px auto} /* 증여세 */
.nhasset .starTaxReduction.ty07 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf07_heri.png') no-repeat center / 40px auto} /* 상속세 */
.nhasset .starTaxReduction.ty08 .taxInfoWrap .priceTitWrap:after{background:url('../images/banner/tit_bf08_heart.png') no-repeat center / 40px auto} /* 건강보험료 */
.nhasset .starTaxReduction .taxInfoWrap .priceTit{font-size:clamp(16px,1.6rem,24px);font-weight:900;font-family:'NotoKR';padding-bottom:6px}
.nhasset .starTaxReduction .taxInfoWrap .priceTit .dataValue{font-size:clamp(26px,2.6rem,39px)}
.nhasset .starTaxReduction .taxInfoWrap .subTxt{color:#888}
.nhasset .starTaxReduction .yanowWrap.bdR10{padding:7px 20px 21px 20px}
.nhasset .starTaxReduction .yanowWrap .yalistBox{margin:20px -20px 0 -20px;padding:0 20px;border-top:solid 1px #ebebeb;width:auto}
.nhasset .starTaxReduction .yanowWrap .yalistBox .list_title{font-weight:bold;color:#666}
.nhasset .starTaxReduction .yanowWrap .yalistBox .list_item{font-weight:900;color:#111}
.nhasset .starTaxReduction .taxInfoWrap .taxComWrap{background-color:#f0fbf7;padding:16px 20px;margin-top:33px}
.nhasset .starTaxReduction .taxInfoWrap .taxComWrap .txtReli{position:relative}
.nhasset .starTaxReduction .taxInfoWrap .taxComWrap .txtReli .txtAbs{position:absolute;top:-30px;width:100%;left:0;text-align:center;background-color:#222;color:#fff;font-weight:normal !important;font-size:clamp(12px,1.2rem,18px);line-height:26px;border-radius:3px}
.nhasset .starTaxReduction .taxInfoWrap .taxComWrap .txtReli .txtAbs:after{content:'';position:absolute;left:50%;bottom:-5px;width:10px;height:5px;background:url('../images/contents/bg_arrow01.png')no-repeat center top;background-size:auto 5px;margin-left:-5px}
.nhasset .starTaxReduction .yanowWrap .linkTxt2{font-weight:bold}

.nhasset .starTaxReduction.starTaxDataNone .titImgBanner{padding:10px 20px 25px 20px}
.nhasset .starTaxReduction.starTaxDataNone .titImgBanner strong{line-height:34px}

.starTaxSlide{overflow:hidden}
.starTaxSlide .swiper-wrapper{height:34px;flex-direction:column}
.starTaxDataNone .starTaxSlide{pointer-events:none}

.maybeBanner{margin-top:20px}
.maybeBanner a{display:block;border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.12);background:url('../images/banner/img_maybe_banner01.png')no-repeat right 20px bottom #f8f6da;padding:20px 20px 22px 20px;background-size:81.5px auto}
.maybeBanner a .title{font-size:clamp(16px,1.6rem,24px);font-weight:900}
.maybeBanner a .para{margin-top:6px}



/******************************
/*	자산*/
/*******************************/
/* 상단 계좌정보 기본 */
.nhasset .layerMsgWrap{border-radius:10px;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16);background-color:#4aa667;padding:12px 12px 12px 20px;margin:20px 0 17px 0;display:flex;align-items:center;color:#fff}
.nhasset .layerMsgWrap:before{content:'';width:32px;height:32px;border-radius:100%;margin-right:12px;flex:0 0 32px;/*background:url('../images/icon_layer_msg.png')no-repeat center;*/ background:url('../images/icon_layer_msg02.gif')no-repeat center;background-size:cover;background-color:#f2f4f8;overflow:hidden}
.nhasset .layerMsgWrap.ty01:before{content:'';width:32px;height:32px;border-radius:100%;margin-right:12px;flex:0 0 32px;background:url('../images/icon_layer_msg02.gif')no-repeat center;background-size:cover;background-color:#f2f4f8;overflow:hidden}/*12.28 아이콘 변경*/
.nhasset .layerMsgWrap.ty02:before{content:'';width:32px;height:32px;border-radius:100%;margin-right:12px;flex:0 0 32px;background:url('../images/icon_layer_msg02.gif')no-repeat center;background-size:cover;background-color:#f2f4f8;overflow:hidden}
.nhasset .layerMsgWrap.ty03:before{content:'';width:32px;height:32px;border-radius:100%;margin-right:12px;flex:0 0 32px;background:url('../images/icon_layer_msg03.gif')no-repeat center;background-size:cover;background-color:#f2f4f8;overflow:hidden}
.nhasset .layerMsgWrap > p{font-size:clamp(12px,1.2rem,18px);flex:1 1 auto}
.nhasset .layerMsgWrap .layerMsgClose{width:32px;height:32px;background:url('../images/btn_layerMsgClose.png')no-repeat center;background-size:16px auto;flex:0 0 32px}
.nhasset .acBookmark{display:inline-block;background:url('../images/ico_bookmark_able.png')no-repeat center;background-size:auto 16px;width:18.5px;height:17px;margin-left:10px;flex:0 0 15px}
/* .nhasset .acBookmark{display:inline-block;background:url('../images/icon_bookmark.png')no-repeat center;background-size:auto 16px;width:16px;height:16px;margin-left:10px;flex:0 0 16px} */

.nhasset .icoNew2 + .acBookmark{margin-left:4px}
.nhasset .accTopInfo{position:relative}/*[22-06-08]margin-top:25px 삭제*/
.nhasset .accTopInfo.baedangBg{background:url('../images/banner/asset_baedang_img.png')no-repeat center right 0;background-size:62.5px 55.5px}
.nhasset .accTopInfo.baedangBg .pointColor06{font-size:clamp(12px,1.2rem,18px);margin-top:45px} 
.nhasset .accTopInfo .accName{display:block;padding-right:45px;font-size:clamp(20px, 2rem, 30px)}
.nhasset .accTopInfo .accName .acBookmark{margin-left:5px}
.nhasset .accTopInfo .accName .titHiglight{display:inline-block;position:relative}
.nhasset .accTopInfo .accName .titHiglight:before{content:'';display:inline-block;position:absolute;width:100%;height:9px;bottom:0;left:0;background-color:rgb(25, 166, 71);opacity:0.2}
.nhasset .accTopInfo .accName .img{position:absolute;top:0;right:0;margin-right:0;border:1px solid #f3f3f3;border-radius:50%}
.nhasset .accTopInfo .accName .img img{width:100%}
/* .nhasset .accTopInfo .accName:before{position:absolute;top:5px;right:0;margin-right:0;padding:16px;border-radius:50%;background-size:32px 32px} */ /* [2022-11-18] 한은정 :기관로고 공통 수정 */
.nhasset .accTopInfo .accName span.blind{right:0;width:52px !important;height:52px !important} /* [2021-10-15] 윤지현:접근성수정 */
/* .nhasset .accTopInfo .accName[class*="A1"]:before, .nhasset .accTopInfo .accName[class*="B1"]:before,.nhasset .accTopInfo .accName[class*="B2"]:before,.nhasset .accTopInfo .accName[class*="B4"]:before, .nhasset .accTopInfo .accName[class*="C1"]:before, .nhasset .accTopInfo .accName[class*="D1"]:before,.nhasset .accTopInfo .accName[class*="D2"]:before,.nhasset .accTopInfo .accName[class*="D3"]:before, .nhasset .accTopInfo .accName[class*="E1"]:before,  .nhasset .accTopInfo .accName[class*="F1"]:before,  .nhasset .accTopInfo .accName[class*="PFM_FSB"]:before, .nhasset .accTopInfo .accName[class*="PFM_PEN"]:before{position:absolute;top:-5px;right:0;margin-right:0;padding:26px;border:1px solid #e1e1e1;border-radius:50%;background-size:32px 32px} */
.nhasset .accTopInfo .accName.icoEtcAsset09:before{background-size:31px 27.5px}
.nhasset .accTopInfo .accName .highlight{}
.nhasset .accTopInfo .etcInfo{margin-top:23px;color:#3674bc;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .accTopInfo .etcInfo.ty01{color:#888}
.nhasset .accTopInfo .etcInfo.compare{color:#222}
.nhasset .accTopInfo .etcInfo.compare .tooltipWrap{margin-right:8px}/**12.21 추가 금액에 화살표 없을 경우에 간격이 붙어서 추가**/
.nhasset .accTopInfo .etcInfo.compare .tooltipWrap + .arrowUp,
.nhasset .accTopInfo .etcInfo.compare .tooltipWrap + .arrDouwn{margin-left:0} /**12.21 추가**/
.nhasset .accTopInfo .etcInfo.compare .amount{font-weight:900;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .accTopInfo .etcInfo.compare .amount strong{font-family:'NotoNum';font-weight:900}
.nhasset .accTopInfo .etcInfo.compare .date{display:inline-block;color:#111;margin-left:5px}
.nhasset .accTopInfo .etcInfo.compare .tooltipCont{left:0}
.nhasset .accTopInfo .etcInfo{margin-top:10px}
.nhasset .accTopInfo .etcInfo .dataValue{font-family:'NotoNum';font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .accTopInfo .etcInfo .won{font-weight:900;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .accTopInfo .etcInfo + .etcInfo{margin-top:5px}
.nhasset .accTopInfo .noData{margin-top:5px;padding-right:50px;color:#666;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .accTopInfo .totalBalance{margin-top:20px}
.nhasset .accTopInfo .totalBalance dt{font-size:clamp(14px, 1.4rem, 21px);color:#666;margin-bottom:10px}
.nhasset .accTopInfo .totalBalance dt.foSt{font-size:clamp(16px, 1.6rem, 24px);color:#111;margin-bottom:10px}
.nhasset .accTopInfo .totalBalance dt.accName{margin-bottom:10px;font-size:clamp(15px, 1.5rem, 22.5px);color:#111;font-weight:bold}

.nhasset .mainTopInfo .totalBalance{margin-top:5px}
.nhasset .mainTopInfo .totalBalance dt{display:flex;align-items:center;margin-bottom:15px}
.nhasset .mainTopInfo .totalBalance dt strong{font-size:clamp(16px,1.6rem,16px);color:#111}
.nhasset .mainTopInfo .totalBalance dd.totalBalanceNow{display:flex;justify-content:space-between;align-items:center;margin-top:7px}
.nhasset .mainTopInfo .totalBalance .tgBtn{position:absolute;top:50%;margin-top:-11px;right:0}
.nhasset .mainTopInfo .totalBalance dd.totalBalanceNow a + span .tgBtnType2{margin-top:7px} /*12.26 자산 서브메인 버튼 링크 영역 수정 후 버튼 높이 수정*/
.nhasset .mainTopInfo .totalBalance .secret{color:#888}
.nhasset .mainTopInfo .balanceDiff{font-size:clamp(13px,1.3rem,19.5px);color:#555;font-weight:normal;margin-top:5px}
.nhasset .mainTopInfo .balanceDiff .balanceDiffDate{padding-right:5px}
.nhasset .totalBalanceNow.addType strong{font-size:clamp(26px,2.6rem,39px)}
.nhasset .totalBalanceNow.addType .btnArrow{width:24px;height:24px;position:absolute;top:10px;background:url(../images/asset_main_btnArrow.png) no-repeat center center;background-size:8px 13px}
.nhasset .totalBalanceNow.addType .tgBtnType2 label{display:block;width:56px;height:24px;background-color:#e1e1e1;border-radius:12px;position:relative}
.nhasset .totalBalanceNow.addType .tgBtnType2 label:before{content:'';position:absolute;width:18px;height:18px;border-radius:100%;top:3px;left:3px;background-color:#fff}
.nhasset .totalBalanceNow.addType .tgBtnType2 input[type="checkbox"] + label > span{display:block;position:absolute;font-size:clamp(12px, 1.2rem, 18px);font-weight:normal; line-height:22px;right:8px ;color:#888}
.nhasset .totalBalanceNow.addType .tgBtnType2 input[type="checkbox"]:checked + label{background-color:#19a647}
.nhasset .totalBalanceNow.addType .tgBtnType2 input[type="checkbox"]:checked + label > span{left:8px;;color:#fff}
.nhasset .totalBalanceNow.addType .tgBtnType2 input[type="checkbox"]:checked + label:before{left:auto;right:3px}

.nhasset .asMainBannerTy01{display:flex;align-items:center;margin-top:20px;border-radius:10px;box-shadow:0px 2px 9px 0px rgba(60, 78, 110, 0.12);padding:20px 20px;color:#111;height:83px}
.nhasset .asMainBannerTy01 a{display:block;width:100%}
.nhasset .asMainBannerTy01.bgTy01{background:#d9e7ff url('../images/banner/asset_main_banner01.png')no-repeat bottom right 20px;background-size:68px 65.5px}
.nhasset .asMainBannerTy01.bgTy02{background:#d6f5d8 url('../images/banner/asset_main_banner02.png')no-repeat center right 20px;background-size:65px 60px}
/* [MD2502_020] 대출비교서비스 이동배너 추가 */
.nhasset .asMainBannerTy01.bgTy03{background:#fff url('../images/banner/asset_main_banner03.png')no-repeat center right 20px;background-size:64px 64px}
/* [MD2507_084]세금포인트조회 배너 제작 */
.nhasset .asMainBannerTy01.bgTy04{background:#f8ecc9 url('../images/banner/asset_main_banner04.png')no-repeat center right 0px;background-size:98px 79px}
.nhasset .asMainBannerTy01 .addTxt{color:#555}
.nhasset .asMainBannerTy01 .tit{margin-top:5px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .asMainBannerTy01 .tit02{font-weight:normal;color:#555}
.nhasset .asMainBannerTy01 .tit02 span{font-weight:bold;color:#111}
.nhasset .moreInfoWrap{margin:10px -20px 0 -20px;padding:10px 20px 0}
.nhasset .moreInfoWrap.toggleWrap{margin-top:22px;min-height:40px}
.nhasset .moreInfoWrap .moreOpenBtn{margin-bottom:7px;color:#111;background-size:10px 5px;font-size:clamp(14px, 1.4rem, 21px);border:solid 1px #ebebeb;border-radius:5px;line-height:2.7}
.nhasset .moreInfoWrap .moreOpenBtn:after{content:'';display:inline-block;width:19px;height:19px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px  auto;vertical-align:middle;margin-left:3px}
.nhasset .moreInfoWrap .moreOpenBtn.active:after{transform:rotate(180deg)}
.nhasset .moreInfoWrap .moreInfo{margin:0 -20px 0;padding:0 20px;background-color:#fff}
.nhasset .moreInfoWrap .moreInfo .detailList{margin-top:16px;padding-bottom:20px}
.nhasset .moreInfoWrap .moreInfo .detailList+.divLine3{margin-top:0}
.nhasset .moreInfoWrap .moreInfo .tooltipWrap .tooltipCont{width:calc(100% - 64px) !important;left:32px}
.nhasset .moreInfoWrap .moreInfo .detailList li .tooltipWrap .tooltipCont{width:calc(100% - 32px) !important;left:16px}
.nhasset .moreInfoWrap .moreInfo .csMoreDetailWrap .detailList{margin-top:3px;margin-bottom:-3px;padding-bottom:0}/*소비 상세내역 수정*/
.nhasset .moreInfoWrap .moreInfo .detailList.detailData .accent{font-weight:900}
.nhasset .moreInfoWrap .moreInfo .detailList.detailData .accent{margin-bottom:18px}
.nhasset .moreInfoWrap .moreInfo .detailList.detailData .accent .value{color: #111; font-weight:900}
.nhasset .moreInfoWrap .moreInfo .detailList.detailData .accent .value .dataValue{font-weight:700}
.nhasset .moreInfoWrap .moreInfo .detailList.detailData > li .value{color: #666}
.nhasset .moreInfoWrap .moreInfo .detailList.detailData > li .won{font-weight:400}
.nhasset .moreInfoWrap .moreInfo .detailList.detailData > li .value .dataValue{font-weight:400}
.nhasset .moreInfoWrap.ty01{padding-top:0;padding-bottom:0}
.nhasset .moreInfoWrap.ty01 .moreInfo{margin-top:-2px}
.nhasset .moreInfoWrap.ty01 .moreInfo .detailList{padding-bottom:5px}

.nhasset .assetBookMarkWrap{margin:0 -16px;overflow-x:scroll;padding:0 0px 0 16px;display:flex;-webkit-overflow-scrolling:touch}
.nhasset .assetBookMarkWrap::-webkit-scrollbar{display:none}
.nhasset .assetBookMarkWrap > ul{display:flex;padding:10px 0px}
.nhasset .assetBookMarkWrap > ul:after{content:'';width:4px;height:16px}
.nhasset .assetBookMarkWrap > ul > li{margin-right:12px;width:41vw;flex:0 0 calc(100vw - 56vw);-webkit-transform:translateZ(0)}
.nhasset .assetBookMarkWrap > ul > li > a{display:block;background-color:#fff;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);border-radius:10px;padding:28px 15px 20px 20px;height:140px}
.nhasset .assetBookMarkWrap .imgWrap{text-align:left;font-weight:bold}
.nhasset .assetBookMarkWrap .imgWrap:before{margin-right:8px}
.nhasset .assetBookMarkWrap > ul > li .accName{font-size:clamp(12px,1.2rem,18px);margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhasset .assetBookMarkWrap > ul > li .accName.doubleLine{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}
.nhasset .assetBookMarkWrap > ul > li .accBalance{margin-top:4px}
.nhasset .assetBookMarkWrap > ul > li.assetBookMarkAdd{/*width:140px;flex:0 0 130px;*/flex:0 0 calc(100vw - 56vw)}/*12.07 140px 134px로 수정 12.26 */
.nhasset .assetBookMarkWrap > ul > li.assetBookMarkAdd > a{background:url('../images/icon_plus_big.png')no-repeat center #fff;padding:28px;background-size:30px auto}
.nhasset .assetBookMarkWrap > ul > li.assetBookMarEmpty{flex:0 0 calc(100vw - 56vw)}
.nhasset .assetBookMarkWrap > ul > li.assetBookMarEmpty > a{padding:0px 10px;display:flex;justify-content:center;align-items:center}
.nhasset .assetBookMarkWrap > ul > li.assetBookMarEmpty .inner{font-size:clamp(12px,1.2rem,18px);text-align:center;white-space:nowrap;background:url('../images/icon_bookmark_01.png')no-repeat center top;background-size:auto 53px;padding-top:60px;color:#666}
.nhasset .assetBookMarkWrap > ul > li:last-child{margin-right:0}
.nhasset .assetBookMarkWrap ul:after{content:'';flex:0 0 auto;width:16px} /* 디바이스 오른쪽여백용 */
.nhasset  .registBtn + .assetBookMarkWrap{margin-top:16px}

@media screen and (min-width:414px){
	.nhasset .assetBookMarkWrap > ul > li.assetBookMarkAdd{flex:0 0 calc(100vw - 55vw)}
}

.nhasset .baedangBanner{margin-top:20px;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%);background-color:#dee5fe}
.nhasset .baedangBanner a{display:block;display:flex;align-items:center;padding:12px 20px 12px 20px;height:55px;vertical-align:middle}
.nhasset .baedangBanner a .txt{display:inline-block;margin-left:12px}
.nhasset .baedangBanner a:before{display:inline-block;content:"";width:32px;height:32px;border-radius:50%;background:#fff url('../images/banner/banner_baedang_ico.png')no-repeat center center;background-size:26px auto}

/* ==========가상자산========== */
.nhasset .mydateLogo{text-align:center;display:block;margin-top:30px}
.nhasset .mydateLogo img{height:23px;width:auto}
.nhasset .header .mydateLogo{margin-top:0}
.nhasset .assSetList .send_suc{color:#019647}
.nhasset .assSetList .send_fail{color:#f44743}

.cryptoTitleArea{margin-top:25px;background:url('../images/bg_crypto_title.png')no-repeat right center;background-size:59px auto;min-height:82px}
.nhasset .assSetList .assSetListTitle{display:flex;justify-content:space-between;padding-bottom:10px}
.nhasset .assSetList .assSetListTitle .tit{font-size:clamp(16px,1.6rem,24px);color:#111}
.nhasset .assSetList .assSetListTitle .resultInfo{color:#666}
.nhasset .assSetList .listType > li{display:flex;justify-content:space-between;align-items:center;margin-top:15px;border:solid 1px #ebebeb;border-radius:6px;padding:16px}
.nhasset .assSetList .listType > li .listTit{flex:1 1 auto}
/* .nhasset .assSetList .listType .imgWrap{display:inline-flex;align-items:center}  */
/* .nhasset .assSetList .listType .imgWrap.subscribe .img{display:inline-block} */
.nhasset .assSetList .listType > li.toggleWrap{display:block;border:0;border-radius:0;padding:0;border-bottom:solid 1px #e1e1e1;padding-bottom:15px}
.nhasset .assSetList .listType > li.toggleWrap .toggleBtn{padding-right:20px;position:relative;display:block}
.nhasset .assSetList .listType > li.toggleWrap .toggleBtn:after{content:'';position:absolute;top:50%;right:0;width:10px;height:6px;background:url('../images/arr_down02.png') no-repeat right center;background-size:10px auto;margin-top:-3px}
.nhasset .assSetList .listType > li.toggleWrap .toggleBtn.active:after{transform:rotate(180deg)}
.nhasset .assSetList .listType > li.toggleWrap .accList{border:solid 1px #e1e1e1;border-radius:10px;padding:0 15px}

.nhasset .assSetList .listType > li.toggleWrap .inoutList .count{font-weight:normal;color:#7e858e} 
.nhasset .widthLogo{margin-top:25px;position:relative} /* [2022-11-24] 사보현 :로고 변경 수정 */
.nhasset .widthLogo .accName{font-weight:900} /* [2022-11-24] 사보현 :로고 변경 수정 */
/* .nhasset .widthLogo .imgWrap:before{display:none}  */ /* [2022-11-24] 사보현 :로고 변경으로 삭제 */
/* .nhasset .widthLogo .imgWrap .img{width:32px;height:32px;border:0} *//* [2022-11-24] 사보현 :로고 변경으로 삭제 */

.nhasset .listType.virTogWrap{border-radius:6px;border:1px solid #ebebeb}
.nhasset .listType.virTogWrap .toggleBtn{padding:0 20px}
.nhasset .listType.virTogWrap .accList > li{padding:12px 0 20px;border-top:none;border-bottom:1px solid #ebebeb}
.nhasset .listType.virTogWrap .accList > li:last-child{border-bottom:0}
.nhasset .listType.virTogWrap > li.toggleWrap{border-bottom:0}
.nhasset .listType.virTogWrap > li.toggleWrap .accList{border:0;padding:0 20px}
.nhasset .listType.virTogWrap > li.toggleWrap .toggleBtn:after{content:'';position:absolute;top:50%;right:18px;width:10px;height:6px;background:url('../images/arr_down02.png') no-repeat right center;background-size:10px auto;margin-top:-3px}
.nhasset .listType.virTogWrap .toggleCont{border-top:1px solid #ebebeb;margin-top:10px}
.nhasset .listType.virTogWrap .toggleCont .inoutListWrap{margin-top:28px;padding:0 20px}
.nhasset .listType.virTogWrap .toggleCont .inoutListWrap .inoutCont{display:inline-block}
.nhasset .listType.virTogWrap .toggleCont .inoutListWrap .inoutTit{background-color:#f8f8f8;border-radius:6px;padding:18px 18px}
.nhasset .listType.virTogWrap .toggleCont .inoutListWrap .inoutTit .count{color:#888}
.nhasset .listType.virTogWrap .toggleCont .inoutListWrap .timeWrap{margin-top:10px;text-align:right}
.nhasset .listType.virTogWrap .toggleCont .inoutListWrap .time{color:#888;font-size:clamp(11px, 1.1rem, 16.5px)}

.nhasset .listType.virTogWrap .accInfoWrap .accInfo{display:inline-block}
.nhasset .listType.virTogWrap .accInfoWrap .accInfo .accNum.tit{color:#111}
.nhasset .listType.virTogWrap .accInfoWrap .accInfo .accNum{font-size:clamp(14px,1.4rem,21px)}
.nhasset .listType.virTogWrap .accInfoWrap .accInfoAdd{text-align:right}
.nhasset .listType.virTogWrap .accInfoWrap .accInfoAdd .accValue{display:block}
.nhasset .listType.virTogWrap .accInfoWrap .accInfoAdd .accValue .amount{font-size:clamp(12px,1.2rem,18px)}

.nhasset .infoBox.virtuInfo{margin:20px 0 0;/*border-top:1px solid #ebebeb*/ border-radius:6px}
.nhasset .infoBox.virtuInfo .detailList .value,
.nhasset .infoBox.virtuInfo .detailList .value div{color:#666;font-weight:normal}
.nhasset .formTit.dsf{display:flex;justify-content:space-between;align-items:center}
.nhasset .formTit.dsf .prc{color:#888;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .formTit.dsf:after{display:none}
.nhasset .formTit + .exTxt{margin-top:10px ;margin-bottom:10px;color:#888}

.nhasset .virAsset{margin-top:35px;display:flex;justify-content:space-between;align-items:center}
.nhasset .virAsset .tit span{color:#888;margin-top:13px;display:block}
.nhasset .virAsset .tgWarp .tgBtnType2{display:unset}

/*자산 설정*/
.nhasset .objTopTit{margin-top:8px}
.nhasset .objTopTit .defSubTit6{display:flex;align-items:center;justify-content:space-between}
.nhasset .objTopTit .objImgWrap{margin-top:30px;;background:url('../images/banner/obj_banner_top_img.png') no-repeat center right;background-size:52px  35.5px}
.nhasset .objTopTit .objImgWrap p{color:#666}
.nhasset .objTitListBox{margin-top:-22px}
.nhasset .objTitListBox li{border-bottom:1px solid #ebebeb;padding:22px 0}
.nhasset .objTitListBox li:last-child{border-bottom:none}
.nhasset .objTitListBox .objSetItem{display:flex;align-items:center;justify-content:space-between}
.nhasset .objTitListBox .objSetItem .deductBtnWrap{margin-top:0}
.nhasset .objTitListBox .objSetItem .txt{text-align:right}
.nhasset .objTitListBox .objSetItem .txt .num{display:block;margin-top:10px;color:#888;font-size:clamp(13px,1.3rem,19.5px)}
.nhasset .objTitListBox .objSetItem .deductBtnWrap .deductNum{width:46px;color:#111;white-space:nowrap}

/* 코인검색 결과 */
.nhasset .totalCntTit{margin-top:25px;padding-bottom:10px;font-size:clamp(16px,1.6rem,24px);font-weight:bold}
.nhasset .totalCntTit .num{color:#19a647;font-weight:bold}
.nhasset .srchResult.typeCrypto{background-color:#f8f8f8;border-radius:6px;padding:10px 0;width:100%}
.nhasset .srchResult.typeCrypto > ul{margin:0}
.nhasset .srchResult.typeCrypto > ul > li:last-child > a{border-bottom:0}
.nhasset .srchResult.typeCrypto > ul > li > a{display:flex;padding:12px 0;position:relative;background:none;align-items:center;border-top:none;border-bottom:1px solid #ebebeb}
.nhasset .srchResult.typeCrypto > ul > li.active > a{background-color:#f8f8f8} 
.nhasset .srchResult.typeCrypto > ul > li .tag{ position:absolute; right:0;margin:0}
/* .nhasset .srchResult.typeCrypto .imgWrap:before{display:none} [2022-11-21] 한은정 공통로고 수정
.nhasset .srchResult.typeCrypto .imgWrap{margin-right:8px;height:32px}
.nhasset .srchResult.typeCrypto .imgWrap .img{width:32px;height:32px;display:inline-block}
.nhasset .srchResult.typeCrypto .imgWrap .img img{width:100%} */
.nhasset .srchResult.typeCrypto.bgNone ul li{padding:0}
.nhasset .srchResult.typeCrypto.bgNone ul li:first-child{border-top:1px solid #ebebeb}
.nhasset .srchResult.typeCrypto.bgNone ul li:last-child{border-bottom:1px solid #ebebeb}

/*상세페이지 스타일 추가*/
.nhasset .boxWrapShadow{box-shadow:0px 2px 5px 0px rgb(60 78 110 / 16%);border-radius:10px}
.nhasset .boxWrapShadow .boxTypeWrap.delShadow{overflow:visible} /*12.26 자산 상세페이지 툴팁 잘림현상 때문에 추가*/
.nhasset .boxTypeWrap.delShadow{position:relative;z-index:12;padding-bottom:18px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}
.nhasset .boxTypeWrap.delShadow .accInfoDetail > .detailList{margin-bottom:0}
.nhasset .boxTypeWrap.delShadow .accInfoDetail + .inputListArea{margin-top:24px !important;margin-bottom:4px}
.nhasset .boxTypeWrap.delShadow .accInfoDetail + .inputListArea + .inputListArea:last-child{ margin-bottom:4px}
.nhasset .boxTypeWrap.delShadow .accInfoDetail .stList.ast{margin-top:27px;overflow:visible}
.nhasset .boxTypeWrap.delShadow .accInfoDetail .stList.ast a{border:1px solid #ebebeb;height:46px;line-height:46px;border-radius:5px}
.nhasset .boxTypeWrap.delShadow .accInfoDetail .stList.ast a .selectValue{color:#999; line-height:42px;vertical-align:middle}
.nhasset .boxTypeWrap.delShadow .accInfoDetail .stList.ast a .selTxt{position:absolute;color:#111;right:30px;top:-2px}
.nhasset .boxTypeWrap.delShadow .accInfoDetail .stList.ast a  .selectBtn{height:44px}
.nhasset .boxTypeWrap.delShadow > .divLine{margin:20px -20px}
.nhasset .boxTypeWrap .accTopInfo + .divLine{margin-top:24px}
.nhasset .moreInfoArea .moreInfoWrap{padding-top:0;margin:10px -16px 0 -16px;padding-left:16px;padding-right:16px}
.nhasset .moreInfoArea .moreInfoWrap.toggleWrap{margin-top:0}
.nhasset .moreInfoArea .moreInfoWrap .moreInfo{position:relative;z-index:10;margin:0;background-color:#f2f4f8}
.nhasset .moreInfoArea .moreInfoWrap .cs.moreInfo{position:relative;z-index:10;margin:0;background-color:white}
.nhasset .moreInfoArea .moreInfoWrap .moreInfo .divLine2{background-color:#dedede;margin-left:-20px;margin-right:-20px}
.nhasset .moreInfoArea .moreInfoWrap .moreInfo .divLine2.ty01{ margin-left:0;margin-right:0}
.nhasset .moreInfoArea .moreInfoWrap .moreOpenBtn:before{content:'';display:inline-block; position:absolute;/*width:calc(100% - 32px);left:16px;*/ width:100%;left:0;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:10px;box-shadow:0px 4px 5px 0 rgb(60 78 110 / 16%)}
.nhasset .moreInfoArea .moreInfoWrap .moreOpenBtn.active:before{content:'';display:inline-block; position:absolute;background:#f2f4f8}
.nhasset .moreInfoArea .moreInfoWrap .cs.moreOpenBtn.active:before{background:white}
.nhasset .moreInfoArea .moreInfoWrap .moreOpenBtn{text-align:center;width:100%;background-color:#d8dbe2;color:#111;background-size:10px 5px;font-size:clamp(14px, 1.4rem, 21px);border-bottom-left-radius:10px;border-bottom-right-radius:10px;line-height:68px;height:60px;box-shadow:0px 10px 10px 0 rgb(242 244 248);border:none;margin-bottom:0;position:relative;/* z-index:100;*/ z-index:9;margin-top:-5px}
.nhasset .moreInfoArea .moreInfoWrap .moreOpenBtn:after{content:'';display:inline-block;width:19px;height:19px;background:#d8dbe2 url('../images/arr_down02.png') no-repeat center;background-size:10px  auto;vertical-align:middle}
.nhasset .moreInfoArea .moreInfoWrap .moreOpenBtn.active:after{transform:rotate(180deg)}

/* VIP 금융컨설팅 */
.nhasset .assetListWrap{margin:25px -20px 0;padding:0 20px;border-top:1px solid #f3f3f3}
.nhasset .assetListWrap .assetList{margin-top:12px}
.nhasset .assetListWrap .assetList > li{padding:15px 0 12px;border-top:1px solid #f3f3f3}
.nhasset .assetListWrap .assetList > li a.link{display:block}
.nhasset .assetListWrap .assetList .titWrap{display:table;width:100%;margin-top:0}
.nhasset .assetListWrap .assetList .titWrap .value{display:table-cell;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold;text-align:right}
.nhasset .assetListWrap .assetList .titWrap .value .won{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:normal}
.nhasset .assetListWrap .assetList .tit, .nhasset .assetListWrap .assetList .btn{display:table-cell;vertical-align:middle}
.nhasset .assetListWrap .assetList .pointTxt{font-size:clamp(16px, 1.6rem, 24px);color:#19a647}
.nhasset .assetListWrap .assetList .btn{width:110px;text-align:right}
.nhasset .assetListWrap .assetList .btn [class*="Btn"] + [class*="Btn"]{margin-left:3px}
.nhasset .assetListWrap .assetList .detailList{margin-top:10px}
.nhasset .assetListWrap .assetList .detailList > li{margin-top:10px}
.nhasset .assetListWrap .assetList .detailList .tit, .nhasset .assetListWrap .assetList .detailList .value{font-size:clamp(13px, 1.3rem, 19.5px);font-weight:normal}
.nhasset .assetListWrap .assetList .detailList .value strong{font-weight:normal}
.nhasset .assetListWrap .assetList .imgWrap[class*="icoEtcAsset"]{display:inline-block;position:relative;width:32px;height:32px;margin:0 3px 0 0;border-radius:50%;border:1px solid #f3f3f3;vertical-align:middle}
.nhasset .assetListWrap .assetList .imgWrap[class*="icoEtcAsset"]:before{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;background-size:57% auto}
.nhasset .assetListWrap .assetList .imgWrap.icoEtcAsset01:before,.nhasset .assetListWrap .assetList .imgWrap.icoEtcAsset02:before{background-size:70% auto}

.nhasset .wmVisualArea{margin-top:20px;padding:23px 20px 28px 20px;border-radius:10px;background-color:#fff;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .wmVisualArea .defTit{margin-top:0;line-height:1.6;text-align:center;font-size:clamp(16px,1.6rem,24px)}
.nhasset .wmVisualArea .defTit strong{font-size:clamp(20px,2rem,30px);font-weight:900;color:#0c419a;text-align:center}
.nhasset .wmVisualArea p{color:#000;text-align:center}
.nhasset .wmVisualArea .imgWrap{margin:23px 0 0 0;padding:23px 20px;background-color:#f8f8f8;border-radius:10px}
.nhasset .wmVisualArea .imgWrap img{width:100%}
.nhasset .boxTypeWrap.wmRange{padding-bottom:5px}
.nhasset .wmRange .wmRangeList > li{padding:20px 0}
.nhasset .wmRange .wmRangeList > li + li{border-top:solid 1px #ebebeb}
.nhasset .wmRange .wmRangeList > li .box{height:100%;padding:0px 0 0px 44px;background-repeat:no-repeat;background-position:left 3px;background-size:32px auto}
.nhasset .wmRange .wmRangeList > li .box p{margin-top:3px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .wmRange .wmRangeList > li:nth-child(1) .box{background-image:url(../images/img_wm01.png)}
.nhasset .wmRange .wmRangeList > li:nth-child(2) .box{background-image:url(../images/img_wm02.png)}
.nhasset .wmRange .wmRangeList > li:nth-child(3) .box{background-image:url(../images/img_wm03.png)}
.nhasset .wmRange .wmRangeList > li:nth-child(4) .box{background-image:url(../images/img_wm04.png)}

.nhasset .wmRange ul.wmRangeList.wmInfoList > li:nth-child(1) .box{background-image:url(../images/img_wm04.png)}
.nhasset .wmRange ul.wmRangeList.wmInfoList > li:nth-child(2) .box{background-image:url(../images/img_wm03.png)}
.nhasset .wmRange ul.wmRangeList.wmInfoList > li:nth-child(3) .box{background-image:url(../images/img_wm02.png)}

.nhasset .fpPopWrap{padding:28px 0;margin:0 16px;color:#666;text-align:center;border-radius:10px;background-color:#f3f3f3}
.nhasset .fpPopWrap .Title strong{font-size:clamp(16px,1.6rem,24px);display:block;color:#111;margin-bottom:10px}
.nhasset .fpInfoWrap .fpTitWrap .accTit{font-weight:bold;display:block}
.nhasset .fpInfoWrap .fpTitWrap .accContNum{color:#888;font-size:clamp(12px,1.2rem,18px)}
.nhasset .fpInfoWrap .totalAccount{margin-top:23px;border-radius:6px;background:#f8f8f8;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.nhasset .fpInfoWrap .totalAccount .title{color:#666;font-weight:bold}
.nhasset .fpInfoWrap .totalAccount .accValue .dataValue,
.nhasset .fpInfoWrap .totalAccount .accValue .won{font-weight:900}

.nhasset .accountItemWrap li .accountItem{width:100%;margin-top:20px}
.nhasset .accountItemWrap li .accountItem .boxTypeWrap{margin-top:0}
.nhasset .accountItemWrap li .accountItem .boxTypeWrap.active{border:1px solid #19a647}

.nhasset .agencyDetailList.accItemList > li > a{display:flex;align-items:center;margin:14px 0}
.nhasset .agencyDetailList.accItemList > li > a:first-child{margin-top:5px}
.nhasset .agencyDetailList.accItemList > li > a:last-child{margin-bottom:5px}
.nhasset .agencyDetailList.accItemList > li > a .imgWrap{width:32px;margin-right:8px}
.nhasset .agencyDetailList.accItemList > li > a .addTxt{display:block;color:#3674bc;font-size:clamp(12px,1.2rem,18px)}

.nhasset .accTopItemList h2,
.nhasset .accontfpWrap h2{font-size:clamp(16px,1.6rem,24px)}
.nhasset .accTopItemList .cont{margin-top:14px;display:flex;align-items:center;margin-bottom:5px}
.nhasset .accTopItemList .cont span{display:block}
.nhasset .accontfpList li{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.nhasset .accontfpList li .left .title{display:block}
.nhasset .accontfpList li .left .accountName,
.nhasset .accTopItemList .cont .addTxt{margin-top:4px;color:#888;font-size:clamp(12px,1.2rem,18px)}
.nhasset .accontfpList li ~ li{border-top:1px solid #ebebeb}
.nhasset .accontfpList .contBtn01{line-height:25px;flex-shrink:0}

.nhasset .withdrawList .title{font-size:clamp(14px,1.4rem,21px);padding-left:0;text-align:left}
.nhasset .withdrawList .accNum{color:#888;font-size:clamp(12px,1.2rem,18px);font-weight:normal;margin-top:4px}
.nhasset .pickList input[type="checkbox"]:checked + label .withdrawList .accNum{color:#19a647}

/* 입출금리스트 */
.nhasset .inoutListWrap .amount{flex-shrink:0}
.nhasset .listNone {padding-top:0;margin:35px 0;text-align:center;background:none;color:#666}/* 거래내역이 없을 경우 */
.nhasset .listNone:not(.feed):not(.mission):not(#emptyDup) {padding-top:56px;background:url('../images/icon_nodata.png') no-repeat center top;background-size:32px auto;color:#666;} /* [MD2409_072] */
.nhasset .inoutListWrap{}
.nhasset .inoutListWrap .date{margin-left:-20px;margin-right:-20px;padding:24px 20px 0px;border-top:1px solid #e1e1e1;color:#666;font-size:clamp(12px, 1.2rem, 18px);font-weight:bold}
.nhasset .inoutListWrap .inoutListInn.bdtNone .date{border-top:none}
.nhasset .inoutListWrap .inoutList > li{width:100%;padding:22px 0 25px;border-top:1px solid #e1e1e1}
.nhasset .inoutListWrap .inoutList > li:first-child{border-top:0}
.nhasset .inoutListWrap .inoutList > li a.link{display:block}
.nhasset .inoutListWrap .inoutTit{display:flex;justify-content:space-between;font-weight:bold} 
.nhasset .inoutListWrap .inoutTit .use{padding-right:10px;letter-spacing:-0.5px}
.nhasset .inoutListWrap .inoutTit .listSub{color:#666;font-weight:normal}
.nhasset .inoutListWrap .inoutTit .amount .dataValue{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold} /* [2022-10-13] 사보현 :폰트사이즈 수정 */
.nhasset .inoutListWrap .inoutTit .amount .txt,.nhasset .inoutListWrap .inoutTit .amount .won{font-size:clamp(14px, 1.4rem, 21px)} /* [2022-10-13] 사보현 :폰트사이즈 수정 */
.nhasset .inoutListWrap .inoutTit .cancel{color:#aaa;text-decoration:line-through}
.nhasset .inoutListWrap .inoutCont{display:flex;justify-content:space-between;align-items:center;width:100%;color:#666}
.nhasset .inoutListWrap .inoutCont + .inoutCont{margin-top:4px}
.nhasset .inoutListWrap .inoutCont .cardNum, .nhasset .inoutListWrap .inoutCont .payment{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .inoutListWrap .inoutCont .timeWrap > span{display:inline-block;margin-right:6px;margin-top:4px}
.nhasset .inoutListWrap .inoutCont .timeWrap .tag{margin:0}
.nhasset .inoutListWrap .inoutCont .totalAmount, .nhasset .inoutListWrap .inoutCont .payment{text-align:right}
.nhasset .inoutListWrap .inoutCont .cardNum{text-align:left}
.nhasset .inoutListWrap .inoutCont .timeWrap{font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .inoutListWrap .inoutCont .totalAmount{/*vertical-align:top*/}/* 계좌 상세정렬로 주석처리함 이원익(다른곳이랑 겹치면 알려주세요) */
.nhasset .inoutListWrap.invList .inoutCont ~ .totalAmount{line-height:1.5}
.nhasset .inoutListWrap .inoutCont .totalAmount .dataValue{font-weight:normal}
.nhasset .inoutListWrap .inoutCont .totalAmount .age{vertical-align:initial}
.nhasset .inoutListWrap .inoutCont .totalAmount .txt{vertical-align:middle}
.nhasset .inoutListWrap .exchange{color:#888;font-size:clamp(12px, 1.2rem, 18px);text-align:right}
/* 에러문구 나오는 경우 */
.nhasset .inoutListWrap .errorTxt{background:none;text-align:right;margin-top:7px}
.nhasset .popCont .inoutListWrap{margin-top:0}
.nhasset .popCont .inoutListWrap .inoutListInn:first-child{padding-top:0;border-top:0}

/* 입출금 리스트 - 타이틀 한줄일 경우 */
.nhasset .inoutListWrap.longTit .inoutTit{display:block;height:21px;line-height:21px;font-size:clamp(14px, 1.4rem, 21px);font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nhasset .noAgree{color:#666}
.nhasset .inoutListWrap.longTit .inoutCont .amount{font-weight:900;font-size:clamp(14px, 1.4rem, 21px);text-align:right} /* [2022-10-13] 사보현 :폰트사이즈 수정 */
.nhasset .inoutListWrap.longTit .inoutCont .amount .dataValue{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold;font-family:"NotoNum"} /* [2022-10-13] 사보현 :폰트사이즈 수정 */
.nhasset .inoutListWrap.longTit .totalAmount{flex-shrink:0;text-align:right}
.nhasset .inoutListWrap.longTit .totalAmount .txt, 
.nhasset .inoutListWrap.longTit .totalAmount .dataValue, 
.nhasset .inoutListWrap.longTit .totalAmount .won{font-weight:normal;color:#666;font-size:clamp(12px, 1.2rem, 18px);color:#999}
.nhasset .inoutListWrap.longTit .inoutCont .timeWrap{display:flex;flex-wrap:wrap;align-items:center}
.nhasset .inoutListWrap.longTit .inoutCont .timeWrap.ty01{margin-top:5px}
.nhasset .inoutListWrap.longTit .inoutCont .timeWrap .tag{margin:0 0 0 2px}
.nhasset .inoutListWrap.longTit .inoutCont .amount{flex-shrink:0}
.nhasset .inoutListWrap.longTit .amountWrap{align-items:center}
.nhasset .inoutListWrap.longTit .amountWrap .category{font-size:clamp(12px,1.2rem,18px);color:#999;margin-right:0}
.nhasset .inoutListWrap.longTit .amountWrap .category:after{display:none}

/* 입출금 리스트 - 서브 텍스트 있는 경우 */
.nhasset .inoutListWrap.etcType .inoutCont{margin-top:0}
.nhasset .inoutListWrap.etcType .inoutCont .exchange{display:table-cell;vertical-align:middle}
.nhasset .inoutListWrap.etcType .totalAmount{color:#666;text-align:right;font-size:clamp(13px, 1.3rem, 19.5px)}

/* 투자정보 리스트 추가 */
.nhasset .inoutListWrap.invList .totalAmount{text-align:right;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;line-height:16px}
.nhasset .inoutListWrap.invList .totalAmount .dataValue,
.nhasset .inoutListWrap.invList .totalAmount .won{vertical-align:inherit;font-weight:normal}
.nhasset .inoutListWrap.invList .inoutTit{align-items:flex-end}
.nhasset .inoutListWrap.invList .listTit{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold}
/* .nhasset .inoutListWrap.invList .listSub{color:#666} */
.nhasset .inoutListWrap.invList .dataTit{flex-shrink:0;text-align:right;font-size:clamp(12px, 1.2rem, 18px);color:#888;font-weight:normal}
.nhasset .inoutListWrap.invList .inoutCont{align-items:flex-start}
.nhasset .inoutListWrap.invList .inoutCont.alc{align-items:center}
.nhasset .inoutListWrap.invList .inoutCont.alc .timeWrap > span{margin:0}
.nhasset .inoutListWrap.invList .inoutCont.alc .amount{padding:0}
.nhasset .inoutListWrap.invList .inoutCont.txR .amount{margin-left:auto}
.nhasset .inoutListWrap.invList .inoutCont .timeWrap{vertical-align:middle}
.nhasset .inoutListWrap.invList .inoutCont .amount{font-size:clamp(15px, 1.5rem, 22.5px);padding-bottom:4px}
.nhasset .inoutListWrap.invList .inoutCont .dataValue{font-family:"NotoNum"}
.nhasset .inoutListWrap.invList .inoutCont .won{font-weight:900}
.nhasset .inoutListWrap.invList .exchange{font-size:clamp(13px, 1.3rem, 19.5px);color:#666;text-align:right}
.nhasset .inoutListWrap .amountWrap{display:flex;justify-content:space-between;align-items:center;padding-top:2px}
.nhasset .inoutListWrap .amountWrap .totalAcc{flex-shrink:1;padding-right:6px;font-size:clamp(13px, 1.3rem, 19.5px);color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhasset .inoutListWrap.invList .inoutListInn .inoutList .inoutCont ~ .totalAmount{line-height:inherit}
.nhasset .inoutListWrap .istLogItem{display:flex}
.nhasset .inoutListWrap .istLogItem .imgWrap{margin-top:24px;width:40px;/*margin-right:10px*/} /* [22-11-21] 한은정 기관로고 공통 수정 */
/* .nhasset .inoutListWrap .istLogItem .imgWrap:before{margin-left:4px} */
.nhasset .inoutListWrap .istLogItem .itemTxt{flex:1}
.nhasset .inoutListWrap .istLogItem .inoutCont + .totalAmount{margin-top:-17px}
.nhasset .inoutListWrap .istLogItem .timeWrap .acctNum,
.nhasset .inoutListWrap .istLogItem .timeWrap .acctName,
.nhasset .inoutListWrap .istLogItem .accContArea .acctNum{font-size:clamp(12px, 1.2rem, 18px);color:#999;display:block}
.nhasset .inoutListWrap .istLogItem .timeWrap .acctName{margin-top:3px}
.nhasset .inoutListWrap .inoutCont .timeWrap.itmes .acctNum{display:block !important}
.nhasset .inoutListWrap .istLogItem .accContArea{display:flex;align-items:flex-start;justify-content:space-between}
.nhasset .inoutListWrap .istLogItem .accContArea .accContNum{margin-left:auto}
.nhasset .inoutListWrap .istLogItem .accContArea .totalAmount{line-height:1.5}

/* 카테고리 icon 있는 케이스 */
.nhasset .inoutListWrap li div.isCategory{display:flex;align-items:center}
.nhasset .inoutListWrap li div.isCategory .imgWrap{flex:none;width:32px;height:32px;margin-right:8px}
.nhasset .inoutListWrap li div.isCategory .imgWrap .img{width:32px;height:32px}
.nhasset .inoutListWrap li div.isCategory .textWrap{flex:none;width:calc(100% - 40px)}
.nhasset .inoutListWrap li div.isCategory .inoutCont .timeWrap .time {display:inline-flex;}
.nhasset .inoutListWrap li div.isCategory .inoutCont .timeWrap .tit{overflow:hidden;margin-top:0;text-overflow:ellipsis;white-space:nowrap;width:105px;background-position:0% 60%;}/*소비 글자 넘침때문에 추가*/

.nhasset .statusWrap{margin:25px -20px 20px;padding:0 20px;height:50px;line-height:50px;overflow:hidden;font-size:clamp(15px, 1.5rem, 22.5px);color:#111;background-color:#f0f2f4}
.nhasset .statusWrap a{display:block;height:100%;background:url('../images/arr_right03.png') no-repeat right center /7px 11px}
.nhasset .statusWrap .statusTit{float:left}
.nhasset .statusWrap .statusVal{float:right;text-align:right}
.nhasset .statusWrap .link .statusVal{padding-right:15px}

.nhasset .obAseetlist .boxTypeWrap.active{border:2px solid #19a647}

/* 토탈 카운트 */
.nhasset .totalCnt{overflow:hidden;margin-top:25px;padding-bottom:10px;font-size:clamp(14px, 1.4rem, 21px);font-weight:bold;border-bottom:1px solid #e1e1e1}
.nhasset .totalCnt strong{color:#19a647;font-weight:normal}
.nhasset .totalCnt .viewMore{float:right;padding-right:10px;background:url('../images/arr_right01.png') no-repeat right center;background-size:6px 10px;color:#888888;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .totalCnt.totalTitWrap.typeB{background-color:#f0fbf7}
.nhasset .totalCnt.totalTitWrap{display:inherit !important;border-bottom:none !important}
.nhasset .totalCnt + .srchResult.ty01{margin:0}
.nhasset .totalCnt + .srchResult.ty01 ul{margin:0}
.nhasset .totalCnt + .srchResult.ty01 ul li{padding:0}
/* 계좌 리스트 */
.nhasset .totalTitWrap{display:flex;justify-content:space-between;width:100%}
.nhasset .totalTitWrap .totalTit, .nhasset .totalTitWrap .dataValue, .totalTitWrap .won{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .totalTitWrap .amount .dataValue, .nhasset .totalTitWrap .amount .won{font-size:clamp(13px, 1.3rem, 19.5px);font-weight:600}
.nhasset .totalTitWrap .cnt{margin-left:4px;font-weight:normal;color:#666}
.nhasset .totalTitWrap .totalAmnt{flex-shrink:0;text-align:right}
.nhasset .totalTitWrap[class*='type']{margin:0 -20px;padding:20px;width:auto}
.nhasset .totalTitWrap[class*='type'] .totalTit{font-weight:bold}
.nhasset .totalTitWrap[class*='type'] .totalTit,
.nhasset .totalTitWrap[class*='type'] .totalAmnt{color:#fff}
.nhasset .totalTitWrap.typeG{background-color:#03a478}
.nhasset .totalTitWrap.typeB{background-color:#32a2af}
.nhasset .totalTitWrap.typeDb{background-color:#4780c3}
.nhasset .accListWrap{margin:25px -20px 0;padding:0 20px}
.nhasset .totalAccList > li{padding-top:16px}
.nhasset .assetTotalList .accList > li .imgWrap[class*="icoEtcAsset"]:before{background-size:68% auto}
.nhasset .accList > li{display:flex;align-items:center;width:100%;padding:28px 0 30px;border-top:1px solid #e1e1e1}
.nhasset .accList > li:first-child{border-top:0}
.nhasset .accList > li .imgWrap{flex-shrink:0;width:32px;margin:auto 8px auto 0} /* [2022-11-28] 사보현 :width, margin 값 수정 */
.nhasset .accList > li .imgWrap+.accInfoWrap{width:calc(100% - 44px)}
.nhasset .accList > li .imgWrap+.accInfoWrap .titArea{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nhasset .accList > li .imgWrap+.accInfoWrap .titArea .coinUnit{font-size:clamp(12px,1.2rem,18px);color:#888;padding-left:8px}
.nhasset .accList > li .imgWrap+.accInfoWrap .titArea + .accNumWrap{margin-bottom:-10px}/*12.27 계좌 수정후 위치 수정*/
.nhasset .accList > li > a{display:flex;width:100%}
.nhasset .accList > li.dsfNone,
.nhasset .accList > li.dsfNone > a{display:block}
.nhasset .accList > li.dsfNone .accTit{display:flex}
.nhasset .accList > li.dsfNone .accCont{width:100%}
.nhasset .accList > li.dsfNone .detailList{padding-top:20px;border-top:1px solid #ebebeb;margin:20px -16px 0} 
.nhasset .accList > li.dsfNone .detailList li{border:none;padding:0 20px}

.nhasset .boxTypeWrap .totalTitWrap + .accList{border-bottom:0;margin-bottom:0}
/* 링크 화살표가 있는경우 */
.nhasset .accList > li > a.link{display:block;padding-right:14px;background:url(../images/btn_tabRight_on.png) no-repeat 100% 50%;background-size:6px 10.5px}
.nhasset .accList > li > a.link .accTit{color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nhasset .accList > li > a.link .accInfoWrap .accInfo{margin-top:0}


.nhasset .totalAccList .totalAcc{display:flex;justify-content:space-between;padding-bottom:10px;font-size:clamp(13px, 1.3rem, 19.5px);color:#888}
.nhasset .totalAccList .totalAcc.garyBox{margin-top:12px;background-color:#f8f8f8;border-radius:6px;padding:18px 20px;display:flex;justify-content:space-between}
.nhasset .totalAccList .totalAcc.garyBox .dataValue,
.nhasset .totalAccList .totalAcc.garyBox .won{font-weight:900;color:#000}
.nhasset .accTit{color:#000}
.nhasset .totalAccList .accList > li .accInfoWrap .accInfo .accValue .dataValue, 
.nhasset .totalAccList .accList > li .accInfoWrap .accInfo .accValue .won{font-weight:600;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .totalAccList .accList > li .accInfoWrap .accInfo .accValue.off{color:#888}
.nhasset .beadangArea .accList > li .accInfoWrap .accInfo .accValue .dataValue,
.nhasset .beadangArea .accList > li .accInfoWrap .accInfo .accValue .won{font-weight:900}
.nhasset .beadangArea + .listMoreBtn{margin-top:8px;margin-bottom:28px}
.nhasset .beadangArea .beadangItem{display:flex}
.nhasset .beadangArea > li:not(:first-child){border-top:1px solid #e1e1e1;}
.nhasset .beadangArea .accList > li > a, .nhasset .beadangArea .accList > li > .inbox {display:block;width:100%} /* [접근성_2024] a 태그 변경 */
.nhasset .beadangArea .accList > li ~ li a .totalAcc , .nhasset .beadangArea .accList > li ~ li .inbox .totalAcc{margin-top:0} 
.nhasset .beadangArea .accList > li > a .totalAcc, .nhasset .beadangArea .accList > li > .inbox .totalAcc{margin-top:12px}
.nhasset .beadangArea .accList > li.dsfNone,
.nhasset .beadangArea .accList > li.dsfNone > a{display:block}
.nhasset .beadangArea .accList > li.dsfNone .accTit{display:flex}
.nhasset .beadangArea .accList > li.dsfNone .accCont{width:100%}
.nhasset .beadangArea .accList > li.dsfNone .detailList{padding-top:20px;border-top:1px solid #ebebeb;margin:20px -16px 0} 
.nhasset .beadangArea .accList > li.dsfNone .detailList li{border:none;padding:0 20px}


.nhasset .totalAccList .titArea{display:flex;align-items:center}
.nhasset .totalAccList .accTit, .nhasset .etcListToggle .accTit{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nhasset .totalAccList .accInfoWrap{width:calc(100% - 44px)}
.nhasset .totalAccList{}
.nhasset .totalAccList .listSwiperInv{overflow:hidden;height:auto !important}
.nhasset .totalAccList li{overflow:hidden;height:auto !important}
.nhasset .totalAccList li .swiper-slide{overflow:hidden;height:auto !important}

.nhasset .totalAccList .swiper-wrapper{}

.nhasset .totalAccList .imgWrap{margin-top:5px}
.nhasset .totalAccList .accList > li .accInfoWrap .accInfo{margin-top:4px}
.nhasset .totalAccList .accList:last-child{border-bottom:none}
.nhasset .totalSort{display:inline-block;border:solid 1px #ebebeb;border-radius:5px;overflow:hidden;background-color:#f8f8f8}
.nhasset .totalSort .swiper-pagination-bullet{position:relative;padding-right:10px;margin:0;width:auto;height:auto;background:none;color:#666;opacity:1;font-size:clamp(13px, 1.3rem, 19.5px);padding:6px 12px;border-radius:5px}
.nhasset .totalSort .swiper-pagination-bullet-active{background-color:#19a647;color:#fff}
.nhasset .totalSort a:nth-last-of-type(1):after{content:none}
.nhasset .totalSort + .tSbtn,
.nhasset .totalSort.addTolTip + .tooltipWrap + .tSbtn{position:absolute ;right:0;margin-top:7px}
.nhasset .totalSort.addTolTip + .tooltipWrap{margin-left:6px;vertical-align:top;margin-top:6px}
.nhasset .totalSort.addTolTip + .tooltipWrap .tooltipCont{left:0}
.nhasset .tSaddTxt .stockico,
.nhasset .tSaddTxt .stockTit{color:#666;position:relative;margin-top:6px ;display:block;line-height:32px}
.nhasset .tSaddTxt .stockico:after{content:'';display:none;position:absolute;right:0;width:32px;height:31.5px;background:url("../images/ico_gold_medal.png") no-repeat 100% 50%;background-size:32px 31.5px}
.nhasset .tSaddTxt .txt{/*margin-top:3px;*/color:#888;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .tSaddTxt  + .accList{margin-top:-10px}

.nhasset .mainAmount{font-size:clamp(13px, 1.3rem, 19.5px);text-align:right;font-weight:400;color:#666;white-space:nowrap;} /* [MD2403_018] 평가손익 개행 오류 수정 */
.nhasset .mainAmount .dataValue{font-weight:400}
.nhasset .mainAmount .amount.inColor, .nhasset .mainAmount .amount.outColor{font-weight:600}
.nhasset .mainAmount .amount strong{font-family:'NotoNum'}
.nhasset .totalDate{position:relative;display:block;font-weight:normal;font-size:clamp(13px, 1.3rem, 19.5px);color:#888}
.nhasset .totalDate .updateBtn{top:0}

.nhasset .popAsset{padding-bottom:6px}
.nhasset .popAsset .totalBalance dt strong{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .popAsset .popAssetTxt{margin-top:10px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .asTitWrap{justify-content:initial;align-items:center;background-color:#f0fbf7;width:auto;margin:-25px -20px 0;padding:28px 20px 24px}
.nhasset .asTitWrap .totalAmnt{margin-left:auto}
.nhasset .asTitWrap .chkWrap {position:relative;width:22px;margin-right:8px;margin-top:-18px}
.nhasset .asTitWrap .chkWrap input[type='checkbox']{position:absolute;margin-left:0}
.nhasset .asTitWrap .chkWrap input + label{position:absolute;left:0;width:21px;height:21px;margin-left:0}

.nhasset .totalAccList.asListWrap .totalAcc{margin-top:28px}
.nhasset .totalAccList.asListWrap .totalAcc .tit{color:#111;font-weight:600}
.nhasset .totalAccList.asListWrap li{padding-top:0}
.nhasset .totalAccList.asListWrap .accList{margin-top:0}
.nhasset .totalAccList.asListWrap .accList a{justify-content:space-between}

.nhasset .totalAccList.asListWrap .accList .AssInfoWrap{width:calc(100% - 40px);display:flex;align-items:center;justify-content:space-between}
.nhasset .totalAccList.asListWrap .accList .AssInfoWrap .AssTitWrap{}
.nhasset .totalAccList.asListWrap .accList .AssInfoWrap .AssTitWrap .accTit{white-space:normal;color:#666}
.nhasset .totalAccList.asListWrap .accList .AssInfoWrap .AssTitWrap .accValue{display:block;margin-top:4px}

/* 계좌 리스트 재정의 */
.nhasset .assetSumListWrap{margin-top:20px}
.nhasset .assetSumListWrap .assetSumList > li{padding:22px 20px 27px 20px;background-color:#fff;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16);border-radius:10px}
.nhasset .assetSumListWrap .assetSumList > li + li{margin-top:20px}
.nhasset .assetSumListWrap .assetSumList > li .assetSumSummary{display:flex;justify-content:space-between;font-size:clamp(16px,1.6rem,24px);margin-bottom:20px}
.nhasset .assetSumDetail > li{display:flex;overflow:hidden;justify-content:space-between;align-items:center}
.nhasset .assetSumDetail > li + li{margin-top:18px}
.nhasset .assetSumDetail > li > a{display:flex;flex:0 0 100%;overflow:hidden;justify-content:space-between;align-items:center}
.nhasset .assetSumDetail > li .imgWrap:before{margin-right:8px}
.nhasset .assetSumDetail > li .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;color:#666}
.nhasset .assetSumDetail > li .tit .unit{color:#666}
.nhasset .assetSumDetail > li .valueWrap{display:inline-flex;margin-left:16px}
.nhasset .assetSumDetail > li .value{white-space:nowrap;text-align:right}
.nhasset .assetSumDetail > li .value .unit{color:#666;padding-right:4px}
.nhasset .assetSumDetail > li .valueWrap{flex-direction:column;flex:0 0 auto}

.nhasset .assetSumDetail > li .tit .imgWrap{display:inline-block;min-height:32px}
.nhasset .imgWrap.moreAgency:after{content:'+';display:inline-block;position:absolute;left:32px;top:0;font-size:14px;color:#19a647;line-height:8px}

/*====================06.08 추가 시작*====================/

/*공통 요소*/
.nhasset .wrapTag span[class*=type][class*=radius4]{display:inline-block;margin-top:2px;border-radius:4px;padding:0 4px;height:auto;line-height:1.7; padding:0 4px;font-size:clamp(12px, 1.2rem, 18px)}

.nhasset  .popInner .popCont.contBg{background-color:transparent}/*레이어 풀팝업 흰색배경 제거*/
/*폰트간격*/
.letS01{letter-spacing:-1px}
/*공통 요소*/

/*예적금 상세 */
.nhasset .popIRP .caseListInn .agreeTit{border:none}
.nhasset .popIRP.openType .caseListInn .agreeTit{border:none; background-color:#f8f8f8;margin:-20px -20px 0;padding:22px 20px 20px}
.nhasset .popIRP.openType .caseListInn .toggleCont{background-color:#fff;padding-left:0;padding-right:0} 
.nhasset .popIRP.openType .listMoreBtn.bd_none{border:none}
.nhasset .tooltipWrap.w100 .tooltipCont{width:100% !important}/*계좌정보안에 툴팁 너비 수정*/
.nhasset .tooltipWrap.w98 .tooltipCont{width:calc(100% - 40px) !important}/*계좌정보안에 툴팁 너비 수정*/
.nhasset .etcInfo.toolType .tooltipWrap .tooltipCont{width:100% !important}/*툴팁 너비 수정*/
.nhasset .inoutList .inoutTit.dsfSpace{display:flex;justify-content:space-between;height:31px}

/*선불페이 상세*/
.nhasset .noDataBox .linkAreaWrap{display:flex}
.nhasset .noDataBox .linkAreaWrap a.link.arrWhite{background:none;padding-right:0}
.nhasset .noDataBox .linkAreaWrap a:nth-child(2){padding-left:10px}
.nhasset .noDataBox .linkAreaWrap a:nth-child(2).link.arrWhite:before{display:inline-block;margin-top:-2px;content:'';width:1px;height:13px;margin-right:10px;background-color:#fff;vertical-align:middle}

/*선불페이 상세팝업*/
.nhasset .popCont .defSubTit2.titMa16{margin:0 16px 10px}
.nhasset .popCont .wrapTblDefault.tblType{margin:20px 16px 0}

/*선불페이 상세 팝업 테이블 요소*/
[class^="wrapTbl"][class*="tblType"] th, [class^="wrapTbl"][class*="tblType"] td{border-top:1px solid #ebebeb}

/*부채*/
.nhasset .inoutListWrap .inoutList .inoutTit.dsf{display:flex;justify-content:space-between;align-items:center;height:2rem;line-height:2rem}
.nhasset .statusWrap.addTpye{margin-left:0;margin-right:0;border-radius:4px}

/*소비패턴*/
.fullRefreshWrap.upadateType{background-color:#fff}
/*tab 버튼 스타일*/
.nhasset .filterTab.squareType{border-radius:4px;background-color:#f8f8f8;border:1px solid #ebebeb}
.nhasset .filterTab.squareType button{min-height:28px;padding:0 10px;line-height:2;border-radius:4px;color:#222;background-color:#f8f8f8}
.nhasset .filterTab.squareType + .filterSelect button,
.nhasset .filterselWrap .filterSelect button{position:relative;padding-right:0;background:none;margin-right:20px}
.nhasset .filterTab.squareType + .filterSelect button:after,
.nhasset .filterselWrap .filterSelect button:after{position:absolute;/*margin-right:20px;*/top:40%;content:"";display:inline-block;width:10px;height:10px;margin-left:8px;background:url(../images/arr_down02.png) no-repeat 100% 50%;background-size:10px 10px;font-size:clamp(14px,1.4rem,21px )}

@media screen and (max-width:360px){
	.nhasset .filterTab button{padding:0 4px !important;letter-spacing:-0.5px}

}
@media screen and (max-width:320px){
	.nhasset .filterTab button{padding:0 4px !important;letter-spacing:-1px}

}

.nhasset .boxTypeWrap.addType .cardRecommWrap{margin-top:0;padding-top:0;padding-bottom:0;background-color:#fff}
.nhasset .boxTypeWrap.addType .cardBox{border-radius:0;box-shadow:none}
.nhasset .boxTypeWrap.addType .cardBox a{padding:0;padding-bottom:20px}
.nhasset .boxTypeWrap.addType .cardBox .cateWrap .cate{border-radius:4px} 
.nhasset .boxTypeWrap.addType .disagree{border-top:1px solid #efefef}
.nhasset .boxTypeWrap.addType .disagree p + .linkTxt{float:right;margin-top:0}

.nhasset .boxTypeWrap.addType .briefItem{margin-bottom:0}
.nhasset .boxTypeWrap.addType .briefItem[class*="type"]{background-color:#fff;box-shadow:none;padding:6px 0 0}
.nhasset .boxTypeWrap.addType .briefItem[class*="type"]:before,
.nhasset .boxTypeWrap.addType .briefItem[class*="type"]:after,
.nhasset .boxTypeWrap.addType .briefTxt p{background-image:none}
.nhasset .boxTypeWrap.addType .briefItem[class*="type"] .briefGraph{border-radius:none}
.nhasset .boxTypeWrap.addType .briefItem[class*="type"] .briefGraph .graphWrap{background-color:#f6f6f6 !important}/*임시*/
.nhasset .boxTypeWrap.addType .briefItem[class*="type"] .briefTit{margin-left:0;font-weight:700;line-height:1.4}
.nhasset .boxTypeWrap.addType .briefItem[class*="type"] .briefTit [class*="icoCate"]{margin:-16px 0 0}
.nhasset .boxTypeWrap.addType .briefItem[class*="type"] [class*="icoCate"] .img{border:0}
.nhasset .boxTypeWrap.addType .briefTxt{padding-left:0;margin-top:10px}
.nhasset .boxTypeWrap.addType .briefTxt p{margin-left:-17px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .boxTypeWrap.addType .briefTxt .underLine,
.nhasset .boxTypeWrap.addType .briefTxt [role="text"]{color:#111}
.nhasset .boxTypeWrap.addType .briefItem .legendList{padding:0}
.nhasset .boxTypeWrap.addType .briefItem .titNum{margin-bottom:10px}

.nhasset .noDataBox.addType{background-color:#fff;padding:0;color:#666}

.nhasset .boxTypeWrap.addType .graphBorder{border:none;border-radius:0;padding:0}
.nhasset .boxTypeWrap.addType .graphBorder .date{color:#111;margin:0 0 15px;text-align:left}
.nhasset .boxTypeWrap.addType .graphBorder .legendList{padding:0;background-color:#fff}

.nhasset .boxTypeWrap .sampleTxt.textLeft{text-align:left;padding:0 20px}
.nhasset .boxTypeWrap .sampleTxt.textLeft + .btnLink{margin-right:20px;text-align:right}
.nhasset .boxTypeWrap + .tit.boxTit{font-size:clamp(20px, 2.0rem,30px);margin-bottom:-4px}

/*탑 랭킹*/
.nhasset .boxTypeWrap .rankingListWrap [class*="icoCate"]{margin-left:4px}
.nhasset .boxTypeWrap .topRanking [class*="icoCate"]{right:7px}
.nhasset .boxTypeWrap .topRanking [class*="icoCate"] .img,
.nhasset .boxTypeWrap .rankingListWrap [class*="icoCate"] .img{background-color:transparent;border:none}

/*카테고리 상세 상단*/
.nhasset .contBg .totalBalance.bigSize{margin-top:0}
.nhasset .totalBalance .bigTxt.type01 strong{font-size:clamp(26px,2.6rem,39.5px);line-height:initial}
.nhasset .totalBalance .smallTxt span{color:#666;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .totalBalance .smallTxt .barTxt:before{color:#666;height:12px;margin-top:-7px}
.nhasset .boxTypeWrap .inoutList.addType [class*="icoCate"] .img{border:none}
.nhasset .boxTypeWrap .inoutList.addType .textWrap .dataValue{font-weight:700 !important}

.nhasset .dt.filterselWrap{margin-bottom:18px}
.nhasset .dt.filterselWrap .btnSelec{position:relative;min-width:auto;padding-left:0; padding-right:0;font-size:clamp(14px,1.4rem,21px );font-weight:700;vertical-align:0;color:#111;border-bottom:1px solid #000;background:none}
.nhasset .dt.filterselWrap .btnSelec:after{position:absolute;margin-right:20px;top:40%;content:"";display:inline-block;width:10px;height:10px;margin-left:8px;background:url(../images/arr_down02.png) no-repeat 100% 50%;background-size:10px 10px;font-size:clamp(14px,1.4rem,21px )}
.nhasset .boxTypeWrap .listNone,
.nhasset .popIRP + .listNone,
.nhasset .accList .listNone,
.nhasset .listNoneArea .listNone{text-align:center;color:#666;margin-top:50px}
/* .nhasset .listNoneArea .listNone{background:url('../images/icon_nodata.png')no-repeat center top;background-size:32px;text-align:center;padding-top:56px;color:#666;margin-top:50px} */
.nhasset .boxTypeWrap .listNone p{color: #666}
.nhasset .accList .listNone{width:100%}

/*미분류 소비*/
.nhasset .filterselWrap + .totalBalance .defTxt{font-size:clamp(14px,1.4rem,32px )}
.nhasset .filterselWrap + .totalBalance .defTxt strong{font-weight:bold;color:#111;font-size:clamp(16px,1.6rem,24px )}
.nhasset .filterselWrap + .totalBalance .subTxt2{font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .inoutList.type [class*="icoCate"] .img{border:none}
.nhasset .inoutList.type .dataValue{font-weight:700 !important}
.nhasset .inoutList.type .inoutTit .left{width:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nhasset .inoutList.type .inoutTit .left span{display:block}
.nhasset .inoutList.type .inoutTit .left .cal{color:#999;   font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .inoutList.type .inoutTit .left .cal em{margin-left:8px}
.nhasset .inoutListWrap .date.mr0{margin-left:0;margin-right:0;padding-left:0}

.nhasset .fullRefreshWrap.type01{background-color:transparent;margin-top:20px}
.nhasset .tit.boxTit{font-size:clamp(20px,2.0rem,40px)}
.nhasset .boxTypeWrap.addType .briefItem .legendTit strong{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .boxTypeWrap.addType .briefItem .legendTit .num{margin-left:10px;color:#999}
.nhasset .boxTypeWrap.addType .legendList li .legendTit:before{ margin:-3px 8px 0 0}
.nhasset .boxTypeWrap.addType .briefItem .briefGraph .graphTit{padding:0}
.nhasset .boxTypeWrap.addType .compareSpend{margin-top:30px;padding:20px;border:none;background-color:#fdf4ec}
.nhasset .boxTypeWrap.addType .compareSpend li{align-items:initial;color:#111;border-top:1px solid #ebebeb}
.nhasset .boxTypeWrap.addType .compareSpend li .dataValue,
.nhasset .boxTypeWrap.addType .compareSpend li .value{color:#000}
.nhasset .boxTypeWrap.addType .compareSpend li .subValue{color:#999}
.nhasset .boxTypeWrap.addType .briefItem .legendList.isCount .legendTit{width:auto}
.nhasset .boxTypeWrap.addType .briefItem .legendList.isCount .legendAmnt{width:auto}

/* 소비 앵커이동 */
.nhasset .billListWrap{margin-top:30px}
/* [MD2511_121] 자산사용관리 앵커영역 유격 삭제 */
.nhasset .billListWrap .billLisMenu{top:50px;background-color:#fff;margin:0 -20px;padding:0 20px;-webkit-transform:translateZ(0);overflow-x:scroll;padding-bottom:5px;-webkit-overflow-scrolling:touch}
.nhasset .billListWrap .billLisMenu::-webkit-scrollbar{display:none}
.nhasset .billListWrap .billLisMenu.likeSticky{position:fixed;width:calc(100% - 32px);-webkit-transform:translateZ(0)}

.nhasset .billListWrap .billLisMenu > ul{display:flex;flex-wrap:nowrap;position:relative;-webkit-transform:translateZ(0)}
.nhasset .billListWrap .billLisMenu > ul > li{margin-right:5px;white-space:nowrap}
.nhasset .billListWrap .billLisMenu > ul > li > a.btnBillMenu{border:solid 1px #ebebeb;border-radius:30px;color:#888;font-size:clamp(12px,1.2rem,18px);line-height:2.4;padding:0 15px}
.nhasset .billListWrap .billLisMenu > ul > li > a.btnBillMenu.active{border-color:#19a647;background-color:#19a647;color:#fff}
.nhasset .billListWrap .billLisMenu > ul > li.selected > a{ border-color:#19a647;background-color:#19a647 !important;color:#fff}
.nhasset .billListWrap .billLisMenu > ul:after{content:'';width:20px;height:20px;display:block;flex:0 0 15px}
.nhasset .billListWrap .billLisMenu.likeSticky + .billListCont{padding-top:36px}

.nhasset .billListWrap .billListCont .statusWrap{margin-top:11px;background-color:#f0fbf7}
.nhasset .billListWrap .billListCont .statusWrap .statusVal{color:#19a647}
.nhasset .billListWrap .billListCont .inoutListWrap .inoutList > li{padding:24px 0}
.nhasset .billListWrap .billListCont .inoutListWrap .inoutList > li .inoutDate{display:flex;justify-content:space-between;align-items:center}
.nhasset .billListWrap .billListCont .inoutListWrap .inoutList > li .inoutDate .date,
.nhasset .billListWrap .billListCont .inoutListWrap .inoutList > li .inoutDate .dataSubInfo{flex:1 1 auto;width:auto;font-size:clamp(12px,1.2rem,18px);color:#888;font-weight:normal}
.nhasset .billListWrap .billListCont .inoutListWrap .inoutList > li .inoutDate .dataSubInfo{text-align:right}



/*목표*/
.nhasset .totalBalance .defTxt.addType,
.nhasset .interestTit .defTxt.addType{font-size:clamp(20px, 2.0rem, 30px);color:#111;line-height:1.4}
.nhasset .purposeList .item li{background:transparent;padding:28px 0 25px}
.nhasset .purposeList.reachGoal + .reachGoal{border-top:1px solid #e1e1e1}
.nhasset .purposeList.reachGoal [class*="goaltag"]{position:absolute;top:28px;padding: 1px 7px 0;right:0;min-width:58px;min-height:24px;border-radius:4px;text-align:center;vertical-align:middle;box-sizing:border-box}
.nhasset .purposeList.reachGoal [class*="goaltag"] em{font-size:clamp(12px, 1.2rem, 18px);letter-spacing:-0.5px;line-height:1.8}
.nhasset .purposeList.reachGoal [class*="purposeCate"]{border:none}
.nhasset .purposeList.reachGoal [class*="purposeCate"] + .tit{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .purposeList.reachGoal .goaltagLabel01{background-color:#64caaa;color:#fff}
.nhasset .purposeList.reachGoal .goaltagLabel02{background-color:#f3f3f3;color:#222}
.nhasset .purposeList.reachGoal .purposeTitSub{margin-top:16px;margin-bottom:5px;font-size:clamp(14px, 1.4rem, 21px);font-weight:normal}
.nhasset .purposeList.reachGoal .recentResult{margin-top:8px;line-height:1;font-size:clamp(16px, 1.6rem, 24px);color:#111;font-weight:600;overflow:unset}
.nhasset .purposeList.reachGoal .recentResult .dataValue{font-size:clamp(26px, 2.6rem, 39px);font-weight:900;font-family:notoKR}
.nhasset .purposeList.reachGoal .goalResult{display:flex;margin-top:25px;padding-top:13px;border-top:1px solid #ebebeb;justify-content:space-between;align-items:center;font-size:clamp(12px, 1.2rem, 18px)}.nhasset .purposeList.reachGoal .goalResult .dDay{color:#999}
.nhasset .purposeList.reachGoal .goalResult .accConnect{position:initial;color:#999;   border-bottom:1px solid #999;opacity:1}

.listMoreBtn.noneLine{border:none;background-color:transparent;border-radius:0}
.listMoreBtn.noneLine a{color:#666}
.listMoreBtn.noneLine a:after{display:inline-block;content:'';width:12px;height:10px;margin-left:7px;background:url('../images/common/ico_arr_down.png') no-repeat 0 0;background-size:11px 7px}
.listMoreBtn.noneLine a.active:after{background-image:url('../images/common/ico_arr_up.png')}

.nhasset .interestTit .defTit.addType{font-size:clamp(20px, 2.0rem, 30px);font-weight:bold}
.nhasset .interestTit .defTit.addType span{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .interestTit .updateBtn.type03{color:#666;border:none;background-color:transparent;top:2px}
.nhasset .interestTit .updateBtn.type03:after{display:inline-block;content:'';margin:-4px 0 0 4px;background:no-repeat 0 50%;background-size:cover;vertical-align:middle;width:16px;height:13px;background-image:url('../images/ico_load_default.png')}
.nhasset .categoryWrap.heiAuto{height:auto !important}
.nhasset .categoryWrap.heiAuto .item{height:86px}
.nhasset .categoryWrap.heiAuto .item label{border-radius:6px;padding:14px 0;color:#000}
.nhasset .categoryWrap.heiAuto .item input:checked + label{padding:13px 0}
.nhasset .categoryWrap.heiAuto .item label img[src*="icoCate"]{width:32px;height:32px;margin:0 auto}

.nhasset .defTit.pickTit{margin-top:7px;margin-bottom:18px;font-size:clamp(16px, 1.6rem, 24px);font-weight:700}
.nhasset .peoplePick.mg0{margin:0}
.nhasset .pickList li{position:relative;display:flex;width:100%;margin-bottom:10px; flex-wrap:nowrap;justify-content:space-between;align-items:center}
.nhasset .pickList li .rdoCheck{display:flex;align-items:center;justify-content:flex-start}
.nhasset .pickList li .rdoCheck .pickCate{width:32px;height:32px;flex-shrink:0;overflow:hidden;display:inline-block;text-align:center;vertical-align:middle;border-radius:50%}
.nhasset .pickList li .rdoCheck .pickCate img{width:100%;height:100%}
.nhasset .pickList li .rdoCheck .txt{margin-left:12px}
.nhasset .pickList li .rdoCheck .txt em{display:block}
.nhasset .pickList li .rdoCheck .txt em.tit{font-size:clamp(14px, 1.4rem, 22px);color:#000;font-weight:bold}
.nhasset .pickList li .rdoCheck .txt em.sub{margin-top:4px}
.nhasset .pickList li .rdoCheck .txt em.val{margin-top:2px;font-size:clamp(15px, 1.5rem, 22.5px);color:#111;font-weight:900}
.nhasset .pickList li input[type="radio"]{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:100%;height:100%}
.nhasset .pickList li input[type="radio"] + label{position:relative;top:0;left:0;margin-left:0;width:100%;max-width:100%;min-height:104px;padding:20px 40px 20px 18px;font-size:clamp(12px, 1.2rem, 18px);color:#666;z-index:0;border-radius:6px;border:solid 1px #ebebeb}
.nhasset .pickList li input[type="radio"]:checked + label{padding:19px 39px 19px 17px;border:2px solid #19a647}
.nhasset .pickList li input[type="radio"] + label span{display:block}
.nhasset .pickList li input[type="radio"] + label:after{display:inline-block;content:" "; position:absolute;right:12px}
.nhasset .pickList li input[type="radio"]:checked + label:after{content:' ';display:inline-block;width:17px;height:9px;background:url('../images/ico_check_on.png') no-repeat;background-size:13px auto}

.nhasset .toptourText{display:flex;justify-content:space-between;margin-top:7px;margin-bottom:24px;color:#666;align-items:center}
.nhasset .toptourText .toptourImg{width:32px;height:32px;flex-shrink:0;overflow:hidden;display:inline-block;text-align:center;vertical-align:middle;border-radius:50%}
.nhasset .toptourText .toptourImg img{width:100%;height:100%;background-color:#f2f4f8;border-radius:50%}
.nhasset .toptourText strong{display:block;margin-bottom:4px;font-size:clamp(20px, 2.0rem, 30px);font-weight:900;color:#111}
.nhasset .toptourText + .resultList{border-top:1px solid #ebebeb}
.nhasset .toptourText + .resultList .detailList > li .tit{color:#666}
.nhasset .toptourText + .resultList .detailList + .infoTxt{margin-bottom:10px}
.nhasset .toptourText + .resultList .detailList > li.tooltipWrap.w98{margin-left:4px}
.nhasset .toptourText + .resultList .detailList > li.addTool{justify-content:flex-start !important}
.nhasset .toptourText + .resultList .detailList > li.addTool .value{margin-left:auto}

.nhasset .boxTypeWrap.addchallType .challTitWrap {padding-top:5px;border-top-left-radius:10px;border-top-right-radius:10px;align-items:center}
.nhasset .boxTypeWrap.addchallType .challTitWrap .challImg{margin-right:10px;width:32px;height:32px;flex-shrink:0;overflow:hidden;display:inline-block;text-align:center;vertical-align:middle;border-radius:50%}
.nhasset .boxTypeWrap.addchallType .challTitWrap .challImg img{width:100%;height:100%;background-color:#f2f4f8}
.nhasset .boxTypeWrap.addchallType .challTitWrap .tit{font-size:clamp(16px, 1.6rem, 24px);font-weight:600;margin-top:0;margin-left:0}
.nhasset .challformWrap{position:relative;margin-top:20px;padding:20px 20px 27px;background-color:#fff;box-shadow:0px 0px 10px 0.6px rgb(63 80 96 / 15%);border-radius:10px}
.nhasset .boxTypeWrap.addchallType .formWrap{margin-top:0}
.nhasset .boxTypeWrap.addchallType .formWrap > ul > li .formTit{margin-top:0;margin-bottom:10px;font-weight:bold}
.nhasset .boxTypeWrap.addchallType .formWrap > ul > li .formTit .inputVal{display:inline-block;width:initial}
.nhasset .boxTypeWrap.addchallType .formWrap > ul > li .formTit .subTxt{float:right}
.nhasset .boxTypeWrap.addchallType .formWrap > ul > li{margin-top:0;padding:25px 0; border-radius:0;box-shadow:initial}
.nhasset .boxTypeWrap.addchallType .formWrap li .formdsf{display:flex;justify-content:space-between;align-items:center}
.nhasset .boxTypeWrap.addchallType .formWrap li .link.arrGreen,
.nhasset .boxTypeWrap.addchallType .formWrap li .formdsf .inputVal{position:initial}
.nhasset .boxTypeWrap.addchallType .formWrap > ul > li + li,
.nhasset .boxTypeWrap .formWrap.overseaType > ul > li + li{border-top:1px solid #ebebeb}
.nhasset .boxTypeWrap .formWrap.bdh3{margin-top:-5px}
.nhasset .boxTypeWrap .formWrap.bdh3 > ul > li{border-top:none !important;padding-bottom:0}
.nhasset .boxTypeWrap .formWrap.bdh3 > ul > li:after{margin:25px -20px 0 -20px;content:" ";display:block;border-bottom:3px solid #ebebeb}
.nhasset .boxTypeWrap .formWrap.bdh3 > ul > li:nth-last-child(1):after{border-bottom:none}
.nhasset .boxTypeWrap .formWrap.bdh3 > ul > li.bdh1:after{margin:25px 0 0 0;content:" ";display:block;border-bottom:1px solid #ebebeb}
.nhasset .boxTypeWrap.addchallType li .errorTxt,
.nhasset .boxTypeWrap .calcArea .formWrap li .errorTxt,
.nhasset .overseaType .errorTxt{position:initial}
.nhasset .boxTypeWrap.addchallType .postIt{padding:25px;background-color:#f9f9f9;border-radius:6px;text-align:center}
.nhasset .boxTypeWrap.addchallType .postIt .date{font-size:clamp(13px, 1.3rem, 19.5px); color:#666}
.nhasset .boxTypeWrap.addchallType .postIt .value{display:block;font-weight:bold;color:#111;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .boxTypeWrap.addchallType .postIt .value em{color:#19a647;font-weight:bold}
.nhasset .boxTypeWrap.addchallType .psTitBox{margin:0 -20px;padding:0 20px 20px;border-bottom:1px solid #ebebeb;vertical-align:middle}
.nhasset .boxTypeWrap.addchallType .psTitBox .mainTit{color:#111;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .boxTypeWrap.addchallType .psTitBox .mainTit + .tag{margin:0 0 0 7px}

.nhasset .boxTypeWrap .formWrap.overseaType .formTit{margin-top:25px;margin-bottom:10px}
.nhasset .boxTypeWrap .formWrap.overseaType > ul > li{padding:27px 0}
.nhasset .boxTypeWrap .formWrap.overseaType{margin-top:-20px}
.nhasset .boxTypeWrap .formWrap.overseaType .boxRadio.rddsf{display:flex}
.nhasset .boxTypeWrap .formWrap.overseaType .boxRadio.rddsf .boxRadioInn:not(:first-child) span{margin-left:8px}

/*.nhasset .boxRadio input:checked + label{border-width:2px}*/
.nhasset .boxRadio input:checked + label:before{content:' ';display:inline-block;width:17px;height:9px;background:url('../images/ico_check_on.png') no-repeat;background-size:13px auto}
.nhasset .overseaType ul li{margin-top:0}
.nhasset .overseaType .boxRadio .boxRadioInn label{background-image:none}
.nhasset .overseaType .boxRadio .boxRadioInn{display:inline-block;width:50%}
.nhasset .overseaType .boxRadio .boxRadioInn span{margin-bottom:8px}
.nhasset .overseaType .boxRadio .boxRadioInn:nth-child(2n) span{margin-left:8px}
.nhasset .overseaType .boxRadio.rdoNone .boxRadioInn:nth-child(2n) span {margin-left:0}
.nhasset .overseaType .boxRadio .boxRadioInn + .boxRadioInn{padding-left:0}
.nhasset .overseaType .boxRadio.rdoNone .boxRadioInn{width:100%} 
.nhasset .overseaType .boxRadio.rdoNone .boxRadioInn label{padding-top:14px;background-image:none !important;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .overseaType .boxRadio.rdoNone .boxRadioInn label .img{margin:0 auto 5px; width:32px;height:32px}
.nhasset .overseaType .boxRadio.rdoNone .boxRadioInn label .img img{width:100%}
.nhasset .overseaType .boxRadio.rdoNone label span{display:inline-block}
.nhasset .overseaType .boxRadio.rdoNone input:checked + label{color:#19a647;font-weight:bold}
.nhasset .overseaType + .areaBodyBtnFull {margin-top:0 !important}
.nhasset .overseaType + .areaBodyBtnFull .btnBodyLine,
.nhasset .infoBox + .areaBodyBtnFull .btnBodyLine{border-radius:5px;border:1px solid #999}
.nhasset .areaBodyBtnFull .btnBodyLine{border-radius:5px;border:1px solid #999999}
.nhasset .tourCalResult .unitType{float:right}
.nhasset .tourCalResult .unitType strong{font-size:clamp(16px, 1.6rem, 24px);color:#19a647}
.nhasset .tourCalResult.foSt{background-color:transparent;margin-top:0; margin-left:-20px;margin-right:-20px}
.nhasset .tourCalResult.foSt h3{font-size:clamp(16px, 1.6rem, 24px);background-color:#f8f8f8;padding:20px;border-radius:6px}
.nhasset .tourCalResult.foSt .tooltipWrap.w98 .tooltipCont{margin-left:20px}
.nhasset .tourCalResult.foSt .infoTxt{margin-top:10px;color:#999}
.nhasset .tourGuide.bgNone{background-color:none;margin-left:-20px;margin-right:-20px;padding:0;margin-top:0 !important}
.nhasset .tourGuide.bgNone .toggleBtn{border-bottom:2px solid #000;padding-top:15px;padding-bottom:15px}
.nhasset .formWrap .infoBox.bdNone{border:none;margin:12px 0 0;background-color:#f8f8f8;padding:26px 20px;border-radius:6px}
.nhasset .formWrap .infoBox.bdNone .infotitWrap,
.nhasset .infoboxWrap .infotitWrap{display:flex;align-items:center;justify-content:space-between}
.nhasset .formWrap .infoBox.bdNone .tit,
.nhasset .infoboxWrap .infotitWrap .tit{font-size:clamp(16px, 1.6rem, 24px);/*width:calc(100% - 100px);*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nhasset .formWrap .infoBox.bdNone .detailList,
.nhasset .challTopWrap.bgNone .infoboxWrap .detailList {margin-top:25px;padding-top:25px;border-top:1px solid #ebebeb}
.nhasset .formWrap .infoBox.bdNone .detailList .tit{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .formWrap .infoBox.bdNone .detailList .value{color:#666;font-weight:500}
.nhasset .formWrap .infoBox.bdNone .aptTag,
.nhasset .infoboxWrap .infoBox .aptTag{margin-left:10px;flex-shrink:0;padding:2px 7px;border-radius:4px;background-color:#fff;border:1px solid #19a647;color:#19a647;font-size:clamp(12px, 1.2rem, 18px)}

.nhasset .btnAccDel{position:absolute;top:22px;right:0;width:15px;height:15px;background:url('../images/btn_accDel.png') no-repeat right top;background-size:11px 11px}
.nhasset .visualSubWrap.dsfWrap{display:flex;align-items:center}
.nhasset .visualSubWrap.dsfWrap .visualSub + p{margin-top:5px;margin-left:4px;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .visualSubWrap.dsfWrap .visualSub + p span{font-weight:600}
.nhasset .btndelType .btnAccDel{position:absolute;top:22px;right:0;width:16px;height:16px;background-image:url('../images/btn_input_close.png');background-position:10px cnetner;background-size:16px}
.nhasset .boxTypeWrap.pb28{padding-bottom:28px}
.nhasset .visualSubWrap .visualSub .tooltipCont{width:calc(100% - 32px) !important}

.nhasset .challTopWrap.bgNone{background-color:transparent;padding:0 20px;margin-top:-20px}
.nhasset .challTopWrap.bgNone .challTitWrap:after{display:none}
.nhasset .hashWrap.addBg{display:block;margin-top:15px}
.nhasset .hashWrap.addBg span{display:inline-block;background-color:#f8f8f8; color:#666;font-weight:bold;padding:4px 7px; font-size:clamp(12px, 1.2rem, 18px);border-radius:4px}
.nhasset .formWrap.btndelType + .areaBodyBtnFull{margin-top:0}
.nhasset .challTitWrap.noFlex{display:block} 
.nhasset .challTitWrap.noFlex .titsetWrap,
.nhasset .addchallType .titsetWrap{display:flex;margin-right:-30px;justify-content:space-between;align-items:center}
.nhasset .challTitWrap.noFlex .titsetWrap .left{font-size:clamp(20px,2rem,30px);font-weight:900}
.nhasset .challTitWrap.noFlex .titsetWrap .right .btnSet:before,
.nhasset .addchallType .titsetWrap .right .btnSet:before{display:inline-block;content:"";width:16px;height:17px;background:url(../images/ico_set.png) no-repeat  0 50%;background-size:16px 17px}
.nhasset .formWrap.btndelType .listIs .accList{border-bottom:none;margin-bottom:0}
.nhasset .formWrap.btndelType .listIs .posR .btnAccDel{position:unset;width:17px}

.nhasset .challTitWrap.noFlex .tit .challImg{width:32px;height:32px;overflow:hidden;display:inline-block;text-align:center;vertical-align:middle;border-radius:50%}
.nhasset .challTitWrap.noFlex .tit .challImg img{width:32px;height:32px;background-color:#f2f4f8}
.nhasset .challNowWrap.bgNone{box-shadow:none;padding:0}
.nhasset .boxTypeWrap .setWrap{margin-top:20px}
.nhasset .boxTypeWrap .setWrap button{border:1px solid #ebebeb;padding:0 10px;border-radius:14px;font-size:clamp(13px, 1.3rem, 19.5px);color:#222;line-height:28px}
.nhasset .boxTypeWrap .setWrap button:before{display:inline-block;content:"";margin-top:-3px;width:16px;height:17px; margin-right:5px;background:url(../images/ico_set.png) no-repeat  0 50%;background-size:16px 17px;vertical-align:middle}
.nhasset .goalgraphArea{position:relative;margin-top:89px}
.nhasset .goalgraphArea .graphBg{}
.nhasset .goalgraphArea .graphLimit{position:absolute; z-index:2;top:-63px;width:7.8rem;margin-left:-5rem;left:50%;padding:1px 0 2px;background-color:#fff;border:1px solid #577fe0;border-radius:4px;display:inline-block;color:#000;text-align:center;font-size:clamp(12px, 1.2rem, 18px) ;letter-spacing:-0.5px;line-height:24px}
.nhasset .goalgraphArea .graphLimit:after{position:absolute;top:35px;left:2.2rem;content:" ";display:block;width:44px;height:43px;background:url('../images/ico_graph_goal.png') no-repeat center center ;background-size:44px 43px}
.nhasset .goalgraphArea .roundArrow{position:absolute; top:24px;left:calc(50% - 4px)}
.nhasset .goalgraphArea .roundArrow:after{content:'';display:block;position:absolute;top:0;left:0;width:8px;height:8px; background:#fff;border-right:1px solid #577fe0;border-bottom:1px solid #577fe0;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}

.nhasset .challgraphWrap .challgrapPara{color:#666;display:flex;justify-content:center;align-items:center;margin-top:25px}
.nhasset .challgraphWrap .challgrapPara .emojiWrap{margin-left:9px}
.nhasset .emojiWrap{display:inline-block;margin:0 3px}
.nhasset .emojiWrap img{width:20px;display:block}

.nhasset .challTitWrap.bdBottom{border-bottom:1px solid #ebebeb;padding-bottom:28px}
.nhasset .graphValue{margin-top:20px}
.nhasset .graphValue ul li{padding:26px 0}
.nhasset .graphValue ul li:last-child{padding-bottom:8px}
.nhasset .graphValue ul li + li{border-top:1px solid #ebebeb}
.nhasset .graphValue ul li .date{display:block;color:#666;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .graphValue ul li .date strong{font-weight:normal}
.nhasset .graphValue ul li .dataValue{color:#111;margin-top:4px}
.nhasset .graphValue ul li .dataValue strong{color:#19a647;font-weight:700}
.nhasset .graphValue.bdBottom ul{border-bottom:1px solid #ebebeb}
.nhasset .graphValue.bdBottom ul li:last-child{padding-bottom:26px}

.nhasset .infoboxWrap{margin-top:25px}
.nhasset .infoboxWrap .defSubTit2{font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .infoboxWrap .infoBox{margin:20px 0 0;border-radius:6px}
.nhasset .infoboxWrap .infoBox + .infoBox{margin-top:20px}
.nhasset .infoboxWrap .infoBox .tit{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .infoboxWrap .infoBox .subTxt3{margin:3px 0 15px;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .infoboxWrap .infoBox .detailList .tit,
.nhasset .infoboxWrap .infoBox .detailList .value{font-size:clamp(13px, 1.3rem, 19.5px);color:#666;font-weight:600}
.nhasset .infoboxWrap .infoBox .detailList .goalVaulue{margin-top:12px;flex:1;font-size:clamp(12px, 1.2rem, 18px);color:#666;font-weight:normal}
.nhasset .infoboxWrap .infoBox .detailList .update{font-size:clamp(12px, 1.2rem, 18px);color:#888;font-weight:normal}

.nhasset .challengeBox .defSubTit2.type01 {margin-top:20px;margin-bottom:7px}
.nhasset .challengeBox .grayBgLine{margin-top:16px;padding:15px 10px}
.nhasset .formWrap.bdh3 .grayBgLine .detailList{padding:15px 6px}
.nhasset .challengeBox .grayBgLine .detailList .tit,
.nhasset .formWrap.bdh3 .grayBgLine .detailList .tit,
.nhasset .challengeBox .grayBgLine .detailList .value,
.nhasset .formWrap.bdh3 .grayBgLine .detailList .value{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .noList .noMessage{text-align:center;color:#666;padding:50px 0 20px}
.nhasset .noList .noMessage:before{content:" ";display:block;margin:0 auto 26px; width:32px;height:32px;background:url('../images/category/icoCate28.png') no-repeat top center;background-size:32px 32px}
.nhasset .bdbotLine{border-top:1px solid #ebebeb; margin:20px -20px 0}
.nhasset .bdbotLine + .formWrap{margin-top:25px}

.nhasset .boxTypeWrap .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap:before{background-color:#d5f2f5}
.nhasset .boxTypeWrap .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap.ty01:before{background-color:#e0f8d2}
.nhasset .boxTypeWrap .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap.ty02:before{background-color:#d7e9ff}
.nhasset .ob.selectCerti > li{width:50% !important;flex:0 0 50% !important}
.nhasset .ob.selectCerti > li .subTit{font-weight:900;font-size:clamp(15px, 1.5rem, 22.5px);color:#111}
.nhasset .ob.selectCerti > li .titleTit{font-size:clamp(11px, 1.1rem, 16.5px);color:#666;padding:5px 0 3px}
.nhasset .ob.selectCerti > li .titleTit.type02{padding-bottom:0.7em}
.nhasset .ob.selectCerti > li input[type="radio"] + label{padding:10px 0;border-radius:10px}
.nhasset .ob.selectCerti > li input[type="radio"] + label .logoArea img{width:auto;height:80px}
.nhasset .ob.selectCerti > li input[type="radio"] + label .title{margin-top:0;font-size:clamp(14px, 1.4rem, 21px);font-weight:bold;color:#111}
.nhasset .obTitleWrap{display:flex;align-items:center;justify-content:space-between}
.nhasset .obTitleWrap strong{font-size:clamp(20px, 2rem, 30px);color:#111}
.nhasset .obTitleWrap h2{font-size:clamp(16px, 1.6rem, 24px);color:#111}
.nhasset .obTitleWrap img{width:32px;height:32px;background-color:#f2f4f8;border-radius:50%}
.nhasset .obTitleWrap + .divLine + .formWrap .roundBtnWrap a{padding:0}
.nhasset .obTitleWrap + .divLine + .formWrap .roundBtnWrap + .errorTxt{margin-top:5px}
.nhasset .obChk input[type="checkbox"] + label{width:auto !important}
.nhasset .ob.roundBtnWrap{display:flex;margin:0 -3px;justify-content:space-between}
.nhasset .moneySum{background:white;border-radius:6px;padding:10px 20px;text-align:right;font-size:clamp(14px, 1.4rem, 21px);font-weight:bold;color:#111;margin:15px 0}
.nhasset .overseaType .ob.boxRadio .boxRadioInn{display:table-cell !important}
.nhasset .overseaType .ob.boxRadio .boxRadioInn span{margin-right:10px}
.nhasset .overseaType .ob.boxRadio .boxRadioInn:last-child span{margin-right:0}
.nhasset .overseaType .ob.boxRadio .boxRadioInn:nth-child(2n) span{margin-left:0px}
.nhasset .obgraph{width:100%}
.nhasset .obgraph .tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.nhasset .obgraph .tit span{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .obgraph .barWrap{background:#d0d0d0;width:100%;border-radius:50px;height:5px;position:relative;margin-bottom:45px}
.nhasset .obgraph .barWrap .bg{background:#19a647;position:absolute;left:0;height:5px;border-radius:50px}
.nhasset .obgraph .barWrap .bg span{position:absolute;right:-11px;margin-top:10px;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .obgraph .barWrap .bg:after{content:'';background:white;border:2px solid #19a647;border-radius:100%;width:11px;height:11px;display:block;position:absolute;right:0;top:-3px}
.nhasset .prodListWrap .d-flex .prodVal,.nhasset .prodListWrap .d-flex .prodVal .dataValue,.nhasset .prodListWrap .d-flex .prodVal .per{font-size:clamp(12px, 1.2rem, 18px);font-family:'notoKR';font-weight:normal}
.nhasset .prodListWrap .d-flex .prodVal{text-align:right}
.nhasset .boxTypeWrap.bgType02,.nhasset .boxTypeWrap.bgType04{position:relative}
.nhasset .boxTypeWrap.oblistbg01 .visualSubWrap,.nhasset .boxTypeWrap.oblistbg02 .visualSubWrap,
.nhasset .boxTypeWrap.oblistbg03 .visualSubWrap{padding-top:15px !important}
.nhasset .boxTypeWrap.bgType04 .visualSubWrap{position:relative}
.nhasset .boxTypeWrap.bgType02 .visualSubWrap{position:relative}
.nhasset .boxTypeWrap.bgType04.oblistbg01 .visualSubWrap:after{content:'';display:inline-block;position:absolute;bottom:0;right:22px;background:url('../images/bgoblistbg01.png') right top no-repeat;width:66px;height:71px;background-size:66px 71px}
.nhasset .boxTypeWrap.bgType02.oblistbg02 .visualSubWrap:after{content:'';display:inline-block;position:absolute;bottom:0;right:22px;background:url('../images/bgoblistbg02.png') right top no-repeat;width:48px;height:61px;background-size:48px 61px}
.nhasset .boxTypeWrap.bgType04.oblistbg03:after{content:'';display:inline-block;position:absolute;top:40px;right:22px;background:url('../images/bgoblistbg01.png') right top no-repeat;width:66px;height:71px;background-size:66px 71px}
.nhasset .boxTypeWrap.oblistbg04:after{content:'';position:absolute;top:10px;right:22px;width:70px;height:58px;background:url('../images/img_prodListTitimg01.png') center /cover no-repeat}

.nhasset .obpopTit{margin-top:35px;margin-bottom:20px}
.nhasset .obpopTit .defTxt{font-size:clamp(20px, 2rem, 30px)}
.nhasset .obPop_imgBox{text-align:center;margin-top:60px}
.nhasset .obPop_imgBox img{width:105px;height:109px}
.nhasset .detailList .value span{font-size:clamp(12px, 1.2rem, 18px);color:#000}
.nhasset .detailList .value span.time{font-size:clamp(14px, 1.4rem, 22px)}
.nhasset .grayBgLine .dateSumWrap{border-top:1px solid #ededed;margin-top:15px;padding:15px 10px;display:flex;justify-content:space-between}
.nhasset .grayBgLine .dateSumWrap span{font-weight:bold}

/* Range Slider */

.sliderWrap{position:relative; width:100%;height:5px;display:block;cursor:pointer;border-radius:0;margin-bottom:30px}
.sliderWrap input[type="range"]{width:100%;border:none;height:5px;background:transparent}
.sliderWrap input[type="range"]:focus{outline:none}
.sliderWrap input[type="range"]::-webkit-slider-runnable-track{background:#d0d0d0;height:5px}
.sliderWrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background:white;
    border:2px solid #19a647;
    border-radius:100%;
    width:11px;
    height:11px;
	display:block}
.sliderWrap input[type="range"]::-moz-range-thumb{-webkit-appearance:none;background:white;
    border:2px solid #19a647;
    border-radius:100%;
    width:11px;
    height:11px;
	display:block;box-sizing:border-box;border-radius:0 !important}
.sliderWrap input[type="range"]::-moz-range-track{background:#d0d0d0;height:5px}
.sliderWrap input[type="range"]::-ms-fill-lower{background:#19a647}
.sliderWrap input[type="range"]::-moz-fill-lower{background:#19a647}

.nhasset .ob.divingTxt{font-size:clamp(11px, 1.1rem, 18px);letter-spacing:-1px}
.nhasset .ob.divingTxt + .accInfo{text-align:right}
.nhasset .ob.divingTxt + .accInfo .wrapTag{text-align:left}
.nhasset .ob.infoBoxGray{border-radius:6px;display:flex;justify-content:space-between}
.nhasset .ob.infoBoxGray span{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold}
.nhasset .datePluswrap{border-top:1px solid #ebebeb;margin:15px 0;position:relative}
.nhasset .datePluswrap:after{content:'';display:block;background:url('../images/ico_datePluswrap.png') no-repeat;width:19.5px;height:19.5px;background-size:19.5px 19.5px;margin:-10px auto 0}
.nhasset .obgraphValue{text-align:center}
.nhasset .obgraphValue p:first-child{color:#666;font-size:clamp(13px, 1.3rem, 19px);margin-bottom:12px}
.nhasset .obgraphValue p:nth-child(2){color:#111;font-size:clamp(14px, 1.4rem, 21px);margin-bottom:5px;font-weight:bold}
.nhasset .obgraphValue p:last-child{color:#111;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .totalTitWrap.typeob{background:#f0fbf7}
.nhasset .formWrap.btndelType .listIs .posR .ob.btnAccDel{top:30px;position:absolute}
.nhasset .formWrap.btndelType .listIs .ob.posR{position:relative}
.nhasset .formWrap.btndelType .listIs .ob.posR .imgWrap{margin:0.37em 8px auto 0}
.nhasset .challgraphWrap .challgrapImg{width:200px;height:200px;margin:0 auto}
.nhasset .challgraphWrap .challgraphBgWrap{position:relative;z-index:1}
.nhasset .challgraphWrap .challgraphBgWrap:after{content:'';display:block;width:‭288.5‬px;width:288.5px;height:201px;background:url('../images/temp/ob_graph_dumy.png') center /contain no-repeat;margin:30px auto 0;opacity:0.2} /* 2023-01-24 윤지현:margin auto 추가 */
.nhasset .challgraphWrap .challgraphBgWrap p{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%, -50%);min-width:288px;text-align:center}
.nhasset .toptourText strong > span{color:#666;font-size:clamp(12px, 1.2rem, 18px);font-weight:100;margin-left:10px}
.nhasset .purposeList [class*="Result"] > span:first-child{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .purposeList .recentResult .discountDay em{font-size:clamp(12px, 1.2rem, 18px);color:#888;vertical-align:top}
.nhasset .challengeTxt{padding-bottom:5px}
.nhasset .ObMainBanner{background:url('../images/bg_ObMainBanner.png') right top no-repeat;background-size:71px 55px}
.nhasset .ObMainBanner h2{font-size:clamp(16px, 1.6rem, 24px);color:#111;margin-bottom:12px;font-weight:900;line-height:1.5}
.nhasset .ObMainBanner p{font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .totalBalance.obtit{margin-top:30px}
.nhasset .totalBalance.obtit .defTxt{font-size:clamp(20px, 2.0rem, 30px);line-height:1.4}
.nhasset .totalBalance.obtit .defTxt+p{margin-top:10px;color:#666;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .defTxt.addType.obbg01{padding-right:55px;background:url('../images/bg_obbg01.png') right top no-repeat;background-size:54px 53px}
.nhasset .defTxt.addType.obbg01 img{width:15px;height:17px;vertical-align:middle}
.nhasset .purposeList.reachGoal .goaltagLabel01,.nhasset .purposeList.reachGoal .goaltagLabel02{right:20px}
.nhasset .purposeList.reachGoal .goaltagLabel02{border:1px solid #666;background-color:transparent;color:#666}
.nhasset .boxWrapShadow.mosbBox .purposeList li.bgGray{background-color:#f3f3f3}
.nhasset .boxWrapShadow.mosbBox .purposeList li .bgGray{position:relative;background-color:#f3f3f3;/*opacity:0.6;*/padding:28px 20px;border-radius:10px;color:#666}
.nhasset .purposeList.reachGoal .bgGray .recentResult{color:#666}
/* .nhasset .boxWrapShadow.mosbBox .purposeList li .bgGray .purposeCateS{background:none} */
.nhasset .purposeList.reachGoal .goalResult .accConnect{border-bottom:1px solid #19a647}
.nhasset .connetTit{color:#666 !important;font-weight:normal !important;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .bgf8{background-color:#f8f8f8 !important}
.nhasset .boxTypeWrap.bgf8 p{text-align:center;color:#666;font-size:clamp(14px, 1.4rem, 21px);padding:5px 0}
.nhasset .boxTypeWrap.bgf8 p img{width:65px;height:48px;margin-bottom:20px}
.nhasset .purposeList.reachGoal .goaltagLabel01{background-color:white;color:#43a67f;border:1px solid #43a67f}
.nhasset .totalBalance.obtit .defTxt.fs16{font-size:clamp(16px, 1.6rem, 24px)}

.nhasset .changeWrap .drag{display:inline-block;width:28px;height:28px;background:url('../images/btn_dragbtn.png') 0 center /20px auto no-repeat}
.nhasset .purposeList.unDown .changeWrap{position:absolute;top:50%;right:-34px;width:28px;height:60px;margin-left:0;margin-top:0px !important}

.nhasset .viewBoxArea .popIRP.openType .agreeTit{padding:17px 0 16px 0;border:0;font-weight:600;font-size:clamp(16px,1.6rem,24px);border-bottom:1px solid #ebebeb}
.nhasset .viewBoxArea .popIRP.openType > div + div{border-top:none}
.nhasset .viewBoxArea .popIRP.openType .toggleCont{padding:10px 0 5px}
/*====================06.08 추가 끝* ====================/

/* 결제수단 목록 - FMAS1910P FMOB0100P 
.nhasset .accList.selectList li{padding:0 20px}
.nhasset .accList.selectList li a{align-items:center;padding:22px 30px 22px 0}
.nhasset .accList.selectList li .accTit{font-size:clamp(14px, 1.4rem, 21px);color:#111}
.nhasset .accList.selectList > li .accInfoWrap .accInfo .accValue .dataValue,.nhasset .accList.selectList > li .accInfoWrap .accInfo .accValue .won{font-size:clamp(14px, 1.4rem, 21px)}
/* .nhasset .accList.selectList > li .accInfoWrap .accInfo .accValue{width:135px} */
.nhasset .accList.selectList > li .accDate{margin-top:3px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .selectList .tag{margin-left:7px;vertical-align:top}
.nhasset .etcInfo .carNum, .etcInfo .carName{font-weight:900}
.nhasset .accList.selectList.isBorder{margin:-22px -17px 0}
.nhasset .popWrap.slidePopOption .accList.selectList.isBorder,
.nhasset .popWrap.slidePopConfirm .accList.selectList.isBorder{margin:0}
.nhasset .popWrap.slidePopConfirm .accList.selectList.isBorder a .imgWrap{margin:auto 8px auto 0}
.nhasset .accList.selectList.isBorder li{padding:0;border:solid 1px #ebebeb;;border-radius:6px}
.nhasset .accList.selectList.isBorder li.active{border-color:#19a647}
.nhasset .accList.selectList.isBorder li.active a{background-position:right 10px center}
.nhasset .accList.selectList.isBorder li a{padding:18px 16px;padding-right:27px}
.nhasset .accList.selectList.isBorder li:first-child a{border-top:none}
.nhasset .accList.selectList.isBorder li + li{margin-top:8px}

/* 좌측 아이콘 있는 정보성 리스트 - .house AS1212P*/
.nhasset .explanList + .guideList{margin-top:0;margin-bottom:20px}
.nhasset .explanList.house li:before{content:'';position:absolute;top:50%;margin-top:-16px;left:0;width:32px;height:32px;background:url('../images/spr_house.png')no-repeat 0 0 #f8f8f8;border-radius:50%;background-size:96px 32px}
.nhasset .explanList.house li.ty01:before{background-position-x:-32px}
.nhasset .explanList.house li:nth-child(2):before{background-position-x:-32px}
.nhasset .explanList.house li.ty02:nth-child(2):before{background-position-x:0}
.nhasset .explanList.house li:nth-child(3):before,
.nhasset .explanList.house li.ty03:nth-child(3):before{background-position-x:-64px}

/* 부동산 */
.nhasset .totalLink{text-align:right}
.nhasset .linkTxt{display:inline-block;margin-top:15px;padding-right:10px;background:url('../images/arr_right04.png') no-repeat 100% 50%;background-size:6px 10px;color:#666;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .linkTxt.white{margin-top:0;padding-right:10px;background:url('../images/arr_right08.png') no-repeat 100% 50%;background-size:6px 10px;color:#fff}
.nhasset .linkTxt2{font-size:clamp(14px,1.4rem,21px);color:#666;background:url('../images/arr_right02.png')no-repeat right center;background-size:6px auto;padding-right:12px}
.nhasset .linkTxt03{display:inline-block;padding-right:10px;background:url('../images/arr_next.png') no-repeat 100% 60%;background-size:5.5px 10px;color:#666;font-size:clamp(14px, 1.4rem, 21px);font-weight:normal}
.nhasset .linkTxt.linkTxtUnderLine,.nhasset .totalLink .linkTxt.linkTxtUnderLine{text-decoration:underline !important;text-underline-position:under}
.nhasset .grayBox .linkTxt{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .vipService{margin-top:15px}
.nhasset .accInfoWrap{flex-grow:1}
.nhasset .accInfoWrap .accTit sup{color:#19a647;margin-right:6px}
.nhasset .accList > li .accInfoWrap .accInfo{display:flex;justify-content:space-between;align-items:center;margin-top:7px;/*font-weight:bold*/}
.nhasset .accList > li .accInfoWrap .accInfo .accLabel{font-size:clamp(13px, 1.3rem, 19.5px);font-weight:normal;color:#666}
.nhasset .accList > li .accInfoWrap .accInfo .accLabel .dataValue{font-weight:normal}
.nhasset .accList > li .accInfoWrap .accInfo .accNum{color:#999;font-size:clamp(12px, 1.2rem, 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhasset .accList > li .accInfoWrap .accInfo .accValue{margin-left:auto;flex-shrink:0;padding-left:10px}
.nhasset .accList > li .accInfoWrap .accInfo .accValue .dataValue{ font-family:"NotoNum";font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .accList > li .accInfoWrap .accInfo .accValue .won{font-size:clamp(14px, 1.4rem, 21px);font-weight:600}
.nhasset .accList > li .accInfoWrap .accInfo .accValue .contBtn01.green{font-weight:bold} /* [2021-10-15] 윤지현:접근성 bold추가 */
.nhasset .accList > li .accInfoWrap .accInfo .assetAddPara{font-size:clamp(12px,1.2rem,18px);color:#111}
.nhasset .accList > li .accInfoWrap .accInfo .assetAddPara + .accValue .labelAdd{font-size:clamp(14px,1.4rem,21px)} /*12.28 폰트 크기 수정*/
.nhasset .accList > li .accInfoWrap .accInfo .labelAdd{background:url('../images/ico_plus.png')no-repeat left center;background-size:12px auto;padding-left:20px}
.nhasset .accList > li .accInfoWrap .accDate{margin-top:2px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .assetListWrap .assetList .detailList > li{margin-top:10px}

.nhasset .toggleArrow .toggleBtn{position:relative;display:block;padding-right:19px}
.nhasset .toggleArrow .toggleBtn:after{content:'';position:absolute;top:50%;margin-top:-5px;right:0;width:10px;height:10px;background:url('../images/arr_down01.png') no-repeat 100% /10px 6px}
.nhasset .toggleArrow .toggleBtn.active:after{transform:rotate(180deg)}

.nhasset .popIRP{margin:0px -20px 0}
.nhasset .popIRP .toggleWrap + .toggleWrap{border-top:solid 1px #ebebeb}

.nhasset .popIRP .agreeTit{padding:20px;background-color:#f8f8f8}
.nhasset .popIRP .agreeTit .toggleBtn{position:relative;display:block;padding:0 19px 0 0}
.nhasset .popIRP .agreeTit .toggleBtn:after{content:'';position:absolute;top:50%;margin-top:-5px;right:0;width:10px;height:10px;background:url('../images/arr_down02.png') no-repeat 100% /10px 10px}
.nhasset .popIRP .agreeTit .toggleBtn.active:after{transform:rotate(180deg)}
.nhasset .popIRP .toggleCont{padding:20px;background:#fff}
.nhasset .popIRP .toggleCont .value{flex-shrink:0;color:#666}
.nhasset .popIRP .agreeTit .tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;/*max-height:46px;*/line-height:1.7}
.nhasset .popIRP .agreeTit .val{color:#111;font-size:clamp(16px,1.6rem,24px);font-weight:bold;margin-top:5px}
.nhasset .popIRP .agreeTit .val .dataValue{font-weight:normal}

.nhasset .popIRP.tithAuto .agreeTit .tit{max-height:initial !important}
.nhasset .estWrap .formTit{margin-top:25px;padding-top:20px;border-top:1px solid #ebebeb}
.nhasset .estWrap .formTit .contBtn01{margin-top:2px}
.nhasset .estWrap ul li:first-child .formTit{ padding-top:0;border-top:none}
.nhasset .estWrap .formTit .contBtn01{min-width:unset}
.nhasset .estWrap .formTit .contBtn01,
.nhasset .estWrap .contBtn01{line-height:1.5;padding:1px 10px 2px}
.nhasset .estWrap .stList a,
.nhasset .realAsset .stList a{ height:48px;border:1px solid #ebebeb;border-radius:5px;line-height:48px}
.nhasset .estWrap .stList a .selectValue,
.nhasset .realAsset .stList a .selectValue{line-height:48px}
.nhasset .realAsset .roundChkWrap li{flex:auto}
.nhasset .estWrap .stList + .inputBoth01{margin-top:10px}
.nhasset .estWrap .itemList .item{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.nhasset .estWrap .errorTxt{position:relative}
.nhasset .estWrap .inputBoth01 .inputList{border:none}
.nhasset .estWrap .inputBoth01 .inputList.disabled{background-color:#fff}
.nhasset .estWrap .inputBoth01 .inputList input[type='text'], 
.nhasset .estWrap .inputBoth01 .inputList input[type='tel'], 
.nhasset .estWrap .inputBoth01 .inputList input[type='password']{height:36px;color:#999;background-color:#fff;padding-left:0;color:#111}
.nhasset .estWrap .inputBoth01 .inputList input[type='text']:read-only, 
.nhasset .estWrap .inputBoth01 .inputList input[type='tel']:read-only, 
.nhasset .estWrap .inputBoth01 .inputList input[type='password']:read-only{height:36px;color:#999;background-color:#fff;padding-left:0;color:#111}
.nhasset .boxTypeWrap .estWrap .calendarForm .cal .inputList input[type='text'], 
.nhasset .boxTypeWrap .estWrap .calendarForm .cal .inputList input[type='tel']{padding-left:20px}/*12.30 자산 실물 글자 잘림 현상 수정*/

.nhasset .grayBgLine.addType{padding:23px 20px;color:#666}
.nhasset .iptDayWrap{display:flex}
.nhasset .iptDayWrap .inputList{flex:1}
.nhasset .iptDayWrap .btnDay{margin-top:0;width:82px;flex:0 0 82px;margin-left:8px;background-color:#fff;color:#222;font-weight:bold;border:1px solid #999; border-radius:5px}
.nhasset .iptDayWrap .btnDay.active{border:1px solid #19a647;color:#19a647}
.nhasset .iptDayWrap input::-webkit-input-placeholder{color:#888;font-size:clamp(14px, 1.4rem, 21px);text-align:right} 
.nhasset .iptDayWrap input::-moz-placeholder, textarea::-moz-placeholder{color:#888}

@media screen and (max-width:360px){
	.nhasset .estWrap .formTit .contBtn01{margin-top:1px}
}
/* 특약정보 상세정보 */
.nhasset .popIRP.openType{margin:0 !important;border-top:0}
.nhasset .popIRP.openType > div + div{border-top:solid 1px #ebebeb}
.nhasset .popIRP.openType .agreeTit{padding:24px 0 5px 0;border:0;font-weight:600;font-size:clamp(12px,1.2rem,18px);background:none}
.nhasset .popIRP.openType .agreeTit .toggleBtn{background:none}
.nhasset .popIRP.openType .toggleCont{padding:10px 0 23px 0;background:#fff;border-bottom:none}
.nhasset .popIRP.openType .toggleCont .value{color:#111111}
.nhasset .popIRP.openType .toggleCont .value.line2 > span{display:block;font-size:clamp(14px, 1.4rem, 21px);color:#111}
.nhasset .popIRP.openType .toggleCont .value.line2{flex-shrink:inherit} /* MSAS8130P */
.nhasset .popIRP.openType .detailList > li .tit{color:#666}
.nhasset .popIRP.openType .detailList > li{margin-top:11px}
.nhasset .popIRP.openType .detailList > li:first-child{margin-top:0}

.nhasset .registerGuide{margin:0 -20px;padding:15px 20px 17px 73px;background:#f8f8f8 url('../images/bg_registerGuide.png') no-repeat 20px bottom;background-size:44px 40px;letter-spacing:-0.03em}
.nhasset .registerGuide p{font-weight:normal;letter-spacing:-0.5px}
.nhasset .registerGuide p strong{font-weight:normal}
.nhasset.fullLayerPop .registerGuide{padding:15px 0 17px 27px;background-image:none;text-align:left;margin:0}
.nhasset.fullLayerPop .registerGuide > p{padding-left:28px;background:url('../images/icon_registerGuide.png')no-repeat left center;background-size:18px auto;min-height:18px;font-size:clamp(12px,1.2rem,18px)}
.nhasset.fullLayerPop .registerGuide+.popIRP{margin-top:0;border-top:0}


/* 총자산설정 팝업 - 총자산 상단영역 */
.nhasset .totalAsset{padding:22px 20px 27px;background-color:#f8f8f8}
.nhasset.fullLayerPop .totalAsset{margin:0 -20px}
.nhasset .totalAsset dl{width:100%}
.nhasset .totalAsset dt{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .totalAsset dd{text-align:right}
.nhasset .totalAsset dd .dataValue{margin-top:5px;font-size:clamp(21px, 2.1rem, 31.5px)}
.nhasset .totalAsset dd .won{margin-top:5px;font-size:clamp(18px, 1.8rem, 27px);font-weight:bold}
.nhasset .totalAssetInfo{margin-top:10px;font-size:clamp(12px, 1.2rem, 18px);word-break:keep-all;word-wrap:break-word;color:#999}

.nhasset .accBox{margin:7px 0 20px;padding:0 15px;background:#f8f8f8;border:1px solid #e1e1e1;border-radius:2px}
.nhasset .accBox .accList > li .imgWrap{padding-top:0;vertical-align:middle}
.nhasset .accBox .accTit{color:#111}

/* 공통 베너 영역 */

.nhasset .bannerSwiperPrd .swiper-slide{padding:10px 20px;margin-top:16px;width:100%;height:90px;font-size:clamp(14px, 1.4rem, 21px);border-radius:10px;color:#111;background-size:80px auto, cover;background-position:center right 5px, center;border-radius:10px;background-repeat:no-repeat}
.nhasset .bannerImg120Type .bannerSwiperPrd .swiper-slide{height:auto;padding:6px 0 2px 0}
.nhasset .bannerImg120Type .bannerSwiperPrd .swiper-slide a{border-radius:7px}
.nhasset .bannerImg120Type .bannerSwiperPrd .swiper-slide a > img{border-radius:7px}
.nhasset .bannerSwiperPrd .swiper-slide > a{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}
/* .nhasset .bannerWarpPrd [class*="bannerPrd"] strong{font-weight:900}
.nhasset .bannerWarpPrd .bannerPrd1{background:url('../images/banner/bannerPrd1.gif') center right 26px/72px 72px no-repeat #6870eb}
.nhasset .bannerWarpPrd .bannerPrd1 .fc1{color:#ffd200}
.nhasset .bannerWarpPrd .bannerPrd2{background-color:#ff7f85} */
/* .nhasset .bannerWarpPrd .swiper-control{display:flex;align-items:center;justify-content:flex-start;margin-top:4px}
.nhasset .bannerWarpPrd .swiper-pagination{position:inherit;margin-top:0px;height:6px;line-height:0}
.nhasset .bannerWarpPrd .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;border-radius:4px;background-color:#999;opacity:1}
.nhasset .bannerWarpPrd .swiper-pagination .swiper-pagination-bullet-active{width:19px;background-color:#19a647}
.nhasset .bannerWarpPrd .swiper-autoBtn{display:inline-block;width:20px;height:20px}
.nhasset .bannerWarpPrd .swiper-autoBtn .playBtn,
.nhasset .bannerWarpPrd .swiper-autoBtn .stopBtn{display:inline-block;width:100%;height:100%;background:url('../images/swiper_play.png') 0 0 /40px 20px no-repeat}
.nhasset .bannerWarpPrd .swiper-autoBtn .stopBtn{background-position-x:-20px}
.nhasset .bannerWarpPrd .swiper-autoBtn.playing .playBtn,
.nhasset .bannerWarpPrd .swiper-autoBtn .stopBtn{display:none}
.nhasset .bannerWarpPrd .swiper-autoBtn .playBtn,
.nhasset .bannerWarpPrd .swiper-autoBtn.playing .stopBtn{display:inline-block} */
.nhasset .bannerPrd1 a{display:block;line-height:1}

.nhasset .assetTotalRecom{padding-top:12px;border-top:1px solid #eee}
.nhasset .assetTotalRecom a{display:flex;align-items:center;position:relative;padding-right:15px;line-height:1.25em}
.nhasset .assetTotalRecom a:after{content:'';position:absolute;right:0;width:7px;height:11px;background:url('../images/arr_right03.png') no-repeat right center /cover}
.nhasset .assetTotalRecom p{word-break:keep-all;word-wrap:break-word}

.nhasset .etcListToggle{background-color:#f8f8f8}
.nhasset .etcListToggle .toggleTitWrap{padding:15px;border:1px solid #e1e1e1;border-width:1px 0;color:#666;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .etcListToggle .toggleTitWrap p{position:relative;padding-left:20px}
.nhasset .etcListToggle .toggleTitWrap p:before{content:'';position:absolute;top:3px;left:0;width:15px;height:15px;background:url('../images/ico_msg.png') 0 0 /100% no-repeat}
.nhasset .etcListToggle .toggleCont{border-bottom:1px solid #e1e1e1}
.nhasset .etcListToggle .toggleCont .accList>li>a{align-items:center;color:#666;padding:0 15px}
.nhasset .etcListToggle + .assetTotalRecom{border-top:0}

.nhasset .popCont .visualWrap{padding-bottom:0}
.nhasset .visualWrap{margin:0 -16px;padding:25px 0 30px}
.nhasset .visualWrap.typeP{background-color:#f6e9ff}
.nhasset .visualWrap.typeP .totalTitWrap{background-color:#b34de2;color:#fff}
.nhasset .visualWrap.typeP .visualTit strong{font-weight:900;color:#a04add}
.nhasset .visualWrap.typeO{background-color:#fff6e2}
.nhasset .visualWrap.typeO .roundWrap{border-radius:20px 20px 0 0;padding-bottom:20px}
.nhasset .visualWrap.typeG{background-color:#ecffe9}
.nhasset .visualWrap.typeG .totalTitWrap{background-color:#19a647;color:#fff}
.nhasset .visualWrap.typeG .visualTit strong{font-weight:900;color:#19a647}
.nhasset .visualWrap.typeY{background-color:#fff0cc}
.nhasset .visualWrap.typeY .visualTit strong{font-weight:900;color:#ff7800}
.nhasset .visualWrap .accList .imgWrap:before{content:''}
.nhasset .visualWrap .imgWrap{padding:5px 0;width:100%;text-align:center}
.nhasset .visualWrap .imgWrap img{display:inline-block;width:auto;height:71px}

.nhasset .visualTopWrap2{height:200px}
.nhasset .typeO .visualTopWrap2{height:170px}
.nhasset .visualTopWrap2 .visualImgWrap{position:relative;margin:0 auto;width:280px;height:105px}
.nhasset .visualTopWrap2.ani01 .visualTxt{margin:0 auto;width:215px;height:21px;background:url("../images/spr_as_ani01.png") 0 0/cover no-repeat}
.nhasset .visualTopWrap2.ani01 .visual{position:absolute;background:url("../images/spr_as_ani01.png") 0 -21px/215px 91px no-repeat;opacity:0}
.nhasset .visualTopWrap2 .visual.c01{top:15px;left:50%;margin-left:-35px;width:70px;height:70px;transition-duration:.5s}
.nhasset .visualTopWrap2.ani01 .visual.m01{top:25px;left:10px;width:15px;height:28px;background-position:-70px -21px;transition-delay:.5s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani01 .visual.m02{top:65px;left:68px;width:25px;height:22px;background-position:-85px -21px;transition-delay:1s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani01 .visual.m03{top:50px;right:88px;width:29px;height:26px;background-position:-110px -21px;transition-delay:1.5s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani01 .visual.m04{top:30px;right:10px;width:25px;height:18px;background-position:-139px -21px;transition-delay:2s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani01 .visual.t01{top:16px;right:76px;width:16px;height:16px;background-position:-82px -49px;transition-delay:2.5s;transition-duration:.5s;transform:scale(0)}
.nhasset .visualTopWrap2.ani01 .visual.t02{top:30px;right:86px;width:16px;height:16px;background-position:-82px -49px;transition-delay:3s;transition-duration:.5s;transform:scale(0)}
.nhasset .visualWrap.active .visualTopWrap2 .visual{opacity:1}
.nhasset .visualWrap.active .visualTopWrap2.ani01 .visual.m01{top:32px}
.nhasset .visualWrap.active .visualTopWrap2.ani01 .visual.m02{top:70px}
.nhasset .visualWrap.active .visualTopWrap2.ani01 .visual.m03{top:55px}
.nhasset .visualWrap.active .visualTopWrap2.ani01 .visual.m04{top:35px}
.nhasset .visualWrap.active .visualTopWrap2.ani01 .visual.t01{transform:scale(1)}
.nhasset .visualWrap.active .visualTopWrap2.ani01 .visual.t02{transform:scale(.8)}
.nhasset .visualTopWrap2.ani02 .visualTxt{margin:0 auto;width:157px;height:21px;background:url("../images/spr_as_ani02.png") 0 0/cover no-repeat}
.nhasset .visualTopWrap2.ani02 .visual{position:absolute;background:url("../images/spr_as_ani02.png") 0 -21px/157px 91px no-repeat;opacity:0}
.nhasset .visualTopWrap2.ani02 .visual.t01{top:60px;right:90px;width:33px;height:23px;background-position:-70px -21px;transition-delay:1.5s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani02 .visual.q01{top:14px;right:100px;width:17px;height:29px;background-position:-81px -44px;transition-delay:1s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani02 .visual.q02{top:65px;left:90px;width:11px;height:17px;background-position:-70px -44px;transition-delay:.5s;transition-duration:.5s}
.nhasset .visualWrap.active .visualTopWrap2.ani02 .visual{opacity:1}
.nhasset .visualTopWrap2.ani03 .visualTxt{margin:0 auto;width:275px;height:21px;background:url("../images/spr_as_ani03.png") 0 0/cover no-repeat}
.nhasset .visualTopWrap2.ani03 .visual{position:absolute;background:url("../images/spr_as_ani03.png") 0 -21px/275px 91px no-repeat;opacity:0}
.nhasset .visualTopWrap2.ani03 .visual.c02{top:62px;right:87px;width:45px;height:25px;background-position:-70px -21px;transition-delay:.5s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani03 .visual.m01{top:70px;right:77px;width:34px;height:19px;background-position:-70px -46px;transition-delay:1s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani03 .visual.b01{position:relative;top:34px;left:67px;width:45px;height:26px;background-position:-70px -65px;transition-delay:1.5s;transition-duration:.5s}
.nhasset .visualTopWrap2.ani03 .visual.b01 .bc01{top:11px;left:13px;width:4px;height:4px;background-color:#19a647;border-radius:100%;transition-delay:2s;transition-duration:.2s}
.nhasset .visualTopWrap2.ani03 .visual.b01 .bc02{top:11px;left:19px;width:4px;height:4px;background-color:#19a647;border-radius:100%;transition-delay:2.2s;transition-duration:.2s}
.nhasset .visualTopWrap2.ani03 .visual.b01 .bc03{top:11px;left:25px;width:4px;height:4px;background-color:#19a647;border-radius:100%;transition-delay:2.4s;transition-duration:.2s}
.nhasset .visualWrap.active .visualTopWrap2.ani03 .visual.c02,
.nhasset .visualWrap.active .visualTopWrap2.ani03 .visual.m01
.nhasset .visualWrap.active .visualTopWrap2.ani03 .visual.b01,
.nhasset .visualWrap.active .visualTopWrap2.ani03 .visual.bc01,
.nhasset .visualWrap.active .visualTopWrap2.ani03 .visual.bc02,
.nhasset .visualWrap.active .visualTopWrap2.ani03 .visual.bc03{opacity:1}
.nhasset .visualWrap.active .visualTopWrap2.ani03 .visual.b01{top:24px}

.nhasset .visualWrap .visualTopWrap3{margin-top:13px;padding:0 26px;padding-bottom:20px;overflow:hidden;margin-bottom:-20px}
.nhasset .visualWrap .visualTopWrap3 .visualTit{text-align:left;font-size:clamp(20px, 2.0rem, 30px);letter-spacing:-0.7px;color:#111;font-weight:900}
.nhasset .visualWrap .visualTopWrap3 .visualImgWrap{position:relative;margin:20px  auto -20px;width:329px}
.nhasset .visualWrap .visualTopWrap3 .visualImgWrap [class^="bgImg"]{position:relative}
.nhasset .visualWrap .visualTopWrap3 .visualImgWrap .bgImg01{height:87px;background:url('../images/spr_as_topbg01.png')no-repeat left;background-size:153.5px 87px;z-index:2}
.nhasset .visualWrap .visualTopWrap3 .visualImgWrap .bgImg02{height:87px;background:url('../images/spr_as_topbg02.png')no-repeat top left 14px;background-size:97px 87px;z-index:2}
.nhasset .visualWrap .visualTopWrap3 .visualImgWrap .bgImg03{height:88px;background:url('../images/spr_as_topbg03.png')no-repeat top left 20px;background-size:106px 88px;z-index:2}
.nhasset .visualWrap .visualTopWrap3 .visualImgWrap .bgImg04{height:87.5px;background:url('../images/spr_as_topbg04.png')no-repeat top left 20px;background-size:88.5px 87.5px;z-index:2}
.nhasset .visualWrap .visualTopWrap3 .visualImgWrap .bgImg05{height:87px;background:url('../images/spr_as_topbg05.png')no-repeat top left 20px;background-size:87.5px 87px;z-index:2}

.nhasset .visualWrap .visualTopWrap3 .textBox{position:absolute;left:120px;top:0;padding:14px 0 16px;line-height:1.2;box-sizing:border-box;border-radius:15px;background-color:#fff;width:200px;text-align:center;color:#666;font-size:clamp(13px, 1.3rem, 19.5px);z-index:1}
.nhasset .visualWrap .visualTopWrap3 .textBox.ty01{left:104px} 
.nhasset .visualWrap .visualTopWrap3 .textBox:before{content:"";display:inline-block;position:absolute;top:28px;left:-14px;width:15px;height:20px;background:url('../images/text_box_left.png')no-repeat left;background-size:cover}
.nhasset .visualWrap .visualTopWrap3 .textBox .icoImg{line-height:22px;margin-left:4px;vertical-align:middle}
.nhasset .visualWrap .visualTopWrap3 .textBox .icoImg img{width:17px;margin-top:4px}

@media screen and (min-width:414px){
	.nhasset .visualWrap .visualTopWrap3 .textBox{width:210px}
	.nhasset .visualWrap .visualTopWrap3 .textBox.ty01{width:250px}
}

.nhasset .visualTit{font-size:clamp(19px, 1.9rem, 28.5px);line-height:26px;color:#333;font-weight:400;text-align:center}
.nhasset .roundWrap{position:relative;padding:10px 20px 10px;border-radius:20px;background-color:#fff}
.nhasset .roundTGrayFull{margin-left:-20px;margin-right:-20px;border-radius:20px 20px 0 0;background-color:#f0f2f4}
.nhasset .roundWrap .totalTitWrap{display:flex;justify-content:space-between;align-items:center;position:absolute;top:-25px;left:20px;width:calc(100% - 40px);padding:25px;height:50px;border-radius:25px}
.nhasset .roundWrap .totalTitWrap .totalTit{font-weight:600}
.nhasset .roundWrap .accList{margin-top:15px}
/* .nhasset .roundWrap .accList .imgWrap{margin-top:5px} */ /* [2021-10-14] 윤지현:로고정렬로 삭제 */
.nhasset .roundWrap .accList .titArea{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhasset .grayWrap{position:relative;margin-bottom:-20px;padding:20px 20px 40px;background-color:#f0f2f4}
.nhasset .grayWrap.full{margin-left:-20px;margin-right:-20px;height:100vh}
.nhasset .grayWrap.wfull{margin-left:-20px;margin-right:-20px;margin-bottom:0;padding:20px}
.nhasset .visualSubWrap{background-color:#f8f8f8;margin:0 -20px;padding:12px 20px 20px 20px}
.nhasset .visualSub{margin-top:5px;font-size:clamp(16px, 1.6rem, 24px);font-weight:600}
.nhasset .visualSubWrap .visualSubPara{font-size:clamp(12px,1.2rem,18px);color:#666;margin-top:5px}
.nhasset .visualSubWrap.bgGreen{background-color:#f0fbf7}
.nhasset .visualSubWrap.bgimg{background:#f0fbf7 url('../images/spr_as_titbg.png')no-repeat center right 20px;background-size:78.5px auto}

.prodListTit{position:relative;padding-top:25px;padding-bottom:15px;font-size:clamp(16px, 1.6rem, 24px);line-height:21px;font-weight:600}
.prodListTit strong{font-weight:900}
.prodListSub{font-size:clamp(13px, 1.3rem, 19.5px);font-weight:400}
.prodListSub strong{font-weight:600}
/* .prodListTit.bg01{background:url('../images/prodListTit_bg01.gif') right bottom /91px 75px no-repeat}
.prodListTit.bg02{background:url('../images/prodListTit_bg02.gif') right bottom /68px 75px no-repeat}
.prodListTit.bg03{background:url('../images/prodListTit_bg03.gif') right bottom /91px 75px no-repeat} */
.prodListTit[class*="ico"]{padding-left:22px}
.prodListTit[class*="ico"]:before{content:'';position:absolute;left:0;width:18px;margin-top:2px;height:18px;background:url('../images/spr_myico.png') right bottom /90px 18px no-repeat}
.prodListTit.ico02:before{background-position-x:-18px}
.prodListTit.ico03:before{background-position-x:-36px}
.prodListTit.ico04:before{background-position-x:-54px}
.prodListTit.ico01:before{background-position-x:0}
.nhasset .prodListWrap{position:relative}
.nhasset .prodListWrap.bg01:before{position:absolute;top:-75px;right:0;content:'';width:91px;height:75px;background:url('../images/prodListTit_bg01.gif') right top /91px 75px no-repeat}
.nhasset .prodListWrap.bg02:before{position:absolute;top:-75px;right:0;content:'';width:68px;height:75px;background:url('../images/prodListTit_bg02.gif') right top /68px 75px no-repeat}
.nhasset .prodListWrap.bg03:before{position:absolute;top:-75px;right:0;content:'';width:91px;height:75px;background:url('../images/prodListTit_bg03.gif') right top /91px 75px no-repeat}
.nhasset .prodListWrap > li:first-child{margin-top:0;border-top:0}
.nhasset .prodListWrap > li{margin-top:15px;}
.nhasset .prodListWrap a{display:block}
.nhasset .prodListWrap .prodRecomWrap{position:relative;margin-top:25px}
.nhasset .prodListWrap > li:before{content:'';display:inline-block;width:calc(100% - 40px);height:1px;position:absolute;margin-top:-26px;border-top:solid 1px #ebebeb}
.nhasset .prodListWrap > li:first-child:before{border-top:none}

.nhasset .prodListWrap.borderTypeNew > li:before{display:none}
.nhasset .prodListWrap.borderTypeNew > li + li{border-top:solid 1px #ebebeb}


.nhasset .prodListWrap .prodRecomWrap .prodTit{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:6px;padding-right:18px;font-size:clamp(16px, 1.6rem, 24px);line-height:1.125;font-weight:600}
.nhasset .prodListWrap a .prodRecomWrap .prodTit{background:url('../images/arr_GradeR_2.png')no-repeat calc(100% - 5px) 50%;background-size:auto 12px;font-weight:900}
.nhasset .prodListWrap .prodRecommInfo{display:block;margin:10px 0 2px;font-size:clamp(12px, 1.2rem, 18px);color:#666;}
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal{flex-shrink:0}
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap{display:inline-block;position:relative;z-index:0;padding:0 8px}
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap:before{content:'';width:100%;height:10px;background-color:#d6f1ea;position:absolute;left:0;bottom:3px;z-index:-1;border-radius:5px}
.nhasset .prodListWrap .prodRecomWrap .dataValue{font-size:clamp(21px, 2.1rem, 31.5px);line-height:24px;font-weight:900}
.nhasset .prodListWrap .prodRecomWrap .per{font-size:clamp(21px, 2.1rem, 31.5px);font-weight:600;}
.nhasset .prodListWrap .prodRecomWrap .per.down:after{content:'인하';display:inline-block;width:14px;height:17px;overflow:hidden;color:transparent;background:url('../images/per_down.png')no-repeat center;background-size:14px auto;vertical-align:middle;margin-left:3px}
.nhasset .prodListWrap .prodRecomWrap .tagLabel{display:inline-block;border:1px solid #0393a4;color:#0393a4;font-size:clamp(12px,1.2rem,18px);padding:0 7px;border-radius:4px;line-height:2.1;margin-bottom:10px}
.nhasset .prodListWrap .prodRecomWrap .hashWrap{display:block;margin-top:16px;margin-bottom:-4px;font-size:clamp(12px,1.2rem,18px);color:#666;white-space:normal}
.nhasset .prodListWrap .prodRecomWrap .hashWrap .hastag{display:inline-block;margin:0 6px 6px 0}
.nhasset .prodListWrap .prodRecomWrap .hashWrap.ty01{margin-top:3px}
.nhasset .prodListWrap .prodRecomWrap .hashWrap [class*="bg"]{padding:2px 8px;border-radius:4px;line-height:1.8}
.nhasset .prodListWrap .prodRecomWrap .hashWrap .bg01{background-color:#f2f4f8}
.nhasset .prodListWrap .prodRecomWrap .hashWrap .bg02{background-color:#f3f0ee}
.nhasset .prodListWrap .prodRecomWrap .hashWrap .bg03{background-color:#f8f8f8}
.nhasset .prodListWrap .prodRecomWrap .hashWrap em + em{margin-left:6px}
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal.dsf{display:flex;justify-content:space-between;align-items:center}
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal.dsf .dataValueWrap{flex-shrink:0;margin-right:8px}
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal.dsf .prodVal.ty01,
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal.dsf .prodVal.ty01 span,
.nhasset .prodListWrap .prodRecomWrap .prodRecomVal.dsf .prodVal.ty01 .per{text-align:right;font-size:clamp(12px,1.2rem,18px);font-weight:400;line-height:1.25em}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal {justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .dataValueWrap {padding:0;}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .dataValueWrap:before {display:none;}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .dataValueWrap .data1 {position:relative;padding:0 6px;}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .dataValueWrap .data1:before {content:'';height:10px;background-color:#d5f2f5;position:absolute;left:0;right:0;bottom:0;z-index:-1;border-radius:5px}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .dataValueWrap .data1 + .data1 {margin-left:10px;}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .dataValueWrap .data1 + .data1:after {content:'~';position:absolute;left:-14px;font-size:clamp(21px, 2.1rem,31.5px);font-weight:900;}
/* [추가 260119] [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 12번,13번 구조 변경 */
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .dataValueWrap .hipen {padding:0 0 0 2px; font-size:clamp(21px, 2.1rem,31.5px);font-weight:900;}
/* // [추가 260119] [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 12번,13번 구조 변경 */
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .prodRecomVal .prodVal.ty01 {line-height:2;color:#666;font-size:clamp(11px, 1.1rem, 16.5px);}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .data2 {margin-top:8px;font-size:clamp(12px, 1.2rem, 18px);color:#888;}
.nhasset .prodListWrap .prodRecomWrap[class*="t"] .data3,
.nhasset .prodListWrap .prodRecomWrap[class*="t"] ~ .data3 {margin-top:3px;padding-left:4px;font-size:clamp(11px, 1.1rem, 16.5px);color:#888;}
.nhasset .prodListWrap .prodRecomWrap.t1 .prodRecomVal .prodVal.ty01 span,
.nhasset .prodListWrap .prodRecomWrap.t1 .prodRecomVal .prodVal.ty01 em {font-size:clamp(16px, 1.6rem, 24px);font-weight:700;color:#111;}
.nhasset .prodListWrap .prodRecomWrap.t1 .prodRecomVal .prodVal.ty01 span {margin-left:4px;}
.nhasset .prodListWrap .prodRecomWrap.t1 .prodRecomVal .prodVal.ty01 em {margin-right:4px;}
.nhasset .prodListWrap .prodRecomWrap.t1 .prodRecomVal .dataValueWrap .data1:first-child:not(:only-child) {padding-left:0;}
.nhasset .prodListWrap .prodRecomWrap.t1 .prodRecomVal .dataValueWrap .data1:first-child:not(:only-child):before,
.nhasset .prodListWrap .prodRecomWrap.t2 .prodRecomVal .dataValueWrap .data1:last-child:not(:only-child):before {display:none;}
.nhasset .prodListWrap .prodRecomWrap.t2 .prodRecomVal .dataValueWrap .data1:last-child:not(:only-child) {padding-right:0;}
.nhasset .prodListWrap .prodValue{font-weight:400}
.nhasset .prodListWrap .prodValue + .prodValue{margin-top:0 !important}

.nhasset .prodListWrap .prodInfoWrap{position:relative;margin-top:7px;width:100%;border-radius:10px;background-color:#fff}
.nhasset .prodListWrap .prodInfoWrap .prodSub{color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden}
.nhasset .prodListWrap .prodInfoWrap .prodVal{color:#666;font-weight:400;font-size:clamp(12px,1.2rem,18px);color:#000}
.nhasset .prodListWrap .prodInfoWrap .prodVal .dataValue{font-weight:400}
.nhasset .prodListWrap .prodInfoWrap .hashWrap3 {position:relative;display:block;margin-top:3px;padding-left:10px;font-weight:400;font-size:clamp(11px,1.1rem,16.5px);color:#888}
.nhasset .prodListWrap .prodInfoWrap .hashWrap3:before {content:'-';position:absolute;left:4px;bottom:0;}
.nhasset .prodListWrap .prodInfoWrap .prodValue{color:#888;display:block;font-size:clamp(12px, 1.2rem, 18px);}
.nhasset .prodListWrap .prodInfoWrap .prodEtc{text-align:right;color:#888;font-size:clamp(12px, 1.2rem, 18px);line-height:12px}
.nhasset .prodListWrap .prodInfoWrap .prodEtc span{display:block;margin-bottom:6px;font-size:clamp(10px, 1rem, 15px);color:#006dba} /* [2021-10-15] 윤지현:농협금융상품건으로 추가 */
.nhasset .prodListWrap .prodInfoWrap .prodEtc img{height:10.5px;width:auto;max-width:86px;vertical-align:-1px} /* [2021-10-15] 윤지현:농협금융상품건으로 수정 */
.nhasset .prodListWrap .prodInfoWrap .hashWrap [class*="bg"]{padding:2px 8px 4px;border-radius:4px;line-height:1.8;color:#666;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .prodListWrap .prodInfoWrap .hashWrap .bg01{background-color:#f2f4f8}
.nhasset .prodListWrap .prodInfoWrap .hashWrap .bg02{background-color:#f3f0ee}
.nhasset .prodListWrap .prodInfoWrap .hashWrap .bg03{background-color:#f8f8f8}
/* .nhasset .prodListWrap .disagree{display:block;width:100%;height:100px;text-align:center;background-color:#f8f8f8;border-radius:10px;color:#666}
.nhasset .prodListWrap .disagree .disagreeP{padding-top:25px}
.nhasset .prodListWrap .disagree .link{display:inline-block;margin-top:10px;padding-right:10px;font-size:clamp(12px, 1.2rem, 18px);text-align:center;color:#666;text-decoration:underline !important;text-underline-position:under;background:url('../images/arr_right01.png') no-repeat 100% 50%;background-size:6px 10px} */

.totalPopWrap{display:flex;flex-direction:column;;padding:0 20px 15px 20px;background-color:#fff}
.totalPopWrap .totalTit{font-size:clamp(20px, 2.0rem, 30px);color:#111;font-weight:bold}
.totalPopWrap .totalAmnt{color:#19a646}
.totalPopWrap .totalAmnt .won{font-size:clamp(16px,1.6rem,24px )}
.totalPopWrap .totalAmnt .dataValue{font-size:clamp(26px, 2.6rem, 39.5px);font-weight:900;font-family:'NotoNum'}

.nhasset .as.totalPopWrap{display:flex;flex-direction:row;align-items:center;padding:0 20px 25px 20px}
.nhasset .as.totalPopWrap .totalTit{font-size:14px;color:#666;text-align:left;width:30%}
.nhasset .as.totalPopWrap .totalAmnt{text-align:right;width:70%}
/******************************
		소비내역 
******************************/
.nhasset .filterArea{display:flex;margin:20px 0;justify-content:space-between;align-items:center}
.nhasset .filterTab{display:inline-block;background-color:#f3f6f9;border-radius:16px;overfloW:hidden;vertical-align:middle}
.nhasset .filterTab button{float:left;height:auto;/*min-height:32px;*/padding:0 15px;color:#666;background-color:#f3f6f9;border-radius:32px;line-height:2.27;font-size:clamp(12px,1.2rem,18px )}
.nhasset .filterTab button.active{color:#fff;background-color:#19a647}
.nhasset .filterSelect button{position:relative;padding-right:18px;background:url(../images/arr_down02.png) no-repeat right top 57%;background-size:10px auto;font-size:clamp(14px,1.4rem,21px)}
.nhasset .filterSelect button.error{border-bottom:solid 1px #f44743}
.nhasset .filterSelect button:after{content:'';position:absolute;left:0;right:16px;bottom:-1px;height:1px;background-color:#000}

@media screen and (max-width:320px){
	.nhasset .filterTab button{padding:0 9px}
}

.nhasset .totalBalance .asset{padding-top:2px;font-weight:900;font-size:clamp(16px, 1.6rem, 24px);white-space:nowrap;} /* [MD2403_018] 금액 개행 오류 수정 */
.nhasset .totalBalance .asset .noneHover{color:#888;font-size:clamp(20px, 2.0rem, 30px)}
.nhasset .totalBalance .status{position:absolute;top:50%;right:0px;width:60px;height:62px;margin-top:-30px;font-size:clamp(12px, 1.2rem, 18px);font-weight:normal;color:#111;text-align:center}
.nhasset .totalBalance .status .icoWeather{display:block;width:44px;height:44px;margin:0 auto 5px;content:'';background-repeat:no-repeat;background-size:cover}
.nhasset .totalBalance .status .tooltipWrap .tooltipCont{left:auto;right:0px}
.nhasset .totalBalance .status .tooltipWrap.toolWeathher .tooltipCont{left:auto;right:-20px;margin-top:0}
.nhasset .totalBalance .type01 .status .icoWeather{background-image:url(../images/ico_weather_main01.gif)}
.nhasset .totalBalance .type02 .status .icoWeather{background-image:url(../images/ico_weather_main02.gif)}
.nhasset .totalBalance .type03 .status .icoWeather{background-image:url(../images/ico_weather_main03.gif)}
.nhasset .totalBalance .type04 .status .icoWeather{background-image:url(../images/ico_weather_main04.gif)}
.nhasset .totalBalance .isBg{background:url(../images/img_spend01.gif) no-repeat 100% 50%;background-size:90px 80px}
.nhasset .totalBalance .isBg2{padding-top:25px;padding-bottom:7px;background:url(../images/img_spend02.png) no-repeat right bottom;background-size:auto 62px} /* AS1241 */
.nhasset .totalBalance .isBg3{padding-top:25px;padding-bottom:20px;background:url(../images/img_spend03.png) no-repeat right bottom;background-size:71px 66px} /* AS1241 */
.nhasset .container.fullH .totalBalance.dechRTGray{padding-bottom:20px}

.nhasset .container.fullH .totalBalance{margin-top:0;position:relative}
.nhasset .container.fullH .dechRTGray, .nhasset .container.fullH .dechRTW, .nhasset .whiteWrap,.nhasset .container.fullH .dechRBGray{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;padding-bottom:50px}
.nhasset .whiteWrap{background-color:#fff}
.nhasset .dechRTGray, .nhasset .dechRTW{position:relative}
.nhasset .dechRTW:after{content:'';position:absolute;left:0;right:0;bottom:0px;height:20px;background:#f0f2f4;border-radius:20px 20px 0 0}
.nhasset .dechRTW:after{background-color:#fff}
.nhasset .dechRBGray{position:relative} /* f4f6f9 */
.nhasset .dechRBGray:after{content:'';position:absolute;left:0;right:0;bottom:-20px;height:20px;background:#f0f2f4;border-radius:0 0 20px 20px;z-index:1}
.nhasset .dechRBGray+.whiteWrap{padding-top:40px}


.nhasset .spendSet{display:flex;margin-top:24px;justify-content:space-between}
.nhasset .spendSet .tit{padding-left:22px;background:url(../images/bul_cal.png) no-repeat 0 50%;background-size:12px 12px}
.nhasset .spendSet .date{margin-right:5px;padding-right:22px;color:#666;background:url('../images/ico_set.png') no-repeat 100% 50%;background-size:16px 17px}
.nhasset .spendSet .date[role="text"]{margin-right:0;padding-right:0;background:none}

.nhasset .spendChart{margin-top:15px;padding:0 15px;border:1px solid #e1e1e1;border-radius:2px}
.nhasset .spendChart .txt{overflow:hidden;margin:0 -15px;padding:14px 16px;background:#f3f6f9}
.nhasset .spendChart .txt .tit{float:left}
.nhasset .spendChart .txt .value{float:right;font-weight:bold}
.nhasset .spendChart .graphBg{height:116px;padding:10px 0}
.nhasset .spendChart .graphWrap{position:relative}
.nhasset .spendChart .graphLimit{z-index:2;position:absolute;top:0;padding-top:25px;background:url('../images/line_h.png') left top /1px auto no-repeat}
.nhasset .spendChart .graphLimit .box{padding:3px 5px;margin-left:-16px;border:1px solid #888;background-color:#fff;border-radius:2px;font-size:clamp(12px, 1.2rem, 18px);color:#111;white-space:nowrap;}
.nhasset .spendChart .graphLimit .box01{padding:0 3px;margin-left:-16px;border:1px solid #e4797b;background-color:#fff;border-radius:2px;font-size:clamp(12px, 1.2rem, 18px);color:#111}

/* 날짜별 소비 리스트 */
.nhasset .listDaySort > ul > li{margin-top:30px}
.nhasset .listDaySort > ul > li:first-child{margin-top:0px}
.nhasset .listDaySort .daySum{display:flex;margin-bottom:10px;padding-bottom:12px;justify-content:space-between;border-bottom:1px solid #e1e1e1}
.nhasset .listDaySort .daySum .day,.nhasset .listDaySort .daySum .value{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .timeList li a.link{display:flex;margin-top:15px;align-items:center}
.nhasset .timeList li .imgWrap{height:25px}
.nhasset .timeList li .imgWrap .img{width:25px;height:25px;margin-right:8px}
.nhasset .timeList li .imgWrap img{flex:none;display:inline-block;width:25px;height:25px}
.nhasset .timeList li .time{flex:none;display:inline-block;width:auto;margin-right:7px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .timeList li .tit{font-weight:bold;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nhasset .timeList li .value{flex:none;margin-left:auto;color:#666}
.nhasset .timeList .cancel .value{color:#aaa;text-decoration:line-through}/* 취소거래 */

.nhasset .expTit{position:relative;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .expTit:after{content:'';position:absolute;top:-10px;right:0;width:40px;height:40px;background:url('../images/ico_spend05.gif') right /100% no-repeat}
.nhasset .expTit em{color:#19a647}
.nhasset .expTit.type06:after{background-image:url('../images/ico_spend06.gif')}

.nhasset .commuListWrap a.link{padding-right:15px;background:url('../images/arr_right03.png') no-repeat right center /7px 11px}
.nhasset .commuList > li > a{display:table;width:100%;table-layout:fixed} /* 통신 리스트*/
.nhasset .commuListL, .commuListR{display:table-cell}
.nhasset .commuListL .commuTit, .commuListL .commuVal{display:block;width:100%}
.nhasset .commuListL .commuTit{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .commuListL .commuVal{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .commuList>li{margin-top:15px;padding-top:15px;border-top:1px solid #e1e1e1}
.nhasset .commuList>li:first-child{margin-top:0;border-top:0}
.nhasset .commuListR{text-align:right;vertical-align:middle}
.nhasset .commuListR .dataValue{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .commuListR .won{font-weight:900}
.nhasset .commuListR .commuVal2{display:block;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}

.InsListWrap a.link{display:block;padding-right:15px;background:url('../images/arr_right03.png') no-repeat right center /7px 11px}
.InsListWrap .InsTit{margin-bottom:20px;width:100%;font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nhasset .InsList>li{margin-top:15px;padding-top:15px;border-top:1px solid #e1e1e1}
.nhasset .InsList>li:first-child{margin-top:0;border-top:0}
.nhasset .InsList .InsCont{display:table;width:100%;table-layout:fixed}
.nhasset .InsList [class*='InsContC']{display:table-cell}
.nhasset .InsList [class*='InsContC']:before{content:none}
.nhasset .InsList .InsContC2{width:30%;padding-left:20px;border-left:1px solid #e1e1e1}
.nhasset .InsList .InsContC3{width:43%;padding-left:20px;border-left:1px solid #e1e1e1}
.nhasset .InsList .InsConTit{display:block;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .InsList .InsConVal .dataValue{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .InsList .InsConVal .won{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold}

.nhasset .greenLink{display:inline-block;font-size:clamp(13px, 1.3rem, 19.5px);color:#19a647}
.nhasset .greenLink:after{content:'';display:inline-block;margin-left:4px;width:6px;height:10px;background:url('../images/arr_right06.png') top right /100% no-repeat}
.nhasset .defSubTit2+.greenLink{margin-top:10px}

.nhasset.slidePopOption .spendGuide{padding:0 20px 20px}
.nhasset.slidePopOption .spendGuide .defTit{margin:0 0 15px ;background:url(../images/img_spendGuide.gif) no-repeat 100% 50%;background-size:80px 77px}
.nhasset.slidePopOption .spendGuideWrap{margin-bottom:-40px;width:100%;height:calc(100% - 15px);overflow-y:auto}
.nhasset .barBtnArea{position:relative;bottom:-40px;left:0;width:100%;padding:0 20px;background:#fff}
.nhasset .barBtnArea div{display:flex;width:100%;border-top:1px solid #e1e1e1}
.nhasset .barBtnArea a{position:relative;flex:1;line-height:52px;color:#666;text-align:center}
.nhasset .barBtnArea a:first-child:after{position:absolute;top:50%;right:0;content:'';width:1px;height:10px;margin-top:-5px;background-color:#e1e1e1}

/* 소비 카테고리 예산 리스트 */
.nhasset .compareList{margin-top:20px}
.nhasset .compareList li{margin-top:20px;padding-top:20px;border-top:1px solid #e1e1e1}
.nhasset .compareList li:first-child{margin-top:0;padding-top:0;border-top:none}
.nhasset .compareList .imgWrap{width:100%;height:25px;font-size:clamp(15px, 1.5rem, 22.5px);text-align:left}
.nhasset .compareList .imgWrap .img{width:32px;height:32px;margin-right:8px}
.nhasset .compareList .imgWrap img{width:100%;vertical-align:-7px}
.nhasset .compareList .graphTit{margin-top:14px;font-weight:900}
.nhasset .compareList .graphTit .tit{font-weight:900}

/* 예산유지팝업 */
.nhasset .popCont .confirmMsg.spendStart{padding:75px 17px 13px 17px;background:url(../images/img_spendSet.png) no-repeat 50% 5px;background-size:55px 55px}
.nhasset .popCont .confirmMsg.spendStart .defSubTit2{font-weight:bold}
.nhasset .popCont .confirmMsg.spendStart .defSubTit{margin:8px 0 0}

/* 예산돌아보기 */
.nhasset .spendSetResult .colorBox{position:relative;margin:0 -20px 20px;padding:140px 20px 25px;background-color:#f3faf6;background-repeat:no-repeat;background-position:50% 38px;background-size:170px 90px;text-align:center}
.nhasset .spendSetResult .colorBox .filterSelect{position:absolute;top:15px;right:20px}
.nhasset .spendSetResult .colorBox p{color:#666}
.nhasset .spendSetResult .colorBox p .tit{display:block;margin-bottom:3px;font-size:clamp(19px, 1.9rem, 28.5px);color:#111;font-weight:bold;letter-spacing:-0.5px}
.nhasset .spendSetResult .colorBox.type01{background-image:url(../images/img_spend_badge01.gif);background-color:#f3faf6}
.nhasset .spendSetResult .colorBox.type02{background-image:url(../images/img_spend_badge02.gif);background-color:#f3f9ff}
.nhasset .spendSetResult .colorBox.type03{background-image:url(../images/img_spend_badge03.gif);background-color:#f8f8f8}
.nhasset .spendSetResult .colorBox.type04{padding-top:135px;background:url(../images/img_spend_badge04.png) center top 50px /86px 70px no-repeat;background-color:#fffbf3}
.nhasset .spendSetResult .colorBox.type05{padding:0;min-height:53px;background-color:#f8f8f8}
.nhasset .marketingArea{margin-top:20px;border:1px solid #e1e1e1;border-radius:10px;overflow:hidden}
.nhasset .marketingArea .link{display:block;padding:20px 20px 20px 37px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;background:url(../images/arr_right03.png) no-repeat 95% 50%;background-position:right 20px top 50%;background-size:6px 10.5px}
.nhasset .marketingArea .link strong{display:block;margin-top:5px;font-size:clamp(15px, 1.5rem, 22.5px);color:#111}
.nhasset .marketingArea .etcTxt{position:relative;padding:15px 20px 15px 37px;font-size:clamp(13px, 1.3rem, 19.5px);background:#f8f8f8;border-bottom:1px dashed #e1e1e1;border-radius:10px 10px 0 0}
.nhasset .marketingArea .etcTxt:before{position:absolute;top:-15px;left:17px;content:'';width:12px;height:30px;background:url(../images/img_ring01.png) no-repeat;background-size:cover}
.nhasset .marketingArea .etcTxt:after{position:absolute;top:-15px;right:17px;content:'';width:12px;height:30px;background:url(../images/img_ring01.png) no-repeat;background-size:cover;transform:rotate(180deg)}
.nhasset .marketingArea.topArea{margin-top:10px}
.nhasset .marketingArea .topAreaT{padding:20px 15px}
.nhasset .marketingArea .topAreaT .listMoreBtn{margin:20px -15px -20px;border:0;border-top:1px solid #e1e1e1}
.nhasset .marketingArea .topAreaT .listMoreBtn a{height:50px;line-height:50px}
.nhasset .marketingArea.topArea .etcTxt{padding:15px 21px 18px}
.nhasset .marketingArea.topArea .etcTxt:before{top:auto;bottom:-15px}
.nhasset .marketingArea.topArea .etcTxt:after{top:auto;bottom:-15px}

.nhasset .topList .top{display:inline-block;margin-right:10px;width:40px;height:20px;background-color:#e3f4e9;color:#19a647;font-size:clamp(12px, 1.2rem, 18px);text-align:center}
.nhasset .topList .etc{display:inline-block;margin-right:10px;width:40px;height:20px;background-color:#f1f1f1;color:#666;font-size:clamp(12px, 1.2rem, 18px);text-align:center}
.nhasset .topList li{display:flex;justify-content:space-between;margin-top:18px}
.nhasset .topList li:first-child{display:flex;justify-content:space-between;margin-top:0}
.nhasset .topList li:first-child .top{background-color:#19a647;color:#fff}
.nhasset .topList .topName{padding-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;font-weight:bold}
.nhasset .topList .topName .tag{margin-right:8px}
.nhasset .topList .topVal{flex-shrink:0}
.nhasset .topList .topVal .won{padding-left:2px;font-weight:900}

.nhasset .inoutListInn>.tit{padding-bottom:6px;font-size:clamp(15px, 1.5rem, 22.5px);border-bottom:1px solid #111}
.nhasset .inoutList .inoutPlace{margin-top:4px}
.nhasset .inoutList .inoutDate .date{display:inline-block;margin:0;padding:0;width:100%;border-bottom:0}

.nhasset .infoBoxGreen{position:relative;padding:16px 15px;margin-top:15px;background-color:#f3faf6;border:1px solid #e1e1e1;border-radius:2px}
.nhasset .infoBoxGreen .infoTxtMsg2{margin-top:0;font-weight:bold}
.nhasset .bookmark2{margin-bottom:53px}
.nhasset .bookmark2:after{position:absolute;bottom:-26px;left:16px;content:'';width:15px;height:41px;background:url(../images/ico_bookmark2.png) no-repeat;background-size:cover}
.nhasset .bookmark2.reImg:after{bottom:-34px;width:16px;height:30px;background-image:url(../images/ico_bookmark2_re.png)}
.nhasset .bookmarkTxt{position:absolute;bottom:-27px;left:38px;font-size:clamp(13px, 1.3rem, 19.5px);color:#19a647}
.nhasset .bookmarkTxt.rePos{bottom:-34px}
.nhasset .bookmarkTxt em{color:#19A647}
.nhasset .infoBoxWhite{padding:15px 15px;border:1px solid #e1e1e1;border-radius:2px}
.nhasset .infoBoxWhite .graphWrap{margin-top:5px}
.nhasset .infoBoxGreen + .infoBoxWhite{border-top:0}
.nhasset .graphDateVal{margin-top:5px;overflow:hidden}
.nhasset .graphDateVal .tit, .graphDateVal .date{display:block;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .graphDateVal .tit{color:#666}
.nhasset .graphDateVal .fr{text-align:right}

.nhasset .selMonth .year{display:inline-block;margin-right:3px}
.nhasset .selMonth .smTxt{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .selMonth .disabled{color:#666}

/* 소비상세 영수증 */
/*.nhasset .popInner.wrapReceipt{overflow:initial;border-radius:0}*/
.nhasset .popInner.wrapReceipt h1{padding:0 16px}
.nhasset .popInner.wrapReceipt h1 .category{padding:0 0 15px 0;margin-right:0}
.nhasset .popInner.wrapReceipt h1 .img{width:35px;height:35px;border:none !important}
.nhasset .popInner.wrapReceipt h1 img{width:35px;height:35px}
.nhasset .popInner.wrapReceipt:before{position:absolute;top:-4px;left:0;content:'';width:100%;height:4px;background:url(../images/bg_receipt.png) repeat 0 0;background-size:14px 4px}
.nhasset .popInner.wrapReceipt .popCont{padding:0 20px 40px}
.nhasset .popInner.wrapReceipt h2{margin-bottom:15px;padding-right:60px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .popInner.wrapReceipt .cardInfo{min-height:45px}
.nhasset .popInner.wrapReceipt .cardName,.nhasset .popInner.wrapReceipt .cardDate{color:#666}
.nhasset .popInner.wrapReceipt .cardName{padding-right:80px;margin-bottom:3px}
.nhasset .popInner.wrapReceipt .popCont{position:relative}
.nhasset .popInner.wrapReceipt .category{line-height:40px;position:inherit;top:0;right:20px;;text-align:left;display:flex;margin-top:15px;align-items:center;border-bottom:2px solid #ebebeb;padding-bottom:15px}
.nhasset .popInner.wrapReceipt .category .itemSelect{margin-top:5px;text-align:left;margin-left:10px}
.nhasset .popInner.wrapReceipt .category .itemSelect a{color:#111;font-size:clamp(16px, 1.6rem, 24px);padding-right:15px;background:url('../images/btnEdit2.png') no-repeat 100% 50%;background-size:11px 11px}
.nhasset .popInner.wrapReceipt .formWrap{margin-top:4px}
.nhasset .popInner.wrapReceipt .inputList input{padding-right:50px;font-size:clamp(20px, 2.0rem, 30px);font-family:'NotoNum'}
.nhasset .popInner.wrapReceipt .inputList input::placeholder{font-family:'NotoKR'}
.nhasset .popInner.wrapReceipt .inputList .unit{font-size:clamp(20px, 2.0rem, 30px);font-weight:900}
.nhasset .popInner.wrapReceipt .infoBox{margin:20px 0 0;padding:15px 20px;border-radius:4px}
/*.nhasset .popInner.wrapReceipt .popBtnWrap .popClose{top:7px}*/
.nhasset .popInner.wrapReceipt .current{height:42px;text-align:left}
.nhasset .popInner.wrapReceipt .current .value{display:inline-block;line-height:36px;font-size:clamp(20px, 2.0rem, 30px);font-weight:900}
.nhasset .popInner.wrapReceipt .current .value .dataValue{font-family:'NotoNum';vertical-align:middle}
.nhasset .popInner.wrapReceipt .current .value .won{vertical-align:middle}
.nhasset .popInner.wrapReceipt .current .value .won + .dataValue{margin-left:3px}
.nhasset .popInner.wrapReceipt .current button{display:inline-block;width:20px;height:35px;background:url('../images/btnEdit.png') no-repeat 100% 50%;background-size:11px 11px;vertical-align:6px}
.nhasset .popInner.wrapReceipt .inputList{display:none}
.nhasset .popInner.wrapReceipt .del .current{color:#aaa}
.nhasset .popInner.wrapReceipt .del .current .value{text-decoration:line-through}
.nhasset .popInner.wrapReceipt .modify .current{display:none}
.nhasset .popInner.wrapReceipt .modify .inputList{display:block}




/* 카테고리 선택 팝업 */
.nhasset .categoryWrap{margin:16px 0 0 -10px}
.nhasset.slidePopOption .categoryWrap{margin:0 20px 0 10px} 
.nhasset .popCont .categoryWrap ul{overflow:hidden}
.nhasset .popCont .categoryWrap li{position:relative;float:left;width:33.33%;height:90px;margin-bottom:10px;padding-left:10px}
.nhasset .categoryWrap .item{position:relative;display:block;width:100%;height:92px;text-align:center}
.nhasset .categoryWrap input{position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,0,0,0)}
/*.nhasset .categoryWrap label{display:block;width:100%;max-width:100%;height:90px;margin:0;padding-top:10px;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:2px;text-align:center;border-radius:10px}*/
.nhasset .categoryWrap label{display:block;width:100%;max-width:100%;height:90px;margin:0;padding:10px 1px 1px 1px ;border:1px solid #ebebeb;text-align:center;border-radius:6px}
.nhasset .categoryWrap input:checked + label{padding:9px 0px 0px 0px}
.nhasset .categoryWrap label img{display:block;width:45px;height:45px;margin:0 auto}
.nhasset .categoryWrap label img[src*="ico_interest"]{width:55px;height:55px;margin:0 auto}
/*.nhasset .categoryWrap input:checked + label{color:#19a647;border:1px solid #19a647;background:url('../images/ico_check_on.png') top 10px right 10px /13px 9px #e3f4e9 no-repeat}*/
.nhasset .categoryWrap input:checked + label{border:2px solid #19a647}
.nhasset .categoryWrap input[type='radio'] + label, .nhasset .categoryWrap input[type='checkbox'] + label{margin-left:0}
.nhasset .categoryWrap [class*="icoCate"]:before, .nhasset .categoryWrap [class*="icoInter"]:before{display:block;margin:0 auto}
/* .nhasset .categoryWrap [class*="icoInter"]:before{margin:4px auto 10px} */
.nhasset .categoryWrap.interest{height:180px;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .categoryWrap.interest label{padding-top:5px}

.nhasset .popCont .categorySubWrap{/* margin-bottom:-40px;width:100%;height:calc(100% - 36px);overflow-y:auto */}
.nhasset .popCont .categorySubWrap .icoCate{display:block;min-height:32px;padding:0 20px 12px 20px;;font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .popCont .categorySubWrap .icoCate strong{display:inline-block;vertical-align:middle}
.nhasset .popCont .categorySubWrap .icoCate .img{display:inline-block;width:32px;height:32px;margin-right:10px;border:1px solid #f3f3f3;background-color:#fff;border-radius:16px 16px;vertical-align:middle}
.nhasset .popCont .categorySubWrap .icoCate img{width:100%;vertical-align:top}
.nhasset .popCont .categorySubWrap .icoCate:before{display:none}
.nhasset .popCont .categorySubWrap .addrSelectWrap{margin:0px 20px}
.nhasset .popCont .categorySubWrap .addrSelectWrap li a{background-color:#fff}
.nhasset .popCont .botFix{position:relative;display:block;left:0;width:100%;line-height:74px;padding:0 20px}
.nhasset .popCont .botFix label{margin-left:6px}

.nhasset .warpMonthSet .topHead{margin:0 -20px;margin-bottom:10px;padding:20px 20px 26px;background:#f8f8f8}
.nhasset .warpMonthSet .topHead .tit{height:89px;padding-top:32px;background:url(../images/bg_spring.png) no-repeat center 0 #e9f9ff;background-size:260px 19px;text-align:center}
.nhasset .warpMonthSet .topHead .tit span{display:inline-block;font-size:clamp(19px, 1.9rem, 28.5px);font-weight:bold}
.nhasset .warpMonthSet .topHead .tit .filterSelect{display:inline-block;width:33px;padding:0;font-size:clamp(19px, 1.9rem, 28.5px);color:#19A647;font-weight:900;background:transparent;border-bottom:2px solid #19A647;text-align:center}
.nhasset .warpMonthSet .topHead .tit .filterSelect button{padding:0;font-size:clamp(19px, 1.9rem, 28.5px);background:none}
.nhasset .warpMonthSet .topHead .txt{position:relative;padding:15px 0;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;text-align:center;background:#fff}
.nhasset .warpMonthSet .topHead .txt:before{position:absolute;bottom:-4px;left:2px;right:2px;height:3px;content:'';background:#cbcbcb;border-radius:0 0 2px 2px}
.nhasset .warpMonthSet .topHead .txt:after{position:absolute;bottom:-8px;left:4px;right:4px;height:3px;content:'';background:#e4e4e4;border-radius:0 0 2px 2px}
.nhasset .warpMonthSet .topHead .txt strong{color:#111}
.nhasset .warpMonthSet .topHead.error .tit input{color:#f44743;border-color:#f44743}
.nhasset .warpMonthSet .topHead.error .txt{color:#f44743}

.nhasset .warpMonthSet .topHead.month{overflow:hidden;background:url(../images/ico_calender_n.png) no-repeat top 25px right 20px;background-size:41px 45px;background-color:#fff;border-radius:10px;margin:20px 0;box-shadow:0px 3px 6px .6px rgba(63, 80, 96, 0.10)}
.nhasset .warpMonthSet .topHead.month .tit{height:auto;padding-top:0;text-align:left;background:none}
.nhasset .warpMonthSet .topHead.month .tit span{display:inline-block;font-size:clamp(19px, 1.9rem, 28.5px);font-weight:bold}
.nhasset .warpMonthSet .topHead.month .tit .filterSelect{display:inline-block;width:auto;padding:0;font-size:clamp(19px, 1.9rem, 28.5px);color:#111;font-weight:900;background:transparent;border-bottom:none;text-align:center}
.nhasset .warpMonthSet .topHead.month .tit .filterSelect button{padding:0;font-size:clamp(19px, 1.9rem, 28.5px);background:none}
.nhasset .warpMonthSet .topHead.month .txt01{border-top:1px solid #efefef;margin:25px -20px 0 -20px}
.nhasset .warpMonthSet .topHead.month .txt01 p{padding:20px 20px 0 20px;color:#666}
.nhasset .warpMonthSet .topHead.month .txt01 p.error{color:#f44743}
.nhasset .warpMonthSet .inputList:focus-within {height:50px;} /* [MD2409_071] */
.nhasset .warpMonthSet .inputList:focus-within > input:focus {border-bottom:25px solid #fff;box-sizing:content-box;padding-top:0;padding-bottom:0;} /* [MD2409_071] */
.nhasset .warpMonthSet .priceSet .inputList:focus-within > input:focus {border-bottom-width:40px;} /* [MD2409_071] */

/*.nhasset .btnSetReset{display:block;margin-bottom:10px;text-align:right}
.nhasset .btnSetReset button{display:inline-block;padding:0 9px 0 8px;line-height:22px;font-size:clamp(13px, 1.3rem, 19.5px);color:#19a647;border:1px solid #19a647;border-radius:12px}
.nhasset .btnSetReset button:before{display:inline-block;content:'';width:14px;height:14px;margin-right:4px;background:url(../images/btn_reset.png) no-repeat;background-size:cover;vertical-align:middle}
*/
.nhasset .btnSetReset{display:block;margin-bottom:10px;text-align:right;position:relative}
.nhasset .btnSetReset button{display:inline-block;padding:0 20px 0 8px;line-height:22px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .btnSetReset button:before{position:absolute;right:0;top:3px;display:inline-block;content:'';width:18px;height:18px;background:url(../images/btn_update.png) no-repeat;background-size:cover;vertical-align:middle}
.nhasset .inputListArea{display:flex;margin-top:12px;align-items:center;justify-content:space-between;border:solid 1px #ebebeb;border-radius:5px;line-height:2.7;padding-left:10px}
.nhasset .inputListArea .inputList .selectBtn{width:30px}
.nhasset .inputListArea .inputList{padding-right:40px;flex:1;text-align:right}

.nhasset .priceSet{border:1px solid #e1e1e1}
.nhasset .priceSet p{margin:0 15px;padding:16px 0 16px 22px;font-weight:bold;background:url("../images/ico_msg2.png") left center/15px 15px no-repeat}
/*.nhasset .priceSet p.errorTxt{margin:4px 0 0;padding:0;bottom:10px;background:none;text-align:right}*/
.nhasset .priceSet .priceInp{position:relative;padding:15px 0 0;background:#f8f8f8}
.nhasset .priceSet .formWrapBox li{display:flex;justify-content:center;align-items:center}
.nhasset .priceSet .formTit{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .priceSet .roundBtnWrap{margin-top:10px}

.nhasset .priceSet .priceInp.bgNone{position:relative}
.nhasset .priceSet .priceInp.bgNone .formTit{position:absolute;font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold;left:5px;top:8px}

/*.nhasset .priceSetList > ul > li{margin-top:20px;border-top:1px solid #e1e1e1}*/
.nhasset .priceSetList > ul > li{border-top:none;margin-top:35px}
.nhasset .priceSetList > ul > li:first-child{margin-top:0;border-top:none}
.nhasset .priceSetList .cate{display:flex;;margin-top:16px;padding-bottom:10px;justify-content:space-between;align-items:center}
.nhasset .priceSetList .cate .imgWrap{height:25px;font-size:clamp(15px, 1.5rem, 22.5px);white-space:nowrap;text-align:left}
.nhasset .priceSetList .cate .imgWrap .img{width:32px;height:32px;margin-right:5px}
.nhasset .priceSetList .cate .imgWrap img{vertical-align:middle}
.nhasset .priceSetList .cate .data{color:#666;font-size:12px;color:#888}
.nhasset .priceSetList .formWrapBox{margin-top:9px}
.nhasset .priceTxt{margin-top:5px;font-size:clamp(12px, 1.2rem, 18px);color:#888;text-align:left}

.nhasset .cateListHori{position:relative;/*min-height:67px;*/margin:20px -20px 0}
.nhasset .cateListHori:before,.nhasset .cateListHori:after{position:absolute;top:0;content:'';width:20px;min-height:67px;background:url(../images/bg_blur.png) no-repeat;background-size:cover;z-index:2;height:100%}
.nhasset .cateListHori:before{left:0;transform:rotate(180deg)}
.nhasset .cateListHori:after{right:0}
.nhasset .cateListHori .categoryWrap{display:flex;overflow-y:hidden;overflow-x:scroll;margin:0;padding:0 20px;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nhasset .cateListHori .categoryWrap::-webkit-scrollbar{display:none}
.nhasset .cateListHori .categoryWrap ul{display:flex;flex-wrap:nowrap;overflow:initial}
.nhasset .cateListHori .categoryWrap ul:after{content:'';flex:0 0 auto;width:20px} /* 디바이스 오른쪽여백용 */
.nhasset .cateListHori .categoryWrap li{flex:0 0 auto;min-width:75px;margin-bottom:0;width:auto;/*min-height:67px;*/margin-left:5px;padding-left:0;height:auto} /*2021-10-28 margin-left 스타일 삭제 */
.nhasset .cateListHori .categoryWrap li:first-child{margin-left:0}
.nhasset .cateListHori .categoryWrap li .item{min-height:67px;height:auto}
.nhasset .cateListHori .categoryWrap input{transform:translateZ(0)}
.nhasset .cateListHori .categoryWrap label{min-height:67px;padding-top:0;font-size:clamp(13px, 1.3rem, 19.5px);padding:1px 5px 5px 5px;height:auto;transform:translateZ(0)}
.nhasset .cateListHori .categoryWrap input:checked + label{padding:0 4px 4px 4px}
.nhasset .cateListHori .categoryWrap label img{width:25px;height:25px;margin-bottom:5px;margin-top:7px}
.nhasset .cateListHori .categoryWrap input:checked + label{background-image:none}

.nhasset .cateSubList{position:relative;margin:10px -20px 0}
.nhasset .cateSubList:before,.nhasset .cateSubList:after{position:absolute;top:0;content:'';width:20px;height:36px;background:url(../images/bg_blur.png) no-repeat;background-size:cover;z-index:2}
.nhasset .cateSubList:before{left:0;transform:rotate(180deg)}
.nhasset .cateSubList:after{right:0}
.nhasset .cateSubList .roundChkWrap.flexType{display:flex;overflow-y:hidden;overflow-x:scroll;margin:0 0 0 -3px;padding:10px 20px;white-space:nowrap;-webkit-overflow-scrolling:touch;transform:translate3d(0px, 0px, 0px)}
.nhasset .cateSubList .roundChkWrap.flexType::-webkit-scrollbar{display:none}
.nhasset .cateSubList .roundChkWrap.flexType *{transform:translate3d(0px, 0px, 0px)}

/* .nhasset .cateSubList .roundChkWrap.flexType:after{display:block;width:20px;content:''} */
.nhasset .cateSubList .roundChkWrap.flexType ul{flex-wrap:nowrap;width:auto}
.nhasset .cateSubList .roundChkWrap.flexType ul:after{/* display:inline-block;width:20px;content:'';*/}  /* 디바이스 오른쪽여백용 */ /*2021-10-28 스타일 삭제 */

.nhasset .cateSubList01{position:relative;margin:10px -20px 0}
.nhasset .cateSubList01:before,.nhasset .cateSubList01:after{position:absolute;top:0;content:'';width:20px;height:36px;background:url(../images/bg_blur.png) no-repeat;background-size:cover;z-index:2}
.nhasset .cateSubList01:before{left:0;transform:rotate(180deg)}
.nhasset .cateSubList01:after{right:0}
.nhasset .cateSubList01 .roundChkWrap.flexType{display:flex;overflow-y:hidden;overflow-x:scroll;margin:0 0 0 -3px;padding:10px 20px;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nhasset .cateSubList01 .roundChkWrap.flexType::-webkit-scrollbar{display:none}
/* .nhasset .cateSubList01 .roundChkWrap.flexType:after{display:block;width:20px;content:''} */
.nhasset .cateSubList01 .roundChkWrap.flexType ul{flex-wrap:nowrap;width:auto}
.nhasset .cateSubList01 .roundChkWrap.flexType ul:after{/* display:inline-block;width:20px;content:'';*/}  /* 디바이스 오른쪽여백용 */ /*2021-10-28 스타일 삭제 */

.nhasset .autoRepeat.disabled label{color:#aaa}
.nhasset .autoRepeat.disabled .cal .btnCalendar{background-image:url(../images/ico_cal_dis.png)}
.nhasset .autoRepeat .cal{display:inline-block;margin-right:10px;padding-left:0;max-width:100%}
.nhasset .autoRepeat .chkRadio input[type='radio'] + label{padding:12px 15px 13px 35px;height:48px}
.nhasset .autoRepeat .chkRadio input[type='radio']:checked + label{border-width:2px}

/******************************
		소비패턴
******************************/
.nhasset .defTit.linkTit{margin:15px 0 20px}
.nhasset .linkTit a.link{padding-right:14px;background:url(../images/btn_tabRight_on.png) no-repeat 100% 50%;background-size:6px 10.5px}
.nhasset .linkTit strong{font-weight:900}

/* 탑 랭킹 */
.nhasset .topRanking{position:relative;margin-top:20px;padding:15px 20px 20px;background-color:#f3faf6;border-radius:10px}
.nhasset .topRanking > a{display:block}
.nhasset .topRanking .rankTag{display:inline-block;height:20px;min-width:36px;line-height:20px;font-size:clamp(12px, 1.2rem, 18px);color:#fff;background-color:#19a647;text-align:center;border-radius:2px}
.nhasset .topRanking .rankTag.etc{min-width:0;color:#111;background:none}
.nhasset .topRanking .rankCate{padding-left:5px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .topRanking .divingTxt{margin-top:5px}
.nhasset .topRanking .divingTxt span{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .topRanking .caseTxt{margin-top:15px;padding-left:22px;font-size:clamp(14px, 1.4rem, 21px);background:url(../images/ico_txt_bubble.png) no-repeat 0 50%;background-size:15px 15px}
.nhasset .topRanking a.caseTxt{padding-right:10px;display:inline-block;padding-left:0;background:url(../images/arr_right01.png) no-repeat 100% 50%;background-size:6px 10px;color:#666;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .topRanking [class*="icoCate"]{position:absolute;top:15px;right:21px}
.nhasset .topRanking [class*="icoCate"] .img{background-color:#fff}
.nhasset .topRanking [class*="icoCate"] .img img{width:100%}

/* 소비패턴 랭킹리스트 */
.nhasset .rankingListWrap .cardList{margin-top:15px}
.nhasset .rankingListWrap .cardList > li{display:block;margin:0 0 7px 0;padding:0 0 9px 0;border-top:none;border-bottom:1px solid #e1e1e1}
.nhasset .rankingListWrap .cardList a{display:flex;align-items:center}
.nhasset .rankingListWrap .cardList .cardTotal{margin-left:auto}
.nhasset .rankingListWrap .cardList .subValue{display:inline-block;width:45px}
.nhasset .rankingListWrap .cardList .subValue,.nhasset .rankingListWrap .cardList .subValue .dataValue{font-weight:normal}
.nhasset .rankingListWrap .cardList .cardName{padding-left:5px;font-size:clamp(14px, 1.4rem, 21px);color:#111}
.nhasset .rankingListWrap .num{flex-shrink:0;width:21px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold;color:#666;font-style:italic}
.nhasset .rankingListWrap [class*="icoCate"]{height:32px;margin-right:4px;vertical-align:middle}
.nhasset .rankingListWrap [class*="icoCate"] .img{width:32px;height:32px}
.nhasset .rankingListWrap .caseTxt{padding-right:10px;display:inline-block;padding-left:0;background:url(../images/arr_right01.png) no-repeat 100% 50%;background-size:6px 10px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}

/* 카드추천 */
.nhasset .cardRecommWrap{margin:30px -20px 0;padding:30px 20px;background:#f0f2f4}
.nhasset .cardRecommWrap .tit{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:normal}
.nhasset .cardRecommWrap .tit strong{font-weight:900}
.nhasset .hashWrap span{margin-right:4px;font-size:clamp(13px, 1.3rem, 19.5px);color:#19a647}
.nhasset .cardRecommWrap .hashWrap{margin-top:7px}
.nhasset .cardBox{margin-top:18px;background-color:#fff;border-radius:10px;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15)}
.nhasset .cardBox a{display:block;padding:20px;position:relative;min-height:70px}
.nhasset .cardBox a .tit{display:block;padding-right:100px;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .cardBox a .defSubTit2{margin-top:7px;padding-right:95px;font-size:clamp(13px, 1.3rem, 19.5px);color:#369bff}
.nhasset .cardBox a .subTxt,.nhasset .cardBox a .subTxt2{color:#666}
.nhasset .cardBox a img+.subTxt2{margin-top:10px;padding-right:100px}
.nhasset .cardBox a .subTxt{margin-top:20px;padding-right:95px;font-size:clamp(12px, 1.2rem, 18px);line-height:1.3;word-break:keep-all;word-wrap:break-word}
.nhasset .cardBox a .subTxt2{margin-top:26px;font-size:clamp(11px, 1.1rem, 16.5px)}
.nhasset .cardBox a img{position:absolute;top:11%;right:20px;width:86px;height:77px;margin-top:0}
.nhasset .cardBox .cardBoxPager{bottom:0}
.nhasset .cardBox .cateWrap{margin-top:8px}
.nhasset .cardBox .cateWrap .cate{padding:1px 4px;border-radius:2px;color:#fff;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .cardBox .cateWrap .cate:nth-of-type(1){background:#ff9915}
.nhasset .cardBox .cateWrap .cate:nth-of-type(2){margin-left:5px;background:#93d132}
.nhasset .disagree{position:relative;padding:20px 0 0 0}
.nhasset .disagree a{display:block;background:url('../images/arr_GradeR_2.png')no-repeat calc(100% - 5px) 50%;background-size:auto 12px;padding:0px 10px 0 0}
.nhasset .disagree p{position:relative;padding-left:42px;font-size:clamp(14px, 1.4rem,21px)}
.nhasset .disagree p:after{content:'';position:absolute;top:50%;margin-top:-16px;left:0;width:32px;height:32px;background:url('../images/icon_disagree02.png') center /cover no-repeat}
.nhasset .disagree p strong{display:block}
.nhasset .disagree p .txt{color:#666;font-size:clamp(11px, 1.1rem, 16.5px)}
.nhasset .disagree .linkTxt{display:inline-block;margin-top:7px}

.nhasset .disagree .disagreeP[class*="bgType"]{padding-left:45px}
.nhasset .disagree .disagreeP.bgType01{background:url('../images/category/icoCate92.png')no-repeat left center;background-size:32px;min-height:32px;font-size:clamp(14px, 1.4rem,21px)}
.nhasset .disagree .disagreeP.bgType01 .addtxt{font-size:clamp(12px, 1.2rem, 18px);color:#666}

/* 카드혜택 비교 추천 */
.nhasset .cardComparedTitle{margin-top:30px}
.nhasset .cardComparedTitle,
.nhasset .cardComparedTitle .inner button{font-size:clamp(20px, 2rem, 30px);color:#000}
.nhasset .cardComparedTitle .inner button{background:url('../images/arr_down02.png')no-repeat right center;padding-right:17px;background-size:10px auto}
.nhasset .cardComparedTitle .inner button span{border-bottom:solid 1px #000;display:inline-block;display:block;overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}
.nhasset .cardComparedTitle .inner2{margin-top:5px}
.nhasset .cardComparedTitle .inner2 > strong{display:inline-block;height:62px;padding-right:80px;background:url('../images/icon_card_comp01.png')no-repeat right top;background-size:62.5px auto}

.nhasset .swCardCompWrap .swiper-slide{margin:0;padding:0;height:auto}
.nhasset .swCardCompWrap .swiper-slide .msaeBoxline{min-height:206px}
.nhasset .swCardComp{display:block}
.nhasset .swCardComp .cardDifImgWrap{margin-top:13px;text-align:center}
.nhasset .swCardComp .titleArea{}
.nhasset .swCardComp .titleArea strong{font-size:clamp(20px,2rem,30px)}
.nhasset .swCardComp .titleArea .benepitTxt{}
.nhasset .swCardComp .cardBenefitFlag{font-size:clamp(12px,1.2rem,18px);color:#19a647;position:relative;z-index:0}
.nhasset .swCardComp .cardBenefitFlag:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:6px;background-color:#e8f6ec;z-index:-1}
.nhasset .swCardComp .cardInfoWrap{display:flex;justify-content:space-between;align-items:center;margin-top:13px}
.nhasset .swCardComp .cardInfoWrap .cardInfoArea{margin-right:16px}
.nhasset .swCardComp .cardInfoWrap .cardImgArea{width:97px;flex:0 0 97px}
.nhasset .swCardComp .cardInfoWrap .cardImgArea img{width:97px}
.nhasset .cardHashtag{margin-top:15px}
.nhasset .cardHashtag > span{font-size:clamp(12px,1.2rem,18px);color:#666;background-color:#f8f8f8;border-radius:4px;padding:6px 7px;line-height:1;display:inline-block;margin-right:8px}
.nhasset .cardReview{font-size:clamp(12px,1.2rem,18px);color:#666;margin-top:8px}

.nhasset .cardOrderList > li{border:solid 1px #ebebeb;border-radius:5px;padding:18px;margin-bottom:8px;display:flex;align-items:center}
.nhasset .cardOrderList > li .num{display:inline-block;margin-right:15px;flex:0 0 auto}
.nhasset .cardOrderList > li .cardImgArea{display:inline-block;margin-right:15px;flex:0 0 56px}
.nhasset .cardOrderList > li .cardImgArea img{width:56px;display:block}
.nhasset .cardOrderList > li > a{display:flex;align-items:center}
.nhasset .cardOrderList.nhCard > li{padding:9px 18px 10px 18px}

.nhasset h1.cs.ac{height:auto;line-height:30px;margin-top:30px;margin-bottom:20px}
.nhasset .cardBenefitNone{text-align:center;background:url('../images/img_cardnone01.png')no-repeat center bottom;padding-bottom:165px;background-size:194px auto}
.nhasset .cardBenefitNone.type02{background-image:url('../images/img_cardnone02.png');background-size:151px auto}
.nhasset .cardBenefitNone.type03{background-image:url('../images/img_cardnone03.png');background-size:143px auto}
.nhasset .cardBenefitNone.type04{background-image:url('../images/img_cardnone04.png');background-size:143px auto}
.nhasset .cardBenefitNone.type05{background-image:url('../images/img_cardnone05.png');background-size:145px auto}
.nhasset .cardBenefitNone.type06{background-image:url('../images/img_cardnone06.png');background-size:153px auto}
.nhasset .cardBenefitNone.type07{background-image:url('../images/sample_spend050101.png');background-size:214px auto}

.nhasset .cardBGcont{font-size:clamp(16px,1.6rem,24px);min-height:70px}
.nhasset .boxTypeWrap.cardBgType01{background-color:#fffae2}
.nhasset .boxTypeWrap.cardBgType02{background-color:#fae5ee}
.nhasset .boxTypeWrap.cardBgType03{background-color:#e5f7ff}
.nhasset .boxTypeWrap.cardBgType04{background-color:#fae5ee}
.boxTypeWrap.cardBgType01 .cardBGcont{background:url('../images/bg_cardBGcont01.png')no-repeat right center;background-size:60.5px auto;padding-right:65px}
.boxTypeWrap.cardBgType02 .cardBGcont{background:url('../images/bg_cardBGcont02.png')no-repeat right center;background-size:55px auto;padding-right:65px}
.boxTypeWrap.cardBgType03 .cardBGcont{background:url('../images/bg_cardBGcont03.png')no-repeat right center;background-size:63.5px auto;padding-right:65px}
.boxTypeWrap.cardBgType04 .cardBGcont{background:url('../images/bg_cardBGcont04.png')no-repeat right center;background-size:auto 68px;padding-right:65px}

.cardBenefitBox .cardBenefitSummary{margin-top:2px}
.cardBenefitBox .cardBenefitSummary:after{content:'';display:inline-block;width:16px;height:16px;background:url('../images/ico_emoji18.png')no-repeat center;background-size:100%;margin-left:9px;vertical-align:middle}
.cardBenefitBox .cardBenefitSummary > strong{font-size:clamp(20px,2rem,30px);font-weight:900}
.cardBenefitBox .cardBenefitSubject{display:flex;justify-content:space-between;align-items:center;margin-top:15px;margin-bottom:4px}
.cardBenefitBox .cardBenefitSubject .title{font-size:clamp(15px,1.5rem,22.5px);font-weight:900;word-break:keep-all}
.cardBenefitBox .cardBenefitSubject .cardImg{width:61px;flex:0 0 61px;margin-left:15px}

.nhasset .boxTypeWrap.cardBenefitListWrap{padding-bottom:26px}
.cardBenefitListWrap .cardBenefitTitle{display:flex;justify-content:space-between;align-items:center;font-size:clamp(16px,1.6rem,24px);font-weight:900;margin-top:4px}
.cardBenefitListWrap .cardBenefitTitle.toggleBtn{background:url('../images/arr_down02.png')no-repeat right center;background-size:10px auto;padding-right:18px}
.cardBenefitListWrap .cardBenefitTitle.toggleBtn.active{background-image:url('../images/arr_up02.png')}
.cardBenefitListWrap .cardBenefitTitle .value{font-family:'NotoNum','NotoKR'}
.cardBenefitList{border-top:solid 1px #eee;margin:22px -20px 0 -20px;padding:14px 20px 0 20px;margin-bottom:-12px}
.cardBenefitList thead th{font-weight:bold;padding:12px 5px 14px 5px}
.cardBenefitList tbody td{border-top:solid 1px #ebebeb;text-align:center;vertical-align:top;padding:14px 0;font-size:clamp(13px,1.3rem,19.5px);font-weight:bold}
.cardBenefitList tbody td .subjectCont{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cardBenefitList tbody td.benefitInfo{text-align:left;color:#666;background:#f8f8f8;padding:8px 20px}

@media screen and (max-width:360px){
	.nhasset .swCardCompWrap .swiper-slide .msaeBoxline{min-height:190px;padding-bottom:10px}
}
@media screen and (max-width:414px){
	.nhasset .swCardCompWrap .swiper-slide .msaeBoxline{min-height:210px;padding-bottom:10px}
	.nhasset .msaeBoxline .dataValueWrap{margin-top:50px}
}
/* 브리핑 */
.nhasset .briefingWrap > .tit{display:inline-block;margin:25px 0 17px;padding-left:25px;font-size:clamp(19px, 1.9rem, 28.5px);background:url(../images/ico_briefing.png) no-repeat 0 50%;background-size:19px 20px}
.nhasset .briefingWrap > .tit strong{position:relative;font-weight:900}
.nhasset .briefingWrap > .tit strong:after{position:absolute;bottom:0;left:0;content:'';height:8px;width:100%;background-color:#369bff;opacity:0.12}
.nhasset .briefItem{position:relative;margin-bottom:25px;padding:20px 10px 35px;border-radius:10px}
.nhasset .briefItem.type01{background-color:#f1f8ff;box-shadow:0 2px 0px 0 rgb(205 219 234)}
.nhasset .briefItem.type02{background-color:#fff8e7;box-shadow:0 2px 0px 0 rgb(226 215 187)}
.nhasset .briefItem.type03{background-color:#e3fafb;box-shadow:0 2px 0px 0 rgb(186 219 220)}
.nhasset .briefItem.type01:before,.nhasset .briefItem.type02:before,.nhasset .briefItem.type03:before{position:absolute;top:-16px;right:12px;width:31px;height:40px;content:'';background-repeat:no-repeat;background-size:cover}
.nhasset .briefItem.type01:before{background-image:url(../images/img_tape01.png)}
.nhasset .briefItem.type02:before{background-image:url(../images/img_tape02.png)}
.nhasset .briefItem.type03:before{background-image:url(../images/img_tape03.png)}
.nhasset .briefItem.type01:after,.nhasset .briefItem.type02:after,.nhasset .briefItem.type03:after{position:absolute;bottom:-2px;right:0;width:72px;height:47px;content:'';background-repeat:no-repeat;background-size:cover}
.nhasset .briefItem.type01:after{background-image:url(../images/img_tape_role01.png)}
.nhasset .briefItem.type02:after{background-image:url(../images/img_tape_role02.png)}
.nhasset .briefItem.type03:after{background-image:url(../images/img_tape_role03.png)}
.nhasset .briefItem .briefGraph{margin-bottom:10px;background-color:#fff;border-radius:10px;overflow:hidden}
.nhasset .briefItem .briefGraph .brTit{font-size:clamp(14px, 1.4rem, 21px);font-weight:normal;margin-bottom:8px}
.nhasset .briefItem .briefGraph .linkCate{margin:10px 16px 5px}
.nhasset .briefItem .briefGraph .linkCate a{padding-right:10px;color:#666;font-size:clamp(13px, 1.3rem, 19.5px);background:url(../images/arr_right01.png) no-repeat 100% 50%;background-size:6px 10px}
.nhasset .briefItem .briefGraph .graphTit{padding:0 20px}
.nhasset .briefItem .briefGraph + .briefGraph{margin-top:20px}
.nhasset .briefItem .briefGraph .briefGraphTit{padding:0 16px 16px;text-align:center;color:#666;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .briefTit{position:relative;margin:0 0 10px 5px;padding-left:40px;font-size:clamp(16px, 1.6rem, 24px);line-height:22px;font-weight:normal;letter-spacing:-1px}
.nhasset .briefTit [class*="icoCate"]{position:absolute;top:50%;left:0;margin:-16px 4px 0 0;vertical-align:middle}
.nhasset .briefTit [class*="icoCate"] .img{width:32px;height:32px;background:#fff}
.nhasset .briefTxt{margin:0 0 17px;padding:0 5px;font-size:clamp(13px, 1.3rem, 19.5px);line-height:21px;color:#666;letter-spacing:-0.5px}
.nhasset .briefTxt p{padding-left:20px;font-size:clamp(14px, 1.4rem, 21px);background:url(../images/ico_briefing2.png) no-repeat 0 4px;background-size:10px 12px}
.nhasset .briefTxt .underLine,.nhasset .briefTxt [role="text"]{font-weight:bold;color:#369bff}
.nhasset .briefItem .legendList{padding:0 16px}
.nhasset .briefItem .legendList .legendTit{width:45%}
.nhasset .briefItem .legendTit strong{font-size:clamp(13px, 1.3rem, 19.5px);font-weight:normal}
.nhasset .briefItem .legendAmnt{font-size:clamp(13px, 1.3rem, 19.5px);text-align:right}
.nhasset .briefItem .legendAmnt .num + .value{margin-left:10px}
/* 횟수 추가되는 경우 .isCount */
.nhasset .briefItem .legendList.isCount .legendTit{width:45%}
.nhasset .briefItem .legendList.isCount .legendCount{display:inline-block;width:18%;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;font-weight:bold;text-align:right}
.nhasset .briefItem .legendList.isCount .legendAmnt{width:37%;text-align:right}
.nhasset .briefItem .compareSpend{margin-bottom:20px;padding:0 20px 12px;background:#f8f4ee;border:1px solid #a47b5b;border-radius:10px}
.nhasset .briefItem .compareSpend li{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;color:#a47b5b;border-top:1px dashed #dfd3c4;font-weight:600}
.nhasset .briefItem .compareSpend li:first-child{margin-top:0;border-top:0}
.nhasset .briefItem .compareSpend li .value,.nhasset .briefItem .compareSpend li .dataValue{color:#714015;font-weight:900}
.nhasset .briefItem .compareSpend .value{text-align:right}
.nhasset .briefItem .compareSpend .subValue{display:block;font-size:clamp(12px, 1.2rem, 18px);font-weight:normal;text-align:right}
.nhasset .cardBox2{margin:18px 5px 0}
.nhasset .cardBox2 a{display:block;position:relative;z-index:2}
.nhasset .cardBox2 img{position:absolute;top:50%;right:0;width:36px;margin-top:-15px}
.nhasset .cardBox2 .tit{padding-right:40px;font-size:clamp(13px, 1.3rem, 19.5px);letter-spacing:-0.5px}
.nhasset .cardBox2 .txt{margin-top:5px;font-size:clamp(10px, 1rem, 15px);color:#888}
.nhasset .legendList + .cardBox2{margin-top:23px}
.nhasset .briefGraph .wrapTblDefault{margin:20px}
.nhasset .briefGraph .wrapTblDefault .link{display:inline-block;max-width:100%;padding-right:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/arr_right03.png') center right /6px 10px no-repeat}
.nhasset .briefGraph .wrapTblDefault th{padding:9px 8px;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .briefGraph .wrapTblDefault td{padding:9px 4px;font-size:clamp(12px, 1.2rem, 18px)}
/* .nhasset .briefGraph .wrapTblDefault td:nth-child(2){width:58px}
.nhasset .briefGraph .wrapTblDefault td:last-child{width:76px} */

.nhasset .graphBorder{border:1px solid #e1e1e1;border-radius:10px;overflow:hidden}
.nhasset .graphBorder .date{margin:15px 20px;font-size:clamp(13px, 1.3rem, 19.5px);color:#888;text-align:right}
.nhasset .graphBorder .legendList{margin-bottom:0;padding:8px 25px 20px;background-color:#f8f8f8}

.nhasset .tempGif{position:absolute;top:3px;right:0;width:55px;height:55px;background:url(../images/cartegory_icon.gif) no-repeat;background-size:55px 55px}

/*컨설팅 자산진단 및 연금진단*/
.nhasset .formListBox.overseaType .pointColor{color:#19a647 !important;font-weight:normal}
.nhasset .tooltipWrap .tooltipCont p.reference{font-size:clamp(11px,1.1rem,13px)}
.nhasset .tooltipWrap .popBul{padding-right:20px}
.nhasset .tooltipWrap .popBul li{position:relative;padding-left:8px;font-size:clamp(12px,1.2rem,14px); color:#111;line-height:1.6;font-weight:normal}
.nhasset .tooltipWrap .popBul .listDash li:before{position: absolute;left: 0;top:0;margin-top: 0px;width:0;height:0;content: '-';display: inline-block;}
.nhasset .tooltipWrap .popBul li:not(:last-child){margin-bottom:8px}
.nhasset .tooltipWrap .popBul li:before{position:absolute;left:0;margin-top:10px; content:'';display:inline-block;width:2px;height:2px;background-color:#888}
.nhasset .tooltipWrap .popBul.noPopBul li:before{position:absolute;left:0;margin-top:10px; content:'';display:inline-block;width:0px;height:0px;background-color:#888}
.nhasset .pensionMainBg .tooltipWrap .tooltipCont{width:calc(100% - 32px) !important}
.nhasset .formWrap.formListBox02 > ul > li{margin-top:20px;background-color:#fff;border-radius:10px;padding:0  16px}
.nhasset .formListBox02.overseaType .boxRadio .boxRadioInn,
.nhasset .formListBox.overseaType .boxRadio.rdo3 .boxRadioInn{width:calc(100%/3);padding-left:8px}
.nhasset .formListBox02.overseaType .boxRadio .boxRadioInn:nth-child(3n){margin-left:0}
.nhasset .formListBox.overseaType .boxRadio.rdo3 .boxRadioInn:nth-child(3n + 1){padding-left:0;margin-left:0}
.nhasset .formListBox.overseaType .boxRadio.rdo3 .boxRadioInn:nth-child(2n) span{margin-left:0}
.nhasset .formListBox.overseaType .addexplain{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .formListBox.overseaType .addexplain02{margin-top:2px;font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .formListBox.overseaType > ul > li .formTit + .pointColor9{margin-top:-7px}
.nhasset .formListBox.overseaType .MsPenstionBox{background-color:#f9f9f9;border-radius:6px;text-align:center;padding:24px 0}
.nhasset .formListBox.overseaType .MsPenstionBox strong.pointColor{font-weight:900}
.nhasset .formBoxTit{font-size:clamp(16px, 1.6rem, 24px); margin-bottom:22px}
.nhasset .formListBox03 {padding:0 16px;margin-top:0}
.nhasset .formListBox03 .formTit{margin-top:0}
.nhasset .formListBox03 li + li .formTit{margin-top:20px}
.nhasset .formListBox03 .boxRadio{display:flex;flex-wrap:wrap;margin-top:-3px}
.nhasset .formListBox03 .boxRadio .boxRadioInn{width:calc(100%/3);margin-bottom:8px;padding-right:8px;box-sizing:border-box}
.nhasset .formListBox03 .boxRadio .boxRadioInn label{white-space:nowrap;letter-spacing:-1px}
.nhasset .formListBox03 .boxRadio .boxRadioInn:nth-child(3n){padding-right:0}
.nhasset .formListBox03 .boxRadio .boxRadioInn + .boxRadioInn{padding-left:0}
.nhasset .popCont .msaePopWrap{padding:0 16px}
.nhasset .popCont .graphCycleBar li{ padding-top:20px}
.nhasset .popCont .graphCycleBar li:not(:last-child){border-bottom:1px solid #ebebeb;padding-bottom:20px}
.nhasset .popCont .graphCycleBar li h3{color:#111}
.nhasset .popCont .graphCycleBar li h3 span[class^="cir"]{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}
.nhasset .popCont .graphCycleBar li h3 span.cir01{background-color:#ffcf5b}
.nhasset .popCont .graphCycleBar li h3 span.cir02{background-color:#577fe0}
.nhasset .popCont .graphCycleBar li h3 span.cir03{background-color:#f79b48}
.nhasset .popCont .graphCycleBar li h3 span.cir04{background-color:#64caaa}
.nhasset .popCont .graphCycleBar li h3 span.cir05{background-color:#8f64ca}
.nhasset .popCont .graphCycleBar li p{margin-left:16px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;margin-top:4px}
.nhasset .popCont .graphCycleBar li p strong{color:#111}

.nhasset .productMenu{display:flex;position:absolute;margin:0 -16px;top:50px;padding:20px 16px 20px 16px;height:50px;width:100%;background-color:#f2f4f8;z-index:120;}
.nhasset .productMenu > .linkbtn.ri,
.nhasset .productMenu > .linkbtn.le{ display:inline-block;padding-right:10px;height:20px;color:#666;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .productMenu > .linkbtn.le{margin-right:auto}
.nhasset .productMenu > .linkbtn.ri{margin-left:auto}
.nhasset .productMenu > .linkbtn.ri:after{margin-left:5px;display:inline-block;content:"";width:6px;height:10px;background:url('../images/arr_next.png') no-repeat 100% 50%;background-size:5.5px 10px}
.nhasset .productMenu > .linkbtn.le:before{margin-right:5px;display:inline-block;content:"";transform:rotate(-180deg);width:6px;height:10px;background:url('../images/arr_right04.png') no-repeat 100% 50%;background-size:6px 10px}
.nhasset .productMenu + .boxWrapShadow.msae{margin-top:55px}
.nhasset .bxArrow{position:relative}
.nhasset .bxArrow .boxTypeWrap{box-shadow:0px 2px 9px 0px rgba(41, 58, 88, 0.12);border-bottom-left-radius:0;border-bottom-right-radius:0}
.nhasset .bxArrow:after{position:absolute;width:100%;bottom:-37.5px;height:37.5px;display:block;content:'';background:url('../images/maaeMainArrow.png') no-repeat center;background-size:cover}
.nhasset .msaeMainBox .title{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .msaeMainBox .msaeList ul{display:flex;flex-wrap:wrap;margin:20px -4px 0}
.nhasset .msaeMainBox .msaeList ul li{flex:none;width:calc(50% - 4px);padding:28px 20px 45px}
.nhasset .msaeMainBox .msaeList ul li:not(:last-child){margin-bottom:8px}
.nhasset .msaeMainBox .msaeList ul li:nth-child(even){margin-left:8px}
.nhasset .msaeMainBox .msaeList ul li[class^="bgTy"]{border-radius:10px;position:relative}
.nhasset .msaeMainBox .msaeList ul li[class^="bgTy"] h3{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .msaeMainBox .msaeList ul li p{margin-top:8px ;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .msaeMainBox .msaeList ul li a{display:block}
.nhasset .msaeMainBox .msaeList ul li.bgTy01{background:#f0fcf8 url('../images/ico_maaeMain01.png') no-repeat right 15px bottom 16px;background-size:25px 39.5px}
.nhasset .msaeMainBox .msaeList ul li.bgTy02{background:#f8f8f8 url('../images/ico_maaeMain02.png') no-repeat right 2px bottom 16px;background-size:48px 38px}
.nhasset .msaeMainBox .msaeList ul li.bgTy03{background:#f8f8f8 url('../images/ico_maaeMain03.png') no-repeat right 7px bottom 16px;background-size:43px 36px}
.nhasset .msaeMainBox .msaeList ul li.bgTy04{background:#f0fbf7 url('../images/ico_maaeMain04.png') no-repeat right 2px bottom 16px;background-size:49px 30.5px}
.nhasset .msaeMainBox .msaeList ul li.bgTy05{width:100%;background:#f0fbf7 url('../images/ico_maaeMain05.png') no-repeat right 23px bottom 50%;background-size:58.5px 54px}
.nhasset .msaeMainBox .msaeList .msaeBtn{margin-bottom:17px}/*{margin-bottom:36px}*/
.nhasset .msaeMainBox .msaeList .msaeBtn a{position:absolute;bottom:23px}
.nhasset .bxArrow.peerBox .msaeMainBox .msaeList ul li{padding:0}
.nhasset .bxArrow.peerBox .msaeMainBox .msaeList ul li.pb60{padding-bottom:0 !important}
.nhasset .bxArrow.peerBox .msaeMainBox .msaeList ul li a{padding:28px 20px 45px}
.nhasset .bxArrow.peerBox .msaeList .linkTxt{position:absolute;bottom:23px}

.nhasset .msaeMainBox02{margin-top:48px}
.nhasset .msaeMainBox02 .msaTopArea{display:block;text-align:left;color:#fff;background:#32a2af url('../images/ico_maaeMain06.png') no-repeat right 35px center;background-size:59.5px 62.5px ;border-radius:10px;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%);padding:20px 20px 20px 20px}
.nhasset .msaeMainBox02 .msaTopArea h3{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .msaeMainBox02 .msaTopArea p{margin-top:6px;font-size:clamp(13px, 1.3rem, 19.5px);margin-bottom:20px}
.nhasset .msaeMainBox02 .msaTopArea .msaeBtn a{color:#fff}
.nhasset .msaeMainBox02 .bottomArea{margin-top:-20px;background-color:#fff;border-radius:10px;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%);padding:20px 20px 20px 20px}
.nhasset .msaeMainBox02 .bottomArea h3,
.nhasset .msaeMainBox02 .bottomArea p{text-align:center}
.nhasset .msaeMainBox02 .bottomArea h3{color:#32a2af;font-size:clamp(20px, 2.0rem, 30px);font-weight:900}
.nhasset .msaeMainBox02 .bottomArea p{margin-top:4px}
.nhasset .msaeMainBox02 .msaeBtn{margin-bottom:0 !important;margin-top:-8px !important}
.nhasset .msaeMainBox02.type02 .msaTopArea{background-position-y: 34%;}

.nhasset .boxTypeWrap.ovNone{overflow:visible;padding-bottom:24px}
.nhasset .boxTypeWrap.ovNone .totalBalanceNow .msaeAseetItem{font-size:clamp(20px, 2rem, 30px);font-weight:bold}
.nhasset .ovNone.bgTy01{background:#fff url('../images/banner/maaeMainbanner_bg01.png') no-repeat center right 20px;background-size:58px 55px}
.nhasset .ovNone.bgTy02{background:#fff url('../images/banner/maaeMainbanner_bg02.png') no-repeat center right 20px;background-size:58px 55px}
.nhasset .ovNone.bgTy03{background:#fff url('../images/banner/maaeMainbanner_bg03.png') no-repeat center right 20px;background-size:58px 55px}
.nhasset .msaeAseet{font-size:clamp(20px, 2.0rem, 30px);font-weight:bold;position:relative}
.nhasset .msaeAseet .tooltipWrap .tooltipCont{width:100%;left:0}
.nhasset .msaeAseetItem .tooltipWrap .tooltipCont{width:calc(100% - 40px) !important;left:20px}
.nhasset .msaeAseetItem .title{font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .msaeAseetItem .bulList{margin-top:8px}
.nhasset .msaeAseetItem .bulList li{padding-left:8px;position:relative;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .msaeAseetItem .bulList li:before{content:'-';display:inline-block;position:absolute;left:0;top:-2px}

.nhasset .msaeBoxline{margin-top:23px;border:1px solid #ebebeb;border-radius:10px;padding:24px 20px}
.nhasset .msaeBoxline.empty .img_mase_nodata{background-position:top 5px center}
.nhasset .msaeBoxline.empty .img_mase_nodata p{padding-top:80px}
.nhasset .msaeBoxline.ty01 .noResultWrap{margin-top:20px;margin-bottom:30px}
.nhasset .msaeBoxline.ty01 .noResultWrap.mt50{margin-top:40px !important}
.nhasset .msaeBoxline [class^="txtBox"] p + .tag{margin:0 0 0 4px}
.nhasset .msaeBoxline .logDsp{display:flex}
.nhasset .msaeBoxline .logDsp .imgWrap{margin-left:10px}
.nhasset .msaeBoxline .logDsp .imgWrap img{margin-right:0}
.nhasset .msaeBoxline .txtBox01{display:flex;margin-top:10px;justify-content:space-between;align-items:center;font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .msaeBoxline .txtBox02{display:flex;margin-top:14px}
.nhasset .msaeBoxline .txtBox02.tR{text-align:right}
.nhasset .msaeBoxline .txtBox02 li{flex:1}
.nhasset .msaeBoxline .txtBox02 li span{ font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .msaeBoxline .txtBox02 li p{margin-top:4px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .msaeBoxline .txtBox03{margin:20px 0;}
.nhasset .msaeBoxline .txtBox03 li{display: inline-block;vertical-align: top;}
.nhasset .msaeBoxline .txtBox03 li span{ font-size:clamp(12px, 1.2rem, 18px);color:#666; display:block}
.nhasset .msaeBoxline .txtBox03 li span.small{ font-size:clamp(11px, 1.1rem, 16.5px)}
.nhasset .msaeBoxline .txtBox03 li strong{display:block;font-size:clamp(20px, 2rem, 30px);font-weight:bold}
.nhasset .msaeBoxline .txtBox03 li p{margin-top:4px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .msaeBoxline .dataValueWrap{margin-top:64px}
.nhasset .msaeBoxline .dataValueWrap .valTit{font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .msaeBoxline .dataValueWrap .dataValue{font-size:clamp(20px, 2.0rem, 30px);font-weight:900}
.nhasset .widWide{margin-right:-20px;margin-bottom:5px}
.nhasset .swiper-wrapper.widTy .swiper-slide{width:92.5% !important}
.nhasset .msaeBoxEx{margin-top:25px}
.nhasset .msaeBoxEx h2{font-weight:normal}
.nhasset .msaeBoxEx h2 + ul{margin-top:4px}
.nhasset .msaeBoxEx li{padding-left:6px;font-size:clamp(12px, 1.2rem, 18px);color:#666;position:relative;font-weight:normal}
/* .nhasset .msaeBoxEx.f11 li{font-size:clamp(11px, 1.1rem, 16.5px);color:#666}
.nhasset .msaeBoxEx.f11 li:not(:first-child){margin-top:10px} */
.nhasset .msaeBoxEx.f11 li{font-size:clamp(10px, 1rem, 1.5px);color:#888}
.nhasset .msaeBoxEx.f11 li.txtRed{color:#f44743}
.nhasset .msaeBoxEx.f11 li:not(:first-child){margin-top:0px} /*12.30 텍스트 크기 및 색상 간격 수정*/
.nhasset .msaeBoxEx li:not(:first-child){margin-top:8px}
.nhasset .msaeBoxEx li:before{content:'';display:inline-block;position:absolute;width:3px;height:4px;top:8px;left:0;background:url('../images/ico_dot.png') center /3px 3px no-repeat}
.nhasset .msaeBoxEx li.txtRed:before{content:'';display:inline-block;position:absolute;width:3px;height:3px;top:8px;left:0;background:none;background-color:#f44743;border-radius:50%;}
.nhasset .IrpBoxArea{border-radius:6px;background-color:#f0fbf7;padding:16px 18px;display:flex;align-items:center;justify-content:space-between}
.nhasset .IrpBoxArea .tit{font-weight:bold}
.nhasset .IrpBoxArea .value{font-weight:900;color:#19a647;/*font-size:clamp(16px, 1.6rem, 24px);*/}
.nhasset .boxWrapShadow.msae .boxTypeWrap.delShadow{overflow:visible}

.nhasset .msaeBox .tit{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .msaeBtnArea{text-align:right;margin-top:16px}
.nhasset .boxWrapShadow.msae .moreInfoArea .moreInfoWrap .moreOpenBtn{z-index:8}
.nhasset .boxWrapShadow.msae .tooltipWrap .tooltipCont{width:100%;left:0}
.nhasset .boxWrapShadow.msae .tooltipWrap .tooltipContt{width:calc(100% - 40px) !important;left:20px}
.nhasset .boxTypeWrap.msae .tooltipWrap .tooltipCont{}
.nhasset .boxWrapShadow.msae .detailList li .won{font-weight:bold}
.nhasset .detailList .accent span{font-size:clamp(16px, 1.6rem, 24px);color:#111}
.nhasset .msaeAseetItem.toolTipTop{position: relative;}
.nhasset .msaeAseetItem.toolTipTop .tooltipWrap .tooltipCont{left:0;bottom:30px; width:auto !important}

.nhasset .img_mase_nodata{text-align:center;background:url('../images/banner/img_mase_nodata.png')no-repeat top 50px center;background-size:98px 51.5px}
.nhasset .img_mase_nodata h2{font-size:clamp(16px, 1.6rem, 24px);color:#111;font-weight:900;margin-bottom:90px}
.nhasset .img_mase_nodata p{font-size:clamp(12px, 1.2rem, 18px);font-weight:normal}

.nhasset .productSwiperCont .swiper-slide .msaeCont{padding-bottom:5px}
.nhasset .productSwiperCont .retryTxt{position:absolute;top:50%;transform:translateY(-50%);font-size:clamp(12px, 1.2rem, 18px);font-weight:bold;color:#888}
.nhasset .PsSWiperBtn{display:flex;margin:0 -16px;top:50px;padding:16px 16px 16px 16px;height:50px;position:fixed;z-index:120;width:100%;background-color:#f2f4f8}
.nhasset .PsSWiperBtn .swiper-navi{color:#000;cursor:pointer}
.nhasset .PsSWiperBtn .swiper-navi:hover,
.nhasset .PsSWiperBtn .swiper-navi:focus{opacity:1}
.nhasset .PsSWiperBtn .swiper-navi.invisible{visibility:hidden;opacity:0}
.nhasset .PsSWiperBtn .swiper-next,
.nhasset .PsSWiperBtn .swiper-prev{ display:inline-block;padding-right:10px;height:20px;color:#666;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .PsSWiperBtn .swiper-prev{margin-right:auto}
.nhasset .PsSWiperBtn .swiper-next{margin-left:auto}
.nhasset .PsSWiperBtn .swiper-next:after{margin-left:5px;display:inline-block;content:"";width:6px;height:10px;background:url('../images/arr_next.png') no-repeat 100% 50%;background-size:5.5px 10px}
.nhasset .PsSWiperBtn .swiper-prev:before{margin-right:5px;display:inline-block;content:"";transform:rotate(-180deg);width:6px;height:10px;background:url('../images/arr_right04.png') no-repeat 100% 50%;background-size:6px 10px}
.nhasset .PsSWiperBtn .swiper-button-disabled:before{opacity:0} 

.nhasset .msaeAreaWrap .msaeCont{margin-top:50px}
.nhasset .msaeAreaWrap .msaeCont .boxTypeWrap{position:relative}
.nhasset .msaeAseetItem.posR{position:relative}
.nhasset .msaeGraphBlur{position:absolute;width:100%;height:calc(100% - 20px);z-index:10;text-align:center;  background-color:rgba(225,225,225,0.05)}
.nhasset .msaeGraphBlur + .graphWrap{position:relative; filter:blur(4px);opacity:0.5}
.nhasset .graphEmptyCase{position:relative}
.nhasset .graphEmptyCase .graphBlur{position:absolute;display:flex;align-items:center; width:100%;height:100%;z-index:10;background-color:rgba(225,225,225,0.05)}
.nhasset .graphEmptyCase .graphBlur .msaeGraphBlurTxt{ margin:0 auto;text-align:center}
.nhasset .graphEmptyCase .graphBlur + .graphWrap,
.nhasset .graphEmptyCase .graphBlur + .msaeBtnArea,
.nhasset .graphEmptyCase .graphBlur + .msaeBtnArea + .graphWrap,
.nhasset .graphEmptyCase .graphBlur + .graphLineWrap,
.nhasset .graphEmptyCase .graphBlur ~ div,
.nhasset .graphEmptyCase .graphBlur ~ div + hr,
.nhasset .graphEmptyCase .graphBlur ~ div + hr ~ div{position:relative; filter:blur(4px);opacity:0.5}

.nhasset .msaeCardCase{position: relative;}
.nhasset .msaeCardCase .msaeCardBlur{position:absolute;display:flex;align-items:center; width:100%;height:100%;z-index:10;background-color:rgba(225,225,225,0.05)}
.nhasset .msaeCardCase .msaeCardBlur .msaeGraphBlurTxt{ margin:0 auto;text-align:center;font-size:16px}
.nhasset .msaeCardCase .msaeCardBlur .msaeGraphBlurTxt .arrGreen{display:inline-block;margin-top:10px}
.nhasset .msaeCardCase .msaeCardBlur + .cardWrap,
.nhasset .msaeCardCase .msaeCardBlur ~ div,
.nhasset .msaeCardCase .msaeCardBlur ~ div + hr,
.nhasset .msaeCardCase .msaeCardBlur ~ div + hr ~ div{position:relative;filter:blur(5px);opacity:0.4}

.nhasset .msaeInvestWrap .tit{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .msaeInvestWrap .msaeInvestTop .title{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .msaeInvestWrap .msaeInvestTop .addTxt{margin-top:8px;color:#666;font-size:clamp(12px,1.2rem,18px)}
.nhasset .msaeInvestWrap .msaeBoxWrap{margin-top:23px}
.nhasset .msaeInvestWrap .msaeBoxWrap .msaeBoxline{margin-top:10px} 
.nhasset .msaeInvestWrap .msaeBoxWrap .msaeBoxline .noResultWrap{margin-top:30px;margin-bottom:30px}
.nhasset .msaeStockLank .title{color:#666;font-size:clamp(12px,1.2rem,18px)}
.nhasset .msaeStockLank{margin-top:23px}
.nhasset .msaeStockLank ul li{display:flex;border-bottom:1px solid #ebebeb;padding:22px 0}
.nhasset .msaeStockLank ul li:first-child{padding-top:20px}
.nhasset .msaeStockLank ul li:last-child{border-bottom:0;padding-bottom:2px} 
.nhasset .msaeStockLank ul li .tag{height:25px;margin-right:8px;margin-bottom:0}
.nhasset .msaeStockLank ul li .msLankIco {display:inline-block;margin-top:5px;margin-left:8px;width:17px;height:12px;background:url('../images/ico_crown3.png')no-repeat center center;background-size:17px 12px}
.nhasset .msaeStockLank ul li .txt{width:70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.nhasset .msaeInvestItem{margin-top:30px}
.nhasset .investTop li{display:flex;flex-wrap:wrap;width:100%}
.nhasset .investTop .investLeft,
.nhasset .investTop .investRight{width:45%;text-align:center;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .investTop .investLeft{color:#19a647;padding-right:5%}
.nhasset .investTop .investRight{color:#666;padding-left:5%}
.nhasset .investTop .investCom{color:#bbb;font-weight:900;width:10%}
.nhasset .investCont{margin-top:20px;position:relative}
.nhasset .investCont .investItem{display:flex;flex-wrap:wrap;width:100%;position:relative}
.nhasset .investCont .investItem .investLeft,
.nhasset .investCont .investItem .investRight{width:calc(50% - 3px);text-align:center;padding:18px 0;font-size:clamp(12px, 1.2rem, 16px)}
.nhasset .investCont .investItem .investLeft{padding-right:10%;background-color:#f0fbf7;margin-right:3px;color:#19a647}
.nhasset .investCont .investItem .investRight{padding-left:10%;background-color:#f8f8f8;margin-left:3px}
.nhasset .investCont li .investTit{position:absolute;margin-top:15px;white-space:nowrap;z-index:10;padding:4px 0;font-size:clamp(10px, 1.0rem, 15px);width:62px;left:50%;margin-left:-31px;border-radius:12px;background-color:#fff;color:#888;text-align:center}
.nhasset .investCont li:not(:first-child){border-top:1px solid #fff}
.nhasset .investLanking3{position:relative}
.nhasset .investLanking3 .investLankingTit{position:absolute;width:calc(100% - 40px);margin-top:15px;white-space:nowrap;z-index:10;padding:4px 0;font-size:clamp(10px, 1.0rem, 15px);left:20px;border-radius:12px;background-color:#fff;color:#888;text-align:center}
.nhasset .investLanking3 .investLankingArea{display:flex;flex-wrap:wrap;margin-top:10px}
.nhasset .investLanking3 .investLankingArea .left.pt40,
.nhasset .investLanking3 .investLankingArea .right.pt40{padding-top:40px}
.nhasset .investLanking3 .investLankingArea .left,
.nhasset .investLanking3 .investLankingArea .right{width:calc(50% - 3px);padding:23px 14px}
.nhasset .investLanking3 .investLankingArea .left{margin-right:3px;background-color:#f0fbf7}
.nhasset .investLanking3 .investLankingArea .right{margin-left:3px;background-color:#f8f8f8}
.nhasset .investLanking3 .investLankingArea .left li,
.nhasset .investLanking3 .investLankingArea .right li{padding:23px 0}
.nhasset .investLanking3 .investLankingArea .left li:not(:first-child),
.nhasset .investLanking3 .investLankingArea .right li:not(:first-child){border-top:1px solid #ebebeb}

.nhasset .investLanking3 .investLankingArea .left .moreCot,
.nhasset .investLanking3 .investLankingArea .right .moreCot{text-align:right}
.nhasset .investLanking3 .investLankingArea .left .moreCot span:first-child,
.nhasset .investLanking3 .investLankingArea .right .moreCot span:first-child{margin-top:8px}
.nhasset .investLanking3 .investLankingArea .left .moreCot span,
.nhasset .investLanking3 .investLankingArea .right .moreCot span{font-size:clamp(12px, 1.2rem, 16px);color:#666;display:block;margin-top:4px}
.nhasset .investLanking3 .investLankingArea .moreCot .perDown{color:#277ceb !important;font-weight:900}
.nhasset .investLanking3 .investLankingArea .moreCot .perUp{color:#eb1100 !important;font-weight:900}
.nhasset .top3Wrap{margin-top:28px}
.nhasset .top3Wrap .titFlags{position:relative;display:inline-block;height:25px;padding:0 10px 2px;border-radius:2px;display:inline-flex;align-items:center;background-color:#19a647;color:#fff;text-align:center;box-sizing:border-box}
.nhasset .top3Wrap .titFlags.gray{background-color:#666}
.nhasset .top3Wrap .titFlags span,
.nhasset .top3Wrap .titFlags.gray span{font-size:clamp(12px, 1.2rem, 16px);font-weight:900}
.nhasset .top3Wrap .titFlags:after{display:inline-block;height:4px;content:"";position:absolute;left:50%;top:24px;margin-left:-3px;border-top:7px solid #19a647;border-left:4px solid transparent;border-right:4px solid transparent;border-radius:3px}
.nhasset .top3Wrap .titFlags.gray:after{border-top:7px solid #666}
.nhasset .top3Wrap .titFlags + .bannerWarpPrd{margin-top:-8px}
.nhasset .top3Wrap .titGray{margin-top:13px;font-size:clamp(12px, 1.2rem, 16px);color:#666;text-align:left;font-weight:normal}
.nhasset .top3Wrap .titGray strong{font-weight:900}
.nhasset .top3Wrap .img_mase_nodata .linkTxt{margin-bottom:5px}

.nhasset .msaeBannerWrap{margin-top:30px;padding:18px 20px;background:#fcffe6 url('../images/banner/banner_ms_bg.png') no-repeat right 20px center;background-size:75px 82px;border-radius:10px;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15)}
.nhasset .msaeBannerWrap02{margin-top:30px;height:98px;display:flex;flex-direction:column;justify-content:center; padding:18px 20px;background:#d9e2ff url('../images/banner/banner_ms_bg.png') no-repeat right 20px center;background-size:75px 82px;border-radius:10px;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15)}
.nhasset .msaeBannerWrap03{margin-top:30px;height:98px;display:flex;flex-direction:column;justify-content:center; padding:18px 20px;background:#fae5ff url('../images/banner/banner_ms_bg02.png') no-repeat right 20px center;background-size:61px 69px;border-radius:10px;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15)}
.nhasset .msaeBannerWrap.ty01{background:#d9e2ff url('../images/banner_bg20.png') no-repeat right 20px center;background-size:76px 57px}
.nhasset .msaeBannerWrap .tit,
.nhasset .msaeBannerWrap02 .tit,
.nhasset .msaeBannerWrap03 .tit{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .msaeBannerWrap02 .addTxt{font-size:clamp(12px, 1.2rem, 16px);margin-top:8px}
.nhasset .msaeBannerWrap03 .addTxt ,
.nhasset .inBanner.addShoow .addTxt{font-size:clamp(12px, 1.2rem, 16px);margin-top:8px;color:#666}
.nhasset .msaeTopBanner{display:flex;align-items:center;margin-top:18px;height:82px;background:url('../images/banner/banner_ms_bg.png') no-repeat right 20px center;background-size:75px 82px}
.nhasset .msaeTopBanner.dsfNone{display:block}
.nhasset .msaeTopBanner.dsfNone .tit:first-child{display:block;;padding-top:10px}
.nhasset .msaeTopBanner .tit{font-size:clamp(20px, 2.0rem, 30px);font-weight:bold}
.nhasset .msaeTopBanner.dsfNone .tooltipWrap .tooltipCont{width:calc(100% - 32px) !important}
.nhasset .msaeTopBanner + .boxTypeWrap{margin-top:10px}

.nhasset .popCont .msaeTxtType{font-size:clamp(12px, 1.2rem, 16px);color:#888;font-weight:normal}
.nhasset .popCont .msaeTxtType02{font-size:clamp(16px, 1.6rem, 24px);color:#111}
.nhasset .popCont .msaeTxtType02 .addTxt{font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .formWrap.msaeType{padding:0 16px;margin-top:0}
.nhasset .formWrap.msaeType .pickList input[type="checkbox"] + label,
.nhasset .formWrap.msaeType .pickList input[type="radio"] + label{padding:12px 40px 12px 18px;min-height:45px;font-size:clamp(16px, 1.6rem, 24px);color:#888} /* [MD2503_026] 마이데이터(스뱅) 접근성 수정 */
.nhasset .formWrap.msaeType .pickList input[type="checkbox"]:checked + label,
.nhasset .formWrap.msaeType .pickList input[type="radio"]:checked + label{color:#19a647}
.nhasset .boxRadio.msaeType input:checked + label:before{display:none}
.nhasset .popCont .popTolCont li{font-size:clamp(12px,1.2rem,14px);color:#666;line-height:1.6;padding-left:5px;font-weight:normal}
.nhasset .popCont .popTolCont li::before{content:"-";display:inline-block}

.nhasset .pickList.psHopeRdo .inptType{display:block}
.nhasset .pickList.psHopeRdo .inptType .inputList.on{border-color:#19A647;border:2px solid #19A647}

.nhasset .msaeAnalysisItem .tooltipWrap .tooltipCont{width:calc(100% - 40px) !important;left:20px}
.nhasset .msaeAnalysisItem .title{font-size:clamp(20px, 2.0rem, 30px);font-weight:bold}
.nhasset .msaeAnalysisImg{margin-top:30px}
.nhasset .msaeAnalysisName{text-align:center}
.nhasset .msaeAnalysisName h2{color:#577fe0;font-size:clamp(13px, 1.3rem, 19.5px);font-weight:900}
.nhasset .msaeAnalysisName{padding: 23px 0;background-color:#eef2fc;text-align:center;margin-top:26px}
.nhasset .msaeAnalysisName p{margin-top:10px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .msaeAnalysisTxt{margin-top:23px;background-color:#f8f8f8;border-radius:6px;padding:28px 20px}
.nhasset .msaeAnalysisTxt p{margin-top:13px;font-size:clamp(12px, 1.2rem, 16px)}
.nhasset .psAddex{margin-top:8px}
.nhasset .txtGreen{color: #19a647;}
.nhasset .msaeAnalysisTxt .bulList,
.nhasset .psAddex .bulList{margin-top:4px}
.nhasset .msaeAnalysisTxt .bulList li,
.nhasset .psAddex .bulList li{margin-top:12px;position:relative;padding-left:10px;font-size:clamp(12px, 1.2rem, 16px);line-height:1.5;color:#666}
.nhasset .msaeAnalysisTxt .bulList li:before,
.nhasset .psAddex .bulList li:before{position:absolute;left:0;top:-3px;content:".";display:inline-block; margin-right:6px}
.nhasset .msItemList .title{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .msItemList .msItem:first-child{margin-top:30px}
.nhasset .msItemList .msItem{margin-top:23px}
.nhasset .msItemList .msItem .msaeBoxline{margin-top:10px}

.nhasset .msaeAnalysisArea{position:relative;min-height:300px}
.nhasset .msaeAnalysisArea [class*="pos"]{position:absolute;border-radius:50%;display:block;font-size:10px;/*font-size:clamp(10px, 1.0rem, 16px);*/ text-align:center}
.nhasset .msaeAnalysisArea [class*="st"]{display:flex;flex-direction:column;justify-content:center;/*flex-wrap:wrap;*/ text-align:center} /*2023-01-04 글자 길 경우로 인하여 수정 */
.nhasset .msaeAnalysisArea .pos1{top:20px;left:0}
.nhasset .msaeAnalysisArea .pos2{top:0;left:80%;margin-left:-30px}
.nhasset .msaeAnalysisArea .pos3{top:35px;right:0}
.nhasset .msaeAnalysisArea .pos4{top:0px;left:85px}
.nhasset .msaeAnalysisArea .pos5{top:64px;left:50%;margin-left:-10px}
.nhasset .msaeAnalysisArea .pos6{top:140px;right:10px}
.nhasset .msaeAnalysisArea .pos7{top:90px;left:55px}
.nhasset .msaeAnalysisArea .pos8{top:150px;left:0px}
.nhasset .msaeAnalysisArea .pos9{top:165px;left:40%;margin-left:-10px} 
.nhasset .msaeAnalysisArea .pos10{top:223px;right:40px}
.nhasset .msaeAnalysisArea .pos11{top:227px;left:50px}
.nhasset .msaeAnalysisArea .pos21{top:0;left:0}
.nhasset .msaeAnalysisArea .pos22{top:0;left:50%;margin-left:-30px}
.nhasset .msaeAnalysisArea .pos23{top:0;right:0}
.nhasset .msaeAnalysisArea .pos24{top:65px;left:34px}
.nhasset .msaeAnalysisArea .pos25{top:65px;left:50%;margin-left:-10px}
.nhasset .msaeAnalysisArea .pos26{top:118px;right:0}
.nhasset .msaeAnalysisArea .pos27{top:160px;left:0}
.nhasset .msaeAnalysisArea .pos28{top:145px;left:83px}
.nhasset .msaeAnalysisArea .pos29{top:170px;left:50%} 
.nhasset .msaeAnalysisArea .pos30{top:220px;left:68px}
.nhasset .msaeAnalysisArea .pos31{top:220px;right:0}
.nhasset .msaeAnalysisArea .pos41{top:21px;left:15px}
.nhasset .msaeAnalysisArea .pos42{top:0;left:50%;margin-left:-40px}
.nhasset .msaeAnalysisArea .pos43{top:12px;right:33px}
.nhasset .msaeAnalysisArea .pos44{top:115px;left:0}
.nhasset .msaeAnalysisArea .pos45{top:77px;left:50%;margin-left:-40px}
.nhasset .msaeAnalysisArea .pos46{top:90px;right:0}
.nhasset .msaeAnalysisArea .pos47{top:173px;left:53px}
.nhasset .msaeAnalysisArea .pos48{top:155px;right:48px}
.nhasset .msaeAnalysisArea .pos49{top:220px; left:0} 
.nhasset .msaeAnalysisArea .pos50{top:211px;left:50%;margin-left:-30px}
.nhasset .msaeAnalysisArea .pos51{top:221px;right:0}
.nhasset .msaeAnalysisArea .aqua{background-color:#46badb;color:#fff;width:75px;height:75px;;animation:msaeAnalysis 0.5s linear;transition-delay:0.5s}
.nhasset .msaeAnalysisArea .yellow{background-color: rgba(247,243,120,0.4);color:#666;width:70px;height:70px;;animation:msaeAnalysis 1s linear ;animation-fill-mode :forwards;transition-delay:2s}
.nhasset .msaeAnalysisArea .yeOrange{background-color: rgba(255,207,86,0.4);color:#666;width:70px;height:70px;;animation:msaeAnalysis 1s linear ;animation-fill-mode :forwards;transition-delay:2s}
.nhasset .msaeAnalysisArea .yegreen{background-color:#d9ebae;color:#666;width:60px;height:60px;;animation:msaeAnalysis 1s linear ;animation-fill-mode :forwards;transition-delay:2s}
.nhasset .msaeAnalysisArea .darkgreen{background-color:#19a647;color:#fff;width:90px;height:90px;font-size:clamp(13px, 1.3rem, 19.5px);animation:msaeAnalysis 1s linear;transition-delay:1.5s}
.nhasset .msaeAnalysisArea .yegreen02{background-color:#64caaa;color:#fff;width:75px;height:75px;animation:msaeAnalysis 0.5s linear;animation-fill-mode :forwards;transition-delay:2.5s}
.nhasset .msaeAnalysisArea .purple03{background-color:#8f64ca;color:#fff;width:75px;height:75px;animation:msaeAnalysis 0.5s linear;animation-fill-mode :forwards;;transition-delay:3s}
.nhasset .msaeAnalysisArea .darkgreen  strong{font-size:20px}
.nhasset .msaeAnalysisArea .aqua strong,
.nhasset .msaeAnalysisArea .yegreen02 strong,
.nhasset .msaeAnalysisArea .purple03 strong{font-size:14px}

@keyframes msaeAnalysis{
	0%{opacity:0;transform:scale(0.5)}
	10%{opacity:0;transform:scale(0.7)}
	15%{opacity:0.3}
	50%{opacity:0.5}
	70%{opacity:0.7}
	100%{opacity:1;transform:scale(1)}
 }

.nhasset .msaePortArea{position:relative}
.nhasset .msaePortBox{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center}
.nhasset .msaePortBox [class*="portBox"]{height:140px;margin-bottom:8px;margin-right:8px;display:flex;flex-direction:column;justify-content:center;position:relative;align-items:center;text-align:center;border-radius:6px;width:calc(50% - 4px)}
.nhasset .msaePortBox [class*="portBox"]:nth-child(2),
.nhasset .msaePortBox [class*="portBox"]:nth-child(4){margin-right:0}
.nhasset .msaePortBox [class*="portBox"]:nth-child(3),
.nhasset .msaePortBox [class*="portBox"]:nth-child(4){margin-bottom:0}
.nhasset .msaePortBox [class*="portBox"] .title{color:#577fe0}
.nhasset .msaePortBox [class*="portBox"] .txt{margin-top:5px;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .msaePortBox .portBox1,
.nhasset .portBox1Zoom.bg01{background-color:#d5f2f5}
.nhasset .msaePortBox .portBox2,
.nhasset .portBox1Zoom.bg02{background-color:#dee5fe}
.nhasset .msaePortBox .portBox3,
.nhasset .portBox1Zoom.bg03{background-color:#d6f1ea}
.nhasset .msaePortBox .portBox4,
.nhasset .portBox1Zoom.bg04{background-color:#f2f4f8}
/* .nhasset .msaePortBox .portOpen{position:absolute;top:12px;right:12px} */
.nhasset .msaePortBox .portOpen img{width:16px;height:16px}
.nhasset .portBox1Zoom{position:relative;margin-top:-288px;width:100%;border-radius:6px}
.nhasset .portBox1Zoom .cont{ display:flex;height:288px;text-align:center;flex-direction:column;justify-content:center;align-items:center}
.nhasset .portBox1Zoom .cont .tit{color:#577fe0}
.nhasset .portBox1Zoom .title{color:#577fe0}
.nhasset .portBox1Zoom .txt{ font-size:clamp(16px, 1.6rem, 24px);color:#111;margin-top:6px;font-weight:bold}
.nhasset .portBox1Zoom .addtxt{margin-top:18px;font-size:clamp(12px, 1.2rem, 16px);color:#666;line-height:1.5}
.nhasset .portBox1Zoom .zoomClose{position:absolute;top:12px;right:12px}
.nhasset .portBox1Zoom .zoomClose img{width:13px;height:13px}
.nhasset .portBox1Zoom.ty01{animation:msaeZoom 0.5s linear;transition-delay:0.5s}
.nhasset .portBox1Zoom.ty02{animation:msaeZoom02 0.5s linear;transition-delay:0.5s}
.nhasset .portBox1Zoom.ty03{animation:msaeZoom03 0.5s linear;transition-delay:0.5s}
.nhasset .portBox1Zoom.ty04{animation:msaeZoom04 0.5s linear;transition-delay:0.5s}


@keyframes msaeZoom{
	0%{opacity:0;transform:scale(0);transform-origin:left top;opacity:0}
	10%{opacity:0;transform:scale(0.5);opacity:0.7}
	50%{opacity:0;transform:scale(0.9);opacity:1}
	100%{opacity:1;transform:scale(1);opacity:1;width:100%}
 }
@keyframes msaeZoom02{
	0%{opacity:0;transform:scale(0);transform-origin:right top;opacity:0}
	10%{opacity:0;transform:scale(0.5);opacity:0.7}
	50%{opacity:0;transform:scale(0.9);opacity:1}
	100%{opacity:1;transform:scale(1);opacity:1;width:100%}
}

@keyframes msaeZoom03{
	0%{opacity:0;transform:scale(0);transform-origin:left bottom;opacity:0}
	10%{opacity:0;transform:scale(0.5);opacity:0.7}
	50%{opacity:0;transform:scale(0.9);opacity:1}
	100%{opacity:1;transform:scale(1);opacity:1;width:100%}
	}

@keyframes msaeZoom04{
	0%{opacity:0;transform:scale(0);transform-origin:right bottom;opacity:0}
	10%{opacity:0;transform:scale(0.5);opacity:0.7}
	50%{opacity:0;transform:scale(0.9);opacity:1}
	100%{opacity:1;transform:scale(1);opacity:1;width:100%}
	}

.nhasset .pensionMainBg{background:url('../images/banner/banner_ms_bg.png') no-repeat top 25px right 20px;background-size:75px 82px}
.nhasset .pensionMainBg .defTit{margin-bottom:14px}
.nhasset .pensionMainBg .toolTit{font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .pensionMainBg .pstotalBalance .asset{margin-top:13px;padding-top:2px;font-weight:900;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .pensionMainBg .pstotalBalance .asset strong{font-family:'NotoNum';font-size:clamp(22px, 2.2rem, 33px);line-height:28px;font-weight:900}
.nhasset .pensionMainBg .pstotalBalance .balanceDiff{margin-top:4px}
.nhasset .pensionMainBg .totalAccList li:first-child{ padding-top:0}
.nhasset .pensionMainBg .totalAccList .psBox{margin-top:16px}
.nhasset .pensionMainBg .msPsGraph{position:relative;overflow:hidden}
.nhasset .pensionMainBg .msPsGraph .msaeGraphBlur{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.nhasset .pensionMainBg .msPsGraph .msaeGraphBlur p.txt{ margin-top:unset}
.nhasset .msassetBtn{position:absolute;right:56px;display:block}
.nhasset .msassetBtn.less{display:none}
.nhasset .psValue{position:absolute;right:56px;display:block}
.nhasset .psValue.less{display:none}
.nhasset .psMainBoxLine{margin-top:26px}
.nhasset .psMainBoxLine .totalAccList li:first-child{padding-top:0}
.nhasset .psMainBoxLine .totalAccList .accList{margin-bottom:15px}
.nhasset .psMainBoxLine .totalAccList .accList li{display:flex;justify-content:space-between;align-items:center}
.nhasset .psMainBoxLine .totalAccList .accList li .left{display:flex}
.nhasset .psMainBoxLine .totalAccList .accList li .left .accTit{color:#666}
.nhasset .psMainBoxLine .totalAccList .accList li .left .contBtn01,
.nhasset .psMainBoxLine .totalAccList .accList li .left .tag{margin-left:6px}
.nhasset .psMainBoxLine .accList li:first-child{padding-top:0 !important}
.nhasset .psMainBoxLine .totalAccList.msTotalList{margin-top:-13px}
.nhasset .psMainBoxLine .totalAccList.msTotalList .accList{margin-top:0;margin-bottom:0}
.nhasset .psMainBoxLine .totalAccList.msTotalList .accList > li{border-top:none;padding:6px 0 !important}
.nhasset .psMainBoxLine .divLine2{margin-left:-20px;margin-right:-20px}
.nhasset .penstionMainBox{display:flex;flex-wrap:wrap}
.nhasset .penstionMainBox .itemBox{position:relative;width:calc(50% -  6px);margin-right:12px;background-color:#fff;border-radius:10px;margin-top:20px;padding:23px 0 56.5px 20px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .penstionMainBox.empty .itemBox{min-height:168px}
.nhasset .penstionMainBox .itemBox:nth-child(2),
.nhasset .penstionMainBox .itemBox:nth-child(4){margin-right:0}
.nhasset .penstionMainBox .itemBox h2{font-weight:900;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .penstionMainBox .itemBox p{margin-top:10px;font-size:clamp(12px, 1.2rem, 16px);color:#666}
.nhasset .penstionMainBox .itemBox p strong{color:#19a647;font-weight:900}
.nhasset .penstionMainBox .itemBox.bgTy01{background:#fff url('../images/ico_pensitonMbg01.png') no-repeat right 15px bottom 15px;background-size:54.5px 41px}
.nhasset .penstionMainBox .itemBox.bgTy02{background:#fff url('../images/ico_pensitonMbg02.png') no-repeat right 15px bottom 15px;background-size:38.5px 44px}
.nhasset .penstionMainBox .itemBox.bgTy03{background:#fff url('../images/ico_pensitonMbg03.png') no-repeat right 15px bottom 15px;background-size:33.5px 28.5px}
.nhasset .penstionMainBox .itemBox.bgTy04{background:#fff url('../images/ico_pensitonMbg04.png') no-repeat right 15px bottom 15px;background-size:38px 39.5px}
.nhasset .penstionMainBox .itemBox .linkTxt{position:absolute;left:20px;bottom:28px}

.nhasset .peTit{ width:100%;;/* margin-bottom:-4px;*/}
.nhasset .peTit .left{display:flex}
.nhasset .peTit .left .totalTit .contBtn01{margin-left:8px}
.nhasset .peTit .updateTxt{margin-top:7px;font-size:clamp(12px, 1.2rem, 16px);color:#888;text-align:right;margin-right:-10px}
.nhasset .totalTitWrap.ty01 > a{height:24px}


.nhasset .boxTypeWrap .tabWrap.type09{margin-top:8px}
.nhasset .tabWrap.type09 > ul{display:flex;background-color:#f8f8f8;border:solid 1px #ebebeb;line-height:46px;border-radius:23px;padding:1px}
.nhasset .tabWrap.type09 > ul > li{flex:1}
.nhasset .tabWrap.type09 > ul > li a{display:block;text-align:center;line-height:46px;position:relative}
.nhasset .tabWrap.type09 > ul > li a.active{background-color:#19a647;border-color:#19a647;color:#fff;border-radius:23px;font-weight:900;margin-right:-7px;margin-left:-7px;z-index:1}
.nhasset .tabWrap.type09 > ul > li:first-child a.active{margin-left:0}
.nhasset .tabWrap.type09 > ul > li:last-child a.active{margin-right:0}

.nhasset .unitType02{height:48px;line-height:48px;margin-left:15px}
.nhasset .unitType02  + input[type='text'], 
.nhasset .unitType02 +  input[type='tel'], 
.nhasset  .unitType02 + input[type='password']{padding-left:10px}
.nhasset .retireTopWrap{background-color:#f0fbf7;padding:26px 20px;border-radius:6px}
.nhasset .retireTopWrap h2{font-weight:400}
.nhasset .retireTopWrap h2 span{font-size:clamp(12px, 1.2rem, 16px)}
.nhasset .retireTopWrap p{margin-top:8px;font-size:clamp(12px, 1.2rem, 16px);color:#666}
.nhasset .retireBtnWrap .btnBodyLine{border-color:#ebebeb;color:#888}
.nhasset .retireBtnWrap .btnBodyLine.active{border-color:#19a647;color:#19a647}
.nhasset .retireTotal{margin-top:28px;background-color:#f8f8f8;display:flex;justify-content:space-between;align-items:center;padding:23px 20px;border-radius:6px}
.nhasset .retireTotal .title{font-weight:bold}
.nhasset .retireTotal .cont{font-weight:900;color:#19a647}
.nhasset .psType .tag{margin-left:6px;margin-bottom:0}
.nhasset .psType .selectValue{display:flex;align-items:center}
.nhasset .psLinkBtn{text-align:right;margin-bottom:10px}
.pickList li.listType  .rdoCheck{display:block}
.listType .title{width:100%;flex:1;text-align:left}

.nhasset .listPsion{margin-top:20px}
.nhasset .listPsion > li{border-radius:6px;border:1px solid #ebebeb}
.nhasset .listPsion > li + li{margin-top:8px}
.nhasset .listPsion > li button{width:100%;padding:12px 40px 12px 18px;min-height:45px;font-size:clamp(14px, 1.4rem, 21px);font-weight:normal;color:#999;font-weight:normal;  display:flex;align-items:center;justify-content:flex-start;position:relative;border-radius:6px}
.nhasset .listPsion > li button.active{position:relative}
.nhasset .listPsion > li button.active:before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:2px solid #19a647;border-radius:6px;}
.nhasset .listPsion > li button.active::after{content:' ';position:absolute;right:12px;display:inline-block;width:17px;height:9px;background:url('../images/ico_check_on.png') no-repeat;background-size:13px auto}
.nhasset .listPsion > li.psListType  button.active::after{top:17px}
.nhasset .listPsion > li button .title{font-size:clamp(14px, 1.4rem, 21px);font-weight:normal;display:inline-block;margin-right:4px}
.nhasset .listPsion > li button.active .title{color:#19a647;font-weight:bold}
.nhasset .listPsion > li button .tag{margin-bottom:0}
.nhasset .listPsion > li button .activeShow{display:none}
.nhasset .listPsion > li button.active .activeShow{position:relative;display:block}
.nhasset .listPsion > li button .title + .tag{margin-left:6px}
.nhasset .listPsion .activeShow .formTit{margin-top:0;color:#111;font-size:clamp(16px, 1.6rem, 24px);font-weight:normal}
.nhasset .listPsion .activeShow{width:calc(100% + 20px)}
.nhasset .listPsion > li.psListType button{display:block}
.nhasset .listPsion > li.psListType .activeShow .unit{color:#111}
.nhasset .listPsion .psItem{padding:28px 0}
.nhasset .listPsion .psItem:first-child{padding-top:10px}
.nhasset .listPsion .psItem + .psItem{border-top:1px solid #ebebeb;padding-bottom:10px}

.nhasset .graphWrap .garphType02{display:flex}
.nhasset .graphWrap .garphType02 .graphLeft{width:200px;text-align:center}
.nhasset .graphWrap .garphType02 .graphAddEx{margin-top:auto}
.nhasset .graphWrap .garphType02 .graphAddEx ul{display:unset}
.nhasset .graphAddEx.graphLegend{margin-top:23px}
.nhasset .graphAddEx .ty01,
.nhasset .graphAddEx .ty02,
.nhasset .graphAddEx .ty03{display:flex;justify-content:center;text-align:center}
.nhasset .graphAddEx .ty01 li,
.nhasset .graphAddEx .ty03 li{font-size:clamp(14px, 1.4rem, 21px);color:#111;position:relative;align-items:center}
.nhasset .graphAddEx .ty01 li.value{font-weight:900}
.nhasset .graphAddEx .ty02 li{text-align:left;margin:12px 0; align-items:center;display:flex}
.nhasset .graphAddEx .ty03 li{margin:0 12px}
.nhasset .graphAddEx .ty03.w33{display:block;width:100%;padding:0 30px;margin-bottom:4px}
.nhasset .graphAddEx .ty03.w33 li{width:50%;display:inline-flex;float:left;margin:2px 0;flex-shrink:0;white-space:nowrap}
.nhasset .graphAddEx .ty03.item3{display:flex;flex-wrap:wrap;padding:0 10px 10px 10px}
.nhasset .graphAddEx .ty03.item3 li{display:flex;justify-content:left;width:calc(100% / 3);margin:2px 0}
.nhasset .graphAddEx .ty03.item3 li:nth-child(2),
.nhasset .graphAddEx .ty03.item3 li:nth-child(5){width:40%}
.nhasset .graphAddEx .ty03.item3 li:nth-child(3),
.nhasset .graphAddEx .ty03.item3 li:nth-child(6){width:26%}
.nhasset .graphAddEx .ty01.betweenItem,
.nhasset .graphAddEx .ty02.betweenItem,
.nhasset .graphAddEx .ty03.betweenItem{display:flex;justify-content: space-between;text-align:center}
.nhasset .graphAddEx .betweenItem:not(:first-child){margin-top:20px;}
.nhasset .graphAddEx .ty01 li +  li{margin-left:20px}
.nhasset .graphAddEx .ty01 [class^="bl"]:before,
.nhasset .graphAddEx .ty02 [class^="Bl"]:before{left:0;width:8px;height:8px;border-radius:50%;content:'';display:inline-block;margin-right:8px}
.nhasset .graphAddEx .ty03 [class^="bl"]:before{left:0;width:8px;height:8px;content:'';border-radius:50%;display:inline-block;margin-right:8px}
.nhasset .graphAddEx .ty01 .bl01:before{height:1px;border-radius:0;background:url('../images/bl01.png') no-repeat;background-size:8px auto}
.nhasset .graphAddEx .ty01 .bl02:before{background-color:#64caaa}
.nhasset .graphAddEx .ty01 .bl03:before{background-color:#d0d0d0}
.nhasset .graphAddEx .ty01 .bl05:before{background-color:#ffcf5b}
.nhasset .graphAddEx .ty01 .bl06:before{background-color:#8f64ca}
.nhasset .graphAddEx .ty01 .bl07:before{background-color:#e9aec5}
.nhasset .graphAddEx .ty01 .bl08:before{background-color:#e9e0f4}
.nhasset .graphAddEx .ty02 .Bl01:before,
.nhasset .graphAddEx .ty01 .bl04:before{background-color:#46badb}
.nhasset .graphAddEx .ty02 .Bl02:before,
.nhasset .graphAddEx .ty01 .bl05:before{background-color:#ffcf5b}
.nhasset .graphAddEx .ty03 .bl01:before{background-color:#46badb}
.nhasset .graphAddEx .ty03 .bl02:before{background-color:#9ad49e}
.nhasset .graphAddEx .ty03 .bl03:before{background-color:#ffcf5b}
.nhasset .graphAddEx .ty03 .bl04:before{background-color:#d9ebae}
.nhasset .graphAddEx .ty03 .bl05:before{background-color:#f7f378}
.nhasset .graphAddEx .ty03 .bl06:before{background-color:#ffcf5b}
.nhasset .graphAddEx .ty03 .bl07:before{background-color:#577fe0}
.nhasset .graphAddEx .ty03 .bl08:before{background-color:#64caaa}
.nhasset .graphAddEx .ty03 .bl09:before{background-color:#f8f378}
.nhasset .psFrom .formTit{margin-top:28px;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .psFrom .fwN{font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .psFrom .retireBtnWrap{margin-top:28px}
.nhasset .psFrom ul li .inputList{margin-top:17px}
.nhasset .psFrom + .infoTxt{margin-top:8px;font-size:clamp(12px, 1.2rem, 16px);color:#888}
.nhasset .graphBList{margin-top:30px}
.nhasset .graphBList li{position:relative;display:flex;justify-content:space-between;align-items:center;padding:5px 0}

.nhasset .msae{position:relative}
.nhasset .msaeAseetItem.psBgTy{background:url('../images/ico_pension01.png') no-repeat top 5px right 3px;background-size:72.5px 74px}
.nhasset .msaeAseetItem.psBgTy02{background:url('../images/ico_pension02.png') no-repeat top 5px right 0;background-size:83.5px 55.5px}

.nhasset .psPopBtn{color:#000;margin-top:-2px;background:url('../images/arr_down02.png')no-repeat right center;padding-right:17px;background-size:10px auto;font-size:clamp(16px, 1.6rem, 24px);color:#000;margin-top:-2px}
.nhasset .psPopBtn span{font-size:clamp(16px, 1.6rem, 24px);border-bottom:solid 1px #000;display:inline-block;display:block;overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}
.nhasset .psBoxWrap{margin-top:28px;background-color:#f8f8f8;padding:26px 20px;border-radius:6px;font-weight:bold}

.nhasset .psMbtnWrap{display:flex;text-align:center;margin-top:20px}
.nhasset .psMbtnWrap .toggleBtnN{width:100%}
.nhasset .psMbtnWrap .toggleBtnN span{vertical-align:middle;display:inline-flex}
.nhasset .psMbtnWrap .toggleBtnN span:after{content:'';display:inline-block;width:20px;height:20px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px}
.nhasset .psMbtnWrap .toggleBtnN.active span:after{background-image:url('../images/arr_up02.png')}
.nhasset .psLiveMoney{margin-top:20px}
.nhasset .psMcont{margin-top:28px;padding:28px 20px;background-color:#f2f4f8;border-radius:6px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .psMcont .btnR{display:block;margin-top:23px;text-align:right}
.nhasset .psMcont+.psMcont{margin-top:10px}
.nhasset .psMcont a.link span{color:#19a647}
.nhasset .msae .hopeWrap .money{display:flex;justify-content:space-between;align-items:center}
.nhasset .msae .hopeWrap .money > strong{display:flex;align-items:center}
.nhasset .msae .hopeWrap .money > strong img{margin-left:8px}
.nhasset .msae .hopeWrap .right{font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .msae .hopeWrap li{border-top:none;margin:0}
.nhasset .msae .hopeWrap li:last-child{margin-bottom:10px}
.nhasset .msae .hopeWrap li:after{content:'';position:relative;display:inline-block;left:0; height:1px;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px; border-top:1px solid #efefef}
.nhasset .msae .hopeWrap li:last-child:after{display:none}

.nhasset .pickList.psHopeRdo input[type="radio"] + label{padding-right:20px !important}
.nhasset .pickList.psHopeRdo input[type="radio"]:checked + label:after{display:none}
.nhasset .pickList.psHopeRdo input[type="radio"] + label{display:flex;justify-content:space-between;align-items:center}

.nhasset .psBoxArea{margin-top:20px}
.nhasset .psBoxArea h2{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .psBoxArea .box{margin-top:12px;font-weight:bold;background-color:#f9f9f9;border-radius:6px;padding:24px 0;text-align:center}
.nhasset .psBoxArea .box strong{font-weight:900}
.nhasset .psTopTxt{position:relative;text-align:center;font-size:clamp(20px, 2.0rem, 30px);font-weight:bold}
.nhasset .psTopTxt strong{font-weight:900}
.nhasset .psTopTxt:after{position:absolute;right:0;top:24px;display:inline-block;content:'';width:20px;height:39px;background:url('../images/ico_pension03.png') no-repeat;background-size:20px 29px}
.nhasset .tabContWrap .psHope{font-size:clamp(14px, 1.4rem, 21px);color:#111}
.nhasset .tabContWrap .psHope .ty01{font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .tabContWrap .psHope .ty01 .psPopBtn{margin-left:1px;margin-right:5px}
.nhasset .tabContWrap .graphTxt{padding:24px 0;font-size:clamp(12px, 1.2rem, 16px);color:#666}
.nhasset .tabContWrap .graphTxt .tit{margin-top:3px;font-size:clamp(14px, 1.4rem, 21px);color:#111;font-weight:bold}

.nhasset .psPopTerms{margin-top:30px}
.nhasset .psTermcont{margin-top:28px;padding:28px 20px;background-color:#f8f8f8;border-radius:6px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .psTermcont .btnR{display:block;margin-top:23px;text-align:right}
.nhasset .psTermcont a.link span{color:#19a647}
.nhasset .psTermcont .psMlist .item01 h2{color:#111;font-weight:normal}
.nhasset .psTermcont .listBul{margin-top:8px}
.nhasset .psTermcont .listBul li{font-weight:normal !important}
.nhasset .psTermBt{margin-top:24px}
.nhasset .psTermBt h2{font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .psTermBt p{margin-top:14px}
.nhasset .psTermBt p.addTxt{margin-top:12px;font-size:clamp(11px, 1.1rem, 16.5px);color:#888;padding-left:30px}
.nhasset .psTermBt p.addTxt span{margin-left:-30px;font-weight:normal}

.nhasset .psTbtnWrap{display:flex;text-align:center;margin-top:20px}
.nhasset .psTbtnWrap .toggleBtn{width:100%;border-bottom:1px solid #000}
.nhasset .psTbtnWrap .toggleBtn span{width:100%;padding:15px 0;color:#19a647;vertical-align:middle;display:inline-flex;justify-content:space-between}
.nhasset .psTbtnWrap .toggleBtn span:after{content:'';display:inline-block;width:20px;height:20px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px}
.nhasset .psTbtnWrap .toggleBtn.active span:after{background-image:url('../images/arr_up02.png')}

.nhasset .inoutList .link.linkArrow{background:url('../images/arr_next.png') no-repeat 100% 50%;background-size:6px 10px}
.nhasset .bannerPrd2.mt12{margin-top:12px}
.nhasset .inBanner.addShoow{box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15)}
.nhasset .graphWrap.horiType{display:flex;align-items:center;width:100%; justify-content:space-between}
.nhasset .graphWrap.horiType .left{width:47.8%;text-align:center}
.nhasset .graphWrap.horiType .legendList{margin-left:16px;margin-top:0;margin-right:auto}
.nhasset .Btnmt24{margin-top:24px}

.nhasset .psIngWrapArea{position:relative;background-color:#f8f8f8;border-radius:6px;padding:23px 20px}
.nhasset .psIngWrapArea .btnClose{position:absolute;width:18px;height:18px;background:url('../images/btn_close4.png')no-repeat center;background-size:9.5px auto;position:absolute;right:20px;top:23px}
.nhasset .psIngWrapArea .inputList{border:1px solid #ebebeb;margin-bottom:8px}
.nhasset .psIngWrapArea .inputList.unitMan{padding-right:26px}
.nhasset .psIngWrapArea .cal.mt12{margin-top:12px}
.nhasset .psIngWrap{margin-top:20px;display:flex;align-items:center;justify-content:space-between}
.nhasset .psIngWrap .icoIngdot{width:28px;height:4px;background:url('../images/banner/ico_ingdot.png') no-repeat center;background-size:12px 4px}
.nhasset .psIngWrap .psMe,
.nhasset .psIngWrap .psFuture{flex:1;font-size:clamp(12px,1.2rem,18px);color:#888;background-color:#fff; border-radius:6px;border:1px solid #ebebeb;padding:15px 0;text-align:center}
.nhasset .psIngWrap .psMe.active,
.nhasset .psIngWrap .psFuture.active{color:#19a647;font-weight:900;border:2px solid #19a647}
.nhasset .psIngWrap + p{margin-top:18px}

.nhasset .visualWrap.msAsset{border-radius:10px;padding:25px 20px 35px 20px;box-shadow:0px 3px 6px 0.6px rgb(63 80 96 / 10%);background-color:#fff;margin:20px 0 0 0}
.nhasset .visualWrap.msAsset .imgWrap{display:block}
.nhasset .visualWrap.msAsset .visualTit{margin-top:16px;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .visualWrap.msAsset .addTxt{margin-top:6px;font-weight:bold; display:block;font-size:clamp(20px, 2.0rem, 30px);line-height:1.2}
.nhasset .msAssetCont{text-align:center}
.nhasset .msAssetCont .bigNumList li{margin-top:54px}
.nhasset .msAssetCont .bigNumList li:nth-child(1){margin-top:40px}
.nhasset .msAssetCont .bigNumList .num{display:inline-block;background-color:transparent;line-height:1.5;font-weight:900;font-size:clamp(16px, 1.6rem, 24px);color:#19a647}
.nhasset .msAssetCont .bigNumList h2{margin-top:8px;font-size:clamp(16px, 1.6rem, 24px);font-weight:900;color:#111;line-height:1.5}
.nhasset .msAssetCont .bigNumList p{margin-top:2px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .msAssetCont .bigNumList img{margin-top:32px;width:100%;max-width:320px}

.nhasset .baseLine:after{content:"";position: absolute;top:-5px;left:40%;width:1px;height:50px;border-right:1px dashed #999;}
.nhasset .baseLineText{position: absolute;top:50px;left:40%;color:#19a647;transform: translate(-50%);font-size:clamp(12px,1.2rem,16px);word-break:keep-all}

.nhasset .graphLineWrap{margin-top:54px}
.nhasset .graphType{display:flex;width:100%;align-items:center}
.nhasset .graphType + .graphType{margin-top:18px}
.nhasset .graphType .title{color:#333;font-size:clamp(12px,1.2rem,18px);width:78px}
.nhasset .graphType .title .icoCrown {margin-left:4px;display:inline-flex;align-items:center}
.nhasset .graphType .title .icoCrown img{width:16px}
.nhasset .graphType .graphAreaWrap{flex:1;position:relative}
.nhasset .graphType .graphAreaWrap .baseLineCont{position:absolute;top:0;left:0;z-index:5}
.nhasset .graphType .graphitem{display:flex;justify-content:space-between}
.nhasset .graphType .graphitem + .graphitem{margin-top:8px}
.nhasset .graphType .graphitem .graphStatus{position:relative;width:100%}
.nhasset .msaeAseetItem .baseGraph{position:relative;width:100%}
.nhasset .msaeAseetItem .baseGraph.msBar{/*margin-top:8px;*/ background-color:#f2f4f8;border-radius:10px;height:16px}
.nhasset .msaeAseetItem .baseGraph .lineGraph{position:absolute;top:0;left:0;height:16px;border-radius:10px;/* border-top-right-radius:0;border-bottom-right-radius:0;*/ opacity:1}
.nhasset .msaeAseetItem .baseGraph .lineGraph.red{background-color:#e4797b}
.nhasset .msaeAseetItem .baseGraph .lineGraph.yellow{background-color:#ffcf5b}
.nhasset .msaeAseetItem .baseGraph .lineGraph.mildgreen{background-color:#64caaa}
.nhasset .msaeAseetItem .baseGraph .lineGraph.skypink{background-color:#e9aec5}
.nhasset .msaeAseetItem .baseGraph .lineGraph.purple{background-color:#8f64ca}
.nhasset .msaeAseetItem .baseGraph .lineGraph.gray{background-color:#d0d0d0}
.nhasset .msaeAseetItem .baseGraph .lineGraph.blue{background-color:#577fe0}
.nhasset .msaeAseetItem .baseGraph .lineGraph.bdR3{border-radius:3px}
.nhasset .msaeAseetItem .noConnect{position:relative}
.nhasset .msaeAseetItem .noConnect .recentResult{margin-top:5px;text-align:center;color:#7a51e3}
.nhasset .msaeAseetItem .noConnect .recentResult .blind{clip:auto}
.nhasset .msaeAseetItem .noConnect .goalResult{margin-top:5px}
.nhasset .msaeAseetItem .noConnect .recentResult{margin-top:-10px}
.nhasset .msaeAseetItem .noConnect .recentResult .amnt{float:none;font-size:clamp(20px, 2.0rem, 30px);font-weight:600}
.nhasset .msaeAseetItem .recentResult .discountDay{vertical-align:middle;line-height:21px}
.nhasset .msaeAseetItem .recentResult .discountDay .icoQes{display:inline-block;margin-right:3px;width:21px;height:21px;background:url('../images/ico_mosb_question.png') no-repeat center right/ 21px 21px}
.nhasset .msaeAseetItem .accConnect{position:absolute;bottom:17px;right:20px;padding-bottom:2px;border-bottom:1px solid #666;font-size:clamp(13px, 1.3rem, 19.5px);opacity:0.7}
.nhasset .msaeAseetItem .graphTip{position:absolute;min-width:90px;transform:translateX(-50%);margin-top:-82px;margin-left:-5px;/*overflow:hidden;height:auto;*/min-height:48px;padding-top:16px;/*display:block;*/ display:none;opacity:1;z-index:9}
.nhasset .msaeAseetItem #hopeExpnsGraph .graphVerWrap .graphBotText span{width:calc(100%/3)}
.nhasset .msPsGraph .graphTip{position:absolute;left:50%;top:0;transform:translate(-50%,0);width:96px;/*overflow:hidden;height:auto;*/min-height:48px;opacity:1}
.nhasset .graphTip .graphTipBox{position:relative;z-index:9;font-size:12px;font-weight:bold;background-color:#fff;padding:2px 5px;display:inline-block;border-radius:4px;text-align:center;width:100%}
.nhasset .graphTip .graphTipBox.red{border:1px solid #e4797b}
.nhasset .graphTip .graphTipBox.yellow{border:1px solid #ffcf5b}
.nhasset .graphTip .graphTipBox.mildgreen{border:1px solid #64caaa}
.nhasset .graphTip .graphTipBox.skypink{border:1px solid #e9aec5}
.nhasset .graphTip .graphTipBox.purple{border:1px solid #8f64ca}
.nhasset .graphTip .graphTipBox.gray{border:1px solid #d0d0d0}
.nhasset .graphTip .graphTipBox.blue{border:1px solid #577fe0}
.nhasset .graphTipBox .value{display:block;word-break:keep-all}
.nhasset .graphValueData{width:55px;text-align:right;font-size:12px;color:#666}
.nhasset .graphTip .graphTipBox:after{content:''; position:absolute;background-color:#fff;bottom:-4px;position:absolute;width:7px;height:7px;border:1px solid #6085e1;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(135deg);z-index:2}
.nhasset .graphTip .graphTipBox.red:after{border:1px solid #e4797b;border-left:0;border-bottom:0}
.nhasset .graphTip .graphTipBox.yellow:after{border:1px solid #ffcf5b;border-left:0;border-bottom:0}
.nhasset .graphTip .graphTipBox.mildgreen:after{border:1px solid #64caaa;border-left:0;border-bottom:0}
.nhasset .graphTip .graphTipBox.gray:after{border:1px solid #d0d0d0;border-left:0;border-bottom:0}
.nhasset .graphTip .graphTipBox.blue:after{border:1px solid #577fe0;border-left:0;border-bottom:0}
.nhasset .graphTip .graphTipBox.purple:after{border:1px solid #8f64ca;border-left:0;border-bottom:0}
.nhasset .graphTip .graphTipBox.skypink:after{border:1px solid #e9aec5;border-left:0;border-bottom:0}
.nhasset .graphToolArea{position:relative;padding:0 30px}

.nhasset .formboAddTxt{margin-top:12px}
.nhasset .formboAddTxt .bul{color:#666;font-size:clamp(12px, 1.2rem, 18px);padding-left:8px}
.nhasset .formboAddTxt .bul:before{margin-left:-8px;margin-right:6px;vertical-align:middle;content:'';display:inline-block;width:2px;height:2px;background-color:#666;border-radius:50%}


/*보고서 pdf 그래프*/
.rpGraphWrap{position:relative}
.rpGraphWrap .legendList.tyrd{justify-content:center}

.nhasset .moreInfoArea.reportArea{background-color:#fff}
.rpGraphWrap .reportGraph{padding-bottom:12px;padding-top:8px}
.rpGraphWrap .reportGraph h3{font-size:clamp(11px, 1.1rem, 16.5px);color:#666}
.rpGraphWrap .reportGraph .legendList{margin-top:14px}
.rpGraphWrap .reportGraph .legendList .legendTit{color:#888}
.rpGraphWrap .reportGraph .legendList .legendTit strong{color:#111;margin-right:8px}

.graphVerArea{position:relative}
.graphVerWrap{position:relative;padding:0 20px}
.graphVerWrap .graphTypeWrap{display:flex;align-items:flex-end;justify-content:center}
.graphTypeWrap .graphType{position:relative;display:initial;width:calc(100%/3);text-align:center}
.graphTypeWrap .graphType .baseGraph02{width:30px;position:relative;height:160px;display:flex;margin:0 auto}
.graphTypeWrap .graphType .baseGraph02 .lineGraph{position:absolute;z-index:1;bottom:0;left:0;width:30px;opacity:1;border-top-left-radius:6px;border-top-right-radius:6px}
.graphTypeWrap .graphType .baseGraph02 .lineGraph.mildgreen{background-color:#d9ebae} 
.graphTypeWrap .graphType .baseGraph02 .lineGraph.midgreen{background-color:#9ad49e} 
.graphTypeWrap .graphType .baseGraph02 .lineGraph.darkgreen{background-color:#64caaa} 
.graphTypeWrap .graphType .graphTip02 .graphTipBox{position:relative;padding:4px;background-color:rgba(255, 255, 255, 0.7);font-size:12px;font-weight:bold;background-color:#fff;padding:2px 0;display:inline-block;border-radius:4px;text-align:center;width:100%}
.graphTypeWrap .graphType .graphTip02 .graphTipBox:after{content:'';position:absolute;left:50%;background-color:#fff;bottom:-4px;position:absolute;width:7px;height:7px;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(135deg);z-index:1;margin-left:-4px} /* 2023-04-26 left 추가 */
.graphTypeWrap .graphType .graphTip02.normgreen .graphTipBox{border:1px solid #19a647}
.graphTypeWrap .graphType .graphTip02.normgreen .graphTipBox:after{border:1px solid #19a647;border-left:0;border-bottom:0} 
.graphTypeWrap .graphType .graphTip02.mildgreen .graphTipBox{border:1px solid #d9ebae}
.graphTypeWrap .graphType .graphTip02.mildgreen .graphTipBox:after{border:1px solid #d9ebae;border-left:0;border-bottom:0} 
.graphTypeWrap .graphType .graphTip02.midgreen .graphTipBox{border:1px solid #9ad49e}
.graphTypeWrap .graphType .graphTip02.midgreen .graphTipBox:after{border:1px solid #9ad49e;border-left:0;border-bottom:0} 
.graphTypeWrap .graphType .graphTip02.darkgreen .graphTipBox{border:1px solid #64caaa}
.graphTypeWrap .graphType .graphTip02.darkgreen .graphTipBox:after{border:1px solid #64caaa;border-left:0;border-bottom:0} 
.graphTypeWrap .graphType .graphTip02.purple .graphTipBox{border:1px solid #8f64ca}
.graphTypeWrap .graphType .graphTip02.purple .graphTipBox:after{border:1px solid #8f64ca;border-left:0;border-bottom:0} 
.graphTypeWrap .graphType .graphTip02.skypink .graphTipBox{border:1px solid #e9aec5}
.graphTypeWrap .graphType .graphTip02.skypink .graphTipBox:after{border:1px solid #e9aec5;border-left:0;border-bottom:0} 
.graphTypeWrap .graphType .graphTip02.gray .graphTipBox{border:1px solid #ddd}
.graphTypeWrap .graphType .graphTip02.gray .graphTipBox:after{border:1px solid #ddd;border-left:0;border-bottom:0}
.graphTypeWrap .graphType .graphTip02.orange .graphTipBox{border:1px solid #ff8e3c}
.graphTypeWrap .graphType .graphTip02.orange .graphTipBox:after{border:1px solid #ff8e3c;border-left:0;border-bottom:0} 

.graphTypeWrap .graphType [class^="tipCircle"]{position:absolute;z-index:5;bottom:4px;left:50%;margin-left:-12px;border-radius:50%;width:24px;height:24px;border:1px solid #fff;color:#fff;font-size:10px;text-align:center;line-height:22px;transform:rotate(-30deg);z-index:2}
.graphTypeWrap .graphType .tipCircle01{background-color:#e75441}
.graphTypeWrap .graphType .tipCircle02{background-color:#19a647}
.graphTypeWrap .graphType .graphTip02{width:57px;z-index:3;box-sizing:border-box;border-radius:2px;margin-bottom:8px;display:none;position:absolute;left:50%;transform:translateX(-27px)}
.graphTypeWrap.graphPercent::before{content:"";position: absolute;width:calc(100% - 95px);height: 1px;background-color: #ddd;}
.graphTypeWrap.graphPercent::after{content:"";position: absolute;left: 47px;width: 1px;height: 100px;background-color: #ddd;}
.graphTypeWrap.graphPercent .percentNum{font-size:clamp(10px,1.0rem,15px);color:#888;}
.graphTypeWrap.graphPercent .percentNum .top{position: absolute;left:0;bottom:90px}
.graphTypeWrap.graphPercent .percentNum .middle{position: absolute;left:0;bottom:45px}
.graphTypeWrap.graphPercent .percentNum .bottom{position: absolute;left:0;bottom:0px}
.graphTypeWrap.graphPercent .graphType .baseGraph02{width:60px;position:relative;height:100px;display:flex;margin:0 auto;background-color:#f3f3f3;}


.graphVerWrap .graphBotText{display:flex;flex-wrap:wrap;justify-content:center; width:100%;border-top:1px solid #ebebeb;padding-top:8px}
.graphVerWrap .graphBotText span{width:calc(100%/3);text-align:center;font-size:clamp(12px,1.2rem,24px);color:#888;font-weight:normal}
.graphVerWrap .graphVerLine{position:absolute;z-index:2;width:calc(100% - 40px)}
.graphVerWrap .graphVerLine:after{position:absolute;content:'';display:inline-block;background-color:#f7fcf7}
.graphVerWrap .graphVerLine .title{font-size:11px;color:#666;margin-bottom:4px}
.graphVerWrap .graphVerLine .lineWrap{position:relative;display:flex;width:100%;height:12px}
.graphVerWrap .graphVerLine .lineWrap .left{position:absolute;top:0;width:calc(100% - 33.33%);border-top:1px dashed #666666}
.graphVerWrap .graphVerLine .lineWrap .right{position:absolute;top:0;right:0;bottom:-10px;width:33.33%;border-bottom:1px dashed #666666}
.graphVerWrap .graphVerLine .lineWrap .right:before{position:absolute;content:'';display:inline-block;width:1px;height:100%;border-left:1px dotted #666;top:0}
.graphVerWrap .graphVerLine.half .lineWrap .left,
.graphVerWrap .graphVerLine.half .lineWrap .right{width:50%}
.graphVerWrap .graphVerLine.halfNone .lineWrap .left{width:100%}
.graphVerWrap .graphVerLine.halfNone .lineWrap .right{display:none}
.graphVerWrap .graphBgWrap{position:absolute;bottom:29px;width:calc(100% - 36px);background-color:#f7fcf7}
/*  */

/* 나의 금융자산 그래프 */
.graphVerWrap.graphPeer .graphTypeWrap .graphType .baseGraph02 .lineGraph{position:absolute;z-index:1;bottom:0;left:0;width:30px;opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;background-color:#ddd}
.graphVerWrap.graphPeer .graphTypeWrap .graphType .baseGraph02 .lineGraph.normgreen{background-color:#19a647}
.graphVerWrap.graphPeer .graphTypeWrap .graphType .baseGraph02 .lineGraph.midgreen{background-color:#9ad49e}
.graphVerWrap.graphPeer .graphTypeWrap .graphType .baseGraph02 .lineGraph.darkgreen{background-color:#64caaa} 
.graphVerWrap.graphPeer .graphTypeWrap .graphType .baseGraph02 .lineGraph.purple{background-color:#8f64ca} 
.graphVerWrap.graphPeer .graphTypeWrap .graphType .baseGraph02 .lineGraph.skypink{background-color:#e9aec5} 
.graphVerWrap.graphPeer .graphTypeWrap .graphType .baseGraph02 .lineGraph.orange{background-color:#ff8e3c} 
.graphVerWrap.graphPeer .graphTypeWrap .graphType .graphTip02{min-width:90px;width:auto;transform:translateX(-50%)}
.graphVerWrap.graphPeer .graphTypeWrap .graphType .graphTip02 .graphTipBox{position:relative;background-color:rgba(255, 255, 255, 0.7);font-size:12px;font-weight:bold;background-color:#fff;padding:2px 4px;display:inline-block;border-radius:4px;text-align:center;width:100%;white-space:nowrap} /* 2023-04-26 white-space 추가 */
.msaeAseetItem .graphVerWrap.graphPeer .graphTypeWrap{position:relative}
.msaeAseetItem .graphVerWrap.graphPeer .graphTypeWrap .graphVerLine{width:100%}
.msaeAseetItem .graphVerWrap.graphPeer .graphTypeWrap .graphVerLine .lineWrap{height:0}
/* .graphVerWrap.graphPeer .graphTypeWrap .graphType .graphTip02{width:87px;transform:translateX(-50%)} */
.graphVerWrap .graphBotText span{width:calc(100%/4);}
.graphVerWrap.graphPeer .graphVerLine .lineWrap .dotLine{width:100%;border-top:1px dashed #666666}
.graphVerWrap.graphPeer.type02 .graphType{width:calc(100%/2)}
.graphVerWrap.graphPeer.type02 .graphBotText span{width:calc(100%/2)}
.graphVerWrap.graphPeer.type03 .graphType{width:calc(100%/3)}
.graphVerWrap.graphPeer.type03 .graphBotText span{width:calc(100%/3)}
.graphVerWrap.graphPeer.type04 .graphType{width:calc(100%/4)}
.graphVerWrap.graphPeer.type04 .graphBotText span{width:calc(100%/4)}
.graphVerWrap.graphPeer.type05 .graphType{width:calc(100%/5)}
.graphVerWrap.graphPeer.type05 .graphBotText span{width:calc(100%/5)}

.graphVerWrap.graphPeer .graphType + .graphType{margin-top:0}
.graphVerWrap.graphPeer .graphTypeWrap .graphType .lineGraph.minus{border-radius:0 0 6px 6px}
.graphVerWrap.graphPeer.ownPlus.ownMinus{padding-top:0;height:320px}
.graphVerWrap.graphPeer.ownPlus.ownMinus .graphBotText{position:absolute;top:auto;bottom:0;left:20px;right:20px;width:auto;border-top:1px solid #ebebeb}
.graphVerWrap.graphPeer.ownPlus.ownMinus .graphTypeWrap .graphType .baseGraph02{height:160px}
.graphVerWrap.graphPeer.ownPlus.ownMinus.graphVerWrap .graphTypeWrap{border-bottom:1px solid #ebebeb}

.graphVerWrap.graphPeer.ownMinus{padding-top:30px;height:160px}
.graphVerWrap.graphPeer.ownMinus .graphBotText{position:absolute;top:0;bottom:auto;left:20px;right:20px;width:auto;border-top:0}
.graphVerWrap.graphPeer.ownMinus .graphTypeWrap{border-bottom:1px solid #ebebeb}
.graphVerWrap.graphPeer.ownMinus .graphTypeWrap .graphType .baseGraph02{height:0}
.graphVerWrap.graphPeer.ownMinus .graphTip02.minus{margin-bottom:0}
.graphVerWrap.graphPeer.ownMinus .graphTip02.minus .graphTipBox{margin-top:10px}
.graphVerWrap.graphPeer.ownMinus .graphTip02.minus .graphTipBox:after{bottom:auto;top:-4px;transform:rotate(315deg)}
/* .graphVerWrap.graphPeer.ownMinus .graphTypeWrap .graphType .baseGraph02{height:0} */

/******************************

		VIP컨설팅
******************************/
/* 자산현황 - vip 컨설팅 */
.nhasset .vipConsult{position:relative;margin-top:30px;padding-top:25px;border-top:1px solid #f3f3f3}
.nhasset .vipConsult .defSubTit2 .tag{margin:-3px 0 0 2px}
.nhasset .vipConsult .contBtn01{position:absolute;bottom:0;right:0}
.nhasset .infoBox.vipGuide{padding:0px 16px 200px 16px;background:url('../images/bg_vipConsulting.png') no-repeat 50% bottom;background-size:280px auto}
.nhasset .infoBox.vipGuide p{padding:30px 0 15px 0;text-align:center;border-radius:10px;font-size:clamp(16px,1.6rem,24px);font-weight:bold}
.nhasset .infoBox.vipGuide p strong{font-weight:900}
.nhasset .infoBox.vipGuide p .vipColor01{color:#577fe0}
.nhasset .infoBox.vipGuide p .vipColor02{color:#0c419a}
.nhasset .infoBox.vipGuide > a{display:block}
.nhasset .vipTit{margin-top:10px;text-align:right}
.nhasset .vipTit a{display:inline-block;line-height:2.14;padding:0 10px;font-size:clamp(13px, 1.3rem, 19.5px);font-weight:normal;color:#fff;background-color:#19a647;border-radius:28px}
.nhasset .totalLink{text-align:right}
.nhasset .totalLink .linkTxt{margin-top:0}
.nhasset .vipService{margin-top:15px}
.nhasset .vipService dl{margin-top:10px;padding:17px 20px 17px 70px;background-repeat:no-repeat;background-position:5% 50%;background-position:left 20px top 50%;background-color:#f8f8f8;background-size:41px 41px;border-radius:10px}
.nhasset .vipService dl dt{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .vipService dl:first-child{margin-top:0}
.nhasset .vipService dl:nth-child(1){background-image:url('../images/ico_vipSvc01.png')}
.nhasset .vipService dl:nth-child(2){background-image:url('../images/ico_vipSvc02.png')}
.nhasset .vipService dl:nth-child(3){background-image:url('../images/ico_vipSvc03.png')}
.nhasset .vipService dd ul{margin:6px 0 0 -3px}
.nhasset .vipService dd li{margin-top:3px;color:#666;font-size:clamp(13px, 1.3rem, 19.5px);letter-spacing:-0.5px}

.nhasset .boxTypeWrap.wmConSulResult .tooltipCont{width:calc(100% - 32px) !important}

.nhasset .vipConsultStep{margin-top:20px}
.nhasset .vipConsultStep li{padding:0px 0 0 0px;background:url('../images/ico_wm_step.png')no-repeat left top;background-size:10px auto;display:flex}
.nhasset .vipConsultStep li:before{content:'';width:1px;background-color:#19a647;margin:14px 26px 0 4.5px;flex:0 0 1px}
.nhasset .vipConsultStep li + li{margin-top:4px}
.nhasset .vipConsultStep li > div{flex:1 1 auto;padding:17px 0 17px 64px;background-repeat:no-repeat;background-position:5% 50%;background-position:left 20px top 50%;background-size:32px auto;background-color:#f8f8f8;border-radius:0 20px 20px 20px;position:relative;margin-top:13px;margin-bottom:20px}
.nhasset .vipConsultStep li > div:before{content:'';position:absolute;z-index:1;top:-13px;left:0;width:24px;height:16px;background:url('../images/bg_wm_box.png')no-repeat left top;background-size:24px auto}
.nhasset .vipConsultStep li:nth-child(1) > div{background-image:url('../images/ico_vipConsult01.png')}
.nhasset .vipConsultStep li:nth-child(2) > div{background-image:url('../images/ico_vipConsult02.png')}
.nhasset .vipConsultStep li:nth-child(3) > div{background-image:url('../images/ico_vipConsult03.png')}
.nhasset .vipConsultStep li:nth-child(4) > div{background-image:url('../images/ico_vipConsult04.png')}
.nhasset .vipConsultStep li:nth-child(5) > div{background-image:url('../images/ico_vipConsult05.png')}
/*.nhasset .vipConsultStep li:nth-child(5):before{bottom:-25px}*/ /* [2022-05-03] 윤지현:VIP금융컨설팅 수정 */
.nhasset .vipConsultStep li.last:before{background-color:#fff}
.nhasset .vipConsultStep span{display:block;color:#666;font-size:clamp(12px,1.2rem,24px);font-weight:900;margin-bottom:2px}

.nhasset .vipPreCheck dl{margin-top:20px;padding:20px 0 0 55px;border-top:1px solid #e1e1e1;background-repeat:no-repeat;background-size:40px 40px;background-position:0 20px}
.nhasset .vipPreCheck dl:first-child{border-top:none;margin-top:0}
.nhasset .vipPreCheck dl:first-child{background-image:url(../images/ico_vipConsult06.png)}
.nhasset .vipPreCheck dl:last-child{background-image:url(../images/ico_vipConsult07.png)}
.nhasset .vipPreCheck dl dt{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .vipPreCheck dl dd{margin-top:5px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}

/* [2022-05-03] 윤지현:추가 */
.nhasset .vipConsultKind{display:flex;margin-top:20px}
/* [수정 260120] [MD2601_08] VIP금융컨설팅 신청프로세스 변경 모바일 높이값 변경 */
.nhasset .vipConsultKind li{position:relative;flex:1;/*height:130px*/} 
.nhasset .vipConsultKind li + li{margin-left:10px}
.nhasset .vipConsultKind li input[type="radio"]{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:100%;height:100%}
.nhasset .vipConsultKind li label{position:relative;display:block;width:100%;height:100%;padding:20px;max-width:100%;margin-left:0;font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold;border:2px solid #fff;border-radius:10px;text-align:left;background:url('../images/ico_vipKind01.png')no-repeat right 16px bottom 20px;background-size:26px auto;background-color:#f0ebfd}
/* [수정 260120] [MD2601_08] VIP금융컨설팅 신청프로세스 변경 모바일 padding:20px right 16px bottom 20px*/
/*.nhasset .vipConsultKind li label:before{position:absolute;top:24px;left:50%;content:'';width:33px;height:40px;margin-left:-16.5px;background-image:url(../images/ico_vipKind01.png);background-repeat:no-repeat;background-size:cover}*/
.nhasset .vipConsultKind li:last-child label{background:url('../images/ico_vipKind02.png') no-repeat right 19px bottom 13px;background-color:#fdf4f4;background-size:auto 50px}
.nhasset .vipConsultKind li:last-child label:before{background-image:url(../images/ico_vipKind02.png)}
.nhasset .vipConsultKind li input[type="radio"]:checked + label{font-weight:900 ;border-color:#19a647}

.nhasset .mobileFace{display:none}
.nhasset .vipBox{margin-top:20px;padding:20px;background-color:#f8f8f8;border-radius:6px}
.nhasset .vipBox .guideTit{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .infoTxt3 li:before,
.nhasset .guideList .listDash li:before{left:0px}
/* //[2022-05-03] 윤지현:추가 */

/* 영업점찾기 */
.nhasset .branchArea .guideList p{font-size:clamp(14px, 1.4rem, 21px);color:#111}
.nhasset .branchArea .defTit{position:relative;margin:20px 0 10px;font-size:clamp(15px, 1.5rem, 22.5px);color:#111;font-weight:bold}
.nhasset .branchOfficeWrap{position:relative;margin:0 -16px 0 -16px;height:100%}
.nhasset .branchList{border-bottom:1px solid #dedede}
.nhasset .branchList{border-top:none;border-bottom:none}
.nhasset .branchList li{padding:28px 0 20px 0;display:flex;justify-content:space-between}
.nhasset .branchList li ~ li{border-top:1px solid #dedede}
.nhasset .branchList li > a dl dt{font-weight:bold;color:#111}
.nhasset .branchList li > a dl dt + dd{font-size:clamp(12px,1.2rem,18px);color:#666}
.nhasset .branchList li .btnsArea{padding-left:15px}
.nhasset .branchList li .btnsArea > a{margin:0 0 8px 0 !important}

.nhasset .branchList dl a{width:76%}
.nhasset .branchList dl dt{margin-bottom:6px;line-height:1}
.nhasset .branchList dl dd{letter-spacing:-0.02em;color:#666}
.nhasset .branchList div a{display:block;width:20vw}
.nhasset .branchList div a.btnAddon{height:30px;line-height:28px;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .branchList div a:nth-of-type(1){margin-bottom:4px}

.nhasset .branchList dl *:last-child{margin-top:5px}
.nhasset .branchMap .mapQucik{position:absolute;bottom:20px;right:17px;z-index:1001}
.nhasset .mapQucik{position:fixed;bottom:20px;right:17px} /* 2021-02-08 버튼위치 수정 */
.nhasset .mapQucik .btnAddon{padding-right:20px;background-image:url('../images/bul_small_arrow.png');background-repeat:no-repeat;background-position:90% center;background-size:5px auto}
.nhasset .mapviewArea{width:100%;margin-top:10px;margin-bottom:15px}
.nhasset .mapviewArea img{max-width:100%}
.nhasset .popCont .popTopbodBox .defSubTit2{border:0;padding-bottom:0}
.nhasset .singleDot:before{content:'';width:2px;height:2px;border-radius:1px;background-color:#111;display:inline-block;vertical-align:middle;margin-right:6px}
.nhasset .branchOfficeWrap.h100p{position:absolute;top:100px;bottom:0;width:100%;height:auto} /* 2021-02-08 지도 화면아래 채우기 */
.nhasset .branchOfficeWrap.h100p .branchMap{height:100%;z-index:3}
.nhasset .tabDistance{position:absolute;top:15px;left:17px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:50px;border:1px solid #dedede;border-radius:2px;box-sizing:border-box;box-shadow:2px 1px 3px 1px rgba(0, 0, 0,0.18);z-index:1001} 
.nhasset .tabDistance li{background-color:#fff}
.nhasset .tabDistance li ~ li{border-top:1px solid #dedede}
.nhasset .tabDistance li a{display:block;padding:5px 8px;font-size:clamp(11px, 1.1rem, 16.5px);text-align:center;color:#666666}
.nhasset .tabDistance li.active{background-color:#19A647}
.nhasset .tabDistance li.active a{color:#fff}
.nhasset .branchReset{position:absolute;left:17px;bottom:30px;z-index:999}
.nhasset .branchReset [class*=post]{display:block;width:40px;height:40px;border-radius:50%;box-shadow:-1px 2px 8px 1px rgba(0,0,0,0.35);text-indent:-9999em}
.nhasset .branchReset [class*=post] span{display:block}
.nhasset .branchReset a + a{margin-top:10px}
.nhasset .branchReset .postBtn{background-color:#fff}
.nhasset .branchReset .postReset{background:#fff}
.nhasset .branchReset .postReset span{background-image:url('../images/btn_pos_reset.png')} 
.nhasset .branchReset .postBtn span{background-image:url('../images/btn_posactive_loading.png')}
.nhasset .branchReset [class*=post] span{height:40px;width:40px;background-repeat:no-repeat;background-size:40px auto}
.nhasset .branchReset .postBtn.active{background-color:#19A647}
.nhasset .branchReset .postBtn.active span{background-image:url('../images/btn_pos_loading.png');background-size:40px auto}
.nhasset .branchReset .postBtn span.active{animation-name:spinning;animation-duration:1500ms;animation-iteration-count:infinite;animation-timing-function:linear}
.nhasset .branchBarbox{position:absolute;left:17px;z-index:999}
.nhasset [class^="branchbar"]{position:relative;display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;width:25px;height:35px;vertical-align:middle;font-size:clamp(8px, 0.8rem, 12px);color:#fff;background-repeat:no-repeat;background-position:0 0;background-size:contain}
.nhasset .branchBarbox [class^="branchbar"] .nhLogo{display:block;width:15px;height:7px;background:url('../images/img_nh_txt.png') no-repeat 0 0;background-size:15px auto;text-indent:-9999em}
.nhasset .loadingArea{width:235px;height:235px;border-radius:50%;margin:-118px 0 0 -118px;background-color:#80d8ff;opacity:0.2;position:absolute;top:50%;left:50%;font-size:1px;color:transparent;z-index:1001}
.nhasset .loadingArea.active{animation-name:mycurrentpos;animation-duration:1500ms;animation-iteration-count:infinite;animation-timing-function:ease-out}
.nhasset .currentPos{position:absolute;left:17px;bottom:200px;width:25px;height:35px;background:url('../images/icon_mypos_pin.png') no-repeat 0 0;background-size:25px auto;font-size:1px;color:transparent;z-index:1001}
.nhasset .midTxt{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .productWrap{margin:0}

.nhasset .guideListTop{margin:0;padding:20px 15px 20px 20px;background-color:#f0fbf7;border-radius:6px}
@keyframes spinning{from{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@keyframes mycurrentpos{from{transform:scale(0.3);-webkit-transform:scale(0.3)}to{transform:scale(1);-webkit-transform:scale(1)}}



/* 소비패턴 지난달 랭킹 */
.nhasset .rankingListWrap2{margin-top:10px}
.nhasset .rankingListWrap2 .cardList{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.nhasset .rankingListWrap2 .cardList li{display:block;position:relative;flex-shrink:0;margin-top:10px;padding:16px;width:calc(50% - 5px);border:1px solid #e1e1e1;border-radius:10px}
.nhasset .rankingListWrap2 .cardList li:first-child{border-top:1px solid #e1e1e1}
.nhasset .rankingListWrap2 .cardList li:first-child,
.nhasset .rankingListWrap2 .cardList li:nth-child(2){margin-top:0}
.nhasset .rankingListWrap2 .cardList li a{display:block}
.nhasset .rankingListWrap2 .num{display:inline-block;width:27px;background-color:#f1f1f1;color:#666;font-size:clamp(12px, 1.2rem, 18px);text-align:center;border-radius:2px}
.nhasset .rankingListWrap2 .num.etc{background:#fff}
.nhasset .rankingListWrap2 .cardList .cardName{display:block;margin-top:12px;font-size:clamp(13px, 1.3rem, 19.5px);color:#111}
.nhasset .rankingListWrap2 .cardList .cardTotal{text-align:left}
.nhasset .rankingListWrap2 .imgWrap{position:absolute;top:10px;right:10px}
.nhasset .rankingListWrap2 .imgWrap .img{width:32px;height:32px}
.nhasset .rankingListWrap2 .listMoreBtn{margin-top:20px;width:100%;height:44px;border:1px solid #e1e1e1}
.nhasset .rankingListWrap2 .cardMoreBtn{display:block;margin-top:20px;width:100%;height:40px;border:1px solid #e1e1e1;border-radius:2px;line-height:40px;text-align:center}
.nhasset .rankingListWrap2 .cardMoreBtn:after{display:inline-block;content:'';width:12px;height:8px;margin-left:7px;background:url('../images/common/ico_arr_down.png') no-repeat 0 0;background-size:11px 7px}
.nhasset .rankingListWrap2 .cardMoreBtn.active{display:none}
.nhasset .rankingListWrap2 .toggleCont{padding-top:10px}

/******************************
		카드
******************************/
/* detailList 타이틀 */
.nhasset .detailTitWrap{display:flex;justify-content:space-between;margin:35px 0 15px;padding-bottom:5px;border-bottom:1px solid #333333}
.nhasset .detailTitWrap .tit{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .detailTitWrap .value{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}
.nhasset .detailTitWrap .value .dataValue{font-weight:bold;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .detailList.isLogo > li .link{display:flex;width:100%;padding-right:15px;align-items:center}
.nhasset .detailList.isLogo > li .value{flex:1;margin-left:auto;color:#666}
.nhasset .detailList.isLogo > li .value .dataValue{vertical-align:initial}
.nhasset .detailList.isLogo li{margin-top:20px;padding-top:20px;border-top:1px solid #e1e1e1}
.nhasset .detailList.isLogo li:first-child{margin-top:0;padding-top:0;border-top:none}
.nhasset .detailList.isLogo .imgWrap{width:40px;text-align:left}
.nhasset .detailList.isLogo .imgWrap:before{margin-right:0}
.nhasset .detailListTit{position:relative;margin:35px 0 25px;padding-bottom:25px;border-bottom:1px solid #333333;font-size:clamp(19px, 1.9rem, 28.5px)}
.nhasset .detailListTit .contBtn01.posA,.nhasset .detailListTit .contBtn02.posA{position:absolute;top:0;right:0}
.nhasset .standardDate{margin-top:17px;font-size:clamp(12px, 1.2rem, 18px);color:#666;text-align:right}
.nhasset .standardDate strong{font-size:clamp(14px, 1.4rem, 21px);color:#111}

.nhasset .totalBalance.bgCard01{margin-top:25px}
.nhasset .totalBalance[class*="bgCard"]{position:relative}
.nhasset .totalBalance[class*="bgCard"]:after{position:absolute;top:0;right:0;width:60px;height:60px;content:'';background-repeat:no-repeat;background-position:0 0;background-size:cover}
.nhasset .totalBalance.bgCard01:after{background-image:url(../images/bg_total_card.gif)}
.nhasset .totalBalance.bgCard02:after{background-image:url(../images/bg_total_card2.gif)}
.nhasset .totalBalance.bgCard03:after{background-image:url(../images/bg_total_card3.gif)}
.nhasset .btnSelec{display:inline-block;min-width:56px;margin-right:3px;padding-left:2px;padding-right:18px;font-size:clamp(16px, 1.6rem, 24px);font-weight:900;vertical-align:0;background:url(../images/arr_down03.png) no-repeat right 5px top 50%;background-size:8px 5px;border-bottom:2px solid #111}
.nhasset .defTit .btnSelec{font-size:clamp(18px, 1.8rem, 27px)}

/* 카드리스트 */
.nhasset .cardList > li{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #e1e1e1}
.nhasset .cardList > li:first-child{border-top:0}
.nhasset .cardList .cardName{position:relative;width:100%;font-size:clamp(15px, 1.5rem, 22.5px);color:#666}
.nhasset .cardList .cardName .blind{left:0;width:32px !important;height:32px !important;clip:auto}
.nhasset .cardList .cardTotal{flex-shrink:0;font-weight:bold;text-align:right}
.nhasset .cardList .subValue{margin-top:5px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}

/* 등록된 카드 없음 */
.cardEmptyAni{margin:0 -20px 60px}
.cardEmptyAni .aniArea{position:relative;width:320px;height:182px;margin:0 auto;background:url(../images/img_card_emptybg.png) no-repeat;background-size:320px 182px}
.cardEmptyAni .obj01,.cardEmptyAni .obj02,.cardEmptyAni .obj03,.cardEmptyAni .obj04{position:absolute;width:29px;height:29px;opacity:0}
.cardEmptyAni .obj05{position:absolute;top:60%;left:49.5%;width:62px;height:auto;margin-left:-31px;opacity:0}
.cardEmptyAni .obj01{left:41px;top:80px;transition:0.7s 0.3s}
.cardEmptyAni .obj02{left:66px;top:30px;transition:0.7s 0.4s}
.cardEmptyAni .obj03{left:210px;top:0px;transition:0.7s 0.5s}
.cardEmptyAni .obj04{left:263px;top:60px;transition:0.7s 0.6s}
.cardEmptyAni.active .obj01{top:113px;animation:centerHide 0.6s 1.5s forwards;opacity:1}
.cardEmptyAni.active .obj02{top:47px;animation:centerHide 0.6s 1.7s forwards;opacity:1}
.cardEmptyAni.active .obj03{top:30px;animation:centerHide 0.6s 1.8s forwards;opacity:1}
.cardEmptyAni.active .obj04{top:92px;animation:centerHide 0.6s 1.6s forwards;opacity:1}
.cardEmptyAni.active .obj05{animation:opa 1.5s 2.3s forwards}
@keyframes centerHide{
	0%{opacity:1}
	10%{transform:scale(1.2)}
	20%{transform:scale(1)}
	100%{top:57%;left:50%;margin-left:-14px;opacity:0}
}
@keyframes opa{
	0%{opacity:0;transform:scale(0.5)}
	20%{opacity:0.5;transform:scale(1.1)}
	100%{opacity:1;transform:scale(1)}
}

/* 카드 결재내역 */
.nhasset .cardSpendList{margin-top:-16px}
.nhasset .cardSpendList .inoutListWrap{margin-top:0}
.nhasset .cardSpendList .inoutListWrap .inoutTit,
.nhasset .cardSpendList .inoutListWrap .amount,
.nhasset .cardSpendList .inoutListWrap .inoutTit .amount .dataValue,
.nhasset .cardSpendList .inoutListWrap .inoutTit .amount .won{font-size:clamp(14px, 1.4rem, 21px);font-weight:900}
.nhasset .cardSpendList .inoutListWrap .inoutCont{margin-top:2px;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .cardSpendList .inoutListWrap .inoutTit .use{width:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold}
.nhasset .cardSpendList .inoutListWrap .inoutTit .use.noConnData{font-weight:normal;color:#666;background:url('../images/arr_right04.png')no-repeat right center;background-size:6px auto;padding-right:13px}

/* 카드승인내역 */
.nhasset .accTopInfo .totalBalance .dark{color:#111;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .accTopInfo .totalBalance dd.cancel{text-decoration:line-through;color:#aaa}

.nhasset .accList > li .imgWrap[class*="icoCate"] .img{display:inline-block;width:32px;height:32px;margin-right:14px;border:1px solid #f3f3f3;border-radius:50%}
.nhasset .accList > li .imgWrap[class*="icoCate"]:before{display:none}
.nhasset .accList > li .imgWrap.icoCate20 .img{overflow:hidden;border:1px dashed #dedede}

/* 실적충족현황 */
.nhasset .container.fullH,.nhasset .popCont.fullH{background-color:#f0f2f4 !important}
.nhasset .bgN{position:relative;margin:0 -20px;padding:25px 20px 40px;background-color:#fff}
.nhasset .bgN .updateBtn{top:20px;right:20px}
.nhasset .perforWrap{clear:both;margin-top:20px;background:#f8f8f8;border:1px solid #e1e1e1;border-radius:10px;overflow:hidden;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16)}


.nhasset .perforWrap .cate{padding:20px 18px 0;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .perforWrap .txt{padding:5px 18px 0;font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .perforWrap .bgArea{margin-top:20px;padding:20px 14px;background:#fff}
.nhasset .perforWrap .bgArea .banefitBox{margin-top:10px}
.nhasset .perforWrap .bgArea .banefitBox:first-child{margin-top:0}
.nhasset .banefitBox{padding:15px 10px;background:#fff;border-radius:2px}
.nhasset .banefitBox + .banefitBox{border-top:solid 1px #ebebeb}
.nhasset .banefitBox .month{display:flex;justify-content:space-between}
.nhasset .banefitBox .month .tag{margin-left:5px;color:#3962ff;border-color:#3962ff}
.nhasset .banefitBox .month .status{font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .banefitBox .month .status:after{display:inline-block;width:18px;height:16px;margin-left:5px;content:'';background:url(../images/ico_emo01_heart.png) no-repeat;background-size:cover;vertical-align:-4px}
.nhasset .banefitBox .graphBtm .value{color:#3674bc}
.nhasset .banefitBox.typeN .tag{color:#f44743;border-color:#f44743}
.nhasset .banefitBox.typeN .graphBtm .value{color:#f44743}
.nhasset .banefitBox.typeN .status:after{background-image:url(../images/ico_emo02_sweat.png)}

/******************************
		자산등록
******************************/
.defSubTit2 .contBtn01{float:right;height:auto}
.nhasset .bankRegistList li [class*="contBtn"]{padding:4px 10px 5px}
.nhasset .guideList p{font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .guideList .guideTit{display:block;margin-bottom:10px;padding-left:0;font-size:clamp(13px, 1.3rem, 19.5px);color:#111;background:none} /* [2022-05-03] 윤지현:추가 */

/* 연결자산관리 */
.nhasset .assetTotalList .totalTitWrap > a{padding-right:15px;width:100%;background:url('../images/arr_down02.png') no-repeat 100% 50%;background-size:10px 10px}
.nhasset .assetTotalList .totalTitWrap > a.active{background-image:url('../images/arr_up02.png')}
.nhasset .assetTotalList .totalTitWrap .totalTit *{text-indent:0}
.nhasset .assetTotalList .totalTitWrap .totalTit:before{vertical-align:-10px;margin-right:8px}
.nhasset .assetTotalList .totalTitWrap .totalAmnt{text-align:right}
.nhasset .assetTotalList .totalTitWrap .totalAmnt .info{font-size:clamp(12px,1.2rem,18px);color:#666}
/* .nhasset .assetTotalList .totalTitWrap .totalAmnt .dataValue{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .assetTotalList .totalTitWrap .totalAmnt .won{font-size:clamp(15px, 1.5rem, 22.5px)} */
.nhasset .assetTotalList .toggleCont{display:none;margin-top:0}
.nhasset .assetTotalList .totalTitWrap + .accList{border-top:1px solid #e1e1e1}

.nhasset .assetTotalList .accList > li{display:block;width:100%}
.nhasset .assetTotalList .accList > li .accValue{position:relative}
.nhasset .assetTotalList .accList > li .accValue .valueType{position:absolute;top:-25px;right:0;color:#666;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .assetTotalList .accList > li .imgWrap.icoEtcAsset09:before{background-size:50% auto}
.nhasset .assetTotalList .accList > li .imgWrap.icoEtcAsset03:before{background-size:50% auto}
.nhasset .assetTotalList .accList > li .tagWrap{margin-top:2px}
/* [2021-11-12] 윤지현:자산메인 보험 꺽쇠추가 */
.nhasset .assetTotalList .accList.insuList > li{display:flex;align-items:center;padding:8px 0 13px}
.nhasset .assetTotalList .accList.insuList > li > a.link{display:flex;align-items:center} 
 /* //[2021-11-12] 윤지현:자산메인 보험 꺽쇠추가 */
.nhasset .assetTotalList .tag{margin-top:2px;vertical-align:middle}
.nhasset .assetTotalList .totalTitWrap .totalTit .cnt{font-weight:normal}
.nhasset .assetTotalList .totalTitWrap .totalTit strong.cnt.pointColor{font-weight:bold}

.nhasset .assetTotalList.boxLine{margin-top:10px;padding:0 10px;overflow:hidden;border:2px solid #d1d1d1;border-radius:10px}
.nhasset .assetTotalList.boxLine .totalTit{position:relative;min-height:32px;padding:5px 20px 5px 40px}
.nhasset .assetTotalList.boxLine .totalTit:before{position:absolute;top:50%;margin-top:-16px;left:0}
.nhasset .assetTotalList.boxLine .totalTitWrap{align-items:center;border-top:0}
.nhasset .assetTotalList.boxLine .totalTitWrap{padding:12px 0 14px 0}
.nhasset .assetTotalList.boxLine .listNone{padding-top:70px;margin-bottom:30px;border-top:1px solid #e1e1e1;background-position:50% 20px;background-image:url('../images/bg_confirm04.png');background-repeat:no-repeat;background-size:40px 40px}
.nhasset .assetTotalList.boxLine .totalAccList .titArea{display:block}
.nhasset .assetTotalList.boxLine .accList > li{padding:10px 0 15px}
.nhasset .assetTotalList.boxLine .accList > li > a{align-items:center;color:#111}
.nhasset .assetTotalList.boxLine .accList .accTit{display:inline;white-space:normal;vertical-align:middle;color:#111}
.nhasset .assetTotalList.boxLine .totalAcc{padding:6px 10px;background-color:#f5f5f5}
.nhasset .assetTotalList.boxLine .totalAcc:after{display:none}
.nhasset .assetTotalList.boxLine .totalAccList > li:first-child{padding-top:0}
.nhasset .assetTotalList.boxLine .accList.toggleCont > li .accInfo .accValue .dataValue{font-family:'NotoNum'}
.nhasset .assetTotalList.boxLine .totalTit .cnt{display:inline-block;width:26px;height:20px;margin-left:4px;background-color:#f1f1f1;border-radius:10px;color:#666;font-size:clamp(13px, 1.3rem, 19.5px);text-align:center;line-height:18px}
.nhasset .assetTotalList.boxLine.type02 .totalTit{padding-left:0}
.nhasset .assetTotalList.boxLine.type02 .totalTit:before{content:none}
.nhasset .as.selectCerti{display:flex;flex-wrap:wrap;margin:0 -4px}
.nhasset .as.selectCerti > li{width:50%;position:relative;margin-bottom:8px;flex:0 0 50%;padding:0 4px}
.nhasset .as.selectCerti > .car{width:100%;position:relative;margin-bottom:8px;flex:0 0 100%;padding:0 4px}
.nhasset .as.selectCerti > .car label{padding:20px 0}

/* 자산 서브메인 */
.nhasset .subMain.assetTotalList .totalAcc .tit{font-size:clamp(14px,1.4rem,21px)}
.nhasset .subMain.assetTotalList .totalAccList > li + li{border-top:solid 1px #ebebeb}
.nhasset .subMain.assetTotalList .accList > li{padding:20px 0 20px}
.nhasset .subMain.assetTotalList .totalAcc + .accList > li:first-child{border-top:0;padding-top:7px}
.nhasset .subMain.assetTotalList .accList > li .imgWrap +.accInfoWrap{margin-left:4px}
.nhasset .subMain.assetTotalList .accList > li .imgWrap +.accInfoWrap .titAreaWrap{display:flex;justify-content:space-between}
.nhasset .subMain.assetTotalList .accList > li .imgWrap +.accInfoWrap .titAreaWrap .transAcc{white-space:nowrap;padding-left:8px}
.nhasset .subMain.assetTotalList .totalTitWrap .toggleBtn{display:flex;justify-content:space-between}
.nhasset .subMain.assetTotalList .totalTitWrap .totalTit .cnt{font-weight:bold}
/* .nhasset .subMain.assetTotalList .totalAccList > li:last-child .accList > li:last-child{padding-bottom:2px} */
/* .nhasset .subMain.assetTotalList .totalAccList > li:last-child .tSaddTxt + .accList > li:last-child{padding-bottom:20px} */

.nhasset .subMain.assetTotalList .totTit{color:#666;margin:0 -20px;padding:17px 18px;background-color:#f8f8f8;margin-top:24px;/*padding-bottom:14px;border-bottom:1px solid #e1e1e1;*/}
.nhasset .subMain.assetTotalList .totTit + .totalAccList > li:first-child{padding-top:0}
.nhasset .totalSortWrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .totalSortWrap .cryptoDate{text-align:right;font-size:clamp(11px,1.1rem,16.5px);color:#888}

.nhasset .subMain .accList > li .accInfoWrap .accInfo .accValue{text-align:right}
.nhasset .subMain .accList > li .accInfoWrap .accInfo .accValue .labelAdd{font-weight:normal}
.nhasset .flexAlineCenter{align-items:center}
.nhasset .subMainBanner{margin-top:20px}
.nhasset .subMainBanner > a{display:block;border-radius:5px;padding:12px 20px;font-size:clamp(12px,1.2rem,18px)}
.nhasset .subMainBanner > a > div[class^='type']{display:flex;align-items:center}
.nhasset .subMainBanner > a > div[class^='type']:before{content:'';width:32px;height:32px;background:url('../images/category/icoCate104.png') no-repeat top center;background-size:32px 32px;border-radius:100%;margin-right:12px;flex:0 0 32px}
.nhasset .subMainBanner > a > div[class='type01']:before{background:url('../images/category/as/ico_cate_as_01.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a > div[class='type02']:before{background:url('../images/category/as/ico_cate_as_02.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a > div[class='type03']:before{background:url('../images/category/as/ico_cate_as_03.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a > div[class='type04']:before{background:url('../images/category/as/ico_cate_as_04.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a > div[class='type05']:before{background:url('../images/category/as/ico_cate_as_05.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a > div[class='type06']:before{background:url('../images/category/as/ico_cate_as_06.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a > div[class='type07']:before{background:url('../images/category/as/ico_cate_as_07.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a > div[class='type08']:before{background:url('../images/category/as/ico_cate_as_08.gif') no-repeat top center;background-size:32px 32px}
.nhasset .subMainBanner > a.typeAccount{background-color:#e2f5f0}
.nhasset .subMainBanner > a.typeInvestment{background-color:#ecf7fc}
.nhasset .subMainBanner > a.typeLoan{background-color:#ffedf5}
.nhasset .subMainBanner > a.typePension{background-color:#e5f8ff}
.nhasset .subMainBanner > a.typeCrypto{background-color:#ebf8f4}
.nhasset .subMainBanner > a.typePay{background-color:#fffbd5}
.nhasset .subMainBanner > a.typeInsu{background-color:#f0fcd6}
.nhasset .subMainBanner > a.typeProperty{background-color:#f2f9fd}

.nhasset .subMainFootBannerWrap{display:flex;margin-top:20px}
.nhasset .subMainFootBannerWrap > li{flex:1}
.nhasset .subMainFootBannerWrap > li + li{margin-left:12px}
.nhasset .subMainFootBannerWrap > li > a{display:block;border-radius:10px;box-shadow:0px 2px 9px 0px rgba(60, 78, 110, 0.12);padding:25px 20px 14px 20px;color:#111;height:131px}
.nhasset .subMainFootBannerWrap > li > a .inner{height:100%}
.nhasset .subMainFootBannerWrap > li > a.type01{background-color:#f8f6da}
.nhasset .subMainFootBannerWrap > li > a.type02{background-color:#d8f3fe}
.nhasset .subMainFootBannerWrap > li > a.type01 .inner{background:url('../images/img_submain_bottom_banner01.png')no-repeat right bottom;background-size:46px auto}
.nhasset .subMainFootBannerWrap > li > a.type02 .inner{background:url('../images/img_submain_bottom_banner02.png')no-repeat right bottom;background-size:auto 45px}
/* [MD2501_004] 숨은자산 내 세금포인트조회 */
.nhasset .subMainFootBannerWrap > li > a.type03{background-color:#f8f6da}
.nhasset .subMainFootBannerWrap > li > a.type04{background-color:#d8f3fe}
.nhasset .subMainFootBannerWrap > li > a.type03 .inner{background:url('../images/img_submain_bottom_banner03.png')no-repeat right bottom;background-size:45px auto}
.nhasset .subMainFootBannerWrap > li > a.type04 .inner{background:url('../images/img_submain_bottom_banner04.png')no-repeat right bottom;background-size:45px auto}
.nhasset .subMainFootBannerWrap > li > a .inner > span{display:block;background:url('../images/arr_right02.png')no-repeat right 6px;background-size:6px auto }

.nhasset .assetConnEmpty{margin-top:20px}
.nhasset .assetConnEmpty > a{display:block;background:url('../images/bg_asset_conn_empty.png')no-repeat center 28px #cdd6ff;background-size:141px auto;border-radius:10px;box-shadow:0px 2px 2px 0px rgba(41, 58, 88, 0.16);text-align:center;padding:122px 20px 25px 20px}
.nhasset .assetConnEmpty > a > strong{display:block;font-size:clamp(16px,1.6rem,24px);color:#111}
.nhasset .assetConnEmpty > a > p{color:#666;margin-top:3px}

.nhasset .assetConnectInfo .assetConnEmpty{margin-top:20px}
.nhasset .assetConnectInfo .assetConnEmpty{display:block;background:url('../images/bg_asset_conn_empty.png')no-repeat center 0;background-size:141px auto;text-align:center;padding:102px 0 0 0}
.nhasset .assetConnectInfo .assetConnEmpty > strong{display:block;font-size:clamp(16px,1.6rem,24px);color:#111}
.nhasset .assetConnectInfo .assetConnEmpty > p{color:#666;margin-top:3px}

/* 금융상품 스와이프 */
.nhasset .productSwiperWrap{width:100%}
.nhasset .productSwiperContainer{position:relative;padding:0 20px}
.nhasset .productSwiperWrap.boxTypeWrap{padding-top:0}
.nhasset .productSwiperMenuWrap{position:relative;overflow:hidden}
.nhasset .productSwiperMenu{position:relative;overflow:hidden}
.nhasset .productSwiperMenu .swiper-slide a{display:block;line-height:45px}
.nhasset .productSwiperMenu .swiper-slide{width:auto;padding:0 12px;border-bottom:solid 2px transparent}
.nhasset .productSwiperMenu .swiper-slide.swiper-slide-thumb-active{border-color:#19a647;color:#19a647;font-weight:bold}
.nhasset .productSwiperContainer .swiper-button-next,.nhasset .productSwiperContainer .swiper-button-prev{height:47px;width:30px;margin-top:0px;top:0;overflow:hidden;color:transparent}
.nhasset .productSwiperContainer .swiper-button-prev{left:-20px;background:linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0))}
.nhasset .productSwiperContainer .swiper-button-next{right:-20px;background:linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(255,255,255,0))}
.nhasset .productSwiperContainer .swiper-button-prev:before,
.nhasset .productSwiperContainer .swiper-button-next:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0}
.nhasset .productSwiperContainer .swiper-button-prev:before{background:url('../images/arr_prev.png')no-repeat left 20px center;background-size:auto 10px}
.nhasset .productSwiperContainer .swiper-button-next:before{background:url('../images/arr_next.png')no-repeat right 20px center;background-size:auto 10px}
.nhasset .productSwiperContainer .swiper-button-next.swiper-button-disabled, .nhasset .productSwiperContainer .swiper-button-prev.swiper-button-disabled{opacity:0.35}
/* .nhasset .productSwiperCont{height:auto;overflow:hidden} */
.nhasset .swiper-autoheight,
.nhasset .swiper-autoheight .swiper-slide{height:auto}
.nhasset .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.nhasset .productEmpty{text-align:center;padding:106px 0 27px 0;background:url(../images/icon_nodata.png)no-repeat center 50px;background-size:32px auto;color:#666}

.nhasset .productSwiperList >{}
.nhasset .productSwiperList > li{}
.nhasset .productSwiperList > li + li{border-top:solid 1px #ebebeb}
.nhasset .productSwiperList > li > a{display:block;padding:22px 0}
.nhasset .productSwiperList > li > a .title{display:block;font-size:clamp(16px,1.6rem,24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url('../images/arr_GradeR_2.png')no-repeat right center;background-size:8px auto;padding-right:23px}
.nhasset .productSwiperList > li > a .productLogo{margin-top:25px}
.nhasset .productSwiperList > li > a .productLogo img{width:auto;height:15px} /*자산 농협 금융상품 로고 크게 보이는 현상 수정*/
.nhasset .productSwiperList > li > a .productInfo{font-size:clamp(13px,1.3rem,19.5px);margin-top:10px}
.nhasset .productSwiperList > li > a .productEtc{font-size:clamp(11px,1.1rem,16.5px);color:#888}
.nhasset .hrTypeProduct{height:1px;background-color:#ebebeb;margin:0;padding:0;border:0;margin:0 -20px}


/* 등록가능은행 리스트 */
.nhasset .bankRegistList{margin-top:10px}
.nhasset .bankRegistList > ul > li{position:relative;width:100%;min-height:72px;padding-top:20px;border-top:1px solid #e1e1e1}
.nhasset .bankRegistList > ul > li:first-child{border-top:0}
.nhasset .bankRegistList li .bankName{padding-right:80px}
.nhasset .bankRegistList li:before{display:none;position:absolute;top:0;left:-20px;content:'';width:100%;width:calc(100% + 40px);height:73px;background-color:#19a647;opacity:0.1;z-index:-1} 
.nhasset .bankRegistList li.on:before{display:block}
.nhasset .bankRegistList li .bankName[class*="icoEtcAsset"]:before{margin-right:8px;vertical-align:middle}
.nhasset .bankRegistList li .bankName.icoEtcAsset08:before{background-size:23.5px 15.5px}
.nhasset .bankRegistList li .bankName.icoEtcAsset04:before{background-size:19px 18px}
.nhasset .bankRegistList li .bankName.icoEtcAsset05:before{background-size:20px 20px}
.nhasset .bankRegistList li .bankName.icoEtcAsset06:before{background-size:20px 15px}
.nhasset .bankRegistList li .bankName.icoEtcAsset07:before{background-size:17.5px 18.5px}
.nhasset .bankRegistList li [class*="contBtn"]{position:absolute;top:21px;right:0;width:70px;height:30px}
.nhasset .bankRegistList li .contBtn01.error{color:#f44743;border:0;text-align:right;text-decoration:underline !important;background-color:transparent}
.nhasset .bankRegistList li .tooltipCont{left:0}
.nhasset .bankRegistSel{overflow:hidden;margin-top:10px}
.nhasset .bankRegistSel .selMsg{float:left;padding-top:7px;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .bankRegistSel .tgBtnWrap{float:right;min-height:30px;margin-top:0;padding:7px 5px}

/* 등록가능은행 리스트 all */
.nhasset .bankRegistListAll{margin-top:20px;background-color:#f8f8f8}
.nhasset .bankRegistListAll li{position:relative;padding:15px 20px 15px 15px;color:#666;border-top:1px solid #e1e1e1}
.nhasset .bankRegistListAll li:first-child{margin-top:0}
.nhasset .bankRegistListAll li span{display:inline-block;width:100%;padding-right:60px}
.nhasset .bankRegistListAll li [class*="contBtn"]{top:50%;right:10px;width:auto;margin-top:-15px;color:#666}

/* 부동산 지역 선택 */
.nhasset .addrSrch .btnReset{right:26px}
.nhasset .addrSelectWrap{margin-top:12px}
.nhasset .addrSelectWrap ul{display:flex;flex-wrap:wrap;margin:0 -8px}
.nhasset .addrSelectWrap ul:after{display:block;content:'';clear:both}
.nhasset .addrSelectWrap li{margin-bottom:8px;padding:0 4px}
.nhasset .addrSelectWrap li a,.nhasset .addrSelectWrap li span.button{display:block;line-height:44px;text-align:center;/* letter-spacing:-1px */} /* [2021-10-15] 윤지현:자간삭제 */
.nhasset .addrSelectWrap li a{border:solid 1px #ebebeb;border-radius:5px}
.nhasset .addrSelectWrap li.active a{border-color:#19a647}
.nhasset .addrSelectWrap li span.button{color:#aaa;background:#f8f8f8}
.nhasset .addrSelectWrap li.active{position:relative;color:#19a647;border-color:#19a647}
.nhasset .addrSelectWrap li.active a:before{content:' ';display:inline-block;width:17px;height:9px;background:url(../images/ico_check_on.png) no-repeat;background-size:13px auto}
.nhasset .btnSearch{position:absolute;top:50%;right:10px;width:17px;height:17px;margin-top:-8px;background:url('../images/ico_find.png') no-repeat;background-size:17px 17px}
.nhasset .addrSelectWrap ul.no2 li{width:50%}
.nhasset .addrSelectWrap ul.no3 li{width:25%;width:calc(100% / 4)} /* 2022-09-27 윤지현:4개로 수정 */
.nhasset .popSelWrap{margin:0 20px}
.nhasset .popSelWrap .addrSelectWrap{margin-top:1px}

.nhasset .boxCheck{display:flex;flex-wrap:wrap}
.nhasset .boxCheck .boxChkInn{position:relative;width:50%}
.nhasset .boxCheck .boxChkInn:nth-child(2n) input[type="checkbox"] + label{margin-left:8px}
.nhasset .boxCheck input[type="checkbox"] + label:before{content:' ';display:none;width:20px;height:9px}
.nhasset .boxCheck input[type="checkbox"]{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:100%;height:100%}
.nhasset .boxCheck input[type="checkbox"] + label{position:relative;margin-left:0;margin-bottom:8px;top:0;left:0;width:100%;max-width:100%;min-height:45px;padding:10px 0;font-size:clamp(14px, 1.4rem, 21px);color:#111;text-align:center;z-index:0;border-radius:5px;border:solid 1px #ebebeb;background-color:#fff}
.nhasset .boxCheck input:checked + label{border:1px solid #19a647;color:#19a647;z-index:1;border-radius:5px;font-weight:bold;background-image:none !important}
.nhasset .boxCheck input:checked + label:before{content:' ';display:inline-block;width:17px;height:9px;background:url('../images/ico_check_on.png') no-repeat;background-size:13px auto}

/* 부동산 검색결과 리스트 */
.nhasset .srchResult ul{margin:0 -20px}
.nhasset .srchResult li{padding:0 20px}
.nhasset .srchResult li a{display:block;padding:16px 0 17px;border-top:1px solid #f3f3f3}
.nhasset .srchResult li:first-child a{margin-top:0;border-top:1px solid #111}
.nhasset .srchResult li.active{background-color:#fdfbfb}
.nhasset .srchResult li.active a{background:url('../images/ico_select_active.png') no-repeat 100% 50%;background-size:22px 17px}
/* 영업점 검색 */
.nhasset .srchResult.branchSel{margin-top:15px}
.nhasset .srchResult.branchSel li a{display:table;width:100%;padding-right:40px}
.nhasset .srchResult.branchSel li:first-child a{border-top:1px solid #f3f3f3}
.nhasset .srchResult.branchSel li a > span{display:table-cell;color:#666;vertical-align:middle}
.nhasset .srchResult.branchSel li a > span.name{margin-top:3px;color:#111;text-align:right}

/*실물자산*/
.nhasset .realAsset .errorTxt{position:relative;margin-top:5px}
.nhasset .realAsset ul li .formTit{margin-top:32px}
.nhasset .estWrap.formWrap .roundChkWrap + .errorTxt{margin-top:7px}
.nhasset .estWrap.formWrap .errorTxt{margin-top:7px}
.nhasset .bottomTxt{margin-top:12px;text-align:right;font-size:clamp(12px, 1.2rem, 18px);color:#888;padding-right:6px}
.nhasset .formWrap .formDsp{position:relative}
.nhasset .formWrap .formDsp li:first-child .formTit{margin-top:0}
.nhasset .formWrap .formDsp li .errorTxt{margin-top:5px}
.nhasset .formWrap .formDsp + ul li:first-child .formTit{margin-top:30px}

/* 자동차등록 */
.visualTopWrap{margin:0 -20px 25px;padding:25px 20px;background:url('../images/visual_car.png') top 62px right 35px /122px 89px no-repeat #e8f9ff}
.visualTopWrap .tit{position:relative;font-weight:bold;font-size:clamp(20px, 2.0rem, 30px)}
.visualTopWrap .tit:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:8px;background-color:#0096ff;opacity:0.12}
.visualTopWrap .tit+p{margin-top:15px}
.visualTopWrap p{font-size:clamp(14px, 1.4rem, 21px);color:#536b73}
.icoList{margin-top:5px}
.icoList dt{padding-left:50px;margin-bottom:2px;font-size:clamp(14px, 1.4rem, 21px);font-weight:bold;padding-top:15px;margin-top:15px;border-top:1px solid #e1e1e1}
.icoList dt:first-of-type{margin-top:13px;padding-top:0;border-top:0}
.icoList dd{position:relative;padding-left:50px;color:#666;word-break:keep-all;word-wrap:break-word}
.icoList dd:before{content:'';position:absolute;bottom:50%;margin-bottom:-9px;left:0;width:40px;height:40px;background:url('../images/ico_carlist01.png') left top /100% no-repeat}
.icoList dd:first-of-type:before{background-image:url('../images/ico_carlist01.png')}
.icoList dd:nth-of-type(2):before{background-image:url('../images/ico_carlist02.png')}
.icoList dd:nth-of-type(3):before{background-image:url('../images/ico_carlist03.png')}

.nhasset .asMainBanner{margin-top:20px;background-color:#f2f4f8;border-radius:6px}
.nhasset .asMainBanner a{display:block;display:flex;align-items:center;padding:17px 20px 17px 20px;vertical-align:middle}
.nhasset .asMainBanner a .txt{display:inline-block;margin-left:12px;font-size:clamp(12px, 1.2rem, 16px)}
.nhasset .asMainBanner a:before{display:inline-block;content:"";width:18px;height:17px;background:url('../images/banner/ico_asset_main_banner.png')no-repeat center center;background-size:18px auto}


/******************************
 * 하나로가족보고서
 ******************************/
.nhasset .boxTypeAlert{border-radius:6px;padding:28px 20px 28px 60px;background:url('../images/bg_confirm02_s.png')no-repeat 20px center ;background-color:#f8f8f8;background-size:32px;font-size:clamp(12px,1.2rem,18px);color:#666}
.nhasset .wmDownloadAreaWrap{background:#f0fbf7;margin-top:20px  ;padding:25px 20px;border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .wmDownloadAreaWrap .wmDownloadArea{display:flex;justify-content:space-between}
.nhasset .wmDownloadAreaWrap .wmDownloadArea .paraArea{font-weight:bold;font-size:clamp(13px,1.3rem,19.5px)}
.nhasset .btnDownload{background:#19a647;border-radius:5px;color:#fff;font-size:clamp(13px,1.3rem,19.5px);padding:12px 10px;flex:0 0 auto;white-space:nowrap}
.nhasset .btnDownload .icon{background:url('../images/ico_download_w.png')no-repeat left center;padding-left:23px;background-size:14px auto;display:inline-block;min-height:16px}

.nhasset .wmTitleArea{display:flex;justify-content:space-between;align-items:center}
.nhasset .wmTitleArea .defSubTit2 strong{font-weight:900}
.nhasset .wmListTable + .wmListTable{border-top:solid 1px #f3f3f3;margin-top:20px}
.nhasset .wmListTable dl{display:flex;justify-content:space-between;font-size:clamp(13px,1.3rem,19.5px);margin-top:15px;align-items:center}
.nhasset .wmListTable dl dt{color:#7e858e}
.nhasset .wmListTable dl dt strong{font-size:clamp(14px,1.4rem,21px);color:#111}
.nhasset .wmListTable dl dd{color:#111;font-weight:bold}


/* 등급 37px - 큰사이즈 */
.nhasset [class*="gradeB"]:after, .nhasset [class*="gradeB"]:before{display:inline-block;content:'';width:37px;height:37px;margin:-3px 0 0 7px;background:url('../images/gradeBig.png') no-repeat 50% 50%;background-size:222px 37px;border-radius:50%;vertical-align:middle}
.nhasset .gradeB1:after, .nhasset .gradeB1:before{background-position:0 0}
.nhasset .gradeB2:after, .nhasset .gradeB2:before{background-position:-37px 0}
.nhasset .gradeB3:after, .nhasset .gradeB3:before{background-position:-74px 0}
.nhasset .gradeB4:after, .nhasset .gradeB4:before{background-position:-111px 0}
.nhasset .gradeB5:after, .nhasset .gradeB5:before{background-position:-148px 0}
.nhasset .gradeB6:after, .nhasset .gradeB6:before{background-position:-185px 0}

/* 등급 22px - 기본 */
.nhasset [class*="gradeS"]:after{display:inline-block;content:'';width:22px;height:22px;margin:-2px 0 0 5px;background:url('../images/gradeNormal.png') no-repeat 50% 50%;background-size:132px 22px;vertical-align:middle}
.nhasset .gradeS1:after, .nhasset .gradeS1:before{background-position:0 0}
.nhasset .gradeS2:after, .nhasset .gradeS2:before{background-position:-22px 0}
.nhasset .gradeS3:after, .nhasset .gradeS3:before{background-position:-44px 0}
.nhasset .gradeS4:after, .nhasset .gradeS4:before{background-position:-66px 0}
.nhasset .gradeS5:after, .nhasset .gradeS5:before{background-position:-88px 0}
.nhasset .gradeS6:after, .nhasset .gradeS6:before{background-position:-110px 0}

/* 고객등급상단영역 */
.nhasset .boxTypeWrap.myGradeWrap{padding:23px 20px 25px 20px;background:url('../images/bg_grade01.png')no-repeat right 20px top 20px;background-color:#fff;background-size:58px auto}
.nhasset .myGradeWrap .defSubTit2{margin-bottom:26px}
/*.nhasset .myGradeWrap.bgGrade1{background-color:#666}  
.nhasset .myGradeWrap.bgGrade2{background-color:#2988c7}
.nhasset .myGradeWrap.bgGrade3{background-color:#19a647}
.nhasset .myGradeWrap.bgGrade4{background-color:#e4595b}
.nhasset .myGradeWrap.bgGrade5{background-color:#dda138}
.nhasset .myGradeWrap.bgGrade6{background-color:#7a51e3}*/
.nhasset .gradeGuide{display:inline-block;width:16px;height:16px;margin:-4px 0 0 3px;background:url('../images/btn_gradeGuide.png') no-repeat 0 0;background-size:cover;vertical-align:middle}
.nhasset .myGradeWrap .wrapInner strong{font-size:clamp(20px, 2.0rem, 30px);font-weight:900}
.nhasset .myGradeWrap [class*="gradeB"]:after{display:none}
.nhasset .myGradeWrap [class*="gradeB"]:before{margin-right:3px}
.nhasset .myGradeWrap .wrapInner{text-align:center}
.nhasset .myGradeWrap p{text-align:center;font-size:clamp(12px,1.2rem,18px);color:#888;margin-top:9px}

/* 내가 받는 우대서비스 */
.nhasset .freeAmnt dd{text-align:right;font-weight:bold;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .benefitGrade{overflow:hidden;margin:20px 0 11px}
.nhasset .benefitGrade p{float:left}
.nhasset .benefitGrade span{float:right}

/* 하나로고객가족점수 */
.nhasset .calcResult .gradePointWrap .defTit{letter-spacing:-1px}
.nhasset .gradePointWrap{margin-top:27px;padding:26px 23px 27px;background-color:#f4f6f9;text-align:center}
.nhasset .gradePointWrap.al{padding:26px 35px 27px}
.nhasset .gradePointWrap .point{display:block;margin-bottom:13px;font-size:clamp(24px, 2.4rem, 36px);font-weight:bold}
.nhasset .gradePointWrap .point strong{font-size:clamp(32px, 3.2rem, 48px);font-weight:bold}
.nhasset .gradePointWrap [class*="gradeB"]{display:inline-block;margin-top:-1px}
.nhasset .gradePointWrap [class*="gradeB"]:before{display:none};

.nhasset .gradePointWrap p .gradeColor1{color:#cccccc}
.nhasset .gradePointWrap p .gradeColor2{color:#4286f7}
.nhasset .gradePointWrap p .gradeColor3{color:#19a647}
.nhasset .gradePointWrap p .gradeColor4{color:#ff345b}
.nhasset .gradePointWrap p .gradeColor5{color:#ef9e10}
.nhasset .gradePointWrap p .gradeColor6{color:#7a51e3}

.nhasset .gradePointWrap .defTit{font-weight:bold;margin-top:0}
.nhasset .gradePointWrap .defTit .posA[class*="gradeB"]:after{position:absolute;top:50%;right:0;width:55px;height:55px;margin-top:-10.5px;border:9px solid #fff}
.nhasset .gradePointWrap .defTit .posA[class*="gradeB"]:before{display:none}
.nhasset .gradePointWrap .havePoint{color:#666;vertical-align:inherit}
.nhasset .gradePointWrap .havePoint strong{color:#111;font-weight:600}

.nhasset .gradeCountWrap{background:url(../images/bg_grade02.png)no-repeat right 20px top 20px;background-size:50px auto}
.nhasset .gradeCountWrap .tooltipWrap .tooltipCont{width:calc(100% - 32px) !important}
.nhasset .gradeCountWrap .linkTxt2{color:#666}

.nhasset .gradeCountWrap .gradePointWrap{padding:0;background-color:#fff;margin-top:22px;text-align:left;border-bottom:solid 1px #ebebeb;padding-bottom:25px}
.nhasset .gradeCountWrap .gradePointWrap .point{text-align:center}
.nhasset .gradeCountWrap .gradePointWrap .point .pointIinner{display:inline-block;position:relative;z-index:0;padding:0 12px}
.nhasset .gradeCountWrap .gradePointWrap .point .pointIinner:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:10px;z-index:-1;border-radius:10px;background-color:#d6f1ea}
.nhasset .gradeCountWrap .gradePointWrap p{color:#888}
.nhasset .gradeCountWrap .gradePointWrap p strong{text-decoration:underline;color:#111}


/*.nhasset .gradeView{position:relative;padding:0 6px;margin-top:30px;margin-left:-3%}*/
.gradeViewWrap{margin:0 -16px}
.nhasset .gradeView{position:relative;padding:0;margin-top:30px;margin-left:0}
.nhasset .gradeView ul{height:138px;padding-top:40px}
.nhasset .gradeView ul:before{position:absolute;top:50px;left:25px;content:'';width:85%;width:calc(100% - 44px);width:calc(100% - 14%);height:3px;background-color:#eeeeee}
.nhasset .gradeView ul:after{content:'';clear:both;overflow:hidden}
.nhasset .gradeView ul li{position:relative;float:left;width:16.666%;width:calc(100% / 6 - 24px);min-width:28px;margin-left:28px;padding-bottom:55px;text-align:right;z-index:2}
.nhasset .gradeView ul li:first-child{margin-left:0}
.nhasset .gradeView ul li:last-child .gradeInfo{right:5px}
.nhasset .gradeView ul li [class*="gradeS"]:after{display:none}
.nhasset .gradeView ul li [class*="gradeS"]:before{display:inline-block;content:'';width:22px;height:22px;background-image:url('../images/gradeOff.png');background-size:132px 22px}
.nhasset .gradeView ul li .gradeName{display:block;color:#888888;font-size:clamp(10px, 1.0rem, 15px);width:45px;text-align:center;white-space:nowrap}
.nhasset .gradeView ul li .gradePoint{display:block;color:#888888;font-size:clamp(10px, 1rem, 15px);text-align:center;letter-spacing:-1px}
.nhasset .gradeView ul li .gradeInfo{position:absolute;top:33px;right:0px;margin-right:-10px}
.nhasset .gradeView ul li.activeCur [class*="gradeS"]:before{height:29px;background-image:url('../images/gradeOn.png');background-size:132px 29px}
.nhasset .gradeView ul li.activeNew [class*="gradeS"]:before{background-image:url('../images/gradeNormal.png');background-size:132px 22px}
.nhasset .gradeView ul li.activeCur .gradeName, .nhasset .gradeView ul li.activeNew .gradeName{color:#111}
.nhasset .gradeView .gradeArrow{position:absolute;top:50px;width:85%;height:3px;background-color:#666;z-index:1}
.nhasset .gradeView .gradeArrow.leftArr{right:0}
.nhasset .gradeView .gradeArrow.rightArr{left:0}
.nhasset .gradeView .gradeArrow:after{position:absolute;top:-5px;content:'';width:8.5px;height:13px;background:no-repeat 0 0;background-size:cover}
.nhasset .gradeView .gradeArrow.leftArr:after{left:-1px;background-image:url('../images/arr_GradeL.png')}
.nhasset .gradeView .gradeArrow.rightArr:after{right:10px;background-image:url('../images/arr_GradeR.png')}
/* 달리이미지 */
.nhasset .gradeView ul li[class*="imgDalli"]:after{position:absolute;top:-47px;right:0;display:inline-block;content:''}
.nhasset .gradeView ul li.imgDalli01:after{width:34px;height:36.5px;margin-right:-7px;background:url('../images/img_gradeStatus1.png') no-repeat 0 0;background-size:cover}  /* 등급유지 */
.nhasset .gradeView ul li.imgDalli02:after{width:34px;height:33.5px;margin-right:-8px;background:url('../images/img_gradeStatus2.png') no-repeat 0 0;background-size:cover}  /* 등급상승 */
.nhasset .gradeView ul li.imgDalli03:after{width:26px;height:38px;top:-43px;margin-right:-3.7px;background:url('../images/img_gradeStatus3.png') no-repeat 0 0;background-size:cover}  /* 등급하락 */
.nhasset .gradeView ul li.imgDalli04:after{width:36.5px;height:39px;margin-right:-9px;background:url('../images/img_gradeStatus4.png') no-repeat 0 0;background-size:cover}  /* 탑클래스 유지 */
/* 팝업내 등급표 재정의 */
.nhasset .popCont .gradeView{margin-top:0}
.nhasset .popCont .gradeView ul{height:120px}
/*.nhasset .popCont .gradeView ul:before{left:32px}*/
.nhasset .popCont .gradeView ul:before{left:25px}
.nhasset .popCont .gradeView ul li{min-width:initial}
.nhasset .popCont .gradeView ul li [class*="gradeS"]:before{background-image:url('../images/gradeNormal.png')}
.nhasset .popCont .gradeView ul li .gradeName{color:#111}
/* 탑클래스 유지 고객의 경우 */
.nhasset .gradeView ul li.activeCur.activeNew [class*="gradeS"]:before{height:22px}
.nhasset .gradeView ul li .topMsg{display:none;position:absolute;top:-93px;right:43px;width:177px;padding:11px 15px 12px;background-color:#fff0d6;text-align:left}
.nhasset .gradeView ul li .topMsg:after{position:absolute;bottom:3px;right:-7px;content:'';width:7px;height:9px;background:url('../images/img_topMsg.png') no-repeat 0 0;background-size:7px 9px}

/* 나의 목표 등급 */
.nhasset .targetGrade{margin-top:15px}
.nhasset .targetGrade ul{overflow:hidden}
.nhasset .targetGrade ul li{float:left;width:11%;width:calc(100% / 5);min-width:52px;text-align:center}
.nhasset .targetGrade ul li:first-child{margin-left:0}
.nhasset .targetGrade ul li label{display:block}
.nhasset .targetGrade ul li strong{display:inline-block;width:52px;margin-bottom:7px}
.nhasset .targetGrade ul li strong span{display:block;margin-top:5px;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .targetGrade ul li [class*="gradeB"]:after{display:none}
.nhasset .targetGrade ul li [class*="gradeB"]:before{margin:0}
.nhasset .targetGrade .gradeGuideTxt{margin-top:30px;text-align:center}
.nhasset .targetGrade .gradeGuideTxt [class*="gradeS"]:before{display:inline-block;content:'';width:22px;height:22px;margin:-2px 5px 0 0;background-image:url('../images/gradeNormal.png');background-size:132px 22px;vertical-align:middle}
.nhasset .targetGrade .gradeGuideTxt [class*="gradeS"]:after{display:none}

@media screen and (max-width:320px){
	.nhasset .gradeView ul li{min-width:20px}
	.nhasset .popCont .gradeView ul li{min-width:18px}
	.nhasset .popCont .gradeView ul li .gradeInfo{margin-right:-15px}
	.nhasset .gradePointWrap .defTit{letter-spacing:-1px}
}
@media screen and (min-width:585px){ /* [2020-12-08] 윤지현 :폴드대응으로 586 -> 585로 수정 */
	.nhasset .gradeView ul:before{left:53px}
	.nhasset .gradeView .gradeArrow.rightArr:after{right:3px}
}
@media screen and (min-width:768px){
	.nhasset .gradeView ul:before{left:93px}
	.nhasset .gradeView .gradeArrow.rightArr:after{right:-3px}
	.nhasset .gradeView .gradeArrow.leftArr:after{left:11px}
}
/* 하나로가족고객 joy&health 추가 */
.nhasset a.basicImgLink img{width:100%}
.nhasset .isBtnHaeder .defTit{margin-top:0}

.nhasset .calcMsg{display:inline-block;padding-left:20px;background:url('../images/ico_calc.png') no-repeat 0 3px;background-size:16px 16px}

.nhasset .calcPoint{overflow:hidden;margin-top:15px}
.nhasset .calcPoint dt{float:left;color:#666;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .calcPoint dd{float:right}
.nhasset .calcPoint dd .dataValue{font-size:clamp(17px, 1.7rem, 25.5px);vertical-align:inherit}
.nhasset .calcPoint dd .won{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold;vertical-align:inherit}

/* 배너영역 */
.nhasset .bannerWrap{margin-top:30px;padding:20px;border-radius:10px;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15)}
.nhasset .bannerWrap .tit{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .bannerWrap .txt{margin-top:2px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .bannerWrap .value{display:flex;justify-content:space-between;margin-top:5px}
.nhasset .bannerWrap .value .hashWrap span{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .bannerWrap .value .dataValue{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .bannerWrap .value .dataValue strong{font-size:clamp(18px, 1.8rem, 27px);color:#19a647;font-weight:900}
/* 자산n절세 인사이트 배너 */
.yaBannerWrap{display:flex;align-items:center;padding:15px 15px;border-radius:10px;background-color:#fff}
.yaBannerWrap:before{content:'';flex:0 0 85px;height:80px}
.yaBannerWrap .textWrap, .bannerWrap .textWrap{color:#111}
.yaBannerWrap .textWrap .txtLink.cArr, .bannerWrap .textWrap .txtLink.cArr{font-size:clamp(17px,1.7rem,25.5px)}
.yaBannerWrap .textWrap .txtLink.cArr:after, .bannerWrap .textWrap .txtLink.cArr:after{margin-top:1px}
.yaBanner01{box-shadow:0 0 8px 1px rgba(0, 0, 0, 0.1)}
/*.yaBanner01:before{background:url('../images/common/bg_ya_main01.png') no-repeat left center;background-size:68px auto}*/
.yaBanner02{padding:20px 10px 20px 20px;background-color:#d1eedf}
.yaBanner02:before{background:url('../images/common/bg_ya_main03.png') no-repeat left center;background-size:79px auto}

/* 하나로고객 html 내 인포텍스트 */
.nhasset .hiddenMd .wrapTblDefault{overflow:hidden}
.nhasset .hiddenMd p.infoTxt2{padding-left:20px;color:#f4670a;font-size:clamp(11px, 1.1rem, 16.5px)}
.nhasset .hiddenMd p.infoTxt2:before{background:url('../images/common/ico_exclamation2.png') no-repeat;background-size:cover}
.nhasset .hiddenMd p.listDash:before, .nhasset .hiddenMd .listDash li:before{position:absolute;top:0;left:0;content:'-';background:none}
.nhasset .hiddenMd .listDash li:only-child{padding-left:10px}
.nhasset .hiddenMd .wrapTblDefault table{margin-left:-1px}
.nhasset .hiddenMd .wrapTblDefault th:first-child,.nhasset .hiddenMd .wrapTblDefault td:first-child{border-left:1px solid #dedede}


/******************************
 * 컨설팅 보고서
 ******************************/
.nhasset .reptTit{text-align:right;margin-top:20px}
.nhasset .reptTit a{color:#666}
.nhasset .reptTopInfoTit{font-size:clamp(20px, 2rem, 30px);margin-top:3px}
.nhasset .reptTopInfo .item {margin-top:25px}
.nhasset .reptTopInfo .item:last-child{margin-bottom:10px}
.nhasset .reptTopInfo .item .itemTit{display:flex;align-items:center;justify-content:space-between}
.nhasset .reptTopInfo .item .itemTit .left .ico{width:32px;height:32px;overflow:hidden;display:inline-block; text-align:center;vertical-align:middle}
.nhasset .reptTopInfo .item .itemTit .left .ico img{}
.nhasset .reptTopInfo .item .itemTit .left .tit{font-size:clamp(13px, 1.3rem, 19.5px);font-weight:bold}
.nhasset .reptTopInfo .item .itemTit .value{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .reptTopInfo .item .itemTit .value .won{font-weight:bold}
.nhasset .reptTopInfo .item .itemCont{margin-top:5px;color:#666;text-align:right}
.nhasset .reptTopInfo .item .itemCont .pointUP{color:#d83320}
.nhasset .reptTopInfo .item .itemCont .pointDown{color:#277ceb}
.nhasset .reptflow h3{display:flex;align-items:center;justify-content:space-between}
.nhasset .reptflow h3,
.nhasset .defTxt.fs16,
.nhasset .reptArea .tit{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .reptflow .addTxt .txt{margin-top:22px;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .reptflow .addTxt{margin-top:15px;font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .defTxt.ty02,
.nhasset .reptArea .tit{display:flex;width:100%;font-weight:900;align-items:center;justify-content:space-between}
.nhasset .tgWarp.ty01{margin-top:0;display:flex;align-items:center}
.nhasset .tgWarp.ty01 .tgTxt{color:#666;font-weight:normal}
.nhasset .reptArea .date,
.nhasset .reptflow h3 .date{font-size:clamp(12px, 1.2rem, 18px);color:#888;font-weight:normal}
.nhasset .reptflow h3 + .txt{margin-top:20px}
.nhasset .reptflow .emojiTxt{color:#000;display:flex;align-items:center;margin-top:28px}
.nhasset .reptflow .emojiTxt:last-child{margin-bottom:10px}
.nhasset .reptflow .emojiTxt .emojiWrap{margin-left:10px}
.nhasset .reptArea p{margin-top:26px}
.nhasset .reptArea p.dsf{display:flex;align-items:center}
.nhasset .reptArea p.dsf .emojiWrap{margin-left:10px}
.nhasset .point{color:#19a647}
.nhasset .reptGraphArea .graphItem01{}
.nhasset .reptGraphArea .graphItem01 .tit{font-size:clamp(11px, 1.1rem, 16.5px);color:#666;font-weight:normal}
/* .nhasset .reptGraphArea .graphItem01 .graphWrap{text-align:center} */
.nhasset .reptGraphArea .graphItem01 .graphWrap{display: flex;justify-content: center}

.nhasset .reptGraphArea .graphItem02 .graphTypeWrap,.nhasset .reptGraphArea .graphItem03 .graphTypeWrap{position:relative}
.nhasset .reptGraphArea .graphItem03 .graphVerWrap .graphVerLine .lineWrap{height:0}

.nhasset .divLine.ty01{margin:25px -0 !important}
.nhasset .legendList.tyrd{display:flex}
.nhasset .legendList.tyrd li{width:auto}
.nhasset .legendList.tyrd li:not(:first-child){margin-left:16px}
.nhasset .legendList.tyrd li span{}
.nhasset .legendList.tyrd .legendTit{font-size:clamp(10px, 1.0rem, 18px);color:#666;flex-shrink:0} /* 2023-04-26 폰트사이즈 수정 12->10, 1.2->1.0 */
.nhasset .legendList li .legendTit:before{width:8px;height:8px}
.nhasset .legendList li .legendTit.type41:before{background-color:#5277ce}
.nhasset .legendList li .legendTit.type42:before{background-color:#ffcf5b}
.nhasset .legendList li .legendTit.type43:before{background-color:#50bb9e}
.nhasset .legendList li .legendTit.type44:before{background-color:#8599b2}
.nhasset .legendList li .legendTit.type45:before{background-color:#e9aec5}

.nhasset .yabannerArea .retitImgBanner{margin-top:16px;border-radius:10px;padding:25px 20px 32px 20px;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%);font-size:clamp(16px, 1.6rem, 24px);color:#111;font-weight:bold}
.nhasset .yabannerArea .retitImgBanner.ty01{ background:#6ec0ce url('../images/banner/tit_rep_guide01.png') no-repeat right 20px bottom 12px;background-size:115.5px 72px}
.nhasset .retitImgBanner.ty01 p{margin-top:12px;font-size:clamp(16px, 1.6rem, 24px);color:#fff}
.nhasset .reptGuideArea{margin-top:5px;background-color:#f0fbf7;border-radius:25px;padding:28px 20px}
.nhasset .reptGuideArea.ty01{padding:0 0;background-color:#fff;}
.nhasset .reptGuideArea h3{color:#19a647;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .reptGuideArea.ty01 h3{color:#111}
.nhasset .reptGuideArea p{font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .reptGuideArea.ty01 p{color:#666;margin-top:16px}
.nhasset .reptGuideArea .reptBtnWrap{display:flex}
.nhasset .reptGuideArea .reptBtnWrap li{position:relative;flex:1;text-align:center}
.nhasset .reptGuideArea .reptBtnWrap li:first-child:before{position:absolute;right:0;top:20px;content:'';display:inline-block;width:1px;height:12px;background-color:#e1e1e1}
.nhasset .reptBoxArea{position:relative;margin-top:30px;background-color:#e5f7ff;border-radius:25px;padding:28px 20px}
.nhasset .reptBoxArea h2{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .reptBoxArea p{font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .reptBoxArea span{display:block;text-align:right}
.nhasset .reptBoxArea.arr:before{display:block;right:39px ;top:-10px;content:'';width:15px;height:9.5px;position:absolute;background:url('../images/txt_box_arrow03.png') no-repeat right bottom;background-size:24.5px 10px}

.nhasset .reptSumBox{text-align:center;font-size:clamp(20px, 2.0rem, 30px)}
.nhasset .reptSumBox .pointColor{font-weight:900;position:relative}
.nhasset .reptSumBox .pointColor:before{position:absolute;z-index:-1;width:100%;bottom:4px;display:inline-block;content:'';border-radius:4.5px;background-color:#d6f1ea;height:9px}
.nhasset .reptSumBox{position:relative;font-weight:bold}
.nhasset .reptSumBox img{width:30px;bottom:3px;padding-left:10px}
.nhasset .briefItem.ty01{padding:0}
.nhasset .briefTit.rept{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold}
.nhasset .reptTxt{color:#666;line-height:1.5}
.nhasset .reptTxt .underLine{color:#111;font-weight:900}
.nhasset .reptTxt .bold{color:#111;font-weight:900}
.nhasset .reptTxt p + p{margin-top:5px}
.nhasset .reptTxt p .point{position:relative;font-weight:900}
.nhasset .reptTxt p .point:before{position:absolute;z-index:-1;bottom:3px;width:100%;display:inline-block;content:'';border-radius:4.5px;background-color:#d6f1ea;height:6px}
.nhasset .reptBox{position:relative;padding:20px;border-radius:25px;border-bottom-right-radius:0 ;background-color:#f8f8f8}
.nhasset .reptBox.txtbg.ty01{border-bottom-right-radius:25px ;background-color:#dee5fe}
.nhasset .reptBox.txtbg:after{display:block;right:0 ;margin-top:19px;content:'';width:15px;height:9.5px;position:absolute;background:url('../images/txt_box_arrow.png') no-repeat right bottom;background-size:15px 9.5px}
.nhasset .reptBox.txtbg.ty01:after{width:15px;right:40px ;height:9.5px;position:absolute;background:url('../images/txt_box_arrow02.png') no-repeat right bottom;background-size:15px 9.5px}
.nhasset .reptCardBox{margin-top:20px;display:flex;justify-content:space-between;align-items:center}
.nhasset .reptCardBox .left{font-size:clamp(15px, 1.5rem, 22.5px);font-weight:9000}
.nhasset .reptCardBox .left p{margin-top:6px;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .reptCardBox .left h3{display:flex}
.nhasset .reptCardBox .left h3 .img{margin-right:12px;width:20px;height:17px;display:inline-block;vertical-align:middle}
.nhasset .reptCardBox .imgWrap{/*margin-top:10px;*/ width:97px;flex-shrink:0;align-items:flex-start}
.nhasset .reptCardBox .imgWrap:before{display:none}
.nhasset .reptCardBox + .repaddTxt{margin-top:8px;font-size:clamp(11px, 1.1rem, 16.5px);color:#888} /*12.30 문구 추가*/
.nhasset .reptCardBoxSubText{margin-top:8px;color:#888;font-size:clamp(11px, 1.1rem, 16px);}

.nhasset .reptBannerBox[class*="rptBg"]{margin-top:20px;padding:23px 20px;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%);border-radius:10px}
.nhasset .reptBannerBox.rptBg01{background:#ecf8f0 url('../images/banner/img_report_banner01.png') no-repeat right 25px center/ 51.5px 45px}
.nhasset .reptBannerBox.rptBg02{background:#dee5fe url('../images/banner/img_report_banner02.png') no-repeat right 25px center/ 59px 61.5px}
.nhasset .reptBannerBox.rptBg03{background:#e5f7ff url('../images/banner/img_report_banner03.png') no-repeat right 25px center/ 64px 51.5px}
.nhasset .reptBannerBox[class*="rptBg"] h3{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .reptBannerBox[class*="rptBg"] .subTxt{margin-top:3px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .reptBannerBox .link.arrGreen{margin-top:5px;font-size:clamp(12px, 1.2rem, 18px);padding-right:10px;color:#19a647;background:url(../images/arr_right06.png) no-repeat 100% 57%;;background-size:6px 11px}
.nhasset .reptBannerBox .linkTxt{font-size:clamp(12px, 1.2rem, 18px);margin-top:5px}
.nhasset .reptDownTit{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .reptDownBox{position:relative}
.nhasset .reptDownBox span{display:block;text-align:right}

.nhasset .yanowWrap .divLine.ty02{height:1px;margin-left:0;margin-right:0}
.nhasset .taxTipMain .imgBg02{padding:110px 0 50px;text-align:center;margin-top:25px;background:url('../images/bg_rpt_tip_thum.png')no-repeat center top;background-size:128px auto}

.nhasset .popCont .reptPopTit{margin-top:30px}
.nhasset .popCont .reptPopTit h2{text-align:left;font-size:clamp(20px, 2.0rem, 30px);letter-spacing:-0.7px;color:#111}
.nhasset .popCont .reptPopTit strong{font-weight:900}
.nhasset .popCont .reptPopTit p{margin-top:10px}
.nhasset .popCont .alarmArea{margin-top:22px}
.nhasset .popCont .alarmArea .title{color:#666;font-weight:normal}
.nhasset .popCont .alarmArea .divLine3.mtSt{margin-top:12px;margin-bottom:12px}
.nhasset .popCont .alarmArea .alaBox{background-color:#f8f8f8;border-radius:6px;padding:24px 20px;text-align:center}
.nhasset .popCont .alarmArea .alaBox .txt{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .popCont .alarmArea .alaBox .txt + p{margin-top:11px;color:#666;font-weight:500}
.nhasset .popCont .alarmArea .alaBoxOn{margin-top:8px}
.nhasset .popCont .alarmArea .alaBoxOn .title{display:flex;justify-content:space-between;align-items:center}
.nhasset .popCont .alarmArea .alaBoxOn .title h2{font-size:clamp(16px, 1.6rem, 24px);color:#111}
.nhasset .moreInfoArea.reportArea .moreInfo,
.nhasset .moreInfoArea.reportArea{background-color:#fff}
.nhasset .moreInfoArea.reportArea .reportGraph{padding-bottom:12px;padding-top:8px}
.nhasset .moreInfoArea.reportArea .reportGraph h3{font-size:clamp(11px, 1.1rem, 16.5px);color:#666}
.nhasset .moreInfoArea.reportArea .reportGraph .legendList{margin-top:14px}
.nhasset .moreInfoArea.reportArea .reportGraph .legendList .legendTit{color:#888}
.nhasset .moreInfoArea.reportArea .reportGraph .legendList .legendTit strong{color:#111;margin-right:8px}
.nhasset .moreInfoArea.reportArea .moreInfoWrap .moreOpenBtn.active:before{background-color:#fff}
.nhasset .tyrd.disNone{display:none}


/******************************
 * 설정, 유틸, 알림
 ******************************/
/* 설정 메뉴 */
.nhasset .menuList{margin:0 -20px}
.nhasset .menuList ul li{border-bottom:1px solid #f3f3f3}
.nhasset .menuList ul li:last-child{border-bottom:none}
.nhasset .menuList ul li a{display:block;padding:16px 20px 17px;background:url('../images/arr_right03.png') no-repeat 95% 50%;background-position:right 20px center;background-size:5.5px 10px;font-size:clamp(15px, 1.5rem, 22.5px);font-weight:bold}

/* 공지사항 리스트 */
.nhasset .noticeList{margin:0 -20px}
.nhasset .noticeList ul li{border-bottom:1px solid #f3f3f3}
.nhasset .noticeList ul li.noticeTag a{background-color:#f4f6f9}
.nhasset .noticeList ul li a{display:block;padding:15px 40px 18px 20px;background:url('../images/arr_right03.png') no-repeat 95% center;background-position:right 20px center;background-size:7px 11px}
.nhasset .noticeList ul li .date{color:#666}
.nhasset .noticeList ul li .tag{margin:-3px 5px 0 0}
.nhasset .noticeList ul li .titWrap{margin-top:9px}
.nhasset .noticeList ul li .tit{font-weight:bold;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .noticeList ul li .icoNew{margin:-3px 0 0 2px}

/* 공지사항 상세 */
.nhasset .notiWrap.template01 .titArea,
.nhasset .notiSlidePop .notiSlide.template01 .notiCont:after{background-image:url(../images/notice/bg_template01.png);background-size:320px 116.5px}
.nhasset .notiWrap.template02 .titArea,
.nhasset .notiSlidePop .notiSlide.template02 .notiCont:after{background-image:url(../images/notice/bg_template02.png);background-size:320px 124px}
.nhasset .notiWrap.template03 .titArea,
.nhasset .notiSlidePop .notiSlide.template03 .notiCont:after{background-image:url(../images/notice/bg_template03.png);background-size:320px 127.5px}
.nhasset .notiWrap.template04 .titArea,
.nhasset .notiSlidePop .notiSlide.template04 .notiCont:after{background-image:url(../images/notice/bg_template04.png);background-size:320px 118.5px}

.nhasset .noticeContWrap .conTit{margin:0 -20px;padding:15px 20px 18px;background-color:#f4f6f9}
.nhasset .noticeContWrap .conTit .date{color:#666}
.nhasset .noticeContWrap .titWrap{margin-top:9px}
.nhasset .noticeContWrap .titWrap .tit{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold}
.nhasset .noticeContWrap .titWrap .tag{margin:-3px 5px 0 0}
.nhasset .noticeContWrap .titWrap .icoNew{margin:-3px 0 0 2px}
.nhasset .noticeContWrap .noticeCont{padding:25px 0 0}
.nhasset .noticeContWrap .noticeCont img{max-width:100%;vertical-align:top}
.nhasset .notiWrap{position:relative;border-radius:10px;overflow:hidden}
.nhasset .notiWrap .logoBank{position:absolute;top:20px;left:20px;width:44.5px;height:9px;background:url(../images/logo_nhbank.png) no-repeat;background-size:cover}
.nhasset .notiWrap .titArea{padding:40px 0 150px;background-repeat:no-repeat;background-position:50% 100%}
.nhasset .notiWrap .smTit{margin-bottom:3px;text-align:center;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .notiWrap .lgTit{text-align:center;font-size:clamp(19px, 1.9rem, 28.5px);font-weight:bold}
.nhasset .notiWrap .period{margin-top:15px;padding:0 20px;text-align:center}
.nhasset .notiWrap .period .dt{display:inline-block;min-width:150px;line-height:30px;font-weight:bold;color:#fff;text-align:center;border-radius:15px}
.nhasset .notiWrap .period .dd{display:block;min-height:31px;line-height:30px;font-size:clamp(12px, 1.2rem, 18px);text-align:center;border-radius:2px;background:#fff}
.nhasset .notiWrap .contTxt{padding:25px 20px}
.nhasset .notiWrap.template01{background:#c5d4ff}
.nhasset .notiWrap.template01 .smTit{color:#3968ff}
.nhasset .notiWrap.template01 .contTxt{background:#f1f5ff}
.nhasset .notiWrap.template02{background:#dacdff}
.nhasset .notiWrap.template02 .smTit{color:#632dfc}
.nhasset .notiWrap.template02 .period .dt{background:#632efd}
.nhasset .notiWrap.template02 .period .dd{margin-top:-15px;padding-top:15px}
.nhasset .notiWrap.template02 .contTxt{background:#f4f0ff}
.nhasset .notiWrap.template03{background:#fbeeaf}
.nhasset .notiWrap.template03 .smTit{color:#ff9600}
.nhasset .notiWrap.template03 .contTxt{background:#fff9dc}
.nhasset .notiWrap.template04{background:#c1f0d1}
.nhasset .notiWrap.template04 .contTxt{background:#eef9f2}
.nhasset .notiWrap.template05{background:#fef1b3}
.nhasset .notiWrap.template05 .contTxt{background:#ff9600}
.nhasset .notiWrap.template06{background:#dcf7c2}
.nhasset .notiWrap.template06 .contTxt{background:#11b800}

/* 공지사항 슬라이드팝업 */
.nhasset.popWrap.slidePopOption .popInner .popCont.notiSlidePop{padding-bottom:0;overflow:hidden}
.nhasset .notiSlidePop .notiSlide{position:relative}
.nhasset .notiSlidePop .notiSlide[class*="template"]{border-radius:15px 15px 0 0;background:#fff}
.nhasset .notiSlidePop .notiSlide[class*="template"] .notiCont{padding:40px 25px 150px}
.nhasset .notiSlidePop .notiSlide[class*="template"] .notiCont:after{background-repeat:no-repeat;background-position:0 100%}
.nhasset .notiSlidePop .notiSlide .name,.nhasset .notiSlidePop .notiSlide .tit{font-weight:900;letter-spacing:-0.5px}
.nhasset .notiSlidePop .notiSlide .name{font-size:clamp(26px, 2.6rem, 39px)}
.nhasset .notiSlidePop .notiSlide .tit{line-height:1;font-size:clamp(26px, 2.6rem, 39px);color:#333}
.nhasset .notiSlidePop .notiSlide .period{margin-top:20px;font-size:clamp(14px, 1.4rem, 21px);color:#444;letter-spacing:-0.5px}
.nhasset .notiSlidePop .notiSlide a.link{position:absolute;top:190px;left:25px;font-size:clamp(13px, 1.3rem, 19.5px);color:#333}
.nhasset .notiSlidePop .notiSlide a.link:after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:'';background:#333}
.nhasset .notiSlideBtns{display:flex;height:52px;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #dedede}
.nhasset .notiSlideBtns li{position:relative;color:#666}
.nhasset .notiSlideBtns li:last-child{color:#333}
.nhasset .notiSlideBtns li a{display:block;padding:0 20px;line-height:52px}
.nhasset .notiSlideBtns li .chkbtnWrap{}
.nhasset .notiSlideBtns li:first-child{flex:1 0 0;padding-left:17px}
.nhasset .notiSlidePop .notiSlide.template01{background-color:#c5d4ff}
.nhasset .notiSlidePop .notiSlide.template01 .name{color:#3968ff}
.nhasset .notiSlidePop .notiSlide.template01 .notiCont{position:relative}
.nhasset .notiSlidePop .notiSlide.template01 .notiCont:after{position:absolute;bottom:0;right:-60px;width:360px;height:116.5px;content:''}
.nhasset .notiSlidePop .notiSlide.template02{background-color:#dacdff}
.nhasset .notiSlidePop .notiSlide.template02 .name{color:#632dfc}
.nhasset .notiSlidePop .notiSlide.template02 .notiCont{position:relative}
.nhasset .notiSlidePop .notiSlide.template02 .notiCont:after{position:absolute;bottom:0;right:-88px;width:360px;height:116.5px;content:''}
.nhasset .notiSlidePop .notiSlide.template03{background-color:#fbeeaf}
.nhasset .notiSlidePop .notiSlide.template03 .name{color:#ff9600}
.nhasset .notiSlidePop .notiSlide.template03 .notiCont{position:relative}
.nhasset .notiSlidePop .notiSlide.template03 .notiCont:after{position:absolute;bottom:0;right:-110px;width:360px;height:116.5px;content:''}
.nhasset .notiSlidePop .notiSlide.template04{background-color:#c1f0d1}
.nhasset .notiSlidePop .notiSlide.template04 .name{color:#00a235}
.nhasset .notiSlidePop .notiSlide.template04 .notiCont{position:relative}
.nhasset .notiSlidePop .notiSlide.template04 .notiCont:after{position:absolute;bottom:0;right:-105px;width:360px;height:116.5px;content:''}

.nhasset .notiSlidePop.template05 .notiSlide{background:#fef1b3 url(../images/notice/bg_template05.png) right 20px bottom 10px / 130px 130.5px no-repeat}
.nhasset .notiSlidePop.template06 .notiSlide{background:#dcf7c2 url(../images/notice/bg_template06.png) right 20px bottom 10px / 156.5px 139px no-repeat}
.nhasset .notiSlidePop.template05 .name{color:#ff9600}
/* .nhasset .notiSlidePop.template05 .notiCont:after{position:absolute;bottom:0;right:38px;width:130px;height:130.5px;content:''} */
.nhasset .notiSlidePop.template06 .name{color:#11b800}
.nhasset .notiSlidePop .notiSlide.template06 .notiCont:after{position:absolute;bottom:0;right:-105px;width:158.5px;height:139px;content:''}
.nhasset .notiSlidePop.template05 .notiCont .period,
.nhasset .notiSlidePop.template06 .notiCont .period{margin-top:14px}
.nhasset .notiSlidePop[class*='template'] + .popBtnWrap .notiSlideBtns{height:60px}
.nhasset .notiSlidePop[class*='template'] .notiCont{position:relative;padding:27px 16px 0 16px;min-height:253px}
/* 통이미지형 */
.nhasset .notiSlidePop .oneImg .overbox{position:absolute !important;top:0 !important;width:1px !important;height:1px !important;font-size:1px !important;line-height:0 !important;color:transparent !important;opacity:0 !important;overflow:hidden !important}
.nhasset .notiSlidePop .oneImg img{display:block;width:100%}

.nhasset .notiSlidePop .notiImg{display:block;line-height:0}
.nhasset .notiSlidePop .notiImg img{width:100%;max-height:414px}
/* hash 리스트 */
.nhasset .hashWrap{margin-top:5px}
.nhasset .hashWrap ul{overflow:hidden;margin-left:-6px}
.nhasset .hashWrap ul li{float:left;width:auto;margin:10px 0 0 6px}
.nhasset .hashWrap ul li span{display:inline-block;height:28px;padding:0 7px;background-color:#f1f1f1;border-radius:14px;color:#666;font-size:clamp(13px, 1.3rem, 19.5px);line-height:26px}
.nhasset .hashWrap a{display:block}
/* .nhasset .hashWrap a > span{display:inline-block;height:28px;margin:10px 0 0 6px;padding:0 9px;background-color:#f1f1f1;border-radius:14px;color:#111;font-size:clamp(13px, 1.3rem, 19.5px);line-height:26px} */
.nhasset .hashWrap a > span{position:relative;display:inline-block;margin-right:15px;color:#111;line-height:26px} /* FMOB1000 */
.nhasset .hashWrap a > span:after{content:'';position:absolute;left:0;right:0;bottom:6px;z-index:-1;height:6px;background-color:#e3f4e9}

.nhasset .graBox.type03{position:relative}
.nhasset .hashWrap.ballon_bg{background:url('../images/bg_ballon.png') center 0 / contain no-repeat;height:185px}
/*.nhasset .ballonWrap{min-height:230px;margin-top:30px}
.nhasset .ballon{position:absolute;color:white;border-radius:15px;padding:19px;color:#999;font-size:12px}
.ballon:after{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0px solid transparent;content:"";position:absolute;top:55px;left:50%;
}
.nhasset .ballon.ballon01{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#f3f3f3}
.ballon.ballon01:after{border-top:8px solid #f3f3f3}
.nhasset .ballon.ballon02{left:2px;top:42px;background:#ededed;opacity:0.8}
.ballon.ballon02:after{border-top:8px solid #ededed}
.nhasset .ballon.ballon03{right:2px;top:36px;background:#d7d7d7}
.ballon.ballon03:after{border-top:8px solid #d7d7d7}
.nhasset .ballon.ballon04{right:30px;top:110px;background:#f3f3f3}
.ballon.ballon04:after{border-top:8px solid #f3f3f3}
.nhasset .ballon.ballon05{left:45px;top:150px;background:#ededed;opacity:0.8}
.ballon.ballon05:after{border-top:8px solid #ededed}
*/
.pt20 .inArea{border-bottom:1px solid #ebebeb;padding-bottom:20px;margin-bottom:30px}
.pt20 .filterSelect{float:left;margin-right:20px} 
/* my정보 */
.topInfoWrap{margin:0 -20px 20px;padding:20px 86px 20px 20px;background:url('../images/bg_mydata.png') right 30px center /56px 56px no-repeat #f1faf4}
.topInfoWrap p, .topInfoWrap p strong{font-size:clamp(18px, 1.8rem, 27px);word-break:keep-all;word-wrap:break-word}
.nhasset .hashWrap ul li span{color:#111}
.nhasset .hanaroBannerWrap .hanaroBanner02{background:#fff url('../images/bg_mainBanner02.png') no-repeat 100% 50%;background-size:64.5px 45px}

/* 나의관심사 */
.nhasset .interestTit{position:relative}
.nhasset .interestTit .updateBtn{position:absolute;top:auto;bottom:0;right:0}
.nhasset .interestTit strong{font-weight:900}

/* 설정 */
.seBox{display:block;margin:0 -20px;padding:30px 0;background-color:#f0f2f4;text-align:center}
.seBox .defTit{margin:0;line-height:25px}
.seBox .updateBtn{position:inherit;margin-top:15px}
.arrSe{display:inline-block;width:62px;height:28px;background:url('../images/arr_se.png') 0 0/cover;vertical-align:-4px;margin-right:4px}

.obListNone{width:100%;padding-top:96px;padding-bottom:20px;background:url('../images/bg_oblistnone.png') top 34px center /72px 57px no-repeat;color:#666;font-size:clamp(14px, 1.4rem, 21px);text-align:center}
.cdListNone{width:100%;padding-top:76px;padding-bottom:20px;background:url('../images/bg_cdlistnone.png') top 10px center /56px 54px no-repeat;color:#666;font-size:clamp(14px, 1.4rem, 21px);text-align:center}
.cdListNone2{width:100%;padding-bottom:150px;background:url('../images/bg_cdlistnone2.png')  bottom center/contain;background-repeat:no-repeat;color:#666;font-size:clamp(14px, 1.4rem, 21px)}

.asListNone{width:100%;padding-top:86px;padding-bottom:30px;background:url('../images/bg_aslistnone.png') top 14px center /74px 57px no-repeat;color:#666;font-size:clamp(14px, 1.4rem, 21px);text-align:center}
.asListNone2{width:100%;margin-top:20px;padding-top:86px;padding-bottom:30px;background:url('../images/bg_aslistnone2.png') top 24px center /59px 48px no-repeat;color:#666;font-size:clamp(14px, 1.4rem, 21px);text-align:center}

/*--------------------------------------------------
	공통약관
--------------------------------------------------*/
.nhasset.popWrap .popInner h1 a.pdfBtn{position:absolute;left:20px;top:15px;width:22px;height:22px;display:block;background:url(../images/ico_pdf.png) no-repeat;background-size:22px 22px}
.nhasset .agreementWrap{margin-top:30px}
.nhasset .agreementWrap .chkAll{padding:0 0 10px;border-bottom:1px solid #333333}
.nhasset .agreementWrap .chkAll label{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .agreementWrap ul{margin-left:5px}
.nhasset .agreementWrap ul li{display:table;width:100%;margin-top:22px}
.nhasset .agreementWrap ul li:first-child{margin-top:20px}
.nhasset .agreementWrap ul li a, .agreementWrap ul li label{display:table-cell;vertical-align:middle}
.nhasset .agreementWrap ul li a{padding:0 15px 0 4px;background:url('../images/arr_right01.png') no-repeat right 50%;background-size:6px 10px;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .agreementWrap ul + ul{margin-top:20px;border-top:1px solid #f3f3f3}

.nhasset .agreementWrap .subAgree .subAgreeTit{display:table;width:100%}
.nhasset .agreementWrap .subAgree .subAgreeTit a{background-image:url('../images/arr_down01.png');background-size:10px 5.5px}
.nhasset .agreementWrap .subAgree .subAgreeTit a.active{background-image:url('../images/arr_up01.png')}
.nhasset .agreementWrap .subAgree .subAgreeList{display:none;margin-left:23px}
.nhasset .agreementWrap .subAgree .subAgreeList li{margin-top:12px}
.nhasset .agreementWrap .subAgree .subAgreeList li a{color:#666}

.nhasset .marketingWrap .agreeTit{margin-top:40px;padding:0 0 10px;border-bottom:1px solid #333333}
.nhasset .marketingWrap .agreeTit .toggleBtn{display:block;padding:0 19px 0 0;background:url('../images/arr_down02.png') no-repeat 100% 50%;background-size:10px 10px}
.nhasset .marketingWrap .chkAll{margin-top:20px}
.nhasset .marketingWrap ul{overflow:hidden;margin-top:14px}
.nhasset .marketingWrap ul li{float:left;width:50%;margin-bottom:10px}
.nhasset .marketingWrap ul li label{padding:0 10px 0 5px}
.nhasset .marketingWrap ul li label input[type="checkbox"]{margin-right:12px}

/* 이용동의 전체팝업-swiper */
.nhasset .prevNext{position:relative;height:100%;margin:0;padding:0}
.nhasset .prevNext .swiper-slide{overflow:auto;height:100% !important}
.nhasset .prevNext .term_cont{padding-bottom:20px}
.nhasset .prevNext .termLayout{padding:0 16px 40px}
.nhasset .prevNext .term_cont .accConnect{color:#999;border-bottom:1px solid #999}
.nhasset .term_cont .accConnect{color:#999;border-bottom:1px solid #999}
.nhasset .prevNext .term_graph{width:100%;background:#ebebeb;height:3px;position:fixed;z-index:1;margin-bottom:23px;display:none}
.nhasset .prevNext .term_graph .term_graph1{width:33%;background:#19a647;height:3px;position:absolute;z-index:2;left:0}
.nhasset .prevNext .term_graph .term_graph2{width:33%;background:#19a647;height:3px;position:absolute;z-index:2;left:33%}
.nhasset .prevNext .term_graph .term_graph3{width:33%;background:#19a647;height:3px;position:absolute;z-index:2;right:0%}
.nhasset .prevNext .swiper-button-prev, .nhasset .prevNext .swiper-container-rtl, .nhasset .prevNext .swiper-button-next{background:none;color:transparent}
.nhasset .prevNext .swiper-button-prev, .nhasset .prevNext .swiper-button-next{position:fixed;z-index:1;top:50%;margin:-20px 0 0;padding:0;overflow:visible}
.nhasset .prevNext .swiper-button-prev:after, .nhasset .prevNext .swiper-button-next:after{display:block;content:'';background-image:url('../images/common/sp_com_new.png');background-size:auto 250px}
.nhasset .prevNext .swiper-button-prev, .nhasset .prevNext .swiper-button-next{width:40px;height:40px;border-radius:50%;border:1px solid #6a7688;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.1);background-color:#fff}
.nhasset .prevNext .swiper-button-prev.swiper-button-disabled, .nhasset .prevNext .swiper-button-next.swiper-button-disabled{background-color:#ebebeb;border-color:#ebebeb;box-shadow:none}
.nhasset .prevNext .swiper-button-prev.swiper-button-disabled:after, .nhasset .prevNext .swiper-button-next.swiper-button-disabled:after{background-position-x:-11px}
.nhasset .prevNext .swiper-button-prev{left:20px}
.nhasset .prevNext .swiper-button-next{right:20px} 
.nhasset .prevNext .swiper-button-prev:after, .nhasset .prevNext .swiper-button-next:after{position:absolute;width:10px;height:19px;background-position:0 -55px;top:10px;margin:0 4px 0 -5px}
.nhasset .prevNext .swiper-button-next:after{left:54%}
.nhasset .prevNext .swiper-button-prev:after{left:46%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}

/* 약관 etc 타입 - 추가이용동의 */
.nhasset .etcAgreeWrap{margin-top:30px}
.nhasset .etcAgreeWrap .etcAgree + .etcAgree{margin-top:26px}
.nhasset .etcAgreeWrap .etcAgree .agreeTit{margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid #333333;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .etcAgreeWrap .etcAgree .agreeTit a{display:block;background:url('../images/arr_right03.png') no-repeat 100% 50%;background-size:6px 10.5px}
.nhasset .etcAgreeWrap .etcAgree .areaBodyBtnFull{margin-top:17px}
.nhasset .etcAgreeWrap .etcAgree p{font-size:clamp(13px, 1.3rem, 19.5px)}

/* 약관 팝업 */
.popWrap .popCont .agreeViewWrap{height:100%;height:calc(100% + 20px);margin-bottom:-20px}
.popWrap .popCont .agreeViewWrap .agreeView{height:100%}
.popWrap .popCont .agreeViewWrap [class^="btn_agree"]{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;background:no-repeat 0 0;background-size:cover}
.popWrap .popCont .agreeViewWrap .btn_agreeLeft{left:15px;background-image:url('../images/btn_agreeLeft.png')}
.popWrap .popCont .agreeViewWrap .btn_agreeRight{right:15px;background-image:url('../images/btn_agreeRight.png')}

/* 약관 */
.term_cont .pointColor{color:#577fe0 !important} /* [MD2503_026] 마이데이터(스뱅) 접근성 수정 */
.termMainTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
[class^="wrapTbl"] th, [class^="wrapTbl"] td{font-size:clamp(13px, 1.3rem, 19.5px)}
[class^="wrapTbl"].blue table{border-top-color:#53b1ce}
[class^="wrapTbl"].blue th{background-color:#249EC3;color:#fff;border-bottom-color:#fff} /* [접근성_2024] 명도대비 컬러 변경 */
[class^="wrapTbl"].blue td{border-bottom-color:#e1e1e1}
[class^="wrapTbl"].blue th+td{border-left:none}
[class^="wrapTbl"].blue tbody tr:last-of-type th, [class^="wrapTbl"].blue tbody tr:last-of-type td{border-bottom-color:#53b1ce}
[class^="wrapTbl"] td.bgBlue{background-color:#eaf6f9;font-size:clamp(11px, 1.1rem, 16.5px);color:#666;line-height:1.4}
[class^="wrapTbl"].blue td .pointColor{color:#577fe0 !important} /* [MD2503_026] 마이데이터(스뱅) 접근성 수정 */
[class^="wrapTbl"].blue .cont_list li{position:relative;margin-top:6px;line-height:1.5}
[class^="wrapTbl"].blue .cont_list li:first-child{margin-top:0}
[class^="wrapTbl"].blue .cont_list li:before{content:'￭ '}
[class^="wrapTbl"].blue .cont_list ul>li{padding-left:10px;font-size:clamp(12px, 1.2rem, 18px);line-height:1.5}
[class^="wrapTbl"].blue .cont_list ul>li:before{content:'- '}

[class^="wrapTbl"].center th, [class^="wrapTbl"].center td{text-align:center;}

[class^="icoBrd"]{content:'';display:inline-block;margin-right:8px;margin-bottom:3px;width:17px;height:17px;background:url('../images/terms/spr_board.png') 0 0/51px 17px;vertical-align:middle}
.icoBrdLock{display:inline-block;margin-right:8px;margin-bottom:3px;width:17px;height:17px;background:url('../images/terms/board_lock.png')no-repeat 0 0;background-size:17px 17px;vertical-align:middle}
.icoBrdInfo{display:inline-block;margin-right:8px;margin-bottom:3px;width:17px;height:17px;background:url('../images/terms/board_info.png')no-repeat 0 0;background-size:17px 17px;vertical-align:middle}
.icoBrdCaution{display:inline-block;margin-right:8px;margin-bottom:3px;width:17px;height:17px;background:url('../images/terms/board_caution.png')no-repeat 0 0;background-size:17px 17px;vertical-align:middle}
.icoBrdFolder{background-position-x:-17px}
.icoBrdDeal{background-position-x:-34px}
.termAgreeWrap{padding-top:16px;padding-bottom:16px;border-bottom:1px solid #e1e1e1}
.termAgreeWrap em{position:relative}
.termAgreeWrap em:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#000}
.termAgreeWrap .agreeChkWrap{margin-top:10px;text-align:right}
.termAgreeWrap .chkBox+.chkBox{margin-left:24px}
.termAgreeWrap .chkBox:before{content:'';display:inline-block;margin-right:5px;width:10px;height:10px;border:1px solid #000}
.termAgreeWrap .radBox + .radBox {margin-left:12px;}
.termAgreeWrap .radBox:before {content:'';display:inline-block;margin-right:5px;width:10px;height:10px;border:1px solid #000;border-radius:50%;}
.termAgreeWrap .adChkWrap{margin-top:16px;padding-top:10px;border-top:1px solid #ddd;text-align:center}
.termAgreeWrap.t1 {border-bottom-width:3px;}
h3.popTemrsTit{font-size:clamp(14px, 1.4rem, 21px)}
.popTemrsTit+.termAgreeWrap{border-top:1px solid #999}
.termsBarWrap{margin-top:20px;padding:15px;background-color:#f6f6f6;color:#888;font-size:clamp(12px, 1.2rem, 18px);border-radius:2px;border:1px solid #e1e1e1}
.termsBarWrap h3{font-size:clamp(14px, 1.4rem, 21px);color:#111;font-weight:bold}
.termsBar{display:table;margin-top:10px;margin-bottom:16px;width:100%;table-layout:fixed}
.termsBar [class^="bar"]{position:relative;display:table-cell;text-align:center}
.termsBar [class^="bar"]:after{content:'';display:block;margin-top:5px;width:100%;height:15px}
[class^="termsTag"]{display:inline-block;height:auto;margin-right:8px;padding:0 7px;border-radius:20px;font-size:clamp(12px, 1.2rem, 18px);line-height:1.65;color:#fff;vertical-align:top}
.termsBar .barB:after, .termsTagB{background-color:#1aa7c8;border-bottom-left-radius:10px;border-top-left-radius:10px}
.termsBar .barB:after, .termsTagBlue{background-color:#1aa7c8}
.termsBar .barG:after, .termsTagG{background-color:#65b85c}
.termsBar .barY:after, .termsTagY{background-color:#f0c834}
.termsBar .barO:after, .termsTagO{background-color:#f28e42}
.termsBar .barR:after, .termsTagR{background-color:#e3443d;border-bottom-right-radius:10px;border-top-right-radius:10px}
.termsBar [class^="bar"] .arrow{position:absolute;left:50%;margin-left:-6px;bottom:-12px;width:12px;height:19px;background:url('../images/terms/arr_now.png') 0 0 /12px 19px no-repeat}
.term_cont .grayCont{margin:30px 0;padding:20px 17px;border-radius:6px;background-color:#f8f8f8;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.term_cont .grayCont .line{text-decoration:underline;text-underline-position:under;font-weight:bold;color:#111}
  
/* 약관 스와이프 */
.termsWrap .swiper-pagination{top:0 ;right:0px}
.termContentsArea .swiper-pagination{width:100%;display:flex}
.termContentsArea .swiper-pagination .swiper-pagination-bullet{flex:1;margin:0;border-radius:0;height:3px;background-color:#ebebeb;opacity:1}
.termContentsArea .swiper-pagination .swiper-pagination-bullet:only-child{opacity:0}
.termContentsArea .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#19a647}

/* 약관서식 관련 */
.nhasset table.pointTr tr:nth-last-child(2) > th,
.nhasset table.pointTr tr:nth-last-child(2) > td{border-bottom:0}
.nhasset table.pointTr tr:last-child > th{border:1px solid #111;border-right:0}
.nhasset table.pointTr tr:last-child > td{border:1px solid #111;border-left:1px solid #dedede;border-right:1px solid #dedede}
.nhasset table.pointTr tr:last-child > td:last-child{border:1px solid #111;border-left:1px solid #dedede}
.nhasset .popTemrsBigTit{position:relative;font-size:clamp(16px, 1.6rem, 24px);text-align:left;padding:20px 0}
.nhasset .popTemrsBigTit .qrImg{position:absolute;top:25px;right:0}
.nhasset .popTemrsBigTit .qrImg img{width:68px;height:68px}
.nhasset h3.popTemrsTit + .popTermsTxt{margin-top:0}
.nhasset .popTemrsTit{font-size:clamp(14px,1.4rem,21px)}
.nhasset .popTermsTxt.bold {font-weight:900;}
.nhasset .popTermsTxtList {margin-top:6px;}
.nhasset .popTermsTxtList > li {position:relative;margin-top:8px;padding-left:clamp(12px,1.2rem,18px);}
.nhasset .popTermsTxtList > li:before {content:'*';position:absolute;left:0;top:clamp(2px,0.2rem,4px);}
.nhasset .popTermsTxtList > li > .sub:not(ul),
.nhasset .popTermsTxtList > li > .sub > li {position:relative;margin-top:4px;padding-left:clamp(10px,1.0rem,16px);color:#666;}
.nhasset .popTermsTxtList > li > .sub:not(ul):before,
.nhasset .popTermsTxtList > li > .sub > li:before {content:'-';position:absolute;left:0;top:clamp(-2px,-0.2rem,-4px);}
.nhasset .popTermsTxtList.t1 > li {font-weight:900;text-decoration:underline;color:#eb1100;font-size:clamp(15px, 1.5rem, 22.5px);}
.nhasset .popTermsTxtList.t1 > li > .sub:not(ul),
.nhasset .popTermsTxtList.t1 > li > .sub > li {text-decoration:underline;color:#eb1100;font-weight:400;font-size:clamp(14px,1.4rem,21px);}
.nhasset .popTermsTxt + .popTermsTxtList {margin-top:12px;}

/* 마케팅동의 팝업 */
.nhasset .popCont .selDetailList.marketing{margin:0 -16px}
.nhasset .popCont .selDetailList.marketing .detailList{padding:11px 20px 12px}
.nhasset .popCont .selDetailList.marketing .detailList > li{display:table;margin-top:0;margin-bottom:5px}
.nhasset .popCont .selDetailList.marketing .detailList > li .tit{width:auto}
.popWrap.bankSetWrap .popCont .iconScroll, .popWrap.slidePopOption .popCont .iconScroll{position:fixed;bottom:55px;right:17px;width:46px;height:46px}
.popWrap.bankSetWrap .popCont .iconScroll img, .popWrap.slidePopOption .popCont .iconScroll img{display:inline-block;width:46px;height:46px}
.nhasset .selDetailList .listTit{font-size:clamp(13px, 1.3rem, 19.5px)}

/******************************
 * 이용안내
 ******************************/
.nhasset .titBg{min-height:93.5px;background:url('../images/img_chkGuide.png') no-repeat 100% 0;background-size:90px 93.5px}

/* 공지사항 상세 */
.nhasset .noticeContWrap .conTit{margin:0 -16px;padding:15px 16px 18px;background-color:#f4f6f9}
.nhasset .noticeContWrap .conTit .date{color:#666}
.nhasset .noticeContWrap .titWrap{margin-top:9px}
.nhasset .noticeContWrap .titWrap .tit{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold}
.nhasset .noticeContWrap .titWrap .tag{margin:-3px 5px 0 0}
.nhasset .noticeContWrap .titWrap .icoNew{margin:-3px 0 0 2px}
.nhasset .noticeContWrap .noticeCont{padding:25px 0 0}
.nhasset .noticeContWrap .noticeCont img{max-width:100%;vertical-align:top}

.resultWrap{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 15px;background-color:#f3faf6;border-radius:2px}
.resultWrap .resultTit{font-weight:600}
.resultWrap .resultTit:before{content:'';display:inline-block;margin-right:2px;width:17px;height:17px;background:url('../images/ico_money.png') 0 0/cover no-repeat;vertical-align:text-bottom}
.resultWrap .resultVal .dataValue{font-size:clamp(19px, 1.9rem, 28.5px);font-weight:900;color:#19a647}
.resultWrap .resultVal .won{font-size:clamp(16px, 1.6rem, 24px);font-weight:900;color:#19a647}

/* FMMY3300 */
/*.timeLineWrap{position:relative;display:block;width:100%;padding:20px 20px 20px 40px;background:#fff;box-shadow:0px 0px 29.4px 0.6px rgba(112, 112, 112, 0.15);border-radius:10px}*/
.timeLineWrap{position:relative;display:block;width:100%;padding:20px}

.timeLineWrap>ul>li{position:relative;margin-top:15px}
.timeLineWrap>ul>li:before{content:'';position:absolute;top:19px;bottom:-19px;left:-13px;width:1px;border-left:1px solid #4ea452}
.timeLineWrap>ul>li:last-child:before{content:none}
.timeLineWrap>ul>li:first-child{margin-top:0}
.timeLineWrap .age{position:relative;font-weight:bold;font-size:clamp(15px, 1.5rem, 22.5px)}
.timeLineWrap .age:before{content:'';position:absolute;z-index:1;top:4px;left:-20px;width:15px;height:15px;background:url('../images/ico_timeLine1.png') 15px 0 /30px 15px}
.timeLineWrap .speechBox{position:relative;margin-top:10px;margin-left:3px;padding:12px 20px;background-color:#f8f8f8;border-radius:0 10px 10px 10px}
.timeLineWrap .speechBox:before{content:'';position:absolute;top:-9px;left:0;width:15px;height:9px;background:url('../images/ico_speech1.png') 0 0/cover}
.timeLineWrap .speechBox strong{font-weight:900}
.timeLineWrap .keywordList{margin-top:2px}
.timeLineWrap .keywordList li{margin-top:0;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.timeLineWrap>ul>li.active .age:before{background-position:0 0}

.ageGraphBox{position:relative;display:block;margin-top:20px;width:100%;padding:20px;background:#fff;box-shadow:0px 0px 29.4px 0.6px rgba(112, 112, 112, 0.15);border-radius:10px}
.ageGraphBox .resultWrap{position:relative;margin-top:55px;border-radius:10px}
.ageGraphBox .resultWrap p{width:100%;text-align:center}
.ageGraphBox .resultWrap strong{font-weight:900}
.ageGraphBox .resultWrap:before{content:'';position:absolute;top:-43px;width:84px;height:46px;background-repeat:no-repeat;background-position:0 0;background-size:84px 46px}
.ageGraphBox .resultWrap.bg1:before{background-image:url('../images/img_ageGraph01.png')}
.ageGraphBox .resultWrap.bg2:before{background-image:url('../images/img_ageGraph02.png')}
.ageGraphBox .resultWrap.bg3:before{background-image:url('../images/img_ageGraph03.png')}
.ageGraphWrap{position:relative;width:100%}
.ageGraphWrap .graphBg{position:absolute;bottom:23px;width:100%;background-color:#f4f9f6}
.ageGraphWrap .graphWrap{position:absolute}
.graphDeco{position:absolute;width:100%;padding-left:5px;padding-top:5px;color:#666;border-top:1px dashed #666}
.ageGraphTit{position:absolute;right:76px;bottom:-18px;font-size:clamp(12px, 1.2rem, 18px)}

/*.hopeWrap li, .hopeWrap2 li{position:relative;display:flex;justify-content:space-between;margin-top:10px;width:100%;padding:20px;background:#fff;box-shadow:0px 0px 29.4px 0.6px rgba(112, 112, 112, 0.15);border-radius:10px}
.hopeWrap li .money{text-align:right}
.hopeWrap li span{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}*/
.hopeWrap li, .hopeWrap2 li{margin:20px 0 20px 0;width:100%;border-top:1px solid #efefef;padding-top:20px}
.hopeWrap li:first-child, .hopeWrap2 li:first-child{border-top:none;padding-top:0}
.hopeWrap li .money{text-align:left;margin-top:10px}
.hopeWrap li .money img{width:20px;height:20px;vertical-align:top}
.hopeWrap li .money .pointColorRed{color:#eb1100;margin-left:5px}
.hopeWrap li .money .pointColorBlue{color:#3674bc;margin-left:5px}
.hopeWrap li span{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.hopeWrap2 .con{width:100%;font-size:clamp(13px, 1.3rem, 19.5px);text-align:center} 
.hopeWrap2 .con .tit{font-size:clamp(15px, 1.5rem, 22.5px)}

.shadowBox{background-color:#fff;box-shadow:0px 0px 29.4px 0.6px rgba(112, 112, 112, 0.15);border-radius:10px}
.tabWrap.type03>ul{width:100%;height:40px;display:flex;align-items:center;background-color:#dadde1;color:#666;font-weight:600;border-radius:10px 10px 0 0}
.tabWrap.type03>ul>li{position:relative;flex:1;text-align:center;border-radius:10px 10px 0 0;font-size:clamp(13px, 1.3rem, 19.5px)}
.tabWrap.type03>ul>li.on{background-color:#fff;color:#19a647}
.tabWrap.type03>ul>li a.active{height:40px;line-height:40px}
.tabWrap.type03>ul>li.on:before{content:'';position:absolute;width:10px;height:10px;left:-10px;bottom:0;background:url('../images/tab_deco.png') 0 0 /cover no-repeat;transform:rotate(270deg)}
.tabWrap.type03>ul>li.on:after{content:'';position:absolute;width:10px;height:10px;right:-10px;bottom:0;background:url('../images/tab_deco.png') 0 0 /cover no-repeat}
.tabWrap.type03>ul>li:first-child.on:before,
.tabWrap.type03>ul>li:last-child.on:after{content:none}
.tabContWrap.type03{padding:0 20px 20px 20px}
.tabContWrap.type03 .defSubTit{margin-top:0;padding-top:15px;margin-bottom:2px}
.tabContWrap .greenBox{position:relative}
.tabContWrap .tabCont01 .greenBox:after{position:absolute;top:-52px;right:14px;content:'';width:61px;height:51px;background:url(../images/img_retire01.png) no-repeat;background-size:cover}
.tabContWrap .tabCont02 .greenBox:after{position:absolute;top:-54px;right:14px;content:'';width:58px;height:53px;background:url(../images/img_retire02.png) no-repeat;background-size:cover}

.bgHotRetire{padding-bottom:30px;background:url('../images/img_hot_retire.gif') right 20px bottom/115px 85px no-repeat}
.bgHotRetire .defTxt{margin-top:5px}
.bgSandTimer{padding-bottom:20px;background:url('../images/img_sandtimer.gif') right bottom/115px 85px no-repeat}

.greenBox{margin-top:15px;padding:0 20px;background-color:#f3faf6;border-radius:10px;border:1px solid #19a647}
.greenBox li{padding:17px 0;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;border-bottom:1px dashed #d3ded7}
.greenBox li:last-child{border-bottom:0}
.greenBox .tit{font-size:clamp(15px, 1.5rem, 22.5px);color:#111}

.imgShadowList li{position:relative;margin-top:10px;padding:20px 20px 20px 65px;background-color:#fff;box-shadow:0px 0px 29.4px 0.6px rgba(112, 112, 112, 0.15);border-radius:10px}
.imgShadowList li .con{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.imgShadowList li .link{display:block;padding-right:14px;background:url(../images/btn_tabRight_on.png) no-repeat 100% 50%;background-size:6px 10.5px}
.imgShadowList li:before{content:'';position:absolute;top:24px;left:20px;width:33px;height:33px;background:url('../images/spr_imglist.png') 0 0 /132px 33px no-repeat;border:1px solid #f3f3f3;border-radius:50%}
.imgShadowList li:nth-child(2):before{background-position-x:-33px}
.imgShadowList li:nth-child(3):before{background-position-x:-66px}
.imgShadowList li:nth-child(4):before{background-position-x:-99px}

/******************************
 * 목표
 ******************************/
/* 목표리스트 */
.nhasset .purposeListTotal{position:absolute;padding-top:8px;top:0;right:0;width:60px;height:58px;background:url('../images/spr_purpose_tit.png') 0 0/cover no-repeat;font-size:clamp(18px, 1.8rem, 27px);text-align:center;color:#ffaa39;z-index:-1}
.nhasset .purposeListTotal.is2{background-position-x:-60px;color:#aaa}
.nhasset .purposeListTotal.is1{background-position-x:-120px;color:#f49751}
.nhasset .purposeListTotal.is0{background-position-x:-180px;color:#a9b8bb}
.nhasset .purposeListTotal strong{font-weight:900}
/* .nhasset .purposeList{margin-top:10px} */
.nhasset .purposeList ul li{position:relative;margin-top:20px;padding:28px 20px;background-color:#fff;border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .purposeList ul li.noConnect{background-color:#f4f2ff}
.nhasset .purposeList ul li a{display:block}
.nhasset .purposeList.reachGoal ul li{padding-bottom:25px}
.nhasset .purposeList .sortable li{border-color:#fff}

/* 자산비율 그래프 리스트 */
.nhasset .purposeList.property ul li {position:relative;margin-top:20px;padding:0;border-radius:10px;box-shadow:none}
.nhasset .purposeList.property ul li .baseGraphCont{display:flex;align-items: center;}
.nhasset .purposeList.property ul li .baseGraphCont .baseGraphTitle{width:20%;font-size:clamp(12px, 1.2rem, 16px)}
.nhasset .purposeList.property ul li .baseGraphCont .baseGraphinner{width:80%}
.nhasset .purposeList.property ul li .baseGraphCont .msobunitWrap{position:relative;min-height:0;padding-top:0px;display:block;opacity:1; top:-43px}
.nhasset .purposeList.property ul li .baseGraphCont .msobunitWrap > p{}
.nhasset .purposeList.property ul li .baseGraphCont .msobunitWrap .unit1 [class*= 'step']{width:80px}
.nhasset .purposeList.property .baseGraphCont .msobunitWrap .unit1 .step01:after{  border:1px solid #e75441;border-left:0;border-top:0;border-radius:2px;transform:rotate(45deg)}
.nhasset .purposeList.property .baseGraphCont .msobunitWrap .unit1 .step01:after{position:absolute;background-color:#fff ;top:95%;right:36px;display:inline-block;content:'';width:7px;height:7px}
.nhasset .purposeList.property .baseGraphCont .msobunitWrap .unit1.purple .step01{ color:#000; border:1px solid #8f64ca;border-radius:4px}
.nhasset .purposeList.property .baseGraphCont .msobunitWrap .unit1.purple .step01:after{border: 1px solid #8f64ca;border-left: 0;border-top: 0;}
.nhasset .purposeList.property .baseGraphCont .msobunitWrap .unit1.skyPink .step01{ color:#000; border:1px solid #e9aec5;border-radius:4px}
.nhasset .purposeList.property .baseGraphCont .msobunitWrap .unit1.skyPink .step01:after{border: 1px solid #e9aec5;border-left: 0;border-top: 0;}
.nhasset .purposeList.property .baseGraphCont .baseGraphItem{display:flex;align-items: flex-end;justify-content: space-between;}
.nhasset .purposeList.property .baseGraphCont .baseGraph.msBar{display:inline-block;width:85%;border-radius: 0 50px 50px 0;}
.nhasset .purposeList.property .baseGraphCont .value{font-size:clamp(12px, 1.2rem, 16px); color:#666;}
.nhasset .purposeList.property .baseGraphCont .baseGraph .lineGraph{border-radius: 0 50px 50px 0;}
.nhasset .purposeList.property .baseLine:after{content:"";position: absolute;top:0;left:40%;width:1px;height:60px;border-right:1px dashed #999;}
.nhasset .purposeList.property .baseLineText{position: absolute;top:60px;left:40%;color:#19a647;transform: translate(-50%);font-size:clamp(12px,1.2rem,16px)}


.nhasset .purposeList.sortableWrap ul li a{width:calc(100% - 70px)}
.nhasset .purposeList.sortableWrap .posAbsolute{position:absolute;top:-60px;right:20px}
.nhasset .purposeList .sortable > li.ui-sortable-helper{background-color:#fff;border:solid 2px #19a647;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .purposeList .purposeTit{display:flex;align-items:center}
.nhasset .purposeList .purposeTit [class*="purposeCate"]{border:none;margin-right:5px}
.nhasset .purposeList .purposeTit .tit{margin-left:5px;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .purposeList .purposeTitSub{margin-top:10px;margin-bottom:20px;font-size:clamp(16px, 1.6rem, 24px);font-weight:600}
.nhasset .purposeList [class*="Result"]{overflow:hidden}
/* .nhasset .purposeList [class*="Result"] > span{font-size:clamp(13px, 1.3rem, 19.5px);color:#666} */
.nhasset .purposeList .recentResult,
.nhasset .purposeList .goalResult{font-size:clamp(13px, 1.3rem, 19.5px);color:#666} 
.nhasset .purposeList .recentResult{margin-top:5px}
.nhasset .purposeList [class*="Result"] > span:first-child{float:left}
.nhasset .purposeList [class*="Result"] > span:last-child{float:right}
.nhasset .purposeList [class*="Result"] > span.dDay{float:left}
.nhasset .purposeList [class*="Result"] .now,
.nhasset .purposeList [class*="Result"] .percent{color:#19a647;font-weight:900}
.nhasset .purposeList [class*="Result"] .minus{color:#111;font-size:clamp(14px, 1.4rem, 21.5px)}
.nhasset .purposeList [class*="Result"] .amnt{color:#888;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .purposeList .baseGraph{position:relative;width:100%}
.nhasset .purposeList .baseGraph.msBar{margin-top:8px;background-color:#f2f4f8;border-radius:3px;height:16px}
.nhasset .purposeList .baseGraph .lineGraph{position:absolute;top:0;left:0;height:16px;border-radius:3px;/* border-top-right-radius:0;border-bottom-right-radius:0;*/ opacity:1}
.nhasset .purposeList .baseGraph .lineGraph.red{background-color:#e4797b}
.nhasset .purposeList .baseGraph .lineGraph.yellow{background-color:#ffcf5b}
.nhasset .purposeList .baseGraph .lineGraph.mildgreen{background-color:#64caaa}
.nhasset .purposeList .baseGraph .lineGraph.purple{background-color:#8f64ca}
.nhasset .purposeList .baseGraph .lineGraph.skyPink{background-color:#e9aec5}
.nhasset .purposeList .baseGraph .lineGraph.gray{background-color:#d0d0d0}
.nhasset .purposeList .baseGraph .lineGraph.bdR3{border-radius:3px}
.nhasset .purposeList .noConnect{position:relative}
.nhasset .purposeList .noConnect .recentResult{margin-top:5px;text-align:center;color:#7a51e3}
.nhasset .purposeList .noConnect .recentResult .blind{clip:auto}
.nhasset .purposeList .noConnect .goalResult{margin-top:5px}
.nhasset .purposeList .noConnect .recentResult{margin-top:-10px}
.nhasset .purposeList .noConnect .recentResult .amnt{float:none;font-size:clamp(20px, 2.0rem, 30px);font-weight:600}
.nhasset .purposeList .recentResult .discountDay{vertical-align:middle;line-height:21px}
.nhasset .purposeList .recentResult .discountDay .icoQes{display:inline-block;margin-right:3px;width:21px;height:21px;background:url('../images/ico_mosb_question.png') no-repeat center right/ 21px 21px}
/* .nhasset .purposeList.finish .recentResult .dataValue{font-size:clamp(24px, 2.4rem, 36px)} */
/* .nhasset .purposeList .noConnect .recentResult .amnt .dataValue{font-weight:bold;font-size:clamp(24px, 2.4rem, 36px)}
.nhasset .purposeList .noConnect .recentResult .amnt .won{font-weight:bold;font-size:clamp(24px, 2.4rem, 36px)} */
.nhasset .purposeList .accConnect{position:absolute;bottom:17px;right:20px;padding-bottom:2px;border-bottom:1px solid #666;font-size:clamp(13px, 1.3rem, 19.5px);opacity:0.7}
.nhasset .msobunitWrap{position:relative;/*overflow:hidden;height:auto;*/min-height:44px;padding-top:16px;display:block;opacity:1}
.nhasset .msobunitWrap .icoWrap:before{position:absolute;content:'';margin-top:-20px;right:3px;display:inline-block; width:0;height:0;border-bottom:5px solid #999;border-left:5px solid transparent;border-top:5px solid  transparent;border-right:5px solid  transparent}
.nhasset .msobunitWrap .icoWrap{position:absolute;margin-top:0.4em;width:18px;height:18px;display:inline-block;padding-right:28px}
.nhasset .msobunitWrap .unit1 .icoWrap,
.nhasset .msobunitWrap .unit4 .icoWrap{background:url('../images/ico_unit1.png') no-repeat center right/ 18px 18px}
.nhasset .msobunitWrap .unit2 .icoWrap,
.nhasset .msobunitWrap .unit5 .icoWrap{background:url('../images/ico_unit2.png') no-repeat center right/ 18px 18px}
.nhasset .msobunitWrap .unit3 .icoWrap,
.nhasset .msobunitWrap .unit6 .icoWrap{background:url('../images/ico_unit3.png') no-repeat center right/ 18px 18px}
.nhasset .msobunitWrap .unit1 [class*= 'step']{position:relative;padding:2px 0;display:inline-block;text-align:center;width:38px;font-size:12px}
.nhasset .msobunitWrap .unit4 [class*= 'step']{position:relative;left:76px;padding:2px 0;display:inline-block;text-align:center;width:38px;font-size:12px}
.nhasset .msobunitWrap .unit1 .step01:after{position:absolute;background-color:#fff ;top:38%;right:-4px;display:inline-block;content:'';width:7px;height:7px}
.nhasset .msobunitWrap .unit1 .step01{ color:#e75441; border:1px solid #e75441;border-radius:4px}
.nhasset .msobunitWrap .unit1 .step01:after{  border:1px solid #e75441;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(45deg)}
.nhasset .msobunitWrap .unit2 .step02{position:relative;color:#ffb400;padding:2px 0;display:inline-block;text-align:center;width:42px;font-size:12px;border:1px solid #ffcf5b;border-radius:4px}
.nhasset .msobunitWrap .unit2 .step02:after{position:absolute;background-color:#fff ;border:1px solid #ffcf5b;;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(45deg);top:38%;right:-4px;display:inline-block;content:'';width:7px;height:7px}
.nhasset .msobunitWrap .unit3 .step03{position:relative;color:#64caaa;padding:2px 0;display:inline-block;text-align:center;width:38px;font-size:12px;border:1px solid #64caaa;border-radius:4px}
.nhasset .msobunitWrap .unit3 .step03:after{position:absolute;background-color:#fff ;border:1px solid #64caaa;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(45deg);top:38%;right:-4px;display:inline-block;content:'';width:7px;height:7px}
.nhasset .msobunitWrap .unit4 .step01:before{position:absolute;background-color:#fff ;top:38%;left:-4px;display:inline-block;content:'';width:7px;height:7px}
.nhasset .msobunitWrap .unit4 .step01{ color:#e75441;border:1px solid #e75441;border-radius:4px}
.nhasset .msobunitWrap .unit4 .step01:before{border:1px solid #e75441;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(-135deg)}
.nhasset .msobunitWrap .unit5 .step02{position:relative;left:80px;color:#ffb400;padding:2px 0;display:inline-block;text-align:center;width:42px;font-size:12px;border:1px solid #ffcf5b;border-radius:4px}
.nhasset .msobunitWrap .unit5 .step02:before{position:absolute;background-color:#fff ;top:38%;left:-4px;border:1px solid #ffcf5b;;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(-135deg);display:inline-block;content:'';width:7px;height:7px}
.nhasset .msobunitWrap .unit6 .step03{position:relative;left:76px;color:#64caaa;padding:2px 0;display:inline-block;text-align:center;width:38px;font-size:12px;border:1px solid #64caaa;border-radius:4px}
.nhasset .msobunitWrap .unit6 .step03:before{position:absolute;background-color:#fff;top:38%;left:-4px;border:1px solid #64caaa;border-left:0;border-bottom:0;border-radius:2px;transform:rotate(-135deg);display:inline-block;content:'';width:7px;height:7px}
.nhasset .msobunitWrap > p{padding-bottom:4px;width:70px;position:absolute;margin-left:-58px}

.nhasset .boxWrapShadow.mosbBox{position:relative;z-index:20}
.nhasset .boxWrapShadow.mosbBox .purposeList li:first-child{margin-top:5px}
.nhasset .boxWrapShadow.mosbBox .purposeList li.bgGray .recoTag{position:absolute;top:0;right:15px;width:28px;height:28px;background:url('../images/mo_ribbon.png') no-repeat top center/ 28px 28px}
.nhasset .mosbMore{margin-top:-10px;border:none;z-index:2;border-radius:6px;background-color:none !important}
.nhasset .mosbMore a{display:block;border:none;text-align:center;width:100%;background-color:#d7dbe3;color:#111;background-size:10px 5px; font-size:clamp(14px, 1.4rem, 21px);border-bottom-left-radius:10px; border-bottom-right-radius:10px;line-height:69px; height:62px}
.nhasset .mosbMore a:after{content:'';display:inline-block;width:19px;height:19px;margin-left:8px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px  auto;vertical-align:middle}

/* 달성완료 목표리스트 */
.nhasset .purposeList.finish{margin-top:10px}
.nhasset .purposeList.finish ul li{background-color:#fffcec}
.nhasset .purposeList.finish ul li.purposeList2{background-color:#f2f8ff}
.nhasset .purposeList.finish .finishBadge{position:absolute;top:0;right:15px;width:38px;height:42px;background:url('../images/ico_finishBadge.png') no-repeat 0 0;background-size:cover}
.nhasset .purposeList.finish .finishBadge2{position:absolute;top:0;right:15px;width:38px;height:42px;background:url('../images/ico_finishBadge2.png') no-repeat 0 0;background-size:cover}
/* .nhasset .purposeList.finish .baseGraph{background-color:#536b7b} */
.nhasset .purposeList.finish .lineGraph{background-color:#fae04b;opacity:0.8}
.nhasset .purposeList .noConnect .goalResult{margin-top:20px}
.nhasset .purposeList.finish .purposeTitSub{margin-bottom:10px}
.nhasset .purposeList.finish .recentResult{overflow:inherit;text-align:center;line-height:24px}
.nhasset .purposeList.finish .recentResult .amnt{float:none;margin-top:0;font-size:clamp(20px, 2.0rem, 30px);font-weight:600}
/* .nhasset .purposeList.finish .recentResult .won{font-size:clamp(24px, 2.4rem, 36px);font-weight:bold} */
.nhasset .purposeList.finish .goalResult{margin-top:20px;min-height:20px}
.nhasset .purposeList.finish .accConnect{position:absolute;bottom:20px;right:20px}
.nhasset .boxArea.bgGray .purposeList.finish .recentResult{overflow:hidden;line-height:1.5}
.nhasset .boxArea.bgGray .purposeList.finish .goalResult{margin-top:0}

/* 목표달성비율 신호등 */
.nhasset .purposeSignal{position:absolute;top:0;right:15px;margin-bottom:10px;padding-top:13px;width:84px;height:40px;border-radius:4px;background:url('../images/bg_purposeSignal.png') 0 0 /cover no-repeat;line-height:30px;text-align:center}
.nhasset .purposeSignal span{display:inline-block;width:14px;height:14px;border-radius:50%;opacity:0.3}
.nhasset .purposeSignal span:nth-child(1){margin-left:0;background-color:#0cd13f}
.nhasset .purposeSignal span:nth-child(2){background-color:#ffd800}
.nhasset .purposeSignal span:nth-child(3){background-color:#ff7800}
.nhasset .purposeSignal span:nth-child(4){background-color:#ff3b36}
.nhasset .purposeSignal span.active{opacity:1}
/* 시작일 이전 */
.nhasset .purposeList .purposeReady{height:28px;margin-bottom:3px;border-radius:14px;background-color:#008cb5;text-align:center;line-height:26px}
.nhasset .purposeList .purposeReady p{font-size:clamp(12px, 1.2rem, 18px)}
/* 종료일 경과 */
.nhasset .purposeList .dateOver{background-color:#ffe8e6}
.nhasset .purposeList .dateOver .baseGraph .lineGraph{background-color:#f44743}
.nhasset .purposeList .dateOver .purposeTitSub{margin-bottom:15px}
.nhasset .purposeList .dateOver .now,
.nhasset .purposeList .dateOver .percent{color:#f44743}
.nhasset .purposeList .dateOver .minus{color:#f44743}
/* .nhasset .purposeList .dateOver .baseGraph{background-color:#c4645c} */
/*.inputVal{position:absolute;top:0;right:0;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;font-weight:normal} /* [2021-12-14] 윤지현:금액표시 위치 수정 */
/*#pnsvIsrString.inputVal{top:33px}*/
.inputVal{display:block;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;font-weight:normal;text-align:right;float:right;width:100%;margin-bottom:10px}
.nhasset .purposeList.unDown li{margin-right:40px}
.nhasset .purposeList.unDown .changeWrap{position:absolute;top:50%;right:-40px;width:28px;height:60px;margin-left:0;margin-top:-30px}
.nhasset .purposeList.unDown .changeWrap.reback{top:calc(50%  - 30px)}

.nhasset .purposeAdd{width:100%;height:180px;padding-top:120px;background:url('../images/img_purpose_none.png') center top 40px /72px 65px #f8f8f8 no-repeat;border:1px dashed #ddd;border-radius:10px;font-size:clamp(15px, 1.5rem, 22.5px);color:#888;text-align:center}

.nhasset .flexSt{position:relative;margin-top:21px;display:flex;justify-content:space-between;height:clamp(24px,2.4rem,36px)}
.nhasset .flexSt .contBtn02.fo12{font-size:clamp(12px,1.2rem,18px);line-height:1.9;padding:0 15px}
.nhasset .flexSt .contBtn03{position:absolute;top:0;right:0}
.nhasset .flexSt .config{float:right;height:24px;line-heighT:22px;padding:0 6px;font-size:clamp(13px, 1.3rem, 19.5px);border:1px solid #e1e1e1;border-radius:12px}
.nhasset .flexSt .config:before{display:inline-block;content:'';width:15px;height:15px;margin-right:1px;background:url('../images/ico_set2.png') 0 0 /cover;vertical-align:-3px} /* [2021-10-14] 윤지현:수정 */

.nhasset .purposeTit{position:relative}
.nhasset .intersetSet{width:16px;height:17px;margin-top:5px;margin-left:4px;background:url('../images/ico_set.png') no-repeat 0 0;background-size:cover;vertical-align:top}

/* 추천목표 */
.nhasset .prodListTit+.recommPurpose{margin-top:0}
.nhasset .recommPurpose{margin-top:15px;padding:0 20px;border-radius:10px;background-color:#fff}
.nhasset .recommPurpose li{padding:15px 0 15px;border-top:1px solid #ebebeb}
.nhasset .recommPurpose li:first-child{border-top:0}
.nhasset .recommPurpose li a{overflow:hidden;display:block;position:relative;width:100%;min-height:32px;padding-left:44px;text-overflow:ellipsis;white-space:nowrap;line-height:30px}
.nhasset .recommPurpose li .purposeCateS{position:absolute;width:32px;height:32px;top:50%;left:0;padding:0 3px;border-radius:100%;margin-top:-16px;background-color:#f8f8f8;overflow:hidden;border:none}
.nhasset .recommPurpose li .purposeCateS img{margin-top:0;width:26px;height:26px}
.nhasset .recommPurpose li .cate{position:relative;margin-right:16px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .recommPurpose li .cate:after{content:'';position:absolute;top:50%;margin-top:-6px;right:-10px;width:1px;height:12px;background-color:#e1e1e1}
.nhasset .recommPurpose li img{margin-top:0}

.nhasset .recommPurpose.newPurpose{margin-top:0;padding:0 20px}
.nhasset .recommPurpose.newPurpose li{padding:28px 20px 28px 0px;background:url(../images/arr_GradeR_2.png) no-repeat right center;background-size:auto 13px}
.nhasset .recommPurpose.newPurpose li .cate{position:inherit;margin-right:0px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .recommPurpose.newPurpose li .cate:after{display:none !important}
.nhasset .recommPurpose.newPurpose li a{line-height:24px;min-height:auto}


.nhasset .recommPurpose.overseaList{margin-top:0;border-radius:none;box-shadow:none;background-color:none}
.nhasset .recommPurpose.overseaList li{padding:28px 0; border-top:none}
.nhasset .recommPurpose.overseaList li  ~ li{border-top:1px solid #ebebeb}
.nhasset .recommPurpose.overseaList li .cate{position:inherit;margin-right:0px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .recommPurpose.overseaList li .cate:after{display:none !important}
.nhasset .recommPurpose.overseaList li a{line-height:24px;min-height:auto;background:url(../images/arr_GradeR_2.png) no-repeat right center;background-size:auto 13px;padding-right:20px}
.nhasset .recommPurpose.overseaList li .purposeCateS img{width:32px;height:32px;max-width:32px}
.nhasset .recommPurpose.overseaList a p{overflow:hidden;text-overflow:ellipsis}
.nhasset .recommPurpose.overseaList li.prodListWrap a{padding-left:0;background-image:none;padding-right:0}
.nhasset .recommPurpose.overseaList li.prodListWrap .prodRecomWrap{margin-top:0}
.nhasset .recommPurpose.overseaList li.prodListWrap .prodInfoWrap{padding-bottom:0}
.nhasset .recommPurpose.overseaList li.prodListWrap .prodRecommInfo{white-space:initial}
.nhasset .recommPurpose.overseaList li.prodListWrap{border-radius:0}

.nhasset .roundList{position:relative;padding:0 20px;width:100%;border-radius:10px;background-color:#fff;border:1px solid #e1e1e1;border-width:1px 0;overflow:hidden;box-shadow:0px 0px 10px .6px rgba(63, 80, 96, 0.15)}
.nhasset .roundList li{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #e1e1e1}
.nhasset .roundList li:first-child{border-top:0}
.nhasset .roundList li>a{display:flex;align-items:center}
.nhasset .roundList .imgWrap{margin-right:10px;width:32px;height:32px;border-radius:50%;border:1px solid #f3f3f3}
.nhasset .roundList .roundWListTxt{color:#666}

.nhasset .peoplePick{margin-right:-16px;margin-left:-1px}
.nhasset .peoplePick .swiper-slide{width:43.5%;padding:0  0 3px 2px}
.nhasset .peoplePick .swiper-slide:nth-child(0){}
.nhasset .peoplePick .peopleWrap:nth-of-type(1){margin-right:6px}
.nhasset .peoplePick .peopleWrap{width:100%;height:clamp(127px, 12.8rem, 192px);border-radius:10px;margin-top:20px;padding:25px 20px;box-shadow:0px 2px 2px 0px rgba(41, 58, 88, 0.16)}
.nhasset .peoplePick .peopleWrap.bgblue{background:#e8f9ff}
.nhasset .peoplePick .peopleWrap.bggreen{background:#e2f5f0}
.nhasset .peoplePick .peopleWrap.bgmildblue{background:#d5e6fb}

.nhasset .peoplePick .callTit{display:flex;align-items:center}
.nhasset .peoplePick .callTit img{width:32px;height:32px;margin-right:8px;background-color:#fff;border-radius:50%}
.nhasset .peoplePick .txt{font-size:clamp(12x, 1.2rem, 18px);color:#666}
.nhasset .peoplePick .peopleWrap.point{background-color:#eafaf1;border:1px solid #19A647}
.nhasset .peoplePick .peopleWrap .hastag{font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .peoplePick .peopleWrap .exTxt{margin-top:10px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .peoplePick .peopleWrap .total{display:block;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .peoplePick .peopleWrap .val{display:block;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .peoplePick .peopleWrap .bg:after{content:'';position:absolute;right:15px;top:15px;width:32px;height:32px;border-radius:100%;background-size:100%;background-color:#fff}
.nhasset .peoplePick .peopleWrap.typeG .bg:after{background:url('../images/my_feed05.png') center / 22px 20px #fff no-repeat} /* 현재진행중*/
.nhasset .peoplePick .peopleWrap.type01 .bg:after{background-image:url('../images/ico_goal01.png')} /* 목돈마련 */
.nhasset .peoplePick .peopleWrap.type02 .bg:after{background-image:url('../images/ico_goal02.png')} /* 대출줄이기 */
.nhasset .peoplePick .peopleWrap.type03 .bg:after{background-image:url('../images/ico_goal03.png')} /* 여행가기 */
.nhasset .peoplePick .peopleWrap.type04 .bg:after{background-image:url('../images/ico_goal04.png')} /* 자동차 */
.nhasset .peoplePick .peopleWrap.type05 .bg:after{background-image:url('../images/ico_goal05.png')} /* 내집마련 */
.nhasset .peoplePick .peopleWrap .bg{position:relative;width:100%;height:115px;padding:15px;overflow:hidden;background:url('../images/spr_bg_purpose.jpg') 0 0 /cover no-repeat;border-radius:10px 10px 0 0;font-size:clamp(13px, 1.3rem, 19.5px);color:#fff}
@media screen and (max-width:320px){
	.nhasset .peoplePick .peopleWrap .bg{height:100px}
}
.nhasset .peoplePick .peopleWrap.type01 .bg{background-position-y:20%} /* 목돈마련 */
.nhasset .peoplePick .peopleWrap.type02 .bg{background-position-y:40%} /* 대출줄이기 */
.nhasset .peoplePick .peopleWrap.type03 .bg{background-position-y:60%} /* 여행가기 */
.nhasset .peoplePick .peopleWrap.type04 .bg{background-position-y:80%} /* 자동차 */
.nhasset .peoplePick .peopleWrap.type05 .bg{background-position-y:100%} /* 내집마련 */
@media screen and (min-width:700px){
	.nhasset .peoplePick .peopleWrap.typeG .bg{background-position-y:7%}
	.nhasset .peoplePick .peopleWrap.type01 .bg{background-position-y:25%} /* 목돈마련 */
	.nhasset .peoplePick .peopleWrap.type02 .bg{background-position-y:45%} /* 대출줄이기 */
	.nhasset .peoplePick .peopleWrap.type03 .bg{background-position-y:63%} /* 여행가기 */
	.nhasset .peoplePick .peopleWrap.type05 .bg{background-position-y:98%} /* 내집마련 */
}

.nhasset .peoplePick:after{content:'';clear:both;display:block}
.nhasset .peoplePick.type02{width:100%;margin:30px 0 0 0}
.nhasset .peoplePick.type02 li{width:50%;padding-right:10px;padding-bottom:20px;float:left}
.nhasset .peoplePick.type02 li:nth-child(2n){padding-right:0}
@media screen and (min-width:700px){
	.nhasset .peoplePick.type02 li{width:33.3%}
	.nhasset .peoplePick.type02 li:nth-child(2n){padding-right:10px}
	.nhasset .peoplePick.type02 li:nth-child(3n){padding-right:0}
}

.nhasset .peoplePick.type02 .peopleWrap{width:100%;height:150px}
.nhasset .peoplePick.type02 .peopleWrap a{display:block}
.nhasset .peoplePick.type02 .bg{height:60px}
.nhasset .peoplePick.type02 .bg:after{content:none}
.nhasset .peoplePick.type02 .peopleWrap.type01 .bg{background-position-y:24%} /* 목돈마련 */
.nhasset .peoplePick.type02 .peopleWrap.type02 .bg{background-position-y:44%} /* 대출줄이기 */
.nhasset .peoplePick.type02 .peopleWrap.type03 .bg{background-position-y:62%} /* 여행가기 */
.nhasset .peoplePick.type02 .peopleWrap.type05 .bg{background-position-y:97%} /* 내집마련 */
.nhasset .peoplePick.type02 .peopleWrap.typemy .bg{background:url('../images/spr_bg_purpose_my.jpg') center /cover no-repeat}
.nhasset .peoplePick.type02 .peopleWrap .txt{padding-left:0;padding-right:0;text-align:center}
.nhasset .peoplePick.type02 .peopleWrap .txt .tit{display:block;margin-bottom:5px;font-size:clamp(14px, 1.4rem, 21px);font-weight:600}
.nhasset .peoplePick.type02 .peopleWrap .txt .sub{display:block;color:#666;font-size:clamp(12px, 1.2rem, 18px)}

.nhasset .swiper-pagination.peoplePickPage{position:relative;margin:20px 0 35px;height:5px;line-height:0}
/* .nhasset .peoplePickPage .swiper-pagination-bullet{width:5px;height:5px;background-color:#999;opacity:1;border-radius:50%}
.nhasset .peoplePickPage .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px;background-color:#222;border-radius:10px} */

.nhasset .bgComplete{position:relative}
.nhasset .bgComplete:after{content:'';position:absolute;right:0;bottom:0;width:108px;height:85px;background:url('../images/img_trophy.png') 0 0 /cover no-repeat;z-index:-1} /* FMOB1130 */

/* 목표상세 */
.nhasset .challTopWrap{position:relative;margin:0 -20px;padding:0 20px 23px;background-color:#f3faf6;border-radius:0 0 20px 20px}
.nhasset .challFullWrap{position:relative;margin:0 -20px -95px;padding:0 20px 40px;min-height:calc(100vh - 51px);height:100%;background-color:#f3faf6}
.nhasset .challFullWrap .hashWrap span,
.nhasset .challTopWrap .hashWrap span{color:#666}
.nhasset .challNowWrap{position:relative;margin-top:20px;padding:10px 20px 20px 20px;text-align:center;font-size:clamp(17px, 1.7rem, 25.5px);background-color:#fff;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15);border-radius:20px}
.nhasset .challNowWrap strong{font-weight:900}
.nhasset .challNowWrap .deco1, .nhasset .challNowWrap .deco2{z-index:2;position:relative;display:inline-block;margin-left:auto}
.nhasset .challNowWrap .deco1:after, .nhasset .challNowWrap .deco2:after{content:'';position:absolute;bottom:3px;left:-1px;right:-1px;height:6px;z-index:-1;opacity:.3;background-color:#19a647}
.nhasset .challNowWrap .deco2:after{opacity:.12}
.nhasset .challNowWrap .tit.type02 .deco1:after, .nhasset .challNowWrap .tit.type02 .deco2:after{background-color:#ffd800}
.nhasset .challNowWrap .tit.type03 .deco1:after, .nhasset .challNowWrap .tit.type03 .deco2:after{background-color:#ff7800}
.nhasset .challNowWrap .tit.type04 .deco1:after, .nhasset .challNowWrap .tit.type04 .deco2:after{background-color:#ff3b36}
.nhasset .challNowWrap .purposeSignal{position:inherit;left:50%;margin-top:-10px;margin-left:-42px}
.nhasset .grayMemo{position:relative;margin-top:10px;padding:20px 0;font-size:clamp(16px, 1.6rem, 24px);color:#666;border-radius:10px;background-color:#f8f8f8}
.nhasset .grayMemo:before{position:absolute;top:-5px;left:-12px;content:'';width:47px;height:47px;background:url(../images/bg_carbox3_pin.png);background-size:cover}
.nhasset .grayMemo .date{font-weight:900;color:#666}
.nhasset .grayMemo .dataValue{font-weight:900;color:#111}
.nhasset .grayMemo .txt{font-weight:900;color:#111}
.nhasset .emoji01{display:inline-block;margin-top:-4px;margin-left:2px;width:17px;height:17px;background:url('../images/ico_emoji01.png') 0 0 /cover;vertical-align:middle}

/* 목표용 관심사 아이콘 정의 */ 
.nhasset [class*="purposeCate"]{overflow:hidden;display:inline-block;border-radius:50%;background-color:#f2f4f8;text-align:center;vertical-align:middle}
.nhasset [class*="purposeCate"] img{margin-top:4px;vertical-align:middle}
.nhasset .bgGray [class*="purposeCate"]{background-color:#fff}

/* 관심사 */
.nhasset .purposeCateS{width:32px;height:32px}
.nhasset .purposeCateM{width:40px;height:40px}
.nhasset .purposeCateL{width:55px;height:55px}
.nhasset .purposeCateS img,
.nhasset .purposeCateM img,
.nhasset .purposeCateL img{margin-top:0;width:100%;height:100%}

/* 목표등록 */
.nhasset .challTitWrap{display:flex;position:relative;margin:0 -20px;padding:20px 20px 0;font-size:clamp(17px, 1.7rem, 25.5px);font-weight:bold}
.nhasset .challTitWrap:after{position:absolute;top:0;left:0;width:100%;height:130px;content:'';background-color:#f3faf6;z-index:-1}
.nhasset .challTitWrap .tit{position:relative;margin:6px 0 0 6px;width:calc(100% - 40px)}
.nhasset .challTitWrap .tit .subTxt3{display:block;font-weight:normal}
.nhasset .challTitWrap .contBtn02{position:absolute;right:0;top:0}
.nhasset .challengeBox .formWrap{margin-top:20px}
.nhasset .challengeBox .formWrap > ul > li{position:relative;padding:20px 20px 27px;background-color:#fff;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15);border-radius:10px}
.nhasset .challengeBox .formWrap > ul > li{margin-top:15px}
.nhasset .challengeBox li .link.arrGreen{position:absolute;top:16px;right:20px;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .challengeBox li .infoTxt{font-size:clamp(12px, 1.2rem, 18px);margin-top:10px !important}
.nhasset .challengeBox li .formTit{position:relative;margin-top:0;overflow:visible} /* [2021-12-14] 윤지현:금액표시 위치수정 static -> relative */
.nhasset .challengeBox li .errorTxt{bottom:7px}
.nhasset .challengeBox li .infoBox{margin:15px 0 0 !important;padding:15px 18px 17px;border:1px solid #f3f3f3}
.nhasset .challengeBox li .infoBox .tit{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .challengeBox li .infoBox .subTxt3{margin:3px 0 15px}
.nhasset .challengeBox li .infoBox .detailList .tit,.challengeBox li .infoBox .detailList .value{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .challengeBox li .subTxt{position:absolute;top:21px;right:20px;font-size:clamp(13px, 1.3rem, 19.5px);color:#111}
.nhasset .challengeBox .infoBox .detailList > li{margin-top:8px}
.nhasset .challengeBox .infoBox .detailList > li:first-child{margin-top:0}
.nhasset .challengeBox .listNone{margin:20px 0 0}
.nhasset .challengeBox .infoBox.noneBg{margin-top:5px !important;padding:0;background:none;border:none}
.nhasset .challengeBox .infoBox .value .sub{font-size:clamp(12px, 1.2rem, 18px);color:#888;font-weight:normal}
.nhasset .challengeBox .infoBox .totalDate{margin-top:10px;text-align:right;font-size:clamp(13px, 1.3rem, 19.5px);color:#888}
.nhasset .challengeBox .roundBtnWrap a{height:28px;line-height:28px}

.nhasset .postItBg{position:relative;display:flex;flex-direction:column;justify-content:center;margin-top:30px;padding-bottom:5px;height:107px;background:url(../images/bg_postit.png) no-repeat 0 0/100% 100%;text-align:center}
.nhasset .postItBg:before{position:absolute;top:-10px;right:20px;content:'';width:23px;height:33px;background:url(../images/bg_postit_tape.png) no-repeat 0 0/23px 33px}
.nhasset .postItBg .date{font-weight:bold}
.nhasset .postItBg .date strong{color:#19a647}
.nhasset .postItBg .value{margin:3px 0;color:#19a647;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .postItBg .value strong{font-family:'NotoNum';font-size:clamp(19px, 1.9rem, 28.5px);vertical-align:0px}
.nhasset .postItBg .value.default{color:#666}
.nhasset .postItBg .text{font-weight:bold}

/* 목표결과 */
.nhasset .topConfirmArea.confirmMsg.challFinish{padding:30px 0 30px}
.nhasset .topConfirmArea.confirmMsg.challFinish .purposeCateL{display:inline-block;margin-bottom:10px}
.nhasset .topConfirmArea.confirmMsg.challFinish p{font-size:clamp(19px, 1.9rem, 28.5px)}
.nhasset .topConfirmArea.confirmMsg.challFinish p strong{font-weight:900;color:#19a647}
.nhasset .resultList{padding-top:20px;border-top:1px solid #333333}
.nhasset .resultList .detailList li > .tit{flex-shrink:0;min-width:initial} /* [2021-10-14] 윤지현:등록완료 좌측영역 사이즈고정 */
.nhasset .resultList .detailList li .value,.nhasset .resultList .detailList li .value .dataValue{font-weight:bold}
.nhasset .resultList .detailList li .value .subTxt2{margin-bottom:5px}
.nhasset .resultList .infoTxt{margin-top:30px;font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .challFinishBnn{margin:0 -20px 0;padding:30px 20px 40px;border-radius:20px}
.nhasset .challFinishBnn .defSubTit2{margin-bottom:15px}
.nhasset .registBtn.tipView a:before{display:none}

.nhasset .boxTypeWrap.bgf8.active,
.nhasset .swLink .boxTypeWrap.active{border:1px solid #19a647}

.nhasset .bannerSwiperGoal .swiper-slide{padding:0 2px 5px 0;margin-top:16px;width:100%;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .bannerSwiperGoal .swiper-slide > a{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}
.nhasset .bannerSwiperGoal .purposeList{width:100%}
.nhasset .bannerSwiperGoal .swiper-slide{width:81% !important}
/* 여행경비계산하기 */
.nhasset .tourCalcWrap h2{height:210px;margin:0 -20px;line-height:1.3;padding-top:115px;font-size:clamp(19px, 1.9rem, 28.5px);font-weight:normal;background:url(../images/img_tourVisual.png) #ebfbff no-repeat 50% 30px/252px 77px;text-align:center}
.nhasset .calcArea{margin:-15px -20px;padding:30px 20px 0;background:#fff;border-radius:20px 20px 0 0}
.nhasset .calcArea .formWrap{margin-top:0}
.nhasset .calcArea .boxRadio input:checked + label{font-weight:bold}
.nhasset .tourCalcWrap .boxRadio input:checked + label:before{display:none}
.nhasset .tourCalcWrap .areaBodyBtnFull{margin-top:45px}
.nhasset .tourType{margin-top:12px}
.nhasset .tourType .boxRadio input[type="radio"] + label{padding-top:55px;background-repeat:no-repeat;background-position:50% 15px;background-size:61px 38px}
.nhasset .tourType .boxRadio .boxRadioInn:nth-child(1) label{background-image:url(../images/img_tour_type1.png)}
.nhasset .tourType .boxRadio .boxRadioInn:nth-child(2) label{background-image:url(../images/img_tour_type2.png)}
.nhasset .tourType .boxRadio .boxRadioInn:nth-child(3) label{background-image:url(../images/img_tour_type3.png)}
.nhasset .tourGuide{margin:15px 0 0 !important;padding:20px;background-color:#f0f2f4}
.nhasset .tourGuide .toggleBtn{display:block;width:100%;background:url('../images/arr_down02.png') no-repeat 100% 50%/10px 10px}
.nhasset .tourGuide .toggleBtn.active{background-image:url('../images/arr_up02.png')}
.nhasset .tourGuide [class^="wrapTbl"] th, .nhasset .tourGuide [class^="wrapTbl"] td{padding:11px 0;text-align:center;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .tourGuide .infoTxt{color:#888}
.nhasset .tourCalResult{position:relative;margin-top:20px;padding:20px;background-color:#f3faf6;border-radius:2px}
.nhasset .tourCalResult .tooltipCont{left:0}
.nhasset .tourCalResult .value{margin-top:15px;line-height:44px;font-size:clamp(16px, 1.6rem, 24px);color:#19a647;font-weight:900;background-color:#fff;border-radius:2px;text-align:center}

/* .nhasset .tourType{display:flex}
.nhasset .tourType .boxRadio{display:inline-flex}
.nhasset .tourType .boxRadio .boxRadioInn:not(:last-child){margin-right:8px}
 */

.nhasset .selectList li.select{background-color:#f8f8f8}
.nhasset .selectList li.select strong.fwN{color:#666}
.nhasset .selectList .selInfoTxt{padding:16px 0;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .selectList .selInfoTxt:before{content:'';display:inline-block;margin-top:-2px;margin-right:5px;width:16px;height:16px;vertical-align:middle;background:url('../images/ico_info.png') 0 0/cover no-repeat}
.nhasset .selectList li.disabled{background-color:#f8f8f8}
.nhasset .selectList li.disabled strong.fwN{color:#666}
.nhasset .selectList .wrapTag{margin-top:6px}

/* 연결계좌 삭제버튼 */
.nhasset .btnAccDel{position:absolute;top:22px;right:0;width:15px;height:15px;background:url('../images/btn_accDel.png') no-repeat right top;background-size:11px 11px}
.nhasset .formTit .contBtn01, .nhasset .formTit .contBtn02{float:right;margin-top:-3px}
.nhasset .formTit .contBtn01{padding:1px 6px 2px;min-width:50px;text-align:center;border-radius:16px;background-color:#fff;line-height:1.95}

/******************************
 * My 페이지
 ******************************/
/* My피드 아이콘 */
.nhasset [class*="icoFeed"]{display:inline-block;width:22px;height:20px;margin-right:10px}
.nhasset [class*="icoFeed"] .img{display:inline-block;width:100%;height:100%}
.nhasset [class*="icoFeed"] .img img{display:inline-block;width:100%}

/* 메인 */
.nhasset .myTopConnect .inner{margin:0 -20px;padding:0 20px;background:#fff}
.nhasset .myTopConnect .totalBalance{margin-top:0;padding:10px 0 30px}
.nhasset .myTopConnect .totalBalance .highlight{color:#111;font-weight:normal}
.nhasset .setBtnWrap{padding-top:18px;text-align:right}
.nhasset .btnConnect,.nhasset .btnSetup{margin-left:12px;padding-left:22px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;background-position:0 50%;background-repeat:no-repeat}
.nhasset .btnConnect{right:55px;background-image:url(../images/ico_plusAsset.png);background-size:17px 16px}
.nhasset .btnSetup{right:0;background-image:url(../images/ico_set.png);background-size:16px 17px}
.nhasset .myTopConnect .toggleWrap{margin:0 -20px}
.nhasset .myTopConnect .toggleCont{padding:0 20px 30px;background-color:#fff}
.nhasset .myTopConnect .toggleCont .inBannerWarp{margin:0 0 10px}
.nhasset .myTopConnect .toggleBtn{display:block;width:100%;line-height:50px;text-align:center;background-color:#fff;border-top:1px solid #e1e1e1;box-shadow:0px 4px 6px 0px rgb(75 86 98 / 14%);border-radius:0 0 20px 20px;overflow:hidden}
.nhasset .myTopConnect .toggleBtn .blind{position:static !important;top:auto !important;width:auto !important;height:auto !important;font-size:clamp(14px, 1.4rem, 21px) !important;line-height:auto !important;color:#111 !important;opacity:1 !important;margin:0}
.nhasset .myTopConnect .toggleBtn:after{display:inline-block;width:10px;height:10px;margin-left:10px;content:'';background:url(../images/arr_down02.png) no-repeat 0 0;background-size:cover;vertical-align:middlem}
.nhasset .myTopConnect .toggleBtn.active:after{background-image:url(../images/arr_up02.png)}
.nhasset .myTopConnect .toggleBtn.active .blind{position:absolute !important;top:0 !important;width:1px !important;height:1px !important;font-size:1px !important;line-height:0 !important;color:transparent !important;opacity:0 !important;overflow:hidden !important;clip:rect(0 0 0 0);margin:-1px}
.nhasset .myTopConnect .quickLink{display:flex}
.nhasset .myTopConnect .quickLink .hanaro{flex:1;height:190px;padding:30px 0 0;background:#f0f2f4;border-radius:10px;text-align:center}
.nhasset .myTopConnect .quickLink .hanaro a.underLine{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .myTopConnect .quickLink .gradePointWrap{margin-top:10px;padding:0;background:none}
.nhasset .myTopConnect .quickLink .gradePointWrap [class*="gradeB"]{position:relative;margin-top:0;padding-top:55px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .myTopConnect .quickLink .gradePointWrap .gradeB1{color:#666}
.nhasset .myTopConnect .quickLink .gradePointWrap .gradeB2{color:#2988c7}
.nhasset .myTopConnect .quickLink .gradePointWrap .gradeB3{color:#19a647}
.nhasset .myTopConnect .quickLink .gradePointWrap .gradeB4{color:#e4595b}
.nhasset .myTopConnect .quickLink .gradePointWrap .gradeB5{color:#dda138}
.nhasset .myTopConnect .quickLink .gradePointWrap .gradeB6{color:#7a51e3}
.nhasset .myTopConnect .quickLink .gradePointWrap .defTit{margin-bottom:5px}
.nhasset .myTopConnect .quickLink .gradePointWrap .defTit .posA[class*="gradeB"]:after{top:0;left:50%;right:0;margin-top:0;margin-left:-27.5px}
.nhasset .myTopConnect .quickLink ul{display:flex;flex:2;margin-left:10px;flex-flow:row wrap}
.nhasset .myTopConnect .quickLink li{flex-basis:50%;height:90px}
.nhasset .myTopConnect .quickLink li:nth-child(1),.nhasset .myTopConnect .quickLink li:nth-child(3){padding-right:5px}
.nhasset .myTopConnect .quickLink li:nth-child(2),.nhasset .myTopConnect .quickLink li:nth-child(4){padding-left:5px}
.nhasset .myTopConnect .quickLink li:nth-child(3),.nhasset .myTopConnect .quickLink li:nth-child(4){margin-top:10px}
.nhasset .myTopConnect .quickLink li a{display:block;height:100%;padding-top:60px;font-size:clamp(13px, 1.3rem, 19.5px);background-size:32px 32px;background-repeat:no-repeat;background-position:50% 17px;border-radius:10px;text-align:center}
.nhasset .myTopConnect .quickLink li:nth-child(1) a{color:#345df8;background-image:url(../images/my_quick_icon01.png);background-color:#bbd8fe}
.nhasset .myTopConnect .quickLink li:nth-child(2) a{color:#009530;background-image:url(../images/my_quick_icon02.png);background-color:#ccedd7}
.nhasset .myTopConnect .quickLink li:nth-child(3) a{color:#8b26e4;background-image:url(../images/my_quick_icon03.png);background-color:#dfc3ff}
.nhasset .myTopConnect .quickLink li:nth-child(4) a{color:#d82020;background-image:url(../images/my_quick_icon04.png);background-color:#ffb5b1}

.nhasset .myFeed{display:flex;justify-content:space-between;margin-top:25px;padding:13px 15px;background:#fff;border-radius:10px;box-shadow:0px 0px 6.3px 2.7px rgba(75, 86, 98, 0.14)}
.nhasset .myFeed .tit{color:#19a647;font-weight:bold}
.nhasset .myFeed .tit .icoFeed{margin-right:3px;vertical-align:-5px}
/* .nhasset .feedList .date{margin-top:20px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666} */
.nhasset .feedList li{margin-top:15px}
.nhasset .feedList li a{display:block;padding:13px 15px;background:#fff;border-radius:10px;box-shadow:0px 0px 6.3px 2.7px rgba(75, 86, 98, 0.14);border:1px solid #fff}
.nhasset .feedList li .txt{margin-top:7px;padding-left:32px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .feedList li .tit{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nhasset .feedList li .tit [class*="icoFeed"]{margin-right:10px;vertical-align:top}
.nhasset .feedList li a.active{background:#daeae2;border-color:#19a647}

.nhasset .myFeedEmpty{padding-top:65px;margin-top:39px;background:url(../images/img_feed_empty.png) no-repeat 50% 0 / 48px 48px;text-align:center}
.nhasset .myFeedEmpty .txt{font-size:clamp(14px, 1.4rem, 21px);color:#666}

/* .nhasset .btmInfoTxt{margin-top:30px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;text-align:center} */
.nhasset .goTopBtn,
.nhasset .goTopBtn2{position:fixed;bottom:60px;right:20px;width:47px;height:47px;background:url(../images/btn_top.png) no-repeat;background-size:cover;z-index:1190}

.nhasset .popCont .selectList .icoFeed{width:32px;height:32px;padding-top:5px;border:1px solid #f3f3f3;border-radius:16px;text-align:center;vertical-align:-3px}
.nhasset .popCont .selectList .icoFeed .img{width:22px;height:20px}

/* 자산진단 */
.nhasset .totalBalance .hashWrap span{position:relative;display:inline-block;margin:5px 5px 5px 0;font-size:clamp(12px, 1.2rem, 18px);color:#666;line-height:auto;background:#f8f8f8;border-radius:5px;padding:2px 10px} /* 한은정 :폰트 컬러수정 */
.nhasset .totalBalance .hashWrap span:nth-child(3n-1){background:#f2f4f8}
.nhasset .totalBalance .hashWrap span:nth-child(3n){background:#f3f0ee}
/*.nhasset .totalBalance .hashWrap span:after{position:absolute;bottom:4px;left:0;width:100%;height:6px;content:'';background-color:#19a647;opacity:0.12;z-index:0}
*/
.nhasset .grayRadiusBg{margin:30px -20px 25px;padding:29px 20px;background-color:#f0f2f4;border-radius:20px}
.nhasset .selecArea{padding:14px 15px;background-color:#fff;border-radius:10px}
.nhasset .selecArea .inArea{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.nhasset .selecArea .tgBtnWrap{margin-top:0}

.nhasset .selecArea + .defSubTit3, .nhasset .compareGraph + .defSubTit3{margin-top:20px}
.nhasset .compareGraph{position:relative;margin-top:10px;padding-bottom:15px;border:1px solid #e1e1e1;;background:#fff;border-radius:10px}
.nhasset .compareGraph .posA{position:absolute;top:10px;right:10px;width:100%;text-align:right}
.nhasset .compareGraph .posA .tooltipCont{left:9px}
.nhasset .compareGraph .tit{padding:17px 10px;font-size:clamp(15px, 1.5rem, 22.5px);text-align:center;border-radius:10px 10px 0 0}
.nhasset .compareGraph.type01 .tit{background-color:#f0f6ff}
.nhasset .compareGraph.type01 .tit strong{color:#3961ff}
.nhasset .compareGraph.type02 .tit{background-color:#fff0f0}
.nhasset .compareGraph.type02 .tit strong{color:#ff7800}
.nhasset .compareGraph.type03 .tit{background-color:#dff2e5}
.nhasset .compareGraph.type03 .tit strong{color:#19a647}
.nhasset .compareGraph.type04 .tit{background-color:#f3eeff}
.nhasset .compareGraph.type04 .tit strong{color:#7a51e3}
.nhasset .compareGraph.type05 .tit{background-color:#e9eef4}
.nhasset .compareGraph.type05.colorB strong{color:#3961ff}
.nhasset .compareGraph.type05.colorG strong{color:#19a647}
.nhasset .compareGraph.type05.colorO strong{color:#ff7800}
.nhasset .compareGraph.type05.colorR strong{color:#f44743}
.nhasset .compareGraph.type06 .tit{background-color:#f0f6ff}
.nhasset .compareGraph.type06 .tit strong{color:#369bff}
.nhasset .compareGraph.type07 .tit{background-color:#f0f6ff}
.nhasset .compareGraph.type07 .tit strong{color:#369bff}

.nhasset .sub_type01 .tit{color:#666}
.nhasset .sub_type01 .tit strong{color:#111}

.nhasset .compareGraph.type05 .graphWrap{padding:45px 18px 0 32px}
.nhasset .compareGraph.type05 .graphWrap .graphBg{position:relative;height:72px;padding:10px;border:1px solid #cbd3dc;border-radius:5px}
.nhasset .compareGraph.type05 .graphWrap .graphBg:before{position:absolute;top:50%;left:-16px;content:'';width:11px;height:50px;margin-top:-25px;background-color:#cbd3dc;border-radius:5px 0 0 5px}
.nhasset .compareGraph.type05 .graphWrap .bar{position:relative;width:100%;height:100%;background:linear-gradient(90deg, rgba(38,116,200,1) 0%, rgba(38,116,200,1) 50%, rgba(60,182,46,1) 60%, rgba(237,219,1,1) 82%, rgba(255,180,14,1) 90%, rgba(244,74,65,1) 100%)}
.nhasset .compareGraph.type05 .graphWrap .bar .value{position:absolute;top:0;left:0;height:100%;background-color:#e9eef4}
.nhasset .compareGraph.type05 .graphWrap .bar .valueTxt{position:absolute;top:-37px;left:-10px;font-weight:900}
.nhasset .compareGraph.type05 .graphWrap .flag .tag{position:absolute;top:-37px;width:28px;margin-left:-14px;padding:0;background-color:#fff}
.nhasset .compareGraph.type05 .graphWrap .flag .tag:after{position:absolute;top:100%;left:50%;width:1px;margin:3px 0;content:'';height:63px;border-left:1px dashed #555}
.nhasset .compareGraph.type05 .graphWrap .flag .tag.type01{left:50%;color:#3961ff;background-color:#e7ecff;border:none}
.nhasset .compareGraph.type05 .graphWrap .flag .tag.type02{left:75%;color:#19a647;background-color:#e3f4e9;border:none}
.nhasset .compareGraph.type05 .graphWrap .flag .tag.type03{left:90%;color:#ff7800;background-color:#ffefe0;border:none}
.nhasset .compareGraph.type05 .graphWrap .flag .tag.type04{right:-20px;color:#f44743;background-color:#fee9e8;border:none}
.nhasset .compareGraph.type05 .graphWrap .flag .tag.type04:after{display:none}
.nhasset .compareGraph.type05 .graphWrap .graphTxt{margin-top:10px;text-align:center}
.nhasset .compareGraph.type05 .graphWrap .graphTxt p{display:inline-block;color:#666;vertical-align:middle}
.nhasset .compareGraph.type05 .graphWrap .graphTxt p:first-child:after{display:inline-block;width:1px;height:14px;content:'';margin:0 14px;background-color:#e1e1e1;vertical-align:middle}
.nhasset .compareGraph.type05 .graphWrap .graphTxt p strong{display:inline-block;margin-left:5px;color:#111;vertical-align:top}

.nhasset .type05 .graphTxt{background:#f9f9f9;border-radius:5px;padding:20px}
.nhasset .type05 .graphTxt p:first-child{margin-bottom:10px}
.nhasset .type05 .graphTxt strong{float:right}
.nhasset .type05 .graphTxt .sub{color:#666}
.nhasset .type05 .graphTxt em{font-weight:bold;font-size:clamp(14px, 1.4rem, 21px)}

.nhasset .compareGraph.type06 .linkTxt{margin-right:15px}

.nhasset .lifestyle{margin-top:30px}
.nhasset .lifestyle .tipTxt{display:inline-block;padding:0 11px;line-height:28px;font-size:clamp(13px, 1.3rem, 19.5px);color:#fff;font-weight:normal;background-color:#19a647;border-radius:14px}
.nhasset .lifestyle .tipTxt strong{font-weight:bold}
.nhasset .lifestyle .graBox{position:relative;padding-top:185px;background-repeat:no-repeat;background-position:50% top;background-size:320px 185px}
.nhasset .lifestyle .graBox.type01{background-image:url(../images/img_lifestyle01.png)}
.nhasset .lifestyle .graBox.type02{background-image:url(../images/img_lifestyle02.png)}
.nhasset .lifestyle .graBox.type03{background-image:url(../images/img_lifestyle03.png)}
.nhasset .lifestyle .graBox.type04{background-image:url(../images/img_lifestyle04.png)}
.nhasset .lifestyle .graBox.type05{background-image:url(../images/img_lifestyle05.png)}
.nhasset .lifestyle .graBox.type06{background-image:url(../images/img_lifestyle06.png)}
.nhasset .lifestyle .graBox .boxInn{padding:20px 20px 20px 25px;border-radius:10px;background-color:#fff;box-shadow:0px 0px 10px 0.6px rgba(63, 80, 96, 0.15)}
.nhasset .lifestyle .graBox .keyword{margin-bottom:12px;font-size:clamp(15px, 1.5rem, 22.5px);color:#19a647}
.nhasset .lifestyle .graBox .hashWrap li{margin:0 0 5px 0}
/*.nhasset .lifestyle .graBox .hashWrap span{font-size:clamp(13px, 1.3rem, 19.5px);color:#666;background:none;border:1px solid #e1e1e1}*/
.nhasset .lifestyle .graBox .hashWrap span{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .keywordList li{margin-top:10px;padding-left:10px;background:url(../images/ico_dot.png) no-repeat 0 10px/3px 3px;color:#666}
.nhasset .speechBox .keywordList li{margin-top:10px;color:#666;padding-left:0;background:none !important}
.nhasset .speechBox .keywordList li:last-child{margin-top:0px !important}
.nhasset .recommend .defSubTit2{margin-bottom:20px}
.nhasset .recommend .roundChkWrap{margin-bottom:5px}
.nhasset .recommend .roundChk input[type="radio"] + label, .nhasset .recommend .roundChk input[type="checkbox"] + label{height:28px;line-height:28px}
/* .nhasset .recommend .prodListWrap li{overflow:hidden} */
.nhasset .recommend .prodListWrap .prodRecomWrap:before, .nhasset .recommend .prodListWrap .prodRecomWrap:after{background:#fff}

/* 금액 더하기 버튼 */
.nhasset .inputList + .roundBtnWrap{margin-top:10px}
.nhasset .roundBtnWrap{display:flex;margin:0 -3px}
.nhasset .roundBtnWrap a{position:relative;flex:auto;margin:0 3px;line-height:2.1;font-size:clamp(12px, 1.2rem, 18px);color:#666;text-align:center;background-color:#f8f8f8;border-radius:20px;padding:0 5px} /* [2022-10-21] 사보현 :flex:auto로 수정 */
.nhasset .roundBtnWrap a:after{position:absolute;left:0;top:0;content:'';width:100%;height:100%;border:1px solid #f8f8f8;border-radius:20px} 
.nhasset .roundBtnWrap a.active,.nhasset .roundBtnWrap a:active{color:#fff;background-color:#19a647}
.nhasset .roundBtnWrap a.active:after,.nhasset .roundBtnWrap a:active:after{border:2px solid #19a647} 

.nhasset .inputList + .roundBtnWrap a{padding:0}/*목표 체크 금액이 넓어져서 11.01 추가*/
.nhasset .roundBtnWrap + .errorTxt{position:relative;margin-top:8px}

/* 예상연금계산기 */
.nhasset .pensionCalc{padding:0 20px}
.nhasset .pensionCalc .formWrap{margin-top:0}
.nhasset .pensionCalc .formWrap .unitFront input[type="tel"]{padding-left:22px}
.nhasset .pensionCalc .formTit{letter-spacing:-0.01em}
/* .nhasset .pensionCalc .formWrap .unitF{position:absolute;left:0px;top:0;height:40px;line-height:40px;padding:0;font-size:clamp(14px, 1.4rem, 21px)} */
.nhasset .pensionCalc .rangeWrap{margin-top:17px}
.nhasset .pensionCalc .rangeWrap .value{margin-bottom:15px;text-align:center}
.nhasset .pensionCalc .rangeWrap .value, .nhasset .pensionCalc .rangeWrap .value strong{font-size:clamp(24px, 2.4rem, 36px);font-weight:900}

.nhasset .rangeWrap .rangeBg{padding:0 30px;background-color:#e9eef4;border-radius:4px}
.nhasset .rangeWrap .slider-range-min{position:relative;width:100%;height:8px;background-color:#e9eef4;border-radius:4px}
.nhasset .rangeWrap .ui-slider-handle{position:absolute;width:22px;height:22px;top:-7px;margin-left:-10px;background-color:#fff;border:1px solid #e1e1e1;border-radius:11px;box-shadow:0px 0px 4.1px 0.9px rgba(21, 22, 23, 0.09);cursor:default;z-index:2}
.nhasset .rangeWrap .ui-slider-range{position:absolute;height:100%;display:block;background:linear-gradient(90deg, rgba(38,221,193,1) 0%, rgba(25,166,71,1) 100%);border:0;border-radius:4px;z-index:1}
.nhasset .labelWrap span{position:absolute;bottom:-22px;font-size:clamp(10px, 1rem, 15px);color:#666;background-color:#fff;z-index:10;text-align:center;transform:translateX(-50%)}
.nhasset .labelWrap span:nth-child(1){left:0}
.nhasset .labelWrap span:nth-child(2){left:25%}
.nhasset .labelWrap span:nth-child(3){left:50%}
.nhasset .labelWrap span:nth-child(4){left:75%}
.nhasset .labelWrap span:nth-child(5){left:100%;width:56px}
.nhasset .labelWrap span:after{position:absolute;top:-15px;left:50%;width:1px;height:8px;content:'';background-color:#fff;z-index:10}

.nhasset .rangeWrap.type02{margin-bottom:52px;padding:0 10px}
.nhasset .rangeWrap.type02 .rangeBg{padding:0;background-color:#e9eef4;border-radius:4px}
.nhasset .rangeWrap.type02 .slider-range-min{position:relative;width:100%;height:5px;background-color:#e9eef4;border-radius:2px}
.nhasset .rangeWrap.type02 .ui-slider-handle{position:absolute;width:22px;height:22px;top:-7px;margin-left:-10px;background-color:#fff;border:2px solid #19a647;border-radius:11px;box-shadow:0px 0px 4.1px 0.9px rgba(21, 22, 23, 0.09);cursor:default;z-index:2}
.nhasset .rangeWrap.type02 .ui-slider-handle .rangeSum{width:40px;text-align:center;position:absolute;top:20px;left:-10px;font-size:12px;color:#19a647}
.nhasset .rangeWrap.type02 .ui-slider-range{position:absolute;height:100%;display:block;background:#19a647;border:0;border-radius:4px;z-index:1}


.pensionResult{margin-top:20px;padding:20px 15px;background-color:#f3faf6;border-radius:2px}
.pensionResult dl{display:flex;justify-content:space-between;align-items:center}
/*.pensionResult dt{padding-left:23px;font-weight:bold;background:url(../images/ico_coin.png) no-repeat 0 100%/17px 17px}*/
.pensionResult dt{padding-left:23px;font-weight:bold;background:url(../images/ico_n_coin.png) no-repeat 0 3px/14px 17px}
.pensionResult dd{font-size:clamp(16px, 1.6rem, 24px);color:#19a647;font-weight:900}

.contentWrap{text-align:center}
.bigNumList li{margin-top:54px}
.bigNumList li:nth-child(1){margin-top:40px}
.bigNumList .num{display:inline-block;width:32px;height:32px;background-color:#369bff;border-radius:50%;line-height:32px;font-weight:600;font-size:clamp(14px, 1.4rem, 21px);color:#fff}
.bigNumList li:nth-child(1) .num{background-color:#369bff}
.bigNumList li:nth-child(2) .num{background-color:#19a647}
.bigNumList li:nth-child(3) .num{background-color:#7d36ff}
.bigNumList li:nth-child(4) .num{background-color:#666}

.bigNumList h2{margin-top:10px;font-size:clamp(17px, 1.7rem, 25.5px);font-weight:600;line-height:23px}
.bigNumList p{margin-top:3px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.bigNumList img{width:100%;max-width:320px}

.vipPlan .subTxt{display:block;font-size:clamp(13px, 1.3rem, 19.5px);color:#111;margin-bottom:5px}
.vipPlan .mainTxt{font-size:clamp(12px, 1.2rem, 18px);word-break:keep-all;color:#666;margin-top:7px}
.vipPlan .linkTxt{margin-top:10px}
.vipPlan{background:url('../images/ico_vipload_02.png')no-repeat right center;background-size:94px auto;padding-right:94px}
.vipPlan.load{background:url('../images/ico_vipload_01.png')no-repeat right center;background-size:auto 61px;padding-right:70px}

.nhasset .tabWrap.type04 ul{display:flex;margin-bottom:10px}
.nhasset .tabWrap.type04 a{display:inline-block;position:relative;margin-right:6px;width:uto;padding:0 10px;height:28px;line-height:28px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;text-align:center;background-color:#fff;border-radius:20px}
.nhasset .tabWrap.type04 a:after{position:absolute;left:0;top:0;content:'';width:100%;height:100%;border:1px solid #e1e1e1;border-radius:20px} 
.nhasset .tabWrap.type04 a.active{color:#19a647}
.nhasset .tabWrap.type04 a.active:after{border:2px solid #19a647} 
.nhasset .tabContWrap.type04 .prodListWrap .inBannerWarp{margin-top:0}

.nhasset .tabWrap.type05{padding:20px 0}
.nhasset .tabWrap.type05 ul{display:flex;align-content:center;justify-content:space-between;background:#f8f8f8;border-radius:40px;padding:2px;border:1px solid #ebebeb}
.nhasset .tabWrap.type05 ul li{text-align:center;width:100%}
.nhasset .tabWrap.type05 a{display:inline-block;position:relative;width:100%;padding:0 10px;height:38px;line-height:38px;font-size:clamp(13px, 1.3rem, 19.5px);color:#222;text-align:center}
.nhasset .tabWrap.type05 a:after{position:absolute;left:0;top:0;content:'';width:100%;height:100%} 
.nhasset .tabWrap.type05 a.active{color:#fff;background:#19a647;border-radius:40px}

.nhasset .scAreaWrap{overflow-x:scroll;margin-top:10px;padding:10px 0;position:relative;margin-right:-10px;-webkit-overflow-scrolling:touch}
.nhasset .scAreaWrap::-webkit-scrollbar{display:none}
.nhasset .tabWrap.type06 .scAreaWrap ul{display:flex;-webkit-transform:translateZ(0)}
.nhasset .tabWrap.type06 .scAreaWrap ul > li{margin-right:5px}
.nhasset .tabWrap.type06 .scAreaWrap ul > li > a{font-size:clamp(12px,1.2rem,18px);white-space:nowrap;border:solid 1px #ebebec;background-color:#fff;border-radius:24px;padding:0px 10px;line-height:1.85;display:block;color:#999}
.nhasset .tabWrap.type06 .scAreaWrap ul > li > a.active{border-color:#19a647;background-color:#19a647;color:#fff}

.nhasset .tabWrap.type07{}
.nhasset .tabWrap.type07 ul{display:flex}
.nhasset .tabWrap.type07 ul > li{display:inline-block}
.nhasset .tabWrap.type07 ul > li > a{display:block;border:solid 1px #ebebeb;background-color:#f8f8f8;font-size:clamp(12px,1.2rem,18px);padding:4px 12px;border-radius:3px;position:relative}
.nhasset .tabWrap.type07 ul > li > a.active{border-color:#19a647;background-color:#19a647;color:#fff;z-index:2;margin:0 -5px}
.nhasset .tabWrap.type07 ul > li:first-child > a.active{margin-left:0}

.nhasset .boxTypeWrap .tabWrap.type08{margin-top:8px}
.nhasset .tabWrap.type08 > ul{display:flex}
.nhasset .tabWrap.type08 > ul > li{flex:1}
.nhasset .tabWrap.type08 > ul > li a{display:block;text-align:center;background-color:#f8f8f8;border:solid 1px #ebebeb;line-height:46px;border-radius:6px;position:relative}
.nhasset .tabWrap.type08 > ul > li a.active{background-color:#19a647;border-color:#19a647;color:#fff;font-weight:900;margin-right:-6px;margin-left:-6px;z-index:1}
.nhasset .tabWrap.type08 > ul > li:first-child a.active{margin-left:0}
.nhasset .tabWrap.type08 > ul > li:last-child a.active{margin-right:0}

/*.nhasset .tabWrap.type08 li{width:50%;position:absolute;z-index:1;float:left;line-height:44px;border:1px solid #ebebeb;background:#f8f8f8;text-align:center;margin-left:-1px;margin-top:-1px;border-radius:5px}
.nhasset .tabWrap.type08 li.active{left:10px;border-color:#19a647;background-color:#19a647;color:white !important;font-weight:bold;z-index:2}
.nhasset .tabWrap.type08 li a{display:inline-block;width:100%;height:100%}
.nhasset .tabWrap.type08:after{content:'';display:block;clear:both}*/

.moreTopInfo{margin-top:25px;background:url('../images/img_more_top.png') right center/53px 60px no-repeat}
.moreTopInfo .moreName{padding-right:100px;font-weight:normal;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moreTopInfo .moreTotal{margin-top:5px;font-weight:900;font-size:clamp(19px, 1.9rem, 28.5px)}
.moreListTit{font-size:clamp(16px, 1.6rem, 24px);background-color:#f8f8f8;margin:0 -20px;padding:15px 20px 18px 20px}
.moreListTit+.popIRP.openType{margin-top:12px}

/* push알림 */
.nhasset .pushTitWrap{ background-color:#f0fbf7;width:auto;margin:-20px -20px 0;padding:20px 20px 20px;border-top-left-radius:10px;border-top-right-radius:10px}
.nhasset .pushTitWrap h2{font-weight:700;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .disAgree.psSt{border-top:none !important}
.nhasset .psSt{padding:0 !important;margin-bottom:10px}
.nhasset .pushInfo{margin-top:20px;background-color:#f8f8f8;border-radius:6px;padding:24px 20px}
.nhasset .pushInfo li{color:#666;font-size:clamp(12px, 1.2rem, 18px) !important}
.nhasset .pushInfo li + li{margin-top:12px}
.nhasset .pushInfo li span{color:#666;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .pushSet h2{margin-top:20px;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .pushSet li{margin-top:13px}
.nhasset .pushSet li .flex,
.nhasset .pushSet li .flex02{display:flex;justify-content:space-between;margin:20px 0}
.nhasset .pushSet li .tit{color:#111;text-align:left; font-weight:bold;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .pushSet li .value{font-weight:bold;text-align:right;color:#888;font-size:clamp(16px, 1.6rem, 24px);flex-shrink:0}
.nhasset .pushSet li .formArray{margin-top:10px}
.nhasset .disAgree.psSt{margin-top:10px}
.nhasset .pushSet .disAgree,
.nhasset .disAgree.psSt{margin-top:8px;padding-top:20px;border-top:1px solid #e1e1e1}
.nhasset .pushSet .disAgree .inner,
.nhasset .disAgree.psSt .inner{padding:32px 20px 27px;background:#f8f8f8;border-radius:6px}
.nhasset .pushSet .disAgree .txt,
.nhasset .disAgree.psSt .tit{font-size:clamp(13px, 1.3rem, 19px)}
.nhasset .disAgree.psSt .txt{color:#666;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .disAgree .disAgreeCheck{display:flex;justify-content: space-between;}
.nhasset .disAgree .disAgreeCheck .formWrap{margin: 0px;}
.nhasset .disAgree .disAgreeCheck .formWrap .check{width:auto}
.nhasset .disAgree .dotList{margin-top:23px}
.nhasset .disAgree .dotList li{position:relative;padding-left:8px}
.nhasset .disAgree .dotList li::before{position:absolute;left:0;margin-top:10px; content:'';display:inline-block;width:2px;height:2px;background-color:#888}
.nhasset .pushSet .disAgree em.txt{display:block;color:#111}
.nhasset .pushSet .disAgree .chkRadio label{margin-left:3px}
.nhasset .pushSet .disAgree .box{margin:16px 0 14px;padding:15px 14px;color:#666;background:#fff;border:1px solid #f3f3f3}
.nhasset .pushSet .disAgree .box .pushInfo{margin-top:10px}
.nhasset .pushSet .disAgree .box .pushInfo li .fcDark{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .pushSet .pushAgreeChk{display:flex;justify-content:space-between;margin-top:8px;align-items:center}
.nhasset .pushSet .pushAgreeChk .chkRadio{flex-shrink:0;width:70px;text-align:right}

.nhasset .assetTotalList{padding:0}
.nhasset .assetTotalList.ty02 .tSaddTxt .stockTit{font-weight:600;color:#111}
.nhasset .assetTotalList.ty02 .tSaddTxt + .asListWrap{padding-bottom:20px}
.nhasset .assetTotalList.ty02 .tSaddTxt + .asListWrap:not(:last-child){border-bottom:solid 1px #ebebeb}
.nhasset .tgBtnType2.small24 label{width:54px;height:24px}
.nhasset .tgBtnType2.small24 label:before{width:18px;height:18px}
.nhasset .pushSelList li{display:flex;justify-content:space-between;margin:18px 0;overflow:hidden}
.nhasset .pushSelList li:not(:first-child){align-items:center}
.nhasset .pushSelList li:first-child{border-bottom:1px solid #ebebeb;padding-bottom:18px;margin-top:0;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .pushSelList li:nth-child(2){padding-top:6px}
.nhasset .pushSelList li:last-child{margin-bottom:5px}
.nhasset .pushSelList li .title{color:#111;font-weight:bold}
.nhasset .pushSelList li .title .linkTxt3{margin-top:0;padding-left:10px}
.nhasset .pushSelList li .title,
.nhasset .pushSelList li .chkBox{display:inline-block}
.nhasset .pushSelList li .chkBox{height:24px}
.nhasset .pushSelList .title .linkTxt3{margin-top:0;margin-left:10px}

.nhasset .listNoneImgWrap.pushBg{margin-top:28px;border-radius:6px;background:#f8f8f8 url('../images/push_img.png') center bottom no-repeat;background-size:222.5px auto;padding-top:30px;padding-bottom:240px;text-align:center}
.nhasset .listNoneImgWrap.pushBg .title{font-size:clamp(16px,1.6rem, 24px);color:#111;font-weight:900}
.nhasset .listNoneImgWrap.pushBg .subTxt{font-size:clamp(12px, 1.2rem, 18px);margin-bottom:36px}
.nhasset .btnBodyLine.h54{height:54px;border-color:#999;line-height:50px;font-size:clamp(16px, 1.6rem, 24px);border-radius:6px} /* push관리(MSST4120)에서만 사용, 포커스 스크립트 물려있음 */
.nhasset .formWrap.ipt2{display:flex;margin-top:28px}
.nhasset .formWrap.ipt2 .inputList{flex:1 !important}
.nhasset .formWrap.ipt2 .inputList:nth-child(2){margin-left:8px}
.nhasset .formWrap.ipt2 .selectValue{white-space:nowrap}
.nhasset .standTime{margin-top:30px;color:#666;border-bottom:1px solid #ebebeb;padding-bottom:12px}
.nhasset .formListBox02.mtst{margin-top:-20px}
.nhasset .formListBox02 .boxRadio.rdo3{display:flex;flex-wrap:wrap}
.nhasset .formListBox02 .boxRadio.rdo3 .boxRadioInn{display:flex;width:calc(100% /3);padding-bottom:8px;padding-left:8px}
.nhasset .formListBox02 .boxRadio.rdo3 .boxRadioInn:nth-child(3n + 1){padding-left:0}
.nhasset .formListBox02 .boxRadio.rdo3 .boxRadioInn span{width:100%}
.nhasset .pushCon{padding:66px 17px 20px 17px;margin-top:-10px}
.nhasset .formListBox02 .boxRadio.rdo3 input:checked + label{white-space:nowrap} /*12.30 글자 두줄 현상 수정*/
/* .nhasset .pushSet .timeLineWrap>ul>li:before{top:22px;bottom:-13px} */
/* .nhasset .assetTotalList .totalTit:before{content:none} */
.nhasset .psBookmark{display:inline-block;background:url('../images/ico_bookmark_disable.png')no-repeat center;background-size:auto 15px;width:15.5px;height:15px;margin-left:3px;flex:0 0 15px;transform: translate(0,2px);}/*margin-left:7px*/
.nhasset .explainTxt.psAssetSt{padding-right:20px}
.nhasset .billLisMenu.psAtSt{background-color:#f2f4f8;margin:0 -16px;padding:0 16px}
.nhasset .billLisMenu.psAtSt.likeSticky{width:100%;z-index:10}
.nhasset .billLisMenu.psAtSt  > ul > li > a.btnBillMenu{background-color:#fff}
.nhasset .bgWhite.likeSticky{background-color:#fff} /*12.28 설정 자산 사용 관리 네비게이션 배경 색 추가*/

.nhasset .togTit.fo16{font-weight:900}
/* .nhasset .togTit.fo16 + ul li{margin-bottom:20px} */ /* [2023-01-06] 사보현 :여백삭제 */
.nhasset .togTit.fo16 + ul li:last-child{margin-bottom:0}
.nhasset .psAssetList{border-top:1px solid #ebebeb}
.nhasset .psAssetList li{position:relative;padding:19px 0;margin:0 19px}
.nhasset .psAssetList li .assetSelectGroup{padding:0 !important}
.nhasset .psAssetList li:not(:first-child){border-top:1px solid #ebebeb}
.nhasset .psAssetList li .subject input[type='checkbox'] + label .title{display:flex;justify-content:space-between;width:calc(100% - 39px);width:-webkit-calc(100% - 39px)}
.nhasset .psAssetList li .subject .acctNum{display:block;color:#999;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .psAssetList li .subject input[type='checkbox'] + label + .BookmarkBtn{position:absolute;right:0;top:18px;padding:2px 0 2px 5px}
.nhasset .psAssetList li .subject input[type='checkbox'] + label + .BookmarkBtn .listBookmark{display:inline-block;background:url('../images/ico_bookmark_disable.png')no-repeat center center;background-size:auto 18px;width:18.5px;height:18px;flex:0 0 15px}
.nhasset .psAssetList li .subject input[type='checkbox'] + label + .BookmarkBtn .listBookmark.active{display:inline-block;background:url('../images/ico_bookmark_able.png')no-repeat center center;background-size:auto 18px;width:18.5px;height:18px;flex:0 0 15px}
.nhasset .psAssetList li .subject input[type='checkbox'] + label ~ .BookmarkBtn .listBookmark:before {content:'';display:block;position:absolute;margin:-15px;width:50px;height:50px;} /* [MD2406_040] 클릭영역확대 */
.nhasset .psAssetList li .subject .totalAmnt{text-align:right}
.nhasset .psAssetList li .subject .totalAmnt .won{color:#111;font-weight:bold;z-index:1}
.nhasset .psAssetList .icoEtcEmpty:before{margin:0;vertical-align:middle}
.nhasset .psAssetList input[type="checkbox"] + label{width:calc(100% - 30px);width:-webkit-calc(100% - 30px)}
.nhasset .areaBodyBtnFull.psbtn2{display:flex}
.nhasset .areaBodyBtnFull.psbtn2 a{height:54px;font-size:clamp(16px, 1.6rem, 24px);line-height:52px}
.nhasset .areaBodyBtnFull.psbtn2 a:nth-child(2){margin-left:12px}

/* 소비현황 메인예외케이스 아이콘 추가 */
.nhasset [class*="iconBox"]{line-height:21px;background:no-repeat 0 0;background-position-y:18px;background-size:40px 40px}
.nhasset [class*="iconBox"]+[class*="iconBox"]{margin-top:16px;padding-top:18px;border-top:1px solid #e1e1e1}
.nhasset [class*="iconBox"] a{display:block;padding-left:51px;color:#666}
.nhasset [class*="iconBox"] .greenLink{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .iconBox01{background-image:url('../images/ico_spend01.png');background-position-y:0}
.nhasset .iconBox02{background-image:url('../images/ico_spend02.png')}
.nhasset .iconBox03{background-image:url('../images/ico_spend03.png')}
.nhasset .iconBox04{background-image:url('../images/ico_spend04.png')}
.briefNote{position:relative;margin-top:20px;padding-top:20px;border-radius:2px;background-color:#fff;z-index:1}
.briefNote .imgTit{display:inline-block;margin-left:30px;width:88px;height:22px;background:url('../images/briefNote_tit.png') top left /cover}
.briefNote .imgTit:before{content:'';position:absolute;left:50%;top:-5px;width:26px;height:31px;background:url('../images/briefNote_pin.png') top left /cover}
.briefNote:after{content:'';display:block;width:100%;height:16px;background:url('../images/briefNote_bg3.png') top left /cover}
.briefNote:before{content:'';position:absolute;top:0;bottom:1px;left:13px;width:5px;background:url('../images/briefNote_bg2.png') top left /5px 4px repeat-y}
.briefNote ul{padding:0 20px 0 30px;background:url('../images/briefNote_bg.png') top left /4px 16px;border-top:1px solid #f1f8ff}
.briefNote li{position:relative;padding:5px 0}
.briefNote li:first-child{padding-top:0}
.briefNote a{display:flex;align-items:center;justify-content:space-between;position:relative;padding-right:15px;width:100%}
.briefNote a:after{content:'';position:absolute;right:0;width:7px;height:11px;background:url('../images/arr_right03.png') no-repeat right center /cover}
.briefNote .left{overflow:hidden}
.briefNote .tit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold}
.briefNote .right{flex-shrink:0;padding-left:20px}
.briefNote .count{font-size:clamp(12px, 1.2rem, 18px);color:#000;text-align:right}
.briefNote .dataValue{font-size:clamp(12px, 1.2rem, 18px);color:#666;text-align:right}

/* 현금영수증, WM마스터즈 삭제 */
.nhasset .visualWrap .imgWrap:before,
.nhasset .boxGuideBlue .imgWrap:before,
.nhasset .wmVisualArea .imgWrap:before{content:none}

.nhasset .infoBox.vipGuide + .defSubTit2{margin-top:30px !important}
.nhasset .vipService .listDash li:only-child:before{content:'';position:absolute;width:3px;height:3px;top:8px;left:4px;background:url('../images/ico_dot.png') center /3px 3px no-repeat}
.nhasset .vipService .listDash li:only-child{padding-left:10px}

/* [2022-05-03] 윤지현:약관 및 이용동의서 추가  */
/*.nhasset .formWrap.selectAll .formHolder.check{position:relative}
.nhasset .formWrap.selectAll .formHolder.check label.check:before{background:url('../images/common/ico_check1.png') no-repeat 0 0;background-size:100% auto}
.nhasset .formWrap.selectAll .total{overflow:hidden;position:relative;border-bottom:1px solid #555}
.nhasset .formWrap.selectAll .total .formHolder{display:inline-block;margin:0}
.nhasset .formWrap.selectAll .total input[type="checkbox"]{margin:0 10px 9px 0}
.nhasset .formWrap.selectAll .total .rCont{position:absolute;top:0;right:0;bottom:0}
.nhasset .formWrap.selectAll .total .rCont .btnShowHide{width:30px;height:33px}
.nhasset .formWrap.selectAll .total .rCont .btnShowHide:after{position:absolute;content:'';width:10px;height:5.5px;background-image:url(../images/common/sp_com_new.png);background-size:auto 250px;background-position:-94px -21px;top:9px;right:5px}
.nhasset .formWrap.selectAll .total label.check{width:auto;margin:0 0 9px;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .formWrap.selectAll .cont input[type="checkbox"]{width:22px;height:22px;background:url(../images/common/ico_check1.png) no-repeat;background-size:cover}
.nhasset .formWrap.selectAll .cont input[type="checkbox"] + label{margin-left:3px}
.nhasset .formWrap.selectAll .cont input[type="checkbox"]:checked{background:url(../images/common/ico_check1_on.png) no-repeat;background-size:120%}
.nhasset .formHolder.check .btnView{display:block;position:absolute;width:23px;height:23px;top:50%;right:0;margin-top:-11.5px}
.nhasset .formHolder.check .btnView:after{position:absolute;content:'';width:6px;height:10px;background-image:url(../images/common/sp_com_new.png);background-size:auto 250px;background-position:0 -20.5px;background-color:transparent;top:50%;left:50%;margin:-5px 0 0 -3px}
.nhasset .formWrap.selectAll .cont .formHolder{margin-top:18px}*/

/* (약관 디자인전 임시 이원익 2022.06.22) */

.nhasset .formWrap.selectAll{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}
.nhasset .formWrap.selectAll .formHolder.check{position:relative}
.nhasset .formWrap.selectAll .formHolder.check label.check:before{background:url('../images/common/ico_check1.png') no-repeat 0 0;background-size:100% auto}
.nhasset .formWrap.selectAll .total + .cont{border-top:solid 1px #ebebeb}

.nhasset .formWrap.selectAll .total .formHolder{display:flex;margin:0;padding:12px 0 12px 0;}
.nhasset .formWrap.selectAll .total .formHolder input[type="checkbox"]{margin:0;margin-right:8px}
.nhasset .formWrap.selectAll .total .formHolder label.check{margin:0;flex:1 1 auto}
.nhasset .formWrap.selectAll .total .formHolder .btnView{position:relative;margin:0;margin-left:auto}
.nhasset .formWrap.selectAll .total input[type="checkbox"]{margin:0 10px 9px 0}
.nhasset .formWrap.selectAll .total .rCont{position:absolute;top:0;right:0;bottom:0}
.nhasset .formWrap.selectAll .total .rCont .btnShowHide{width:30px;height:33px}
.nhasset .formWrap.selectAll .total .rCont .btnShowHide:after{position:absolute;content:'';width:10px;height:5.5px;background-image:url(../images/common/sp_com_new.png);background-size:auto 250px;background-position:-94px -21px;top:9px;right:5px}
.nhasset .formWrap.selectAll .total label.check{width:auto;margin:0 0 9px;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .formWrap.selectAll .cont input[type="checkbox"]{width:22px;height:22px;background:url(../images/common/ico_check1.png) no-repeat;background-size:cover;margin-right:4px}
.nhasset .formWrap.selectAll .cont input[type="checkbox"] + label{margin-left:3px;font-size:clamp(13px,1.3rem,19.5px)}
.nhasset .formWrap.selectAll .cont input[type="checkbox"]:checked{background:url(../images/common/ico_check1_on.png) no-repeat !important;background-size:120% !important;}
/* [수정 260202] [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 9번 !important 추가 */
.nhasset .formWrap.selectAll .cont input[type="checkbox"] + label > .subTxt2 {display:block;position:relative;padding-left:var(--size5);margin-top:var(--space8);}
.nhasset .formWrap.selectAll .cont input[type="checkbox"] + label > .subTxt2:before {content:'';position:absolute;top:var(--size9);left:0;width:2px;height:2px;border-radius:50%;background:var(--color3);}
.nhasset .formWrap.selectAll .cont input[type="checkbox"] + label > .subTxt2 + .subTxt2 {margin-top:3px;}
.nhasset .formWrap.selectAll .cont .boxRadio input[type="checkbox"] {width:100%;height:100%;} /* [MD2411_100] 추가 */
.nhasset .formWrap.selectAll .total+.total{margin-top:5px;padding-top:5px;border-top:1px solid #ebebeb}
.nhasset .formWrap.selectAll .cont+.total{margin-top:25px;padding-top:5px;border-top:1px solid #ebebeb}
.nhasset .formHolder.check{position:relative;display:flex}
.nhasset .formHolder.check .btnView{display:block;position:relative;width:23px;height:23px;flex:0 0 23px}
.nhasset .formHolder.check .btnView:after{position:absolute;content:'';width:6px;height:10px;background-image:url(../images/common/sp_com_new.png);background-size:auto 250px;background-position:0 -20.5px;background-color:transparent;top:50%;left:50%;margin:-5px 0 0 -3px}
.nhasset .formWrap.selectAll .cont .formHolder{margin-top:18px;display:flex}
.nhasset .formWrap.selectAll.psSt{margin-bottom:0}
.nhasset .popCont .formWrap.selectAll {padding-bottom:0;}

.nhasset .agreeSubcont{background-color:#f8f8f8;padding:19px 20px 23px 17px;margin-top:12px}
.nhasset .agreeSubcont .agreeSubTitle{display:flex;justify-content:space-between;font-size:clamp(13px,1.3rem,19.5px);color:#111;font-weight:normal;padding-bottom:12px;padding-left:3px}
.nhasset .agreeSubcont .agreeSubTitle .formHolder{white-space:nowrap;margin-top:0 !important}
.nhasset .agreeSubcont .agreeSubTitle .formHolder input{}
.nhasset .agreeSubcont .agreeSubTitle .formHolder input + label{padding-right:0 !important;width:auto;color:#999}
.nhasset .agreeSubcont .agreeSubTitle + .formHolder{display:flex;flex-wrap:wrap;margin-top:0 !important}
.nhasset .agreeSubcont .agreeSubTitle + .formHolder .formHolder{flex:0 0 50%}
.nhasset .agreeSubcont .agreeSubTitle + .formHolder .formHolder label.check{width:100%}
.nhasset .agreeSubcont .agreeSubTitle + .formHolder .formHolder:first-child{flex:0 0 100%}
.nhasset .agreeSubcont span.formHolder.check{display:flex}
.nhasset .agreeSubcont span.formHolder.check label{padding-right:15px}
.nhasset .agreeSubcont span.formHolder + span.formHolder{margin-left:0 !important}
.nhasset .agreeSubcont .boxRadio + .boxRadio{margin-top:8px}

/* .nhasset input[type='checkbox'].chekTypeOther{border:solid 1px #959595;border-radius:4px ;background-color:#fff !important;flex:0 0 22px}
.nhasset input[type='checkbox'].chekTypeOther:disabled{opacity:1;border-color:#e1e1e1;background-color:#e1e1e1 !important;background-image:none}
.nhasset input[type='checkbox'].chekTypeOther:disabled + label{color:#888}
.nhasset input[type='checkbox'].chekTypeOther:checked{border-color:#19a647;background-color:#19a647 !important;background-image:url(../images/icon_check_on2.png) !important;background-size:cover;background-position:center !important}
.nhasset input[type='checkbox'].chekTypeOther:checked:disabled{border-color:#e1e1e1;background-color:#e1e1e1 !important} */
.nhasset input[type='checkbox'].chekTypeOther{flex-shrink:0;width:21px;height:21px;background:url('../images/common/sp_chkbox.png') 0 0 /63px 21px no-repeat}
.nhasset input[type='checkbox'].chekTypeOther:checked{background-position-x:-21px}
.nhasset input[type='checkbox'].chekTypeOther:disabled + label{color:#888}
.nhasset input[type='checkbox'].chekTypeOther:disabled,
.nhasset input[type='checkbox'].chekTypeOther:checked:disabled{background-position-x:-42px}

.nhasset .checkBtnType{position:relative}
.nhasset .checkBtnType input[type='checkbox']{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:100%;height:100%}
.nhasset .checkBtnType input[type='checkbox'] + label{border:solid 1px #ebebeb;border-radius:6px;background:url('../images/common/ico_check1.png')no-repeat 10px center #fff;background-size:24px auto;line-height:38px;color:#888;padding:0 15px 0 34px;margin-left:0}
.nhasset .checkBtnType input[type='checkbox']:checked + label{border:solid 2px #19a647;line-height:36px;padding:0 14px 0 33px;background:url('../images/common/ico_check1_on.png')no-repeat 7px center #fff;background-size:28px auto;color:#19a647;font-weight:900}

.nhasset .agr_under_info{color:#666;padding-left:8px;font-size:clamp(13px,1.3rem,19.5px);margin-top:20px;position:relative}
.nhasset .agr_under_info:before, .infoPara:before{content:'';display:inline-block;position:absolute;left:0;top:8px;border-radius:50%;width:3px;height:3px;background:#666}

.wrap_agr_list_link > li{border-bottom:solid 1px #ddd;padding:15px 0}
.btn_agr_link{width:100%;text-align:left;padding-right:40px;position:relative}
.btn_agr_link:after{content:'';position:absolute;top:50%;margin-top:-5px;right:8px;width:6px;height:10px;background-image:url('../images/common/sp_com_new.png');background-size:auto 250px;background-position:0 -20.5px}

/* [2022-05] 이원익:정기 결제 추가 */
.popcoachArea{background-color:rgba(0, 0, 0, 0.8)}
.popcoachArea .popCont{background-color:transparent}
.coachBtnArea{padding:0 20px;display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:20px}
.coachBtnArea > span{flex:1 1 auto}
.coachBtnArea label{color:#fff}
.coachBtnArea input[type='checkbox'] + label{margin-left:5px}
.btnCoach{background:#fff;border-radius:7px;line-height:35px;padding:0 15px;text-align:center;min-width:60px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}

.wrapOutgoingsHeader{padding:25px 0 0 0}
.wrapOutgoingsHeader .title{display:block;font-size:clamp(19px, 1.9rem, 28.5px)}
.wrapOutgoingsHeader .value{display:block;font-size:clamp(17px, 1.7rem, 25.5px);color:#333;margin-top:5px}
.boxTypeInfo{border:solid 1px #e1e1e1;background-color:#f3faf6;border-radius:3px;padding:0 15px}
.boxTypeInfo p{background:url("../images/ico_msg2.png") left center/15px 15px no-repeat;padding:10px 0 10px 22px}
a.wrapOutgoingsHeader{display:block;background:url('../images/arr_right03.png') no-repeat right 7px;background-size:7px 11px}


.outgoingsEmpty{}
.outgoingsEmpty .summary{display:block;padding-bottom:200px;background:url('../images/bg_outgoing.png')no-repeat center bottom;background-size:250px auto}
.outgoingsEmpty .summary .title{font-size:17px;font-weight:bold;text-align:center}
.outgoingsEmpty a.summary .title{text-align:left;background:url('../images/arr_right03.png') no-repeat right 10px;background-size:7px 11px}


.outgoingsList > li{margin-top:15px}
.outgoingsList .outgoingsInner{display:flex;border:solid 1px #e1e1e1;border-radius:10px;padding:15px;align-items:center}
.outgoingsList .outgoingsCont{overflow:hidden;flex:1 1 auto}
.outgoingsList .logoArea{flex:0 0 44px}
.outgoingsList .outgoingsCont .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;font-weight:normal}
.outgoingsList .outgoingsCont .detail{display:flex;justify-content:space-between;margin-top:5px}
.outgoingsList .outgoingsCont .detail .summary{flex:1 1  auto ;overflow:hidden;white-space:nowrap;font-size:13px;color:#666}
.outgoingsList .outgoingsCont .detail .value{flex:0 0 auto;margin-left:15px}
.imgWrap.subscribe:before{display:none}
.imgWrap.subscribe .img{width:32px;height:32px;margin-right:12px;display:block}

.outgoingsAdd{margin-top:20px;border-radius:10px;background-color:#fff3db ;padding:0 30px 0 20px}
.outgoingsAdd .inner{display:block;padding:20px 50px 20px 0;background:url('../images/ico_outgoings.png')no-repeat right center ;background-size:auto 50px}
.outgoingsAdd .inner strong{display:block;font-size:15px;letter-spacing:-1px}
.outgoingsAdd .inner p{margin-top:5px}
.outgoingsAdd .inner p .linkTxt{margin-top:0px}
.moreOutgoingsWrap{margin-top:5px}
.moreOutgoingsWrap .moreOpenBtn{text-align:center;width:100%;line-height:40px}
.moreOutgoingsWrap .moreOpenBtn span{font-size:13px;color:#666}
.moreOutgoingsWrap .moreOpenBtn span:after{font-size:13px;content:'보기';display:inline-block;background:url(../images/arr_down04.png) no-repeat right center;background-size:8px auto;vertical-align:middle;padding-right:15px;margin-left:3px;vertical-align:middle}
.moreOutgoingsWrap .moreOpenBtn.active span:after{content:'닫기';background-image:url(../images/arr_up04.png)}
.moreOutgoingsWrap .moreOutgoings{margin-bottom:30px}
.moreOutgoingsWrap .moreOutgoings .defSubTit{color:#666}
.moreOutgoingsWrap .moreOutgoings .outgoingsList .outgoingsInner{background-color:#f8f8f8}

.bsetOutgoingsWrap{background-color:#f0f2f4;margin:15px -20px 0 -20px;padding:1px 20px 30px 20px}
.bsetOutgoingsWrap .filterSelect button{font-weight:bold;border-bottom:solid 2px #111;padding-left:3px;margin-right:5px;padding-bottom:2px}
.bestList{display:flex;margin-top:15px}
.bestList li{flex:1;background-color:#fff;border-radius:10px;text-align:center;padding:15px 10px 15px 10px;box-shadow:0px 0px 19.74px 1.26px rgba(63, 80, 96, 0.15)}
.bestList li + li{margin-left:8px}
.bestList li .ranking{border-radius:3px;font-size:12px;padding:3px;background-color:#e3f4e9;display:inline-block;padding:0 6px;line-height:20px;color:#19a647}
.bestList li:first-child .ranking{background-color:#19a647;color:#fff}
.bestList li .imgWrap{text-align:center;margin-top:10px}
.bestList li .imgWrap .img{display:inline-block;margin-right:0;width:40px;height:40px}
.bestList li .imgWrap:before{margin-right:0}
.bestList li .title{display:flex;font-size:13px;word-break:keep-all;text-align:center;height:40px;align-items:center;width:100%;justify-content:center}

.outgoingsSubject{text-align:center;padding:20px 0 6px 0}
.outgoingsSubject .logoArea .imgWrap:before{margin-right:0;width:55px;height:55px;overflow:hidden;background-size:cover;background-position:center}
.outgoingsSubject .title{display:block;font-size:15px;margin-top:10px}
.outgoingsSubject .summary{color:#666;margin-top:8px}
.outgoingsSubject .summary > span + span:before{display:inline-block;content:'';width:1px;height:10px;background-color:#e1e1e1 ;margin:0 10px}


/* 배너 임시 */
/*.bannerOutgoings .swiper-slide{border:solid 1px #e1e1e1}*/

/* 권유직원 검색 */
.searchResultWrap{margin-top:30px}
.searchResultWrap .srPara{font-size:clamp(13px,1.3rem,19.5px);color:#666;border-bottom:solid 1px #ebebeb;padding-bottom:10px}
.searchResultWrap .searchResultList > li{border-bottom:solid 1px #ebebeb;padding-right:20px}
.searchResultWrap .searchResultList > li > a{display:block;align-items:center;padding:20px 20px 15px 20px}
.searchResultWrap .searchResultList > li.active{background-color:#fdfbfb}
.searchResultWrap .searchResultList > li.active > a{background:url('../images/ico_select_active.png') no-repeat right center;background-size:12.5px auto}
.searchResultWrap .searchResultList > li > a .title,.searchResultWrap .searchResultList > li > a .items{display:inline-block}
.searchResultWrap .searchResultList > li > a .title{padding-right:10px}


.noResultWrap{background:url('../images/icon_nodata.png')no-repeat center top;background-size:32px;text-align:center;padding-top:56px;color:#666;margin-top:50px}
.nhasset .boxTypeWrap .noResultWrap {margin-bottom:35px;} /* [MD2409_072] */

/* 마이데이터 기관 선택 */
/* Step */
.nhasset .stepWrap{margin-top:12px}
.nhasset .stepWrap ol{display:flex;justify-content:center}
.nhasset .stepWrap ol > li{display:inline-flex;align-items:center}
.nhasset .stepWrap ol > li > span{border-radius:100%;border:solid 1px #ebebeb;background-color:#f8f8f8;font-size:clamp(11px,1.1rem,16.5px);color:#888;width:clamp(21px,6vw,31.5px);text-align:center;line-height:clamp(19px,5.7vw,29.5px)}
.nhasset .stepWrap ol > li.active > span{border-color:#19a647;background-color:#19a647;color:#fff}
.nhasset .stepWrap ol > li + li:before{content:'';height:1px;width:10px;background-color:#ebebeb}

/* 추천기관 */
.recommendGroupWrap{background:url('../images/img_recommend_group2.png')no-repeat center 48px;background-size:100% auto;padding-top:260px} /* 수정260514 [MD2605_048] 마이데이터 자산 연결하기 화면 UI 변경 */
.recommendGroupWrap > ul > li{margin-top:22px}
.recommendGroupWrap > ul > li .title{font-size:clamp(14px, 1.4rem,21px);font-weight:bold;display:block}
.recommendGroupWrap > ul > li .recommendGroup{margin-top:6px;font-size:clamp(12px,1.2rem,18px);color:#999;word-break:keep-all}

/* 기관 직접선택 */
.nhasset .joinGroup{margin-top:28px;text-align:right}
.nhasset .joinGroup button{width:100%;background-color:#f2f8ff;padding:10px 20px;border-radius:5px;display:flex;align-items:center}
.nhasset .joinGroup button:before{content:'';width:32px;height:32px;background:url('../images/icon_join_group.png')no-repeat center;background-size:cover;margin-right:8px}
.nhasset .joinGroup button:after{content:'';width:6px;height:10px;background:url('../images/bul_join_group.png')no-repeat center;background-size:cover;margin-left:auto}
.nhasset .anchorSearchArea{position:static;top:51px;z-index:10;margin-top:20px}
.nhasset .anchorSearchArea.hasSticky{position:fixed;width:100%;left:0;padding:0 16px;margin-top:0;background-color:#fff}
.nhasset .anchorSearchArea input{}
.nhasset .anchorListdWrap.anchorSearch .anchorSubjectWrap{display:none}
.nhasset .anchorListdWrap.anchorSearch.hasStickySearch{padding-top:50px} 



/* 앵커 리스트 */
.anchorListdWrap .anchorSubjectWrap{padding:0 10px;background-color:#fff;position:static;top:50px;z-index:12;overflow-x:scroll;margin:0 -16px 0 0px;padding:16px 0 0px 0;width:100%;-webkit-overflow-scrolling:touch}
.anchorListdWrap .anchorSubjectWrap *{-webkit-transform:translateZ(0);-webkit-transform:translate3d(0px,0px,0px)}
.anchorListdWrap .anchorSubjectWrap::-webkit-scrollbar{display:none}
.anchorListdWrap .anchorSubject{display:flex;position:relative}
.anchorListdWrap .anchorSubject > li{text-align:center;padding:0px;white-space:nowrap}
.anchorListdWrap .anchorSubject > li + li{margin-left:5px}
.anchorListdWrap .anchorSubject > li > a{display:block;border:solid 1px #ebebeb;padding:5px 15px;border-radius:24px;font-size:clamp(12px,1.2rem,18px);color:#888} /* [MD2503_026] 마이데이터(스뱅) 접근성 수정 */
.anchorListdWrap .anchorSubject > li > a .count{display:inline-block;margin-left:3px}
.anchorListdWrap .anchorSubject > li.selected a{border-color:#19a647;background-color:#19a647;color:#fff}
.anchorListdWrap .anchorSubject > li.selected a .count{color:#fff}
.anchorListdWrap .panels{margin-top:20px}
.assetsLinkArea{text-align:right;margin-top:20px}
.assetsLinkArea .btn small{min-width:114px}

.anchorListdWrap .anchorSubjectWrap.hasSticky{position:fixed}
.anchorListdWrap .anchorSubjectWrap.hasSticky .anchorSubject > li:last-child{padding-right:32px}
.anchorListdWrap .anchorSubjectWrap.hasSticky ~ .anchorContWrap{padding-top:50px}
/* [MD2501_001] 전체 기관 조회 기능 추가 */
.anchorListdWrap .anchorSubjectWrap.hasSticky{padding-bottom:5px;}
.anchorListdWrap .anchorSubjectWrap ~ .formArea1{margin-bottom:0;}
.anchorListdWrap .anchorSubjectWrap.hasSticky ~ .formArea1{position:fixed;background-color:#fff;width:100%;z-index:12;top:clamp(96px, 9.6rem, 103px);right:0;padding:20px 16px 10px;margin:0;}
.anchorListdWrap .anchorSubjectWrap.hasSticky ~ .formArea1 + .anchorContWrap {padding-top:90px;}
@media screen and (min-width:375px) {
	.anchorListdWrap .anchorSubjectWrap.hasSticky ~ .formArea1{top: clamp(96px, 9.6rem, 103px);}
}
@media screen and (min-width:425px){
	.anchorListdWrap .anchorSubjectWrap.hasSticky ~ .formArea1{top: clamp(84px, 8.4rem, 105px);}
}
/*.wrapper.wrapUnset{overflow:unset}*/
.anchorContWrap .tit{font-size:clamp(16px,1.6rem, 24px);color:#111;padding-top:20px;margin-bottom:10px}
.wrapper.wrapUnset .anchorSubject{position:sticky;z-index:10;top:50px}
.anchorTitleWrap{padding:0 4px}

.anchorSubject{background-color:#fff}
.wrap_bank_check{background-color:#fff;padding:0}
.wrap_bank_check ul{display:flex;width:100%;flex-wrap:wrap}
.wrap_bank_check ul li{flex:0 0 calc(100% / 3);position:relative;margin-bottom:10px;text-align:center;padding:0 4px}
.wrap_bank_check ul li.connnecting:after{content:'';overflow:hidden;color:transparent;width:13px;height:13px;position:absolute;right:10px;top:8px;background:url('../images/icon_connnecting.png')no-repeat left top;background-size:12.5px 12.5px}
.wrap_bank_check ul li input[type=checkbox]{position:absolute;left:0;top:0;opacity:0}
.wrap_bank_check ul li input[type=checkbox]:disabled{background-image:none}
.wrap_bank_check ul li label{border:solid 1px #ebebeb;border-radius:7px;text-align:center;font-size:12px;width:100% !important;margin:0;margin-left:0 !important;padding:27px 5px 18px 5px}
.wrap_bank_check ul li label:before{margin-right:0 !important}
.wrap_bank_check ul li img{width:32px;height:32px}
.wrap_bank_check ul li input[type=checkbox]:checked + label{border:solid 2px #19a647;background-color:#fff;padding:26px 4px 17px 4px}
.wrap_bank_check ul li input[type=checkbox]:disabled + label{background-color:#ebebeb !important;border-color:#ebebeb}
.wrap_bank_check ul li input[type=checkbox]:disabled + label:before{filter:grayscale(100%)}
.wrap_bank_check ul li input[type=checkbox]:disabled + label img{filter:grayscale(100%)}
.wrap_bank_check ul li label span{display:block;text-overflow:ellipsis;white-space:nowrap;width:50px;overflow:hidden;min-width:100%;text-align:center;font-size:clamp(12px,1.2rem,18px);margin-top:8px}
.wrap_bank_check ul li .checkLabel{position:absolute;top:5px;right:9px;background-color:#fff;padding:4px 6px;font-size:clamp(12px,1.2rem,18px);color:#666;;border:1px solid #666;border-radius:3px;line-height:1}
.wrap_bank_check ul li input:disabled ~ .checkLabel{background-color:#fff;color:#fff;border:1px solid #888;color:#888}
/* [MD2506_082] 자산연결  연결기관 직접선택, 하단스크롤 수정 */
.anchorContWrap .wrap_bank_check:last-child{min-height:calc(100vh - clamp(175px, 17.5rem, 193px))}
.anchorListdWrap .anchorSubjectWrap.hasSticky ~ .formArea1 + .anchorContWrap .wrap_bank_check:last-child{min-height:calc(100vh - clamp(223px, 22.3rem, 251px))}

/* 자산연결관리 */
.nhasset .agencyDetail{display:flex;justify-content:space-between;align-items:center}
.nhasset .agencyDetail .imgWrap{text-align:left;display:flex;padding-right:8px;align-items:center;flex-shrink:1} /* [2022-11-21] 사보현 :공통 로고 수정 flex-shrink 추가 */
/* .nhasset .agencyDetail .imgWrap:before{flex:0 0 32px} */ /* [2022-11-21] 사보현 :공통 로고 수정 주석처리 */
.nhasset .agencyDetail .tag{white-space:nowrap}
.nhasset .agencyDetail.flexColumn{flex-direction:column;align-items:flex-start}
.nhasset .agencyDetail .subInfo{font-size:clamp(12px,1.2rem,24px);color:#888}

.nhasset .agencyDetailList > li > a{display:block;padding-right:15px;background:url('../images/arr_right03.png')no-repeat right center;background-size:7px auto}
.nhasset .agencyDetailList > li > a .title{}
.nhasset .agencyDetailList > li > a .subInfo,
.nhasset .agencyDetailList > li > .likeBtn .subInfo{font-size:clamp(12px,1.2rem,18px);color:#888}
.nhasset .agencyDetailList > li + li{margin-top:18px}

.nhasset .agencyDetailList.lineType > li + li{border-top:solid 1px #ebebeb;/*margin-top:12px;*/margin-top:17px;padding-top:12px}/*12.29 출금예정관리 간격 수정*/
.nhasset .agencyDetailList.lineType .imgWrap{text-align:left}


.nhasset .dataDiscList dl{display:flex;justify-content:space-between}
.nhasset .dataDiscList dl + dl{margin-top:12px}
.nhasset .dataDiscList dl dt{padding-right:10px;word-break:keep-all;color:#666}
.nhasset .dataDiscList dl dd{text-align:right;color:#111}

.nhasset .listTypeTable.topLine{border-top:solid 1px #ebebeb;margin-top:28px}
.nhasset .listTypeTable > li{padding:20px 0}
.nhasset .listTypeTable > li + li{border-top:solid 1px #ebebeb}
.nhasset .listTypeTable > li dl{display:flex;justify-content:space-between} 
.nhasset .listTypeTable > li dl + dl{margin-top:12px}
.nhasset .listTypeTable > li dl dt{color:#666;padding-right:20px;flex:0 0 auto}
.nhasset .listTypeTable > li dl dd{text-align:right}

.nhasset .visualCenterCon strong{color:#111;font-size:clamp(20px,2rem,30px)}
.nhasset .visualCenterCon{text-align:center;margin-top:45px;padding-top:145px}
.nhasset .visualCenterCon.type01{background:url('../images/img_visualCenterCon02.png')no-repeat center top 20px;background-size:166.5px auto}

/* 자산연결조회 */
.nhasset .assetConnInfo{border-bottom:solid 1px #ebebeb;padding-bottom:10px;font-size:clamp(13px,1.3rem,17.5px);color:#666}
.nhasset .assetAdminList{}
.nhasset .assetAdminList > li{padding:12px 0;display:flex;justify-content:space-between;align-items:center}
.nhasset .assetAdminList > li .items{flex:0 0 auto;text-align:right;display:inline-flex;align-items:center}
.nhasset .assetAdminList > li .subject{padding-right:20px}
.nhasset .assetAdminList > li .subject .imgWrap{display:inline-flex;text-align:left;align-items:center}
.nhasset .assetAdminList > li .subject .imgWrap:before{flex:0 0 32px}
.nhasset .assetAdminList > li + li{border-top:solid 1px #ebebeb}
.nhasset .assetAdminList .contBtn04{line-height:2.32 !important;margin-left:20px}

/* 수집동의 연결 */
.assetConnectInfo{padding:22px 20px 28px 20px;background-color:#f3f3f3;margin:0 16px;border-radius:10px}
.assetConnectInfo .title{font-size:clamp(16px, 1.6rem,24px);text-align:center}
.assetConnectInfo .exImage{position:relative;margin-top:10px;perspective:1000px;height:80px}
.assetConnectInfo .exImage img{width:100%;max-width:100%}
.assetConnectInfo .exImage .card{height:100%;max-width:296px;margin:0 auto;position:relative;-webkit-transform-style:preserve-3d;animation:ani_joinBeforeCont 3s linear infinite;animation-delay:1s;animation-fill-mode :forwards}
.assetConnectInfo .exImage .card .face{position:absolute;top:0;left:0;width:100%;height:100%;color:white;line-height:50px;text-align:center;-webkit-backface-visibility:hidden}
.assetConnectInfo .exImage .card .face.back{transform:rotateX(180deg)}
@keyframes ani_joinBeforeCont{
  0%{transform:rotateX(0deg)}
  10%{transform:rotateX(0deg)}
  30%{transform:rotateX(180deg)}
  50%{transform:rotateX(180deg)}
  70%{transform:rotateX(0deg)}
  100%{transform:rotateX(0deg)}
}

/*.assetConnectInfo{padding:22px 20px 28px 20px;background-color:#f3f3f3;margin:0 16px;border-radius:10px}
.assetConnectInfo .title{font-size:clamp(16px, 1.6rem,24px);text-align:center}
.assetConnectInfo .exImage{position:relative;margin-top:10px;perspective:1000px;height:80px}
.assetConnectInfo .exImage img{width:100%;max-width:100%}
.assetConnectInfo .exImage .card{height:100%;max-width:296px;margin:0 auto;position:relative;transform-style:preserve-3d;animation:ani_joinBeforeCont 3s linear infinite;animation-delay:1s;animation-fill-mode :forwards}
.assetConnectInfo .exImage .card .face{position:absolute;top:0;left:0;width:100%;height:100%;color:white;line-height:50px;text-align:center;backface-visibility:hidden}
.assetConnectInfo .exImage .card .face.back{transform:rotateX(180deg);backface-visibility:hidden}
@keyframes ani_joinBeforeCont{
  0%{transform:rotateX(0deg)}
  10%{transform:rotateX(0deg)}
  30%{transform:rotateX(180deg)}
  50%{transform:rotateX(180deg)}
  70%{transform:rotateX(0deg)}
  100%{transform:rotateX(0deg)}
}*/
/*
.assetConnectInfo{padding:22px 20px 28px 20px;background-color:#f3f3f3;margin:0 16px;border-radius:10px}
.assetConnectInfo .title{font-size:clamp(16px, 1.6rem,24px);text-align:center}
.assetConnectInfo .exImage{position:relative;margin-top:10px;perspective:1000px;height:80px}
.assetConnectInfo .exImage img{width:100%;max-width:100%}
.assetConnectInfo .exImage .card{height:100%;max-width:296px;margin:0 auto;position:relative}
.assetConnectInfo .exImage .card .face{position:absolute;top:0;left:0;width:100%;height:100%;color:white;line-height:50px;text-align:center}
.assetConnectInfo .exImage .card .face.front{z-index:2;animation:ani_joinBeforeCont 3s linear infinite;animation-fill-mode :forwards;}
.assetConnectInfo .exImage .card .face.back{z-index:1}
@keyframes ani_joinBeforeCont{
  0%{opacity:1}
  10%{opacity:1}
  15%{opacity:0}
  50%{opacity:0}
  55%{opacity:1}
  100%{opacity:1}
}*/

.assetConnectInfo.bgAccount{background:url('../images/img_account_out.png')no-repeat center 40px #f3f3f3;background-size:178px auto;padding-top:190px}
.assetConnectInfo.bgPointPlus{background:url('../images/img_point_plus.png')no-repeat center 40px #f3f3f3;background-size:129.5px auto;padding-top:155px}
.assetConnectInfo.bgPointPlus02{background:url('../images/img_point_plus02.png')no-repeat center 40px #f3f3f3;background-size:129.5px auto;padding-top:140px} /* [2022-12-07] 사보현 :팝업추가 */
.assetConnectInfo.bgDriver{background:url('../images/img_driver_add.png')no-repeat center 15px #fff;background-size:155.5px auto;padding:130px 0 0 0}
.assetConnectInfo.bgRecall{background:url('../images/img_recall_notice.png')no-repeat center 15px #fff;background-size:159.5px auto;padding:140px 0 0 0}

/* 뱅킹 css 폰트 사이즈 재정의 */
.nhasset .topRanking .rankTag{font-size:clamp(12px,1.2rem,18px) !important;line-height:1.4rem !important;height:auto}
.nhasset .cardList .subValue{font-size:clamp(13px,1.3rem,19px);width:auto;white-space:nowrap}
.nhasset .rankingListWrap .num{font-size:clamp(16px,1.6rem,24px);padding-right:5px;width:auto}
.nhasset .rankingListWrap .cardList .subValue{width:4rem}
.nhasset .briefTxt p{font-size:clamp(14px,1.4rem, 21px);line-height:1.3}
.nhasset .rdBtn{font-size:clamp(13px,1.3rem,19px);line-height:2}
.nhasset .tooltipWrap .tooltipCont p{font-size:clamp(12px,1.2rem,14px);line-height:1.6}
.listMoreBtn a:after{vertical-align:middle}

.nhasset .listDot > li{font-size:clamp(13px,1.3rem,19.5px);background-position:0 clamp(9px,2vw,14px)}

/* 뱅킹 css 폰트 사이즈 재정의 */

/* 금융일정 */
/*
.nhasset .planType{font-size:clamp(13px,1.3rem,19.5px );color:#666;border-radius:3px;padding:0 4px;line-height:21px;display:inline-block;position:relative;z-index:0}
.nhasset .planType:after{content:'';position:absolute;bottom:0;left:0;height:10px;width:100%;z-index:-1}
.nhasset .unerColor-o:after,.nhasset .planType.unerColor-o:after{background-color:#ffdfad}
.nhasset .unerColor-p:after,.nhasset .planType.unerColor-p:after{background-color:#fdccdd}
.nhasset .unerColor-b:after,.nhasset .planType.unerColor-b:after{background-color:#d3e1fa}
.nhasset .unerColor-g:after,.nhasset .planType.unerColor-g:after{background-color:#bff1d2}
.nhasset .unerColor-stock:after,.nhasset .planType.unerColor-stock:after{background-color:#fef29b}
.nhasset .unerColor-admin:after,.nhasset .planType.unerColor-admin:after{background-color:#f2ceff}
.nhasset .unerColor-as:after{background-color:#cbedff}
.nhasset .unerColor-dl:after{background-color:#cbf4d8}
.nhasset .unerColor-ya:after{background-color:#d3f7fa}
.nhasset .unerColor-mc:after{background-color:#f5e6ff}
.nhasset .unerColor-gs:after{background-color:#d3e1fa}
.nhasset .category{padding:0 2px;margin-right:4px;display:inline-block;line-height:21px;position:relative;z-index:0}
.nhasset .category:after{content:'';position:absolute;bottom:0;left:0;height:10px;width:100%;z-index:-1;background-color:#eee}
*/
/* //금융일정 */
.nhasset .formWrap > ul > li .tooltipCont{left:0}


/* 인증서 */
.nhasset .listCerti{margin-top:20px;-webkit-transform:translate3d(0px,0px,0px)}
.nhasset .listCerti > li{border-radius:10px;background-color:#fff;box-shadow:0px 4px 18px 0px rgba(60, 78, 110, 0.12)}
.nhasset .listCerti > li + li{margin-top:8px}
.nhasset .listCerti > li button{width:100%;padding:27px 20px 27px 63px;background:no-repeat 20px center;background-size:32px;display:flex;justify-content:space-between;align-items:center}
.nhasset .listCerti > li button.active{border-radius:10px;border:solid 2px #19a647;padding:25px 18px 25px 61px;background-position-x:18px}
.nhasset .listCerti > li button .title{font-size:clamp(15px,1.5rem,22.5px);display:inline-block;margin-right:4px}
.nhasset .listCerti > li button.nhCerti{background-image:url('../images/icon_nhCerti.png')}
.nhasset .listCerti > li button.publicCerti{background-image:url('../images/icon_publicCerti.png')}
.nhasset .listCerti > li button.financeCerti{background-image:url('../images/icon_financeCerti.png')}
.nhasset .listCerti > li button.naverCerti{background-image:url('../images/icon_naverCerti.png')}
.nhasset .listCerti > li button.passCerti{background-image:url('../images/icon_passCerti.png')}
.nhasset .listCerti > li button.privateCerti{background-image:url('../images/icon_privateCerti.png')}
.nhasset .listCerti > li button .certiInfo{font-size:clamp(12px,1.2rem,18px);color:#666;margin-top:5px}
.nhasset .listCerti > li button .certiInfo + .certiInfo{margin-top:2px}
.nhasset .listCerti > li .linkType1{color:#999;border-color:#999}
.nhasset .listCerti .privateCertist{display:flex;margin-top:10px}
.nhasset .listCerti .privateCertist > span{margin-right:4px}
.nhasset .listCerti .privateCertist > span img{width:17px}

.nhasset .selectCerti{display:flex;flex-wrap:wrap;margin:0 -4px}
.nhasset .selectCerti > li{width:33.33%;position:relative;margin-bottom:8px;flex:0 0 33.33%;padding:0 4px}
.nhasset .selectCerti > li input[type="radio"],
.nhasset .selectCerti > li input[type="checkbox"]{position:absolute;left:0;top:0;width:100%;height:100%;clip:rect(0,0,0,0)}
.nhasset .selectCerti > li input[type="radio"] + label,
.nhasset .selectCerti > li input[type="checkbox"] + label{font-size:clamp(12px, 1.2rem, 18px);display:block;width:100%;text-align:center;padding:15px 0;border-radius:6px;margin:0;max-width:100%;position:relative}
.nhasset .selectCerti > li input[type="radio"] + label:after,
.nhasset .selectCerti > li input[type="checkbox"] + label:after{content:'';border:solid 1px #ebebeb;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5px}
.nhasset .selectCerti > li input[type="radio"] + label .title,
.nhasset .selectCerti > li input[type="checkbox"] + label .title{margin-top:5px}
.nhasset .selectCerti > li input[type="radio"] + label .logoArea img,
.nhasset .selectCerti > li input[type="checkbox"] + label .logoArea img{width:32px}
.nhasset .selectCerti > li input[type="radio"]:checked + label:after,
.nhasset .selectCerti > li input[type="checkbox"]:checked + label:after{border:solid 2px #19a647}

.certiTimeWrap{margin-top:16px}
.nhasset .certiTime{display:inline-block;background:url('../images/icon_timer01.png')no-repeat 20px center #f2f4f8 ;background-size:13px auto;padding:9px 21px 9px 41px;border-radius:6px}
.nhasset .certiTime.count{background-image:url('../images/icon_timer02.png');background-color:#f3f0ee;color:#eb1100}
.nhasset .certStep{margin-top:25px}
.nhasset .certStep > li .certStepTitle{display:block;font-size:clamp(18px, 1.8rem,27px)}
.nhasset .certStep > li .certStepTitle .num{display:inline-block;border-radius:100%;background-color:#19a647;color:#fff;width:clamp(20px, 2rem,30px);text-align:center;font-size:clamp(12px,1.2rem,18px);line-height:clamp(20px, 2rem,30px)}
.nhasset .certStep > li .certStepPara{margin-top:10px;color:#666}
.nhasset .certStep > li .certStepImg{margin-top:15px}
.nhasset .certStep > li .certStepImg + .certStepPara{margin-top:25px}
.nhasset .certStep > li + li{margin-top:30px}
.nhasset .certEmpty{text-align:center;background:url('../images/icon_cert_empty.png')no-repeat center bottom;background-size:103px auto ;padding:0 16px 150px 16px}


/*수집동의*/
.nhasset .agr_title_info{margin-top:35px;color:#111;font-size:clamp(20px, 2.0rem,30px) ;font-weight:normal}
.nhasset .agr_title_info .text-highlight-y{display:block}
.nhasset .agr_title_info  + .noticeWrap,
.nhasset .assSetList .listTop .box{margin-top:4px;color:#666;font-size:clamp(14px, 1.4rem,22px)}
.nhasset .assSetList {margin-top:36px}
.nhasset .assSetList .listTop .tit,
.nhasset .popCont .defSubTit2{border-bottom:1px solid #bbb;padding-bottom:12px}
.nhasset .popCont .defSubTit2 ~.defSubTit2{margin-top:36px}
.nhasset .popCont .defSubTit2.borderNone{border-bottom:0;padding-bottom:0}
.nhasset .assSetList .listTop .box{margin-top:19px}
.nhasset .assSetList .tit.lev2,
.nhasset .popCont .defSubTit2{color:#111;font-weight:bold;font-size:clamp(16px, 1.6rem,24px)}
.nhasset .assSetList .listType_table{margin-top:19px}
.nhasset .assSetList .listType_table .item .topArea{align-items:end}
.nhasset .listType_table.type5 .listbox .list_title{color:#666;font-size:clamp(13px, 1.3rem,19.5px)}
.nhasset .listType_table.type5 .listbox .list_title.color1{color:#111}
.nhasset .listType_table.type5 .listbox .list_item{margin-bottom:23px;color:#111;font-size:clamp(16px, 1.6rem,24px);font-weight:500}
.nhasset .assSetList .title{margin-bottom:12px;display:flex;justify-content:space-between}
.nhasset .assSetList .title .contBtn01{border:none;border-bottom:1px solid #666666;border-radius:0;padding:0;color:#666;min-width:auto} /*버튼 스타일 충돌로 추가*/
.nhasset .popCont .listwarp .disc{margin-top:19px;color:#666;font-size:clamp(14px, 1.4rem,22px)}
.nhasset .popCont .listwarp .disc strong{font-weight:normal;color:#111}
.nhasset .popCont .listwarp .disc strong + p{margin-top:4px}
.nhasset .popCont .listwarp .disc li + li{margin-top:18px}

.nhasset .formWrapArea{margin-top:36px}
.nhasset .formWrapArea .tit{color:#111;font-weight:500;font-size:clamp(16px, 1.6rem,24px);border-bottom:1px solid #bbb;padding-bottom:12px}
.nhasset .formWrapArea .tit.Type01{font-size:clamp(14px,1.4rem,21px);font-weight:bold}
.nhasset .formWrapArea .tit.Type02{font-size:clamp(13px, 1.3rem,19.5px);color:#111}
.nhasset .formWrapArea .tit.Type02{border-bottom:none;padding-bottom:6px}
.nhasset .formWrapArea .formWrap{margin-top:5px}
.nhasset .formWrapArea .item .listCont{color:#666;font-size:clamp(14px, 1.4rem,22px);font-weight:500}
.nhasset .formWrapArea .item .listCont[class*='used'] .boxSelect{font-size:clamp(12px,1.2rem,18px)}
.nhasset .formWrapArea .item + .item{margin-top:36px}
.nhasset .formWrapArea .item .listCont .underPara{color:#111}
.nhasset .formWrapArea .item .listCont .boxSelect{margin-top:8px}
.nhasset .formWrapArea .item .listCont .boxRadio{margin-top:18px}
.nhasset .topArea{display:flex;justify-content:space-between}
.nhasset .topArea .linkType1{white-space:nowrap;margin-left:5px}
.nhasset .addinfoBox{margin-top:19px;padding:28px 20px;background-color:#f8f8f8;border-radius:4px;color:#666;font-size:clamp(12px,1.2rem,18px)}
.nhasset .addinfoBox .tit{color:#111;margin-bottom:4px;font-size:clamp(14px,1.4rem,21px)}
/* [MD2501_004] 숨은자산 내 세금포인트조회 */
.nhasset .addinfoBox.etc{padding:20px;}
.nhasset .addinfoBox.etc .txt {font-size:clamp(12px,1.2rem,18px);color:#111;margin-top:16px;}
.nhasset .addinfoBox.etc .listDot > li{font-size:clamp(12px,1.2rem,18px);}
.nhasset .addinfoBox.etc .toggleCont ul{margin-top:5px;}
.nhasset .addinfoBox.etc .moreOpenBtn{font-size:clamp(14px, 1.4rem, 21px);text-align:center;display:flex;justify-content: center;width: 100%;align-items:center;margin-top:12px;}
.nhasset .addinfoBox.etc .moreOpenBtn:after{content:'';display:inline-block;width:22px;height:22px;background: url('../images/arr_down02.png') no-repeat center;background-size:10px  auto;vertical-align:middle}
.nhasset .addinfoBox.etc .moreOpenBtn.active:after{transform:rotate(180deg)}
.nhasset .pointServiceWrap {margin-top:30px;text-align:center;}
.nhasset .pointServiceWrap p {font-size:clamp(12px,1.2rem,18px);color:#888;font-weight:600;padding-bottom:20px;}
.nhasset .pointServiceWrap ul {margin:0 auto;width:170px;padding-bottom:10px;display:flex;justify-content:space-between;}
.nhasset .pointServiceWrap ul li:nth-child(1) {width:55px;height:33px;background: url('../images/ico_pointService_01.png') no-repeat center;background-size:55px 33px;}
.nhasset .pointServiceWrap ul li:nth-child(2) {width:48px;height:33px;background: url('../images/ico_pointService_02.png') no-repeat center;background-size:48px 33px;}
.nhasset .pointServiceWrap ul li:nth-child(3) {width:35px;height:33px;background: url('../images/ico_pointService_03.png') no-repeat center;background-size:35px 33px;}

.nhasset .tblbottomTxt{margin-top:10px;color:#888;font-size:clamp(13px, 1.3rem,19.5px)}
.nhasset .rdoType.mt18{margin-top:18px}

/* 자산로딩 */
.assetLoadingWrap{padding-bottom:210px;text-align:center;margin-top:80px;background:url('../images/img_asset_loading.gif')no-repeat center bottom;background-size:360px auto}
.assetLoadingWrap .title{font-size:clamp(20px,2rem, 30px);color:#111;font-weight:bold}
.assetLoadingWrap .assetLoadingValue{font-size:clamp(16px, 1.6rem, 24px);color:#19a647;margin-top:20px} 
.assetLoadingWrap.bgNoneCert{background:url('../images/icon_cert_empty.png')no-repeat center bottom;background-size:103px auto;padding-bottom:180px}
.assetLoadingWrap.bgNoneCert.type02{padding-top:134px;padding-bottom:0;background:url('../images/icon_cert_empty02.png')no-repeat center top;background-size:166.5px auto;margin-top:85px !important}


/* 자산연결 */
.assetSelectLlistWrap{margin-top:30px}
.assetSelectLlistWrap .assetSelectLlistAll .tit{font-size:clamp(16px, 1.6rem,24px);font-weight:bold}
.assetSelectLlistWrap .assetSelectLlistAll + .assetSelectLlist{margin-top:10px}
.assetSelectLlistWrap .assetSelectLlist > li{border:solid 1px #ebebeb;border-radius:10px;margin-bottom:20px;background-color:#fff}
.assetSelectLlistWrap .assetSelectLlist > li.addShoow{box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%)}
.assetSelectLlistWrap .assetSelectLlist.mgtType{margin-bottom:8px}
.assetSelectLlistWrap .assetSelectLlist.mgtType > li{margin-bottom:0px}
.assetSelectLlistWrap .assetSelectLlist.mgtType > li + li{margin-top:12px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup{padding:10px 15px 10px 20px;display:flex;justify-content:space-between;align-items:center}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .subject{flex:1 1 auto;padding-right:10px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .subject input[type='checkbox'] + label{margin-left:9px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .subject input[type='checkbox'] + label:before{margin-right:7px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .subject input[type='checkbox'] + label .imgWrap{width:32px;height:32px;display:inline-block;margin-left:-4px;margin-right:4px;vertical-align:middle}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .toggleBtn{width:20px;height:20px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .toggleBtn.active{background-image:url('../images/arr_up02.png')}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .linkDetail{width:20px;height:20px;background:url('../images/arr_right02.png') no-repeat right center;background-size:6px 10px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectGroup .subject.toggleBtn{flex:1;background-position:right center;height:auto}
.assetSelectLlistWrap .assetSelectLlist > li .vertuGroup{padding:10px 0}

.assetSelectLlistWrap .assetSelectLlist.shadowType > li{margin-bottom:8px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)} 
.assetSelectLlistWrap .assetSelectLlist.shadowType > li.nhType{background-color:#f0fbf7}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li.nhType{background-color:#f0fbf7}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup{padding:19px} 
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .subject{display:flex;align-items:center;padding-right:0}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .subject.firstSelect{justify-content:space-between}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .subject .tag{white-space:nowrap}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li.nhType .assetSelectGroup .subject .imgWrap{display:flex;align-items:center}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .subject input[type='checkbox'] + label .imgWrap{/*display:flex;width:auto;*/ align-items:center;margin-left:0}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .subject input[type='checkbox'] + label .imgWrap + .bankName{color:#888;display:inline-block}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .subject input[type='checkbox'] + label .imgWrap .bankName{color:#888}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .linkDetail{width:15px}
.assetSelectLlistWrap .assetSelectLlist.shadowType > li .assetSelectGroup .subject label .count,
.assetSelectLlistWrap .assetSelectLlist.shadowType > li.nhType .assetSelectGroup .subject .count{padding-left:4px;color:#666}

.assetSelectLlistWrap .assetSelectSub{padding-bottom:20px;border-top:solid 1px #ebebeb}
.assetSelectLlistWrap .assetSelectSub > li{display:flex;margin-top:23px;padding:0 20px  0 18px}
.assetSelectLlistWrap .assetSelectSub > li .accountInfo{flex:1 1 auto}
.assetSelectLlistWrap .assetSelectSub > li .accountInfo input[type='checkbox'] + label{margin-left:0px}
.assetSelectLlistWrap .assetSelectSub > li .assetSelectFlag{flex:0 0 auto}
.assetSelectLlistWrap .assetSelectSub > li .assetSelectFlag .tag{margin-right:0;margin-left:4px}
.assetSelectLlistWrap .assetSelectSub > li .title{font-size:clamp(13px,1.3rem,19.5px);color:#111}
.assetSelectLlistWrap .assetSelectSub > li .subCont{font-size:clamp(12px,1.2rem,18px);color:#999}

.assetSelectLlistWrap .assetSelectLlist > li .assetSelectSub > li.disCheck{margin-top:16px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectSub > li.disCheck .title{background:url('../images/ico_select_active.png')no-repeat left center;background-size:12.5px auto;padding-left:21px}
.assetSelectLlistWrap .assetSelectLlist > li .assetSelectSub.noneSelect > li + li{margin-top:15px}



.nhasset .confirmMsg.connectimgBg{text-align:center;margin-top:36px;background:url('../images/img_temporary01.png')no-repeat center top;background-size:182px auto ;padding-top:102px}
.nhasset .confirmMsg.connectimgBg.Type02{background:url('../images/img_temporary02.png')no-repeat center top;background-size:169px auto ;padding-top:130px}
.nhasset .confirmMsg.connectimgBg.Type04{background:url('../images/img_temporary04.png')no-repeat center 4px;background-size:152.5px auto ;padding-top:118px}
.nhasset .confirmMsg.connectimgBg.Type05{background:url('../images/img_temporary05.png')no-repeat center top;background-size:182px auto ;padding-top:110px}
.nhasset .confirmMsg.connectimgBg .expainTxt{margin-top:12px;font-size:clamp(20px, 2rem,30px);font-weight:900}
.nhasset .boxTypeWrap.listBoxWrap{margin-top:2px;padding-top:28px;padding-bottom:28px;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16)}
.nhasset .boxTypeWrap.listBoxWrap.addLine{border-bottom:0 !important}
.nhasset .boxTypeWrap.listBoxWrap.addLine .dsf{display:flex;align-items:center;justify-content:space-between}
.nhasset .boxTypeWrap.listBoxWrap.addLine .dsf .lft{margin-bottom:12px;font-size:clamp(13px, 1.3rem, 19px);color:#666}
.nhasset .listTitWrap.noneTogg{width:100%}
.nhasset .listBoxWrap .listNum{margin-bottom:12px;font-size:clamp(13px, 1.3rem, 19px);color:#666}
.nhasset .listBoxWrap.addLine .connLine:nth-last-child(1){ padding-bottom:0;/*border-bottom:1px solid #ebebeb*/}
.nhasset .connLine{border-top:1px solid #ebebeb;padding:12px 10px 12px 0} 
.nhasset .connLine .listTitWrap{overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin-right:8px} 
.nhasset .connLine .listTitWrap .titL{display:flex;width:calc(100% - 44px);font-weight:400;color:#111;align-items:center}
.nhasset .connLine .listTitWrap .titR{flex-shrink:0}
.nhasset .connLine .listTitWrap .titL .accTit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /* [2022-11-28] 사보현 :margin-left 삭제 */
.nhasset .connLine .listTitWrap .connectStatus.noConn{color:#eb1100}
.nhasset .connLine .listTitWrap .connectStatus.sucessConn{color:#3674bc}
.nhasset .listBoxWrap .assetTotalList.connLine .garyBox{text-align:left}
.nhasset .toggleCont .garyBox{margin-top:12px;background-color:#f8f8f8;padding:15px 18px;border-radius:4px;text-align:right;font-size:clamp(12px, 1.2rem, 16px);color:#666}
.nhasset .listNoneImgWrap{background:url('../images/img_listNoneImg.png') center bottom no-repeat;background-size:240px auto;padding-top:30px;padding-bottom:240px;text-align:center}
.nhasset .listNoneImgWrap .title{font-size:clamp(20px,2rem, 30px);color:#111;font-weight:bold}
.nhasset .myAssetList_wrap{margin-top:20px}
.nhasset .myAssetList_wrap div:nth-child(2){margin:8px 0}
.nhasset .myAssetList_wrap div{overflow:hidden}
.nhasset .myAssetList_wrap div li{float:left;display:block;background:#f8f8f8;border-radius:5px;padding:23px 0;width:calc(33% - 6px);text-align:center;margin-right:8px}
.nhasset .myAssetList_wrap div li:last-child{margin-right:0}
.nhasset .myAssetList_wrap div li:after{content:'';clear:both}
.nhasset .myAssetList_wrap div li div:first-child{font-size:12px;margin-bottom:8px}
.nhasset .myAssetList_wrap div li div:last-child{font-size:16px;color:#111;font-weight:bold;margin:0 !important}
.assetCancleWrap{text-align:center;margin-top:62px;background:url('../images/img_assetCancleWrap.png')no-repeat center top;background-size:157px auto;padding-top:164px}
.assetCancleWrap .title{font-size:clamp(20px,2rem, 30px);color:#111;font-weight:900}
.nhasset .dib .titR{margin-top:0px;margin-left:40px}
.nhasset .assetCancleConfirmWrap{text-align:center;margin-top:50px;background:url('../images/img_assetCancleConfirmWrap.png')no-repeat center top;background-size:111px auto;padding-top:114px}
.nhasset .assetCancleConfirmWrap .title{font-size:clamp(20px,2rem, 30px);color:#111;font-weight:bold}
.nhasset .assetCancleConfirmWrap.cnNone{text-align:center;margin-top:80px;background:url('../images/img_assetCancleConfirmWrap_none.png')no-repeat center top;background-size:173px auto;padding-top:120px}

.nhasset .dlType01 dt{color:#111;font-weight:bold}
.nhasset .dlType01 dd{color:#666;margin-top:5px}

.nhasset .bgAssetConnAdmin{background:url('../images/bg_asset_conn_admin01.png')no-repeat right center;background-size:55px auto;min-height:68px;line-height:1.4}
.nhasset .bgAssetConnAdminInfo{background:url('../images/bg_asset_conn_info01.png')no-repeat right center;background-size:54.5px auto;min-height:68px;line-height:1.4}

.nhasset .iconPhone{font-size:clamp(12px,1.2rem,18px);color:#666;margin-top:11px}
.nhasset .iconPhone > li{padding-left:19px;background:no-repeat left center;background-size:12px auto;min-height:12px}
.nhasset .iconPhone > li + li{margin-top:6px}
.nhasset .iconPhone > li.phoneLocal{background-image:url('../images/icon_tel_local.png')}
.nhasset .iconPhone > li.phoneOverseas{background-image:url('../images/icon_tel_overseas.png')}

.nhasset .assetConnList{margin-top:8px}
.nhasset .assetConnList > li + li{margin-top:35px}

.nhasset .agencyMove{text-align:center;margin-top:120px}
.nhasset .agencyMove .agencyLogo img{width:60px}

/* 이벤트 */
.nhasset .btnSortWrap{margin-top:23px;display:flex}
.nhasset .btnSortWrap .btn{line-height:2.34;border:0;min-width:52px;border-radius:17px;border:solid 1px #ebebeb;background-color:#fff;font-size:clamp(12px,1.2rem,18px);padding:0 16px;margin-right:8px;white-space:nowrap}
.nhasset .btnSortWrap .btn.selected{background-color:#19a647;color:#fff;border-color:#19a647}

.nhasset .eventListWrap{margin-top:23px}
.nhasset .eventListWrap > li{}
.nhasset .eventListWrap > li + li{margin-top:32px}
.nhasset .eventListWrap > li .eventSummary{}
.nhasset .eventListWrap > li .eventSummary > a{display:block}
.nhasset .eventListWrap > li .eventSummary > a .enentIimgArea{}
.nhasset .eventListWrap > li .eventSummary > a .summary{margin-top:12px}
.nhasset .eventListWrap > li .eventSummary > a .summary .titleArea{padding-right:16px;background:url('../images/arr_right02.png')no-repeat right 5px center;background-size:6px auto}
.nhasset .eventListWrap > li .eventSummary > a .summary .titleArea .title{color:#111}
.nhasset .eventListWrap > li .eventSummary > a .summary .titleArea .flagEvent + .title{padding-left:4px}
.nhasset .eventListWrap > li .eventSummary > a .summary .date{font-size:clamp(12px,1.2rem,18px);color:#999;margin-top:7px} /* [2022-11-11] 사보현 :컬러수정 */
.nhasset .flagEvent{display:inline-block;border-radius:4px;padding:0 8px;font-size:clamp(12px,1.2rem,18px);color:#fff;line-height:2.1;margin-right:4px}
.nhasset .flagEvent.ongoing{background-color:#64caaa}
.nhasset .flagEvent.end{background-color:#8599b2}
.nhasset .flagEvent.draw{background-color:#ff7175}
.nhasset .flagEvent.result{background-color:#19b9bf}

.nhasset .eventIcoWrap{overflow:hidden;margin-top:30px}
.nhasset .eventIcoWrap ul{display:flex;justify-content:center;align-items:center}
.nhasset .eventIcoWrap ul li{width:52px;height:52px;margin:0 13px}
.nhasset .eventIcoWrap ul li a{display:block;height:52px}
.nhasset .eventIcoWrap ul li.event-kakao span, span.event-kakao:before{content:'';background-image:url('../images/ico_share_kakao.png')}
.nhasset .eventIcoWrap ul li.event-share span, span.event-share:before{content:'';background-image:url('../images/ico_share_friends.png')}
.nhasset .eventIcoWrap ul li span{color:transparent;display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto}
.nhasset .titleBoard{border-bottom:solid 1px #555555;padding-bottom:5px}

.nhasset .myRecomWrap{background-color:#f9f9f9;margin-top:15px}
.nhasset .myRecomWrap .myRecomList{padding:10px 10px 2px 10px}
.nhasset .myRecomWrap .myRecomList dl{border:solid 1px #e7e6e6;border-radius:7px;padding:14px 15px;display:flex;justify-content:space-between;align-items:center}
.nhasset .myRecomWrap .myRecomList dl dt,
.nhasset .myRecomWrap .myRecomList dl dd{color:#19a647;font-weight:bold;line-height:20px}
.nhasset .myRecomWrap .myRecomList dl dt{font-size:clamp(16px,1.6rem,24px)}
.nhasset .myRecomWrap .myRecomList dl dd{font-size:clamp(20px,2rem,30px)}
.nhasset .myRecomWrap .myRecomList dl + dl{border:0;padding:14px 10px}
.nhasset .myRecomWrap .myRecomList dl + dl dt,
.nhasset .myRecomWrap .myRecomList dl + dl dd{color:#111;font-weight:normal}
.nhasset .myRecomWrap .myRecomList dl + dl dt{font-size:14px}
.nhasset .myRecomWrap .myRecomList dl + dl dd{font-size:15px}
/* 이벤트 포털 등록용 */
.eventFull{margin:0 -16px}
.wrap_event_img img{width:100%;display:block}
.wrap_event_img a{display:block}

/* qr 이벤트 화면 */
.etc_logo{text-align:center;margin-top:10px}
.etc_logo img{height:23px;width:auto}
.wrap_qrEvent{color:#111}
.qrEvent_title{text-align:center;font-size:22px;font-weight:bold;margin-top:30px;word-break:keep-all}
.qrEvent_para{margin-top:30px;font-size:16px;text-align:center;word-break:keep-all;background:url('../images/contents/bg_qrevent01.png')no-repeat top center;background-size:320px auto;padding-top:241px}
.qrEvent_para p{margin-top:35px}
.qrEvent_para strong{display:block}


/* 투자시뮬레이션 */
.nhasset .asssetMaybeWrap{position:relative}
.nhasset .asssetMaybeWrap .asssetMaybeTitle{font-size:clamp(20px,2rem,30px);text-align:center;margin-top:30px;/*background:url('../images/img_maybe01.png')no-repeat center bottom;background-size:52px auto;padding-bottom:100px*/}
.nhasset .asssetMaybeWrap .asssetMaybeList{margin-top:28px}
.nhasset .asssetMaybeWrap .asssetMaybeList > li{margin-bottom:12px;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16);background-color:#fff;border-radius:10px;border:solid 1px #ff83e0}
.nhasset .asssetMaybeWrap .asssetMaybeList > li > a{display:block;padding:13px 20px 16px 85px;background:url('../images/icon_maybe02.png')no-repeat 25px center;background-size:36.5px auto}
.nhasset .asssetMaybeWrap .asssetMaybeList > li > a strong{display:block;font-size:clamp(16px,1.6rem,24px)}
.nhasset .asssetMaybeWrap .asssetMaybeList > li > a p{font-size:clamp(13px,1.3rem,19.5px);color:#666;margin-top:3px}
.nhasset .asssetMaybeWrap .asssetMaybeList > li.myAssSetSel{border-color:#9283ff}
.nhasset .asssetMaybeWrap .asssetMaybeList > li.myAssSetSel a{background:url('../images/icon_maybe01.png')no-repeat 24px center;background-size:40px auto}

.nhasset .asssetMaybeWrap .asssetMaybe_ani1{position:relative;margin:30px auto;background:url('../images/bg_aesset_ani1.png') no-repeat center bottom;background-size:78px 39px;height:82px;width:107px}
.nhasset .asssetMaybeWrap .asssetMaybe_ani2{position:relative;margin:30px auto;height:82px;width:107px}
.nhasset .asssetMaybeWrap .asssetMaybe_ani3{position:relative;margin:30px auto;height:82px;width:107px}

.nhasset .asssetMaybeWrap .asssetMaybe_ani1 div > img{width:39px}
.nhasset .asssetMaybeWrap .asssetMaybe_ani2 div > img{width:69px}
.nhasset .asssetMaybeWrap .asssetMaybe_ani1 .assetCoin{position:absolute;left:42px;animation-name:coin1;z-index:2;
  animation-duration:.3s;
  animation-timing-function:ease-in-out;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani1 .assetCoin1{position:absolute;left:43px;top:-10px;animation-name:coin2;z-index:2;
  animation-duration:.6s;
  animation-timing-function:ease-in-out;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani1 .assetCoin2{position:absolute;left:13px;top:-10px;animation-name:coin3;z-index:2;
  animation-duration:.6s;
  animation-timing-function:ease-in;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani1 .assetCoin3{position:absolute;left:-10px;top:0px;animation-name:coin4;z-index:1;opacity:0;
  animation-duration:.7s;
  animation-timing-function:ease-in;
  animation-delay:.2s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani2 .gold1{position:absolute;right:0px;top:0px;animation-name:gold1;z-index:1;
  animation-duration:.3s;
  animation-timing-function:ease-in-out;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani2 .gold2{position:absolute;left:10px;top:0px;animation-name:gold2;z-index:2;
  animation-duration:.6s;
  animation-timing-function:ease-in-out;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani2 .assetCoin3{position:absolute;left:-10px;top:0px;animation-name:coin4;z-index:1;opacity:0;
  animation-duration:.7s;
  animation-timing-function:ease-in;
  animation-delay:.2s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani3 .bar1{position:absolute;left:20px;bottom:0px;animation-name:bar1;z-index:1;
  animation-duration:.3s;
  animation-timing-function:ease-in;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani3 .bar2{position:absolute;left:45px;bottom:0px;animation-name:bar2;z-index:1;opacity:0;
  animation-duration:.4s;
  animation-timing-function:ease-in;
  animation-delay:0.1s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani3 .bar3{position:absolute;right:20px;bottom:0px;animation-name:bar3;z-index:1;opacity:0;
  animation-duration:.5s;
  animation-timing-function:ease-in;
  animation-delay:0.1s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani3 .bar4{position:absolute;left:0px;top:0px;animation-name:bar4;z-index:1;opacity:0;
  animation-duration:.7s;
  animation-timing-function:ease-in-out;
  animation-delay:.0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
.nhasset .asssetMaybeWrap .asssetMaybe_ani3 .assetCoin3{position:absolute;left:0px;top:0px;animation-name:coin4;z-index:1;opacity:0;
  animation-duration:.7s;
  animation-timing-function:ease-in;
  animation-delay:.3s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode:forwards;
}
@keyframes coin1{
  	0%{ 
  		opacity:0;
		top:0;
	}
	30%{ 
		opacity:0.5;
	}
	50%{ 
		opacity:1;
	}
	100%{ 
		opacity:1;
		top:17px;
		transform:rotate3d(0, 0, 1, 16deg);	
	}
}
@keyframes coin2{
  	0%{ 
  		opacity:0;
		top:0;
	}
	30%{ 
		top:0;
	}
	50%{ 
		opacity:1;
		transform:rotate3d(0, 0, 1, -28deg);
	}
	100%{ 
		opacity:1;
		top:11px;
		transform:rotate3d(0, 0, 1, -14deg);	
	}
}
@media (max-width:425px){
  @keyframes coin1{
	  	0%{ 
	  		opacity:0;
			top:0;
		}
		30%{ 
			opacity:0.5;
		}
		50%{ 
			opacity:1;
		}
		100%{ 
			opacity:1;
			top:26px;
			transform:rotate3d(0, 0, 1, 16deg);	
		}
	}
	@keyframes coin2{
	  	0%{ 
	  		opacity:0;
			top:0;
		}
		30%{ 
			top:0;
		}
		50%{ 
			opacity:1;
			transform:rotate3d(0, 0, 1, -28deg);
		}
		100%{ 
			opacity:1;
			top:20px;
			transform:rotate3d(0, 0, 1, -14deg);	
		}
	}
}

@keyframes coin3{
  	0%{ 
  		opacity:0;
		top:0;
	}
	30%{ 
		opacity:0;
		top:0;
	}
	50%{ 
		opacity:.5;
	}
	90%{ 
		opacity:1;
		top:10px;
	}
	90%{ 
		opacity:1;
		transform:translateY(5px);
	}
	99%{ 
		opacity:1;
		transform:translateY(10px);
	}
	100%{ 
		opacity:1;
		top:20px;
		transform:translateY(0px);
	}
}
@keyframes coin4{
  	 0%{
  	 	opacity:0;
	    transform:scale(0);
	}
	 80%{
  	 	opacity:5;
	    transform:scale(1);
	}
	  100%{
	  	opacity:1;
	    transform:scale(1);
	 }
}
@keyframes gold1{
  	 0%{ 
  		opacity:0;
		top:0;
	}
	30%{ 
		opacity:0.5;
	}
	50%{ 
		opacity:1;
	}
	100%{ 
		opacity:1;
		top:38px;
	}
}
@keyframes gold2{
  	 0%{ 
  		opacity:0;
		top:0;
	}
	30%{ 
		top:0;
	}
	50%{ 
		opacity:1;
		transform:rotate3d(0, 0, 1, 16deg);	
	}
	100%{ 
		opacity:1;
		top:27px;
		transform:rotate3d(0, 0, 1, 0deg);	
	}
}
@keyframes bar1{
  	0%{
	    transform:translateY(0px);
	    opacity:0;
	 }
	  100%{
	    transform:translateY(0);
	    opacity:1;
	 }
}
@keyframes bar2{
  	0%{
	    transform:translateY(50px);
	    opacity:0;
	 }
	  100%{
	    transform:translateY(0);
	    opacity:1;
	 }
}
@keyframes bar3{
  	0%{
	    transform:translateY(50px);
	    opacity:0;
	 }
	  100%{
	    transform:translateY(0);
	    opacity:1;
	 }
}
@keyframes bar4{
  	0%{
  		opacity:0;
    transform:translateX(0px);
 }
  100%{
  	opacity:1;
    transform:translateX(20px);
 }
}
.nhasset .maybeDetailTitle{color:#fff;border-radius:10px;padding:20px 20px 110px 20px;background:url('../images/img_maybe02.png')no-repeat right bottom #9283ff;background-size:153px auto;margin-top:18px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .maybeDetailTitle p{color:#eff0f3}
.nhasset .maybeDetailTitle .defTit{color:#fff;font-size:clamp(24px,2.4rem,36px);margin-top:15px}
.nhasset .maybeNone{text-align:center;background:url('../images/img_maybe03.png')no-repeat center bottom;padding-bottom:150px;background-size:101px auto}
.nhasset .maybeNone p{color:#666}
.nhasset .maybeNone p.maybeNonePara2{font-size:clamp(16px,1.6rem,24px);color:#111;font-weight:bold}
.nhasset .maybeWishTitle{padding-right:50px;background:url('../images/icon_maybe03.png')no-repeat right center;background-size:41.5px auto;min-height:53px;margin-top:4px}
.nhasset .maybeWishTitle strong{font-size:clamp(18px,1.8rem,27px);display:block;margin-top:5px}
.nhasset .maybeWishList{margin-top:30px}
.nhasset .maybeWishList > li{background-color:#fff}
.nhasset .maybeWishList > li + li{margin-top:8px}
.nhasset .maybeWishList > li > a{display:flex;padding:20px 18px;justify-content:space-between;border-radius:5px;outline:solid 1px #ebebeb;align-items:center}
.nhasset .maybeWishList > li > a.active{outline:solid 2px #19a647}
.nhasset .maybeWishList > li > a.goBlur{position:relative;padding:20px 0;justify-content:center;background-color:rgba(0,0,0,0.05)}
.nhasset .maybeWishList > li > a.goBlur .goBlurCont{filter:blur(3px);position:absolute;display:flex;justify-content:space-between;position:absolute;padding:0 18px;width:100%}
.nhasset .maybeWishList > li > a .tit{color:#666}
.nhasset .maybeWishList > li > a .value{white-space:nowrap;text-align:right}
.nhasset .maybeWishList > li > a .value .unit{color:#666 !important}
.nhasset .maybeWishList > li > a .value .unit + .unit{padding:0 8px 0 4px}
.nhasset .maybeWishList > li > a .value.up{color:#19a647}
.nhasset .maybeWishList > li > a .value.down{color:#666}
.nhasset .maybeWishList.typeTitEllipsis > li > a .tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:8px}

.nhasset .foreignBannerWrap{border-radius:8px;box-shadow:0px 2px 5px 0px rgba(43, 43, 43, 0.16);background-color:#020049;margin-top:20px;color:#fff;padding:14px 20px}
.nhasset .foreignBannerWrap > a{display:block;background:url('../images/bg_foreign_banner.png')no-repeat right center;background-size:auto 66px;padding:11px 0;min-height:66px}
.nhasset .foreignBannerWrap > a > p{font-weight:bold}
.nhasset .foreignBannerWrap > a > strong{display:block;font-weight:900;font-size:clamp(16px,1.6rem,24px)}


.nhasset .mayBeImgArea{text-align:center}
.nhasset .maybeTabWrap{margin-top:25px}
.nhasset .maybeTabWrap .maybeWishList > li > a{box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}

.nhasset .maybeTabWrap .maybeWishList > li .outSeaInfo{display:flex;justify-content:space-between;align-items:center;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);padding:20px 18px;border-radius:5px;background-color:#fff}
.nhasset .maybeTabWrap .maybeWishList.outSeaInfoWrap > li{background:transparent}
.nhasset .maybeTabWrap .maybeWishList.outSeaInfoWrap > li .outSeaInfo .tit{display:inline-flex;align-items:center;margin-right:10px}
.nhasset .maybeTabWrap .maybeWishList.outSeaInfoWrap > li .outSeaInfo .tit > span{color:#666}
.nhasset .maybeTabWrap .maybeWishList.outSeaInfoWrap > li .outSeaInfo .tit > span.unitKor{font-weight:bold;margin-right:8px}
.nhasset .maybeTabWrap .maybeWishList.outSeaInfoWrap > li .outSeaInfo .tit > span.unit{font-size:clamp(11px,1.1rem,16.5px);font-weight:normal;flex:0 0 auto}
.nhasset .maybeTabWrap .maybeWishList.outSeaInfoWrap > li .outSeaInfo .value{white-space:nowrap}

.nhasset .likeBtn01{background-color:#19a647;display:inline-flex;border-radius:30px;color:#fff;font-size:clamp(12px,1.2rem,18px);padding:6px 12px 6px 15px;position:relative;z-index:1;align-items:center}
.nhasset .likeBtn01:after{content:'';display:inline-block;width:6px;height:11px;background:url('../images/arr_right05.png')no-repeat center;background-size:6px auto;margin-left:8px}

.hasLoading{overflow:hidden}
.dataLoadingWrap{background-color:rgba(0, 0, 0,0.702);position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;display:none}
.dataLoadingWrap .dataLoading{display:flex;align-items:center;justify-content:center;height:100%}
.dataLoadingWrap .dataLoading .inner{margin-top:-100px;color:#fff;background:url('../images/data_loading001.gif')no-repeat center top;padding-top:130px;background-size:120px auto;text-align:center}
.dataLoadingWrap .dataLoading .inner.cardBenefit{background-image:url('../images/data_loading002.gif');background-size:140px auto;padding-top:150px}

.nhasset .maybeOther{border-radius:10px;box-shadow:0px 2px 5px 0px rgba(60, 78, 110, 0.16);background:url('../images/icon_maybe_other01.png')no-repeat right bottom #fbf5f0;background-size:113.5px auto ;margin-top:20px;padding:20px 0 24px 20px}
.nhasset .maybeOther .step{font-size:clamp(12px,1.2rem,18px);color:#111;font-weight:bold}
.nhasset .maybeOther p{margin-top:13px}
.nhasset .maybeOther p strong{display:block;font-size:clamp(18px,1.8rem,27px)}
.nhasset .maybeOtherList{}
.nhasset .maybeOtherList > li{}
.nhasset .maybeOtherList > li + li{margin-top:8px}
.nhasset .maybeOtherList > li > a{display:block;border:solid 1px #ebebeb;border-radius:10px;text-align:center;padding:12px;color:#666666} /* [접근성_2024] 명도대비 컬러 변경 */

.nhasset .directInputArea{}
.nhasset .directInputArea .inputList{}
.nhasset .directInputArea .inputList input[type='text']{outline:solid 2px #19a647;border-radius:10px;text-align:center;padding-right:55px}
.nhasset .directInputArea .inputList input[type='text']:focus{background:url('../images/ico_select_active.png')no-repeat 18px center;background-size:12.5px auto;padding-left:40px;text-align:left}
.nhasset .directInputArea .inputList input[type='text']:focus + .edit{display:none !important}
.nhasset .directInputArea .inputList input[type='text']::placeholder{text-align:center}
.nhasset .directInputArea .inputList .btnReset{position:absolute;right:15px}
.nhasset .directInputArea .inputList .edit{position:absolute;z-index:2;top:0;right:38px;overflow:hidden;background:url('../images/btn_edit01.png')no-repeat center;background-size:16px;font-size:1px;color:transparent;width:20px;height:48px}


/* 날자 선택 픽커 */
.yearSet{overflow:hidden}
.yearSet.dayPicSet .yearsetLft, .yearSet.dayPicSet .yearsetRht, .yearSet.dayPicSet .yearsetDay{border:0}
.yearSet.dayPicSet .yearsetLft, .yearSet.dayPicSet .yearsetRht, .yearSet.dayPicSet .yearsetDay{}
.yearSet:before{content:'';position:absolute;top:80px;height:40px;width:100%;border:solid 1px #ebebeb;border-width:1px 0;z-index:0;background-color:#fafafa}
.yearSet .yearsetLft::-webkit-scrollbar,
.yearSet .yearsetRht::-webkit-scrollbar,
.yearSet .yearsetDay::-webkit-scrollbar{display:none}

.yearSet a{font-size:clamp(14px,1.4rem,18px);color:#999}
.yearSet .active{font-size:clamp(16px,1.6rem,20px);color:#111}



.yearSet .hiddenDay{opacity:.4;color:#333}
.yearSet > ol{padding:80px 0}
.yearSet button,.yearSet a{position:relative;z-index:1}
.yearSet button{line-height:40px;color:#333;display:block;text-align:center;font-size:15px;width:100%}
.yearSet button:disabled{opacity:0.4}
.yearSet.noneAction ol{touch-action:none}
.yearSet.noneAction ol a,.yearSet.noneAction ol button{color:#333 !important;opacity:0.4 !important}
.yearSet .yearsetRht .noneAction{pointer-events:none;opacity:0.4 !important}

/* 연말정산 */
.nhasset .boxTypeWrap.addBotBtn{position:relative;padding-bottom:30px;z-index:10;overflow:visible}
.nhasset .yatexinfoWrap{/*border-bottom:1px solid #ebebeb;*/}
.nhasset .yatexinfoWrap .defTit{margin-top:2px}
.nhasset .yatexinfoWrap .defTit strong{font-weight:900;font-size:clamp(20px, 2rem, 30px);/*line-height:1.5;*/}

.nhasset .yearimgBg{padding:130px 0 30px;text-align:center;margin-top:36px;background:url('../images/yatex_top_img.png')no-repeat center top; background-size:129px auto}
.nhasset .yearimgBg1{padding:130px 0 30px;text-align:center;margin-top:36px;background:url('../images/yatex_top_img1.png')no-repeat center top; background-size:197px auto}
.nhasset .yearimgBg1 + .resultBtnMore{margin-bottom:10px}
.nhasset .imitationBg{padding:85px 0 30px;text-align:center;margin-top:36px;background:url('../images/img_temporary03.png')no-repeat center top; background-size:218px auto ;padding-top:102px}
.nhasset .yearbtnWrap{text-align:right}
.nhasset .yeartexForm .formTit.disInline {display:inline-block;margin-top:0;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .yeartexForm .formTit.disInline.flex {display:block}
.nhasset .yeartexForm .addtxt{margin-bottom:7px;color:#999;font-size:clamp(12px, 1.2rem, 18px);text-align:right}
.nhasset .yeartexForm .tooltipWrap.w96 .toolTipBtn,
.nhasset .yeartexForm02 .tooltipWrap.w96 .toolTipBtn{/*margin-top:-0.3rem;*/}
.nhasset .yeartexForm .tooltipWrap.w96 .tooltipCont{width:calc(100% - 40px) !important;left:20px}
.nhasset .yeartexForm02 .tooltipWrap.w96 .tooltipCont{width:calc(100% - 40px) !important;left:20px}
.nhasset .boxTypeWrap:not(.addBotBtn) .yatexinfoWrap + .yeartexForm .tooltipWrap.w96 .tooltipCont,
.nhasset .boxTypeWrap:not(.addBotBtn) .yeartexForm.addbdTop .tooltipWrap.w96 .tooltipCont{width:calc(100% - 72px) !important;left:36px} /*기본정보 툴팁 박스 너비 수정*/
.nhasset .yeartexForm .errorTxt{position:initial;margin-top:5px;right:36px;text-align:left}
.nhasset .yeartexForm.addbdTop,
.nhasset .yeartexForm02.addbdTop{margin-top:30px}
.nhasset .yeartexForm.addbdTop:before{position:absolute;left:0;content:"";display:block;width:calc(100% - 32px);margin-left:16px;height:1px;background-color:#ebebeb}
.nhasset .yeartexForm02.addbdTop:before{position:absolute;left:0;content:"";display:block;width:100%;height:1px;background-color:#ebebeb}
.nhasset .yeartexForm02.addbdTop .tit{padding-top:30px}
.nhasset .yeartexForm02.addbdTop .tit.fo16{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .yeartexForm .contBtn02{float:right;margin-top:1px;font-size:clamp(12px, 1.2rem, 18px);padding:2px 8px 2px}
.nhasset .yeartexForm .contBtn02 + .inputList{margin-top:4px}
.nhasset .boxTypeWrap + .areaBtnDefault .btnPressNone{color:#999999;background:#ebebeb}
.nhasset .yeartexForm.addbdTop .boxRadio{margin-bottom:10px}
.nhasset .yeartexForm.addbdTop .boxRadio input[type="radio"] + label{/* font-size:clamp(13px, 1.3rem, 19.5px);*/}

.nhasset .personAllow li .flexBox{display:flex;align-items:center;border-top:solid 1px #ebebeb;padding:23px 0}
.nhasset .personAllow li:first-child .flexBox{border-top:none}
.nhasset .personAllow li:last-child .flexBox{border-bottom:1px solid #ebebeb}
.nhasset .personAllow li .flexBox .itemWrap.formHolder{margin-left:auto}
.nhasset .personAllow .personTitWrap{/*margin-top:20px;*/}
.nhasset .personAllow .personTitWrap + .boxRadio{margin-top:10px}
.nhasset .personAllow .mt27{margin-top:27px}
.nhasset .personAllow li .flexBox.ty01{padding:30px 0 0;margin-bottom:-4px}
.nhasset .personAllow li .flexBoxTy01{margin-top:27px}
.nhasset .personAllow li + li .flexBoxTy01{border-top:1px solid #ebebeb;padding-top:27px}
.nhasset .yalistMoreBtn{ border:solid 1px #ebebeb;border-radius:5px;background-color:#fff;text-align:center}
.nhasset .yalistMoreBtn a{height:auto;line-height:2.8}
.nhasset .yalistMoreBtn a:before{display:inline-block;vertical-align:middle;content:'';width:9px;height:9px;margin-top:-3px;margin-right:8px;background:url(../images/common/ico_yabtn_plus.png) no-repeat 0 0;background-size:9px 9px}
.nhasset .personAllow.bdAdd{border-top:1px solid #ebebeb}
.nhasset .personAllow .flexBox.bdBt{border-bottom:none !important}

.nhasset .yanowWrap.ty01{border-radius:10px;/*padding-bottom:8px;*/}
.nhasset .yanowWrap.ty01 .yagraphArea span.tit{font-size:clamp(16px, 1.6rem, 24px);font-weight:900;color:#111}
.nhasset .yanowWrap.ty01 .yagraphArea span.tit.fwbold{font-weight:bold}
.nhasset .yanowWrap.ty01 .yalistBox{margin-top:9px}
.nhasset .yalistboxWrap{margin-top:23px}
.nhasset .yalistboxWrap .yalistBox li{margin-top:0 !important;border-top:1px solid #ebebeb;padding:20px 0}
.nhasset .yanowWrap .cont.addBd{}
.nhasset .yanowWrap .cont.addBd:before{position:absolute;content:'';display:inline-block;width:100%;margin:0 -20px; height:1px;border-bottom:1px solid #ebebeb}
.nhasset .yanowWrap .cont.addBd .yagraphArea{padding-top:30px}
.nhasset .resultBtnMore{margin-top:20px}
.nhasset .resultBtnMore .btnBodyLine{box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%)}
.nhasset .resultBtnMore a{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .yalistboxWrap + .resultBtnMore{margin-bottom:10px;margin-top:7px}

.nhasset .deductBtnWrap{display:flex;align-items:center;vertical-align:middle;border:1px solid #ebebeb;border-radius:2px;box-sizing:border-box}
.nhasset .deductBtnWrap .deductNum{width:32px;height:26px;line-height:26px;text-align:center;color:#111;font-weight:normal;border-right:1px solid #ebebeb;border-left:1px solid #ebebeb} /* [2023-01-03] 사보현 :공통 폰트 컬러 수정 */
.nhasset .deductBtnWrap .minusBtn, .plusBtn{display:inline-block; width:28px;height:26px}
.nhasset .deductBtnWrap .minusBtn{background:url(../images/ico_num_minus.png) center center /9px  no-repeat}
.nhasset .deductBtnWrap .plusBtn{background:url(../images/ico_num_plus.png) center center /9px  no-repeat}

.nhasset .yatexNowWrap{margin:20px auto 0;width:245.5px;height:104.5px;background:url('../images/yatex_now_top_case01.png')no-repeat center top; background-size:cover}
.nhasset .yatexNowWrap.case02{margin:20px auto 0;width:207.5px;height:98px;background:url('../images/yatex_now_top_case02.png')no-repeat center top; background-size:cover}
.nhasset .yatopArea{}
.nhasset .yatopArea.dsf{display:flex;margin-top:30px;justify-content:space-between;align-items:center}
.nhasset .yatopArea.dsf .titWrap{margin-top:0}
.nhasset .yatopArea.dsf .titWrap .tit{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .yatopArea .tooltipWrap .tooltipCont{left:16px}
.nhasset .addToltip .yaTopTit .titT{position:relative;font-size:clamp(20px, 2.0rem, 30px);color:#111}
.nhasset .addToltip .yaTopTit .tooltipWrap + .titT{display:block;margin-top:0}
.nhasset .addToltip .yaTopTit .titT strong{font-weight:900}
.nhasset .addToltip .yaTopTit .tooltipWrap{vertical-align:top;margin-top:4px;margin-left:5px}
.nhasset .addToltip p{display:inline-block}
.nhasset .yatopArea .tooltipWrap .tooltipCont .bulList li,
.nhasset .addToltip li,
.nhasset .addBul li,
.nhasset .yanowWrap .tooltipCont .bulList li{padding-left:10px;font-size:clamp(10px, 1.0rem, 15px);line-height:1.5;padding-right:20px}
.nhasset .yatopArea .tooltipWrap .tooltipCont .bulList li ~li,
.nhasset .addToltip li  ~li,
.nhasset .addBul li  ~li,
.nhasset .yanowWrap .tooltipCont .bulList li ~ li{ margin-top:5px}
.nhasset .yatopArea .tooltipWrap .tooltipCont .bulList li:before,
.nhasset .addToltip li:before,
.nhasset .addBul li:before,
.nhasset .yanowWrap .tooltipCont .bulList li:before{content:"-";display:inline-block;margin-left:-10px;margin-right:6px}
.nhasset .addToltip li{font-size:clamp(12px,1.2rem,14px);color:#111}

.nhasset .noDataBox.yaType .link{padding-left:2px;display:block !important;padding-right:0}
.nhasset .noDataBox.yaType .yalinkBtn p{position:relative}
/*.nhasset .noDataBox.yaType .yalinkBtn p:before{content:'';display:inline-block;position:absolute;left:-20px;margin-top:0.5rem;width:16px;height:16px;background:url(../images/icoexclammark.png) no-repeat 0 0;background-size:cover}*/
.nhasset .noDataBox.yaType span{font-size:clamp(13px, 1.3rem, 18px);font-weight:normal !important}
.nhasset .noDataBox.yaType span.dataValue{font-weight:normal !important;font-family:initial}

.nhasset .yearRefreshWrap{position:relative;margin:10px 0 0;padding:6px 0 10px;vertical-align:middle;display:flex;align-items:center}
.nhasset .yearRefreshWrap span{color:#666}
.nhasset .yearRefreshWrap span + .yearupdateBtn{margin-left:7px;margin-top:3px}
.nhasset .yearRefreshWrap .yearupdateBtnWrap{margin-left:auto;display:inline-flex;align-items:center}
.nhasset .yearRefreshWrap .yearupdateBtn{display:inline-block;border:none;width:16px;height:16px;background:url('../images/common/btn_update.png') 0 0 /100% no-repeat}
.nhasset .yearRefreshWrap .yearupdateSeting{display:inline-block;border:none;width:21px;height:21px;background:url('../images/ico_set.png')no-repeat center;background-size:21px auto}
.nhasset .yearRefreshWrap .yearupdateSeting.fail{background-image:url('../images/common/btn_setup_fail.png');background-size:16px auto}

.nhasset .setWrap{margin:17px 0 15px 0;display:flex;justify-content:space-between}
.nhasset .setWrap .updateDay{display:flex;align-items:center}
.nhasset .setWrap .settingArea{display:flex}
.nhasset .setWrap .updateDay span{color:#555 !important}
.nhasset .setWrap .tit{margin-right:5px;white-space:nowrap}
.nhasset .btnUpdate{display:inline-block;width:24px;height:20px;margin:0;position:relative;background:url('../images/common/btn_update.png')no-repeat right center;background-size:21px auto}
.nhasset .btnSetting{display:inline-block;text-align:right;width:23px;height:22px;background:url('../images/common/btn_setup.png') no-repeat center center;background-size:22px auto;margin-left:5px;overflow:hidden}
.nhasset .btnSetting.fail{background-image:url('../images/common/btn_setup_fail.png');overflow:hidden}
.nhasset .btnSetting.fail:after{content:'스크래핑 실패';color:transparent}
.nhasset .btnFail{overflow:hidden}
.nhasset .btnUpdate.active{animation:updateLoading 2s ease-out 1;transform-origin:50% 50%}
@keyframes updateLoading{
  100%{transform:rotate(1080deg)}
}



.nhasset .defTit.ty01{margin-top:0;/*line-height:1.5;*/ font-weight:bold}
.nhasset .defTit.ty01 strong,
.nhasset .defTit.ty01 strong span.dataValue{font-weight:900}
.nhasset .btnBodyLine.rad8{margin-top:5px;border-radius:8px;border:1px solid #999;color:#222;height:42px;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%)}

.nhasset .yabannerArea{margin-top:26px}
.nhasset .yabannerArea.baHalf{display:flex;justify-content:space-around}
.nhasset .yabannerArea.baHalf .yabanner{flex:1;flex-wrap:wrap;margin-top:0}
.nhasset .yabannerArea.baHalf .yabanner +  .yabanner{margin-left:10px}
.nhasset .yabannerArea .tit,
.nhasset .yaListArea .topTit{font-size:clamp(16px, 1.6rem, 24px);color:#111;font-weight:900}
.nhasset .yabannerArea .titWrap .toolTipBtn{margin-left:4px}
.nhasset .yabannerArea .yabanner{margin-top:16px;border-radius:10px;padding:20px;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%)}
.nhasset .yabannerArea .yabanner{font-size:clamp(15px, 1.5rem, 22.5px);color:#111;font-weight:bold}
.nhasset .yabannerArea .yabanner.h200{padding-bottom:38px;position:relative;z-index:5}
.nhasset .yabannerArea .yabanner.ty01{background:#d9e2ff url('../images/banner/img_yatex_temporary.png')no-repeat center right 20px;background-size:73px auto}
.nhasset .yabannerArea .yabanner.ty03{background:#d1f1e9 url('../images/banner/img_yatex_now09.png')no-repeat center right 20px;background-size:78px auto}
.nhasset .yabannerArea .yabanner.ty04{background:#d9e2ff url('../images/banner/img_yatex_now01.png')no-repeat center right 20px;background-size:85px auto}
.nhasset .yabannerArea .yabanner.ty05{background:#d1f1e9 url('../images/banner/img_yatex_now02.png')no-repeat center right 20px;background-size:74px auto}
.nhasset .yabannerArea .yabanner.ty06{background:#d8f3fe url('../images/banner/img_yatex_now05.png')no-repeat center right 20px;background-size:34px auto}
.nhasset .yabannerArea .yabanner.ty07{background:#d0eaf5 url('../images/banner/img_yatex_now07.png')no-repeat center right 20px;background-size:74px auto}
.nhasset .yabannerArea .yabanner.ty08{background:#f8f6da url('../images/banner/img_yatex_now08.png')no-repeat center right 20px;background-size:33.5px auto}
.nhasset .yabannerArea .yabanner.ty09{background:#d1f1e9 url('../images/banner/img_yatex_irp.png')no-repeat center right 20px;background-size:78px auto}
.nhasset .yabannerArea .yabanner.ty10{background:#f0e0f9 url('../images/banner/img_yatex_temporary03.gif')no-repeat center right 20px;background-size:70px auto}
.nhasset .yabannerArea .yabanner.ty11{background:#f8f6da url('../images/banner/img_simu_banner01.png')no-repeat top 64px right 20px;background-size:33px auto;height:131px}
.nhasset .yabannerArea .yabanner.ty12{background:#d8f3fe url('../images/banner/img_yatex_now05.png')no-repeat top 52px right 20px;background-size:33px auto;height:131px}

.nhasset .yatopArea .yabannerArea .yabanner.ty13{background:#f7e4eb url('../images/banner/img_yatex_now13.png')no-repeat center right 20px;background-size:57px auto}
.nhasset .yatopArea .yabannerArea .yabanner.ty14{background:#d1f1e9 url('../images/banner/img_yatex_now14.png')no-repeat center right 13px;background-size:80px auto}
.nhasset .yatopArea .yabannerArea .yabanner.ty15{background:#d0eaf5 url('../images/banner/img_yatex_now15.png')no-repeat center right 20px;background-size:68px auto}
.nhasset .yatopArea .yabannerArea .yabanner.ty16{background:#e3ddf9 url('../images/banner/img_yatex_now16.png')no-repeat center right 20px;background-size:65px auto}
.nhasset .yatopArea .yabannerArea .yabanner.ty17{background:#eff2cd url('../images/banner/img_yatexCase01_house.png')no-repeat center right 20px;background-size:63px auto}
.nhasset .yatopArea .yabannerArea .yabanner.ty18{background:#d9e7ff url('../images/banner/img_yatexCase07_irp.png')no-repeat center right 20px;background-size:80.5px auto}
.nhasset .yatopArea .yabannerArea .yabanner.ty19{background:#d1edfe url('../images/banner/img_yatexCase08_insurance.png')no-repeat center right 20px;background-size:72px auto}

.nhasset .yabannerArea .yabanner.tyCase01{background:#eff2cd url('../images/banner/img_yatexCase01_house.png')no-repeat center right 22px;background-size:59.5px auto}
.nhasset .yabannerArea .yabanner.tyCase02{background:#f7e4eb url('../images/banner/img_yatexCase02_spend.png')no-repeat center right 20px;background-size:57px auto}
.nhasset .yabannerArea .yabanner.tyCase03{background:#e8f6cb url('../images/banner/img_yatexCase03_card.png')no-repeat center right 20px;background-size:73px auto}
.nhasset .yabannerArea .yabanner.tyCase04{background:#d3eefb url('../images/banner/img_yatexCase04_congratulation.png')no-repeat center right 24px;background-size:77.5px auto}
.nhasset .yabannerArea .yabanner.tyCase05{background:#d6f5d8 url('../images/banner/img_yatexCase05_minus.png')no-repeat center right 20px;background-size:85px auto}
.nhasset .yabannerArea .yabanner.tyCase06{background:#e9eaf3 url('../images/banner/img_yatexCase06_info.png')no-repeat center right 20px;background-size:85px auto}
.nhasset .yabannerArea .yabanner.tyCase07{background:#d9e7ff url('../images/banner/img_yatexCase07_irp.png')no-repeat center right 23px;background-size:80.5px auto}
.nhasset .yabannerArea .yabanner.tyCase08{background:#d1edfe url('../images/banner/img_yatexCase08_insurance.png')no-repeat center right 20px;background-size:72px auto}
.nhasset .yabannerArea .yabanner.tyCase09{background:#f8e4f5 url('../images/banner/img_yatexCase09_alarm.png')no-repeat center right 20px;background-size:59.5px auto}
.nhasset .yabannerArea .yabanner.tyCase10{background:#d1f1e9 url('../images/banner/img_yatexCase10_pay.png')no-repeat center right 20px;background-size:80px auto}
.nhasset .yabannerArea .yabanner.tyCase11{background:#e4f2cd url('../images/banner/img_yatexCase11_clap.png')no-repeat center right 22px;background-size:77.5px auto}
.nhasset .yabannerArea .yabanner.bgPurple{background-color:#d9e2ff}
.nhasset .yabannerArea .yabanner.bgGreen{background-color:#d1f1e9}
.nhasset .yabannerArea .yabanner.bgYgGreen{background-color:#dbf4dc}
.nhasset .yabannerArea .yabanner.bgOrange{background-color:#f8e9da}
.nhasset .yabannerArea .yabanner.bgSkyblue{background-color:#d9e7ff;padding-bottom:32px}

/* 2022-10-11 ty02 이미지 배너 변경으로 백그라운드 주석처리 */
.nhasset .yabannerArea .yabanner.ty02{box-shadow:none;padding:6px 0;/*background:url('../images/banner/img_yatex_temporary02.png')no-repeat center right 20px;background-size:80px auto;*/}
/*.nhasset .yabannerArea .yabanner.ty02.bgImg01{background:url('../images/banner/img_yatex_now03.png')no-repeat center right 20px;background-size:76px auto}
.nhasset .yabannerArea .yabanner.ty02.bgImg02{background:url('../images/banner/img_yatex_now04.png')no-repeat center right 20px;background-size:71px auto}*/
.nhasset .yabannerArea .yabanner.ty02 a.link,
.nhasset .yabannerArea .yabanner.ty06 a.link,
.nhasset .yabannerArea .yabanner.ty10 a.link{display:block}
.nhasset .yabannerArea .yabanner.ty06 a.link,
.nhasset .yabannerArea .yabanner.ty10 a.link{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .yabannerArea .yabanner.ty11 a,
.nhasset .yabannerArea .yabanner.ty12 a {position:relative;display:block;width:100%;font-size:clamp(14px, 1.4rem, 22px)}
.nhasset .yabannerArea .yabanner.ty02 a.link p,
.nhasset .yabannerArea .yabanner.ty06 a.link,
.nhasset .yabannerArea .yabanner.ty10 a.link{position:relative;letter-spacing:-0.5px}
.nhasset .yabannerArea .yabanner.ty02 a.link p:after,
.nhasset .yabannerArea .yabanner.ty06 a.link:after,
.nhasset .yabannerArea .yabanner.ty08 a.link:after,
.nhasset .yabannerArea .yabanner.ty10 a.link:after,
.nhasset .yabannerArea .yabanner.ty11 a.link:after,
.nhasset .yabannerArea .yabanner.ty12 a.link:after{/*position:absolute;*/margin-left:8px;right:0;content:'';display:inline-block;width:6px;height:10px;background:url(../images/arr_right02.png)no-repeat center;background-size:cover;vertical-align:middle}
.nhasset .yabannerArea .yabanner.ty11 a.link:after,
.nhasset .yabannerArea .yabanner.ty12 a.link:after{position:absolute;top:4px}
.nhasset .yabannerArea .yabanner.ty06 a.link:after,
.nhasset .yabannerArea .yabanner.ty10 a.link:after{margin-top:-4px}
.nhasset .yabannerArea .yabanner.ty06 p,
.nhasset .yabannerArea .yabanner.ty10 p,
.nhasset .yabannerArea .yabanner.ty11 p,
.nhasset .yabannerArea .yabanner.ty12 p{margin-top:4px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;font-weight:normal}
.nhasset .yabannerArea .yabanner.ty11 p{}
.nhasset .yabannerArea .yabanner[class*='ty']{position:relative;z-index:9} 
.nhasset .yanowWrap{position:relative;z-index:10;background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:20px;padding:18px 20px 20px 20px}
.nhasset .yanowWrap.bdR10{border-radius:10px;padding-bottom:20px;margin-top:-42px}
.nhasset .yanowWrap .titWrap{display:flex;margin-top:0;align-items:center}
.nhasset .yanowWrap .titWrap .tit{font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .yanowWrap .tooltipWrap{margin-top:-2px}
.nhasset .yanowWrap .titWrap .toolTipBtn{margin-left:8px}
.nhasset .yanowWrap .titWrap .tooltipCont{ width:calc(100% - 30px) !important;margin-left:-1px}
.nhasset .yaInfoWrap .titWrap .tooltipCont{width:calc(100% - 32px) !important;/* margin-left:-2px*/}
.nhasset .yanowWrap .yalinkBtn{margin-left:auto;font-size:clamp(13px, 1.3rem, 19.5px);color:#666;margin-top:3px;padding-right:14px}
.nhasset .formWrap.addShoow{box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%);border-radius:10px}
.nhasset .addShoow.addType{margin-top:-20px;background-color:#fff}
.nhasset .addShoow.addType.zin{position:relative;margin-top:-10px;border:1px solid #fff;z-index:9;/*z-index:40;*/background:#fff !important}
.nhasset .addShoow.addType .yatoggleWarp {margin-top:0}
.nhasset .addShoow.addType .yatoggleWarp .yaInfoWrap .yamoreInfo {background-color:#fff;border-radius:10px}
.nhasset .addShoow.addType .yatoggleWarp .yaInfoWrap .moreOpenBtn01.active:before{background-color:#fff !important}
.nhasset .addShoow.addType .yanowWrap{border-top-left-radius:0;border-top-right-radius:0;padding-top:0}
.nhasset .addShoow.addType.zin .yanowWrap{padding-bottom:0}
.nhasset .addShoow.addType.zin .yalistTitleBox.bdbNone{padding-bottom:0}

/* 통이미지 케이스 */
/*.nhasset .yabannerArea .yabanner a.link > img{width:100%;background-color:#f2f4f8}*/

.nhasset .yaTopBanner{position:relative;padding:15px 20px;border-radius:10px;margin-top:20px;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16)}
.nhasset .pageRefreshWrap + .yaTopBanner,
.nhasset .fullRefreshWrap + .yaTopBanner{margin-top:0}
.nhasset .yaTopBanner .btnClose{width:18px;height:18px;background:url('../images/btn_close3.png')no-repeat center;background-size:9px auto;position:absolute;right:11px;top:10px}
.nhasset .yaTopBanner[class*="Ty01"] a{display:block;padding-left:60px}
.nhasset .yaTopBanner.Ty01 a > span{font-size:clamp(13px,1.3rem,19.5px);color:#666}
.nhasset .yaTopBanner.Ty01 a p{position:relative;font-size:clamp(16px,1.6rem,24px);font-weight:bold;margin-top:3px;display:flex;align-items:center}
.nhasset .yaTopBanner.Ty01 a p:after{margin-left:8px;width:6px;height:10px; content:'';display:inline-block;background:url('../images/arr_right02.png')no-repeat right center;background-size:6px auto}
.nhasset .yaTopBanner.bgTy01{background:#dff7ee url('../images/banner/yaTopBanner01.png')no-repeat center left 20px;background-size:50px auto}
.nhasset .yaTopBanner.bgTy02{background:#dff7ee url('../images/banner/yaTopBanner02.png')no-repeat center left 20px;background-size:51px auto}
.nhasset .yaTopBanner.bgTy03{background:#dff7ee url('../images/banner/yeartexbanner03.png')no-repeat center left 20px;background-size:43.5px auto}

.nhasset .instTopWrap .defTit strong{font-weight:900}
.nhasset .instTopWrap .dateMark{margin-top:3px;color:#666}
.nhasset .instiGoods li .tit{font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .instiGoods li .cont{font-size:clamp(12px, 1.2rem, 18px);color:#999}

.nhasset .instiListWrap{margin-top:28px}
.nhasset .instiListWrap ~ .instiListWrap{margin-top:36px}
.nhasset .instiListWrap .tit{font-weight:900}
.nhasset .instiListWrap .instiItem{position:relative}
.nhasset .instiListWrap .instiItem .instiTit{border-bottom:1px solid #ebebeb;padding-bottom:12px}
.nhasset .instiListWrap .instiItem + .instiItem .instiTit{padding-top:23px}
.nhasset .instiListWrap .instiItem:after{position:absolute;content:'';margin-left:-20px;width:calc(100% + 40px);height:1px;display:block;background-color:#ebebeb}
.nhasset .instiListWrap .instiItem:last-child:after{display:none}

.nhasset .instiItem .instiGoods li{margin-top:19px;margin-bottom:26px}
.nhasset .instiItem .instiGoods.titTwo li .title{display:block}
.nhasset .instiItem .instiGoods.titTwo li .title + .title{margin-top:15px}
.nhasset .instiItem .instiGoods li .cont{margin-top:2px}

.nhasset .itemWrapShadow{background:#fff;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%);border-radius:10px}
.nhasset .itemWrapShadow .TitWrap > a{display:block;padding:24px 20px}
.nhasset .itemWrapShadow .TitWrap > a .tit{ width:100%;display:block;font-weight:normal;background:url('../images/arr_down02.png') no-repeat right 50%;background-size:10px 10px}
.nhasset .itemWrapShadow .TitWrap > a .tit.fz16{font-size:clamp(16px,1.6rem,24px)}
.nhasset .itemWrapShadow .TitWrap > a.active .tit{background-image:url('../images/arr_up02.png')}px
.nhasset .itemWrapShadow .TitWrap .yalistBox{margin-top:14px}
.nhasset .itemWrapShadow .TitWrap .yalistBox li,
.nhasset .yasimulList li:first-child{border-top:0}
.nhasset .yasimulList li .listCont{display:flex;align-items:center;justify-content:space-between}
.nhasset .itemWrapShadow .TitWrap .yalistBox li .list_title,
.nhasset .yasimulList li .listCont .tit{color:#666666}
.nhasset .yasimulList li .listCont .price{font-weight:bold}
.nhasset .itemWrapShadow .yatoggleWarp .yamoreInfo{border-top:none}
.nhasset .itemWrapShadow .item .cont .whiteBox + .instList{}
.nhasset .itemWrapShadow .item .cont .whiteBox + .instList > li + li{padding-top:0 !important;margin-top:28px !important}
.nhasset .yasimulList li{padding:22px 20px;border-top:1px solid #dedede}
.nhasset .yasimulList li .listTit{margin-bottom:21px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .yasimulList li .listTit.dsin{display:inline-block}
.nhasset .yasimulList li .listTit.dsin + .tooltipWrap.w96 .toolTipBtn{margin-left:5px;margin-top:-0.5rem !important}
.nhasset .yasimulList li .garyBox{margin-top:23px;background-color:#f8f8f8;border-radius:6px;padding:20px}
.nhasset .yasimulList li .garyBox .bulList{padding-left:8px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .yasimulList li .garyBox .bulList:before{content:'.';position:absolute;display:inline-block;margin-left:-8px;margin-top:-4px}
.nhasset .grayBox.yaType{padding:28px 20px;margin-top:20px;margin-bottom:0;border-radius:6px;display:flex;justify-content:space-between;align-items:center}
.nhasset .garphitemWrap.ty01 .detailList li:not(:first-child){margin-top:14px}
.nhasset .garphitemWrap.ty01 .detailList li .dataValue{/*font-family:inherit;*/font-weight:bold}
.nhasset .grayBox.yaType .won{font-weight:bold}
.nhasset .yearResethWrap .defaultBtn{display:flex;align-items:center;margin-top:22px;margin-left:auto}
.nhasset .yearResethWrap .defaultBtn:after{content:"";margin-left:4px;margin-top:3px; display:inline-block;border:none;width:16px;height:16px;background:url('../images/ico_load_default.png') 0 0 /100% no-repeat}

.nhasset .yaboxTypeWrap.ty01{padding:0}
.nhasset .yaboxTypeWrap .yasimulList li .listCont .tit{font-size:clamp(16px,1.6rem,24px);color:#111;font-weight:bold}
.nhasset .yaboxTypeWrap .yasimulList.ty01{margin-top:3px}
.nhasset .yaboxTypeWrap .yasimulList.ty01 li:first-child{border-top:none}
.nhasset .yaboxTypeWrap .yasimulList.ty01 li .toolTipBtn{margin-top:-5px;margin-left:3px}
.nhasset .yaboxTypeWrap .yasimulList.ty02 li:first-child{border-top:none}
.nhasset .yaboxTypeWrap .yasimulList.ty02 li .tit{font-size:clamp(14px,1.4rem,21px);color:#666}

.Institution000:before{background-image:url('../images/logos/Institution000.png')} /* 농협은행 주식회사 */
.Institution001:before{background-image:url('../images/logos/Institution001.png')} /* 농협은행 주식회사 */
.Institution002:before{background-image:url('../images/logos/Institution002.png')} /* 농협은행 주식회사 */

.nhasset .institutionLink{margin-top:20px}
.nhasset .institutionLink h2{font-size:clamp(13px, 1.3rem, 19.5px);color:#666;font-weight:normal}
.nhasset .yaInstList{margin-top:12px;border-bottom:1px solid #ebebeb}
.nhasset .yaInstList li{display:flex;align-items:center;width:100%;padding:23px 20px;border-top:1px solid #ebebeb}
.nhasset .yaInstList li .imgWrap{flex-shrink:0;width:40px}
.nhasset .yaInstList li .imgWrap+.accInfoWrap{width:calc(100% - 44px)}
.nhasset .yaInstList li .exTxt .tit{color:#111}
.nhasset .yaInstList li .exTxt .cont{margin-top:-2px;font-size:clamp(12px, 1.2rem, 18px);color:#999;font-weight:nonmal}

.nhasset.popWrap .popInner h1.le05{letter-spacing:-0.5px}
.nhasset .popCont .yapopArea{padding:0 16px}
.nhasset .popCont .yapopArea .formWrap{margin-top:23px}
.nhasset .popCont .yapopArea .formWrap .formTit{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .yapopArea .formWrap .errorTxt {position:initial;margin-top:5px;margin-right:5px}
.nhasset .yapopArea .boxRadio input:checked + label{letter-spacing:-1px;white-space:nowrap}

.nhasset .yanowWrap .yalistBox,
.nhasset .yaboxTypeWrap .yalistBox{width:100%}
.nhasset .yanowWrap .yalistBox li,
.nhasset .yaboxTypeWrap .yalistBox li {display:flex;margin-top:16px;flex-wrap:nowrap;justify-content:space-between}
.nhasset .yanowWrap .yalistBox .list_title,
.nhasset .yaboxTypeWrap .yalistBox .list_title{ flex:1 1 auto; padding-right:10px;color:#666}
.nhasset .yanowWrap .yalistBox .list_item,
.nhasset .yaboxTypeWrap .yalistBox .list_item{font-weight:bold}

.nhasset .yaSulOther .defSubTit3{color:#000}
.nhasset .yaSulOther .yanowWrap .cont.addBd:before{margin:0;width:calc(100% - 40px)}
/* [2023-01-17] 연말정산 수정 */
.nhasset .yanowWrap.ty01{padding:25px 20px;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%)}
.nhasset .yaSulOther .yanowWrap.ty01 .yalistBox{margin-top:0}
.nhasset .yaSulOther .yanowWrap.ty01 .yalistBox.pt10{margin-top:0}
.nhasset .yaSulOther .yalistboxWrap{margin-top:20px}

.nhasset .yanowWrap .yalistBox li.widthTootip{justify-content:flex-start;align-items:center}
.nhasset .yanowWrap .yalistBox li.widthTootip .list_title{flex:0 0 auto}
.nhasset .yanowWrap .yalistBox li.widthTootip .list_item{margin-left:auto}
.nhasset .yanowWrap .yalistBox li.widthTootip .tooltipCont{left:0}
.nhasset .yanowWrap .yalistBox li.widthTootip .tooltipCont ul li{margin-top:0}

.nhasset .yanowWrap .yalistTitleBox,
.nhasset .yaboxTypeWrap .yalistTitleBox{width:100%;border-bottom:1px solid #e5e5e5;padding-bottom:20px}
.nhasset .yanowWrap .yalistTitleBox li,
.nhasset .yaboxTypeWrap .yalistTitleBox li {display:flex;margin-top:16px;flex-wrap:nowrap;justify-content:space-between}
.nhasset .yanowWrap .yalistTitleBox .list_title,
.nhasset .yaboxTypeWrap .yalistTitleBox .list_title{ flex:1 1 auto; padding-right:10px}
.nhasset .yanowWrap .yalistTitleBox .list_item,
.nhasset .yaboxTypeWrap .yalistTitleBox .list_item{font-weight:bold}

.nhasset .yagraphArea{margin-top:20px}
.nhasset .yagraphArea.ty01{display:flex;align-items:center;padding-bottom:20px;margin-top:0;border-bottom:1px solid #ebebeb}
.nhasset .yagraphArea.ty01 .tooltipWrap{margin-left:8px;margin-top:2px}
.nhasset .yagraphArea.ty01 .tooltipWrap .tooltipCont{width:calc(100% - 36px) !important}
.nhasset .yagraphArea.ty01 .pointColor{margin-left:auto}
.nhasset .yagraphArea span.tit{color:#666}
.nhasset .yagraphArea .dataValue{font-weight:bold}
.nhasset .yagraphArea .tooltipWrap .toolTipBtn{margin-top:-4px}
.nhasset .yagraphArea .tooltipWrap .tooltipCont{width:calc(100% - 40px) !important}
.nhasset .yatexgraphBox .baseGraph{position:relative;width:100%; height:16px;  margin:12px 0 0;border-radius:10px;background-color:#f2f4f8}
.nhasset .yatexgraphBox .baseGraph .lineGraph{ position:absolute;top:0; left:0; height:16px;border-radius:10px; background-color:#19a647;opacity:1;max-width:100%}

.nhasset .yatoggleWarp{position:relative;/*z-index:11;*/}
.nhasset .yatoggleWarp .yaInfoWrap{/*margin-top:-10px;box-shadow:0px -6px 10px 0px rgb(60 78 110 / 16%);*/}
.nhasset .yatoggleWarp .yaInfoWrap .TitWrap{position:relative}
.nhasset .yatoggleWarp .yaInfoWrap .TitWrap:after{content:'';display:inline-block;position:absolute;bottom:0;z-index:40;width:100%;height:1px;background-color:#fff}
.nhasset .yatoggleWarp .yaInfoWrap .TitWrap .yalistBox{margin-top:23px}
.nhasset .yatoggleWarp .yaInfoWrap .TitWrap .yalistBox .list_item{font-weight:bold}
.nhasset .yatoggleWarp .yaInfoWrap .TitWrap + .yamoreInfo.toggleCont{padding-top:8px}
.nhasset .yatoggleWarp .yaInfoWrap .yamoreInfo{position:relative;background:#f2f4f8;z-index:9}
.nhasset .yatoggleWarp .yaInfoWrap .moreOpenBtn01:before{content:'';display:inline-block; position:absolute;width:100%;left:0;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:20px;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%)}
.nhasset .yatoggleWarp .yaInfoWrap .moreOpenBtn01.active:before{content:'';display:inline-block; position:absolute;/*margin-top:-6px;*/ width:100%;left:0;background:#f2f4f8}
.nhasset .yatoggleWarp .yaInfoWrap .moreOpenBtn01{text-align:center;width:100%;background-color:#d8dbe2;color:#111;background-size:10px 5px;font-size:clamp(14px, 1.4rem, 21px);border-bottom-left-radius:10px;border-bottom-right-radius:10px;line-height:88px;height:72px;box-shadow:0px 10px 10px 10px rgb(242 244 248)}
.nhasset .yatoggleWarp .yaInfoWrap .moreOpenBtn01:after{content:'';display:inline-block;width:19px;height:19px;background:#d8dbe2 url('../images/arr_down02.png') no-repeat center;background-size:10px  auto;vertical-align:middle}
.nhasset .yatoggleWarp .yaInfoWrap .moreOpenBtn01.active:after{transform:rotate(180deg)}

.nhasset .yatoggleWarp .yamoreInfo {border-top:3px solid #f3f3f3}
.nhasset .yamoreInfo .item{padding:16px  20px 8px}
.nhasset .yamoreInfo .item.ty02 .cont{margin-bottom:20px}
.nhasset .yamoreInfo .item .titWrap{margin-top:0} 
.nhasset .yamoreInfo .item .titWrap .tit{font-weight:normal}
.nhasset .yamoreInfo .item .titWrap.dsf{display:flex;justify-content:space-between;align-items:center}
.nhasset .yamoreInfo .item .titWrap.dsf .contBtn01 ,
.nhasset .yaboxTypeWrap .titWrap.dsf .contBtn01,
.nhasset .yatopArea .contBtn01{margin-top:0;border:1px solid #bbbbbb;color:#222;;padding:4px 14px 6px;   border-radius:20px; font-size:clamp(12px, 1.2rem, 18px);vertical-align:middle}
.nhasset .yamoreInfo .item .cont .whiteBox{display:flex;justify-content:space-between;margin-top:12px;margin-bottom:0;background-color:#fff;padding:15px 18px; border-radius:6px;text-align:right;color:#111}
.nhasset .yamoreInfo .item .cont .whiteBox .price{font-weight:bold}
.nhasset .yamoreInfo .item .cont .cashList{width:100%;margin-top:23px;/*margin-bottom:8px;*/ display:flex;align-items:flex-start}
.nhasset .yamoreInfo .item .cont .cashList .Tit{color:#666}
.nhasset .yamoreInfo .item .cont .cashList .cont{display:block;margin-left:auto;text-align:right}
.nhasset .yamoreInfo .item .cont .cashList .cont .period{display:block}
.nhasset .yamoreInfo .item .cont .cashList .cont .period.nonecont{color:#f44743}
.nhasset .yamoreInfo .item .cont .whiteBox + .instList{padding-top:28px}
.nhasset .yamoreInfo .item .cont .whiteBox + .instList > li{padding-top:0;padding-bottom:28px}
.nhasset .yamoreInfo .item .cont .whiteBox + .instList > li + li{padding-top:28px}
.nhasset .yamoreInfo .instList li{display:flex;align-items:center; flex-wrap:nowrap;width:100%;padding:28px 0;border-bottom:1px solid #dedede}
.nhasset .yamoreInfo .instList li:last-child{border-bottom:none}
/*.nhasset .yamoreInfo .item:last-child{padding-bottom:0}*//*  2022-10-20 사업부 요청으로 간격조정*/
.nhasset .yamoreInfo .item.ty02:last-child{padding-bottom:2px}
.nhasset .yamoreInfo .item:last-child .instList li:last-child{padding-bottom:0}
.nhasset .yamoreInfo .instList li .accPrice,
.nhasset .yamoreInfo .instList li .btnWrap{margin-left:auto;font-weight:bold}
.nhasset .yamoreInfo .instList li .txtLine{border-bottom:1px solid #111} 
.nhasset .yamoreInfo .instList li .timeTag,
.nhasset .yamoreInfo .instList li .timeTag.addBox{margin-top:4px;border-radius:4px;background-color:#fff;padding:0 7px;background-color:#fff; color:#222;font-size:clamp(12px, 1.2rem, 18px);text-align:center;border:solid 1px #666;line-height:2;display:inline-block}
.nhasset .yamoreInfo .instList .contlineBtn{border:none;border-bottom:1px solid #666666;border-radius:0;padding:0;color:#666;min-width:auto}
/* .nhasset .yamoreInfo .item:after{position:absolute;content:'';display:inline-block;width:100%;margin:0 -20px; height:1px;border-bottom:1px solid #dedede}
.nhasset .yamoreInfo .item:last-child:after{border-bottom:none} */
.nhasset .yamoreInfo .item:before{position:absolute;content:'';display:inline-block;width:100%;margin:-25px -20px 0; height:1px;border-top:1px solid #dedede} /*12.27 연말정사 입력항목보기에 라인 생기는 현상 수정*/
.nhasset .yamoreInfo .item:first-child:before,
.nhasset .yamoreInfo .item.line:before{border-top:none}
.nhasset .yamoreInfo .item.line + .line:before{ border-top:1px solid #dedede}

.nhasset .yaboxTypeWrap{overflow:hidden;background-color:#fff;border-radius:10px; margin-top:20px;padding:24px 20px 24px 20px;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%)}
.nhasset .yaboxTypeWrap .titWrap{margin-top:0}
.nhasset .yaboxTypeWrap .titWrap .tit{font-weight:900;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .yaboxTypeWrap .titWrap.dsf{display:flex;align-items:center}
.nhasset .yaboxTypeWrap .titWrap.dsf .tooltipWrap{margin-left:5px}
.nhasset .yaboxTypeWrap .titWrap.dsf .tooltipCont,
.nhasset .yasimulList li .listTit.dsin + .tooltipWrap.w96 .tooltipCont,
.nhasset .yasimulList.ty01 li .left .tit + .tooltipWrap.w96 .tooltipCont{width:calc(100% - 72px) !important;margin-left:16px} /*입력항목 보기 툴팁 조정 추가*/
.nhasset .yaboxTypeWrap .titWrap.dsf .contBtn01{margin-left:auto;margin-top:0}
.nhasset .yaboxTypeWrap .titWrap + .listbox{margin-top:20px}

.nhasset .defTit.tc{text-align:center;line-height:1.5}
.nhasset .yatexgraphArea{position:relative;z-index:10;overflow:hidden;background-color:#fff;border-radius:10px; margin-top:20px;padding:20px 20px 20px 20px;box-shadow:0px 3px 6px 0.6px rgb(63 80 96 / 10%)}
.nhasset .yatexgraphArea .yatexgraphWrap{margin-top:10px;padding:0 55px;text-align:center}
.nhasset .garphitemWrap {margin-top:12px}
.nhasset .garphitemWrap .item{padding:24px 0;border-bottom:1px solid #ebebeb}
.nhasset .garphitemWrap .item .detailList li:first-child{margin-top:1px}
.nhasset .garphitemWrap .item.totalArea{border-bottom:none}
.nhasset .garphitemWrap .item .titwrap{display:flex;justify-content:space-between;margin-bottom:15px}
.nhasset .garphitemWrap .item .titwrap.dsfNone{display:inline-flex;margin-bottom:16px}
.nhasset .garphitemWrap .item .titwrap .tit{font-weight:bold;font-size:clamp(12px, 1.2rem, 18px);color:#111}
.nhasset .garphitemWrap .item .titwrap span{font-size:clamp(12px, 1.2rem, 18px);color:#999}
.nhasset .garphitemWrap .item .titwrap .tit{position:relative}
.nhasset .garphitemWrap .item .titwrap .tit:after{content:'';width:100%;height:6px;position:absolute;left:0;bottom:3px;z-index:-1}
.nhasset .garphitemWrap .item .titwrap .tit.ty01:after{background-color:#dde5f9}
.nhasset .garphitemWrap .item .titwrap .tit.ty02:after{background-color:#e0f4ee}
.nhasset .garphitemWrap .item .titwrap .tit.ty03:after{background-color:#fff5de}
.nhasset .garphitemWrap .item .titwrap .tit.ty04:after{background-color:#fdebda}
.nhasset .garphitemWrap .item .titwrap .tit.ty05:after{background-color:#e9e0f4}
.nhasset .garphitemWrap .detailList{margin-top:-2px}
.nhasset .garphitemWrap .detailList li{margin-top:16px}
.nhasset .garphitemWrap .detailList .tit{color:#666}
.nhasset .garphitemWrap .totalArea .detailList{margin-top:-15px}
.nhasset .garphitemWrap .totalArea .detailList .value{font-weight:bold}
.nhasset .garphitemWrap .totalArea .detailTotal{margin-bottom:30px;text-align:right;font-weight:bold}
.nhasset .garphitemWrap .item .titwrap.dsfNone .tooltipWrap{margin-left:8px;margin-top:-2px}
.nhasset .garphitemWrap .item .titwrap.dsfNone .tooltipCont{width:calc(100% - 34px) !important}
.nhasset .garphitemWrap li .dataValue .won{font-weight:bold}
.nhasset .statusWrap.addSt{margin-top:15px;margin-bottom:0;background-color:#f8f8f8;padding:28px 20px !important}
.nhasset .statusWrap.addSt + .ar{margin-top:-6px}

/*연말정산 모의계산*/
.nhasset .yasimulWrap{margin-top:33px;background:url(../images/banner/img_yatex_calculate.png)no-repeat center right;background-size:58px auto}
.nhasset .yasimulWrap p{font-size:clamp(20px, 2.0rem, 30px);color:#111}
.nhasset .yasimulWrap p .dataValue{font-weight:bold}
.nhasset .yasimulWrap_review{margin-top:33px;background:url(../images/banner/img_yatex_calculate_review.png)no-repeat center right;background-size:58px auto}
.nhasset .yasimulWrap_review p{font-weight:900;font-size:clamp(20px, 2.0rem, 30px);color:#111;line-height:1.45}
.nhasset .yasimulWrap_review.addType{background:url(../images/banner/img_yatex_calculate_review02.png)no-repeat center right;background-size:51px auto}
.nhasset .yasimulForm{margin-top:30px;z-index:10;position:relative}
.nhasset .yasimulForm .tit{font-size:clamp(16px, 1.6rem, 24px);color:#111;font-weight:900}
.nhasset .yasimulForm .formWrap{margin-top:16px;padding:25px 20px 30px}
.nhasset .yasimulForm .formWrap .formTit{display:inline-block;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .yasimulForm .formWrap .formTit.mt28{margin-top:28px}
.nhasset .yasimulForm .formWrap ul >  li{margin-top:0}
.nhasset .yasimulForm .formWrap ul >  li:first-child .dirWrite{margin-top:0}/*12.27 직접 입력 넣을 경우 간격 벌어지는 경우 수정*/
.nhasset .yasimulForm .formWrap .empha{margin-left:4px;padding:1px 8px 2px;border-radius:4px;background-color:#f3f3f3;color:#222;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .yasimulForm .formWrap .dirWrite{margin-top:27px}
.nhasset .yasimulForm .formWrap .dirWrite02{margin-bottom:11px}
.nhasset .yasimulForm .formWrap .dirWrite .empha,
.nhasset .yasimulForm .formWrap .dirWrite02 .empha{margin-left:0}
.nhasset .yasimulForm .formWrap .dirWrite + .formTit{margin-top:8px}
.nhasset .yasimulForm .formWrap .yearaddList > li.entry ~ li,
.nhasset .yasimulForm .formWrap .yearaddList02 > li.entry ~ li{display:none}
.nhasset .yasimulForm input[type='text'], 
.nhasset .yasimulForm input[type='tel'], 
.nhasset .yasimulForminput[type='password'],
.nhasset .yeartexForm  input[type='text'],
.nhasset .yeartexForm  input[type='tel'],
.nhasset .yeartexForm  input[type='password'],
.nhasset .popCont .yapopArea .formWrap input[type='text']{text-align:right;/*padding-right:clamp(44px, 10vw, 52px);*/}
.nhasset .yasimulForm .formTit{margin-top:22px}
.nhasset .yasimulForm  ul > li:first-child .formTit{margin-top:22px}
.nhasset .yasimulForm .errorTxt{position:initial;text-align:left}
.nhasset .yasimulForm .tooltipWrap.w100 .tooltipCont{width:100% !important}
.nhasset .yasimulForm .yearaddList .toolTipBtn{margin-left:4px}
.nhasset .yasimulForm .yatoggleArea .totalTitWrap a{background-image:none;padding-right:0}
.nhasset .yasimulForm .yatoggleArea .totalTitWrap a .listTitWrap{background:url('../images/arr_down02.png') no-repeat 100% 50%;background-size:10px auto;margin-right:0;padding-right:15px;align-items:center}
.nhasset .yasimulForm .yatoggleArea .totalTitWrap a.active .listTitWrap{background-image:url(../images/arr_up02.png)}
.nhasset .yasimulForm .yatoggleArea .totalTitWrap a .defSubTit2{background:url('../images/arr_down02.png') no-repeat 100% 50%;background-size:10px auto;margin-right:0;padding-right:15px;align-items:center}
.nhasset .yasimulForm .yatoggleArea .totalTitWrap a.active .defSubTit2{background-image:url(../images/arr_up02.png)}

.nhasset .yatoggleArea.mt22{margin-top:22px !important}
.nhasset .yatoggleArea.mt8{margin-top:10px !important}
.nhasset .yatoggleArea .toggleWrap{border-bottom:1px solid #ebebeb}
.nhasset .yatoggleArea .totalTitWrap{}
.nhasset .yatoggleArea .totalTitWrap a{padding:18px 10px 18px 0}
.nhasset .yatoggleArea .totalTitWrap .listTitWrap{display:flex;justify-content:space-between; margin-right:10px}
.nhasset .yatoggleArea .totalTitWrap .listTitWrap.alc{align-items:center}
.nhasset .yatoggleArea .listWrap{/*border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;*/ background-color:#f8f8f8 ;padding:5px 20px 28px} 
.nhasset .yatoggleArea .totalTitWrap .listTitWrap .titL{ font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .yatoggleArea .listTitWrap .titL .tooltipWrap .tooltipCont{width:100% !important}
.nhasset .yatoggleArea .listWrap .formTit{ font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .listWrap .priceBox{border-radius:6px;background-color:#f8f8f8;padding:17px 22px;text-align:right}
.nhasset .listWrap .boxRadio{margin-top:12px;display:flex;flex-wrap:wrap;width:100%}
.nhasset .listWrap .boxRadio .boxRadioInn{ padding:0 4px;flex:0 0 50%; margin-bottom:8px}
.nhasset .yatexMore{margin-top:-10px;border:none;z-index:2;border-radius:6px;background-color:none !important}
.nhasset .yatexMore a{display:block;border:none;text-align:center;width:100%;background-color:#d7dbe3;color:#111;background-size:10px 5px; font-size:clamp(14px, 1.4rem, 21px);border-bottom-left-radius:10px; border-bottom-right-radius:10px;line-height:69px; height:62px}
.nhasset .yatexMore a:after{content:'';display:inline-block;width:19px;height:19px;margin-left:8px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px  auto;vertical-align:middle}
.nhasset .yatexMore.simuBtnMore a:before{margin-right:10px;content:'';display:inline-block;width:9px;height:9px;background:url('../images/ico_yabtn_plus.png') no-repeat center;background-size:9px  auto;vertical-align:middle}
.nhasset .yatexMore.simuBtnMore a:after{display:none}
.nhasset .yatexMore a .num{color:#19a647}
.nhasset .formAddTxt{text-align:right;margin-top:2px}
.nhasset .yatexMore a.active:after{transform:rotate(180deg)}

.nhasset .yatexbtnWrap{display:flex;justify-content:space-around;background-color:#fff;border-radius:10px;margin-top:30px; box-shadow:0px 4px 10px 0px rgb(41 58 88 / 16%)}
.nhasset .yatexbtnWrap a{position:relative;table-layout:fixed;width:100%;height:50px ;line-height:50px;text-align:center}
.nhasset .yatexbtnWrap a:nth-child(2):after{position:absolute;left:0;top:20px;content:'';display:inline-block;width:1px;height:12px;background-color:#e1e1e1} /* [2022-12-22] 사보현 :수정 */
.nhasset .yatexbtnWrap .setBtn:before{ content:" ";padding-left:24px;background:url(../images/ico_set.png) no-repeat left 50%;background-size:16px 17px}
.nhasset .yatexbtnWrap .sinmBtn:before{ content:" ";padding-left:20px;background:url(../images/ico_plus.png) no-repeat left 50%;background-size:12px 12px}

.nhasset .pointColorblue{color:#3674bc !important}
.nhasset .boxRadio.flNone{display:table !important}
.nhasset .boxRadio.flNone .boxRadioInn input + label{padding:11px 0;font-size:clamp(12px, 1.2rem, 18px);letter-spacing:-0.5px}
.nhasset .defTit.txtC{text-align:center}
.nhasset .statusWrap .txtR{text-align:right;float:right}
.nhasset .statusWrap .txtR .won{font-weight:bold}
.nhasset .defTit .foBold{font-weight:900}
.nhasset .fo16{font-size:clamp(16px, 1.6rem, 24px)}

.nhasset .yatexCutWrap .thumbList > li{margin-top:10px;border-radius:10px;box-shadow:0px 4px 10px 0px rgb(41 58 88 / 16%);overflow:hidden}
.nhasset .yatexCutWrap .thumbList > li + li{margin-top:20px}
.nhasset .yatexCutWrap .thumbList .imgArea{height:150px;overflow:hidden}
.nhasset .yatexCutWrap .thumbList .imgArea img{width:100%}
.nhasset .yatexCutWrap .thumbList .summary{position:relative;display:block;padding:15px 30px 18px 15px;background:#fff}
.nhasset .yatexCutWrap .thumbList .summary:after{content:'';position:absolute;top:22px;right:15px;width:7px;height:11px;background:url('../images/arr_right03.png') no-repeat right center /cover} /* [MD2408_062] 이미지로 대체 */
.nhasset .yatexCutWrap .thumbList .summary > strong{display:block;margin-bottom:5px;font-size:clamp(16px, 1.6rem, 24px);color:#111;letter-spacing:-1px;line-height:1.4}
.nhasset .toolTipBtn.grayBtn{/*background:url('../images/btn_gradeGuide.png') no-repeat 0 0;background-size:cover;*/}  /* 툴팁 */

.nhasset .boxTypeWrap .yearImgBox{margin-top:-8px}
.nhasset [class*="yatexYearImg"] .yaYearTit{margin-top:50px;text-align:center;font-size:clamp(23px, 2.3rem, 34.5px);color:#111}
.nhasset [class*="yatexYearImg"] .yaYearTit strong{font-weight:900}
.nhasset .yatexYearImg01 .yaYearTit .greenLine{display:inline-block;position:relative;z-index:0;padding:0 4px}
.nhasset .yatexYearImg01 .yaYearTit .greenLine:before{content:'';width:100%;height:12.5px;background-color:#e2f6da;position:absolute;left:0;bottom:4px;z-index:-1;border-radius:10px}
.nhasset .yatexYearImg02{margin-left:-20px;margin-right:-20px}
.nhasset .yatexYearImg02 .yaYearTit,
.nhasset .yatexYearImg03 .yaYearTit{font-size:clamp(20px, 2.0rem, 30px)}
.nhasset .yatexYearImg02 .guideImg{margin-top:25px}
.nhasset [class*="yatexYearImg"] [class*="imgBg"]{position:relative;margin:30px auto 30px}
.nhasset .yatexYearImg01 .imgBg1{width:176px;height:263px;text-align:center;background:url('../images/img_servie_guide01.png')no-repeat center top; background-size:cover}
.nhasset .yatexYearImg02 .imgBg2{width:100%;/*min-height:363px;*/height:calc(100vh - 48vh + 30px);text-align:center;background:url('../images/img_servie_guide02.png')no-repeat center top; background-size:100%}
.nhasset .yatexYearImg02 .imgBg3 .yaYearTit.addBg{position:relative}

.nhasset .yatexYearImg01 .guideImg{margin-top:30px;text-align:center}
.nhasset .yatexYearImg02 .guideImg{text-align:center}
.nhasset .yatexYearImg03 .guideImg{margin-top:30px;margin-bottom:50px;text-align:center}

.nhasset .yatexYearImg03 .yaYearTit.addBg:before{position:absolute;z-index:-20;margin-top:-36px;margin-left:-18px ;width:38px;height:74px;content:'';display:inline-block;background:url('../images/img_servie_guide0301.png')no-repeat center top;background-size:cover}
.nhasset .yatexYearImg03 .serGraphWrap{position:relative;margin-top:50px;text-align:center}
.nhasset .yatexYearImg03 .serGraphWrap .toptxt{position:relative;;padding:0 6px;font-size:clamp(16px, 1.6rem, 24px);color:#111;z-index:0}
.nhasset .yatexYearImg03 .serGraphWrap .toptxt:after{content:'';width:100%;height:7px;background-color:#e2f6da;position:absolute;left:0;top:17px;z-index:-1;border-radius:8px}
.nhasset .yatexYearImg03 .serGraphWrap .txt{position:relative;font-size:clamp(16px, 1.6rem, 24px);color:#666}
.nhasset .yatexYearImg03 .serGraphWrap .txt span{color:#19a647}
.nhasset .graphBarhWrap{position:relative;padding:0 23px;margin-top:50px}
.nhasset .graphBarhWrap .barText{position:relative;left:-7%;margin-bottom:18px;border-radius:12px;display:inline-block;background-color:#d1edda;padding:3px 14px;font-size:clamp(12px, 1.2rem, 18px);color:#19a647}
.nhasset .graphBarhWrap .barText:after{position:absolute;content:'';left:50%;top:2.9rem;width:1px;height:32px ;display:inline-block;border-left:1px dashed #e1e1e1}
.nhasset .graphBarhWrap .barTit{text-align:left;font-size:clamp(12px, 1.2rem, 18px);color:#111}
.nhasset .graphBarhWrap .barTit + .yagraphArea{margin-top:4px}
.nhasset .graphBarhWrap .barTit + .yagraphArea .baseGraph{margin-top:0}
.nhasset .yatexgraphBox .baseGraph .lineGraph02{position:absolute;top:0; left:0; height:16px;border-radius:10px;background-color:#19a647;opacity:1;width:0}



/* =============== to-be 마이데이터(정부혜택) =====================*/
.nhasset .newAgreement{background:url('../images/bg_new_agreement.png')no-repeat right center;background-size:52px auto}
.nhasset .familyBox{position:relative;margin-top:15px}
.nhasset .familyBox .cls{position:absolute;top:0px;right:5px;width:20px;height:20px;background:#ccc;border-radius:15px}
.nhasset .familyBox .cls:before{content:'\e91a';font-family:'allonebank2', 'allonebank';color:#fff;font-size:11px;position:absolute;top:5px;left:4px}
.nhasset .familyBox .cls.plus:before{content:'\FF0B';font-family:'allonebank2', 'allonebank';color:#fff;font-size:11px;position:absolute;top:5px;left:4px}
.nhasset .add_fmaily{border:1px solid #e1e1e1;border-radius:5px;background:white}
.nhasset .add_fmaily a{display:block;text-align:center;line-height:2.8}
.nhasset .add_fmaily a:before{ content:" ";display:inlnie-block;padding-left:20px;background:url(../images/ico_plus.png) no-repeat left 50%;background-size:12px 12px}
.nhasset .send_fail{color:#f44743;text-decoration:underline !important;margin-left:10px}
.nhasset .t_send_fail{color:#f44743;text-decoration:none !important;margin-left:10px}
.nhasset .cateSubList_all{position:relative;margin:10px -20px 0}
.nhasset .cateSubList_all:before{position:absolute;top:0;content:'';width:20px;height:36px;background:url(../images/bg_blur.png) no-repeat;background-size:cover;z-index:2}
.nhasset .cateSubList_all:before{left:0;transform:rotate(180deg)}
.nhasset .cateSubList_all:after{right:0}
.nhasset .cateSubList_all .roundChkWrap.flexType{display:flex;overflow-y:hidden;overflow-x:scroll;margin:0 0 0 -3px;padding:0 20px;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nhasset .cateSubList_all .roundChkWrap.flexType::-webkit-scrollbar{display:none}
.nhasset .cateSubList_all .roundChkWrap.flexType ul{flex-wrap:nowrap;width:auto;-webkit-transform:translateZ(0)}
.nhasset .cateSubList_all .roundChkWrap.flexType ul:after{/* display:inline-block;width:20px;content:'';*/}  /* 디바이스 오른쪽여백용 */ /*2021-10-28 스타일 삭제 */
.nhasset .famWrap{margin:10px -20px 20px}
.nhasset .famWrap > ul{display:flex;justify-content:center;max-width:320px;flex-wrap:wrap;margin:0 auto;height:100%;align-items:center}
.nhasset .famWrap > ul li{margin:20px 9px 20px;text-align:center;width:80px;height:80px;flex:0 0 80px}
.nhasset .famWrap > ul li a{display:block;position:relative;height:80px}
/*.nhasset .famWrap > ul li a.selected:after{content:'';position:absolute;width:25px;height:25px;right:0;bottom:0;box-sizing:border-box;background:url('../images/common/icon_check_gs.png') no-repeat center;background-size:cover;border:solid 1px #133351;border-radius:15px;overflow:hidden}*/
.nhasset .famWrap > ul li a span{position:relative}
.nhasset .famWrap > ul li a span.selected:after{content:'';position:absolute;width:100%;height:100%;border-radius:100%;border:solid 2px #19a647;left:0;top:0}
.nhasset .famWrap > ul li span{color:transparent;display:inline-block;width:100%;height:100%;border-radius:50%;background:no-repeat center;background-size:100% auto}
.nhasset .famWrap > ul li span + em{display:block;font-size:13px;color:#666 !important;margin-top:5px}
.nhasset .famWrap > ul li.male01 span, span.male01:before{background-image:url('../images/common/img_male01.png')}
.nhasset .famWrap > ul li.male02 span, span.male02:before{background-image:url('../images/common/img_male02.png')}
.nhasset .famWrap > ul li.male03 span, span.male03:before{background-image:url('../images/common/img_male03.png')}
.nhasset .famWrap > ul li.male04 span, span.male04:before{background-image:url('../images/common/img_male04.png')}
.nhasset .famWrap > ul li.male05 span, span.male05:before{background-image:url('../images/common/img_male05.png')}
.nhasset .famWrap > ul li.male06 span, span.male06:before{background-image:url('../images/common/img_male06.png')}
.nhasset .famWrap > ul li.female01 span, span.female01:before{background-image:url('../images/common/img_female01.png')}
.nhasset .famWrap > ul li.female02 span, span.female02:before{background-image:url('../images/common/img_female02.png')}
.nhasset .famWrap > ul li.female03 span, span.female03:before{background-image:url('../images/common/img_female03.png')}
.nhasset .famWrap > ul li.female04 span, span.female04:before{background-image:url('../images/common/img_female04.png')}
.nhasset .famWrap > ul li.female05 span, span.female05:before{background-image:url('../images/common/img_female05.png')}
.nhasset .famWrap > ul li.female06 span, span.female06:before{background-image:url('../images/common/img_female06.png')}
.nhasset .famWrap > ul li.baby01 span, span.baby01:before{background-image:url('../images/common/img_baby01.png')}
.nhasset .famWrap > ul li.baby02 span, span.baby02:before{background-image:url('../images/common/img_baby02.png')}
/* 가족이미지세트2 */
/* .nhasset .famWrap > ul li.male01.type2 span, span.male01.type2:before{background-image:url('../images/common/img_male01_2.png')}
.nhasset .famWrap > ul li.male02.type2 span, span.male02.type2:before{background-image:url('../images/common/img_male02_2.png')}
.nhasset .famWrap > ul li.male03.type2 span, span.male03.type2:before{background-image:url('../images/common/img_male03_2.png')}
.nhasset .famWrap > ul li.male04.type2 span, span.male04.type2:before{background-image:url('../images/common/img_male04_2.png')}
.nhasset .famWrap > ul li.male05.type2 span, span.male05.type2:before{background-image:url('../images/common/img_male05_2.png')}
.nhasset .famWrap > ul li.male06.type2 span, span.male06.type2:before{background-image:url('../images/common/img_male06_2.png')}
.nhasset .famWrap > ul li.female01.type2 span, span.female01.type2:before{background-image:url('../images/common/img_female01_2.png')}
.nhasset .famWrap > ul li.female02.type2 span, span.female02.type2:before{background-image:url('../images/common/img_female02_2.png')}
.nhasset .famWrap > ul li.female03.type2 span, span.female03.type2:before{background-image:url('../images/common/img_female03_2.png')}
.nhasset .famWrap > ul li.female04.type2 span, span.female04.type2:before{background-image:url('../images/common/img_female04_2.png')}
.nhasset .famWrap > ul li.female05.type2 span, span.female05.type2:before{background-image:url('../images/common/img_female05_2.png')}
.nhasset .famWrap > ul li.female06.type2 span, span.female06.type2:before{background-image:url('../images/common/img_female06_2.png')}
.nhasset .famWrap > ul li.baby01.type2 span, span.baby01.type2:before{background-image:url('../images/common/img_baby01_2.png')} */
.nhasset .famWrap > ul.famNum_1 li{width:87px;height:87px}
.nhasset .famWrap > ul.famNum_2 li{width:80px;height:80px}
.nhasset .famWrap > ul.famNum_3 li{width:70px;height:70px}
.nhasset .famWrap > ul.famNum_4{width:210px}
@keyframes famAni{
  0%{opacity:0;width:40%;height:40%}
  40%{opacity:1;width:100%;height:100%}
  70%{opacity:0.6;width:60%;height:60%}
  100%{opacity:1;width:100%;height:100%}
}
@keyframes famAni2{
  0%{opacity:0;width:10px;height:10px}
  40%{opacity:1;width:25px;height:25px}
  70%{opacity:0.6;width:15px;height:15px}
  100%{opacity:1;width:25px;height:25px}
}
.nhasset .famWrap > ul li > a:after{animation-name:famAni2;animation-duration:1.2s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count :1;animation-direction :alternate;animation-fill-mode :forwards;animation-play-state :running}
.nhasset .benefitTargetWrap + .benefitTargetWrap{margin-top:30px}
.nhasset .benefitTarget{margin-top:5px;font-size:13px}
.nhasset .benefitTarget > div{display:flex;align-items:center;flex-wrap:wrap}
.nhasset .benefitTarget span{display:inline-block;display:flex;align-items:center;padding-right:10px;;white-space:nowrap;/*margin-bottom:4px*/}
.nhasset .benefitTarget span:before{content:'';display:block;margin-right:6px;width:34px;height:34px;border-radius:12px;background-size:34px}
.nhasset .benefitTarget em{position:relative;display:inline-block;color:#888;padding-left:9px;margin-right:8px}
.nhasset .benefitTarget em:before{content:'';position:absolute;top:5px;left:0;width:1px;height:10px;background:#ccc}
.nhasset .benefitMore.g24 .btn.small2.selected{border-color:#19b9bf;background-color:#19b9bf}
.nhasset .benefitMore.g24 .btn.small2.selected{color:#fff}
.nhasset .comService.g24_new a[class^=centerIco-]:after{background-position:0 0 !important;background-size:50px auto}
.nhasset .comService.g24_new a.centerIco-edu:after{background-image:url('../images/common/centerIco-edu.png')}
.nhasset .comService.g24_new a.centerIco-hig:after{background-image:url('../images/common/centerIco-hig.png')}
.nhasset .comService.g24_new a.centerIco-home:after{background-image:url('../images/common/centerIco-home.png')}
.nhasset .comService.g24_new a.centerIco-eng:after{background-image:url('../images/common/centerIco-eng.png')}
.nhasset .comService.g24_new a.centerIco-hel:after{background-image:url('../images/common/centerIco-hel.png')}
.nhasset .comService.g24_new a.centerIco-wel:after{background-image:url('../images/common/centerIco-wel.png')}
.nhasset .comService.g24_new a.centerIco-salf:after{background-image:url('../images/common/centerIco-salf.png')}
.nhasset .comService.g24_new a.centerIco-cul:after{background-image:url('../images/common/centerIco-cul.png')}
.nhasset .comService.g24_new a.centerIco-emi:after{background-image:url('../images/common/centerIco-emi.png')}
.nhasset .comService.g24_new a.centerIco-save:after{background-image:url('../images/common/centerIco-save.png')}
.nhasset .comService.g24_new a.centerIco-covid:after{background-image:url('../images/common/centerIco-covid.png')}
.nhasset .comService.g24_new a.centerIco-etc:after{background-image:url('../images/common/centerIco-etc.png')}
.nhasset .comService.g24_new a.selected.centerIco-edu:after{background-image:url('../images/common/centerIco-edu_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-hig:after{background-image:url('../images/common/centerIco-hig_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-home:after{background-image:url('../images/common/centerIco-home_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-eng:after{background-image:url('../images/common/centerIco-eng_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-hel:after{background-image:url('../images/common/centerIco-hel_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-wel:after{background-image:url('../images/common/centerIco-wel_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-salf:after{background-image:url('../images/common/centerIco-salf_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-cul:after{background-image:url('../images/common/centerIco-cul_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-emi:after{background-image:url('../images/common/centerIco-emi_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-save:after{background-image:url('../images/common/centerIco-save_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-covid:after{background-image:url('../images/common/centerIco-covid_on.png')}
.nhasset .comService.g24_new a.selected.centerIco-etc:after{background-image:url('../images/common/centerIco-etc_on.png')}
.nhasset .ast_listView li{padding:10px 0;border-bottom:1px solid #e1e1e1}
.nhasset .ast_listView li:last-child{border-bottom:none}
.nhasset .formWrap .cs.inputList{padding-right:0 !important;flex:0 0 50%}
.nhasset .formWrap .cs.inputList a{width:100%}
.nhasset .location .defTit{margin-bottom:0}
.nhasset .ast_listView li .context{margin-top:10px}
.nhasset .ast_listView li .context a{color:#1282e0}
.nhasset .location{display:flex;justify-content:space-between}
.nhasset .location .defTit{margin-top:0;font-size:16px}
.nhasset .location .defTit > strong{display:inline-flex;align-items:center}
.nhasset .location span{display:inline-flex;align-items:center}
.nhasset .location .more:before{content:"";display:inline-block;margin:0 2px 0 4px;width:16px;height:16px;background:url('../images/img_set1.png') no-repeat 0 0;background-size:224px auto;transform:scale(0.8);}
.nhasset .location .titleSub{color:#666;line-height:25px;font-size:12px}
.nhasset .lfimgBg{padding:130px 0 30px;text-align:center;margin-top:36px;background:url('../images/lf_top_img.png')no-repeat center top; background-size:242px auto}
.nhasset .lfimgBg1{padding:130px 0 0px;text-align:center;margin-top:36px;background:url('../images/lf_top_img1.png')no-repeat center top; background-size:133px auto}
.nhasset .lf_bgWrap{background:url(../images/bg_lf_Wrap.png)no-repeat center right;background-size:62px auto;padding:10px 0}
.nhasset .lf_bgWrap1{background:url(../images/bg_lf_Wrap1.png)no-repeat center right;background-size:62px auto;padding:0px 0}
.nhasset .lf_bgWrap2{background:url(../images/bg_lf_Wrap2.png)no-repeat center right;background-size:50px auto;padding:0px 0}
.nhasset .lf_bgWrap3{background:url(../images/bg_lf_Wrap3.png)no-repeat center right;background-size:50px auto;padding:0px 0}
.nhasset .lf_bgWrap4{background:url(../images/bg_lf_Wrap4.png)no-repeat center right;background-size:50px auto;padding:0px 0}
.nhasset .lf_bgWrap5{background:url(../images/bg_lf_Wrap5.png)no-repeat top 28px right;background-size:58.5px auto;padding:0px 0}
.nhasset .lf_bgWrap5.bgPs{background-position:right 5px center}
.nhasset .lf_bgWrap6{min-height:54px;background:url(../images/bg_lf_Wrap6.png)no-repeat top 5px right;background-size:52px auto;padding:0px 0}
.nhasset .fam_select_del_wrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .fam_select_del_wrap .inputList{flex:0 0 50%}
.nhasset .familyBox .formTit{margin-top:10px !important}
.nhasset .comService li{border-radius:5px;border:1px solid #ebebeb;padding:30px 5px}
.nhasset .categoryWrap.cateSubList .roundChkWrap.flexType{padding-bottom:4px}
.nhasset .categoryWrap.cateSubList label img{display:block;width:32px;height:auto;margin:0 auto;padding-bottom:7px}
.nhasset .categoryWrap.cateSubList .item{width:80px;position:relative}
.nhasset .categoryWrap.cateSubList label{height:auto;padding:15px 5px;font-size:12px}
.nhasset .categoryWrap.cateSubList input:checked + label{padding:14px 4px}
.nhasset .categoryWrap.cateSubList .item .lco_star{position:absolute;right:10px;top:0px}
.nhasset .categoryWrap.cateSubList .item .lco_star img{width:10px}
.nhasset .lf.accList > li{display:flex;align-items:center;width:100%;padding-top:10px;padding-bottom:10px !important;border-top:none}
.nhasset .lf.accList > li:last-child{padding-bottom:0px !important}
.nhasset .statusWrap.lf.addTpye{background-color:#f2f8ff !important} 
.nhasset .statusWrap.lf.addTpye .statusTit{font-weight:bolder}
.nhasset .statusWrap.lf.addTpye .statusTit img{width:32px;height:auto;vertical-align:middle;margin-right:5px;padding-top:-2px}
.nhasset .lf.boxTypeWrap{position:relative}
.nhasset .lf.boxTypeWrap .tooltipWrap .tooltipCont{left:0 !important}
.nhasset .lf_update h2{color:#666;font-weight:normal}
.nhasset .lf_update .updateBtn3{margin-left:10px;vertical-align:middle;margin-top:-2px;width:20px;height:20px;background:url('../images/ico_load_default.png') center no-repeat;background-size:20px auto}
.nhasset .lf.moreListTit{font-size:clamp(16px, 1.6rem, 24px);background-color:#f0fbf7;margin:0 -20px;padding:15px 20px 18px 20px}
.nhasset .yatexbtnWrap .penBtn:before{ content:" ";display:inlnie-block;padding-left:25px;background:url(../images/ico_pen.png) no-repeat left 50%;background-size:18px auto}
.nhasset .lf.pickList li{position:relative;display:flex;width:100%;margin-bottom:10px; flex-wrap:nowrap;justify-content:space-between;align-items:center}
.nhasset .lf.pickList li .rdoCheck{display:flex;align-items:center;justify-content:flex-start}
.nhasset .lf.pickList li .rdoCheck .pickCate{width:32px;height:32px;flex-shrink:0;overflow:hidden;display:inline-block;text-align:center;vertical-align:middle;border-radius:50%}
.nhasset .lf.pickList li .rdoCheck .pickCate img{width:100%;height:100%}
.nhasset .lf.pickList li .rdoCheck .txt{margin-left:0px}
.nhasset .lf.pickList li .rdoCheck .txt em{display:block}
.nhasset .lf.pickList li .rdoCheck .txt em.tit{font-size:clamp(14px, 1.4rem, 22px);color:#999;font-weight:bold}
.nhasset .lf.pickList li .rdoCheck .txt em.sub{margin-top:4px}
.nhasset .lf.pickList li .rdoCheck .txt em.val{margin-top:2px;font-size:clamp(15px, 1.5rem, 22.5px);color:#111;font-weight:900}
.nhasset .lf.pickList li input[type="radio"]{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:100%;height:100%}
.nhasset .lf.pickList li input[type="radio"] + label{position:relative;top:0;left:0;margin-left:0;width:100%;max-width:100%;min-height:auto;padding:15px 40px 15px 18px;font-size:clamp(12px, 1.2rem, 18px);color:#666;z-index:0;border-radius:6px;border:solid 1px #ebebeb}
.nhasset .lf.pickList li input[type="radio"]:checked + label{border:2px solid #19a647;padding:14px 39px 14px 17px}
.nhasset .lf.pickList li input[type="radio"]:checked + label .tit{color:#19a647}
.nhasset .lf.pickList li input[type="radio"] + label span{display:block}
.nhasset .lf.pickList li input[type="radio"] + label:after{display:inline-block;content:" "; position:absolute;right:12px}
.nhasset .lf.pickList li input[type="radio"]:checked + label:after{content:' ';display:inline-block;width:17px;height:9px;background:url('../images/ico_check_on.png') no-repeat;background-size:13px auto}
.nhasset .lf .roundChk input[type="radio"] + label{position:relative;display:block;width:100%;max-width:100%;margin-left:0;line-height:2.1;font-size:clamp(12px, 1.2rem, 18px);color:#999;text-align:center;background-color:white !important;border-radius:24px;padding:3px 15px}
.nhasset .lf .roundChk input[type="radio"] + label:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';border:1px solid #ebebeb;border-radius:24px}
.nhasset .lf .roundChk input:checked + label{background-color:#19a646 !important;color:#fff}
.nhasset .lf.fullInbodyBtn{display:block;height:44px;line-height:44px;color:#fff;background-color:#19a647;border-radius:5px;text-align:center}
.nhasset .lf_bg{background:#f2f4f8}
/*.nhasset .familyBox.formWrap > ul > li{border-bottom:1px solid #ebebeb;padding-bottom:15px}*/
.nhasset .familyBox.formWrap > ul > li + li{border-top:1px solid #ebebeb;padding-top:10px;margin-top:20px}
/*.nhasset .familyBox.formWrap > ul > li:last-child{border-bottom:none;padding-bottom:0px}*/
.nhasset .lf.boxRadio input[type="radio"] + label{position:relative;top:0;left:0;width:100%;max-width:100%;min-height:45px;padding:10px;font-size:clamp(14px, 1.4rem, 21px);color:#000;text-align:initial;z-index:0;border-radius:5px;background-color:#fff}
.nhasset .lf.boxRadio input:checked + label:before{width:17px;height:9px;background:url('../images/ico_check_on.png') no-repeat;background-size:13px auto;display:inline-block;float:right;margin-top:8px}
.nhasset .lf.boxRadio input[type='radio']:checked{border:1px solid #19a647 !important;background-image:none}
.nhasset .lf.cateSubList{margin:0px -15px 0}
.nhasset .lf.cateSubList:before, .nhasset .cateSubList:after{display:none}
.nhasset .lf.selectValue,.nhasset .lf.formWrap label{color:#888888 } /* [접근성_2024] 명도대비 컬러 변경 */ 
.nhasset .lf.formWrap .chkRadio input[type='radio']:checked + label{color:#111}
.nhasset .lf.bg_buble_wrap{border-radius:5px;background:url('../images/bg_lf_info01.png')repeat left top #e8f6ec;background-size:4px 4px;padding:30px 25px;width:100%;margin-bottom:25px}
.nhasset .lf.bg_buble_wrap li{display:flex;justify-content:space-between;margin-top:20px}
.nhasset .lf.bg_buble_wrap li:first-child{margin-top:0}
.nhasset .lf.bg_buble_wrap li .buble_img{min-width:70px;margin-right:20px}
.nhasset .lf.bg_buble_wrap li div img{width:70px;height:70px}
.nhasset .lf.bg_buble_wrap li .buble{background:white;border-radius:10px 20px 20px 20px;padding:20px;min-width:191px;width:100%;position:relative;margin-top:10px}
.nhasset .lf.bg_buble_wrap li .buble_ro{background:white;border-radius:20px 10px 20px 20px;padding:20px;min-width:191px;width:100%;position:relative;margin-top:10px;word-break:break-all}
.nhasset .lf.bg_buble_wrap li .buble:after{position:absolute;left:-10px;top:0;width:18px;height:27px;content:'';background:url('../images/bg_bulbe.png') left top no-repeat}
.nhasset .lf.bg_buble_wrap li .buble_ro:after{position:absolute;right:-10px;top:0;width:18px;height:27px;content:'';background:url('../images/bg_bulbe.png') left top no-repeat;transform:rotateY(180deg)}

.nhasset .lf.bg_buble_wrap li .buble p,.nhasset .lf.bg_buble_wrap li .buble_ro p{font-size:clamp(12px,1.2rem,18px)}
.nhasset .lf.bg_buble_wrap li .undertext{position:relative;display:inline-block}
.nhasset .lf.bg_buble_wrap li .undertext:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:6px;opacity:0.1;background:#19a647}
.nhasset .lf.bg_buble_wrap .ml20{margin-left:20px}
.nhasset .boxTypeWrap .lf.accList{margin-bottom:25px;border-bottom:none}
.nhasset .boxTypeWrap .lf.accList li:last-child{padding-bottom:0}

.nhasset .listLinkWrap2{margin-top:8px;margin-bottom:-2px;-webkit-transform:translateZ(0)}
.nhasset .listLinkWrap2.addtype li{padding:0;margin-top:28px}
.nhasset .listLinkWrap2.addtype li:first-child{margin-top:0}
.nhasset .listLinkWrap2 .agrLinkType{display:flex;justify-content:space-between;align-items:center;color:#666}
.nhasset .listLinkWrap2 li{padding:19px 0 9px}
.nhasset .listLinkWrap2 li:after{display:none}
.nhasset .listLinkWrap2 li.bdLine:after{content:'';display:block;border-bottom:1px solid #ebebeb;padding-top:29px;margin-left:-20px;margin-right:-20px}
.nhasset .listLinkWrap2.bdLine  li + li{border-top:1px solid #ebebeb}
.nhasset .listLinkWrap2 .agrLinkType .subject{width:calc(100% - 16vw)}
.nhasset .listLinkWrap2 .agrLinkType .iconNew{display:inline-block;flex-shrink:0;margin-left:8px; width:15.5px;height:15.5px; background:url('../images/ico_new2.png') 0 0 /cover no-repeat;vertical-align:middle}

.nhasset .contBtn04{border:1px solid #bbb;display:inline-block;color:#222;font-size:clamp(12px,1.2rem,18px);border-radius:24px;padding:0 15px;line-height:1.9}
.nhasset .formHolder.dsf{display:flex;margin-top:16px}
.nhasset .formHolder.dsf .radio{ flex:1}
.nhasset .agreeSubcont.ty01{margin-top:23px;margin-left:-20px;margin-right:-20px;border-bottom:1px solid #ebebeb}
.nhasset .btnWrap.page{margin-top:28px;display:inline-block;background-color:#fff;width:100%;color:#888;background-size:10px 5px;font-size:clamp(13px, 1.3rem, 19.5px);border:solid 1px #ebebeb;border-radius:5px;line-height:2.7} 

.nhasset .enentListWrap{margin-top:20px;border-radius:10px;background-color:#fff;box-shadow:0px 4px 18px 0px rgba(60, 78, 110, 0.12);padding:1px 20px}
.nhasset .enentListWrap .enentList{}
.nhasset .enentListWrap .enentList > li{}
.nhasset .enentListWrap .enentList > li + li{border-top:solid 1px #efefef}
.nhasset .enentListWrap .enentList > li a{display:block;padding:23px 0px 23px 0px}
/* [수정 260326] [MD2601_002] [NH트렌드+] 콘텐츠 상세 페이지 레이아웃 개선 태그 수정 */
.nhasset .enentListWrap .enentList > li .enentBtn {width:100%;padding:23px 0px 23px 0px}
/* // [수정 260326] [MD2601_002] [NH트렌드+] 콘텐츠 상세 페이지 레이아웃 개선 태그 수정 */
/*.nhasset .enentListWrap .enentList > li a.linkTypeArrow{background:url(../images/btn_tabRight_on.png) no-repeat right 25px;background-size:6px 10.5px}*/
.nhasset .enentListWrap .enentList > li .tit{background:url(../images/btn_tabRight_on.png) no-repeat right center;background-size:6px 10.5px;display:block;padding-right:20px}
.nhasset .enentListWrap .enentList > li .date{display:block;color:#888;font-size:clamp(12px,1.2rem,18px);margin-top:4px}
.nhasset .enentListWrap .listMoreBtn{margin:0 0 20px 0}
.nhasset .nolistBox{margin-top:20px;position:relative;padding:50px 20px;color:#666;background-color:#fff;border-radius:10px;letter-spacing:-0.5px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .nolistBox.stNone{padding:30px 0;box-shadow:none}
.nhasset .nolistBox.bgNone{box-shadow:none}
.nhasset .nolistBox .noResultWrap{margin-top:0}
.nhasset .nolistBox .noResultWrap p{margin-top:4px}
.nhasset .eventViewTitie{margin-top:36px;padding-bottom:24px;font-size:clamp(16px, 1.6rem, 24px);border-bottom:1px solid #ebebeb}
.nhasset .eventViewTitie .title{font-weight:bold}
.nhasset .eventViewTitie .date{margin-top:3px;color:#888}
.nhasset .eventViewCont{padding-top:28px;color:#333}
.nhasset .eventViewCont .date{position:relative;margin-top:15px;padding-left:11px;vertical-align:middle}
.nhasset .eventViewCont .date:before{content:'.';display:inline-block;position:absolute;left:0;top:-4px}
.nhasset .eventViewCont .alarmDate{ font-size:clamp(16px, 1.6rem, 24px);font-weight:bold;margin-bottom:23px}
.nhasset .eventViewCont .alarmDate span{display:block;font-weight:normal;font-size:clamp(14px, 1.4rem, 21.5px);margin-top:8px}
.nhasset .eventImg{position:relative;padding:28px 20px 214px 20px;border-radius:10px;overflow:hidden;margin-bottom:28px}
.nhasset .eventImg.sample{padding:0}
.nhasset .eventImg.sample img{width:100%}
.nhasset .eventImg .nhLogo{width:44.5px;height:9px;background:url(../images/notice/view_bg_ci.png) left top / 44.5px 9px no-repeat}
.nhasset .eventImg.template01{background:#fef1b3 url(../images/notice/bg_template05.png) center bottom 45px / 130px 130.5px no-repeat} 
.nhasset .eventImg.template02{background:#dcf7c2 url(../images/notice/bg_template06.png) center bottom 34px / 156.5px 139px no-repeat} 
.nhasset .eventImg[class*='template'] .titArea{font-size:clamp(20px, 2.0rem, 30px);font-weight:900}
.nhasset .eventImg[class*='template'] .titArea .name{display:block;margin-top:8px}
.nhasset .eventImg[class*='template'] .titArea .txt{margin-top:-12px}
.nhasset .eventImg.template01 .titArea .name{color:#ff9600}
.nhasset .eventImg.template02 .titArea .txt{color:#001111}
.nhasset .eventImg.template02 .titArea .name{color:#11b800}
.nhasset .eventImg.template02 .titArea .txt{color:#001111}
.nhasset .popCont .popNotice{padding:0 16px}
.nhasset .popCont .popNotice .tit{font-size:clamp(16px, 1.6rem, 24px);font-weight:bold;margin-bottom:19px}
.nhasset .popCont .popNotice .grayBox{margin-top:20px;margin-bottom:0;padding:28px 22px;border-radius:6px;font-size:clamp(14px, 1.4rem, 21px);color:#666;background-color:#f8f8f8}
.nhasset .popCont .popNotice .grayBox .date{display:block;margin-top:8px}

.nhasset .defTitAdd{margin-top:13px;margin-bottom:-3px;color:#666}
.nhasset .mdformWrap{margin-top:8px}
.nhasset .mdformWrap li + li{margin-top:28px}
.nhasset .mdformWrap li .mdTitWrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.nhasset .mdformWrap li .formTit{margin:0} 
.nhasset .mdformWrap li .formTit + .addText{margin-top:9px}
.nhasset .deRegisterWrap{margin:36px;text-align:center}
.nhasset .mdformWrap .selectValue{height:48px}
.nhasset .mdformWrap .inputList.mt12{margin-top:12px}
.nhasset .mdformWrap + .btnWrap{margin-top:20px;margin-bottom:8px;display:block}
.nhasset .btnWrap .dataSave{width:100%;text-align:center;padding:10px 10px 9px;font-size:clamp(13px, 1.3rem, 19.5px); color:#222;border:1px solid #999;border-radius:5px}
.nhasset .boxTypeWrap .cerTitWrap{margin-top:8px}
.nhasset .boxTypeWrap .cerTitWrap{display:flex;align-items:center;justify-content:space-between}
.nhasset .boxTypeWrap  .exText{margin-top:15px;margin-bottom:8px;color:#666}
.nhasset div.chkRadio input[type='checkbox']:checked + label{border-color:#19a646}

/* 상품 모아보기 */
.nhasset .productAllViewTitle{text-align:center;background:url('../images/icon_product_all_view.png')no-repeat center top;margin-top:12px;background-size:auto 116px;padding-top:150px}
.nhasset .productAllViewTitle .productPara{font-size:clamp(13px,1.3rem,19.5px);font-weight:bold}
.nhasset .productAllViewTitle .productSubject{font-size:clamp(20px,2rem,30px);font-weight:bold;margin-top:7px}
.nhasset .productAllViewTitle .productSubject strong{font-weight:900}
.nhasset .bgHtInfo{background:url('../images/banner/ht_prod_top.png')no-repeat right center / 71px 55px;min-height:68px;line-height:1.4}
.nhasset .boxTypeWrap.bigNumListWrap{padding:28px 12px 28px 12px;text-align:center}


/* //=============== to-be 마이데이터 =====================*/



/* ==to-be test== */
.nhasset .boxTypeAgreeTit{margin-top:37px;font-size:clamp(16px, 1.6rem, 24px);font-weight:900;color:#111;}
.nhasset .boxTypeWrap{overflow:hidden;background-color:#fff;border-radius:10px;margin-top:20px;padding:24px 20px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .boxTypeWrap.overUnset{overflow:unset}
.nhasset .boxTypeWrap.line{border:solid 1px #ebebeb;box-shadow:none}
.nhasset .boxTypeWrap .boxTitArea{background-color:#f8f8f8;margin:0 -20px;padding:15px 20px 18px 20px}
.nhasset .boxTypeWrap .boxTitArea.bgAssetConn{background-color:#f0fbf7} 
.nhasset .boxTypeWrap[class*="bgType"]{box-shadow:none;padding:20px 16px;padding-top:0}
.nhasset .boxTypeWrap[class*="bgType"] .visualSubWrap{background-color:transparent}
.nhasset .boxTypeWrap[class*="bgType"] .prodListWrap{background-color:#fff;border-radius:5px}
.nhasset .boxTypeWrap[class*="bgType"] .prodListWrap li {padding:26px 20px 26px;margin-top:0}
.nhasset .boxTypeWrap[class*="bgType"] .prodListWrap li .prodRecomWrap{margin-top:0}
.nhasset .boxTypeWrap[class*="bgType"] .prodListWrap li .disagree{padding:0 0 0 0}
.nhasset .boxTypeWrap[class*="bgType"] .prodListWrap li .disagree .disagreeP{min-height:unset}
.nhasset .boxTypeWrap[class*="bgType"] .visualSubWrap{margin-top:0;padding-top:0}
.nhasset .boxTypeWrap[class*="bgType"] .visualSubWrap .prodListTit{padding-top:18px}
.nhasset .boxTypeWrap.bgType01{background-color:#e2f6da}
.nhasset .boxTypeWrap.bgType02{background-color:#d6f1ea}
.nhasset .boxTypeWrap.bgType03{background-color:#d0f0f4}
.nhasset .boxTypeWrap.bgType04{background-color:#d5f2f5}
.nhasset .boxTypeWrap.bgType05{background-color:#d5f5e3}
.nhasset .boxTypeWrap.bgType06{background-color:#d9e1f5}
.nhasset .boxTypeWrap.bgType08{background-color:#fdf7d3}
.nhasset .boxTypeWrap.bgType09{background-color:#e0f8d2}
.nhasset .boxTypeWrap.bgType10{background-color:#d7e9ff}
.nhasset .boxTypeWrap .bgType04{background-color:#e8f6ec;padding:20px 16px;border-radius:5px;margin-top:20px}
.nhasset .boxTypeWrap .prodListTit{display:block;line-height:1.5 !important;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:3px;font-size:clamp(16px, 1.6rem, 24px);line-height:1.25em;font-weight:600}
.nhasset .boxTypeWrap .bgType04 .totalAmnt{color:#19a646}
.nhasset .boxTypeWrap .bgType04 .totalAmnt .dataValue{font-size:clamp(26px, 2.6rem, 39.5px);font-weight:900;font-family:'NoToNum'}
.nhasset .boxTypeWrap .prodListTit.img01{background:url('../images/img_prodListTitimg01.png') top 20px right no-repeat;background-size:70px auto}
.nhasset .boxTypeWrap .prodListTit.img02{background:url('../images/img_prodListTitimg02.png') top 20px right no-repeat;background-size:70px auto}
.nhasset .boxTypeWrap .prodListTit.img03{background:url('../images/img_prodListTitimg03.png') top 20px right no-repeat;background-size:58px auto}
.nhasset .boxTypeWrap .prodListTit.img04{background:url('../images/img_prodListTitimg04.png') top 20px right no-repeat;background-size:54px auto;padding-bottom:25px}
.nhasset .boxTypeWrap .prodListTit.img05{background:url('../images/img_prodListTitimg05.png') top 20px right no-repeat;background-size:88px 88px;height:88px}
.nhasset .boxTypeWrap .prodListTit.img06{margin-bottom:-20px;background:url('../images/img_prodListTitimg06.png') center right no-repeat;background-size:80px 78px} /* [2022-12-07] 사보현 :이미지 변경 */
.nhasset .boxTypeWrap .prodListTit.img07{background:url('../images/img_prodListTitimg07.png') top 20px right no-repeat;background-size:89px 72px}
.nhasset .boxTypeWrap .prodListTit.img08{background:url('../images/img_prodListTitimg08.png') top 26px right no-repeat;background-size:70px 65px}
.nhasset .boxTypeWrap .prodListTit.img09{background:url('../images/img_prodListTitimg09.png') top 26px right no-repeat;background-size:70px 65px}
.nhasset .boxTypeWrap .prodListTit.img10{background:url('../images/img_prodListTitimg10.png') top 26px right no-repeat;background-size:70px 65px}
.nhasset .boxTypeWrap .prodListTit.img12{background:url('../images/img_prodListTitimg12.png') top 20px right no-repeat;background-size:70px auto}
.nhasset .boxTypeWrap .prodListTit.img13{background:url('../images/img_prodListTitimg13.png') top 26px right no-repeat;background-size:74.5px 68px}/*자산 예적금 만기 안내*/
.nhasset .boxTypeWrap .prodListTit.img14{background:url('../images/img_prodListTitimg14.png') top 26px right no-repeat;background-size:72.5px 70.5px}
.nhasset .boxTypeWrap .prodListTit.img15{background:url('../images/img_prodListTitimg15.png') top 26px right no-repeat;background-size:70px 70px}
.nhasset .boxTypeWrap .prodListTit.img17{background:url('../images/img_prodListTitimg17.png') top 26px right no-repeat;background-size:60px auto}

.nhasset .boxTypeWrap .prodListTit.img04 + .subTxt4{margin-top:-18px}
.nhasset .boxTypeWrap .prodListTit.img05 + .subTxt4{margin-top:-18px}
.nhasset .boxTypeWrap.bgType01 .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap:before{background-color:#e2f6da}
.nhasset .boxTypeWrap.bgType02 .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap:before,
.nhasset .boxTypeWrap.bgType05 .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap:before{background-color:#d6f1ea}
.nhasset .boxTypeWrap.bgType03 .prodListWrap .prodRecomWrap .prodRecomVal .dataValueWrap:before{background-color:#d0f0f4}

.nhasset .boxTypeWrap.addShadow{padding-top:0;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .boxTypeWrap.addShadow .visualSubWrap{margin-top:0;padding-top:0}
.nhasset .boxTypeWrap.addShadow .visualSubWrap .prodListTit{padding-top:18px}
.nhasset .boxTypeWrap.addShadow .visualSubWrap .subTxt4{margin-bottom:0;margin-top:-13px}

.nhasset .prodBanner{border-radius:10px;margin-top:20px;padding:23px 18px 23px 20px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16)}
.nhasset .prodBanner a{display:block}
.nhasset .prodBanner.ty01{background:#d9e2ff url('../images/banner/prodBanner_bg01.png') center right 18px no-repeat;background-size:78px auto}
.nhasset .prodBanner.ty02{background:#d9e2ff url('../images/img_prodListTitimg18.png') center right 20px no-repeat;background-size:90px auto} /* [MD2309_001] NH자산+ 內 방문예약 연결 추가 요청 */
.nhasset .prodBanner .baTxt{font-size:clamp(16px, 1.6rem, 24px);line-height:1.25em;font-weight:600}

.nhasset .boxTypeWrap [class^="divLine"]{display:block;border:none}
.nhasset .boxTypeWrap .divLine{height:1px;background-color:#ebebeb} 
.nhasset .boxTypeWrap .divLine02{height:1px;background-color:#ebebeb;display:block;margin:0 -20px}
.nhasset .boxTypeWrap .divLine03{height:1px;background-color:#ebebeb;margin:15px -20px}
.nhasset .boxTypeWrap .divLine04{height:1px;background-color:#ebebeb;display:block;margin:0}

.nhasset .moreInfo .divLine05{height:1px;background-color:#dedede;display:block;margin:4px 0 ;border:none}
.boxTypeWrap.pt0{padding-top:0 !important}

.mydateLogo{height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mydateLogo img{height:23px;width:auto;margin-top:0}

.nhasset .boxWrapShadow.astfixed{box-shadow:none;border-radius:0}
.nhasset .boxWrapShadow.astfixed .boxTypeWrap{transform:translateZ(0)}
.nhasset .boxWrapShadow.astfixed + .boxTypeWrap{position:relative;overflow:auto;height:0}

/*----------------------------- */
/*			헬스케어			*/
/*----------------------------- */
.nhasset .stList.accList a{position:relative;height:auto}
.nhasset .stList.accList .selectValue{display:flex;padding:10px 0;line-height:initial}
.nhasset .stList.accList .selectBtn{top:50%;margin-top:-23px}
.nhasset .stList.accList .accInfo{display:flex;justify-content:space-between;align-items:center;margin-top:2px;/*font-weight:bold*/}
.nhasset .stList.accList .accInfo .accNum{color:#7e858e;font-size:clamp(13px, 1.3rem, 19.5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhasset .listReport .defSubTit{margin-bottom:10px;border:none;font-weight:bold}
.nhasset .listReport > li{padding:25px 20px;background:no-repeat 20px center;background-size:32px;/*border-radius:10px;background-color:#fff;box-shadow:0px 4px 18px 0px rgba(60, 78, 110, 0.12)*/border-top:1px solid #dedede}
.nhasset .listReport > li:first-child{border:none}
.nhasset .listReport .reportCont{display:flex;align-items:center;width:100%}
.nhasset .listReport > li .title{display:block;margin-right:4px;font-size:clamp(14px, 1.4rem, 22px)}
.nhasset .listReport > li .subTxt{display:block;/*margin-bottom:5px;*/font-size:clamp(12px,1.2rem,18px);color:#666}
.nhasset .listReport > li .linkType1{margin-left:auto;flex-shrink:0}

.nhasset .listBoxFlex{margin-top:20px}
.nhasset .listBoxFlex li{border-radius:10px;background-color:#fff;box-shadow:0px 4px 18px 0px rgba(60, 78, 110, 0.12);
width:100%;padding:25px 20px;display:flex;justify-content:space-between;align-items:center}
.nhasset .listBoxFlex > li + li{margin-top:8px}
.nhasset .listBoxFlex > li .title{font-size:clamp(15px,1.5rem,22.5px);display:inline-block;margin-right:4px}
.nhasset .listBoxFlex > li .cont{font-size:clamp(12px,1.2rem,18px);color:#666;margin-top:5px}

.nhasset .topBtnWrap{position:relative;margin-top:20px;width:100%}
.nhasset .topBtnWrap a{position:absolute;top:0;right:0}

.nhasset .assetSelectLlist .subject .flex,
.nhasset .vertuSelectLlist .subject .flex{display:inline-block;justify-content:space-between;width:calc(100% - 40px)}
.nhasset .assetSelectLlist .detailList,
.nhasset .vertuSelectLlist .detailList{padding:20px}
.nhasset .assetSelectLlist em{position:relative;color:#1f6cc5}
.nhasset .assetSelectLlist .virtuInfo em{color:unset}
.nhasset .assetSelectLlist .tag{margin:0 0 0 4px;vertical-align:top;line-height:1.9}

.nhasset .vertuList li{display:block;padding:0 20px 0 20px;border-bottom:1px solid #ebebeb}
.nhasset .vertuList li .virtuInfo{margin-left:-20px;margin-bottom:24px}
.nhasset .vertuList > li > ul > li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.nhasset .virtuInfo em.unit{margin-left:8px;font-size:clamp(12px,1.2rem,18px);color:#888}
.nhasset .virtuInfo .subCont{margin-top:5px;text-align:right}
.nhasset .virtuInfo .subCont .value{font-size:clamp(15px,1.5rem,22.5px);color:#111}
.nhasset .virtuInfo .subCont .value .won{font-weight:bold}

.nhasset .lBar{position:relative;display:inline-block;margin-left:4px;padding-left:8px}
.nhasset .lBar:before{position:absolute;top:8px;bottom:2px;left:0;content:'';width:1px;margin-top:-5px;background:#e1e1e1}

.nhasset .assetSelectLlistWrap .assetSelectLlistAll label{width:auto}
.nhasset .assetSelectLlistWrap .tooltipWrap{margin-left:4px;vertical-align:middle}
.assetSelectLlistWrap .assetSelectSub{padding-bottom:0}
.assetSelectLlistWrap .assetSelectSub > li:last-child{margin-bottom:20px}

.nhasset .boxTypeToggle{margin-top:20px;border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);overflow:hidden}
.nhasset .boxTypeToggle .boxTitWrap a{display:block;position:relative;padding:20px;background-color:#fff}
.nhasset .boxTypeToggle .boxTitWrap a:after{content:'';position:absolute;top:50%;margin-top:-5px;right:20px;width:10px;height:10px;background:url('../images/arr_down02.png') center /cover no-repeat} /* [2022-11-01] transition-duration 삭제 */
.nhasset .boxTypeToggle .boxTitWrap a.active:after{transform:rotate(-180deg)}
.nhasset .boxTypeToggle .toggleCont{padding:16px 20px;background:#f2f4f8}

.listNor>li:first-child{margin-top:0}
.listNor>li{margin-top:14px}

.nhasset .healthBox .defSubTit2 + .subTxt{font-size:clamp(14px, 1.4rem, 21px);color:#111} /* [2023-02-21] 추가 */
.nhasset .healthBox .detailList > li .value{font-size:clamp(13px, 1.3rem, 19.5px);font-weight:normal;color:#666} /* [2023-02-21] 추가 */


/* =============== 소비A =====================*/
.nhasset .csm.calenderArea .dateItem .date em{display:block;font-size:5px !important;line-height:18px;letter-spacing:-1px}
.nhasset .csm.calenderArea .dateItem .date{line-height:18px !important;height:auto !important;margin:5px 0}
.nhasset .cs.iconBox04{line-height:21px;background-position-y:center;background-size:40px 40px}
.nhasset .CardBannerWarp{background:#ecf8f0;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%);border-radius:10px;margin-top:20px;padding:20px}
.nhasset .CardBannerWarp01{margin:25px 0 10px}
.nhasset .CardBannerWarp.Card01{background-image:url('../images/ico_spend05.png');background-size:49px 53px;background-position:right 20px center;background-repeat:no-repeat}
.nhasset .CardBannerWarp.Card02{background-image:url('../images/ico_spend06.png');background-size:58px 53px;background-position:right 20px center;background-repeat:no-repeat}
.nhasset .CardBannerWarp.Card03{background-image:url('../images/ico_spend08.png');background-size:56px 58px;background-position:right 20px center;background-repeat:no-repeat}
.nhasset .CardBannerWarp.Card05{background-image:url('../images/ico_spend09.png');background-size:58px 48px;background-position:right 20px center;background-repeat:no-repeat}
.nhasset .CardBannerWarp01.Card03{background-image:url('../images/ico_spend07.png');background-size:64px 40px;background-position:right center;background-repeat:no-repeat}
.nhasset .CardBannerWarp01.Card04{position:relative;margin-top:16px;padding-top:30px;border-top:1px solid #ebebeb}
.nhasset .CardBlur{filter:blur(3px);opacity:0.4;z-index:1} /* 2022-10-18 사보현 :background 이미지 삭제 */
.nhasset .CardBlur + .ac{position:absolute;z-index:2;top:20px;width:100%}
.nhasset .cs.spendSet{margin:20px 0;text-align:center;display:block}
.nhasset .cs.spendSet .date{margin-right:5px;padding-left:25px;padding-right:0;color:#666;background:url('../images/ico_set.png') left center no-repeat;background-size:16px 17px}
.nhasset .cs.layerMsgWrap span{color:#19A647;text-decoration:underline}
.nhasset .cs.form_flex{display:flex;align-items:center}
.nhasset .cs.marketingArea.topArea{display:block !important}
.nhasset .cs.infoBox{margin:0px}
.nhasset .cs.inoutListWrap{position:relative;border-top:none !important}
.nhasset .cs.inoutListWrap a:after{top:45%}
.nhasset .cs.daySum input[type="checkbox"] + label{margin-left:0 !important;width:auto}
.nhasset .cs.daySum div:first-child{width:70%}
.nhasset .cs.btnSetReset{display:block;margin-bottom:10px;text-align:right;position:relative}
.nhasset .cs.btnSetReset button{display:inline-block;padding:0 20px 0 8px;line-height:22px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .cs.btnSetReset button:before{position:absolute;right:0;top:5px;display:inline-block;content:'';width:16px;height:13px;background:url(../images/btn_cs_reset.png) no-repeat;background-size:cover;vertical-align:middle}
.nhasset .cs.filterSelect button{padding-right:15px;background:url(../images/arr_down02.png) no-repeat right center;background-size:10px auto;font-size:clamp(14px,1.4rem,21px );border-bottom:solid 1px #19a647}
.nhasset .cs_list_top_tit{display:flex;justify-content:space-between;align-items:center} /* [2022-10-18] 사보현 :space-between으로 수정 */
.nhasset .cs_list_top_tit div{width:100%}
.nhasset .cs_list_top_tit div:last-child{color:#888}
.nhasset .cs_list_top_tit div:last-child span{color:#3674bc}
.nhasset .cs_list_top_tit .defTit{margin-bottom:0}
.nhasset .cs_pop_list{padding:0 16px}
.nhasset .cs_pop_list .formWrap{position:relative}
.nhasset .cs_pop_list .formWrap .inputDallorText{position:absolute;color:#111;left:20px;top:12px;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .cs_pop_list .formWrap .inputDallorText + input[type='tel']{padding-left:35px}
.nhasset .cs_pop_list .formWrap .inputDallorText.ml10 + input[type='tel']{padding-left:70px}
.nhasset .cs_pop_list li{display:flex;align-items:center;padding:22px 19px;border-radius:10px;border:1px solid #ebebeb;margin-top:10px}
.nhasset .cs_pop_list li>a{display:flex;align-items:center;}
.nhasset .cs_pop_list li:first-child{margin-top:0}
.nhasset .cs_pop_list li div:last-child{margin-left:12px}
.nhasset .cs_pop_list li div:last-child p{color:#111;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .cs_pop_list li div:last-child p:last-child{color:#888;font-size:12px}
.nhasset .cs_pop_list img{width:32px;vertical-align:middle}
.nhasset .yaTopBanner.bgTy04{background:#4aa667 url('../images/banner/yeartexbanner04.png')no-repeat center left 25px;background-size:41px auto}
.nhasset .imojiTit{margin-top:20px;font-weight:bold}
.nhasset .imojiTit .icoImg{vertical-align:middle}
.nhasset .imojiTit .icoImg img{width:auto;height:clamp(14px,1.4rem,21px)}
.nhasset .csChartWrap{position:relative} /* 소비공통, 목표메인 */
.nhasset .csChartWrap .swiper-container{margin:0 -16px -5px;padding:0 16px 5px}
.nhasset .csChartWrap .swiper-slide{width:94%}
.nhasset .csChartWrap .swiper-button-prev.blind,
.nhasset .csChartWrap .swiper-button-next.blind{width:20px !important;height:20px !important;bottom:-10px}
.nhasset .csChartWrap{margin:0 -16px;overflow-y:scroll;padding:0 16px;} /* [MD2503_026] 마이데이터(스뱅) 접근성 */
.nhasset .csChartWrap::-webkit-scrollbar{display:none}
.nhasset .csChartWrap > ul{display:flex;padding:10px 0px}
.nhasset .csChartWrap > ul > li{margin-right:12px;width:100%;flex:0 0 90%}
.nhasset .csChartWrap .boxTypeWrap{position:relative;height:clamp(320px,32rem,360px)} /* 2022-09-27 윤지현:스와이프 높이수정 */
.nhasset .csChartWrap .linkTxt3{position:absolute;left:50%;transform:translateX(-50%);bottom:20px}
.nhasset .csChartWrap .linkTxt3.posR{left:auto;bottom:0;transform:none}
.nhasset .csChartWrap > ul > li:last-child{padding-right:20px}
.nhasset .boxTypeWrap+.csChartWrap{overflow:visible} /* 2022-11-04 사보현 :소비공통 스와이프 추가 */

.nhasset .cs_MonthImgWrap{overflow:hidden;background:url(../images/ico_calender.png) no-repeat top 2px right 0;background-size:41px 45px} /* 2022-09-27 윤지현:bg right 값 변경 */
.nhasset .cms.calenderArea{padding:15px 0 10px 0;border-top:1px solid #ebebeb}
.nhasset .cms.calenderArea .weekItem > span{color:#888;font-size:clamp(14px,1.4rem,21px)}

/* [2022-10-18] 사보현 캘린더수정*/
.nhasset .cms.calenderArea .dateItem a{color:#888 !important}
.nhasset .cms.calenderArea .dateItem .date.num{color:#111 !important}
.nhasset .cms.calenderArea .dateItem .date.active{background:url(../images/common/ico_calPointN.png) no-repeat top 3px center;color:#111 !important;background-size:28px 28px;font-weight:900}
.nhasset .cms.calenderArea .dateItem button{text-align:center;width:14%}
.nhasset .cms.calenderArea .dateItem button .day{display:inline-block;line-height:28px;height:28px;border-radius:100%;width:28px;font-weight:900;color:#111;font-size:clamp(14px,1.4rem,16px)}
.nhasset .cms.calenderArea .dateItem button.today .day{background-color:#0c419a;color:#fff}
.nhasset .cms.calenderArea .dateItem button:disabled .day{color:#888}
.nhasset .cms.calenderArea .dateItem button.today:disabled .day{color:#fff}
.nhasset .cms.calenderArea .dateItem button .daySummary{height:36px}
.nhasset .cms.calenderArea .dateItem button .daySummary > span{display:block;line-height:1.5}
.nhasset .cms.calenderArea .dateItem .date{float:left;border-radius:4px;color:#333;text-align:center;line-height:34px;display:block;min-height:50px;font-weight:900}  /* [2022-10-18] 사보현 min-height 추가 */
.nhasset .cms.calenderArea .dateItem .date > div{font-size:clamp(8px,0.8rem,12px);line-height:12px;font-weight:normal} 
.nhasset .boxTypeWrap a.linkTxt3{margin-top:10px} /* MSCSM200 */
 
.nhasset .wrapCalender{}
.nhasset .wrapCalender .calenderBox{z-index:1;position:relative;padding-bottom:0}
.nhasset .wrapCalender .filterArea{background-color:#fff}
.nhasset .wrapCalender .filterArea{text-align:center}
.nhasset .wrapCalender .filterArea .filterSelect{width:100px}
.nhasset .wrapCalender .filterArea .monthSelectArea{display:flex}
.nhasset .wrapCalender .calenderInfoWrap{position:relative}
.nhasset .wrapCalender .calenderInfoWrap a[class^="btn-month-"]{position:absolute;width:20px;height:30px;flex:0 0 20px;overflow:hidden;background:no-repeat center;background-size:5px auto;z-index:10;top:2px}
.nhasset .wrapCalender .calenderInfoWrap a.btn-month-prev{background-image:url('../images/arr_prev2.png');left:0}
.nhasset .wrapCalender .calenderInfoWrap a.btn-month-next{background-image:url('../images/arr_next2.png');left:80px}
.nhasset .calenderInfoWrap a.btn-month-prev.swiper-button-disabled{background-image:url('../images/arr_prev.png')}
.nhasset .calenderInfoWrap a.btn-month-next.swiper-button-disabled{background-image:url('../images/arr_next.png')}
.nhasset .wrapCalender .filterArea .monthSelectArea strong{width:100%;text-align:center;font-size:16px;font-weight:900;height:30px;line-height:30px}
.nhasset .wrapCalender .filterArea .thisMonthRange{font-size:13px;color:#888}

.nhasset .wrapCalender .carandarFoldingArea{background-color:#d7dbe3;margin-top:-20px;z-index:0;position:relative;border-radius:0 0 10px 10px;padding:20px 0 0 0}
.nhasset .wrapCalender .carandarFoldingArea .carandarFolding{width:100%;text-align:center;height:37px;line-height:37px;font-size:clamp(13px,1.3rem,19.5px)}
.nhasset .wrapCalender .carandarFoldingArea .carandarFolding > span{padding-right:19px;background:url('../images/arr_down02.png')no-repeat right center;background-size:10px auto}
.nhasset .wrapCalender .carandarFoldingArea .carandarFolding.active > span{background-image:url('../images/arr_up02.png')}

/****소비 달력 정렬****/
.nhasset .wrapCalender .boxTypeWrap .cms.calenderArea .dateItem button{text-align:center;width:calc(100%/7);box-sizing:border-box}
.nhasset .wrapCalender .boxTypeWrap .calenderArea .dateItem .date:nth-child(7){margin-right:0}
.nhasset .wrapCalender .boxTypeWrap .calenderArea .dateItem .date:nth-child(7n+1),
.nhasset .wrapCalender .boxTypeWrap .calenderArea .dateItem .date.bgNone{ width:calc(100%/7)}
.nhasset .wrapCalender .boxTypeWrap .calenderArea .dateItem  .daySummary span{white-space:nowrap}


/*--------------------------
	금융 플래너
---------------------------*/
/* 금융 플래너 달력 as-is */
.wrap_dl_calender.dlCalenderEmpty .dl_calender_day .dl_calender_row{height:auto}
.wrap_dl_calender.dlCalenderEmpty .dl_calender_day .dl_calender_row > div{height:auto}
.wrap_dl_calender{background-color:#19a546;border-radius:11px;overflow:hidden;box-shadow:3px 3px 10px #ededed;margin-top:20px}
.dlCalenderInner{background-color:#fff;padding-bottom:12px;border-radius:0 0 11px 11px}
.dlCalenderInner > div{display:flex;width:100%}
.dl_calender_month{justify-content:center;padding:21px 0 11px 0;font-size:15px;color:#111;font-weight:bold;background-color:#fff;align-items:center}
.dl_calender_month em{color:#111;margin:0 10px;line-height:30px}
.dl_calender_month .selectMonth{color:#111;margin:0 10px;line-height:30px}
.dl_calender_month button{width:30px;height:30px;overflow:hidden;position:relative;display:none;background:no-repeat center;background-size:5px auto}
.dl_calender_month button.pMonth{background-image:url('../images/arr_prev2.png')}
.dl_calender_month button.nMonth{background-image:url('../images/arr_next2.png')}
.wrap_dl_calender.active .dl_calender_month button{display:block}
.dl_calender_week > span{flex:1;text-align:center;padding:5px 0;color:#888}
.dl_calender_day{flex-direction:row;position:relative;/*transition:0.3s;*/}
.dl_calender_day .dl_calender_row{display:flex;transition:0.3s;overflow:hidden;height:70px;flex:0 0 100%}
.dl_calender_day .dl_calender_row > div{flex:1;padding:0 2px;text-align:center;overflow:hidden;height:70px}
.dl_calender_day .dl_calender_row > div:first-child{border-left:0;padding-left:4px}
.dl_calender_day .dl_calender_row > div:last-child{padding-right:4px}
.dl_calender_day .dl_calender_row > div.hiddenDay:last-child > a .dl_calender_date{color:rgba(50,87,223,0.4)}
.dl_calender_day .dl_calender_row > div > a{display:block;font-size:clamp(9px,0.9rem,13.5px);height:100%}
.dl_calender_day .dl_calender_row > div > a .dl_calender_subject{display:block;overflow:hidden;white-space:nowrap;position:relative;z-index:0}
.dl_calender_date{display:inline-block;border-radius:50%;width:27px;height:27px;font-size:14px;text-align:center;line-height:27px;color:#111;font-weight:900}
.dl_calender_date:only-child{color:#888 !important}
.thisday .dl_calender_date{border:solid 1px #0c419a;line-height:25px}
.today .dl_calender_date{background-color:#0c419a;color:#fff !important}
.holiday .dl_calender_date{color:#111 !important}
.holiday .dl_calender_date:only-child{color:#888 !important}
.holiday{color:inherit !important}
.hiddenDay .dl_calender_date{font-weight:normal}
.dl_calender_day .dl_calender_row > div > a .dl_calender_subject:after{content:'';position:absolute;bottom:0;left:0;height:7px;width:100%;z-index:-1;display:none}
.unerColor-o:after,.planType.unerColor-o:after{background-color:#ffdfad}
.unerColor-p:after,.planType.unerColor-p:after{background-color:#fdccdd}
.unerColor-b:after,.planType.unerColor-b:after{background-color:#d3e1fa}
.unerColor-g:after,.planType.unerColor-g:after{background-color:#bff1d2}
.unerColor-stock:after,.planType.unerColor-stock:after{background-color:#fef29b}
.unerColor-admin:after,.planType.unerColor-admin:after{background-color:#f2ceff}
.unerColor-as:after{background-color:#cbedff}
.unerColor-dl:after{background-color:#cbf4d8}
.unerColor-ya:after{background-color:#d3f7fa}
.unerColor-mc:after{background-color:#f5e6ff}
.unerColor-gs:after{background-color:#d3e1fa}
.dfs .category{padding:0 2px;margin-right:4px;display:inline-block;line-height:21px;position:relative;z-index:0}
.dfs .category:after{content:'';position:absolute;bottom:0;left:0;height:10px;width:100%;z-index:-1;background-color:#eee}
.listCategory{padding-left:10px}
.listCategory li + li{margin-top:10px}
.listCategory li .btn.small.w{color:#999}
.dl_calender_day .dl_calender_row.on{opacity:1;height:70px}
.wrap_dl_calender.active .dl_calender_day{flex-direction:column;/*transition:0.5s;*/}
.wrap_dl_calender.active .dl_calender_row{opacity:1;height:70px;transition:0.5s}
.wrap_dl_calender.active .dl_calender_info{max-height:100%;opacity:1;transition:0.3s}
.dl_calender_info{flex-direction:column}


.dlCalenderInner{background-color:#fff;padding-bottom:12px;border-radius:0 0 11px 11px}
.dlCalenderInner > div{display:flex;width:100%}
.dl_calender_month{justify-content:center;padding:21px 0 21px 0;font-size:15px;color:#111;font-weight:bold;background-color:#fff;align-items:center;position:relative;border-bottom:solid 1px #ebebeb;margin-bottom:18px}
.dl_calender_month .swiper-wrapper{width:100px}
.dl_calender_month .plannerSchlAdd{position:absolute;right:26px;background:url('../images/ico_plus.png')no-repeat center;background-size:12px auto;width:30px;height:30px}
.dl_calender_month em{color:#111;margin:0 10px;line-height:30px}
.dl_calender_month .selectMonth{color:#111;margin:0 10px;line-height:30px;background-color:#fff;font-size:16px;display:block;text-align:center;font-weight:900}
.dl_calender_month button{width:30px;height:30px;overflow:hidden;position:relative;display:none}
.wrap_dl_calender.active .dl_calender_month button{display:block}
.dl_calender_week > span{flex:1 1 auto;text-align:center;padding:5px 0}

.subMainDlWrap .wrap_dl_calender{border-radius:0;box-shadow:none;overflow:unset;background-color:transparent}
.subMainDlWrap .wrap_dl_calender .dlCalenderInner{border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);overflow:hidden;position:relative}


/* 요일컬러 삭제(2022) */
/*.subMainDlWrap .dl_calender_week > span.weekend{color:#fe4c4c}
.subMainDlWrap .dl_calender_week > span.weekend ~ .weekend{color:#3257df}*/
.subMainDlWrap .dl_calender_day{flex-direction:row;position:relative;/*transition:0.3s;*/}
.subMainDlWrap .dl_calender_day .dl_calender_row{display:flex;transition:0.3s;overflow:hidden;height:70px;flex:0 0 100%}
.subMainDlWrap .dl_calender_day .dl_calender_row > div{flex:0 0 14.28%;padding:0 2px;text-align:center;overflow:hidden;height:70px}
.subMainDlWrap .dl_calender_day .dl_calender_row > div:first-child{border-left:0;padding-left:4px}
.subMainDlWrap .dl_calender_day .dl_calender_row > div:last-child{padding-right:4px}
/* 요일컬러 삭제(2022) */
/*.subMainDlWrap .dl_calender_day .dl_calender_row > div:first-child > a .dl_calender_date{color:#fe4c4c}
.subMainDlWrap .dl_calender_day .dl_calender_row > div:last-child > a .dl_calender_date{color:#3257df}*/
.subMainDlWrap .dl_calender_day .dl_calender_row > div.hiddenDay:last-child > a .dl_calender_date{color:rgba(50,87,223,0.4)}
.subMainDlWrap .dl_calender_day .dl_calender_row > div > a{display:block;font-size:11px;height:100%;overflow:hidden}
.subMainDlWrap .dl_calender_day .dl_calender_row > div > a .dl_calender_subject{display:block;overflow:hidden;white-space:nowrap;position:relative;z-index:0}
.subMainDlWrap .thisday .dl_calender_date{border:solid 1px #0c419a;line-height:25px}
/* 생일표시 */
.subMainDlWrap .birthdaYMonth{background:url('../images/contents/bg_birthday_month.png')no-repeat center 5px;background-size:auto 48.5px}
.subMainDlWrap .birthDay{position:relative}
.subMainDlWrap .birthDay > a:after{content:'';position:absolute;width:31px;height:27px;top:0;left:50%;margin-left:-15.5px;background:url('../images/contents/icon_birthday.png')no-repeat center;background-size:26px auto;box-sizing:border-box;overflow:hidden;background-color:#fff}
.subMainDlWrap .dl_calender_day .dl_calender_row > div > a .dl_calender_subject:after{content:'';position:absolute;bottom:0;left:0;height:7px;width:100%;z-index:-1}
.subMainDlWrap .unerColor-o:after,.planType.unerColor-o:after{background-color:#ffdfad}
.subMainDlWrap .unerColor-p:after,.planType.unerColor-p:after{background-color:#fdccdd}
.subMainDlWrap .unerColor-b:after,.planType.unerColor-b:after{background-color:#d3e1fa}
.subMainDlWrap .unerColor-g:after,.planType.unerColor-g:after{background-color:#bff1d2}
.subMainDlWrap .unerColor-stock:after,.planType.unerColor-stock:after{background-color:#fef29b}
.subMainDlWrap .unerColor-admin:after,.planType.unerColor-admin:after{background-color:#f2ceff}
.subMainDlWrap .unerColor-as:after{background-color:#cbedff}
.subMainDlWrap .unerColor-dl:after{background-color:#cbf4d8}
.subMainDlWrap .unerColor-ya:after{background-color:#d3f7fa}
.subMainDlWrap .unerColor-mc:after{background-color:#f5e6ff}
.subMainDlWrap .unerColor-gs:after{background-color:#d3e1fa}
.subMainDlWrap .category{margin-right:4px;display:inline-block;line-height:21px;position:relative;z-index:0}
.subMainDlWrap .category:after{content:'';position:absolute;bottom:0;left:0;height:10px;width:100%;z-index:-1;background-color:#d1edda}
.subMainDlWrap .listCategory{padding-left:10px}
.subMainDlWrap .listCategory li + li{margin-top:10px}
.subMainDlWrap .listCategory li .btn.small.w{color:#999}
.subMainDlWrap .dl_calender_day .dl_calender_row.on{opacity:1;height:70px}
.subMainDlWrap .wrap_dl_calender.active .dl_calender_day{flex-direction:column;/*transition:0.5s;*/}
.subMainDlWrap .wrap_dl_calender.active .dl_calender_row{opacity:1;height:65px;transition:0.5s}
.subMainDlWrap .wrap_dl_calender.active .dl_calender_info{max-height:100%;opacity:1;transition:0.3s}
.subMainDlWrap .dl_calender_info{flex-direction:column}
.subMainDlWrap .touch_area{text-align:center;height:49px;background-color:#d7dbe3;border-radius:0 0 10px 10px;margin-top:-12px;text-align:center}
.subMainDlWrap .touch_area span{display:inline-block;margin-top:12px;padding-right:19px;line-height:35px;font-size:clamp(13px,1.3rem,19.5px);background:url('../images/arr_down02.png')no-repeat right center;background-size:10px auto}
.subMainDlWrap .touch_area.active span{background-image:url('../images/arr_up02.png')}
.subMainDlWrap .financePlanInfo1{position:relative;color:#111;margin-top:30px;margin-bottom:25px}
.subMainDlWrap .financePlanInfo1 em{font-weight:bold}
.subMainDlWrap .financePlanInfo1 .planInfoTitleWrap{display:flex;justify-content:space-between;align-items:center}
.subMainDlWrap .financePlanInfo1 .planInfoTitleWrap .date{font-size:clamp(20px,2rem,30px)}
.subMainDlWrap .financePlanInfo1 .planInfoTitleWrap .date > strong{font-weight:900}
.subMainDlWrap .financePlanInfo1 .planInfoTitleWrap .alam{display:block;width:19px;height:21px;background:url('../images/icon_speaker.png') no-repeat left bottom;background-size:15px auto;position:relative}
.subMainDlWrap .financePlanInfo1 .planInfoTitleWrap .alam.new:after{content:'';position:absolute;width:4px;height:4px;background-color:#eb1100;border-radius:100%;right:0;top:0}
.subMainDlWrap .financePlanInfo1 .planInfoPara{font-weight:bold;margin-top:6px}
.subMainDlWrap .alamSet{display:inline-block;position:absolute;top:10px;right:0}
.subMainDlWrap .financePlanNone{font-size:clamp(13px,1.3rem,19.5px);color:#555;text-align:center;padding:19px 20px;margin-top:20px;border-radius:10px}
.subMainDlWrap .financePlanNone.type01{background-color:#e4f2cd}
.subMainDlWrap .financePlanNone.type02{background-color:#d9e7ff}
.subMainDlWrap .financePlanNone.type03{background-color:#f7e4eb}
.subMainDlWrap .financePlanNone.type04{background-color:#d1edfe}

.subMainDlWrap .financePlanDayDate{font-size:clamp(16px,1.6rem,24px);color:#111;margin:25px 0 17px 0;font-weight:900}
.subMainDlWrap .accountNum{font-size:clamp(12px,1.2rem,18px);color:#888}
.subMainDlWrap .wrap_account{display:flex;align-items:center;margin-top:4px}
.subMainDlWrap .wrap_account .accountNum{margin-right:8px}
.subMainDlWrap .wrap_account .tag{margin:0 8px 0 0}
.subMainDlWrap .wrap_account .btn_connnecting{font-size:12px;margin-left:auto;line-height:20px;padding:0 6px 0 18px;background-position:0 center;background-color:#19A647;color:#fff;border-color:#19A647}
.subMainDlWrap .planType{font-size:13px;color:#666;border-radius:3px;padding:0 4px;line-height:21px;display:inline-block;position:relative;z-index:0;border:solid 1px}
.subMainDlWrap .planType.unerColor-admin{}
.subMainDlWrap .planType:after{display:none}
.subMainDlWrap .planTitle{font-size:16px;color:#111;display:block;margin-top:10px}
.subMainDlWrap .planTitle.withMod{display:inline-flex;align-items:center}
.subMainDlWrap .popCont .planTitle{white-space:normal}
.subMainDlWrap .planTitleWrap{display:flex;margin-top:13px;align-items:center}
.subMainDlWrap .planTitleWrap .bankLogo{margin-right:10px}
.subMainDlWrap .planTitleWrap .planTitleInner{flex:1 1 auto}
.subMainDlWrap .planTitleWrap a.planTitleInner .planTitle{background:url('../images/arr_down02.png')no-repeat right center;background-size:10px auto;padding-right:30px}
.subMainDlWrap .wrap_folding.active .planTitleWrap a.planTitleInner .planTitle{background-image:url('../images/arr_up02.png')}
.subMainDlWrap .wrap_folding .folding_cont{display:none}
.subMainDlWrap .planTitleWrap .bankLogo + .planTitleInner{margin-left:0}
.subMainDlWrap .planTitleWrap .planTitleInner .planTitle{margin-top:0}
.subMainDlWrap .planTitleWrap .planTitleInner .planTitle .tooltipWrap{line-height:1;margin-left:4px}
.subMainDlWrap .planTitleWrap .btnArea{line-height:1}
.subMainDlWrap .planTitleWrap .planAdiminCont{font-size:clamp(12px,1.2rem,18px);color:#666}
/* [MD2503_029] 금융플래너 공모주 설정 및 출금예정관련 UX 개선  수정 S */
.subMainDlWrap .widthdrowPlanWrap{display:flex;align-items:center;margin-top:15px;border-top:solid 1px #ebebeb;margin:20px -20px 0 -20px;padding:12px 20px 0 20px}
.subMainDlWrap .widthdrowPlanWrap:before{content:'';width:32px;height:81px;overflow:hidden;color:transparent;background:no-repeat center;background-size:28px 81px;}
.subMainDlWrap .widthdrowPlanWrap.safety:before{content:'충분';background-image:url('../images/icon_safety_new.png')}
/* .subMainDlWrap .widthdrowPlanWrap.caution:before{content:'충분';background-image:url('../images/icon_caution_new.png')} */
.subMainDlWrap .widthdrowPlanWrap.emergency:before{content:'부족';background-image:url('../images/icon_emergency_new.png')}
.subMainDlWrap .widthdrowPlanWrap .widthdrowPlan{flex:1 1 auto;margin-left:8px;padding-bottom:10px;}
.subMainDlWrap .widthdrowPlanWrap .widthdrowPlan .listbox.planList{padding:0;align-items:baseline;margin-left:0;margin:0;border:0}
.subMainDlWrap .widthdrowPlanWrap .widthdrowPlan .listbox.planList + .listbox.planList{margin-top:7px}
/* [MD2503_029] 금융플래너 공모주 설정 및 출금예정관련 UX 개선 수정 E */
.subMainDlWrap .widthdrowPlanWrap .widthdrowPlan .listbox.planList .list_item{line-height:1.1}
.subMainDlWrap .widthdrowDetail{border-top:solid 1px #ebebeb;margin:0px -20px 0 -20px;padding:7px 20px 20px 20px}
.subMainDlWrap .widthdrowDetail .btnDetail_block{background:url('../images/arr_right02.png')no-repeat right center;background-size:6px auto;padding-right:13px}
.subMainDlWrap .widthdrowDetail dl{display:flex;justify-content:space-between;align-items:flex-start;color:#111;margin-top:14px}
.subMainDlWrap .widthdrowDetail dl dt{display:flex;align-items:center;padding-right:10px;overflow:hidden;color:#666;font-weight:bold}
.subMainDlWrap .widthdrowDetail dl dt > div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.subMainDlWrap .widthdrowDetail dl dd{white-space:nowrap;display:flex;align-items:flex-start;color:#111;font-weight:bold}
.subMainDlWrap .widthdrowDetail .btnDetail, .subMainDlWrap .btnModify{margin-left:4px;flex:0 0 16px;background:url('../images/ico_pen.png')no-repeat center;background-size:16px auto ;height:16px;width:16px}
.subMainDlWrap .planTitleWrap .btnDetail{margin-right:-6px;background:url('../images/arr_down02.png')no-repeat right center;background-size:10px auto;width:16px;height:20px }
.subMainDlWrap .wrap_folding.active .planTitleWrap .btnDetail{background-image:url('../images/arr_up02.png')}
.subMainDlWrap .widthdrowDetail .detailTitle{margin-top:15px;color:#666;font-size:14px}
.subMainDlWrap .widthdrowDetail.btnWrap.inr{display:block;padding-top:20px;margin-top:15px !important;text-align:center}
.subMainDlWrap .widthdrowDetail.btnWrap.inr > p{font-size:15px;padding-bottom:15px}
.subMainDlWrap .wrap_lead_manager dt{flex:0 0 auto}
.subMainDlWrap .wrap_lead_manager dd .lead_manager{display:flex;flex-wrap:wrap;justify-content:flex-end;flex-direction:column}
.subMainDlWrap .wrap_lead_manager dd .lead_manager > span{text-align:right}
.subMainDlWrap .listbox{position:relative;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:7px 0}
.subMainDlWrap .listbox.planList{width:auto;align-items:center;border-top:solid 1px #ebebeb;margin:20px -20px 0 -20px;padding:20px 20px}
.subMainDlWrap .listbox.planList dt{font-weight:bold;color:#666}
.subMainDlWrap .listbox.planList dd{font-weight:900}
.subMainDlWrap .listbox.planList dd .linkTxtArrow{position:relative;padding-right:15px}
.subMainDlWrap .listbox.planList dd .linkTxtArrow:before{position:absolute;right:0;top:6px;margin-left:5px;display:inline-block;content:" ";width:10px;height:10px;background:url(../images/arr_next2.png) no-repeat 100% 50%;background-size:5px 10px;color:#666}

.subMainDlWrap .financePlanDay .boxTypeRound{margin-top:10px}

.subMainDlWrap .titleSub2{text-align:center;margin:50px -16px 0 -16px;border-top:solid 1px #d2d5d3;padding:24px 16px 0 16px;text-align:left;font-size:clamp(20px,2rem,30px);font-weight:900}

/* boxType*/
.subMainDlWrap .boxTypeRound{position:relative;padding:20px 20px 4px 20px;border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);background-color:#fff}
.subMainDlWrap .boxTypeRound + .boxTypeRound{margin-top:20px}
.subMainDlWrap .boxTypeRound .titWrap{margin-top:0}
.subMainDlWrap .boxTypeRound label.check:before{top:50%;margin-top:-11px}
.subMainDlWrap .boxTypeRound .titleFull{margin:0 -15px;padding:0px 15px 10px 15px;border-bottom:solid 1px #e1e1e1}
.subMainDlWrap .roundCont{margin-top:15px}
.subMainDlWrap .boxTypeRound .roundCont label.check:before{top:0;margin-top:0}
.subMainDlWrap .bgBox{margin:0 -5px -5px;padding:10px 10px;border-radius:6px;background:#f9f9f9}
.subMainDlWrap .bgBox.type2{margin-top:10px;padding:15px 30px;text-align:center}
.subMainDlWrap .bgBox.type3{margin:20px 0;background:#ededed;padding:15px}
.subMainDlWrap .bgBox.type3 p{word-break:keep-all}
.subMainDlWrap .bgBox.type4{margin:30px 0 0;padding:30px 0 0;text-align:center;border-radius:0}
.subMainDlWrap .bgBox .listbox{padding:8px 0}

.nhasset .boxInnerGray{border-radius:6px;padding:23px 20px 28px 20px;background-color:#f8f8f8;margin-bottom:24px}
.nhasset .boxInnerGray .title{background:url('../images/img_plan_agr01.png')no-repeat center bottom;background-size:127.5px auto;padding-bottom:130px}
.nhasset .boxInnerGray .title p{font-size:clamp(16px,1.6rem,24px);font-weight:bold;text-align:center}
.nhasset .boxInnerGray .title p strong{font-weight:900}


.planBannerArea > a{display:block;margin-top:35px;border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);padding:20px;background:url('../images/banner/img_plan_banner01.png')no-repeat right 13px center #fcffe6;background-size:auto 54px}
.planBannerArea > a p{color:#555}

/* //금융 플래너 달력 as-is */


/* 금융 플래너 달력 */
.nhasset .wrapCalender.plannerCalender{}
.nhasset .wrapCalender.plannerCalender .boxTypeWrap{margin-top:0}
.nhasset .wrapCalender.plannerCalender .calenderArea .dateItem{position:relative}
.nhasset .wrapCalender.plannerCalender .calenderArea.calMin .dateItem{display:flex;overflow-x:scroll}
.nhasset .wrapCalender.plannerCalender .calenderArea.calMin .dateItem .wrapWeek{flex:0 0 100%}
.nhasset .wrapCalender.plannerCalender .filterArea{}
.nhasset .wrapCalender.plannerCalender .filterArea .filterSelect{width:100%;flex:0 0 100%}
.nhasset .wrapCalender.plannerCalender .filterArea .filterSelect .monthSelectArea{justify-content:center}
.nhasset .wrapCalender.plannerCalender .filterArea .filterSelect .monthSelectArea strong{width:80px;flex:0 0 80px}

.nhasset .wrapCalender.plannerCalender .calenderInfoWrap a.btn-month-prev{left:50%;margin-left:-60px;top:1px}
.nhasset .wrapCalender.plannerCalender .calenderInfoWrap a.btn-month-next{left:auto;right:50%;margin-right:-60px;top:1px}
.nhasset .wrapCalender.plannerCalender .plannerSet,
.nhasset .wrapCalender.plannerCalender .plannerSchlAdd{position:absolute;width:30px;height:30px;overflow:hidden;top:21px;background:no-repeat center;z-index:2}
.nhasset .wrapCalender.plannerCalender .plannerSet{background-image:url('../images/ico_set.png');background-size:16px auto;left:26px}
.nhasset .wrapCalender.plannerCalender .plannerSchlAdd{right:26px;background-image:url('../images/ico_plus.png');background-size:12px auto}


.wrapCalender.plannerCalender .calenderArea .weekItem{display:flex}
.wrapCalender.plannerCalender .calenderArea .weekItem > span{flex:1}

.nhasset .fsCalScroll{overflow-x:scroll;display:flex}
.nhasset .fsCalScroll.nonMove{touch-action:none}
.nhasset .fsCalScroll .fsCalMonthWrap{display:flex;flex:0 0 100%;position:relative}
.nhasset .fsCalScroll .fsCalMonth{}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap{display:flex}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap button.fsCalDate{text-align:center;white-space:nowrap}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap button.fsCalDate .day{display:inline-block;line-height:28px;height:28px;border-radius:100%;width:28px;font-weight:900;color:#111;font-size:clamp(14px,1.4rem,16px)}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap button.fsCalDate.otherDay .day{font-weight:normal}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap button.fsCalDate:disabled .day{color:#888}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap button.fsCalDate.today .day{background-color:#0c419a;color:#fff}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap button.fsCalDate .daySchl{font-size:clamp(9px,0.9rem,13.5px);color:#000;line-height:1.5;height:36px}
.nhasset .fsCalScroll .fsCalMonth .fsCalWeekWrap button.fsCalDate .daySchl > span{display:block}

.nhasset .fsCalMin .fsCalScroll .fsCalMonth{display:flex}



.nhasset .wrapCalender.plannerCalender .boxTypeWrap .calenderArea .dateItem .date.otherDay .day{font-weight:normal}
.nhasset .wrapCalender.plannerCalender .boxTypeWrap .calenderArea .dateItem .date .daySchl{font-size:clamp(9px,0.9rem,13.5px);color:#000;line-height:1.5}
.nhasset .wrapCalender.plannerCalender .boxTypeWrap .calenderArea .dateItem .date .daySchl > span{display:block}

/* 금주일정 */
.nhasset .thisWeekSummary{padding-top:23px}
.nhasset .thisWeekSummary .dateWrap{display:flex;align-items:center}
.nhasset .thisWeekSummary .dateWrap > strong{font-size:clamp(16px,1.6rem,24px);font-weight:900;margin-right:5px}
.nhasset .thisWeekSummary .dateWrap .schlAlert{position:relative;width:24px;height:17px;background:url(../images/icon_alert02.png)no-repeat center;background-size:15px auto}
.nhasset .thisWeekSummary .dateWrap .schlAlert.new:after{}

/* 일정 상세 보기 */
.nhasset .boxTypeWrap.plannerDetail{padding-bottom:4px}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accName{font-weight:900;position:relative}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accName:before{top:0}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accNum{color:#888;margin-top:3px}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accDate{color:#888;font-size:clamp(12px,1.2rem,18px);margin-top:2px;text-align:right}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .titEdit{display:inline-block;background:url('../images/btn_edit01.png')no-repeat center;background-size:16px;width:16px;height:16px;margin-left:10px}
.nhasset .boxTypeWrap.plannerDetail .totalBalance dd{color:#111;font-weight:900}
.nhasset .boxTypeWrap.plannerDetail .totalBalance dd > strong{font-size:clamp(26px,2.6rem,39px)}
.nhasset .boxTypeWrap.plannerDetail .detailList > li{margin-top:11px;font-weight:bold}
.nhasset .boxTypeWrap.plannerDetail .detailList > li.listSummary{background-color:#f8f8f8;border-radius:6px;padding:14px 20px;margin-bottom:19px}
.nhasset .boxTypeWrap.plannerDetail .detailList > li .tit .subTit{color:#111;font-weight:bold}
.nhasset .boxTypeWrap.plannerDetail .detailList > li .tit .subDate{color:#888;font-size:clamp(12px,1.2rem,18px)}
.nhasset .boxTypeWrap.plannerDetail .detailList + .subTxt7{margin-top:-4px}
.nhasset .boxTypeWrap.plannerDetail .detailList .value{flex-shrink:0}

.nhasset .boxTypeWrap.plannerDetail .detailList + .detailList{padding-top:10px}
.nhasset .boxTypeWrap.plannerDetail .areaBodyBtnFull{margin-bottom:24px;margin-top:25px}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accName[class*="icoType"]:before{position:absolute;top:0;margin-right:0;padding:16px;border-radius:50%;background:no-repeat center;background-size:32px auto;content:''}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accName.icoType01:before{background-image:url('../images/icon_planner_01.png')}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accName.icoType02:before{background-image:url('../images/icon_planner_02.png')}
.nhasset .boxTypeWrap.plannerDetail .accTopInfo .accName.icoType03:before{background-image:url('../images/icon_planner_03.png')}
.nhasset .boxTypeWrap.plannerDetail .bannerStockOffer{margin:24px 0 25px 0}
.nhasset .boxTypeWrap.plannerDetail .bannerStockOffer > a{display:block;background-color:#e4f4fb;border-radius:6px;padding:12px 24px}
.nhasset .boxTypeWrap.plannerDetail .bannerStockOffer > a > span{display:flex;min-height:32px;background:url('../images/banner/icon_bannerStockOffer.png')no-repeat left center;background-size:32px auto;padding-left:45px;align-items:center;font-weight:bold;color:#111}

/* 금융일정 등록 */
.nhasset .wrapFormTooltip{display:flex;align-items:center;margin-bottom:8px;position:relative}
.nhasset .wrapFormTooltip .formHolder{white-space:nowrap;margin-right:8px;align-items:center}
.nhasset .boxTypeWrap .wrapFormTooltip .tooltipCont{left:0px;bottom:25px}
.nhasset .titListBox > ul.lineType > li + li{border-top:solid 1px #ebebeb;padding-top:22px;margin-top:28px}
.nhasset .titListBox > ul.lineType > li.listBtnArea{border:0;padding:0;margin:0}
.nhasset .titListBox > ul.lineType > li .defSubTit2{margin-bottom:-4px}


.nhasset .inBanner.bg18{background-image:url('../images/banner_bg18.png');background-size:56px auto;background-position:right 20px top 16px;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%)}
.nhasset .inBanner.bg18 .bnArrow{color:#277ceb}
.nhasset .inBanner.bg18 .bnArrow:after{content:'';display:inline-block;width:6px;height:10px;margin-left:4px;background:url('../images/arr_csright01.png') no-repeat right center/100%}
.nhasset .inBanner.bg18 .subTit{font-size:clamp(14px, 1.4rem, 21px);font-weight:bold} /* [2022-12-27] 사보현 :추가 */
.nhasset .inBanner.bg18 p{width:100%} /* 2022-09-27 윤지현 */
.nhasset .csTopsellWrap{text-align:center;margin:20px 0}
.nhasset .csTopsellWrap .label{margin:0 auto;font-size:12px;font-weight:900;padding-top:3px;background:url('../images/bg_csTopsellWrap_label.png') no-repeat;text-align:center;color:white;background-size:32px 31px;width:32px;height:31px}
.nhasset .csTopsellWrap .ico{position:relative;margin-top:10px;width:84px;height:84px;margin:10px auto 0 auto}
.nhasset .csTopsellWrap .ico img{width:84px;height:84px}
.nhasset .csTopsellWrap a{display:block}
/* .nhasset .csTopsellWrap .ico:after{right:-15px;bottom:0px;content:'';display:;position:absolute;background:url('../images/ico_cs_crown.png') no-repeat;background-size:31px 23px;width:31px;height:23px;z-index:2} */
.nhasset .cs.csTopsellWrap .ico:after{display:none}
.nhasset .cs.csTopsellWrap .price{font-size:clamp(16px, 1.6rem, 24px);margin-top:10px;font-weight:bold}
.nhasset .csTopsellWrap .price{font-size:clamp(15px, 1.5rem, 22.5px);margin-top:10px;font-weight:bold}
.nhasset .csTopsellWrap .subTit{font-size:clamp(12px, 1.2rem, 18px);margin-top:10px;color:#666}
.nhasset .csTopsellWrap .price.undertext{position:relative;display:inline-block;z-index:0}
.nhasset .csTopsellWrap .price.undertext:after{content:'';position:absolute;bottom:0;left:-4px;right:-4px;height:9px;background:#d6f1ea;border-radius:5px;z-index:-1}
.nhasset .csSubsellWrap{display:flex;justify-content:space-around}
.nhasset .csSubsellWrap > div{width:100%}
.nhasset .csSubsellWrap .label{background:#e3f4e9;border-radius:5px;color:#19a647;padding:0 7px;margin-bottom:10px;width:33px;font-size:12px}
.nhasset .csSubsellWrap .cs.label{background:white;border-radius:5px;color:#43a67f;padding:0 7px;margin-bottom:7px;width:35px;font-size:12px;border:1px solid #43a67f}
.nhasset .csTopsellWrap.mortion .ico{position:relative;margin-top:10px;width:32px;height:32px;margin:10px auto 0 auto}
.nhasset .csTopsellWrap.mortion .ico img{width:32px;height:32px}
.nhasset .csTopsellWrap.mortion .ico.mor{animation-name:topmortion;animation-duration:700ms;animation-iteration-count:infinite;animation-timing-function:ease}
.nhasset .csTopsellWrap.mortion .ico_bg img{animation-name:topmortion01;animation-duration:700ms;animation-iteration-count:infinite;animation-timing-function:ease}

  @keyframes topmortion{
	0%{ 
	  top:0;
 }
  80%{ 
	  top:12px;
 }
  100%{ 
	top:8px;
	}
}
@keyframes topmortion01{
	0%{ 
	  width:30px;
 }
  100%{ 
	width:33px;
 }
}
.nhasset .csSubsellWrap [class*="icoCate"] .img{width:32px;height:32px}
.nhasset .csSubsellWrap .csSubsellImgWrap{display:flex;align-items:center;width:100%}
.nhasset .csSubsellWrap .csSubsellImgWrap .imgWrap{margin-right:10px}
.nhasset .csSubsellWrap .csSubsellImgWrap>a{display:inline-block}
.nhasset .csSubsellWrap .csSubsellImgWrap .datatit{display:block}
.nhasset .csSubsellWrap .csSubsellImgWrap .dataValue{font-weight:bold}
.nhasset .csLink{display:block;padding-right:20px;background:url('../images/arr_right02.png')no-repeat right center;background-size:6px auto}
.nhasset .cardChangeWrap{display:flex;align-items:center}
.nhasset .cardChangeWrap .cardComparedTitle{margin-top:0;color:#666;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .cardChangeWrap .cs.cardComparedTitle button{font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .cardChangeWrap .cs.cardComparedTitle .inner button > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:auto;max-width:159px}
.nhasset .yatexbtnWrap .setHide:before{ content:" ";padding-left:24px;background:url(../images/ico_setHide.png) no-repeat left 50%;background-size:16px 15px}
.nhasset .yatexbtnWrap .cardHide:before{ content:" ";padding-left:24px;background:url(../images/ico_cardHide.png) no-repeat left 50%;background-size:16px 13px}
.nhasset .yatexbtnWrap .cardAdd:before{ content:" ";padding-left:24px;background:url(../images/ico_cardAdd.png) no-repeat left 50%;background-size:16px 13px}
.nhasset .yatexbtnWrap .cardHide01:before{ content:" ";padding-left:24px;background:url(../images/ico_cardHide01.png) no-repeat left 50%;background-size:16px 12px}
.nhasset .yatexbtnWrap .cardHide02:before{ content:" ";padding-left:24px;background:url(../images/ico_cardHide02.png) no-repeat left 50%;background-size:13px 15px}

.nhasset .weekMainWarp{width:100%;padding-bottom:5px}
.nhasset .weekMainWarp ul{display:flex;padding:0 16px}
.nhasset .weekMainWarp li{text-align:center;position:relative;width:14%;flex:1}
/* .nhasset .weekMainWarp li:last-child{margin-right:10px} */
.nhasset .weekMainWarp li.birthDay .defNum{background:url('../images/contents/icon_birthday.png')no-repeat center;background-size:26px auto;height:28px;color:transparent}

.nhasset .weekMainWarp li .weekMain_tit{display:block;color:#888;font-size:14px;min-height:69px;padding-top:10px} /* [2022-10-18] 사보현 :display 추가 */
.nhasset .weekMainWarp li .weekMain_tit .num{color:#111 !important}
.nhasset .weekMainWarp li .weekMain_list{color:#000;font-size:clamp(8px,0.8rem,12px);letter-spacing:-.3px}
.nhasset .weekMainWarp li .weekMain_list .pointColor{padding-left:3px}
.nhasset .calenderArea .weekMainWarp li .weekMain_list .pointColor{padding-left:0}
.nhasset .boxTypeWrap.mainRadius .weekMainWarp li .weekMain_list{font-size:9px} /* [2023-01-03] 사보현 :폰트 사이즈 추가 */
/* .nhasset .weekMainWarp li .active{color:white;width:40px;height:69px;padding-top:10px;background:url('../images/ico_calPointN1.png') no-repeat;background-size:40px 69px;margin:0 auto} */
.nhasset .weekMainWarp li .active{color:white;width:40px;height:69px;padding-top:10px;background-color: #0c419a;border-radius: 50px;margin:0 auto}/*백그라운드 변경*/
.nhasset .weekMainWarp li .active .num{color:white !important}
.nhasset .cs.listDaySort .daySum{display:flex;margin-bottom:10px;padding-bottom:12px;justify-content:space-between;border-bottom:none}
.nhasset .cs.listDaySort li{display:flex;align-items:center;width:100%}
.nhasset .cs.listDaySort li [class*="icoCate"] .img{width:32px;height:32px}
.nhasset .cs.listDaySort li .dayList{width:100%;margin-left:10px}
.nhasset .cs.listDaySort li .dayList .day{font-weight:bold;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .cs.listDaySort li .dayList_time{color:#888;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .cs.listDaySort li .dayList_time .tit{background:url('../images/bg_listday_line.png') left top 6px no-repeat;background-size:1px 11px;padding-left:10px;margin-left:7px;text-overflow:ellipsis;white-space:nowrap;width:100%}
.nhasset .cs.listDaySort li .dayList .day .linkTxt2{color:#666;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .cs.listDaySort.cslistLine li{border-bottom:1px solid #ebebeb;padding-bottom:20px}
.nhasset .cs.listDaySort.cslistLine li:last-child{border-bottom:none}
.nhasset .cardChangeWrap .changeimg img{width:33px;height:38px;margin-right:10px}
.nhasset .totalBalance .bigTxt.success:before{position:absolute;top:5px;right:0;content:'';width:60px;height:47px;background:url(../images/ico_successN.gif) no-repeat 100% 0;background-size:60px 47px} /* 성공 */
.nhasset .totalBalance .bigTxt.fail:before{position:absolute;top:10px;right:0;content:'';width:60px;height:47px;background:url(../images/ico_failN.gif) no-repeat 100% 0;background-size:60px 47px} /* 실패 */
.nhasset .totalBalance .bigTxt.allfail:before{position:absolute;top:10px;right:0;content:'';width:60px;height:47px;background:url(../images/ico_allfailN.gif) no-repeat 100% 0;background-size:60px 47px} /* 실패 */
.nhasset .totalBalance .bigTxt.success01:before{position:absolute;top:0;right:0;content:'';width:100px;height:47px;background:url(../images/ico_successN01.gif) no-repeat 100% 0;background-size:100px 47px} /* 성공 */
.nhasset .totalBalance .bigTxt.allfail01:before{position:absolute;top:0;right:0;content:'';width:100px;height:47px;background:url(../images/ico_allfailN01.gif) no-repeat 100% 0;background-size:100px 47px} /* 실패 */
.nhasset .totalBalance .searchBox{font-size:clamp(20px,2.0rem,30px)}
.nhasset .totalBalance .searchBox strong{font-weight:900}
.nhasset .totalBalance .searchBox01 strong{font-size:clamp(12px,1.2rem,18px)}
.nhasset .totalBalance .searchBox:before{position:absolute;top:10px;right:0;content:'';width:65px;height:50px;background:url(../images/ico_searchBox.png) no-repeat 100% 0;background-size:65px auto} 
.nhasset .totalBalance .searchBox.hide:before{position:absolute;top:10px;right:0;content:'';width:48px;height:49px;background:url(../images/ico_searchBoxHide.png) no-repeat 100% 0;background-size:48px 49px} 
.nhasset .totalBalance .searchBox.box01{padding-top:5px} /* 2022-09-27 윤지현:추가 */
.nhasset .totalBalance .searchBox.box01:before{position:absolute;top:0px;right:0;content:'';width:58px;height:52px;background:url(../images/ico_searchBox01.png) no-repeat 100% 0;background-size:58px 52px} /* 2022-09-27 윤지현:브리핑 bg높이수정 */
.nhasset .totalBalance .searchBox01.box01:before{position:absolute;top:0px;right:0;content:'';width:57px;height:50px;background:url(../images/ico_searchBox0101.png) no-repeat 100% 0;background-size:57px 50px} 
.nhasset .bdT3{border:0;border-top:3px solid #f3f3f3;margin:30px -20px 10px -20px}
.nhasset .graphTit .up.tit{color:#e75441 !important}
.nhasset .graphTit .down.tit{color:#577fe0 !important}
.nhasset .compareList .imgWrap img{vertical-align:middle !important}
.nhasset .cs.listDaySort.bd li{border-bottom:1px solid #ebebeb;padding-bottom:20px}
.nhasset .cs.listDaySort.bd li:last-child{border-bottom:none}
.nhasset .fullRefreshWrap.upadateType.hideList{display:block;margin:0 auto;padding:0;text-align:center}
.nhasset .formWrap.selectAll .d-flex{border-bottom:1px solid #ebebeb;padding-bottom:20px;margin-bottom:20px}
.nhasset .formWrap.selectAll .d-flex:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.nhasset .formWrap.selectAll .d-flex div:first-child{width:70%}
.nhasset .formWrap.selectAll .d-flex div:last-child a{padding-right:20px;margin-top:0}
.nhasset .cardList .imgWrap.icoCate .img{width:32px;height:32px;border:none;margin:0 5px}
.nhasset .cardList .imgWrap.icoCate .img img{width:32px;height:32px;vertical-align:middle}
.nhasset .csChartWrap .pet.defSubTit2 img{width:32px;height:32px;border:none;vertical-align:middle;margin-right:5px}
.nhasset .csChartWrap .pet.defSubTit2+.subTxt3{margin-top:20px}
.nhasset .csChartWrap .pet.defSubTit2+.subTxt3 strong{color:#111;text-decoration:underline}
.nhasset .searchBox01 .undertext{position:relative;display:inline-block}
.nhasset .searchBox01 .undertext:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:6px;opacity:0.1;background:#19a647}
.nhasset .popInner.cs.wrapReceipt .popCont{padding:0 20px 40px}
.nhasset .popInner.cs.wrapReceipt h2{margin-bottom:12px;padding-right:60px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold}
.nhasset .popInner.cs.wrapReceipt .cardInfo{min-height:45px;font-size:clamp(15px, 1.5rem, 22.5px)}
.nhasset .popInner.cs.wrapReceipt .cardName,.nhasset .popInner.wrapReceipt .cardDate{color:#888}
.nhasset .popInner.cs.wrapReceipt .cardName{padding-right:80px;margin-bottom:3px}
.nhasset .popInner.cs.wrapReceipt .popCont{position:relative}
.nhasset .popInner.cs.wrapReceipt .category{line-height:40px;position:inherit;top:0;right:20px;;text-align:left;display:flex;margin-top:15px;align-items:center;border-bottom:2px solid #ebebeb;padding-bottom:15px}
.nhasset .popInner.cs.wrapReceipt .formWrap{margin-top:4px}
.nhasset .popInner.cs.wrapReceipt .current{text-align:right}
.nhasset .popInner.cs.wrapReceipt .current .value{font-size:clamp(26px, 2.6rem, 39px)}
.nhasset .popInner.cs.wrapReceipt .current .value .won{font-size:clamp(16px, 1.6rem, 24px);display:inline-block;margin-top:5px}
.nhasset .popInner.cs.wrapReceipt .infoBox .detailList .value{color:#666;font-weight:normal}
.nhasset .cs.moreListTit{border-radius:10px 10px 0 0;margin-bottom:30px;background:#f0fbf7;font-weight:900}
.nhasset .cs.moreListTit + .topAreaT .topName{color:#000}
.nhasset .cs.moreListTit + .topAreaT .topName .topTag{background:#e3f4e9 !important;color:#19a647 !important}
.nhasset .defTxt em{position:relative;margin-left:10px;padding-left:10px}
.nhasset .defTxt em:after{position:absolute;left:0;top:4px;content:'';display:inline-block;width:1px;height:12px;background-color:#e1e1e1}
.nhasset .totalBalance .img{width:37px !important;height:37px !important}
.nhasset .totalBalance .bigTxt{margin-top:15px}
.nhasset .totalBalance .bigTxt em.won{font-size:16px;font-weight:bold;margin-left:5px}
.nhasset .totalBalance .bigTxt + .linkTxt{margin-top:0}
.nhasset .totalBalance .bigTxt .defTxt em{margin-left:0;padding-left:0;color:#111}
.nhasset .totalBalance .bigTxt .defTxt em:after{display:none}
.nhasset .totalBalance .subTxt{font-size:clamp(16px, 1.6rem, 21px);margin-top:0;margin-bottom:10px}
.nhasset .totalBalance.bgNCard{margin-top:25px}
.nhasset .totalBalance[class*="bgNCard"]{position:relative}
.nhasset .totalBalance[class*="bgNCard"]:after{position:absolute;top:10px;right:0;content:'';background-repeat:no-repeat;background-position:0 0;background-size:cover}
.nhasset .totalBalance.bgNCard.bgNCard01:after{background-image:url(../images/bg_total_Ncard.png);width:81px;height:57px}
.nhasset .totalBalance.bgNCard.bgNCard02:after{background-image:url(../images/bg_total_Ncard02.png);width:84px;height:58px}
.nhasset .totalBalance.bgNCard.bgNCard03:after{background-image:url(../images/bg_total_Ncard03.png);width:56px;height:45px}
.nhasset .totalBalance.bgNCard.bgNCard04:after{background-image:url(../images/bg_total_Ncard04.png);width:88px;height:55px}
.nhasset .totalBalance.bgNCard.bgNCard06:after{background-image:url(../images/bg_total_Ncard06.png);width:64px;height:52px}
.nhasset .totalBalance.bgNCard.bgNCard07:after{background-image:url(../images/logo_bugs.png);width:32px;height:32px}


.nhasset .inoutListWrap .dataDayDetail{font-weight:900}
.nhasset .inoutListInn + .inoutListInn,
.nhasset .cardSpendList + .inoutListWrap{border-top:solid 1px #e1e1e1}
.nhasset .cardSpendList + .inoutListWrap .date{padding-top:34px}
.nhasset .inoutListWrap .date{border-top:0}
.nhasset .inoutListWrap .inoutListInn .date, .nhasset .cardSpendList .inoutListInn .date{font-weight:900}


.nhasset .cs.detailTitWrap{display:flex;justify-content:space-between;margin:35px 0 15px;padding-bottom:5px;border-bottom:none}
.nhasset .cs.detailTitWrap .tit{font-size:clamp(12px, 1.2rem, 18px);font-weight:bold;color:#19a647}
.nhasset .cs.detailTitWrap .value{font-size:clamp(12px, 1.2rem, 18px);font-weight:bold}
.nhasset .cs.detailTitWrap .value .dataValue{font-weight:bold;font-size:clamp(13px, 1.3rem, 19px)}
.nhasset .cs.detailTitWrap .fc666{color:#666 !important}
.nhasset .cs.detailList > li .link .tit,.nhasset .cs.detailList.isLogo > li .value{color:#000}
.nhasset .cs.cardList > li{display:block}
.nhasset .accList > li > a.link .accTit{color:#000}
.nhasset .cardList > li > a.link{display:block;padding-right:14px;background:url(../images/btn_tabRight_on.png) no-repeat 100% 50%;background-size:6px 10.5px}
.nhasset .cardInfoWrap{display:flex;justify-content:space-between;flex-grow:0 0 1;align-items:center}
.nhasset .inoutList.type .inoutTit .left .cal{font-weight:normal;margin-top:5px}
.nhasset .cs.pop.infoBox{background:none;padding:0}
.nhasset .tabWrap.cardList.type01 ul{display:flex}
.nhasset .tabWrap.cardList.type01 ul li{width:95%}
.nhasset .tabWrap.cardList.type01 ul li:last-child{width:100%}
.nhasset .tabWrap.cardList.type01 ul li a{padding:3px 0 12px}
.nhasset .totalBalance.bigSize button{font-size:clamp(20px, 2.0rem, 30px);font-weight:bold}
.nhasset .totalBalance.bigSize button{padding-right:15px;background:url(../images/arr_down02.png) no-repeat right center;background-size:10px auto}
.nhasset [class*="icoCate"] .img{border:none}
.nhasset .perforWrap{clear:both;margin-top:20px;background:#f0fbf7;border:1px solid #e1e1e1;border-radius:10px;overflow:hidden;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16)}
.nhasset .fillter_money_list dl{display:flex;align-items:center;font-size:clamp(12px,1.2rem,15px)}
.nhasset .fillter_money_list dt{color:#666}
.nhasset .fillter_money_list dd{font-weight:bold;/*margin-left:10px;*/ display:inline-flex;padding-left:10px;margin-left:auto}
.nhasset .cslayerMsgWrap{border-radius:10px;background-color:#effcf8;padding:12px 12px 12px 20px;margin:20px 0 0 0;display:flex;align-items:center}
.nhasset .cslayerMsgWrap:before{content:'';width:32px;height:32px;border-radius:100%;margin-right:12px;flex:0 0 32px;background:url('../images/icon_layer_msg04.gif')no-repeat center;background-size:cover;background-color:#f2f4f8;overflow:hidden}
.nhasset .cslayerMsgWrap > p{font-size:clamp(12px,1.2rem,18px);flex:1 1 auto}
.nhasset .cslayerMsgWrap .layerMsgClose{width:32px;height:32px;background:url('../images/btn_layerMsgClose.png')no-repeat center;background-size:16px auto;flex:0 0 32px}
.nhasset .csDot img{width:4px !important;height:4px !important;vertical-align:middle}
.nhasset .csDot.ml5{margin-left:5px}
.nhasset .card_toggleWrap{margin-top:25px;color:#111;background-size:10px 5px;font-size:clamp(14px, 1.4rem, 21px);line-height:2.7;text-align:center;color:#666}
.nhasset .card_toggleWrap:after{content:'';display:inline-block;width:19px;height:19px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px  auto;vertical-align:middle;margin-left:3px}
.nhasset .card_toggleWrap.active:after{transform:rotate(180deg)}
.nhasset .inoutCont .tit{margin-top:-3px;width:130px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle;background:url('../images/bg_listday_line.png') left top 4px no-repeat;background-size:1px 11px;padding-left:7px;margin-left:7px}
.totalAmount{min-width:30%;font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .cssampleImg{margin-top:20px}
.nhasset .cssampleImg img{display:block}
.nhasset .cs.cardComparedTitle button{background:none;padding-right:0}
.nhasset .cs.registBtn{bottom:55px}
.nhasset .formWrapBox .inputList.on.error{border:1px solid #f44743}
.nhasset h1.cs.actext{height:auto;line-height:30px;margin-top:70px;margin-bottom:5px;text-align:center;padding:0 !important}
.nhasset .imgWrap > .mr10{font-size:clamp(12px, 1.2rem, 18px);width:20px;display:inline-block;margin-right:0 !important}
.nhasset .dataValue.pointColor9{font-weight:normal !important;color:#888 !important}
.nhasset .cs.detailList.isLogo .tit .bgGreen{margin-left:10px}
.nhasset .cs.tgBtnType2 label{display:block;width:41px;height:19px;background-color:#e1e1e1;border-radius:32px;position:relative}
.nhasset .cs.tgBtnType2 label:before{content:'';position:absolute;width:13px;height:13px;border-radius:100%;top:3px;left:3px;background-color:#fff}
.nhasset .cs.tgTxt{color:#888;margin-top:-10px}
.nhasset .lf_prodButton{background:url('../images/arr_GradeR_2.png') center top no-repeat;background-size:6px 10.5px;width:6px;height:10.5px;vertical-align:middle;margin-top:-5px}
.nhasset .cstext_tit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle}
.nhasset .cs_money_retail{background:url('../images/btn_edit02.png') center top no-repeat;width:17px;height:17px;background-size:17px 17px;vertical-align:middle;margin-left:10px;margin-top:-3px}
.nhasset .cs_upDate{background:url('../images/btn_update01.png') center top no-repeat;width:17px;height:17px;background-size:17px 17px;vertical-align:middle;margin-left:10px;margin-top:-5px}
.nhasset .csMoreDetailWrap{background:#f2f4f8;padding:20px;margin:0 -20px 0;border-top:1px solid #dedede}
.nhasset .csinoutListWrap{padding:24px 0 0 0;border-top:1px solid #ebebeb}
.nhasset .csinoutListWrap .date{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .w200px{width:200px !important}
.nhasset .cs.formTit{margin:60px 0 9px;font-size:clamp(16px, 1.6rem, 24px)}
/* .nhasset .pRelaBox{position:relative;padding-bottom:20px} */
.nhasset .pRelaBox > .errorTxt{bottom:0px !important;left:0px}
.nhasset .cateListHori.mt10 .categoryWrap li{margin-top:2px}
.nhasset .divLine4{display:block;height:3px;margin:28px -20px;border:0;background:#ebebeb}
.nhasset .cate_SubWrap{padding:20px;display:none;background:#f8f8f8}
.nhasset .cateBottomFixBox{box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%);padding:20px;margin-top:20px;border-radius:10px;background:#f0faf7;position:fixed;z-index:3;bottom:75px;width:calc(100% - 30px);opacity:.9}
.nhd_allone .nhasset .cateBottomFixBox{bottom:110px}
.nhasset .formWrap > ul > li.wrapCataWrap{position:unset}
.nhasset .formWrap.boxTypeWrap.cataBoxTypeWrap{position:relative;margin-bottom:63px}
.nhasset .selectCerti .e{width:33.33%;position:relative;margin-bottom:8px;flex:0 0 33.33%;padding:0 4px;z-index:1}
.nhasset .selectCerti .e li input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;clip:rect(0,0,0,0)}
.nhasset .selectCerti .e li input[type="radio"] + label{font-size:clamp(12px, 1.2rem, 18px);display:block;width:100%;text-align:center;padding:15px 0;border-radius:5px;margin:0;max-width:100%;position:relative}
.nhasset .selectCerti .e li input[type="radio"] + label:after{content:'';border:solid 1px #ebebeb;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5px}
.nhasset .selectCerti .e li input[type="radio"] + label .title{margin-top:5px}
.nhasset .selectCerti .e li input[type="radio"] + label .logoArea img{width:32px}
.nhasset .selectCerti .e li input[type="radio"]:checked + label:after{border:solid 2px #19a647}
.nhasset .briefgreenBox{background:#f0fbf7;padding:20px}
.nhasset .briefgreenBox .subTxt3{color:#000}
.nhasset .briefgreenBox .d-flex div:first-child{width:33px}
.nhasset .briefgreenBox .d-flex div:last-child{width:100%;margin-left:10px;margin-top:15px}
.nhasset .briefgreenBox .d-flex div:last-child .inoutTit{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .briefgreenBox .d-flex div:last-child .inoutTit em{background:url('../images/bg_bar1.png') left center no-repeat;background-size:1px 12px;padding-left:10px;margin-left:10px}

.nhasset .briefflexWrap{margin:20px -16px 0 -16px;padding:0 16px 0}/* 2023-01-24 윤지현:padding 추가 */
.nhasset .briefflexWrap::-webkit-scrollbar{display:none}
.nhasset .briefflexWrap > ul{display:flex;/* overflow-x:scroll; */padding:0 0 6px 0} /* 2023-01-24 윤지현:스크롤삭제. 좌우여백삭제 */
.nhasset .briefflexWrap > ul:after{content:'';flex:0 0 auto;width:20px} /* 디바이스 오른쪽여백용 */
.nhasset .briefflexWrap > ul::-webkit-scrollbar{display:none}
.nhasset .briefflexWrap > ul > li{width:94%;/*min-width:320px;width:100%;*/} /* 2023-01-24 윤지현:너비추가 */
/* .nhasset .briefflexWrap > ul > li + li{margin-left:12px} */
/*.nhasset .briefflexWrap > ul > li:last-child{padding-right:20px}*/
.nhasset .briefflexWrap > ul > li .boxTypeWrap{/*height:100%;*/height:clamp(440px,44.0rem,510px);margin-top:0;/* width:clamp(320px,90vw,360px) */} /* 2023-01-24 윤지현:width값 삭제 *//*23.01.25 김범석: height값 수정*/
.nhasset .briefflexWrap .boxTypeWrap{height:390px} /* 2022-09-27윤지현:추가 */
.nhasset .briefflexWrap .swiper-button-prev,.nhasset .briefflexWrap .swiper-button-next{top:50% !important} /* 2023-01-24 윤지현:추가 */

.nhasset .cs.legendList{width:100%}
.nhasset .cs.legendList li{width:33.3%;float:left;display:inline-block}
.nhasset .cs.cardComparedTitle .inner button{/*background:url('../images/arr_down02.png')no-repeat right top 12px;padding-right:17px;*/background-size:10px auto}
.nhasset .cs.cardComparedTitle{font-size:clamp(16px, 1.6rem, 18px)}
.nhasset .cs.cardComparedTitle.w100p{margin-left:30px}
.nhasset .cs.cardComparedTitle.w100p .inner{margin:10px 0 12px 0}
.nhasset .cs.cardComparedTitle .inner button span{font-size:clamp(16px, 1.6rem, 18px)}
.nhasset .cs.cardComparedTitle .inner2 > strong{height:auto;margin-bottom:20px;background:none}
.nhasset .cs.cardComparedTitle.w100p .inner + .graphWrap p{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .cs.cardInfoArea{font-size:clamp(16px, 1.6rem, 18px);color:#111;letter-spacing:-1px}
.nhasset .cs.cardComparedTitle .selectType{background:url('../images/arr_down02.png')no-repeat right center;padding-right:17px;background-size:10px auto}

.nhasset .wrapCheck input[type="radio"] + label,input[type="checkbox"] + label{display:inline-block;/*width:auto;*/margin-left:4px;vertical-align:middle;text-align:left}
.nhasset .wrapCheck input[type='checkbox'].chekTypeOther{border:none;border-radius:0 ;background-color:transparent !important;flex:0 0 22px}
.nhasset .wrapCheck input[type='checkbox'].chekTypeOther:checked{border-color:#19a647;background-color:#19a647 !important;background-image:url(../images/icon_check_on2.png) !important;
	background-size:12.5px auto !important;background-position:center !important;border-radius:50% !important}
.nhasset .coach_bg img{width:100%;position:absolute;left:0}
.nhasset .popcoachArea .popBtnWrap{position:fixed;bottom:-15px;width:100%}
.nhasset .popcoachArea .popBtnWrap .coachBtnArea{margin-bottom:0}
.nhasset .inoutListWrap li div.isCategory .cs.textWrap{width:calc(100% - 80px)}
.nhasset .outgoingsSubject .title{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .outgoingsSubject .summary{color:#888;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .cstitBox{color:#888;font-size:clamp(13px, 1.3rem, 21px);margin:15px 0}
.nhasset .cstitBox + .divLine{margin-top:15px !important}
.nhasset .cstitBox img{vertical-align:middle;width:17px;margin-right:5px;margin-top:-3px}
.nhasset .detailList li > .cs.tit{min-width:70px}
.nhasset .boxTypeWrap.addType .briefTxt p{line-height:1.5 !important}
.nhasset .popCont .selectList li.active a,.nhasset .popCont .selectList li.active span{color:#19a647 !important}
.nhasset .selectList.selMonth li .titT{color:#888}
.nhasset .infoBox2{position:relative}
.nhasset .accTopInfo .totalBalance dd strong.cscancel{color:#aaa;text-decoration:line-through}
.nhasset .briefTit{height:50px;vertical-align:middle;display:flex;align-items:center}
.nhasset .cs.roundChkWrap ul{justify-content:space-between;flex:1 1 1}
.nhasset .swCardComp .cardInfoWrap .cs.cardImgArea img{width:56px}
.nhasset .swCardComp .cardInfoWrap .cs.cardImgArea{width:56px;flex:0 0 56px}
.nhasset .popInner h2.ac{color:#111;font-size:clamp(20px, 2.0rem, 30px);padding:35px 0 15px 0;height:auto !important;line-height:auto !important;text-align:center}


.nhasset .dateSelWrap{position:relative;overflow:hidden}
.nhasset .dateSelWrap .monthSelectArea{display:inline-block;line-height:31px}
.nhasset .dateSelWrap  a[class^="btn-month-"]{position:absolute;z-index:20;height:31px;width:20px;flex:0 0 20px;overflow:hidden;background:no-repeat center;background-size:5px auto}
.nhasset .dateSelWrap .monthSelectArea .month{line-height:28px;font-weight:900}
.nhasset .dateSelWrap .monthSelectArea .date{line-height:28px;color:#666}
.nhasset .dateSelWrap .swiper-button-disabled{opacity:.4}
.nhasset .dateSelWrap a.btn-month-prev{left:6.6rem;top:0;background-image:url('../images/arr_prev2.png')}
.nhasset .dateSelWrap a.btn-month-next{right:6.6rem;top:0;background-image:url('../images/arr_next2.png')}
.nhasset .dateSelWrap a.btn-month-prev.disabled{left:6.6rem;top:0;background-image:url('../images/arr_prev.png')}
.nhasset .dateSelWrap a.btn-month-next.disabled{right:6.6rem;top:0;background-image:url('../images/arr_next.png')}

.nhasset .wrapSwiperH{overflow:hidden;margin:0 -16px 0 -16px;padding:0 16px 15px 16px}
.nhasset .wrapSwiperH .swiper{margin-bottom:10px}
.nhasset .allListWrap.widH{overflow:hidden;padding:0 10px;margin:0 -10px}
.nhasset .allListWrap.widH .swiper-wrapper{height:auto !important;overflow:visible}
.nhasset .swiper.allListWrap .moreInfoWrap .moreOpenBtn:before{width:100%;left:0}
.nhasset .swiper.allListWrap .moreInfoWrap .moreOpenBtn.active:before{background-color:#f2f4f8;box-shadow:0px 8px 10px 0 rgb(60 78 110 / 16%)}

/* ============== 소비A =====================*/
/* ============== 소비B =====================*/
.nhasset .graphWrapBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}
.nhasset .graphWrapBox .graphBoxArea{width:calc(50% - 15px)}
.nhasset .graphWrapBox .graphBoxArea .subTxt{text-align:center;font-size:clamp(16px, 1.6rem, 21px);color:#111;margin:10px 0 20px 0}
.nhasset .graphWrapBox .graphBoxArea .subTxt + .graphWrap{text-align:center}
.nhasset .graphWrapBox .graphBoxArea .subTxt .inner button{font-size:clamp(20px, 2rem, 30px);color:#000}
.nhasset .graphWrapBox .graphBoxArea .subTxt .inner button{background:url('../images/arr_down02.png')no-repeat right center;padding-right:17px;background-size:10px auto}
.nhasset .graphWrapBox .graphBoxArea .subTxt  .inner button span{font-size:clamp(16px, 1.6rem, 18px);border-bottom:solid 1px #000;display:inline-block;display:block;overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}

/*--------------------------
	내차관리
---------------------------*/
.nhasset .carInfoTitWrap{display:flex;justify-content:space-between;border-bottom:solid 1px #ebebeb;padding:4px 0 25px 0}
.nhasset .carInfoTitWrap .carInfoTit{margin-right:20px;color:#666;font-size:clamp(13px,1.3rem,19.5px);overflow:hidden}
.nhasset .carInfoTitWrap .carInfoTit .carNum{font-size:clamp(20px,2rem, 30px);font-family:'NoToNum','NotoKR';font-weight:900;color:#111}
.nhasset .carInfoTitWrap .carInfoTit .carName{margin-top:3px}
.nhasset .carInfoTitWrap .carInfoTit .carModel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nhasset .carInfoTitWrap .carInfoImg{flex:0 0 133px}
.nhasset .carInfoTitWrap .carInfoImg img{width:100%}
.nhasset .innerBoxWrap{background-color:#f8f8f8;border-radius:6px;padding:20px 20px 20px 20px;margin-top:7px}
.nhasset .innerBoxWrap dl dt,
.nhasset .innerBoxWrap dl dd{font-size:clamp(13px,1.3rem,19.5px);color:#666}
.nhasset .innerBoxWrap.carModHistory{font-size:clamp(13px,1.3rem,19.5px);color:#666}
.nhasset .innerBoxWrap.carModHistory .date{color:#666}
.nhasset .innerBoxWrap.carModHistory ul{margin-top:10px}
.nhasset .innerBoxWrap.carModHistory ul li{color:#111}
.nhasset .innerBoxWrap.carModHistory ul li + li{margin-top:5px}
.nhasset .innerBoxWrap.carModHistory + .innerBoxWrap.carModHistory{margin-top:10px}

.nhasset .mycarSaleTitle{text-align:center;background:url('../images/bg_mycar_sale.png')no-repeat center 35px;background-size:157.5px auto;padding-top:155px}
.nhasset .mycarSaleTitle .defTit{margin-top:0}
.nhasset .mycarSaleStep h3{font-size:clamp(16px,1.6rem,24px);font-weight:900;color:#111;margin-top:3px}
.nhasset .mycarSaleStep h3 .withLogo{display:flex;margin-top:4px;align-items:center}
.nhasset .mycarSaleStep h3 .withLogo .ajLogo{width:clamp(100px,10rem,150px);height:20px;background:url('../images/img_carsale_aj_s.png')no-repeat center;background-size:100% auto;margin:0 2px 0 8px} /* [2023-03-17] 03-31 로고 변경 시 수정필요 */

.nhasset .mycarSaleStep ol{margin-top:15px}
.nhasset .mycarSaleStep ol li{display:flex;align-items:center;font-weight:bold;background:no-repeat right 20px center #f8f8f8;background-size:32px auto;border-radius:6px;padding:23px 55px 23px 20px;margin-bottom:8px}
.nhasset .mycarSaleStep ol li:nth-child(1){background-image:url('../images/icon_mycar_sale01.png')}
.nhasset .mycarSaleStep ol li:nth-child(2){background-image:url('../images/icon_mycar_sale02.png')}
.nhasset .mycarSaleStep ol li:nth-child(3){background-image:url('../images/icon_mycar_sale03.png')}
.nhasset .mycarSaleStep ol li:nth-child(4){background-image:url('../images/icon_mycar_sale04.png')}
.nhasset .mycarSaleStep ol li .step{font-size:clamp(12px,1.2rem,18px);color:#19a647;border-radius:50px;padding:0 8px;background-color:#fff;line-height:2;margin-right:6px}

.nhasset .carSpendWrap .scrollBtnArea{position:sticky;top:0;background-color:#fff}

.nhasset .carSpendDate{display:flex;justify-content:center;align-items:center}
.nhasset .carSpendDate .date{font-family:'NoToNum','NotoKR';font-weight:900;margin:0 13px}
.nhasset .carSpendDate button{width:20px;height:30px;overflow:hidden;background:no-repeat center;background-size:5px auto}
.nhasset .carSpendDate button.prev{background-image:url('../images/arr_prev2.png')}
.nhasset .carSpendDate button.next{background-image:url('../images/arr_next2.png')}
.nhasset .carSpendTotal{font-size:clamp(16px,1.6rem,24px);font-weight:900;margin-top:11px}
.nhasset .carSpendTotal strong{font-size:clamp(26px,2.6rem,39px);font-family:'NotoNum';padding:0 3px}
.nhasset .carSpendDetail{margin-top:6px} 
.nhasset .carSpendDetail + .carSpendDetail{margin-top:32px}
.nhasset .carSpendDetail .carSpendCataSum{background-color:#f0fbf7;border-radius:6px;display:flex;justify-content:space-between;padding:16px 20px;font-weight:bold}
.nhasset .carSpendDetail .carSpendCataSum dd{color:#19a647;font-weight:900}
.nhasset .carSpendDetail .carSpendDetailList > li{margin-top:24px}
.nhasset .carSpendDetail .carSpendDetailList > li + li{border-top:solid 1px #ebebeb;padding-top:24px}
.nhasset .carSpendDetail .carSpendDetailList .titleArea{display:flex;justify-content:space-between}
.nhasset .carSpendDetail .carSpendDetailList .titleArea .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold}
.nhasset .carSpendDetail .carSpendDetailList .titleArea .value{flex:0 0 auto;margin-left:15px;font-weight:900}
.nhasset .carSpendDetail .carSpendDetailList .carInfoPara{font-size:clamp(12px,1.2rem,18px);color:#888;display:flex;align-items:center}
.nhasset .carSpendDetail .carSpendDetailList .carInfoPara .date {flex: 0 0 auto;} /* 추가260615 [MD2606_068] 내차관리 차량관련 지출내역 중 사용일자 표기 개선 */
.nhasset .carSpendDetail .carSpendDetailList .carInfoPara .cardName{display:inline-flex;align-items:center}
.nhasset .carSpendDetail .carSpendDetailList .carInfoPara .cardName:before{content:'';width:1px;height:10px;background-color:#e1e1e1;margin:0 8px}

.nhasset .carRecallTitle{border-bottom:solid 1px #ebebeb;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}
.nhasset .carRecallTitle .carRecallNum{font-weight:bold}
.nhasset .carRecallTitle .carRecallNum.carBookMark{display:flex;align-items:center}
.nhasset .carRecallTitle .carRecallNum.carBookMark:before{content:'';width:20px;height:20px;margin-right:5px;background:url('../images/icon_bookmark.png')no-repeat center;background-size:auto 16px}
.nhasset .carRecallTitle .carRecallInfo{font-size:clamp(13px,1.3rem,19.5px)}

.nhasset .carRecallList{margin-bottom:4px}
.nhasset .carRecallList > li{padding-top:23px}
.nhasset .carRecallList > li + li{border-top:solid 1px #ebebeb;margin-top:23px}
.nhasset .carRecallList a{display:flex;align-items:center;background:url('../images/arr_right02.png')no-repeat right center;background-size:6px auto;padding-right:20px;justify-content:space-between}
.nhasset .carRecallList a .carRecallSubject{margin-right:15px}
.nhasset .carRecallList a .carRecallSubject > span.title{font-weight:bold;display:block}
.nhasset .carRecallList a .carRecallSubject > span.date{font-size:clamp(12px,1.2rem,18px);color:#888;margin-top:4px;display:block}
.nhasset .carRecallList a .tag{flex:0 0 auto;margin:0}
.nhasset .carRecallList a .value{font-weight:900}
.nhasset .carRecallList .carInfo{font-size:clamp(12px,1.2rem,18px);color:#888;margin-top:4px}
.nhasset .carRecallList .carInfo .carNum:before{content:'';width:1px;height:10px;background-color:#e1e1e1;margin:0 8px;display:inline-block} 
.nhasset .carRecallBtn{text-align:right}
.nhasset .carRecallBtn .linkTxt3{margin-top:10px}

/* 내차관리 서브메인 */
.nhasset .mycarSection + .mycarSection{margin-top:30px}
.nhasset .carPriceLanding .title{font-size:clamp(16px,1.6rem,24px);font-weight:900;background:url('../images/img_car_price_lending.png')no-repeat right 7px;background-size:88px auto}
.nhasset .carPriceNone{border-top:solid 1px #ebebeb;margin-top:28px;padding-top:23px}
.nhasset .carPriceNone .inner:after{content:'';height:229px;display:block;background:url('../images/img_car_price_temp.png')no-repeat center bottom;background-size:auto 204px}
.nhasset .carPriceNone .title{font-size:clamp(16px,1.6rem,24px);font-weight:900}
.nhasset .btnAjsale{display:flex;align-items:center;justify-content:center}
.nhasset .btnAjsale .btnAjsaleLogo{width:clamp(90px,9rem,135px);height:20px;background:url('../images/img_carsale_aj_s.png')no-repeat center;background-size:100% auto;margin-right:4px} /* [2023-03-17] 03-31 로고 변경 시 수정필요 */
.nhasset .carPriceNone.carDiaryType{margin-top:0;border-top:0;padding-top:5px}
.nhasset .carPriceNone.carDiaryType .inner:after{background:url('../images/img_car_diary_temp.png')no-repeat center bottom;background-size:auto 204.5px}
.nhasset .mycarSection .bannerSwiperImgtype .swiper-slide a > img{border-radius:7px}

.nhasset .carPriceWrap{}
.nhasset .carPriceWrap .carInfoWrap .title strong{display:flex;font-size:clamp(20px,2rem,30px);font-weight:900;justify-content:space-between;align-items:center}
.nhasset .carPriceWrap .carInfoWrap .title strong .carBookMark{width:20px;height:20px;background:url('../images/icon_bookmark.png')no-repeat right center;background-size:auto 16px}
.nhasset .carPriceWrap .carInfoWrap .title p{color:#666}
.nhasset .carPriceWrap .carInfoSummary{display:flex;justify-content:space-between;margin-top:23px}
.nhasset .carPriceWrap .carInfoSummary dl + dl{margin-top:13px}
.nhasset .carPriceWrap .carInfoSummary dt{font-size:clamp(12px,1.2rem,18px);font-weight:bold}
.nhasset .carPriceWrap .carInfoSummary dd strong{font-size:clamp(16px,1.6rem,24px);font-weight:900}
.nhasset .carPriceWrap .carInfoSummary dd strong em{font-family:'NotoNum'}
.nhasset .carPriceWrap .carInfoSummary dd p{font-size:clamp(12px,1.2rem,18px);color:#888}
.nhasset .carPriceWrap .carInfoSummary dd .carEmptyTxt{display:block;font-size:clamp(16px,1.6rem,24px);color:#888}
.nhasset .carPriceWrap .carPriceArea{position:relative;border-top:solid 1px #ebebeb;margin-top:23px;padding-top:23px}
.nhasset .carPriceWrap .carPriceArea .myGraphWrap{position:absolute;overflow:hidden;width:100%;height:calc(100% - 95px)}
.nhasset .carPriceWrap .carPriceArea .myGraphWrap .myCarBlur{width:100%;height:100%;z-index:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.nhasset .carPriceWrap .carPriceArea .myGraphWrap .myCarBlur .txt{z-index:2}
.nhasset .carPriceWrap .carPriceArea .myGraphWrap + .graphWrap{position:relative;filter:blur(4px);opacity:0.5}

.nhasset .carPriceWrap .carPriceArea .titleWrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .carPriceWrap .carPriceArea .titleWrap .title{font-size:clamp(16px,1.6rem,24px);font-weight:bold}
.nhasset .carPriceWrap .carPriceArea .titleWrap .date{font-size:clamp(12px,1.2rem,18px);color:#888}
.nhasset .carPriceWrap .carPriceArea .titleWrap .tooltipWrap .tooltipCont{left:0}
.nhasset .swiper-control.swiperControlNew{}
.nhasset .swiper-control.swiperControlNew .swiper-pagination{display:flex;justify-content:center;position:inherit}
.nhasset .swiper-control.swiperControlNew .swiper-pagination.swiper-pagination-lock{display:none}
.nhasset .swiper-control.swiperControlNew .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px}
.nhasset .swiper-control.swiperControlNew .swiper-pagination .swiper-pagination-bullet-active{width:20px;border-radius:10px;background-color:#19a647}

.nhasset .carPriceWrap .carInfoSummary .carInfoImg{flex:0 0 133px}
.nhasset .carPriceWrap .carInfoSummary .carInfoImg img{width:100%}

.carinsurSlide{position:relative;margin-top:5px}
.carinsurSlide .swiper-container{padding:10px 16px;margin-left:-16px}
.carinsurSlide .swiper-slide{width:131px} 
.carinsurSlide .carinsur_cont{display:block;height:163px;overflow:hidden;background-color:#fff;border-radius:9px;overflow:hidden;box-shadow:0 0 8px 1px rgba(0, 0, 0, 0.1)}
.carinsurSlide .carinsur_cont .carinsur_inner{height:35px;text-align:center}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_logo{text-align:center;padding-top:20px}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_logo:before{margin-right:0}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_logo img{width:30px;height:30px}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_logo .imgLogo{margin-right:0}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_title{margin-top:6px;display:flex;flex-direction:column;justify-content:space-between;height:90px}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_title strong{display:block;font-size:15px}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_title .carinsur_btn_area{display:flex;flex-direction:column}
.carinsurSlide .carinsur_cont .carinsur_inner .carinsur_btn{display:inline-block;padding:0 10px;width:auto;line-height:26px;background-color:#f7fcf9;color:#19a647;border:1px solid #cef0dc;border-radius:3px;text-align:center;font-size:13px;margin:0 auto}
.carinsur_go{margin-top:8px}
.carinsur_go span{border-bottom:solid 1px #888;font-size:13px}
.auto_page_btnps{display:flex;align-items:center;justify-content:center;margin-top:5px}/*좌측정렬 인디케이트를 중앙정렬로 통일*/ /* [2023-03-20] 내차관리 mt-10 -> mt5 변경 */
.auto_page_btnps .btnPSWrap{display:inline-flex;align-items:center}
.auto_page_btnps .btnPSWrap button.stop{display:inline-block;width:20px;height:20px;background:url('../images/swiper_play_gray.png') -20px 0  /40px 20px no-repeat}
.auto_page_btnps .btnPSWrap button.stop.active{background-position-x:0}

.auto_page_btnps.newType{margin-top:0;justify-content:center}
.auto_page_btnps.newType .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}
.auto_page_btnps.newType .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:19px;background-color:#19a647;border-radius:6px}

.nhasset .carNumTitle.carBookMark{display:flex;align-items:center}
.nhasset .carNumTitle.carBookMark:before{content:'';margin-right:5px;width:20px;height:20px;background:url('../images/icon_bookmark.png')no-repeat center;background-size:16px auto}
.nhasset .boxTypeWrap.carBoxTypeWrap{background-color:transparent;padding:0}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle{padding:20px;border-radius:0 0 10px 10px;display:flex;justify-content:space-between;padding-bottom:40px;align-items:center}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3{font-size:clamp(16px,1.6rem,24px);font-weight:900;background:no-repeat left center;background-size:32px auto;min-height:32px;padding-left:41px;line-height:32px}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3 .tooltipCont{width:calc(100% - 32px) !important}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle .foldingArea{font-size:clamp(16px,1.6rem,24px);font-weight:900;display:inline-flex;align-items:center}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle .foldingArea .carToggleBtn{background:url('../images/arr_down02.png') no-repeat right 50%;background-size:10px auto;width:20px;height:20px}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle .dataNone{font-size:clamp(16px,1.6rem,24px);font-weight:900;color:#888}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle.otherType{display:block}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle.otherType .titleInner{display:flex;justify-content:space-between;align-items:center}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle.otherType .driveLicenseUpdate{margin-top:10px;margin-bottom:9px}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle.otherType .driveLicenseUpdate a{color:#19a647;border-bottom:solid 1px #19a647}
.nhasset .boxTypeWrap.carBoxTypeWrap.active .carBoxTypTitle .foldingArea .carToggleBtn{background-image:url('../images/arr_up02.png')}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypeCont{border-radius:10px;padding:23px 20px;background:#fff;margin-top:-20px}
.nhasset .boxTypeWrap.carBoxTypeWrap.carToggleCase .carBoxTypTitle{padding-bottom:20px;border-radius:10px 10px 0 0}
.nhasset .boxTypeWrap.carBoxTypeWrap.carToggleCase .carBoxTypeCont{margin-top:0;border-radius:0}
.nhasset .boxTypeWrap.carBoxTypeWrap.carToggleCase .carBoxTypeCont .noResultWrap{margin-top:5px}

.nhasset .boxTypeWrap.carBoxTypeWrap.carInsurType .carBoxTypTitle{background-color:#d8f3fe}
.nhasset .boxTypeWrap.carBoxTypeWrap.carDiaryType .carBoxTypTitle{background-color:#f8f6da}
.nhasset .boxTypeWrap.carBoxTypeWrap.carRecallType .carBoxTypTitle{background-color:#f0e0f9}
.nhasset .boxTypeWrap.carBoxTypeWrap.carInspecType .carBoxTypTitle{background-color:#f0e0f9}
.nhasset .boxTypeWrap.carBoxTypeWrap.carLicenseType .carBoxTypTitle{background-color:#dff7ee}
.nhasset .boxTypeWrap.carBoxTypeWrap.carPenaltyType .carBoxTypTitle{background-color:#f8f6da}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3.iconCarTitle{background-image:url('../images/icon_car_car_title.png')}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3.iconDriveTitle{background-image:url('../images/icon_car_drive_title.png')}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3.iconHipassTitle{background-image:url('../images/icon_car_hipass_title.png')}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3.iconRecallTitle{background-image:url('../images/icon_car_recall_title.png')}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3.iconInspecTitle{background-image:url('../images/icon_car_inspec_title.png')}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3.iconLicenseTitle{background-image:url('../images/icon_car_license_title.png')}
.nhasset .boxTypeWrap.carBoxTypeWrap .carBoxTypTitle h3.iconPenaltyTitle{background-image:url('../images/icon_car_penalty_title.png')}

.nhasset .boxTypeWrap.carDiaryWrap{padding-bottom:28px}
.nhasset .carDiarySummary{display:flex;justify-content:space-between;background:#f0fbf7;border-radius:6px;padding:15px 20px;margin-top:28px}
.nhasset .hipassCont{background:url('../images/bg_hipass.png')no-repeat center 5px;background-size:auto 60px;padding-top:87px;text-align:center}
.nhasset .hipassCont p{color:#666}
.nhasset .carLicenseTitle{display:flex;justify-content:space-between;align-items:center}
.nhasset .carLicenseTitle h4{font-size:clamp(16px,1.6rem,24px)}
.nhasset .wrapTit{display:flex;justify-content:space-between;align-items:center}
.nhasset .wrapTit .date{font-size:clamp(12px,1.2rem,18px);color:#888}
.nhasset .mycarConnSet{background:url('../images/bg_mycar_seting.png')no-repeat center bottom;background-size:197px auto;padding-bottom:158px}

.nhasset .carPenaltyList > li  + li{border-top:solid 1px #ebebeb;padding-top:24px;margin-top:24px}
.nhasset .carPenaltyList a{display:flex;justify-content:space-between;align-items:center;background:url('../images/arr_right02.png')no-repeat right center;background-size:6px auto;padding-right:15px}
.nhasset .carPenaltyList a .title{font-weight:bold}
.nhasset .carPenaltyList a .value{font-weight:900;font-family:'NotoNum','NotoKR';text-align:right}
.nhasset .carPenaltyList .carPenaltyInfo{font-size:clamp(12px,1.2rem,18px);color:#888;display:flex;align-items:center;margin-top:3px}
.nhasset .carPenaltyList .carPenaltyInfo .carNum{display:inline-flex;align-items:center}
.nhasset .carPenaltyList .carPenaltyInfo .carNum:before{content:'';width:1px;height:11px;background-color:#e1e1e1;margin:0 8px}

/* 이미지 타입 배너 */
.nhasset .bannerSwiperImgtype{margin-top:20px}
.nhasset .txtt2{margin-bottom:12px !important}/* 2022-11-21 디자인팀 요청으로 하단여백 수정 */
.nhasset .txtt2.mb0{margin-bottom: 0 !important;}

/* 공통확인필요 */
.nhasset .pointColor02,.nhasset .error{color:#eb1100 !important}
.grayBox{padding:23px 20px;border-radius:8px}
.nhasset .defTit{font-weight:bold;font-size:clamp(20px, 2.0rem, 30px)}
.nhasset .defTit strong{font-weight:900}
.nhasset .roundBtnWrap a{color:#888}
strong{font-weight:bolder}
.nhasset .boxRadio input:checked + label{border-width:2px}
.nhasset .tooltipWrap.w96 .tooltipCont{width:calc(100% - 40px) !important;left:20px}
.toggleWrap.bgLineType{border-top:1px solid #ebebeb}
.toggleWrap.bgLineType .toggleBtn{display:block;position:relative;width:100%;min-height:45px;padding:15px 20px;background-color:#f8f8f8}
.toggleWrap.bgLineType .toggleBtn:after{content:'';position:absolute;top:50%;margin-top:-5px;right:20px;width:10px;height:10px;background:url('../images/arr_down02.png') center /cover no-repeat;transition-duration:.2s}
.toggleWrap.bgLineType .toggleBtn.active:after{transform:rotate(-180deg)}
.toggleWrap.bgLineType .toggleCont{padding:16px 0}
.nhasset .contBtn01{padding:1px 10px 2px;min-width:inherit;text-align:center;background-color:#fff;color:#888;border:1px solid #ebebeb}
.mb12{margin-bottom:12px !important}

/* 2022-09-23 */
.nhasset .defTit{line-height:1.5} /* 디자인팀으로부터 1.5로 확인받음 */
.nhasset .defSubTit2 strong{font-weight:bold}
.nhasset .defSubTit2 strong.bold{font-weight:900}


/* 공통추가 */
.nhasset .linkType3{text-decoration:underline !important;text-underline-position:under;color:#19a647}
.nhasset .transBox{margin:30px 0 25px}
.nhasset .grayBox2{margin-top:28px;padding:25px 20px;background-color:#f8f8f8;border-radius:8px}
.nhasset .greenBox2{padding:20px 20px;background-color:#f0fbf7;border-radius:8px}
.nhasset .txtt1{margin-bottom:15px;font-size:clamp(20px,2rem,30px);line-height:clamp(26px, 2.6rem, 39px)}
.nhasset .txtt2{margin-bottom:8px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .txtb1{position:relative;font-size:clamp(14px,1.4rem,21px)}
.nhasset .txtb2{font-size:clamp(13px,1.3rem,19px)}
.nhasset .txtb3{font-size:clamp(12px,1.2rem,28px);line-height:1.58;color:#666}
.nhasset .defTit + .txtb3{margin-top:14px}
.nhasset .selectCerti.flex li{flex:1}
.nhasset .justifyBox{display:flex;justify-content:space-between;align-items:center}
.nhasset .flexType{display:flex;align-items:center;justify-content:space-between}

/* 2022-09-23 */
.nhasset .txtSmGray3{font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .mt8{margin-top:8px !important}
.nhasset.popWrap.centerLayer .popInner h1{padding:0 35px 0} /* 센터팝업 h1 로고들어가는 경우 */
.nhasset .boxTypeWrap .flex{display:flex;justify-content:space-between;align-items:center}
.nhasset .tag.jade{color:#43a67f !important;border:1px solid #43a67f !important}
.nhasset.popWrap .popInner.titMini h1{height:30px}
.nhasset .tabWrap.type01>ul li a{letter-spacing:0;font-weight:400;color:#222}
.nhasset .tabWrap.type01>ul li a.on{font-weight:900}
.nhasset .boxTypeWrap .tabWrap.type01{margin:0 -20px}
.nhasset .boxTypeWrap .tabWrap.type01 ul{padding:0 20px}

/*------------------ 
	컨설팅 > DSR
-------------------*/
.dsrResult .defTit,.dsrLimit .defTit,.dsrCondition .defTit{margin-top:2px;line-height:1.5}
.dsrResult .defTit{background:url(../images/img_yatex_calculate2.png) no-repeat right center / 65px 48px}
.dsrResult .defTit .highLight{position:relative;z-index:0}
.dsrResult .defTit .highLight:before{position:absolute;bottom:0;left:0;right:0;content:'';height:13px;background-color:#d6f1ea;border-radius:7px 7px;z-index:-1x}
.dsrResult .defTit .highLight span{position:relative;z-index:0}
.dsrResult .greenBox2{margin-top:15px}
.dsrLimit .defTit{margin-bottom:19px;padding-bottom:28px;border-bottom:1px solid #ebebeb}
.dsrLimit .subTxt2{display:block;margin:12px 0 20px;text-align:right}
.dsrLimit .dsrRangeWrap{padding-bottom:45px}
.dsrLimit .dsrRangeWrap li{display:flex;justify-content:space-between;margin-top:5px}
.dsrLimit .dsrRangeWrap li:first-child{margin-top:0}
.dsrLimit .dsrRangeWrap li .tit{color:#666;;font-weight:bold}
.dsrLimit .dsrRangeWrap li .curDsr,.dsrLimit .dsrRangeWrap li .valDsr{color:#64caaa;font-weight:900;font-family:'NotoNum'}
.dsrLimit .dsrRangeWrap.down li .valDsr{color:#3674bc}
.dsrLimit .dsrRangeWrap.up li .valDsr{color:#e4797b}
.dsrLimit .dsrRangeWrap .graph{position:relative;margin:19px 0 0}
.dsrLimit .dsrRangeWrap .graph .barWrap{position:relative;width:100%;height:16px;background-color:#f2f4f8;border-radius:8px 8px;overflow:hidden}
.dsrLimit .dsrRangeWrap .graph .barWrap:after{position:absolute;top:0;left:40%;content:'';width:1px;height:16px;background:url(../images/bg_dsr_dash.png) repeat-y 0 0 / 1px 4px;z-index:10}
.dsrLimit .dsrRangeWrap.up .graph .barWrap:after{background-image:url(../images/bg_dsr_dash_w.png)}
.dsrLimit .dsrRangeWrap .graph .bar{position:absolute;top:0;left:0;height:100%;z-index:2}
.dsrLimit .dsrRangeWrap .graph .curDsr{background-color:#64caaa;z-index:3}
.dsrLimit .dsrRangeWrap.up .graph .valDsr{background-color:#e4797b}
.dsrLimit .dsrRangeWrap.down .graph .valDsr{background-color:#577fe0}
.dsrLimit .dsrRangeWrap .graph .unitWrap{}
.dsrLimit .dsrRangeWrap .graph .unitWrap p{position:absolute;top:18px;font-size:clamp(12px, 1.2rem, 18px)}
.dsrLimit .dsrRangeWrap .graph .unit1{left:0;color:#888}
.dsrLimit .dsrRangeWrap .graph .unit2{left:40%;transform:translateX(-50%)}
.dsrLimit .dsrRangeWrap .graph .unit3{right:0;color:#888}
.dsrLimit .dsrRangeWrap .graph .unit3.up{color:#e4797b}
.dsrLimit .greenBox2{margin:23px 0;font-weight:bold}
.dsrLimit .greenBox2 strong{font-weight:900}
.dsrCondition .grayBox{margin-bottom:0}
.dsrCondition .grayBox .detailList .tit,.dsrCondition .grayBox .detailList .value{font-size:clamp(13px, 1.3rem, 19.5px)}
.dsrCondition .grayBox .detailList li{margin-top:11px}
.dsrCondition .grayBox .detailList li:first-child{margin-top:0}
.dsrCondition .linkType3{display:block;margin:14px 0 0;text-align:right}

.nhasset [class*=TopImgWrap]{text-align:center}
.nhasset [class*=TopImgWrap] .subTxt + .txtt1{margin-top:20px}
.nhasset [class*=TopImgWrap] .txtt1{font-weight:600}
/* .nhasset [class*=TopImgWrap] .txtt1 strong{font-weight:bolder} */
.nhasset .subLink{margin-top:25px;text-align:right}
.nhasset .subLink .link{color:#666;font-weight:bold}
.nhasset .subLink .link:after{content:'';display:inline-block;width:6px;height:10px;margin-left:6px;background:url('../images/arr_next.png') center / 6px 10px no-repeat}

.nhasset .dsrTopImgWrap{padding-top:200px;background:url('../images/contents/img_dsr.png') top 35px center /198px 140px no-repeat}
.dsrformula{height:123px;background:url('../images/contents/img_dsr_formula.png') #f0fbf7 center / 270px 75px no-repeat}
.boxTypeWrap.dsrImg{height:342px;background:url('../images/contents/img_dsr.png') center bottom 36px /198px 140px no-repeat #fff}

.nhasset .selectCerti .selectCerti01 input[type="radio"] + label{padding-top:55px;background:url('../images/contents/ico_loan_credit.png') top 15px center /32px 32px no-repeat}
.nhasset .selectCerti .selectCerti02 input[type="radio"] + label{padding-top:55px;background:url('../images/contents/ico_loan_house.png') top 15px center /32px 32px no-repeat}

.bankInfoList>li{margin-top:8px}
.bankInfoList>li:first-child{margin-top:0}
.bankInfoList .bankInfoListBox{display:block;position:relative;padding:20px;border-radius:10px;background-color:#fff}
.bankInfoList .bankInfoListBox:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;border:solid 1px #e1e1e1}
.bankInfoList .bankInfoListBox.active:after{border-width:2px;border-color:#19a647;background:url('../images/ico_select_active.png') right 20px top 25px/12.5px 8.5px no-repeat}
.bankInfoList .bankInfo{display:flex}
.bankInfoList .bankInfo .summary{color:#888;font-size:12px}
.bankInfoList .bankInfo .summary .bar{position:relative}
.bankInfoList .bankInfo .summary .bar+.bar{padding-left:10px}
.bankInfoList .bankInfo .summary .bar+.bar:before{content:'';position:absolute;top:50%;margin-top:-5px;left:5px;width:1px;height:11px;background:#bbb}
.bankInfoList .bankInfo .logoArea{display:inline-block;flex-shrink:0;width:32px;height:32px;margin-right:12px}
.bankInfoList .bankInfo .outgoingsCont .title{display:inline-block;padding-right:20px}
.bankInfoList .bankInfo + .detailList{margin-top:16px;padding-top:16px;border-top:1px solid #ebebeb}
.bankInfoList .detailList > li{margin-top:10px}

.bankInfoList .bankInfo .detail{margin-top:2px}
.yasimulForm .formWrap .listWrap .bankInfoList > li{margin-top:10px}
.yasimulForm .formWrap .bankInfoList .detailList > li{margin-top:10px}
.yasimulForm .formWrap .bankInfoList .detailList > li:first-child{margin-top:0}
.toggleWrap .bankInfoList .detailList > li .tit{font-size:clamp(12px,1.2rem,18px);font-weight:normal}
.toggleWrap .bankInfoList .detailList > li .value{font-size:clamp(12px,1.2rem,18px);font-weight:600}

.nhasset .listCerti .tagList{display:inline-block}
.nhasset .listCerti .tagList .tag{margin-bottom:0}
.dsrResult .subTxt2{display:block;margin:15px 0 20px;text-align:right}
.dsrResult .greenBox2{margin:23px 0;font-weight:bold}
.dsrResult .graphWrap{position:relative;margin:25px 0}
.dsrResult .graphWrap .unitWrap{width:100%;position:absolute;top:35%;border-bottom:1px dashed #666;z-index:10}
.dsrResult .graphWrap .unitWrap .unit{padding:0 0 4px 8px;font-size:clamp(11px, 1.1rem, 16.5px);color:#666}
.nhasset .titListBox .errorTxt{position:inherit;margin-top:5px}
.nhasset .titListBox .cerNumBox .inputList{margin-top:0}
.nhasset .cerNumBox{display:flex;justify-content:space-between;align-items:center;padding-top:12px}
.nhasset .cerNumBox .inputList{flex:auto;align-items:center;width:75%;padding-right:19px}
.nhasset .cerNumBox .inputList .btnReset{flex-shrink:0}
.nhasset .cerNumBox .inputList .time{flex-shrink:0;padding-left:15px;font-size:clamp(14px, 1.4rem, 21px);color:#eb1100}
.nhasset .cerNumBox .btnCerti{width:25%;margin-left:8px;height:50px;line-height:48px;border-radius:6px;font-size:clamp(14px, 1.4rem, 21px);background-color:#19a647;color:#fff}
.nhasset .listCerti .tag{margin-bottom:0}


/*------------------ 
	컨설팅 > 주택청약플래너
-------------------*/
.nhasset .interestArea{padding:0 16px}
.nhasset .interestArea .selChkBox ul{display:flex;flex-wrap:wrap;margin:23px -4px 0}
.nhasset .interestArea .selChkBox li{width:calc(100% / 3);height:48px;margin-bottom:6px;padding:0 4px}
.nhasset .interestArea .selChkBox li span{position:relative;display:block}
.nhasset .interestArea .selChkBox li input[type='checkbox']{position:absolute;width:100%;height:100%;left:0;top:0;clip:rect(0,0,0,0)}
.nhasset .interestArea .selChkBox li label{display:block;width:100%;line-height:48px;margin-left:0;font-size:clamp(13px,1.3rem,19px);color:#888;border:1px solid #ebebeb;border-radius:6px;text-align:center}
.nhasset .interestArea .selChkBox li input:checked + label{font-weight:900;color:#19a647}
.nhasset .interestArea .selChkBox li input:checked + label:before{display:inline-block;content:'';width:12.5px;height:9.5px;margin-right:5px;background:url(../images/icon_check_on.png) no-repeat 0 0 /cover}
.nhasset .interestArea .selChkBox li input:checked + label:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;border:2px solid #19a647;border-radius:6px}

.nhasset .housingNoti .defTit.addImg{padding-bottom:164px;background:url(../images/bg_house_acc.png) no-repeat 50% 100% / 110px 121px}
.nhasset .housingNoti .subTxt{margin-top:20px;color:#111}
.nhasset .housingNoti .listDot{margin:28px 0}
.nhasset .housingNoti .listDot li{font-size:clamp(12px,1.2rem,28px)}
.nhasset .housingNoti .wrapTblDefault{margin-top:20px}
.nhasset .housingNoti .btnWrap{display:flex;justify-content:space-around;margin-top:28px}
.nhasset .housingNoti .btnWrap li{position:relative;width:50%}
.nhasset .housingNoti .btnWrap li:last-child a:before{position:absolute;top:50%;left:0;content:'';width:1px;height:12px;margin-top:-5px;background-color:#888}

.nhasset .boxTypeWrap .accList{margin-bottom:25px;border-bottom:1px solid #ebebeb}
.nhasset .boxTypeWrap .accList li{padding-bottom:20px}
.nhasset .boxTypeWrap .accList .accTit{color:#111}
.nhasset .boxTypeWrap .accList .accNum{font-size:clamp(13px,1.3rem,19px);color:#888}
.nhasset .boxTypeWrap .accList .accValue{flex-shrink:0;font-size:clamp(16px,1.6rem,24px);font-weight:900}


/*------------------ 
	혜택 > 혜택플러스
-------------------*/
.nhasset .popEventTxtBox{padding:0 2rem;text-align:center;font-size:clamp(14px,1.4rem,21px)}
.nhasset .badgeIco{display:block;margin:30px auto 20px;width:60px;text-align:center}
.nhasset .popEventTxtBox .txtb1{margin-top:10px;color:#666;word-break:keep-all}
.nhasset .popEventTxtBox .txtb1>*{word-break:keep-all}
.nhasset .popEventTxtBox .txtb2{margin-top:20px;color:#888}
.nhasset .popEventTxtBox .subGryTxt{margin-top:15px;font-size:clamp(12px,1.2rem,28px);color:#888}
.nhasset .icoList2 .txtt2{margin-bottom:20px;font-weight:900}
.nhasset .icoList2 li{margin-top:19px;display:flex;align-items:center}
.nhasset .icoList2 li:first-child{margin-top:0}
.nhasset .icoList2.nhPointWrap li:before{content:'';margin-right:10px;width:32px;height:32px;background:url('../images/contents/ico_point01.png') 0 0 /96px 32px no-repeat}
.nhasset .icoList2.nhPointWrap li:nth-child(2):before{background-position-x:-32px}
.nhasset .icoList2.nhPointWrap li:nth-child(3):before{background-position-x:-64px}
.nhasset .stepList .step{color:#19a647;font-weight:900}
.nhasset .stepList .txtt2{margin-top:10px;font-weight:900}
.nhasset .stepList .subTxt{word-break:keep-all}
.nhasset .stepList .imgWrapNor{margin-top:23px;margin-bottom:0}
.nhasset .listNone.mission{padding-top:75px;background:url('../images/contents/ico_listnone_mission.png') top center/98px 52px no-repeat} /* [2022-11-11] 사보현 :추가 */
.nhasset .winCase{padding-top:134px;background:url('../images/contents/ico_wincase.png') top 28px center/125px 90px no-repeat;text-align:center;font-weight:bold;color:#111}
/* .nhasset .listNone.mission:before{content:'';display:block;margin-bottom:23px;width:100%;height:52px;background:url('../images/contents/ico_listnone_mission.png') top center/98px 52px no-repeat} */ /* [2022-11-11] 사보현 :삭제 */
.nhasset .bannerList{margin-bottom:23px}
.nhasset .bannerList.missionSecList a{filter:grayscale(1)}
.nhasset .bannerList .missionBanner{display:block;position:relative;min-height:clamp(122px,12.2rem,183px);margin-top:20px;padding:15px 16px;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:right 0 center}
.nhasset .bannerList .missionBanner.typeLaw{position:relative;padding:0}/* 2023-01-24 윤지현: relative 추가 */
.nhasset .bannerList .missionBanner.typeLaw img{width:100%;border-radius:10px}
.nhasset .bannerList .missionBanner.typeLaw .txtBox{position:absolute;top:47%;left:5%} /* 2023-01-24 윤지현: 추가 */
.nhasset .bannerList .missionBanner .txtBox{padding:0 80px 25px 0}
.nhasset .bannerList .missionBanner .txtBox .hashTxt{font-size:clamp(12px,1.2rem,18px);font-weight:bold;color:#577fe0}
.nhasset .bannerList .missionBanner .txtBox .subTit{padding-top:5px;font-size:clamp(14px,1.4rem,21px);font-weight:bold}
.nhasset .bannerList .missionBanner .txtBox .pointTxt{font-size:clamp(16px,1.6rem,24px);font-weight:900}
.nhasset .bannerList .missionBanner .txtBox .dateTxt{position:absolute;bottom:15px;font-size:clamp(12px,1.2rem,18px);color:#888}
.nhasset .bannerList .missionBanner .lawNumWrap{position:absolute;bottom:0}
.nhasset .bannerList .missionBanner .tag{position:absolute;margin:0;top:12px;right:16px;background-color:#fff}
.nhasset .nhPoint{margin-top:5px;text-align:center}
.nhasset .nhPoint .txtt2{margin-bottom:0}
.nhasset .nhPoint .numWrap{margin-top:5px;font-family:NotoNum;font-weight:900;font-size:clamp(32px,3.2rem,48px)}
.nhasset .nhPoint .numWrap .unit{font-size:clamp(26px,2.6rem,39.5px)}
.nhasset .nhPoint .unHighLight:before{left:-8px;right:-8px}
.nhasset .nhPoint .infobox{display:flex;margin-top:25px}
.nhasset .nhPoint .infobox>div{flex:1}
.nhasset .nhPoint .infobox .tit{font-size:clamp(12px,1.2rem,18px);color:#888;line-height:16px}
.nhasset .nhPoint .infobox .num{margin-top:5px;font-family:'notoNum';font-size:clamp(20px,2rem,35px);font-weight:900}
.nhasset .nhPoint .infobox .num .unit{font-size:clamp(16px,1.6rem,24px)}
.nhasset .nhPoint .infobox .num:before{content:'';display:inline-block;vertical-align:-4px;margin-right:6px;width:20px;height:20px;background:url('../images/contents/ico_point_mini.png') 0 0 /20px 20px no-repeat}
.nhasset .bedgeWrap{margin-top:8px;line-height:1}
.nhasset .bedgeWrap img{width:44px}

.nhasset .bedgeSwiper{margin:25px -20px 35px}
.nhasset .bedgeSwiper .swiper-slide{position:relative;width:66px;height:50px;background:url('../images/contents/ico_badge_status.png') center 0 / 50px 400px no-repeat;font-weight:900;color:#bbb;font-size:16px;text-align:center;line-height:50px;font-family:'notoNum'}
.nhasset .bedgeSwiper .swiper-slide:before{content:'';position:absolute;top:50%;margin-top:-1px;left:-50%;width:100%;height:2px;background-color:#f2f4f8;z-index:-1}
.nhasset .bedgeSwiper .swiper-slide:first-child:before{content:none}
.nhasset .bedgeSwiper .swiper-slide.complete:before,
.nhasset .bedgeSwiper .swiper-slide.now:before{background-color:#64caaa}
.nhasset .bedgeSwiper .swiper-slide.complete{background-position-y:-100px;color:#fff}
.nhasset .bedgeSwiper .swiper-slide.complete.gift{background-position-y:-150px;color:transparent}
.nhasset .bedgeSwiper .swiper-slide.complete.empty{background-position-y:-200px;color:transparent}
.nhasset .bedgeSwiper .swiper-slide.gift{background-position-y:-50px;color:transparent}
.nhasset .bedgeSwiper .swiper-slide.now{background-position-y:-250px;color:transparent}
.nhasset .bedgeSwiper .swiper-slide.now.gift{background-position-y:-300px}
.nhasset .bedgeSwiper .swiper-slide.now.empty{background-position-y:-350px}

.nhasset .badgeList>li{display:flex;align-items:center;padding:23px 0;border-top:1px solid #ebebeb}
.nhasset .badgeList>li:first-child{border-top:0}
.nhasset .badgeList>li>img{flex-shrink:0;width:37px;height:auto;margin-right:12px}
.nhasset .badgeList>li>.emptyBadge{filter:grayscale(1)}
.nhasset .badgeList .flexBox{display:flex;justify-content:space-between;align-items:center;width:100%}
.nhasset .badgeList .flexBox .txtWrap{width:100%}
.nhasset .badgeList .txtWrap .txt{color:#888;font-size:clamp(12px,1.2rem,18px)}
.nhasset .badgeList .flexBox .tag{flex-shrink:0;margin:0 0 0 10px}
.nhasset .badgeList .purposeList{display:flex;align-items:center}
.nhasset .badgeList .purposeList .page{flex-shrink:0;margin-left:10px;font-size:clamp(11px,1.1rem,16.5px);color:#888}
.nhasset .badgeList .purposeList .page em{color:#666}
.nhasset .kakaoLinkWrap{display:flex;margin:30px 8px 0}
.nhasset .kakaoLinkWrap a{flex:1;margin:8px;padding-top:16px;height:90px;font-size:clamp(14px,1.4rem,21px);border:1px solid #ebebeb;border-radius:10px}
.nhasset .kakaoLinkWrap a:before{content:'';display:block;margin-bottom:10px;width:100%;height:32px;background:url('../images/contents/ico_kakao.png') center 0/32px 96px no-repeat}
.nhasset .kakaoLinkWrap a:nth-child(2):before{background-position-y:-32px}
.nhasset .kakaoLinkWrap a:nth-child(3):before{background-position-y:-64px}

.nhasset .boxTypeWrap.blue{background-color:#3a70df;color:#fff}
.nhasset .boxTypeWrap.blue .defTit{color:#fff}
.nhasset .boxTypeWrap.blue .txtb3{color:#d0e0ff}
.nhasset .boxTypeWrap.blue .unHighLight:before{background-color:#598af1}

.nhasset .numList2 li{position:relative;padding:25px 0 25px 44px;border-top:1px solid #ebebeb;font-size:clamp(14px,1.4rem,21px)}
.nhasset .numList2 li:first-child{border-top:0}
.nhasset .numList2 li .num{position:absolute;top:25px;left:0;width:32px;height:32px;background-color:#e8f6ec;border-radius:50%;color:#19a647;font-weight:900;font-family:'notoNum';text-align:center;line-height:32px}
.nhasset .numList2 li .tit{font-family:600}
.nhasset .numList2 li p{margin-top:5px;font-size:clamp(13px,1.3rem,19.5px);color:#666;word-break:keep-all}

.nhasset .underFlexList li{position:relative;padding:20px 10px;border-top:1px solid #ebebeb}
.nhasset .underFlexList li:first-child{border-top:0}
.nhasset .underFlexList li:last-child{padding-bottom:0}
.nhasset .underFlexList li .under{display:inline-block;position:relative;margin-bottom:6px;color:#19a647;font-size:clamp(12px,1.2rem,18px);z-index:0}
.nhasset .underFlexList li .under:before{position:absolute;bottom:0;left:0;right:0;content:'';height:6px;background-color:#e8f6ec;z-index:-1}
.nhasset .underFlexList li .flexBox{display:flex;justify-content:space-between;align-items:center;font-size:clamp(13px,1.3rem,19.5px)}
.nhasset .underFlexList li .num{margin-left:20px;flex-shrink:0;font-weight:900;font-family:'notoNum';font-size:clamp(16px,1.6rem,24px)}
.nhasset .underFlexList li .num .unit{margin-left:2px;font-size:clamp(13px,1.3rem,19.5px)}
.nhasset .underFlexList .flexBox .tit{word-break:keep-all}

.nhasset .quizAnswer{display:flex;flex-wrap:wrap;margin-top:20px}
.nhasset .quizAnswer > li{width:50%;position:relative;flex:0 0 50%;padding-right:12px}
.nhasset .quizAnswer > li:last-child{padding-right:0}
.nhasset .quizAnswer > li input[type="radio"]{position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,0,0,0)}
.nhasset .quizAnswer > li input[type="radio"] + label{font-size:clamp(12px, 1.2rem, 18px);display:block;width:100%;height:155px;text-align:center;background-color:#fff;box-shadow:0px 4px 10px 0px rgba(45, 58, 86, 0.16);border-radius:10px;margin:0;max-width:100%;position:relative}
.nhasset .quizAnswer > li input[type="radio"] + label:after{content:'';border:solid 2px #fff;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:10px}
.nhasset .quizAnswer > li input[type="radio"]:checked + label:after{border:solid 2px #19a647}
.nhasset .quizAnswer > li:first-child input[type="radio"] + label{background:url(../images/contents/ico_quiz_yes01.png) no-repeat center #fff;background-size:90px 90px}
.nhasset .quizAnswer > li:last-child input[type="radio"] + label{background:url(../images/contents/ico_quiz_no01.png) no-repeat center #fff;background-size:90px 90px}
.nhasset .quizAnswer > li:first-child input[type="radio"]:checked + label{background:url(../images/contents/ico_quiz_yes02.png) no-repeat center #fff;background-size:90px 90px}
.nhasset .quizAnswer > li:last-child input[type="radio"]:checked + label{background:url(../images/contents/ico_quiz_no02.png) no-repeat center #fff;background-size:90px 90px}
.nhasset .quizTitArea{margin-bottom:28px;padding:8px 0 28px;border-bottom:1px solid #ebebeb;background:url(../images/contents/bg_quiz_tit.png) no-repeat right 20%;background-size:70px 70px}
.nhasset .quizTitArea .quizDate{margin-top:10px;font-family:'notoNum';font-size:clamp(13px, 1.3rem, 19.5px);font-weight:600;color:#888}
.nhasset .quizImg{width:100%;height:100%;text-align:center}
.nhasset .quizQsArea{margin:20px 0 8px 0;padding-left:24px;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .quizQsArea .qsTxt{font-weight:600}
.nhasset .quizQsArea .tag{font-weight:900}
.nhasset .quizQsArea .qsNum{display:inline-block;text-indent:-24px}

.nhasset .unHighLight{position:relative;z-index:0}
.nhasset .unHighLight:before{position:absolute;bottom:5px;left:0;right:0;content:'';height:13px;background-color:#d6f1ea;border-radius:7px 7px;z-index:-1}
.nhasset .unHighLight span{position:relative;z-index:0}
.nhasset .imgWrapNor{margin-bottom:15px;line-height:1}

/*--------------------------
	세금계산기 
---------------------------*/
.nhasset .defTit.icoTax{margin-top:0;margin-bottom:20px;background:url('../images/contents/img_tax.png') right center /63px 49px no-repeat}
.nhasset .defTit.icoCal{background:url('../images/contents/bg_tit_cal01.png') center right/68px 49px no-repeat}
.nhasset .defTit.icoHeart{background:url('../images/contents/bg_tit_heart.png') center right/58px 49px no-repeat}
.nhasset .defTit.icoOverseas{background:url('../images/contents/bg_tit_overseas.png') center right/83px 56px no-repeat}
.nhasset .defTit.icoHouse{background:url('../images/contents/bg_tit_house.png') center right/84px 56px no-repeat}
.nhasset .defTit.icoHeir{background:url('../images/contents/bg_tit_heir.png') center right/83px 56px no-repeat}
.nhasset .defTit.icoCar{background:url('../images/contents/bg_tit_car.png') center right/83px 56px no-repeat}
.nhasset .defTit.icoMoney{background:url('../images/contents/bg_tit_money.png') center right/84px 56px no-repeat}
.nhasset .defTit.icoCalTax{background:url('../images/contents/bg_tit_calTax.png') center right/60px 56px no-repeat}
.nhasset .defTit.icoSmart{background:url('../images/contents/bg_tit_smart.png') center right/55px 65px no-repeat}

.nhasset .resetArea{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.nhasset .resetArea .cs.btnSetReset{margin-bottom:0}
.nhasset .resetArea .defSubTit2{width:65%;font-weight:900}
.nhasset .toggleCont .titListBox{padding:25px 20px 30px;background-color:#f8f8f8}
.nhasset .yasimulForm .formWrap .titListBox > ul > li{margin-top:20px}
.nhasset .yasimulForm .formWrap .titListBox > ul > li:first-child{margin-top:0}
.nhasset .yasimulForm .formWrap .liWrap > ul> li{margin-top:20px}
.nhasset .yasimulForm .formWrap .liWrap > ul> li:first-child{margin-top:0}
.nhasset .titListBox > ul > li{margin-top:20px}
.nhasset .titListBox > ul > li:first-child{margin-top:0}
.nhasset .titListBox .boxRadio{margin-top:12px}
.nhasset .titListBox .boxRadio .boxRadioInn{margin-bottom:0}
.nhasset .titListBox .inputList{margin-top:12px}
.nhasset .titListBox .flexRBox{display:flex;justify-content:flex-end}
.nhasset .titListBox .deductBtnWrap{width:89px;margin-top:12px;background-color:#fff}
.nhasset .titListBox  > ul > li .txtb1{display:flex;justify-content:space-between;align-items:center}
.nhasset .titListBox .contBtn01{font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .titListBox .defSubTit2{position:relative}
.nhasset .titListBox .defSubTit2 .tooltipWrap .tooltipCont{left:0}
.nhasset .boxTypeWrap.bgType07{background-color:#eff6ff}
.nhasset .defSubTit2.bdNone{margin-top:25px;border-bottom:none;font-weight:900}
.nhasset .defSubTit2.dsf{display:flex;padding-bottom:2px}
.nhasset .defSubTit2.dsf .tag{margin-left:8px}
.nhasset .moreArea{margin-top:10px;text-align:right}
.nhasset .moreArea a.moreLink{color:#19a647;font-weight:700}
.nhasset .moreArea a.moreLink:after{content:"";display:inline-block;width:6px;height:10px;margin-left:8px;background:url(../images/contents/btn_more_link.png) no-repeat;background-size:6px 10px}
.nhasset .listPlusBtn{border:solid 1px #ebebeb;border-radius:5px;background-color:#fff}
/* .nhasset .listPlusBtn{margin-top:20px;border:1px solid #999999;border-radius:2px} */ /* 2022-11-08 한은정 삭제 */
.nhasset .listPlusBtn a{display:block;height:40px;line-height:40px;text-align:center;color:#222}
.nhasset .listPlusBtn a:before{display:inline-block;content:'';width:9px;height:9px;margin-right:7px;background:url('../images/common/ico_yabtn_plus.png') no-repeat 0 0;background-size:9px 9px}
.nhasset .listBul.disc>li{font-size:clamp(12px, 1.2rem, 18px);padding-left:8px;color:#111;position:relative}
.nhasset .listSelPart{margin-top:20px}
.nhasset .listSelPart > li{border-radius:10px;background-color:#fff;border:1px solid #ebebeb}
.nhasset .listSelPart > li + li{margin-top:10px}
.nhasset .listSelPart > li button{width:100%;padding:20px 18px}
.nhasset .listSelPart > li button.active{border-radius:10px;outline:solid 2px #19a647}
.nhasset .yearimgBg2{padding:130px 0 30px;text-align:center;margin-top:36px;background:url('../images/yatex_top_img2.png')no-repeat center top;background-size:161px auto}
.nhasset .listBul.disc .listDash li{margin-top:0;font-size:clamp(10px, 1.0rem, 15px);color:#666}
.nhasset .listBul.disc .listDash li:before{position:absolute;top:0;left:0;content:'-';background:none}
.nhasset .listBul.disc .listDash li .listGray{color:#888;}
.nhasset .taxTipMain{text-align:center;font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .taxTipMain .imgBg01{padding:130px 0 73px;text-align:center;margin-top:20px;background:url('../images/bg_tax_tip_thum.png')no-repeat center top;background-size:328px auto}
.nhasset .taxTipMain .moreLink{display:inline-block;margin-top:20px}
.nhasset .taxTipMain .moreLink:after{content:"";display:inline-block;width:6px;height:10px;margin-left:8px;background:url(../images/arr_next.png) no-repeat;background-size:6px 10px}
.nhasset .yabannerArea .yabanner .subTxt{font-size:clamp(13px,1.3rem,19.5px);font-weight:normal;color:#666}
.nhasset .yabannerArea .yabanner.ty15{padding:25px 20px;background:#d2f0fe url('../images/banner/img_yatex_graph01.png')no-repeat center right 20px;background-size:85px auto}
.nhasset .yabannerArea .yabanner.ty16{padding:25px 20px;background:#c7d8ff url('../images/banner/img_yatex_pigBank01.png')no-repeat center right 20px;background-size:88px auto}
.nhasset .yabannerArea .yabanner.ty17{padding:25px 20px;background:#e7fad1 url('../images/banner/img_yatex_calcul01.png')no-repeat center right 20px;background-size:85px auto}

.nhasset .yabannerArea .titImgBanner{display:flex;justify-content:space-between;align-items:center;margin-top:16px;border-radius:10px;padding:25px 20px 32px 65px;box-shadow:0px 4px 10px 0px rgb(60 78 110 / 16%);font-size:clamp(16px, 1.6rem, 24px);color:#111;font-weight:bold}
.nhasset .yabannerArea .titImgBanner.ty01{background-color:#f7f5bc}
.nhasset .yabannerArea .titImgBanner.ty02{background-color:#ffe7bd}
.nhasset .yabannerArea .titImgBanner.ty03{background-color:#d1f1e9}
.nhasset .yabannerArea .titImgBanner.ty04{background-color:#e3ddf9}
.nhasset .yabannerArea .titImgBanner.ty05{background-color:#d0eef5}
.nhasset .yabannerArea .titImgBanner.ty06{background-color:#eff2cd}
.nhasset .yabannerArea .titImgBanner.ty07{background-color:#d9e7ff}
.nhasset .yabannerArea .titImgBanner.ty08{background-color:#f7e4eb}
.nhasset .yabannerArea .titImgBanner.ty09{background-color:#d6f5d8}
.nhasset .yabannerArea .titImgBanner:before{content:'';display:inline-block;width:32px;height:32px;position:absolute;left:36px;border-radius:50%}
.nhasset .yabannerArea .titImgBanner.ty01:before{background:#fff url('../images/banner/tit_bf01_money.png') no-repeat center;background-size:25px auto} /* 종합소득세 */
.nhasset .yabannerArea .titImgBanner.ty02:before{background:#fff url('../images/banner/tit_bf02_receipt.png') no-repeat center;background-size:25px auto} /* 양도소득세 */
.nhasset .yabannerArea .titImgBanner.ty03:before{background:#fff url('../images/banner/tit_bf03_earth.png') no-repeat center;background-size:25px auto} /* 양도소득세(해외주식) */
.nhasset .yabannerArea .titImgBanner.ty04:before{background:#fff url('../images/banner/tit_bf04_house.png') no-repeat center;background-size:25px auto} /* 재산세/종합부동산세 */
.nhasset .yabannerArea .titImgBanner.ty05:before{background:#fff url('../images/banner/tit_bf05_car.png') no-repeat center;background-size:25px auto} /* 취득세 */
.nhasset .yabannerArea .titImgBanner.ty06:before{background:#fff url('../images/banner/tit_bf06_tax.png') no-repeat center;background-size:25px auto} /* 증여세 */
.nhasset .yabannerArea .titImgBanner.ty07:before{background:#fff url('../images/banner/tit_bf07_heri.png') no-repeat center;background-size:25px auto} /* 상속세 */
.nhasset .yabannerArea .titImgBanner.ty08:before{background:#fff url('../images/banner/tit_bf08_heart.png') no-repeat center;background-size:25px auto} /* 건강보험료 */
.nhasset .yabannerArea .titImgBanner.ty09:before{background:#fff url('../images/banner/tit_bf09_year.png') no-repeat center;background-size:25px auto} /* 연말정산 */
.nhasset .yabannerArea .titImgBanner .contBtn01{margin-top:0}
.nhasset .taxInfoWrap .subTxt{font-size:clamp(13px,1.3rem,19px);color:#666}
.nhasset .taxInfoWrap .priceTit{display:block;margin-top:5px;font-family:'notoNum';font-size:clamp(20px, 2rem, 30px);font-weight:900}
.nhasset .taxInfoWrap .priceTit em{font-size:clamp(14px,1.4rem,21px)}
.nhasset .taxInfoWrap .taxComWrap{margin-top:20px;padding:28px 20px;border-radius:6px;background-color:#f8f8f8}
.nhasset .taxInfoWrap .taxComWrap .equalBox{display:flex;justify-content:space-around;align-items:center}
.nhasset .taxInfoWrap .taxComWrap .equalBox .txt{position:relative;min-width:63px;text-align:center;font-weight:600}
.nhasset .taxInfoWrap .taxComWrap .equalBox .bubBox{position:absolute;top:-33px;left:50%;margin-left:-30px;padding:4px 8px;border-radius:2px;font-size:12px;font-weight:normal;background-color:#4e4e4e;color:#fff}
.nhasset .taxInfoWrap .taxComWrap .equalBox .bubBox:after{content:'';display:inline-block;position:absolute;bottom:-5px;left:45%;width:8px;height:5px;background:url(../images/banner/ico_afterBubBox.png) no-repeat;background-size:8px 5px}
.nhasset .taxInfoWrap .taxComWrap .equalBox .icoEqual{width:14px;height:22px}
.nhasset .taxInfoWrap .taxComWrap .equalBox .icoEqual.type01{background:url(../images/banner/ico_under.png) no-repeat center;background-size:14px 15px}
.nhasset .taxInfoWrap .taxComWrap .equalBox .icoEqual.type02{background:url(../images/banner/ico_equalUnder.png) no-repeat center;background-size:14px 21px}
.nhasset .taxInfoWrap .taxComWrap .equalBox .icoEqual.type03{background:url(../images/banner/ico_equal.png) no-repeat center;background-size:14px 10px}
.nhasset .taxInfoWrap .taxComWrap .equalBox .icoEqual.type04{background:url(../images/banner/ico_equalUp.png) no-repeat center;background-size:14px 21px}
.nhasset .taxInfoWrap .taxComWrap .equalBox .icoEqual.type05{background:url(../images/banner/ico_up.png) no-repeat center;background-size:14px 15px}
.nhasset .taxInfoWrap .taxComWrap .boxTxt{font-size:clamp(13px,1.3rem,19px);color:#333}
.nhasset .taxInfoWrap .taxComWrap .boxTxt .type01{font-weight:600;color:#577fe0}

.nhasset .mainLinkList li a{display:flex;align-items:center;padding:0 35px 0 20px;width:100%;height:100px;border:1px solid #ebebeb;background:url('../images/arr_right02.png') right 20px center /6px 10px no-repeat;border-radius:10px}
.nhasset .mainLinkList .tit{display:block;margin-bottom:4px}
.nhasset .mainLinkList .txt{font-size:clamp(12px,1.2rem,18px);color:#666;word-break:keep-all}
.nhasset .mainLinkList.tax li a:before{content:'';flex-shrink:0;margin-right:10px;width:37px;height:50px;background:url('../images/contents/ico_tax_main.png') left center /259px 50px no-repeat}
.nhasset .mainLinkList.tax li:nth-child(2) a:before{background-position-x:-37px}
.nhasset .mainLinkList.tax li:nth-child(3) a:before{background-position-x:-74px}
.nhasset .mainLinkList.tax li:nth-child(4) a:before{background-position-x:-111px}
.nhasset .mainLinkList.tax li:nth-child(5) a:before{background-position-x:-148px}
.nhasset .mainLinkList.tax li:nth-child(6) a:before{background-position-x:-185px}
.nhasset .mainLinkList.tax li:nth-child(7) a:before{background-position-x:-222px}

.nhasset .yabannerArea .yabanner.ty13{/*height:131px;*/background:url('../images/contents/bg_tit_heart.png') bottom 20px right 20px /58px 49px #f8f6da no-repeat}/*연말정산과 중복*/
.nhasset .yabannerArea .yabanner.ty14{/*height:131px;*/background:url('../images/contents/ico_banner_tip.png') bottom 20px right 20px /52px 49px #eff6ff no-repeat}/*연말정산과 중복*/
.nhasset .yabannerArea.baHalf .yabanner .ty13,
.nhasset .yabannerArea.baHalf .yabanner .ty14{height:131px}

.nhasset .listTitWrap2{display:flex;justify-content:space-between;font-size:clamp(16px,1.6rem,24px)}
.nhasset .listTitWrap2 .dataValue{color:#19a647}
.nhasset .detailList .bold,
.nhasset .totalDetailList .bold{font-weight:900}

.nhasset .moreInfoWrap.bgWhite .moreInfo,
.nhasset .moreInfoWrap.bgWhite .moreOpenBtn.active:before{background-color:#fff}

.nhasset .divLine3{margin:28px 0}

.nhasset .subDetailList{width:100%}
.nhasset .detailList .subDetailList>.subTit{display:block;margin-bottom:16px;color:#666}
.nhasset .detailList .subDetailList .detailList{margin-top:0;padding:0 0 0 20px}
.nhasset .totalDetailList{display:flex;justify-content:space-between;width:100%;padding:16px 20px;background-color:#f8f8f8;border-radius:10px}

.nhasset .bannerBlue{display:block;margin-top:20px;padding:22px 20px;border-radius:16px;text-align:center;background-color:#eff6ff;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%)}
.nhasset .bannerBlue.tip:before{content:'';display:block;margin-bottom:8px;width:100%;height:49px;background:url('../images/contents/ico_banner_tip.png') center/auto 100% no-repeat}
.nhasset .bannerBlue.link{text-align:left}
.nhasset .bannerBlue.link{position:relative;padding-left:60px;background:url('../images/contents/ico_banner_stock.png') left 20px center/28px 43px no-repeat #eff6ff}
.nhasset .bannerBlue.link:after{content:'';position:absolute;right:20px;top:50%;margin-top:-5px;width:6px;height:10px;background:url('../images/arr_right02.png') center /100% no-repeat}

.nhasset .titListBox .topInfoTxt{margin-bottom:20px;font-size:clamp(12px,1.2rem,16px);color:#888}
.nhasset .titListBox .tag{background-color:#fff}

.nhasset .partWrap .name{display:flex;align-items:flex-start;justify-content:space-between}
.nhasset .partWrap .name a{flex-shrink:0;margin-top:2px;margin-left:6px}
.nhasset .partWrap .name .tit{font-size:clamp(16px,1.6rem,24px);font-weight:600}
.nhasset .partWrap .address{margin-top:5px;font-size:clamp(14px,1.4rem,21px);color:#666}
.nhasset .partWrap .etc{margin-top:20px;font-size:clamp(14px,1.4rem,21px);font-weight:bold;color:#666}
.nhasset .partWrap .etc span+span:before{content:'';position:absolute;left:-8px;width:1px;height:12px;top:50%;margin-top:-6px;background-color:#666}
.nhasset .partWrap .etc span+span{position:relative;margin-left:15px}
.nhasset .partWrap .money{text-align:right;font-size:clamp(12px,1.2rem,16px)}

.nhasset .accList > li .accInfoWrap .accInfo.dpBlock{display:block;text-align:right}
.nhasset .accEtc{text-align:right;font-size:clamp(12px,1.2rem,16px);color:#888;font-weight:normal}

.nhasset .boxRefreshWrap{position:relative;margin-top:-10px;padding-bottom:12px;font-size:clamp(13px,1.3rem,19.5px);color:#666;vertical-align:middle}
.nhasset .boxRefreshWrap:after{content:'';position:absolute;bottom:0;left:-20px;right:-20px;height:1px;background-color:#ebebeb}
.nhasset .boxRefreshWrap .yearupdateBtn{display:inline-block;margin-left:3px;width:16px;height:16px;background:url('../images/ico_load_default.png') 0 0 /100% no-repeat;border:none}

.nhasset .boxTypeWrap .accList{margin-bottom:0}
.nhasset .totalAccList .totalAcc .time{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .totalAccList.small .accList>li{padding-top:20px}
.nhasset .totalAccList.small .accList>li:first-child{padding-top:10px}

.nhasset .texSavingBanner{position:relaitve}
.nhasset .texSavingBanner .swiper-container{margin:0 -16px;padding:0 16px}
.nhasset .texSavingBanner .sumnailWrap{width:100%;height:100px;overflow:hidden;border-radius:10px 10px 0 0}
.nhasset .texSavingBanner .sumnailWrap img{width:100%;object-fit:cover}
.nhasset .texSavingBanner .swiper-slide{width:70%;height:168px;background-color:#fff;border-radius:10px;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%)}
.nhasset .texSavingBanner .contWrap{padding:13px 20px 15px}
.nhasset .texSavingBanner .contWrap .tit{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* [2022-12-07] 사보현 :말줄임 추가 */
.nhasset .texSavingBanner .contWrap .time{font-size:clamp(12px, 1.2rem, 18px);color:#888}

.nhasset .insiteBanner{position:relative}
.nhasset .insiteBanner .swiper-container{margin:0 -16px;padding:0 16px}
.nhasset .insiteBanner .sumnailWrap{width:100%;height:110px;overflow:hidden;border-radius:10px 10px 0 0}
.nhasset .insiteBanner .sumnailWrap img{width:100%;object-fit:cover}
.nhasset .insiteBanner .swiper-slide{width:80%;height:178px;background-color:#fff;border-radius:10px;box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%)}

.nhasset .insiteBanner .contWrap{padding:13px 20px 15px}
.nhasset .insiteBanner .contWrap .tit{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* [2022-12-07] 사보현 :말줄임 추가 */
.nhasset .insiteBanner .contWrap .time{font-size:clamp(12px, 1.2rem, 18px);color:#888}

.nhasset .detailList2{padding:0}
.nhasset .detailList2 > li{display:flex;justify-content:space-between;width:100%;margin-top:18px;margin-bottom:0}
.nhasset .detailList2 > li:first-child{margin-top:0}
.nhasset .detailList2 > li .tit{flex-shrink:0;padding-right:10px;color:#111;letter-spacing:-0.5px;font-weight:bold}
.nhasset .detailList2 .tooltipCont{left:0}

.nhasset .tgBtnType2.small label{width:41px;height:19px}
.nhasset .tgBtnType2.small label:before{width:13px;height:13px}
.nhasset .tgBtnType2{position:relative}

.graphSemiC{position:relative}
.graphSemiC .label{position:absolute;left:50%;margin-left:-36px;bottom:10px}
.graphSemiC dt{font-size:clamp(12px,1.2rem,18px);color:#888}
.graphSemiC dd{font-size:clamp(16px,1.6rem,24px);font-weight:bold;font-family:'notoNum','NotoKR'}
.graphSemiC dd .point{font-size:26px;font-weight:900;color:#19a647}

/* 세금계산기, 절세팁 22-10-11 */
.nhasset .arrowUp{color:#eb1100}
.nhasset .arrowUp:before{border-bottom:7px solid #eb1100;border-left:4px solid transparent;border-right:4px solid transparent;border-radius:3px}
.nhasset .arrowDown{color:#277ceb}
.nhasset .arrowDown:before{border-top:7px solid #277ceb;border-left:4px solid transparent;border-right:4px solid transparent;border-radius:3px}


/* [2022-10-05] 사보현 주택청약, 세금계산기 css 추가 */
.nhasset .areaTopCont{position:fixed;width:100%;margin:0 -16px;z-index:2;background-color:#fff;border-bottom:1px solid #ebebeb}
.nhasset .areaTopCont .formTit{padding:0 16px}
.nhasset .areaTopCont .areaWordList{padding:0 16px 20px}
.nhasset .areaWordList .areaTagBtn{display:block;width:auto;float:left;margin:0 4px 4px 0}
.nhasset .areaWordList .areaTagBtn .tag{display:inline-block}
.nhasset .areaWordList .areaTagBtn .tag:after{content:'';display:inline-block;width:9px;height:9px;margin-left:6px;background:url('../images/common/btn_gray_close.png') right top /9px 9px no-repeat}
.nhasset .areaWordList .areaTagBtn:nth-child(3n-2) .tag{background-color:#f8f8f8;border:1px solid #f8f8f8;color:#666}
.nhasset .areaWordList .areaTagBtn:nth-child(3n-1) .tag{background-color:#f2f4f8;border:1px solid #f2f4f8;color:#666}
.nhasset .areaWordList .areaTagBtn:nth-child(3n) .tag{background-color:#f3f0ee;border:1px solid #f3f0ee;color:#666}
.nhasset .areaWordList:after{content:'';display:block;clear:both}

.nhasset .areaTabWrap{display:flex;height:100%;margin:0 -16px;border-bottom:1px solid #ebebeb;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .areaTabWrap .tabWrap.type06{overflow-y:scroll;width:30%;text-align:center;background-color:#f8f8f8;color:#666}
.nhasset .areaTabWrap .tabWrap.type06 ul{flex-direction:column}
.nhasset .areaTabWrap .tabWrap.type06 a{display:block;padding:15px 0;background-color:#f8f8f8}
.nhasset .areaTabWrap .tabWrap.type06 a.active{background-color:#fff}
.nhasset .areaTabWrap .tabContWrap.type06{overflow-y:scroll;width:70%;text-align:left}
.nhasset .areaTabWrap .tabContWrap.type06 .selChkBox li{position:relative;padding:10px 20px}
.nhasset .areaTabWrap .tabContWrap.type06 .selChkBox li input[type='checkbox']{position:absolute;width:100%;height:100%;right:0;top:0;clip:rect(0,0,0,0)}
.nhasset .areaTabWrap .tabContWrap.type06 .selChkBox li input + label{margin-left:0;color:#888}
.nhasset .areaTabWrap .tabContWrap.type06 .selChkBox li input:checked + label{font-weight:600;color:#19a647}
.nhasset .areaTabWrap .tabContWrap.type06 .selChkBox li input:checked + label:after{display:inline-block;position:absolute;top:50%;right:20px;margin-top:-4.5px;content:'';width:12.5px;height:9.5px;background:url(../images/icon_check_on.png) no-repeat center /cover}

.nhasset .infoGrayBox{margin-top:20px;padding:25px 18px;background-color:#f8f8f8;border-radius:6px;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .btnAddress{display:block;margin-top:10px;padding:10px 30px;border:1px solid #ebebeb;border-radius:5px;color:#222}
.nhasset .btnAddress:first-child{margin-top:0}

/* [2022-10-05] 한은정 주택청약, 세금계산기 css 추가 */
.subsPlaneList> li{margin-top:16px;padding:20px;border:1px solid #ebebeb;border-radius:10px}
.subsPlaneList .titBox .location{display:flex;font-size:clamp(12px,1.2rem,18px);color:#888}
.subsPlaneList .titBox .addr{margin-top:15px;font-size:clamp(14px,1.4rem,21px)}
.subsPlaneList .titBox .info{margin-top:5px}
.subsPlaneList .titBox .info dt{display:inline-block;font-weight:bold}
.subsPlaneList .titBox .info dd{display:inline-block;font-weight:900;color:#19a647}
.subsPlaneList .contbox .subTit{font-size:clamp(12px,1.2rem,18px);color:#888}
.subsPlaneList .contbox .alarm{font-size:clamp(14px,1.4rem,21px)}
.subsPlaneList .contbox .alarm li{display:flex;justify-content:space-between;margin-top:16px}
.subsPlaneList .contbox .alarm dt{display:inline-block;color:#666}
.subsPlaneList .contbox .alarm dd{display:inline-block;margin-left:5px}
 /* [2022-12-29] 사보현 :주택청약 css 추가 */
.planTogWrap{display:flex;/* justify-content:space-between; */align-items:center;margin:0 -20px 20px;padding:0 20px 20px;border-bottom:1px solid #ebebeb} /* 2023-01-24 윤지현:정렬수정 */
.planBtnWrap{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.planBtnWrap .btnTxt{font-size:clamp(12px,1.2rem,18px);color:#888}

.applyBtn{display:flex;justify-content:center;align-items:center;margin-top:20px;height:54px;background-color:#c1e8f3;border-radius:10px;font-size:16px;color:#666;font-weight:bold}
.applyBtn img{margin-right:5px}

.bgTitHouse{background:url('../images/contents/bg_tit_house2.png') top right/90px 80px no-repeat}

.miniTitLink{margin-top:30px}
.miniTitLink .tit{display:block;margin-bottom:6px;font-size:clamp(12px,1.2rem,28px);color:#888}
.greenBanner{display:flex;align-items:center;position:relative;padding-left:64px;height:56px;font-size:clamp(14px,1.4rem,21px);font-weight:bold;background:url('../images/contents/ico_green_bankbook.png') left 20px top 12px /32px 32px #f0fbf7 no-repeat;border-radius:6px}
.greenBanner:after{content:'';position:absolute;top:50%;margin-top:-5px;right:20px;display:inline-block;width:6px;height:10px;background:url('../images/arr_next.png') 0 0 /cover no-repeat}
.miniTitLink .linkWrap{margin-top:10px;padding-right:20px;text-align:right}
.miniTitLink .link{font-size:clamp(14px,1.4rem,21px);font-weight:bold;color:#666}
.miniTitLink .link:after{content:'';display:inline-block;margin-left:5px;width:6px;height:10px;background:url('../images/arr_next.png') 0 0 /cover no-repeat;vertical-align:1px}

.nhasset .accList.top{border-bottom:none}
.nhasset .accList.top > li{align-items:flex-start;padding-top:20px;padding-bottom:0}
.nhasset .accList.top > li .accValue{margin-top:-3px}
.nhasset .accList.top + .detailList2{margin-top:20px;padding-top:20px;border-top:1px solid #ebebeb}

.nhasset .cal .inputList .btnCalendar{flex-shrink:0;width:22px;height:48px;position:static;background-position-x:right}
.nhasset .boxTypeWrap .calendarForm .symbol{padding:0 8px}
.nhasset .titListBox .calendarForm .symbol:before{top:calc(50% + 6px)}

.nhasset .yabannerArea .yabanner.tyCase12{padding-bottom:38px;background:#d9e2ff url('../images/banner/img_yatexCase12.png')no-repeat center right 22px;background-size:77.5px auto}
.nhasset .yabannerArea .yabanner .subTxt3{margin-top:5px}

/* [2022-11-01] 사보현 세금계산기 css 추가 */
.nhasset .boxMainTit{margin-bottom:25px;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .typeSelList{margin-top:20px}
.nhasset .typeSelList > li{margin-top:12px;position:relative}
.nhasset .typeSelList > li:first-child{margin-top:0}
.nhasset .typeSelList > li a{display:block;padding:25px 20px 25px 85px;border-radius:10px;font-size:clamp(16px, 1.6rem, 24px);font-weight:bold;background-color:#fff;box-shadow:0 8px 8px 0px rgba(41, 58, 88, 0.15)}
.nhasset .typeSelList > li:nth-child(1) a{background:#fff url('../images/contents/ico_htInsu01.png') no-repeat left 20px center;background-size:50px auto}
.nhasset .typeSelList > li:nth-child(2) a{background:#fff url('../images/contents/ico_htInsu02.png') no-repeat left 20px center;background-size:50px auto}
.nhasset .typeSelList > li a:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:6px;height:10px;background:url(../images/arr_right02.png) no-repeat;background-size:6px auto}
.nhasset .titListBox .highTit{display:flex;justify-content:space-between;align-items:center}
.nhasset .titListBox .highTit strong{background:linear-gradient(to top, #e5f6eb 20%, transparent 50%);color:#19a647;font-size:clamp(12px,1.2rem,18px)}
.gryTxt{margin-top:20px;font-size:clamp(12px, 1.2rem, 18px);color:#888}

/* [2022-11-22] 한은정 배당소득 수정 */
.nhasset .accTopInfo.baedangBg{background-size:66px auto;background-position:top 5px right}
.nhasset .accTopInfo.baedangBg .totalBalance{margin-top:0}
.nhasset .accTopInfo.baedangBg .timeTxt{margin-top:20px;font-size:clamp(12px,1.2rem,18px);text-align:right;color:#888}
.nhasset .totalBalance.bigSize .dataValue{font-size:clamp(26px,2.6rem,35px)}
.nhasset .totalBalance.bigSize .chong{padding-right:3px;font-weight:900;font-size:clamp(16px,1.6rem,21px)}
.nhasset .totalBalance.bigSize .won{font-weight:900;font-size:clamp(16px,1.6rem,21px)}
.nhasset .totalAccList.beadangArea .accTit{font-weight:bold}
.nhasset .totalAccList.beadangArea .totalAcc{font-weight:bold}
.nhasset .totalAccList.beadangArea .accList .totalAcc .time{font-weight:900}
.nhasset .accList > li .accInfoWrap .accInfo .accValue .dataValue{font-family:'NotoKR';font-weight:bold}

.nhasset .totalAccList.beadangArea .totalAcc .dataValue,
.nhasset .detailList > li .value .dataValue{font-family:'NotoKR';font-weight:bold}
/*--------------------------
	공통수정
	2022-09-30
---------------------------*/
.nhasset .txtb1 .tooltipWrap .tooltipCont{left:0}
.inputList>a{width:100%}
.nhasset .cal .inputList input[type="text"]:read-only{color:#111}
.nhasset .supExp{font-size:clamp(12px,1.2rem,16px);color:#888;font-weight:normal}
.nhasset .yabannerArea .yabanner{box-shadow:0px 2px 5px 0px rgb(41 58 88 / 16%)}
.nhasset .boxTypeWrap .divLine{margin:25px -20px}
.nhasset .boxRadio .boxRadioInn + .boxRadioInn{padding-left:8px}
.nhasset .boxRadio.rowType .boxRadioInn + .boxRadioInn{padding-left:0;padding-top:8px}
.nhasset .boxRadio.rowType .boxRadioInn input[type="radio"] + label{border-radius:5px}
.nhasset .boxRadio.rowType .boxRadioInn:first-child input[type="radio"] + label{border-radius:5px}
.nhasset .boxRadio.rowType .boxRadioInn:last-child input[type="radio"] + label{border-radius:5px}

/* 2022-09-27 윤지현:소비A 수정관련 */
.boxTypeWrap .defSubTit2 + .defTxt{margin-top:5px}
.nhasset .totalBalance[class*="bgNCard"]{overflow:hidden}
.nhasset .totalBalance[class*="bgNCard"] .btnRWrap{display:block;text-align:right}
.nhasset .totalBalance[class*="bgNCard"] .contBtn03{margin-top:10px}
.nhasset .cardList.db .rank{flex-shrink:0;display:inline-block;font-size:clamp(12px, 1.2rem, 18px);width:2.1rem}
.nhasset .cardList.db .imgWrap{display:flex;align-items:center}
.nhasset .cardList.db .imgWrap .img{flex-shrink:0;margin:0 8px}
.nhasset .cardList.db .number{display:inline-block;min-width:clamp(38px, 3.8rem, 57px);margin-left:6px;font-weight:400;color:#888}
.nhasset .cardList.db .tit{text-align:left}
.nhasset .warpMonthSet .topHead.month .tit .filterSelect.cs{margin-left:5px}
.nhasset .warpMonthSet .topHead.month .tit .filterSelect.cs button:after{content:none}
.nhasset .cs_list_top_tit{align-items:center}
.nhasset .cs_list_top_tit .defSubTit{margin-bottom:0}
.nhasset .cs_list_top_tit div{width:auto}
.nhasset .cs_list_top_tit div:last-child{flex-shrink:0}
.nhasset .btnBigSel{position:relative;display:inline-block;margin-right:23px;font-size:clamp(20px, 2rem, 30px);font-weight:900;vertical-align:0;border-bottom:1px solid #111}
.nhasset .btnBigSel:after{position:absolute;top:50%;right:-20px;content:'';width:20px;height:20px;margin-top:-7px;background:url('../images/arr_down02.png') no-repeat center;background-size:10px auto}
.nhasset .icoBanner{border-radius:10px;padding:20px;padding-left:65px}
.nhasset .icoBanner .txt{font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .icoBanner.ico01{background:url(../images/ico_card_ban01.png) no-repeat left 20px center #ebf8f4;background-size:32px auto}
.nhasset .cardList.cs .cardName{font-size:clamp(14px, 1.4rem, 21px);color:#000}
.nhasset .cs.accList .accTit .tag{margin:0 0 0 5px}
.nhasset .cs.accList > li{padding:20px 0}
.nhasset .cs.accList > li:first-child{padding-top:0}
.nhasset .cs.accList > li .accInfoWrap .accInfo{margin-top:0}
.nhasset .cs.accList > li .tag{margin:0 0 0 5px}
.nhasset .accInfoWrap{width:100%}
.nhasset .eps{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.imgTitle{display:flex;align-items:center;padding:12px 0}
.detailList.type02 .tit{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.detailList.type02 .value{font-size:clamp(12px, 1.2rem, 18px);color:#111}
.linkTitWrap a.link{display:block;margin-bottom:20px;width:100%;padding-right:15px;background:url('../images/arr_right02.png') no-repeat 100% 50%;background-size:6px 10px}
.totalBalance.bigSize .cardImg{flex-shrink:0;width:56px} /* [2022-10-14] 소비 승인 내역 수정, [2022-10-18] 너비값 수정 */ 

.nhasset .dateSelWrap{text-align:center}
.nhasset .dateSelWrap .swiper-slide{background-color:#fff}

.nhasset .dateSelWrap{position:relative}
.nhasset .dateSelWrap .monthSelectArea{display:inline-block}
.nhasset .dateSelWrap  a[class^="btn-month-"]{position:absolute;z-index:20;height:30px;width:20px;flex:0 0 20px;overflow:hidden;background:no-repeat center;background-size:5px auto}
.nhasset .dateSelWrap .monthSelectArea .month{line-height:28px;font-weight:900}
.nhasset .dateSelWrap .monthSelectArea .date{line-height:28px;color:#666}
.nhasset .dateSelWrap .swiper-button-disabled{opacity:.4}
.nhasset .dateSelWrap  a.btn-month-prev{left:6.6rem;top:0;background-image:url('../images/arr_prev2.png')}
.nhasset .dateSelWrap  a.btn-month-next{right:6.6rem;top:0;background-image:url('../images/arr_next2.png')}
.nhasset .dateSelWrap  a.btn-month-next.disabled{right:6.6rem;top:0;background-image:url('../images/arr_next.png')}
.nhasset .totalBalance.bigSize .bigArrDown{width:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:10px;padding-right:20px;background:url(../images/arr_down_big.png) no-repeat right 60%;background-size:13px auto} /* [2022-11-23] 사보현 :말줄임 css 추가 */
.nhasset .boxTypeWrap.delShadow.containTooltip{overflow:inherit}
.nhasset .boxTypeWrap .flex .icoCate{position:relative}
.nhasset .totalBox{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 18px;background-color:#f8f8f8;border-radius:6px}
.nhasset .totalBox .totalTit{font-weight:bold}
.nhasset .totalBox .totalVal{font-weight:900}
.nhasset .totalBox.greenBg{background-color:#f0fbf7}
.nhasset .totalBox.greenBg .totalVal{color:#19a647}
.nhasset .billListCont .inoutListWrap .inoutTit .use{width:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold}
.nhasset .billListCont .inoutListWrap .inoutTit .use.noConnData{font-weight:normal;color:#666;background:url('../images/arr_right04.png')no-repeat right center;background-size:6px auto;padding-right:13px}
.nhasset .totalBalance.bigSize2 .dataValue{padding-right:0;font-size:clamp(26px,2.6rem,39px)}
.nhasset .totalBalance.bigSize2 .won{vertical-align:2px;padding-left:2px;font-size:clamp(16px,1.6rem,24px);font-family:'NotoKR'}
.nhasset .totalBox.toggleBtn{padding-right:38.5px;background-image:url('../images/arr_down02.png');background-repeat:no-repeat;background-size:10px auto;background-position:right 20px top 55%}
.nhasset .totalBox.toggleBtn.active{background-image:url('../images/arr_up02.png')}
.nhasset .totalCont{padding-top:15px}
.nhasset .totalCont ul > li{margin-top:20px}
.nhasset .totalCont ul > li:first-child{margin-top:0}
.nhasset .listTitArea{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0 15px;border-bottom:1px solid #ebebeb;font-weight:bold}
.nhasset .grpWrapLabel{margin-top:15px;text-align:center;font-size:clamp(12px,1.2rem,14px);color:#666}
.nhasset .grpWrapLabel span{display:inline-block;padding-left:20px}
.nhasset .grpWrapLabel span:first-child{padding-left:0}
.nhasset .grpWrapLabel span:before{display:inline-block;content:'';width:19px;height:7px;margin-right:8px}
.nhasset .grpWrapLabel .typeArea:before{background:url('../images/grpLabel_01.png') no-repeat left center;background-size:17px 5px}
.nhasset .grpWrapLabel .typeLine:before{background:url('../images/grpLabel_02.png') no-repeat left center;background-size:19px 7px}
.nhasset .linkType1{font-weight:normal}
.nhasset .weekMainWarp li .weekMain_tit .num{font-weight:900}
.nhasset .weekMainWarp li .weekMain_tit .defNum{font-weight:900}
.nhasset .txtt2 .csLink{background:url('../images/arr_GradeR_2.png') right center /8px auto no-repeat}
.nhasset .csTopsellWrap .ico:after{position:absolute;bottom:0;right:-10px;content:'';width:31px;height:23px;background:url('../images/ico_crown2.png') right bottom / 31px auto no-repeat}
.nhasset .grahpBubble.type04{background-color:rgba(34, 34, 34, 0.8);padding:5px 7px}
.nhasset .grahpBubble.type04 p{color:#fff}
.nhasset .grahpBubble.type04:after{width:8px;height:6px;background:url('../images/tip_bubble4.png');background-size:8px auto}
.nhasset .csSubsellWrap02 .csSubsellImgWrap{display:flex;justify-content:space-between;align-items:center}
.nhasset .csSubsellWrap02 [class*="icoCate"] .img{width:32px;height:32px}
.nhasset .yatexbtnWrap .setBtn:before{background-size:16px 16px}
.nhasset .csChartWrap ul:after{content:'';width:16px;height:100%;display:list-item;flex-shrink:0}
.nhasset .csChartWrap > ul > li{flex:0 0 94%}
.nhasset .csChartWrap > ul > li:last-child{padding-right:0;margin-right:0}
.nhasset .cs.cardComparedTitle .smallTxt{font-size:clamp(14px,1.4rem,21px)}
.nhasset .cardChangeWrap .cs.cardComparedTitle .inner button > span{font-size:clamp(14px,1.4rem,21px)}
.nhasset .cardLinkBox{display:block;position:relative;margin:25px 0 10px}
.nhasset .cardLinkBox .cardImgWrap{padding-right:70px;min-height:50px}
.nhasset .cardLinkBox .cardImg{position:absolute;top:0;right:0;width:56px}
.nhasset .cardLinkBox .subTxt2{padding-top:10px}
.nhasset .linkTxt3{display:inline-block;padding-right:10px;background:url('../images/arr_next.png') no-repeat 100% 60%;background-size:5.5px 10px;color:#666;font-size:clamp(14px, 1.4rem, 21px);font-weight:normal}
.nhasset .boxTypeWrap .cs.accList{border-bottom:none}
.nhasset .boxTypeWrap.addType{min-height:410px}
.nhasset .myBudgetWrap .wrapTit{margin-bottom:10px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .myBudgetWrap .bigTit{font-size:clamp(20px,2rem,30px);line-height:clamp(29px, 2.9rem, 43px);font-weight:bold}
.nhasset .myBudgetWrap .myTxt{margin-top:6px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .myBudgetWrap .myTxt img{width:auto;height:clamp(18px,1.8rem,27px);vertical-align:text-bottom}
.nhasset .myBudgetWrap .myTitWrap{position:relative}
.nhasset .myBudgetWrap .myTitWrap.success01:before{position:absolute;top:0;right:0;content:'';width:100px;height:47px;background:url(../images/ico_successN01.gif) no-repeat 100% 0;background-size:100px 47px} /* 성공 */
.nhasset .myBudgetWrap .myTitWrap.allfail01:before{position:absolute;top:0;right:0;content:'';width:100px;height:47px;background:url(../images/ico_allfailN01.gif) no-repeat 100% 0;background-size:100px 47px} /* 실패 */
.nhasset .myBudgetWrap .defTxt{margin-top:50px}

/* 2022-10-12 셉템 반영분 */
.subsPlaneList .contbox .alarm li{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.nhasset .contBtn01, .nhasset .contBtn02, .nhasset .contBtn03{font-size:clamp(12px,1.2rem,18px)}
.nhasset .contBtn03{font-size:clamp(12px,1.2rem,18px);border-radius:24px;padding:0 10px}
.nhasset .boxTypeWrap .accList .accTit{color:#111}
.nhasset .boxTypeWrap .accList .accTit .icoBuy{color:#19a647;font-size:14px;position:absolute;margin-top:11px;margin-left:-12px}
/* 2022-10-21 원래영역에 다시 적용으로 삭제 (이원익) 한은정요청으로 포지션 변경(position:initial) 살림 */
.nhasset .yabannerArea .yabanner.containTooltip{position:initial}
/*.nhasset .yabannerArea .yabanner.containTooltip .tooltipWrap .tooltipCont{left:16px;right:16px;width:auto !important}*/
.nhasset .totalBalance.containTooltip{overflow:initial}

/* 2022-10-24 셉템 반영분 */
.nhasset .tooltipWrap .tooltipCont{margin-top:8px;padding:23px 20px 20px;border-color:#666;border-radius:12px;color:#666;line-height:1.6}
.nhasset .tooltipWrap .tooltipCont p{font-size:clamp(12px,1.2rem,14px);color:#111;line-height:1.6}
.nhasset .tooltipWrap .tooltipCont .close{position:absolute;top:0;right:0;width:44px;height:44px;background:url('../images/btn_close2.png') no-repeat top 23px right 20px;background-size:13px 13px}
.nhasset .myTopBanner{position:relative;margin-bottom:20px;padding:15px 15px 15px 90px;text-align:left;font-size:clamp(13px,1.3rem,19.5px);color:#111;border-radius:10px}
.nhasset .myTopBanner .txt{display:block;font-size:clamp(13px, 1.3rem, 19.5px)}
.nhasset .myTopBanner .link{display:inline-block;font-weight:bold;font-size:clamp(16px,1.6rem,24px)}
.nhasset .myTopBanner .link:after{content:'';display:inline-block;margin-top:-4px;width:13px;height:10px;vertical-align:middle;background:url(../images/arr_right02.png) no-repeat right center;background-size:6px auto}
.nhasset .myTopBanner .close{position:absolute;right:15px;top:15px;width:24px;height:24px;background:url('../images/common/btn_gray_close.png') right top /9px 9px no-repeat}
.nhasset .myTopBanner{background:url('../images/banner/myTopBanner01.png') center left 20px /50px auto #dff7ee no-repeat;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16)}
.nhasset .myTopBanner.bgTy02{background-image:url('../images/banner/myTopBanner02.png')}
.nhasset .myTopBanner.bgTy03{background-image:url('../images/banner/myTopBanner03.png')}
.nhasset .detailList > li{line-height:1.5}
.nhasset .fullRefreshWrap+.defTit{margin-top:0}
.nhasset .defTit .link{display:inline-block;font-size:clamp(14px,1.4rem,21px)}

/* 소비A 2.0 반영 */
.nhasset .detailBox{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px;padding:14px 18px;background-color:#f8f8f8;border-radius:6px}
.nhasset .detailBox .detailTit{font-weight:bold;color:#666}
/* .nhasset .detailBox .detailVal{font-weight:900;font-family:'NotoNum','NotoKR'}.nhasset .detailBox .detailVal */
.nhasset .totalBalance.bgNCard08:after{top:50%;margin-top:-25px;background-image:url(../images/bg_total_Ncard08.png);width:60px;height:50px}
.nhasset .totalBalance .bigTxt em.won{margin-left:1px;margin-bottom:2px;font-weight:900;font-size:clamp(16px, 1.6rem, 21px)}
.nhasset .totalBalance[class*="bgNCard"] .btnRWrap .contBtn03+.contBtn03{margin-left:8px}

/*--------------------------
	헬스케어
---------------------------*/
/* 2022-11-01 한은정 헬스케어 */
/* 헬스케어 메인 */
.nhasset .defTit.icoHc1{padding-right:clamp(80px,8rem,120px);background:url('../images/contents/bg_tit_hc1.png') center right/60px 66px no-repeat}
.nhasset .defTit.icoHc2{padding-right:clamp(80px,8rem,120px);background:url('../images/contents/bg_tit_hc2.png') center right/60px 61px no-repeat}
.nhasset .defTit.icoHc3{padding-right:clamp(80px,8rem,120px);background:url('../images/contents/bg_tit_hc3.png') center right/60px 61px no-repeat}

.nhasset .compareWrap{display:flex;text-align:center;align-items:flex-end}
.nhasset .compareWrap .people:before{content:'';display:block;margin-left:calc(50% - 16px);margin-bottom:10px;width:32px;height:32px;background:url('../images/contents/sp_ico_hc_main.png') 0 0/320px 64px}
.nhasset .compareWrap .heart:before{content:'';display:block;margin-left:calc(50% - 16px);margin-bottom:10px;width:32px;height:32px;background:url('../images/contents/sp_ico_hc_main.png') -32px 0/320px 64px}
.nhasset .compareWrap .tit{display:block;font-size:clamp(12px,1.2rem,18px);color:#666}
.nhasset .compareWrap .standard, .nhasset .compareWrap .me{flex:1}
.nhasset .compareWrap .dataValueWrap{margin-top:5px}
.nhasset .compareWrap .dataValue{font-size:clamp(26px,2.6rem,39px);font-weight:900;font-family:'NotoNum'}
.nhasset .compareWrap .me .dataValue{color:#19a647}
.nhasset .compareWrap .se{margin-left:2px;font-size:clamp(16px,1.6rem,24px);font-weight:bold}
.nhasset .compareWrap .icoEqual{width:14px;height:clamp(34px,3.4rem,51px)}
.nhasset .compareWrap .icoEqual.type01{background:url(../images/banner/ico_under_g.png) no-repeat center;background-size:14px 15px}
.nhasset .compareWrap .icoEqual.type02{background:url(../images/banner/ico_equal_g.png) no-repeat center;background-size:14px 10px}
.nhasset .compareWrap .icoEqual.type03{background:url(../images/banner/ico_up_g.png) no-repeat center;background-size:14px 15px}

.nhasset .legendList.tyac{display:flex;justify-content:center;margin-top:10px}
.nhasset .legendList.tyac li{width:auto;margin-top:0;margin-left:16px}
.nhasset .legendList.tyac li:first-child{margin-left:0}

.nhasset .hcStatusList li{display:flex;justify-content:space-between;margin-top:8px;padding:15px 20px;border:1px solid #e1e1e1;border-radius:6px;font-weight:bold;font-size:clamp(12px,1.2rem,18px)}
.nhasset .hcStatusList .tit{width:42%}
.nhasset .hcStatusList .subTxt{font-size:clamp(10px,1rem,15px);color:#666}
.nhasset .hcStatusList .val{width:32%;text-align:right}
.nhasset .hcStatusList .result{width:26%;color:#888;text-align:right}
.nhasset .hcStatusList .result:before{content:'';display:inline-block;margin-right:4px;width:8px;height:8px;border-radius:50%}
.nhasset .hcStatusList .result.type01{color:#19a647}
.nhasset .hcStatusList .result.type01:before{background-color:#19a647}
.nhasset .hcStatusList .result.type02{color:#eb7000}
.nhasset .hcStatusList .result.type02:before{background-color:#f79b48}
.nhasset .hcStatusList .result.type03{color:#e75441}
.nhasset .hcStatusList .result.type03:before{background-color:#e4797b}
.nhasset .hcStatusList.fatCase .result{width:40%}
.nhasset .hcStatusTit{display:flex;justify-content:space-between;align-items:center;margin-top:30px;margin-bottom:12px}
.nhasset [class*=icoCHc]:before{content:'';display:inline-block;margin-right:10px;width:32px;height:32px;border-radius:50%;vertical-align:middle;background:url('../images/contents/sp_ico_hc_main.png') 0 -32px/320px 64px no-repeat}
.nhasset .icoCHc1:before{background-position:0 -32px}
.nhasset .icoCHc2:before{background-position:-32px -32px}
.nhasset .icoCHc3:before{background-position:-64px -32px}
.nhasset .icoCHc4:before{background-position:-96px -32px}
.nhasset .icoCHc5:before{background-position:-128px -32px}
.nhasset .icoCHc6:before{background-position:-160px -32px}
.nhasset .icoCHc7:before{background-position:-192px -32px}
.nhasset .icoCHc8:before{background-position:-224px -32px}
.nhasset .icoCHc9:before{background-position:-256px -32px}
.nhasset .icoCHc10:before{background-position:-288px -32px}
.nhasset .txtt2+.hcStatusWrap .hcStatusTit{margin-top:25px}
.statusUp{padding:12px 20px;margin-top:20px;margin-bottom:12px;border-radius:6px;font-weight:bold}
.statusUp+.statusUp{margin-top:10px}
.statusUp.type01{background-color:#fef8f2}
.statusUp.type01 em{color:#eb7000}
.statusUp.type02{background-color:#fdf6f6}
.statusUp.type02 em{color:#e75441}
.statusUp:before{content:'';display:inline-block;margin-right:5px;width:15px;height:15px;background:url('../images/contents/sp_ico_hc_main.png') -64px 0/320px 64px no-repeat;vertical-align:middle}

.statusUp.type01:before{background-position:-64px 0}
.statusUp.type02:before{background-position:-64px -15px}
.nhasset .yabannerArea .yabanner.bghc{background:url('../images/contents/bg_tit_heart.png') bottom 20px right 20px /58px 49px #d9e7ff no-repeat}
.selLink{position:relative;display:inline-block}
.selLink:before{content:'';position:absolute;left:0;right:16px;bottom:1px;height:1px;background-color:#111}
.selLink:after{content:'';display:inline-block;margin-left:6px;width:10px;height:10px;background:url('../images/arr_down02.png') 0 0 /cover no-repeat}


/* 헬스케어 서브 */
.nhasset .lBar{position:relative;display:inline-block;margin-left:4px;padding-left:8px}
.nhasset .lBar:before{position:absolute;top:8px;bottom:2px;left:0;content:'';width:1px;margin-top:-5px;background:#e1e1e1}

.nhasset .assetSelectLlistWrap .assetSelectLlistAll label{width:auto}
.nhasset .assetSelectLlistWrap .tooltipWrap{margin-left:4px;vertical-align:middle}
.nhasset .assetSelectLlistWrap .assetSelectSub{padding-bottom:0}
.nhasset .assetSelectLlistWrap .assetSelectSub > li:last-child{margin-bottom:20px}
.nhasset .assetSelectLlist .subject .flex{display:inline-block;justify-content:space-between;width:calc(100% - 40px)}
.nhasset .assetSelectLlist .detailList{padding:20px}
.nhasset .assetSelectLlist em{position:relative;color:#1f6cc5}
.nhasset .assetSelectLlist .virtuInfo em{color:unset}
.nhasset .assetSelectLlist .tag{margin:0 0 0 4px;vertical-align:top;line-height:1.9}

.nhasset .virtuInfo em.unit{margin-left:8px;font-size:clamp(12px,1.2rem,18px);color:#888}
.nhasset .virtuInfo .subCont{margin-top:5px;text-align:right}
.nhasset .virtuInfo .subCont .value{font-size:clamp(15px,1.5rem,22.5px);color:#111}
.nhasset .virtuInfo .subCont .value .won{font-weight:bold}

.nhasset .boxTypeToggle{margin-top:20px;border-radius:10px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.16);overflow:hidden}
.nhasset .boxTypeToggle .boxTitWrap a{display:block;position:relative;padding:25px 20px;font-size:clamp(16px,1.6rem,24px);background-color:#fff}
.nhasset .boxTypeToggle .boxTitWrap a:after{content:'';position:absolute;top:50%;margin-top:-5px;right:20px;width:10px;height:10px;background:url('../images/arr_down02.png') center /cover no-repeat}
.nhasset .boxTypeToggle .boxTitWrap a.active:after{transform:rotate(-180deg)}
.nhasset .boxTypeToggle .boxTitWrap .tit{font-weight:900}
.nhasset .boxTypeToggle .toggleCont{padding:16px 20px;border-top:1px solid #dedede;background-color:#fff}

.nhasset .defSubTit2.containTooltip{position:relative}
.nhasset .boxTypeWrap .defSubTit2.containTooltip .tooltipWrap .tooltipCont{left:0}
.nhasset .tabWrap.type06 .scAreaWrap ul > li > a{padding:3px 14px}

/* 2022-10-21 오픈 이후 반영 */
.nhasset .yaTopBanner{font-size:clamp(13px,1.3rem,19.5px);color:#111}
.nhasset .yaTopBanner.Ty01 a p:after{background:url(../images/arr_right02.png) no-repeat right center;background-size:6px auto}
.nhasset .yaTopBanner.bgTy01{background-color:#dff7ee url('../images/banner/yaTopBanner01.png')no-repeat center left 20px;background-size:50px auto;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16)}
.nhasset .yaTopBanner.bgTy02{background:#dff7ee url('../images/banner/yaTopBanner02.png')no-repeat center left 20px;background-size:50px auto;box-shadow:0px 4px 10px 0px rgba(41, 58, 88, 0.16)}
/* //2022-10-21 오픈 이후 반영 */

.nhasset .pickList[class*=ico]{margin-top:20px}
.nhasset .pickList input[type="checkbox"]{position:absolute;top:0;left:0;clip:rect(0,0,0,0);width:100%;height:100%}
.nhasset .pickList input[type="checkbox"] + label{position:relative;top:0;left:0;margin-left:0;width:100%;padding:20px 40px 20px 18px;border-radius:6px;border:solid 1px #ebebeb;z-index:0}
.nhasset .pickList input[type="checkbox"]:checked + label{padding:19px 39px 19px 17px;border:2px solid #19a647}
.nhasset .pickList input[type="checkbox"] + label span{display:block}
.nhasset .pickList input[type="checkbox"] + label:after{display:inline-block;content:" ";position:absolute;right:12px}
.nhasset .pickList input[type="checkbox"]:checked + label:after{content:' ';display:inline-block;width:17px;height:9px;background:url('../images/ico_check_on.png') no-repeat;background-size:13px auto}
.nhasset .pickList .pickTit{display:block;font-size:clamp(14px, 1.4rem, 22px);font-weight:bold}
.nhasset .pickList .pickTxt{display:block;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .pickList.icohc label .imgWrap{display:inline-block;flex:none;width:32px;height:32px;margin-right:10px}
.nhasset .pickList.icohc label .imgWrap .img{display:inline-block}
.nhasset .pickList.icohc li:nth-child(2) label:before{background-position-x:-32px}
.nhasset .pickList.icohc li:nth-child(3) label:before{background-position-x:-64px}
.nhasset .pickList.icohc li:nth-child(4) label:before{background-position-x:-96px}
.nhasset .pickList.icohc li:nth-child(5) label:before{background-position-x:-128px}
.nhasset .pickList.icohc li:nth-child(6) label:before{background-position-x:-160px}
.nhasset .pickList.icohc li:nth-child(7) label:before{background-position-x:-192px}
.nhasset .pickList.icohc li:nth-child(8) label:before{background-position-x:-224px}

.alaListTit{display:block;font-size:clamp(13px,1.3rem,19.5px);color:#666;margin-top:25px}
.alaList li{display:flex;justify-content:space-between;margin-top:20px}
.nhasset .tgBtnType2.mid label{display:block;width:54px;height:24px;background-color:#e1e1e1;border-radius:32px;position:relative}
.nhasset .tgBtnType2.mid label:before{width:18px;height:18px}

/* 검색 결과 */
.nhasset .srchResult.typeNor{background-color:#f8f8f8;border-radius:6px;padding:10px 0;width:100%}
.nhasset .srchResult.typeNor > ul{margin:0}
.nhasset .srchResult.typeNor > ul > li:last-child > a{border-bottom:0}
.nhasset .srchResult.typeNor > ul > li > a{display:flex;padding:7px 0;position:relative;background:none;align-items:center;border-top:none;border-bottom:1px solid #ebebeb}
.nhasset .srchResult.typeNor > ul > li.active{background-color:#f8f8f8} 
.nhasset .srchResult.typeNor > ul > li .tag{ position:absolute;right:0;margin:0}
.nhasset .srchResult.typeNor.bgNone ul li{padding:0}
.nhasset .srchResult.typeNor.bgNone ul li:first-child{border-top:1px solid #ebebeb}
.nhasset .srchResult.typeNor.bgNone ul li:last-child{border-bottom:1px solid #ebebeb}

.nhasset .defTit.icoHos{margin-top:0;background:url('../images/contents/bg_tit_hos.png') center right/57px 47px no-repeat}
.nhasset .defTit.icoPhar{margin-top:0;background:url('../images/contents/bg_tit_phar.png') center right/58px 45px no-repeat}

.locaWrap{display:flex;justify-content:center;padding:25px 20px;margin-top:20px;background-color:#f8f8f8;border-radius:10px;font-weight:bold}
.locaWrap .dep1:after{content:'';display:inline-block;width:60px;height:22px;vertical-align:middle;background:url(../images/banner/ico_up_g.png) no-repeat center;background-size:14px 15px}
.locaWrap button:disabled{color:#888}
.locaList{display:flex;flex-wrap:wrap;margin:20px -4px 0}
.locaList li{flex-basis:50%;flex-shrink:0;padding:4px}
.locaList li a{display:block;position:relative;height:46px;line-height:46px;text-align:center;font-weight:bold}
.locaList li a:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #e1e1e1;border-radius:6px}
.locaList li a.active:before{border:2px solid #19A647}

.swiper-pagination-fraction{top:20px;right:36px;left:initial;bottom:initial;width:auto;padding:3px 10px;background-color:rgba(255,255,255,.7);border-radius:24px;font-size:12px}

/* 2022-11-01 사보현 헬스케어 */
/* 서브메인 */
.nhasset .defTit.icohtHeart{min-height:59px;padding-right:clamp(80px,8rem,120px);background:url('../images/contents/bg_tit_htHeart.png') bottom right/70px 59px no-repeat}
.nhasset .yabannerArea .yabanner.htBgTy01{padding:25px 20px;background:#6ec0ce url('../images/banner/img_ht_banner01.png')no-repeat top 55% right 20px;background-size:64px auto;color:#fff}
.nhasset .yabannerArea .yabanner.htBgTy01 .subTxt{font-size:clamp(14px,1.4rem,21px);color:#fff}
.nhasset .yabannerArea .yabanner.htBgTy02{padding:25px 20px;background:#fff url('../images/banner/img_ht_banner02.png')no-repeat center right 20px;background-size:55px auto}
.nhasset .yabannerArea .yabanner.htBgTy02 .subTxt{font-size:clamp(12px,1.2rem,18px);color:#111}
.nhasset .yabannerArea .yabanner.htBgTy02 .subTit{margin-top:8px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .yabannerArea .yabanner.htBgTy03{padding:25px 20px;background:#deedff url('../images/banner/img_ht_banner03.png')no-repeat top 60% right 20px;background-size:60px auto}
.nhasset .yabannerArea .yabanner.htBgTy03 .hashTxt{font-size:clamp(12px,1.2rem,18px);color:#577fe0}
.nhasset .yabannerArea .yabanner.htBgTy03 .subTit{margin-top:5px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .yabannerArea .yabanner.htBgTy04{padding:0}
.nhasset .yabannerArea .yabanner.htBgTy04 .txtBox{padding:25px 20px;background:#f8f6da url('../images/banner/img_ht_banner04.png')no-repeat center right 20px;background-size:75px auto}
.nhasset .yabannerArea .yabanner.htBgTy04 .hashTxt{font-size:clamp(12px,1.2rem,18px);color:#577fe0}
.nhasset .yabannerArea .yabanner.htBgTy04 .subTit{margin-top:5px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .yabannerArea .yabanner.htBgTy04 .lawNumBox{padding:10px 20px;border-radius:0 0 10px 10px;background-color:#f3f1d6;color:#888;font-size:clamp(11px,1.1rem,16.5px);font-weight:normal}
.nhasset .yabannerArea .yabanner.htBgTy05{padding:105px 20px 25px 20px;background:#f8f8f8 url('../images/banner/img_ht_banner05.png')no-repeat top 25px center;background-size:95px auto;text-align:center}
.nhasset .yabannerArea .yabanner.htBgTy05 .subTxt{font-size:clamp(14px,1.4rem,21px)}

.nhasset .yabannerArea .yabanner.htBgTy06{padding:0}
.nhasset .yabannerArea .yabanner.htBgTy06 .txtBox{padding:25px 20px;background:#fdf4eb url('../images/banner_bg14.png') no-repeat center right 20px;background-size:77px auto}
/* [수정 260119] [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 13번 로고 수정 */
/* .nhasset .yabannerArea .yabanner.htBgTy06 .txtBox:before{content:'NH농협생명';display:block;width:80px;height:10px;background:url('../images/logo_nhfire.png') 0 0 /auto 100% no-repeat;font-size:0;color:transparent} */
.nhasset .yabannerArea .yabanner.htBgTy06 .img {display:block; height:10px;}
/* // [수정 260119] [MD2601_005] NH스마트뱅킹 마이데이터 앱접근성 대응 13번 로고 수정 */
.nhasset .yabannerArea .yabanner.htBgTy06 .hashTxt{font-size:clamp(12px,1.2rem,18px);color:#577fe0}
.nhasset .yabannerArea .yabanner.htBgTy06 .subTit{margin-top:5px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .yabannerArea .yabanner.htBgTy06 .lawNumBox{padding:10px 20px;border-radius:0 0 10px 10px;background-color:#f8efe6;color:#888;font-size:clamp(11px,1.1rem,16.5px);font-weight:normal}
.nhasset .yabannerArea .yabanner.htBgTy07{padding:0}
.nhasset .yabannerArea .yabanner.htBgTy07 .txtBox{padding:25px 20px;background:#d8e7ff url('../images/banner/img_subcom01.png') center right 20px /73px auto no-repeat}
.nhasset .yabannerArea .yabanner.htBgTy07 .hashTxt{font-size:clamp(12px,1.2rem,18px);color:#577fe0}
.nhasset .yabannerArea .yabanner.htBgTy07 .subTit{margin-top:5px;font-size:clamp(16px,1.6rem,24px)}
.nhasset .yabannerArea .yabanner.htBgTy07 .lawNumBox{padding:10px 20px;border-radius:0 0 10px 10px;background-color:#d4e2fa;color:#888;font-size:clamp(11px,1.1rem,16.5px);font-weight:normal}
/* [MD2509_102] 실손24 연계 배너 제작 */
.nhasset .yabannerArea .yabanner.htBgTy08{padding:25px 20px;background:#fff url('../images/banner/img_ht_banner08.png')no-repeat center right 25px;background-size:65px auto}
.nhasset .yabannerArea .yabanner.htBgTy08 .subTxt{font-size:clamp(12px,1.2rem,18px);color:#111}
.nhasset .yabannerArea .yabanner.htBgTy08 .subTit{margin-top:8px;font-size:clamp(16px,1.6rem,24px)}

.nhasset .subMainFootBannerWrap > li > a.tyWhite01{background:#fff url('../images/banner/img_ht_tyWhite01.png')no-repeat bottom 20px right 20px;background-size:50px auto}
.nhasset .subMainFootBannerWrap > li > a.tyWhite02{background:#fff url('../images/banner/img_ht_tyWhite02.png')no-repeat bottom 20px right 20px;background-size:50px auto}
.nhasset .htSubMainBanner{position:relative}
.nhasset .htSubMainBanner .swiper-container{margin:0 -16px;padding:0 16px}
.nhasset .htSubMainBanner .yabannerArea{margin-top:20px} /* 건강카드뉴스 */
.nhasset .htSubMainBanner .yabannerArea a{display:block}
.nhasset .htSubMainBanner .swiper-container .yabannerArea{margin-top:0}
.nhasset .htSubMainBanner .yabanner{overflow:hidden;margin-top:10px;padding:25px 20px;height:clamp(155px, 15.5rem, 230px);background-size:cover;background-repeat:no-repeat;background-position:right 0 center}
.nhasset .htSubMainBanner .yabanner .subTxt{font-size:clamp(12px,1.2rem,18px);color:#277ceb}
.nhasset .htSubMainBanner .yabanner .subTit{margin-top:6px;padding-right:clamp(100px,10rem,150px);font-size:clamp(14px,1.4rem,21px)}
.nhasset .htSubMainBanner .yabanner .subTit strong{display:inline-block;word-break:keep-all}
.nhasset .htSubMainBanner .yabanner .tagWrap{margin-top:13px}
.nhasset .htSubMainBanner .yabanner .tag{margin:0 12px 0 0;font-size:clamp(12px,1.2rem,18px)}
.nhasset .swiper-control{display:flex;align-items:center;justify-content:center;margin-top:12px}
.nhasset .swiper-pagination{position:inherit;margin-top:0px;line-height:0}
.nhasset .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;background-color:#888;opacity:1}
.nhasset .swiper-pagination .swiper-pagination-bullet-active{width:19px;border-radius:3px;background-color:#19a647}
.nhasset .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}
.nhasset .swiper-autoBtn{display:inline-block;width:20px;height:20px;line-height:0}
.nhasset .swiper-autoBtn .playBtn,
.nhasset .swiper-autoBtn .stopBtn{display:inline-block;width:100%;height:100%;background:url('../images/swiper_play_gray.png') 0 0 /40px 20px no-repeat}
.nhasset .swiper-autoBtn .stopBtn{background-position-x:-20px}
.nhasset .swiper-autoBtn.playing .playBtn,
.nhasset .swiper-autoBtn .stopBtn{display:none}
.nhasset .swiper-autoBtn .playBtn,
.nhasset .swiper-autoBtn.playing .stopBtn{display:inline-block}
.nhasset .htEmptyIco01{display:block;margin:30px 0 0;text-align:center}
.nhasset .htEmptyIco01 img{width:328px}
/* 건강검진결과 */
.nhasset .defTit.icoChart{padding-right:clamp(80px,8rem,120px);background:url('../images/contents/bg_tit_chart01.png') center right/80px 60px no-repeat}
.nhasset .detailList .value dl{margin-top:15px}
.nhasset .detailList .value dl:first-child{margin-top:0}
.nhasset .detailList .value dl .txtb3{margin-top:2px}
/* 병원방문내역 */
.nhasset .historyWrap .hisList > li{width:100%;padding:28px 0 25px;border-top:1px solid #ebebeb}
.nhasset .historyWrap .hisList > li:first-child{border-top:0}
.nhasset .historyWrap .titCont{display:flex;justify-content:space-between;font-weight:bold} 
.nhasset .historyWrap .titCont .store{padding-right:10px;width:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold}
.nhasset .historyWrap .titCont .amount{flex-shrink:0;font-size:clamp(14px, 1.4rem, 21px);font-weight:900}
.nhasset .historyWrap .tag + .titCont{margin-top:15px}
.nhasset .historyWrap .dateWrap{font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .emptyMain{padding:25px 0;text-align:center;font-size:clamp(14px, 1.4rem, 21px);color:#666}
.nhasset .emptyMain .defTit{margin-top:0}
.nhasset .emptyMain .subLink{margin-top:20px;text-align:center}
.nhasset .emptyMain .imgBg01{padding:130px 0 30px;text-align:center;margin-top:25px;background:url('../images/contents/bg_hospital_empty01.png')no-repeat center top;background-size:234px auto}
.nhasset .emptyMain .imgBg02{padding:130px 0 0;text-align:center;margin-top:25px;background:url('../images/contents/bg_hospital_empty02.png')no-repeat center top;background-size:234px auto}
/* 실손보험청구 */
.nhasset .htImgBg01{padding:110px 0 0;text-align:center;margin-top:25px;background:url('../images/contents/bg_hospital_claim01.png') no-repeat center top;background-size:288px auto}
.nhasset .claimList{margin-top:20px}
.nhasset .claimList > li{margin-top:12px;position:relative}
.nhasset .claimList > li:first-child{margin-top:0}
.nhasset .claimList > li a{display:block;padding:18px 20px 18px 62px;border-radius:6px;font-size:clamp(14px, 1.4rem, 21px);font-weight:bold;background-color:#f2f8ff}
.nhasset .claimList > li a:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:6px;height:10px;background:url(../images/arr_next.png) no-repeat;background-size:6px auto}
.nhasset .claimList > li:before{content:'';position:absolute;top:50%;left:20px;transform:translateY(-50%);width:32px;height:32px}
.nhasset .claimList > li:nth-child(1):before{background:url('../images/contents/ico_claim01.png') no-repeat;background-size:32px auto}
.nhasset .claimList > li:nth-child(2):before{background:url('../images/contents/ico_claim02.png') no-repeat;background-size:32px auto}
.nhasset .claimList > li:nth-child(3):before{background:url('../images/contents/ico_claim03.png') no-repeat;background-size:32px auto}
.nhasset .claimList.bgGreen > li a{background-color:#f0fbf7}
.nhasset .claimList.bgGreen > li:nth-child(1):before{background:url('../images/contents/ico_claim11.png') no-repeat;background-size:32px auto}
.nhasset .claimList.bgGreen > li:nth-child(2):before{background:url('../images/contents/ico_claim12.png') no-repeat;background-size:32px auto}
/* 자랑하러가기 */
.nhasset .shareListBanner{position:relative;margin-top:20px}
.nhasset .shareListBanner .swiper-container{margin:0 -16px;padding:0 16px}
.nhasset .shareListBanner .shareBgWrap img{width:100%;height:100%;object-fit:cover}
.nhasset .shareListBanner .swiper-slide{border-radius:10px}
.nhasset .shareListBanner .swiper-control{display:flex;align-items:center;justify-content:center;margin-top:15px}
.nhasset .shareListBanner .swiper-pagination{position:inherit;margin-top:0px;line-height:0}
.nhasset .shareListBanner .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;background-color:#d0d0d0;opacity:1}
.nhasset .shareListBanner .swiper-pagination .swiper-pagination-bullet-active{width:19px;border-radius:3px;background-color:#19a647}
.nhasset .shareListBanner .characterWrap{position:absolute;top:33%;left:50%;width:33%;transform:translateX(-50%)}
.nhasset .shareListBanner .characterWrap img{width:100%;height:100%}
.nhasset .shareListBanner .txtWrap{position:absolute;width:100%;left:50%;bottom:8%;transform:translateX(-50%);text-align:center;color:#fff}
.nhasset .shareListBanner .txtWrap .bigTxt{font-size:clamp(20px,2rem,30px);font-weight:900}
.nhasset .shareListBanner .date{position:absolute;top:13px;right:20px;font-weight:bold;font-size:clamp(12px, 1.2rem, 18px);color:#fff}
.nhasset .shareIcoWrap{overflow:hidden;margin-top:60px;margin-bottom:10px;text-align:center}
.nhasset .shareIcoWrap ul{display:flex;justify-content:center;align-items:center}
.nhasset .shareIcoWrap ul li{width:40px;height:40px;margin:0 6px}
.nhasset .shareIcoWrap ul li a{display:block;height:40px}
.nhasset .shareIcoWrap ul li span{color:transparent;display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto}
.nhasset .shareIcoWrap ul li.event-kakao span, span.event-kakao:before{content:'';background-image:url('../images/ico_ht_kakao.png')}
.nhasset .shareIcoWrap ul li.event-sms span, span.event-sms:before{content:'';background-image:url('../images/ico_ht_sms.png')}
.nhasset .shareIcoWrap ul li.event-save span, span.event-save:before{content:'';background-image:url('../images/ico_ht_save.png')}
.nhasset .shareIcoWrap ul li.event-insta span, span.event-insta:before{content:'';background-image:url('../images/ico_ht_insta.png')}
.nhasset .shareIcoWrap ul li.event-facebook span, span.event-facebook:before{content:'';background-image:url('../images/ico_ht_facebook.png')}
.nhasset .shareIcoWrap ul li.event-link span, span.event-link:before{content:'';background-image:url('../images/ico_link.png')}
.nhasset .shareIcoWrap .txtb1{margin-top:25px}
/* 건강카드뉴스 */
.nhasset .defTit.icoHtNews{padding-right:clamp(100px,10rem,150px);background:url('../images/contents/bg_tit_htNews.png') center right/93px auto no-repeat}
.nhasset .goTopBtn.gray{bottom:110px;right:12px;width:52px;height:52px;background:url(../images/btn_top_gray.png) no-repeat;background-size:cover}
.nhasset .cateSubList.chkType{margin:10px -16px 0}
.nhasset .cateSubList.chkType .roundChkWrap{padding-bottom:0}
.nhasset .cateSubList.chkType .roundChkWrap li{margin-bottom:0}
.nhasset .cateSubList.chkType .roundChkWrap li:last-child{margin-right:0}
.nhasset .cateSubList.chkType:before, .nhasset .cateSubList.chkType:after{content:none}
.nhasset .cateSubList.chkType .roundChk input[type="checkbox"] + label{padding:2px 15px;background-color:#fff}
.nhasset .cateSubList.chkType .roundChk input[type="checkbox"] + label:after{border:1px solid #ebebeb;color:#888}
.nhasset .cateSubList.chkType .roundChk input[type="checkbox"]:checked + label{background-color:#19a647}
.nhasset .cateSubList.chkType .roundChk input[type="checkbox"]:checked + label:after{border:1px solid #19a647}
.nhasset .htNewsBanner{position:relative;margin-top:20px;border-radius:2px}
.nhasset .htNewsBanner .swiper-container{margin:0 -10px -10px;padding:0 10px 10px}
.nhasset .htNewsBanner .swiper-pagination-fraction{background-color:rgba(102,102,102,.6);color:#fff}
.nhasset .htNewsBanner .swiper-pagination{position:absolute;line-height:inherit}
.nhasset .htNewsBanner .cardBgWrap{line-height:0;box-shadow:0px 2px 5px 0px rgb(60 78 110 / 16%)}
.nhasset .htNewsBanner .cardBgWrap img{width:100%;height:100%;object-fit:cover;box-shadow:0px 2px 5px 0px rgb(460 78 110 / 16%)}
.nhasset .htNewsBanner .cardBgWrap .subTxt{font-size:clamp(14px,1.4rem,21px);color:#277ceb}
.nhasset .htNewsBanner .cardBgWrap .subTit{display:block;margin-top:20px;font-size:clamp(20px,2rem,30px);font-weight:900}
/* 주말약국찾기,요양병원찾기 서브메인 */
.nhasset .titTogWrap{display:block;text-align:right;margin-top:25px}
.nhasset .titTogWrap .togTit{line-height:19px;vertical-align:middle;font-size:clamp(12px, 1.2rem, 18px);color:#888}
.nhasset .titTogWrap .tgBtnType2.small{vertical-align:middle}
.nhasset .mapWrap{position:relative;height:100%;margin-top:20px}
.nhasset .mapWrap .mapInfoTxt{margin-top:10px;text-align:right;font-size:clamp(12px,1.2rem,18px);color:#999}
.nhasset .mapWrap .adrTxt{margin-top:15px}
.nhasset .mapWrap .adrTxt dd{margin-top:3px;font-size:clamp(12px,1.2rem,18px);color:#666}
.nhasset .adrContWrap > li{margin-top:26px;padding-top:28px;border-top:1px solid #ebebeb}
.nhasset .adrContWrap > li:first-child{margin-top:10px}
.nhasset .adrContWrap .tag{margin-bottom:0}
.nhasset .adrContWrap .adrList{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.nhasset .adrContWrap .adrList .txtBox{width:75%}
.nhasset .adrContWrap .adrList .txtBox dt{font-size:clamp(14px,1.4rem,21px)}
.nhasset .adrContWrap .adrList .txtBox dd{margin-top:3px;font-size:clamp(12px,1.2rem,18px);color:#666}
.nhasset .adrContWrap .adrList .txtBox .numTxt{margin-top:8px;font-size:clamp(14px,1.4rem,21px);color:#666}
.nhasset .adrContWrap .adrList .btnBox{width:25%;text-align:right}
.nhasset .adrContWrap .contBtn01 + .contBtn01{margin-left:0}
/* 주말약국찾기,요양병원찾기 상세 */
.nhasset .openTimeCont{margin-top:20px;padding:25px 20px;background-color:#f8f8f8;border-radius:10px}
.nhasset .openTimeCont .timeList{margin-top:12px;border-top:1px solid #ebebeb}
.nhasset .openTimeCont .timeList:first-child{margin-top:0;border-top:none}
.nhasset .openTimeCont .timeList:first-child > li:first-child{padding-top:0}
.nhasset .openTimeCont .timeList > li{display:flex;justify-content:space-between;padding-top:12px;font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .adrDtBox{display:flex;justify-content:space-between;align-items:flex-start}
.nhasset .adrDtBox .btnBox{flex-shrink:0;text-align:right}
.nhasset .adrDtBox .storeTit{font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .adrDtBox .adrTxt{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .adrDtBox .numTxt{margin-top:5px;font-size:clamp(14px, 1.4rem, 21px);color:#666}

/* 유틸 */
.nhasset .titListBox .tag{margin-bottom:0;margin-top:0}
.nhasset .titListBox .formTitN{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:clamp(16px,1.6rem,24px)}
.nhasset .toggleCont .titListBox .formTitN,
.nhasset .titListBox .grayBox .formTitN{font-size:clamp(14px,1.4rem,21px)}
.nhasset .titListBox > ul > li{margin-top:25px}
.nhasset .titListBox .email{margin-top:12px}
.nhasset .titListBox .email .inputList{margin-top:0}
.nhasset .assetCancleWrap.post{background-image:url('../images/contents/img_post.png');background-size:auto 130px}
.nhasset .assetCancleWrap.dotdotdot{background-image:url('../images/contents/img_dotdotdot.png');background-size:auto 130px}
.nhasset .searchResultWrap.type02{border-top:1px solid #ebebeb}
.nhasset .boxTypeWrap.containTooltip{overflow:initial}
.nhasset .boxTypeWrap.containTooltip .formTitN{position:relative}
.nhasset .boxTypeWrap.containTooltip .formTitN .tooltipWrap .tooltipCont{left:0}

/* 인풋 주민번호 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#888}
.nhasset .formWrap .inputList.juminNum .daesh + input[type="tel"]{background-position-x:20px}
.nhasset .formWrap .inputList.juminNum .daesh + input[type="tel"]::-webkit-input-placeholder{background-position-x:2px}
.nhasset .formWrap .inputList.juminNum .daesh + input[type="tel"]:disabled{background-image:url('../images/bg_pw_holder2_dis.png')}

/* 공지사항 팝업 */
.nhasset.popWrap.slidePopConfirm .popInner .popCont.template01,
.nhasset.popWrap.slidePopConfirm .popInner .popCont.template04{position:relative;padding-bottom:62px}
.nhasset.popWrap.slidePopConfirm .popInner .popCont .notiSlideBtns{position:absolute;left:0;right:0;bottom:10px;border-top:0}
.nhasset.popWrap.slidePopConfirm .popInner .popCont .notiSlideBtns .chkbtnWrap{color:#111}
.nhasset.popWrap .notiSlideBtns .under{text-decoration:underline !important;text-underline-position:under;color:#666}
.nhasset.popBtnWrap .notiSlideBtns+a.confirmBtn{width:100%}
.nhasset .notiBox{padding:35px 20px 25px;text-align:center;font-size:clamp(16px, 1.6rem, 24px);background-color:#f3f3f3;border-radius:10px}
.nhasset .notiBox img{margin-bottom:10px;width:210px;height:auto}
.nhasset .notiSlidePop.template04 .notiBox{padding-top:10px}
.nhasset .notiSlidePop.template04 .notiBox img{margin-bottom:0;width:230px}
.nhasset .eventImg.template04{padding-bottom:200px;background:#dee5fe url(../images/notice/bg_template04_02.png) center bottom 10px / 255px auto no-repeat} 
.nhasset .eventImg.template04 .titArea .name{color:#577fe0}
.nhasset .eventImg.template04 .titArea .txt{color:#111}
.nhasset.popWrap.slidePopConfirm .popInner .popCont.hasCheck{padding-bottom:0}
.nhasset.popWrap.slidePopConfirm .popInner .popCont.hasCheck .notiSlideBtns{position:relative;bottom:0}

.nhasset .listChkAll label{font-size:clamp(14px,1.4rem,21px);width:auto}
.nhasset .listWrap .listChkAll{margin-top:14px;margin-bottom:10px;text-align:right}

/* 2022-11-11 사보현 이벤트 */
.nhasset .defTit.icoEvent01{background:url('../images/contents/bg_tit_event01.png') center right/62px 50px no-repeat}
.nhasset .defTit.icoEvent02{background:url('../images/contents/bg_tit_event02.png') center right/65px 50px no-repeat}
.nhasset .eventListWrap > li .eventSummary > a .eventImgArea img{width:100%}
.nhasset .eventListWrap > li .eventSummary > a .summary .titleArea .tag{margin:0 4px 0 0}
.nhasset .eventListWrap > li .eventSummary > a .summary .titleArea .tag + .title{margin-left:4px}
.nhasset .eventViewTitle{padding-bottom:24px;font-size:clamp(16px, 1.6rem, 24px);border-bottom:1px solid #ebebeb}
.nhasset .eventViewTitle .title{font-weight:bold}
.nhasset .eventViewTitle .date{margin-top:5px;font-size:clamp(14px, 1.4rem, 21px);color:#888}
.nhasset .eventViewTitle .tag{margin:0 4px 0 0}
.nhasset .eventImgBox{margin-top:28px}
.nhasset .eventImgBox img{width:100%;border-radius:6px}
.nhasset .grayBox .subTit{display:block;margin-bottom:10px;font-size:clamp(12px, 1.2rem, 18px)}
.nhasset .recomCont{margin-top:20px;padding:20px 18px;background-color:#f8f8f8;border-radius:6px}
.nhasset .recomCont > div{display:flex;justify-content:space-between;align-items:center}
.nhasset .recomCont .resultTit{font-weight:bold}
.nhasset .recomCont .resultVal{font-weight:900}
.nhasset .recomCont .subBox{margin-top:20px;padding-top:20px;border-top:1px solid #ebebeb}
.nhasset .recomCont .subBox .resultTit{font-size:clamp(13px, 1.3rem, 19.5px);color:#666}
.nhasset .quizImg + .quizTitCont{margin-top:20px}
.nhasset .quizTitCont{display:flex;justify-content:flex-start;font-size:clamp(16px, 1.6rem, 24px)}
.nhasset .quizTitCont .qsNum{flex-shrink:0;margin-right:8px;font-weight:900}
.nhasset .quizAnsList{margin-top:25px}
.nhasset .quizAnsList > li{margin-top:20px;padding-top:20px;border-top:1px solid #ebebeb}
.nhasset .quizAnsList > li:first-child{padding-top:0;border-top:none}
.nhasset .surveyTitBox{margin-top:24px;text-align:center;font-size:clamp(12px, 1.2rem, 18px);line-height:1.583}
.nhasset .surveyTitBox .highTit{margin-top:5px}
.nhasset .surveyTitBox .highTit strong{background:linear-gradient(to top, #dff2e5 25%, transparent 40%);font-size:clamp(20px, 2rem, 30px);font-weight:900}
.nhasset .surveyTitBox .gryTxt{margin-top:15px}
.nhasset .surveyTitBox .boxTxt{margin-top:10px;font-size:clamp(13px, 1.3rem, 19.5px);color:#333}
.nhasset .surveyIco01{margin-top:25px}
.nhasset .surveyIco01:before{content:'';display:block;width:100%;height:108px;background:url('../images/contents/bg_tit_survey01.png') center/auto 100% no-repeat}
.nhasset .formWrap textarea{width:calc(100% - 6px);margin:3px;height:100px;min-height:80px;padding:15px 18px;border:1px solid #ebebeb;border-radius:6px;font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .formWrap textarea:focus{outline:none; box-shadow:0 0 1pt 1.5pt #19a647}
.nhasset .formWrap textarea::placeholder{color:#999}
.nhasset .formWrap textarea:disabled{background-color:#f3f3f3;border-color:#f3f3f3}
.nhasset .formWrap .txtCount{margin-top:5px;text-align:right;font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .selectValue.placeholder{color:inherit} /* 공통제거 */
.nhasset .disTxtBox{margin-top:12px;padding:10px 20px;background-color:#f3f3f3;border-radius:5px;color:#999}
.nhasset .termBox > ul > li{margin-top:20px}
.nhasset .termBox .formWrap.selectAll{margin-top:10px;padding:0}
.nhasset .termBox .frameBox{padding:0 20px;border-radius:8px;margin:0;line-height:0;background-color:#f8f8f8}

/* 약관 IOS 스크롤 해결 */
.nhasset .termLayout{height:100%}
.nhasset .term_box_wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch}
.nhasset .term_cont.mt20{margin-top:0 !important;padding-top:20px}
.nhasset .selectDivisionFlex+.termsWrap{height:calc(100% - 48px)}
  
/* 이벤트 룰렛 */
.nhasset .eventCont{margin-top:28px}
.nhasset .roulInfoBox{display:block;padding-left:45px;background:url('../images/contents/bg_tit_roulInfo.png') center left/32px 41px no-repeat}
.nhasset .roulInfoBox .mainTit{display:block;background:url('../images/arr_GradeR_2.png') right center /8px auto no-repeat;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .roulInfoBox .subTxt{margin-top:5px}
.nhasset .roulPosList > li{display:flex;justify-content:space-between;margin-top:23px;padding-top:23px;border-top:1px solid #ebebeb}
.nhasset .roulPosList > li:first-child{margin-top:0;border:none}
.nhasset .roulPosList .comTxt{font-size:clamp(12px, 1.2rem, 18px);color:#666}
.nhasset .defTit.icoEventRoul{margin-top:0;background:url('../images/contents/bg_tit_roul01.png') center right/65px 50px no-repeat}
.nhasset .defTit.icoEventRoul .subTxt{margin-top:5px;font-weight:normal}
.nhasset .roulette{position:relative;width:100%;height:434px;background-size:auto 434px;background-position:center;background-repeat:no-repeat;border-radius:6px}
.nhasset .eventTit{position:relative;display:flex;align-items:center;justify-content:center;height:80px;vertical-align:middle;text-align:center;line-height:1.5;font-size:16px;font-weight:900}
.nhasset .eventTit .bigTit01{width:80%;color:#fff}
.nhasset .eventTit .bigTit02{width:80%;color:#111}
.nhasset .rrWrap{position:absolute;top:105px;left:50%;margin-left:-124px;width:248px;height:248px;background:url('../images/notice/img_event_rrbg_pan.png') center /cover no-repeat;border-radius:50%;box-shadow:0 6px 10px 0 rgba(41, 58, 88, 0.24)}
.nhasset .rrWrap:after{content:'';position:absolute;top:-12px;left:50%;margin-left:-16px;width:32px;height:41px;background:url('../images/notice/img_event_rrbg_dot.png') center /cover no-repeat}
.nhasset .rrWrap ul{position:absolute;top:50%;left:50%;margin-top:-108px;margin-left:-108px;width:216px;height:216px;border-radius:50%;background-size:cover}
.nhasset .rrWrap .s4{background-image:url('../images/notice/img_event_rrbg4.png')}
.nhasset .rrWrap .s6{background-image:url('../images/notice/img_event_rrbg6.png')}
.nhasset .rrWrap .s8{background-image:url('../images/notice/img_event_rrbg8.png')}
.nhasset .rrWrap li{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;bottom:50%;padding-bottom:35px;width:154px;height:108px;transform-origin:center bottom;text-align:center;font-size:12px;color:#333;font-weight:bold;line-height:1.3}
.nhasset .rrWrap .s8 .tit{font-size:10px}
.nhasset .rrWrap .s8 .con{font-size:12px}
.nhasset .rrWrap .s6 li{width:102px;padding-bottom:36px}
.nhasset .rrWrap .s8 li{width:70px;padding-bottom:40px}
.nhasset .startBtn{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;width:80px;height:80px;background-color:rgba(122,74,210,0.2);border-radius:50%;text-align:center;font-size:14px;font-weight:900;color:#fff}
.nhasset .startBtn span{content:'';position:absolute;top:5px;left:5px;width:70px;height:70px;background-color:#7c50ce;border-radius:50%;line-height:70px}
.nhasset .rrNum{display:block;position:absolute;bottom:28px;width:100%;text-align:center;color:#fff}
.nhasset .rrNumTit{margin-right:5px;font-size:14px;font-weight:bold}
.nhasset .rrNumBox{display:inline-block;width:32px;height:32px;background-color:#4d2a8c;font-weight:900;line-height:32px;text-align:center;border-radius:6px}

/* 주소 공통 추가 */
.nhasset .addWrap{display:flex}
.nhasset .addWrap .inputB01{flex:auto;width:100%}
.nhasset .areaInpBtn{flex-shrink:0;vertical-align:middle}
.nhasset .areaInpBtn .btnInpLine{margin-left:8px;padding:0 18px;height:48px;line-height:46px;font-size:clamp(14px,1.4rem,21px);border-radius:5px;border:1px solid #999999}
.nhasset .titListBox .areaInpBtn .btnInpLine{margin-top:12px}

/* 유틸 */
.nhasset .succeWrap{text-align:center;margin-top:60px;padding-top:164px;background:url('../images/img_succe01.png') center top /auto 129px no-repeat}
.nhasset .succeWrap .title{font-size:clamp(20px,2rem, 30px);color:#111;font-weight:900}
.nhasset .succeWrap.type01{background:url('../images/img_succe01.png')}

/******* MY피드 *******/
.nhasset .menuRadio{display:flex;flex-wrap:wrap;margin-top:13px}
.nhasset .menuRadio .menuRadioInn{margin:12px 9px 0 0}
.nhasset .menuRadio .menuRadioInn span{position:relative;display:block;width:100%}
.nhasset .menuRadio .menuRadioInn input[type='radio']{position:absolute;top:0;clip:rect(0,0,0,0);width:100%;height:100%}
.nhasset .menuRadio .menuRadioInn input[type='radio'] + label{display:flex;align-items:center;width:100%;max-width:100%;margin-left:0;padding:5px 15px 5px 5px;font-size:clamp(12px, 1.2rem, 18px);text-align:center;border-radius:24px;background-color:#fff;color:#666}
.nhasset .menuRadio .menuRadioInn input[type='radio'] + label:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';border:1px solid #fff;border-radius:24px}
.nhasset .menuRadio .menuRadioInn input[type='radio']:checked + label{color:#19a647}
.nhasset .menuRadio .menuRadioInn input[type='radio']:checked + label:after{border:2px solid #19a647}
.nhasset .menuRadio .menuRadioInn input[type='radio'] + label:before{display:inline-block;margin-right:8px;content:'';display:inline-block;width:32px;height:32px;background:url('../images/ico_menu_radio.png') 0 0 /224px 32px no-repeat}
.nhasset .menuRadio .menuRadioInn input[type='radio'].rdoAll + label:before{background-position-x:-32px}
.nhasset .menuRadio .menuRadioInn input[type='radio'].rdoAsset + label:before{background-position-x:-64px}
.nhasset .menuRadio .menuRadioInn input[type='radio'].rdoSpend + label:before{background-position-x:-96px}
.nhasset .menuRadio .menuRadioInn input[type='radio'].rdoCons + label:before{background-position-x:-128px}
.nhasset .menuRadio .menuRadioInn input[type='radio'].rdoGoal + label:before{background-position-x:-160px}
.nhasset .menuRadio .menuRadioInn input[type='radio'].rdoEvent + label:before{background-position-x:-192px}
.nhasset .menuRadio .menuRadioInn input[type='radio']:checked + label:before{background-position-x:0}
.nhasset .mybannerArea{position:relative;margin-top:20px}
.nhasset .mybannerArea .mybanner{overflow:hidden;display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:20px;box-shadow:0 2px 9px 0 rgb(60 78 110 / 12%);border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center}
.nhasset .mybannerArea .mybanner.tyBanner{height:clamp(119px, 11.9rem, 178.5px)}
.nhasset .mybannerArea .mybanner.tyCard{height:clamp(166px, 16.6rem, 249px)}
.nhasset .mybannerArea .mybanner.tyCard02{display:flex;flex-direction:column;justify-content:center;align-items:inherit;height:clamp(204px, 20.4rem, 306px)}
.nhasset .mybannerArea .mybanner.tyCard02 .csSubsellWrap{margin:15px -10px 0;text-align:center}
.nhasset .mybannerArea .mybanner.tyCard02 .csSubsellWrap .icoCate{display:block}
.nhasset .mybannerArea .mybanner.tyCard02 .cardTxt{padding-top:3px}
.nhasset .mybannerArea .mybanner.tyCard02 .tag{margin:0 0 8px 0;background-color:#fff;font-size:12px}
.nhasset .mybannerArea .mybanner .mainTit{display:block;font-size:clamp(16px, 1.6rem, 24px);font-weight:900}
.nhasset .mybannerArea .mybanner .subTxt{padding-top:8px;line-height:1.5;font-size:clamp(14px,1.4rem,21px);color:#111}
.nhasset .mybannerArea .mybanner .highTit{display:inline-block;position:relative;margin-top:5px;padding:0 4px;font-size:clamp(20px, 2rem, 30px);font-weight:900;z-index:1}
.nhasset .mybannerArea .mybanner .highTit:after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:9px;border-radius:4px;z-index:-1;background-color:#d6f1ea}
.nhasset .mybannerArea .mybanner .highTit span{font-size:clamp(14px, 1.4rem, 21px)}
.nhasset .mybannerArea .mybanner .cardTxt{padding-top:15px;font-size:clamp(12px, 1.2rem, 18px);color:#111}
.nhasset .myImgWrap{flex-shrink:0;line-height:0}
.nhasset .myImgWrap img{width:75px;height:auto}
.nhasset .listNone.feed{margin:30px 0;padding-top:80px;background:url('../images/contents/ico_listnone_feed.png') top center/98px 52px no-repeat}
.nhasset .yabanner.mission{background:#f9ffec url('../images/contents/ico_ht_point02.png') no-repeat center right;background-size:100px auto}

/* 로고 이미지로 변경 */
.nhasset .imgWrap{flex-shrink:0;display:inline-block;margin:auto 0}
.nhasset .imgLogo{display:inline-block;width:32px;height:32px;margin-right:8px;vertical-align:middle}
.nhasset .accTopInfo .accName .imgLogo{position:absolute;top:5px;right:0;margin-right:0;border-radius:50%;background-size:32px 32px}
.nhasset .assetBookMarkWrap .imgWrap{display:flex;align-items:center;margin-right:0}
.nhasset .assetBookMarkWrap .imgWrap .imgLogo{margin-right:8px}
.nhasset .assetBookMarkWrap .imgWrap span{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.nhasset .outgoingsSubject .logoArea .imgWrap .imgLogo{width:55px;height:55px;margin-right:0}

.nhasset .popTemrsBigTit.hasQR{padding-right:70px}

.nhasset .boxRadio.wrapType{margin:0 -4px}


.nhasset .mainBalance .dataValue{font-family:'NotoNum','NotoKR';font-weight:bold}
.nhasset .textEtc{margin-top:10px;font-size:12px;color:#666;text-align:center}
.nhasset .norImgWrap{text-align:center}
.nhasset .visualImgWrap .textBox{margin:0}

.nhasset .circleLink{position:absolute;right:0;top:0;width:30px;height:30px;background:url('../images/arr_GradeR_2.png') right center /8px auto no-repeat}


/* 가입전 */
.nhasset .lookSwiper{margin:0 -16px}
.nhasset .lookSwiper .swiper-container{}
.nhasset .lookSwiper .swiper-slide{width:90%;width:calc(100% - 44px);height:502px;margin-top:20px;box-shadow:0 2px 5px 0 rgba(41, 58, 88, 0.16);background-color:#fff;border-radius:10px}
.nhasset .lookTit{margin-top:30px;font-weight:900;font-size:16px;text-align:center}
.nhasset .lookTxt{margin-top:5px;color:#666;font-size:clamp(12px,1.2rem,18px);text-align:center}
.nhasset .btnFirst{position:absolute;color:#888;font-size:clamp(14px,1.4rem,21px)}
.nhasset .btnFirst.aL:before{content:'';display:inline-block;margin-right:4px;width:6px;height:10px;background:url('../images/arr_right01.png') 0 0 /cover;transform:rotate(-180deg)}
.nhasset .btnFirst.aR:after{content:'';display:inline-block;margin-left:4px;width:6px;height:10px;background:url('../images/arr_right01.png') 0 0 /cover}
.nhasset .btnFirst.aR{right:20px}
.nhasset .btnFirst.aL{left:20px}
.nhasset .infoImgWrap:after{content:'';display:block;position:absolute;bottom:40px;left:50%;margin-left:-119px;width:256px;height:145px;background:url('../images/look/look_mydata.png') center bottom /cover no-repeat}
.nhasset .infoIcoWrap{display:flex;justify-content:space-between;margin-top:25px;padding:0 10px;font-weight:bold;color:#666;text-align:center}
.nhasset .infoIcoWrap .infoIco{flex:1;position:relative;font-size:14px}
.nhasset .infoIcoWrap .infoIco:before{content:'';display:block;margin:0 auto 16px;width:84px;height:84px;border-radius:50%}
.nhasset .infoIcoWrap .money:before{background-color:#d1f1e9;border-radius:50%}
.nhasset .infoIcoWrap .life:before{width:84px;height:84px;background-color:#d9e7ff}
.nhasset .infoIcoWrap .infoIco:after{content:'';position:absolute}
.nhasset .infoIcoWrap .life:after{top:10px;left:calc(50% - 20px);width:83px;height:68px;background:url('../images/look/look_life.png') center /cover no-repeat}
.nhasset .infoIcoWrap .money:after{top:10px;left:calc(50% - 15px);width:83px;height:68px;background:url('../images/look/look_money.png') center /cover no-repeat}
.nhasset .lookSwiper .slidec{padding-bottom:60px}
.nhasset .junbub{position:absolute;bottom:5px;width:100%;font-size:14px;letter-spacing:-0.08em;text-align:center;color:#888}
.nhasset .lookSwiper .swiper-button-next, .lookSwiper .swiper-button-prev{top:240px;margin-top:0}
.nhasset .lookSwiper .swiper-button-prev{background:url('../images/look/look_arrl.png') center left 10px /13px 21px no-repeat}
.nhasset .lookSwiper .swiper-button-next{background:url('../images/look/look_arrr.png') center right 10px /13px 21px no-repeat}
.nhasset .lookSwiper .swiper-control{height:20px}
.nhasset .lookSwiper .swiper-autoBtn{display:inline-block;width:20px;height:20px}
.nhasset .lookImgWrap{position:relative;margin:10px auto 0;width:208px;height:386px;padding:11px 14px 15px}
.nhasset .lookImgWrap:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/look/look_mockup.png') center /cover no-repeat}
.nhasset .lookSwiper .overlook{position:relative;border-radius:20px;overflow:hidden}
.nhasset .lookSwiper .slideL1 .overlook{width:100%;min-height:100%;background:url('../images/look/look_l1_bg1.png') 0 0 /100% auto no-repeat}
.nhasset .lookSwiper .slideL1 .overlook.active{background-position-y:bottom;transition-duration:1s}
.nhasset .lookSwiper .slideL1 [class*='lookZoomImg']{position:absolute;top:147px;left:50%;width:164px;height:70px;background:url('../images/look/look_l1_zoomimg1.png') center /cover no-repeat;transition-duration:.5s;transform:translate(-50%, -50%);opacity:0;z-index:2}
.nhasset .lookSwiper .slideL1 .lookZoomImg2{top:244px;height:105px;background-image:url('../images/look/look_l1_zoomimg2.png')}
.nhasset .lookSwiper .slideL1 .lookZoomImg3{top:205px;height:64px;background-image:url('../images/look/look_l1_zoomimg3.png')}
.nhasset .lookSwiper .slideL1 .lookZoomImg4{top:287px;height:80px;background-image:url('../images/look/look_l1_zoomimg4.png')}
.nhasset .lookSwiper .slideL1 [class*='lookZoomImg']:after{content:'';position:absolute;top:-35px;width:164px;height:30px;border-radius:5px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.4);background:url('../images/look/look_l1_zoomtxt1.png') center /cover no-repeat;transition:.5s .5s;opacity:0}
.nhasset .lookSwiper .slideL1 .lookZoomImg2:after{background-image:url('../images/look/look_l1_zoomtxt2.png')}
.nhasset .lookSwiper .slideL1 .lookZoomImg3:after{background-image:url('../images/look/look_l1_zoomtxt3.png')}
.nhasset .lookSwiper .slideL1 .lookZoomImg4:after{background-image:url('../images/look/look_l1_zoomtxt4.png')}
.nhasset .lookSwiper .slideL1 .lookZoomImg.active,
.nhasset .lookSwiper .slideL1 .lookZoomImg2.active,
.nhasset .lookSwiper .slideL1 .lookZoomImg3.active,
.nhasset .lookSwiper .slideL1 .lookZoomImg4.active{transform:translate(-50%, -50%) scale(1.5);border-radius:5px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.4);opacity:1}
.nhasset .lookSwiper .slideL1 .lookZoomImg.active:after,
.nhasset .lookSwiper .slideL1 .lookZoomImg2.active:after,
.nhasset .lookSwiper .slideL1 .lookZoomImg3.active:after,
.nhasset .lookSwiper .slideL1 .lookZoomImg4.active:after{opacity:1}
.nhasset .lookSwiper .slideL1 .lookViewImg4{position:absolute;bottom:44px;left:8px;width:164px;height:80px;background:url('../images/look/look_l1_img4.png') 0 0 /cover no-repeat;opacity:0;transition-duration:.5s;z-index:1}
.nhasset .lookSwiper .slideL1 .lookViewImg4.num{opacity:1}
.nhasset .lookSwiper .slideR1 .overlook{width:100%;min-height:100%;background:url('../images/look/look_r1_bg1.png') 0 0 /100% auto no-repeat;transition:1.5s 1s}
.nhasset .lookSwiper .slideR1 .overlook.active{background-position-y:bottom;transition-duration:1s}
.nhasset .lookSwiper .slideR1 .lookSlideImg{position:relative;top:122px;width:100%;height:95px;background:url('../images/look/look_r1_img1.png') left 0 /331px 100% no-repeat;transition:background linear .5s;opacity:0}
.nhasset .lookSwiper .slideR1 .lookSlideImg.active{background-position-x:right;opacity:1}
.nhasset .lookSwiper .slideR2 .overlook{width:100%;height:100%}
.nhasset .lookSwiper .slideR2 .lookSlideImg{position:absolute;top:226px;width:100%;height:78px;background:url('../images/look/look_r2_img1.png') left 0 /325px 78px no-repeat;transition-duration:.5s}
.nhasset .lookSwiper .slideR2 .lookSlideImg.active{background-position-x:right}
.nhasset .lookSwiper .slideR2 .lookBg{position:absolute;top:0;width:100%;height:934px;background:url('../images/look/look_r2_bg1.png') 0 0 /100% auto no-repeat #f2f4f8;transition-duration:1s}
.nhasset .lookSwiper .slideR2 .lookBg.active{top:-255px}
.nhasset .lookSwiper .slideR2 .lookBg2{position:absolute;top:338px;width:100%;height:100%;background:url('../images/look/look_r2_bg2.png') 0 0 /100% auto no-repeat;transition-duration:.5s}
.nhasset .lookSwiper .slideR2 .lookBg2.active{top:539px;opacity:1}
.nhasset .lookSwiper .slideR2 .lookBg.active2{top:-576px}
.nhasset .lookSwiper .slideR2 .overlook.active2{background-position-y:bottom;transition-duration:2s}
.nhasset .lookSwiper .slideR2 .lookViewImg{position:absolute;top:217px;width:100%;height:80px;background:url('../images/look/look_r2_viewimg1.png') left 0 /cover no-repeat;transition-duration:.5s;opacity:0}
.nhasset .lookSwiper .slideR2 .lookViewImg.active{opacity:1}
.nhasset .lookSwiper .slideR3 .overlook{position:relative;width:100%;min-height:100%;height:100%;}
.nhasset .lookSwiper .slideR3 .overlook > span{position:absolute;top:0;width:100%;min-height:100%;height:100%;}
.nhasset .lookSwiper .slideR3.active .overlook > span{animation:slideR3_scroll 9.5s forwards 1;animation-delay:1.5s;}
.nhasset .lookSwiper .slideR3.end .overlook > span{position:absolute;top:-928px}
.nhasset .lookSwiper .slideR3 .lookSlideImg{position:relative;top:178px;width:100%;height:170px;background:url('../images/look/look_r3_img1.png') left 0 /340px 100% no-repeat;transition:.5s .5s}
.nhasset .lookSwiper .slideR3.active .lookSlideImg{background-position-x:right}
.nhasset .lookSwiper .slideR3 .lookZoomImg{position:absolute;top:183px;left:50%;width:164px;height:176px;background:url('../images/look/look_r3_zoomimg1.png') center /cover no-repeat #fff;transition-duration:.5s;transform:translate(-50%, -50%);z-index:2;opacity:0}
.nhasset .lookSwiper .slideR3 .lookZoomImg.active{transform:translate(-50%, -50%) scale(1.5);border-radius:5px;box-shadow:0px 2px 5px 0px rgba(41, 58, 88, 0.4);opacity:1}
.nhasset .lookSwiper .slideR3 .lookViewImg{position:absolute;top:149px;width:100%;height:74px;background:url('../images/look/look_r3_viewimg1.png') left 0 /cover no-repeat;transition-duration:.5s;opacity:0}
.nhasset .lookSwiper .slideR3 .lookViewImg.active{opacity:1}
.nhasset .lookLink{margin-top:13px;text-align:center}
@keyframes slideR3_scroll{
	0%{top:0}
	22%{top:-620px}
	50%{top:-620px}
	70%{top:-928px}
	100%{top:-928px}
}

/* 둘러보기 */
.nhasset .lookAroundWrap{margin:0 -16px}
.nhasset .lookAroundWrap .section{overflow:hidden;position:relative;height:500px;padding-top:45px}
.nhasset .lookAroundWrap .subject{text-align:center;font-size:20px;font-weight:900;color:#111}
.nhasset .lookAroundWrap .subject strong{display:block;margin:15px 0 21px;color:#19a647}
.nhasset .lookAroundWrap .lookVisualWrap{position:relative;overflow:hidden;width:257px;height:386px;margin:0 auto}
.nhasset .lookAroundWrap .lookAni_focus{position:absolute;width:30px;height:30px;z-index:20}
.nhasset .lookAroundWrap .sec01 .innerWrap{position:relative;left:0}
.nhasset .lookAroundWrap .sec01 .innerWrap > div{position:relative;width:257px;padding:10px 36px 0 42px}
.nhasset .lookAroundWrap .sec01 .innerWrap > div:after{position:absolute;top:0;left:0;content:'';width:257px;height:386px;background:url(../images/look/img_around_mockup_w.png) no-repeat;background-size:cover;z-index:1;overflow:hidden}
.nhasset .lookAroundWrap .sec01 .innerWrap > .inner > div{position:relative;display:flex;height:386px;left:-180px}
.nhasset .lookAroundWrap .sec01 .innerWrap > .inner > div > *{flex:0 0 180px}
.nhasset .lookAroundWrap .sec01 .lookAni1_1_1{position:absolute;top:0;left:180px;width:100%}
.nhasset .lookAroundWrap .sec01 .lookAni1_1_2{position:absolute;bottom:90px;left:180px;width:100%;z-index:10;opacity:0}
.nhasset .lookAroundWrap .sec01 .lookAni_focus{bottom:144px;left:233px;opacity:0;animation-fill-mode:forwards}
.nhasset .lookAroundWrap .sec01.active .innerWrap > .inner > div{left:-180px;animation:lookAni_1_swipe 7s linear 1;animation-fill-mode:forwards;animation-delay:4.2s}
.nhasset .lookAroundWrap .sec01.active .lookAni1_1_1{animation:lookAni_1_scroll 8.5s linear 1;animation-fill-mode:forwards;animation-delay:1.7s}
.nhasset .lookAroundWrap .sec01.active .lookAni_focus{animation:lookAni_1_focus 6.2s linear 1;animation-delay:3s}
.nhasset .lookAroundWrap .sec01.active .lookAni1_1_2{animation:lookAni_1_scale 6s linear 1;animation-fill-mode:forwards;animation-delay:2.5s}
@keyframes lookAni_1_swipe{
	0%{left:-180px}
	6%{left:0}
	15%{left:0}
	20%{left:-180px}
	50%{left:-180px}
	55%{left:-360px}
	65%{left:-360px}
	70%{left:-180px}
	100%{left:-180px}
}
@keyframes lookAni_1_scroll{
	0%{top:0}
	10%{top:-260px}
	95%{top:-260px}
	100%{top:-375px}
}
@keyframes lookAni_1_scale{
	0%{transform:scale(1);opacity:0}
	5%{transform:scale(1.4);opacity:1}
	20%{transform:scale(1.4);opacity:1}
	25%{transform:scale(1);opacity:0}

	50%{transform:scale(1);opacity:0}
	55%{transform:scale(1.4);opacity:1}
	75%{transform:scale(1.4);opacity:1}
	80%{transform:scale(1);opacity:0}
	100%{transform:scale(1);opacity:0}
}
@keyframes lookAni_1_focus{
	0%{left:233px;transform:scale(0.5);opacity:1}
	2%{left:233px;transform:scale(1);opacity:1}
	4%{left:233px;transform:scale(0.8);opacity:1}
	5%{left:233px;transform:scale(1);opacity:1}
	10%{left:233px;transform:scale(1);opacity:1}
	12%{left:233px;transform:scale(1);opacity:0}
	49%{left:233px;transform:scale(1);opacity:0}
	50%{left:357px;opacity:0}

	50%{left:357px;transform:scale(0.5);opacity:1}
	52%{left:357px;transform:scale(1);opacity:1}
	54%{left:357px;transform:scale(0.8);opacity:1}
	55%{left:357px;transform:scale(1);opacity:1}
	60%{left:357px;transform:scale(1);opacity:1}
	70%{left:357px;transform:scale(1);opacity:0}
	100%{left:357px;transform:scale(1);opacity:0}
}
.nhasset .lookAroundWrap .sec02 .lookVisualWrap:before{content:'';position: absolute;top:-15px;left:50%;margin-left: -118px;z-index: 10;width:236px;height:60px;background:linear-gradient(to bottom, rgba(252,255,230, 1), rgba(252,255,230, 1) 50%,rgba(252,255,230, 0))}
.nhasset .lookAroundWrap .sec02 .lookVisualWrap:after{content:'';position: absolute;bottom:45px;left:50%;margin-left: -118px;z-index: 10;width:236px;height:60px;background:linear-gradient(to top, rgba(252,255,230, 1), rgba(252,255,230, 1) 50%,rgba(252,255,230, 0))}
.nhasset .lookAroundWrap .sec02 .innerWrap{position:relative;left:0}
.nhasset .lookAroundWrap .sec02 .innerWrap > div{position:relative;width:257px;padding:10px 36px 0 42px}
.nhasset .lookAroundWrap .sec02 .innerWrap > div:after{position:absolute;top:-15px;left:0;content:'';width:257px;height:386px;background:url(../images/look/img_around_mockup_y.png) no-repeat;background-size:cover;z-index:1;overflow:hidden}
.nhasset .lookAroundWrap .sec02 .innerWrap > .inner > div{position:relative;display:flex;height:386px;left:0}
.nhasset .lookAroundWrap .sec02 .innerWrap > .inner > div > *{flex:0 0 180px}
.nhasset .lookAroundWrap .sec02{background-color:#fcffe6}
.nhasset .lookAroundWrap .sec02 .lookAni2_1_1{position:absolute;top:0px;left:0}
.nhasset .lookAroundWrap .sec02 .lookAni2_1_week{position:absolute;top:100px;left:0}
.nhasset .lookAroundWrap .sec02 .lookAni2_1_2{position:absolute;top:90px;left:0;opacity:0;z-index:10}
.nhasset .lookAroundWrap .sec02 .lookAni_focus{bottom:150px;left:75px;opacity:0}
.nhasset .lookAroundWrap .sec02 .lookAni_focus._2nd{bottom:173px;left:75px;opacity:0}
.nhasset .lookAroundWrap .sec02 .lookAni2_1_3{position:absolute;top:130px;left:0}
.nhasset .lookAroundWrap .sec02.active .inner > div{animation:lookAni_2_swipe .5s linear 1;animation-fill-mode:forwards;animation-delay:7s}
.nhasset .lookAroundWrap .sec02.active .lookAni2_scroll{position:relative;animation:lookAni_2_scroll 2s linear 1;animation-fill-mode:forwards;animation-delay:4s}
.nhasset .lookAroundWrap .sec02.active .lookAni2_1_2{animation:lookAni_2_scale 2.5s linear 1;animation-fill-mode:forwards;animation-delay:.5s}
.nhasset .lookAroundWrap .sec02.active .lookAni_focus{animation:lookAni_2_focus 1.5s linear 1;animation-fill-mode:forwards;animation-delay:1.5s}
.nhasset .lookAroundWrap .sec02.active .lookAni_focus._2nd{animation:lookAni_2_focus 1.5s linear 1;animation-fill-mode:forwards;animation-delay:6.5s}
.nhasset .lookAroundWrap .sec02.active .lookAni2_1_week{animation:lookAni_2_week .5s linear 1;animation-fill-mode:forwards;animation-delay:2s}
.nhasset .lookAroundWrap .sec02.active .lookAni2_1_3{animation:lookAni_2_open .5s linear 1;animation-fill-mode:forwards;animation-delay:3s}
.nhasset .lookAroundWrap .sec02.active .lookAni2_2_1{position:relative;animation:lookAni_2_scroll2 .5s linear 1;animation-fill-mode:forwards;animation-delay:8s}
@keyframes lookAni_2_swipe{
	0%{left:0}
	100%{left:-180px}
}
@keyframes lookAni_2_scale{
	0%{transform:scale(1);opacity:0}
	5%{transform:scale(1.3);opacity:1}
	85%{transform:scale(1.3);opacity:1}
	100%{transform:scale(1.3);opacity:0}
}
@keyframes lookAni_2_focus{
	0%{transform:scale(0.5);opacity:1}
	5%{transform:scale(1);opacity:1}
	10%{transform:scale(0.8);opacity:1}
	15%{transform:scale(1);opacity:1}
	70%{transform:scale(1);opacity:1}
	100%{transform:scale(1);opacity:0}
}
@keyframes lookAni_2_open{
	0%{top:130px}
	100%{top:260px}
}
@keyframes lookAni_2_week{
	0%{opacity:1}
	100%{opacity:0}
}
@keyframes lookAni_2_scroll{
	0%{top:0}
	100%{top:-1455px}	
}
@keyframes lookAni_2_scroll2{
	0%{top:0}
	100%{top:-295px}	
}
.nhasset .lookAroundWrap .sec03 .lookVisualWrap.visibile{top:30px;left:-10px;width:100%;margin:0;transform:rotate(15deg)}
.nhasset .lookAroundWrap .sec03 .innerWrap{position:absolute;display:flex;left:50%;transform: translateX(-50%)}
.nhasset .lookAroundWrap .sec03 .innerWrap > div{flex:0 0 190px}
.nhasset .lookAroundWrap .sec03 .innerWrap > div{position:relative;width:190px;padding:0 4px}
.nhasset .lookAroundWrap .sec03 .innerWrap > div:after{position:absolute;top:0;left:50%;content:'';width:190px;height:366px;margin-left:-95px;background:url(../images/look/img_around_mockup_s.png) no-repeat;background-size:190px 366px;z-index:2;overflow:hidden}
.nhasset .lookAroundWrap .sec03 .innerWrap > div > .inner{position:relative;height:386px}
.nhasset .lookAroundWrap .sec03 .lookAni3_1_1{position:absolute;top:-15px;left:0}
.nhasset .lookAroundWrap .sec03 .lookAni3_swipe{display:flex;position:absolute;top:95px;left:4px}
.nhasset .lookAroundWrap .sec03 .lookAni3_swipe span{flex:0 0 174px;margin-right:8px}
.nhasset .lookAroundWrap .sec03 .lookAni3_2_4{top:0}
.nhasset .lookAroundWrap .sec03.active .lookAni3_swipe{animation:lookAni_3_swipe 5s linear 1;animation-fill-mode:forwards;animation-delay:1s}
.nhasset .lookAroundWrap .sec03.active .lookAni3_1_1{animation:lookAni_3_scroll 0.6s linear 1;animation-fill-mode:forwards;animation-delay:6.7s}
.nhasset .lookAroundWrap .sec03.active .lookAni3_2_1{animation:lookAni_3_opa1 .5s linear 1;animation-fill-mode:forwards;animation-delay:1s;opacity:1}
.nhasset .lookAroundWrap .sec03.active .lookAni3_2_2{animation:lookAni_3_opa2 1.6s linear 1;animation-fill-mode:forwards;animation-delay:1.5s;opacity:.3}
.nhasset .lookAroundWrap .sec03.active .lookAni3_2_3{animation:lookAni_3_opa2 2.0s linear 1;animation-fill-mode:forwards;animation-delay:3s;opacity:.3}
.nhasset .lookAroundWrap .sec03.active .lookAni3_2_4{position:relative;animation:lookAni_3_opaend 3.3s linear 1;animation-fill-mode:forwards;animation-delay:4s;opacity:.3}
@keyframes lookAni_3_swipe{
	0%{left:4px}
	15%{left:-178px}
	35%{left:-178px}
	50%{left:-360px}
	70%{left:-360px}
	85%{left:-542px}
	100%{left:-542px}
}
@keyframes lookAni_3_opa1{
	0%{opacity:1}
	100%{opacity:0.3}
}
@keyframes lookAni_3_opa2{
	0%{opacity:0.3}
	20%{opacity:1}
	85%{opacity:1}
	100%{opacity:0.3}
}
@keyframes lookAni_3_opaend{
	0%{opacity:0.3}
	20%{opacity:0.3}
	30%{opacity:1}
	82%{opacity:1;top:0}
	100%{opacity:1;top:-253px}
}
@keyframes lookAni_3_scroll{
	0%{top:-15px}
	96%{top:-270px}
	100%{top:-270px}	
}
.nhasset .lookAroundWrap .sec04 .lookVisualWrap.visibile{top:7px;width:100%}
.nhasset .lookAroundWrap .sec04 .innerWrap{position:absolute;display:flex;left:50%;transform: translateX(-50%)}
.nhasset .lookAroundWrap .sec04 .innerWrap > div{flex:0 0 190px}
.nhasset .lookAroundWrap .sec04 .innerWrap > div{position:relative;width:190px;padding:0 4px}
.nhasset .lookAroundWrap .sec04 .innerWrap > div:after{position:absolute;top:0;left:50%;content:'';width:190px;height:366px;margin-left:-95px;background:url(../images/look/img_around_mockup_g.png) no-repeat;background-size:190px 366px;z-index:2;overflow:hidden}
.nhasset .lookAroundWrap .sec04 .innerWrap > div > .inner{position:relative;height:386px}
.nhasset .lookAroundWrap .sec04{background-color:#eefcd8}
.nhasset .lookAroundWrap .sec04 .lookAni4_1_1{position:absolute;top:-15px;left:0}
.nhasset .lookAroundWrap .sec04 .lookAni4_2_1{position:absolute;top:110px;left:80px;width:100%;z-index:10}
.nhasset .lookAroundWrap .sec04 .lookAni4_2_1 img{position:absolute;left:0;top:0;width:76px;height:83px;opacity:0}
.nhasset .lookAroundWrap .sec04.active .lookAni4_1_1{animation:lookAni_4_scroll 1s linear 1;animation-fill-mode:forwards;animation-delay:5s}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(14){left:-60px;transition:0.2s 1s;opacity:1;z-index:20}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(13){left:8px;transition:0.4s 1s;opacity:1;z-index:19}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(12){left:77px;transition:0.6s 1s;opacity:1;z-index:18}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(11){left:146px;transition:0.8s 1s;opacity:1;z-index:17}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(10){left:215px;transition:1s 1s;opacity:1;z-index:16}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(9){left:290px;transition:1.2s 1s;opacity:1;z-index:15}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(8){left:360px;transition:1.4s 1s;opacity:1;z-index:14}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(7){left:429px;transition:1.6s 1s;opacity:1;z-index:13}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(6){left:496px;transition:1.8s 1s;opacity:1;z-index:12}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(5){left:564px;transition:2.0s 1s;opacity:1;z-index:11}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(4){left:633px;transition:2.2s 1s;opacity:1;z-index:10}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(3){left:702px;transition:2.4s 1s;opacity:1;z-index:9}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(2){left:770px;transition:2.6s 1s;opacity:1;z-index:8}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1 img:nth-child(1){left:839px;transition:2.8s 1s;opacity:1;z-index:7}
.nhasset .lookAroundWrap .sec04.active .lookAni4_2_1{animation:lookAni_4_swipe 3s linear 1;animation-fill-mode:forwards;animation-delay:2s}
@keyframes lookAni_2_fade{
	0%{opacity:0}
	100%{opacity:1}	
}
@keyframes lookAni_4_swipe{
	0%{left:-60}
	60%{left:-500px;opacity:1}	
	80%{left:-500px;opacity:1}	
	100%{left:-500px;opacity:0}	
}
@keyframes lookAni_4_scroll{
	0%{top:-15px}
	100%{top:-290px}	
}
.nhasset .lookAroundWrap .sec05 .lookVisualWrap.visibile{top:30px;left:20px;width:100%;margin:0;transform:rotate(-15deg)}
.nhasset .lookAroundWrap .sec05 .innerWrap{position:absolute;display:flex;left:50%;transform: translateX(-50%)}
.nhasset .lookAroundWrap .sec05 .innerWrap > div{flex:0 0 190px}
.nhasset .lookAroundWrap .sec05 .innerWrap > div{position:relative;width:190px;padding:0 4px}
.nhasset .lookAroundWrap .sec05 .innerWrap > div:after{position:absolute;top:0;left:50%;content:'';width:190px;height:366px;margin-left:-95px;background:url(../images/look/img_around_mockup_b.png) no-repeat;background-size:190px 366px;z-index:2;overflow:hidden}
.nhasset .lookAroundWrap .sec05 .innerWrap > div > .inner{position:relative;height:386px}
.nhasset .lookAroundWrap .sec05{background-color:#d1f1e9}
.nhasset .lookAroundWrap .sec05 .lookAni5_1_1{position:absolute;top:-10px;left:0}
.nhasset .lookAroundWrap .sec05 .lookAni5_2_1{position:absolute;top:90px;left:0;opacity:0;z-index:10}
.nhasset .lookAroundWrap .sec05 .lookAni5_3_1{position:absolute;top:110px;left:0;opacity:0;z-index:10}
.nhasset .lookAroundWrap .sec05.active .lookAni5_1_1{animation:lookAni_5_scroll 9s linear 1;animation-fill-mode:forwards;animation-delay:1s}
.nhasset .lookAroundWrap .sec05.active .lookAni5_2_1{animation:lookAni_5_scale 1.5s linear 1;animation-fill-mode:forwards;animation-delay:5.5s}
.nhasset .lookAroundWrap .sec05.active .lookAni5_3_1{animation:lookAni_5_scale2 1.5s linear 1;animation-fill-mode:forwards;animation-delay:10s}
@keyframes lookAni_5_scroll{
	0%{top:-10px}
	10%{top:-220px}	
	20%{top:-220px}	
	40%{top:-1107px}	
	80%{top:-1107px}	
	90%{top:-1542px}	
	100%{top:-1542px}	
}
@keyframes lookAni_5_scale{
	0%{transform:scale(1);opacity:0}
	5%{transform:scale(1.3);opacity:1}
	85%{transform:scale(1.3);opacity:1}
	100%{transform:scale(1.3);opacity:0}
}
@keyframes lookAni_5_scale2{
	0%{transform:scale(1);opacity:0}
	5%{transform:scale(1.3);opacity:1}
	85%{transform:scale(1.3);opacity:1}
	100%{transform:scale(1.3);opacity:1}
}

/* 버전표시 */
.serinfo{font-size:8px !important;color:#888 !important;}






/* ==================================================================== */
/* ==================================================================== */
/* 오픈 후 반영분 */
/* ==================================================================== */
/* ==================================================================== */

/* 1월 그랜드 오픈 미반영분 */
/****** 이벤트(빙고) ******/
.nhasset .bingo{position:relative;width:100%;height:450px;border-radius:6px}
.nhasset .bingo:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.nhasset .bingo .rrTit{color:#111}
.nhasset .bingo .rrNum{color:#111}
.nhasset .bingo .rrNumBox{width:42px;font-size:14px;color:#fff}
.nhasset .bingoBoard{position:relative;margin:0 auto;width:248px;height:289px;font-size:12px;font-weight:bold}
.nhasset .bingoCont{display:flex;flex-wrap:wrap;position:absolute;width:240px;height:240px;top:45px;left:50%;transform:translateX(-50%);overflow:hidden;background-color:#fff;border-radius:6px;box-shadow:0 2px 2px 0 rgba(41, 58, 88, 0.16)}
.nhasset .bingCell{display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;border-bottom:1px solid #f1dcba;border-right:1px solid #f1dcba;font-size:12px}
.nhasset .bingCell .bingStamp{display:none;font-size:1px !important;line-height:0 !important;color:transparent !important;overflow:hidden !important;margin:-1px}
.nhasset .bingCell.active{position:relative}
.nhasset .bingCell.active .bingStamp{display:inline-block;position:absolute;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}
.nhasset .allBingo{position:absolute;top:42px;width:248px;height:249px}
.nhasset .bingLine{position:absolute;background-color:rgb(252, 242, 161, .8);border-radius:15px}
.nhasset .bingo:before{background:url('../images/notice/img_event_bingo01_deco.png') center /auto 100% repeat}
.nhasset .bingo .bingoBoard{background:url('../images/notice/img_event_bingo01_board.png') center /cover no-repeat}
.nhasset .bingo .rrbigTit:after{background-color:#f0ddb4}
.nhasset .bingo .bingCell.active{background-color:#e2c495 !important}
.nhasset .bingo .bingCell.active .bingStamp{background:url('../images/notice/img_event_bingo01_stamp.png') center /cover no-repeat}
.nhasset .bingo .allBingo{background:url('../images/notice/img_event_bingo01_complete.png') center /cover no-repeat}
.nhasset .bingo .item3x3 .bingCell:nth-child(odd){background-color:#fbfaf2}
.nhasset .bingo .item4x4 .bingCell:nth-child(1),
.nhasset .bingo .item4x4 .bingCell:nth-child(3),
.nhasset .bingo .item4x4 .bingCell:nth-child(6),
.nhasset .bingo .item4x4 .bingCell:nth-child(8),
.nhasset .bingo .item4x4 .bingCell:nth-child(9),
.nhasset .bingo .item4x4 .bingCell:nth-child(11),
.nhasset .bingo .item4x4 .bingCell:nth-child(14),
.nhasset .bingo .item4x4 .bingCell:nth-child(16){background-color:#fbfaf2}
.nhasset .bingo .rrNumBox{background-color:#9e624f}
/* 3x3 빙고 */
.nhasset .bingo.item3x3 .bingCell{width:80px;height:80px}
.nhasset .bingo.item3x3 .bingCell:nth-child(3n){border-right:none}
.nhasset .bingo.item3x3 .bingCell:nth-last-child(-n+3){border-bottom:none}
.nhasset .bingo.item3x3 .bingLine{width:30px;height:160px}
.nhasset .bingo.item3x3 .bingLine.dia01{height:227px;top:5px;left:43%;transform:rotate(-45deg)}
.nhasset .bingo.item3x3 .bingLine.dia02{height:227px;top:5px;left:43%;transform:rotate(45deg)}
.nhasset .bingo.item3x3 .bingLine.ver01{top:50%;left:26px;transform:translateY(-50%)}
.nhasset .bingo.item3x3 .bingLine.ver02{top:50%;left:50%;transform:translate(-50%,-50%)}
.nhasset .bingo.item3x3 .bingLine.ver03{top:50%;right:26px;transform:translateY(-50%)}
.nhasset .bingo.item3x3 .bingLine.hor01{width:160px;height:30px;top:26px;left:50%;transform:translateX(-50%)}
.nhasset .bingo.item3x3 .bingLine.hor02{width:160px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%)}
.nhasset .bingo.item3x3 .bingLine.hor03{width:160px;height:30px;bottom:26px;left:50%;transform:translateX(-50%)}
/* 4x4 빙고 */
.nhasset .bingo.item4x4 .bingCell{width:60px;height:60px}
.nhasset .bingo.item4x4 .bingCell:nth-child(4n){border-right:none}
.nhasset .bingo.item4x4 .bingCell:nth-last-child(-n+4){border-bottom:none}
.nhasset .bingo.item4x4 .bingCell.active .bingStamp{width:40px;height:40px}
.nhasset .bingo.item4x4 .bingLine{width:25px;height:180px}
.nhasset .bingo.item4x4 .bingLine.dia01{height:255px;top:-7px;left:45%;transform:rotate(-45deg)}
.nhasset .bingo.item4x4 .bingLine.dia02{height:255px;top:-8px;left:45%;transform:rotate(45deg)}
.nhasset .bingo.item4x4 .bingLine.ver01{top:50%;left:7.5%;transform:translateY(-50%)}
.nhasset .bingo.item4x4 .bingLine.ver02{top:50%;left:32%;transform:translateY(-50%)}
.nhasset .bingo.item4x4 .bingLine.ver03{top:50%;right:32%;transform:translateY(-50%)}
.nhasset .bingo.item4x4 .bingLine.ver04{top:50%;right:7.5%;transform:translateY(-50%)}
.nhasset .bingo.item4x4 .bingLine.hor01{width:180px;height:25px;top:7.5%;left:50%;transform:translateX(-50%)}
.nhasset .bingo.item4x4 .bingLine.hor02{width:180px;height:25px;top:32%;left:50%;transform:translateX(-50%)}
.nhasset .bingo.item4x4 .bingLine.hor03{width:180px;height:25px;bottom:32%;left:50%;transform:translateX(-50%)}
.nhasset .bingo.item4x4 .bingLine.hor04{width:180px;height:25px;bottom:7.5%;left:50%;transform:translateX(-50%)}
/* ty01 :갈색빙고 */
.nhasset .bingo.ty01{background:url('../images/notice/img_event_bingo01.png') center /auto 100% repeat-x}
.nhasset .bingo.ty01:before{background:url('../images/notice/img_event_bingo01_deco.png') center /auto 100% no-repeat}
.nhasset .bingo.ty01 .bingoBoard{background:url('../images/notice/img_event_bingo01_board.png') center /cover no-repeat}
.nhasset .bingo.ty01 .rrbigTit:after{background-color:#f0ddb4}
.nhasset .bingo.ty01 .bingCell.active{background-color:#e2c495 !important}
.nhasset .bingo.ty01 .bingCell.active .bingStamp{background:url('../images/notice/img_event_bingo01_stamp.png') center /cover no-repeat}
.nhasset .bingo.ty01 .allBingo{background:url('../images/notice/img_event_bingo01_complete.png') center /cover no-repeat}
.nhasset .bingo.ty01.item3x3 .bingCell:nth-child(odd){background-color:#fbfaf2}
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(1),
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(3),
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(6),
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(8),
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(9),
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(11),
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(14),
.nhasset .bingo.ty01.item4x4 .bingCell:nth-child(16){background-color:#fbfaf2}
.nhasset .bingo.ty01 .rrNumBox{background-color:#9e624f}
/* ty02 :보라빙고 */
.nhasset .bingo.ty02{background:url('../images/notice/img_event_bingo02.png') center /auto 100% repeat-x}
.nhasset .bingo.ty02:before{background:url('../images/notice/img_event_bingo02_deco.png') center /auto 100% no-repeat}
.nhasset .bingo.ty02 .bingoBoard{background:url('../images/notice/img_event_bingo02_board.png') center /cover no-repeat}
.nhasset .bingo.ty02 .rrbigTit:after{background-color:#c4ccff}
.nhasset .bingo.ty02 .bingCell{border-color:#caddfb}
.nhasset .bingo.ty02 .bingCell.active{background-color:#a7bff5 !important}
.nhasset .bingo.ty02 .bingCell.active .bingStamp{background:url('../images/notice/img_event_bingo02_stamp.png') center /cover no-repeat}
.nhasset .bingo.ty02 .allBingo{background:url('../images/notice/img_event_bingo02_complete.png') center /cover no-repeat}
.nhasset .bingo.ty02.item3x3 .bingCell:nth-child(odd){background-color:#eef5ff}
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(1),
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(3),
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(6),
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(8),
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(9),
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(11),
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(14),
.nhasset .bingo.ty02.item4x4 .bingCell:nth-child(16){background-color:#eef5ff}
.nhasset .bingo.ty02 .rrNumBox{background-color:#6a84e6}
/* ty03 :초록빙고 */
.nhasset .bingo.ty03{background:url('../images/notice/img_event_bingo03.png') center /auto 100% repeat-x}
.nhasset .bingo.ty03:before{background:url('../images/notice/img_event_bingo03_deco.png') center /auto 100% no-repeat}
.nhasset .bingo.ty03 .bingoBoard{background:url('../images/notice/img_event_bingo03_board.png') center /cover no-repeat}
.nhasset .bingo.ty03 .rrbigTit:after{background-color:#d0e99d}
.nhasset .bingo.ty03 .bingCell{border-color:#c6e4ad}
.nhasset .bingo.ty03 .bingCell.active{background-color:#9ece73 !important}
.nhasset .bingo.ty03 .bingCell.active .bingStamp{background:url('../images/notice/img_event_bingo03_stamp.png') center /cover no-repeat}
.nhasset .bingo.ty03 .allBingo{background:url('../images/notice/img_event_bingo03_complete.png') center /cover no-repeat}
.nhasset .bingo.ty03.item3x3 .bingCell:nth-child(odd){background-color:#f6faeb}
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(1),
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(3),
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(6),
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(8),
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(9),
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(11),
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(14),
.nhasset .bingo.ty03.item4x4 .bingCell:nth-child(16){background-color:#f6faeb}
.nhasset .bingo.ty03 .rrNumBox{background-color:#4ca100}
/* ty04 :파랑빙고 */
.nhasset .bingo.ty04{background:url('../images/notice/img_event_bingo04.png') center /auto 100% repeat-x}
.nhasset .bingo.ty04:before{background:url('../images/notice/img_event_bingo04_deco.png') center /auto 100% no-repeat}
.nhasset .bingo.ty04 .bingoBoard{background:url('../images/notice/img_event_bingo04_board.png') center /cover no-repeat}
.nhasset .bingo.ty04 .rrbigTit:after{background-color:#c0ebfe}
.nhasset .bingo.ty04 .bingCell{border-color:#bae6fb}
.nhasset .bingo.ty04 .bingCell.active{background-color:#96d7f4 !important}
.nhasset .bingo.ty04 .bingCell.active .bingStamp{background:url('../images/notice/img_event_bingo04_stamp.png') center /cover no-repeat}
.nhasset .bingo.ty04 .allBingo{background:url('../images/notice/img_event_bingo04_complete.png') center /cover no-repeat}
.nhasset .bingo.ty04.item3x3 .bingCell:nth-child(odd){background-color:#edf8fe}
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(1),
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(3),
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(6),
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(8),
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(9),
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(11),
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(14),
.nhasset .bingo.ty04.item4x4 .bingCell:nth-child(16){background-color:#edf8fe}
.nhasset .bingo.ty04 .rrNumBox{background-color:#2da6df}
/******** 이벤트(올리찾기) ********/
/* 올리선택 */
.nhasset .findOlly{position:fixed;z-index:1200}
.nhasset .findOlly .findImg{display:block;width:50px;height:50px}
.nhasset .ty01 .findOlly .findImg{background:url('../images/notice/img_event_findolly01.png') top /auto 100% no-repeat}
.nhasset .ty02 .findOlly .findImg{background:url('../images/notice/img_event_findolly02.png') top /auto 100% no-repeat}
.nhasset .ty03 .findOlly .findImg{background:url('../images/notice/img_event_findolly03.png') top /auto 100% no-repeat}
.nhasset .findOlly.pos01,.nhasset .findOlly.pos04,.nhasset .findOlly.pos06,.nhasset .findOlly.pos08{left:36px}
.nhasset .findOlly.pos03,.nhasset .findOlly.pos05,.nhasset .findOlly.pos07,.nhasset .findOlly.pos10{right:36px}
.nhasset .findOlly.pos01,.nhasset .findOlly.pos02,.nhasset .findOlly.pos03{top:18%}
.nhasset .findOlly.pos02,.nhasset .findOlly.pos09{left:50%;transform:translateX(-50%)}
.nhasset .findOlly.pos04,.nhasset .findOlly.pos05{top:35%}
.nhasset .findOlly.pos06,.nhasset .findOlly.pos07{bottom:35%}
.nhasset .findOlly.pos08,.nhasset .findOlly.pos09,.nhasset .findOlly.pos10{bottom:18%}
.nhasset .findOlly .btnClose{position:absolute;top:-22px;right:-7px;width:30px;height:20px;background:url('../images/notice/btn_ollyClose.png') no-repeat top 2px right 7px;background-size:17px auto}
/* 이벤트 상세 */
.nhasset .olly{position:relative;width:100%;background:url('../images/notice/img_event_ollybg01.png') center /auto 100% repeat-x;border-radius:6px}
.nhasset .olly:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.nhasset .olly .eventTit{height:90px}
.nhasset .olly .ollyCont{position:relative;padding:0 20px 28px 20px;text-align:center}
.nhasset .olly .ollyCont .contBox > li:nth-child(2) .numTxt:after{background-color:#fff2da}
.nhasset .olly .ollyCont .titBox{ padding:135px 0 20px;background:#fff url(../images/notice/img_event_ollybg01_obj01.png) top/ 248px auto no-repeat;background-position-y:23px;box-shadow:0 2px 5px 0 rgba(41, 58, 88, 0.16);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}
.nhasset .olly .ollyCont .titBox .mainTxt{font-size:14px;font-weight:900}
.nhasset .olly .ollyCont .contBox{display:flex;justify-content:space-between;margin-top:12px}
.nhasset .olly .ollyCont .contBox > li{overflow:hidden;width:50%;margin-left:12px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(41, 58, 88, 0.16);border-radius:6px}
.nhasset .olly .ollyCont .contBox > li:nth-child(1){margin-left:0}
.nhasset .olly .ollyCont .contBox .imgOlly{height:78px;box-shadow:inset 0px 2px 5px 0px rgb(41 58 88 / 16%)}
.nhasset .olly .ollyCont .contBox > li:nth-child(1) .imgOlly{background:#f3f3f3 url(../images/notice/img_event_ollybg01_obj02.png) top/84px auto no-repeat;background-position-y:20px}
.nhasset .olly .ollyCont .contBox > li:nth-child(2) .imgOlly{background:#f3f3f3 url(../images/notice/img_event_ollybg01_obj03.png) top/84px auto no-repeat;background-position-y:20px}
.nhasset .olly .ollyCont .contBox .txtWrap{padding:15px 0}
.nhasset .olly .ollyCont .contBox .subTit{font-size:12px;color:#666}
.nhasset .olly .ollyCont .contBox .numTxt{display:inline-block;position:relative;font-size:16px;font-weight:900;z-index:1}
.nhasset .olly .ollyCont .contBox .numTxt em{font-size:20px}
.nhasset .olly .ollyCont .contBox .numTxt:after{content:'';position:absolute;left:-7px;right:-7px;bottom:0;height:10px;background-color:rgb(243, 243, 243);border-radius:5px;z-index:-1}
/* ty01 :파랑 */
.nhasset .olly.ty01{background:url('../images/notice/img_event_ollybg01.png') center /auto 100% repeat-x}
.nhasset .olly.ty01:before{background:url('../images/notice/img_event_ollybg01_deco.png') center /auto 100% no-repeat}
.nhasset .olly.ty01 .rrbigTit:after{background-color:#2c50c1}
.nhasset .olly.ty01 .ollyCont .contBox > li:nth-child(2) .numTxt:after{background-color:#fff2da}
/* ty02 :보라 */
.nhasset .olly.ty02{background:url('../images/notice/img_event_ollybg02.png') center /auto 100% repeat-x}
.nhasset .olly.ty02:before{background:url('../images/notice/img_event_ollybg02_deco.png') center /auto 100% no-repeat}
.nhasset .olly.ty02 .rrbigTit:after{background-color:#643ad5}
.nhasset .olly.ty02 .ollyCont .titBox{background:#fff url(../images/notice/img_event_ollybg02_obj01.png) top/ 248px auto no-repeat;background-position-y:23px}
.nhasset .olly.ty02 .ollyCont .contBox > li:nth-child(1) .imgOlly{background:#f3f3f3 url(../images/notice/img_event_ollybg02_obj02.png) top/84px auto no-repeat;background-position-y:20px}
.nhasset .olly.ty02 .ollyCont .contBox > li:nth-child(2) .imgOlly{background:#f3f3f3 url(../images/notice/img_event_ollybg02_obj03.png) top/84px auto no-repeat;background-position-y:20px}
.nhasset .olly.ty02 .ollyCont .contBox > li:nth-child(2) .numTxt:after{background-color:#f3f0fc}
/* ty03 :초록 */
.nhasset .olly.ty03{background:url('../images/notice/img_event_ollybg03.png') center /auto 100% repeat-x}
.nhasset .olly.ty03:before{background:url('../images/notice/img_event_ollybg03_deco.png') center /auto 100% no-repeat}
.nhasset .olly.ty03 .rrbigTit:after{background-color:#198740}
.nhasset .olly.ty03 .ollyCont .titBox{background:#fff url(../images/notice/img_event_ollybg03_obj01.png) top/ 248px auto no-repeat;background-position-y:23px}
.nhasset .olly.ty03 .ollyCont .contBox > li:nth-child(1) .imgOlly{background:#f3f3f3 url(../images/notice/img_event_ollybg03_obj02.png) top/84px auto no-repeat;background-position-y:12px}
.nhasset .olly.ty03 .ollyCont .contBox > li:nth-child(2) .imgOlly{background:#f3f3f3 url(../images/notice/img_event_ollybg03_obj03.png) top/84px auto no-repeat;background-position-y:15px}
.nhasset .olly.ty03 .ollyCont .contBox > li:nth-child(2) .numTxt:after{background-color:#e6fcf4}

html.fixS{overflow:hidden;} /* MSAS2300 배당내역 바닥여백 축소 */
html.fixS .nhasset .container{padding-bottom:32px}

.auto_page_btnps{justify-content: center;}

/* [MD2504_047] 서비스 안내페이지 개선 */
.joinBefore2025{max-width:428px;margin:0 auto;background:#fff;padding:51px 20px 95px !important;}
.joinBefore2025 .joinBeforeWrap .btnWrap.foot{opacity:0;transition:opacity 0.5s;left:20px;right:20px;bottom:20px;max-width:388px;margin:0 auto;}
.joinBefore2025 .joinBeforeWrap.withFootBtn .btnWrap.foot {opacity:1;position:fixed;display: flex;justify-content: center;align-items: center;z-index: 1000;}
.joinBefore2025 .joinBeforeWrap .btnWrap.foot .btn{width:100%;}
/* 1section */
.joinBefore2025 .joinBeforeList .joinBeforeSubject{font-size:24px;color:#111;margin-top:28px;margin-bottom:25px;padding:0 25px 0 30px;line-height:1.45;letter-spacing:-2.2px;}
.joinBefore2025 .joinBeforeTitle{height:655px !important;}
.joinBefore2025 .joinBeforeTitle.mainNew{margin:0;padding:5px 0 30px;border:none;background-color:#fff;text-align:center;height:655px;overflow:hidden;animation: ani_joinBeforeTitle 0.5s linear;animation-delay: 0.5s;animation-fill-mode :forwards}
.joinBefore2025 .wrap_main_title_phone{position:relative;padding-top:25px;}
.joinBefore2025 .wrap_main_title_phone .main_title{font-size:24px;color:#000;line-height:35px;text-align:left;padding-left: 10px;}
.joinBefore2025 .wrap_main_title_phone .main_title strong{font-size:24px;margin:0;display:block;}
.joinBefore2025 .wrap_main_title_phone .main_title button{font-size:14px;background-color:#19a647;line-height:27px;border-radius:14px;color:#fff;padding:0 15px;font-weight:bold;display:block;}
.joinBefore2025 .wrap_main_title_phone .main_title p{font-size:12px;line-height:1.5;color:#666;margin-top:10px;}
.joinBefore2025 .wrap_main_title_phone .main_title_phone{background:none;position:relative;z-index:10;perspective:400px;margin-top:40px;}
.joinBefore2025 .wrap_main_title_phone .main_title_phone .mainPfmEmt01{position:relative;padding-top:5px;margin:0 auto;animation:slideUp 1s linear,rotate 1s 1s linear forwards;box-shadow:19px 9px 28px 6px rgb(109 109 109 / 20%);}
.joinBefore2025 .wrap_main_title_phone .floatBtn{position:absolute;top:180px;left:50%;animation:slideInLeft 1s 1s linear forwards;opacity:0;}
.joinBefore2025 .wrap_main_title_phone .floatBtn img{width:113px;height:auto;animation:floatBounce 2s 3s ease-in 2;}
.joinBefore2025 .wrap_main_title_phone .floatBtn2{position:absolute;top:480px;left:50%;animation:slideInRight 1s 1s linear forwards;opacity:0;z-index:11;}
.joinBefore2025 .wrap_main_title_phone .floatBtn2 img{width:96px;height:auto;animation:floatBounce 2s 2s ease-in 2;}

/* section */
.joinBefore2025 .joinBeforeList {position:relative;margin:0;}
.joinBefore2025 .joinBeforeList > li .joinBeforeSubject span{color:#666;line-height:35px;}
.joinBefore2025 .joinBeforeList > li .joinBeforeSubject strong{color:#111;display:block;font-size:24px;margin-top:0px;letter-spacing:-2px;}
.joinBefore2025 .joinBeforeList + .btnWrap.foot .btn{font-size:18px;padding:0 10px;height: 54px;border-radius: 12px;font-weight: 700;white-space: nowrap;line-height: 52px;background-color: #19A647;color: #fff;}
.joinBefore2025 .joinBeforeList > li{overflow: hidden;height:450px;padding-bottom:55px;border-radius:20px;}
.joinBefore2025 .joinBeforeList > li + li {margin-top:20px;}
.joinBefore2025 .joinBeforeList > li.mainPfmWrap{background-color:#e9e6ef}
.joinBefore2025 .joinBeforeList > li.mainCsWrap{background-color:#f1ece6}
.joinBefore2025 .joinBeforeList > li.mainDlWrap{background-color:#f2f4f8}
.joinBefore2025 .joinBeforeList > li.mainYaWrap{background-color:#f0fbf7;}
.joinBefore2025 .joinBeforeList > li.mainMcWrap{background-color:#f2f4f8}

.joinBefore2025 .mainPfmEmt01{overflow:hidden;position:relative;z-index:10;border:5px solid #111;border-radius:30px;width:200px;height:390px;}
.joinBefore2025 .mainPfmEmt01:before {content:'';position:absolute;left:50%;top:9px;transform:translateX(-28px);width:56px;height:15px;border-radius:15px;background-color:#111;z-index:10;}
.joinBefore2025 .mainPfmCont {height:100%;overflow:hidden;margin:0 auto;position:relative;}
.joinBefore2025 .mainPfmCont img {max-width:100%;}
/* 자산현황 */
.joinBefore2025 .mainPfmWrap .mainPfmArea{position:relative;width:min-content;display:flex;margin:0 auto;margin-top:40px;overflow:initial;}
.joinBefore2025 .mainPfmWrap .mainPfmArea .mainPfmInner{display:flex;position:initial}
.joinBefore2025 .mainPfmWrap.active .mainPfmArea .mainPfmInner .mainPfmEmt01{animation:mainPfmInner1 1s 1 ease-out forwards, mainPfmInner3 1s 3s  1 linear forwards;opacity:0;}
.joinBefore2025 .mainPfmWrap.active .mainPfmArea .mainPfmInner .mainPfmEmt01 img{position: absolute;animation: slideDown50 1s 5s linear forwards;}
.joinBefore2025 .mainPfmWrap.active .mainPfmArea .mainPfmInner .mainPfmEmt02{animation:mainPfmInner1 1s .7s ease-out forwards, mainPfmInner2 1s 3s  1 linear forwards;opacity:0;}
.joinBefore2025 .mainPfmWrap.active .mainPfmArea .mainPfmInner .mainPfmEmt02 .mainPfmCont{position:absolute;animation:slideInLeft100 1s 7s linear forwards;}
.joinBefore2025 .mainPfmWrap.active .mainPfmArea .mainPfmInner .mainPfmEmt02 .mainPfmCont + .mainPfmCont {left:100%;}
.joinBefore2025 .mainPfmWrap .mainPfmArea .mainPfmInner > div{flex:0 0 120px;overflow:hidden;position:relative;z-index:10;border:3px solid #111;border-radius:15px;width:120px;height:240px;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);opacity:0;}
.joinBefore2025 .mainPfmWrap .mainPfmArea .mainPfmInner > div:before {content:'';position:absolute;left:50%;top: 5px;transform: translateX(-18px);width: 36px;height: 10px;border-radius:15px;background-color:#111;z-index:10;}
.joinBefore2025 .mainPfmWrap .mainPfmArea .mainPfmInner > div + div {margin-left:15px;}
.joinBefore2025 .mainPfmWrap .mainPfmArea .mainPfmInner > div .mainPfmCont{overflow: hidden;margin:0 auto;position: relative;width:100%;height:100%;}
/* 소비현황 */
.joinBefore2025 .mainCsWrap .mainCsInner{position:relative;height:240px;perspective:400px;}
.joinBefore2025 .mainCsWrap .mainCsInner > div {overflow:hidden;position:absolute;left:50%;transform:translateX(-50%);z-index: 10;border: 3px solid #111;border-radius: 15px;}
.joinBefore2025 .mainCsWrap .mainCsInner > div:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-18px);width:36px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.joinBefore2025 .mainCsWrap .mainCsInner .mainCsEmt01{bottom:0px;top: 25px;width:105px;height:200px;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.joinBefore2025 .mainCsWrap.active .mainCsInner .mainCsEmt01{animation:rotate_origin_left 1s 1s linear forwards;transform-origin:bottom;}
.joinBefore2025 .mainCsWrap.active .mainCsInner .mainCsEmt01 .mainPfmCont img{position:absolute;animation:slideDown 5s 2s linear forwards;}
.joinBefore2025 .mainCsWrap .mainCsInner .mainCsEmt02{bottom:0px;width:125px;height:240px;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.joinBefore2025 .mainCsWrap.active .mainCsInner .mainCsEmt02{animation:rotate_origin_right 1s 1s linear forwards;transform-origin:bottom;}
.joinBefore2025 .mainCsWrap.active .mainCsInner .mainCsEmt02 .mainPfmCont img{position:absolute;animation:slideDown 6s 2s linear forwards;}
/* 금융플래너 */
.joinBefore2025 .mainDlWrap .mainDlArea{position:relative;}
.joinBefore2025 .mainDlWrap .mainDlInner{position:relative;display:flex;justify-content: center;flex:auto;}
.joinBefore2025 .mainDlWrap .mainDlInner > div {overflow:hidden;display:inline-block;position:absolute;top:10px;border: 3px solid #111;border-radius: 15px;width:120px;height:240px;opacity:0;}
.joinBefore2025 .mainDlWrap .mainDlInner > div:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-18px);width:36px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.joinBefore2025 .mainDlWrap.active .mainDlInner .mainDlEmt01{animation:slideInLeft2 1s linear forwards;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.joinBefore2025 .mainDlWrap.active .mainDlInner .mainDlEmt01 .mainPfmCont img{position:absolute;animation:slideDown 3s 2s linear forwards;}
.joinBefore2025 .mainDlWrap.active .mainDlInner .mainDlEmt02{animation:slideInRight2 1s linear forwards;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.joinBefore2025 .mainDlWrap.active .mainDlInner .mainDlEmt02 .mainPfmCont img{position:absolute;animation:slideDown 3s 3s linear forwards;}
.joinBefore2025 .mainDlWrap .floatBtn3{position:absolute;top:200px;left:50%;opacity:0;flex: 0 0 200px;}
.joinBefore2025 .mainDlWrap .floatBtn3 img {width:70px;}
.joinBefore2025 .mainDlWrap.active .floatBtn3{animation:floatZoomIn 1s 6s linear forwards;}

/* 보고서 */
.joinBefore2025 .mainYaWrap .mainYaInner{position:relative;display:flex;justify-content: center;flex:auto;}
.joinBefore2025 .mainYaWrap .mainYaInner > div {overflow:hidden;display:inline-block;position:absolute;margin:0 6px;}
.joinBefore2025 .mainYaWrap .mainYaInner .mainYaEmt01{top:30px;opacity:0;width:80px;}
.joinBefore2025 .mainYaWrap.active .mainYaInner .mainYaEmt01{animation:slideInRight3 1s 1s linear forwards;}
.joinBefore2025 .mainYaWrap.active .mainYaInner .mainYaEmt01 img{opacity:.5;}
.joinBefore2025 .mainYaWrap .mainYaInner .mainYaEmt02{top:30px;opacity:0;width:90px;}
.joinBefore2025 .mainYaWrap.active .mainYaInner .mainYaEmt02{animation:slideInLeft3 1s 1s linear forwards;}
.joinBefore2025 .mainYaWrap.active .mainYaInner .mainYaEmt02 img{opacity:.5;}
.joinBefore2025 .mainYaWrap .mainYaInner .mainYaEmt03{opacity:0;border: 3px solid #111;border-radius: 15px;width:130px;height:260px;z-index:10;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.joinBefore2025 .mainYaWrap.active .mainYaInner .mainYaEmt03{animation:slideCInLeft 1s linear forwards;}
.joinBefore2025 .mainYaWrap.active .mainYaInner .mainYaEmt03:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-21px);width:42px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.joinBefore2025 .mainYaWrap.active .mainYaInner .mainYaEmt03 .mainPfmCont img{position:absolute;animation:slideDown 3s 3s linear forwards;}
/* 헬스케어 */
.joinBefore2025 .mainMcWrap .mainMcInner{position:relative;display:flex;justify-content: center;flex:auto;}
.joinBefore2025 .mainMcWrap .mainMcInner > div {display:inline-block;position:absolute;margin:0 6px;}
.joinBefore2025 .mainMcWrap.active .mainMcInner .mainMcEmt01{top:30px;animation:slideInRight4 1s 2s linear forwards;opacity:0;width:90px;}
.joinBefore2025 .mainMcWrap.active .mainMcInner .mainMcEmt02{top:145px;animation:slideInLeft4 1s 3s linear forwards;opacity:0;width:185px;}
.joinBefore2025 .mainMcWrap .mainMcInner .mainMcEmt03{overflow:hidden;position:relative;border:3px solid #111;border-radius: 15px;width:130px;height:260px;z-index:10;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);margin: 0 auto;}
.joinBefore2025 .mainMcWrap .mainMcInner .mainMcEmt03:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-21px);width:42px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.joinBefore2025 .mainMcWrap.active .mainMcInner .mainMcEmt03 .mainPfmCont img{position:absolute;animation:slideDown 1.5s 4.5s linear forwards;}
.joinBefore2025 .mainMcWrap .mainMcInner .scaleWrap{position:relative;opacity:0;}
.joinBefore2025 .mainMcWrap.active .mainMcInner .scaleWrap{animation:slideUp 1s linear forwards;}
.joinBefore2025 .mainMcWrap .mainMcInner .scaleWrap .scale {position:absolute;top:87px;left:3px;z-index:10;}
.joinBefore2025 .mainMcWrap.active .mainMcInner .scaleWrap .scale {animation:floatZoomIn2 3s 1s linear forwards;}
.joinBefore2025 .mainMcWrap.active .mainMcInner .scaleWrap .scale img {width:125px;}
.joinBefore2025 .mainMcWrap .mainMcInner .scaleWrap .scale2 {position:absolute;top:160px;left:4px;z-index:10;opacity:0;} /* [MD2504_047] 서비스 안내페이지 개선 수정 */
.joinBefore2025 .mainMcWrap.active .mainMcInner .scaleWrap .scale2 {animation:floatZoomIn2 3s 7s linear forwards;}
.joinBefore2025 .mainMcWrap.active .mainMcInner .scaleWrap .scale2 img {width:125px;}

/* scrollbtn */
.joinBefore2025 .btn_bounce_scroll {margin-top:18px;}
.joinBefore2025 .btn_bounce_scroll span{display:inline-block;width:24px;height:24px;background:url('../images/look/btn_main_scroll.png')no-repeat left top;background-size:24px 24px;animation:floatBounce 1s linear infinite;animation-fill-mode :forwards}

@media screen and (max-width:375px){
	.joinBefore2025 .joinBeforeList .joinBeforeSubject{font-size:22px;color:#111;margin-top:28px;margin-bottom:25px;padding:0 18px 0 30px;line-height:1.32;letter-spacing:-2.2px;}
	.joinBefore2025 .wrap_main_title_phone .main_title{font-size:22px;color:#000;line-height:35px;text-align:left;padding-left: 10px;}
	.joinBefore2025 .wrap_main_title_phone .main_title strong{font-size:22px;margin:0;display:block;}
	.joinBefore2025 .joinBeforeList > li .joinBeforeSubject strong{color:#111;display:block;font-size:22px;margin-top:0px;letter-spacing:-2px;}
	.joinBefore2025 .mainCsWrap .mainCsInner > div {overflow:hidden;position:absolute;left:50%;transform:translateX(-50%);z-index: 10;border: 3px solid #111;border-radius: 15px;margin-left:10px;}
}

/* [MD2504_047] 서비스 안내페이지 개선 둘러보기 */
.nhasset .lookSwiper2025 .swiper-slide {border-radius:20px;}
.nhasset .lookSwiper2025 .lookTit{font-size:24px;color:#000;line-height:35px;text-align:left;margin:0;letter-spacing:-2.2px;}
.nhasset .lookSwiper2025 .lookTit span{color:#666;font-weight:normal;}
.nhasset .lookSwiper2025 .lookTit strong{font-size:24px;margin:0;display:block;}
.nhasset .lookSwiper2025 .junbub{bottom:15px;left:0px;}
.nhasset .lookSwiper2025 .swiper-slide{padding:28px 25px 25px 30px;overflow:hidden;height:472px;}
.nhasset .lookSwiper2025 .slideC {background-color:#d6f1ea;} /* 생활금융파트너 */
.nhasset .lookSwiper2025 .slideR1 {background-color:#e9e6ef;} /* 자산현황 */
.nhasset .lookSwiper2025 .slideR2 {background-color:#eee9e3 ;} /* 소비현황 */
.nhasset .lookSwiper2025 .slideR3 {background-color:#f2f4f8;} /* 금융플래너,주택청약플래너 */
.nhasset .lookSwiper2025 .slideR4 {background-color:#f0fbf7;} /* 보고서 */
.nhasset .lookSwiper2025 .slideR5 {background-color:#f2f4f8;} /* 헬스케어 */
/* 생활금융파트너 */
.nhasset .lookSwiper2025 .slideC{position:relative;}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active{animation: ani_joinBeforeTitle 0.5s linear;animation-delay: 0.5s;animation-fill-mode :forwards}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active .floatBtn{position:absolute;top:140px;left:50%;margin-left:35px;animation:slideInLeft 1s 1s linear forwards;opacity:0;}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active .floatBtn img{width:90px;height:auto;animation:floatBounce 2s 3s ease-in 2;}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active .floatBtn2{position:absolute;top:355px;left:50%;margin-left:-30px;animation:slideInRight 1s 1s linear forwards;opacity:0;z-index:11;}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active .floatBtn2 img{width:85px;height:auto;animation:floatBounce 2s 2s ease-in 2;}
.nhasset .lookSwiper2025 .slideC .main_title_phone{position:relative;z-index:10;perspective:400px;}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active .mainPfmEmt01{overflow:hidden;position:relative;z-index:10;border:3px solid #111;border-radius:17px;width:142px;height:270px;margin:0 auto;margin-top:30px;animation:slideUp 1s linear,rotate2 1s 1s linear forwards;box-shadow:19px 9px 28px 6px rgb(109 109 109 / 20%);}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active .mainPfmEmt01:before {content:'';position:absolute;left:50%;top:5px;transform:translateX(-20px);width:40px;height:10px;border-radius:15px;background-color:#111;z-index:10;}
.nhasset .lookSwiper2025 .slideC .mainPfmCont {height:100%;overflow:hidden;margin:0 auto;position:relative;}
.nhasset .lookSwiper2025 .slideC .mainPfmCont img {max-width:100%;}
.nhasset .lookSwiper2025 .slideC.swiper-slide-active .junbub{animation: slideUp 1s 1s linear forwards;opacity:0;}
/* 자산현황 */
.nhasset .lookSwiper2025 .slideR1 .mainPfmArea{position:relative;width:min-content;display:flex;margin:0 auto;margin-top:40px;overflow:initial;}
.nhasset .lookSwiper2025 .slideR1 .mainPfmArea .mainPfmInner{display:flex;position:initial}
.nhasset .lookSwiper2025 .slideR1.swiper-slide-active .mainPfmArea .mainPfmInner .mainPfmEmt01{animation:mainPfmInner1 1s 1 ease-out forwards, mainPfmInner3 1s 3s  1 linear forwards;opacity:0;}
.nhasset .lookSwiper2025 .slideR1.swiper-slide-active .mainPfmArea .mainPfmInner .mainPfmEmt01 img{position: absolute;animation: slideDown50 1s 5s linear forwards;}
.nhasset .lookSwiper2025 .slideR1.swiper-slide-active .mainPfmArea .mainPfmInner .mainPfmEmt02{animation:mainPfmInner1 1s .7s ease-out forwards, mainPfmInner2 1s 3s  1 linear forwards;opacity:0;}
.nhasset .lookSwiper2025 .slideR1.swiper-slide-active .mainPfmArea .mainPfmInner .mainPfmEmt02 .mainPfmCont{position:absolute;animation:slideInLeft100 1s 7s linear forwards;}
.nhasset .lookSwiper2025 .slideR1.swiper-slide-active .mainPfmArea .mainPfmInner .mainPfmEmt02 .mainPfmCont + .mainPfmCont {left:100%;}
.nhasset .lookSwiper2025 .slideR1 .mainPfmArea .mainPfmInner > div{flex:0 0 120px;overflow:hidden;position:relative;z-index:10;border:3px solid #111;border-radius:15px;width:120px;height:240px;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);opacity:0;}
.nhasset .lookSwiper2025 .slideR1 .mainPfmArea .mainPfmInner > div:before {content:'';position:absolute;left:50%;top: 5px;transform: translateX(-18px);width: 36px;height: 10px;border-radius:15px;background-color:#111;z-index:10;}
.nhasset .lookSwiper2025 .slideR1 .mainPfmArea .mainPfmInner > div + div {margin-left:15px;}
.nhasset .lookSwiper2025 .slideR1 .mainPfmArea .mainPfmInner > div .mainPfmCont{overflow: hidden;margin:0 auto;position: relative;width:100%;height:100%;}
/* 소비현황 */
.nhasset .lookSwiper2025 .slideR2 .mainCsArea{position:relative;margin-top:25px;}
.nhasset .lookSwiper2025 .slideR2 .mainCsArea .mainCsInner{position:relative;height:240px;perspective:400px;}
.nhasset .lookSwiper2025 .slideR2 .mainCsArea .mainCsInner > div {overflow:hidden;position:absolute;left:50%;transform:translateX(-50%);z-index: 10;border: 3px solid #111;border-radius: 15px;}
.nhasset .lookSwiper2025 .slideR2 .mainCsArea .mainCsInner > div:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-18px);width:36px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.nhasset .lookSwiper2025 .slideR2 .mainCsArea .mainCsInner .mainCsEmt01{bottom:0px;top: 25px;width:105px;height:200px;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.nhasset .lookSwiper2025 .slideR2.swiper-slide-active .mainCsArea .mainCsInner .mainCsEmt01{animation:rotate_origin_left 1s 1s linear forwards;transform-origin:bottom;}
.nhasset .lookSwiper2025 .slideR2.swiper-slide-active .mainCsArea .mainCsInner .mainCsEmt01 .mainPfmCont img{position:absolute;animation:slideDown 5s 2s linear forwards;}
.nhasset .lookSwiper2025 .slideR2 .mainCsArea .mainCsInner .mainCsEmt02{bottom:0px;width:125px;height:240px;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.nhasset .lookSwiper2025 .slideR2.swiper-slide-active .mainCsArea .mainCsInner .mainCsEmt02{animation:rotate_origin_right 1s 1s linear forwards;transform-origin:bottom;}
.nhasset .lookSwiper2025 .slideR2.swiper-slide-active .mainCsArea .mainCsInner .mainCsEmt02 .mainPfmCont img{position:absolute;animation:slideDown 6s 2s linear forwards;}
/* 금융플래너 */
.nhasset .lookSwiper2025 .slideR3 .mainDlArea{position:relative;margin-top:25px;}
.nhasset .lookSwiper2025 .slideR3 .mainDlArea .mainDlInner{position:relative;display:flex;justify-content: center;flex:auto;}
.nhasset .lookSwiper2025 .slideR3 .mainDlArea .mainDlInner > div {overflow:hidden;display:inline-block;position:absolute;top:10px;border: 3px solid #111;border-radius: 15px;width:120px;height:240px;opacity:0;}
.nhasset .lookSwiper2025 .slideR3 .mainDlArea .mainDlInner > div:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-18px);width:36px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.nhasset .lookSwiper2025 .slideR3.swiper-slide-active .mainDlArea .mainDlInner .mainDlEmt01{animation:slideInLeft2 1s linear forwards;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.nhasset .lookSwiper2025 .slideR3.swiper-slide-active .mainDlArea .mainDlInner .mainDlEmt01 .mainPfmCont img{position:absolute;animation:slideDown 3s 2s linear forwards;}
.nhasset .lookSwiper2025 .slideR3.swiper-slide-active .mainDlArea .mainDlInner .mainDlEmt02{animation:slideInRight2 1s linear forwards;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.nhasset .lookSwiper2025 .slideR3.swiper-slide-active .mainDlArea .mainDlInner .mainDlEmt02 .mainPfmCont img{position:absolute;animation:slideDown 3s 3s linear forwards;}
.nhasset .lookSwiper2025 .slideR3 .mainDlArea .floatBtn3{position:absolute;top:200px;left:50%;opacity:0;flex: 0 0 200px;}
.nhasset .lookSwiper2025 .slideR3 .mainDlArea .floatBtn3 img {width:70px;}
.nhasset .lookSwiper2025 .slideR3.swiper-slide-active .mainDlArea .floatBtn3{animation:floatZoomIn 1s 6s linear forwards;}

/* 보고서 */
.nhasset .lookSwiper2025 .slideR4 .mainYaArea{position:relative;margin-top:25px;}
.nhasset .lookSwiper2025 .slideR4 .mainYaArea .mainYaInner{position:relative;display:flex;justify-content: center;flex:auto;}
.nhasset .lookSwiper2025 .slideR4 .mainYaArea .mainYaInner > div {overflow:hidden;display:inline-block;position:absolute;margin:0 6px;}
.nhasset .lookSwiper2025 .slideR4 .mainYaArea .mainYaInner .mainYaEmt01{top:30px;opacity:0;width:80px;}
.nhasset .lookSwiper2025 .slideR4.swiper-slide-active .mainYaArea .mainYaInner .mainYaEmt01{animation:slideInRight3 1s 1s linear forwards;}
.nhasset .lookSwiper2025 .slideR4.swiper-slide-active .mainYaArea .mainYaInner .mainYaEmt01 img{opacity:.5;}
.nhasset .lookSwiper2025 .slideR4 .mainYaArea .mainYaInner .mainYaEmt02{top:30px;opacity:0;width:90px;}
.nhasset .lookSwiper2025 .slideR4.swiper-slide-active .mainYaArea .mainYaInner .mainYaEmt02{animation:slideInLeft3 1s 1s linear forwards;}
.nhasset .lookSwiper2025 .slideR4.swiper-slide-active .mainYaArea .mainYaInner .mainYaEmt02 img{opacity:.5;}
.nhasset .lookSwiper2025 .slideR4 .mainYaArea .mainYaInner .mainYaEmt03{opacity:0;border: 3px solid #111;border-radius: 15px;width:130px;height:260px;z-index:10;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);}
.nhasset .lookSwiper2025 .slideR4.swiper-slide-active .mainYaArea .mainYaInner .mainYaEmt03{animation:slideCInLeft 1s linear forwards;}
.nhasset .lookSwiper2025 .slideR4.swiper-slide-active .mainYaArea .mainYaInner .mainYaEmt03:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-21px);width:42px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.nhasset .lookSwiper2025 .slideR4.swiper-slide-active .mainYaArea .mainYaInner .mainYaEmt03 .mainPfmCont img{position:absolute;animation:slideDown 3s 3s linear forwards;}
/* 헬스케어 */
.nhasset .lookSwiper2025 .slideR5 .mainMcArea{position:relative;margin-top:25px;}
.nhasset .lookSwiper2025 .slideR5 .mainMcArea .mainMcInner{position:relative;display:flex;justify-content: center;flex:auto;}
.nhasset .lookSwiper2025 .slideR5 .mainMcArea .mainMcInner > div {display:inline-block;position:absolute;margin:0 6px;}
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .mainMcEmt01{top:30px;animation:slideInRight4 1s 2s linear forwards;opacity:0;width:90px;}
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .mainMcEmt02{top:145px;animation:slideInLeft4 1s 3s linear forwards;opacity:0;width:185px;}
.nhasset .lookSwiper2025 .slideR5 .mainMcArea .mainMcInner .mainMcEmt03{overflow:hidden;position:relative;border:3px solid #111;border-radius: 15px;width:130px;height:260px;z-index:10;box-shadow: 7px 0 15px 1px rgb(109 109 109 / 20%);margin: 0 auto;}
.nhasset .lookSwiper2025 .slideR5 .mainMcArea .mainMcInner .mainMcEmt03:before{content:'';position:absolute;left:50%;top:5px;transform:translateX(-21px);width:42px;height:10px;border-radius:10px;background-color:#111;z-index:10;}
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .mainMcEmt03 .mainPfmCont img{position:absolute;animation:slideDown 1.5s 4.5s linear forwards;}
.nhasset .lookSwiper2025 .slideR5 .mainMcArea .mainMcInner .scaleWrap{position:relative;opacity:0;}
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .scaleWrap{animation:slideUp 1s linear forwards;}
.nhasset .lookSwiper2025 .slideR5 .mainMcArea .mainMcInner .scaleWrap .scale {position:absolute;top:87px;left:3px;z-index:10;}
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .scaleWrap .scale {animation:floatZoomIn2 3s 1s linear forwards;}
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .scaleWrap .scale img {width:125px;}
.nhasset .lookSwiper2025 .slideR5 .mainMcArea .mainMcInner .scaleWrap .scale2 {position:absolute;top:160px;left:4px;z-index:10;opacity:0;} /* [MD2504_047] 서비스 안내페이지 개선 둘러보기 수정 */
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .scaleWrap .scale2 {animation:floatZoomIn2 3s 7s linear forwards;}
.nhasset .lookSwiper2025 .slideR5.swiper-slide-active .mainMcArea .mainMcInner .scaleWrap .scale2 img {width:125px;}

@media screen and (max-width:375px){
	.nhasset .lookSwiper2025 .swiper-slide{padding:28px 20px 25px 30px;overflow:hidden;height:472px;}
	.nhasset .lookSwiper2025 .lookTit{font-size:22px;color:#000;line-height:32px;text-align:left;margin:0;letter-spacing:-2.2px;}
	.nhasset .lookSwiper2025 .lookTit span{color:#666;font-weight:normal;}
	.nhasset .lookSwiper2025 .lookTit strong{font-size:22px;margin:0;display:block;}
	.nhasset .lookSwiper2025 .slideR2 .mainCsArea .mainCsInner > div {overflow:hidden;position:absolute;left:50%;transform:translateX(-50%);z-index: 10;border: 3px solid #111;border-radius: 15px;margin-left:10px;}
}

@keyframes mainPfmInner1{
  0%{transform:translateX(50%);opacity: 0;}
  100%{transform:translateX(0);opacity: 1;}
}
@keyframes mainPfmInner2{
  0%{top:0;}
  100%{top:-20px;opacity: 1;}
}
@keyframes mainPfmInner3{
  0%{top:0;}
  100%{top:10px;opacity: 1;}
}
@keyframes slideUp{
  0%{transform:translateY(100%);opacity:0;}
  100%{transform:translateY(0);opacity:1;}
}
@keyframes slideDown{
  0%{transform:translateY(0);top:0;}
  100%{transform:translateY(-100%);top:100%;}
}
@keyframes slideDown50{
  0%{transform:translateY(0);top:0;}
  100%{transform:translateY(-50%);top:100%;}
}
@keyframes slideInLeft100{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}
@keyframes rotate{
  0%{transform:rotate(0);}
  100%{transform: rotateY(-5deg) rotateZ(5deg);}
}
@keyframes rotate2{
  0%{transform:rotate(0);}
  100%{transform: rotateY(-10deg) rotateZ(5deg);}
}
@keyframes slideInLeft{
  0%{transform:translateX(-170px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(-150px);opacity:1;}
}
@keyframes slideInRight{
  0%{transform:translateX(80px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(50px);opacity:1;}
}
@keyframes slideInLeft2{
  0%{transform:translateX(-100px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(-70px);opacity:1;}
}
@keyframes slideInRight2{
  0%{transform:translateX(80px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(60px);opacity:1;}
}
@keyframes slideCInLeft{
  0%{transform:translateX(30px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(o);opacity:1;}
}
@keyframes slideInLeft3{
  0%{transform:translateX(0px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(-100px);opacity:1;}
}
@keyframes slideInRight3{
  0%{transform:translateX(0px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(100px);opacity:1;}
}
@keyframes slideInLeft4{
  0%{transform:translateX(0px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(-50px);opacity:1;}
}
@keyframes slideInRight4{
  0%{transform:translateX(0px);opacity:0;}
  50%{opacity:.5;}
  100%{transform:translateX(90px);opacity:1;}
}
@keyframes floatBounce {
	0% {transform: translate3d(0, 0, 0);}
	50% {transform: translate3d(0, 10px, 0);}
	100% {transform: translate3d(0, 0, 0);}
}
@keyframes rotate_origin_left{
  100%{transform:translateX(-110px) rotateY(7deg) rotateZ(-10deg);}
}
@keyframes rotate_origin_right{
  100%{transform:translateX(-30px) rotateY(-8deg) rotateZ(5deg);}
}
@keyframes floatZoomIn {
	0% {transform:translateX(70px);opacity:0;}
	50% {transform:translateX(70px) scale(1.3,1.3);opacity:1;}
	100% {transform:translateX(70px) scale(1, 1);opacity:1;}
}
@keyframes floatZoomIn2 {
	0% {transform:scale(1, 1);}
	30% {transform:scale(1.5,1.5);opacity:1;}
	80% {transform:scale(1.5,1.5);opacity:1;}
	100% {transform:scale(1, 1);opacity:0;}
}

/* [MD2503_029] 금융플래너 공모주 설정 및 출금예정관련 UX 개선 */
.filter_regBtn_month{position:relative;}
.filter_regBtn_month .sortBtn{position:absolute;left:10px;width:40px;height:40px;}
.filter_regBtn_month .contBtn01{position:absolute;right:20px;width:auto;height:auto;}
/* .msaeBannerWrap04{display:flex;align-items:center;margin-top:18px;height:82px;background:url('../images/banner/banner_ms_bg04.png') no-repeat right center;background-size:64px 64px} */
.bgGudogAlarm{ background: url('../images/bgGudogAlarm.png')no-repeat center top;background-size: 68px 68px;padding: 85px 0 0 0}