@charset "utf-8";

/************************************************************************
 - FILE NAME : aset_mng.css
 - SUMMARY   : 
 - DATE      : 
************************************************************************/
	
/*========================================
 미래성과 시뮬레이션
========================================*/
.aset_smul_form {margin-bottom:40px;}
.aset_smul_form .form_fieldset {overflow:hidden; background-color:#f4f4f4; border:1px solid #dadad6;}
.aset_smul_form .field_group {float:left; height:120px; padding:30px 30px 30px 0; border-left:1px solid #dadad6;}
.aset_smul_form .field_group:first-child {border-left:0 none;}
.aset_smul_form .field_group .col {float:left; padding-left:30px;}
.aset_smul_form .field_group .tit {display:block; margin-bottom:15px; color:#333;}

.aset_smul_form .field_group .col_portfolio dl {overflow:hidden}
.aset_smul_form .field_group .col_portfolio dt {float:left; line-height:30px; color:#333;}
.aset_smul_form .field_group .col_portfolio dd {margin:0 0 10px 95px;}

.aset_smul_form .field_group .col_custprop {margin-top:36px;}
.aset_smul_form .field_group .custprop {width:406px; height:14px; background:url('../../../img/ccr/aset_mng/smul_graph_bar.png') 0 0 no-repeat;}
.aset_smul_form .field_group .custprop li {position:relative;  float:left; width:101px; text-align:center;}
.aset_smul_form .field_group .custprop .check {opacity: 0; filter: Alpha(opacity=0);}
.aset_smul_form .field_group .custprop label {position:absolute; top:0; right:0; left:0; padding-top:30px; color:#333; font-size:12px;}
.aset_smul_form .field_group .custprop label .i {position:absolute; left:50%; top:-6px; width:26px; height:26px; margin-left:-13px; background:url('../../../img/ccr/common/btn_bar_off.png') 0 0 no-repeat;}
.aset_smul_form .field_group .custprop .check:checked + label .i {background:url('../../../img/ccr/common/btn_bar_on.png') 0 0 no-repeat;}

.aset_smul_form .btn_area {margin-top:20px;}

.aset_smul_result {margin-bottom:20px;}
.aset_smul_result table {width:100%; table-layout:fixed; border-top:1px solid #dadad6; border-bottom:1px solid #dadad6;}
.aset_smul_result table th {padding:34px 0; line-height:1.3; font-weight:normal; background-color:#f4f4f4;}
.aset_smul_result table th strong {display:block; color:#5c6571; font-size:20px;}
.aset_smul_result table td {padding:34px 0; text-align:left; border-left:1px solid #dadad6;}

.aset_smul_result .result_data {padding:0 18px; overflow:hidden;}
.aset_smul_result .result_data dt {float:left; margin-top:15px; line-height:24px;}
.aset_smul_result .result_data dd {margin:15px 0 0 32px; line-height:1; text-align:right; font-size:24px; font-weight:600;}

.aset_smul_result .result_data dt:first-child,
.aset_smul_result .result_data dt:first-child + dd {margin-top:0;}

.aset_smul_chart {background-color:#f2f3f1;}


/*========================================
 추천MP 성향
========================================*/

.chart_recmmp_prop { overflow:hidden; margin-bottom:10px; padding:30px; border: 1px solid #e0e1dc;}
.chart_recmmp_prop .invest_prop {float:left;}
.chart_recmmp_prop .table_data {float:right; width:340px;}
.chart_recmmp_prop .table_data th {color:#333; font-size:14px;}
.chart_recmmp_prop .table_data td {color:#ee4a09; font-size:20px;}


.recmmp_guide {padding:40px 0; border:1px solid #e0e1dc; background-color:#f7f7f6;}
.recmmp_guide .ico_plus {position:absolute; right:-65px; top:45px; width:29px; height:29px; background:url('../../../img/ccr/aset_mng/recmmp_guide_plus.png') 0 0 no-repeat;}
.recmmp_guide ul {overflow:hidden; margin:0 39px 30px; padding-bottom:55px; background:url('../../../img/ccr/aset_mng/recmmp_guide_arrow.png') bottom center no-repeat;}
.recmmp_guide ul li {position:relative; float:left; width:220px; margin-left:130px; text-align:center;}
.recmmp_guide ul li:first-child {margin-left:0;}
.recmmp_guide ul li strong {display:inline-block; margin-top:2px; padding-right:14px; color:#333; font-size:16px; background:url('../../../img/ccr/aset_mng/recmmp_guide_tit.gif') right center no-repeat;}
.recmmp_guide ul li p {margin:5px 0; line-height:1.3; color:#666;}


/*========================================
 알리미 설정
========================================*/

.page_aset_alm .aset_alm_form fieldset {position:relative;}
.page_aset_alm .aset_alm_form .btn_save {position:absolute; right:0; bottom:-20px;}


/*========================================
 DC고수따라잡기
========================================*/

.page_mastr_cmpr {}

.master_search {position:relative; margin-bottom:50px; border:1px solid #dbdddf; background-color:#f4f4f4; *zoom:1;}
.master_search:after {display:block; clear:both; content:'';}
.master_search h5 {position:absolute; top:25px; left:30px; color:#333; font-size:14px;}
.master_search .field_left {float:left; border-right:1px solid #dbdddf;}
.master_search .field_right {float:left;}
.master_search div[class^="field_"] {position:relative;}
.master_search .field_sex {width:399px; height:150px; border-bottom:1px solid #dbdddf;}
.master_search .field_sex ul {overflow:hidden; padding:25px 0 0 120px;}
.master_search .field_sex li {float:left; text-align:center; line-height:1;}
.master_search .field_sex label {display:block; position:relative; margin-bottom:5px; width:98px; height:28px; padding-top:50px; color:#333; font-size:12px; border:1px solid transparent;}
.master_search .field_sex label.selected {border:1px solid #f47933; background-color:#fff;}
.master_search .field_sex label .ico_male {position:absolute; top:13px; left:31px; width:35px; height:33px; background:url('../../../img/ccr/common/ico_male.png') 0 0 no-repeat;}
.master_search .field_sex label .ico_female {position:absolute; top:13px; left:31px; width:35px; height:33px; background:url('../../../img/ccr/common/ico_female.png') 0 0 no-repeat;}
.master_search .field_age {width:399px; height:102px;}
.master_search .field_age ul {overflow:hidden; padding:20px 0 0 120px;}
.master_search .field_age ul li {float:left; text-align:center; line-height:1;}
.master_search .field_age ul label {display:block; margin-bottom:7px; padding:8px 10px; color:#333; font-size:12px; border:1px solid transparent;}
.master_search .field_age ul label.selected {border:1px solid #f47933; background-color:#fff;}
.master_search .field_age .age_all {position:absolute; left:30px; top:55px;}
.master_search .field_prop {position:relative; width:598px; height:253px;}
.master_search .field_prop .custprop {position:absolute; top:148px; left:30px; background:url('../../../img/ccr/aset_mng/master_custprop.png') 0 0 no-repeat;}
.master_search .field_prop .custprop:after {display:block; clear:both; content:'';}
.master_search .field_prop .custprop li {position:relative; float:left; width:108px; text-align:center;}
.master_search .field_prop .custprop label {position:relative; display:block; padding-top:30px; color:#333; font-size:12px;}
.master_search .field_prop .custprop label .i {position:absolute; left:50%; top:-6px; width:26px; height:26px; margin-left:-13px; background:url('../../../img/ccr/common/btn_bar_on.png') 0 0 no-repeat;}
.master_search .field_prop .custprop .all {position:absolute; left:0; top:0; z-index:100; width:auto;}
.master_search .field_prop .custprop .current {display:block; position:absolute; top:-50px; left:50%; width:80px; height:36px; margin-left:-40px; background:url('../../../img/ccr/aset_mng/recmmp_prop_txt.png') 0 0 no-repeat;}
.master_search .tip {position:absolute; left:0; bottom:-30px; font-size:12px;}
.master_search .tip .i {display:inline-block; vertical-align:-1px; width:8px; height:8px; border:1px solid #f47933;}


.master_result {position:relative; *zoom:1;}
.master_result:after {display:block; clear:both; content:'';}
.master_result .title {margin-bottom:5px; padding:12px 0; text-align:center; color:#fff; font-size:16px; font-weight:600; background-color:#f47933;}
.master_result .date {position:absolute; right:0; bottom:-24px; color:#999; font-size:12px;}
.master_result .desc {position:absolute; left:0; bottom:-24px; color:#999; font-size:12px;}

.master_result .master_rate {float:left; width:492px;}
.master_result .master_amount {float:right; width:492px;}

.master_result .master_winner {position:relative; background-color:#f4f4f4; border:1px solid #e0e1dc;}
.master_result .master_winner .master_item {padding:26px 0;}
.master_result .master_winner .rank {float:left; margin-left:15px;}
.master_result .master_winner .sex {float:left; margin-left:17px;}
.master_result .master_winner ._wrap {float:left; margin-left:17px; line-height:1.2;}
.master_result .master_winner ._wrap p {font-size:13px;}
.master_result .master_winner ._wrap .rate {margin-top:4px; font-weight:600; font-size:26px;}
.master_result .master_winner ._wrap .age {margin-top:2px; color:#5c6571; font-weight: 600; font-size:20px;}
.master_result .master_winner .btn_pflo {position:absolute; right:24px; top:40px; width:120px; padding:8px 20px 9px; line-height:16px; text-align:left; color:#fff; background:#5c6571 url('../../../img/ccr/common/chev_tp_right.png') 98px 29px no-repeat;}

.master_result .master_item {position:relative; *zoom:1;}
.master_result .master_item:after {display:block; clear:both; content:'';}
.master_result .master_item .rank {display:inline-block; width:38px; height:42px; background:url('../../../img/ccr/aset_mng/master_rank.png') 0 0 no-repeat;}
.master_result .master_item .rank.rank1 {width:44px; height:72px; background-position:0 0;}
.master_result .master_item .rank.rank2 {background-position:-44px 0;}
.master_result .master_item .rank.rank3 {background-position:-82px 0;}
.master_result .master_item .rank.rank4 {background-position:-120px 0;}
.master_result .master_item .rank.rank5 {background-position:-158px 0;}

.master_result .master_list li {border-bottom:1px solid #dadad6;}
.master_result .master_list .master_item {padding:28px 0;}
.master_result .master_list .rank {float:left;}
.master_result .master_list .sex {float:left; margin:-1px 0 0 15px;}
.master_result .master_list .sex img {width:38px; vertical-align: top;}
.master_result .master_list .rate {float:left; width:65px; margin:10px 0 0 15px; font-size:16px; font-weight:600;}
.master_result .master_list .amount {float:left; width:112px; margin:10px 0 0 15px; font-size:16px; font-weight:600;}
.master_result .master_list .age {float:left; margin:10px 0 0 15px; font-size:16px; font-weight:600;}
.master_result .master_list .prop {float:left; margin:10px 0 0 30px; font-size:16px; font-weight:600;}
.master_result .master_list .btn_pack {float:right;}
.master_result .master_list .btn_pflo {display: block; overflow: visible; position:absolute; right:0; top:32px; width:84px; height:33px; text-align: center; color: #777; font-weight:600; border: 1px solid #ddd; background-color:#f4f4f4;}


.mastr_pflo {overflow:hidden; border:1px solid #e0e1dc; background-color:#f7f7f6;}
.mastr_pflo .master {float:left; width:230px; height:120px; border-right:1px solid #e0e1dc; background-color:#f1f1ef;}
.mastr_pflo .master .sex {float:left; margin:35px 0 0 20px;}
.mastr_pflo .master .sex img {width:38px;}
.mastr_pflo .master dl {float:left; margin:35px 0 0 17px; color:#333;}
.mastr_pflo .master dl dt {float:left;}
.mastr_pflo .master dl dd {margin:0 0 10px 65px}
.mastr_pflo .detail {height:90px; margin-left:230px; padding:30px 0 0 15px}
.mastr_pflo .detail dl {line-height:1;}
.mastr_pflo .detail dl dt {float:left; padding-top:5px; color:#333; font-size:15px}
.mastr_pflo .detail dl dd {position:relative; margin:0 0 15px 100px; font-weight:600; font-size:24px;}
.mastr_pflo .detail dl .rank {display:inline-block; *display:inline; width:78px; height:26px; padding-left:14px; vertical-align:top; line-height:26px; color:#fff; font-weight:normal; font-size:15px; background:url('../../../img/ccr/aset_mng/master_pflo_rank.png') 0 0 no-repeat}



/*========================================
 자산현황
========================================*/

/* 자산현황 공통 */
.page_c_aset_stat .cust_aset_summary {position:relative;}
.page_c_aset_stat .cust_aset_summary:after {display:block; clear:both; content:'';}
.page_c_aset_stat .cust_aset_summary .cust_info {float:left; width:220px; padding:13px 0 13px 78px; border:1px solid #b5b7ae; background-color:#f1f1ef;}
.page_c_aset_stat .cust_aset_summary .cust_info .cust {padding-left:45px; line-height:1.3; color:#333; background:url('../../../img/ccr/common/ico_male.png') 0 0 no-repeat;}
.page_c_aset_stat .cust_aset_summary .cust_info .cust em {color:#e95b0b;}
.page_c_aset_stat .cust_aset_summary .table_data {float:right; width:700px;}
.page_c_aset_stat .cust_aset_summary .table_data th,
.page_c_aset_stat .cust_aset_summary .table_data td {height:62px; padding-top:0; padding-bottom:0;}
.page_c_aset_stat .cust_aset_summary .table_data td {text-align:left; color:#e95b0b; border-right:1px solid #e0e1dc;  border-left:1px solid #e0e1dc;}

/* 자산현황 - 자산추이 및 수익률 */
.page_c_aset_stat .aset_change_rate .title_area {margin-top:0;}
.page_c_aset_stat .aset_change_rate .inner_row {margin-top:60px; overflow:hidden;}
.page_c_aset_stat .aset_change_rate .inner_row:first-child {margin-top:0;}
.page_c_aset_stat .aset_change_rate .aset_change {float:left; width:485px;}
.page_c_aset_stat .aset_change_rate .aset_rate {float:right; width:485px;}
.page_c_aset_stat .aset_change_rate .aset_expired {float:left; width:485px;}
.page_c_aset_stat .aset_change_rate .aset_rtpen {float:right; width:485px;}
.page_c_aset_stat .aset_change_rate .aset_rtpen td {height:64px; font-weight:600; font-size:20px;}
.page_c_aset_stat .aset_change_rate .chart {height:180px;}

/* 자산현황 - 상품별 투자현황 */
.page_c_aset_stat .goods_invest {}
.page_c_aset_stat .goods_invest .goods_stat {overflow:hidden; border:1px solid #e0e1dc;}
.page_c_aset_stat .goods_invest .goods_stat .chart {float:left; position:relative; width:260px; height:154px;}
.page_c_aset_stat .goods_invest .goods_stat .table_data {float:right; width:738px; border:0 none;}
.page_c_aset_stat .goods_invest .goods_stat .table_data th {padding:0; height:30px; border:0 none; border-left:1px solid #e0e1dc; border-top:1px solid #e0e1dc;}
.page_c_aset_stat .goods_invest .goods_stat .table_data td {padding:0 20px 0 0; height:30px; border:0 none; border-left:1px solid #e0e1dc; border-top:1px solid #e0e1dc;}
.page_c_aset_stat .goods_invest .goods_stat .table_data thead th {border-top:0;}

/* 자산현황 - 투자비율 위반현황 */
.page_c_aset_stat .invest_violate {margin-top:30px;}
.page_c_aset_stat .invest_violate .violate_srch {margin-bottom:40px;}
.page_c_aset_stat .invest_violate .violate_stat {overflow:hidden; margin-bottom:30px;}
.page_c_aset_stat .invest_violate .violate_stat .alert_message {float:left; height:108px; padding:30px 0 0 140px; background:url('../../../img/ccr/aset_mng/ico_vioate_msg1.gif') 15px 50% no-repeat;}
.page_c_aset_stat .invest_violate .violate_stat .alert_message.type2 {background:url('../../../img/ccr/aset_mng/ico_vioate_msg2.gif') 15px 50% no-repeat;}
.page_c_aset_stat .invest_violate .violate_stat .alert_message .tit {color:#333; font-size:20px;}
.page_c_aset_stat .invest_violate .violate_stat .alert_message p {margin-top:5px; line-height:1.4; font-size:16px;}
.page_c_aset_stat .invest_violate .violate_stat .invest_detail {float:right; width:550px; border-bottom:1px solid #e5e6e6; border-right:1px solid #e5e6e6; }
.page_c_aset_stat .invest_violate .violate_stat .invest_detail th {height:68px; text-align:center; color:#333; border-top:1px solid #e5e6e6; border-left:1px solid #e5e6e6;}
.page_c_aset_stat .invest_violate .violate_stat .invest_detail td {height:68px; text-align:center; letter-spacing:-1px; font-weight:600; font-size:35px;  border-top:1px solid #e5e6e6; border-left:1px solid #e5e6e6; background-color:#f9f9f9;}




/*========================================
 자산진단
========================================*/

.aset_dgnos {}
.aset_dgnos .dgnos_cont .title_area:first-child {margin-top:0;}

.aset_dgnos .aside {float:left; width:211px}
.aset_dgnos .aside .tab_A {width:224px; margin-bottom:20px}
.aset_dgnos .aset_average {border:1px solid #dbdddf;}
.aset_dgnos .aset_average .tit {padding:14px 20px; color:#333; border-bottom:1px solid #e5e6e6; background-color:#f7f7f6;}

.aset_dgnos .aset_average .average_cust {overflow:hidden; padding:20px 0 15px; border-bottom:1px solid #e5e6e6;}
.aset_dgnos .aset_average .average_cust .sex {float:left; width:35px; margin-left:40px; text-align:center; color:#333; font-size:13px;}
.aset_dgnos .aset_average .average_cust .sex .ico_male {display:block; width:35px; height:33px; margin-bottom:5px; background:url('../../../img/ccr/common/ico_male.png') 0 0 no-repeat;}
.aset_dgnos .aset_average .average_cust .sex .ico_female {display:block; width:35px; height:33px; margin-bottom:5px; background:url('../../../img/ccr/common/ico_female.png') 0 0 no-repeat;}
.aset_dgnos .aset_average .average_cust .agegroup {display:inline-block; margin-left:50px; color:#333; font-size:12px}
.aset_dgnos .aset_average .average_cust .agegroup .age {display:block; height:30px; text-align:center; line-height:30px; border:1px solid #f47933;}
.aset_dgnos .aset_average .average_cust .agegroup .myage {display:block; width:44px; height:30px; text-align:center; line-height:30px; border:1px solid #fff;}
.aset_dgnos .aset_average .average_gdscomp {padding-bottom:20px}
.aset_dgnos .aset_average .average_gdscomp table {width:168px; margin:0 auto; border-top:1px solid #e0e1dc; border-spacing: 0; }
.aset_dgnos .aset_average .average_gdscomp table th {height:30px; text-align:left; color:#333; font-size:12px; font-weight: normal; border-right:1px solid #e0e1dc; border-bottom:1px solid #e0e1dc;}
.aset_dgnos .aset_average .average_gdscomp table td {height:30px; text-align:center; color:#333; font-size:12px; border-bottom:1px solid #e0e1dc;}
.aset_dgnos .aset_average .average_gdscatecomp {}
.aset_dgnos .aset_average .average_hmcrecm {padding:15px 0 15px 20px;} 
.aset_dgnos .aset_average .average_hmcrecm dt {color:#333; font-size:12px;}
.aset_dgnos .aset_average .average_hmcrecm dd {color:#333; font-weight:600; font-size:20px}


.aset_dgnos .aside .chart {margin:0 auto}
.aset_dgnos .dgnos_cont {float:right; width:758px}
.aset_dgnos .dgnos_chart {padding:40px 0; border:1px solid #e0e1dc;}
.aset_dgnos .cont_earning .title_area {margin-top:40px}
.aset_dgnos .cont_earning .myrtplan {overflow:hidden;}
.aset_dgnos .cont_earning .myrtplan .chart {float:left; width:370px; height:330px; border:1px solid #e0e1dc;}
.aset_dgnos .cont_earning .myrtplan .portfolio {float:right; width:330px; height:300px; padding:30px 20px 0; border:1px solid #e0e1dc;}
.aset_dgnos .cont_earning .myrtplan .portfolio dl {margin:10px 0; padding:25px 30px 21px; background-color:#f3f3f3;}
.aset_dgnos .cont_earning .myrtplan .portfolio dl dt {float:left; color:#333; font-weight:600;}
.aset_dgnos .cont_earning .myrtplan .portfolio dl dd {margin-bottom:4px; text-align:right; color:#e95b0b; font-weight:600;}

.aset_dgnos .cont_earning .mycmpr {overflow:hidden; }
.aset_dgnos .cont_earning .mycmpr .cmpr_summary {float:left; width:372px}
.aset_dgnos .cont_earning .mycmpr .cmpr_desc {float:right; width:330px; height:156px; padding:20px 20px 0; border:1px solid #e0e1dc;}

/*========================================
 HMC추천포트폴리오
========================================*/

/* 연금자산 재구성 */
.page_aset_recmp .recmmp_prop {padding:20px 0; text-align:center; background:#fafafa; border:1px solid #ececea;}
.page_aset_recmp .recmmp_prop .lbl_invprop {display:inline-block; margin-left:20px}


/*========================================
 통합연금자산 현황
========================================*/

.rtpen_aset_summary {overflow:hidden; margin:0 -7px;}
.rtpen_aset_summary .item {position:relative; float:left; width:324px; margin:0 7px; border-top:3px solid #8c6239; background-color:#f9f9f9;}
.rtpen_aset_summary .item .item_inner {position:relative; height:223px; padding:23px 0 30px; border-left:1px solid #e0e1dc; border-right:1px solid #e0e1dc;}
.rtpen_aset_summary .item .title {text-align:center; color:#5c6571; font-weight:600; font-size:30px; letter-spacing: -1px;}
.rtpen_aset_summary .item .title span {font-size:24px}
.rtpen_aset_summary .item ul {height:54px; padding:17px 35px; background-color:#8a7055;}
.rtpen_aset_summary .item ul li {overflow:hidden; padding:3px 0; color:#fff;}
.rtpen_aset_summary .item ul li .tit {float:left;}
.rtpen_aset_summary .item ul li .amount {float:right; color:#ffae00;}

.rtpen_aset_summary .item .link {position:absolute; left:-1px; top:-3px; right:-1px; bottom:0; z-index:10; }
.rtpen_aset_summary .item .link:hover,
.rtpen_aset_summary .item.selected .link {border:4px solid #faa72b}

.rtpen_aset_summary .item .active {position:relative; height:26px; padding-top:12px; text-align:center; border:1px solid #e0e1dc; border-top:0 none;}
.rtpen_aset_summary .item .active span {display:inline-block; width:13px; height:13px; background:url('../../../img/ccr/common/sp_radio.png') 0 0 no-repeat;}
.rtpen_aset_summary .item.selected .active span {background-position:-13px 0;}

.rtpen_aset_summary {}
.rtpen_aset_summary .bar_chart {position:absolute; left:0; bottom:30px; right:0; height:130px;}
.rtpen_aset_summary .bar_chart .bar {position:absolute; bottom:0; width:70px; height:130px; text-align:center;}
.rtpen_aset_summary .bar_chart .bar strong {display:block; padding-top:5px; line-height:18px; color:#fff;}
.rtpen_aset_summary .bar_chart .bar .value {position: absolute; left: 50%; top: -22px; width: 100px; margin-left:-50px; text-align: center; font-size: 12px; color: #333f4e;}
.rtpen_aset_summary .bar_chart .bar1 {left:80px; background-color:#949494;}
.rtpen_aset_summary .bar_chart .bar2 {left:168px; background-color:#f47933;}

.rtpen_aset_summary .item_total .total_amount {margin-top:70px; text-align:center; color:#5c6571; }
.rtpen_aset_summary .item_total .total_amount strong {display:block; font-size:18px;}
.rtpen_aset_summary .item_total .total_amount span {letter-spacing:-1px; font-weight:600; font-size:30px;}
.rtpen_aset_summary .item_total .total_amount span em {color:#f47933;}

.page_rtpen_aset {}
.page_rtpen_aset .mytotaset {float:left; width:490px}
.page_rtpen_aset .mytotaset .chart {height:197px; background-color:#f4f4f4}
.page_rtpen_aset .mytotaset .txt {margin-top:10px; padding:20px 30px; color:#333; border:1px solid #dedee4;}
.page_rtpen_aset .myrertpay {float:right; width:488px}
.page_rtpen_aset .myrertpay .calc_form {padding:16px 30px 20px; text-align:center; border:1px solid #e0e1dc; background-color:#f4f4f4;}
.page_rtpen_aset .myrertpay table {width:100%; table-layout: fixed; border-spacing: 0;}
.page_rtpen_aset .myrertpay table th {padding:4px 0 4px 25px; text-align:left; color:#333; background:url('../../../img/ccr/common/bu_sq_orange.gif') 10px center no-repeat;}
.page_rtpen_aset .myrertpay table td {padding:4px 0; text-align:left;}
.page_rtpen_aset .myrertpay .btn_pack {margin:14px auto 0;}
.page_rtpen_aset .myrertpay .calc_rslt {overflow:hidden; margin-top:20px; padding:13px 20px; background-color:#fff; border:1px solid #e0e1dc;}
.page_rtpen_aset .myrertpay .calc_rslt strong {float:left; padding-top:3px;}
.page_rtpen_aset .myrertpay .calc_rslt .amount {float:right; color:#ee4a09; font-size:18px}

.page_rtpen_aset .myaset_stat {float:left; width:490px;}
.page_rtpen_aset .myaset_stat .chart_wrap {height:212px; padding:40px; background-color:#f4f4f4;}
.page_rtpen_aset .myaset_stat .chart_wrap .chart {float:left; width:200px; height:220px}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label {float:right; width:185px; color:#333;}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label li {margin-bottom:5px;}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label li.total {margin-bottom:15px;}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label .lbl {overflow:hidden; line-height:20px}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label .lbl span[class^='chart_chip'] {width:20px; height:20px;}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label .lbl .rate {float:right;}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label .amount {line-height:1.3; text-align:right; font-size:20px; font-weight:600}
.page_rtpen_aset .myaset_stat .chart_wrap .chart_label .amount .currency {font-size:14px}

.page_rtpen_aset .myaset_stat_year {float:right; width:490px}
.page_rtpen_aset .myaset_stat_year .chart {height:197px; margin-bottom:10px; background-color:#f4f4f4;}


/*========================================
 HMC추천포트폴리오
========================================*/

/* HMC 추천 MP란? */
.page_recm_pflo {}
.page_recm_pflo .recmmp_prop {}
.page_recm_pflo .recmmp_prop li {float:left; width:319px; height:426px; margin-left:18px; background:#f9f9f9; border:1px solid #ebebe8; text-align:center;}
.page_recm_pflo .recmmp_prop li:first-child {margin-left:0;}
.page_recm_pflo .recmmp_prop p {display:block;font-size:12px;  color:#9f9f9f}
.page_recm_pflo .recmmp_prop strong {display:block; margin:22px 0px 15px 0; font-size:16px; color:#3d4044; line-height:22px;}
.page_recm_pflo .recmmp_prop .tit {display:block; height:49px; margin:0; text-align:center; font-size:20px; color:#fff; line-height:49px;}
.page_recm_pflo .recmmp_prop .prop1 strong.tit {background:#ff7d26;} 
.page_recm_pflo .recmmp_prop .prop2 strong.tit {background:#ffc012;} 
.page_recm_pflo .recmmp_prop .prop3 strong.tit {background:#aec201;}

/* MP 선정방법 */
.page_recm_pflo .recmmp_process {margin:40px 0 0 0;  background:url('/img/ccr/aset_mng/recmmp_process.gif') no-repeat 0 0;}
.page_recm_pflo .recmmp_process li {height:108px;}
.page_recm_pflo .recmmp_process li.step1 {padding:28px 0 0 114px; text-align:left;}
.page_recm_pflo .recmmp_process li.step2 {padding:28px 124px 0 0px; text-align:right;}
.page_recm_pflo .recmmp_process li.step3 {padding:28px 0 0 114px; text-align:left;}
.page_recm_pflo .recmmp_process li.step4 {padding:28px 124px 0 0px; text-align:right;}
.page_recm_pflo .recmmp_process li.step5 {height:99px; padding:37px 0 0 114px; text-align:left;}
.page_recm_pflo .recmmp_process li strong {font-size:16px; color:#333;}
.page_recm_pflo .recmmp_process li p {margin:8px 0 0 0; color:#666; line-height:22px;}

/* MP 현황 */
.page_recm_pflo .recmmp_chart {height: 378px; border: 1px solid #dddfe1;}
.page_recm_pflo .recmmp_chart .chart_left {float:left; width:50%;}
.page_recm_pflo .recmmp_chart .chart_right {float:right; width:50%;}