@charset "utf-8";
/* ============================================================
	2026 퇴직연금 NewIT 시스템구축
============================================================ */
/* common */
.new-rps {
	letter-spacing: -0.4px;
}
.new-rps button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: none;
	cursor: pointer;
}
.new-rps .flex {
	display: flex !important;
}
.new-rps .flex-center {
	display: flex !important;
	align-items: center !important;
}
.new-rps .space-between {
	justify-content: space-between !important;
}
.new-rps .flex-1 {
	flex: 1 !important;
}
.new-rps .w100p {
	width: 100% !important;
}
.new-rps .mt16 {
	margin-top: 16px !important;
}
.new-rps .pt52 {
	padding-top: 52px !important;
}
.new-rps .mr4 {
	margin-right: 4px !important;
}
.new-rps .py12 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}
.new-rps .py18 {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}
.new-rps .py30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.new-rps .txt-em {
	color: #e32b31 !important;
}
.new-rps .txt-primary {
	color: #009beb !important;
}
.new-rps .txt-gray {
	color: #555 !important;
}
.new-rps .bg-blue {
	background: #e8f2fd;
}
.new-rps .chk.font-14 {
	font-size: 14px !important;
}
.new-rps .bdr-top-none {
	border-top: none !important;
}
.new-rps .relative {
	position: relative !important;
}
.new-rps .sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* tab */
.new-rps .tab1 {
	margin-bottom: 0;
	overflow: initial;
}
.new-rps .tab1 > ul {
	display: flex;
	min-height: auto;
	border-left: 0;
}
.new-rps .tab1 ul > li {
	padding: 0;
	flex: 1;
}
.new-rps .tab1 ul > li > a {
	padding: 14px 0;
    display: block;
    line-height: 22px;
}
/* .new-rps .tab1.depth-2 {
	padding-bottom: 51px;
} */
.new-rps .tab1 .tab3 {
	top: 51px;
    margin: 0;
    bottom: initial !important;
}
.new-rps .tab1 .tab3::before {
	display: block;
	content: "";

}
.new-rps .tab1 .tab3 > ul {
	width: 100%;
	box-sizing: border-box;
}

