@charset "utf-8";

/*메인리뉴얼*/
.reNewMain{background:var(--color_gray18)}
.reNewMain,.reNewMain *,.reNewMain *:before,.reNewMain *:after{font-weight:var(--fweight500);box-sizing:border-box;letter-spacing:-.05rem;font-family:var(--default_font)}
.reNewMain .wrapper{max-width:none}
.reNewMain header{position:fixed;top:0;left:0;width:100%;height:var(--size50);padding:0;background:var(--color_gray18);z-index:10}
.reNewMain header{background:rgba(245,247,250,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.reNewMain header{height:calc(3.125rem + env(safe-area-inset-top));height:calc(3.125rem + constant(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}
.reNewMain header.bgWhite{background:var(--color_white)}
.reNewMain header.bgWhite{background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.reNewMain #topNavibar{display:flex;position:relative;padding:var(--size5) 0;height:var(--size50)}
.reNewMain #topNavibar > h1{position:absolute;top:0;left:var(--size24);width:8.5rem;height:100%}
.reNewMain #topNavibar > h1 > button{display:block;width:100%;height:100%;background:url(/images/nhlife_logo.svg) no-repeat 50% 50%;background-size:100% auto}
.reNewMain #topNavibar > h1 > button > strong{font-size:0;line-height:0}
.reNewMain #topNavibar > h1.hide{left:0;width:0;height:0}
.reNewMain #topNavibar > .btnBigsize{display:flex;justify-content:space-between;align-items:center;position:absolute;top:var(--size13);left:var(--size24)}
.reNewMain #topNavibar .btn_bigsize{display:flex;align-items:center;width:var(--size54);height:var(--size24);padding:0 var(--size4) 0 var(--size3);border-radius:var(--size12);background:var(--color_gray11)}
.reNewMain #topNavibar .btn_bigsize:before{width:var(--size20);height:var(--size20);border-radius:50%;background:var(--color_white);content:""}
.reNewMain #topNavibar .btn_bigsize:after{margin-right:var(--size4);font-size:var(--fsize4);line-height:var(--lineHeight9);color:var(--color_gray01);content:"큰글"}
.reNewMain #topNavibar > h2{display:flex;justify-content:space-between;align-items:center;position:absolute;top:var(--size13);left:var(--size24);;font-weight:var(--fweight700);font-size:var(--fsize6);line-height:var(--lineHeight2);color:var(--color_gray01)}
.reNewMain #topNavibar > h2 > span{display:flex;font:inherit;color:inherit}
.reNewMain #topNavibar > .utilMenu{display:flex;position:absolute;top:0;right:var(--size16)}
.reNewMain #topNavibar > .utilMenu > li{flex:1}
.reNewMain #topNavibar > .utilMenu > li button{display:block;padding:var(--size8) var(--size4)}
.reNewMain #topNavibar > .utilMenu > li button > span{display:block;white-space:nowrap}
.reNewMain #topNavibar > .utilMenu .nhlife_ico,.reNewMain #topNavibar > .utilMenu .nhlife_ico:before{--sizeFix:var(--size32)}
.reNewMain #topNavibar > .utilMenu > li.login{max-width:var(--size68);padding-right:var(--size4)}
.reNewMain #topNavibar > .utilMenu > li.login > button{width:4.0rem;padding:.6875rem 0}
.reNewMain #topNavibar > .utilMenu > li.login > button > span{display:block;height:var(--size28);padding:var(--size5) var(--size8);border:1px solid var(--color_gray08);border-radius:var(--size14);font-size:var(--fsize3);line-height:var(--lineHeight7);color:var(--color_gray01);white-space:nowrap}
.reNewMain .container{font-size:inherit}
.reNewMain #reNewMainCnts{position:relative;margin:0;padding:0 var(--size24) var(--size32) !important;border-bottom:0 none;overflow:hidden}
.reNewMain #mainMyLifeSvc > .newNHLife_wrap > h3{margin-top:var(--space8)}
.reNewMain #divMainArea > .dataLoading_wrap{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;margin:0;border:0 none;background:var(--color_gray18);z-index:99}
.reNewMain #divMainArea > .dataLoading_wrap{padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) / 2);padding-bottom:calc(constant(safe-area-inset-bottom) / 2)}
.reNewMain #divMainArea > #divLoadingMainCnts{border-radius:0;background:var(--color_gray20)}

/*메인컨텐츠*/
/*알림메시지*/
.notification{display:flex;position:relative;width:100%;height:var(--size80);margin:var(--space8) auto}
.notification .is_notific{display:flex;position:absolute;top:0;left:0;width:100%;height:var(--size80);border-radius:var(--size12);overflow:hidden;opacity:1;visibility:initial;transition:opacity .25s ease,visibility .25s ease;z-index:1}
.notification .is_notific .notific_loader{position:relative;width:100%;overflow:hidden;cursor:progress}
.notification .is_notific .notific_loader:after{position:absolute;top:0;right:0;left:0;height:100%;background:linear-gradient(-45deg,rgba(245,247,250,0),#fff,rgba(245,247,250,0));transform:translateX(-100%);animation:notificLoading 1.25s infinite;z-index:1;content:""}
.notification .is_notific .notific_loader .notific_loader_bg{display:flex;position:relative;width:100%;height:100%;background:var(--color_gray12);transform:translate3d(0,0,0);overflow:hidden}
.notification .motionBox{display:flex;width:100%;height:100%;padding:var(--size20) var(--size36) var(--size20) var(--size76);border:1px solid var(--color_gray12);border-radius:var(--size12);background:var(--color_white);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.notification.current .is_notific{opacity:0;visibility:hidden}
.notification.current .motionBox{opacity:1;visibility:initial;animation:.5s forwards notificationShow;animation-delay:.75s}
@keyframes notificLoading {
	to{transform:translateX(100%)}
}
@keyframes notificationShow{
    0%,67%{transform:scale(1,-1)}
    33%,100%{transform:scale(1,1)}
}
.notifiBanner{display:flex;align-items:center;height:100%}
.notifiBanner a{display:flex;width:100%;font-weight:var(--fweight700);font-size:var(--fsize1);line-height:var(--lineHeight5);color:var(--color_gray01)}
.notifiBanner a span{display:flex;font:inherit;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}/*break-all*/
.notification .motionBox > .notifIcon{position:absolute;top:var(--size10);left:var(--size12);width:var(--size56);height:var(--size56);background:url(/images/mainQuickBannIco_img01.png?ver=20250605) no-repeat;background-size:var(--size56) auto}
.notifiBannerSlide{display:flex;height:var(--size40)}
.notifiBannerSlide > .swiper-wrapper{flex-wrap:wrap;height:100%}
.notifiBannerSlide .swiper-slide{height:100%;text-align:left;overflow:hidden}
.notifiBannerSlide .swiper-slide > a{display:flex;width:100%;font-weight:var(--fweight400);font-size:var(--fsize1);line-height:var(--lineHeight5);color:var(--color_gray03)}
.notifiBannerSlide .swiper-slide > a span{display:flex;font:inherit;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}/*break-all*/
.notificationClose{position:absolute;top:var(--size10);right:var(--size10);width:var(--size20);height:var(--size20);z-index:1}
.notificationClose > a{display:block;width:100%;height:100%;padding:0}
.notificationClose .i_close{position:absolute;top:0;right:0;bottom:0;left:0}
.notificationClose .i_close:before,.notificationClose .i_close:after{position:absolute;top:50%;left:50%;width:var(--size20);height:var(--size2);margin-top:-1px;margin-left:calc(var(--size10) * -1);background:var(--color_gray05);transition:transform .3s;-webkit-transition:transform .3s;content:""}
.notificationClose .i_close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.notificationClose .i_close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.notificationClose .i_close:hover:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.notificationClose .i_close:hover:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}

/*이벤트배너 슬라이드*/
.mainEventSlide_wrap{margin:0 0 var(--space32);padding:0}
.mainEventSlide{position:relative;border-radius:var(--size-radius16)}
.mainEventSlide .swiper-slide{}
.mainEventSlide .swiper-slide a{display:block;border:1px solid var(--color_gray12);border-radius:var(--size-radius16);overflow:hidden}
.mainEventSlide .pagination_wrap{display:inline-flex;position:absolute;bottom:var(--size6);right:var(--size6);width:auto;height:var(--size26);border-radius:var(--size26);background:rgba(83,104,118,.7);z-index:3}
.mainEventSlide .pagination_wrap .pagination{bottom:auto;right:auto;width:auto;padding-right:0;background:transparent;font-size:var(--fsize3);line-height:1.6875rem;color:var(--color_white)}
.mainEventSlide .pagination_wrap .pagination span{display:inline-block;position:relative;font-size:inherit;line-height:inherit;color:inherit;vertical-align:top}
.mainEventSlide .pagination_wrap .pagination span.swiper-pagination-current{margin-left:var(--size12);font-weight:var(--fweight700)}
.mainEventSlide .pagination_wrap .pageStop{display:block;max-width:1.625rem;height:100%}
.mainEventSlide .pagination_wrap .pageStop span{display:block;position:relative;width:1.625rem;height:1.625rem;background:transparent}/*rgba(30,32,35,0.7)*/
.mainEventSlide .pagination_wrap .pageStop span.swiper-button-stop:before,.mainEventSlide .pagination_wrap .pageStop span.swiper-button-stop:after{position:absolute;top:var(--size8);left:50%;width:var(--size2);height:var(--size10);background:var(--color_white);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.mainEventSlide .pagination_wrap .pageStop span.swiper-button-stop:before{margin-left:calc(var(--size2) * -1)}
.mainEventSlide .pagination_wrap .pageStop span.swiper-button-stop:after{margin-left:var(--size2)}
.mainEventSlide .pagination_wrap .pageStop span.swiper-button-play:before{position:absolute;top:var(--size8);left:50%;width:0;height:0;margin-left:var(--size3);border:var(--size5) solid transparent;border-left-color:var(--color_white);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}

/*메인컨텐츠 박스*/
.mainCntsBox{padding:var(--size24) var(--size20);margin-bottom:var(--space32);border:1px solid var(--color_gray12);border-radius:var(--size16);background:var(--color_white);box-shadow:0 var(--size10) var(--size24) calc(var(--size8) * -1) rgba(0,0,0,.18), 0 calc(var(--size6) * -1) var(--size16) calc(var(--size6) * -1) rgba(0,0,0,.04)}/*0 var(--size10) var(--size10) rgb(0 0 0 / 2%)*/
.mainCntsBox .titleGroup{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size12)}
.mainCntsBox .titleGroup h3{font-weight:var(--fweight700);font-size:var(--hfsize4);line-height:var(--lineHeight2);color:var(--color_gray01);word-break:keep-all;overflow-wrap:break-word}
.mainCntsBox .h3desc{font-size:var(--fsize1);line-height:var(--lineHeight1);color:var(--color_gray04)}
.mainCntsBox .mainCntsIcon{min-height:var(--size132)}
.mainCntsBox .mainCntsIcon > a{display:flex;flex-direction:column;height:100%}
.mainCntsBox .vouthAssayIcon{display:flex;width:100%;height:var(--size108);margin-top:calc(var(--space8) * -1);background:url(/images/mainQuickBannIco_img04.png?ver=20250605) no-repeat 50% 0;background-size:auto var(--size128)}
.mainCntsBox .btnMore{margin-top:var(--size12)}
.mainCntsBox .btnMore > .moreButton{display:flex;justify-content:center;width:100%;border:1px solid var(--color_gray11);border-radius:var(--size10);font-weight:var(--fweight700);font-size:var(--fsize1);line-height:var(--lineHeight1);color:var(--color_gray03);leftter-spacing:0}
.mainCntsBox .btnMore > .moreButton > span{padding:var(--size14) 0 var(--size12);font:inherit;color:inherit}
.mainCntsBox .btnMore > .moreButton.btnPrimary{border-color:var(--color_blue1);background:var(--color_blue1);font-size:var(--fsize6);line-height:var(--lineHeight1);color:var(--color_white)}
.mainCntsBox .btnMore > .moreButton.btnPrimary > span{padding:var(--size16) 0 var(--size14);letter-spacing:0}
.mainCntsBox.nhHanaroBox{margin-bottom:var(--space8)}
.mainCntsBox.nhHanaroBox,.mainCntsBox.nhPointBox{box-shadow:none}


/*바로가기*/
.shortcutMenu_wrap{padding:0 var(--size24);margin:0 0 var(--space16)}
.shortcutMenu_lst{display:flex;flex-wrap:wrap;}
.shortcutMenu_lst > li{flex:0 0 var(--size68);padding:var(--size6) 0}
.shortcutMenu_lst > li:nth-child(3n + 2){flex:0 0 calc(100% - var(--size136))}
.shortcutMenu_lst > li:nth-child(n+4){margin-top:var(--size12)}
.shortcutMenu_lst button{display:block;width:100%}
.shortcutMenu_lst .nhlife_ico{margin:0 auto var(--size2)}
.shortcutMenu_lst .nhlife_ico,.shortcutMenu_lst .nhlife_ico:before{--sizeFix:var(--size44)}
.shortcutMenu_lst strong{display:block;font-weight:var(--fweight400);font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_gray01);white-space:nowrap}
.shortcutMenu_lst button:hover > strong{color:var(--color_base01)}
.shortcutMenu_lst > li.onInsuLink button{position:relative}
.tooltiptext{display:flex;justify-content:center;position:absolute;width:100%;max-width:var(--size64);padding:var(--size4) 0 var(--size2);border-radius:var(--size6);background:var(--color_gray01);font-size:var(--fsize3);line-height:var(--lineHeight7);color:var(--color_white);animation:newMotion 700ms alternate infinite;z-index:1}
.tooltiptext:before{position:absolute;border:var(--size6) solid transparent;content:""}
.tooltiptext.tooltip-top{top:calc(var(--size16) * -1);left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.tooltiptext.tooltip-top:before{top:100%;left:50%;border-color:var(--color_gray01) transparent transparent transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
@keyframes newMotion{
    0%,100%{transform:translate(-50%,0);animation-timing-function:ease-out}
    50%{transform:translate(-50%,-6px);animation-timing-function:ease-in}
}
@-webkit-keyframes newMotion{
    0%,100%{transform:translate(-50%,0);animation-timing-function:ease-out}
    50%{transform:translate(-50%,-6px);animation-timing-function:ease-in}
}

/*수련원예약*/
.TCReservSlide{border-radius:var(--size-radius12)}
.TCReservSlide .swiper-slide{justify-content:initial}
.TCReservSlide a{display:block;width:100%}
.TCReservSlide .TCReservInfo{position:relative;text-align:left}
.TCReservSlide .TCReservInfo .img{display:block;position:relative;height:var(--size132);border-radius:var(--size-radius12);overflow:hidden}
.TCReservSlide .TCReservInfo .img > img{position:absolute;top:50%;left:0;width:100%;height:auto;min-height:var(--size132);transform:translateY(-50%);-webkit-transform:translateY(-50%);object-fit:cover}
.TCReservSlide .TCReservInfo .caption{min-height:4.0rem;padding:var(--size12) 0 var(--size20)}
.TCReservSlide .TCReservInfo .caption > strong{display:block;font-weight:var(--fweight700);font-size:var(--fsize5);line-height:var(--lineHeight1);color:var(--color_gray01);word-break:keep-all;overflow-wrap:break-word}
.TCReservSlide .pagination_wrap{display:flex;flex-wrap:nowrap;position:absolute;bottom:0;left:50%;right:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:10}
.TCReservSlide .pagination_wrap div[class*="swiper"]{flex:0 0 auto}
.TCReservSlide .pagination_wrap .pagination{width:auto;margin:0 0 0 var(--size6);border-radius:0;background:none}
.TCReservSlide .pagination_wrap .pagination > .swiper-pagination-bullet{flex:auto;width:var(--size8);height:var(--size8);margin:0 var(--size4);border-radius:var(--size4);background:var(--color_gray08);transition:width .3s ease,background .3s ease;-webkit-transition:width .3s ease,background .3s ease}
.TCReservSlide .pagination_wrap .pagination > .swiper-pagination-bullet-active{width:var(--size24);background:var(--color_gray01)}
.TCReservSlide .pagination_wrap .pageStop{display:block;max-width:1.625rem;height:100%}
.TCReservSlide .pagination_wrap .pageStop span{display:block;position:relative;width:1.625rem;height:1.625rem;background:transparent}/*rgba(30,32,35,0.7)*/
.TCReservSlide .pagination_wrap .pageStop span.swiper-button-stop:before,.TCReservSlide .pagination_wrap .pageStop span.swiper-button-stop:after{position:absolute;top:var(--size8);left:50%;width:var(--size2);height:var(--size10);background:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.TCReservSlide .pagination_wrap .pageStop span.swiper-button-stop:before{margin-left:calc(var(--size2) * -1)}
.TCReservSlide .pagination_wrap .pageStop span.swiper-button-stop:after{margin-left:var(--size2)}
.TCReservSlide .pagination_wrap .pageStop span.swiper-button-play:before{position:absolute;top:var(--size8);left:50%;width:0;height:0;margin-left:var(--size3);border:var(--size5) solid transparent;border-left-color:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}

/*추천상품 슬라이드*/
.recommProdSlide{width:calc(100% + var(--size40));padding:0 var(--size36);margin:0 calc(var(--size20) * -1) !important;border-radius:var(--size-radius12);overflow:inherit !important}
.recommProdSlide .swiper-slide{justify-content:initial;height:auto}
.recommProdSlide a{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%;height:calc(100% - var(--size20));margin-top:var(--size20);padding:var(--size40) var(--size20) var(--size16);border-radius:var(--size-radius12);text-align:left}
.recommProdSlide a[class*="recommProdCate"]{}
.recommProdSlide a.recommProdCate0{background:var(--color_lightOrange1)}
.recommProdSlide a.recommProdCate1{background:var(--color_lightBlue6)}
.recommProdSlide a.recommProdCate2{background:var(--color_lightGreen4)}
.recommProdSlide a.recommProdCate3{background:var(--color_lightPink1)}
.recommProdSlide a.recommProdCate4{background:var(--color_lightViolet1)}
.recommProdSlide a.recommProdCate5{background:var(--color_lightOrange2)}
.recommProdSlide .swiper-slide[data-swiper-slide-index="0"] > a{background:var(--color_lightOrange1) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="1"] > a{background:var(--color_lightBlue6) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="2"] > a{background:var(--color_lightGreen4) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="3"] > a{background:var(--color_lightPink1) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="4"] > a{background:var(--color_lightViolet1) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="5"] > a{background:var(--color_lightOrange2) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="6"] > a{background:var(--color_lightOrange1) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="7"] > a{background:var(--color_lightBlue6) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="8"] > a{background:var(--color_lightGreen4) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="9"] > a{background:var(--color_lightPink1) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="10"] > a{background:var(--color_lightViolet1) !important}
.recommProdSlide .swiper-slide[data-swiper-slide-index="11"] > a{background:var(--color_lightOrange2) !important}
.recommProdSlide a .recommProdIcon{position:absolute;top:calc(var(--size32) * -1);right:var(--size16);width:var(--size76);height:var(--size76);background:no-repeat;background-size:auto var(--size76)}
.recommProdSlide a .recommProdIcon.no0{background-image:url(/images/mainRecommProd_img01.png?ver=20250605)}
.recommProdSlide a .recommProdIcon.no1{background-image:url(/images/mainRecommProd_img02.png?ver=20250605)}
.recommProdSlide a .recommProdIcon.no2{top:calc(var(--size42) * -1);width:var(--size84);height:var(--size84);background-image:url(/images/mainRecommProd_img03.png?ver=20250605);background-size:auto var(--size84)}
.recommProdSlide a .recommProdIcon.no3{background-image:url(/images/mainRecommProd_img04.png?ver=20250605)}
.recommProdSlide a .recommProdIcon.no4{background-image:url(/images/mainRecommProd_img05.png?ver=20250605)}
.recommProdSlide a .recommProdIcon.no5{background-image:url(/images/mainRecommProd_img06.png?ver=20250605)}
.recommProdSlide a > .desc{height:var(--size40);margin-bottom:var(--size4);font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_gray04);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.recommProdSlide a > strong{margin-top:auto;font-weight:var(--fweight700);font-size:var(--fsize1);line-height:var(--lineHeight5);color:var(--color_gray01);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recommProdSlide a > .more{position:relative;margin:auto 0 0 auto;padding-right:var(--size12);font-size:var(--fsize4);line-height:var(--lineHeight5);color:var(--color_gray06)}
.recommProdSlide a > .more:before{position:absolute;top:var(--size4);right:0;width:var(--size8);height:var(--size8);border:solid var(--color_gray06);border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:left top;-webkit-transform-origin:left top;content:""}
.recommProdSlide .pagination_wrap{position:absolute;top:calc(var(--size40) * -1);right:var(--size12);width:var(--size68)}
.recommProdSlide .pagination_wrap .swiper_btnArrow{display:flex;justify-content:space-between}
.recommProdSlide .pagination_wrap .swiper_btnNext,.recommProdSlide .pagination_wrap .swiper_btnPrev{position:relative;width:var(--size26);height:var(--size26);cursor:pointer}
.recommProdSlide .pagination_wrap .swiper_btnNext:before,.recommProdSlide .pagination_wrap .swiper_btnPrev:before{position:absolute;top:0;width:var(--size13);height:var(--size13);margin-top:var(--size7);border:solid var(--color_gray05);border-width:1px 1px 0 0;transform-origin:center center;-webkit-transform-origin:center center;content:""}
.recommProdSlide .pagination_wrap .swiper_btnNext:before{left:var(--size2);transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.recommProdSlide .pagination_wrap .swiper_btnPrev:before{left:var(--size8);transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.recommProdSlide .pagination_wrap .pageStop{display:block;position:absolute;top:0;left:50%;max-width:var(--size26);height:var(--size26);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.recommProdSlide .pagination_wrap .pageStop span{display:block;position:relative;width:var(--size26);height:var(--size26);background:transparent}
.recommProdSlide .pagination_wrap .pageStop span.swiper-button-stop:before,.recommProdSlide .pagination_wrap .pageStop span.swiper-button-stop:after{position:absolute;top:var(--size6);left:50%;width:var(--size2);height:var(--size14);background:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.recommProdSlide .pagination_wrap .pageStop span.swiper-button-stop:before{margin-left:calc(var(--size3) * -1)}
.recommProdSlide .pagination_wrap .pageStop span.swiper-button-stop:after{margin-left:var(--size3)}
.recommProdSlide .pagination_wrap .pageStop span.swiper-button-play:before{position:absolute;top:var(--size8);left:50%;width:0;height:0;margin-left:var(--size3);border:var(--size6) solid transparent;border-left-color:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}

/*도움이 필요하신가요*/
.helpService_wrap{overflow-x:auto}
.helpService_lst{display:flex}
.helpService_lst > li{flex:0 0 auto}
.helpService_lst > li + li{margin-left:var(--size12)}
.helpService_lst button{display:flex;flex-direction:column;position:relative;min-width:var(--size124);max-width:var(--size152);padding:var(--size16) var(--size20);border:1px solid var(--color_gray10);border-radius:var(--size12)}
.helpService_lst button.helpService.no1{background:var(--color_lightGreen5)}
.helpService_lst button.helpService.no2{background:var(--color_lightBlue7)}
.helpService_lst button.helpService.no3{background:var(--color_lightPink1)}
.helpService_lst button > span{display:block;font-weight:var(--fweight700);font-size:var(--fsize2);line-height:var(--lineHeight5);color:var(--color_gray01);text-align:left}
.helpService_lst button > .nhlife_ico{position:absolute;bottom:var(--size16);right:var(--size6)}
.helpService_lst button > .nhlife_ico,.helpService_lst button > .nhlife_ico:before{--sizeFix:var(--size32)}
.helpService_lst button .goTxt{display:flex;position:relative;max-width:var(--size60);padding-right:var(--size12);margin-top:var(--size12);font-weight:var(--fweight500);font-size:var(--fsize4);line-height:var(--lineHeight5);color:var(--color_gray05)}
.helpService_lst button .goTxt:before{position:absolute;top:var(--size4);right:0;width:var(--size8);height:var(--size8);border:solid var(--color_gray05);border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:left top;-webkit-transform-origin:left top;content:""}

/*하나로가족등급*/
.nhHanaro_wrap{display:flex;justify-content:space-between;align-items:center}
.nhHanaro_wrap > *{flex:0 0 auto}
.nhHanaro_wrap .nhHanaro{}
.nhHanaro_wrap .nhHanaro > strong{display:block;font-weight:var(--fweight500);font-size:var(--fsize2);line-height:var(--lineHeight1);color:var(--color_gray04)}
.nhHanaro_wrap .nhHanaro > strong > span,.nhHanaro_wrap .nhHanaro > strong > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_gray01)}
.nhHanaro_wrap .nhHanaro > strong > em{font-size:var(--hfsize4)}
.nhHanaro_wrap .preferService{}
.nhHanaro_wrap .preferService > a{display:inline-flex;font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_gray06)}
.nhHanaro_wrap .preferService > a > span{position:relative;padding-right:var(--size12);font:inherit;color:inherit}
.nhHanaro_wrap .preferService > a > span:before{position:absolute;top:var(--size4);right:0;width:var(--size8);height:var(--size8);border:solid var(--color_gray06);border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:left top;-webkit-transform-origin:left top;content:""}
.nhHanaro_wrap .nhHanaroRating{display:flex}
.nhHanaro_wrap .nhHanaroRating > .rating{display:flex;justify-content:center;align-items:center;width:var(--size56);height:var(--size56);border-radius:50%;font-weight:var(--fweight700);font-size:var(--fsize8);line-height:var(--lineHeight3);color:var(--color_white)}
.nhHanaro_wrap .nhHanaroRating > .rating.family{background:var(--color_gray08)}
.nhHanaro_wrap .nhHanaroRating > .rating.green{background:var(--vipColor_green)}
.nhHanaro_wrap .nhHanaroRating > .rating.royal{background:var(--vipColor_royal)}
.nhHanaro_wrap .nhHanaroRating > .rating.gold{background:var(--vipColor_gold)}
.nhHanaro_wrap .nhHanaroRating > .rating.topclass{background:var(--vipColor_topclass)}
.nhHanaro_wrap .nhHanaroRating > a{display:flex;font-weight:var(--fweight700);font-size:var(--fsize6);line-height:var(--lineHeight5);color:var(--color_gray01)}
.nhHanaro_wrap .nhHanaroRating > a > span{position:relative;padding-right:var(--size16);font:inherit;color:inherit}
.nhHanaro_wrap .nhHanaroRating > a > span:before{position:absolute;top:1px;right:0;width:var(--size12);height:var(--size12);border:solid var(--color_gray01);border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:left top;-webkit-transform-origin:left top;content:""}
/*NH포인트*/
.nhPoint_wrap{display:flex;justify-content:space-between;align-items:center}
.nhPoint_wrap > *{flex:0 0 auto}
.nhPoint_wrap .nhPoint{}
.nhPoint_wrap .nhPoint > strong{display:block;font-weight:var(--fweight500);font-size:var(--fsize2);line-height:var(--lineHeight1);color:var(--color_gray04)}
.nhPoint_wrap .nhPoint > strong > span,.nhPoint_wrap .nhPoint > strong > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_gray01)}
.nhPoint_wrap .nhPoint > strong > em{font-size:var(--hfsize4)}
.nhPoint_wrap .nhPointValue{}
.nhPoint_wrap .nhPointValue > a{display:flex}
.nhPoint_wrap .nhPointValue > a > em{display:block;position:relative;padding-left:var(--size24);padding-right:var(--size16);font-weight:var(--fweight700);font-size:var(--hfsize4);line-height:var(--lineHeight1);color:var(--color_gray01)}
.nhPoint_wrap .nhPointValue > a > em:before{position:absolute;top:0;left:0;width:var(--size20);height:var(--size20);border-radius:50%;background:var(--color_base05);font-weight:var(--fweight400);font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_white);text-align:center;content:"P"}
.nhPoint_wrap .nhPointValue > a > em:after{position:absolute;top:var(--size4);right:0;width:var(--size10);height:var(--size10);border:solid var(--color_gray01);border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:left top;-webkit-transform-origin:left top;content:""}
.nhPoint_wrap .nhPointValue > a > .nhmembersPOT{display:flex;width:var(--size104);height:var(--size24);background:url(/images/mainQuickBannIco_img05.png?ver=20250605) no-repeat 50% 50%;background-size:var(--size104) auto}

/*나의걸움수*/
.nhHC_stepCount{display:flex;flex-direction:column;align-items:center;margin:var(--space16) 0 var(--space24)}
.nhHC_stepCount > strong{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--size104);height:var(--size104);padding:var(--size8) 0;border-radius:50%;background:var(--color_lightBlue6)}
.nhHC_stepCount > strong > .hc_stepCount{display:block;width:var(--size64);height:var(--size64);background:url(/images/quickBannIco_img02.png) no-repeat;background-size:auto var(--size64)}
.nhHC_stepCount > strong > span{display:block;font-size:var(--hfsize3);line-height:var(--lineHeight2);color:var(--color_gray04)}
.nhHC_stepCount > .hc_stepCountRace{display:flex;position:relative;width:100%;height:var(--size6);margin-top:var(--space16);border-radius:var(--size3);background:var(--color_gray10)}
.nhHC_stepCount > .hc_stepCountRace > span{display:flex;position:relative;width:0;height:100%;border-radius:var(--size3);background:var(--color_base01);transition:width .3s ease-out;-webkit-transition:width .3s ease-out;transition-delay:.5s;-webkit-transition-delay:.5s}
.nhHC_stepCount > .hc_stepCountRace .nhlife_ico{position:absolute;top:calc(var(--size28) * -1);right:calc(var(--size6) * -1)}
.nhHC_stepCount > .hc_stepCountRace .nhlife_ico,.nhHC_stepCount > .hc_stepCountRace .nhlife_ico:before{--sizeFix:var(--size40)}

/*혜택이벤트*/
.eventSlide{margin-bottom:calc(var(--space8) * -1)}
.eventSlide .swiper-slide{}
.eventSlide a,.eventSlide a > span{display:block;width:100%;border-radius:var(--size-radius12);overflow:hidden}
.eventSlide a{padding-bottom:var(--size32)}    
.eventSlide .pagination_wrap{display:flex;flex-wrap:nowrap;position:absolute;bottom:0;left:50%;right:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:10}
.eventSlide .pagination_wrap div[class*="swiper"],.eventSlide .pagination_wrap .pageStop{flex:0 0 auto}
.eventSlide .pagination_wrap .pagination{width:auto;margin:0 0 0 var(--size6);border-radius:0;background:none}
.eventSlide .pagination_wrap .pagination > .swiper-pagination-bullet{flex:auto;width:var(--size8);height:var(--size8);margin:0 var(--size4);border-radius:var(--size4);background:var(--color_gray08);transition:width .3s ease,background .3s ease;-webkit-transition:width .3s ease,background .3s ease}
.eventSlide .pagination_wrap .pagination > .swiper-pagination-bullet-active{width:var(--size24);background:var(--color_gray01)}
.eventSlide .pagination_wrap .pageStop{display:block;max-width:1.625rem;height:100%}
.eventSlide .pagination_wrap .pageStop span{display:block;position:relative;width:1.625rem;height:1.625rem;background:transparent}/*rgba(30,32,35,0.7)*/
.eventSlide .pagination_wrap .pageStop span.swiper-button-stop:before,.eventSlide .pagination_wrap .pageStop span.swiper-button-stop:after{position:absolute;top:var(--size8);left:50%;width:var(--size2);height:var(--size10);background:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.eventSlide .pagination_wrap .pageStop span.swiper-button-stop:before{margin-left:calc(var(--size2) * -1)}
.eventSlide .pagination_wrap .pageStop span.swiper-button-stop:after{margin-left:var(--size2)}
.eventSlide .pagination_wrap .pageStop span.swiper-button-play:before{position:absolute;top:var(--size8);left:50%;width:0;height:0;margin-left:var(--size3);border:var(--size5) solid transparent;border-left-color:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
 

/*추천컨텐츠*/
.recommCntsSlide{}
.recommCntsSlide .swiper-slide{justify-content:initial}
.recommCntsSlide a{display:block;width:100%;padding-bottom:var(--size32)}
.recommCntsSlide .recommContsInfo{position:relative;padding-bottom:var(--size132);text-align:left}
.recommCntsSlide .recommContsInfo .caption{}
.recommCntsSlide .recommContsInfo .caption > strong{display:block;min-height:var(--size48);font-weight:var(--fweight700);font-size:var(--hfsize4);line-height:var(--lineHeight2);color:var(--color_gray01);word-break:keep-all;overflow-wrap:break-word}
.recommCntsSlide .recommContsInfo .caption > .tags{display:flex;margin:var(--space8) 0;font-weight:var(--fweight500);font-size:var(--fsize2);line-height:var(--lineHeight5);color:var(--color_base03);white-space:nowrap}
.recommCntsSlide .recommContsInfo .caption > .tags > em{flex:0 0 auto}
.recommCntsSlide .recommContsInfo .caption > .tags > em + em{margin-left:var(--size6)}
.recommCntsSlide .recommContsInfo .img{position:absolute;bottom:0;left:0;right:0;height:var(--size132);border-radius:var(--size-radius12);overflow:hidden}
.recommCntsSlide .recommContsInfo .img > img{position:absolute;top:50%;left:0;width:100%;height:auto;min-height:var(--size132);border-radius:var(--size-radius12);transform:translateY(-50%);-webkit-transform:translateY(-50%);object-fit:cover}
.recommCntsSlide .pagination_wrap{display:flex;flex-wrap:nowrap;position:absolute;bottom:0;left:50%;right:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:10}
.recommCntsSlide .pagination_wrap div[class*="swiper"],.recommCntsSlide .pagination_wrap .pageStop{flex:0 0 auto}
.recommCntsSlide .pagination_wrap .pagination{width:auto;margin:0 0 0 var(--size6);border-radius:0;background:none}
.recommCntsSlide .pagination_wrap .pagination > .swiper-pagination-bullet{flex:auto;width:var(--size8);height:var(--size8);margin:0 var(--size4);border-radius:var(--size4);background:var(--color_gray08);transition:width .3s ease,background .3s ease;-webkit-transition:width .3s ease,background .3s ease}
.recommCntsSlide .pagination_wrap .pagination > .swiper-pagination-bullet-active{width:var(--size24);background:var(--color_gray01)}
.recommCntsSlide .pagination_wrap .pageStop{display:block;max-width:1.625rem;height:100%}
.recommCntsSlide .pagination_wrap .pageStop span{display:block;position:relative;width:1.625rem;height:1.625rem;background:transparent}/*rgba(30,32,35,0.7)*/
.recommCntsSlide .pagination_wrap .pageStop span.swiper-button-stop:before,.recommCntsSlide .pagination_wrap .pageStop span.swiper-button-stop:after{position:absolute;top:var(--size8);left:50%;width:var(--size2);height:var(--size10);background:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.recommCntsSlide .pagination_wrap .pageStop span.swiper-button-stop:before{margin-left:calc(var(--size2) * -1)}
.recommCntsSlide .pagination_wrap .pageStop span.swiper-button-stop:after{margin-left:var(--size2)}
.recommCntsSlide .pagination_wrap .pageStop span.swiper-button-play:before{position:absolute;top:var(--size8);left:50%;width:0;height:0;margin-left:var(--size3);border:var(--size5) solid transparent;border-left-color:var(--color_gray01);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}


/*검색*/
.mainSearch_wrap{margin-bottom:var(--space32);overflow:hidden}
.mainSearch_wrap .btn_mainSearch{margin-bottom:var(--space8)}
.mainSearch_wrap .btn_mainSearch > .btn_search{display:flex;width:100%;padding:var(--size11) var(--size8);border:1px solid var(--color_gray12);border-radius:var(--size32);background:var(--color_white);box-shadow:0 var(--size10) var(--size10) rgb(0 0 0 / 2%)}
.mainSearch_wrap .btn_mainSearch > .btn_search > .nhlife_ico,.mainSearch_wrap .btn_mainSearch > .btn_search > span{flex:0 0 auto}
.mainSearch_wrap .btn_mainSearch > .btn_search > .nhlife_ico{width:var(--size30);margin:var(--size5)}
.mainSearch_wrap .btn_mainSearch > .btn_search > .nhlife_ico,.mainSearch_wrap .btn_mainSearch > .btn_search .nhlife_ico:before{--sizeFix:1.875rem}
.mainSearch_wrap .btn_mainSearch > .btn_search > span{font-weight:var(--fweight500);font-size:var(--fsize5);line-height:var(--lineHeight4);font-family:inherit;color:var(--color_gray03);opacity:.5}
.mainSearch_wrap .form_item{padding:var(--size3) var(--size8);margin-bottom:var(--space8);border:1px solid var(--color_gray12);border-radius:var(--size32);background:var(--color_white);box-shadow:0 var(--size10) var(--size10) rgb(0 0 0 / 2%)}
.shortcutRBtn_lst{display:flex;justify-content:center;margin:0 calc(var(--size4) * -1);overflow-x:auto}
.shortcutRBtn_lst > li{flex:0 0 auto;padding:0 var(--size4)}
.shortcutRBtn_lst button{display:flex;justify-content:center;align-items:center;height:100%;padding:var(--size10) var(--size12) var(--size8);border:1px solid var(--color_blue8);border-radius:var(--size20);background:var(--color_blue8);font-weight:var(--fweight400);font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_gray01)}
.shortcutRBtn_lst button span{display:flex;position:relative;padding-left:var(--size22);font:inherit;color:inherit}
.shortcutRBtn_lst button span > .nhlife_ico{position:absolute;top:calc(var(--size4) * -1);left:calc(var(--size7) * -1);border-radius:50%;background:var(--color_white)}
.shortcutRBtn_lst button span > .nhlife_ico,.shortcutRBtn_lst button span > .nhlife_ico:before{--sizeFix:1.625rem}
.shortcutRBtn_lst.webBtnType{justify-content:flex-start}

/*나의계약대출*/
.myNHlifeCntsInfo_wrap{position:relative;padding:var(--size48) 0 0;margin-bottom:var(--space32);border:1px solid var(--color_base01);border-radius:var(--size16);background:var(--color_white);box-shadow:0 var(--size10) var(--size10) rgb(0 0 0 / 2%);overflow:hidden}
.myNHlifeCntsInfo_wrap .dataLoading_wrap{margin-top:0;border:0 none;border-radius:0 0 var(--size16) var(--size16)}
.myNHlifeCntsInfo_wrap .tabsWrap{display:flex;position:absolute;top:var(--size14);right:var(--size4)}
.myNHlifeCntsInfo_wrap .tabsWrap > li{flex:0 0 auto;position:relative}
.myNHlifeCntsInfo_wrap .tabsWrap > li + li:before{position:absolute;top:var(--size10);left:0;width:1px;height:var(--size14);background:var(--color_gray10);content:""}
.myNHlifeCntsInfo_wrap .tabsWrap a{display:block;padding:var(--size8) var(--size16);font-weight:var(--fweight400);font-size:var(--fsize5);line-height:var(--lineHeight5);color:var(--color_gray04)}
.myNHlifeCntsInfo_wrap .tabsWrap a > span{display:block;font:inherit;color:inherit}
.myNHlifeCntsInfo_wrap .tabsWrap a.active{font-weight:var(--fweight700);color:var(--color_base01)}
.myNHlifeCntsInfo{display:flex;width:200%;transition:transform .3s;-webkit-transition:transform .3s;object-fit:cover}
.myNHlifeCntsInfo.loanCurrent{transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.myNHlifeCntsInfo > .myContractInfo,.myNHlifeCntsInfo > .myLoanAmount{flex:0 0 50%;padding:0 var(--size20) var(--size20)}
.myNHlifeCntsInfo .noItem_wrap{margin:var(--space24) 0 var(--space8)}
.myContractInfo > strong{display:flex;align-items:center}
.myContractInfo > strong > *{flex:0 0 auto}
.myContractInfo > strong *{font-weight:var(--fweight400);font-size:var(--fsize5);line-height:var(--lineHeight5);color:var(--color_gray04)}
.myContractInfo > strong em{font-weight:var(--fweight700);font-size:var(--hfsize4);color:var(--color_gray01)}
.myContractInfo > strong a{padding:var(--size8) var(--size12) var(--size4);margin:calc(var(--size4) * -1) 0 0 var(--size6);border:1px solid var(--color_gray11);border-radius:var(--size18);background:var(--color_white);font-weight:var(--fweight500);font-size:var(--fsize3)}
.myContractInfo > strong a > span{font:inherit}
.myContractNoPrice,.myLoanAmountInfo{display:flex;flex-direction:column;margin-top:var(--size2)}
.myContractNoPrice > span,.myContractNoPrice > strong,.myLoanAmountInfo > span,.myLoanAmountInfo > strong{display:flex;font-weight:var(--fweight500);font-size:var(--fsize5);line-height:var(--lineHeight5);color:var(--color_gray04)}
.myContractNoPrice > strong,.myLoanAmountInfo > strong{margin-top:var(--size4);font-weight:var(--fweight400)}
.myContractNoPrice > span > em,.myContractNoPrice > strong > em,.myLoanAmountInfo > span > em,.myLoanAmountInfo > strong > em{margin-left:var(--size4);font-weight:var(--fweight700);font-size:var(--hfsize4);line-height:inherit;color:var(--color_gray01)}
.myContractNoPrice > strong > em,.myLoanAmountInfo > strong > em{font-size:var(--hfsize3);color:var(--color_base01)}
.myContractNoPrice > strong > em.asterisk,.myLoanAmountInfo > strong > em.asterisk{position:relative;top:var(--size4);font-size:var(--fsize7);letter-spacing:.25rem}
.myLoanAmountInfo{position:relative}
.myLoanAmountInfo .interest,.myLoanAmountInfo .interest > *{font:inherit;color:inherit}
.myLoanAmountInfo .interest > em{margin-left:0;font-weight:var(--fweight700);font-size:var(--fsize6);color:var(--color_gray01)}
.myLoanAmountInfo .priceMView{position:absolute;top:50%;right:0;padding:var(--size8) var(--size12) var(--size4);margin:calc(var(--size4) * -1) 0 0 var(--size6);border:1px solid var(--color_gray11);border-radius:var(--size18);background:var(--color_white);font-weight:var(--fweight500);font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_gray04);transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.myLoanAmountInfo .priceMView > span{display:flex;font:inherit}
.myNHlifeCntsInfo .shortcutBtn{display:flex;margin-top:var(--space16)}
.myNHlifeCntsInfo .shortcutBtn > a{flex:1;padding:var(--size10) var(--size8) var(--size8);border:1px solid var(--color_base01);border-radius:var(--size8);background:var(--color_base01);font-weight:var(--fweight400);font-size:var(--fsize1);line-height:var(--lineHeight5);color:var(--color_white);text-align:center}
.myNHlifeCntsInfo .shortcutBtn > a > span{display:block;font:inherit;color:inherit}
.myNHlifeCntsInfo .shortcutBtn > a + a{margin-left:var(--space8)}
.myCreditLine{position:relative;padding:var(--size12) var(--size20) var(--size10);background:var(--color_lightBlue2);border-radius:0 0 var(--size16) var(--size16)}
.myCreditLine.loanTabActive{position:static}
.myNHlifeCntsInfo_wrap .myCreditLine.loanTabActive .dataLoading_wrap{margin-top:var(--size52)}
.myCreditLine > a{display:flex;position:relative;padding-right:var(--size16);font-weight:var(--fweight400);font-size:var(--fsize1);line-height:var(--lineHeight5);color:var(--color_gray04)}
.myCreditLine > a:before{position:absolute;top:var(--size12);right:calc(var(--size6) * -1);width:var(--size16);height:var(--size16);border:solid var(--color_gray06);border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:left top;-webkit-transform-origin:left top;content:""}
.myCreditLine > a *{font:inherit;color:inherit}
.myCreditLine dl{display:flex;flex-direction:column}
.myCreditLine dt,.myCreditLine dd{}
.myCreditLine dd{margin-top:var(--size4)}
.myCreditLine strong > em{font-weight:var(--fweight700);font-size:var(--fsize6);color:var(--color_base01)}
.myCreditLine .interest{font-weight:var(--fweight500);font-size:var(--fsize3)}

/*보험금청구, FC지원*/
.insuClaimButton,.FCApplyButton{}
.insuClaimButton > button,.FCApplyButton > button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}
.insuClaimButton > button > strong,.insuClaimButton > button > span,.FCApplyButton > button > strong,.FCApplyButton > button > span{flex:0 0 auto}
.insuClaimButton > button > strong,.insuClaimButton > button > strong > em,.FCApplyButton > button > strong,.FCApplyButton > button > strong > em{font-size:var(--fsize1);line-height:var(--lineHeight5);color:var(--color_gray04)}
.insuClaimButton > button > strong > em,.FCApplyButton > button > strong > em{display:block;margin-top:var(--size10);font-weight:var(--fweight700);font-size:var(--hfsize4);color:var(--color_gray01)}
.insuClaimButton > button > span,.FCApplyButton > button > span{position:relative;width:var(--size96)}
.insuClaimButton .icon,.FCApplyButton .icon{display:flex;position:absolute;top:50%;right:0;width:100%;background:no-repeat 100% 50%;background-size:contain;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.insuClaimButton .icon{height:var(--size72);background-image:url(/images/mainQuickBannIco_img03.png?ver=20250605)}
.FCApplyButton .icon{height:var(--size94);background-image:url(/images/mainQuickBannIco_img02.png?ver=20250605)}


/*버튼*/
.shortcutbutton_wrap{margin-bottom:var(--space32)}
.shortcutbutton_lst{display:flex;flex-wrap:wrap;margin:calc(var(--space8) * -1) calc(var(--space8) * -1) 0}
.shortcutbutton_lst > li{flex:0 0 50%;padding:var(--size8)}
.shortcutbutton_lst button,.shortcutbutton_wrap .shortcutbuttons > a,.shortcutbutton_wrap .btnTelConsult > a{display:flex;flex-direction:column;width:100%;padding:var(--size20);border:1px solid var(--color_gray10);border-radius:var(--size16);background:var(--color_white);font-weight:var(--fweight700);font-size:var(--fsize5);line-height:var(--lineHeight1);color:var(--color_gray01);box-shadow:0 var(--size10) var(--size10) rgb(0 0 0 / 3%)}
.shortcutbutton_lst button > strong{display:block;font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:inherit;text-align:left}
.shortcutbutton_lst button > .nhlife_ico{margin:0 calc(var(--size6) * -1) calc(var(--size6) * -1) auto}
.shortcutbutton_lst button > .nhlife_ico,.shortcutbutton_lst button > .nhlife_ico:before{--sizeFix:var(--size36)}
.shortcutbutton_wrap .shortcutbuttons{display:flex;flex-direction:column;margin-top:var(--space8)}
.shortcutbutton_wrap .shortcutbuttons > a{padding:var(--size24) var(--size20);margin:0 0 var(--space8);text-align:center}
.shortcutbutton_wrap .shortcutbuttons > a > span{display:flex;align-items:center;position:relative;padding-right:var(--size24);font:inherit;color:inherit}
.shortcutbutton_wrap .shortcutbuttons > a > span:before,.shortcutbutton_wrap .shortcutbuttons > a > span:after{position:absolute;top:50%;right:0; content:""}
.shortcutbutton_wrap .shortcutbuttons > a > span:before{width:var(--size22);height:var(--size22);border-radius:50%;background:var(--color_gray09);transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.shortcutbutton_wrap .shortcutbuttons > a > span:after{right:var(--size5);width:var(--size7);height:var(--size7);margin-top:calc(var(--size2) * -1);border:solid var(--color_white);border-width:1px 1px 0 0;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);transform-origin:left top;-webkit-transform-origin:left top}
.shortcutbutton_wrap .shortcutbuttons .nhlife_ico{margin:calc(var(--size3) * -1) 0}
.shortcutbutton_wrap .shortcutbuttons .nhlife_ico,.shortcutbutton_wrap .shortcutbuttons .nhlife_ico:before{--sizeFix:var(--size28)}
.shortcutbutton_wrap .btnTelConsult{margin-top:var(--space16)}
.shortcutbutton_wrap .btnTelConsult > a{flex-direction:initial;justify-content:space-between;align-items:center;padding:var(--size16) var(--size20)}
.shortcutbutton_wrap .btnTelConsult strong,.shortcutbutton_wrap .btnTelConsult .telNum{font-weight:var(--fweight400);font-size:inherit;line-height:inherit;color:inherit}
.shortcutbutton_wrap .btnTelConsult strong{color:var(--color_gray04)}
.shortcutbutton_wrap .btnTelConsult .telNum{position:relative;padding-left:var(--size28);font-weight:var(--fweight700);font-size:var(--hfsize4)}
.shortcutbutton_wrap .btnTelConsult .telNum .nhlife_ico{position:absolute;top:calc(var(--size4) * -1);left:0}
.shortcutbutton_wrap .btnTelConsult .telNum .nhlife_ico,.shortcutbutton_wrap .btnTelConsult .telNum .nhlife_ico:before{--sizeFix:var(--size28)}


/*큰글모드*/
.bigFontMode.reNewMain #topNavibar > .btnBigsize{top:var(--size10)}
.bigFontMode.reNewMain #topNavibar .btn_bigsize{flex-direction:row-reverse;width:var(--size64);height:var(--size28);padding:0 var(--size2) 0 var(--size6);border-radius:var(--size28);background:var(--color_base01)}
.bigFontMode.reNewMain #topNavibar .btn_bigsize:before{width:var(--size24);height:var(--size24);background:var(--color_white)}
.bigFontMode.reNewMain #topNavibar .btn_bigsize:after{font-size:var(--fsize1);line-height:var(--lineHeight9);color:var(--color_white)}
.bigFontMode.reNewMain #topNavibar > .utilMenu{}
.bigFontMode.reNewMain #topNavibar > .utilMenu > li + li{margin-left:var(--size6)}
.bigFontMode.reNewMain #topNavibar > .utilMenu > li button{padding:var(--size12) var(--size8);font-weight:var(--fweight400);font-size:var(--fsize5);line-height:var(--lineHeight2);color:var(--color_gray04)}
.bigFontMode.reNewMain #topNavibar > .utilMenu > li button > span{display:block;font:inherit;color:inherit}
.bigFontMode .mainCntsBox .btnMore > .moreButton{font-weight:var(--fweight400);font-size:var(--fsize13);line-height:var(--lineHeight5)}
.bigFontMode .mainCntsBox .btnMore > .moreButton > span{padding:var(--size14) 0}
.bigFontMode .myNHlifeCntsInfo_wrap{padding:0;margin-top:var(--space8)}
.bigFontMode .myNHlifeCntsInfo{width:100%}
.bigFontMode .myNHlifeCntsInfo > .myContractInfo{padding:var(--size24) var(--size20)}
.bigFontMode .myContractInfo > strong > span + span{margin-left:var(--size6)}
.bigFontMode .myNHlifeCntsInfo .shortcutBtn > a{padding:var(--size14) var(--size8) var(--size12);font-size:var(--fsize6)}
.bigFontMode .myContractNoPrice > strong{display:flex;justify-content:center;align-items:center;margin-top:var(--size12);font-size:var(--hfsize4);line-height:var(--lineHeight3)}
.bigFontMode .myContractNoPrice > strong > em{font-size:var(--fsize7)}
.bigFontMode .shortcutbutton_lst button{font-size:var(--hfsize3);line-height:var(--lineHeight6)}
.bigFontMode .shortcutbutton_wrap .shortcutbuttons > a,.bigFontMode .shortcutbutton_wrap .btnTelConsult > a{font-size:var(--fsize13)}
.bigFontMode .shortcutbutton_wrap .btnTelConsult .telNum{font-size:var(--fsize12)}
.btnCntsMainSwitch{display:flex;justify-content:center;align-items:center}
.btnCntsMainSwitch > a{display:flex;padding:var(--size4) 0;border-bottom:1px solid var(--color_base01);font-weight:var(--fweight400);font-size:var(--fsize13);line-height:var(--lineHeight1);color:var(--color_base01)}
.btnCntsMainSwitch > a > span{font:inherit;color:inherit}




/*반응형*/
@media only screen and (min-width:580px){
	.shortcutMenu_lst > li{flex:0 0 16.6667% !important}
	.shortcutMenu_lst > li:nth-child(n+4){margin-top:0}
}
@media only screen and (min-width:640px){
}
@media only screen and (min-width:980px){
}
@media only screen and (max-width:413px){
	.mainCntsBox .titleGroup.loginCheck h3 > br{display:none}
	.shortcutRBtn_lst{justify-content:inherit}
}
@media only screen and (max-width:359px){
	.myLoanAmountInfo .priceMView{display:flex;position:static;max-width:var(--size76);margin:0 0 0 auto;transform:none;-webkit-transform:none}
}
@media only screen and (max-width:349px){
	.recommProdSlide{padding:0 var(--size20)}
}
@media only screen and (max-width:320px){
	#divnhPointArea.nhPoint_wrap{flex-direction:column;align-items:inherit}
	.nhPoint_wrap .nhPointValue{margin-top:var(--size4)}
	.nhPoint_wrap .nhPointValue > a > .nhmembersPOT{width:var(--size132);height:var(--size32);background-size:var(--size132) auto}
}
@media only screen and (max-width:290px){
}
@supports (-webkit-touch-callout:none){
	.mainCntsBox .titleGroup h3{word-break:break-word}/*display:-webkit-box;-webkit-box-orient:vertical*/
}