@charset "UTF-8";
.extWebPage { display: flex; flex-direction: column; height: 100%; margin-left: -2rem; margin-right: -2rem; }
.extWebPage_body { flex-grow: 1; overflow: hidden; }
.extWebPage_foot { flex-basis: 7.2rem; padding: 0 1.2rem 1rem 1.2rem; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.extWebPage_control { width: 5.4rem; height: 100%; display: flex; justify-content: center; padding-top: 0.8rem; }
.extWebPage_control:disabled { opacity: 0.5; }
/* 온보딩 */
.onBoarding { padding-top: 6rem; display: flex; flex-direction: column; height: calc(100% + 2rem); }
.onBoarding_head { flex-shrink: 0; position: relative; }
.onBoarding_tit { color: var(--gray10); text-align: center; font-family: HGGGothicssi; font-size: 2.8rem; font-weight: 700; line-height: 3.6rem; }
.onBoarding_subTit { color: var(--gray10); text-align: center; font-family: HGGGothicssi; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; margin-bottom: 0.8rem; display: block; }
.onBoarding_subTit > strong { position: relative; }
.onBoarding_subTit > strong:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 106%; height: 50%; transform: translateX(-50%); background-color: var(--blue3); z-index: -1; }
.onBoarding_num { width: 2.4rem; height: 2.4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--blue1); font-size: 1.3rem; font-weight: 700; line-height: 2rem; position: absolute; left: 50%; transform: translateX(-50%); top: 0.5rem; }
.onBoarding_imgBox { width: 100%; height: 100%; display: flex; justify-content: center; overflow: hidden; }
.onBoarding_imgBox > * { max-width: 40rem; height: 100%; }
.onBoarding_lottie { max-width: 40rem; min-height: 40rem; height: 100%; }
.onBoarding_lottie > * { width: 100%; height: 100%; }
.onBoarding_foot { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; transform: translateY(-9rem); }
.onBoarding_foot > *:not(:first-child) { margin-top: 1.6rem; }
.onBoarding_foot .cmp_buttonGroup .cmp_button { margin: 0 0.8rem; }
.onBoarding_foot .cmp_buttonGroup .cmp_button:first-child { margin-left: 0; }
.onBoarding_foot .cmp_buttonGroup .cmp_button:last-child { margin-right: 0; }
.onBoarding_foot .cmp_button { transition: all 0.35s; }
.onBoarding_foot .cmp_checkbox { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-top: 4rem; }
.onBoarding_foot .cmp_checkbox_input { margin-right: 0.8rem; }
.onBoarding_links { width: 100%; display: flex; flex-direction: column; }
.onBoarding_links > *:not(:first-child) { margin-top: 1.6rem; }
.onBoarding_startLink .cmp_button {width:100%;}
.onBoarding_mainImg { height: 39.6rem; }
.onBoarding_pagenation { position: absolute !important; top: 1.5rem !important; right: 2rem !important; z-index: 10; right: 0; }
.onBoarding_pagenation .swiper-pagination-fraction { color: var(--jb-blue); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.onBoarding_pagenation .swiper-pagination { position: initial; }
.onBoarding.eng .cmp_button { width: 100%; }
.onBoarding.eng .cmp_button .base { display: flex; flex-direction: column; }
.onBoarding.eng .cmp_button .subText { color: var(--blue3); text-align: center; font-size: 1.1rem; font-weight: 400; line-height: 1.1rem; }
.onBoarding.eng .cmp_button.lineBlue .subText { color: var(--blue4); }
.onBoarding.eng .onBoarding_tit { font-family: "SpoqaHanSansNeo"; }
.onBoarding.eng .onBoarding_subTit { font-family: "SpoqaHanSansNeo"; color: var(--gray8); text-align: center; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-top: 1rem; display: block; margin-bottom: 0; }
.onBoarding_swiper { height: 100%; }
.onBoarding_swiper .swiper-slide { display: flex; flex-direction: column; overflow: hidden; }
.onBoarding_swiper .swiper-slide .onBoarding_body { flex-basis: 39.4rem; }
.popupArea .onBoarding { padding: 0 !important; }
.popupArea .onBoarding_head { padding-top: 4rem; }
.popupArea .onBoarding_body { margin-top: 1rem; }
.popupArea .onBoarding_foot { transform: none; }
.popupArea .onBoarding_links { flex-direction: row; }
.popupArea .onBoarding_links > * { margin-top: 0; flex-basis: 50%; flex-grow: 1; }
.popupArea .onBoarding_links > *:not(:first-child) { margin-left: 1.6rem; }
.onBoarding_sheet { overflow: hidden; margin-top: 2.4rem; }
#onBoarding.popupArea .innerCont { background-color: var(--blue1); }
#onBoarding.popupArea .bottomSheetFoot { padding-top: 0; }
/* 로그인 목록 */
.login { padding-bottom: 2rem; }
.loginMeans { width: 100%; }
.loginMeans .loginTypeArea { position: relative; width: 100%; margin-bottom: 1.6rem; display: flex; min-height: 7.2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); align-items: center; justify-content: space-between; padding-right: 1.6rem; }
.loginMeans .loginBtn { min-height: 7.2rem; text-align: left; display: block; padding: 0 2rem 0 6rem; flex-grow: 1; }
.loginMeans .loginBtn .iconSVG { position: absolute; left: 2.4rem; top: 50%; transform: translate(0, -50%); }
.loginMeans .loginBtn .base { display: block; font-size: 1.6rem; font-weight: 700; color: var(--gray10); line-height: 2.4rem; padding-top: 0.4rem; }
.loginMeans .loginTypeArea .favorites { position: absolute; right: 2.4rem; top: calc(50% - 1.2rem); z-index: 1; }
.loginMeans .loginTypeArea .favorites input:checked ~ .ic_sld_24_star { background-image: url(/image/common/ic_sld_24_star_on.svg); }
/* 로그인 목록 type2 */
.loginMeans_type2 { width: 100%; }
.loginMeans_type2 .login_topGroup { display: flex; justify-content: center; margin-bottom: 2.6rem; }
.loginMeans_type2 .login_topGroup .loginTypeArea { position: relative; padding-bottom: 3rem; margin-left: 5rem; }
.loginMeans_type2 .login_topGroup .loginTypeArea:first-child { margin-left: 0; }
.loginMeans_type2 .login_topGroup .loginBtn { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.loginMeans_type2 .login_topGroup .loginBtn .ico_bgArea { display: flex; justify-content: center; align-items: center; width: 6.4rem; height: 6.4rem; border-radius: 100%; background-color: var(--blue1); }
.loginMeans_type2 .login_topGroup .loginBtn img { width: 3.6rem; height: 3.6rem; object-fit: cover; object-position: top; }
.loginMeans_type2 .login_topGroup .loginBtn .base { position: absolute; left: 50%; bottom: 0; translate: -50% 0; display: block; width: max-content; font-size: 1.4rem; font-weight: 500; color: var(--gray10); line-height: 2.2rem; }
.loginMeans_type2 .login_topGroup .loginBtn.bl_check::after { position: absolute; top: 0; right: -0.4rem; content: ""; display: inline-block; width: 2rem; height: 2rem; background: url(/image/common/ico_check_blue.svg) no-repeat; }
.loginMeans_type2 .login_bottomGroup .loginBtn { width: 100%; display: flex; justify-content: flex-start; align-items: center; padding: 2.4rem 0; }
.loginMeans_type2 .login_bottomGroup .loginBtn img { margin-right: 2rem; }
.loginMeans_type2 .login_bottomGroup .loginBtn .base { font-size: 1.8rem; font-weight: 500; line-height: 2.6rem; letter-spacing: -0.2px; }
.loginMeans_type2 .login_bottomGroup .loginTypeArea { border-bottom: 1px solid var(--gray2); }
.loginMeans_type2 .login_bottomGroup .loginBtn.bl_check::after { margin-left: auto; margin-right: 1.3rem; content: ""; display: inline-block; width: 2rem; height: 2rem; background: url(/image/login/icon_check_blue.svg) no-repeat; }
/*로그인 공통 버튼*/
.login_other { padding: 0.8rem 0; border-bottom: 1px solid var(--blue6); width: fit-content; }
.login_other .base { font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; color: var(--blue6); }
/*인증서 없음*/
.notCertificate { padding-top: 6rem; text-align: center; }
.notCertificate_btnWrap { margin-top: 4rem; margin-bottom: 2.4rem; }
.notCertificate .svgIcon { display: inline-block; margin-bottom: 0.8rem; }
.notCertificate .t14 { margin-top: 0.8rem; }
.loginBtnGroup { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-bottom: 2rem; }
.loginBtnGroup .sld_h52_line { margin-top: 1.6rem; }
.loginBtnGroup .textArrow { margin-top: 3.6rem; }
.notCertificate + .cmp_button_3btn { margin: 4rem 0 2.4rem; }
/* 바이오 로그인*/
.login_bio { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 12.4rem; }
/* .login_bio .svgIcon {margin-bottom: 2.4rem;} */
.login_bio > .cmp_button { width: 9.6rem; margin-top: 2.4rem; }
.login_bio > .cmp_button .base { color: var(--jb-blue); }
/*인증/보안 네이티브 */
.login.ntv { padding-top: 4.8rem; }
.login.ntv ~ .bottomBtnArea .login_other .base { color: var(--jb-blue); }
/* 인증보안 네이티브  간편비밀번호 */
.easyPW_area { margin-top: 8rem; }
.easyPassword { display: flex; justify-content: center; align-items: center; }
.easyPassword .pw_item { width: 2rem; height: 2rem; border-radius: 20px; background-color: var(--blue1); border: 1px solid var(--blue3); margin-left: 2rem; }
.easyPassword .pw_item:first-child { margin-left: 0; }
.easyPassword .pw_item.on { background-color: var(--informative); border: 1px solid var(--informative); }
.is-error .easyPassword .pw_item { background-color: rgba(229, 73, 58, 0.2); border: 1px solid var(--danger); }
.findPW_area { margin-top: 5.5rem; text-align: center; }
.loginContent_body { margin-top: 60px; }
/*공동인증서목록*/
.jointCertificate { width: 100%; border-top: 1px solid var(--gray7); margin-top: 6rem; }
.jointCertificate li { border-bottom: 1px solid var(--gray4); display: flex; width: 100%; justify-content: space-between; align-items: end; }
.jointCertificate .jointCertificateBtn { position: relative; width: 100%; text-align: left; padding: 1.4rem 1rem 1.8rem 6rem; }
.jointCertificate .jointCertificateBtn > img { position: absolute; left: 2rem; top: calc(50% - 1.2rem); }
.jointCertificate .jointCertificateBtn .name { display: block; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.2pt; color: var(--gray10); }
.jointCertificate .jointCertificateBtn .infoDate { font-size: 0; }
.jointCertificate .jointCertificateBtn .infoDate > span { position: relative; display: inline-block; vertical-align: middle; font-size: 1.3rem; line-height: 2rem; color: var(--gray8); }
.jointCertificate .jointCertificateBtn .infoDate > span:first-of-type { padding-right: 2rem; }
.jointCertificate .jointCertificateBtn .infoDate > span:first-of-type:before { content: ""; position: absolute; right: 1rem; top: 0.4rem; display: block; width: 1px; height: 1rem; background-color: var(--gray6); }
.jointCertificate .jointCertificateBtn .expirationDate { font-size: 1.3rem; line-height: 2rem; color: var(--gray8); }
.jointCertificate .jointCertificateBtn .expirationDate > span { display: block; }
.jointCertificate .cmp_button.h28 { flex-shrink: 0; -webkit-flex-shrink: 0; margin-bottom: 1.6rem; }
/* 로그인 - 토스 인증 메뉴얼 팝업  */
.tossManualPopup_head { padding-top: 7rem; text-align: center; }
.tossManualPopup_txt { font-family: HGGGothicssi; font-size: 1.8rem; color: var(--gray10); font-weight: 800; margin-top: 4.3rem; }
.tossManualPopup_subTxt { font-size: 1.4rem; margin-top: 0.8rem; }
.tossManualPopup_body { margin-top: 1.6rem; }
.tossManualPopup .noticeBox { padding: 2rem; background-color: var(--gray2); }
.tossManualPopup .noticeBox_tit { position: relative; padding-left: 1rem; }
.tossManualPopup .noticeBox_tit:after { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; background-color: var(--gray5); left: 0; top: 0.5rem; }
.tossManualPopup .noticeBox_list { padding: 0.6rem 0 0 1.3rem; }
.tossManualPopup .noticeBox_item { position: relative; margin-top: 0.8rem; padding-left: 1.6rem; }
.tossManualPopup .noticeBox_item > span { position: absolute; left: 0; top: 0; }
.tossManualPopup .noticeBox_item:first-child { margin-top: 0; }
.securityCardPw_item { display: flex; justify-content: center; align-items: center; }
.securityCardPw_item > *:not(:first-child) { margin-left: 1.6rem; }
.securityCardPw_item:not(:first-child) { margin-top: 2.4rem; }
.securityCardPw_tit { flex-shrink: 0; color: var(--gray8); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.securityCardPw_tit b { color: var(--jb-blue); }
.securityCardPw_box { width: 9.2rem; height: 7.6rem; border-radius: 0.6rem; border: 1px solid var(--gray4); display: flex; align-items: center; justify-content: center; }
.securityCardPw .easyPassword { flex-shrink: 0; }
.login .loginOtp { margin-top: 3.2rem; }
.loginOtp > *:not(:first-child) { margin-top: 1.6rem; }
.loginOtp > .loginOtp_info { margin-top: 3.2rem; }
.loginOtp_num { padding: 2.4rem 0; border-radius: 0.6rem; background: var(--gray1); display: flex; align-items: center; justify-content: center; flex-direction: column; }
.loginOtp_numTit { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.loginOtp_numValue { color: var(--gray10); font-size: 2.2rem; font-weight: 700; line-height: 3rem; letter-spacing: -0.02rem; }
.loginOtp_info { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; display: block; }
.iconAction { width: 10rem; height: 10rem; position: relative; }
.actIcoFaceId_box { width: 9rem; height: 9rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.actIcoFaceId_box_line { width: 2.4rem; height: 2.4rem; position: absolute; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.actIcoFaceId_box_line.leftTop { background-image: url("/image/login/iconAction/bio_box_leftTop.svg"); left: 0; top: 0; }
.actIcoFaceId_box_line.rightTop { background-image: url("/image/login/iconAction/bio_box_rightTop.svg"); right: 0; top: 0; }
.actIcoFaceId_box_line.leftBottom { background-image: url("/image/login/iconAction/bio_box_leftBottom.svg"); left: 0; bottom: 0; }
.actIcoFaceId_box_line.rightBottom { background-image: url("/image/login/iconAction/bio_box_rightBottom.svg"); right: 0; bottom: 0; }
.actIcoFaceId_face { width: 4rem; height: 4.2rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.actIcoFaceId_eyes { width: 100%; height: 1.3rem; position: absolute; left: 0; top: 0; }
.actIcoFaceId_eye { width: 0.5rem; height: 100%; position: absolute; top: 0; overflow: hidden; border-radius: 5px; background-color: black; }
.actIcoFaceId_eye.left { left: 0; }
.actIcoFaceId_eye.right { right: 0; }
.actIcoFaceId_nose { width: 1.2rem; height: 2.2rem; position: absolute; left: 45%; top: 35%; transform: translate(-50%, -50%); background: url("/image/login/iconAction/bio_nose.svg") no-repeat center/100%; }
.actIcoFaceId_mouth { width: 4.2rem; height: 1.4rem; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: url("/image/login/iconAction/bio_mouth.svg") no-repeat center/100%; }
.actIcoFingerprint_img { height: 10rem; width: 10rem; position: absolute; display: block; left: 0; bottom: 0; }
.actIcoFingerprint_img.bg_img { background: url("/image/login/iconAction/actIcoFingerprint_bgImg.svg") no-repeat center/100%; }
.actIcoFingerprint_img.action_img { background: url("/image/login/iconAction/actIcoFingerprint_actionImg.svg") no-repeat center/100%; }
.actIcoFingerprint_hidden { width: 100%; position: absolute; left: 0; bottom: 0; height: 0%; overflow: hidden; }
.actIcoPattern_points { width: 7.6rem; height: 7.6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("/image/login/iconAction/actIcoPattern_points.svg"); }
.actIcoPattern_leftLine { width: 4.5rem; height: 0.4rem; position: absolute; bottom: 2.8rem; left: 0.8rem; transform: rotate(-45deg); }
.actIcoPattern_leftRight { width: 4.5rem; height: 0.4rem; position: absolute; bottom: 2.8rem; right: 0.8rem; transform: rotate(45deg); }
.actIcoPattern_lineBg { width: 0%; height: 100%; background-color: black; display: block; }
.actIcoCertificate_bg { width: 6.8rem; height: 8.4rem; background: url("/image/login/iconAction/actIcoCertificate_bg.svg") no-repeat center/100%; position: absolute; left: 0.6rem; top: 1rem; }
.actIcoCertificate_cloudBox { width: 7.1rem; height: 5.1rem; position: absolute; bottom: 0.3rem; right: 0.6rem; }
.actIcoCertificate_cloud { width: 100%; height: 100%; display: block; background: url("/image/login/iconAction/actIcoCertificate_cloud.svg") no-repeat center/100%; }
.actIcoCertificate_check { width: 2.1rem; height: 1.7rem; display: block; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); }
.actIcoBankId_boxHead { width: 7.2rem; height: 3.2rem; display: block; position: absolute; top: 0rem; left: 0rem; background: url("/image/login/iconAction/actIcoBankId_boxHead.svg") no-repeat center/100%; }
.actIcoBankId_boxWrap { width: 8.6rem; height: 7.2rem; position: absolute; right: 0.3rem; bottom: 0.2rem; }
.actIcoBankId_box { width: 100%; height: 100%; display: block; background: url("/image/login/iconAction/actIcoBankId_box.svg") no-repeat center/100%; }
.actIcoBankId_line_1 { width: 3.9rem; height: 3.9rem; display: block; position: absolute; left: 1.7rem; top: 2rem; }
.actIcoBankId_line_2 { width: 0.5rem; height: 3.7rem; display: block; position: absolute; right: 2.2rem; bottom: 1.2rem; }
.actIcoBankId_dot { width: 0.7rem; height: 0.7rem; border-radius: 100%; background-color: black; display: block; position: absolute; right: 2.1rem; top: 1.2rem; }
.actIcoToss { overflow: hidden; }
.actIcoToss_markLogo { width: 3.2rem; height: 2.9rem; background: url("/image/login/iconAction/actIcoToss_markLogo.png") no-repeat center/100%; position: absolute; left: 0.2rem; top: 3.4rem; }
.actIcoToss_textLogo { width: 6.1rem; height: 2.1rem; background: url("/image/login/iconAction/actIcoToss_textLogo.png") no-repeat center/100%; position: absolute; right: 0.2rem; top: 3.8rem; }
.actIcoToss_hidden { height: 100%; width: 50%; background-color: #fff; position: absolute; left: 0; top: 0; }
/* =================== 마이페이지 메인 페이지 =================== */
.mypageMain_head { padding: 0 0 3.2rem 0; }
.mypageMain_userInfo { padding-top: 3.2rem; margin-bottom: 3.2rem; }
.mypageMain_body { background-color: var(--white); padding: 3.2rem 0 4rem 0; }
.mypageMain_sec { padding-bottom: 0 !important; }
.mypageMain_foot { padding: 1rem !important; margin-left: -2rem; margin-right: -2rem; background-color: var(--white); position: relative; }
.mypageMain_foot::after { content: ""; display: block; position: absolute; width: 100vw; height: 1rem; background-color: var(--gray1); top: 0; left: 0; }
/* =================== 마이페이지 서브(상품꾸러미, 북마크, 참여혜택)페이지 =================== */
.mypageSub { display: flex; height: 100%; flex-direction: column; }
.mypageSub_headTitle { margin-bottom: 3.6rem; }
.mypageSub_body { padding-top: 2.4rem; width: 100vw; background-color: var(--gray1); padding-bottom: 2rem; flex-grow: 1; }
.mypageSub_content { margin-top: 1.6rem; }
.mypageSub .cmp_tabs_fix_tab { margin-left: -2rem; margin-right: -2rem; }
.mypageSubCont_list { display: flex; flex-direction: column; }
.mypageSubCont_item { margin-top: 1.6rem; }
.mypageSubCont_item:first-child { margin-top: 0; }
.mypageSubCont_none { height: 50vh; height: calc(var(--vh, 1vh) * 50); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.mypageSubCont_none .svgIcon { margin-bottom: 1.4rem; }
.mypageSubContBox { position: relative; padding: 2.4rem 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); width: 100%; text-align: left; }
.mypageSubContBox_btn { margin-top: 1.6rem; }
.mypageSubContBox_textBox { display: flex; flex-direction: column; }
.mypageSubContBox_textBox > *:not(:first-child) { margin-top: 1rem; }
.mypageSubContBox_tit { color: var(--gray10); font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; letter-spacing: -0.02rem; }
.mypageSubContBox_tit-pdR { padding-right: 10rem; }
.mypageSubContBox_tit-ellipsis-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mypageSubContBox_tit-ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mypageSubContBox_subTit { font-size: 1.2rem; line-height: 2rem; color: var(--gray10); margin-top: 0.8rem; }
.mypageSubContBox_text { color: var(--gray8); font-size: 1.2rem; font-weight: 400; line-height: 2rem; }
.mypageSubContBox_category { color: var(--jb-blue); font-size: 1.3rem; font-weight: 500; padding-right: 10rem; }
.mypageSubContBox_category-green { color: var(--success); }
.mypageSubContBox_category-gray { color: var(--gray10); }
.mypageSubContBox_input { position: absolute; right: 2rem; top: 2rem; }
.mypageSubContBox_label { position: absolute; right: 2rem; top: 2rem; color: var(--gray8); font-size: 1.2rem; line-height: 2rem; margin-top: 0; }
.mypageSubContBox_label-pt13 { font-size: 1.3rem; font-weight: 500; color: var(--jb-blue); }
.mypageSubContBox_labelBox { position: absolute; right: 2rem; top: 2rem; height: 2.4rem; padding: 0 0.8rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.4rem; background: var(--gray3); color: var(--gray8); font-size: 1.3rem; font-weight: 500; line-height: 2rem; }
.mypageSubContBox_labelBox-success { background: var(--blue2); color: var(--blue6); }
.mypageSubContBox_labelBox-fail { background: #fcefe8; color: var(--danger); }
.mypageSubContBox-link { padding-right: 5rem; }
.mypageSubContBox-link::after { content: ""; display: block; position: absolute; width: 1.6rem; height: 1.6rem; background: url(/image/common/ic_line_16_forwardarrow.svg) no-repeat center/100%; right: 2rem; top: 50%; transform: translateY(-50%); }
.mypageSubContBox-link .mypageSubContBox_text { margin-top: 1.6rem; }
.myInfoBox_link .cmp_button { border-color: var(--blue6); }
/* =================== 디지털 지갑 =================== */
.myCardsBox { position: relative; padding-top: 2.4rem; transition: all 0.35s; }
.myCardsBox .myCard_link { pointer-events: none; }
.myCardsBox.open { padding-top: 0; }
.myCardsBox.open .myCard_link { pointer-events: initial; }
.myCardsBox.open .myCard_rights { display: inline-flex; }
.myCardsBox.open .myCard_box { opacity: 1; }
.myCardsBox_cardItem { position: relative; }
.myCardsBox_cardItem:last-child { z-index: 5; }
.myCardsBox_cardItem:last-child::before { content: ""; display: block; position: absolute; width: 95%; height: 95%; top: -1.2rem; left: 50%; transform: translateX(-50%); border-radius: 1.2rem; border: 1.5px solid rgba(255, 255, 255, 0.4); background: rgba(77, 169, 255, 0.5); backdrop-filter: blur(3.5px); box-shadow: var(--shadow2); pointer-events: none; opacity: 0; z-index: -10; transition: opacity 0.8s cubic-bezier(0.1, 0.7, 0.6, 0.9); }
.myCardsBox_cardItem:last-child::after { content: ""; display: block; position: absolute; width: 88%; height: 88%; top: -2.4rem; left: 50%; transform: translateX(-50%); border-radius: 12px; border: 1.5px solid rgba(255, 255, 255, 0.4); background: var(--blue3); z-index: -20; box-shadow: var(--shadow2); pointer-events: none; opacity: 0; transition: opacity 0.8s cubic-bezier(0.1, 0.7, 0.6, 0.9); }
.myCardsBox.init .myCardsBox_cardItem:last-child::before, .myCardsBox.init .myCardsBox_cardItem:last-child::after { opacity: 1; }
.myCardsBox.init .myCardsBox_cardItem:last-child .myCard { background-color: rgba(0, 104, 255, 0.6980392157) !important; }
.myCardsBox.init .myCardsBox_cardItem:not(:last-child) .myCard_link { visibility: hidden; }
.myCardsBox_toggleBtn { position: absolute; bottom: 0; z-index: 10; display: flex; align-items: center; justify-content: center; width: 100vw; height: 70px; margin-left: -2rem; margin-right: -2rem; border-radius: 0px 0px 3rem 3rem; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); position: absolute; backdrop-filter: blur(3.5px); -webkit-backdrop-filter: blur(3.5px); transition: all 0.35s; }
.myCardsBox_toggleBtn::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; border-radius: 0px 0px 3rem 3rem; background: linear-gradient(0deg, rgba(0, 49, 118, 0.2) 0%, rgba(217, 217, 217, 0) 92.35%); }
.myCardsBox_msgIcon { display: block; width: 1.6rem; height: 2.1rem; background: url("/image/mypage/myCardsBox_toggleBtnIcon.svg") no-repeat center/100%; position: relative; z-index: 10; transition: all 0.35s; transform: rotate(-180deg); margin-top: 0.1rem; }
.myCardsBox_msgBox { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.myCardsBox_msg { color: var(--white); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.myCardsBox_toggleBtn[aria-expanded=true] { height: 54px; }
.myCardsBox_toggleBtn[aria-expanded=true] .myCardsBox_msg { display: none; }
.myCardsBox_toggleBtn[aria-expanded=true] .myCardsBox_msgIcon { transform: rotate(0deg); }
.myCard { height: 106px; border-radius: 1rem 1rem 0 0; stroke-width: 1.5px; border: 1.5px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(3.5px); -webkit-backdrop-filter: blur(3.5px); box-shadow: var(--shadow2); position: relative; overflow: hidden; }
.myCard::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0) 100%); }
.myCard_link { display: block; position: relative; z-index: 10; }
.myCard_box { height: 55px; display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; opacity: 0.7; transition: all 0.35s; }
.myCard_title { color: var(--white); font-family: HGGGothicssi; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.myCard_rights { display: none; align-items: center; }
.myCard_value { color: var(--white); font-family: HGGGothicssi; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.myCard_linkIcon { width: 1.6rem; height: 1.6rem; display: block; background: url("/image/mypage/myCard_linkIcon.svg") no-repeat center/100%; }
/* =================== mypageMain_digi =================== */
.mypageMain_digi { background-color: var(--white); }
.mypageMain_digi .digi_top { padding: 2.4rem 2.8rem; position: relative; z-index: 1; }
.mypageMain_digi .digi_top::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 21.7rem; background-color: var(--blue4); }
.mypageMain_digi .digi_infoBox { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 2rem; }
.mypageMain_digi .digi_tit { font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; color: var(--white); margin-top: 0.8rem; margin-bottom: 0.8rem; }
.mypageMain_digi .digi_desc { font-size: 1.3rem; font-weight: 500; line-height: 2rem; color: var(--white); margin-bottom: 0.8rem; }
.mypageMain_digi .img_area { margin-left: auto; }
.mypageMain_digi .manager_jb { border: 1px solid var(--gray4); background-color: var(--white); border-radius: 6px; padding-top: 2rem; text-align: center; }
.mypageMain_digi .card_tit { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray10); }
.mypageMain_digi .card_tit .bold { font-weight: 700; }
.mypageMain_digi .link_area { width: 100%; display: flex; justify-content: center; align-items: center; }
.mypageMain_digi .manager_link { width: 100%; display: block; padding: 2rem 1rem; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray10); position: relative; }
.mypageMain_digi .manager_link i { margin-right: 0.7rem; }
.mypageMain_digi .manager_link:first-child::after { content: ""; display: inline-block; position: absolute; top: 2.5rem; right: 0; width: 0.1rem; height: 1.6rem; background-color: var(--gray6); }
.mypageMain_digi .cmp_buttonGroup { padding: 3.4rem 0 3.2rem; }
.mypageMain_digi ~ .mypageMain_myActive { padding-top: 3.2rem; }
/* 마이페이지 인증방법선택 bottom sheet */
.myPageAuthenticWay { position: relative; padding-right: 2rem; }
.myPageAuthenticWay > a { display: block; }
.myPageAuthenticWay__tit { font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; color: var(--gray10); }
.myPageAuthenticWay__para { font-size: 1.4rem; line-height: 2.2rem; }
.myPageAuthenticWay > i { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
/* 고객 정보 조회 및 변경 */
.modifyInquiry_tit { color: var(--gray10); font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; display: block; margin-bottom: 1.6rem; }
.modifyInquiry_btns > *:not(:first-child) { margin-top: 1.6rem; }
.modifyInquiry_btns .icon_text_banner_img { width: 2.4rem; height: 2.4rem; }
.modifyInquiry_btns .icon_text_banner.arrow .icon_text_banner_img { margin-right: 1.2rem; }
.moCertificate { padding-bottom: 2rem; }
.moCertificate_head { margin-bottom: 3.6rem; }
.moCertificate_order { margin-bottom: 2.4rem; }
.moCertificate_body { margin-bottom: 2.4rem; }
.moCertificate_prodDescCont { margin-bottom: 2.4rem; }
/*인증서재등록 완료*/
.cmplt_area { padding-top: 11.4rem; text-align: center; }
.cmplt_area .cmlpt_tit { margin: 0.8rem 0; font-family: "HGGGothicssi"; font-size: 1.8rem; font-weight: 800; line-height: 2.6rem; letter-spacing: -0.018px; color: var(--gray10); }
.cmplt_area .cmlpt_desc { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray8); }
/*본인 확인 수단 선택*/
.cmp_button_3btn ~ .moCertificate_noti { margin-top: 2.4rem; }
/* 인증/보안 센터 메인 */
.athntSccnt .head_area { padding: 2.4rem 0 4.2rem; }
.athntSccnt .head_area .linkContBox { margin-top: 1.6rem; }
.athntSccnt .headTitle { margin-top: 0; margin-bottom: 2.4rem; }
.athntSccnt .linkContBox_head { padding-right: 0; }
.athntSccnt .cmp_section { margin-top: 3.2rem; }
.athntSccnt .accordionCard_tit { font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.athntSccnt { padding-bottom: 3.2rem; }
.errcmMsg .usageStatus { margin-top: 1.6rem !important; }
.usageStatus { border-radius: 0.6rem; background: var(--gray2); width: 100%; padding: 2rem; }
.usageStatus_item { display: flex; justify-content: space-between; align-items: center; margin-top: 1.6rem; }
.usageStatus_item:first-child { margin-top: 0; }
.usageStatus_cat { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.usageStatus_result { color: var(--jb-blue); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.securityToken_view { padding: 2rem 0; border-radius: 0.6rem; border: 1px solid var(--gray4); background: #fff; box-shadow: var(--shadow2); display: flex; align-items: center; justify-content: center; }
.securityToken_viewTexBox { display: flex; flex-direction: column; align-items: center; }
.securityToken_viewTit { color: var(--gray10); font-size: 1.4rem; line-height: 2.2rem; margin-bottom: 0.5rem; }
.securityToken_viewValue { color: var(--jb-blue); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.securityToken .linkBigBanner_link { margin-top: 1.6rem; }
.tossCertific_tab { margin-top: 3.8rem; }
.tossCertific_tabPanel { padding-top: 2.4rem; }
/*생활혜택*/
.lvnBenefits { padding-bottom: 2rem; padding-top: 2.4rem; }
.lvnBenefits .lvnBnf_top { margin-bottom: 3.2rem; }
.lvnBenefits .lvnBnf_top > div ~ div { margin-top: 3.2rem; }
.lvnBenefits .favorites ~ .favorites { margin-top: 1.6rem; }
.lvnBenefits .lvnBnf_middle { padding: 4rem 0; }
.lvnBenefits .lvnBnf_middle .event_card ~ .event_card { margin-top: 1.6rem; }
.lvnBenefits .lvnBnf_bottom { margin-top: 3.2rem; }
.lvnBenefits .lvnBnf_bottom_viemore { display: flex; align-items: center; justify-content: center; margin-top: 1.6rem; }
.lvnBenefits .digi_platrorm .cmp_section_head { margin-bottom: 2.4rem; }
.lvnBenefits .health_top .card_linkBtn ~ .card_linkBtn { margin-top: 1.6rem; }
.lvnBenefits .health_item .icon_text_banner ~ .icon_text_banner { margin-top: 1.4rem; }
.digi_swiper { margin-top: 2.3rem; margin-right: -2rem !important; padding-right: 2rem; }
.digi_swiper .digi_item { width: 13.6rem; border-radius: 6px; overflow: hidden; }
.digi_swiper .digi_item .digi_link { display: block; width: 100%; height: 100%; padding: 2rem; }
.digi_swiper .digi_item .digi_tit { font-family: "HGGGothicssi"; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; letter-spacing: -0.16px; color: var(--white); margin-bottom: 3.6rem; }
.digi_swiper .digi_item .digi_ico { display: block; width: 3.2rem; height: 3.2rem; object-fit: cover; margin-left: auto; }
/* card_multiLink */
.card_multiLink { width: 100%; border-radius: 6px; border: 1px solid var(--gray4); box-shadow: var(--shadow2); padding: 2.4rem; }
.card_multiLink .card_top { display: flex; justify-content: flex-start; align-items: baseline; margin-bottom: 2.4rem; }
.card_multiLink .card_tit { font-size: 1.8rem; font-family: "HGGGothicssi"; font-weight: 700; line-height: 2.6rem; color: var(--gray10); }
.card_multiLink .card_date { padding-top: 0; margin-left: auto; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.card_multiLink .card_botm { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 2.4rem; }
.card_multiLink .state_ico { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--danger); font-size: 1.2rem; font-weight: 700; line-height: 2rem; color: var(--white); margin-right: 0.8rem; }
.card_multiLink .card_desc { font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; color: var(--gray10); }
.card_multiLink ~ .card_multiLink { margin-top: 1.6rem; }
/* 생활혜택 > 건강 > 걸음수 체크 */
.stepCount { padding: 3rem 2.4rem; background-color: var(--blue5); border-radius: 0.6rem; }
.stepCount_head { display: flex; justify-content: space-between; margin-bottom: 13rem; }
.stepCount_headR { flex-shrink: 0; margin-left: 2rem; }
.stepCount_titBox { display: flex; flex-direction: column; }
.stepCount_tit { color: var(--white); font-family: HGGGothicssi; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; margin-bottom: 0.8rem; }
.stepCount_user { font-weight: 700; }
.stepCount_stepResult { color: var(--white); font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; }
.stepCount_stepNum { font-size: 2.4rem; font-weight: 700; line-height: 3rem; }
.stepCount_viewMore { display: inline-flex; align-items: center; justify-content: center; background-color: var(--white); border-radius: 0.6rem; color: var(--blue5); font-size: 1.3rem; font-weight: 700; line-height: 2rem; padding: 0.5rem 0.9rem; }
.stepCount_body { padding: 0 1rem; padding-bottom: 3.5rem; }
.stepCountVisual_bar { position: relative; height: 1.2rem; border-radius: 0.7rem; box-shadow: var(--shadow2); background-color: var(--blue2); }
.stepCountVisual_bar::after { content: ""; display: block; position: absolute; width: 95%; height: 0; border: 1px dashed var(--blue4); top: 50%; left: 50%; transform: translate(-50%, -50%); }
.stepCountVisual_deco_1 { width: 2.5rem; height: 2.9rem; display: block; position: absolute; background: url("/image/livingBenefits/stepCountVisual_deco_1.svg") no-repeat center/100%; left: 15%; top: -2.9rem; }
.stepCountVisual_deco_2 { width: 2.9rem; height: 1.6rem; display: block; position: absolute; background: url("/image/livingBenefits/stepCountVisual_deco_2.svg") no-repeat center/100%; left: 15%; top: -6rem; }
.stepCountVisual_deco_3 { width: 1.7rem; height: 1rem; display: block; position: absolute; background: url("/image/livingBenefits/stepCountVisual_deco_3.svg") no-repeat center/100%; left: 30%; top: -5.1rem; }
.stepCountVisual_deco_4 { width: 3.8rem; height: 2rem; display: block; position: absolute; background: url("/image/livingBenefits/stepCountVisual_deco_4.svg") no-repeat center/100%; right: 20%; top: -2rem; }
.stepCountVisual_deco_5 { width: 1.2rem; height: 1.8rem; display: block; position: absolute; background: url("/image/livingBenefits/stepCountVisual_deco_5.svg") no-repeat center/100%; right: 15%; top: -2rem; }
.stepCountVisual_deco_6 { width: 2.4rem; height: 1.2rem; display: block; position: absolute; background: url("/image/livingBenefits/stepCountVisual_deco_6.svg") no-repeat center/100%; right: 12%; top: -6rem; }
.stepCountVisual_action { position: absolute; left: 0; top: 50%; height: 1.4rem; width: 6%; border-radius: 0.7rem; background: linear-gradient(90deg, #62c1f7 7.46%, #27edc9 97.98%); box-shadow: var(--shadow2); transform: translateY(-50%); z-index: 1; padding-left: 4.5rem; }
.stepCountVisual_bottom { margin-top: 1rem; display: flex; align-items: center; justify-content: space-between; color: var(--white); font-size: 1.2rem; font-weight: 400; line-height: 2rem; }
.stepCountVisual_bottomTextBox { position: relative; }
.stepCountVisual_bottomText { position: absolute; width: max-content; left: 50%; transform: translateX(-50%); }
.stepCountVisual_bottomText::after { content: ""; display: block; position: absolute; width: 0; height: 0; border-bottom: 0.4rem solid var(--white); border-left: 0.3rem solid transparent; border-top: 0.4rem solid transparent; border-right: 0.3rem solid transparent; left: 50%; transform: translateX(-50%); top: -0.9rem; }
.stepCountVisual_bottomTextBox:first-child .stepCountVisual_bottomText { transform: translateX(-10%); }
.stepCountVisual_bottomTextBox:last-child .stepCountVisual_bottomText { transform: translateX(-90%); }
.stepCountVisual_character { position: absolute; right: 0; top: -7rem; width: 4.8857rem; height: 7.7727rem; background: url("/image/livingBenefits/stepCountVisual_character.png") no-repeat center/100%; transition: all 0.35s; }
.stepCountVisual_character.complete { width: 6.5rem; height: 7.6642rem; background: url("/image/livingBenefits/stepCountVisual_character_c.png") no-repeat center/100%; }
.stepCountVisual_tooltip { position: absolute; left: 50%; transform: translateX(-50%); }
.asset { padding-top: 2.4rem; }
.asset_banner_img { width: 21.3rem; height: 18.9rem; position: absolute; right: 1.9rem; bottom: 0; }
.asset .right_icon_sliderBanner, .asset .right_smallicon_linkBanner .ebsmTypeBanner .linkBannerBtn, .asset .etc_linkBanner { margin-top: 0; }
.asset .right_smallicon_linkBanner { margin-bottom: 2.4rem; }
.asset .asset_my { padding-bottom: 2.4rem; }
.asset .asset_my > div ~ div { margin-top: 3.2rem; }
.asset_property { margin-bottom: 2.4rem; }
.asset .addAsset { margin-top: 3.2rem; padding: 3.2rem 0 4.8rem 0; background: var(--gray2); }
.asset .totalSummary { margin-bottom: 1.6rem; }
.right_icon_sliderBanner_img { width: 7.3rem; height: 7.3rem; position: absolute; right: 2.9rem; top: 50%; transform: translateY(-50%); }
.right_icon_sliderBanner_img img { width: 100%; height: 100%; object-fit: contain; }
.asset_card { position: relative; width: 100%; border-radius: 6px; padding: 3.2rem 2.4rem; border: 1px solid var(--gray4); box-shadow: var(--shadow2); }
.asset_card .linkBigBanner_link { position: initial; margin-top: 0.8rem; }
.asset_card .tit_area { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; position: static; padding: 0; }
.asset_card .left_area .card_tit { display: block; font-family: "HGGGothicssi"; font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; color: var(--gray10); }
.asset_card .right_area { margin-left: auto; }
.asset_card .right_area .cmp_button { border-radius: 0.6rem; }
.asset_card .bankBalance { margin-top: 2.4rem; display: flex; justify-content: flex-start; align-items: center; }
.asset_card .bankBalance .amount_area { display: flex; align-items: center; }
.asset_card .bankBalance .price { display: inline-block; font-size: 3rem; font-weight: 500; line-height: 4rem; color: var(--gray10); margin-right: 0.2rem; }
.asset_card .bankBalance .unit { font-size: 2rem; font-weight: 700; line-height: 2.8rem; color: var(--gray10); }
.asset_card .bankBalance .priceChange { margin-left: 0.8rem; padding: 0.1rem 0.4rem; }
.asset_card .bankBalance .priceChange .base { font-weight: 500; }
.tit_btn_area { display: flex; align-items: center; }
.tit_btn_area .amount_area { margin-top: 0.4rem; display: flex; align-items: center; }
.tit_btn_area .amount_area .price { font-size: 3rem; font-weight: 500; line-height: 4rem; color: var(--gray10); }
.tit_btn_area .amount_area .unit { font-size: 2rem; font-weight: 700; line-height: 2.8rem; color: var(--gray10); margin-left: 0.2rem; }
.tit_btn_area .right_area { margin-left: auto; }
.chart_area { margin: 3.2rem 0; }
/*자산*/
.asset_assets .linkBigBanner { margin-bottom: 3.2rem; }
.asset_assets > div ~ div { margin-top: 2.4rem; }
.cardList_box .cardList_item ~ .cardList_item { margin-top: 1.6rem; }
.cardList_box .cardList_cont { width: 100%; display: flex; align-items: center; }
.cardList_box .left_area { display: flex; justify-content: flex-start; align-items: center; overflow: hidden; flex-basis: 72%; }
.cardList_box .left_area .log_area { width: 4rem; height: 4rem; border-radius: 50%; background-color: var(--gray1); display: flex; justify-content: center; align-items: center; flex-basis: 4rem; flex-shrink: 0; }
.cardList_box .left_area .date_area { width: 4rem; height: 4rem; border-radius: 50%; background-color: #e6f1ff; display: flex; justify-content: center; align-items: center; }
.cardList_box .left_area .date_area .date { font-size: 1.2rem; font-weight: 700; line-height: 2rem; color: var(--blue6); }
.cardList_box .left_area .desc_area { margin-left: 0.8rem; flex-grow: 1; flex-shrink: 1; overflow: hidden; }
.cardList_box .left_area .desc_area .top_tit { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray8); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.cardList_box .left_area .desc_area .mid_tit { font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; color: var(--gray8); }
.cardList_box .left_area .desc_area .bomt_tit { display: flex; align-items: center; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: var(--gray10); }
.cardList_box .left_area .desc_area .bomt_tit .num { font-weight: 700; margin-right: 0.2rem; }
.cardList_box .left_area .desc_area .bomt_tit .rol { display: inline-block; font-size: 1.3rem; font-weight: 500; line-height: 2rem; margin-left: 0.5rem; }
.cardList_box .left_area .desc_area .bomt_tit .rol.puls { color: #e9584b; }
.cardList_box .left_area .desc_area .bomt_tit .rol.minus { color: var(--informative); }
.cardList_box .right_area { margin-left: auto; flex-grow: 0; flex-shrink: 0; flex-basis: 7.5rem; text-align: right; }
/*소비*/
.asset_consume > div ~ div { margin-top: 3.2rem; }
/* 팝업 - 주식시장전망*/
.assetsPopup .badgeArea { margin-top: 1rem; display: flex; justify-content: flex-start; align-items: center; }
.assetsPopup .badgeArea > *:not(:first-child) { margin-left: 0.8rem; }
.assetsPopup .assestsPop_cont { margin-top: 2.4rem; }
.assetsPopup .paragraph .img_wrap { object-fit: cover; margin-bottom: 1.6rem; }
.assetsPopup .paragraph .shortCrct { font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; color: #000; }
.assetsPopup .paragraph .shortCrct ~ .shortCrct { margin-top: 3rem; }
.assetsPopup .paragraph ~ .paragraph { margin-top: 2.4rem; }
.assetsPopup .infoBox_text { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
/* 바텀시트 - 자산 정보 업데이트 하기 */
.updateAssetInfo_termBox { margin-top: 2.4rem; }
.updateAssetInfo_termBox > *:not(:first-child) { margin-top: 1.6rem; }
.updateAssetInfo .assetInfo_txt { text-align: center; font-size: 1.3rem; font-weight: 400; line-height: 2rem; }
.totalSummary { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 2rem; border-radius: 0.6rem; background: var(--blue1); }
.totalSummary_tit { color: var(--gray10); font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; }
.totalSummary_result { color: var(--jb-blue); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.linkBigBanner.chart { height: auto; }
.linkBigBanner.chart .linkBigBanner_link { position: static; margin-top: 0.8rem; }
/* 상품몰 */
.pdmall_tab { padding-left: 0 !important; padding-right: 0 !important; }
.pdmall_wrap { margin-top: 2.4rem; margin-bottom: 2.4rem; }
.pdmall_topBanner { margin-bottom: 2.4rem; }
.pdmall_swiperItem { width: 15.6rem !important; }
.pdmall_linkBanner { margin-top: 1.4rem; }
.pdmall_footer { margin-top: 3.2rem; padding-top: 1rem; margin-left: -2rem !important; margin-right: -2rem !important; position: relative; }
.pdmall_footer::after { content: ""; display: block; position: absolute; width: 100%; height: 1rem; background-color: var(--gray1); top: 0; left: 0; }
.pdmall .fillterView { margin-bottom: 3.2rem; }
.pdmall .closeableBanner { margin-bottom: 2.4rem; }
.fillterView_tab { margin-bottom: 2rem; }
.fillterView_detail { display: flex; align-items: center; justify-content: space-between; }
.fillterView_result { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.fillterView_btn { margin-right: -1.2rem; }
.fillterView_btn .ic_line_12_forwardarrow { transform: rotate(90deg); }
.analysisIP_infoBox { display: flex; flex-direction: column; color: var(--gray8); text-align: center; font-size: 1.3rem; font-weight: 400; line-height: 2rem; margin-bottom: 2rem; }
.analysisIP_directions { display: block; color: var(--jb-blue); text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; margin-bottom: 1.4rem; }
.analysisIP_guidance { display: flex; flex-direction: column; }
.analysisIP_guidanceTit { color: var(--gray9); text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; }
.analysisIP_guidanceInfo { color: var(--gray8); text-align: center; font-size: 1.1rem; font-weight: 400; line-height: 1.6rem; margin-top: 0.2rem; }
.card { padding-bottom: 2.4rem; }
.card_tab { margin-bottom: 2.4rem; }
.card_tabPanel { margin-top: 1.6rem; margin-bottom: 2.4rem; }
.card_infoVisul { margin-bottom: 2.4rem; }
.card .cmp_section + .cmp_section { margin-top: 2.4rem; }
.card_caution { margin-top: 2.4rem; }
.card_caution .accordion_item { margin: 0; }
.card_viewSheet_visual { margin-bottom: 1.6rem; }
/*보유카드 관리*/
.card_mgmt { padding-bottom: 3.2rem; }
.card_mgmt div[data-js=tab] { margin-top: 3.2rem; }
.card_mgmt .cmp_tabs_fix_tab { margin-left: -2rem; margin-right: -2rem; margin-bottom: 3.2rem; }
/*코치마크 scss*/
.coachMark .pageTitleArea { margin-bottom: 3.4rem; }
.coachMark .coach_item .txt_area { text-align: center; margin-bottom: 2.4rem; }
.coachMark .coach_item .coach_tit { font-size: 2rem; font-weight: 700; line-height: 2.8rem; color: var(--gray10); margin-bottom: 0.8rem; }
.coachMark .coach_item .coach_badge { display: inline-block; font-size: 1.2rem; line-height: 2rem; font-weight: 500; color: #fff; background-color: var(--danger); vertical-align: middle; padding: 0 8px; border-radius: 2px; margin-right:0.8rem; margin-top: -0.3rem; }
.coachMark .coach_item .coach_desc { font-size: 1.3rem; line-height: 2rem; }
.coachMark .coach_item .img_area { width: 24.3rem; margin: 0 auto; }
.coachMark .coach_item .img_area img { width: 100%; object-fit: cover; }
.coachMark .bigFont_area { margin-top: 2.5rem; text-align: center; }
.coachMark .bigFont_area .cmp_checkbox { font-size: 1.8rem; line-height: 2.6rem; color: var(--gray10); align-items: center; }
.coachMark .swiper-button-next { transform: rotate(180deg); margin-right: 1.3rem; }
.coachMark .swiper-button-prev { margin-left: 1.3rem; }
.coachMark .swiper-button-next::after, .coachMark .swiper-button-prev::after, .coachMark .swiper-button-disabled { display: none; }

/* 코치마크 화면 수정 */
.coachMark.w20260224 .coach_item .img_area{ margin-top:4.8rem; width:27.1rem; }
.coachMark.w20260224 .coach_item .descBox{ position:relative; margin:-6rem auto 0; max-width:43rem; padding: 1.6rem 2rem; border: 0.1rem solid #E1E3E5; border-radius: 0.6rem; box-shadow: 0.2rem 0.2rem 0.6rem 0.2rem rgba(0, 0, 0, 0.05); background-color:#fff; }
.coachMark.w20260224 .coach_item .descBox .descTit{ display: inline-block; font-family: 'HGGGothicssi'; font-size: 1.8rem; font-weight: bold; color: #212529; }
.coachMark.w20260224 .coach_item .descBox span{ margin: -0.3rem 0 0 0.6rem; padding: 0; width: 3.8rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 500; color: #fff; border-radius: 0.4rem; background-color: #307FF0; vertical-align: middle; white-space: nowrap; }
.coachMark.w20260224 .coach_item .descBox .descTxt{ margin-top: 0.4rem; font-size: 1.4rem; font-weight: 500; color: #6e7780; }

/* ====================================== 금융 계산기 ====================================== */
.finCalc_tab { margin-left: -2rem; margin-right: -2rem; }
.finCalc_tab[data-sticky=true] { margin-left: 0; margin-right: 0; }
.finCalc_panels { padding-top: 3.2rem; padding-bottom: 2.4rem; }
.finCalc_landing .finCalc_header { margin-bottom: 2.4rem; }
.finCalc_header { margin-bottom: 3.2rem; }
.finCalc_form { display: flex; flex-direction: column; }
.finCalc_formLine { display: flex; margin-top: 1.6rem; }
.finCalc_formLine:first-child { margin-top: 0; }
.finCalc_formItem { flex-basis: 50%; flex-grow: 1; margin-left: 0.9rem; }
.finCalc_formItem:first-child { margin-left: 0; }
.finCalc_infoBox { margin-top: 3.2rem; }
.finCalc_accordion { margin-top: 3.2rem; }
.finCalc_viewMore { display: flex; justify-content: center; margin-top: 2rem; }
.finCalc_viewMoreBtn { width: 100%; color: var(--jb-blue); font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; display: inline-flex; align-items: center; justify-content: center; height: 4rem; padding: 0.9rem 0.8rem; border-radius: 0.4rem; border: 1px solid var(--gray4); background: var(--white); }
.finCalcPopup .headTitle { margin-top: 0; }
.finCalcPopup_tabel { margin-top: 2.4rem; }
.finCalcPopup_tabelTit { margin-bottom: 1.6rem; display: block; color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.finCalcPopup_tabelTit em { color: var(--jb-blue); }
.errcmMsg-pd32 { padding-bottom: 3.2rem; }
.errcmMsg .errcmCon { margin-top: 6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.errcmMsg .errcmCon > *:not(:first-child) { margin-top: 0.8rem; }
.errcmMsg .errcmCon .cmp_button.text.arrow .base { font-weight: 500; }
.errcmMsg .errcmCon_topLink { margin-top: 6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 2.4rem !important; }
.errcmMsg .errcmCon_topLink > *:not(:first-child) { margin-top: 0.8rem; }
.errcmMsg .errcmCon_topLink .details { margin-left: auto; margin-right: -1.2rem; padding-bottom: 0.6rem; }
.errcmMsg .errcmCon_topLink .details .base { font-weight: 500; color: var(--jb-blue); }
.errcmMsg .errcmCon_topLink-mt0 { margin-top: 0 !important; }
.errcmMsg + .bottomBtnArea .accordion { width: 100%; }
.errcmMsg.linkNoMargin .linkContBox { margin-top: 0 !important; }
.errcmMsg .linkContBox { width: 100%; margin-top: 2.4rem !important; }
.errcmMsg .linkContBox .linkContBox_head { padding-right: 0; }
.errcmMsg .linkContBox .linkContBox_tit { font-size: 1.4rem; line-height: 2.2rem; }
.errcmMsg .linkContBox .linkContBox_point { font-size: 1.4rem; line-height: 2.2rem; color: var(--gray6); display: flex; justify-content: flex-start; align-items: center; text-align: right; }
.errcmMsg .linkContBox .linkContBox_point i { margin-left: 0.4rem; margin-top: -0.4rem; }
.errcmMsg .linkContBox .linkContBox_point.blue { color: var(--jb-blue); }
.errcmMsg .linkContBox .linkContBox_point.green { color: var(--success); }
.errcmMsg .linkContBox .linkContBox_point.green i { filter: invert(37%) sepia(92%) saturate(1869%) hue-rotate(143deg) brightness(96%) contrast(101%); }
.errcmMsg .t14, .errcmMsg .t18G { text-align: center; }
.errcmMsg .subTit { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray10); text-align: center; }
.errcmMsg .gray_box { width: 100%; padding: 1.9rem 0; background-color: var(--gray2); border-radius: 6px; margin-top: 0.8rem; }
.errcmMsg .callCenter { margin-top: 0.8rem; margin-bottom: 2.2rem; }
.errcmMsg .callCenter .tel_link { text-decoration: underline; }
.errcmMsg .cmp_button.refresh { padding: 0.8rem 1.2rem; }
.errcmMsg .info_area { width: 100%; margin-top: 2.2rem; }
.errcmMsg .info_area .infoBox ~ .infoBox { margin-top: 1.6rem; }
.errcmMsg .infoBox { width: 100%; }
.err_box { width: 100%; padding: 1.9rem 0; background-color: var(--gray2); border-radius: 6px; margin-top: 0.8rem; text-align: center; }
/* =========================== 상품상세 페이지 레이아웃 =========================== */
.onPdCatal_detail { position: relative; }
.onPdCatal_detail .prodDescAcco:not(:first-child) { margin-top: 1.6rem; }
.onPdCatal_detailTab { margin-left: -2rem; margin-right: -2rem; margin-top: 1.6rem; }
.onPdCatal_detailTabPanel { padding-top: 2.4rem; }
/* ============= 상품 상세 설명 데이터 없음 ============= */
.onPdCatal_noData { padding: 3.2rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.onPdCatal_noDataImg { width: 12rem; height: 12rem; }
.onPdCatal_noDataText { margin-top: 0.8rem; color: var(--gray10); text-align: center; font-family: HGGGothicssi; font-size: 14px; font-weight: 700; line-height: 2.2rem; }
/* ============= 상품 설명 & visual 부분 ============= */
.onPdCatalInfo_head { margin-left: -2rem; margin-right: -2rem; padding: 3.2rem 2rem 4rem 2rem; background-color: #fffae0; }
.onPdCatalInfo_head.SID2{background-color:#f3fbe0;}
.onPdCatalInfo_titBox { position: relative; margin-bottom: 4rem; }
.onPdCatalInfo_labels { display: inline-flex; align-items: center; margin-bottom: 1.6rem; }
.onPdCatalInfo_labels > *:not(:first-child) { margin-left: 0.4rem; }
.onPdCatalInfo_date { color: var(--content12); font-size: 1.2rem; font-weight: 500; line-height: 2rem; height: 2.4rem; border-radius: 2px; background: var(--white); display: inline-flex; align-items: center; justify-content: center; padding: 0 0.4rem; }
.onPdCatalInfo_label { color: #653b3c; font-size: 1.2rem; font-weight: 500; line-height: 2rem; height: 2.4rem; border-radius: 2px; border: 1px solid #653b3c; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.4rem; background-color:#fff;}
.onPdCatalInfo_actionBtns { position: absolute; top: 3rem; right: 2rem; z-index: 1; display: flex; }
.onPdCatalInfo_actionBtns .ic_line_24_share_white { background-image: url(/image/common/ic_line_24_share.svg); }
.onPdCatalInfo_actionBtns > *:not(:first-child) { margin-left: 0.8rem; }
.onPdCatalInfo_actionBtn { width: 2.4rem; height: 2.4rem; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.onPdCatalInfo_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.8rem; font-weight: 700; line-height: 3.6rem; }
.onPdCatalInfo_prodName { color: var(--gray10); font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; display: block; margin-bottom: 0.8rem; }
.onPdCatalInfo_body { margin-top: 3.2rem; }
.onPdCatalInfo_body > *:not(:first-child) { margin-top: 4rem; }
.onPdCatalInfo_visual { padding-bottom: 4rem; }
.onPdCatalInfo_viewEstAmount { padding: 4rem 0 5rem 0; position: relative; }
.onPdCatalInfo_viewEstAmount::after { content: ""; display: block; position: absolute; width: 100vw; height: 1rem; background-color: #f2f5f7; bottom: 0; left: -2rem; right: -2rem; }
.onPdCatalInfo_viewEstAmount.noUnderbar::after { display: none; }
.onPdCatalInfo_feature { margin: 0 0 4rem !important; padding: 2rem; border-radius: 0.6rem; background-color: #f5f7fa; }
.onPdCatalInfo_feature .t16 { font-size: 1.6rem !important; }
.onPdCatalInfo_feature p { font-size: 1.4rem; color: #212529; line-height: 2.2rem; }
.onPdCatalInfo_feature > p { font-weight: 500 !important; }
.onPdCatalInfo_feature .infofeatureItem { display: flex; justify-content: space-between; }
.onPdCatalInfo_feature .infofeatureItem .infofeatureTit { position: relative; width: calc(100% - 8rem); padding-left: 1.8rem; }
.onPdCatalInfo_feature .infofeatureItem .infofeatureTit:not(.infoNoCheck)::before { content: ''; position: absolute; top: 0.3rem; left: 0; width: 1.4rem; height: 1.4rem; background: url('/img/newEvent/files/20240220_0001.png'); background-size: 1.4rem 1.4rem; }
.onPdCatalInfo_feature .infofeatureItem .infofeatureTit.infoNoCheck { font-weight: 500 !important; padding-left: 0; }
.onPdCatalInfo_feature .rightDesc { display: flex; align-items: center; text-align: right; font-weight: 500; color: #0565f0; }
.onPdCatalInfo_feature .deBar { width: 100%; height: 0.1rem; margin: 0.8rem 0; background-color: #e1e3e5; }
.onPdCatalInfo_feature.ty2 .infofeatureItem .infofeatureNoTit { position: relative; font-weight: 500; width: calc(100% - 8rem); }
.onPdCatalInfo_feature.ty2 .infofeatureSubCaution { position: relative; margin-top: 0.8rem; padding-left: 0.8rem; font-size: 1.3rem !important; font-weight: normal !important; color: #515961 !important; }
.onPdCatalInfo_feature.ty2 .infofeatureSubCaution::before { content: ''; position: absolute; top: 0.9rem; left: 0; width: 0.4rem; height: 0.4rem; background-color: #c0c6cc; border-radius: 50%; }
/* ============= 상품별 컬러 ============= */
.check_account .onPdCatalInfo_head { background:#ecf4ff }
.check_account .onPdCatalInfo_date { color: var(--content08); }
.check_account .specPreview_cat { color: var(--gray8); }
.loan .onPdCatalInfo_head { background: #f0eded; }
.loan .onPdCatalInfo_date { color: var(--content09); }
.loan .specPreview_cat { color: var(--gray8); }
/* .loan .specPreview_view br { display: none; } */
.forex .onPdCatalInfo_head { background: #eafbff; }
.forex .onPdCatalInfo_date { color: var(--content09); }
.forex .specPreview_cat { color: var(--gray8); }
.specPreview { position: relative; }
.specPreview_list { display: flex; flex-wrap: wrap; }
.specPreview_item { flex-basis: 50%; margin-top: 2.4rem; flex-grow: 1; }
.specPreview_box { display: flex; height: 100%; flex-direction: column; }
.specPreview_cat { color: var(--gray8); flex-shrink: 0; font-size: 1.3rem; font-style: normal; font-weight: 500; line-height: 2rem; margin-bottom: 0.8rem; }
.specPreview_value { color: var(--gray10); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.specPreview_item:first-child { flex-basis: 100%; margin-top: 0; }
.specPreview_item:first-child .specPreview_value { font-size: 2.4rem; font-weight: 700; line-height: 3.6rem; }
.onPdCatalInfoVisual_head { display: flex; flex-direction: column; }
.onPdCatalInfoVisual_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.onPdCatalInfoVisual_tit .spoqa { font-family: Spoqa Han Sans Neo; }
.onPdCatalInfoVisual_subTit { margin-top: 0.8rem; color: var(--gray8); font-size: 1.3rem; font-weight: 500; line-height: 2rem; }
.onPdCatalInfoVisual_visual { margin-top: 4rem; display: flex; justify-content: center; }
.onPdCatalInfoVisual_visual > img { height: 17rem; object-fit: contain; }
.onPdCatalInfoVisual_link { color: var(--jb-blue); text-decoration: underline !important; }
.onPdCatalInfoVisual_subTitList { margin-top: 0.8rem; }
.onPdCatalInfoVisual_subTitList .infoBox_text { font-weight: 500; }
/* ============= 금융계산기 ============= */
.viewEstAmount_head { display: flex; flex-direction: column; margin-bottom: 2.4rem; }
.viewEstAmount_tit { color: var(--gray10); font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; margin-bottom: 0.8rem; }
.viewEstAmount_subTit { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.viewEstAmount_select { display: flex; flex-direction: column; margin-bottom: 2rem; }
.viewEstAmount_select > *:not(:first-child) { margin-top: 1.2rem; }
.viewEstAmount_selectBtn { min-height: 7.6rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); display: flex; align-items: center; justify-content: space-between; padding: 0 4.4rem 0 2rem; position: relative; }
.viewEstAmount_result { display: flex; flex-direction: column; text-align: right; }
.viewEstAmount_infoMsg { color: var(--gray7); text-align: right; font-size: 1.3rem; line-height: 2rem; margin-top: 0.8rem; }
.viewEstAmount_infoMsg em { color: var(--jb-blue); }
.viewEstAmount_result { margin-top: 3rem; }
.viewEstAmount_infoPoint { color: var(--jb-blue); font-size: 1.4rem; line-height: 2.2rem; margin-top: 0.8rem; }
.viewEstAmount .cmp_textfield:last-child input { padding-right: 36px !important; }
.viewEstAmountResult { border-radius: 0.6rem; background: var(--gray1); padding: 1.6rem 2rem; }
.viewEstAmountResult_list { display: flex; flex-direction: column; }
.viewEstAmountResult_list > *:not(:first-child) { margin-top: 0.8rem; }
.viewEstAmountResult_item { display: flex; align-items: center; justify-content: space-between; }
.viewEstAmountResult_cat { color: var(--gray8); font-size: 1.4rem; line-height: 2.2rem; text-align: left; }
.viewEstAmountResult_value { color: var(--gray9); font-size: 1.4rem; line-height: 2.2rem; flex-shrink: 0; margin-left: 2rem; }
.viewEstAmountResult_value-blue { color: var(--jb-blue); font-weight: 700; }
/* ============= 주요상품 레이아웃 ============= */
.onPdCatalEvent { margin-left: -2rem; margin-right: -2rem; }
.onPdCatalEvent_section { position: relative; display: flex; flex-direction: column; align-items: center; flex-grow: 1; }
.onPdCatalEvent_section-intro, .onPdCatalEvent_section-overview, .onPdCatalEvent_section-detail { justify-content: space-between; }
.onPdCatalEvent_section.gradient::after { content: ""; display: block; position: absolute; width: 100%; height: 8rem; background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 87.75%); left: 0; bottom: 0; }
.onPdCatalEvent_head { margin-top: 7.93vh; margin-top: calc(var(--vh, 1vh) * 7.93); z-index: 1; display: flex; flex-direction: column; align-items: center; width: max-content; flex-shrink: 0; }
.onPdCatalEvent .onPdCatalInfo_date { color: var(--white); margin-bottom: 0; }
.onPdCatalEvent_labels { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }
.onPdCatalEvent_labels > *:not(:first-child) { margin-left: 0.8rem; }
.onPdCatalEvent_label { height: 2.4rem; border-radius: 2px; border: 1px solid var(--gray10); display: inline-flex; align-items: center; justify-content: center; color: var(--gray10); font-size: 1.2rem; font-weight: 500; line-height: 2rem; padding: 0 0.4rem; }
.onPdCatalEvent_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.8rem; font-weight: 700; line-height: 3.6rem; text-align: center; }
@media (max-width:320px) {
    .onPdCatalEvent_tit { font-size: 2.2rem; line-height: 3rem; }
}
.onPdCatalEvent_titEm { position: relative; }
.onPdCatalEvent_prodName { color: var(--gray9); font-family: HGGGothicssi; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; margin-top: 2.4rem; }
@media (max-width:320px) {
    .onPdCatalEvent_prodName { font-size: 1.4rem; line-height: 2.2rem; }
}
.onPdCatalEvent_prodInfo { color: var(--gray8); text-align: center; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.onPdCatalEvent_visual { height: 41.2vh; height: calc(var(--vh, 1vh) * 41.2); margin-bottom: 5.29vh; margin-bottom: calc(var(--vh, 1vh) * 5.29); flex-grow: 1; width: 100%; overflow: hidden; }
.onPdCatalEvent_visual img { width: 100%; height: 100%; object-fit: contain; }
.onPdCatalEvent_scrollBtn { width: 3rem; height: 3rem; position: absolute; left: 50%; bottom: 2rem; transform: translateX(-50%); display: inline-flex; align-items: center; justify-content: center; }
.onPdCatalEvent_scrollBtn i { width: 2.4rem; height: 2.4rem; pointer-events: none; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.onPdCatalEvent_section-ir { display: flex; align-items: center; justify-content: center; }
.onPdCatalEvent_ir { padding: 4rem 2rem; color: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
.onPdCatalEvent_irIcon { width: 4.8rem; height: 4.8rem; margin-bottom: 2rem; }
.onPdCatalEvent_ir.--iconBlack::before { background: url("/image/onPdCatal/onPdCatalEvent_ir_black.svg") no-repeat center/100%; }
.onPdCatalEvent_irTit { font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; margin-bottom: 1.4rem; }
.onPdCatalEvent_irTit-small { font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.onPdCatalEvent_irTextBox { margin-bottom: 2.4rem; }
.onPdCatalEvent_irTextBoxList { display: flex; flex-direction: column; align-items: center; }
.onPdCatalEvent_irTextBoxItem { display: flex; flex-direction: column; align-items: center; }
.onPdCatalEvent_irTextBoxItem.margin { margin-bottom: 2.4rem; }
.onPdCatalEvent_irText { color: var(--white); text-align: center; font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.onPdCatalEvent_irSubText { color: var(--white); text-align: center; font-size: 1.4rem; line-height: 2.2rem; }
.onPdCatalEvent_irValue { display: flex; align-items: center; margin-bottom: 1.6rem; }
.onPdCatalEvent_irValue-noMargin { margin-bottom: 0; }
.onPdCatalEvent_infoTxt { font-size: 3rem; font-weight: 700; line-height: 6rem; }
.onPdCatalEvent_irUtit { font-size: 2.6rem; font-weight: 700; line-height: 3rem; margin-right: 1rem; margin-top: 0.5rem; }
.onPdCatalEvent_irResult { font-size: 5rem; font-weight: 700; line-height: 6rem; display: inline-flex; }
.onPdCatalEvent_irResultUnit { line-height: 1; transform: translateY(0.55rem); }
.onPdCatalEvent_irInfo { display: flex; align-items: center; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.onPdCatalEvent_irInfo-col { flex-direction: column; }
.onPdCatalEvent_irInfo-col .onPdCatalEvent_irInfoCate { margin-right: 0; margin-bottom: 0.8rem; }
.onPdCatalEvent_irInfo-col .onPdCatalEvent_irInfoValue { text-align: center; }
.onPdCatalEvent_irInfoCate { opacity: 0.8; margin-right: 0.8rem; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.onPdCatalEvent_irInfoValue { font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.onPdCatalEvent_irBaseRate { display: flex; align-items: center; padding: 1.3rem 2.3rem; border-radius: 6rem; background: var(--white); margin-bottom: 2.4rem; }
.onPdCatalEvent_irBaseRateCat { color: var(--gray10); font-size: 2rem; font-weight: 700; line-height: 2.8rem; margin-right: 0.8rem; }
.onPdCatalEvent_irBaseRateValue { font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.onPdCatalEvent_irBaseRateText { font-size: 2rem; font-weight: 700; line-height: 2.8rem; }
.onPdCatalEvent_irInfoList { display: flex; flex-direction: column; align-items: center; }
.onPdCatalEvent_irInfoList > *:not(:first-child) { margin-top: 0.7rem; }
.onPdCatalEvent_irDate { color: var(--white); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; margin-bottom: 3.3rem; }
.onPdCatalEvent_irPopBtn { width: 100%; margin-top: 3.2rem; }
.onPdCatalEvent_irPopBtn .cmp_button { background-color: var(--white); }
.onPdCatalEvent_irPopBtn .cmp_button .base { color: #0698a1; }
.onPdCatalEvent_section-benefit { justify-content: start; }
.onPdCatalEvent_ben { padding: 4rem 2rem; position: relative; width: 100%; }
.onPdCatalEvent_subTit { color: var(--gray10); text-align: center; font-size: 1.3rem; font-weight: 500; line-height: 2rem; display: block; margin-top: 2rem; }
.onPdCatalEvent_subTxt { marin-top:0.8rem; opacity:0.7; }
.onPdCatalEvent_section-detail { min-height: calc(var(--vh, 1vh) * 100 - 14.4rem); height: calc(var(--vh, 1vh) * 100 - 14.4rem); display: flex; flex-direction: column; width: 100%; align-items: center; }
.onPdCatalEvent_detail { padding: 4.2rem 2rem 0 2rem; position: relative; width: 100%; }
.onPdCatalEvent_cardDetail { width: 100%; padding: 2rem 2rem 0 2rem; position: relative; }
.onPdCatalEvent_cardDetail .onPdCatal_detailTab { margin-top: 0; }
.onPdCatalEvent_detail::after, .onPdCatalEvent_cardDetail::after { content: ""; display: block; position: absolute; width: 100vw; height: 1rem; background: var(--gray2); left: 0; top: 0; }
.onPdCatalEvent_detail.noUnderbar::after { display: none; }
.onPdCatalEvent_detailLink { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; position: relative; display: inline-flex; align-items: center; justify-content: center; margin-top: 1.6rem; }
.onPdCatalEvent_detailLink::after { content: ""; display: block; position: relative; width: 1.2rem; height: 1.2rem; margin-left: 0.4rem; transform: translateY(-0.1rem); background: url(/image/common/ic_arrow_12.svg) no-repeat center/100%; }
/* 입출금 : 씨드모아 통장*/
.onPdCatalEvent_section-intro.--seedmore { background-color: var(--blue2); background:url('/img/newEvent/files/20260513_0001.png') no-repeat center/cover; }
.onPdCatalEvent_section-intro.--seedmore .onPdCatalInfo_date { background-color: var(--jb-blue); }
.onPdCatalEvent_section-intro.--seedmore .onPdCatalEvent_titEm-color { color: var(--jb-blue); }
.onPdCatalEvent_section-ir.--seedmore { background-color: var(--blue5); }
.onPdCatalEvent_section-overview.--seedmore.ov1 { background-color: var(--blue1); }
.onPdCatalEvent_section-overview.--seedmore.ov1 .onPdCatalEvent_titEm-color { color: var(--jb-blue); }
.onPdCatalEvent_section-overview.--seedmore.ov2 { background-color: var(--content15); }
.onPdCatalEvent_section-overview.--seedmore.ov2 .onPdCatalEvent_titEm-color { color: var(--content16); }
.onPdCatalEvent_section-overview.--seedmore.ov3 { background-color: var(--content17); }
.onPdCatalEvent_section-overview.--seedmore.ov3 .onPdCatalEvent_titEm-color { color: var(--jb-blue); }
/* 입출금 : 아이꿈 통장 */
.onPdCatalEvent_section-intro.--idream { background-color: var(--content18); }
.onPdCatalEvent_section-intro.--idream .onPdCatalInfo_date { background-color: var(--content19); }
.onPdCatalEvent_section-intro.--idream .onPdCatalEvent_titEm-color { color: var(--content19); }
.onPdCatalEvent_section-ir.--idream { background-color: var(--content20); }
.onPdCatalEvent_section-overview.--idream.ov1 { background-color: var(--content21); }
.onPdCatalEvent_section-overview.--idream.ov1 .onPdCatalEvent_titEm-color { color: var(--content19); }
.onPdCatalEvent_section-overview.--idream.ov2 { background-color: var(--content18); }
.onPdCatalEvent_section-overview.--idream.ov2 .onPdCatalEvent_titEm-color { color: var(--content22); }
/* 예금 : 123정기예금 */
.onPdCatalEvent_section-intro.--d123 { background-color: #000; }
.onPdCatalEvent_section-intro.--d123 .onPdCatalInfo_date { background-color: var(--content23); }
.onPdCatalEvent_section-intro.--d123 .onPdCatalEvent_tit { color: #fff; }
.onPdCatalEvent_section-intro.--d123 .onPdCatalEvent_titEm-color { color: var(--content23); }
.onPdCatalEvent_section-intro.--d123 .onPdCatalEvent_prodName { color: var(--gray6); }
.onPdCatalEvent_section-ir.--d123 { background-color: var(--content23); }
.onPdCatalEvent_section-ir.--d123 .onPdCatalEvent_irBaseRateValue { color: var(--content23); }
.onPdCatalEvent_section-overview.--d123.ov1 { background-color: var(--content24); }
.onPdCatalEvent_section-overview.--d123.ov1 .onPdCatalEvent_titEm-color { color: var(--content23); }
.onPdCatalEvent_section-overview.--d123.ov2 { background-color: var(--gray3); }
.onPdCatalEvent_section-overview.--d123.ov2 .onPdCatalEvent_titEm-color { color: var(--content23); }
/* 예금 : jb 플러스 369 정기예금 */
.onPdCatalEvent_section-intro.--d369 { background-color: var(--content25); }
.onPdCatalEvent_section-intro.--d369 .onPdCatalInfo_date { background-color: var(--content10); }
.onPdCatalEvent_section-intro.--d369 .onPdCatalEvent_titEm-color { color: var(--content10); }
.onPdCatalEvent_section-ir.--d369 { background-color: var(--content10); }
.onPdCatalEvent_section-ir.--d369 .onPdCatalEvent_irBaseRateValue { color: var(--content10); }
.onPdCatalEvent_section-overview.--d369.ov1 { background-color: var(--content25); }
.onPdCatalEvent_section-overview.--d369.ov1 .onPdCatalEvent_titEm-color { color: var(--content10); }
.onPdCatalEvent_section-overview.--d369.ov2 { background-color: var(--content41); }
.onPdCatalEvent_section-overview.--d369.ov2 .onPdCatalEvent_titEm-color { color: var(--content08); }
/* 적금 : 슈퍼씨드 */
.onPdCatalEvent_section-intro.--superseed { background-color: var(--content27); }
.onPdCatalEvent_section-intro.--superseed .onPdCatalInfo_date { background-color: var(--content28); }
.onPdCatalEvent_section-intro.--superseed .onPdCatalEvent_titEm-color { color: var(--content28); }
.onPdCatalEvent_section-ir.--superseed { background-color: var(--content29); }
.onPdCatalEvent_section-ir.--superseed .onPdCatalEvent_irBaseRateValue { color: var(--content29); }
.onPdCatalEvent_section-overview.--superseed.ov1 { background-color: var(--content27); }
.onPdCatalEvent_section-overview.--superseed.ov1 .onPdCatalEvent_titEm-color { color: var(--content28); }
.onPdCatalEvent_section-overview.--superseed.ov2 { background-color: var(--content30); }
.onPdCatalEvent_section-overview.--superseed.ov2 .onPdCatalEvent_titEm-color { color: var(--content31); }
/* 적금 : 플러스 612 */
.onPdCatalEvent_section-intro.--s612 { background-color: var(--content32); }
.onPdCatalEvent_section-intro.--s612 .onPdCatalInfo_date { background-color: var(--jb-blue); }
.onPdCatalEvent_section-intro.--s612 .onPdCatalEvent_titEm-color { color: var(--jb-blue); }
.onPdCatalEvent_section-ir.--s612 { background-color: var(--blue5); }
.onPdCatalEvent_section-ir.--s612 .onPdCatalEvent_irBaseRateValue { color: var(--blue5); }
.onPdCatalEvent_section-overview.--s612.ov1 { background-color: var(--content32); }
.onPdCatalEvent_section-overview.--s612.ov1 .onPdCatalEvent_titEm-color { color: var(--jb-blue); }
.onPdCatalEvent_section-overview.--s612.ov2 { background-color: var(--content15); }
.onPdCatalEvent_section-overview.--s612.ov2 .onPdCatalEvent_titEm-color { color: var(--content16); }
/* 대출 : JB 맞춤 대출 */
.onPdCatalEvent_section-intro.--loan-fit { background-color: var(--content33); }
.onPdCatalEvent_section-intro.--loan-fit .onPdCatalInfo_date { background-color: var(--content34); }
.onPdCatalEvent_section-intro.--loan-fit .onPdCatalEvent_label { border-color: var(--content34); color: var(--content34); }
.onPdCatalEvent_section-intro.--loan-fit .onPdCatalEvent_titEm-color { color: var(--content34); }
.onPdCatalEvent_section-overview.--loan-fit.ov1 { background-color: var(--content35); }
.onPdCatalEvent_section-overview.--loan-fit.ov1 .onPdCatalEvent_titEm-color { color: var(--content03); }
/* 대출 : 갈아타기 */
.onPdCatalEvent_section-intro.--loan-change { background-color: var(--content32); }
.onPdCatalEvent_section-intro.--loan-change .onPdCatalInfo_date { background-color: var(--jb-blue); }
.onPdCatalEvent_section-intro.--loan-change .onPdCatalEvent_label { border-color: var(--jb-blue); color: var(--jb-blue); }
.onPdCatalEvent_section-intro.--loan-change .onPdCatalEvent_titEm-color { color: var(--jb-blue); }
.onPdCatalEvent_section-ir.--loan-change { background-color: var(--blue5); }
.onPdCatalEvent_section-ir.--loan-change .onPdCatalEvent_irBaseRateValue { color: var(--blue5); }
.onPdCatalEvent_section-overview.--loan-change.ov1 { background-color: var(--content32); }
.onPdCatalEvent_section-overview.--loan-change.ov1 .onPdCatalEvent_titEm-color { color: var(--jb-blue); }
.onPdCatalEvent_section-overview.--loan-change.ov2 { background-color: var(--content36); }
.onPdCatalEvent_section-overview.--loan-change.ov2 .onPdCatalEvent_titEm-color { color: var(--blue5); }
/* 카드 : 둘과 넷 */
.onPdCatalEvent_section-intro.--card24 { background-color: var(--content37); }
.onPdCatalEvent_section-intro.--card24 .onPdCatalInfo_date { background-color: var(--content38); }
.onPdCatalEvent_section-intro.--card24 .onPdCatalEvent_label { border-color: var(--content38); color: var(--content38); }
.onPdCatalEvent_section-intro.--card24 .onPdCatalEvent_titEm-color { color: var(--content38); }
.onPdCatalEvent_section-overview.--card24.ov1 { background-color: var(--content39); }
.onPdCatalEvent_section-overview.--card24.ov1 .onPdCatalEvent_titEm-color { color: var(--content40); }
.onPdCatalEvent_section-overview.--card24.ov2 { background-color: var(--content37); }
.onPdCatalEvent_section-overview.--card24.ov2 .onPdCatalEvent_titEm-color { color: var(--content38); }
.onPdCatalEvent_section-ir.--card24 { background-color: var(--content03); }
/* 카드 : skoil_n_lpg */
.onPdCatalEvent_section-intro.--card-sk { background-color: var(--content41); }
.onPdCatalEvent_section-intro.--card-sk .onPdCatalInfo_date { background-color: var(--content08); }
.onPdCatalEvent_section-intro.--card-sk .onPdCatalEvent_label { border-color: var(--content08); color: var(--content08); }
.onPdCatalEvent_section-intro.--card-sk .onPdCatalEvent_titEm-color { color: var(--content08); }
.onPdCatalEvent_section-overview.--card-sk.ov1 { background-color: var(--content42); }
.onPdCatalEvent_section-overview.--card-sk.ov1 .onPdCatalEvent_titEm-color { color: var(--content43); }
.onPdCatalEvent_section-overview.--card-sk.ov2 { background-color: var(--content41); }
.onPdCatalEvent_section-overview.--card-sk.ov2 .onPdCatalEvent_titEm-color { color: var(--content08); }
.onPdCatalEvent_section-ir.--card-sk { background-color: var(--content08); }
/* 외환 : JB 여행스토리 외화적립예금 */
.onPdCatalEvent_section-intro.--forex-trip { background-color: var(--content44); }
.onPdCatalEvent_section-intro.--forex-trip .onPdCatalInfo_date { background-color: var(--content05); }
.onPdCatalEvent_section-intro.--forex-trip .onPdCatalEvent_titEm-color { color: var(--content05); }
.onPdCatalEvent_section-ir.--forex-trip { background-color: var(--content05); }
.onPdCatalEvent_section-ir.--forex-trip .onPdCatalEvent_irBaseRateValue { color: var(--blue5); }
.onPdCatalEvent_section-overview.--forex-trip.ov1 { background-color: var(--content39); }
.onPdCatalEvent_section-overview.--forex-trip.ov1 .onPdCatalEvent_titEm-color { color: var(--content03); }
.onPdCatalEvent_section-overview.--forex-trip.ov2 { background-color: var(--content44); }
.onPdCatalEvent_section-overview.--forex-trip.ov2 .onPdCatalEvent_titEm-color { color: var(--content05); }
/* ============= 상품상세 (카드) ============= */
.onPdCatalCard_head { margin-left: -2rem; margin-right: -2rem; padding: 3.2rem 2rem 4rem 2rem; background: var(--gray2); margin-bottom: 4rem; }
.onPdCatalCard_head > *:not(:first-child) { margin-top: 2.4rem; }
.onPdCatalCard_intro { display: flex; justify-content: space-between; }
.onPdCatalCard_labels { display: flex; align-items: center; }
.onPdCatalCard_labels > *:not(:last-child) { margin-right: 0.8rem; }
.onPdCatalCard_lagbel { border-radius: 0.2rem; border: 1px solid var(--content01); height: 2.4rem; display: inline-flex; align-items: center; justify-content: center; color: var(--content01); font-size: 1.2rem; font-weight: 500; line-height: 2rem; padding: 0 0.4rem; }
.onPdCatalCard_lagbel-color { background-color: var(--content01); color: var(--white); }
.onPdCatalCard_titBox { display: flex; flex-direction: column; }
.onPdCatalCard_subTit { color: var(--gray8); font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; margin-bottom: 0.8rem; display: block; }
.onPdCatalCard_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.8rem; font-weight: 700; line-height: 3.6rem; }
.onPdCatalCard_body > *:not(:first-child) { margin-top: 4rem; }
.onPdCatalCard_imgBox { display: flex; justify-content: center; padding: 1rem 0; }
.onPdCatalCard_imgBox.h .onPdCatalCard_img { width: 8.8rem; height: 13.9rem; }
.onPdCatalCard_img { width: 14rem; height: 8.8rem; object-fit: contain; }
.onPdCatalCard_infoList { display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -0.8rem; }
.onPdCatalCard_infoItem { flex-basis: 50%; display: flex; flex-direction: column; padding-left: 0.8rem; }
.onPdCatalCard_infoItem:nth-child(n+3) { margin-top: 2.4rem; }
.onPdCatalCard_infoItem-full { flex-basis: 100%; }
.onPdCatalCard_infoCat { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-bottom: 0.8rem; display: block; }
.onPdCatalCard_infoResualt { color: var(--gray10); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
/* ============= 주요상품목록 : scroll 버전 ============= */
.onPdCatal-scrollPage .onPdCatalEvent_section:not(.onPdCatalEvent_section-benefit) { min-height: calc(1vh - 14.4rem); min-height: calc(var(--vh, 1vh) * 100 - 14.4rem); }
/* ============= 우대조건 상세보기 팝업창 ============= */
.s_prefCondition_list { display: flex; flex-direction: column; }
.s_prefCondition_item { padding: 1.8rem 0; border-bottom: 1px solid var(--gray2); }
.s_prefCondition_item:first-child { padding-top: 0; }
.s_prefCondition_box { display: flex; justify-content: space-between; }
.s_prefCondition_lefts { display: flex; }
.s_prefCondition_rights { flex-shrink: 0; margin-left: 2rem; }
.s_prefCondition_value { color: var(--jb-blue); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.s_prefCondition_check { flex-shrink: 0; margin-right: 1.4rem; }
.s_prefCondition_text { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; display: block; }
.s_prefCondition_detailView { margin-top: 1rem; }
.s_prefCondition_result { margin-top: 1.8rem; display: flex; align-items: center; justify-content: space-between; }
.s_prefCondition_resultCat { color: var(--gray10); font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; }
.s_prefCondition_resultValue { color: var(--jb-blue); font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; letter-spacing: -0.02rem; margin-left: 2rem; flex-shrink: 0; }
/* ============= 팝업 ============= */
.s_subPeriodSetting_select { display: flex; flex-wrap: wrap; }
.s_subPeriodSetting .cmp_chip { margin-left: 1.2rem; }
.s_subPeriodSetting .cmp_chip:first-child { margin-left: 0; }
.RIR_demandRight_cont { margin-top: 1.6rem; }
.interimPage { height: calc(var(--vh, 1vh) * 100 - 7.2rem); background-color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 -2rem; }
.interimPage-blue { background-color: var(--jb-blue); }
.interimPage_logo { width: 7.8rem; height: 6.2rem; background: url("/image/common/interimPage_logo.svg") no-repeat center/100%; transform: translateY(-100%); }
.interimPage-blue .interimPage_logo { background: url("/image/common/interimPage_logo_b.svg") no-repeat center/100%; }
.ub-accoDetails_headLabel { display: inline-flex; color: var(--gray8); font-size: 1.3rem; font-weight: 500; line-height: 2rem; padding: 0 0.8rem; padding-top: 0.2rem; height: 2.4rem; border-radius: 0.4rem; border: 1px solid var(--gray7); margin-bottom: 1.6rem; }
.ub-accoDetails_headAccoInfos { display: flex; align-items: center; margin-top: 0.4rem; }
.ub-accoDetails_headAccoInfo { color: var(--gray8); font-size: 1.4rem; line-height: 2.2rem; margin-left: 0.4rem; }
.ub-accoDetails_headAccoInfo:first-child { margin-left: 0; }
.ub-accoDetails_body { margin-top: 3.2rem; }
.ub-accoDetails_list { display: flex; flex-direction: column; }
.ub-accoDetails_item { border-bottom: 1px solid var(--gray2); }
/* .ub-accoDetails_item:last-child { border-bottom: none; } */
.ub-accoDetails_box { padding: 1.6rem 0; display: flex; align-items: center; justify-content: space-between; }
.ub-accoDetails_leftArea { display: flex; flex-direction: column; width:100%;}
.ub-accoDetails_cate { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-bottom: 0.8rem; }
.ub-accoDetails_cate .ub-accoDetails_tooltip{vertical-align:middle;}
.ub-accoDetails_cate .ub-accoDetails_tooltip .tooltipTextBtn_icon{top:-0.1rem;margin-left:0;}
.ub-accoDetails_value { color: var(--gray10); font-size: 1.8rem; font-weight: 500; line-height: 2.6rem; }
.ub-accoDetails_value-point { color: var(--jb-blue); font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; margin-left: 0.4rem; }
.linkContBox_point_tooltip{display:block;text-align:right;}
.ub-accoDetails_img { width: 7.8rem; }
.ub-accoDetails_img img { width: 100%; object-fit: contain; }
.ub-accoDetails_link { display: block; }
.ub-accoDetails_linkIcon { width: 1.6rem; height: 1.6rem; display: block; background: url(/image/common/ic_arrow_20_gray.svg) no-repeat center/100%; transform: rotate(180deg); }
.ub-accoDetails_box-isDepth { padding-bottom: 0.8rem; }
.ub-accoDetails_depthBox { padding-bottom: 1.6rem; }
.ub-accoDetails_depthItem { margin-top: 0.4rem; }
.ub-accoDetails_depthItem:first-child { margin: 0; }
.ub-accoDetails_depth { display: flex; }
.ub-accoDetails_depthCat { flex-shrink: 0; font-size: 1.3rem; font-weight: 500; line-height: 2rem; color: var(--gray8); position: relative; display: inline-flex; align-items: center; }
.ub-accoDetails_depthCat::before { flex-shrink: 0; content: ""; display: block; position: relative; width: 1.4rem; height: 1.4rem; margin-right: 0.3rem; background: url(/image/regProcess/accoDetails_depthCat.svg) no-repeat center/100%; }
.ub-accoDetails_depthValue { font-size: 1.3rem; font-weight: 500; line-height: 2rem; color: var(--gray10); margin-left: 0.8rem; }
/* ======================= 마이데이터 ======================= */
.UBmyData { margin-bottom: 2rem; }
.UBmyData .pageTitleArea { margin-top: 0; }
.UBmyData_head { margin-bottom: 5.4rem; margin-top: 2.4rem; display: flex; align-items: center; justify-content: space-between; }
.UBmyData_noticeAcco { margin-top: 3.2rem; }
.UBmyData_noticeAcco-mt48 { margin-top: 4.8rem; }
.UBmyData_noticeAcco-mt60 { margin-top: 6rem; }
.UBmyData_tab { margin-left: -2rem; margin-right: -2rem; height: 4.2rem; }
.UBmyData_tabPanel { margin-top: 3.2rem; margin-bottom: 4.8rem; }
.UBmyData_termWrap > *:not(:first-child) { margin-top: 1.2rem; }
.UBmyData_allSelect { margin-bottom: 2.4rem; }
.myDataDev-mb32 { margin-bottom: 3.2rem; }
.UBmyDataIntroBanner .bannerTitleCom { padding: 3.2rem 2.4rem; }
.UBmyDataIntroBanner .text_icon_Btn { height: 30rem; }
.UBmyDataIntroBanner .bannerTitleCom .title { font-size: 2.2rem; line-height: 3rem; }
.UBmyDataIntroBanner .swiperBanner .bannercontrol { margin-top: 2.4rem; }
.UBmyData_bannerArea{ margin-top:-3.2rem; margin-bottom: 3rem; }
.UBselectConnOrg_list { display: flex; flex-direction: column; }
.UBselectConnOrg_item + .UBselectConnOrg_item { margin-top: 0.8rem; }
.UBselectConnOrg_box { display: flex; justify-content: space-between; align-items: center; padding: 1.2rem; }
.UBselectConnOrg_org { display: inline-flex; align-items: center; }
.UBselectConnOrg_orgLogo { width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; }
.UBselectConnOrg_orgLogo img { width: 100%; height: 100%; object-fit: contain; }
.UBselectConnOrg_orgName { color: var(--gray10); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.UBselectConnOrg_orgName.arr_link:after { content: ""; display: inline-block; position: relative; width: 2rem; height: 2rem; background: url(/img/common/icon_arrow3_right.png) no-repeat center/100%; transform: translateY(0.4rem); }
.UBselectConnOrg_action { flex-shrink: 0; display: inline-flex; align-items: center; margin-left: 2rem; }
.UBselectConnOrg-wrap { padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); }
.UBselectConnOrg-wrap .UBselectConnOrg_item:not(:first-child) { margin-top: 0.4rem; }
.UBselectConnOrg-line .UBselectConnOrg_item { position: relative; margin-bottom: 0.8rem; }
.UBselectConnOrg-line .UBselectConnOrg_item::after { content: ""; display: block; position: absolute; left: 0; bottom: -0.8rem; width: 100%; height: 1px; background-color: var(--gray4); }
.UBselectConnOrg-boxs .UBselectConnOrg_box { padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); }
.UBselectConnOrg_box.ty2 .UBselectConnOrg_org{ width: calc(100% - 2rem); white-space: nowrap; }
.UBselectConnOrg_box.ty2 .UBselectConnOrg_org .area_name{ display: inline-block; width: calc(100% - 4rem); white-space: nowrap; }
.UBselectConnOrg_box.ty2 .UBselectConnOrg_org .area_name .UBselectConnOrg_orgName{ display: inline-block; vertical-align: middle; max-width: calc(100% - 7.6rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.UBselectConnOrg_box.ty2 .UBselectConnOrg_org .area_name .arr_link{ vertical-align: middle; }
.UBselectConnOrg_box.ty2 .UBselectConnOrg_org .area_name .cmp_badge{ padding: 0.2rem 0; float: right; }
.UBselectConnOrg_box.ty2 .UBselectConnOrg_action{ margin-left: 0.5rem; }
.UBselectConnOrgNodata_box { padding: 3.4rem 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.UBselectConnOrgNodata_icon { width: 6.4rem; height: 6.4rem; background: url("/image/mydata/UBselectConnOrgNodata.svg") no-repeat center/100%; }
.UBselectConnOrgNodata_text { color: var(--gray8); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; margin-top: 1.2rem; }
.UBselectConnOrgNodata_btn { margin-top: 1.6rem; }
.UBauthMethodList_list { display: flex; flex-direction: column; }
.UBauthMethodList_item:not(:first-child) { margin-top: 1.6rem; }
.UBauthMethodList_box { display: flex; align-items: center; justify-content: space-between; padding: 2.4rem; border-radius: 0.6rem; border: 1px solid var(--gray4); }
.UBauthMethodList_left { display: inline-flex; align-items: center; flex-wrap: wrap; }
.UBauthMethodList_logo { width: 2.4rem; height: 2.4rem; margin-right: 1.2rem; }
.UBauthMethodList_logo img { width: 100%; height: 100%; object-fit: contain; }
.UBauthMethodList_textBox { display: inline-flex; flex-direction: column; }
.UBauthMethodList_text { color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; transform: translateY(0.2rem); }
.UBauthMethodList_subText { color: var(--gray10); font-size: 1.2rem; font-weight: 500; line-height: 2rem; }
.UBauthMethodList .cmp_badge { margin-left: 2rem; }
.UBauthMethodList .is-active { border-color: var(--blue4); }
.UBauthMethodList .is-active .UBauthMethodList_text { color: var(--blue6); }
.UBauthMethodList .is-active .UBauthMethodList_subText { color: var(--blue6); }
.UBselectAssetLink_list { display: flex; flex-direction: column; }
.UBselectAssetLink_item:not(:first-child) { margin-top: 1.2rem; }
.UBselectAssetLink_box { display: flex; align-items: center; justify-content: space-between; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); padding: 2.4rem; }
.UBselectAssetLink_left { display: inline-flex; align-items: center; }
.UBselectAssetLink_logo { width: 2.4rem; height: 2.4rem; margin-right: 1.2rem; display: flex !important; align-items: center; justify-content: center; }
.UBselectAssetLink_logo img { width: 2.4rem; height: 2.4rem; object-fit: contain; }
.UBselectAssetLink_logo-box { width: 4rem; height: 4rem; background-color: var(--gray1); border-radius: 100%; margin-right: 0.8rem; flex-shrink: 0; }
.UBselectAssetLink_textBox { display: flex; flex-direction: column; }
.UBselectAssetLink_bankName { color: var(--gray8); font-size: 1.3rem; line-height: 2rem; }
.UBselectAssetLink_bankName-fl { color: var(--gray10); font-size: 1.4rem; line-height: 2.2rem; font-weight: 500; }
.UBselectAssetLink_prodName { color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.UBselectAssetLink_prodNum { color: var(--gray8); font-size: 1.3rem; font-weight: 500; line-height: 2rem; }
.UBselectAssetLink_input { flex-shrink: 0; margin-left: 0.8rem; display: inline-flex; align-items: center; justify-content: center; }
.UBselectAssetLink_chkList { display: flex; flex-wrap: wrap; padding-left: 4.5rem; width: 100%; margin-top: 0.8rem; }
.UBselectAssetLink_chkList > *:not(:first-child) { margin-left: 0.2rem; }
.UBselectAssetLink_hasChkListLabel { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.UBselectAssetLink-box { padding: 2.5rem 2rem 2.5rem 1.6rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); }
.UBselectAssetLink-box .UBselectAssetLink_box { border-radius: 0; border: none; background: var(--white); padding: 0; }
.UBselectAssetLink-box .UBselectAssetLink_item:not(:first-child) { margin-top: 2.4rem; }
.UBselectAssetLink-noBox .UBselectAssetLink_box { border-radius: 0; border: none; padding: 0; }
.UBselectAssetLink-noBox .UBselectAssetLink_item:not(:first-child) { margin-top: 1.6rem; }
.UBselectAssetLink_info { margin-left: 1rem; flex-shrink: 0; }
.UBselectAssetLink_info .UBinfoMsg { max-width: 10.5rem; align-items: initial; }
.UBselectAssetLink_info .UBinfoMsg .ic16 { flex-shrink: 0; transform: translateY(0.35rem); }
.UBselectAssetLink-line .UBselectAssetLink_box { border: none; border-bottom: 1px solid var(--gray2); padding: 2.4rem 0; }
.UBselectAssetLink_box-bottom { align-items: flex-end; }
.UBselectAssetLink-line .UBselectAssetLink_item:not(:first-child) { margin-top: 0; }
.UBdetailInfoConsentBox { border-radius: 0.6rem; background: var(--gray2); padding: 1.6rem; color: var(--gray10); font-size: 1.6rem; font-weight: 400; line-height: 3rem; }
.UBdetailInfoConsentBox_dropdown { display: inline-flex; width: auto; border: none; background: transparent; min-height: auto; border-radius: 0; padding: 0; align-items: center; margin: 0 0.8rem; }
.UBdetailInfoConsentBox_dropdown .guideText { display: none; }
.UBdetailInfoConsentBox_dropdown::before { position: relative; right: inherit; top: -0.1rem; order: 2; margin-left: 0.4rem; }
.UBdetailInfoConsentBox_dropdown .valData span { font-size: 1.6rem; line-height: 2.4rem; color: var(--jb-blue); }
.UBmyDataConnComp { margin-top: 2.4rem; }
.UBmyDataConnComp_detailInfo { display: flex; justify-content: end; }
.UBmyDataConnComp_detailInfo .cmp_button { transform: translateX(1.2rem); }
.UBmyDataConnComp_cont { margin-top: 1.4rem; display: flex; flex-direction: column; align-items: center; }
.UBmyDataConnComp_cont-img { width: 12rem; height: 12rem; }
.UBmyDataConnComp_cont-img img { width: 100%; height: 100%; object-fit: contain; }
.UBmyDataConnComp_cont-tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 18px; font-weight: 700; line-height: 2.6rem; margin-top: 0.8rem; }
.UBmyDataConnComp_cont-subTit { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-top: 0.8rem; }
.UBmyDataCert { width: 21.1rem; margin: 0 auto; }
.UBmyDataCert_box { width: 100%; height: 100%; border-radius: 1.6rem; box-shadow: var(--shadow2); border-radius: 16px; border: 1px solid #cfe3ff; background: linear-gradient(328deg, #b4d4ff 2%, #e4f0ff 59.25%, #e4f1ff 99.56%); position: relative; padding: 2.2rem 2rem 2rem 2rem; display: inline-flex; flex-direction: column; align-items: center; }
.UBmyDataCert_imgBox { width: 13rem; height: 15rem; }
.UBmyDataCert_img { width: 100%; height: 100%; object-fit: contain; }
.UBmyDataCert_textBox { display: flex; flex-direction: column; width: 100%; margin-top: 1.2rem; }
.UBmyDataCert_tit { color: var(--jb-blue); font-family: HGGGothicssi; font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; }
.UBmyDataCert_subTit { color: var(--jb-blue); font-size: 1.2rem; font-weight: 500; line-height: 2rem; }
.UBcustBenInfoVisual { padding-bottom: 2.8rem; }
.UBcustBenInfoVisual_list { display: flex; align-items: center; justify-content: center; }
.UBcustBenInfoVisual_item { margin: 0 2rem; }
.UBcustBenInfoVisual_box { display: flex; flex-direction: column; align-items: center; }
.UBcustBenInfoVisual_imgBox { width: 6.4rem; height: 6.4rem; border-radius: 100%; background-color: var(--blue1); display: inline-flex; align-items: center; justify-content: center; }
.UBcustBenInfoVisual_img { width: 3.6rem; height: 3.6rem; }
.UBcustBenInfoVisual_text { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-top: 1rem; }
.UBselectAssetType_list { display: flex; flex-direction: column; }
.UBselectAssetType_item:not(:first-child) { margin-top: 1.6rem; }
.UBselectAssetType_link { display: block; width: 100%; }
.UBselectAssetType_box { display: flex; flex-direction: column; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); padding: 2rem 2rem 2.4rem 2.4rem; box-shadow: var(--shadow2); }
.UBselectAssetType_contents { display: flex; align-items: center; justify-content: space-between; }
.UBselectAssetType_imgBox { width: 10rem; height: 10rem; flex-shrink: 0; margin-left: 0.8rem; }
.UBselectAssetType_img { width: 100%; height: 100%; object-fit: contain; }
.UBselectAssetType_titBox { display: flex; flex-direction: column; text-align: start; }
.UBselectAssetType_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.UBselectAssetType_subTit { color: var(--gray8); font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; margin-top: 0.8rem; }
.UBselectAssetType_categorys { margin-top: 2.4rem; }
.UBselectAssetType_catList { display: flex; flex-wrap: wrap; }
.UBselectAssetType_catList > *:not(:first-child) { margin-left: 0.8rem; }
.UBselectAssetType_catBox { color: var(--blue6); font-size: 1.3rem; font-weight: 500; line-height: 2rem; border-radius: 0.4rem; background: var(--blue2); display: inline-flex; align-items: center; justify-content: center; padding: 0 0.8rem; height: 2.4rem; }
/* ======================== sheet ======================== */
.UBmyData-s-termDetail { display: flex; flex-direction: column; height: 100%; }
.UBmyData-s-termDetail_selectDocs { margin-bottom: 2.4rem; flex-shrink: 0; }
.UBmyData-s-termDetail_showDocs { flex-grow: 1; overflow-y: auto; }
.UBmyData-s-searchConnOrg_search { margin-top: 6rem; background-color: var(--white); }
.UBmyData-s-searchConnOrg_result { padding: 3.2rem 0 0 0; }
.searchConnOrg_sheet.popupArea.fullSize .bottomSheetFoot { padding: 1.6rem 2rem; }
.searchConnOrg_sheet.popupArea.fullSize .bottomSheetScroll { padding-top: 0; margin-top: 2.4rem; }
.UBmyData-s-cfmDtlInfo_tit { display: block; text-align: center; color: var(--gray8); font-size: 1.3rem; line-height: 2rem; margin-bottom: 1.6rem; }
.UBmyData-s-cfmDtlInfo_contBox { background-color: var(--gray2); padding: 2rem; }
.UBmyData-s-cfmDtlInfo_contTit { color: var(--jb-blue); font-size: 1.3rem; font-weight: 500; line-height: 2rem; display: block; margin-bottom: 1.6rem; }
.UBmyData-s-cfmDtlInfo_cont { display: flex; align-items: center; justify-content: space-between; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); padding: 1.6rem; }
.UBmyData-s-cfmDtlInfo_right { display: inline-flex; align-items: center; }
.UBmyData-s-cfmDtlInfo_logo { width: 4rem; height: 4rem; background-color: var(--gray1); border-radius: 100%; margin-right: 0.8rem; display: inline-flex; align-items: center; justify-content: center; }
.UBmyData-s-cfmDtlInfo_logo img { width: 2.4rem; height: 2.4rem; object-fit: contain; }
.UBmyData-s-cfmDtlInfo_textBox { display: flex; flex-direction: column; }
.UBmyData-s-cfmDtlInfo_bankName { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.UBmyData-s-cfmDtlInfo_balance { color: var(--gray8); font-size: 1.4rem; line-height: 2.2rem; }
.UBmyData-s-cfmDtlInfo_howMuch { color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.UBmyData-s-cfmDtlInfo_time { color: var(--gray8); font-size: 1.3rem; font-weight: 500; line-height: 2rem; }
.UBmyData-s-cfmDtlInfo_label { height: 2.4rem; color: var(--gray8); font-size: 1.3rem; font-weight: 500; line-height: 2rem; display: inline-flex; justify-content: center; align-items: center; padding: 0 0.8rem; background-color: var(--gray3); border-radius: 0.4rem; }
.UBmyData-s-cfmDtlInfo_contList { display: flex; flex-direction: column; width: 100%; }
.UBmyData-s-cfmDtlInfo_contItem { display: flex; align-items: center; justify-content: space-between; }
.UBmyData-s-cfmDtlInfo_contItem-titBox { display: inline-flex; align-items: center; flex-shrink: 0; flex-basis: 7rem; margin-right: 1.6rem; }
.UBmyData-s-cfmDtlInfo_contItem-catBg { width: 0.8rem; height: 0.8rem; margin-right: 0.8rem; }
.UBmyData-s-cfmDtlInfo_contItem-tit { color: var(--gray10); font-size: 1.4rem; line-height: 2.2rem; }
.UBmyData-s-cfmDtlInfo_contItem-value { color: var(--gray10); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; margin-left: 1.6rem; flex-shrink: 0; }
.UBmyData-s-cfmDtlInfo_contItem-strock { flex-grow: 1; height: 1.2rem; }
.UBmyData-s-cfmDtlInfo_contItem-strock-active { height: 100%; background-color: var(--gray4); display: block; }
.UBmyData-s-confirmAlarm_tit { color: var(--gray8); font-size: 1.3rem; line-height: 2rem; display: block; }
.UBmyData-s-confirmAlarm_list { display: flex; flex-direction: column; }
.UBmyData-s-confirmAlarm_item:not(:first-child) { border-top: 1px solid var(--gray2); }
.UBmyData-s-confirmAlarm_item:last-child { border-bottom: 1px solid var(--gray2); }
.UBmyData-s-confirmAlarm_itemBox { display: flex; align-items: center; padding: 1.6rem 0; }
.UBmyData-s-confirmAlarm_img { width: 4rem; height: 4rem; border-radius: 100%; background-color: var(--gray2); margin-right: 1.6rem; display: inline-flex; align-items: center; justify-content: center; }
.UBmyData-s-confirmAlarm_img img { width: 2.4rem; height: 2.4rem; object-fit: contain; }
.UBmyData-s-confirmAlarm_text { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.UBmyData-s-confirmAlarm_text.gray { color: var(--gray8); }
/* ======================== 보류 ======================== */
.UBprodRec_visual { padding: 2.4rem 2.4rem 3.2rem 2.4rem; border-radius: 0.6rem; background: var(--blue5); box-shadow: var(--shadow2); }
.UBprodRec_visual-head { display: flex; justify-content: space-between; }
.UBprodRec_visual-tit { color: var(--white); font-family: HGGGothicssi; font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; }
.UBprodRec_visual-label { height: 2.4rem; padding: 0.4rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.2rem; border: 1px solid var(--white); color: var(--white); font-size: 1.2rem; font-weight: 500; line-height: 2rem; flex-shrink: 0; margin-left: 2rem; }
.UBprodRec_visual-img { height: 100%; display: flex; justify-content: center; margin-top: 2.4rem; }
.UBprodRec_visual-img img { width: 100%; max-width: 30rem; object-fit: contain; }
[data-js-scrollSwitchBtn=scrollDown__Btn], [data-js-scrollSwitchBtn=switch__Btn] { margin: 0 !important; }
.UB-s-detailInfoCAndU_head { margin-bottom: 6rem; }
/* ============================= [공통] 가입프로세스 ============================= */
.UBregProcess { padding-top: 2.4rem; padding-bottom: 4.8rem; }
.UBregProcess_head { margin-bottom: 6rem; }
.UBregProcess_head .pageTitleArea { margin-top: 0; }
.UBregProcess_head-mb50 { margin-bottom: 5rem; }
.UBregProcess_confirmAcco { margin-top: 4.8rem; border-top: 1px solid var(--gray2); }
.UBregProcess_confirmAcco-mt32 { margin-top: 3.2rem; }
.UBregProcess-full { height: 100%; display: flex; flex-direction: column; padding-bottom: 0; }
.UBregProcess-full .UBregProcess_body { flex-grow: 1; }
.UBregProcess_head-flex { display: flex; justify-content: space-between; }
.UBregProcess_headRight { margin-left: 2rem; }
.UBinputsLayout_list { display: flex; flex-direction: column; }
.UBinputsLayout_item { margin-top: 1.6rem; }
.UBinputsLayout_item-mt32 { margin-top: 3.2rem; }
.UBinputsLayout_item-mt24 { margin-top: 2.4rem; }
.UBinputsLayout_item:first-child { margin-top: 0; }
.UBinputsLayout_inputGroup { display: flex; }
.UBinputsLayout_inputGroup .cmp_button { margin-left: 0.6rem; }
.prodItemList{display: flex; flex-direction: column; }
.prodItemList>li{margin-bottom:3.2rem;position:relative;}
.prodItemList>li>*{margin-bottom:1.6rem;}
.prodItemList>li>*:last-child{margin-bottom:0;}
.prodItemList>li:last-of-type{margin-bottom:0;}
.prodItemList.textInfo>li{margin-bottom:2.4rem;}
.itemTit{font-size:1.8rem;font-weight:700;line-height:2.6rem;letter-spacing:-0.2px;color:var(--gray10);margin-bottom:1.6rem;}
.numCir{width:1.9rem;height:1.9rem;display:inline-block;line-height:2.1rem;background-color:var(--jb-blue);text-align:center;color:#fff;font-weight:bold;font-size:1.2rem;letter-spacing:-0.02rem;border-radius:50%;position:relative;top:-0.2rem;}
.itemTit [data-js="tooltip__trigger"] .tooltipTextBtn_icon{top:0;}
.itemTit.question{padding-left:3.2rem;position:relative;}
.itemTit.question::before{content:"";position:absolute;left:0;top:0;display:block;width:2.4rem;height:2.4rem;background:url(/image/contents/icon_question.png) no-repeat center center/2.4rem auto;}
.itemTit_m{font-size:1.6rem;font-weight:700;line-height:2.4rem;letter-spacing:-0.2px;color:var(--gray10);margin-bottom:1.2rem;}
.flexTit_Group{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;}
.flexTit_Group>.itemTit,.flexTit_Group>*{margin-bottom:0;}

.prodItemList.textInfo>li .itemTit{margin-bottom:0.8rem;}
.prodItemList.textInfo>li .infoText14{margin-bottom:0;}
.prodItemList.textInfo>li .infoText14 + .infoText14{margin-top:0.8rem;}

.UBaccountAuth_myAccountBtn { margin-top: 3.2rem; }
.UBradioBox_list { display: flex; flex-direction: column; }
.UBradioBox_item { margin-top: 1.6rem; }
.UBradioBox_item:first-child { margin-top: 0; }
.UBradioBox_lable { display: block; }
.UBradioBox_box { border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); padding: 2.2rem 2rem 2rem 2rem; display: flex; align-items: center; justify-content: space-between; }
.UBradioBox_tit { color: var(--gray10); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; transform: translateY(0.2rem); }
.UBradioBox .is-active .UBradioBox_box { border: 1px solid var(--blue4); }
.UBradioBox_icon { width: 2.4rem; height: 2.4rem; display: inline-block; margin-right: 0.8rem; }
.UBradioBox_iconImg { width: 100%; height: 100%; object-fit: contain; }
.UBradioBox_img { width: 4rem; height: 4rem; display: inline-block; margin-right: 1.2rem; }
.UBradioBox_imgCont { width: 100%; height: 100%; object-fit: contain; }
.UBradioBox_text { display: inline-flex; align-items: center; }
.UBradioBox-checkBox .UBradioBox_input { opacity: 0; }
.UBradioBox-checkBox .UBradioBox_lable.is-active .UBradioBox_input { opacity: 1; }
.UBsendAuthMsg_imgBox { height: 25rem; margin-left: -2rem; margin-right: -2rem; }
.UBsendAuthMsg_img { width: 100%; height: 100%; object-fit: contain; }
.UBsendAuthMsg_infoBox { margin-top: 2.4rem; }
.UBsendAuthMsg_dotInfoBox { margin-top: 1.6rem; }
.UBaccAuth_input { margin-top: 3.2rem; }
.UBaccAuthAcc { display: flex; justify-content: space-between; align-items: center; }
.UBaccAuthAcc_changeBtn { flex-shrink: 0; transform: translateX(1.2rem); }
.UBaccAuthAcc_info { flex-grow: 1; display: flex; align-items: center; }
.UBaccAuthAcc_bankLogo { flex-shrink: 0; width: 2.4rem; height: 2.4rem; margin-right: 0.4rem; }
.UBaccAuthAcc_bankLogo img { width: 100%; height: 100%; object-fit: contain; }
.UBaccAuthAcc_text { display: flex; align-items: center; flex-wrap: wrap; }
.UBaccAuthAcc_bank { color: var(--gray9); font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; margin-right: 0.8rem; }
.UBaccAuthAcc_num { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.UBaccAuthPayeeName_box { padding: 2rem 2rem 5.8rem 2rem; border-radius: 6px; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); display: flex; flex-direction: column; justify-content: space-between; }
.UBaccAuthPayeeName_titBox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; }
.UBaccAuthPayeeName_tit { color: #8d949e; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.UBaccAuthPayeeName_text { color: var(--gray10); font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; }
.UBaccAuthPayeeName_contBox { display: flex; justify-content: space-between; align-items: center; }
.UBaccAuthPayeeName_visual { display: flex; align-items: center; }
.UBaccAuthPayeeName_numBox { margin-left: 0.8rem; width: 14rem; height: 4rem; background: url("/image/regProcess/accAuth.png") no-repeat center/100%; position: relative; }
.UBcheckApplicResul { margin-left: -2rem; margin-right: -2rem; display: flex; flex-direction: column; height: 100%; }
.UBcheckApplicResul_tabpanel { flex-grow: 1; background-color: var(--gray1); padding: 2.6rem 2rem; }
.UBidAuth_visual { margin-left: -2rem; margin-right: -2rem; height: 210px; }
.UBidAuth_visualImg { width: 100%; height: 100%; object-fit: contain; }
.UBIdVerifAuth_cont { margin-top: 3.2rem; }
.UBIdVerifAuth_cont:first-child { margin-top: 0; }
.UBIdVerifAuth_contInfo { margin-top: 1.6rem; }
.UBjointAuthCert_list { display: flex; flex-direction: column; }
.UBjointAuthCert_item { margin-top: 1.6rem; }
.UBjointAuthCert_item:first-child { margin-top: 0; }
.UBjointAuthCert_label { display: block; }
.UBjointAuthCert_box { padding: 2.4rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); }
.UBjointAuthCert_head { display: flex; align-items: center; justify-content: space-between; }
.UBjointAuthCert_headLeft { display: inline-flex; align-items: center; }
.UBjointAuthCert_iconBox { width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; }
.UBjointAuthCert_icon { width: 100%; height: 100%; object-fit: contain; }
.UBjointAuthCert_userName { color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.UBjointAuthCert_detail { margin-top: 1.6rem; }
.UBjointAuthCert_detailList { display: flex; flex-direction: column; }
.UBjointAuthCert_detailItem { display: flex; justify-content: space-between; margin-top: 0.8rem; }
.UBjointAuthCert_detailItem:first-child { margin-top: 0; }
.UBjointAuthCert_detailCat { flex-shrink: 0; color: var(--gray8); font-size: 1.3rem; line-height: 2rem; }
.UBjointAuthCert_infoList { display: flex; align-items: center; }
.UBjointAuthCert_infoItem { padding: 0 0.8rem; position: relative; }
.UBjointAuthCert_infoItem::after { content: ""; display: block; position: absolute; width: 1px; height: 1.2rem; background-color: var(--gray7); right: 0; top: 45%; transform: translateY(-50%); }
.UBjointAuthCert_infoItem:first-child { padding-left: 0; }
.UBjointAuthCert_infoItem:last-child { padding-right: 0; }
.UBjointAuthCert_infoItem:last-child::after { display: none; }
.UBjointAuthCert_info { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; letter-spacing: -0.1px; }
.UBjointAuthCert_status { color: #e9584b; font-size: 1.3rem; font-weight: 500; line-height: 2rem; }
.UBjointAuthCert_status-mr8 { margin-right: 0.8rem; }
.UBjointAuthCert_label.is-active .UBjointAuthCert_box { border-color: var(--jb-blue); }
.UBnotJointAuthCert .errcmCon_topLink { margin-top: 0; }
.UBscraping_info { margin-top: 2.4rem; }
.UBscraping .newsNoticeArea { margin-top: 0; }
.UBregGuide_box { display: flex; flex-direction: column; padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); box-shadow: var(--shadow2); align-items: center; }
.UBregGuide_imgBox { width: 8rem; height: 8rem; margin-bottom: 0.8rem; }
.UBregGuide_img { width: 100%; height: 100%; object-fit: contain; }
.UBregGuide_textBox { display: flex; flex-direction: column; text-align: center; }
.UBregGuide_tit { overflow: hidden; color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.UBregGuide_subTit { color: var(--gray8); font-size: 1.2rem; line-height: 2rem; }
.UBregGuidePage_visual { padding-bottom: 5rem; position: relative; margin-bottom: 4rem; }
.UBregGuidePage_visual::after { content: ""; display: block; position: absolute; width: 100vw; height: 1rem; background: var(--gray2); bottom: 0; left: -2rem; }
.UBregGuidePage_visual-mb0 { padding-bottom: 0; margin-bottom: 0; }
.UBregGuidePage_visual-noUnderLine::after { display: none; }
.UBregGuidePage_visualImgBox { width: 100%; height: 21rem; margin-bottom: 1.6rem; }
.UBregGuidePage_visualImgBox-h106 { height: 10.6rem; }
.UBregGuidePage_visualImgBox-mb24 { margin-bottom: 2.4rem; }
.UBregGuidePage_visualImg { width: 100%; height: 100%; object-fit: contain; }
.UBregGuidePage_accordion { margin-top: 4rem; }
.UBregPage_rightBtn { margin-top: 1.6rem; display: flex; justify-content: end; }
.UBregPage_checkBoxs { margin-top: 2.4rem; }
.UBregPage_accordion { margin-top: 3.2rem; }
.UBlistToIconText_box { padding: 2.4rem; box-shadow: var(--shadow2); border: 1px solid var(--gray4); border-radius: 0.8rem; }
.UBlistToIconText_head { margin-bottom: 2.4rem; }
.UBlistToIconText_headTit { font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; color: var(--gray10); }
.UBlistToIconText_item { margin-top: 1.6em; }
.UBlistToIconText_item:first-child { margin-top: 0; }
.UBlistToIconText_ItemBox { display: flex; align-items: center; }
.UBlistToIconText_iconBox { width: 4rem; height: 4rem; background-color: var(--gray2); border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.8rem; }
.UBlistToIconText_icon { width: 2.4rem; height: 2.4rem; }
.UBlistToIconText_textBox { display: flex; flex-direction: column; }
.UBlistToIconText_tit { font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; color: var(--gray10); }
.UBlistToIconText_sibTit { margin-top: 0.2rem; font-size: 1.4rem; line-height: 2.2rem; color: var(--gray8); }
.UBnotAvailLinkNum_box { padding: 2rem; background: var(--gray1); border-radius: 0.8rem; }
.UBnotAvailLinkNum_list { display: flex; justify-content: center; }
.UBnotAvailLinkNum_item { flex-basis: 10.8rem; margin-left: 1.2rem; display: flex; justify-content: center; }
.UBnotAvailLinkNum_item:first-child { margin-left: 0; }
.UBnotAvailLinkNum_itemBox { display: inline-flex; flex-direction: column; }
.UBnotAvailLinkNum_imgBox { width: 6.4rem; height: 6.4rem; border-radius: 100%; overflow: hidden; }
.UBnotAvailLinkNum_img { width: 100%; height: 100%; object-fit: contain; }
.UBnotAvailLinkNum_textBox { display: inline-flex; flex-direction: column; align-items: center; margin-top: 0.4rem; }
.UBnotAvailLinkNum_tit { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray8); }
.UBnotAvailLinkNum_link { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--jb-blue); text-decoration: underline !important; }
/* ============================= popup ============================= */
.UBregProcess-s-searchBank .bottomSheetScroll { margin-left: -2rem; margin-right: -2rem; }
.UB-s-searchBank_tabArea { margin-top: 4.6rem; }
.UB-s-searchBank_result { margin-top: 2.4rem; margin-left: 2rem; margin-right: 2rem; }
.UB-s-searchBank_resultList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.UB-s-searchBank_resultItem { max-width: 30%; flex-grow: 1; flex-basis: 30%; margin: 0.4rem 0.45rem; }
@media (max-width:248px) {
    .UB-s-searchBank_resultItem { max-width: 28%; flex-basis: 28%; }
}
.UB-s-searchBank_resultBtn { display: block; width: 100%; }
.UB-s-searchBank_bank { height: 8.4rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); display: inline-flex; align-items: center; justify-content: center; width: 100%; flex-direction: column; }
.UB-s-searchBank_bank-logoBox { width: 2.4rem; height: 2.4rem; }
.UB-s-searchBank_bank-logo { width: 100%; height: 100%; object-fit: contain; }
.UB-s-searchBank_bank-name { color: var(--gray10); text-align: center; font-size: 1.2rem; font-weight: 500; line-height: 2rem; margin-top: 0.8rem; }
.UBregProcess-s-recvAuthCode_allCheck { margin-bottom: 2.4rem; }
.UBregProcess-s-UBidCardCapture.popupArea .innerCont { padding: 0; background: rgba(33, 37, 41, 0.7) !important; }
.UBregProcess-s-UBidCardCapture.popupArea .bottomSheetTitle { margin: 0 2rem; width: auto; }
.UBregProcess-s-UBidCardCapture_cont { margin: 0 2rem; min-height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 2rem 0; }
.UBregProcess-s-UBidCardCapture_titBox { margin-bottom: 4.8rem; }
.UBregProcess-s-UBidCardCapture_tit { color: var(--white); font-family: HGGGothicssi; font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; }
.UBregProcess-s-UBidCardCapture_camera { border-radius: 0.6rem; border: 1px solid var(--white); width: 100%; height: 22.5rem; }
.UBregProcess-s-UBidCardCapture_cameraInfos { margin-top: 2.4rem; }
.UBregProcess-s-UBidCardCapture_cameraInfosList { display: flex; flex-direction: column; }
.UBregProcess-s-UBidCardCapture_cameraInfosItem { display: flex; margin-top: 2rem; }
.UBregProcess-s-UBidCardCapture_cameraInfosItem:first-child { margin-top: 0; }
.UBregProcess-s-UBidCardCapture_cameraInfosImg { flex-shrink: 0; margin-right: 0.8rem; width: 2.4rem; height: 2.4rem; }
.UBregProcess-s-UBidCardCapture_cameraInfosImg img { width: 100%; height: 100%; object-fit: contain; }
.UBregProcess-s-UBidCardCapture_cameraInfosText { color: var(--white); font-size: 1.3rem; font-weight: 400; line-height: 2rem; }
.UBregProcess-s-UBidCardCapture_infoBox { border-radius: 0.6rem; background: rgba(33, 37, 41, 0.9); box-shadow: var(--shadow3); padding: 1.4rem 1.8rem; margin-top: 7.5rem; }
.UBregProcess-s-UBidCardCapture_infoText { color: var(--white); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
/* ======================== 마이데이터, 가입프로세스 공통 sheet ======================== */
.UBsearchStaffBranch.popupArea .innerCont { padding: 0; }
.UBsearchStaffBranch.popupArea .bottomSheetTitle { margin: 0 2rem; width: auto; }
.UBsearchStaffBranch_header { margin: 0 2rem; margin-bottom: 6rem; }
.UBsearchStaffBranch_tabpanels { margin: 0 2rem; padding: 3.2rem 0; }
.UBsearchStaffBranch_result { margin-top: 3.2rem; }
.UBsearchStaffBranch_resultTit { color: var(--gray9); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-bottom: 0.8rem; display: block; }
.UBsearchStaffBranch_resultList { display: flex; flex-direction: column; }
.UBsearchStaffBranch_resulItem { margin-top: 0.8rem; }
.UBsearchStaffBranch_resulItem:first-child { margin-top: 0rem; }
.UBsearchStaffBranch_viewmore { padding-top: 1.4rem; display: flex; align-items: center; justify-content: center; }
.UBsearchStaffBranch_viewmore .ic12 { margin-left: 0.4rem; }
.UBsearchStaffBranch_beforeSearch { padding-top: 12rem; }
.UBsearchStaffBranchRresult_btn { display: block; width: 100%; }
.UBsearchStaffBranchRresult_box { padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); display: flex; align-items: center; }
.UBsearchStaffBranchRresult_lastName { color: var(--jb-blue); font-size: 1.8rem; font-weight: 400; line-height: 2.6rem; width: 4.8rem; height: 4.8rem; border-radius: 100%; background-color: var(--blue2); flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.8rem; }
.UBsearchStaffBranchRresult_textBox { display: flex; flex-direction: column; align-items: start; }
.UBsearchStaffBranchRresult_name { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.UBsearchStaffBranchRresult_branch { color: var(--gray8); font-size: 1.2rem; font-weight: 400; line-height: 2rem; margin-top: 0.4rem; }
.UBbeforeResult { display: flex; flex-direction: column; text-align: center; align-items: center; }
.UBbeforeResult_tit { color: var(--gray9);font-size: 1.8rem; font-weight: 500; line-height: 2.6rem; }
.UBbeforeResult_subTit { color: var(--gray7); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-top: 0.8rem; }
.UBsearchHomeAddress_header { margin-bottom: 6rem; }
.UBsearchHomeAddress_beforeSearch { padding-top: 6rem; }
.UBsearchHomeAddress_result { margin-top: 3.2rem; }
.UBsearchHomeAddress_resultItem { display: flex; flex-direction: column; }
.UBsearchHomeAddress_resultItem { margin-top: 1.2rem; }
.UBsearchHomeAddress_resultItem:first-child { margin-top: 0; }
.UBhomeAddress_btn { display: block; width: 100%; }
.UBhomeAddress_box { padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); text-align: left; display: flex; flex-direction: column; }
.UBhomeAddress_box-gray { border-radius: 6px; background: var(--gray2); border: none; }
.UBhomeAddress_num { display: block; overflow: hidden; color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; margin-bottom: 0.8rem; }
.UBhomeAddress_textList { display: flex; flex-direction: column; }
.UBhomeAddress_textItem { margin-top: 0.4rem; display: flex; }
.UBhomeAddress_textItem:first-child { margin-top: 0; }
.UBhomeAddress_cate { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; width: 7rem; flex-shrink: 0; }
.UBhomeAddress_value { color: var(--gray10); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.UBsearchDetailHomeAddress_input { margin-top: 1.2rem; }
.UB-s-listSuppDocs_head { margin-bottom: 6rem; }
.UBlistSuppDocs { padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); }
.UBlistSuppDocs_section { margin-top: 2rem; }
.UBlistSuppDocs_section:first-child { margin-top: 0; }
.UBlistSuppDocs_tit { overflow: hidden; color: var(--gray10); font-size: 1.3rem; font-weight: 500; line-height: 2rem; }
.UBlistSuppDocs_btnsList { display: flex; flex-wrap: wrap; }
.UBlistSuppDocs_btnsItem { margin: 0.8rem 0.8rem 0 0; }
.UB-s-callCenterVerifAuth_head { margin-bottom: 6rem; }
.UBcallCenterVerifAuth_visualImgBox { width: 10rem; height: 10rem; margin: 0 auto; margin-bottom: 0.8rem; }
.UBcallCenterVerifAuth_visualImg { width: 100%; height: 100%; object-fit: contain; }
.UBcallCenterVerifAuth_visualText { color: var(--gray8); text-align: center; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; }
.UBcallCenterVerifAuth_cont { margin-top: 3.2rem; }
.UBcallCenterVerifAuth_contInfo { margin-top: 1.6rem; }
.UB-s-phonefAuth_head { margin-bottom: 6rem; }
.UB-s-phonefAuth_term { margin-top: 3.2rem; }
.UBregProcess-s-collectingInfo.popupArea .innerCont { padding: 0; background: rgba(33, 37, 41, 0.7) !important; }
.UBregProcess-s-collectingInfo.popupArea .bottomSheetTitle { margin: 0 2rem; width: auto; }
.UBfaceAuth.popupArea .innerCont { padding: 0; background: rgba(33, 37, 41, 0.7) !important; }
.UBfaceAuth.popupArea .bottomSheetTitle { margin: 0 2rem; width: auto; }
.UBfaceAuthSheet { height: 100%; }
.UBfaceAuthSheet_box { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.UBfaceAuthSheet_tit { font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; text-align: center; margin-bottom: 3.2rem; color: var(--white); }
.UBfaceAuthSheet_time { font-size: 1.8rem; font-weight: 500; line-height: 2.6rem; text-align: center; margin-top: 2.4rem; color: var(--white); }
.UBfaceAuthSheet_camera { width: 28rem; height: 28rem; border-radius: 100%; border: 2px dashed #ffffff; overflow: hidden; }
.UBcollectingInfoLayout { width: 100%; height: 100%; position: fixed; left: 0; bottom: 0; top: 0; right: 0; z-index: 50; }
.UBcollectingInfoLayout_box { background: rgba(33, 37, 41, 0.7); width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.UBcollectingInfoLayout_headTit { color: var(--white); text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; display: block; }
.UBcollectingInfoLayout_footText { color: var(--gray4); text-align: center; font-size: 1.2rem; font-weight: 400; line-height: 2rem; display: block; }
.UBcollectingInfoLayout_body { padding: 10rem 0; }
.UBcollectingInfo { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.UBcollectingInfo_visual { display: inline-flex; flex-direction: column; }
.UBcollectingInfo_visualImgBox { width: 10rem; height: 10rem; }
.UBcollectingInfo_visualImg { width: 100%; height: 100%; }
.UBcollectingInfo_visualText { color: var(--white); text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; margin-top: 1.6rem; }
.UBcollectingInfo_textBox { margin-top: 2.4rem; display: inline-flex; flex-direction: column; }
.UBcollectingInfo_tit { color: var(--white); text-align: center; font-family: HGGGothicssi; font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.UBcollectingInfo_info { color: var(--gray5); text-align: center; font-size: 1.3rem; line-height: 2rem; margin-top: 0.8rem; }
.UBappMove_box { padding: 6rem 0; display: flex; align-items: center; justify-content: center; }
.UBappMove_imgBox { width: 16rem; height: 16rem; }
.UBappMove_img { width: 100%; height: 100%; object-fit: contain; }
.UBscrollToSwitchBtnPopup_head { margin-bottom: 6rem; }
.UBdateTable-mt8 { margin-top: 0.8rem; }
.UBdateTable_labels { margin-top: 0.8rem; }
.UBdateTable_labelList { display: flex; }
.UBdateTable_labelItem { flex-shrink: 0; margin-left: 1.6rem; }
.UBdateTable_labelItem:first-child { margin-left: 0; }
.UBdateTable_label { display: inline-flex; align-items: center; }
.UBdateTable_labelColor { width: 0.8rem; height: 0.8rem; border-radius: 100%; margin-right: 0.8rem; }
.UBdateTable_labelText { font-family: Spoqa Han Sans Neo; font-size: 1.1rem; line-height: 1.6rem; }
.UBdateTable_date { width: 2.7rem; height: 2.7rem; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; font-size: 1.3rem; line-height: 2rem; }
.UBdateTable_date-blue { background-color: var(--blue5); color: var(--white); }
.UBdateTable_date-skyblue { background-color: var(--blue3); color: var(--jb-blue); }
.UBplanImgBox_inner { padding: 2.4rem; border-radius: 0.6rem; border: 1px solid var(--gray4); box-shadow: var(--shadow2); }
.UBplanImgBox_inner-p32 { padding: 3.2rem; }
.UBplanImgBox_imgBox { width: 100%; max-width: 33.5rem; margin: 0 auto; }
.UBplanImgBox_img { width: 100%; object-fit: contain; }
.UBplanTextBox_inner { padding: 1rem; border-radius: 0.6rem; background-color: var(--gray2); display: flex; align-items: center; justify-content: center; }
.UBplanTextBox_text { font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; text-align: center; color: var(--gray10); }
.UBplanTextBox_underTextBox { margin-top: 1.6rem; }
.UBplanTextBox_infoText { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray8); }
.UBtitAndText_inner { padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); box-shadow: var(--shadow2); }
.UBtitAndText_item { margin-top: 1.6rem; }
.UBtitAndText_item:first-child { margin-top: 0; }
.UBtitAndText_itemBox { display: flex; flex-direction: column; }
.UBtitAndText_tit { font-size: 1.3rem; font-weight: 500; line-height: 2rem; color: var(--gray10); }
.UBtitAndText_text { font-size: 1.3rem; line-height: 2rem; color: var(--gray8); margin-top: 0.8rem; }
.UBproductSelect_item { margin-top: 1.6rem; }
.UBproductSelect_box { display: block; }
.UBproductSelect_inner { padding: 2rem 5rem 2rem 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); box-shadow: var(--shadow2); display: flex; flex-direction: column; position: relative; }
.UBproductSelect_infoBox { margin-top: 1.6rem; }
.UBproductSelect_headLabel { display: inline-flex; align-items: center; justify-content: center; height: 2.4rem; padding: 0 0.4rem; border-radius: 0.2rem; margin-bottom: 0.8rem; background: var(--blue2); color: var(--jb-blue); font-size: 1.2rem; font-weight: 500; line-height: 2rem; }
.UBproductSelect_headLabel-noBox { height: auto; padding: 0; background: transparent; color: var(--gray8); margin-bottom: 0.4rem; }
.UBproductSelect_headLabel-absolute { position: absolute; right: 2rem; top: 2rem; }
.UBproductSelect_headTit { display: block; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; color: var(--gray10); }
.UBproductSelect_headSubTit { font-size: 1.3rem; line-height: 2rem; color: var(--gray8); margin-top: 0.2rem; }
.UBproductSelect_infosList { display: flex; align-items: center; margin-top: 0.4rem; }
.UBproductSelect_infosList:first-child { margin-top: 0; }
.UBproductSelect_infosItem { padding: 0 0.8rem; position: relative; }
.UBproductSelect_infosItem::after { content: ""; display: block; position: absolute; width: 1px; height: 1.2rem; background-color: var(--gray7); right: 0; top: 50%; transform: translateY(-50%); }
.UBproductSelect_infosItem:first-child { padding-left: 0; }
.UBproductSelect_infosItem:last-child { padding-right: 0; }
.UBproductSelect_infosItem:last-child::after { display: none; }
.UBproductSelect_info { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray8); }
.UBproductSelect_infoBottom { margin-top: 0.4rem; }
.UBproductSelect_smallInfo { font-size: 1.2rem; line-height: 2rem; color: var(--gray8); }
.UBproductSelect_radio { position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; }
.is-active .UBproductSelect_inner { border-color: var(--jb-blue); }
.UBproductSelect_pointText { display: block; font-size: 1.3rem; line-height: 2rem; margin-top: 0.8rem; color: var(--jb-blue); }
.UBproductSelect_pointText-big { font-size: 1.8rem; line-height: 2.6rem; margin-left: 0.4rem; }
.UBgrayTextBox_inner { padding: 2rem; padding: 2rem; border-radius: 0.6rem; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: var(--gray2); }
.UBgrayTextBox_text { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; text-align: center; color: var(--gray10); }
.UBgrayTextBox_text-f13 { font-size: 1.3rem; font-weight: 400; }
.UBgrayTextBox_idNum { font-size: 3rem; font-weight: 500; line-height: 4rem; text-align: center; margin-bottom: 0.4rem; color: var(--jb-blue); }
.UBcheckLimit_imgBox { height: 10.6rem; }
.UBcheckLimit_img { width: 100%; height: 100%; object-fit: contain; }
.UBcheckLimit_linkBtn { margin-top: 2.4rem; }
.UBprodComp_inner { border: 1px solid var(--gray4); border-radius: 0.6rem; padding: 2.4rem; box-shadow: var(--shadow2); }
.UBprodComp_item { margin-top: 4rem; position: relative; }
.UBprodComp_item:first-child { margin-top: 0; }
.UBprodComp_item::after { content: ""; display: block; position: absolute; width: 1.2rem; height: 2.4rem; background: url(/image/regProcess/UBprodComp_icon.png) no-repeat center/100%; bottom: -3.2rem; left: 50%; transform: translateX(-50%); }
.UBprodComp_item:last-child::after { display: none; }
.UBprodComp_btns { display: flex; margin-top: 2.4rem; margin-left: -0.35rem; margin-right: -0.35rem; }
.UBprodComp_btns .cmp_button { margin: 0 0.35rem; }
.UBprodComp_textField { margin-top: 1.6rem; }
.UBprodComp_textField .field_infoText { margin-top: 0; }
.UBprodCompItem_inner { padding: 2rem 2rem 1.2rem 2rem; background-color: var(--gray2); border-radius: 0.6rem; }
.UBprodCompItem_textBox { display: flex; flex-direction: column; }
.UBprodCompItem_bankBox { margin-bottom: 0.8rem; display: inline-flex; align-items: center; }
.UBprodCompItem_bankLogo { width: 2.4rem; height: 2.4rem; margin-right: 0.1rem; }
.UBprodCompItem_bankName { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray8); }
.UBprodCompItem_prodName { font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; color: var(--gray8); }
.UBprodCompItem_info { margin-top: 0.4rem; }
.UBprodCompItem_infoList { display: flex; flex-wrap: wrap; margin-left: -0.8rem; margin-right: -0.8rem; }
.UBprodCompItem_infoItem { margin: 0.4rem 0.8rem; }
.UBprodCompItem_infoText { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: var(--gray8); }
.UBprodCompItem_infoText-point { color: var(--gray10); }
.UBprodCompItem-point .UBprodCompItem_inner { background-color: var(--white); border: 1px solid var(--jb-blue); }
.UBprodCompItem-point .UBprodCompItem_bankName { color: var(--gray10); }
.UBprodCompItem-point .UBprodCompItem_prodName { color: var(--gray10); }
.UBprodCompItem-point .UBprodCompItem_infoText-point { color: var(--jb-blue); }
.UBprodCompItem-box .UBprodCompItem_inner { background-color: var(--white); border: 1px solid var(--gray4); padding: 2rem; box-shadow: var(--shadow2); }
.UBprodCompItem-box .UBprodCompItem_bankName { color: var(--gray10); }
.UBprodCompItem-box .UBprodCompItem_prodName { color: var(--gray10); }
.UBprodCompItem_link { margin-top: 0.4rem; }
.UBprodDetailBox_inner { padding: 2rem 2rem 2.8rem 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); box-shadow: var(--shadow2); }
.UBprodDetailBox_head { padding-bottom: 2rem; position: relative; }
.UBprodDetailBox_head::after { content: ""; display: block; position: absolute; background-color: var(--gray2); width: 100%; height: 1px; bottom: 0; left: 0; }
.UBprodDetailBox_headTextBox { display: flex; flex-direction: column; }
.UBprodDetailBox_headTit { font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; color: var(--gray10); }
.UBprodDetailBox_headSubTit { font-size: 1.3rem; font-weight: 500; line-height: 2rem; color: var(--gray8); margin-top: 0.4rem; }
.UBprodDetailBox_body { margin-top: 1.6rem; }
.UBprodDetailBox_detailItem { display: flex; justify-content: space-between; margin-top: 0.8rem; }
.UBprodDetailBox_detailItem:first-child { margin-top: 0; }
.UBprodDetailBox_detailCat { font-size: 1.3rem; line-height: 2rem; color: var(--gray10); }
.UBprodDetailBox_detailValue { font-size: 1.3rem; font-weight: 500; line-height: 2rem; color: var(--gray10); }
.UBprodDetailBox_link { margin-top: 1.6rem; }
.UBinquiryBox_inner { padding: 2rem; border-radius: 0.6rem; border: 1px solid var(--gray4); box-shadow: 0 1px 16px rgba(33, 37, 41, 0.04); }
.UBinquiryBox_cont { margin-top: 1.6rem; }
.UBinquiryBox_cont-alRight { text-align: right; }
.UBinquiryBox_head { display: flex; flex-direction: column; }
.UBinquiryBox_head > *:not(:first-child) { margin-top: 0.8rem; }
.UBinquiryBox_headFlex { display: flex; padding-bottom: 2rem; border-bottom: 1px solid var(--gray2); }
.UBinquiryBox_amount { font-size: 2.2rem; font-weight: 700; line-height: 3rem; letter-spacing: -0.02rem; color: var(--jb-blue); }
.UBinquiryBox_info { font-size: 1.2rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.01rem; color: var(--gray10); }
.UBinquiryBox_info-pt14 { font-size: 1.4rem; line-height: 2.2rem; color: var(--gray9); }
.UBinquiryBox_icon { flex-shrink: 0; height: 1.6rem; }
.UBinquiryBox_checkBox { flex-shrink: 1; flex-grow: 1; padding-right: 0.6rem; }
.UBinquiryBox_checkBox .cmp_checkbox_input { width: 1.6rem; height: 1.6rem; margin-top: 0.2rem; }
.UBinquiryBox_checkBoxTit { margin-left: 1rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.1px; color: var(--gray10); }
.UBfinGoalSetLand { margin-bottom: 2.4rem; }
.UBfinGoalSetLand_head { padding-top: 2.4rem; }
.UBfinGoalSetLand_titBox { display: flex; flex-direction: column; margin-bottom: 2.4rem; }
.UBfinGoalSetLand_tit { color: #000; text-align: center; font-family: HGGGothicssi; font-size: 2rem; font-weight: 700; line-height: 2.6rem; }
.UBfinGoalSetLand_tit-color { color: var(--jb-blue); }
.UBfinGoalSetLand_subTit { color: var(--gray8); text-align: center; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-top: 1.6rem; }
.UBfinGoalSetLand_titBox-head { margin-bottom: 3.2rem; }
.UBfinGoalSetLand_tit-head { font-size: 2.8rem; line-height: 3.6rem; }
.UBfinGoalSetLand_headImgBox { margin-left: -2rem; margin-right: -2rem; }
.UBfinGoalSetLand_headImg { height: 100%; max-height: 31.2rem; width: 100%; object-fit: contain; }
.UBfinGoalSetLand_body { margin-top: 1.6rem; }
.UBfinGoalSetLand_section { border-radius: 1.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); padding-top: 4rem; }
.UBfinGoalSetLand_section:not(:first-child) { margin-top: 2.4rem; }
.UBfinGoalSetLand_section-blue { background-color: var(--blue2); }
.UBfinGoalSetLand_section-gray { background-color: var(--gray2); }
.UBfinGoalSetLand_img { height: 100%; max-height: 26rem; width: 100%; object-fit: contain; }
.UBfinGoalSetLand_conts { margin: 0 2rem 3.2rem 2rem; }
.UBfinGoalSetLand_contsList { display: flex; flex-direction: column; }
.UBfinGoalSetLand_contsItem { width: 100%; }
.UBfinGoalSetLand_contsItem:not(:first-child) { margin-top: 1.6rem; }
.UBfinGoalSetLand_cont { display: flex; align-items: center; justify-content: center; border-radius: 1.6rem; background: var(--white); box-shadow: var(--shadow2); }
.UBfinGoalSetLand_contImgBox { width: 8rem; height: 8rem; margin-left: 8vw; }
.UBfinGoalSetLand_contImg { width: 100%; height: 100%; object-fit: contain; }
.UBfinGoalSetLand_contText { color: #000; text-align: center; font-family: HGGGothicssi; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; width: 12rem; margin-right: 9.8vw; margin-left: 3.4vw; }
.UBfinGoalSetLand_imgBox { position: relative; }
.UBfinGoalSetLand_bubbles { position: absolute; left: 50%; width: 23rem; height: 7.9rem; transform: translateX(-50%); }
.UBfinGoalSetLand_bubble { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: translateY(20px); opacity: 0; }
.UBfinGoalSetLand_bubbleImg { width: 100%; height: 100%; object-fit: contain; }
@keyframes UBfinGoalSetLand_1 {
    0% { transform: translateY(0%); opacity: 0; }
    25% { transform: translateY(100%); opacity: 1; }
    50% { transform: translateY(100%); opacity: 1; }
    75% { transform: translateY(0%); opacity: 0; }
    100% { transform: translateY(0%); opacity: 0; }
}
@keyframes UBfinGoalSetLand_2 {
    0% { transform: translateY(0%); opacity: 0; }
    25% { transform: translateY(0%); opacity: 0; }
    50% { transform: translateY(0%); opacity: 0; }
    75% { transform: translateY(100%); opacity: 1; }
    100% { transform: translateY(100%); opacity: 1; }
}
/* ======================= 금융목표 ======================= */
.UBfinGoal_head { margin-bottom: 6rem; }
.UBfinGoalList_list { display: flex; flex-direction: column; }
.UBfinGoalList_item:not(:first-child) { margin-top: 1.6rem; }
.UBfinGoalList_link { display: block; }
.UBfinGoalList_box { border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); box-shadow: var(--shadow2); padding: 2.4rem; position: relative; min-height: 21rem; }
.UBfinGoalList_imgBox { width: 10rem; height: 10rem; position: absolute; right: 2rem; bottom: 2rem; }
.UBfinGoalList_img { width: 100%; height: 100%; object-fit: contain; }
.UBfinGoalList_titBox { display: flex; flex-direction: column; position: relative; z-index: 1; }
.UBfinGoalList_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.UBfinGoalList_subTit { color: var(--gray8); font-size: 1.4rem; line-height: 2.2rem; margin-top: 0.8rem; }
.UBssokBoxSet_actionArea { margin-bottom: 1.6rem; display: flex; justify-content: space-between; align-items: center; }
.UBssokBoxSet_actionBtns { display: inline-flex; align-items: center; }
.UBssokBoxSet_actionBtns > *:not(:first-child) { margin-left: 0.8rem; }
.UBssokBoxSet_reshapeBtns { display: inline-flex; align-items: center; }
.UBssokBoxSet_reshapeBtns > *:not(:first-child) { margin-left: 1rem; }
.UBssokBoxSet_contentArea > *:not(:first-child) { margin-top: 1.6rem; }
.UBssokBoxSet .UBssokBoxSetCon:nth-child(5n+2) .UBssokBoxSetCon_box { background-color: #f0f6ff; }
.UBssokBoxSet .UBssokBoxSetCon:nth-child(5n+4) .UBssokBoxSetCon_box { background-color: #f2f5f7; }
.UBssokBoxSet .UBssokBoxSetCon:nth-child(5n+5) .UBssokBoxSetCon_box { background-color: #f0f6ff; }
.UBreshapeBtns { height: 2.4rem; width: 2.4rem; opacity: 0.5; }
.UBreshapeBtns-list { background: url("/image/common/reshapeBtns-list.svg") no-repeat center/100%; }
.UBreshapeBtns-box { background: url("/image/common/reshapeBtns-box.svg") no-repeat center/100%; }
.UBreshapeBtns[aria-selected=true] { opacity: 1; }
.UBssokBoxSetCon_link { display: block; }
.UBssokBoxSetCon_box { border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); padding: 2.4rem; display: flex; flex-direction: column; box-shadow: var(--shadow2); position: relative; }
.UBssokBoxSetCon_titBox { display: inline-flex; flex-direction: column; }
.UBssokBoxSetCon_label { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-bottom: 0.8rem; }
.UBssokBoxSetCon_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.UBssokBoxSetCon_info { color: var(--gray8); font-size: 1.6rem; font-weight: 500; line-height: 2.8rem; margin-top: 1.6rem; }
.UBssokBoxSetCon_info-point { font-weight: 700; color: var(--jb-blue); }
.UBssokBoxSetCon_info-link { position: relative; display: inline-flex; align-items: center; margin-right: 0.8rem; }
.UBssokBoxSetCon_info-link::after { content: ""; display: block; position: relative; width: 1.6rem; height: 1.6rem; background: url(/image/common/cmp_dropdown_arrow.svg) no-repeat center/100%; margin-left: 0.4rem; transform: translateY(-0.2rem); }
.UBssokBoxSetCon_imgBox { width: 16rem; height: 16rem; margin-left: auto; margin-top: 0.8rem; }
.UBssokBoxSetCon_img { width: 100%; height: 100%; object-fit: contain; }
.UBssokBoxSetCon_modifyBtn { width: 2.4rem; height: 2.4rem; background: url("/image/finGoal/modifyBtn.svg") no-repeat center/100%; position: absolute; right: 2.4rem; top: 2.4rem; }
[data-js-toggleshape-value=list] .UBssokBoxSetCon_imgBox { display: none; }
[data-js-toggleshape-value=list] .UBssokBoxSetCon_tit { font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; }
[data-js-toggleshape-value=list] .UBssokBoxSetCon_info { font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; }
[data-js-toggleshape-value=list] .UBssokBoxSetCon_info-point { font-weight: 700; }
.UBssokBoxSetDetail-info { margin-top: 2.6rem; }
.UBssokBoxSetDetailInfo { border-radius: 0.6rem; background: var(--gray1); padding: 2.4rem; }
.UBssokBoxSetDetailInfo_titBox { display: flex; flex-direction: column; }
.UBssokBoxSetDetailInfo_tit { color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.UBssokBoxSetDetailInfo_subTit { color: var(--gray8); font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; margin-top: 0.8rem; }
.UBgoalMgmt_progressArea { margin-bottom: 3.2rem; }
.UBgoalMgmt_contents { margin-top: 1.6rem; }
.UBgoalMgmt_contents > *:not(:first-child) { margin-top: 1.6rem; }
.UBgoalMgmt_actionArea { display: flex; align-items: center; justify-content: space-between; }
.UBgoalMgmt_actionBtns { display: inline-flex; align-items: center; }
.UBgoalMgmt_actionBtns > *:not(:first-child) { margin-left: 0.8rem; }
.UBgoalMgmtCont_box { padding: 2.4rem; border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--gray2); box-shadow: var(--shadow2); }
.UBgoalMgmtCont_visual { display: flex; align-items: center; justify-content: space-between; }
.UBgoalMgmtCont_titBox { display: flex; flex-direction: column; }
.UBgoalMgmtCont_head { display: flex; flex-wrap: wrap; align-items: end; color: var(--gray8); }
.UBgoalMgmtCont_headTit { font-size: 2.2rem; font-weight: 700; line-height: 3rem; margin-right: 0.4rem; }
.UBgoalMgmtCont_headLabel { font-size: 1.2rem; font-weight: 500; line-height: 2rem; margin-bottom: 0.2rem; }
.UBgoalMgmtCont_headSubTit { color: var(--gray8); font-size: 1.2rem; font-weight: 500; line-height: 2rem; margin-top: 0.4rem; }
.UBgoalMgmtCont_imgBox { width: 7.2rem; height: 7.2rem; margin: 0 1.6rem; flex-shrink: 0; }
.UBgoalMgmtCont_img { width: 100%; height: 100%; object-fit: contain; }
.UBgoalMgmtCont_infoBox { margin-top: 1.6rem; }
.UBgoalMgmtCont_infoBox .infoBox { padding: 1rem 2rem; background: var(--gray4); }
.UBgoalMgmtCont_infoBox .infoBox_cate { font-size: 1.2rem; font-weight: 400; line-height: 2rem; }
.UBgoalMgmtCont_infoBox .infoBox_value { color: var(--gray9); font-size: 1.3rem; line-height: 2rem; }
.UBgoalMgmtCont_infoMsg { color: var(--gray8); font-size: 1.1rem; line-height: 1.6rem; display: block; margin-top: 0.8rem; }
.UBgoalMgmtCont-ing .UBgoalMgmtCont_box, .UBgoalMgmtCont-fail .UBgoalMgmtCont_box { background: var(--white); }
.UBgoalMgmtCont-ing .UBgoalMgmtCont_head { color: var(--jb-blue); }
.UBgoalMgmtCont-ing .UBgoalMgmtCont_headSubTit, .UBgoalMgmtCont-fail .UBgoalMgmtCont_headSubTit { color: var(--gray10); }
.UBgoalMgmtCont-ing .UBgoalMgmtCont_infoBox .infoBox { background: var(--blue2); }
.UBgoalMgmtCont-ing .UBgoalMgmtCont_infoBox .infoBox_cate, .UBgoalMgmtCont-fail .UBgoalMgmtCont_infoBox .infoBox_cate { color: var(--gray10); }
.UBgoalMgmtCont-ing .UBgoalMgmtCont_infoBox .infoBox_value, .UBgoalMgmtCont-fail .UBgoalMgmtCont_infoBox .infoBox_value { color: var(--gray10); }
.UBgoalMgmtCont-fail .UBgoalMgmtCont_head { color: var(--danger); }
.UBgoalMgmtCont-fail .UBgoalMgmtCont_infoBox .infoBox { background: #fcefe8; }
.UBgoalMgmtCont-complete .UBgoalMgmtCont_box { background: var(--blue5); }
.UBgoalMgmtCont-complete .UBgoalMgmtCont_head, .UBgoalMgmtCont-complete .UBgoalMgmtCont_headSubTit { color: var(--white); }
.UBgoalMgmtCont-complete .UBgoalMgmtCont_infoBox .infoBox { background: var(--blue6); }
.UBgoalMgmtCont-complete .UBgoalMgmtCont_infoBox .infoBox_cate { color: var(--blue2); }
.UBgoalMgmtCont-complete .UBgoalMgmtCont_infoBox .infoBox_value { color: var(--white); }
.UBfinGoalSelect_info { margin-top: 3.6rem; }
.UBfinGoalRadio_list { display: flex; flex-direction: column; }
.UBfinGoalRadio_item { margin-top: 1.6rem; }
.UBfinGoalRadio_item:first-child { margin-top: 0; }
.UBfinGoalRadio_lable { display: block; }
.UBfinGoalRadio_box { border-radius: 0.6rem; border: 1px solid var(--gray4); background: var(--white); padding: 2.2rem 2rem 2rem 2rem; display: flex; align-items: center; justify-content: space-between; }
.UBfinGoalRadio_tit { color: var(--gray10); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; }
.UBfinGoalInfoBox_box { padding: 2.4rem; border-radius: 0.6rem; background: var(--gray1); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.UBfinGoalInfoBox_imgBox { width: 4.8rem; height: 4.8rem; }
.UBfinGoalInfoBox_img { width: 100%; height: 100%; object-fit: contain; }
.UBfinGoalInfoBox_text { text-align: center; color: var(--gray8); text-align: center; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; margin-top: 0.8rem; }
.UBfinGoalInfoBox_text-bold { color: var(--gray10); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
/* ======================== sheet ======================== */
.UBfinGoal-s-viewAllCh .bottomSheetScroll { padding: 0 !important; margin-left: -2rem; margin-right: -2rem; display: flex; flex-direction: column; }
.UBfinGoal-s-viewAllCh_head { padding: 2.4rem 2rem 3.2rem 2rem; flex-shrink: 0; }
.UBfinGoal-s-viewAllCh_body { flex-grow: 1; background-color: var(--blue4); }
.UBfinGoal-s-viewAllCh_titBox { display: flex; flex-direction: column; }
.UBfinGoal-s-viewAllCh_tit { color: var(--gray10); font-family: HGGGothicssi; font-size: 2.2rem; font-weight: 700; line-height: 3rem; }
.UBfinGoal-s-viewAllCh_tit-point { color: var(--jb-blue); }
.UBfinGoal-s-viewAllCh_textBox { margin-top: 1.6rem; }
.UBfinGoal-s-viewAllCh_textList { display: flex; flex-direction: column; }
.UBfinGoal-s-viewAllCh_textList > *:not(:first-child) { margin-top: 0.8rem; }
.UBfinGoal-s-viewAllCh_cat { color: var(--gray10); font-size: 1.2rem; line-height: 2rem; margin-right: 1.2rem; }
.UBfinGoal-s-viewAllCh_value { color: var(--gray10); font-size: 1.3rem; font-weight: 500; line-height: 2rem; }
.UBfinGoal-s-viewAllCh_body { padding: 4rem 1.2rem; }
.UBviewAllCh_list { display: flex; flex-wrap: wrap; }
.UBviewAllCh_item { flex-basis: 25%; padding: 0.8rem; }
.UBviewAllCh_box { width: 100%; height: 12rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.6rem; border: 1px dashed var(--white); background: #69a5f9; }
.UBviewAllCh_num { color: var(--blue3); font-size: 2.4rem; font-weight: 700; line-height: 3.6rem; }
.UBviewAllCh_text { color: var(--blue3); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; text-align: center; }
.UBviewAllCh_img { width: 100%; height: 100%; object-fit: contain; }
.UBviewAllCh_contImgBox { width: 4rem; height: 4rem; margin-bottom: 0.4rem; }
.UBviewAllCh_contImg { width: 100%; height: 100%; object-fit: contain; }
.UBviewAllCh_box-img { border: none; background: transparent; justify-content: end; }
.UBviewAllCh_box-msg { border: 1px solid #52e9ab; background: linear-gradient(153deg, #05a474 9.76%, #18d39b 95%); box-shadow: 0px 4px 8px 0px #1ea65c inset, 4px 4px 6px 0px rgba(9, 138, 99, 0.15); }
.UBviewAllCh_box-complete { border: 1px solid #bfd8fd; background: linear-gradient(160deg, #074fb9 6.44%, #2675eb 97.62%); box-shadow: 5px 10px 5px 0px rgba(0, 82, 204, 0.6) inset, 4px 4px 6px 0px rgba(0, 66, 164, 0.15); }
.UBviewAllCh_box-msg .UBviewAllCh_num, .UBviewAllCh_box-msg .UBviewAllCh_text, .UBviewAllCh_box-complete .UBviewAllCh_num, .UBviewAllCh_box-complete .UBviewAllCh_text, .UBviewAllCh_box-fail .UBviewAllCh_num, .UBviewAllCh_box-fail .UBviewAllCh_text { color: var(--white); }
.UBviewAllCh_box-fail { border: 1px solid #c2c2c2; background: linear-gradient(160deg, #797979 6.44%, #3f3f3f 97.62%); box-shadow: 5px 10px 5px 0px rgba(88, 88, 88, 0.5) inset, 4px 4px 6px 0px rgba(0, 66, 164, 0.15); }
.UBviewAllCh_imgBox-start { width: 100%; height: 90%; }
.UBviewAllCh_imgBox-finish { width: 90%; height: 100%; }

.appReviewArea{position:relative;padding:0.4rem 0 0 0;}
.appReviewArea .t16{margin-bottom:2.4rem;}
.ReviewSelect{font-size:0;}
.ReviewSelect .item{display:inline-block;width:calc(50% - 0.4rem);vertical-align:top;}
.ReviewSelect .item:nth-of-type(2){margin-left:0.8rem;}
.ReviewSelect .item button{display:block;width:100%;height:14rem;border-radius:0.6rem;border:1px solid var(--gray4);font-size:0;padding-bottom:1rem;}
.ReviewSelect .item button img{width:60px;height:60px;display:inline-block;margin-bottom:1.6rem;}
.ReviewSelect .item button span{display:block;font-size:1.6rem;line-height:2.4rem;color:var(--gray10);font-weight:400;}

.ReviewSelect .img1{display:inline-block;width:60px;height:81px;background-image:url(/img/contents/img_appReview1.jpg);background-repeat:no-repeat;animation:play 3s steps(80) infinite;background-size:auto 81px;margin-bottom:1.2rem;}
@keyframes play {
    from{
        background-position:0;
    } 
    to {
        background-position:-4800px;
    }
}

.ReviewSelect .img2{display:inline-block;width:60px;height:82px;background-image:url(/img/contents/img_appReview2.jpg);background-repeat:no-repeat;animation:play2 3s steps(70) infinite;background-size:4200px 62px;margin-bottom:1.2rem;}
@keyframes play2 {
    from{
        background-position:0 bottom;
    } 
    to {
        background-position:-4200px bottom;
    }
}

.etcComplet{display:flex;flex-direction:column;width:100%;padding-top:5.6rem;height: calc(var(--vh, 1vh) * 100 - 14.4rem);}
.etcComplet .etcCompletTop{text-align:center;margin-bottom:2rem;}
.etcComplet .t18G{margin-top:0.8rem;}
.etcComplet .t14{margin-top:0.8rem;}
.etcComplet .infoBox{margin-top:auto;}


/*환경그림공모전*/
.greenAward .option{opacity:0;transform:translateY(50px);}
.greenAward .awardList{opacity:1;top:0px;position:relative;width:100%;transition:top 0.3s, opacity 0.3s;transition-timing-function:ease-out;min-height:20rem;}
.greenAward .awardList.on{top:0;opacity:1;}
.greenAward .awardList .item{width:100%;padding:1.6rem 0;font-size:0;border-bottom:1px solid var(--gray2);}
.greenAward .awardList .item:last-of-type{border-bottom:none;}
.greenAward .awardList .item .base{display:flex;position:relative;height:11.1rem;padding-left:17.6rem;text-align:left;flex-direction:column;width:100%;}
.greenAward .awardList .item .base .imgBgArea{position:absolute;left:0;top:0;width:16rem;height:11.1rem;border-radius:0.6rem;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.greenAward .awardList .item .base .awardTit{font-size:1.6rem;font-weight:500;line-height:2.4rem;color:var(--gray10);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;}
.greenAward .awardList .item .base .awardName{font-size:1.4rem;line-height:2.2rem;color:var(--gray8);margin-top:0.8rem;}
.greenAward .awardList .item .base .cag{position:absolute;left:17.6rem;bottom:0;font-size:1.3rem;line-height:2rem;letter-spacing:-0.1px;color:var(--gray8);}

.greenAward .topTitleArea{background-color:#c6e6d1;padding:5.7rem 2.8rem 2.8rem 2.8rem;margin-left:-2rem;width:calc(100% + 4rem);}
.greenAward .topTitleArea .innerArea{position:relative;background-color:#fff;border-radius:0.6rem;padding:4rem 2rem 3.2rem 2rem;font-size:0;text-align:center;max-width:480px;margin:0 auto;box-shadow: var(--shadow2);}
.greenAward .topTitleArea .innerArea .topTempImg{position:absolute;left:2.4rem;top:-4.3rem;width:7.9rem;}
.greenAward .topTitleArea .innerArea .bottomTempImg{position:absolute;right:-1.5rem;bottom:-2.1rem;width:8.9rem;}
.greenAward .topTitleArea .innerArea .t14{margin:2.2rem 0 3.6rem 0;}
.greenAward .topTitleArea .innerArea .ciLogo{width:16.4rem;display:inline-block;}

.greenAward .midSketchArea{padding:3.5rem 0 4rem;}
.greenAward .midSketchArea .fullBg_linkBtn{z-index:10;}
.greenAward .midSketchArea .midSketchSlider{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:0.6rem;overflow:hidden;}
.greenAward .midSketchArea .midSketchSlider::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:linear-gradient(180deg, rgba(0,0,0,0.641) 15.63%, rgba(0,0,0,0.0) 85.94%);z-index:1;}
.greenAward .midSketchArea .cardSlider{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat;width:100%;height:24rem;}
.greenAward .midSketchArea .pageNumber{position:absolute;right:1.6rem;bottom:1.6rem;z-index:4;font-size:0;}
.greenAward .midSketchArea .pageNumber button{position:relative;display:inline-block;width:auto;height:2.8rem;line-height:2.9rem;padding:0 2.5rem 0 0.8rem;font-size:1.3rem;font-weight:500;letter-spacing:-0.1px;color:rgba(255,255,255,0.7);background-color:rgba(33,37,41,0.8);border-radius:10rem;}
.greenAward .midSketchArea .pageNumber button::before{content:"";position:absolute;right:0.8rem;top:0.8rem;display:block;width:1.1rem;height:1.1rem;background:url(/image/common/ic_line_12_plus.svg) no-repeat center center/100% auto;}
.greenAward .midSketchArea .pageNumber button span{color:#fff;display:inline-block;font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:middle;}
.greenAward .midSketchArea .pageNumber button b{font-size:1rem;font-weight:inherit;line-height:inherit;vertical-align:middle;display:inline-block;}

.greenAward .cmp_tabs_fix_tab{margin-left:-2rem;width:calc(100% + 4rem);}
.greenAward .cmp_tabs_scroll{margin:2.4rem 0 2.4rem -2rem;width:calc(100% + 4rem);}
.greenAward .awardListTit { font-family: "HGGGothicssi"; font-size: 2.2rem; line-height: 3rem; color: var(--gray10); font-weight: 800; word-break: keep-all;letter-spacing:-0.6px;margin:1.6rem 0 4rem 0;}
.greenAward .dropdown.awardCombo{border:none;width:auto;height:2.8rem;min-height:0;border-radius:0;padding:0 2.6rem 0 0;}
.greenAward .dropdown.awardCombo .guideText{display:none;}
.greenAward .dropdown.awardCombo .valData span{position:relative;font-size:2rem;font-weight:bold;line-height:2.8rem;}
.greenAward .dropdown.awardCombo .valData span::before{content:"";display:block;width:100%;height:1px;background-color:var(--gray10);position:absolute;left:0;bottom:0.3rem;}
.greenAward .dropdown.awardCombo::before{background-image:url(/image/common/ic_arrow_20.svg);background-size:2rem auto;width:2rem;height:2rem;right: 0;top:calc(50% - 1rem);transform:rotate(-90deg);}
.greenAward .dropdown.awardCombo.on::before{transform:rotate(90deg);}

.midsketchPopList{width:100%;margin-top:5.6rem;}
.midsketchPopList img{display:block;width:100%;margin-bottom:0.4rem;}

.greenAwardDtlPop .bottomSheetScroll{margin-left:-2rem;width:calc(100% + 4rem);padding-top:0 !important;}
.greenAwardDtlPop .imgInfo{margin-top:2.4rem;padding:0 2rem;}
.greenAwardDtlPop .imgInfo .t18{margin:0.4rem 0 2rem 0;word-break:keep-all;}
.greenAwardDtlPop .imgInfo .t14 br{display:none;}
.greenAwardDtlPop .imgInfo .cag{margin-top:2.4rem;font-size:0;}
.greenAwardDtlPop .imgInfo .cag span{display:inline-block;vertical-align:top;margin-right:0.6rem;width:auto;}

.onPdCatalEvent_tit2{color:var(--gray10);font-weight:bold;font-size:3rem;letter-spacing:-0.08rem;line-height:4.6rem;}
.onPdCatalEvent_tit3{color:var(--gray10);font-weight:bold;font-size:3.4rem;letter-spacing:-0.08rem;line-height:4.6rem;}
.onPdCatalEvent_titPink{color:#fb4f94;}
.onPdCatalEvent_subTit2{color:var(--gray9);font-size:1.8rem;font-weight:500;}
.onPdCatalEvent_section-overview.--seedmore.ovB {background-color: #FFF0F5;}
.onPdCatalEvent_section-overview.--seedmore.ovC {background-color: #fff;}
.onPdCatalEvent_section-overview.--seedmore.ovD {background-color: #fff8f0;}
.onPdCatalEvent_irTit2{font-size:1.8rem;color:#212529;line-height:4rem;letter-spacing:-0.02rem;font-weight:bold;margin-right:0.8rem;}
.onPdCatalEvent_section .rate_seedmore{font-size:4.8rem;font-weight:bold;line-height:6rem;color:#fb4f94;margin-right:0.8rem;}
.onPdCatalEvent_irResultUnit2{font-size:2.8rem;font-weight:bold;line-height:4.8rem;color:var(--gray10);}
.onPdCatalEvent_section .rate_wrap{display:flex;flex-direction:row;align-items:baseline;gap:0.2rem;}
.onPdCatalEvent_section .info-list{display:flex;flex-direction:column;gap:0.8rem;padding:0;margin:0;width:100%;}
.onPdCatalEvent_section .info-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;border-radius:1.2rem;padding:1.6rem 2.4rem 1.2rem;}
.onPdCatalEvent_section .info-label{font-size:1.6rem;font-weight:500;color:var(--gray9);line-height:2.4rem;}
.onPdCatalEvent_section .info-value{font-size:1.6rem;font-weight:bold;color:var(--gray10);line-height:2.4rem;}
.onPdCatalEvent_section .vbtn_01{padding:0.4rem 1.6rem;border-radius:3.2rem;color:#fff;background:#fb4f94;font-size:1.4rem;font-weight:500;line-height:2.2rem;display:inline-block;}