@charset "utf-8";

/* placeholder - 개발 요청 추가 */
.inp_placeholder {position:relative}
.inp_placeholder label.tx_placeholder {position:absolute;top:3px;left:10px;color:#888}
.inp_placeholder2 {position:relative}
.inp_placeholder2 label.tx_placeholder {position:absolute;top:10px;left:10px;color:#888}

/* 자산종합현황  */
.scrollBox{min-height:100px;max-height:430px;overflow-y:auto;overflow-x:hidden;}/*스크롤박스*/
.arrowStyle{display:inline-block;width:12px;height:12px;margin:2px 3px;text-indent:-9999px;background:url('https://oimg1.kbstar.com/img/omoney/2016/common/arrowStyle1.png') no-repeat;vertical-align:middle}
.arrowStyle.up,.rate_plus .arrowStyle{background-position: 0 0}
.arrowStyle.down,.rate_minus .arrowStyle{background-position: 0 -12px}
.rate_plus .arrowStyle,.rate_minus .arrowStyle{margin:0 4px 0 10px;}
.rate_plus.ml .arrowStyle,.rate_minus.ml .arrowStyle{margin:0 3px;}
.rate_plus .nomal,.rate_minus .nomal{color:#333;font-size:15px;}
.arrowStyle.type2{width:20px; height:15px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/arrowStyle2.png') no-repeat 0 0 }
.arrowStyle.type2.down{background-position:0 -20px}

/* 내자산 요약 */
.assetSummary {width:100%; letter-spacing:-0.04em}
.assetSummary h2{color:#fff}
.assetContwrap1{background:#282d43;text-align:center} 
.assetCont1{overflow:hidden;width:980px;margin:0 auto;padding:27px 0;color:#fff;font-size:16px}
.assetCont1_in{float:left;width:240px;padding-left:50px;text-align:left;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/assetCont1_bg.gif') no-repeat left center}
.assetCont1_in.bg_type2{background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/assetCont1_bg2.gif') no-repeat left center}
/*.assetCont1 .assetCont1_in dt{margin-bottom:10px;font-size:16px}
.assetCont1 .assetCont1_in dd{font-size:12px}*/
.assetCont1  a{display:inline-block;min-height:22px;padding:0 10px;border:1px solid #aeb7dc; color:#aeb7dc;line-height:22px;font-size:12px}
.assetCont1  a span.refresh{display:block;padding-right:25px;font-size:14px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/assetCont1_re.gif') no-repeat 70px 5px}
.assetCont1 div:first-child{padding-left:0;background:0 none}

.assetContwrap2{background:#d9f0fe}
.assetCont2{width:980px;margin:0 auto;padding:30px 0}
.assetCont2:after{display:block;content:'';clear:both}
.assetCont2 .left{float:left;position:relative; width:50%;height:460px;z-index:1}
.assetCont2 .left:first-child{z-index:2}
.assetCont2 h2{margin-bottom:30px;color:#2c3451;font-size:20px; font-weight:normal}
.assetCont2 h2 span{display:inline-block;margin-left:5px;color:#2c3451;font-size:14px}
.assetCont2 h2 a{display:inline-block;min-height:22px;margin-left:10px;padding:0 10px;border:1px solid #2c3451; color:#2c3451;font-size:12px;line-height:22px}
.assetCont2 .overChart{position:relative;margin-top:50px;z-index:2;zoom:1}
.assetCont2 .overChart ul{float:left; width:130px;}
.assetCont2 .overChart div.overChart_div{position:absolute; right:-60px; top:-30px;width:420px;height:420px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/overChart_div.png') no-repeat left top;}
.assetCont2 .overChart div.overChart_div > div{position:absolute;right:14px;top:1px;z-index:1}
.assetCont2 .overChart div.overChart_div > div.overChart_txt{position:absolute;right:115px;top:142px;width:155px;height:180px;padding: 0 20px;text-align:center}
.assetCont2 .overChart div.overChart_div > div.overChart_txt dt{font-size:16px;color:#2c3451}
.assetCont2 .overChart div.overChart_div > div.overChart_txt dd.rate{padding:14px 0 4px;margin-bottom:8px;font-size:50px;color:#2c3451;line-height:1;border-bottom:1px solid #cae0ee}
.assetCont2 .overChart div.overChart_div > div.overChart_txt dd.date{font-size:14px;color:#6b718f}
.assetCont2 .chartTab{position:absolute; right:0; top:0;z-index:1; font-size:12px;letter-spacing:-0.05em}
.assetCont2 .chartTab h3 a{display:block;position:absolute;right:111px; top:0;width:110px;height:30px;line-height:28px;text-align:center;color:#2c3451;font-size:12px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/chartTab_h3.png')  no-repeat 0 0}
.assetCont2 .chartTab span.print a{display:block;position:absolute;right:0; top:0;padding:0 20px 0 48px;min-width:135px;height:30px;line-height:28px;text-align:center;color:#2c3451;font-size:12px;border:1px solid #282d43;border-radius:15px;background: url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/assetCont2_print2.png') no-repeat 21px 6px;}
.assetCont2 .chartTab h3.on a{color:#2c3451;background-position:0 -30px}
.assetCont2 .chartTab h3.type2 a{right:0;background-position:-111px -30px}
.assetCont2 .chartTab h3.type2.on a{background-position:-111px 0}
.assetCont2 .chartTab div.chartTab_in1,.assetCont2 .chartTab div.chartTab_in2{position:absolute; top:54px; right:0;width:410px;height:300px;padding:30px 40px;background:#ffffff;text-align:center;font-size:40px}
.assetCont2 .chartTab div.legend{margin-bottom:35px;text-align:left;font-size:14px;line-height:1}
.assetCont2 .left p{position:absolute; bottom:15px;left:0;color:#2c3451}
.scroll_area{position:relative;}
.scroll_icon{position:absolute;left:50%;top:80px;margin-left:-376px;z-index:1}
.assetContwrap3{overflow:hidden;position:relative; width:980px;margin:0 auto}
.assetContwrap3_left{position:relative;float:left;width:154px}
.assetContwrap3_right{float:right;width:825px;padding:80px 0 60px 0;border-left:1px solid #dddddd;background:#fafafa}
.assetContwrap3_right .ip_txtWrap{padding:0 10px 114px 40px;}
.assetContwrap3_right .ip_title{margin-bottom:24px;color:#2c3451;font-size:26px;line-height:42px;letter-spacing:-0.04em}
.assetContwrap3_right .ip_desc{margin-bottom:24px;font-size:16px;line-height:26px;color:#2c3451;letter-spacing:-0.04em}
.assetContwrap3_right .rate_plus{color:#f6535f;font-weight:bold;}
.assetContwrap3_right .txt_type1{padding-bottom:19px;padding-left:40px;color:#2c3451;font-size:30px;line-height:52px;text-align:left;letter-spacing:-0.04em}
.assetContwrap3_right  .ip_slideWrap{position:relative; width:825px; min-height:500px;}

.assetCont2 .chartTab div.chartTab_in1.type2{top:60px;padding:30px 40px 5px}
.assetCont2 .left .indent_box p{font-size:13px;color:#666;}
.indent_box.type2 p{font-size:13px;color:#7d85a0;}

#scroll_icon {display:block;position:absolute;top:80px;left:50%;width:40px;height:40px;margin-left:-376px;background:#ffdc00;z-index:10}

/* 내자산 요약 슬라이더 */
.slider-container {position:relative;width:825px;height:680px}
.slider-container .slider-wrap {overflow:hidden;width:100%;height:100%;background:#fafafa}
.slider-container .slider-wrap > ul {width:100%;height:100%;*zoom:1}
.slider-container .slider-wrap > ul:after {content:'';display:block;clear:both}
.slider-container .slider-wrap > ul > li {float:left;padding:50px 0;text-align:center;position:relative;height:580px;}

.slider-container .slider-wrap .slide_chart {display:inline-block;*display:inline;width:350px;vertical-align:middle}
.slider-container .slider-wrap .slide_legend {display:inline-block;*display:inline;width:100px;vertical-align:middle}
.slider-container .slider-wrap .slide_legend li {margin-bottom:0}
.slider-container .slider-wrap .slide_legend li+li {margin-top:15px}

.slider-container .slider-wrap .slider-btn {display:block;position:absolute;top:170px;width:23px;height:41px;margin-top:-20px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/arrow-img.png') no-repeat 0 0}
.slider-container .slider-wrap .slider-btn > span {visibility:hidden}
.slider-container .slider-wrap .slider-btn.prev {left:40px;background-position:0 0}
.slider-container .slider-wrap .slider-btn.next {right:40px;background-position:-23px 0}

.slider-container .slider-pgnum {position:absolute;top:-50px;right:40px;font-size:40px;color:#c8c7cc;line-height:1.0}
/*.slider-container .slider-pgnum {position:absolute;top:-50px;left:40px;font-size:40px;color:#c8c7cc;line-height:1.0}*/
.slider-container .slider-pgnum > span {color:#2c3451}

.slider-box{overflow:hidden}
.chart_fb20{font-size:20px !important;color:#333}

.slider-container .slider-pglist {position:absolute;top:0;left:-154px;width:154px;z-index:2}
.slider-container .slider-pglist > li {text-align:right}
.slider-container .slider-pglist > li+li {margin-top:25px}
.slider-container .slider-pglist > li > a {color:#888;font-size:16px;padding-right:27px;letter-spacing:-0.12em}

.slider-container .slider-pglist > li.active > a {color:#2c3451}

.assetContwrap3_right {padding:80px 0 40px 0;background:none}



/* 내자산 요약 슬라이더 내 상품리스트 */
.lineup-cont{/*margin-top:60px;position:relative;*/position:absolute;left:0;bottom:0;}
.lineup-cont ul li{position:relative;float:left;width:275px;height:320px;}
.lineup-cont ul li a{display:block;position:absolute;left:0;top:0;z-index:1;width:275px;height:320px; padding:0;}
.lineup-cont ul li .lineup-inner{position:relative;z-index:2;width:255px;height:300px;padding:10px;background:#fafafa;}
.lineup-cont ul li .border-line{position:relative; top:0;left:0;width:100%;height:100%}
.lineup-cont ul li .border-line span.bg1{position:absolute;top:0;left:0;width:0%;height:2px;transition:all 0s ease 0s}
.lineup-cont ul li .border-line span.bg2{position:absolute;top:0;right:0;width:2px;height:0%;transition:all 0s ease 0s}
.lineup-cont ul li .border-line span.bg3{position:absolute;bottom:0px;left:100%;width:0%;height:2px;transition:all 0s ease 0s}
.lineup-cont ul li .border-line span.bg4{position:absolute;top:100%;left:0px;width:2px;height:0%;transition:all 0s ease 0s}
.lineup-cont ul li .border-line dl{padding:20px 30px;}
.lineup-cont ul li .border-line dt{position:absolute;left:28px;top:45px;font-size:100px;color:#e0e0e0;line-height:1}
.lineup-cont ul li .border-line dd.btn{position:absolute;right:30px;top:55px;height:32px;padding:0 5px;border:1px solid #6b718f;color:#6b718f;font-size:20px;line-height:32px;}
.lineup-cont ul li .border-line dd.txt1{margin-bottom:20px;padding:130px 0 0;*padding:0;font-size:18px;color:#333; line-height:24px;text-align:left;letter-spacing:-0.1em}
.lineup-cont ul li .border-line dd.txt2{position:absolute; bottom:20px;left:30px;width:200px;text-align:left}
.lineup-cont ul li.on .lineup-inner{background:#2c3451}
.lineup-cont ul li.on .border-line span{background:#cdb178} 
.lineup-cont ul li.on .border-line span.bg1{position:absolute;top:0px;left:0px;width:100%;height:2px;transition:all 0.2s ease 0s}
.lineup-cont ul li.on .border-line span.bg2{position:absolute;top:0px;right:0px;width:2px;height:100%;transition:all 0.2s ease 0.2s}
.lineup-cont ul li.on .border-line span.bg3{position:absolute;bottom:0px;left:0;width:100%;height:2px;transition:all 0.2s ease 0.4s}
.lineup-cont ul li.on .border-line span.bg4{position:absolute;top:0;left:0;width:2px;height:100%;transition:all 0.2s ease 0.6s}
.lineup-cont ul li.on .border-line dt{color:#cdb178}
.lineup-cont ul li.on .border-line dd.btn{border:1px solid #cdb178;color:#cdb178}
.lineup-cont ul li.on .border-line dd.txt1{color:#cdb178; }
.lineup-cont ul li .border-line dd .descArea{width:100%;font-size:16px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/rateArea_bg.gif') no-repeat right center;color:#666}
.lineup-cont ul li.on .border-line dd .descArea{background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/descArea_bg.gif') no-repeat right center;color:#fff}

.assetContwrap4_bg{position:relative;min-height:480px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/assetContwrap4_bg.jpg') no-repeat center top;}
.assetContwrap4{overflow:hidden;position:relative;width:980px;margin:0 auto;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/assetContwrap4_line.png')no-repeat 144px top;}
.assetContwrap4 .assetContwrap4_left{float:left;width:115px;padding:193px 20px 0;text-align:right;}
.assetContwrap4 .assetContwrap4_right {float:left;width:745px;padding:60px 40px}
.assetContwrap4 .assetContwrap4_right .txt{margin-bottom:54px;font-size:28px; line-height:40px;color:#2c3451}

/* 부채와 자산현황 */
.current-chart{width:100%;margin-bottom:20px;}
.current-chart:after{clear:both;display:block;content:''}
.current-chart .left{float:left;width:490px;margin-right:20px;}
.current-chart .left .box{padding:20px 30px;height:210px;border:1px solid #e6e6e6}
.current-chart .left .box .chart{float:left;width:120px;}
.current-chart .left .box .cur_txt{float:right;width:290px;border-bottom:1px solid #e5e5e5}
.current-chart .left .box .cur_txt li{overflow:hidden;padding:0 21px 0 21px}	
.current-chart .left .box .cur_txt li:first-child{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.current-chart .left .box .cur_txt .type1 {float:left;display:inline-block;width:88px;height:45px;line-height:42px;color:#50483d;font-size:14px}
.current-chart .left .box .cur_txt .type1.tx_indent {text-indent:-8px}
.current-chart .left .box .cur_txt .type2 {float:left;width:110px;height:45px;line-height:42px;font-size:18px;text-align:right;color:#50483d}
.current-chart .left .box .cur_txt .type2 > span {font-size:12px;vertical-align:middle;}
.current-chart .left .box .cur_txt .type3 {float:right;width:50px;height:45px;line-height:42px;font-size:16px;text-align:right;color:#666}
.current-chart .left .box .cur_txt .bg{padding:10px 20px;border:1px solid #e5e5e5;background:#fbfbfb;color:#666 }
.current-chart .left .box .cur_txt .bg .type1 {width:88px;height:auto;line-height:1.7em;font-size:12px}
.current-chart .left .box .cur_txt .bg .type2 {width:110px;height:auto;line-height:1.7em;font-size:12px;text-align:right;color:#50483d}
.current-chart .left .box .cur_txt .bg .type3 {width:50px;height:auto;line-height:1.7em;font-size:12px;text-align:right;color:#666}
.current-chart .right{float:left;width:310px;}
.current-chart .right .box{height:250px;border:1px solid #e6e6e6}

/* 부채와 자산 */
.report-bar-chart-row {width:120px;height:160px;*zoom:1}
.report-bar-chart-row:after {content:'';display:block;clear:both}
.report-bar-chart-row .chart-bar {position:relative;float:left;width:118px}
.report-bar-chart-row .chart-bar .chart-txt {position:relative;top:50%;margin-top:-10px;display:block;vertical-align:middle;text-align:center;color:#fff}
.report-bar-chart-row .chart-bar.bg1, .bar-chart-row-legend li .bg1{background:#3b83d5}
.report-bar-chart-row .chart-bar.bg2, .bar-chart-row-legend li .bg2{background:#f6535f}
.bar-chart-row-legend li,.bar-chart-row-legend li + li{width:50%;float:left;margin-top:15px !important;color:#50483d}

.subWrapB{letter-spacing:-0.04em;*line-height:1.2}

/* BACKGROUND */
/* 투자자산 현황 */
.bgtype1{position:relative;margin:0 }
.bgtype1 .bg{display:block;position:absolute;left:0;top:0;width:100%;height:85%;background:#c4daf6;}
.bgtype2{padding:60px 0 70px;background:#f1f1f1;margin:0 }
.bgtype3{padding:60px 0 0;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_box2.jpg') no-repeat center center;margin:0 }
/* 은퇴자산 현황 */
.bgtype4{position:relative;margin:0}
.bgtype4 .bg{display:block;position:absolute;left:0;top:0;width:100%;height:85%;background:#c1f0ed;}
.bgtype5{padding:60px 0;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_box3.jpg') no-repeat center top;margin:0 }

.subTypeB h2.h2_title_btype{color:#2c3451;font-size:18px;}
.subTypeB h2.h2_title_btype span.sub_tit {font-size:13px;font-weight:normal;color:#888}	/* 2016.09.13 추가 */
.subTypeB h2.h2_title_btype2{margin-bottom:30px;color:#fff;font-size:20px}
.subTypeB h2.h2_title_btype3{color:#333;font-size:22px}
.subTypeB h2.h2_title_btype3 span, .subTypeB .bluetxt{color:#576aa4}
.subTypeB span.re-date{display:block;margin-top:8px;color:#888888; font-size:13px;letter-spacing:-0.04em}


/* 내자산요약 범례 */
.subTypeB .ip_legend3{display:block;margin-bottom:25px;padding-left:13px;color:#2c3451;font-size:16px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_legend_bg_new.png') no-repeat 0 0}
.subTypeB .ip_legend3.type2{background-position:0 -70px;}
.subTypeB .ip_legend3.type3{background-position:0 -210px;}
.subTypeB .ip_legend3.type4{background-position:0 -140px;}
.subTypeB .ip_legend3.type5{background-position:0 -280px;}
.subTypeB .ip_legend3.type6{background-position:0 -350px;}

.subTypeB .ip_legend4{display:inline-block;padding-left:18px;font-size:14px;line-height:1;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_legend_bg4.png') no-repeat 0 3px}
.subTypeB .ip_legend4.type2{margin-left:20px;background-position:0 -17px}

.subTypeB .ip_legend5{width:250px;display:inline-block;*display:inline;margin-bottom:20px;padding-left:25px;font-size:16px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_legend_bg5.gif') no-repeat 0 5px;text-align:left;}
.subTypeB .ip_legend5.type1{background-position:0 5px;}/* 안정형, 안전자산 */
.subTypeB .ip_legend5.type2{background-position:0 -41px;}/* 채권형 */
.subTypeB .ip_legend5.type3{background-position:0 -87px;}/* 혼합형 */
.subTypeB .ip_legend5.type4{background-position:0 -133px;}/* 국내주식형 */
.subTypeB .ip_legend5.type5{background-position:0 -179px;}/* 해외주식형 */
.subTypeB .ip_legend5.type6{background-position:0 -225px;}/* 투자자산 */
.subTypeB .ip_legend5.type7{background-position:0 -271px;}/* 유동성 */
.subTypeB .ip_legend5.type8{background-position:0 -317px;}/* 예적금 */
.subTypeB .ip_legend5.type9{background-position:0 -363px;}/* 펀드 */
.subTypeB .ip_legend5.type10{background-position:0 -409px;}/* 신탁 */
.subTypeB .ip_legend5.type11{background-position:0 -455px;}/* 보험 */
.subTypeB .ip_legend5.type12{background-position:0 -501px;}/* 기타 */
.subTypeB .ip_legend5 .box{display:inline-block;width:100px;}

/* 차트 범례 - 세로형 */
.subTypeB .ip_legend{display:block;margin-bottom:4px;padding-left:17px;font-size:13px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_legend_bg.png') no-repeat 0 3px}
.subTypeB .ip_legend.type2{background-position:0 -17px;}
.ip_ct_legend.type2 .ip_legend4 {color:#afb7d9}

/* 차트 범례 - 가로형 */
.subTypeB .ip_legend2{display:inline-block;margin-right:16px;padding-left:20px;color:#afb7d9;font-size:13px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_legend_bg2.png') no-repeat 0 3px}
.subTypeB .ip_legend2.type2{background-position:0 -23px;}
.subTypeB .ip_legend2.type3{background-position:0 1px}
.subTypeB .ip_legend2.type4{background-position:0 -25px}
.subTypeB .ip_legend2.type5{background-position:0 -51px;}
.subTypeB .ip_legend2.type6{background-position:0 -77px;}
.subTypeB .ip_legend2.type7{background-position:0 -103px;}

/* 차트 select */
.ip_box .ip_ct_select{position:absolute; right:30px;top:21px; }
.renew2016 .ip_ct_select .selectBox_2015{height:33px;border:0 none; border-bottom:2px solid #fff;color:#fff;font-size:15px;letter-spacing:-0.02em;background-image:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_select_bg.png') }
.chartTab_select{position:absolute;right:40px; top:13px;}
.renew2016 .chartTab_select .selectBox_2015{height:33px;border:0 none; border-bottom:2px solid #020202;color:#020202;font-size:15px;letter-spacing:-0.02em;background-image:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_select_bg2.gif') }

/*투자설계현황 버튼*/
.ip_btn {position:absolute;right:17px;bottom:0;}
.ip_btn a{display:inline-block;height:38px;margin:0 3px;padding:0 20px;line-height:38px;border:1px solid #2c3451;border-radius:19px;color:#2c3451;font-size:16px; text-align:center;font-weight:bold}
.ip_btn2 a{display:inline-block;height:22px;padding:0 10px;border:1px solid #ccc;color:#777;font-size:12px;font-weight:normal;line-height:22px;background:#fff;letter-spacing:-0.05em}
.ip_btn2.type2 a{padding-right:20px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_btn2_bg.gif') no-repeat right center}
.ip_btn3 {position:absolute;right:20px;top:-12px;}
.ip_btn3 a{display:inline-block;height:50px;padding:0 24px;line-height:50px;border:1px solid #fff;border-radius:25px;color:#fff;font-size:20px;text-align:center;}
.ip_btn4{position:absolute;right:30px;top:30px}
.ip_btn4 a{display:inline-block;height:22px;padding:0 10px;border:1px solid #ccc;color:#fff;font-size:12px;line-height:20px;}
.ip_btn5 a{display:inline-block;height:50px;padding:0 30px;color:#fff;font-size:20px;line-height:50px;border-radius:25px;background:#2c3451}
.ip_btn5 a.type2{height:48px;margin-right:10px;background:0 none; border:1px solid #2c3451; color:#2c3451}

.in_present{position:relative; padding:56px 20px 0;margin-bottom:17px;line-height:1}
.in_present .ip_title{font-size:32px;line-height:1; letter-spacing:-0.05em}
.in_present .ip_title .line_text{position:relative;display:inline-block;}
.in_present .ip_title .line_text .line{overflow:hidden;display:inline-block;position:absolute;bottom:-3px;left:0;height:8px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/underline_bg.png') repeat-x left bottom;z-index:0}
.in_present .ip_desc{width:700px;color:#2c3451;font-size:18px;line-height:26px;letter-spacing:-1px}
.in_present .ip_btn a{padding:0 15px;letter-spacing:-1px}

.ip_box{position:relative;width:940px;height:470px;margin:0 auto;padding:13px 20px 0;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_box.png') no-repeat center top;}
.ip_box .left{float:left;position:relative;width:210px;padding:30px;}
.ip_box .left.bdline{height:125px;border-bottom:1px dashed #d8d8d8}

/* 차트 위치 - left */
.ip_box .left .ip_chart_top{position:relative;min-height:155px;margin-bottom:30px;}
.ip_box .left .ip_ct_chart{position:absolute;right:0;bottom:0;}

/* 차트 위치 - right */
.ip_box .right{float:left;position:relative;width:610px;min-height:340px;padding:30px;}
.ip_box .right .ip_ct_chart{position:absolute;right:30px;bottom:30px;}
.ip_box .right .desc{margin-top:30px;color:#7d85a0}
.renew2016 .ip_ct_select .selectBox_2015 option{color:#000}

.ip_box .right .desc.txt_type2 {margin-top:15px;color:#7d85a0;line-height:22px} /* 2016.09.13 추가 */

/* 전체자산 비중 - 데이터가 없는 경우 */
.ip-Nodata{margin-top:13px;padding:35px 0; background:#f6f6f6;text-align:center}
.ip-Nodata .point_txt1{display:block;margin-bottom:14px;color:#576aa4;font-size:15px;font-weight:bold}
.ip-Nodata .point_txt2{display:block;color:#333333;font-size:13px;line-height:17px;}

/* 전체자산 비중 - 데이터가 있는 경우 */
.ip-data{margin-top:13px}
.ip-data-leg{margin:15px 0 10px}
.ip-data-leg li{width:100px;}
.ip-data-leg.chart-legend li{margin-top:5px;}

/* 비중 퍼센트에 따른 background */
.ip_impo{display:inline-block;width:110px;height:110px;text-align:center;}
.ip_list{overflow:hidden;padding:10px 20px 20px;}
.ip_list li{float:left;width:312px;min-height:100px;padding-bottom:20px;border-left:1px solid #f0f0f0;text-align:center}
.ip_list li:first-child{border:0 none}
.ip_list li .date,.date{color:#888888; font-size:13px;letter-spacing:-0.04em}
.ip_list li .ip_list_dl dt{margin-bottom:10px;}
.ip_list li.last{width:250px;padding:10px 22px 0 40px;text-align:left;}

/* 투자자산현황, 노후준비현황 상품리스트 */
.ip_product{position:relative;width:940px;padding:0 20px; }
.ip_pro_tit{overflow:hidden;padding:0 20px 15px}
.ip_pro_box{/*border:2px solid #d8d8d8;border-top:none;*/background:#fff;box-shadow:5px 5px 20px  #dedede;-webkit-box-shadow:5px 5px 20px  #dedede;-moz-box-shadow:5px 5px 20px  #dedede}
.ip_pro_box .ip_pb_in{overflow:hidden;padding:20px 30px;border-top:2px solid #d8d8d8;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_pro_bg.gif') no-repeat 902px center}
.ip_pro_box .ip_pb_in:first-child{border-top:0 none}
.ip_pro_box .ip_pb_in .ip_impo{margin-right:20px;}
.ip_pro_box .ip_pb_in div{display:inline-block;*display:inline;vertical-align:middle}
.ip_pro_box .ip_pb_in .ip_impo.type2{background-position:0 -72px;}
.ip_pro_box .ip_pb_in .ip_impo.type3{background-position:0 -144px;}
.ip_pro_box .ip_pb_in .ip_impo.type4{background-position:0 -216px;}
.ip_pro_box .ip_pb_in .ip_impo_list{width:580px;}
.ip_pro_box .ip_pb_in .ip_impo_list span.box{display:inline-block;height:23px;margin-bottom:7px;padding:0 10px;border:1px solid #ccc; color:#666;font-size:13px;line-height:20px;}
.ip_pro_box .ip_pb_in .ip_impo_rate span{display:inline-block;vertical-align:middle;}
.ip_pro_box .ip_pb_in .ip_impo_rate a{display:block;font-size:18px;}

.ip_product .ip_pro_box .ip_pb_in {background:none !important}

.ip_pro_box .ip_pb_in .ip_impo_rate .rate_txt1 {display:block;color:#333;font-size:15px}
.ip_pro_box .ip_pb_in .ip_impo_rate .rate_txt2 {display:block;margin-top:5px;color:#666;font-size:13px;text-align:center}
.ip_pro_box .ip_pb_in .ip_impo_rate .rate_plus .rate_point {color:#eb4d34}
.ip_pro_box .ip_pb_in .ip_impo_rate .rate_minus .rate_point {color:#3b83d5}

.ip_list_best{position:relative;width:940px;padding:0 20px;min-height: 510px;}
.subTypeB .ip_list_best h2{margin-bottom:50px;font-size:28px;color:#fff;font-weight:normal}
.ip_list_best .ip_best_box {float:left;position:relative;width:240px;height:245px;padding:30px;margin-right:20px;background:#fff;}
.ip_list_best .ip_best_box.last{margin-right:0;}
.ip_list_best .ip_best_box .num{display:block;position:absolute;right:22px;top:30px;width:44px; height:72px;text-indent:-99999px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_best_num.gif') no-repeat  0 0}
.ip_list_best .ip_best_box .num.type2{background-position:0 -121px}
.ip_list_best .ip_best_box .num.type3{background-position:0 -226px}
.ip_list_best .ip_best_box .txt_type1{margin-bottom:7px;color:#cf5e5e; font-size:14px;font-weight:bold}
.ip_list_best .ip_best_box .txt_type2{width:200px;margin-bottom:17px;color:#333333; font-size:22px;line-height:28px;font-weight:bold}
.ip_list_best .ip_best_box .txt_type3{color:#333333; font-size:15px;}
.ip_list_best .ip_best_box .txt_type4{position:absolute; left:30px; bottom:30px;font-size:50px;color:#eb4d34;}

.bgtype3 .no-data{margin-top:15px;min-height:125px;color:#fff;font-size:28px;font-weight:bold;letter-spacing:-0.025em}
.ip_list_best .no-data2{float:left;background:#d6e3f8 url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/no-data_bg.png') no-repeat}
.ip_list_best .no-data2 a{display:inline-block;padding-right:16px;font-size:15px;background:#d6e3f8 url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/no-data_arrow.png') no-repeat right center}
.ip_list_best .no-data2.type1{width:240px;min-height:115px;padding:190px 30px 0;background-position: center 30px;font-size:18px;line-height:23px}
.ip_list_best .no-data2.type2{width:440px;min-height:200px;padding:105px 0 0 180px;background-position:30px 87px;font-size:24px;line-height:30px}


/* 은퇴설계 현황 */
.ip_cart ul{margin-bottom:13px;border-bottom:1px solid #c3c3c3}
.ip_cart li{position:relative;font-size:13px;}
.ip_money{position:absolute;right:0;top:0;}
.ip_cart_sum{position:relative;padding:3px 0 0 16px;font-size:15px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_cart_sum.gif') no-repeat left 8px;word-break:break-all}

.ip_type_wrap{overflow:hidden;width:940px;padding:0 20px 40px;}
.ip_type_wrap .ip_type {display:inline-block;*display:inline;zoom:1;width:350px;vertical-align:middle}
.ip_type_wrap .ip_type li{float:left;width:68px;height:35px;line-height:33px;border:1px solid #ddd;background:#efefef;color:#999;text-align:center;font-size:15px}
.ip_type_wrap .ip_type li.on{border-color:#576aa4;background-color:#576aa4;color:#fff;font-weight:bold}
.ip_type_wrap .ip_type li + li{margin-left:-1px;}
.ip_type_wrap .ip_type_result{display:inline-block;*display:inline;zoom:1;width:500px;margin-left:45px;vertical-align:middle}

.renew2016 .ip_type .inp_radio_box_2015::after {clear: both;display:block;content:''}
.renew2016 .ip_type .inp_radio_box_2015 .radio_list {float:left;margin:0 0 10px;}
.renew2016 .ip_type .inp_radio_box_2015 .radio_list label {width: 58px;height: 35px;padding: 0 5px; line-height:35px;border:1px solid #ddd;color:#999;font-size: 15px;background:#efefef; text-align:center}
.renew2016 .ip_type .inp_radio_box_2015 .radio_list.on label{color: #fff;background:#576aa4;border-color:#576aa4}

.ip_type_result {padding-left:40px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_type_result_bg1.gif') no-repeat left center}
.ip_type_result li{float:left;padding:0 0 0 20px;text-align:center;}
.ip_type_result li .bg1{display:inline-block;width:11px;height:3px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_type_result_bg2.gif') no-repeat left center;vertical-align:middle;text-indent:-9999px}
.ip_type_result li .bg2{display:inline-block;width:9px;height:8px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ip_type_result_bg3.gif') no-repeat left center;vertical-align:middle;text-indent:-9999px}
.ip_type_result li dt{margin-bottom:10px;font-size:15px;color:#7c7c7c;font-weight:bold;}
.ip_type_result li dd{font-size:15px;font-weight:bold;}

.ip_product_col{position:relative;width:940px;padding:0 20px; }
.ip_product_col:after{clear:both; content:'';display:block}
.ip_product_col .ip_pro_box{position:relative;float:left;width:400px;min-height:190px;padding:30px;margin-left:20px;border:0 none; background:#fff;box-shadow:5px 10px 15px #dedede;-webkit-box-shadow:5px 10px 15px #dedede;-moz-box-shadow:5px 10px 15px #dedede}
.ip_product_col .ip_pro_box.first{margin-left:0}
.ip_product_col .ip_pro_box .txt_type1{margin-bottom:15px;color:#333333; font-size:22px;font-weight:bold}
.ip_product_col .ip_pro_box .txt_type2{color:#333333; font-size:15px;}
.ip_product_col .ip_pro_box .ip_impo{position:absolute;right:15px;top:15px;background-position:-72px -1px}

.ip_inner_box{position:relative;margin-top:45px;overflow:hidden;width:360px;padding:20px 20px 10px;background:#f6f7fa}
.ip_inner_box li{float:left;width:250px;margin:0 0 10px;}
.ip_inner_box li.tar{width:110px}

.ip_product_col h3{margin-bottom:10px;}
.ip_product_col.type2{margin-top:30px;}
.ip_product_col.type2 .ip_pro_box{width:190px;min-height:60px;padding:20px 15px; margin-left:20px}
.ip_product_col.type2 .ip_pro_box.first{margin-left:0}
.ip_product_col.type2 .ip_inner_box{width:190px;padding:30px 0 10px;margin-top:0;background:0 none;text-align:right}


/* 은퇴설계 */
.ip_card{position:relative;float:left;width:940px;padding:0 20px;}
.ip_card_in{float:left;width:300px;margin-left:20px;}
.ip_card_in span.bg{display:block;height:40px;padding-left:32px;line-height:40px;color:#fff;font-size:15px;font-weight:bold;background:#d06354}
.ip_card_box{min-height:230px;padding:30px 25px 30px 30px;background:#fff;}
.ip_card_in .txt_type1{display:block;min-height:55px;margin-bottom:15px;font-size:24px;line-height:28px;}
.ip_card_in .txt_type2{display:block;margin-bottom:10px;font-size:15px;line-height:21px;letter-spacing:-0.12em;font-weight:bold}
.ip_card_in .btn_type1{margin-bottom:30px;font-size:13px;color:#666}
.ip_card_in .btn_type1 span{display:inline-block;height:24px;padding:0 5px;line-height:24px;background:#f8e8e6}
.ip_card_in .btn_type2 {display:block;text-align:center}
.ip_card_in .btn_type2 a{display:inline-block;height:32px;padding:0 20px;line-height:30px;border:1px solid #d06354;border-radius:16px;color:#d06354;font-size:15px; text-align:center;font-weight:bold}

/* 적립상품추천 */
.ip_card.type2{width:820px;padding:0}
.ip_card.type2 .ip_card_in{width:260px; box-shadow:5px 5px 15px 5px  #dedede;-webkit-box-shadow:5px 5px 15px 5px  #dedede;-moz-box-shadow:5px 5px 15px 5px  #dedede}
.ip_card.type2 .ip_card_in span.bg{padding-left:20px }
.ip_card.type2 .ip_card_box{padding:20px;min-height:240px;}
.ip_card.type2 .ip_card_in .txt_type1{margin-bottom:10px;color:#2d344f;font-size:20px;line-height:28px;font-weight:bold;letter-spacing:-0.13em}
.ip_card.type2 .ip_card_in .btn_type1{margin-bottom:30px;font-size:13px;color:#666}
.ip_card.type2 .ip_card_in .toggleArea{margin-bottom:40px;font-size:14px;color:#666666}

.bgtype5 .ip_list_best .ip_card_in.type1, .ip_card_in.first{margin-left:0;}
.ip_card_in.type2 span.bg{background:#20a083}
.ip_card_in.type2 .btn_type1 span{background:#def1ed}
.ip_card_in.type2 .btn_type2 a{border-color: #20a083;color:#20a083;}

.ip_card_in.type3 span.bg{background:#9364c3}
.ip_card_in.type3 .btn_type1 span{background:#efe8f6}
.ip_card_in.type3 .btn_type2 a{border-color: #9364c3;color:#9364c3;}

.ip_card_in.type4 span.bg{background:#5bbace}
.ip_card_in.type4 .btn_type1 span{background:#e7f5f8}
.ip_card_in.type4 .btn_type2 a{border-color: #5bbace;color:#5bbace;}

.toggleArea {position:relative;overflow:hidden;margin-bottom:10px;font-size:15px;line-height:21px;}
.toggleArea .more_txt{word-break:break-all; padding-right:12px;}
.more-link{position:absolute;right:0;bottom:5px;display:block;width:9px;height:6px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/more-link-bg.gif') no-repeat center -6px;text-indent:-9999px;}
.more-link.open{background-position:center 0}

/* 서브메인 */
.p-list-all{padding:40px 0;background:#242b46;text-align:center}
.p-list-all .retire-data-area{height:auto;margin:0;padding:0;font-size:20px;}
.p-list-all .retire-data-area .f24{color:#fff}
.p-list-all .log-result{width:980px; margin:0 auto;}
.p-list-all .log-result:after{clear:both;display:block;content:''}
.p-list-all .log-result .left{float:left; width:520px}
.p-list-all .log-result .right{float:left; width:440px;padding:0 0 0 20px;}
.p-list-all .log-result .left p{color:#afb7d9;font-size:20px;text-align:left;line-height:26px;}
.p-list-all .log-result .left p span.value{color:#fff;font-weight:bold;}
.p-list-all .log-result.logout .right > ul{text-align:right;color:#fff;}
.p-list-all .log-result.logout .right li{margin-bottom:10px;}
.p-list-all .log-result.logout .right a{display:block;padding-right:20px;font-size:16px;color:#fff;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg-arrow-plist.gif') no-repeat right center}
.p-list-all .log-result.logout .right a span{margin-right:10px;font-size:14px;color:#afb7d9}
.p-list-all .log-result.login .right > dl{overflow:hidden;padding:0 20px;text-align:left}
.p-list-all .log-result.login .right dt{margin-bottom:15px;color:#fff;font-size:16px}
.p-list-all .log-result.login .right dd{float:left;width:50%;margin-bottom:5px;color:#afb7d9;text-align:left;font-size:14px}
.p-list-all .log-result.login .right dd a{color:#afb7d9}
.p-list-all .log-result.login .right .none_data{width:100%;height:18px;line-height:15px;margin-top:20px;padding-left:25px;color:#afb7d9;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg-arrow-plist2.png') no-repeat left center}
.p-list-all2{width:930px;margin:0 auto;padding:0 25px;font-size:14px;}
.p-list-all2 li{float:left;position:relative;width:250px;height:193px;margin:0 10px;padding:100px 20px 20px;background:#fff;color:#2c3451;text-align:center;}
.p-list-all2 li dt{margin-bottom:33px;font-size:20px;}
.p-list-all2 li dd{margin-top:2px;}
.p-list-all2 li dd a{display:block;height:44px;line-height:44px;background-color:#f1f1f1}
.p-list-all2 li .bg{position:absolute;top:30px;left:50%;margin-left:-30px;display:block;width:60px;height:60px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/p-list-bg.png') no-repeat 0 0}
.p-list-all2 li.type2 .bg{background-position:-60px 0}
.p-list-all2 li.type3 .bg{background-position:-120px 0}
.p-list-all2 li.on,.p-list-all2 li:hover{height:263px;padding-top:30px;background-color:#0099a8;color:#fff}
.p-list-all2 li.on dt,.p-list-all2 li:hover dt{margin-bottom:15px}
.p-list-all2 li.on dd a,.p-list-all2 li:hover dd a{background-color:#008a97;color:#fff}
.p-list-all2 li.on .desc,.p-list-all2 li:hover .desc{margin-bottom:27px;color:#b3e1e5}
.p-list-all2 li .desc,.p-list-all2 li.on .bg,.p-list-all2 li:hover .bg{display:none}
.p-list-all2 li .bg,.p-list-all2 li.on .desc,.p-list-all2 li:hover .desc{display:block;}
.po-r{position:relative;margin:20px 0 10px;}
.po-r h3{/*padding-left:10px;*/font-size:14.5px;font-weight:bold;/*background:url('https://oimg1.kbstar.com/img/omoney/2016/common/bult_linemapA.gif') no-repeat left center*/color:#222} /* 2019-09-02 */
.po-r .r-txt{position:absolute;right:0;top:7px;font-size:12px;color:#666;letter-spacing:-0.02em} /* 2019-09-02 */


/* 목적자금설계 */
.purpose-wrap .retire-step-btn{top:50%;margin-top:-27px;}
.purpose-wrap.retire-wrap .retire-step-btn{top:361px;margin-top:0;}
.purpose-step-wrap{width:100%;border-bottom:1px solid #555d7a}
.purpose-step-wrap .purpose-step-list{overflow:hidden;width:980px;margin:0 auto}
.purpose-step-wrap .purpose-step-list > li {float:left;position:relative;width:50px;height:66px;padding-left:18px;line-height:66px;border-left:1px solid #555d7a;color:#c7cff0;font-size:26px;text-align:left;}
.purpose-step-wrap .purpose-step-list > li:first-child{border-left:0;}
.purpose-step-wrap .purpose-step-list > li.on{width:650px;color:#f9e117}
.purpose-step-wrap .purpose-step-list > li span{display:inline-block;vertical-align:middle;}
.purpose-step-wrap .purpose-step-list > li span.on_txt{display:none}
.purpose-step-wrap .purpose-step-list > li.on span.on_txt{display:inline-block;margin:-5px 0 0 10px;color:#fff;font-size:22px}

.purpose-step-wrap .purpose-step-list .retire-step-list{position:absolute;right:0; top:10px;}
.purpose-step-wrap .purpose-step-list .retire-step-list li {line-height:1;}
.purpose-step-wrap .purpose-step-list .retire-step-list li span{margin-top:5px;padding:0;}
.purpose-step-wrap .purpose-step-list .retire-step-list li .txt span{margin-top:3px;}

.retire-step-list li{position:relative}
.retire-step-list .run_wrap{position:relative;left:-42px;width:52px;}
.retire-step-list .run_wrap span.run_ico{position:absolute; left:0;top:-18px;width:28px;height:30px;display:block;}
.purpose-step-list .retire-step-list .run_wrap span.run_ico{top:-24px;}

.purpose-wrap {position:relative;width:820px;margin:0 auto;}
.purpose-wrap .purpose-data-area {width:100%;padding:60px 0 30px;text-align:center;color:#fff;font-size:24px}
.purpose-wrap .retire-chart-area{margin-top:0;}
.purpose-wrap .step-tip-box {top:220px;}

.purpose-btn-area {padding:20px 0 80px;text-align:center}
.purpose-btn-area p{text-align:left; font-size:14px;color:#c7cff0}

.purpose-info-wrap{background:#f2f2f2 ;}
.purpose-info-wrap .purpose-info-area {width:800px;height:110px;margin:0 auto;}

.purpose-data-list {width:580px;margin:30px auto 100px}
.purpose-data-list li {overflow:hidden;padding:30px;background:#fff;border-top:1px solid #ddd;*margin-top:-3px}
.purpose-data-list li:first-child {border-top:0 none}
.purpose-data-list li > p {font-size:24px;color:#2c3451;line-height:1.2}
.purpose-data-list li.last-data {background:#ffdc00}
.purpose-data-list li > p.data-tit {float:left;}
.purpose-data-list li > p.data-cont {float:right;position:relative;text-align:right}
.purpose-data-list li > p.data-cont > span {margin:0 5px;font-size:38px;vertical-align:middle;letter-spacing:-0.05em}
.purpose-data-list li a.btn-round.type5{margin-left:10px;min-width:0;padding:0 20px;}

.purpose-wrap .retire-layer-wrap{position:relative;left:0;top:30px;text-align:center; font-size:20px;}

.purpose-bg{width:100%;min-height:640px;background:#fff url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/purpose-bg.jpg') no-repeat center top;}
.purpose-bg .purpose-wrap{margin:0 auto;}
.purpose-bg .purpose-wrap .purpose-data-area{padding:40px 0 25px;}
.purpose-bg .purpose-wrap .purpose-data-area.type2{padding:70px 0 81px;}

.purpose-bg .purpose-wrap .purpose-data-area p{line-height:1.5}

.purpose-result-wrap {padding:50px 0 60px;background:#fff;letter-spacing:-0.04em}
.purpose-result-wrap .purpose-result-area {width:980px;margin:0 auto; }
.purpose-result-wrap .purpose-result-area .purpose-result-in  {padding:0 20px;background:#fff;}
.purpose-result-wrap .purpose-result-area p {padding:0 0 0 25px;line-height:23px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/ico_info.png') no-repeat 0 3px}
.purpose-result-wrap .purpose-result-area p > a {display:inline-block;min-width:50px;height:30px;padding:0 15px;line-height:28px;border-radius:15px;color:#293551;font-size:12px;font-weight:bold;text-align:center;background:#aeb7dc;vertical-align:middle}
.purpose-result-wrap .purpose-result-area .purpose-result-in h3{margin-bottom:15px;font-size:18px;color:#293551;font-weight:normal}
.purpose-result-wrap .purpose-result-area .purpose-result-in .tType01 .tRight {padding-right:10px;text-align:right}

.btn.bwhite{display:inline-block;height:22px;padding:0 8px;margin-left:10px;border:1px solid #fff; line-height:20px;color:#fff;font-weight:bold; font-size:12px}

.purpose-wrap .retire-cont-area {height:200px;padding:80px 50px;}
.purpose-wrap .retire-cont-area .fl-left{position:relative;width:330px;margin-right:60px;}
.purpose-wrap .retire-cont-area .fl-right{width:330px}
.purpose-wrap .retire-cont-area .purpose-result{overflow:hidden;padding-bottom:43px;margin-bottom:43px; border-bottom:1px solid #5b6075}

.renew2016 .inp_check_st1.inp_check_box_2015 .check_list label {padding: 0 5px 0 36px;font-size:22px; letter-spacing:-0.04em; background: url('https://oimg1.kbstar.com/img/omoney/2016/common/bg_check_input2.gif') no-repeat left center;color:#fff;line-height:28px;font-weight:normal}
.renew2016 .inp_check_st1.inp_check_box_2015 .check_list label em{color:#7f84a0;font-size:14px;}
.renew2016 .inp_check_st1.inp_check_box_2015 .check_list.on label{background: url('https://oimg1.kbstar.com/img/omoney/2016/common/bg_check_input2_on.gif') no-repeat left center}
.renew2016 .inp_check_st1.inp_check_box_2015 .check_list input[type="checkbox"]{width: 16px;height: 16px;opacity: 1;top: 50%;margin-top:-9px;left: 1px}
.renew2016 .radio_list2 {float:left;position:relative;margin:20px 0 0 3px;}
.renew2016 .radio_list2 a {display:block;width: 48px;height: 22px;line-height:20px;border:1px solid #656a8a;color:#a9aed3;font-size: 12px; text-align:center;background:#2c3451}

.purpose_box {padding:15px 20px;background:#25272e;}
.purpose_box p{color:#7f84a0;font-size:13px;line-height:20px;}
.purpose_box p.txt_type{margin-bottom:7px;color:#fff;font-size:14px;}
.purpose_box p.txt_type strong{font-size:16px;}

.result-layer-cont.type2 .tType01 td{color:#666;padding:10px 5px;}
.result-layer-cont.type2 .tType01 tfoot th{background:#f6f6f6;color:#333;border-bottom:1px solid #ccc}
.result-layer-cont.type2 .tType01 tfoot td {padding:8px 5px 7px;color:#333;background:#f6f6f6;}

/* 마이머니 영역 추가 */
.mymoney-area {padding:50px 0 0;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_mymoney_box.png) no-repeat 0 0;color:#757575}
.mymoney-area .mymoney-inner-area {width:820px;margin:0 auto}
.mymoney-area .mymoney-btm-area {width:100%;height:5px;margin-top:50px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_mymoney_box.png) no-repeat 0 100%}
.mymoney-area .mymoney-tit {background:none !important;padding:0 !important;font-size:18px;color:#333;text-align:center}
.mymoney-area .mymoney-desc {background:none !important;padding:0 !important;font-size:14px;color:#666;text-align:center}

/* 투자 설계 */
.subTypeB.invest-plan {background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/invest-bg.jpg') no-repeat 50% 66px}
.subTypeB.invest-plan .purpose-step-wrap{background-color: #2c3451}
.subTypeB.invest-plan .portfolio-box{border: 0 none}
.subTypeB.invest-plan .portfolio-box .portfolio-chart{background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_arrow_vs.png') no-repeat 50% 130px}
.subTypeB.invest-plan .round-tabMenu > li.on .tab-cont-area{padding:0;}
.subTypeB.invest-plan .portfolio-box .portfolio-chart{padding-top:0}
.subTypeB.invest-plan .portfolio-box .chart-tit {width:240px;margin-top:20px;letter-spacing:-0.05em}
.subTypeB.invest-plan .saving-result-box {background-position:0 bottom}

.subTypeB.invest-plan .saving-inner-wrap{height:750px;}
.subTypeB.invest-plan .saving-inner-wrap.type2{height:640px;}
.invest-plan-wrap{position:relative;width:940px; margin:0 auto}
.invest-plan-wrap .tabWrap .tabMenuJS li.off .cont{top:0;left:0}
.invest-plan-wrap .tabWrap .tabMenuJS li.off .cont{display:block !important;top:-99999px;left:0}
.invest-plan-wrap .tabWrap .tabMenuJS .tabMenu_sub li .sub_cont{position:absolute;top:35px;left:0}
.invest-plan-wrap .tabWrap .tabMenuJS .tabMenu_sub li.off .sub_cont{display:block !important;top:-99999px;left:0}
.invest-plan-wrap .tabWrap .tabMenuJS .tabMenu_sub li.on .sub_cont{display:block;top:35px;left:0}

.tabWrap .tabMenuJS .tabMenu_sub.type2 li .chart_date{position:absolute; right:2px;top:-35px}
.tabWrap .tabMenuJS .tabMenu_sub.type2 li .chart_date a{display:inline-block;float:left;width:52px;height:23px;padding:0;line-height:23px;border:1px solid #dddde0;border-left:0 none;color:#888;text-align:center;;font-size:12px;font-weight:normal}
.tabWrap .tabMenuJS .tabMenu_sub.type2 li .chart_date a:first-child,.tabWrap .tabMenuJS .tabMenu_sub.type2 li .chart_date a.on{border-left:1px solid #dddde0;margin-left:-1px}
.tabWrap .tabMenuJS .tabMenu_sub.type2 li .chart_date a.on{border-color:#adbadb;color:#445eab}

.invest-plan .slider-area .ui-slider-handle .ui-slider-handle-val{color:#363b4d;font-size:16px;font-weight:bold}
.invest-plan .rate-adjust{overflow:hidden;position:relative;}
.invest-plan .rate-adjust .adjust-left{position:relative;float:left;width:530px;}
.invest-plan .rate-adjust .adjust-left .adjust-left-top{padding:30px 30px 10px;border-bottom:1px solid #ddd;}
.invest-plan .rate-adjust .adjust-left .adjust-left-btm{padding:30px; margin:0 auto;text-align:center;line-height:1}
.invest-plan .rate-adjust .adjust-left h4{font-size:24px;color:#2c3451;}
.invest-plan .rate-adjust .adjust-left .adjust-btn{position:absolute;right:30px; top:20px}
.invest-plan .rate-adjust .adjust-right{float:left;margin-top:8px;padding:30px 0;min-height:496px;width:279px;border-left:1px solid #ddd;background:#fafafa;text-align:center}
.invest-plan .rate-adjust .adjust-chart{margin:0 auto;padding-bottom:10px;}
.invest-plan .rate-adjust .adjust-left .slider-area{margin:10px auto 0}
.invest-plan .rate-adjust .adjust-left .slider-area .ui-slider-handle .ui-slider-handle-val{left:-25px}

.invest-plan-slideWrap {width:100%;}
.invest-plan-slideWrap .txt_wrap{width:980px; margin:0 auto;padding-bottom:40px;color:#333;font-size:28px;line-height:42px;text-align:center;}
.invest-plan-slideWrap .device_wrap{position:relative;width:100%;border-top:2px solid #ddd;background:#fafafa;margin-top:50px;}
.invest-plan-slideWrap .device{position:relative;width:980px !important; height:auto !important; text-align:center; margin:0 auto;padding:30px 0 65px;}
.invest-plan-slideWrap .swiper-wrapper{position:relative;width:100%; height: auto !important; }
.invest-plan-slideWrap .swiper-container{position:relative;width:100% !important; height: auto !important; padding:20px 0;min-height:305px;overflow:hidden;z-index:1; margin:0;-webkit-backface-visibility:hidden}		
.invest-plan-slideWrap .swiper-slide{width:100%; height: auto !important; float:left}
.invest-plan-slideWrap .pagination{display:block;width:100%;position:absolute;left:0;top:-46px;z-index:2;}
.invest-plan-slideWrap .swiper-pagination-switch{display:inline-block;width:20%;color:#888; height:43px;line-height:43px;font-size:18px;text-align:center;}
.invest-plan-slideWrap .swiper-pagination-switch.swiper-active-switch{color:#445eab;border-bottom:2px solid #445eab }

/* 투자자산설계 - 포트폴리오 비교(보유vs비교군) */
.device .pagination_wrap{display:block;width:100%;position:absolute;left:0;top:-46px;z-index:2;}
.device .pagination_wrap a{display:inline-block;width:20%;color:#888; height:43px;line-height:43px;font-size:18px;text-align:center;}
.device .pagination_wrap .on a{color:#445eab;border-bottom:2px solid #445eab }

.invest-plan-slideWrap .ip_best_box {float:left;position:relative;width:240px;height:265px;padding:30px;margin-left:20px;text-align:left;box-shadow:0 5px 20px #ddd;background:#fff url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/arrow_best_box.gif') no-repeat 250px 250px;}
.invest-plan-slideWrap .ip_best_box.last{margin-right:20px;}
.invest-plan-slideWrap .ip_best_box .num{display:block;position:absolute;right:22px;top:30px;width:50px; height:72px;text-indent:-99999px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/invest-plan-slideWrap.png') no-repeat  0 0}
.invest-plan-slideWrap .ip_best_box .num.type2{background-position:0 -114px}
.invest-plan-slideWrap .ip_best_box .num.type3{background-position:0 -227px}
.invest-plan-slideWrap .ip_best_box .txt_type1{margin-bottom:10px;color:#666; font-size:13px;}
.invest-plan-slideWrap .ip_best_box .txt_type1 span{display:inline-block;padding:0 10px;height:20px;margin:0 2px;line-height:17px;border:1px solid #ccc}
.invest-plan-slideWrap .ip_best_box .txt_type1 span.type2{border-color: #6b718f;color:#6b718f}
.invest-plan-slideWrap .ip_best_box .txt_type2{width:200px;margin-bottom:17px;color:#333333; font-size:22px;line-height:28px;font-weight:bold}
.invest-plan-slideWrap .ip_best_box .txt_type3{position:absolute; left:30px; bottom:80px;color:#757575; font-size:13px;}
.invest-plan-slideWrap .ip_best_box .txt_type4{position:absolute; left:30px; bottom:37px;font-size:50px;color:#f6382e;}
.invest-plan-slideWrap .ip_best_box .txt_type5{position:absolute; left:30px; bottom:37px;font-size:50px;color:#3b83d5;}
.portfolio-chart .portfolio-select{position:relative;}
.portfolio-chart .portfolio-select .chart-tit{border-bottom:2px solid #000;}
.portfolio-chart .portfolio-select select{position:absolute; right:70px;top:0;border:0 none}

 /* 미래성과 시뮬레이션 */
.ch_le_box{position:relative;border:1px solid #ddd;margin:20px 0 15px;padding:20px 30px 30px;}
.ch_le_list {overflow:hidden;margin-bottom:20px;}
.ch_le_list dt{float:left;font-weight:bold; margin-right:10px;} 
.ch_le_list dd{float:left;margin-left:10px;}
.ch_le_list dd span.legend{background:#33c2f3; }
.ch_le_list dd span.opacity1{opacity:1}
.ch_le_list dd span.opacity2{opacity:0.6}
.ch_le_list dd span.opacity3{opacity:0.3}

/* 든든자산 맛보기 */
.sampling{position:relative;width:100%;line-height:1;letter-spacing:-0.04em}
.sampling-cont{position:relative;width:980px;margin:0 auto;}
.sampling-wrap1{padding-top:60px;height:455px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-bg1.jpg') no-repeat center top;}
.sampling-wrap1 .txt1{padding:0 0 15px;font-size:26px;color:#293551}
.sampling-wrap1 .txt2{margin-bottom:40px;font-size:36px;color:#293551}
.sampling-wrap1 .smapling-movie{width:580px;height:320px;margin:0 auto;padding:10px;background:#293551}
.sampling-wrap2{height:720px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-bg2.jpg') no-repeat center top;}
.sampling-ps{position:relative;top:50px;}
.sampling-ps li{position:absolute;}
.sampling-ps1{left:20px;top:0;}
.sampling-ps2{left:407px;top:6px;}
.sampling-ps3{left:690px;top:6px;}
.sampling-ps4{left:20px;top:295px;}
.sampling-ps5{left:630px;top:295px;}
.sampling-ps6, .sampling-ps7, .sampling-ps8{left:20px;top:6px;}
.sampling-box{width:310px;height:130px;margin-top:27px;padding:20px;background:#ffdc00;border-radius:5px;font-size:16px;line-height:24px;color:#2e344a}
.sampling-box.type2{width:210px;min-height:130px;background:#fff;border-radius:5px;font-size:18px;color:#293551}
.sampling-box.type2.wid1{width:245px}
.sampling-box.type2.wid1 .input-txt, .sampling-box.type2.wid2 .input-txt{margin:0;width:240px;text-align:right}
.sampling-box.type2.wid2{width:545px}
.sampling-box .input-txt input[type='text']{height:36px;font-size:36px;}
.sampling-box .input-txt span{font-size:20px;}
.sampling-box .arrow{position:absolute; left:28px;top:52px;display:block;width:23px;height:15px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-arrow.png') no-repeat 0 0}
.sampling-box.type2 .arrow{left:40px;top:43px;background-position: 0 -16px}
.sampling .ico-type{display:block;width:40px;height:40px;margin-left:20px;line-height:35px;border-radius:20px;font-size:12px;background:#ffdc00;text-align:center;}
.sampling-box .btn-radio{position:relative;display:inline-block}
.sampling-box .btn-radio input[type='radio']{position:absolute;top:10px;left:10px;z-index:1}
.sampling-box .btn-radio label{position:relative;z-index:2;display:inline-block;height:28px;padding:0 20px;border-radius:20px;line-height:25px;border:1px solid #2c3451;color:#2c3451;background:#fff;}
.sampling-box .btn-radio.on label{border-color: #2c3451;color:#fff;background:#2c3451;}
.sampling-box .tend_box .btn-radio label{min-width:80px;height:48px;line-height:45px;margin-left:3px;padding:0 10px;border-radius:5px;text-align:center;font-size:16px;}
.sampling-box .tend_box .btn-radio:first-child label{margin-left:0}
.sampling .ico-type2{display:block;width:30px;height:30px;margin-left:35px;line-height:30px;border-radius:15px;font-size:20px;background:#3b9888;color:#fff;text-align:center;font-weight:bold}
.sampling-btn {position:absolute; top:627px;left:400px;}
.sampling-motion{display:none;position:absolute; top:0;right:0;}
.sampling-last{position:absolute; top:-41px;left:80px;}
.sampling-wrap3{padding-top:60px;height:500px;background:#eee;text-align:center}
.sampling-wrap3 .txt1{padding:0 0 15px;font-size:36px;color:#293551}
.sampling-wrap3 .txt2{padding:0 0 50px;font-size:26px;color:#293551}
.sampling-wrap3 li{float:left;width:205px;margin:0 20px;}
.sampling-wrap3 li a{display:block;padding-top:165px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-ico.png') no-repeat 34px 0;font-size:14px;line-height:24px;color:#666}
.sampling-wrap3 li.bg2 a{background-position:-225px 0}
.sampling-wrap3 li.bg3 a{background-position:-475px 0}
.sampling-wrap3 li.bg4 a{background-position:-730px 0}
.sampling-wrap3 li a .icon{display:inline-block;margin-bottom:20px;padding-right:24px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-cont3-bg.gif') no-repeat right 4px;font-size:23px;color:#293551}
.sampling-result-area{overflow:hidden;*zoom:1;padding:57px 0;}
.sampling-result-area .sampling-result{position:relative;width:100%;}
.sampling-result-area .sampling-result .arrow{position:absolute; left:130px;top:-13px;display:block;width:23px;height:15px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-arrow.png') no-repeat 0 -16px}
.sampling-result-area .sampling-result .sampling-result-type2 .arrow{left:400px}
.sampling-result-area .sampling-result .sampling-result-type3 .arrow{left:665px}
.sampling-result-area .sampling-result > li {float:left;margin-right:5px;vertical-align:middle}
.sampling-result-area .sampling-result > li .cont{position:absolute;left:0;top:57px;}
.sampling-result-area .sampling-result > li .sampling-box-result{width:900px;height:420px;padding:20px;border-radius:5px;background:#fff;font-size:16px;line-height:24px;color:#333}
.sampling-result-area .sampling-result > li.off .cont{display:none}
.sampling-result li > a{position:relative;display:block;height:30px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-result-tab.png') no-repeat ;text-indent:-9999px;}
.sampling-result-type1 > a{left:125px;width:155px;background-position: 0 0}
.sampling-result-type1.off > a{background-position: 0 0}
.sampling-result-type1.on > a,.sampling-result-type1 > a:hover,.sampling-result-type1 > a:focus{background-position: 0 -30px}
.sampling-result-type2 > a{left:237px;width:153px;background-position: 0 0}
.sampling-result-type2.off > a{background-position: 0 -60px}
.sampling-result-type2.on > a,.sampling-result-type2 > a:hover,.sampling-result-type2 > a:focus{background-position: 0 -90px}
.sampling-result-type3 > a{left:342px;width:172px;background-position: 0 0}
.sampling-result-type3.off > a{background-position: 0 -120px}
.sampling-result-type3.on > a,.sampling-result-type3 > a:hover,.sampling-result-type3 > a:focus{background-position: 0 -150px}
.sampling-box-result h4{font-size:22px; color:#2e344a}
.sampling-box-result h5 {margin-bottom:15px;font-size:18px;color:#2e344a}
.sampling-box-result .result-box{overflow:hidden;margin-top:-20px;}
.sampling-box-result .result-box ul{float:right;}
.sampling-box-result .result-box > ul > li{float:left;width:500px;min-height:97px;padding:20px 20px 0 30px;margin:0;border:1px solid #ddd;border-radius: 0 5px 5px 0;}
.sampling-box-result .result-box > ul > li:first-child{width:75px;min-height:95px;padding:23px 25px 0;border-radius: 5px 0 0 5px;font-size:24px;color:#fff;border-right:0 none;background:#2a3353;text-align:center;line-height:36px; }
.sampling-box-result .result-box > ul > li dl{float:left;width:290px;border-right:1px solid #ddd}
.sampling-box-result .result-box > ul > li dt{margin-bottom:20px;font-size:18px;font-weight:bold}
.sampling-box-result .result-box > ul > li dd{font-size:36px;line-height:1}
.sampling-box-result .result-box > ul > li ul{float:right;width:195px;font-size:16px;}
.sampling-box-result .result-box > ul > li li {float:none;overflow:hidden;color:#2c3451}
.sampling-box-result .result-box > ul > li li .cost-txt {float:left;height:31px;line-height:27px;font-size:16px}
.sampling-box-result .result-box > ul > li li .cost-value {float:right;line-height:1;font-size:18px;text-align:right}
.sampling-box-result .result-box  .red_txt{color:#fe555a}
.sampling-br-in:after{clear:both;display:block;content:''}
.sampling-br-in .left{float:left;width:396px;margin-right:10px;}
.sampling-br-in .left .result-pro{width:396px;height:206px;margin-top:20px;padding-bottom:80px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-result-pro.gif') no-repeat left top}
.sampling-br-in .left .result-pro li{position:relative;float:left;width:79px;height:76px;padding-top:130px;font-size:20px;text-align:center}
.sampling-br-in .left .result-pro .pro_txt{display:block;margin-bottom:15px;font-size:16px;}
.sampling-br-in .left .result-pro li.on{padding-right:1px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-result-pro-on.png') no-repeat left top}
.sampling-br-in .left .result-pro .pro_mot{position:absolute;bottom:-69px;left:-16px;display:block;width:112px;padding-top:13px;height:37px;line-height:30px;font-size:14px;color:#fff;background:#2a3353 url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/pro_mot.gif') no-repeat center top}
.sampling-br-in .right{float:left;width:484px;}
.sampling-br-in .right .result-box2{overflow:hidden;margin-top:10px;border:1px solid #ddd;border-radius:5px;}
.sampling-br-in .right .result-box2 li{float:left;width:160px;padding:15px 0; border-left:1px solid #eee;text-align:center;}
.sampling-br-in .right .result-box2 li:first-child{border-left:0 none}
.sampling-br-in .right .result-box2 li p.txt1{font-size:16px;margin-bottom:15px;color:#666}
.sampling-br-in .right .result-box2 li p.txt2{font-size:28px;color:#293551}
.sampling-br-in .right .result-box3 li{width:412px;padding:10px 30px;overflow:hidden;}
.sampling-br-in .right .result-box3 li .cost-txt {float:left;position:relative;padding-left:40px;height:32px;line-height:29px;font-size:16px}
.sampling-br-in .right .result-box3 li .cost-value {float:right;height:32px;line-height:29px;font-size:30px;text-align:right}
.sampling-br-in .right .result-box3 li.sum{border-top:1px solid #ddd;color:#3b83d5}
.sampling-br-in .right .result-box3 li span.unit{position:absolute;left:0;top:50%;margin-top:-12px;display:inline-block;width:24px;height:24px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/result-box3-unit.gif') no-repeat left top;text-indent:-9999px}
.sampling-br-in .right .result-box3 li span.unit.type2{background-position:0 -24px}
.sampling-br-in.type2 .left{width:602px;margin-right:10px;}
.sampling-br-in.type2 .left .result-pro{width:602px;height:198px;padding-bottom:15px;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-result-pro-type2.gif') no-repeat left top}
.sampling-br-in.type2 .left .result-pro li{width:100px;height:148px;padding-top:50px;font-size:16px;color:#293551;}
.sampling-br-in.type2 .left .result-pro li.on{margin-left:1px;font-weight:bold;background:url('https://oimg1.kbstar.com/img/omoney/2016/nmsub/sampling-result-pro-on2.png') no-repeat left top}
.sampling-br-in.type2 .left .result-pro li span{position:absolute;left:5px;bottom:3px;font-size:12px;color:#666}
.sampling-br-in.type2 .left .result-pro li.last span.type1{left:-12px;}
.sampling-br-in.type2 .left .result-pro li.last span.type2{left:37px}
.sampling-br-in.type2 .right{width:288px;}
.sampling-box-result .result-txt{width:602px;font-size:14px;color:#293551;line-height:24px;}
.sampling-cont .chart-area .report-bar-chart {padding:0 0 20px}
.sampling-cont .chart-area .chart-legend {color:#333}
.sampling-cont .chart-area .chart-legend > li+li {margin-left:15px}
.sampling-cont .chart-area .chart-legend strong {margin-left:5px;font-size:16px;vertical-align:middle}
.sampling-box-result .chart-area.pie-chart {margin-left:20px}
.sampling-box-result .chart-legend.pie-chart {margin-top:60px}

.sampling-cont .chart-legend.sampling {*zoom:1}
.sampling-cont .chart-legend.sampling:after {content:'';display:block;clear:both}
.sampling-cont .chart-legend.sampling > li {float:left;width:20%;margin-left:0 !important;line-height:20px}
.sampling-cont .chart-legend.sampling .legend {float:left;width:6px !important;height:60px !important;margin-right:10px}
.sampling-cont .chart-legend.sampling strong {margin:0 !important}

.block-chart .chart-area {height:150px}
.block-chart .report-bar-chart .chart-bar {height:150px;line-height:150px}
.block-chart .report-bar-chart .chart-bar .chart-txt.type2 {top:55px}
.block-chart .chart-legend > li {width:80px} 

/* 든든자산 맛보기 바형식 차트 */
.sampling-cont .report-bar-chart{padding:20px 0}
.sampling-cont .report-bar-chart .chart-bar.bg1 {background:#3fccea}/* 안전자산 */
.sampling-cont .report-bar-chart .chart-bar.bg2 {background:#47bb86}/* 채권형 */
.sampling-cont .report-bar-chart .chart-bar.bg3 {background:#a3c831}/* 혼합형 */
.sampling-cont .report-bar-chart .chart-bar.bg4 {background:#fc9562}/* 국내주식형 */
.sampling-cont .report-bar-chart .chart-bar.bg5 {background:#fb5372}/* 해외주식형 */
.sampling-cont .report-bar-chart .chart-bar.bg6 {background:#576aa4}/* 투자자산 */
.sampling-cont .report-bar-chart .chart-bar .chart-txt.type2{color:#fff;}
.sampling-cont .report-bar-chart .chart-bar .chart-txt.type3{top:38px;}

/* 주가지수 - 이데일리 */
.tabWrap.type1.invest_tab .tabMenuJS li{margin:0 0 0 5px}
.tabWrap.type1.invest_tab .tabMenuJS li:first-child{margin:0 }
.tabWrap.type1.invest_tab li:first-child a.tabLink{width:55px;}
.tabWrap.type1.invest_tab li a.tabLink{width:56px}

/* 위치찾기 */
.branch {width:680px; zoom:1}
.branch .map_top {position:relative;width:638px;height:85px;background:url('https://oimg1.kbstar.com/img/obranch/map_top_bg011.gif') no-repeat center top;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;padding:20px 20px 0}
.branch .map_top .map_top_left .map_top_left01 {margin-bottom:7px}
.branch .map_top .map_top_left .map_top_left01 label {margin-right:10px}
.branch .map_top .map_top_left .map_top_left02 {margin-bottom:5px}
.branch .map_top .map_top_right {position:absolute;top:17px;right:21px;}
.branch .map_top .map_top_right p a{position:absolute;top:0;right:0}
.branch .map_top .map_top_right p span {color:#a8a8a8;font-weight:bold;font-size:12px;margin-right:3px;}
.branch .map_top .map_top_right ul {margin-top:25px;}

.branch .map_cont {width:680px;overflow-y:auto;overflow-x:hidden;}
.branch .map_cont .map_left {position:relative;width:678px;height:400px;border:1px solid #c8c8c8;border-bottom:none}
.branch .map_cont .map_right {position:relative;width:678px;min-height:200px;border:1px solid #c8c8c8;overflow-y:auto !important; overflow-x:hidden;background:#fff;}

.branch .map_cont .map_left .r4 {position:absolute;bottom:0px;_bottom:-8px;left:0px;background:url(https://oimg1.kbstar.com/img/obranch/map_left_bg01.gif) no-repeat;width:4px;height:4px}
.branch .map_cont .map_left .map {width:678px;height:400px;background:#fff;}
.branch .map_cont .map_left .map .location {width:638px;background:url(https://oimg1.kbstar.com/img/obranch/map_top_bg02.gif) repeat-x ;padding:6px  20px;_padding:6px 17px 6px 20px;*overflow:auto;zoom:1}
.branch .map_cont .map_left .map .location p {display:inline;*float:left;*width:45%}
.branch .map_cont .map_left .map .location ul {display:inline;float:right;*width:45%;*text-align:right}
.branch .map_cont .map_left .map .location ul li{display:inline;padding-left:5px}

.branch .map_cont .map_left .map .api {position:relative;overflow:hidden;_width:495px;_height:481px}
.branch .map_cont .map_left .map .api .mapPopup {position:absolute;top:80px;left:64px;z-index:100;height:254px;padding:6px 0 0 23px}
.branch .map_cont .map_left .map .api .mapPopup .mapPopup_top {position:relative;margin-bottom:10px;width:321px}
.branch .map_cont .map_left .map .api .mapPopup .mapPopup_top h2 {color:#25211c;font-size:12px;width:250px;font-weight:bold;padding-top:5px}
.branch .map_cont .map_left .map .api .mapPopup .mapPopup_top h2 em {color:#0391B1;font-size:12px;margin-right:5px}
.branch .map_cont .map_left .map .api .mapPopup .mapPopup_top .add {color:#25211c;width:230px;height:70px;padding-top:17px}
.branch .map_cont .map_left .map .api .mapPopup .mapPopup_top .add span {color:#928881;font-family:Arial;display:block}
.branch .map_cont .map_left .map .api .mapPopup .mapPopup_top .qr {position:absolute;top:40px;right:16px}
.branch .map_cont .map_left .map .api .mapPopup .tType02 span{color:#b6b0ab}
.branch .map_cont .map_left .map .api .mapPopup .layerClose{display:block;text-indent:-5000px;position:absolute; top:6px;left:317px;width:23px;height:23px;background:url(https://oimg1.kbstar.com/img/obranch/mapclose.gif) no-repeat;}

.branch .map_cont .map_right .r3 {position:absolute;bottom:0px;right:0px;background:url(https://oimg1.kbstar.com/img/obranch/map_right_bg01.gif) no-repeat right bottom;/*width:4px;height:4px*/}

.branch .map_cont .map_right .map_right_cont dt img {display:block;margin:14px 0 4px 25px}
.branch .map_cont .map_right .map_right_cont dt button{font-family:Arial!important}
.branch .map_cont .map_right .map_right_cont dd #map_list_2_2 {overflow:hidden !important;}

.branch .map_cont .map_right .map_right_cont dd li{position:relative;}
.branch .map_cont .map_right .map_right_cont dd .waiting{position:absolute; top:0; right:0;}/*대기고객수 추가*/

.branch .map_top .map_top_left .map_top_left01 input[type="radio"] {margin-right:5px;vertical-align:middle}

.branch .map_cont .map_right .map_right_cont {position:relative;width:638px;min-height:;padding:0 20px 20px}
.branch .map_cont .map_right .map_right_cont dt {position:relative;font-size:16px;font-weight:bold;padding:15px 0 0 0}
.branch .map_cont .map_right .map_right_cont dt input[type="checkbox"] {vertical-align:middle;margin-left:10px}

.branch .map_cont .map_right .map_right_cont p.No {display:inline-block;*display:inline;margin-right:5px;font-size:14px;font-weight:bold;vertical-align:top}
.branch .map_cont .map_right .map_right_cont p.name {display:inline-block;*display:inline;font-size:13px}
.branch .map_cont .map_right .map_right_cont p.name > strong {font-size:14px}
.branch .map_cont .map_right .map_right_cont p.name > em+em {display:block;color:#666}

.branch .map_cont .map_left .map .api {position:relative;overflow:hidden;width:678px;height:367px}
.branch .map_cont .map_left .map .api #CongDiv {width:678px !important;height:367px !important;z-index:1}



/* 적립식 설계, 투자설계  bg 추가 및 레이아웃 변경 */
.subTypeB.retire.bg-img{background:#2c3451 url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/saving_bg_type.jpg) no-repeat center 67px}
.subTypeB.retire.bg-img .saving-plan-wrap .saving-plan-txt h3, .subTypeB.retire.bg-img .purpose-wrap .purpose-data-area{color:#2c3451;font-family:"NanumSquare"}
.subTypeB.retire.bg-img .saving-plan-wrap .saving-plan-txt p{color:#666}
.subTypeB.retire.bg-img .unit-box-list .unit-tit{background:#069db3;color:#fff;font-family:"NanumSquare"}
.subTypeB.retire.bg-img .purpose-btn-area{padding:20px 0 55px}

/* 투자설계 - 설계자산 선택 */
.subTypeB.retire.bg-img .purpose-btn-area{padding:20px 0 0}
.subTypeB.retire.bg-img .purpose-data-list{width:100%}
.subTypeB.retire.bg-img .purpose-data-list li{position:relative;float:left; width:350px;min-height:130px;margin-bottom:20px;border-top:0 none}
.subTypeB.retire.bg-img .purpose-data-list li:first-child{width:349px;border-right:1px solid #ddd;}
.subTypeB.retire.bg-img .purpose-data-list li .data-tit{font-size:20px;font-weight:bold}
.subTypeB.retire.bg-img .purpose-data-list li  > p.data-cont{position:absolute;bottom:30px;right:30px;}
.subTypeB.retire.bg-img .purpose-data-list li .btn-round{position:absolute; bottom:30px;left:20px}
.subTypeB.retire.bg-img .purpose-data-list li.last-data{float:none; clear:both;background:0 none;width:760px;min-height:50px;padding:15px 30px;background:#0099a8;}
.subTypeB.retire.bg-img .purpose-data-list li.last-data .data-tit{float:left;width:200px;margin-top:15px;color:#fff; }
.subTypeB.retire.bg-img .purpose-data-list li.last-data .data-cont {float:right;width:560px;bottom:22px;text-align:right;color:#fff; font-size:16px}
.subTypeB.retire.bg-img .purpose-data-list li.last-data .data-cont > span {display:inline-block;text-align:center;vertical-align:middle;line-height:20px;font-size:30px}
.subTypeB.retire.bg-img .purpose-data-list li .txt-ico {display:inline-block;width:29px;height:29px;margin:0 25px;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_ico_cal.png) no-repeat 0 100%}
.subTypeB.retire.bg-img .purpose-data-list li .txt-ico.plus{background-position:0 0;position:absolute;left:5px;bottom:35px}

.subTypeB.retire.bg-img .purpose-data-list li .txt-ico-bg{display:block;position:absolute;margin:0;background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/bg_sprites_purpose_data.png) no-repeat 0 0;}
.subTypeB.retire.bg-img .purpose-data-list li .txt-ico-bg.type1{width:55px;height:48px;right:29px;top:30px}
.subTypeB.retire.bg-img .purpose-data-list li .txt-ico-bg.type2{width:55px;height:46px;right:28px;top:35px;background-position:0 -50px}
.subTypeB.retire.bg-img .purpose-data-list li .txt-ico-bg.type3{width:29px;height:29px;left:27px;top:125px;background-position:0 -100px}
.subTypeB.retire.bg-img .purpose-wrap .retire-step-btn{margin-top:50px}

/* 2016-11-25 자산관리시스템 */
.purpose-btn-area .box-comment-new {padding:16px 0 16px 149px; background:#fff url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/ico_box_comment_new_161123.png) no-repeat 35px 50%; line-height:16px; font-size:12px; color:#555;}
.box-comment-new.noBox {width:485px; margin:0 auto; padding:16px 0 16px 115px; background:#fff url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/ico_box_comment_new_161123.png) no-repeat 0 50%; text-align:left; font-size:13px;}
.box-comment-new.noBox2 {margin-top:20px; padding:16px 0 16px 149px; background:#fff url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/ico_box_comment_new_161123.png) no-repeat 35px 50%; line-height:16px; font-size:13px; color:#555;}
.box-comment-new.noBox3 {margin:-95px 100px 0 100px; padding:16px 0 16px 149px; background:url(https://oimg1.kbstar.com/img/omoney/2016/nmsub/ico_box_comment_new_161123.png) no-repeat 35px 50%; line-height:16px; font-size:12px; color:#fff;}

.tit-btn-area.newBring {display:block; margin-top:20px; text-align:right;}

/* 2016-12-27 투자설계 최적상품목록 레이어팝업추가 */
#new_layer_list {position:fixed; top:50%; left:50%; margin-left:-150px; background:#fff; border:1px solid #ddd;}
#new_layer_list .new_layer_wrap {width:260px; padding:17px 20px 20px; position:relative; border:3px solid #806c5d; text-align:left; background:#fff;}
#new_layer_list .new_layer_wrap .btnArea {display:block; text-align:center;}
#new_layer_list .new_layer_wrap .btn.large *{font-size:12px; color:#000;}

/* My 연금펀드 분석 - 자산군별 투자현황 (2017-10-18)  */
.asset_chrt_tbl{width:596px;margin:0 auto;overflow:hidden;padding:10px 0;}
.asset_chrt_tbl .chrt{float:left;width:240px;}
.asset_chrt_tbl table{float:right;width:265px;margin-top:10px;}
.asset_chrt_tbl table thead th{font-size:16px;color:#343434;border-bottom:1px solid #ccc;padding-bottom:10px;}
.asset_chrt_tbl table thead th:first-child{text-align:left;}
.asset_chrt_tbl table tbody th{text-align:left;font-size:14px;color:#666;font-weight:normal;padding-bottom:8px;}
.asset_chrt_tbl table tbody td{text-align:right;font-size:15px;padding-bottom:8px;}
.asset_chrt_tbl table tbody tr:first-child th{padding-top:10px;}
.asset_chrt_tbl table tbody tr:first-child td{padding-top:10px;}
.asset_chrt_tbl table tbody tr.last th{padding-bottom:10px;}
.asset_chrt_tbl table tbody tr.last td{padding-bottom:10px;}
.asset_chrt_tbl table td.won{font-size:18px;color:#343434;padding-right:10px;}
.asset_chrt_tbl table td .unit{font-size:12px;color:#666;letter-spacing:-1px;vertical-align:bottom;}
.asset_chrt_tbl table .color{display:inline-block;width:12px;height:12px;vertical-align:-2px;margin-right:2px;}
.asset_chrt_tbl table tfoot th{font-size:16px;color:#666;text-align:left;border-top:1px solid #ccc;padding-top:10px;}
.asset_chrt_tbl table tfoot td{text-align:right;font-size:16px;;border-top:1px solid #ccc;padding-top:10px;}

/* 마이연금 메인 비주얼 (2017-10-18) */
.pnsn-vis.main_wrap{height:622px;background-color:#f1f1f1;margin-top:0px}
.pnsn-vis.main_wrap .mainVisual_area .mVisualList > li .mVisual .visualDetail{padding-top:88px;}
.pnsn-vis.main_wrap .mainVisual_area .mVisualList > li .mVisual .visualDetail dd{margin-top:25px;}
.pnsn-vis.main_wrap .mainVisual_area .mVisualList>li.mVisual_01{background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bg_pnsn_visual01.jpg') no-repeat center 0;}
.pnsn-vis.main_wrap .mainVisual_area .mVisualList>li.mVisual_02{background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bg_pnsn_visual02.jpg') no-repeat center 0;}
.pnsn-vis.main_wrap .mainVisual_area .mVisualList>li.mVisual_03{background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bg_pnsn_visual03.jpg') no-repeat center 0;}
.pnsn-vis.main_wrap .mainVisual_area .mVisualList>li.mVisual_04{background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bg_pnsn_visual04.jpg') no-repeat center 0;}
.pnsn-vis.main_wrap .mainVisual_area .mVisualList>li.mVisual_05{background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bg_pnsn_visual05.jpg') no-repeat center 0;}

.pnsn-vis.main_wrap .roll_controller_container{top:50px;}
.pnsn-vis.main_wrap .roll_controller_container .roll_controller_box .ctl_box{margin-left:71px}
.pnsn-vis.main_wrap .roll_controller_arrow_box{top:138px;margin-top:0;}

/* 마이연금 메인 컨텐츠 (2017-10-18) */
.pension-main-wrap{width:1022px;margin:-342px auto 35px;position:relative;}
.pension-main{width:900px;padding:42px 61px 0 61px;background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bg_pnsn_cont.png') no-repeat;}

.pension-main .tab{margin-bottom:18px;}
.pension-main .tab>li{float:left;width:447px;margin-left:6px;}
.pension-main .tab>li:first-child{margin-left:0;}
.pension-main .tab>li>a{display:block;font-size:20px;color:#666;text-align:center;padding:15px 0;border-bottom:5px solid #f0f0f0;}
.pension-main .tab>li>a.active{color:#333;border-bottom:5px solid #49a5b4;font-weight:bold;}

.pension-main .topTxt{color:#555;font-size:14px;line-height:1.5;margin-bottom:20px;}

.pension-main .pension-main-cont{display:none;}
.pension-main .pension-main-cont.active{display:block;}

.pension-main .link-group1>li{float:left;width:210px;margin-left:20px;}
.pension-main .link-group1>li:first-child{margin-left:0;}
.pension-main .link-group1>li>a{display:block;padding:118px 0 0 30px;height:140px;}
.pension-main .link-group1>li.one>a{background:#b1d4dc url('https://oimg1.kbstar.com/img/omoney/2017/pension/ico_pnsn_goods01.png') no-repeat 70px 35px;}
.pension-main .link-group1>li.two>a{background:#b1d4dc url('https://oimg1.kbstar.com/img/omoney/2017/pension/ico_pnsn_goods02.png') no-repeat center 37px;}
.pension-main .link-group1>li.three>a{background:#b1d4dc url('https://oimg1.kbstar.com/img/omoney/2017/pension/ico_pnsn_goods03.png') no-repeat center 29px;}
.pension-main .link-group1>li.four>a{background:#dddfb8 url('https://oimg1.kbstar.com/img/omoney/2017/pension/ico_pnsn_goods04.png') no-repeat 68px 28px;}
.pension-main .link-group1>li strong{display:block;font-size:22px;color:#333;margin-bottom:16px;letter-spacing:-1px;}
.pension-main .link-group1>li em{display:block;font-size:14px;color:#333;line-height:1.3;}

.pension-main .link-group2>li{float:left;width:286px;margin-left:20px;}
.pension-main .link-group2>li:first-child{margin-left:0;}
.pension-main .link-group2>li>a{display:block;padding:130px 0 0 44px;height:128px;}
.pension-main .link-group2>li.one>a{background:#b0c6db url('https://oimg1.kbstar.com/img/omoney/2017/pension/ico_pnsn_goods05.png') no-repeat center 36px;}
.pension-main .link-group2>li.two>a{background:#b0c6db url('https://oimg1.kbstar.com/img/omoney/2017/pension/ico_pnsn_goods06.png') no-repeat center 34px;}
.pension-main .link-group2>li.three>a{background:#b0c6db url('https://oimg1.kbstar.com/img/omoney/2017/pension/ico_pnsn_goods07.png') no-repeat 111px 41px;}
.pension-main .link-group2>li strong{display:block;font-size:22px;color:#333;margin-bottom:16px;letter-spacing:-1px;}
.pension-main .link-group2>li em{display:block;font-size:14px;color:#333;line-height:1.3;}

.pension-main .link-group3{margin:25px 0 30px;}
.pension-main .link-group3>li{float:left;margin-left:20px;}
.pension-main .link-group3>li:first-child{margin-left:0;}
.pension-main .link-group4{border:1px solid #d0d0d0;}
.pension-main .link-group4>li{float:left;text-align:center;width:299px;padding:10px 0;}
.pension-main .link-group4>li:first-child{margin-left:0;width:298px;}
.pension-main .link-group4>li>a{display:block;text-align:center;border-left:1px solid #e0e0e0;height:32px;padding:4px 0 0 0;}
.pension-main .link-group4>li:first-child a{border-left:0 none;}

.pension-main-bot{width:978px;padding:0px 22px 0 22px;height:40px;background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bg_pnsn_cont.png') no-repeat left bottom;}

/* 마이연금 메인 게시판 (2018-03-15) */
.pension-main-bbs h2{font-size:22px;color:#333;margin:40px 0 17px;}
.pension-main-bbs .inner .left{float:left;width:670px;}
.pension-main-bbs .inner .left .bbs-tab{height:29px;border-bottom:1px solid #e0e0e0;margin-bottom:18px;position:relative}
.pension-main-bbs .inner .left .bbs-tab>li{float:left;margin-left:40px;}
.pension-main-bbs .inner .left .bbs-tab>li:first-child{margin-left:30px;}
.pension-main-bbs .inner .left .bbs-tab>li>a:first-child{font-size:16px;color:#666;display:inline-block;height:28px;float:left;}
.pension-main-bbs .inner .left .bbs-tab>li>a.active{color:#333;border-bottom:2px solid #49a5b4;position:relative;}
.pension-main-bbs .inner .left .bbs-list{position:absolute;left:0;top:48px;height:100px;display:none}
.pension-main-bbs .inner .left .bbs-tab>li>a.active+.bbs-list{display:block}
.pension-main-bbs .inner .left .bbs-list ul li{padding:0 15px 0 30px;background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/bul_pnsn_bbs.gif') no-repeat 16px center;margin-top:10px;*margin-top:7px}
.pension-main-bbs .inner .left .bbs-list ul li:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden}
.pension-main-bbs .inner .left .bbs-list ul li:first-child{margin-top:0;}
.pension-main-bbs .inner .left .bbs-list ul li a{float:left;font-size:14px;color:#666;line-height:1.1;width:623px;}
.pension-main-bbs .inner .left .bbs-list ul li .date{float:right;font-size:14px;color:#666;line-height:1.1;width:80px;text-align:right;}
.pension-main-bbs .inner .left .bbs-more{display:inline-block;padding-right:14px;background:url('https://oimg1.kbstar.com/img/omoney/2017/pension/arr_pnsn_more.gif') no-repeat right 6px;position:absolute;right:15px;top:0px;font-size:14px;color:#666;display:none}
.pension-main-bbs .inner .left .bbs-tab>li>a.active+.bbs-list+.bbs-more{display:block}

.pension-main-bbs .inner .right{float:right;width:210px;}
.pension-main-bbs .inner .right a{display:block;border:1px solid #d0d0d0;text-align:center;padding:18px 0 17px;margin-top:15px;}
.pension-main-bbs .inner .right a:first-child{margin-top:0;}