/* title */
.new-rps .title-block {
	position: initial;
	height: auto;
	letter-spacing: -1.5px;
}
.new-rps .title-align {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new-rps .title-blue-box {
	padding-bottom: 0 !important;
	position: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: #009beb;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
}
.new-rps .title-check-line {
	padding-bottom: 16px;
	border-bottom: 2px solid #000;
	text-align: right;
}
.new-rps .title-check-line > label {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
}
.new-rps .invest-title {
	font-size: 15px;
}
.new-rps .invest-title [class*="level-"] {
	font-weight: 700;
}
.new-rps .invest-title .level-1 {
	color: #e32b31;
}
.new-rps .invest-title .level-2 {
	color: #a95a00;
}
.new-rps .invest-title .level-3 {
	color: #047b5b;
}
.new-rps .invest-title .level-4 {
	color: #0871f3;
}
.new-rps .invest-title .level-5 {
	color: #2658ed;
}

/* button */
.new-rps input[type="button"] {
	border: none !important;
}
.new-rps .btn-text {
	padding-right: 12px;
	text-decoration: underline;
	background: url("../img/section/rp/newrps/icon_arrow_12.png") no-repeat right 3px / 12px;
}
.new-rps .btn-text:hover, 
.new-rps .btn-text:focus,
.new-rps .btn-text:active {
	color: #000;
	text-decoration: underline;
}
.new-rps .btn {
    padding: 0 10px;
	display: inline-flex;
	justify-content: center;
    align-items: center;
    height: 25px;
    font-size: 12px;
	font-weight: 700;
    border: none;
    cursor: pointer;
}
.new-rps .btn:disabled {
	background: #ccc;
}
.new-rps .btn:disabled:hover,
.new-rps .btn:disabled:active,
.new-rps .btn:disabled:focus {
	background: #ccc;
	text-decoration: none;
}
.new-rps .btn:hover,
.new-rps .btn:active, 
.new-rps .btn:focus {
	text-decoration: none;
}
.new-rps .btn.btn-round {
	border-radius: 4px;
}
.new-rps .btn-md {
	padding: 0 20px;
	min-width: 80px;
    height: 34px;
    font-size: 14px;
    border-radius: 17px;
}
.new-rps .btn-gray {
	color: #fff;
    background: #686868;
}
.new-rps .btn-gray:hover, 
.new-rps .btn-gray:focus-visible {
	background: #444;
}
.new-rps .btn-blue {
	color: #fff;
    background: #009beb;
}
.new-rps .btn-blue:hover, 
.new-rps .btn-blue:focus-visible {
	background: #0074eb;
	text-decoration: underline;
}
.new-rps .btn-search-detail {
	padding: 0 28px 0 12px;
    height: 31px;
	display: inline-flex;
    align-items: center;
	position: relative;
	font-weight: 700;
    border: 1px solid #d4d4d4;
}
.new-rps .btn-search-detail:hover,
.new-rps .btn-search-detail:active,
.new-rps .btn-search-detail:focus {
	text-decoration: none;
}
.new-rps .btn-search-detail::after {
	display: block;
	content: "";
	width: 9px;
	height: 6px;
	background: url("../img/section/rp/newrps/icon_arr_close_2x.png") no-repeat center / 100%;
	position: absolute;
	top: 12px;
	right: 12px;
}
.new-rps .btn-search-detail.close::after {
	background: url("../img/section/rp/newrps/icon_arr_open_2x.png") no-repeat center / 100%;
}
.new-rps .btn-refresh {
	width: 33px;
    height: 33px;
}
.new-rps .btn-refresh > span {
    margin-left: 0;
    padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
    height: 100%;
    border-radius: 2px;
}
.new-rps .btn-keyword {
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	height: 40px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}
.new-rps .btn-keyword:hover,
.new-rps .btn-keyword:focus,
.new-rps .btn-keyword:active {
	text-decoration: none;
}
.new-rps .btn-keyword.on {
	color: #009beb;
	border: 1px solid #009beb;
}
.new-rps .btn-right-area {
	position: absolute;
	top: 20px;
	right: 20px;
}

/* popup */
.pop-wrap .new-rps .layer_container {
	padding: 0 20px 24px;
	max-height: calc(80vh - 64px);
    overflow-y: auto;
}
.pop-wrap .new-rps .ly-header.only {
	height: 64px;
	box-sizing: border-box;
}
.new-rps .pop-agree-area {
	height: 380px;
    overflow-y: auto;
    border: 1px solid #e5e5e5;
}
.new-rps .pop-agree-area + .gray-box {
	border-top: 0;
}
.pop-wrap .new-rps .pop-main-title {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
.pop-wrap .new-rps .confirm-title {
	display: block;
	font-size: 18px;
	font-weight: 700;
}
.pop-wrap .new-rps .confirm-sub-title {
	margin-top: 16px;
	font-size: 14px;
	color: #444;
	word-break: keep-all;
    overflow-wrap: break-word;
}
.pop-inner.new-rps .tab1 ul li.on a {
	padding-right: 0;
}

/* layout */
.new-rps .gray-box {
	padding: 20px;
	border: 1px solid #e5e5e5;
}
.new-rps .gray-box.round,
.new-rps .gray-bg-box.round {
	border-radius: 12px;
}
.new-rps .gray-bg-box {
	padding: 14px 20px;
	background: #f8f8f8;
}
.new-rps .notice-bar h3.notice {
	font-size: 12px !important;
    top: 50%;
    transform: translateY(-50%);
}
.new-rps .notice-bx {
	padding: 20px;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
	background: #fff;
	border: 1px solid #e0e0e0;
}
.new-rps .notice-bx.shadow {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05) !important;
	position: initial;
	width: auto;
	height: auto;
}
.new-rps .notice-bx ul {
	margin: 0;
}
.new-rps .notice-bx .obj {
	margin-right: 40px;
	display: block;
	width: 74px;
}
.new-rps .product-info {
	margin-top: 46px;
    padding-bottom: 24px;
    border-bottom: 1px solid #d5d5d5;
}
.new-rps .product-functab-cont .po-detail-info dt {
	width: 160px;
}
.new-rps .trns_slct_bx {
	display: flex;
	flex-wrap: wrap;
}
.new-rps .trns_slct_bx::after {
	display: none;
}
.new-rps .trns_slct_bx > li {
	width: calc((100% - 8px) / 2);
	margin-left: 0;
	margin-right: 0;
}
.new-rps .trns_slct_bx > li:not(:last-child) {
	margin-right: 8px;
}
.new-rps .trns_slct_bx > li label {
	cursor: pointer;
	height: 100%;
}
.new-rps .rps-icon-slct > li label::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.new-rps .rps-icon-slct > li:first-child label::before {
	width: 128px;
	height: 64px;
	background: url("../img/section/rp/newrps/img_rps_pop_visual_2x.png") no-repeat center / 100%;
}
.new-rps .rps-icon-slct > li:last-child label::before {
	width: 56px;
	height: 40px;
	background: url("../img/section/rp/newrps/img_rps_money_visual_2x.png") no-repeat center / 100%;
}
.new-rps .trns_slct_bx.col-3 > li {
	width: calc((100% - 16px) / 3);
}
.new-rps .form-group .chk {
	display: inline-flex;
	align-items: center;
}
.new-rps .form-group label + label {
	margin-left: 32px;
}
.new-rps .agree-box {
	padding: 0;
    height: auto;
    overflow: hidden;
}
.new-rps .agree-box > li {
	padding: 20px 80px 20px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-size: 16px;
}
.new-rps .agree-box > li:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}
.new-rps .agree-box .btn-arrow .ico-arrow::before {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);	
}
.new-rps .gray-box .msg-notice {
	margin-top: 0;
	padding: 80px 0;
}
.new-rps .msg-notice {
	margin-top: 32px;
    text-align: center;
}
.new-rps .msg-notice::before {
	margin: 0 auto;
	display: block;
	content: "";
	width: 72px;
	height: 72px;
}
.new-rps .msg-notice.mark::before {
	background: url("../img/section/rp/newrps/icon_mark_2x.png") no-repeat center / 100%;
}
.new-rps .msg-notice.complete::before {
	background: url("../img/section/rp/newrps/icon_complete_2x.png") no-repeat center / 100%;
}
.new-rps .msg-notice.nodata::before {
	background: url("../img/section/rp/newrps/icon_nodata_2x.png") no-repeat center / 100%;
}
.new-rps .msg-notice .main-title {
	margin-top: 24px;
    height: auto;
    font-size: 22px;
    position: initial;
    line-height: 1.4;
}
.new-rps .msg-notice .sub-title {
	margin-top: 8px;
	color: #555;
	font-size: 16px;
}
.new-rps .call {
	margin-top: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	color: #555;
}
.new-rps .call::before {
	margin-right: 8px;
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	background: url("../img/section/rp/newrps/icon_rps_call_2x.png") no-repeat center / 100%;
}
.new-rps .info-list-box {
	margin-top: 44px;
	display: flex;
}
.new-rps .info-list-box > li {
	padding: 20px;
	width: calc((100% - 20px) / 3);
	border: 1px solid #e5e5e5;
	border-radius: 12px;
}
.new-rps .info-list-box > li + li {
	margin-left: 10px;
}
.new-rps .info-list-box > li p {
	font-size: 18px;
	color: #136cb8;
}
.new-rps .step-irp {
	float: initial;
	margin: 0 0 8px 0;
}
.new-rps .step-irp > ul {
	display: flex;
	justify-content: flex-end;
}
.new-rps .step-irp li {
    margin: 0;
	display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
}
.new-rps .step-irp li:not(:last-child) {
	margin-right: 8px;
}
.new-rps .agreement-accordion-wrap > dl + dl > dt,
.new-rps .agreement-accordion-wrap .agree-box {
	border-top: 0;
}
.new-rps .agreement-accordion-wrap .check-each dd[aria-hidden="false"] {
	height: auto;
}
.new-rps .agreement-accordion-wrap .agreement-cont {
	padding: 18px 40px !important;
}
.new-rps .agreement-accordion-wrap .agreement-cont li {
	padding: 8px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new-rps .agreement-accordion-wrap .agreement-cont li:not(:last-child) {
	border-bottom: 1px solid #f9f9f9;
}
.new-rps .txt-bul {
	margin-top: 10px;
	color: #555;
}
.new-rps .txt-bul > li {
	padding-left: 8px;
	font-size: 13px;
	position: relative;
	line-height: 20px;
	word-break: keep-all;
    overflow-wrap: break-word;
}
.new-rps .txt-bul > li::before {
	display: block;
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #555;
	position: absolute;
	top: 9px;
	left: 0;
}
.new-rps .txt-bul.fc-black {
	color: #000;
}
.new-rps .txt-bul.fc-black > li::before {
	background: #000;
}
/* popup border 수정 */
.new-rps [class*="tbl-type"] {
	margin-top: 1px;
	border-spacing: 0;
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: 0 -1px 0 #636363, 0 1px 0 #b5b5b5;
}
.new-rps [class*="tbl-type"] th,
.new-rps [class*="tbl-type"] td {
	border: 0 !important;
  box-shadow: inset -1px 0 0 #e5e5e5, inset 0 -1px 0 #e5e5e5;
}
.new-rps [class*="tbl-type"] th:last-child,
.new-rps [class*="tbl-type"] td:last-child {
	box-shadow: inset 0 -1px 0 #e5e5e5;
}
.new-rps [class*="tbl-type"] .bdr {
	box-shadow: inset -1px 0 0 #e5e5e5, inset 0 -1px 0 #e5e5e5 !important;
}
.new-rps [class*="tbl-"] .txt-bul {
	margin-top: 8px;
}
.new-rps [class*="tbl-"] .txt-bul > li {
	font-size: 12px;
}
.new-rps [class*="tbl-"] .total td {
	padding: 12px 40px;
	background: #ececec;
}
.new-rps [class*="tbl-"] .total dl {
	display: flex;
    flex-wrap: wrap;
}
.new-rps [class*="tbl-"] .total dl dt {
	width: calc(100% - 134px);
	font-size: 13px;
}
.new-rps [class*="tbl-"] .total dl dd {
	width: 134px;
	font-size: 13px;
}
.new-rps [class*="tbl-"] input {
	box-sizing: border-box;
}
.new-rps .toggle-table [class*="tbl-"] {
	border-top: 1px solid #666;
}
.new-rps .tbl-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #555;
	position: relative;
}
.new-rps p.tbl-header {
	justify-content: flex-end;
}
.new-rps .tbl-header.align-end {
	justify-content: flex-end;
}
.new-rps .tbl-header .title-block {
	padding-bottom: 0 !important;
}
.new-rps .tbl-header .switch {
	position: absolute;
	top: 3px;
	left: 0;
}
.new-rps .badge-group {
	display: flex;
	flex-wrap: wrap;
}
.new-rps .badge-group > *:not(:last-child) {
	margin-right: 4px;
}
.new-rps .prod-title .title {
	margin-top: 4px;
  font-size: 14px !important;
	font-weight: 700;
}
.new-rps .prod-title .title > img {
	margin-top: -2px;
	vertical-align: middle;
	width: 15px;
}
.new-rps .prod-title .option {
	color: #555;
}
.new-rps .terms-tab {
	display: flex;
}
.new-rps .terms-tab > li {
	flex: 1;
    text-align: center;
	white-space: nowrap;
}
.new-rps .terms-tab > li > a {
	padding-left: 24px;
	position: relative;
	font-size: 14px;
    font-weight: 700;
    color: #999;
}
.new-rps .terms-tab > li > a::before {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	background: url("../img/section/rp/newrps/icon_20_check_off.png") no-repeat center / 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.new-rps .terms-tab > li.active > a {
	color: #01a0f1;
}
.new-rps .terms-tab > li.active > a::before {
	background: url("../img/section/rp/newrps/icon_20_check_on.png") no-repeat center / 100%;
}
.new-rps .time-info {
	margin: 0;
}
.new-rps .time-info > li + li {
	margin-top: 4px;
}
.new-rps .time-info .title {
	display: inline-block;
	width: 100px;
	color: #000;
	vertical-align: top;
}
.new-rps .time-info .tel {
	font-size: 16px;
    font-weight: 700;
	color: #009beb;
}
.new-rps .tip-area {
	margin-top: 24px;
    padding: 24px 30px;
    background: #f8f8f8;
    border-radius: 12px;
}
.new-rps .tip-area {
	color: #555;
}
.new-rps .tip-area > p {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 700;
}
.new-rps .tip-area > p::before {
	margin-right: 8px;
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background: url("../img/section/rp/newrps/icon_16_info.png") no-repeat center / 100%;
}
.new-rps .tip-area > span {
	margin-top: 8px;
	font-size: 14px;
}
.new-rps .tip-area.warning {
	background: #ffedea;
	border-radius: 8px;
}
.new-rps .tip-area.warning > p {
	font-size: 12px;
	color: #fe4b2b;
}
.new-rps .tip-area.warning > p::before {
	background: url("../img/section/rp/newrps/icon_16_warning.png") no-repeat center / 100%;
}
.new-rps .search-list {
	padding: 20px;
	background: #f8f8f8;
	border: 1px solid #d4d4d4;
}
.new-rps .search-list li + li {
	margin-top: 8px;
}
.new-rps .search-list li > div {
	align-items: baseline;
}
.new-rps .search-list li .title {
	width: 140px;
}
.new-rps .search-list li .search-group {
	display: flex;
	align-items: center;
	flex: 1;
}
.new-rps .search-list li .check-group {
	margin: 0 -4px;
	flex-wrap: wrap;
}
.new-rps .search-list li .check-group > .chk:not(:last-child) {
	margin-right: 12px;
}
.new-rps .search-list li .check-group .chk {
	padding: 4px;
	font-size: 12px !important;
}
.new-rps .search-list .btn-wrap {
	margin-top: 16px;
	padding-top: 16px;
	text-align: center;
    border-top: 1px solid #e5e5e5;
}
.new-rps .search-list .ico-category {
	margin-right: 4px;
}
.new-rps .btn-like {
	font-size: 10px;
}
.new-rps .guide-box-blue {
    padding: 4px 10px;
	display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #009beb;
    border-radius: 4px;
}
.new-rps .rate {
	display: flex;
}
.new-rps .rate .balance {
	font-size: 16px;
    font-weight: 700;
}
.new-rps .rate .percent.plus,
.new-rps .rate .percent.plus strong,
.new-rps .badge.plus > span {
	color: #e32b31;
}
.new-rps .rate .percent.minus,
.new-rps .rate .percent.minus strong,
.new-rps .badge.minus > span {
	color: #0087e5;
}
.new-rps .rate .percent strong {
	font-size: 13px;
}
.new-rps .rate .percent .tri {
	font-size: 10px;
}
.new-rps .bar-group {
	display: flex;
    justify-content: space-between;
    height: 20px;
    border-radius: 4px;
    overflow: hidden;
}
.new-rps .bar-group .bar:first-child {
	margin-right: 1px;
}
.new-rps .bar-group .bar.danger,
.new-rps .bar-text > li.danger::before {
	background: #2589f4;
}
.new-rps .bar-group .bar.safe,
.new-rps .bar-text > li.safe::before {
	background: #23d18b;
}
.new-rps .bar-text {
	display: flex;
    color: #555;
}
.new-rps .bar-text > li {
	display: flex;
	align-items: center;
}
.new-rps .bar-text > li + li {
	margin-left: 16px;
}
.new-rps .bar-text > li::before {
	margin-right: 4px;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 3px;
}
.new-rps .bar-text > li.danger strong {
	color: #2589f4;
}
.new-rps .bar-text > li.safe strong {
	color: #23d18b;
}
.new-rps .result-total-area {
	margin: 24px -20px -20px;
    background: #f8f8f8;
}
.new-rps .result-total-area > ul {
	padding: 16px 20px;
}
.new-rps .result-total-area > ul > li {
	padding: 6px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
}
.new-rps .result-total-area > ul > li:not(:last-child) {
	border-bottom: 1px solid #ebedef;
}
.new-rps .prod-label {
	padding: 0 8px;
    height: 22px;
    line-height: 22px;
    background: #ebf0fc;
}
.new-rps .schedule-list {
	display: flex;
    justify-content: space-between;
    width: 600px;
    margin: 0 auto;
	position: relative;
}
.new-rps .schedule-list::before {
	display: block;
	content: "";
	width: calc(100% - 76px);
	height: 2px;
	background: #0092e4;
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
}
.new-rps .schedule-list > li {
	width: 80px;
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.new-rps .schedule-list .dot {
	width: 8px;
	height: 8px;
	background: #0092e4;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.new-rps .schedule-list .dot.large {
	background: #fff;
	border: 5px solid #0092e4;
}
.new-rps .schedule-list .date {
	color: #555;
}
.new-rps .schedule-list .title {
	font-size: 14px;
	color: #555;
}
.new-rps .schedule-list .dot.large + .title {
	font-weight: 700;
	color: #000;
}
.new-rps .terms-desc {
	padding: 20px;
}
.new-rps .terms-desc .terms-content:not(:first-child) {
	margin-top: 16px;
}
.new-rps .terms-desc .terms-title {
	font-size: 16px;
	font-weight: 700;
}


/* icon */
.new-rps [class*="ico-"]::before {
	display: block;
	content: "";
}
.new-rps .btn-arrow .ico-arrow::before {
	width: 60px;
	height: 50px;
	background: url("../img/section/rp/newrps/icon_arrow_60.png") no-repeat center / 100%;
}
.new-rps .btn-arrow .ico-arrow-20::before {
	width: 20px;
	height: 20px;
	background: url("../img/section/rp/newrps/icon_arrow_20.png") no-repeat center / 100%;
}
.new-rps .ico-loading::before {
	width: 72px;
	height: 72px;
	background: url("../img/section/rp/newrps/icon_72_loading.png") no-repeat center / 100%;
}
.new-rps .ico-refresh::before {
	width: 14px;
	height: 14px;
	background: url("../img/section/rp/newrps/icon_refresh_2x.png") no-repeat center / 100%;
}
.new-rps .ico-del::before {
	width: 14px;
	height: 14px;
	transition: background 0.3s ease;
	background: url("../img/section/rp/newrps/icon_del_14_default.png") no-repeat center / 100%;
}
.new-rps .btn-del:hover .ico-del::before {
	background: url("../img/section/rp/newrps/icon_del_14_hover.png") no-repeat center / 100%;
}
.new-rps .ico-category::before {
	width: 18px;
	height: 18px;
}
.new-rps .ico-category.category-01::before {
	background: url("../img/section/rp/newrps/ico_cate_01_2x.png") no-repeat center / 100%;
}
.new-rps .ico-category.category-02::before {
	background: url("../img/section/rp/newrps/ico_cate_02_2x.png") no-repeat center / 100%;
}
.new-rps .ico-category.category-03::before {
	background: url("../img/section/rp/newrps/ico_cate_03_2x.png") no-repeat center / 100%;
}
.new-rps .ico-category.category-04::before {
	background: url("../img/section/rp/newrps/ico_cate_04_2x.png") no-repeat center / 100%;
}
.new-rps .ico-category.category-05::before {
	background: url("../img/section/rp/newrps/ico_cate_05_2x.png") no-repeat center / 100%;
}
.new-rps .ico-category.category-06::before {
	background: url("../img/section/rp/newrps/ico_cate_06_2x.png") no-repeat center / 100%;
}
.new-rps .ico-category.category-07::before {
	background: url("../img/section/rp/newrps/ico_cate_07_2x.png") no-repeat center / 100%;
}
.new-rps .ico-category.category-08::before {
	background: url("../img/section/rp/newrps/ico_cate_08_2x.png") no-repeat center / 100%;
}
.new-rps .btn-like .ico-heart::before {
	margin: 0 auto 4px;
	width: 16px;
	height: 14px;
	background: url("../img/section/rp/newrps/heart_off_2x.png") no-repeat center / 100%;
}
.new-rps .btn-like.active .ico-heart::before {
	background: url("../img/section/rp/newrps/heart_on_2x.png") no-repeat center / 100%;
}
.new-rps .directions-list .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new-rps .directions-list .item + .item {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e5e5e5;
}
.new-rps .directions-list .txt-bul {
	color: #000;
	font-weight: 700;
}
.new-rps .directions-list .terms-tab > li + li {
	margin-left: 30px;
}
.new-rps .prod-guide .img-group {
	display: flex;
	text-align: center;
}
.new-rps .prod-guide .img-group .group {
	padding: 30px 20px;
	background: #f8f8f8;
	border-radius: 16px;
}
.new-rps .prod-guide .img-group img {
	max-width: 100%;
	display: block;
}
.new-rps .prod-guide .img-group .txt-box {
	margin: 10px 0;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
}
.new-rps .category-group {
	margin-bottom: -4px;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}
.new-rps .category-group [class*="btn-"] {
	margin: 0 4px 4px 0;
}
.new-rps .switch {
	position: relative;
    display: inline-flex;
    width: 90px;
    height: 25px;
    background: #e4e4e4;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
	overflow: hidden;
}
.new-rps .switch input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.new-rps .switch label {
	position: relative;
	z-index: 2;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #8b93a1;
	cursor: pointer;
	border-radius: 15px;
	transition: color 0.2s ease;
}
.new-rps .switch .thumb {
	position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(180deg, #01a0f1 0%, #0078d4 100%);
	border: 1px solid #0078d4;
    transition: transform 0.25s ease;
    z-index: 1;
}
.new-rps .switch .opt-amount:checked ~ .thumb {
	transform: translateX(100%);
}
.new-rps .switch .opt-radio:checked ~ label[for="opt-radio"],
.new-rps .switch .opt-amount:checked ~ label[for="opt-amount"] {
	color: #fff;
}
.new-rps a.loan-help {
	background-position: center right;
}
.new-rps input[type="checkbox"], 
.new-rps input[type="radio"] {
	width: 13px !important;
}

/* badge */
.new-rps .badge {
	display: inline-flex;
	align-items: center;
	padding: 0 8px;
	height: 21px;
	font-size: 11px;
	font-weight: 700;
	color: #555;
	background: #f5f5f5;
}
.new-rps .badge.radius-10 {
	border-radius: 10px;
}
.new-rps .badge.radius-6 {
	border-radius: 6px;
}
.new-rps .badge.info {
	border-radius: 10px 10px 10px 0;
}
.new-rps .badge.recommend {
    margin-left: 4px;
    width: 26px;
    height: 20px;
    font-size: 12px;
	background: #2589f4;
    color: #fff;
    border-radius: 14px 16px 16px 0;
}
.new-rps .badge.badge-level-1 {
	background: #fceeee;
	color: #cc1e24;
}
.new-rps .badge.badge-level-2 {
	background: #fff0e0;
	color: #b65200;
}
.new-rps .badge.badge-level-3 {
	background: #fff4d1;
	color: #a95a00;
}
.new-rps .badge.badge-level-4 {
	background: #dff7ef;
	color: #047b5b;
}
.new-rps .badge.badge-level-5 {
	background: #e5f4ff;
	color: #0871f3;
}
.new-rps .badge.badge-level-6 {
	background: #e5efff;
	color: #2658ed;
}
.new-rps .badge.line-type {
	background: #fff;
}
.new-rps .badge.line-type.badge-level-1 {
	border: 1px solid rgba(238, 43, 49, 0.3);
}
.new-rps .badge.line-type.badge-level-4 {
	border: 1px solid rgba(0, 153, 110, 0.3);
}
.new-rps .badge.line-type.red {
	background: #fff;
	border: 1px solid #ef2a6a;
	color: #cc1e24;
}
.new-rps .badge.line-type.blue {
	color: #0073df;
	border: 1px solid #0073df;
}
.new-rps .badge.line-type.green {
	color: #187388;
	border: 1px solid #187388;
}
.new-rps .badge[class*="badge-risk-"] {
	color: #fff;
}
.new-rps .badge.badge-risk-1 {
	background: #e7380d;
}
.new-rps .badge.badge-risk-2 {
	background: #ffb547;
}
.new-rps .badge.badge-risk-3 {
	background: #00848b;
}
.new-rps .badge.badge-risk-4 {
	background: #3194f6;
}

/* floating */
.new-rps ~ .floating-call-wrap {
	position: fixed;
    top: 230px;
    right: 100px;
    z-index: 110;
}
.new-rps ~ .floating-call-wrap .floating-call {
    padding: 10px 20px 10px 54px;
    width: 180px;
    height: 80px;
    font-size: 12px;
	text-align: left;
    border-radius: 50px;
    background: #e6f5fc;
	border: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    color: #009beb;
	box-sizing: border-box;
	transition: width 0.3s ease-in-out;
}
.new-rps ~ .floating-call-wrap .floating-call:hover > *, 
.new-rps ~ .floating-call-wrap .floating-call:active > *, 
.new-rps ~ .floating-call-wrap .floating-call:focus > * {
	text-decoration: none;
}
.new-rps ~ .floating-call-wrap .floating-call::before {
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	background: url("../img/section/rp/newrps/icon_rps_cs_2x.png") no-repeat center / 100%;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.new-rps ~ .floating-call-wrap .floating-call:not(.off) > .sr-only {
	display: none;
}
.new-rps ~ .floating-call-wrap .close-btn {
	padding: 10px;
    position: absolute;
    top: -4px;
    right: -12px;
	background: url("../img/section/rp/newrps/icon_rps_close_2x.png") no-repeat center / 10px;
}
.new-rps ~ .floating-call-wrap .floating-call .info-title {
	width: 100%;
	font-size: 17px;
}
.new-rps ~ .floating-call-wrap .floating-call .info-title,
.new-rps ~ .floating-call-wrap .floating-call .info-text {
	opacity: 1;
	white-space: nowrap;
	transition: opacity 0.2s ease-in-out 0.3s;
}
.new-rps ~ .floating-call-wrap .floating-call .info-text:last-child {
	margin-top: 4px;
}
.new-rps ~ .floating-call-wrap .floating-call.off {
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	border-radius: 20px;
	overflow: hidden;
}
.new-rps ~ .floating-call-wrap .floating-call.off::before {
	left: 50%;
	transform: translate(-50%, -50%);
}
.new-rps ~ .floating-call-wrap .floating-call.off .info-title, 
.new-rps ~ .floating-call-wrap .floating-call.off .info-text {
	opacity: 0;
	transition: opacity 0s linear 0s;
}
.new-rps .title-area span.btn-open {
	transform: rotate(180deg);
}

/* 플로팅 뱃지 */
.fnd_icon_nonGuaranteed {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(/img/owm/ico_non_guaranteed_2023.png) no-repeat 0 0;
    background-size: 100%;
	z-index: 1;
}
.fnd_icon_unSafe {
    display: inline-block;
    width: 70px;
    height: 45px;
    vertical-align: middle;
    background: url(/img/section/ps/unsafe_img.png) no-repeat 0 0;
    background-size: 100%;
	z-index: 1;
}
.fnd_side {
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: 420px;
    z-index: 110;
}