@charset "utf-8";

@import url("rp_style_min.css");

/* 기존 CSS 클래스명과 충돌없이 rp 키워드를 추가!  ************** */

/* 퇴직RP 공통 좌우정렬, 간격, 컬러,  */
.rp_mt0{margin-top:0 !important;}
.rp_mt5{margin-top:5px !important;}
.rp_mt10{margin-top:10px !important;}
.rp_mt15{margin-top:15px !important;}
.rp_mt20{margin-top:20px !important;}
.rp_mt30{margin-top:30px !important;}
.rp_mt35{margin-top:35px !important;}
.rp_mt40{margin-top:40px !important;}
.rp_mt45{margin-top:45px !important;}
.rp_mt50{margin-top:50px !important;}
.rp_mt80{margin-top:80px !important;}
.rp_mr0{margin-right:0 !important;}
.rp_mr30{margin-right:30px !important;}
.rp_mb0{margin-bottom:0 !important;}
.rp_mb15{margin-bottom:15px !important;}
.rp_mb20{margin-bottom:20px !important;}
.rp_mb30{margin-bottom:30px !important;}
.rp_mb40{margin-bottom:40px !important;}
.rp_mb50{margin-bottom:50px !important;}
.rp_ml0{margin-left:0 !important;}
.rp_ml10{margin-left:10px !important;}
.rp_ml15{margin-left:15px !important;}
.rp_top_space{ margin-top:25px !important; }

.rp_pt0{padding-top:0 !important;}
.rp_pt10{padding-top:10px !important;}
.rp_pt20{padding-top:20px !important;}
.rp_pt30{padding-top:30px !important;}
.rp_pl0{padding-left:0 !important;}
.rp_pl5{padding-left:5px !important;}
.rp_pl10{padding-left:10px !important;}
.rp_pl20{padding-left:20px !important;}
.rp_pr5{padding-right:5px !important;}
.rp_pr10{padding-right:10px !important;}
.rp_pr15{padding-right:15px !important;}
.rp_pb10{padding-bottom:10px !important;}
.rp_pb15{padding-bottom:15px !important;}
.rp_pb20{padding-bottom:20px !important;}

.rp_font16{ font-size:16px !important; }
.rp_font18{ font-size:18px !important; }
.rp_font20{ font-size:20px !important; }
.rp_font22{ font-size:22px !important; }

.rp_lh15{ line-height:15px !important; }
.rp_lh16{ line-height:16px !important; }

.rp_mouse_none {cursor:auto !important;}
.win .rp_pc_al_right{ float:right; }
.mobile .rp_mo_mt10{ margin-top:10px; display:inline-block; }
.mobile .rp_aut_mgt{ display:block; margin-top:15px; }
.mobile .h2.rp_h2_title{ font-size:22px; }

