@charset "utf-8"; .mt60{margin-top:60px !important;} .mt100{margin-top:100px !important;} .mb80{margin-bottom:80px !important;} .mb100{margin-bottom:100px !important;} .pdt20{padding-top:20px !important;} .fc_point_orange {color:#f46600 !important;} /* 차트 범례 */ .chart-legend {color:#666;font-size:13px} .chart-legend li+li {margin-top:3px} .chart-legend.land > li {display:inline-block;*display:inline} .chart-legend .legend {display:inline-block;margin:0 5px 0 0} .chart-legend .legend.square {width:12px;height:12px;vertical-align:middle} .chart-legend .legend.bar {width:20px;height:2px;vertical-align:middle} .chart-legend .legend.circle {width:10px;height:10px;border-radius:5px;vertical-align:middle} .chart-legend .legend.circle2 {width:6px;height:6px;border-radius:5px;border-width:2px;border-style:solid;vertical-align:middle} /* 상품분류별 */ .chart-legend.prd .legend.type1 {background:#5578c2} /* 유동성 */ .chart-legend.prd .legend.type1_1 {background:#f89db3} /* 요구불 */ .chart-legend.prd .legend.type1_2 {background:#b482c5} /* MMF */ .chart-legend.prd .legend.type1_3 {background:#6e73af } /* MMT */ .chart-legend.prd .legend.type2 {background:#5f94ea} /* 예금/적금 */ .chart-legend.prd .legend.type3 {background:#d85f84} /* 펀드 */ .chart-legend.prd .legend.type4 {background:#e28337} /* 신탁 */ .chart-legend.prd .legend.type5 {background:#f6c34a} /* 보험 */ .chart-legend.prd .legend.type6 {background:#9cb954} /* 기타 */ .chart-legend.prd .legend.type6_1 {background:#00a36b} /* 채권 */ .chart-legend.prd .legend.type6_2 {background:#0a7d66} /* ISA */ .chart-legend.prd .legend.type6_3 {background:#5bbace} /* 퇴직연금 */ /* 투자분류별 */ .chart-legend.ivt .legend.type1 {background:#3fccea} /* 안전자산 */ .chart-legend.ivt .legend.type2 {background:#47bb86} /* 채권형 */ .chart-legend.ivt .legend.type3 {background:#a3c831} /* 혼합형 */ .chart-legend.ivt .legend.type4 {background:#fc9562} /* 국내주식형 */ .chart-legend.ivt .legend.type5 {background:#fb5372} /* 해외주식형 */ .chart-legend.ivt .legend.type6 {background:#576aa4} /* 투자자산 */ .chart-legend.ivt .legend.type7 {background:#aaaaaa} /* 미분류 */ /* 연금분류별 */ .chart-legend.annuity .legend.type1 {background:#1173c5} /* 공적연금 */ .chart-legend.annuity .legend.type2 {background:#43b1ef} /* 퇴직연금 */ .chart-legend.annuity .legend.type3 {background:#86d75e} /* 개인연금 */ .chart-legend.annuity .legend.type4 {background:#b8bdbf} /* 연금외자산 */ .chart-legend.annuity .legend.type5 {background:#ffdc00} /* 부족자금 */ /* 순차적으로 노출 */ .chart-legend.order .legend.type1 {background:#e44d75} .chart-legend.order .legend.type2 {background:#1963a1} .chart-legend.order .legend.type3 {background:#54a5d3} .chart-legend.order .legend.type4 {background:#119879} .chart-legend.order .legend.type5 {background:#e98f45} .chart-legend.order .legend.type6 {background:#555dbf} .chart-legend.order .legend.type7 {background:#f89db3} .chart-legend.order .legend.type8 {background:#b482c5} .chart-legend.order .legend.type9 {background:#9cb954} .chart-legend.order .legend.type10 {background:#f0ce5a} .chart-legend.order .legend.type11 {background:#75a4ec} .chart-legend.order .legend.type12 {background:#0a7d66} .chart-legend.order .legend.type13 {background:#5444ab} .chart-legend.order .legend.type14 {background:#4bc9b0} .chart-legend.order .legend.type15 {background:#8f5e3d} .chart-legend.order .legend.type16 {background:#a35d8b} .chart-legend.order .legend.type17 {background:#0f96d7} .chart-legend.order .legend.type18 {background:#d0643f} .chart-legend.order .legend.type19 {background:#ab345e} .chart-legend.order .legend.type20 {background:#41a251} .chart-legend.order .legend.type21 {background:#6e73af} .chart-legend.order .legend.type22 {background:#747c96} /* 재무진단(타입없음) */ .chart-legend.finance .legend.type1 {background:#0099a9} .chart-legend.finance .legend.type2 {background:#f06c60} .chart-legend.finance .legend.type3 {background:#e6e6e6} /* 노후설계(타입없음) */ .chart-legend.oldage .legend.type1 {border-color:#d4b273} .chart-legend.oldage .legend.type2 {border-color:#00b9a9} /****************** 보고서 *******************/ .report-wrap {position:relative;margin:0;padding:0;letter-spacing:-0.04em;font-size:14px;color:#666;*zoom:1} .report-wrap:after {content:'';display:block;clear:both} /* 보고서 메뉴 영역 */ .report-menu {float:left;width:87px;height:680px;background:#f0f6fc;border-right:1px solid #c2daf2} .report-menu li {border-bottom:1px solid #c2daf2;text-align:center} .report-menu li a {display:block;padding:10px 0 12px;font-size:13px;line-height:1.4;font-weight:bold;color:#2c3451} .report-menu li a.txt-eng {padding:10px 0} .report-menu li a.txt-print {padding-top:33px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_ico_print.png) no-repeat 50% 10px} .report-container {position:absolute;top:0;left:88px;float:left;width:896px;height:680px;overflow-y:scroll;overflow-x:hidden} /* 프린트 스크롤 해제 */ .print-container{height:auto;overflow-y:visible} /* 보고서 헤더 영역 */ .report-header {height:190px;padding:40px 30px 0;background:#2c3451 url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_report_header.png) no-repeat 580px bottom} .report-header.type2 {height:150px;padding:80px 30px 0} .report-header h1 {font-size:36px;font-weight:normal;color:#fff;line-height:1.0} .report-header p {color:#c7cff0;font-size:18px;margin-top:15px;line-height:1.4} .report-header .report-custom-info {margin-top:60px;*zoom:1} .report-header .report-custom-info:after {content:'';display:block;clear:both} .report-header .report-custom-info li {float:left;width:130px;padding-left:10px;border-left:1px solid #47506e;color:#c7cff0;font-size:15px;font-weight:bold;line-height:1.4} .report-header .report-custom-info li > span {display:block;margin-top:10px;font-size:20px;color:#fff} /* 보고서 컨텐츠 영역 */ .report-content {width:820px;padding:10px 30px 30px} .report-content .report-info-desc li {color:#666;line-height:20px;font-size:13px} .report-section {margin-top:35px} .report-section .report-info-txt {position:static !important;color:#666;margin-top:10px;font-size:13px !important} /* 보고서 타이틀 */ .report-section .title-area {position:relative;width:100%;min-height:20px} .report-section .title-area h2 {font-size:18px;color:#2c3451;line-height:1.4} .report-section .title-area h2 > span {font-size:14px;color:#666;font-weight:normal} .report-section .title-area h3 {margin-top:25px;color:#666;font-size:16px;line-height:1.4} .report-section .title-area h3 > span {font-size:13px;font-weight:normal;margin-left:10px} .report-section .title-area p {position:absolute;bottom:0;right:0;font-size:13px;color:#666} .report-section .title-area + p {margin-top:5px;font-size:14px;color:#666;line-height:20px} /* 보고서 공통 결과 */ .report-section .report-yellow-box {margin-top:15px;padding:20px 25px;background:#ffdc00;font-size:20px;color:#2c3451} .report-section .report-yellow-box > p {line-height:28px} .report-section .report-yellow-box > ul {margin-top:10px} .report-section .report-yellow-box > ul > li {padding-left:10px;font-size:16px;background:url('https://oimg1.kbstar.com/img/ocommon/bult_list2.gif') no-repeat 0 10px} .report-section .report-yellow-box > ul > li+li {margin-top:10px} .report-section .report-yellow-box > ul > li > span {font-size:18px} .report-section .report-yellow-box > ul > li > span > em {font-size:20px;vertical-align:middle} /* 보고서 공통 테이블 */ .report-section .report-tbl {border-top-width:1px;margin-top:10px;font-size:14px;color:#50463c} .report-section .report-tbl thead th {border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f6f6f6;padding:8px 10px 9px} .report-section .report-tbl thead th:first-child, .report-section .report-tbl tbody td:first-child, .report-section .report-tbl tfoot th:first-child, .report-section .report-tbl tfoot td:first-child {border-left:0} .report-section .report-tbl thead th.sub {background:#fcfcfc} .report-section .report-tbl thead th span, .report-section .report-tbl tfoot td span {font-weight:normal} .report-section .report-tbl tbody td {padding:8px 10px 9px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center} .report-section .report-tbl tfoot th, .report-section .report-tbl tfoot td {border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fcfcfc;text-align:center;font-weight:bold} .report-section .report-tbl tbody td.al, .report-section .report-tbl tfoot td.al {text-align:left} .report-section .report-tbl tbody td.ar, .report-section .report-tbl tfoot td.ar {text-align:right} .report-section .report-tbl thead th.bdl, .report-section .report-tbl tfoot th.bdl, .report-section .report-tbl tbody td.bdl {border-left:1px solid #e5e5e5} .report-section .report-tbl tbody td.chart-legend {color:#50463c;font-size:14px} .report-section .report-tbl tbody td.history-info {padding:9px 15px 8px 15px;background:#fcfcfc;text-align:left;border-bottom:1px solid #ccc} .report-section .report-tbl tbody .alert-area td {color:#fe6651;background:#fcfcfc} .report-section .report-tbl tbody .alert-area td:first-child {font-weight:bold} .report-section .report-tbl tbody td .txt-result {margin-top:5px;color:#f06b60;font-size:13px} .report-section .report-tbl tbody td .txt-memo {min-height:40px;font-size:13px} .report-section .report-tbl tbody td .txt-best-prd {font-weight:bold} .report-section .report-tbl tbody td .txt-best-prd > span {display:inline-block;margin-right:5px;padding:0 5px;border:1px solid #69728f;font-size:13px;font-weight:normal;color:#69728f} .report-content .report-tbl tbody td .status-txt {display:inline-block;min-width:50px;padding:1px 3px;font-size:13px;text-align:center} .report-content .report-tbl tbody td .status-txt.keep {border:1px solid #54a5d3;color:#54a5d3} .report-content .report-tbl tbody td .status-txt.all {border:1px solid #e44d75;color:#e44d75} .report-content .report-tbl tbody td .status-txt.part {border:1px solid #e98f45;color:#e98f45} .report-content .report-tbl tbody td .txt-down {color:#1686d6} .report-content .report-tbl tbody td .txt-up {color:#fe6651} /* 보고서 테이블 그리드 영역 */ .report-section .report-tbl thead th.grid-title-area {padding:8px 0 9px} .report-section .report-tbl tbody td.grid-area {padding:0;border-bottom:1px dashed #e5e5e5} .report-section .report-tbl tbody td.grid-area.last {border-bottom-style:solid} /* 보고서 테이블 강조영역 */ .report-section .report-tbl thead th.point-area {background:#f1f6fc} .report-section .report-tbl thead th.point-area.top {border-top:1px solid #1686d6;border-left:1px solid #1686d6;border-right:1px solid #1686d6} .report-section .report-tbl thead th.point-area.mid-l, .report-section .report-tbl tbody td.point-area.mid-l {border-left:1px solid #1686d6} .report-section .report-tbl thead th.point-area.mid-r, .report-section .report-tbl tbody td.point-area.mid-r {border-right:1px solid #1686d6} .report-section .report-tbl tfoot th.point-area.btm-l, .report-section .report-tbl tfoot td.point-area.btm-l {border-left:1px solid #1686d6;border-bottom:1px solid #1686d6} .report-section .report-tbl tfoot th.point-area.btm-r, .report-section .report-tbl tfoot td.point-area.btm-r {border-right:1px solid #1686d6;border-bottom:1px solid #1686d6} /* 재무진단 테이블 */ .report-section .report-tbl.suggest {border-bottom:0} .report-section .report-tbl.suggest thead th {border-left:0} .report-section .report-tbl.suggest tbody th {border-bottom:0;border-right:1px solid #ccc;color:#666;font-size:16px;background:#fff} .report-section .report-tbl.suggest tbody td {height:45px;border-bottom:0} .report-section .report-tbl.suggest tbody td.ar {border-left:0} .report-section .report-tbl.suggest tbody td > span {font-size:18px;vertical-align:middle} .report-section .report-tbl.suggest tbody .point-area2 th {border-top:1px solid #1686d6;border-bottom:1px solid #1686d6;border-left:1px solid #1686d6;background:#f1f6fc;color:#2c3451} .report-section .report-tbl.suggest tbody .point-area2 td {border-top:1px solid #1686d6;border-bottom:1px solid #1686d6} .report-section .report-tbl.suggest tbody .point-area2 td.last {border-right:1px solid #1686d6} .report-section .report-tbl.suggest tbody .point-area2 td > span {color:#2c3451;font-weight:bold} /* 보고서 상품 추천 목록 */ .report-box-prd {margin-top:15px;padding:30px 29px;border:1px solid #e6e6e6;background:#f6f6f6;text-align:center} .report-box-prd.mt0 {margin-top:0;border-top:0} .report-box-prd .prd-title {display:inline-block;*display:inline;padding-left:20px;font-size:16px;font-weight:bold;color:#333;text-align:center;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_ico_chk.png) no-repeat 0 50%} .report-box-prd > ul {margin-top:20px;*zoom:1} .report-box-prd > ul:after {content:'';display:block;clear:both} .report-box-prd > ul > li {float:left;width:200px;height:115px;padding:20px;color:#333;background:#fff;font-size:16px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);text-align:left} .report-box-prd > ul > li+li {margin-left:20px} .report-box-prd > ul > li > strong {display:block;color:#cf5e5e} .report-box-prd > ul > li > p {margin-top:10px;line-height:26px} .report-box-prd.type2 > ul {margin-top:20px;*zoom:1} .report-box-prd.type2 > ul:after {content:'';display:block;clear:both} .report-box-prd.type2 > ul > li {float:left;width:200px;height:200px;padding:20px;color:#666;background:#fff;box-shadow:2px 2px 20px rgba(0,0,0,0.1);text-align:left} .report-box-prd.type2 > ul > li+li {margin-left:20px} .report-box-prd.type2 > ul > li > strong {display:block;color:#cf5e5e} .report-box-prd.type2 > ul > li .prd-desc {margin-top:20px;font-size:14px;line-height:20px} .report-box-prd.type2 > ul > li .prd-tit {min-height:55px;font-size:16px;line-height:26px;font-weight:bold;color:#333} .report-box-prd.type2 > ul > li .prd-type {margin-top:0;text-align:right} .report-box-prd.type2 > ul > li .prd-type > span {display:inline-block;padding:0 5px;color:#808080;border:1px solid #ccc;font-size:13px} /* 보고서 박스 컨텐츠 */ .report-info-box {margin-top:10px;padding:15px 0;text-align:center;border:1px solid #e6e6e6;color:#50483b} .report-info-box p {display:inline-block;*display:inline;vertical-align:middle} .report-info-box .txt-cost {margin-left:5px;font-size:14px} .report-info-box .txt-cost > span {font-size:18px;font-weight:bold;vertical-align:middle} .report-info-box .txt-cost > strong {margin-left:10px;font-size:16px} .report-info-box .txt-cost > strong > em {font-size:18px;vertical-align:middle} .report-info-box .ico-sign {display:inline-block;margin:0 25px;font-size:18px;line-height:20px;vertical-align:middle} .report-info-box .ico-bar {display:inline-block;width:1px;height:14px;margin:0 25px;background:#e6e6e6;vertical-align:middle} .report-info-box .txt-result .txt-cost > span {font-size:22px} .report-info-box.type2 {padding:30px 0;line-height:24px} .report-info-box.type2 .info-box-txt {display:inline-block;vertical-align:middle} .report-info-box.type2 .txt-cost {display:block} .report-info-box.type2 .ico-sign {font-size:24px;color:#cdcdcd;font-weight:bold;line-height:45px} .report-info-box.type2 .txt-result {display:inline-block;vertical-align:middle} .report-info-box.type2 .txt-result .txt-cost {color:#fe6651} .report-info-box.no-bdr {border:0 !important;padding:0 !important;*zoom:1} .report-info-box.no-bdr:after {content:'';display:block;clear:both} .report-info-box.no-bdr .inner-cont-box {float:left;padding:30px 0} .report-info-box.no-bdr .inner-cont-box.type1 {width:533px;border:1px solid #e5e5e5} .report-info-box.no-bdr .inner-cont-box.type2 {width:272px;border:1px solid #ff6653;margin-left:11px} /* 보고서 버튼 영역 */ .report-content .report-btn-area {margin:35px 0 0;text-align:center} .report-content .report-btn-area.hide {display:none} .report-content .report-btn-area .btn-round+.btn-round {margin-left:5px} /* 보고서 하단 영역 */ .report-content .report-bottom {height:153px;margin-top:35px;padding:45px 50px 0;font-size:13px;color:#2c3451;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_report_bottom.png) no-repeat 0 0} .report-content .report-bottom strong {display:block;font-size:20px;margin-bottom:10px} .report-content .report-bottom p {line-height:24px} /* 종합자산현황 */ .report-chart-box.asset {padding:29px 0;text-align:center} .report-chart-box.asset .compare-chart-list {width:530px} .report-chart-box.asset .compare-chart-list > li {width:192px} .report-chart-box.asset .compare-chart-list > li.txt-vs {width:146px;height:105px;padding-top:120px} .report-chart-box.asset .chart-legend {margin-top:35px} .report-chart-box.asset .chart-legend li+li {margin-left:15px} .report-chart-list.reduce .chart-area {margin:0 auto} .report-chart-list.reduce li {padding:30px 0 25px} .report-chart-list.reduce li .chart-title {text-align:center;margin-bottom:20px} .report-chart-list.reduce li .chart-title > strong {display:block;font-size:16px;color:#333} .report-chart-list.danger .chart-area {margin:0 auto} .report-chart-list.danger li {padding:30px 0 20px} .report-chart-list.danger li .chart-title {text-align:center;margin-bottom:20px;color:#333;font-size:16px;font-weight:bold} .report-chart-list.danger li .chart-title > strong {font-size:18px} .report-chart-box.deposit {padding:30px 50px} .report-chart-box.deposit .chart-list {*zoom:1} .report-chart-box.deposit .chart-list:after {content:'';display:block;clear:both} .report-chart-box.deposit .chart-list > li {float:left;width:195px;text-align:center} .report-chart-box.deposit .chart-list > li+li {margin-left:40px} .report-chart-box.deposit .chart-list > li.bar-chart {width:240px} .report-chart-box.deposit .chart-list > li.bar-chart .chart-area {margin-top:50px} .report-chart-box.deposit .chart-list > li.bar-chart .chart-area .chart-no-data {margin-top:-30px} .report-chart-box.deposit .chart-list > li .chart-area {margin-top:20px} .report-chart-box.deposit .chart-list .chart-legend.type1 {margin-top:15px;text-align:left} .report-chart-box.deposit .chart-list .chart-legend.type1 > li {width:95px} .report-chart-box.deposit .chart-list .chart-legend.type2 {margin-top:37px} .report-chart-box.deposit .chart-list .chart-legend.type2 > li {width:65px} .report-chart-desc {padding:20px;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;color:#7c7c7c;font-size:13px;background:#fbfbfb} .report-chart-desc dl dt {color:#333;font-weight:bold} .report-chart-desc dl+dl {margin-top:10px} /* 투자설계 */ .report-chart-box.invest-plan {position:relative;height:295px;overflow:hidden} .report-chart-box.invest-plan .chart-area {float:left;margin:28px 110px 0} .report-chart-box.invest-plan .chart-legend {position:absolute;top:100px;left:390px} .report-chart-box.invest-plan .chart-status-info {float:right;width:240px;height:295px;border-left:1px solid #e6e6e6;color:#333;background:#fcfcfc} .report-chart-box.invest-plan .chart-status-info li {margin:0 20px;padding:11px 0} .report-chart-box.invest-plan .chart-status-info li+li {border-top:1px solid #e6e6e6} .report-chart-box.invest-plan .chart-status-info .txt-cost {margin-top:5px;text-align:right;font-size:12px} .report-chart-box.invest-plan .chart-status-info .txt-cost > span {margin-right:3px;font-size:18px;vertical-align:middle} .report-chart-box.invest-plan .chart-status-info .status-total {background:#fff;border-bottom:1px solid #e6e6e6;padding:20px 20px 15px} .report-chart-box.invest-plan .chart-status-info .status-total .txt-tit {font-weight:bold} .report-chart-box.invest-plan .chart-status-info .status-total .txt-cost {margin-top:10px} .report-chart-box.invest-plan .chart-status-info .status-total .txt-cost > span {font-size:20px} .invest-info-box {margin-top:10px;padding:30px 29px;border:1px solid #e6e6e6} .invest-info-box .invest-date {text-align:right} .invest-info-box .invest-inner-box {margin-top:5px;*zoom:1} .invest-info-box .invest-inner-box:after {content:'';display:block;clear:both} .invest-info-box .invest-inner-box .invest-type-list {float:left;width:386px;height:156px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_invest_graph.png) no-repeat 0 0;*zoom:1} .invest-info-box .invest-inner-box .invest-type-list:after {content:'';display:block;clear:both} .invest-info-box .invest-inner-box .invest-type-list > li {float:left;width:77px;color:#2c3451;text-align:center;font-size:12px} .invest-info-box .invest-inner-box .invest-type-list > li.type1 {padding-top:80px;height:76px} .invest-info-box .invest-inner-box .invest-type-list > li.type2 {padding-top:60px;height:96px} .invest-info-box .invest-inner-box .invest-type-list > li.type3 {padding-top:40px;height:116px} .invest-info-box .invest-inner-box .invest-type-list > li.type4 {padding-top:25px;height:131px} .invest-info-box .invest-inner-box .invest-type-list > li.type5 {padding-top:14px;height:142px} .invest-info-box .invest-inner-box .invest-type-list > li.on {width:78px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_invest_graph_on.png) no-repeat 0 0;font-size:13px;font-weight:bold} .invest-info-box .invest-inner-box .invest-type-list > li.on > span {font-size:0;visibility:hidden;position:absolute;top:-9999999px} .invest-info-box .invest-inner-box .invest-info-txt {float:left;width:372px;height:96px;padding:30px 0;background:#2c3451;color:#fff;text-align:center;font-size:16px} .invest-info-box .invest-inner-box .invest-info-txt .info-title > strong {display:block;margin-top:10px;font-size:24px} .invest-info-box .invest-inner-box .invest-info-txt .info-detail {margin-top:20px;font-size:14px} .invest-info-box .invest-inner-box .invest-info-txt .info-detail > span {font-size:20px;font-weight:bold;vertical-align:middle} .invest-info-box .invest-inner-box .invest-info-txt .info-detail > span.gubun-bar {display:inline-block;width:1px;height:12px;margin:0 5px;background:#424d69} .report-chart-box.set-info {border:0;position:relative;width:100%;height:565px} .report-chart-box.set-info .chart-list-box {position:absolute;top:0;border:1px solid #e6e6e6;width:232px;height:535px;padding:20px 20px 15px} .report-chart-box.set-info .chart-list-box.own {left:0} .report-chart-box.set-info .chart-list-box.model {left:273px} .report-chart-box.set-info .chart-list-box.suggest {left:546px;border-color:#1686d6;z-index:1} .report-chart-box.set-info .chart-list-box.suggest .chart-title > strong {font-size:20px} .report-chart-box.set-info .chart-list-box .chart-area {margin:30px auto} .report-box-list {margin-top:10px} .report-box-list > li {padding:30px;border:1px solid #e6e6e6;*zoom:1} .report-box-list > li:after {content:'';display:block;clear:both} .report-box-list > li+li {margin-top:10px} .report-box-list .box-tit-area {margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e6e6e6;font-weight:bold;*zoom:1} .report-box-list .box-tit-area:after {content:'';display:block;clear:both} .report-box-list .box-tit-area .plan-tit {float:left;color:#333;font-size:18px} .report-box-list .box-tit-area .plan-tit > span {display:inline-block;padding:1px 5px;color:#fff;font-size:14px;font-weight:normal} .report-box-list .box-tit-area .plan-tit.stock > span {background:#d05c49} .report-box-list .box-tit-area .plan-tit.alter > span {background:#1963a1} .report-box-list .box-tit-area .plan-info-txt {float:right} .report-box-list .box-tit-area .plan-info-txt .txt-point {color:#333;vertical-align:middle} .report-box-list .box-tit-area .plan-info-txt .txt-point > span {font-size:18px} .report-box-list .box-tit-area .plan-info-txt .gubun-bar {display:inline-block;width:1px;height:12px;margin:0 5px;background:#e6e6e6;vertical-align:middle} .report-terms-box {margin-top:10px;padding:25px 20px;border:1px solid #e6e6e6;background:#fcfcfc} .report-terms-box .dot-list > li {padding-left:8px;background:url(https://oimg1.kbstar.com/img/ocommon/bult_list2.gif) no-repeat 0 8px} .report-terms-box .dot-list > li+li {margin-top:10px} .report-terms-box .dot-list > li > strong {color:#333} .report-terms-box .dash-list {margin-top:10px} .report-terms-box .dash-list > li > span {display:inline-block;width:10px;text-indent:0} .report-terms-box .dash-list > li {text-indent:-10px;padding-left:10px} .report-terms-box .dash-list > li+li {margin-top:5px} .inv_rslt ul{width:820px;height:320px;border:0 none;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_inv_result2.jpg) no-repeat -1px -1px} .inv_rslt li{position:relative;float:left;width:163px;border-left:1px solid #ddd;font-size:16px;text-align:center;color:#2c3451} .inv_rslt li.type1 {padding-top:175px;height:145px;border:0} .inv_rslt li.type2 {padding-top:140px;height:180px} .inv_rslt li.type3 {padding-top:105px;height:215px} .inv_rslt li.type4 {padding-top:70px;height:250px} .inv_rslt li.type5 {padding-top:35px;height:285px} .inv_rslt li .onbox{z-index:1;display:block;position:absolute;top:0;left:50%;margin-left:-50px;width:80px;padding:10px;border:1px solid #a9a299;border-radius:5px;background:#fff;opacity:1;color:#2c3451} .inv_rslt li.type1 .onbox{top:210px} .inv_rslt li.type2 .onbox{top:175px} .inv_rslt li.type3 .onbox{top:140px} .inv_rslt li.type4 .onbox{top:105px} .inv_rslt li.type5 .onbox{top:70px} .inv_rslt li.on {font-weight:bold;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_inv_result2_on.png) no-repeat 0 0} .inv_rslt li.on.type1 {background-position:0 0} .inv_rslt li .onbox .arrow {position:absolute;top:-7px;left:0;right:0;bottom:0;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/inv_rslt_onbox_arrow.png) no-repeat center top} .inv_rslt li .onbox em {font-style:normal;font-weight:normal} /* 라이프플랜 */ .life-stage-box {margin-top:10px} .life-stage-box > ul {width:820px;height:311px;*zoom:1} .life-stage-box > ul:after {content:'';display:block;clear:both} .life-stage-box > ul.stage0 {background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/report_lifestage_0.png) no-repeat 0 0} .life-stage-box > ul.stage1 {background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/report_lifestage_1.png) no-repeat 0 0} .life-stage-box > ul.stage2 {background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/report_lifestage_2.png) no-repeat 0 0} .life-stage-box > ul.stage3 {background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/report_lifestage_3.png) no-repeat 0 0} .life-stage-box > ul.stage4 {background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/report_lifestage_4.png) no-repeat 0 0} .life-stage-box > ul.stage5 {background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/report_lifestage_5.png) no-repeat 0 0} .life-stage-box > ul.stage6 {background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/report_lifestage_6.png) no-repeat 0 0} .life-stage-box > ul > li {float:left;width:136px;height:311px} .life-stage-box > ul > li > span {visibility:hidden} .life-stage-box > dl {padding:30px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fbfbfb;color:#333} .life-stage-box > dl > dt {font-weight:bold;font-size:18px} .life-stage-box > dl > dd {margin-top:10px} .life-stage-box > dl > dd > p+p {margin-top:15px} .life-stage-box > dl > dd > p > strong {font-size:16px} .report-need-area {width:100%;height:375px;margin-top:30px;background:#ffcccb} .report-chart-box.assetGuide {padding:30px 45px;*zoom:1} .report-chart-box.assetGuide:after {content:'';display:block;clear:both} .report-chart-box.assetGuide .chart-area {float:left;margin-left: 30px} .report-chart-box.assetGuide .chart-info-txt {float:left;width:380px;margin:40px 0 0 60px;font-size:18px;color:#2c3451;line-height:32px} .report-chart-box.assetGuide .chart-info-txt > span {font-size:24px;vertical-align:middle} .report-chart-box.assetGuide .chart-legend {float:left;margin-top:60px} .report-banner-box {margin-top:10px} .report-banner-box > ul {*zoom:1} .report-banner-box > ul:after {content:'';display:block;clear:both} .report-banner-box > ul > li {float:left;width:405px} .report-banner-box > ul > li img {width:100%} .report-banner-box > ul > li+li {margin-left:10px} /* 재무진단 */ .asset-status-box {margin-top:10px;border:1px solid #e6e6e6} .asset-status-box .asset-status-txt {padding:13px 0;background:#fcfcfc;text-align:center;color:#333} .asset-status-box .asset-status-txt .ico-sign {margin:0 30px;font-weight:bold} .asset-status-box .asset-status-txt .txt-cost {margin:0 3px 0 10px;font-size:22px;font-weight:bold;vertical-align:middle} .asset-status-box .asset-inner-box {border-top:1px solid #e6e6e6;*zoom:1} .asset-status-box .asset-inner-box:after {content:'';display:block;clear:both} .asset-status-box .report-chart-box {float:left;width:314px;margin:0;padding:40px;border:0} .asset-status-box .report-chart-box .chart-area {margin:0 auto} .asset-status-box .chart-info-area {position:relative;float:right;width:423px;;min-height:270px;padding-bottom:52px;border-left:1px solid #e6e6e6} .asset-status-box .chart-info-area .chart-tbl-area {padding:15px 20px 5px;*zoom:1} .asset-status-box .chart-info-area .chart-tbl-area+.chart-tbl-area {border-top:1px solid #e6e6e6} .asset-status-box .chart-info-area .chart-tbl-area:after {content:'';display:block;clear:both} .asset-status-box .chart-info-area .chart-tbl-area .chart-legend {float:left;width:120px;font-size:14px;color:#333} .asset-status-box .chart-info-area .chart-tbl-area .chart-legend em {display:block;font-size:13px;color:#666} .asset-status-box .chart-info-area .chart-tbl-area table {float:right;width:260px} .asset-status-box .chart-info-area .chart-tbl-area table thead th {position:absolute;top:-99999px;left:0} .asset-status-box .chart-info-area .chart-tbl-area table tfoot td {padding:8px 0;border-top:1px solid #e6e6e6;color:#333} .asset-status-box .chart-info-area .chart-tbl-area table tbody td {padding-bottom:8px} .asset-status-box .chart-info-area .chart-tbl-area table tfoot td.ar, .asset-status-box .chart-info-area .chart-tbl-area table tbody td.ar {text-align:right} .asset-status-box .chart-info-area .chart-tbl-area table tfoot td.ar > span {font-weight:bold;font-size:16px;vertical-align:middle} .asset-status-box .chart-info-area .chart-tbl-area table tbody td.ar > span {font-size:16px;vertical-align:middle} .asset-status-box .chart-info-area .chart-tbl-area table tbody td strong {color:#333} .asset-status-box .chart-info-area .chart-tbl-result {position:absolute;bottom:0;left:0;width:383px;padding:15px 20px;border-top:1px solid #e6e6e6;background:#fcfcfc;*zoom:1} .asset-status-box .chart-info-area .chart-tbl-result:after {content:'';display:block;clear:both} .asset-status-box .chart-info-area .chart-tbl-result .txt-title {float:left;width:120px;color:#333;font-weight:bold} .asset-status-box .chart-info-area .chart-tbl-result .txt-cost {float:left;width:198px;color:#333;text-align:right} .asset-status-box .chart-info-area .chart-tbl-result .txt-cost > span {font-size:20px;font-weight:bold;vertical-align:middle} .asset-status-box .chart-info-area .chart-tbl-result .txt-percent {float:right} .report-chart-box.action {border:0} .report-chart-box.action .chart-list {*zoom:1} .report-chart-box.action .chart-list:after {content:'';display:block;clear:both} .report-chart-box.action .chart-list > li {float:left;width:348px;border:1px solid #e6e6e6;padding:20px 25px} .report-chart-box.action .chart-list > li+li {margin-left:20px} .report-chart-box.action .chart-list .chart-title {padding-bottom:15px;text-align:left;border-bottom:1px solid #e6e6e6} .report-chart-box.action .chart-list .chart-title > strong {font-size:24px;font-weight:normal} .report-chart-box.action .chart-list .chart-wrap {position:relative;width:100%;padding-top:60px;*zoom:1} .report-chart-box.action .chart-list .chart-wrap:after {content:'';display:block;clear:both} .report-chart-box.action .chart-list .chart-info-area {float:left;width:220px} .report-chart-box.action .chart-list .chart-info-area > p {font-size:20px;color:#333;line-height:30px} .report-chart-box.action .chart-list .chart-info-area .chart-legend {margin:20px 0 0 10px} .report-chart-box.action .chart-list .chart-area {float:right} .report-chart-box.action .chart-list .chart-balloon {position:absolute;top:20px;right:0;width:108px;height:31px;padding:5px 0 0;font-size:14px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_chart_balloon.png) no-repeat 0 0;color:#fff;text-align:center} .report-chart-box.action .chart-list .chart-balloon .result-down {display:inline-block;width:9px;height:14px;vertical-align:middle;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_ico_updown.png) no-repeat 0 -18px} .report-chart-box.action .chart-list .chart-balloon .result-up {display:inline-block;width:9px;height:14px;vertical-align:middle;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_ico_updown.png) no-repeat 0 0} .report-chart-box.action .chart-list .chart-balloon .result-down > span, .report-chart-box.action .chart-list .chart-balloon .result-up > span {font-size:0;visibility:hidden} /* 노후설계 */ .oldage-cal-box {margin-top:10px;padding:30px;border:1px solid #e6e6e6;text-align:center} .oldage-cal-box > p {display:inline-block;*display:inline;text-align:center;line-height:24px} .oldage-cal-box > p > span {display:block;color:#333} .oldage-cal-box > p > span > em {font-size:20px;font-weight:bold;vertical-align:middle} .oldage-cal-box > p.txt-result {color:#333} .oldage-cal-box > p.txt-result > span {color:#fe6651} .oldage-cal-box > p.txt-result > span > em {font-size:24px} .oldage-cal-box .txt-sign {display:inline-block;margin:0 20px;color:#cdcdcd;font-weight:bold;font-size:24px;line-height:45px;vertical-align:top} .oldage-info-box {margin-top:10px;border:1px solid #e6e6e6;*zoom:1} .oldage-info-box:after {content:'';display:block;clear:both} .oldage-info-box > li {float:left;width:272px;padding:30px 0;text-align:center;color:#333} .oldage-info-box > li+li {border-left:1px solid #e6e6e6} .oldage-info-box > li > p+p {margin-top:15px;color:#666} .oldage-info-box > li > p > span {font-size:24px;color:#333;font-weight:bold;vertical-align:bottom} .oldage-info-box > li > p > em {font-size:13px} .report-chart-box.oldage {padding:25px 0} .report-chart-box.oldage .chart-area {margin:0 auto} .report-chart-box.flow {padding:0 0 30px;text-align:center} .report-chart-box.flow .chart-top-txt {padding:20px 0;background:#fcfcfc;border-bottom:1px solid #e6e6e6;font-size:16px} .report-chart-box.flow .chart-top-txt > strong {color:#333} .report-chart-box.flow .chart-top-txt > span {font-size:13px} .report-chart-box.flow .chart-legend {margin-top:20px} .report-chart-box.flow .chart-legend li+li {margin-left:10px} .report-chart-box.flow .chart-area {margin:20px auto 0} .report-chart-box.flow2 {padding:20px 0 30px;text-align:center} .report-chart-box.flow2 .chart-area {margin:15px auto 0} .report-chart-box.flow2 .chart-legend li+li {margin-left:10px} .report-chart-box.slider {padding:30px 0} .report-chart-box.slider .chart-top-txt {font-size:16px;/*background:#fcfcfc;*/text-align:center} .report-chart-box.slider .chart-top-txt > strong {color:#333} .report-chart-box.slider .chart-top-txt > span {margin-left:10px;font-size:20px;color:#333;font-weight:bold;vertical-align:middle} .report-chart-box.slider .chart-top-txt .gubun-bar {display:inline-block;width:1px;height:14px;margin:0 15px;background:#ccc;vertical-align:middle} .report-chart-box.slider .living-cost-list {width:736px;margin:30px auto 0;*zoom:1} .report-chart-box.slider .living-cost-list:after {content:'';display:block;clear:both} .report-chart-box.slider .living-cost-list > li {float:left;width:146px;text-align:center;color:#666;background:#fbfbfb;padding:20px 0;line-height:24px;border:1px solid #ddd;border-left:0} .report-chart-box.slider .living-cost-list > li:first-child {border-left:1px solid #ddd} .report-chart-box.slider .living-cost-list > li > span {display:block} .report-chart-box.slider .living-cost-list > li > strong {font-size:16px} .report-chart-box.slider .living-cost-list > li.on {background:#f1f6fc;color:#2a344d;border:1px solid #abbbdc;margin-left:-1px} /* 목적자금설계 */ .report-half-area {margin-top:25px;*zoom:1} .report-half-area:after {content:'';display:block;clear:both} .report-half-area .half-chart-area {float:left;width:400px} .report-half-area .half-chart-area.type2 {margin-left:20px} .report-half-area .report-chart-box {height:300px;margin:10px 0 0;padding:20px 0 30px;border:1px solid #e6e6e6} .report-half-area .report-chart-box2 {height:300px;margin:10px 0 0;padding:20px 20px 30px;border:1px solid #e6e6e6;*zoom:1} .report-half-area .report-chart-box2:after {content:'';display:block;clear:both} .report-half-area .report-chart-box2 .inner-chart-box {float:left;text-align:center;margin-top:20px} .report-half-area .report-chart-box2 .inner-chart-box.type2 {margin:0 0 0 30px} .report-half-area .report-chart-box2 .inner-chart-box .chart-tit {margin:15px 0 20px;font-weight:bold;font-size:16px;color:#333} .report-half-area .report-chart-box2 .inner-chart-box .chart-legend li {width:60px} .report-half-area .report-chart-box .chart-area {margin:0 auto} .bar-chart-area {width:300px;margin:20px auto 0;*zoom:1} .bar-chart-area:after {content:'';display:block;clear:both} .bar-chart-area > li {float:left;width:60px} .bar-chart-area > li .bar-chart-value {display:block;position:relative;width:40px;height:250px;margin:0 auto;text-align:center} .bar-chart-area > li .bar-chart-value > span {position:absolute;bottom:0;left:0;width:100%} .bar-chart-area > li .bar-chart-value > span > em {position:absolute;top:-20px;left:0;width:100%;text-align:center} .bar-chart-area > li .bar-chart-value.type1 > span {background:#e44d75} .bar-chart-area > li .bar-chart-value.type2 > span {background:#1963a1} .bar-chart-area > li .bar-chart-value.type3 > span {background:#54a5d3} .bar-chart-area > li .bar-chart-value.type4 > span {background:#119879} .bar-chart-area > li .bar-chart-value.type5 > span {background:#e98f45} .bar-chart-area > li .bar-chart-title {display:block;height:40px;border-top:1px solid #ccc;line-height:40px;text-align:center;font-size:13px} .bar-chart-area.type2 {width:120px} /* 별 포인트 */ .report-content .star-point {display:inline-block;width:60px;height:13px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_report_point.png) no-repeat 0 0;vertical-align:middle;margin-bottom:3px} .report-content .star-point > span {font-size:0;visibility:hidden} .report-content .star-point.point0 {background-position:0 100%} .report-content .star-point.point1 {background-position:0 -39px} .report-content .star-point.point2 {background-position:0 -26px} .report-content .star-point.point3 {background-position:0 -13px} .report-content .star-point.point4 {background-position:0 0} .report-content .star-point.type2 {width:45px} /* 보고서 차트 공통 */ .report-chart-box {margin-top:10px;border:1px solid #e6e6e6} .report-chart-box .chart-title {margin-bottom:15px;font-size:16px;color:#333;font-weight:bold} .report-chart-box .chart-title2 {text-align:center} .report-chart-box .chart-title2 > strong {font-size:16px;color:#333;font-weight:bold;text-align:center} .report-chart-box .chart-title2 > p {margin-top:15px;font-size:13px} .report-chart-box .chart-title2.point > strong {font-size:20px} .report-chart-box .legend-tbl {margin:0 auto} .report-chart-box .legend-tbl thead th {position:absolute;top:-99999px;left:0} .report-chart-box .legend-tbl tbody td {padding-bottom:10px} .report-chart-box .legend-tbl tfoot td {border-top:1px solid #ccc;padding-top:10px} .report-chart-box .legend-tbl tfoot td.chart-legend {font-weight:bold} .report-chart-box .legend-tbl tfoot td.chart-legend, .report-chart-box .legend-tbl tbody td.chart-legend {text-align:left} .report-chart-box .legend-tbl tfoot td.chart-cost, .report-chart-box .legend-tbl tbody td.chart-cost {text-align:right;font-size:12px;color:#333} .report-chart-box .legend-tbl tfoot td.chart-cost > span, .report-chart-box .legend-tbl tbody td.chart-cost > span {font-size:20px;vertical-align:middle} .report-chart-box .legend-tbl tfoot td.chart-percent, .report-chart-box .legend-tbl tbody td.chart-percent {text-align:center;font-size:13px} /* 차트 비교 (공통) */ .report-chart-box .compare-chart-list {margin:0 auto;*zoom:1} .report-chart-box .compare-chart-list:after {content:'';display:block;clear:both} .report-chart-box .compare-chart-list > li {float:left} .report-chart-box .compare-chart-list > li.txt-vs {font-size:36px;color:#d8d8d8;font-weight:bold;text-align:center} /* 차트 그리드영역 (공통) */ .grid-range-title {width:360px;margin:0 auto;*zoom:1} .grid-range-title:after {content:'';display:block;clear:both} .grid-range-title li {float:left;width:60px;margin-top:1px;font-weight:normal;font-size:12px} .grid-range-title li.first {width:30px;color:#3b83d5;margin:0} .grid-range-title li.last {width:30px;color:#f06c60;margin:0} .grid-chart {position:relative;width:360px;height:38px;margin:0 auto} .grid-chart .grid-bar {position:absolute;top:9px;left:50%;width:120px;font-weight:bold} .grid-chart .grid-bar > span {position:relative;display:inline-block;height:20px;font-size:0;vertical-align:middle} .grid-chart .grid-bar > span > strong {display:inline-block;position:absolute;top:0;width:55px;font-size:14px} .grid-chart .grid-bar.plus {color:#f06c60;text-align:left} .grid-chart .grid-bar.plus > span {background:#f06c60} .grid-chart .grid-bar.plus > span > strong {right:-60px} .grid-chart .grid-bar.minus {left:50%;margin-left:-120px;color:#3b83d5;text-align:right} .grid-chart .grid-bar.minus > span {background:#3b83d5} .grid-chart .grid-bar.minus > span > strong {left:-60px} .grid-chart .grid-range {width:360px;*zoom:1} .grid-chart .grid-range:after {content:'';display:block;clear:both} .grid-chart .grid-range li {float:left;width:59px;height:38px;border-left:1px solid #e5e5e5} .grid-chart .grid-range li:first-child {border-left:0;width:60px} /* 바 형식 차트 (공통) */ .report-bar-chart {width:100%;height:40px;padding:25px 0;*zoom:1} .report-bar-chart:after {content:'';display:block;clear:both} .report-bar-chart .chart-bar {position:relative;float:left;height:40px} .report-bar-chart .chart-bar .chart-txt {position:absolute;left:50%;width:100px;margin-left:-50px;text-align:center;color:#333} .report-bar-chart .chart-bar .chart-txt.type1 {top:-25px} .report-bar-chart .chart-bar .chart-txt.type2 {top:0;line-height:40px;font-size:16px} .report-bar-chart .chart-bar .chart-txt.type2 > span {font-size:20px} .report-bar-chart .chart-bar .chart-txt.type3 {top:45px} .report-bar-chart.type1 .chart-bar {background:#eee} .report-bar-chart.type1 .chart-bar.active {background:#5793f3} .report-bar-chart.type1 .chart-bar.active .chart-txt.type2 {color:#fff} .report-bar-chart.type2 .chart-bar {background:#eee} .report-bar-chart.type2 .chart-bar.active {background:#86d75e} .report-bar-chart.type2 .chart-bar.active .chart-txt.type2 {color:#fff} .report-bar-chart.type3 .chart-bar {background:#dbdbdb} .report-bar-chart.type3 .chart-bar.active {background:#5469aa} .report-bar-chart.type3 .chart-bar.active .chart-txt.type2 {color:#fff} .report-bar-chart.type3 .chart-bar .chart-txt.type3 strong {font-size:16px;vertical-align:middle} /* 포트폴리오 정보 차트 (공통) */ .report-chart-box.portfolio {padding:29px 0;position:relative} .report-chart-box.portfolio .chart-title {width:210px;margin:30px auto 5px;padding:0 0 15px 0;font-size:20px;font-weight:normal;border-bottom:1px solid #e6e6e6;text-align:center} .report-chart-box.portfolio .compare-chart-list {width:680px} .report-chart-box.portfolio .compare-chart-list > li {width:240px} .report-chart-box.portfolio .compare-chart-list > li.txt-vs {width:200px;height:320px;padding-top:110px} .report-chart-box.portfolio .compare-chart-list .legend-tbl {width:210px;margin:0 auto} .report-chart-box.portfolio .compare-result-box {position:absolute;top:300px;left:50%;width:120px;margin-left:-80px;padding:10px 20px 15px;background:#f1f6fc;color:#333} .report-chart-box.portfolio .compare-result-box > p {text-align:center} .report-chart-box.portfolio .compare-result-box > ul {margin-top:15px} .report-chart-box.portfolio .compare-result-box > ul > li {text-align:right} .report-chart-box.portfolio .compare-result-box > ul > li+li {margin-top:10px} .report-chart-box.portfolio .compare-result-box .result-txt {display:inline-block;margin-left:5px;padding:2px 5px 5px;*padding:0 3px 5px;font-size:12px;line-height:1.0;vertical-align:middle} .report-chart-box.portfolio .compare-result-box .result-txt.up {border:1px solid #f66d5b;color:#f66d5b} .report-chart-box.portfolio .compare-result-box .result-txt.down {border:1px solid #1687d7;color:#1687d7} .report-chart-box.portfolio2 {padding:29px 0;position:relative} .report-chart-box.portfolio2 .chart-title {width:240px;font-size:16px;font-weight:bold;text-align:center} .report-chart-box.portfolio2 .compare-chart-list {width:625px} .report-chart-box.portfolio2 .compare-chart-list > li {width:240px} .report-chart-box.portfolio2 .compare-chart-list > li.ico-arrow {width:145px;height:280px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_arrow_right.png') no-repeat 50% 150px} .report-chart-box.status {padding:30px 90px;*zoom:1} .report-chart-box.status:after {content:'';display:block;clear:both} .report-chart-box.status .chart-area {float:left} .report-chart-box.status .chart-info-area {float:left;margin-left:60px} .report-chart-box.status .chart-info-area .legend-tbl {width:330px} .report-chart-box.status .chart-info-area .legend-tbl .chart-legend {font-size:14px} .report-chart-list {margin-top:10px;*zoom:1} .report-chart-list:after {content:'';display:block;clear:both} .report-chart-list li {float:left;width:398px;border:1px solid #e6e6e6} .report-chart-list li+li {margin-left:20px} /* ************************* 빠른 노후 설계 ************************** */ .subTypeB.retire-quick * {letter-spacing:-0.04em} .retire-quick .quick-tit-area {min-width:980px;margin:0 auto;padding:60px 0 25px} /* 2019-09-02 */ .retire-quick .quick-tit-area .inner-area {width:820px;margin:0 auto;text-align:center} .retire-quick .quick-tit-area .inner-area h3 {font-size:30px;color:#222;font-weight:normal} /* 2019-09-02 */ .retire-quick .quick-tit-area .inner-area p {font-size:14px;color:#c7cff0;line-height:22px} .retire-quick .quick-tit-area .inner-area .tabWrap {margin:30px 0;padding-bottom:0} .retire-quick .quick-cont-area {min-width:980px;margin:0 auto;padding:50px 0;background:#f6f6f6} .retire-quick .quick-cont-area .inner-area {width:870px;margin:0 auto} .retire-quick .question-tit-area {position:relative;width:100%;margin-top:40px} .retire-quick .question-tit-area .question-tit {font-size:22px;color:#2C3451;line-height:1.2} .retire-quick .question-tit-area .question-tit > span {font-weight:bold;font-size:24px;vertical-align:middle} .retire-quick .question-tit-area .question-btn {position:absolute;top:-5px;right:0} .retire-quick .question-tit-area .question-btn a > em {font-size:16px;vertical-align:middle !important} .retire-quick .question-box {margin-top:10px;padding-bottom:25px;background:#fff} .retire-quick .question-box table {background:#fff;color:#2C3451} .retire-quick .question-box table thead th {height:40px;border-bottom:2px solid #f6f6f6;font-size:14px;font-weight:normal} .retire-quick .question-box table tbody td {padding:20px 0 0;text-align:center;font-size:20px} .retire-quick .question-box table thead th.first, .retire-quick .question-box table tbody td.first {padding-left:60px} .retire-quick .question-box table thead th.last, .retire-quick .question-box table tbody td.last {padding-right:60px} .retire-quick .question-box table tbody .partner-area.hide {display:none} .retire-quick .question-box table tbody td .txt-age {display:inline-block;min-width:60px;font-size:18px;text-align:right;line-height:1.2} .retire-quick .question-box table tbody td .txt-age > span {margin-right:5px;font-size:30px;vertical-align:middle} .retire-quick .question-box table tbody td .txt-cost {display:inline-block;min-width:100px;font-size:18px;text-align:right;line-height:1.2} .retire-quick .question-box table tbody td .txt-cost > span {margin-right:5px;font-size:30px;vertical-align:middle} .retire-quick .question-box table tbody td .txt-cost.type2 {min-width:200px} .retire-quick .question-box button.btn-round {display:inline-block;margin-left:10px;font-family:inherit;border:0;padding:0;vertical-align:middle;background:none;border-radius:20px} .retire-quick .question-box button.btn-round > span {display:inline-block;height:32px;padding:8px 20px 0;*height:30px;*padding:6px 20px 0;color:#fff;background:#2C3451;border-radius:20px} .retire-quick .question-box button.btn-round.disabled > span {height:31px;padding:7px 19px 0;*height:29px;*padding:5px 20px 0;border:1px solid #d1d1d1;color:#c4c4c4;background:#fff} .retire-quick .question-info-area {position:relative;width:100%;min-height:25px;margin:10px 0 0;font-size:13px;color:#666;border:0} .retire-quick .question-info-area .btn-area {position:absolute;top:0;right:0} .retire-quick .question-info-area .btn-area a {display:inline-block;padding:1px 5px 3px;border:1px solid #ccc;color:#666;font-size:12px} .retire-quick .question-box.slider {padding:30px} .retire-quick .question-box.slider .living-cost {font-size:20px;text-align:center} .retire-quick .question-box.slider .living-cost-list {width:736px;margin:20px auto 0;*zoom:1} .retire-quick .question-box.slider .living-cost-list:after {content:'';display:block;clear:both} .retire-quick .question-box.slider .living-cost-list > li {float:left;width:146px;height:148px;position:relative;border:1px solid #ddd;border-left:0} .retire-quick .question-box.slider .living-cost-list > li label {display:block;position:absolute;top:0;left:0;width:100%;height:68px;padding:80px 0 0;text-align:center;font-size:16px;color:#666;background:#fff url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_radio_chk.png) no-repeat 50% 20px;line-height:24px;cursor:pointer} .retire-quick .question-box.slider .living-cost-list > li:first-child {border-left:1px solid #ddd} .retire-quick .question-box.slider .living-cost-list > li span {display:block} .retire-quick .question-box.slider .living-cost-list > li input[type="radio"] {position:absolute;top:50%;left:50%;z-index:0} .retire-quick .question-box.slider .living-cost-list > li strong {font-size:16px} .retire-quick .question-box.slider .living-cost-list > li.on {border:1px solid #abbbdc;margin-left:-1px} .retire-quick .question-box.slider .living-cost-list > li.on:first-child {margin-left:0} .retire-quick .question-box.slider .living-cost-list > li.on label {background:#f1f6fc url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_radio_chk_on.png) no-repeat 50% 20px;color:#2a344d} /* 빠른노후설계 결과 */ .quick-result-btn-area {background:#f6f6f6} .quick-result-btn-area .inner-area {width:870px;margin:0 auto;padding:20px 0 30px;text-align:center} .quick-result-btn-area .quick-result-btn {display:inline-block;padding-right:40px;font-size:18px;line-height:30px;font-weight:bold;color:#2C3451;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_btn_tab.png) no-repeat 100% 2px} .quick-result-btn-area .quick-result-btn.on {background-position:100% -50px} .retire-quick .quick-result-area {min-width:980px;height:640px;padding:44px 0 0;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_quick_retire_result2.png) no-repeat 50% 0} .retire-quick .quick-result-area .inner-area {width:870px;margin:0 auto} .retire-quick .result-chart-box {width:870px;height:342px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_quick_retire_result.png) no-repeat 0 0;*zoom:1} .retire-quick .result-chart-box:after {content:'';display:block;clear:both} .retire-quick .result-chart-box .chart-detail-area {float:left;width:570px;height:302px;padding:40px 32px 0} .retire-quick .result-chart-box .chart-title-area {position:relative;width:100%} .retire-quick .result-chart-box .chart-title-area h4 {font-size:20px;color:#fff;line-height:1.4} .retire-quick .result-chart-box .chart-title-area p {position:absolute;top:0;right:0;width:220px;text-align:right} .retire-quick .result-chart-box .chart-title-area p > a {display:inline-block;padding:0 10px;font-size:12px;color:#fff;border:1px solid #fff} .retire-quick .result-chart-box .chart-legend {margin:20px 0;color:#c7cff0;font-size:12px} .retire-quick .result-chart-box .chart-legend li+li {margin-left:20px} .retire-quick .result-chart-box > ul {float:right;width:235px;height:332px;padding:10px 0 0;border-left:1px solid #3f465f} .retire-quick .result-chart-box > ul > li {padding:18px 20px;*padding:15px 20px;color:#c7cff0;font-size:16px} .retire-quick .result-chart-box > ul > li+li {border-top:1px solid #3f465f} .retire-quick .result-chart-box .txt-tit {text-align:left} .retire-quick .result-chart-box .txt-data {margin-top:15px;*zoom:1} .retire-quick .result-chart-box .txt-data:after {content:'';display:block;clear:both} .retire-quick .result-chart-box .txt-data .sign {float:left;font-size:40px} .retire-quick .result-chart-box .txt-data .cost {float:right;color:#fff;*line-height:1.0} .retire-quick .result-chart-box .txt-data .cost > em {margin-right:3px;font-size:28px;vertical-align:middle} .retire-quick .result-chart-box .txt-btn {margin-top:15px;text-align:right} .retire-quick .result-chart-box .txt-btn .btn-round {width:100px;height:28px;font-size:14px;line-height:28px;font-weight:bold} .retire-quick .result-chart-box .txt-tit.type2 {font-weight:bold;color:#fff} .retire-quick .result-chart-box .txt-data.type2 .sign {font-size:24px} .retire-quick .result-chart-box .txt-data.type2 .cost {float:right;color:#f96558} .retire-quick .result-info-txt {margin-top:10px;font-size:13px;color:#666} .retire-quick .quick-result-area .result-txt-box {margin-top:20px;padding:40px 70px 30px;font-size:20px;color:#2C3451;line-height:38px;text-align:center;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_quick_retire_result3.png) repeat 0 0} .retire-quick .quick-result-area .result-btn-area {margin-top:20px} .retire-quick .quick-result-area .result-btn-area .btn-round+.btn-round {margin-left:5px} /* 은퇴설계 - 간편설계(2018-11-28) */ .retire-wrap-new {position:relative;width:940px;margin:0 auto;padding:10px 0 0;padding-bottom:40px;} .retire-wrap-new * {letter-spacing:-0.04em;line-height:1.0} .retire-new h3 {font-size:35px;color:#222;font-weight:normal;text-align:center;margin-bottom:40px;} .retire-new .g-box{background:#f6f6f6;overflow:hidden;padding:60px 0 30px;text-align:center;} .retire-new .g-box.lbox{background:#fff !important;border:2px solid #dedede;}/*2019-01-17*/ .retire-new .g-box ul.ipt-area{overflow:hidden;} .retire-new .ipt-area li{float:left;border-left:1px solid #c0c2cb;width:312px;height:76px;padding-top:96px;} .retire-new .ipt-area li:first-child{border:none;width:313px;background:url('https://oimg1.kbstar.com/img/omoney/2018/nmsub/bg_retire_plan01.png') no-repeat center 0;} .retire-new .ipt-area li:nth-child(2) {padding-top:98px;background:url('https://oimg1.kbstar.com/img/omoney/2018/nmsub/bg_retire_plan02.png') no-repeat center 0;} .retire-new .ipt-area li:nth-child(3) {background:url('https://oimg1.kbstar.com/img/omoney/2018/nmsub/bg_retire_plan03.png') no-repeat center 0;} .retire-new .ipt-area li strong{display:block;font-size:26px;font-weight:normal;margin-bottom:8px;}/*2019-01-14 타이틀추가*/ .retire-new .g-box .ipt-area + p{padding-top:50px;color:#868686;font-size:15px;line-height:1.2} .retire-new .g-box .list_type1{padding-left:105px;padding-top:50px;}/*2019-01-22*/ .retire-new .g-box .list_type1 li{font-size:15px !important;line-height:1.2 !important;color:#868686 !important;background-position:0 8px !important;}/*2019-01-22*/ .retire-new .retire-btn-area{margin-top:40px;text-align:center} .retire-new .g-box .result-area{overflow:hidden;text-align:center;margin:0 auto;width:564px;} .retire-new .g-box .result-area li{float:left;margin:0 auto;text-align:center;width:188px;} .retire-new .g-box .result-area li dl{position:relative;height:250px;} .retire-new .g-box .result-area li dt{position:absolute;top:218px;width:138px;text-align:center;font-size:23px;} .retire-new .g-box .result-area li dd{width:138px;height:200px;position:relative;} .retire-new .g-box .result-area li:first-child dd span{background:#e79e01;width:138px; color:#000;} .retire-new .g-box .result-area li:nth-child(2) dd span{background:#019e73;width:138px; color:#000;} .retire-new .g-box .result-area li:nth-child(3) dd span{background:#d55e00;width:138px;color:#000;}/*2019-01-17*/ .retire-new .g-box .result-area li:nth-child(3) dd span.expt{color:#d63200;} .retire-new .g-box .result-area li dd span{display:block;position:absolute;bottom:0;font-family:'맑은 고딕'} .retire-new .g-box .result-area li dd span span{position:static;height:inherit;display:table-cell;vertical-align:middle;font-size:44px;font-weight:bold;} .retire-new .g-box .result-area li dd span span.expt{position:absolute;display:block;height:0;} .retire-new .g-box .result-area li dd span span em{font-style:normal;font-weight:normal;font-size:22px;} .retire-new .g-box .result-txt{font-size:18px;color:#2b4c54;margin-top:50px;line-height:1.5} .retire-new .g-box .result-txt strong{color:#2c3451;} .retire-new .g-box .result-txt strong.point_blue{color:#0066ff !important;}/*2019-01-17*/ .retire-new .g-box .result-txt strong.point_red{color:#d63200 !important;}/*2019-01-17*/ .retire-new .g-box .result-txt + p{font-size:13px;color:#707070;margin-top:10px;} .retire-new h4{font-size:20px;margin:60px 0 20px;} .retire-new .retire-tbl{overflow:hidden;} .retire-new .retire-tbl table{width:420px;font-size:18px;} .retire-new .retire-tbl table th{border-top:1px solid #ebedf3;padding:12px 10px 12px 12px;background:url('https://oimg1.kbstar.com/img/omoney/2018/nmsub/bul_retire_plan.png') no-repeat 0 50%;text-align:left;color:#2b4c54;font-weight:normal;} .retire-new .retire-tbl table td{border-top:1px solid #ebedf3;padding:12px 10px;text-align:right;color:#222;line-height:1.4} .retire-new .retire-tbl table tfoot th, .retire-new .retire-tbl table tfoot td{background:#f6f6f6;} .retire-new .retire-tbl table table th, .retire-new .retire-tbl table table td{border:none;} .retire-new .retire-tbl table table th{background:none;padding:6px 0 6px 33px;} .retire-new .retire-tbl table table td{padding:6px 0px;line-height:1.2} .retire-new .retire-tbl table .intbl{border-top:none;padding-top:0;padding-bottom:4px;} .retire-new .retire-tbl table .stress{color:#2c3451;} .retire-new .retire-tbl + h4{border-top:1px solid #a8aaae;padding-top:48px;} .retire-new .retire-tbl + h4 + p{color:#707070;line-height:1.4} .retire-new .chart-legend + .retire-btn-area{margin-top:120px;} /* 은퇴설계 - 맞춤설계(2019-05-17)++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* 스탭(케이봇) */ .step_type{text-align:center;margin-bottom:22px;font-size:12px;} .step_type li {border-radius:15px;font-family:Dotum;display:inline-block;padding-top:2px 0/IE8;padding:0 13px;line-height:26px;background:#fff !important;color:#919191;border:2px solid #ddd;} .step_type li.on{border-color:#09a29b;color:#09a29b;} .step_type li.on:before {content:'현재단계';position:absolute;left:-9999px;} .step_type li + li{margin-left:4px;} .step_type li span{width:auto;height:auto;margin:0 !important;padding:0 !important;display:inline-block;color:#83817e;text-align:center;} .step_type li > span:first-child:after {content:'.';} .step_type li, .step_type li span{background:none !important;line-height:26px \0/IE8;} .step_type.min li {width:0;overflow:hidden;white-space:nowrap;} .step_type.min li > span:first-child:after {content:'';} .step_type.min li.on {width:auto;} .step_type.min li.on > span {width:auto;} .step_type.min li > span{display:inline-block;width: 26px; line-height: 26px; margin: 0 0 0 -13px !important;} .step_type.min li.on>span{color:#09a29b;margin:0 !important;} .step_type.min li.on > span:first-child:after {content:'.';color:#09a29b;} /* 탭 */ .tab_st01 {overflow:hidden;background:#fff;} .tab_st01 li{float:left;width:50%;} .tab_st01 li a{display:block;text-align:center;font-size:20px;color:#000;padding:15px 0;margin-left:-1px;border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;} .tab_st01 li.on a{background:#ffe42c;font-weight:bold;} .tab_st01 li:first-child a{margin-left:0;border-top-left-radius:2px;} .tab_st01 li:last-child a{border-top-right-radius:2px;} /* 탭2 */ .tab_st01.ony {overflow:hidden;background:#fff;} .tab_st01.ony li{float:left;width:50%;} .tab_st01.ony li a{display:block;text-align:center;font-size:20px;color:#000;padding:15px 0;border:1px solid #e8e8e8;} .tab_st01.ony li.on a{background:#ffe42c;border:1px solid #ffe42c;font-weight: bold;} .tab_st01.ony li:first-child a{margin-left:0;border-top-left-radius:2px;} .tab_st01.ony li:last-child a{border-top-right-radius:2px;} /* 컨텐츠영역 */ .retire-new2 .retire-wrap-new{position:relative;width:940px;margin:0 auto;padding:10px 0 0;} .retire-new2 .retire-wrap-new *{letter-spacing:-0.04em;} /*타이틀 & 박스*/ .retire-new2 h3{font-size:28px;color:#222;font-weight:normal;text-align:center;margin-bottom:58px;} .retire-new2 .g-box{background:#f6f6f6;overflow:hidden;padding:75px 0;text-align:center;border:1px solid #e8e8e8;border-top:none;margin-top:-1px;} .retire-new2 .g-box ul.ipt-area:after {content:'';display:block;clear:both;} .retire-new2 .g-box div .input-tit {font-size:20px;color:#000;vertical-align:middle;display:inline-block;text-align:left;width:80px;} .retire-new2 .ipt-area li{float:left;border-left:1px solid #c0c2cb;width:311px;height:82px;padding-top:92px;} .retire-new2 .ipt-area li:first-child{border:none;background:url('https://oimg1.kbstar.com/img/omoney/2019/bg_retire_plan01.png') no-repeat center 0;} .retire-new2 .ipt-area li:nth-child(2) {background:url('https://oimg1.kbstar.com/img/omoney/2019/bg_retire_plan02.png') no-repeat center 0;} .retire-new2 .ipt-area li:nth-child(3) {background:url('https://oimg1.kbstar.com/img/omoney/2019/bg_retire_plan03.png') no-repeat center 0;} .retire-new2 .ipt-area li strong{display:block;font-size:26px;font-weight:normal;margin-bottom:8px;color:#000;} .retire-new2 .input-txt {display:inline-block;margin:0 0 0 5px;border-bottom:2px solid #fff;color:#fff;vertical-align:middle;line-height:1.0;border-color:#30334a;color:#30334a;} .retire-new2 .input-txt.disabled {border-color:#d3d3d3 !important;} .retire-new2 .input-txt input[type="text"] {min-width:49px;width:0px;height:40px;border:0;font-size:40px;color:#fff;background:none;text-align:right;vertical-align:middle;letter-spacing:0;font-family:Arial,'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;color:#30334a;} .retire-new2 .input-txt + span{font-size:24px;vertical-align:middle;} .retire-new2 .input-txt.small input[type="text"] {height:32px;font-size:30px;min-width:36px} .retire-new2 .input-txt.small + span {font-size:18px;} .retire-new2 .txt-age {display:inline-block;margin:0 0 0 5px;min-width:49px;width:0px;height:40px;border:0;font-size:40px;color:#fff;background:none;text-align:right;vertical-align:middle;letter-spacing:0;font-family:Arial,'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;color:#30334a;} .retire-new2 .txt-age + span{font-size:24px;vertical-align:middle;} /* 기본버튼, 서브버튼 공통(개인뱅킹) */ .btn-action, .btn-com, .btn-sub1, .btn-sub2, .btn-sub3 {overflow:hidden;position:relative;display:inline-block;padding:0 14px;text-align:center;white-space:nowrap;vertical-align:middle;color:#222;background:#fff;border:1px solid #afafaf;border-bottom:1px solid #88817b;font-size:12px;line-height:33px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;*display:inline;*zoom:1;} a[class*="btn-"]:link, a[class*="btn-"]:visited, a[class*="btn-"]:hover, a[class*="btn-"]:active {text-decoration:none;} /*.btn-action:hover, .btn-action:focus, .btn-com:hover, .btn-com:focus {background-color:#fbfbfb;}*/ .btn-action.icon1:before, .btn-com.icon1:before, .btn-sub1.icon1:before, .btn-sub3.icon1:before, .btn-action.icon2:after, .btn-com.icon2:after, .btn-sub1.icon2:after, .btn-sub3.icon2:after {content:'';display:inline-block;width:16px;height:16px;background:url('https://oimg1.kbstar.com/img/ocommon/2018/icon_set1.png') no-repeat 0 0;vertical-align:top;} .btn-action.icon1:before, .btn-com.icon1:before, .btn-sub1.icon1:before, .btn-sub3.icon1:before {margin:0 6px 0 0;} .btn-action.icon2:after, .btn-com.icon2:after, .btn-sub1.icon2:after, .btn-sub3.icon2:after {margin:0 0 0 6px;} button:disabled, button:visited, button:disabled:hover, button:disabled:focus, button.disabled, button.disabled:visited, button.disabled:hover, button.disabled:focus {cursor:default !important;} .msie7 button + button {margin-left:4px;} .msie7 button {overflow:visible !important;line-height:1 !important;} /* 액션버튼 */ .btn-action {min-width:120px;height:40px;padding:0 28px;font-size:14px;line-height:38px;border-color:#c1c1c1;border-bottom:1px solid #929292;font-weight:bold;} .btn-action:link, .btn-action:visited, .btn-action:hover, .btn-action:active {color:#222;} .btn-action.c1 {background:#ffcf0f;border-color:#ffcf0f;border-bottom:1px solid #ffb700;} .btn-action.c2 {background:#6b645e;border-color:#6b645e;color:#fff;} .btn-action.icon1, .btn-action.icon2 {padding:0 15px;} .btn-action.icon1:before, .btn-action.icon2:after {margin-top:11px;} .tType01 .btn-action, .tType02 .btn-action {min-width:0;} @media \0screen\,screen\9 { .btn-action {min-width:64px;} } .retire-new2 .btn-round.t8{border:none;color:#000000;background:#f0e9d7;}/*라운드버튼*/ .retire-new2 .btn-data-del {width:auto !important;min-width:auto !important;height:24px !important;padding:0 5px !important;line-height:26px !important;border:1px solid #c5c0b4 !important;font-size:13px !important;color:#555 !important;font-weight:normal !important;background:#fff !important;vertical-align:middle !important}/*테이블 내 삭제버튼 */ /* 하단 이용가이드 */ .retire-new2 .use-guide{background:#f6f6f6;margin-top:60px;} .retire-new2 .use-guide .inner{width:940px;margin:0 auto;padding:25px 0 11px;} .retire-new2 .use-guide .inner strong{display:block;margin-bottom:25px;font-size:20px;color:#000;} .retire-new2 .use-guide .inner li{background:url('https://oimg1.kbstar.com/img/omoney/2019/bul_guide.png')no-repeat 0 1px;padding-left:24px;margin-bottom:14px;color:#666;font-size:16px;} /* 이용가이드 추가 (2020-03-12) */ .retire-new2 .use-guide2{} .retire-new2 .use-guide2 .inner{width:940px;margin:0 auto;padding:20px 0 10px;} .retire-new2 .use-guide2 .inner li{background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bul_guide.png')no-repeat 0 4px;padding-left:17px;margin-bottom:8px;color:#666;font-size:16px;letter-spacing:0;line-height:1.4;} .retire-new2 .use-guide2 .inner li strong.point {color:#06809b;font-weight:normal;} /* */ .retire-new2 .retire-data-area{padding:0;} .retire-new2 .retire-data-area.type-n{height:auto;} .retire-new2 .retire-type-list2 {overflow:hidden;width:940px;height:158px;margin:20px auto 0;} .retire-new2 .retire-type-list2 > li {position:relative;float:left;width:16.5%;height:156px;margin-left:-1px;text-align:center;color:#5a5a5a;border:1px solid #d4d2c7;} .retire-new2 .retire-type-list2 > li:first-child{margin-left:0px} .retire-new2 .retire-type-list2 > li label {position:absolute;top:0;left:0;width:100%;height:85px;padding-top:47px;font-size:20px;font-weight:;line-height:40px;cursor:pointer;z-index:100;} .retire-new2 .retire-type-list2 > li span {display:block;margin-bottom:10px;} .retire-new2 .retire-type-list2 > li i {font-style:normal;font-size:30px;font-weight:normal;vertical-align:-2px;} .retire-new2 .retire-type-list2 > li input[type="radio"] {position:absolute;top:-9999px;left:0} .retire-new2 .retire-type-list2 > li.sel:after{content:'';position:absolute;top:-1px;left:-1px;background:#fff8ca;width:100%;height:156px;border:2px solid #ffe42c;height:154px;cursor:pointer;z-index:99;} .retire-new2 .retire-type-list2 > li.sel label {color:#000;} .retire-new2 span.input-txt.small{display:inline-block;} .retire-new2 span.input-txt.small input[type="text"] {height:32px;font-size:30px;min-width:36px} .retire-new2 span.input-txt.small + span {font-size:18px;display:inline-block;vertical-align:-2px;} /**/ .retire-new2 .add-data-tit{position:relative;width:100%;min-height:17px;color:#757575;margin:48px 0 15px} .retire-new2 .add-data-tit:first-child{margin-top:0;} .retire-new2 .add-data-tit h4{font-size:20px;color:#000;margin-right:10px;font-weight:normal;} .retire-new2 .add-data-tit .rbtn{position:absolute;top:0;right:0;} .retire-new2 .add-data-info {position:relative;width:100%;margin:10px 0 0} .retire-new2 .add-data-info > p{padding-left:14px;color:#737373;text-indent:-14px;font-size:14px;margin-bottom:5px;line-height:1.4;} .retire-new2 .add-data-info .add-data-btn{position:absolute;top:0;right:0;} .retire-new2 .add-data-info .add-data-btn .renew_btn.btype4 a{min-width:50px !important;border: 1px solid #ccc !important;line-height: 26px !important;background: #fff !important;box-shadow:0 0 0 0 !important;} .retire-new2 .btnArea{margin-top:60px;} .retire-new2 .retire-txt{position:relative;margin-bottom:15px;} .retire-new2 .retire-txt strong{font-size:16px;color:#000;display:block;margin-bottom:15px;} .retire-new2 .retire-txt p{font-size:14px;color:#737373;text-indent:15px;line-height:1.4;} .retire-new2 .retire-txt a{position:absolute;top:0;right:0;overflow:hidden;display:inline-block;padding:0 28px;text-align:center;white-space:nowrap;vertical-align:middle;color:#fff;background:#07809b;border:1px solid #07809b;font-size:18px;line-height:48px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;*display:inline;*zoom:1;min-width:120px;height:50px;} .retire-new2 .q-box{position:relative;background:#f6f6f6;border:1px solid #dbdbdb;padding:35px;margin-bottom:4px;font-size:18px;} .retire-new2 .q-box strong{font-size:20px;display:block;margin-bottom:20px;font-weight:normal;} .retire-new2 .q-box .tit{font-size:20px;} .retire-new2 .q-box div{position:absolute;top:30px;right:20px;font-size:22px;line-height:17px} .retire-new2 .q-box div *{vertical-align:middle;} .retire-new2 .q-box .inp_radio_box_2015 .radio_list label{padding-top:2px;font-size:18px;font-weight:normal;} .retire-new2 .q-box .input-txt input{min-width:65px;padding-right:0px;} .retire-new2 .q-box .input-txt span{font-size:22px;font-weight:normal;} .retire-new2 .q-box .input-txt + span{position:absolute;top:7px;right:160px;} .retire-new2 .conLink{position:relative;margin:15px 0 72px;} .retire-new2 .conLink strong{font-size:16px;font-weight:normal;} .retire-new2 .conLink .linklist{position:absolute;top:-5px;right:0px;} /*은퇴준비현황결과*/ .retire-new2 .g-box.tline{border-top:1px solid #e8e8e8;padding:33px 0 24px !important;} .retire-new2 .g-box .result-area{overflow:hidden;text-align:center;margin:0 auto;width:703px;} .retire-new2 .g-box .result-area li{float:left;margin:0 auto;text-align:center;width:264px;} .retire-new2 .g-box .result-area li:last-child{width:174px !important;} .retire-new2 .g-box .result-area li dl{position:relative;height:250px;} .retire-new2 .g-box .result-area li dt{position:absolute;top:218px;width:174px;text-align:center;font-size:20px;} .retire-new2 .g-box .result-area li dd{width:174px;height:200px;position:relative;} .retire-new2 .g-box .result-area li:first-child dd span{background:#e79e01;width:174px;color:#000;} .retire-new2 .g-box .result-area li:nth-child(2) dd span{background:#019e73;width:174px;color:#000;} .retire-new2 .g-box .result-area li:nth-child(3) dd span{background:#d55e00;width:174px;color:#fff;} .retire-new2 .g-box .result-area li:nth-child(3) dd span.expt{color:#d63200;} .retire-new2 .g-box .result-area li dd span{display:block;position:absolute;bottom:0;font-family:'맑은 고딕'} .retire-new2 .g-box .result-area li dd span span{position:static;height:inherit;display:table-cell;vertical-align:middle;font-size:44px;font-weight:bold;} .retire-new2 .g-box .result-area li dd span span.expt{position:absolute;display:block;height:0;} .retire-new2 .g-box .result-area li dd span span em{font-style:normal;font-weight:normal;font-size:22px;} .retire-new2 .g-box .result-txt{font-size:16px;color:#2b4c54;margin-top:50px;line-height:1.5} .retire-new2 .g-box .result-txt strong{color:#2c3451;} .retire-new2 .g-box .result-txt strong.point_blue{color:#019e73 !important;} .retire-new2 .g-box .result-txt strong.point_red{color:#d63200 !important;} /* 슬라이더 영역 */ .retire-new2 .retire-cont-area {padding:25px 38px;background:#f6f6f6;height:133px;border:1px solid #dbdbdb;} .retire-new2 .half-unit-area {*zoom:1} .retire-new2 .half-unit-area:after {content:'';display:block;clear:both} .retire-new2 .half-unit-area .fl-left {float:left;border-right:1px solid #c0c2cb;padding-right:30px;} .retire-new2 .half-unit-area .fl-right {float:right;max-width:430px} .retire-new2 .half-unit-area.type1 {height:148px} .retire-new2 .half-unit-area.type1 .fl-left, .half-unit-area.type1 .fl-right {width:400px} .retire-new2 .half-unit-area.type2 {padding:40px 0;border-top:1px solid #5a6275;color:#c7cff0;font-size:20px} .retire-new2 .half-unit-area.type2 .input-txt span {color:#aeb7dc;font-weight:normal;font-size:20px;margin-left:5px} .retire-new2 .half-unit-area .unit-cont {height:50px;*zoom:1} .retire-new2 .half-unit-area .unit-cont:after {content:'';display:block;clear:both} .retire-new2 .half-unit-area .unit-cont .unit-tit {float:left;margin:10px 0 0;font-size:20px;color:#000;font-weight:normal} .retire-new2 .half-unit-area .unit-cont .unit-tit em {display:block;margin-top:5px;text-align:left;color:#000;font-size:14px;font-weight:normal} .retire-new2 .half-unit-area .unit-cont .input-txt {float:right;padding-bottom:5px} .retire-new2 .half-unit-area .unit-cont .input-txt span {color:#000;font-weight:normal;font-size:20px;margin-left:5px} .retire-new2 .half-unit-area .unit-cont .input-txt.ft-yellow {border-color:#000;} .retire-new2 .half-unit-area .unit-cont .input-txt.ft-yellow input {color:#000;} .retire-new2 .half-unit-area .unit-cont .btn.btn-square {margin-left:5px} .retire-new2 .slider-area {width:100%;margin:20px auto 0;padding:30px 0} .retire-new2 .slider-area .min-num, .slider-area .max-num {position:absolute;color:#000;font-size:14px} .retire-new2 .slider-area .min-num {top:-21px;left:-2px} .retire-new2 .slider-area .max-num {top:-21px;right:-2px} .retire-new2 .slider-area .ui-slider {height:10px;border:0;border-radius:4px;background:#e8e8e8;box-shadow:none;cursor:pointer} .retire-new2 .slider-area .ui-slider-range {border-radius:4px;background:#ffcc00;box-shadow:none;} .retire-new2 .slider-area .ui-slider-handle {top:-5px !important;width:10px !important;height:10px !important;top:0;margin:0px 0 0 -8px;background:#fff !important;border:4px solid #ffcc00 !important;cursor:default;border-radius:50%;z-index:1;box-shadow:0 0 2px 1px rgba(0,0,0,0.1);} .retire-new2 .slider-area .ui-slider-handle .ui-slider-handle-val {position:absolute;top:22px;left:-31px;width:70px;text-align:center;font-size:14px;color:#000} /**/ .retire-new2 .add-data-tit h5{font-size:18px;color:#000;margin-top:30px;font-weight:normal;} .retire-new2 .add-data-tit h5 + .rbtn{top:0px;} .retire-new2 .btn-sub2 {padding:5px 4px;height:30px;color:#4e473f;line-height:18px;} .retire-new2 .link_blank, .retire-new2 .link_blank:hover {display:inline-block;position:relative;padding-right:15px;text-decoration:underline;color:#000;} .retire-new2 .link_blank:after {content:'';display:block;position:absolute;top:2px;right:0;width:12px;height:12px;background:url('https://oimg1.kbstar.com/img/ocommon/2018/icon_set1.png') no-repeat -20px 0;} .retire-new2 .tType01 tr.less th, .retire-new2 .tType01 tr.less td{background:#fff5cc;font-weight:bold;} /* // 은퇴설계 - 맞춤설계(2019-05-17)++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* 은퇴설계 - 은퇴설계 결과보고서(2019-06-12)++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* 보고서 메뉴 영역 */ .report-menu.report-menu-new {float:left;width:87px;height:680px;background:#f5f5f5;border-right:1px solid #e8e8e8;} .report-menu.report-menu-new li {border-bottom:1px solid #e8e8e8;text-align:center} .report-menu.report-menu-new li a {display:block;padding:10px 0 12px;font-size:13px;line-height:1.4;font-weight:bold;color:#2c3451} .report-menu.report-menu-new li a.txt-eng {padding:10px 0} .report-menu.report-menu-new li a.txt-print {padding-top:33px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_ico_print.png) no-repeat 50% 10px} /* 보고서 헤더 영역 */ .report-header.report-header-new {position:relative;height:180px;padding:60px 30px 0;background:#fff url(https://oimg1.kbstar.com/img/omoney/2019/bg_report_header.png) no-repeat 580px bottom;overflow:hidden;} .report-header.report-header-new:after {content:'';display:inline-block;position:absolute;top:40px;left:30px;width:137px;height:22px;background: url(https://oimg1.kbstar.com/img/omoney/2019/logo_report_header.png) no-repeat 0 0;} .report-header.report-header-new h1 {font-size:36px;font-weight:bold;color:#222;line-height:1.0;padding-top:15px;} .report-header.report-header-new p {color:#c7cff0;font-size:18px;margin-top:15px;line-height:1.4} .report-header.report-header-new .report-custom-info-new {width:440px;margin-top:50px;*zoom:1} .report-header.report-header-new .report-custom-info-new:after {content:'';display:block;clear:both} .report-header.report-header-new .report-custom-info-new li {float:left;width:220px;color:#222;font-size:15px;font-weight:normal;line-height:1.4;} .report-header.report-header-new .report-custom-info-new li > span {display:inline-block;min-width:60px;margin-top:10px;vertical-align:middle;} .report-header.report-header-new .report-custom-info-new li > strong {display:inline-block;margin-top:10px;font-size:20px;color:#222;font-weight:bold;padding-left:10px;vertical-align:middle;} /* 보고서 타이틀 */ .report-section .title-area-new {position:relative;width:100%;min-height:20px} .report-section .title-area-new h2 {font-size:26px;color:#222;line-height:1.4} .report-section .title-area-new h2 > span {font-size:14px;color:#666;font-weight:normal} .report-section .title-area-new h3 {margin-top:25px;color:#222;font-size:20px;line-height:1.4} .report-section .title-area-new h3 > span {font-size:13px;font-weight:normal;margin-left:10px} .report-section .title-area-new h4 {margin-top:25px;color:#222;font-size:16px;line-height:1.4} .report-section .title-area-new p {position:absolute;bottom:0;right:0;font-size:13px;color:#666} .report-section .title-area-new + p {margin-top:5px;font-size:14px;color:#666;line-height:20px} /* 결과 요약 */ .report-box-result {margin-top:15px;padding:30px 29px;border:1px solid #e6e6e6;background:#f6f6f6;text-align:left;} .report-box-result > .result-box {height:74px;padding:20px;color:#333;background:#fff;font-size:16px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);text-align:left;} .report-box-result > .result-box > ul:after {content:'';display:block;clear:both} .report-box-result > .result-box > ul > li {float:left;width:33%;height:70px;border-left:1px solid #e6e6e6;text-align:center;} .report-box-result > .result-box > ul > li:first-child {border-left:0;} .report-box-result > .result-box > ul > li > dl > dt {font-size:18px;color:#333;font-weight:normal;margin:8px 0 12px 0;} .report-box-result > .result-box > ul > li > dl > dd {font-size:16px;color:#666;font-weight:normal;} .report-box-result > .result-box > ul > li > dl > dd > span {font-size:30px;color:#333;font-weight:bold;} .report-box-result > .result-box > ul > li > dl > dd.txt-blue {color:#0166ff;} .report-box-result > .result-box > ul > li > dl > dd.txt-blue > span {color:#0166ff;} .report-box-result > .result-box > ul > li > dl > dd.txt-red {color:#ff2121;} .report-box-result > .result-box > ul > li > dl > dd.txt-red > span {color:#ff2121;} .report-chart-box.sresult {padding:0;margin:0;border:0;*zoom:1} .report-chart-box.sresult:after {content:'';display:block;clear:both} .report-chart-box.sresult .chart-area {float:left;} .report-chart-box.sresult .chart-info-area {float:left;margin-left:15px;} .report-chart-box.sresult .chart-info-area > p {font-size:20px;color:#222;font-weight:bold; padding:18px 0;} .report-box-result .txt-info {font-size:15px;color:#222;padding:20px 0;} .report-box-result .txt-info strong {font-weight:bold;} .report-box-result .txt {font-size:15px;color:#666;} /* 보고서 공통 결과 */ .report-section .report-yellow-box-new {margin-top:15px;background:#f6f6f6;border:2px solid #ffd800;font-size:15px;color:#666;} .report-section .report-yellow-box-new > p.tit {font-size:20px;color:#222;line-height:28px;background:#ffd800;padding:13px 20px;} .report-section .report-yellow-box-new > p.con {line-height:24px;padding:20px;} .report-section .report-yellow-box-new > ul {margin-top:10px} .report-section .report-yellow-box-new > ul > li {padding-left:10px;font-size:16px;background:url('https://oimg1.kbstar.com/img/ocommon/bult_list2.gif') no-repeat 0 10px} .report-section .report-yellow-box-new > ul > li+li {margin-top:10px} .report-section .report-yellow-box-new > ul > li > span {font-size:18px} .report-section .report-yellow-box-new > ul > li > span > em {font-size:20px;vertical-align:middle} .report-section .report-yellow-box-new.type02 {margin-top:15px;background:#f2f7ff;border:1px solid #0166ff;font-size:15px;color:#666;} .report-section .report-yellow-box-new.type02 > p.tit {font-size:20px;color:#222;font-weight:bold;line-height:28px;background:#f2f7ff;padding:13px 20px;} .report-section .report-yellow-box-new.type02 > p.con {line-height:24px;padding:20px;} .report-section .report-yellow-box-new.type02 > ul {padding:0 20px 20px 20px;} .report-section .report-yellow-box-new.type02 > ul > li {padding-left:10px;font-size:16px;background:url('https://oimg1.kbstar.com/img/ocommon/bult_list2.gif') no-repeat 0 10px} .report-section .report-yellow-box-new.type02 > ul > li+li {margin-top:10px} .report-section .report-yellow-box-new.type02 > ul > li > span {font-size:18px;color:#222;vertical-align:bottom;} .report-section .report-yellow-box-new.type02 > ul > li > span > em {font-size:20px;vertical-align:bottom;} /* 보고서 상품 추천 목록 */ .report-box-prd.type2.new {padding:10px 29px 30px 29px;} .report-box-prd.type2.new > ul {margin-top:20px;*zoom:1} .report-box-prd.type2.new > ul:after {content:'';display:block;clear:both} .report-box-prd.type2.new > ul > li {position:relative;float:left;width:200px;height:200px;padding:20px;color:#666;background:#fff;box-shadow:2px 2px 20px rgba(0,0,0,0.1);text-align:left} .report-box-prd.type2.new > ul > li+li {margin-left:20px} .report-box-prd.type2.new > ul > li > strong {display:block;color:#cf5e5e} .report-box-prd.type2.new > ul > li .prd-desc {margin-top:10px;font-size:14px;line-height:20px} .report-box-prd.type2.new > ul > li .prd-tit {min-height:55px;font-size:16px;line-height:26px;font-weight:bold;color:#333} .report-box-prd.type2.new > ul > li .prd-type {position:absolute;right:20px;top:15px;margin-top:0;text-align:right} .report-box-prd.type2.new > ul > li .prd-type > span {display:inline-block;padding:0 5px;color:#808080;border:1px solid #ccc;font-size:13px} /* 보고서 박스 컨텐츠 */ .report-info-box.new {margin-top:10px;padding:15px 0;text-align:center;border:1px solid #e6e6e6;color:#50483b;background:#fbfbfb;} .report-info-box.new p {display:inline-block;*display:inline;vertical-align:middle} .report-info-box.new .txt-cost {margin-left:5px;font-size:14px} .report-info-box.new .txt-cost > span {font-size:20px;font-weight:bold;vertical-align:middle} .report-info-box.new .txt-cost > strong {margin-left:10px;font-size:16px} .report-info-box.new .txt-cost > strong > em {font-size:18px;vertical-align:middle} .report-info-box.new .ico-sign {display:inline-block;margin:0 25px;font-size:18px;line-height:20px;vertical-align:middle} .report-info-box.new .ico-bar {display:inline-block;width:1px;height:14px;margin:0 25px;background:#e6e6e6;vertical-align:middle} .report-info-box.new .txt-result .txt-cost > span {font-size:22px} .report-info-box.type2.new {padding:30px 0;line-height:24px;background:#fbfbfb;} .report-info-box.type2.new .info-box-txt {display:inline-block;vertical-align:middle;} .report-info-box.type2.new .txt-cost {display:block} .report-info-box.type2.new .ico-sign {font-size:24px;color:#cdcdcd;font-weight:bold;line-height:45px} .report-info-box.type2.new .txt-result {display:inline-block;vertical-align:middle;} .report-info-box.type2.new .txt-result .txt-cost {color:#0166ff;} .report-info-box.no-bdr .inner-cont-box.type2 {width:272px;border:1px solid #ff6653;background:#fff4f4;margin-left:11px} .report-info-box.no-bdr .inner-cont-box.type2 .txt-result .txt-cost {color:#ff4f4f;} /* 노후설계 */ .oldage-info-box.new {background:#fbfbfb;margin-top:10px;border:1px solid #e6e6e6;*zoom:1} .oldage-info-box.new > li > p {font-size:18px;color:#333;} .oldage-info-box.new > li > p+p {margin-top:15px;color:#666} .oldage-info-box.new > li > p > span {font-size:24px;color:#333;font-weight:bold;vertical-align:top;} .report-section .box-scroll-y {overflow-y:scroll;overflow-x: hidden;height:174px;} .report-section .box-scroll-y .report-tbl {margin-top:0 !important;} /* 보고서 버튼 영역 */ .report-content .report-btn-area {margin:35px 0 0;text-align:center} .report-content .report-btn-area.hide {display:none} .report-content .report-btn-area .btn-com + .btn-com {margin:0 0 0 2px;} .btn-com {font-size:14px;font-weight:bold;min-width:80px;height:35px;line-height:35px;color:#222;} .btn-com:disabled, .btn-com.disabled {opacity:0.65;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65);} .btn-com.disabled:hover, .btn-com.disabled:focus {background: none;opacity:0.65;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65);} .btn-com.c1 {background:#ffd800;border-color:#ffd800;border-bottom:1px solid #ffb700;} .btn-com.c2 {background:#928781;border-color:#928781;color:#fff;} .report-chart-box.portfolio2 .compare-chart-list > li.ico-arrow.non {width:145px;height:280px;background:none;} .report-section .report-tbl thead th.point-area-red {background:#f6eaea;} .report-section .report-tbl thead th.point-area-red.top {border-top:1px solid #ff2121;border-left:1px solid #ff2121;border-right:1px solid #ff2121;} .report-section .report-tbl tbody td.point-area-red {background:#fff3f3;} .report-section .report-tbl thead th.point-area-red.mid-l, .report-section .report-tbl tbody td.point-area-red.mid-l {border-left:1px solid #ff2121;} .report-section .report-tbl thead th.point-area-red.mid-r, .report-section .report-tbl tbody td.point-area-red.mid-r {border-right:1px solid #ff2121;} .report-section .report-tbl tbody td.point-area-red.btm-l {border-left:1px solid #ff2121;border-bottom:1px solid #ff2121;} .report-section .report-tbl tbody td.point-area-red.btm-r {border-right:1px solid #ff2121;border-bottom:1px solid #ff2121;} .report-section .report-tbl tfoot th.point-area-red.btm-l, .report-section .report-tbl tfoot td.point-area-red.btm-l {border-left:1px solid #ff2121;border-bottom:1px solid #ff2121;} .report-section .report-tbl tfoot th.point-area-red.btm-r, .report-section .report-tbl tfoot td.point-area-red.btm-r {border-right:1px solid #ff2121;border-bottom:1px solid #ff2121;} /* // 은퇴설계 - 은퇴설계 결과보고서(2019-06-12)++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* 통합연금정보 가져오기 */ .retire-new2 .g-box-v2{background:#fff;overflow:hidden;padding:85px 0;text-align:center;border:1px solid #dbdbdb;border-top:none;margin-top:-1px;} .retire-new2 .g-box-v2 .txt {font-size:20px;color:#000;display:block;margin-bottom:20px;font-weight:normal;line-height:1.4;} .retire-new2 .g-box-v2 .info_txt {font-size:16px;color:#000;display:block;} .retire-new2 .g-box-v2 .btn_v2 {margin-bottom:40px;} .retire-new2 .g-box-v2 .btn_v2 a {font-size:18px;color:#000;font-weight:bold;display:inline-block;width:300px;height:58px;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_btn_v2.jpg') no-repeat center 0;text-align:left; padding:42px 0 0 40px;} .retire-new2 .use-guide2 .btn.icon {background:none !important;} .retire-new2 .use-guide2 .btn.icon .blank_v2 {height:27px;font-size:12px;line-height:25px;_line-height:29px;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_btnSmall_iconv2.png') no-repeat right 4px;zoom:1;} .retire-new2 .use-guide2 .btn.icon .blank_v2 a {background:none !important;text-decoration:underline; padding:0 16px 0 4px;} .q-box-link {position:relative;background:#fff;border:1px solid #dbdbdb;padding:28px 39px;font-size:14px;color:#000;} .q-box-link strong {font-weight:normal;} .q-box-link .linklist {position:absolute;top:23px;right:36px;} .q-box-link .linklist .btn.icon {background:none !important;} .q-box-link .linklist .btn.icon .blank_v2 {height:27px;font-size:12px;line-height:25px;_line-height:29px;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_btnSmall_iconv2.png') no-repeat right 4px;zoom:1;} .q-box-link .linklist .btn.icon .blank_v2 a {background:none !important;text-decoration:underline; padding:0 16px 0 6px;} .q-box-wrap {position:relative;background:#fff;border:1px solid #dbdbdb;padding:28px 39px;color:#000;height:185px;margin-bottom:10px;} .q-box-wrap:after {display:block;content: '';width:860px;height:1px;background:#dbdbdb;position:absolute;top:130px;left:40px;} .q-box-wrap .a-box p.tit {font-size:18px;color:#000;} .retire-new2 .q-box-wrap .a-box .inp_radio_box_2015 {position:absolute;top:62px;left:39px;} .retire-new2 .q-box-wrap .a-box .inp_radio_box_2015 .radio_list {margin-right:88px;} .retire-new2 .q-box-wrap .a-box .inp_radio_box_2015 .radio_list label{padding-top:2px;font-size:18px;color:#000;font-weight:normal;} .retire-new2 .q-box-wrap .a-box .input-txt input{min-width:65px;padding-right:0px;} .retire-new2 .q-box-wrap .a-box .input-txt span{font-size:22px;color:#000; font-weight:normal;} .retire-new2 .q-box-wrap .a-box .input-txt + span{position:absolute;top:7px;right:160px;} .retire-new2 .q-box-wrap .a-box .inp_radio_box_2015 .radio_list input[type='radio'] {opacity:0;} .retire-new2 .q-box-wrap .a-box .inp_radio_box_2015 .radio_list label {background: url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_radio_input.png') no-repeat left center;} .retire-new2 .q-box-wrap .a-box .inp_radio_box_2015 .radio_list.on label{color:#333;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_radio_input_on.png') no-repeat left center} .q-box-wrap .b-box p.tit {position:absolute;top:170px;left:39px;} .q-box-wrap .b-box p.tit span{font-size:18px;color:#000;margin-right:18px;} .q-box-wrap .b-box .c-box {position:absolute;top:160px;right:39px;} .q-box-wrap .b-box .c-box span {font-size:24px;color:#000;vertical-align:middle;} .q-box-wrap .b-box .c-box span.txt {margin-right:25px;} .fc_point_red {color:#ff2121 !important;} .retire-new2 .g-box-tline {position:relative;background:#fff;border:1px solid #dbdbdb;padding:69px 39px 46px;overflow:hidden;} .retire-new2 .g-box-tline .result-area{overflow:hidden;text-align:center;width:398px;} .retire-new2 .g-box-tline .result-area:after {display:block;content: '';width:398px;height:1px;background:#cccccc;position:absolute;top:359px;left:39px;} .retire-new2 .g-box-tline .result-area li{float:left;margin:0 auto;text-align:center;width:130px;} .retire-new2 .g-box-tline .result-area li:last-child{width:130px !important;} .retire-new2 .g-box-tline .result-area li dl{position:relative;height:324px;} .retire-new2 .g-box-tline .result-area li dt{position:absolute;bottom:0;width:130px;text-align:center;font-size:18px;font-weight:bold;color:#000;} .retire-new2 .g-box-tline .result-area li dd{width:70px;height:291px;position:relative;background:#f7f7f7;margin:0 auto;z-index:1;} .retire-new2 .g-box-tline .result-area li dd span {display:block;width:70px;position:absolute;bottom:0;} .retire-new2 .g-box-tline .result-area li:first-child dd span{background:#e79e01;} .retire-new2 .g-box-tline .result-area li:nth-child(2) dd span{background:#019e73;} .retire-new2 .g-box-tline .result-area li:nth-child(3) dd span{background:#d55e00;} .retire-new2 .g-box-tline .result-area-right {position:absolute;top:70px;left:478px;overflow:hidden;width:344px;height:328px;} .retire-new2 .g-box-tline .result-area-right .txt {font-size:16px;color:#000;line-height:34px;margin-bottom:48px;} .retire-new2 .g-box-tline .result-area-right .btnArea {position:absolute;bottom:5px;} .retire-new2 .g-box-tline .result-area-right .result {} .retire-new2 .g-box-tline .result-area-right .result:after {content:'';display:block;clear:both;} .retire-new2 .g-box-tline .result-area-right .result li {position:relative;margin-bottom:28px;} .retire-new2 .g-box-tline .result-area-right .result li > strong {font-size:16px;color:#000;padding-left:19px;line-height:28px;} .retire-new2 .g-box-tline .result-area-right .result li:first-child > strong:after {display:block;content: '';width:10px;height:10px;background:#e79e01;position:absolute;top:8px;left:0;border-radius: 50%;} .retire-new2 .g-box-tline .result-area-right .result li:nth-child(2) > strong:after {display:block;content: '';width:10px;height:10px;background:#019e73;position:absolute;top:8px;left:0;border-radius: 50%;} .retire-new2 .g-box-tline .result-area-right .result li:nth-child(3) > strong:after {display:block;content: '';width:10px;height:10px;background:#d55e00;position:absolute;top:8px;left:0;border-radius: 50%;} .retire-new2 .g-box-tline .result-area-right .result span {float:right;margin-right:6px;font-size:20px;color:#000;font-weight:bold;} .retire-new2 .g-box-tline .result-area-right .result span > strong {font-size:30px;} .retire-new2 .result-tit {font-size:20px;color:#000;margin:65px 0 18px;font-weight:normal;} .retire-new2 .g-box-info {position:relative;background:#fff;border:1px solid #dbdbdb;padding:30px;overflow:hidden;} .retire-new2 .g-box-info .result-txt {position:relative;font-size:16px;line-height:30px;color:#000;padding-left:18px;} .retire-new2 .g-box-info .result-txt:after {display:block;content: '';width:14px;height:6px;position:absolute;top:12px;left:0;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/ico_result_txt.png') no-repeat 0 0;} .retire-new2 .g-box-info .result-txt strong {font-size:24px;} .retire-new2 .g-box-info .result-txt span {font-size:14px;} .retire-new2 .g-box-info .txt {font-size:14px;color:#000;line-height:24px;margin:30px 0 10px;} .retire-new2 .g-box-info .txt span {background:#ffe24c;display:inline-block;padding:2px;} .retire-new2 .g-box-info a {font-size:12px;color:#00819c;font-weight:bold;text-decoration:underline;} .retire-new2 .info-btn {margin:50px 0;} .retire-new2 .info-btn a {display:block;width:161px;height:54px;margin:0 auto;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_info_btn.png') no-repeat 0 0;} .retire-new2 .info-btn a.on {display:block;width:161px;height:54px;margin:0 auto;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_info_btn_on.png') no-repeat 0 0;} .retire-new2 .info-use-guide {position:relative;background:#f9f9f9;} .retire-new2 .info-use-guide .inner {position:relative;width:940px;margin:0 auto;min-height:1084px;background:url('https://oimg1.kbstar.com/img/omoney/2020/nmsub/bg_info-use-guide.jpg') no-repeat 0 0;} .retire-new2 .info-use-guide .inner .q-mun {font-size:20px;color:#f46600;} .retire-new2 .info-use-guide .inner .q-tit {font-size:30px;color:#000;} .retire-new2 .info-use-guide .inner .q-txt {font-size:15px;color:#5a5a5a;line-height:26px;} .retire-new2 .info-use-guide .inner .q-1 {position:absolute;top:40px;left:0;} .retire-new2 .info-use-guide .inner .q-2 {position:absolute;top:80px;left:0;} .retire-new2 .info-use-guide .inner .q-3 {position:absolute;top:140px;left:0;} .retire-new2 .info-use-guide .inner .q-4 {position:absolute;top:324px;left:0;} .retire-new2 .info-use-guide .inner .q-5 {position:absolute;top:360px;left:0;} .retire-new2 .info-use-guide .inner .q-6 {position:absolute;top:848px;left:0;} .retire-new2 .info-use-guide .inner .q-7 {position:absolute;top:885px;left:0;} .retire-new2 .info-use-guide .inner .q-8 {position:absolute;top:940px;left:0;} .retire-new2 .info-use-guide .inner .q-tit-list .txt01 {font-size:20px;color:#000;} .retire-new2 .info-use-guide .inner .q-tit-list .txt02 {font-size:14px;color:#009c74;} .retire-new2 .info-use-guide .inner .q-tit-list .txt03 {font-size:16px;color:#fff;} .retire-new2 .info-use-guide .inner .q-tit-list .txt01.t-01 {position:absolute;top:442px;left:66px;} .retire-new2 .info-use-guide .inner .q-tit-list .txt02.t-02 {position:absolute;top:614px;left:70px;} .retire-new2 .info-use-guide .inner .q-tit-list .txt03.t-03 {position:absolute;top:680px;left:112px;} .retire-new2 .info-use-guide .inner .q-tit-list .txt01.t-04 {position:absolute;top:442px;left:352px;} .retire-new2 .info-use-guide .inner .q-tit-list .txt02.t-05 {position:absolute;top:614px;left:356px;color:#1a88d5;text-align:center;} .retire-new2 .info-use-guide .inner .q-tit-list .txt03.t-06 {position:absolute;top:680px;left:435px;} .retire-new2 .info-use-guide .inner .q-tit-list .txt01.t-07 {position:absolute;top:442px;left:686px;} .retire-new2 .info-use-guide .inner .q-tit-list .txt02.t-08 {position:absolute;top:614px;left:674px;color:#635749;text-align:center;} .retire-new2 .info-use-guide .inner .q-tit-list .txt03.t-09 {position:absolute;top:680px;left:737px;}