@charset "utf-8";

/* ===============================================
Date :2024-03-20 ~
Description :비대면 퇴직연금
=============================================== */

/***** button *****/
.rpm span[class^="btn-"] {border:1px solid #e1e1e1; color:#808080; background-color:#e1e1e1;} /* a버튼 disabled */
.rpm button {padding:0; line-height:1; vertical-align:middle; appearance:none; -webkit-appearance:none; border:0; background:none; cursor:pointer;}
.rpm button[class^="btn-"] span {line-height:normal;}

.rpm .btn-red.type2 {height:unset; padding:6px 15px; line-height:25px;}
.rpm .btn-red.type2 span {display:block; font-size:14px;}

.rpm .btn-white-s.down {padding: 0 10px 0 26px; background-position: 8px -102px;}
.rpm .btn-white-s.down.on {padding: 0 10px 0 26px; border-color: #ce1e1e; color: #fff !important; background: url("/resource/img/wms/web/bul/bul-down.png") #ce1e1e 10px 10px no-repeat;}
.rpm .btn-white-s.excel {padding:0 10px 0 28px; text-align:left; background:#fff url("/resource/img/btn/btn_excel.png") no-repeat 8px 50%; background-size:16px 17px;}

.rpm [class^="btn-line"] {padding:8px 14px; border:1px solid;}
.rpm [class^="btn-line"] span {color:#333;}
.rpm [class^="btn-line"].active {border-color:transparent; background-color:#333;}
.rpm [class^="btn-line"][class*="01"] {border-color:#dcdcdc;}
.rpm [class^="btn-line"][class*="01"].active span {color:#fff;}

.rpm [class^="btn-"][class*="round"] {border-radius:32px;}

/* tooltip */
.rpm .tooltip-wrap {position:relative; line-height:1;}
.rpm .tooltip-wrap > div {display:inline-block;}
.rpm .tooltip-wrap > .tooltip {padding-right:24px;}
.rpm .tooltip-wrap > .tooltip .btn-ico2-tip {top:0;}
.rpm .tooltip .tip .dotlist {margin-bottom:0;}
.rpm [class^="table-"] .tooltip a {top:-2px;}


/***** badge *****/
.rpm .badge-wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -5px 0 -5px;}
.rpm span[class^="badge-"] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -ms-flex-negative:0; flex-shrink:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:19px; margin:0 0 5px 5px; padding:0 5px; border-radius:20px; font-size:11px; font-weight:bold; color:#575757;}
.rpm span[class^="badge-"] em {line-height:1; font-weight:bold; color:inherit;}
.rpm .h3-wrap span[class^="badge-"] {margin:3px 0 0 6px;}

.rpm [class^="badge-line"] {border:1px solid transparent;}
.rpm [class^="badge-line"][class*="01"] {border-color:#ed898d; color:#d71820;} /* 원리금보장, 원리금비보장 */
.rpm [class^="badge-line"][class*="02"] {border-color:#b798fa; color:#6d2ef6;} /* 초저위험, 저위험, 중위험, 고위험, 초고위험 */
.rpm [class^="badge-line"][class*="03"] {border-color:#ebce85; color:#b8890f;} /* 주식형, 채권형, 주식혼합형, 채권혼합형, 기타 */

.rpm [class^="badge-fill"][class*="01"] {color:#d71820; background-color:#ffeff0;} /* 보유, 퇴직금 */
.rpm [class^="badge-fill"][class*="02"] {color:#3176fd; background-color:#f4f7fd;} /* 매수예정, 비과세 */
.rpm [class^="badge-fill"][class*="03"] {color:#00ba88; background-color:#ebfaf5;} /* 기타소득 */
.rpm [class^="badge-fill"][class*="04"] {color:#fff; background-color:#d71921;} /* 이수완료 */
.rpm [class^="badge-fill"][class*="05"] {color:#666; background-color:#ededed;} /* 이수전 */


/***** table *****/
#content .rpm .h3-wrap > div {display:flex; align-items:center; gap:7px;}
#content .rpm .h3-wrap > div > p {margin: 0; line-height: 27px;}
#content .rpm .h3-wrap > div > p:only-child {margin-top: 3px; line-height: 20px;}
#content .rpm .h3-wrap > div > p:not(:only-child) .required {background-position-y: 8px;}

.rpm [class^="table-type"] + .dashlist {margin-top:10px;}
.rpm td p.data:first-child {padding-left:0;}
.rpm td p.data:first-child + .line {margin-top:8px;}

.rpm .table-type1 tfoot th {text-align:center;}
.rpm .table-type1 tfoot td strong,
.rpm .table-type1 tfoot .price strong {color:#d71921;}

.rpm .table-type2 tfoot tr td {background-color:#fff;}
.rpm .table-type2 tfoot tr td .price {margin-left:0;}


/***** form *****/
/* input */
.rpm .inp-wrap {margin-bottom:8px;}
.rpm .inp-wrap + .alert,
.rpm .inp-wrap + .memo,
.rpm .inp-wrap + .data {padding-left:3px;}
.rpm td .txt + .inp-wrap {margin: 8px 0 0;}
.rpm [class^="table-"] .inp-full {width:100%;}
.rpm [class^="table-"] input[class*="cnt"],
.rpm [class^="table-"] input[class*="tac"] {text-indent:unset;}

/** check, radio **/
.rpm [class^="table-type"] .line [type="radio"] + label {display:inline;}

/* chip radio */
.rpm .chip-case-wrap {position:relative;}
.rpm .chip-case-wrap [class^="chip-case"] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.rpm .chip-case-wrap [class^="chip-case"] [class^="chip-col"] {min-width:160px;}
.rpm .chip-case-wrap [class^="chip-case"] [class^="chip-col"] + [class^="chip-col"] {margin-left:8px;}
.rpm .chip-case-wrap [class^="chip-case"] [class^="chip-rdo"] {position:relative;}
.rpm .chip-case-wrap [class^="chip-case"] input[type="radio"] {-moz-appearance:none;appearance:none; -webkit-appearance:none; position:absolute; left:0; right:0; opacity:0; z-index:1; border-radius:8px;}
.rpm .chip-case-wrap [class^="chip-case"] [class^="label"] {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-height:48px; margin:0; padding:0 16px; border-radius:4px; border:1px solid #7c7474; font-weight:bold; background:none; cursor:pointer;}
.rpm .chip-case-wrap [class^="chip-case"] [class^="label"] em {text-align:center; font-size:16px; color:#333;}

.rpm .chip-case-wrap [class^="chip-case"] input[type="radio"]:checked + [class^="label"] {border-color:#d71921;}
.rpm .chip-case-wrap [class^="chip-case"] input[type="radio"]:checked + [class^="label"]:before {display:block; content:''; width:16px; height:16px; margin-right:4px; background:url("/resource/img/rpm/ico_checkbox_on.png") no-repeat center / 100%; -ms-flex-negative:0; flex-shrink:0;}
.rpm .chip-case-wrap [class^="chip-case"] input[type="radio"]:checked + [class^="label"] em {font-weight:bold; color:#d71921;}

/* 약관동의 */
.rpm .agree-chk.tal > ul > li {margin-top:16px; }

.rpm .rpm-form-wrap .form-tit {margin:38px 0 12px; font-size:18px;}
.rpm .rpm-form-wrap .msgbox {padding:30px 50px;}
.rpm .rpm-form-wrap .agree-chk {margin:0; padding:0;}
.rpm .rpm-form-wrap .agree-chk > ul > li:first-child {margin-top:0;}
.rpm .rpm-form-wrap .agree-chk .sub-chklist {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:21px;}
.rpm .rpm-form-wrap .agree-chk .sub-chklist li {margin-top:10px;}
.rpm .rpm-form-wrap .agree-chk .sub-chklist.col-size2 {max-width:360px;}
.rpm .rpm-form-wrap .agree-chk .sub-chklist.col-size2 li {width:50%;}

/* 파일첨부 */
.rpm [class^="table-"] td .input-file input[type="text"] {margin:0;}
.rpm .input-file > label {cursor:pointer;}
.rpm .file-list {margin-top:8px;}
.rpm .file-list li {line-height:1;}
.rpm .file-list li + li {margin-top:6px;}
.rpm .file-list .btn-del {display:inline-block; position:relative; min-height:15px; margin:0; padding-right:15px;}
.rpm .file-list .btn-del:after {content:''; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:15px; height:15px; background:url("/resource/img/btn/btn_ico_05.png") no-repeat 3px -206px;}

/* 문서발급번호 입력 */
.enter-inp-box {margin-top:30px; padding:10px 0; text-align:center; background-color:#f4f4f4;}
.enter-inp-box label {margin-right:10px; vertical-align:middle; font-size:14px; color:#333;}


/***** text *****/
.rpm sup {font-size:12px; font-weight:bold; vertical-align:top;}
.rpm p.memo {margin-top:4px; padding-left:0;}

.rpm .inform-msg {margin-bottom:8px; font-size:14px; font-weight:bold; text-align:right;}
.rpm .inform-msg span {position:relative; padding-left:18px;}
.rpm .inform-msg span:before {content:''; position:absolute; top:3px; left:0; width:14px; height:14px; background:url("/resource/img/rpm/ico_rpm_inform.png") no-repeat 0 0;}

.rpm [class^="table-type"] + p.dot {margin-top:5px;}


/***** box, list *****/
.rpm .msgbox-notice .ctxt > .desc {display:inline-block; vertical-align:middle;}

.rpm .box-guide .txt-wrap p {padding:0; font-size:16px; font-weight:bold; line-height:normal;}
.rpm .box-guide .txt-wrap span {font-size:14px;}

.rpm .box-guide.type2 {padding:18px 20px; text-align:center;}
.rpm .box-guide.type3 {padding:30px 50px; text-align:center;}

.rpm .img-wrap img {width:100%;}

#content .rpm [class^="msgbox"] > div .tit {line-height:24px;}
.rpm [class^="msgbox"][class*="type1"], .rpm .graph-wrap {padding:30px 50px;}
.rpm .graph-wrap .txt-wrap {line-height:1.2; font-size:18px;}
.rpm .graph-wrap .cont-wrap {margin-top:25px; text-align:center;}
.rpm .graph-wrap > .msgbox-notice {margin-top:30px; padding:10px; border:0;}

.rpm [class^="msgbox"][class*="-round"] {padding:30px; border:0; border-radius:20px; background-color:#f4f4f4;}

.rpm [class^="step-typ"][class*="col-size4"] > li {width:calc((100% - 40px) / 4); height:133px; margin:0 0 0 10px; padding: 17px 20px 20px 70px;}
.rpm .step-typ4 > li > img {position:absolute; top:17px; left:10px;}
.rpm .step-typ4 > li > p {margin-top:10px; font-size:13px;}

.rpm [class^="step-typ"] li > ul {margin-top:10px;}
.rpm [class^="step-typ"] li > ul > li {float:none; width:unset; height:unset; margin:0 0 0 15px; padding:0; word-break:break-all; letter-spacing:-1px; text-indent:-12px; line-height:1.4; font-size:13px; border:0; }

.rpm .sup-list {margin-top:7px; padding-left:14px;}
.rpm .sup-list li {line-height:1.5;}
.rpm .sup-list li strong {display:inline-block; margin-left:-14px;}

.rpm .list-view {display:flex; flex-wrap:wrap;}
.rpm .list-view li {float:left; width:calc((100% - 30px) / 3); max-width:320px; margin:20px 0 0 10px;}
.rpm .list-view .thumb a {display:block; width:100%;}
.rpm .list-view .thumb a img {width:100%; height: 100%; max-width: 318px; max-height: 184px; min-width: 318px; min-height: 184px;}
.rpm .list-view .txt-wrap {margin-top:8px; padding:8px;}
#content .rpm .list-view .txt-wrap .tit,
#content .rpm .list-view .txt-wrap .txt {line-height:21px;}
#content .rpm .list-view .txt-wrap .tit {margin-bottom:4px; font-weight:bold;}

/***** popup *****/
.pop-cont.rpm .pop-hbox {height:auto; /* margin-bottom:10px; */}
.pop-cont.rpm .pop-hbox .pop-subtit-box {float:none; clear:both; margin:5px 0 10px;}
.pop-cont.rpm .pop-hbox .pop-subtit-box:after {content:''; display:block; clear:both;}
.pop-cont.rpm .pop-hbox .pop-subtit-box > .pop-sub-h {height:auto; font-size:16px;}
.pop-cont.rpm .pop-hbox .pop-subtit-box > p {float:right;}

.pop-cont.rpm .pop-hbox span[class^="badge-"] {margin:0 0 0 4px;}

.pop-cont.rpm [class^="msgbox"][class*="graph-wrap"] {overflow:hidden; content:''; display:block; clear:both; margin:0;}

.pop-cont.rpm .pop-msg.type3 {padding:18px 20px;}
.pop-cont.rpm .pop-msg.type3 p strong {font-size:18px;}
.pop-cont.rpm .pop-msg.type3 p span {display:block; font-size:14px;}

.pop-cont.rpm .box-guide.type2 {padding:18px 20px;}
.pop-cont.rpm .box-guide.type2 .tit {font-size:16px; font-weight:bold; text-align:center;}
.pop-cont.rpm .box-guide.type2 .txt {padding:0; text-align:center;}

.pop-cont.rpm [class^="table-type"] + .dashlist {margin-top:10px;}
.pop-cont.rpm .msg-notice dd ul > li > .dotlist > li {background:url("/resource/img/bul/bul_boxlist.gif") no-repeat 0 8px !important;}


/** 인쇄 **/
.pop-cont.rpm .print-wrap .prt-tit .prt-info {position:absolute; top:-15px; right:0; text-align:right;}
.pop-cont.rpm .print-wrap .prt-tit .prt-info .prt-date {position:static;}
.pop-cont.rpm .print-wrap .prt-tit .prt-info p {font-size:13px; font-weight:normal;}

/***** etc *****/
.rpm .msgbox-notice + [class^="table-type"] {margin-top:15px;}
.rpm td .txt + .inp-wrap {margin:8px 0 0;}

/** 조회조건 검색영역 **/
.rpm .inq-condition-wrap {margin-bottom:20px;}
.rpm .inq-condition-wrap .condition-wrap {margin-top:20px;}
.rpm .inq-condition-wrap .condition-wrap:first-child {margin-top:0;}
.rpm .inq-condition-wrap .condition-wrap .inq-list ul {overflow:hidden;}
.rpm .inq-condition-wrap .condition-wrap .inq-list ul:after {content:''; display:block; clear:both;}
.rpm .inq-condition-wrap .condition-wrap .inq-list ul > li {float:left;}
.rpm .inq-condition-wrap .condition-wrap .inq-list ul > li + li {margin-left:6px;}

.rpm .inq-condition-wrap .search-wrap {margin-top:20px;}
.rpm .inq-condition-wrap .search-wrap:first-child {margin-top:0;}
.rpm .inq-condition-wrap .srch-area {padding:20px; text-align:center; background-color:#f4f4f4;}

/** progress bar **/
/* 연금계좌이전진행현황 */
.rpm .tracking-progress-wrap {
	--per:calc(100% / 5);
    --markerSize:18px;
	--markerGap:calc((var(--markerSize) / 2) * -1);
    --barHeight:6px;
    --step1:calc(var(--per) * 1);
	--step2:calc(var(--per) * 2);
	--step3:calc(var(--per) * 3);
	--step4:calc(var(--per) * 4);
	--step5:calc(var(--per) * 5);
    margin-top:var(--markerGap);
}
.rpm .tracking-progress-wrap .progress-bar {position:relative; width:100%; height:var(--markerSize);}
.rpm .tracking-progress-wrap .tracking-progress {margin-top:12px;}
.rpm .tracking-progress-wrap .progress-bar:before {content:''; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; height:var(--barHeight); border-radius:var(--barHeight); background:-webkit-gradient(linear, right top, left top, from(#fff5f5), to(#ff8085)); background:-o-linear-gradient(right, #fff5f5 0%, #ff8085 100%); background:linear-gradient(270deg, #fff5f5 0%, #ff8085 100%);}

.rpm .tracking-progress-wrap .progress-bar .inner {position:relative; height:100%;}
.rpm .tracking-progress-wrap .progress-bar .progress {float:left; position:relative; top:var(--barHeight); width:var(--per); height:var(--barHeight); background-color:#d71820;}
.rpm .tracking-progress-wrap .progress-bar .inner .progress:first-child {border-radius:var(--barHeight) 0 0 var(--barHeight);}
.rpm .tracking-progress-wrap .progress-bar .inner .progress + .progress {border-left:1px solid #ffdfdf;}

.rpm .tracking-progress-wrap .progress-bar .marker {position:absolute; top:50%; z-index:1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:var(--markerSize); height:var(--markerSize); border-radius:100%; background-color:#d71820;}

.rpm .tracking-progress-wrap .tracking-progress.step1 .marker {left:var(--step1); margin-left:var(--markerGap);}
.rpm .tracking-progress-wrap .tracking-progress.step2 .marker {left:calc(var(--step2) - (var(--markerSize) / 2));}
.rpm .tracking-progress-wrap .tracking-progress.step3 .marker {left:calc(var(--step3) - (var(--markerSize) / 2));}
.rpm .tracking-progress-wrap .tracking-progress.step4 .marker {left:calc(var(--step4) - (var(--markerSize) / 2));}
.rpm .tracking-progress-wrap .tracking-progress.step5 .marker {left:calc(var(--step5) - var(--markerSize));}

.rpm .tracking-progress-wrap .progress-bar .marker:before {display:block; width:var(--markerSize); height:var(--markerSize); line-height:var(--markerSize); text-align:center; font-weight:bold; color:#fff;}
.rpm .tracking-progress-wrap .tracking-progress.step1 .marker:before {content:'1';}
.rpm .tracking-progress-wrap .tracking-progress.step2 .marker:before {content:'2';}
.rpm .tracking-progress-wrap .tracking-progress.step3 .marker:before {content:'3';}
.rpm .tracking-progress-wrap .tracking-progress.step4 .marker:before {content:'4';}
.rpm .tracking-progress-wrap .tracking-progress.step5 .marker:before {content:'5';}


/* 디폴트옵션, 연금받기 */
.rpm .progress-area {margin-bottom:30px;}
.rpm .progress-area .progress-tit-wrap {margin-bottom:20px;}
.rpm .progress-area .progress-tit-wrap .badge-wrap {margin-bottom:8px;}
.rpm .progress-area .progress-tit-wrap .progress-tit {font-size:18px; font-weight:bold;}
.rpm .progress-wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:relative; width:100%; margin:-4px -1px 0; padding-bottom:23px; background-color:#fff;}
.rpm .progress-wrap .bar-wrap {width:100%; line-height:1;}
.rpm .progress-wrap .bar-wrap .bar {height:8px; line-height:8px;}
.rpm .progress-wrap .bar-wrap .bar .progress {display:inline-block; width:calc(100% - 1px); height:100%;}
.rpm .progress-wrap .bar-wrap .bar .progress:after {content:none;}
.rpm .progress-wrap .bar-wrap .txt {position:absolute; top:20px; font-size:11px; font-weight:400; line-height:16px !important;}
.rpm .progress-wrap .bar-wrap .txt b {font-weight:500;}
.rpm .progress-wrap .bar-wrap .txt span {display:block;}
.rpm .progress-wrap .bar-wrap .txt .price {font-size:13px; font-weight:bold;}
.rpm .progress-wrap .bar-wrap.left .bar .progress {border-radius:4px 0 0 4px; background-color:#b5c1ff;}
.rpm .progress-wrap .bar-wrap.left .txt {left:0;}
.rpm .progress-wrap .bar-wrap.left .txt span {color:#5f53e3;}
.rpm .progress-wrap .bar-wrap.right {text-align:right;}
.rpm .progress-wrap .bar-wrap.right .bar .progress {border-radius:0 4px 4px 0; background-color:#ed4d54;}
.rpm .progress-wrap .bar-wrap.right .txt {right:0;}
.rpm .progress-wrap .bar-wrap.right .txt span {color:#d71921;}
.rpm .progress-wrap .bar-wrap.full .bar .progress {border-radius:4px;}
.rpm .progress-area.legend-size2 .progress-wrap {padding-bottom:42px;}
.rpm .msgbox.graph-wrap .progress-area {max-width:700px; margin:0 auto;}


/** 상품비교함 **/
.rpm .pro-compare-wrap .pro-compare {position:relative; margin-bottom:40px; padding:25px 25px 20px; border:1px solid #d6d6d6; background:#f5f5f5;}
.rpm .pro-compare-wrap .pro-compare .pro-tit {height:70px; text-align:center; line-height:30px; margin-bottom:20px; padding-top:25px;color:#f35113;font-size:14px;}
.rpm .pro-compare-wrap .pro-compare .pro-tit.fnd { color:#333; margin-bottom: -34px; }
.rpm .pro-compare-wrap .pro-compare .pro-tit.fnd strong { color:#d71921; }
.rpm .pro-compare-wrap .pro-compare .pro-tit.fnd > span { font-weight: bold; font-size: 18px; }
.rpm .pro-compare-wrap .pro-compare .pro-tit strong {display:inline-block;font-size:18px; color:#333;}
.rpm .pro-compare-wrap .pro-compare .pro-tit + .pro-intlist-in{ min-height:0;}
.rpm .pro-compare-wrap .pro-compare .pro-list .pro-item {position:relative; margin-top:12px; padding:25px; background-color:#fff;}
.rpm .pro-compare-wrap .pro-compare .pro-list .pro-item .tit {max-width:96%; line-height:26px !important; font-size:16px; font-weight:bold;}
.rpm .pro-compare-wrap .pro-compare .pro-list .pro-item .txt {display:inline-block; margin-top:7px; font-size:13px; font-weight:bold; color:#f35113;}
.rpm .pro-compare-wrap .pro-compare .pro-list .pro-item .btn-del {position:absolute; top:22px; right:22px; width:24px; height:24px; background:url("/resource/img/btn/btn_ico_03.png") no-repeat 5px -71px;}
.rpm .pro-compare-wrap .pro-compare .btn-wrap {margin-top:15px; text-align:center;}

.rpm .pro-compare-wrap .pro-list {margin-bottom:20px; }
.rpm .pro-compare-wrap .pro-intlist{padding:15px 0 ; border-bottom:1px solid #d6d6d6;}
.rpm .pro-compare-wrap .pro-intlist-in {position:relative;overflow:hidden; min-height:176px;}
.rpm .pro-compare-wrap .pro-intlist-in.new_type { min-height:130px; }
.rpm .pro-compare-wrap .pro-intlist-in.new_type .interrest-case2 { right:0; }

/* 상품 목록 */
.rpm .pro-compare-wrap .pro-intlist {padding:25px 15px;}
.rpm .pro-compare-wrap .pro-intlist .pro-intlist-in {min-height:unset;}
.rpm .pro-compare-wrap .pro-intlist .pro-intlist-in dl dt {margin-top:0;}
.rpm .pro-compare-wrap .pro-intlist .pro-intlist-in .pro-btna {padding-bottom:0;}

.rpm .pro-compare-wrap [class^="interrest-"] {position:absolute; top:30px; right:170px; text-align:center}
.rpm .pro-compare-wrap [class^="interrest-"] em {font-size:14px; display:block; margin-bottom:10px; font-weight:bold;color:#444}
.rpm .pro-compare-wrap [class^="interrest-"] strong {display:block; color:#d71921; font-size:26px; margin-bottom:5px;}
.rpm .pro-compare-wrap [class^="interrest-"] strong > span {font-size:18px;}
.rpm .pro-compare-wrap [class^="interrest-"] p  {color:#444}
.rpm .pro-compare-wrap [class^="interrest-"] p > span {display:block; float:left; margin-left:25px; letter-spacing:-1px;font-size:13px;}
.rpm .pro-compare-wrap [class^="interrest-"] p > span:first-child {margin:0}
.rpm .pro-compare-wrap [class^="interrest-"] p > span strong {font-size:21px}
.rpm .pro-compare-wrap [class^="interrest-"] p > span strong.red {color:#d81921;}
.rpm .pro-compare-wrap [class^="interrest-"] p > span strong.blue {color:#0265cd}
.rpm .pro-compare-wrap .interrest-case2 {top:50%; margin-top:-40px; right:170px;}
.rpm .pro-compare-wrap .interrest-case2 em {text-align:left;}
.rpm .pro-compare-wrap .interrest-case3 {top:50%; margin-top:-30px; right:145px; text-align:center; width:130px; letter-spacing:-0.03em}
.rpm .pro-compare-wrap .interrest-case3 p {margin-top:5px;}
.rpm .pro-compare-wrap .pro-intlist .interrest-case2 {right:0;}
.rpm .pro-compare-wrap .pro-intlist .interrest-case2 .desc-txt {margin-bottom:5px; text-align:right;}
.rpm .pro-compare-wrap .pro-intlist .interrest-case2 .desc-txt em {display:inline-block; position:relative;}
.rpm .pro-compare-wrap .pro-intlist .interrest-case2 .desc-txt em + em {margin-left:4px; padding-left:6px;}
.rpm .pro-compare-wrap .pro-intlist .interrest-case2 .desc-txt em + em:before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#aaa;}
.rpm .pro-compare-wrap .pro-intlist .interrest-case2 > p {float:right; overflow:hidden;}

.rpm .pro-compare-wrap .pro-intlist-in dl {float:left; width:492px;}
.rpm .pro-compare-wrap .pro-intlist-in dl.insb{ width:480px;}
.rpm .pro-compare-wrap .pro-intlist-in dl dt {margin:5px 0 5px; color:#444; font-size:18px; line-height:26px; letter-spacing:-1px; font-weight:bold}
.rpm .pro-compare-wrap .pro-intlist-in dl dt a { color:#444;line-height:150%;}
.rpm .pro-compare-wrap .pro-intlist-in dl.fund dt {width:400px;}
.rpm .pro-compare-wrap .pro-intlist-in dl.insb dt {width:600px; }
.rpm .pro-compare-wrap .pro-intlist-in dl dd {font-size:14px; margin-bottom:10px; letter-spacing:-1px; line-height:140%;color:#444;}
.rpm .pro-compare-wrap .pro-intlist-in dl dd img {margin-right:3px}
.rpm .pro-compare-wrap .pro-intlist-in dl dd.pro-btn a{padding-bottom:10px; margin-bottom:0}

.rpm .pro-compare-wrap .pro-label span{position:relative; display:inline-block; padding:0 0 0 7px; margin:0 3px 0 0; font-size:13px; color:#f35113 }
.rpm .pro-compare-wrap .pro-label span:before{content:""; position:absolute; width:3px;height:3px;left:0; top:50%; margin-top:-1px;border-radius:50px;background:#f35113}
.rpm .pro-compare-wrap .pro-label span:first-child {padding:0 0 0 0; margin:0 0 0 0;}
.rpm .pro-compare-wrap .pro-label span:first-child:before {background:none; }
.rpm .pro-compare-wrap .pro-label span.pro-new {color:#916744}

.rpm .pro-compare-wrap .msg-notice {margin-top:60px;}
.rpm .pro-compare-wrap .btn-white-m.ico6 {padding-left:27px; background:url("/resource/img/btn/btn_ico_04.png") no-repeat 8px -18px;}


/***** contents *****/
.rpm .compare-wrap {display: flex; justify-content:center; margin-top:20px;}
.rpm .compare-wrap .colgroup {display: flex; justify-content: space-evenly; align-items: flex-end; width: 295px;}
.rpm .compare-wrap .col > .price {font-weight:bold;}
.rpm .compare-wrap .col>span {display: inline-block; margin-top: 12px; line-height: 1.3; letter-spacing: -0.5px; font-size: 12px; font-weight: bold;}
.rpm .compare-wrap .col .graph {margin-top:8px;}
.rpm .compare-wrap .col .graph > img {width:50px;}
.rpm .compare-wrap .col.left .price {color:#dd3b41;}
.rpm .compare-wrap .col.right .price {color:#5f53e3;}

/** 연금지급 VS 일시금 수령 안내 팝업 **/
.rpm #PEBRPM602APLV10M .img-list {margin-top:20px;}
.rpm #PEBRPM602APLV10M .img-list:after {content:''; display:block; clear:both;}
.rpm #PEBRPM602APLV10M .img-list li {float:left; width:33.33%; text-align:center;}
.rpm #PEBRPM602APLV10M .box-guide {margin-top:20px;}

/** 개인IRP 가입하기 **/
.rpm .banner-wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.rpm .banner-wrap .banner {border:4px solid #ede7de;}
.rpm .banner-wrap.col-size2 .banner {width:calc(50% - 5px);}
.rpm .banner-wrap .banner a {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:16px 20px; text-decoration:none;}
.rpm .banner-wrap .banner .txt-wrap {margin-left:24px;}
.rpm .banner-wrap .banner .txt-wrap .tit {font-weight:bold;}
.rpm .banner-wrap .banner .txt-wrap .txt {margin-top:4px; line-height:normal; letter-spacing:-1px;}

/* 퇴직연금 온라인 교육 - 개인IRP 미가입 고객일 경우 */
.rpm .msgbox.type1 .irp-join {display:table; position:relative; min-height:150px; padding-left:230px;}
.rpm .msgbox.type1 .irp-join:before {content:''; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:150px; height:150px; background:url("/resource/img/rpm/bg_irp_join.png") no-repeat 0 0;}
.rpm .msgbox.type1 .irp-join .txt-wrap .tit {font-size:22px; font-weight:bold;}

#content .rpm .msgbox.type1 .irp-join .txt-wrap {display:table-cell; vertical-align:middle;}
#content .rpm .msgbox.type1 .irp-join .txt-wrap p {line-height:normal;}
#content .rpm .msgbox.type1 .irp-join .txt-wrap .txt {margin:10px 0; font-size:16px;}