.rp_pos_right{ position:absolute; right:0; top:0; }
.rp_row_le_rg{ display:flex; margin-bottom:17px; align-items:center;}
.rp_row_le_rg .rg_left h3{ margin-bottom:0; }
.rp_row_le_rg .rg_left.smt{ width:20%; align-self:end; font-size:14px; color:#666; }
.rp_row_le_rg .rg_right{ margin-left:auto; margin-right:0; text-align: right;}
.rp_row_le_rg .rg_right .rp_sub_tit{ color:#666; text-align: right; }
.rp_row_le_rg .rg_right .rp_sub_tit.clr_black{ color:#000; }
.rp_row_le_rg .rg_right .opt.flex {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;}
.rp_row_le_rg .rg_right .btn{ vertical-align:middle; height:auto; min-width:126px; }
.rp_row_le_rg .rg_right .btn.base {min-width:90px;}
.rp_row_le_rg.rp_mtg_top{ margin-top: 72px;}
.mobile .rp_row_le_rg.rp_mtg_top{ margin-top: 32px;}
.mobile .rp_radio_both_sp li:nth-child(2){ margin-top:15px; margin-bottom:20px; }
.mobile .rp_row_le_rg {align-items:flex-end;}
.mobile .rp_row_le_rg .rg_left {min-width:120px;}
.mobile .rp_row_le_rg .rg_right {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;}
.mobile .rp_row_le_rg .rg_right:only-child {flex-basis:unset;}
.mobile .rp_big .rp_row_le_rg .rg_right {flex-basis:170px;}
.mobile .rp_row_le_rg .rg_right .btn {min-width:126px;}

.rp_point_color{ color:#e91515 !important; }
.rp_num_down{ color:#4da0ff !important; }
.rp_num_up{ color:#e91515 !important; }
.rp_bg_good{ color:#ff7f32 !important; }
.rp_bg_bad{ color:#00205b !important; }
.rp_metic_up{ color:#e91515 !important; font-size:20px; padding-right:5px; }
.rp_metic_down{ color:#4da0ff !important; font-size:26px; padding-right:5px; }
.rp_clr_gray{ color:#6d6d6d !important; font-weight:500; }

.rp_sup_txt{display:inline-block;padding:2px;font-size:10px;line-height:1;vertical-align:text-top;}
.rp_vital_tit{ display:inline-block; font-size:20px; font-weight:700; line-height:25px; vertical-align: middle; }
.mobile .rp_vital_tit{ font-size:17px; }

.rp_tag_rud{ display:inline-block; text-align:center; font-size:15px; color:#FFF; border-radius:30px; width:120px; min-width:70px; padding:6px 12px; line-height:130%;}
.rp_tag_rud.lv1_bgc{background-color:#ff6200;}
.rp_tag_rud.lv2_bgc{background-color:#657df7;}
.rp_tag_rud.lv3_bgc{background-color:#5069d3;}
.rp_tag_rud.lv4_bgc{background-color:#fb6a00;}
.rp_tag_rud.lv5_bgc{background-color:#ed0014;}

.rp_total_rg_tit{ font-size:18px; font-weight:400; color:#000; text-align:right; margin-top:20px; margin-bottom:20px; }
.rp_total_rg_tit > em{ font-weight: 600; }

.rp_bt_line{ text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:8%; color:#ea7404; }
.rp_top_bline{ border-top:1px #ccc solid; }
.rp_amount_total_box{ position:relative; line-height: 1.8; padding: 30px 40px; padding-left:130px; margin-top:0; margin-bottom:40px; font-size:18px; border-radius:10px; background:#f6f6f6; }
.rp_amount_total_box::before{ content:''; display:inline-block; width:70px; height:70px; position:absolute; top:50%; margin-top:-35px; left:30px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; }
.rp_amount_total_box::before{ background-image:url('/assets/images/pension/rp/rp_bx_ico_2.png'); background-position:center; background-size:60%; }
.rp_amount_total_box tbody th{ color: #000; width:60%; padding:0; text-align:left; vertical-align:top; font-weight:500; }
.rp_amount_total_box tbody td{ width:40%; padding:0; text-align:right; vertical-align:top; }
.rp_amount_total_box tbody th strong {position:relative; padding-left:0px; }
.mobile .rp_amount_total_box tbody th strong {position:relative; display:inline-block; padding-left:16px; line-height:130%; margin-left:-8px; }
.rp_amount_total_box tbody th strong:before {content:'';position:absolute;left:8px;top:8px;overflow:hidden;width:0px;height:0px;margin-top:-1px;background-color:#000;}
.mobile .rp_amount_total_box tbody th strong:before { width:3px;height:3px; }
.rp_amount_total_box tbody td strong{ font-weight:700 !important; }
.mobile .rp_amount_total_box{padding:20px 25px;font-size:16px;background-image:none;}
.mobile .rp_amount_total_box::before{ content:''; background-image:none; background:none; left:-1000px }

.btn.rp_line_view{ min-width:120px; border-color:#ed5b16; color:#ea7404; }
.btn.rp_line_view.rp_ve_complete{ background:#ea7404; color:#fff; }
.mobile .btn.rp_line_view{ min-width:80px; }
.mobile .inp_date.hasDatepicker.rp_fs18{ font-size:18px !important; }
.mobile .rp_row_le_rg .rg_right .rp_sm_size{ min-width:60px !important; }

.form_wrap.rp_mt50 .accordion .form_list .form_label{ font-weight:500; font-size:16px; }
.rp_dl_in_data dl{  display:flex; width:100%; flex-wrap:wrap; font-size:16px; line-height:140%;}
.rp_dl_in_data dl > dt{ text-align:left; font-size:16px; width:50% !important; }
.rp_dl_in_data dl > dd{ text-align:right; font-size:16px; width:50% !important; }
.rp_dl_in_data.al_ps_right dl > dt{ text-align:right; }

/* 퇴직RP 공통 컴포넌트 스타일  ************* */
.mobile .rp_big_table_section table + table{ margin-top:0; border-top:none; }
.mobile .tab_section.rp_mutil_tab  > .tab_list > ul{  background:none !important; }
.mobile .tab_section.rp_mutil_tab  > .tab_list > ul li{ border-bottom: 1px solid #ddd; }
.radio_wrap.rp_radio_wrap{ margin-bottom:10px; }
.mobile .radio_wrap.rp_radio_wrap{ flex-wrap:wrap; }
.win .tab_contents.rp_tab_cont > .tab_panel{ padding-top:20px; }
.mobile .governing_title.rp_line_select select{ width:100%; }
.box_rd_list.rp_box_rd .sub_conts .subject{ width:auto !important; }
.box_rd_list.rp_box_rd .sub_conts .substance{ width:80% !important; }
.win .rp_rdo_sel_des .substance dl dt{ width:120px !important; }
.rp_check_btn{ padding:0 !important; margin-right: 0 !important; }
.btn.line .rp_arr {padding-right:15px;}
.btn.line .rp_arr:after {position:absolute; content:''; top:18px; right:0; width:6px; height:10px; background:url('/assets/images/pension/rp/btn_arr.png') no-repeat;}
.rp_under_line{ position: relative; height: auto; vertical-align: baseline; padding: 0; border-bottom:1px solid; font-size:inherit; font-weight:inherit; line-height:inherit; color:#ea7404; }
.use_step_proc.rp_step_proc{ width: 100% !important; }
.use_step_proc.rp_step_proc strong{ font-weight: 600; }
.mobile .rp_tb_data_font .tbl_data{ font-size:14px; }
.win .rp_rdo_sel_des.rg_btn_type .subject{ width:30% !important; }
.win .rp_rdo_sel_des.rg_btn_type .substance{ width:70% !important; }
.mobile .rp_rdo_sel_des.rg_btn_type .subject{ width:100%; padding-right:0; }
.mobile .rp_rdo_sel_des.rg_btn_type .substance{ width:100%; }
.rp_invest_ob_box .tbl_data a.link:hover{border-bottom:1px solid #fff;}

.rp_mypage_mn_box .mypage_menu{ margin-top:0; display: inline-block; }
.rp_mypage_mn_box .mypage_menu > ul > li{ padding-left:10px; }
.rp_mypage_mn_box .mypage_menu > ul > li .cnt{ color:#ea7404; border-bottom:1px #ea7404 solid; }
.rp_mypage_mn_box .rp_row_le_rg{ margin-bottom:0; }
.rp_mypage_mn_box .mypage_menu > ul > li:first-child{ padding-right: 16px; }

.mobile .rp_mypage_mn_box .mypage_menu { width:100%; border:1px #ccc solid; background:#fff; border-radius:6px; padding:20px; text-align: center; margin-top:20px; margin-bottom:15px; }
.mobile .rp_mypage_mn_box .mypage_top_info > p{ font-size:18px; }
.mobile .rp_mypage_mn_box .btn.base{ width:100%; height:40px; }
.mobile .rp_mypage_mn_box .btn.base .arr{ font-size: 16px; }
.mobile .rp_mypage_mn_box .rp_row_le_rg{ display:block; }

.rp_charge_btn_bx{ margin-top:60px; }
.mobile .rp_charge_btn_bx{ margin-top:40px; }
.win .rp_charge_btn_bx .charge_btns{ width:550px; margin:0 auto; }
.mobile .rp_charge_btn_bx .charge_btns .btn{ height:auto; padding:14px; line-height:140%; }

.win .rp_box_to_type .box_tit{ text-align:center; line-height:130%; font-size:22px !important; }
.rp_box_to_type strong{ font-weight:600; text-align: center; }

.mobile .box_link.rp_box_to_type .item[class*="ico"]{ padding:150px 20px 40px; align-items:center; text-align:center; }
.box_link.rp_box_to_type .item.ico1::before{ left:calc(50% - 35px); top:30px; width:80px; height:80px; background: url('/assets/images/pension/rp/rp_icon_ifo.png') center no-repeat; background-size:contain; }
.mobile .box_link.rp_box_to_type .item .box_tit{ text-align:center;  }
.mobile .box_link.rp_box_to_type .item:after{ background:none; }

.box_link.rp_bxbg_retire .item.ico1::before{ border-radius:inherit; background:url('/assets/images/pension/rp/rp_icon_bx_bg_3.png') no-repeat; background-position:center; background-size:84%; }
.box_link.rp_bxbg_retire .item.ico2::before{ border-radius:inherit; background:url('/assets/images/pension/rp/rp_icon_bx_bg_4.png') no-repeat; background-position:center; background-size:38%; }
.box_link.rp_bxbg_retire .item.on,
.box_link.rp_bxbg_retire02 .item.on { border-color:#ea7404; box-shadow:0 4px 8px rgba(229,77,2,0.1); }
.box_link.rp_bx_irp_bg .item.on{ border-color:#ea7404; box-shadow:0 4px 8px rgba(229,77,2,0.1); }

.rp_manual_stp_out_box{ margin-top:0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background:#f6f6f6; padding:10px 30px 30px; }
.mobile .rp_manual_stp_out_box{ position: relative; padding: 10px 20px 30px; }
.mobile .rp_manual_stp_out_box .rp_manual_stp_box .step:nth-child(2) { padding-top:48px; }
.manualStep.rp_manual_stp_box{ background:#fff; border:unset; border-radius:12px;}
.manualStep.rp_manual_stp_box .step .subject{ display: block; }
.manualStep.rp_manual_stp_box .step{ position:relative; padding:unset; }
.manualStep.rp_manual_stp_box .inp_money .data_money dl div.subject dt{ display: block; color:#5c5c5c; text-align:right; padding-bottom:10px; font-weight:500; }
.manualStep.rp_manual_stp_box .inp_money .data_money dl div.subject dd{ display: block; color: #000; font-size: 24px; font-weight:400; }
.manualStep.rp_manual_stp_box .inp_money .data_money dl div.subject dd .value{ color: #ea7404; font-size: 24px; font-weight:600; }
.manualStep.rp_manual_stp_box .inp_money .view_detail{ font-size:18px; margin-top:15px; }
.win .manualStep.rp_manual_stp_box .step:not(:first-child)::before { content:''; display:block; position:absolute; top:75px; left:-16px; width:50px; height:50px; background:url('/assets/images/pension/rp/rp_arrow_tw_ico.png') no-repeat; }
.win .manualStep.rp_manual_stp_box .step:first-child{ padding-right:50px; }
.win .manualStep.rp_manual_stp_box .step:nth-child(2){ padding-left:50px; }
.rp_poil_tb_list .manualStep.rp_manual_stp_box {padding:20px;border:1px solid #ccc;border-radius:5px;}
.rp_poil_tb_list .manualStep.rp_manual_stp_box .step {padding:10px 40px;}
.win .rp_poil_tb_list .manualStep.rp_manual_stp_box .step:not(:first-child)::before {top:35px;}
.mobile .rp_poil_tb_list .manualStep.rp_manual_stp_box .step {padding:0;}
.mobile .rp_poil_tb_list .manualStep.rp_manual_stp_box .step:not(:first-child) {padding:40px 0 0;}

.rp_mypage_stp_group .manualStep.rp_manual_stp_box{ background:#fff; border:2px #ccc solid; border-radius:12px; }
.win .rp_mypage_stp_group .manualStep.rp_manual_stp_box .step:not(:first-child)::before{ content:''; position:absolute; top:24px; left:0; bottom:24px; width:1px; height:90px; background:#ccc; }
.rp_mypage_stp_group .manualStep.rp_manual_stp_box .inp_money .data_money dl div.subject dd .value{ color: #000; }
.mobile .rp_mypage_stp_group .manualStep.rp_manual_stp_box .step:not(:first-child)::before{ content:''; display: block; margin-left:inherit; background: #ccc; width: 94%; height: 1px; left: 10px; top: 0px; }
.rp_mypage_stp_group .manualStep.rp_manual_stp_box .step{ padding-bottom:20px; }

.mobile .manualStep.rp_manual_stp_box .step{ display:block; border:unset;}
.mobile .manualStep.rp_manual_stp_box .inp_money .data_money dl div.subject dd{ font-size:15px; }
.mobile .manualStep.rp_manual_stp_box .inp_money .data_money dl div.subject dd .value{ font-size:20px; }
.mobile .manualStep.rp_manual_stp_box .inp_money .view_detail{ font-size:16px; margin-top:15px; }
.mobile .manualStep.rp_manual_stp_box .step:not(:first-child)::before { content:''; display:block; position:absolute; top:0; left:50%; margin-left:-25px; width:50px; height:50px; background:url('/assets/images/pension/rp/rp_arrow_bottom_ico.png') no-repeat; background-size:50px; }
.mobile .manualStep.rp_manual_stp_box .step:first-child{ padding-bottom:20px; }
/* .mobile .manualStep.rp_manual_stp_box .step:nth-child(2){ padding-top:70px; } */
.mobile .rp_tend_type .manualStep.rp_manual_stp_box .step:nth-child(2){ padding-top:0px; }
.rp_tend_type .btn_conts .btn.ofill{ width:80%; }
.mobile .rp_tend_type .btn_conts .btn.ofill{ width:100%; }

.governing.rp_gove_ifo_nbx{ border-radius:10px; background-color:#00205b; padding:30px 34px; color:#fff; text-align:left; }
.governing.rp_gove_ifo_nbx .info_service{ color:#fff; text-align:left;  }
.governing.rp_gove_ifo_nbx .info_text{ font-size:18px !important; margin-top:16px; color:#fff; text-align:left;  }

.mobile .rp_tbl_sm_foot tfoot td{ font-size:16px; padding-right:10px; }
.rp_options_box .result_info{ width:62%; }


/* 퇴직RP 가입자메뉴얼 */
.rp_mm_comp .rp_img_pc_mo img.pc{ width:100%; height:auto; margin-top:0; }
.rp_mm_comp .rp_img_pc_mo img.mobile{ width:100%; height:auto; margin-top:0; margin-left:0; }
.faq .rp_mm_comp .mm_cont .manual_list .conts .list_dot span{font-weight:400 !important; color:#333 !important;}
.faq .rp_mm_comp .mm_cont .manual_list > li{margin-top:60px;}
.mobile .faq .rp_mm_comp .mm_cont .manual_list > li{margin-top:50px;}
.win .rp_is_mobile .rp_mm_comp .rp_img_pc_mo img.pc{ width:300px; }


.faq .answer .rp_mm_comp.rp_guide_des .subject{ position:relative; padding-left:90px; font-size:17px; }
.mobile .faq .answer .rp_mm_comp.rp_guide_des .subject{ position:relative; padding-left:94px; font-size:16px; }
.faq .answer .rp_mm_comp.rp_guide_des .subject .flag.solution{ position:absolute; top:0; left:0; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a1{ width:80px; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a1:after{ content:''; position:absolute; top:24px; left:0; width:84px; height:40px; background:url('/assets/images/pension/rp/guide/ico_plan_01.png') no-repeat; background-position:left; background-size:100%; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a2{ width:80px; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a2:after{ content:''; position:absolute; top:24px; left:0; width:84px; height:40px; background:url('/assets/images/pension/rp/guide/ico_plan_02.png') no-repeat; background-position:left; background-size:100%; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a3{ width:80px; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a3:after{ content:''; position:absolute; top:24px; left:0; width:84px; height:40px; background:url('/assets/images/pension/rp/guide/ico_plan_03.png') no-repeat; background-position:left; background-size:100%; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a4{ width:80px; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_a4:after{ content:''; position:absolute; top:24px; left:0; width:84px; height:40px; background:url('/assets/images/pension/rp/guide/ico_plan_04.png') no-repeat; background-position:left; background-size:100%; }

.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_b1{ width:80px; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_b1:after{ content:''; position:absolute; top:24px; left:0; width:84px; height:40px; background:url('/assets/images/pension/rp/guide/ico_plan_05.png') no-repeat; background-position:left; background-size:100%; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_b2{ width:80px; }
.faq .answer .rp_mm_comp.rp_guide_des .ico_plan_b2:after{ content:''; position:absolute; top:24px; left:0; width:84px; height:40px; background:url('/assets/images/pension/rp/guide/ico_plan_06.png') no-repeat; background-position:left; background-size:100%; }


/* 퇴직RP 부담금투입비율 */
.gray_info_box.rp_in_bx .btn_box .btn.base{ width:100%; }
.rp_cost_tab_section{ position:relative; }
.rp_cost_tab_section .rp_pos_right{ top:5px; }
.rp_cost_tab_section .tab_list{ width:100%; }
.mobile .rp_cost_tab_section .tab_list{ width:100%; }
.mobile .rp_cost_tab_section .rp_pos_right{ top: 70px;  }

.rp_cost_tab_section li.tab .off,
.rp_cost_tab_section .tab_section li.tab .off{ opacity:0.3; pointer-events:none; }
.rp_cost_tab_section .tab_section li.tab .on{ opacity:1; pointer-events:auto; }

.solid_box.rp_gray_bg_box{ padding:20px; padding-right:0px; text-align:right; margin-top:20px; }
.mobile .rp_gray_bg_box input[type="checkbox"] + label { font-size:15px; word-break:break-all;}
.mobile .result_list.rp_resul_ong_destype > li{ padding: 16px 11px; font-size:18px;}
.rp_pos_box_center{ margin:40px 0; text-align:center; }

.result_list.rp_resul_ong_destype{ border-top:1px solid #000; border-bottom:1px solid #000; margin-top:40px; }
.rp_resul_ong_destype .result_content{ margin-left:auto; }
.result_list li .result_date{ font-size:16px; }
.rp_resul_ong_destype li .result_content strong{ font-size:18px; font-weight:500; }
.rp_resul_ong_destype li .result_content .loan{ font-weight:600; }

.mobile .result_list.rp_res_sum_type{ width:100%; padding-left:20px; padding-right:20px; }
.result_list.rp_res_sum_type{ width:800px; border-top:none; border-bottom:none; padding:16px 4px; margin:0 auto; }
.result_list.rp_res_sum_type > li{ padding:8px 0; border-top:none; }
.mobile .result_list.rp_res_sum_type > li .result_content strong{ font-size:15px; }
.mobile .result_list.rp_res_sum_type > li{ padding:4px 0; }

.win .rp_pres_sect{ margin-bottom:80px; }
.mobile .rp_pres_sect{ margin-bottom:70px; }
.rp_fix_top_bar{ display:none; }
.rp_fix_top_bar:after{ content:''; display:block; width:100%; border-top:1px solid #000; }

.win .rp_fix_top_bar.fix{ display:block; position:fixed; top:65px; left:0; right:0; background-color:#fff; padding:0px; border:0; z-index:10; transition:all .2s ease-in-out; }
.mobile .rp_fix_top_bar.fix{ display:block; position:fixed; top:65px; left:0; right:0; background-color:#fff; padding:0px; border:0; z-index:10; transition:all .2s ease-in-out; }

.rp_poing_bg_box{ padding:20px; margin-top:15px; background:#fff1e3; }
.rp_filter_type_box{ margin-top:40px; padding:30px 20px 1px 20px; background:#f6f6f6; border-radius:10px; }
.rp_filter_type_box .filters input + label{ background:#fff; }
.rp_filter_type_box .type_sel_box > li{ width:100%; }
.rp_filter_type_box .type_sel_box > li > ul > li{ width:100%; }
.rp_filter_type_box .type_sel_box > li > ul.list_dot{ width:100%; padding-bottom:20px; padding-top:10px; margin-top:15px; border-top:1px solid #d5d5d5; }

.rp_chkbox_single_group .filters { float:right; margin-bottom:20px; }
.rp_chkbox_single_group .filters:after{content:'';display:block;clear:both}
.rp_chkbox_single_group .type_sel_box{ display:block; width:100%; }

.rp_resul_destype.row .percent_content .rp_row_inp_txt{ width:80px;margin:0 10px 0 20px;text-align:right; font-size:20px; font-weight:500; letter-spacing:0; }
.rp_bottom_line_bx.ico_bg.highlight.solid_box{ padding-top:25px; border-bottom:none; }
.mobile .rp_bottom_line_bx.ico_bg.highlight.solid_box{ padding-top:20px; }

.toggle_wrap.rp_toggle_dbox{ border:1px solid #ccc; border-radius:10px; }
.toggle_wrap.rp_toggle_dbox .toggle_tit:first-child{ border-top:none; }
.toggle_wrap.rp_toggle_dbox .toggle_tit{ border-top:1px solid #ccc; }
.toggle_wrap.rp_toggle_dbox .toggle_conts{ border-radius:0 0 10px 10px;background:#fff; }
.mobile .toggle_wrap.rp_toggle_dbox .toggle_conts{ padding:10px; }
.toggle_wrap.rp_toggle_dbox .toggle_btn.arr_none:after{ background: none !important; }
.mobile .toggle_wrap.rp_toggle_dbox .tbl_row tr th{ width:62%; color:#333; }

.rp_view_tpos{ position:relative; margin-top:30px; min-height:50px; }
.rp_title_bline .tit{ position:relative; z-index: 1; font-size:30px; color:#000; line-height:130%; letter-spacing:-1px; text-align:center; }
.rp_title_bline .tit strong{ display: inline-block; position: relative; font-weight: 600; color: #000; }
.win .rp_title_bline .tit strong{ margin-right:10px; overflow:hidden; white-space:nowrap; max-width:73.4%; height:46px; text-overflow:ellipsis; }
.rp_title_bline .tit .line{ display: inline-block; width:100%; position: absolute; left: 0; top: 37px; height: 9px; background: #ea7404; z-index:-1; }
.rp_title_bline .tit .btn{ vertical-align:14px;}
.rp_title_bline .btn.rp_resize{ display: inline-block; }
.rp_title_bline .btn.rp_resize .down{ background: url('/assets/images/pension/rp/rp_chage_ico.png') 0 center no-repeat; background-size:20px auto; }
.mobile .rp_title_bline .tit.rp_mutil strong{ max-width:70%; width:70%; height:42px; margin-right:5px; word-break:break-all; overflow:hidden; font-size:17px; text-align:center; text-overflow:ellipsis; white-space:nowrap; line-height:48px; }
.mobile .rp_title_bline.full .tit.rp_mutil strong{ max-width:100%; width:auto; }
.mobile .rp_title_bline .tit .line{ top:unset; bottom:1px; height:5px; }
.mobile .rp_title_bline .btn.rp_resize{ min-width:80px; max-width:26%; width:26%; text-align: center; vertical-align: super; padding:0 10px; }
.mobile .rp_title_bline .btn.rp_resize span{ text-align: center; padding-left:15px; background-size:15px auto; }

.win .agreement.rp_agreement_group{ width:800px;}
.win .dialog .agreement.rp_agreement_group {width:auto;}
.win .agreement.rp_agreement_group .agreement_title .agree_info{font-size:16px; margin-bottom:20px;}
.mobile .agreement.rp_agreement_group .agreement_title .agree_info{ margin-bottom:20px;}
.agreement.rp_agreement_group input[type="checkbox"] + label{ font-size:16px; text-align:left; }
.mobile .agreement.rp_agreement_group .agreemen_list > ul > li{ margin-bottom:30px; margin-right:0px }
.governing.rp_gove_sm_title{ margin-top:55px; }
.governing.rp_gove_sm_title .governing_title{ font-size:26px; line-height:38px; }

.rp_simul_sbox{ padding:40px 30px; padding-left:130px; font-size:18px; }
.rp_simul_sbox.round_no{ margin-top:0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.rp_simul_sbox.icon_1::before{content:''; display:inline-block; width:70px; height:70px; position:absolute; top:50%; margin-top:-35px; left:30px; border-radius:50%; background-color:#fff; background-repeat:no-repeat;}
.rp_simul_sbox.icon_1::before{background-image:url('/assets/images/pension/rp/rp_bx_ico_1.png'); background-position:center; background-size:60%; }
.rp_simul_sbox.icon_2::before{content:''; display:inline-block; width:70px; height:70px; position:absolute; top:50%; margin-top:-35px; left:30px; border-radius:50%; background-color:#fff; background-repeat:no-repeat;}
.rp_simul_sbox.icon_2::before{background-image:url('/assets/images/pension/rp/rp_bx_ico_2.png'); background-position:center; background-size:60%; }
.mobile .rp_simul_sbox{ padding:40px 30px; padding-left:130px; font-size:16px;}

.win .rp_title_bline.rp_fix_pos{ position:fixed; top:66px; left:0; right:0; background-color:#fff; padding:60px 0 50px; border:0; z-index:10; transition:all .2s ease-in-out; }
.mobile .rp_title_bline.rp_fix_pos{ position:fixed; top:65px; left:0; right:0; background-color:#fff; padding:15px 20px; border:0; z-index:10; }

.rp_webline_none{ outline:none; }
.rp_message_sect{ font-size:18px; line-height:28px; text-align:center; word-break:keep-all; }

.mobile .rp_invest_ob_box{ padding:20px; }
.mobile .rp_invest_ob_box .manualStep.rp_manual_stp_box .step:not(:first-child)::before{ background:#fff; }
.rp_invest_ob_box{ margin-top:40px; border-radius:10px; background:#f6f6f6; padding:30px 30px 30px; }
.rp_invest_ob_box .rp_manual_stp_box{ align-items:center; }
.rp_invest_ob_box .rp_manual_stp_box .step{ padding: 30px; }
.rp_invest_ob_box .rp_manual_stp_box .step .h4.rp_lside_txt{ margin-bottom:0; }
.rp_invest_ob_box .rp_manual_stp_box .step .h4.rp_rside_txt{ margin-bottom:0; }
.rp_invest_ob_box .manualStep.rp_manual_stp_box .step:not(:first-child)::before{ background: none; }
.rp_retire_sim_bg{ width:100%; height:90px; background:url('/assets/images/pension/rp/rp_guide_sim_bg_1.png') no-repeat; background-position:center; background-size:contain; }


/* 퇴직RP 노후준비분석 */
.range_amount.rp_present_bx .rp_pres_sbox{ width:100%; }
.range_amount.rp_present_bx .unit_item{ position:relative; margin-top:15px; }
.range_amount.rp_present_bx .scope .middle {margin-left:20px;}
.range_amount.rp_present_bx .scope .end{ min-width:56px; text-align:right; }
.range_amount .unit_item.rp_unit_item_pos{ position:relative; margin-top:15px; }

/* 퇴직RP 노후준비분석 5개 그래프 */
.range_amount.rp_present_bx .scope.rp_five_step span{ text-align: center;}
.range_amount.rp_present_bx .scope.rp_five_step .start::before {  left:0; }
.range_amount.rp_present_bx .scope.rp_five_step .step2::before{  margin-left:-15px; }
.range_amount.rp_present_bx .scope.rp_five_step .step4{ left:12px; }
.range_amount.rp_present_bx .scope.rp_five_step .end{ width:50px; text-indent:2px; text-align:right; }
.mobile .range_amount.rp_present_bx .scope.rp_five_step .step4{ left:10px; }

.form_wrap.rp_fobg_box .form_list .radio_box.card{ position:relative; min-width:184px; margin-right:0.8%;}
.form_wrap.rp_fobg_box .form_list .radio_box.card:after{content:'';position:absolute;top:12px;right:10px;display:inline-block;width:60px;height:60px;}
.form_wrap.rp_fobg_box .form_list .radio_box.card label{width:100%;height:84px;padding:27px 0 25px 65px; color:#555;border:1px solid #ccc;border-radius:10px;}
.form_wrap.rp_fobg_box .form_list .radio_box.card input[type="radio"] + label::before{top:50%;left:25px;transform:translateY(-50%);}
.form_wrap.rp_fobg_box .form_list .radio_box.card input[type="radio"]:checked + label{border-color:#ea7404;box-shadow:1px 5px 14px 1px rgba(229, 77, 2, 0.1);}
.form_wrap.rp_fobg_box .form_list .form_item.gender .card:after{background:url('/assets/images/pension/rp/ico_spr_gender.png') no-repeat;}
.form_wrap.rp_fobg_box .form_list .form_item.gender .card:nth-child(1):after{background-position:0 0;}
.form_wrap.rp_fobg_box .form_list .form_item.gender .card:nth-child(2):after{background-position:-60px 0;}
.form_wrap.rp_fobg_box .form_list .form_item.wedding .card:after{background:url('/assets/images/pension/rp/ico_spr_partner.png') no-repeat;}
.form_wrap.rp_fobg_box .form_list .form_item.wedding .card:nth-child(1):after{background-position:0 0;}
.form_wrap.rp_fobg_box .form_list .form_item.wedding .card:nth-child(2):after{background-position:-60px 0;}
.form_wrap.rp_fobg_box .form_list .radio_box.card:last-child{ margin-right:0 !important; }
.form_wrap.rp_fobg_box .form_list{ display:flex; flex-direction:column; }
.form_wrap.rp_fobg_box .form_list .radio_box{ width:49%; margin-right: 0; }
.form_wrap.rp_fobg_box .form_list .retirement .radio_box{ width:24%; }
.form_wrap.rp_fobg_box .form_list .retirement .radio_box.card:after,
.form_wrap.rp_fobg_box .form_list .pension .radio_box.card:after,
.form_wrap.rp_fobg_box .form_list .req_fund .radio_box.card:after {display:none;}
.mobile .form_wrap.rp_fobg_box .form_list .radio_box.card{ min-width:auto; }
.mobile .form_wrap.rp_fobg_box .form_list .radio_box.card input[type="radio"] + label::before{ left:18px;}
.mobile .form_wrap.rp_fobg_box .form_list .radio_box.card label{ padding:27px 0 25px 56px; }
.mobile .form_wrap.rp_fobg_box .form_list .retirement .radio_box{ width:100%; }
.mobile .form_wrap.rp_fobg_box .form_list .radio_box.card:after {display:none;}

.rp_child_check{padding:40px;display:flex; position:relative; border:1px solid rgb(221, 156, 156); border-radius: 15px;}
.rp_child_check.active{border-color:#ea7404;box-shadow: 2px 2px 2px rgba(234, 116, 4, 0.2);}
.rp_child_check + .rp_child_check{margin-top:20px;}
.rp_child_check .check_box{position:absolute;top:19px;right:19px;width:25px;margin:0; }
.rp_child_check .check_box label{padding-left:0;}
.rp_child_check .range_amount { width:280px;}
.rp_child_check > .child_list{width:72%;}
.rp_child_check .range_amount .scope .end{ text-align:right; }
.rp_child_check .child_list {  display:flex; justify-content:end;}
.rp_child_check .child_list .ht:first-child {margin-right:30px;}
.rp_child_check .child_list .ht:first-child:after{content:'';position:absolute; top:18px; right:0; height:50px;border-right:1px solid #ccc;}
.rp_child_check .child_list .ht{position:relative;}
.rp_child_check .child_list .ht .radio_box{margin-right:30px; min-height:52px; padding-top:14px;}
.rp_child_check .range_amount .unit_item{width:150px;}
.rp_child_check .error_text {margin-left:0;}
.rp_child_check .rp_tit_sub{ font-weight:400;  font-size:15px; }
.mobile .rp_child_check{ display:block; padding:30px; }
.mobile .rp_child_check .range_amount{ width:100%; }
.mobile .rp_child_check > .child_list{ display:block; width:100%; margin-top:15px; }
.mobile .rp_child_check .child_list .ht:first-child:after{ border: 0; }
.mobile .rp_child_check .inp_price{ padding-right:50px; }
.mobile .rp_child_check.active{ padding-top:60px; }

.mobile .rp_fobg_box .req_fund input[type="radio"] + label { font-size:15px; }
.rp_pension_smu_group{ margin-top:40px; }


/* 퇴직RP 이율추이 */
.rp_form_srch_wrap {position:relative; padding:18px 30px 30px; border:2px solid #aaa; border-radius:20px; }
.mobile .rp_form_srch_wrap{ padding:0; border:none; border-radius:0; border-top:1px #ccc solid; padding-top:20px; }
.form_row.rp_row_all{ padding-left:0; margin-top:20px !important; }
.form_row.rp_row_all .col1{ margin-bottom:20px; }
.rp_rate_cont .dummy{width:100%;height:440px;background-color:#f6f6f6;border-radius:10px;}

/* 퇴직RP FLAG BOX */
.rp_comp .rp_flag_list {margin-top:15px;}
.rp_flag_list a, 
.rp_flag_list > span{display:inline-block;min-width:110px;min-height:40px;line-height:130%;text-align:left;color:#333;padding:12px 25px; padding-left:30px; margin:10px 10px 0 0;font-size:15px;border:1px solid #d9d9d9;border-radius:20px;}
.rp_flag_list .flag{position:relative; }
.rp_flag_list .flag:before{content:'#';display:block;position:absolute;left:0;top:2px; margin-left:-10px;}
.mobile .rp_flag_list a, 
.mobile .rp_flag_list > span{ font-size:14px !important; }

/* 퇴직RP 디자인 스타일 GUIDE ************* */
.rp_calc_box{margin-top:40px;text-align:center;}
.rp_fc_dgray{color:#777 !important;}
.rp_formular{width:530px;margin:22px auto;}
.mobile .rp_formular{width:auto;margin:22px auto;}
.mobile .rp_formular .num_exp{ width:36px; }
.rp_formular > *{display:table-cell;vertical-align:middle;color:#000;font-size:18px;}
.rp_formular .num_exp{width:45px;}
.rp_formular .num_exp.t1{background:url('/assets/images/pension/rp/ico_equal.png') center no-repeat;}
.rp_formular .num_exp.t2{background:url('/assets/images/pension/rp/ico_multiple.png') center no-repeat;}
.rp_formular .frac p:last-child{padding-top:10px;border-top:1px solid #000;}
.mobile .rp_formular > *{ font-size:15px;}

.rp_box.round{border-radius:20px;border:1px solid #ccc; padding:60px 40px;margin-top:40px;}
.mobile .rp_box.round{ padding: 30px 25px; }
.mobile .rp_box.round .h2{ font-size:16px; font-weight:700; padding-top:10px; margin:0; }
.rp_box.round.s{padding:20px;}
.rp_box.round.s .ico_list{margin:0;}
.rp_box > li{padding:60px 0; border-top:1px solid #d9d9d9;}
.rp_box > li:first-child{padding-top:0 !important;border-top: none;}
.rp_box > li:last-child{padding-bottom:0;}
.mobile .rp_box > li{padding:30px 0; }
.mobile .rp_box.round.s .gray_info_box {padding:5px;}
.logout_info.rp_auth_ifobx{ font-size: 18px; }

.rp_list_mpd_prod > li:first-child{ margin-top:20px; }
.rp_list_mpd_prod > li{ margin-top:30px; }
.rp_list_mpd_prod .charge_btns > .btn{ margin-top:15px !important; }

.rp_resul_destype .price{ color:#777 !important; }
.rp_resul_destype .price em{ color:#333; padding-left:5px; }
.rp_resul_destype .result_content strong .loan{ padding-left:5px; }
.rp_resul_destype .rp_memb_tit{ color:#ea7404; font-size:20px; font-weight:600; }
.rp_resul_destype .rp_prod_tit{ color:#000; font-size:18px; font-weight:600; }
.mobile .rp_resul_destype .rp_memb_tit{ font-size:17px; }
.rp_resul_destype .rp_prod_tit:nth-child(2){  margin-top:8px; padding-bottom:4px; word-break:break-all; }
.mobile .rp_resul_destype .rp_prod_tit:nth-child(2){  margin-top:5px; padding-bottom:4px; word-break:break-all; }
.rp_resul_destype .price:first-child{ margin-top:0 !important; }

.mobile .rp_resul_destype .rp_prod_tit{ font-size:15px; }
.mobile .rp_resul_destype.result_list > li{ flex-wrap:nowrap; }

.rp_resul_destype > li .result_info.full{ flex-basis:100%; width:100%; }
.rp_resul_destype .rp_head_list{ background:#f6f6f6; }
.rp_resul_destype.rp_align_center > li{ align-items: center; }
.rp_resul_destype.rp_align_center .rp_prod_tit{ font-weight:500; }

.rp_edu_destype .result_content strong .loan{ padding-left:5px; }
.rp_edu_destype li .result_content strong{ font-size:18px; }
.rp_edu_destype .rp_prod_tit{ color:#000; font-size:18px; font-weight:600; margin-top:10px; }
.result_list.rp_edu_destype{ margin-top:0; border-top:none; border-bottom:none; }
.result_list.rp_edu_destype > li{ padding:0; flex-wrap:nowrap; }

.rp_list_number{padding-left:20px;}
.rp_list_number > li{list-style:decimal;list-style-position:outside;padding-top:12px;text-indent:0;padding-left:5px;}

.rp_box_in_txt{position:relative; background: #f6f6f6;font-size:16px;padding:30px;border-radius:15px;}
.rp_box_in_txt .btn, 
.rp_box_in_txt .switcher{position:absolute;right:30px;top:50%;transform:translateY(-50%);}
.rp_box_in_txt.rs{border-radius:10px;color:#333;}
.rp_box_in_txt.s{padding:25px; margin-top:30px;}
.rp_box_in_txt.s dl dt{position:relative;float:left;margin-right:20px;}
.rp_box_in_txt.s dl dt:after{content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#000;}
.rp_box_in_txt.b{padding:35px 230px 35px 40px;font-size:18px;line-height:30px;}
.rp_box_in_txt.b .list_dot{margin-top:10px;}
.rp_box_in_txt.b strong{font-weight:500;}
.rp_box_in_txt.b .txt{font-size:16px;font-weight:400;color:#333;}
.rp_box_in_txt.b .btn{right:60px;}

.dialog_wrap .rp_box_in_txt.s{padding:12px 25px;border-radius:8px;}
.dialog_wrap .rp_box_in_txt.s dl{font-size:13px;}
.dialog_wrap .rp_box_in_txt.s dl dt{float:left;min-width:48px;}
.dialog_wrap .rp_box_in_txt.s dl dd{color:#777;}

.rp_inp_comp_group{ display: block; }
.rp_rdo_tab_cont{ margin-top:35px; }
.rp_rdo_tab_cont .addr_item .date_box{ width:calc(100% - 105px); }
.list_link.rp_list_link .tag.end {border-color:#4da0ff; color:#4da0ff;}

.tab_section .tab_contents .tab_panel .rp_comp.rp_mt10{ text-align:right; font-size:15px; color:#333; }
.tab_section + .rp_comp.rp_mt10{ text-align:right; font-size:15px; color:#333; }

.mobile .tab_section .tab_contents .tab_panel .rp_comp.rp_mt10{ text-align:right; font-size:14px; color:#333; }
.mobile .tab_section + .rp_comp.rp_mt10{ text-align:right; font-size:14px; color:#333; }

/* 퇴직RP table / list 상단요소정렬 */
.rp_tbl_top_info {margin-bottom:15px; display:flex; align-items: flex-end;}
.rp_tbl_top_info .h3{ margin-bottom:0; }
.rp_tbl_top_info .h4{ margin-bottom:10px;}
.rp_tbl_top_info .unit {font-size:14px; color:#777; line-height:18px;}
.rp_tbl_top_info .unit strong{text-decoration:underline;}
.rp_tbl_top_info .opt { margin-left:auto; margin-right:0; line-height:inherit; }
.rp_tbl_top_info .opt .btn {margin-left:4px;}
.rp_tbl_top_info .opt_label {font-size: 14px; color:#777; display:inline-block; margin-right:10px;}
.rp_tbl_top_info select { vertical-align:middle; }
.rp_tbl_top_info .btn.file.pdf { height:40px; line-height:38px; border-radius:5px; }
.rp_tbl_top_info .unit > i{font-style:normal;color:#000;font-weight:700;}

/* 퇴직RP 팩스번호 */
.rp_fax_item{display:flex;}
.rp_fax_item > div{position:relative;width:calc(33.3333% - 10px);}
.rp_fax_item > div:not(:first-child){margin-left:15px;}
.rp_fax_item > div:not(:first-child):before{content:'-';position:absolute;top:0;left:-15px;display:inline-block;width:15px;height:100%;line-height:58px;text-align:center;}

/* 퇴직RP 유선전화번호 */
.rp_contact_item::after { content:''; display:block; clear:both; }
.rp_contact_item .item { float:left; width:calc(100% - 160px); }
.rp_contact_item .item:first-of-type { width:150px; margin-right:10px; }

/* 퇴직RP 강의진도 */
.rp_edu_period { position:relative; border:1px #ccc solid; border-radius:20px; padding:40px; }
.rp_edu_period > .btn.ass { position:absolute; top:calc(50% - 20px); right:40px; }
.mobile .rp_edu_period{ padding:20px; }
.mobile .rp_edu_period > .btn.ass{ top:calc(50% - 15px); right:20px; }

/* 퇴직RP TABLE COLS */
.win .rp_poil_tb_list table tbody tr td{ word-break: normal; }
.mobile .rp_poil_tb_list table{ width:100%; table-layout:auto; padding:12px 0; border-collapse: collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }
.mobile .rp_poil_tb_list table col{ width:100% !important; }
.mobile .rp_poil_tb_list table thead{ display:none;}

.mobile .rp_poil_tb_list table tbody tr{ border-bottom:1px solid #ccc;}
.mobile .rp_poil_tb_list table tbody tr td{ width:100%; display:flex; word-break:break-all; margin-bottom:2px; padding:5px; border-bottom:none; font-size:14px; line-height:18px; border-left:none; align-items:center; } /* border-bottom:1px solid #bbb; border-color:#bbb; */
.mobile .rp_poil_tb_list table tbody tr td:first-child{ padding-top:20px; }
.mobile .rp_poil_tb_list table tbody tr td:last-child{ padding-bottom:20px; border-bottom:none; }

.mobile .rp_poil_tb_list table tbody tr td::before{ display:inline-block; flex:0 0 100px; content:attr(data-label); text-align:left; padding-left:0px; }
.mobile .rp_poil_tb_list table tbody tr td.label_subject{ width:100%; }


/* 퇴직RP COMP BOX */
.offscr:first-child + .rp_comp{margin-top:0 !important;}
.rp_comp{margin-top:40px;}
.rp_comp.complete { margin-top:0; }
.rp_comp.complete + .governing{ text-align: center; }
.win .governing ~ .rp_comp .h3.rp_hmark{ font-size:22px; }
.mobile .governing ~ .rp_comp .h3.rp_hmark{ font-size:20px; }

.rp_comp .fw_m{ font-weight:600; }
.rp_comp.sub{margin-top:40px;}
.rp_comp p:not(:first-of-type){margin-top:10px;}
.rp_comp.line{padding-top:40px; border-top:1px solid #ddd;}
.rp_comp.box + .rp_comp{margin-top:40px;}
.rp_comp.box + .rp_comp.box{margin-top:20px;}
.rp_comp.round{border:1px solid #ccc;border-radius:15px;}
.h3.rp_hmark + .rp_comp.round { margin-top:0; }
.dialog_wrap .rp_comp.sub{ margin-top:60px;}
.dialog_wrap .tab_contents .rp_comp.sub{margin-top:50px;}
.rp_comp > .rp_comp.box.round.s{margin-top:25px;}
.rp_comp > .rp_comp.box.round.s .list_dot{margin:22px 20px 5px;}
.rp_comp > .rp_comp.box.round.s .list_dot:first-child{margin-top:5px;}
.rp_comp > .rp_comp.box.round.s .list_dot > li strong{padding-right:10px;}
.rp_comp > .rp_comp.box.round.s .list_dot > li > .date{float:right;}
.rp_comp > .rp_comp.box.round.s .list_dot > li > .date:after{content:'';display:inline-block;clear:both;}
.rp_comp.sub .txt{ word-break: break-all; }

/* 퇴직RP DIAGRAM IMG */
.rp_diagram_area{position:relative;margin-top:40px;text-align:center;}
.mobile .rp_diagram_area{ margin-top:20px; }
.mobile .rp_diagram_area img{ width:100%; height:auto;}
.rp_diagram_area .desc{margin-top:40px; }
.rp_diagram_area .rp_digm_top_txt{ position: absolute; top:0; left:42px; font-size:14px; line-height:130%; }
.rp_diagram_area .rp_digm_bottom_txt{ position: absolute; bottom:32px; right:0; font-size:14px; line-height:130%; }
.mobile .rp_diagram_area .rp_digm_top_txt{ position: absolute; top:0; left:12px; font-size:12px; line-height:130%; }
.mobile .rp_diagram_area .rp_digm_bottom_txt{ position: absolute; bottom:12px; right:0; font-size:12px; line-height:130%; }

.rp_icon_area{margin-top:50px;}
.rp_icon_area > li{position:relative;min-height:110px;margin-top:20px;padding-left:130px;}
.rp_icon_area > li:first-child{margin-top:0;}
.mobile .rp_icon_area > li{ padding:0 0 40px 100px; font-size:14px; }
.rp_icon_area .rp_icon_bg{position:absolute;left:0;top:0;width:80px;height:80px;border-radius:50%;}
.rp_icon_area .rp_icon_bg.rp_ic_company{background:#f4f4f4 url('/assets/images/pension/rp/rp_con_company.png') center center no-repeat;background-size:100%;}
.rp_icon_area .rp_icon_bg.rp_ic_worker{background:#f4f4f4 url('/assets/images/pension/rp/rp_con_worker.png') center center no-repeat;background-size:100%;}
.rp_icon_area .rp_sb_title{display:block;margin-bottom:8px;font-weight:700;}

/* 퇴직RP ICONS LIST  */
.rp_ico_list{margin:55px 0 45px 0;}
.rp_ico_list h4{color:#000;font-weight:500; margin-bottom:4px;}
.rp_ico_list.education li{position:relative;padding:16px 0 8px 120px;line-height:26px;}
.rp_ico_list.education li:not(:first-child) {margin-top:60px;}
.rp_ico_list.education li:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:80px;height:80px;background:url('/assets/images/pension/rp/rp_con_NSPS06010011_01.png') 0 0 no-repeat;background-size:80px;}
.rp_ico_list.education li:nth-child(2)::before{background-image:url('/assets/images/pension/rp/rp_con_NSPS06010011_02.png');}
.rp_ico_list.education li:nth-child(3)::before{background-image:url('/assets/images/pension/rp/rp_con_NSPS06010011_03.png');}
.mobile .rp_ico_list.education li {padding:0 8px 0 90px;}
.mobile .rp_ico_list.education li:before {width:70px;height:70px;background-size:70px;}

.rp_ico_list.check{margin:30px 0;}
.rp_ico_list.check li{position:relative;padding-left:40px;}
.rp_ico_list.check li:not(:first-child) {margin-top:19px;}
.rp_ico_list.check li:before{content:'';position:absolute;left:3px;top:3px;display:inline-block;width:20px;height:20px;background:url('/assets/images/pension/rp/ico_bull_check.png') 0 0 no-repeat;}

.rp_boxing_text{position:relative; background: #f6f6f6;font-size:16px;padding:30px;border-radius:15px; word-break:break-all;}
.win .rp_boxing_text .btn {position:absolute;right:30px;top:50%;transform:translateY(-50%);}
.rp_boxing_text.rs{border-radius:10px;color:#333;}
.rp_boxing_text.s{padding:25px;}
.rp_boxing_text.s dl dt{position:relative;float:left;margin-right:20px;}
.rp_boxing_text.s dl dt:after{content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#000;}
.rp_boxing_text.b{padding:35px 230px 35px 40px;font-size:18px;line-height:30px;}
.rp_boxing_text.b .list_dot{margin-top:10px;}
.rp_boxing_text.b strong{font-weight:500;}
.rp_boxing_text.b .txt{font-size:16px;font-weight:400;color:#333;}
.rp_boxing_text.b .btn{right:60px;}
.mobile .rp_terms_btn{ width:100%; margin-top:15px; }
.mobile .rp_box_list.col02 .rp_box_item{ width:100%; }
.mobile .rp_box_list.col02 .rp_box_item:nth-child(2){ margin-top:30px; }
.rp_info_date{margin-bottom:20px;font-size:14px;color:#777;}

/* 퇴직RP Hi MY */
.rp_retire_recommond_box{border-top:1px solid #ddd;}
.rp_retire_recommond_box .list_item{position:relative;padding:80px 0 80px 270px;border-bottom:1px solid #ddd;}
.rp_retire_recommond_box .list_item:before{content:'';display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:184px;height:184px;background:url('/assets/images/pension/rp/rp_con_NSPG01050010_01.png') 0 0 no-repeat;background-size:184px;}
.rp_retire_recommond_box .list_item:nth-child(2)::before{background-image:url('/assets/images/pension/rp/rp_con_NSPG01050010_02.png');}
.rp_retire_recommond_box .list_item:nth-child(3)::before{background-image:url('/assets/images/pension/rp/rp_con_NSPG01050010_03.png');}
.rp_retire_recommond_box .list_item:nth-child(4)::before{background-image:url('/assets/images/pension/rp/rp_con_NSPG01050010_04.png');}
.rp_retire_recommond_box .list_item h3{font-size:20px;font-weight:500;}
.rp_retire_recommond_box .list_item h3 + p{margin-top:15px;padding-bottom:0;}
.rp_retire_recommond_box .list_item strong{font-weight:500;}
.rp_retire_recommond_box .list_item p{word-break:keep-all}
.rp_retire_recommond_box .list_item .cont{margin-top:32px;}

.mobile .rp_retire_recommond_box .list_item{ padding:200px 0 40px; font-size:14px; line-height:22px; }
.mobile .rp_retire_recommond_box .list_item:before{ top:5%; left:50%; transform:translateX(-50%); width:140px; height:140px; background-size:140px; }
.mobile .rp_retire_recommond_box .list_item .cont{ margin-top:20px; }

.rp_list_dt dt {font-size:16px; line-height: 26px; margin:28px 0 10px 0; }
.rp_list_dt dt:before{content:'Q';display:inline-block;top:0;left:0;width:22px;height:auto;border-radius:0;background:none;color:#777;font-weight:700;}
.rp_list_dt dt:first-child {margin-top:0;}
.rp_list_dt dd {position: relative; font-size:16px; color:#333; line-height: 28px; margin-top:9px;}
.rp_list_dt dt + dd {margin:0;}
.rp_list_dt dd:before {content:'A';display:inline-block;top:0;left:0;width:22px;height:auto;border-radius:0;background:none;color:#777;font-weight:700;}
.rp_list_dt .agreement_text{margin:25px 0 0;padding:35px 30px;font-size:16px;border-radius:10px;background:#f6f6f6;}
.rp_list_dt .agreement_text ul.list_dot{margin-top:0 !important;}
.rp_list_dt .agreement_text ul.list_dot li{color:#333;}
.rp_list_dt .agreement_text ul.list_dot li:before{background-color:#333;}
.rp_state_info_box{ padding:27px 0; text-align:center; font-size:20px; font-weight:500; border:1px solid #ccc; border-radius:15px; }

/* 퇴직RP Hi MY 박스영역 가입자교육 */
.rp_rud_box_list .box_item{padding:45px;border:1px solid #d9d9d9;border-radius:20px; margin-top:20px;} /* margin-top:20px; */
.rp_rud_box_list .box_item.space{margin-top:28px;}
.rp_rud_box_list:not(.col02) .box_item:first-child:not(.space){margin-top:0;}
.rp_rud_box_list .box_item .insu_type{padding-left:0;margin-left:0;font-size:15px;color:#000;font-weight:300;}
.rp_rud_box_list .box_item .insu_tit{display:block;margin-bottom:30px;font-size:24px;color:#000;font-weight:500;}
.rp_rud_box_list .box_item .insu_conts.col02{display:flex;justify-content:space-between;}
.rp_rud_box_list .box_item .insu_conts.col02 > ul{margin-top:0;width:calc(50% - 40px);}
.rp_rud_box_list .box_item .insu_conts dl{display:flex;flex-wrap:wrap;line-height:24px;}
.rp_rud_box_list .box_item .insu_conts dl dt{width:130px;font-size:14px;color:#555;padding-top:10px;}
.rp_rud_box_list .box_item .insu_conts dl dd{width:calc(100% - 130px);font-size:16px;color:#000;padding-top:10px;min-height:24px;}
.rp_rud_box_list .box_item .insu_conts dl dt:first-child, 
.rp_rud_box_list .box_item .insu_conts dl dt:first-child + dd{padding-top:0;}
.rp_rud_box_list.col02 {display:flex;flex-wrap:wrap;justify-content:space-between;}
.rp_rud_box_list.col02 .box_item{width:calc(50% - 15px);padding:40px;margin-top:30px;}
.rp_rud_box_list.col02 .box_item:nth-child(-n+2) {margin-top:0;}
.rp_rud_box_list.col02 .box_item .insu_tit{margin:12px 0 25px;}

.mobile .rp_rud_box_list .box_item{ padding:30px 20px; }
.mobile .rp_rud_box_list .box_item .insu_tit{display:block;margin-bottom:30px;font-size:18px;color:#000;font-weight:500;}

.rp_intro_text{ font-size:24px; line-height:30px; color:#000; }
.mobile .rp_intro_text{ font-size:18px; }
.rp_intro_text strong{color:#ff7f32; font-weight:700;}
.rp_intro_text .bad{color:#00205b;}

.win .governing:not(.pc_hide) + .rp_mt0{ margin-top:0 !important; }
#chart_junbee .Nwagon_multi_column .labels text,
#chart_junbee .Nwagon_stacked_column .background text {transform:unset; -webkit-transform:unset;}

.rp_chart_area{margin-top:80px;text-align:center;}
.rp_chart_area .chart{position:relative;background:#eee;width:100%;height:230px;}
.rp_chart_area .desc{margin-top:15px; color:#777; font-size:15px;}

.chart_info .unit{color:#777;font-size:14px;}
.chart_info > p{font-size:30px;font-weight:500;color:#000;}
.chart_info > p > strong{color:#f99c21;}
.chart_info .list_dot{text-align:left;}
.chart_info.top{text-align:left;}
.chart_info.btm{text-align:right;}

/* 퇴직RP 가입자 교육강의 */
.rp_acco_edu_area{ margin-top:40px; text-align:left; }
.rp_acco_edu_area .tit{text-align:center; color:#333;}
.rp_acco_edu_area .tit.t1{text-align:left;}
.rp_acco_edu_area .tit strong{display:block;margin-bottom:20px;color:#000;font-size:24px;font-weight:700;}
.rp_acco_edu_area .tit strong.under{margin-bottom:25px;}
.rp_acco_edu_area .tit strong.under > span{position:relative;z-index:1;}
.rp_acco_edu_area .tit strong.under > span:before{content:'';z-index:-1;position:absolute;left:0;bottom:0;display:block;width:100%;height:16px;background-color:#f7c79b;}
.rp_acco_edu_area .rp_diagram_area{margin-top:25px;}
.rp_acco_edu_area .sources { font-size:14px; color:#777; margin-top:20px; }

/* 퇴직RP 가입자 매뉴얼 */ 
.rp_mm_comp:not(:first-child){padding-top:35px; margin-top:40px; border-top:1px dashed #dfdfdf;}
.rp_mm_comp:last-child{margin-bottom:30px;}
.rp_mm_comp .tit{position:relative; padding-left:17px; color:#111; font-size:18px; font-weight:700;}
.rp_mm_comp .tit:before{content:'▶'; position:absolute; left:0; top:0; font-size:12px; color:#111;}
.rp_mm_comp .tit + *{margin-top:15px;}
.rp_mm_comp .info_txt{color:#777; font-size:15px;}
.rp_mm_comp .mm_cont{position:relative; margin-top:20px;}
.rp_mm_comp .manual_list{ margin-top:30px;}
.rp_mm_comp .manual_list .list_dot li > span{font-weight:500;}
.rp_mm_comp .manual_list li{position:relative; font-size:16px;}
.rp_mm_comp .manual_list li:not(:first-child){margin-top:25px;}
.rp_mm_comp .manual_list .cnt{position:absolute; left:0; top:0; display:inline-block; width:26px; height:26px; line-height:24px; text-align:center; color:#ea7404; font-weight:500; background:#fff; border:1px solid #ea7404; border-radius:5px;}
.rp_mm_comp .manual_list .cnt + .conts{display:inline-block; padding-left:40px; line-height:25px; font-weight:500; color: #000;}
.rp_mm_comp .manual_list .btn_img{display:inline; margin:0 3px 0 8px;}
.rp_mm_comp .manual_list .btn_img.ml0{margin-left:0;}
.rp_mm_comp .manual_list .conts .list_dot{margin-top:10px;}
.rp_mm_comp .manual_list .conts .list_dot span{font-weight:500; color:#000;}
.rp_mm_comp .manual_list .conts .list_dot li:not(:first-child){margin-top:7px;}
.rp_mm_comp .manual_list .conts .list_dot li:not(:first-child) ul > li{margin-top:0;}
.rp_mm_comp .manual_list .conts .nor_txt{margin-top:0; line-height:25px; font-size:15px; color:#000; font-weight:400;}
.rp_mm_comp .manual_list strong{font-weight:700;}
.rp_mm_comp .manual_area:empty{position:relative;width:560px;min-height:450px;background:#fff;border:1px solid #ccc;border-radius:15px;}


/* 퇴직RP 그래프 */
.rp_graph_inner_bx{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin-top:30px; }
.rp_graph_inner_bx .rp_gp_inner_sect{ width:80%; }
.mobile .rp_graph_inner_bx .rp_gp_inner_sect{ width:100%; }
.rp_graph_inner_bx .rp_gpn_right_sect{ margin-top:54px; padding-right:20px; }
.rp_graph_inner_bx .rp_gpn_right_sect .tag{ display:block; margin-bottom:16px; opacity: 0.4; color:#ff7f32; border-color: #ff7f32; }
.rp_graph_inner_bx .rp_gpn_right_sect .tag.bad{ color:#00205b; border-color: #00205b; }
.mobile .rp_graph_inner_bx .rp_gpn_right_sect{ display:none; }
.mobile .rp_graph_status_box .rp_graph_inner_bx{ margin-top:10px; }
.rp_graph_inner_bx .range_amount{ padding:0; }
.rp_graph_inner_bx .rp_bar_chart_row .end{ margin-bottom:15px; font-size:16px; color: #000; }

.rp_graph_status_box .rp_bar_chart_row .bar:after{ content:''; position:absolute; right:-12px; top:-3px; width:30px; height:18px; background:#fff; border-radius:10px; border:1px #ccc solid; z-index:1; }
.rp_graph_status_box{ position: relative; padding:35px; border:1px #ccc solid; border-radius:10px; }
.mobile .rp_graph_status_box{ padding:30px 25px; }
.rp_graph_status_box .ui-slider:before{content:''; display:block; height:15px; background:#eee; border-radius: 10px;}
.rp_graph_status_box .ui-slider-range{ height:15px; background:#ea7404 !important; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.rp_graph_status_box .ui-slider-handle{ width:25px; height:18px; border:5px solid #fff; }
.rp_graph_status_box .range_amount .scope span:before{ background-color:unset; }
.rp_graph_status_box .range_amount .scope .start:after{ background-color:unset; }
.rp_graph_status_box .range_amount .scope{ margin-top:10px; }
.rp_graph_status_box .range_amount .scope .end{ width:auto; text-align:right; }
.rp_graph_status_box .scope span > em{ display:block; }

.rp_graph_status_box .rp_bar_chart_row .bar_graph{ background: #eee; }
.rp_graph_status_box .rp_bar_chart_row .bar_title > em{ display:block; }
.rp_graph_status_box .rp_bar_chart_row .bar_title{ position:absolute; top:68px; left:50%; margin-left:-14px; font-size:14px; text-align:center; background:#fff; padding:0 6px; z-index:1; }
.mobile .rp_graph_status_box .rp_bar_chart_row .bar_title{ transform:translate(-50%); margin-left:0px; }

.rp_graph_status_box.rp_bg_good .rp_bar_chart_row .bar{ background-color:#ff7f32; }
.rp_graph_status_box.rp_bg_good .rp_bar_chart_row .bar_title{ color:#ff7f32; } 
.rp_graph_status_box.rp_bg_bad .rp_bar_chart_row .bar{ background-color:#00205b; }
.rp_graph_status_box.rp_bg_bad .rp_bar_chart_row .bar_title{ color:#00205b; } 
.rp_graph_status_box.rp_bg_good .rp_intro_text .rp_intr_state{ color:#ff7f32; }
.rp_graph_status_box.rp_bg_bad .rp_intro_text .rp_intr_state{ color:#00205b; }
.rp_graph_status_box.rp_bg_good .rp_graph_inner_bx .rp_rang_txt_state{ color:#ff7f32; }
.rp_graph_status_box.rp_bg_bad .rp_graph_inner_bx .rp_rang_txt_state{ color:#00205b; }

.rp_graph_status_box.rp_bg_bad::after{ content:''; position:absolute; top:30px; right:36px; width:98px; height:98px; background:url('/assets/images/pension/rp/rp_con_bad.png') no-repeat; background-size: contain; }
.rp_graph_status_box.rp_bg_good::after{ content:''; position:absolute; top:30px; right:36px; width:98px; height:98px; background:url('/assets/images/pension/rp/rp_con_good.png') no-repeat; background-size: contain; }
.mobile .rp_graph_status_box.rp_bg_bad::after{ content:''; background:none; }
.mobile .rp_graph_status_box.rp_bg_good::after{ content:''; background:none; }

.rp_graph_status_box.rp_bg_good > .rp_graph_inner_bx > .rp_gpn_right_sect > .tag.good{ opacity:1 !important; color:#ff7f32;border-color:#ff7f32; }
.rp_graph_status_box.rp_bg_bad > .rp_graph_inner_bx > .rp_gpn_right_sect > .tag.bad{ opacity:1 !important; color:#00205b;border-color:#00205b; }

.box_link.rp_bx_irp_bg .item{ padding: 35px 0 35px; color: #000;  }
.box_link.rp_bx_irp_bg .item.ico1::before{ top:114px; background:url('/assets/images/pension/rp/rp_icon_bx_bg_1.png') 0 0 no-repeat; background-position:50%; }
.box_link.rp_bx_irp_bg .item.ico2::before{ top:114px; background:url('/assets/images/pension/rp/rp_icon_bx_bg_2.png') 0 0 no-repeat; background-position:50%; }
.box_link.rp_bx_irp_bg .rp_sbox_txt{ color:#666; margin-bottom:100px; padding:0 20px !important;}
.box_link.rp_bx_irp_bg .rp_sbox_stxt{ font-size:15px !important; }

.mobile .box_link.rp_bx_irp_bg .item{ font-size:16px; }
.mobile .box_link.rp_bx_irp_bg .rp_sbox_txt{ color:#666; margin-bottom:0px; padding:0 0px !important; }
.mobile .box_link.rp_bx_irp_bg .item.ico2::before,
.mobile .box_link.rp_bx_irp_bg .item.ico1::before{ top:50%; margin-top:-40px; background-size:60%; }
.mobile .box_link.rp_bx_irp_bg .item.ico2::before {background-size:90%;}
.moblie .box_link.rp_bx_irp_bg .rp_sbox_stxt{ font-size:15px !important; }

.rp_tp_info span.date{position:relative;color:#777;}
.rp_tp_info span.date:not(:first-of-type):before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:15px;background-color:#777;}
.rp_tp_info span.date + .date{padding-left:22px;}

/* 퇴직RP 금리형상품정보 */
.mobile .rp_insu_chart_box{ padding:30px 20px; } 
.rp_insu_chart_box{padding:60px 35px;margin-top:30px;border:1px solid #ccc;border-radius:20px;}
.rp_insu_chart_box .radial_chart{display:flex; align-items:center; justify-content:center; flex-wrap: wrap;}
.rp_insu_chart_box .radial_chart .chip{margin-left:60px;}
.mobile .rp_insu_chart_box .radial_chart .chip{ margin-left:0px; margin-top:30px; }
.rp_insu_chart_box .radial_chart .chip li{position:relative; padding-left:20px; margin-bottom:18px; line-height:1;}
.rp_insu_chart_box .radial_chart .chip li:before{content:''; position:absolute; left:0; top:2px; display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#215fd2;}
.rp_insu_chart_box .radial_chart .chip li:first-child:before{background-color:#f99c21;}
.rp_insu_chart_box .chart_cont{margin-top:60px;}
.rp_insu_chart_box .chart_cont.bar{margin-bottom:60px;padding-bottom:40px}
.rp_insu_chart_box .chart_cont .h4{margin-bottom:15px;}
.rp_insu_chart_box .chart_cont .h4 + p{font-size:18px;}
.mobile .rp_insu_chart_box .chart_cont .h4 + p{font-size:14px;}
.rp_insu_chart_box .boxing_text {background:0; padding:0;}
.mobile .rp_insu_chart_box img{ width:80% !important; height:auto;}

/* 퇴직RP  BAR CHART */
.rp_bar_grade{display:flex;height:20px;border-radius:10px;}
.rp_bar_grade > [class^="gd"] {width:20%;height:20px;margin-right:0;text-align:center;font-size:14px;color:#777;}
.mobile .rp_bar_grade > [class^="gd"] { margin-right:1px; text-align:center; font-size:12px;}
.rp_bar_grade > div span, .rp_bar_grade > div strong{display:inline-block;padding-top:35px;}
.rp_bar_grade > div.active{font-size:18px;color:#000;font-weight:700;}
.mobile .rp_bar_grade > div.active{font-size:12px; color:#000; font-weight:400;}
.rp_bar_grade > div.active span{font-size:18px;color:#000;font-weight:700;}
.mobile .rp_bar_grade > div.active span{font-size:12px; color:#000; font-weight:700;}
.rp_bar_grade > div[class^="gd"]:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.rp_bar_grade > div[class^="gd"]:last-child{margin:0; border-top-right-radius:10px;border-bottom-right-radius:10px;}

/* 퇴직RP  Y-BAR CHART */
.rp_ychart_wrap{ margin-top:0 !important; border-top:2px solid #ffffff; }
.rp_ybar_list{ padding:80px 100px 60px; position:relative; display:flex; justify-content:space-around; align-items:flex-end; gap:1px; background:#f6f6f6; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
.rp_ybar_list::after{ content: ''; width:90%; height:1px; background:#a0a0a0; position:absolute; bottom:59px; }
.mobile .rp_ybar_list{ padding:80px 20px 60px; }
.rp_ybar_list > li{ text-align:center; flex:1 1 0; }
.rp_ybar_list > li .rp_bar_sect{ height:260px; display:flex; align-items:flex-end; justify-content:center;  }
.mobile .rp_ybar_list > li .rp_bar_sect{ height:200px; }
.rp_ybar_list > li .rp_bar_sect .rp_bar_name{ position:absolute; left:50%; bottom:-40px;  white-space:nowrap; transform:translate(-50%, -20%); }
.rp_ybar_list > li .rp_bar{ position: relative; width:70px; min-height:1%; max-height:100%; }
.mobile .rp_ybar_list > li .rp_bar{ position: relative; width:50px; }
.rp_ybar_list > li .rp_bar.rp_down{ background:#b5b5b5; }
.rp_ybar_list > li .rp_bar.rp_up{ background:#ea7404; }
.rp_ybar_list > li .rp_bar > .rp_title{ position:absolute; left:50%; bottom:100%; white-space:nowrap; transform:translate(-50%, -20%); }
.rp_ybar_list > li .rp_bar > .rp_title .rp_sum_totle{ font-size:16px; font-weight:600; }

/* 퇴직RP BAR CHART bgcolor */
.rp_bar_grade .gd5{background-color:#006bef;}
.rp_bar_grade .gd4{background-color:#36c000;}
.rp_bar_grade .gd3{background-color:#febf00;}
.rp_bar_grade .gd2{background-color:#fb6a00;}
.rp_bar_grade .gd1{background-color:#ee0000;}

/* 퇴직RP 투자진단설문 */
.rp_invest_qlist{padding:0 2px; margin-top:0px;}
.rp_invest_qlist .item{margin-top:50px;}
.rp_invest_qlist .item:first-child{ margin-top:70px; }
.mobile .rp_invest_qlist .item:first-child{ margin-top:40px; }
.rp_invest_qlist .item .radio_box span{color:#777;}
.rp_invest_qlist .form_list:not(:first-child) {margin-top:0;}

/* 퇴직RP checked:disabled 동시적용 */
.rp_invest_qlist .form_list input[type="radio"]:checked:disabled + label::before{ background:url('/assets/images/pension/rp/ico_radio.png') no-repeat !important; }
.mobile .rp_invest_qlist .form_list input[type="radio"]:checked:disabled + label::before {background-image:url('/assets/images/pension/rp/ico_radio_mo.png') !important;background-size:auto 28px !important;}
.rp_comp .form_list input[type="radio"]:checked:disabled + label::before{ background:url('/assets/images/pension/rp/ico_radio.png') no-repeat !important; }

.rp_invest_qlist .title{position:relative;padding:0 18px 28px 18px;line-height:28px;font-size:20px;color:#000;font-weight:500; word-break:break-all;}
.mobile .rp_invest_qlist .title{ font-size:18px; }
.rp_invest_qlist .title .num{padding-right:10px;color:#ea7404;font-weight:700;}
.rp_invest_qlist .title .num:before{position:absolute;content:'';width:16px;height:19px;top:5px;left:0;background:url('/assets/images/pension/rp/txt_q.png') no-repeat;}
.rp_invest_qlist .radio_box{ margin-right:30px; }
.mobile .rp_invest_qlist .radio_box{ margin-right:20px; }

.mobile .rp_mo_radio_adjust_1{ margin-right:27px !important; }
.mobile .rp_mo_radio_adjust_2{ margin-right:34px !important; }
.mobile .rp_mo_radio_adjust_3{ margin-right:27px !important; }

.rp_invest_re_txt{ font-size:18px; }
.rp_invest_result_bg{ margin-top:40px; height:200px;  }
.rp_invest_result_bg.person_1{ background:url('/assets/images/pension/rp/rp_invest_bg_5.png') center center no-repeat; background-size: contain; }
.rp_invest_result_bg.person_2{ background:url('/assets/images/pension/rp/rp_invest_bg_4.png') center center no-repeat; background-size: contain; }
.rp_invest_result_bg.person_3{ background:url('/assets/images/pension/rp/rp_invest_bg_3.png') center center no-repeat; background-size: contain; }
.rp_invest_result_bg.person_4{ background:url('/assets/images/pension/rp/rp_invest_bg_2.png') center center no-repeat; background-size: contain; }
.rp_invest_result_bg.person_5{ background:url('/assets/images/pension/rp/rp_invest_bg_1.png') center center no-repeat; background-size: contain; }
.rp_invest_result_bg.person_6{ background:url('/assets/images/pension/rp/rp_invest_bg_0.png') center center no-repeat; background-size: contain; }

.rp_re_pen_bx{ margin-left:40px !important; }
.mobile .rp_re_pen_bx{ margin-left:20px !important; }
.rp_re_pen_bx .rp_pen_point{ color:#ea7404; font-weight:600; padding-right:4px; } 
.rp_nsp135_sect .list_dot > li:not(:first-child){ margin-top:20px; }

.boxing_text.rp_ptf_rs{ position:relative; border-radius:0px; }
.boxing_text.rp_ptf_rs .btn.line{ position:absolute; right:30px; top:50%; transform:translateY(-50%); }
.mobile .boxing_text.rp_ptf_rs .btn.line{ margin-top:10px; position: relative; right:inherit; top:inherit; transform:unset; }

.rp_mx_height_auto{ max-height:initial !important; }

/* 퇴직RP MAIN LAYOUT BOX  */
.rp_box_list .rp_box_item{padding:45px;border:1px solid #d9d9d9; border-radius:20px; margin-top:20px;} /* margin-top:20px; */
.rp_box_list .rp_box_item.space{margin-top:28px;}
.rp_box_list:not(.col02) .rp_box_item:first-child:not(.space){margin-top:0;}
.rp_box_list .rp_box_item .insu_type{padding-left:0;margin-left:0;font-size:15px;color:#000;font-weight:300;}
.rp_box_list .rp_box_item .insu_tit{display:block;margin-bottom:30px;font-size:24px;color:#000;font-weight:500;line-height:1.4; text-align:center; min-height:initial;}
.mobile .rp_box_list .rp_box_item .insu_tit{ font-size:20px; margin:12px 0 20px; min-height:initial; }
.rp_box_list .rp_box_item .insu_conts.col02{display:flex;justify-content:space-between;}
.rp_box_list .rp_box_item .insu_conts.col02 > ul{margin-top:0;width:calc(50% - 40px);}
.rp_box_list .rp_box_item .insu_conts dl{display:flex;flex-wrap:wrap;line-height:24px;}
.rp_box_list .rp_box_item .insu_conts dl dt{width:130px;font-size:14px;color:#555;padding-top:10px;}
.rp_box_list .rp_box_item .insu_conts dl dd{width:calc(100% - 130px);font-size:16px;color:#000;padding-top:10px;min-height:24px;}
.rp_box_list .rp_box_item .insu_conts dl dt:first-child, 
.rp_box_list .rp_box_item .insu_conts dl dt:first-child + dd{padding-top:0;}
.rp_box_list.col02 {display:flex;flex-wrap:wrap;justify-content:space-between;}
.rp_box_list.col02 .rp_box_item{width:calc(50% - 15px);padding:30px;margin-top:30px;}
.rp_box_list.col02 .rp_box_item:nth-child(-n+2) {margin-top:0;}
.rp_box_list.col02 .rp_box_item .insu_tit{margin:12px 0 25px; min-height:68px;}
.mobile .rp_box_list .rp_box_item {padding:25px;}

/* 퇴직RP ICON UP & DOWN */
.rp_box_list .insu_conts span.down, 
.rp_box_list .insu_conts span.up { position:relative; display:inline-block; padding-left:12px; margin-left:3px; }
.rp_box_list .insu_conts span.down::before, 
.rp_box_list .insu_conts span.up::before { content:''; position:absolute; display:block; top:9px; left:0; }
.rp_box_list .insu_conts span.down::before { border-top:6px #005aff solid; border-left:5px transparent solid; border-right:5px transparent solid; }
.rp_box_list .insu_conts span.up::before { border-bottom:6px #ff0000 solid; border-left:5px transparent solid; border-right:5px transparent solid; }

/* MY퇴직연금 BOX STYLE */
.rp_viewbx_sect { margin:15px 0; margin-bottom:60px; }
.rp_viewbx_list{ position:relative; display:flex; border:1px #ccc solid; border-radius:5px; }
.rp_viewbx_list > li{ position:relative; width:100%; text-align:center; padding:30px 15px 30px 15px; }
.rp_viewbx_list > li:not(:first-child)::before { content:''; position:absolute; top:24px; left:0; bottom:24px; width:1px; background:#ccc; }

.rp_viewbx_list > li .rp_vwbx_bx p{  font-size:20px; color:#000; }
.rp_viewbx_list > li .rp_vwbx_bx span{  display:block; font-size:16px; color:#999; margin-top:8px; }
.rp_viewbx_list > li .rp_vwbg_bx{ margin-top:40px; padding-bottom:36px; }
.rp_viewbx_list > li .rp_vwbg_bx p{  font-size:16px; color:#000; }
.rp_viewbx_list > li .rp_vwbg_bx span{  display: block; font-size:20px; color:#999; margin-top:12px; font-weight:600; }
.rp_viewbx_list > li .rp_vwbg_bx span em{ font-size:22px; color:#000; }
.rp_viewbx_list > li .rp_vwbg_bx.rp_vwbg_mgt{ margin-top:4px; }
.rp_viewbx_list > li .rp_vwbg_bx.rp_vwbg_mgt p{display: inline-block; }
.rp_viewbx_list > li .rp_vwbg_bx.rp_vwbg_mgt span{display: inline-block; }
.rp_viewbx_list > li .btn.line{ min-width:auto;  }
.rp_viewbx_list > li .rp_clr_black{ color:#000 !important; }

.mobile .rp_viewbx_list{ flex-direction: column; border:none; margin-top:-10px;}
.mobile .rp_viewbx_list > li{ overflow:hidden;padding:14px 0 0;border:1px solid #ddd; border-radius:5px; margin-top:20px;}
.mobile .rp_viewbx_list > li:not(:first-child)::before { content:''; width:0px; background:none; }
.mobile .rp_viewbx_list > li .rp_vwbx_bx {display:flex;justify-content:space-between;align-items:flex-end;margin:0 20px;}
.mobile .rp_viewbx_list > li .rp_vwbx_bx span {margin-top:unset;color:#000;line-height:18px;}
.mobile .rp_viewbx_list > li .rp_vwbx_bx p {font-weight:500; font-size:16px;}
.mobile .rp_viewbx_list > li .rp_vwbg_bx {margin:25px 20px 0;padding-bottom:20px;text-align:right;}
.mobile .rp_viewbx_list > li .rp_vwbg_bx p {font-size:14px;}
.mobile .rp_viewbx_list > li .rp_vwbg_bx span {margin-top:10px;color:#000;}
.mobile .rp_viewbx_list > li .rp_vwbg_bx span em {font-size:24px;}
.mobile .rp_viewbx_list > li .rp_vwbg_bx span em.rp_num_up,
.mobile .rp_viewbx_list > li .rp_vwbg_bx span em.rp_num_down {font-size:14px;}
.mobile .rp_viewbx_list > li .rp_vwbg_bx.rp_vwbg_mgt {display:flex;flex-direction:column;margin-top:8px;}
.mobile .rp_viewbx_list > li .rp_vwbg_bx.rp_vwbg_mgt span {margin-top:unset;}
.mobile .rp_viewbx_list > li .rp_bar_chart_row {flex-wrap:nowrap;align-items:center;margin:20px 20px 0;}
.mobile .rp_viewbx_list > li .rp_bar_chart_row .bar_graph {width:calc(100% - 50px);}
.mobile .rp_viewbx_list > li .rp_bar_chart_row .end {width:40px;margin-top:unset;text-align:right;}
.mobile .rp_viewbx_list > li .rp_invest_box {margin:15px 20px 8px;background-position-x:left;}
.mobile .rp_viewbx_list > li .rp_invest_box .tit {top:30px;width:50%;font-size:18px;font-weight:600;transform:unset;}
.mobile .rp_viewbx_list > li .btn.line {width:100%;max-width:100%;border:0;border-top:1px solid #ccc;border-radius:0;font-size:16px;font-weight:600;background-color:#eee;}
.mobile .rp_viewbx_list > li .btn.line .rp_arr:after {top:17px;background:url('/assets/images/pension/rp/ico_arrow.png') center center no-repeat;background-size:6px auto;}


.rp_invest_box{ position:relative; display:block; margin-top:15px; height:106px; margin-bottom:15px; }
.rp_invest_box .tit{ position: absolute; top:80px; left:50%; transform:translateX(-50%); display:inline-block; width:100%; text-align:center; font-size:16px; color:#000; line-height:20px;}
.rp_invest_box.bg_invest.person_1{ background:url('/assets/images/pension/rp/rp_inv_bg_6.png') center center no-repeat; background-size: contain; }
.rp_invest_box.bg_invest.person_2{ background:url('/assets/images/pension/rp/rp_inv_bg_5.png') center center no-repeat; background-size: contain; }
.rp_invest_box.bg_invest.person_3{ background:url('/assets/images/pension/rp/rp_inv_bg_4.png') center center no-repeat; background-size: contain; }
.rp_invest_box.bg_invest.person_4{ background:url('/assets/images/pension/rp/rp_inv_bg_3.png') center center no-repeat; background-size: contain; }
.rp_invest_box.bg_invest.person_5{ background:url('/assets/images/pension/rp/rp_inv_bg_2.png') center center no-repeat; background-size: contain; }
.rp_invest_box.bg_invest.person_6{ background:url('/assets/images/pension/rp/rp_inv_bg_1.png')  center center no-repeat; background-size: contain; }
.rp_invest_box.bg_invest.bg_none{ background:url('/assets/images/pension/rp/rp_inv_bg_1.png') center center no-repeat; background-size: contain;  }

.service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc1:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_1.png') center center no-repeat; background-position-x:10px; }
.service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc2:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_2.png') center center no-repeat; }
.service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc3:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_3.png') center center no-repeat; }
.service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc4:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_4.png') center center no-repeat; }
.service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc5:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_5.png') center center no-repeat; }

.mobile .service_board.rp_service_ico_area .service_list > ul {margin:unset;}
.mobile .service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc1:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_1.png') center center no-repeat; background-size: 56%; }
.mobile .service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc2:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_2.png') center center no-repeat; background-size: 56%; }
.mobile .service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc3:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_3.png') center center no-repeat; background-size: 56%; }
.mobile .service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc4:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_4.png') center center no-repeat; background-size: 56%; }
.mobile .service_board.rp_service_ico_area .service_list > ul > li > .btn_service .svc5:after{ background:url('/assets/images/pension/rp/rp_sevic_ico_5.png') center center no-repeat; background-size: 56%; }
.mobile .service_board.rp_service_ico_area .service_list > ul > li > .btn_service .ico:after {border-radius:50%;background-size:42%;background-color:#f2f2f2;}

.rp_bar_chart_row{  position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px;  }
.rp_bar_chart_row .bar_graph{position:relative;width:100%;height:14px;background:#ddd; border-radius:12px}
.rp_bar_chart_row .total{position:absolute;top:12px;right:0;line-height:1}
.rp_bar_chart_row .bar{position:relative;width:0;height:14px;border-radius:12px;font-size:13px;text-align:left;background:#ff7f32;}
.rp_bar_chart_row .end{ text-align:center;  width: 100%; margin-top: 5px;}
.rp_bar_chart_row .end em{ color:#ff0000 }

.rp_result_txt_box{ text-align:center; margin-top:55px; margin-bottom:55px; }
.rp_result_txt_box .rp_res_tit1{ font-size:26px; color:#000; line-height:150%; }
.rp_result_txt_box .rp_res_tit1 strong{ font-weight:600; }
.mobile .rp_result_txt_box {margin:40px 0 28px;text-align:left;}
.mobile .rp_result_txt_box .rp_res_tit1 {font-size:18px;}

.rp_bottom_line_bx{ position:relative; font-size:18px; font-weight:400; line-height:130%; padding:15px 0; border-bottom: 2px #000 solid; }
.rp_bottom_line_bx.ico_bg{ padding-left:22%; }
.rp_bottom_line_bx.ico_bg::before{ content:''; position:absolute; top:50%; left:6px; margin-top:-24px; width:60px; height:55px; background: url('/assets/images/pension/rp/rp_icon_ifo.png') center no-repeat; background-size:contain; }
.win .rp_bottom_line_bx.ico_bg{ padding-bottom:24px; }
.win .rp_bottom_line_bx.ico_bg::before{ top:50%; margin-top:-28px; left:110px; background-size: 60%; }

.rp_box_dash {margin-top:30px;margin-bottom:30px;padding:24px 14px;text-align:center;border:1px dashed #ea7404;border-radius:6px;font-size:18px;color:#000;line-height:1.7;background-color:#f9f9f9;}

/* 퇴직RP MYPAGE */
.mobile .rp_mo_sp{ margin-left:0px !important; }
.mobile .governing .governing_title.rp_line_select { font-size:20px; text-align:center; }
.mobile .governing + *.rp_mt80{ margin-top:90px !important; }
.win .governing .governing_title.rp_line_select {font-size:30px; }
.governing_title.rp_line_select .option_layer{ z-index:2 !important; }
.governing_title.rp_line_select .governing_select{ z-index:1; }
.rp_mybox{ margin-top:5px !important; }
.rp_mybox .brc_items{ width:100% !important; }
.rp_mybox .btn:disabled{opacity:0.3;}
.win .rp_mybox .brc_items .rp_bx_tit{  font-size:22px; font-weight:700; }
.mobile .rp_mybox .brc_items .rp_bx_tit{ font-size:16px; font-weight:700; }
.rp_mybox .list_dot{ margin-top:0 !important; }
.rp_mybox .rp_edu_abox{ padding-bottom:34px; }
.branch_list.rp_mybox .brc_items.rp_edu_abox .rp_edu_destype > li:first-child{ margin-top:0; padding-top:0; }
.branch_list.rp_mybox .brc_items.rp_edu_abox .rp_edu_destype > li{ margin-top:20px; padding-top:20px; }
.mobile .branch_list.rp_mybox .brc_items.rp_edu_abox{ padding-bottom:34px; }

.rp_flex_bx{ display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:15px; }
.rp_flex_bx .tag{ margin-left:0; }
.mobile .rp_flex_bx .rp_bx_tit{ margin-left: auto; }
.mobile .rp_flex_bx .rp_newline_tit{ flex-basis:100%; margin-left:0; }

.rp_flex_list{ display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:15px; }
.rp_flex_list .tag{ margin-left:0; }
.rp_flex_list .rp_day{ margin-left: auto; }
.rp_flex_list .list_tit{ flex-basis:100%; margin-left:0; }
.list_link.rp_top_space > ul > li > a{ padding-right:20px; }
.list_link.rp_top_space > ul > li > a::after{ background: none; }

.win .tab_contents .rp_poil_tb_list + .btn_conts,
.win .tab_contents .rp_top_space + .btn_conts { display:flex; justify-content:center; }

.win .tab_contents .rp_poil_tb_list + .btn_conts .btn,
.win .tab_contents .rp_top_space + .btn_conts .btn { padding:0 10px; min-width: 190px; }
.rp_gove_ifo_bx .governing_title{ text-align:center !important; }
.rp_gove_ifo_bx .info_text{ text-align:center !important; }

.win dl.tbl_row.rp_tbl_row_type dt{ width:170px; padding:15px 10px; }
.win dl.tbl_row.rp_tbl_row_type dd{ width: calc(50% - 170px); }
.win dl.tbl_row.rp_tbl_row_type > div dd{ width:calc(100% - 170px); }

.win .rp_tbl_row_type.body_long dt{ width:150px !important; }
.win .rp_tbl_row_type.body_long dd{ width: calc(50% - 150px) !important; }
.win .rp_tbl_row_type.body_long > div dd{ width:calc(100% - 150px) !important; }

.mobile dl.tbl_row.rp_tbl_row_type dt{ width:42%; }
.mobile dl.tbl_row.rp_tbl_row_type dd{ width:58%; }

.mobile .tbl_row.rp_tb_row_sm > colgroup col:nth-child(1) {width:24% !important;}
.mobile .tbl_row.rp_tb_size_sm > colgroup col:nth-child(2) {width:76% !important;}

.mobile .tbl_data.rp_tb_sem tr td,
.mobile .tbl_data.rp_tb_sem tr th{ padding: 6px 6px; }

.rp_rw_menu{display:flex; border:1px solid #ddd; border-radius:8px; background: #fff;}
.rp_rw_menu > li{flex:1; text-align:center; position: relative; }
.rp_rw_menu > li:after {position:absolute; content:''; top:50%; right:-1px; height:20px; margin-top:-10px; border-left:1px solid #ddd;}

.rp_rw_menu > li .off{ opacity:0.3; pointer-events:none; }
.win .rp_rw_menu > li >a{display:table; width:100%; height:100%; position:relative;min-height:48px; max-height:80px; line-height:27px;padding:0 5px;font-size:17px; color:#333;}
.win .rp_rw_menu > li > a:focus-visible{outline-width:2px solid #000;outline-offset:1px;-webkit-outline-radius:4px;} 
.win .rp_rw_menu > li > a span {display:table-cell; vertical-align: middle; position: relative; padding:10px 0 11px 0; height:100%}
.win .rp_rw_menu > li:last-child:after { display:none; }
.win .rp_rw_menu > li.active>a span{color:#fff; font-weight:700;z-index: 2;}
.win .rp_rw_menu > li.active>a:before {position:absolute; content: ''; top:-1px; left:-1px; right:-1px; bottom:-1px;background-color:#ea7404; border-radius: 8px; z-index:1;}

.mobile .rp_rw_menu { border-radius:5px; }
.mobile .rp_rw_menu > li:not(:first-child):before {height:15px;margin-top:-7px;}
.mobile .rp_rw_menu > li > a {display:flex; justify-content: center; align-items: center; position:relative; height:100%; min-height:43px; line-height:20px; padding:11px 0; font-size:15px; color:#777; }
.mobile .rp_rw_menu > li > a span {width:100%;}
.mobile .rp_rw_menu > li.active > a:before {border-radius:5px;}
.mobile .rp_rw_menu > li.active > a span{color:#fff; font-weight:700; position:relative; z-index: 2;}
.mobile .rp_rw_menu > li.active > a:before {position:absolute; content: ''; top:-1px; left:-1px; right:-1px; bottom:-1px;background-color:#ea7404; border-radius: 5px; z-index:1;}