@charset "utf-8";

/**/
.robo_cont {padding:1px 60px 50px; min-height:250px;}

/*title*/

/*.robo_title {height:160px; padding:0; border:0; background:url('/IBK/uib/pib/img/KO/raz/bg_top_band.gif') repeat-x 0 0;}
.robo_title h2 {width:1130px; height:78px; padding:45px 0 0 10px; margin:0 auto; font-size:38px; line-height:46px; font-family:'IBKiDreamM'; color:#fff; font-weight:normal;}*//*new*/

.stit4_robo {margin-top:50px; font-size:24px; line-height:26px; color:#575757; font-family:'IBKiDreamM'; font-weight:normal;}
strong.stit_robo {display:block; margin-top:50px; font-size:18px; line-height:20px; font-family:'IBKiDreamL'; color:#575757; font-weight:normal;}
strong.stit_robo.etc {margin-top:0;}
.stit3 + strong.stit_robo  {margin-top:10px;}
.stit3 span.txt {font-size:22px; font-weight:normal; color:#333;}
.tit_term {display:block; margin-top:30px; font-size:14px; color:#333;}
.tit_term span {padding-left:15px; font-size:12px; font-weight:normal;}

/*text*/
.recomm_fund_txt {display:block; margin-top:0; font-size:18px; line-height:20px; font-family:'IBKiDreamL'; color:#575757; font-weight:normal;}
.des_txt {margin-top:15px; font-weight:bold;}
.des_txt2 {margin-top:15px;}
.des_txt2 .txts {display:block; padding-top:3px;}
.nones + .des_txt2 {margin-top:25px;}
.des_stit4 {margin-top:15px;}
.des_stit4_new {margin-top:15px; font-size:18px; color:#575757; font-family:'IBKiDreamL'; font-weight:normal;}
.ths_txt {display:block; padding-top:3px; font-size:12px;}
.td_txt {display:block; padding-top:7px; font-size:12px; font-weight:normal;}
.stx_robo {padding-left:20px; color:#999;}
.stx_robo:before {content:'*'; padding-right:2px;}
/*.ths_txt:before {content:'*'; padding-right:2px;}*/
.good {color:#333; font-weight:bold;}
.bad {color:#ff0000; font-weight:bold;}
.search_result_list_txt {margin-top:5px;}
.search_result_list_txt:before {content:'*'; padding-right:2px;}
.deposits_txt {margin-top:30px; font-size:14px; color:#ff0000; font-weight:bold; text-align:center;}
.deposits_txt .txt {display:block; padding-top:5px; font-size:12px; color:#666;}
.hold_txt  {margin-top:10px;}
.hold_txt2  {margin-top:10px; font-weight:bold;}
.hold_txt2:before {content:'*'; padding-right:5px;}
.txt_unit_float {float:right; margin-top:-13px;}
.txt_btm_robo {margin-top:8px; line-height:18px;}
.txt_btm_robo + .list_comm {margin-top:5px;}
.txt_btm_right {margin-top:5px; text-align:right;}
.list_num {margin:10px 0 0 15px}
.list_num li {text-indent:-15px; padding:5px 0 0 0;}
.txt_btm_new {margin-top:10px;}
.txt_btm_new2 {margin-top:10px; }
.txt_btm_new2 em {font-size:14px; color:#0080fd; font-weight:bold;}
.txt_btm_new2 a {vertical-align:1px;}
.txt_screen {margin-top:25px; text-align:right; font-size:14px; line-height:22px;}
.txt_screen.small {margin-top:15px; text-align:right; font-size:12px; line-height:18px;}
.chk_alone {padding:15px 0 0 30px; font-weight:bold; color:#333;}
.TA_02_txt {margin-top:-48px; color:#333; line-height:20px;}
.txt_plus {color:#0079ff}
.txt_minus {color:#ff0000}
.bts_re {position:absolute; margin:-2px 0 0 10px; display:inline-block; padding:0 10px; height:22px;  line-height:22px; font-size:12px;  color:#fff; font-weight:bold; background:#ff0000;}

/*step*/
.step_area01 .step3 ul li{width:33%;}
.step_area01 .step3 ul li:first-child {width:34%;}

.step_robo_none {height:46px; font-size:0; background: url('/IBK/uib/pib/img/KO/raz/bg_pdt_cont_top.png') no-repeat 0 0;}

/*fund_info*/
.robo_fund {border:1px solid #000;}
.robo_fund_area {margin-top:30px; border:1px solid #000;}

/*invest*/
.invests {position:relative; margin-top:20px; padding:0 450px 30px 0; min-height:200px; border-bottom:1px solid #eee;}
.invests.etc {border-bottom:0;}
.invests .graph_area {position:absolute; right:85px; top:20px;}
.invests .graph_area div {position:relative;}
.invests .propensitys {padding:0; color:#666; font-size:30px; line-height:50px; font-family:'IBKiDreamM'; text-align:center;}
.invests .propensitys span[class^="level"] {font-size:36px; font-weight:bold;}
	.level_06 {color:#2b2bce;} /*안정형*/
	.level_05 {color:#079dad;} /*안정추구형*/
	.level_04 {color:#ffc600;} /*위헙중립형*/
	.level_03 {color:#fa8d3a;} /*적극투자형*/
	.level_01 {color:#ff0000;} /*공격투자형*/
	/*퇴직연금*/
	.level_r_06 {color:#0464ca;} /*안정형*/
	.level_r_05 {color:#005da5;} /*안정추구형*/
	.level_r_04 {color:#4f7b00;} /*위헙중립형*/
	.level_r_03 {color:#bc6a04;} /*적극투자형*/
	.level_r_01 {color:#ef0003;} /*공격투자형*/
.invests .propensitys .dates {margin-top:5px; display:block; font-size:16px; line-height:18px; font-family:'dotum'; color:#333; font-weight:bold;}
.invests .propensity2 {margin:10px 0 0 70px; line-height:22px; color:#333; font-size:14px; text-align:left; width:440px;}
.propensitys_danger {margin-top:-1px; padding:25px; font-size:14px; line-height:20px; font-weight:bold; border:1px solid #d1e0f0;}
.propensitys_danger p {position:relative; padding:0 0 2px 10px; color:#ff0000;}
.propensitys_danger p:before {position:absolute; content:''; left:0; top:8px; width:2px; height:2px; background:#575757;}
.propensitys_danger + .invests {padding-top:45px; padding-bottom:0; border-top:1px solid #eee; border-bottom:0;}
.propensitys_danger + .invests .graph_area {top:65px;}

.invests_small {position:relative; margin-top:30px; padding:0 385px 40px 0; min-height:180px; border-bottom:1px solid #eee;}
.invests_small.etc {border-bottom:0;}
.invests_small .graph_area {position:absolute; right:55px; top:0;}
.invests_small .graph_area img {width:287px;}
.invests_small .propensitys {padding-top:20px; font-size:18px; line-height:35px; color:#333; font-family:'IBKiDreamL'; font-weight:bold; text-align:center;}
.invests_small .propensitys span[class^="level"] {font-size:24px; font-family:'IBKiDreamM'; font-weight:normal;}
.invests_small .propensitys .score {font-weight:normal}
.invests_small .propensitys .dates {margin-top:6px; display:block; font-size:14px; line-height:16px; font-family:'dotum'; color:#666;}
.invests_small .propensity2 {margin:17px 0 0 20px; line-height:18px; color:#333; width:470px;}
.propensitys3 {margin-top:15px; font-size:18px; line-height:35px; color:#333; font-family:'IBKiDreamL'; font-weight:bold;}
.propensitys3 span[class^="level"] {font-size:24px; font-family:'IBKiDreamM'; font-weight:normal;}
.propensitys3 .txt {margin-top:5px; font-size:12px; line-height:16px; font-family:'dotum'; font-weight:normal;}

/*total*/
.total_invest {position:relative; margin-top:0; padding:0;  font-family:'IBKiDreamL'; font-weight:normal;}
.total_invest .tit {font-size:24px; line-height:26px; color:#000; font-family:'IBKiDreamM'; font-weight:normal;}
.total_invest ul {margin-top:30px; width:100%; overflow:hidden;}
.total_invest ul li {position:relative; float:left; margin-left:60px; width:350px; height:34px; line-height:20px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; text-align:right; font-size:18px; color:#666; font-family:'IBKiDreamL'; font-weight:normal;}
.total_invest ul li em {position:absolute; left:0; top:5px; font-size:18px; color:#666; font-family:'IBKiDreamL'; font-weight:normal;}
.total_invest ul li span {font-size:24px; line-height:26px; color:#000;}
.total_invest ul li:first-child {margin-left:0; width:300px;}
.total_invest ul li.last {width:250px;}

.total_fee {margin-top:25px; width:100%; overflow:hidden;}
.total_fee div {float:right; width:48.5%; position:relative; text-align:right; border-bottom:1px solid #e5e5e5; font-size:18px; line-height:34px; color:#ff0000; font-family:'IBKiDreamL'; font-weight:normal;}
.total_fee div span {font-size:30px; line-height:34px; padding-right:5px;}
.total_fee div em {position:absolute; left:0; top:0; font-size:24px; color:#000;}

/*portfolio*/
.fund_tit {font-weight:bold;}
.fund_no {padding-top:5px;}

.robo_txt_btn {margin-top:30px; font-size:14px; color:#575757; font-weight:bold;}
.robo_txt_btn a {float:right; margin-top:-10px;}
.robo_txt_btn2 {margin-top:20px; font-size:14px; color:#0080ff; font-weight:bold;}
.robo_txt_btn2 a {vertical-align:2px;}
.robo_txt_btn_new {margin-top:15px; font-size:12px;}
.robo_txt_btn_new a {font-weight:normal;}

.des_robo {margin-top:0px; font-size:18px; line-height:20px; font-family:'IBKiDreamL'; color:#575757; font-weight:normal;}
.des_robo2 {margin-top:0px; font-size:14px; line-height:24px; color:#0080fd; font-weight:bold;}

.portfolio1 {margin-top:5px; padding:35px 0 30px 0; border:2px solid #ddd; border-radius:10px;}
.portfolio_txts {margin-top:10px;}
.portfolio_des {font-size:14px; padding:0 0 25px; color:#575757; text-align:center;}
.portfolio_date {margin-top:20px; font-size:14px; font-weight:bold; text-align:center; color:#333; }
.portfolio_date em {color:#ff0000; font-weight:bold;}
.popup_cont .portfolio1 {margin-top:0;}
.kind {padding:0; text-align:center;}
.kind strong.tit {display:block; font-size:30px; line-height:35px; color:#333; font-family:'IBKiDreamM'; font-weight:normal;}
.kind strong.tit span {display:block; font-size:18px; color:#666; padding-top:5px; font-family:'IBKiDreamL'; font-weight:normal;}
.kind span[class^="level"] {display:inline-block; padding-left:10px; font-size:30px; line-height:35px; font-family:'IBKiDreamM'; font-weight:normal;}

.kind_chks {margin-top:10px; text-align:center; }
.kind_chks ul {display:inline-block; padding:0 10px; height:40px; line-height:40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.kind_chks ul li {display:inline-block; padding:0 12px; line-height:40px; font-size:14px; font-weight:bold; color:#333}
.kind_chks ul li .point {}
.kind_chks ul li em {color:#666; padding-right:3px;}

/*etc*/
.portfolio_txts2 {margin-top:20px; padding:20px; border:1px solid #cddeee;}
.portfolio_txts2 .txt1 {padding:0 0 15px; text-align:center; font-weight:bold; border-bottom:1px solid #cddeee;}
.portfolio_txts2 .txt1 .tit {font-size:16px; color:#333; }
.portfolio_txts2 .txt1 span[class^="level"] {font-size:14px; padding-left:5px;}
.portfolio_txts2 .txt2 {padding:15px 0 0; text-align:center;}
.portfolio_txts2 .txt2 ul {display:inline-block; }
.portfolio_txts2 .txt2 ul li {display:inline-block; padding:0 15px; font-weight:bold; color:#333;}
.portfolio_txts2 .txt2 ul li em {color:#666; padding-right:12px; font-weight:normal;  color:#666; background:url('/IBK/uib/pib/img/KO/raz/robo_arr.png') no-repeat right 2px;}

.portfolio_area {margin-top:30px; padding:0 38px 38px; border:2px solid #0058d0; border-radius:10px;}
.portfolio_area strong.tit {display:block; margin:0 -38px; font-size:24px; line-height:63px; height:63px; color:#fff; background:#0058d0; text-align:center; font-family:'IBKiDreamM'; font-weight:normal; border-radius:5px 5px 0 0;}
.portfolio1_txt {position:relative; padding:15px 275px 0 0;}
.portfolio1_txt em {display:block; margin-top:20px; color:#333; font-size:16px; font-weight:bold;}
.portfolio1_txt p {margin-top:5px; font-size:14px; line-height:22px;}
.portfolio1_txt p.tt {margin-top:20px;}
.portfolio1_txt .graph_area {position:absolute; right:0; top:70px;}
.portfolio2 {margin-top:30px; width:100%; overflow:hidden; padding-top:30px; border-top:1px solid #e5e5e5;}
.portfolio2 h4 {margin-top:0;}
.portfolio2 .left {float:left; width:430px; }
.portfolio2 .right {float:left; width:510px; padding-top:20px;}
.portfolio2 .graph_area {margin-top:10px; position:relative; width:400px; overflow:hidden;}
.portfolio2 .rate {width:100%; overflow:hidden;}
.portfolio2 .rate li {position:relative; height:68px; padding-top:35px; border-bottom:1px solid #e5e5e5; font-size:18px; text-align:right; color:#999; font-family:'IBKiDreamL'; font-weight:normal; box-sizing:border-box;}
.portfolio2 .rate li em {position:absolute; left:0; top:36px; color:#333; font-family:'IBKiDreamM'; font-weight:normal;}
.portfolio2 .rate li strong {padding:0 5px; font-size:22px; line-height:24px; color:#007fff; vertical-align:-1px; font-family:'IBKiDreamM'; font-weight:normal;}
.portfolio2 .rate li strong.point {color:#e01a1a;}
.portfolio2 .rate_txt {}
.portfolio2 .rate_txt em {margin-top:25px; display:block; padding-left:20px; font-size:14px; color:#333; font-weight:bold; background:url('/IBK/uib/pib/img/KO/raz/ico_rate.png') no-repeat 0 0;}
.portfolio2 .rate_txt p {margin-top:15px; line-height:20px; color:#666;}
.links {margin-top:30px; width:100%; overflow:hidden;}
.links a {float:right; display:inline-block; width:49%; height:43px; line-height:43px; border-radius:2px; text-align:center; background: url('/IBK/uib/pib/img/KO/button/bg_btn_ok.png') repeat 0 0; font-weight:bold;}
.links a:first-child {float:left;}
.links a span {padding-right:16px; color:#fff; font-size:14px; }

.portfolio2_new {margin-top:20px; width:100%; overflow:hidden;}
.portfolio2_new .left  {float:left; width:430px; height:248px; padding:45px 0 0 30px; overflow:hidden; border:1px solid #cddeee; box-sizing:border-box;}
.portfolio2_new .right  {float:right; width:449px;}
.portfolio2_new .graph_area {float:left; width:160px;}
.portfolio2_new .nums {float:left; padding:20px 0 0 45px; width:190px; color:#666;}
.portfolio2_new .nums li {padding-bottom:8px;}
.portfolio2_new span[class^="prtf_ast_"] {position:relative; display:inline-block; width:100px; padding-left:20px;}
.portfolio2_new span[class^="prtf_ast_"]:before {position:absolute; top:0; left:0; content:''; width:15px; height:15px;}
.portfolio2_new span.prtf_ast_1:before {background:#fc2a7b;}
.portfolio2_new span.prtf_ast_2:before {background:#db38c2;}
.portfolio2_new span.prtf_ast_3:before {background:#4538db;}
.portfolio2_new span.prtf_ast_4:before {background:#4dc7be;}
.portfolio2_new span.prtf_ast_5:before {background:#80af52;}
.portfolio2_new span.prtf_ast_6:before {background:#ffa200;}
.portfolio2_new span.prtf_ast_7:before {background:#a89079;}
.portfolio2_new .point1 {padding-left:5px; color:#007fff !important;}
.portfolio2_new .point2 {padding-left:5px; color:#e01a1a !important;}
.portfolio2_new .list_comm {}
.portfolio2_new .list_comm p {padding:5px 0 10px;}
.portfolio2_new div.TA_01 {margin-top:0;}
.portfolio2_new div.TA_01 table.list th,
.portfolio2_new div.TA_01 table.list td {padding-top:15px; padding-bottom:15px;}
.links_new {margin-top:12px; text-align:center;}
.links_new a {font-weight:normal;}

.graph_portfolio {position:relative;}
.graph_portfolio_txt {margin-top:20px; color:#575757; }
.graph_portfolio_txt em, 
.graph_portfolio_tit {display:block; margin-top:15px; color:#333; font-size:14px; font-weight:bold;}
.graph_portfolio_txt p {margin-top:10px;}
.graph_portfolio_txt p .point {color:#ff0000;}
 
.graph_portfolio_none {margin-top:20px; padding:27px 30px; color:#333; line-height:20px; border:1px solid #cfdfef; }

.graph_portfolio2 {}
.graphs_box {margin-top:10px; width:900px; overflow:hidden; padding:30px 0 30px 180px; border:1px solid #dae2e9; box-sizing:border-box;}
.graph_portfolio2 .graphs {position:relative; float:left; width:203px; padding-bottom:30px;}
.graph_portfolio2 .graphs em.tit {position:absolute; left:0; bottom:0; margin-top:-20px; width:100%; line-height:20px; display:block; font-weight:bold; font-size:14px; color:#000; text-align:center;}
.graph_portfolio2 .graphs_bar {float:left; width:106px; min-height:200px; background:url('/IBK/uib/pib/img/KO/raz/graphs3_bar.png') no-repeat center 80px;}

.graph_portfolio2 .graphs_txt {padding-top:10px;}
/*.graph_portfolio2 .graphs_txt table {width:100%; border-bottom:4px solid #f5f5f5;}
.graph_portfolio2 .graphs_txt table thead th {padding:0 0 5px 0; border-bottom:1px solid #e5e5e5;}
.graph_portfolio2 .graphs_txt table tbody th {text-align:left; border-bottom:1px solid #e5e5e5;}
.graph_portfolio2 .graphs_txt table td {padding:0 5px 0 0; height:38px; text-align:right; border-bottom:1px solid #e5e5e5;}
.graph_portfolio2 .graphs_txt table td.center {padding:0; text-align:center;}*/
.graph_portfolio2 .graphs_txt table td.tits {padding-left:90px; text-align:left;}
.graph_portfolio2 .graphs_txt table td.left {padding:0 0 0 5px; text-align:left; border-left:0;}
.graph_portfolio2 .graphs_txt table td .plus {color:#008aff;}
.graph_portfolio2 .graphs_txt table td .plus:before {content:'+';}
.graph_portfolio2 .graphs_txt table td.left .plus:before {content:'';}
.graph_portfolio2 .graphs_txt table td .minus {color:#ff2f2f;}
.graph_portfolio2 .graphs_txt table td .minus:before {content:'';}
.graph_portfolio2 .graphs_txt table span[class^="prtf_ast_"] {position:relative; padding-left:20px;}
.graph_portfolio2 .graphs_txt table span[class^="prtf_ast_"]:before {position:absolute; top:-1px; left:0; content:''; width:12px; height:12px;}
.graph_portfolio2 .graphs_txt table span.prtf_ast_1:before {background:#fc2a7b;}
.graph_portfolio2 .graphs_txt table span.prtf_ast_2:before {background:#db38c2;}
.graph_portfolio2 .graphs_txt table span.prtf_ast_3:before {background:#4538db;}
.graph_portfolio2 .graphs_txt table span.prtf_ast_4:before {background:#4dc7be;}
.graph_portfolio2 .graphs_txt table span.prtf_ast_5:before {background:#80af52;}
.graph_portfolio2 .graphs_txt table span.prtf_ast_6:before {background:#ffa200;}
.graph_portfolio2 .graphs_txt table span.prtf_ast_7:before {background:#a89079;}

.portfolio_tit {margin-top:20px; padding:20px; font-size:16px; color:#333; font-weight:bold; text-align:center; border:1px solid #d0e0ef;}
.portfolio_tit span {font-size:14px; padding-left:8px;}

.portfolio_cancel {margin-top:20px; padding:20px 20px 5px; border:1px solid #d0e0ef;}
.portfolio_cancel .txt1 {padding:0 0 15px; }
.portfolio_cancel .txt1 input {width:16px; height:16px; vertical-align:-3px;}
.portfolio_cancel .txt1 label {font-size:14px; font-weight:bold;}
.portfolio_cancel .txt1 span.txt {display:block; padding:10px 0 0 5px}
.portfolio_cancel .txt1 .block {display:block; padding-top:12px;}
.portfolio_cancel .txt2 {padding:20px 0 0; border-top:1px solid #d0e0ef;}
.portfolio_cancel .txt2 li {position:relative; padding:0 0 20px 155px;}
.portfolio_cancel .txt2 li em {position:absolute; top:5px; left:2px; font-weight:bold;}

/*slide*/
.retention {font-size:14px;}
.retention .slide_number {padding-left:52px; height:24px;}
.retention .slide_txt {margin:-24px 52px 0 0; float:right; color:#333;}
.retention .slide_txt span {font-weight:bold; padding-left:5px;}
.retention .bx-wrapper {position:relative; margin:0 40px; padding:0; *zoom: 1;}
.retention .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-58px; width:40px; height:116px; text-indent:-9999px; z-index:9999;}
.retention .bx-wrapper .bx-prev {left:-60px; background:url('/IBK/uib/pib/img/KO/raz/robo_slide.png') no-repeat 0 0;}
.retention .bx-wrapper .bx-prev.first {background-position:0 -116px;  cursor:default;}
.retention .bx-wrapper .bx-next {right:-60px; background:url('/IBK/uib/pib/img/KO/raz/robo_slide.png') no-repeat -40px 0;}
.retention .bx-wrapper .bx-next.last {background-position:-40px -116px;  cursor:default;}
	/*bxslider*/
	.retention .robo_bxslider {}
	.retention .robo_bxslider div.boxs {width:940px; overflow:hidden;}
	.retention .robo_bxslider div.boxs div {position:relative; float:left; width:450px; height:237px; font-size:14px; border:2px solid #69baef; margin:0 10px; box-sizing:border-box; border-radius:10px;}
	.retention .robo_bxslider div.boxs .tit {display:table; width:447px; height:72px; background:#69baef; border-radius:5px 5px 0 0;}
	.retention .robo_bxslider div.boxs .tit strong {display:table-cell; vertical-align:middle; text-align:center; height:72px; line-height:26px; font-size:24px; color:#fff; font-family:'IBKiDreamL'; font-weight:normal; }
	.retention .robo_bxslider div.boxs .tit .tits {display:block; padding-top:10px; text-align:center; line-height:26px; font-size:24px; color:#fff; font-family:'IBKiDreamL'; font-weight:normal;}
	.retention .robo_bxslider div.boxs .tit .nos {display:block; padding-top:5px; text-align:center; line-height:20px; font-size:18px; color:#fff; font-family:'IBKiDreamL'; font-weight:normal;}
	.retention .robo_bxslider div.boxs ul {margin-left:40px; padding-top:28px;}
	.retention .robo_bxslider div.boxs ul li {position:relative; height:30px; padding-left:80px; color:#000;}
	.retention .robo_bxslider div.boxs ul li em {position:absolute; font-weight:bold; left:0;}
	.retention .robo_bxslider div.boxs .txts {position:absolute; top:120px; right:30px; width:130px; font-weight:bold; color:#ff0000; text-align:center;}
	.retention .robo_bxslider div.boxs div a {position:absolute; top:160px; right:40px; display:inline-block; width:108px; height:38px; line-height:38px; text-align:center; font-weight:bold; color:#fff; border:1px solid #1051b0; background:#276bc0; border-radius:2px;}
	.retention .robo_bxslider div.boxs div.last {border:2px solid #dad6d0; background:#fefdfc url('/IBK/uib/pib/img/KO/raz/robo_slide_bg.png') no-repeat center;}
.retention_none {padding:80px 0 0 0; font-size:14px; color:#999; font-weight:bold; text-align:center; background:url('/IBK/uib/pib/img/KO/raz/robo_slide_bg.png') no-repeat center 0;}
/*slide_etc*/
.retention.etc {margin-top:20px; font-size:12px;}
.retention.etc .slide_number {padding-left:100px;}
.retention.etc .slide_txt {margin-right:102px;}
.retention.etc .bx-wrapper .bx-prev {left:-50px;}
.retention.etc .bx-wrapper .bx-next {right:-50px;}
.retention.etc .bx-wrapper {margin:0 80px;}
	/*bxslider*/
	.retention.etc .robo_bxslider div.boxs {width:736px;}
	.retention.etc .robo_bxslider div.boxs div {width:330px; height:174px; font-size:12px; border:1px solid #69baef; margin:0 19px; border-radius:0;}
	.retention.etc .robo_bxslider div.boxs .tit {background:#69baef; width:328px; height:50px; border-radius:0;}
	.retention.etc .robo_bxslider div.boxs .tit strong {height:50px; line-height:16px; font-size:14px; color:#fff; font-family:'dotum'; font-weight:bold;}
	.retention.etc .robo_bxslider div.boxs ul {margin-left:30px; padding-top:17px;}
	.retention.etc .robo_bxslider div.boxs ul li {height:25px;}
	.retention.etc .robo_bxslider div.boxs ul.add {padding-top:14px;}
	.retention.etc .robo_bxslider div.boxs ul.add li {height:20px;}
	.retention.etc .robo_bxslider div.boxs .txts {top:90px; right:17px; width:100px;}
	.retention.etc .robo_bxslider div.boxs div a {top:130px; right:30px; width:auto; padding:0 10px; height:24px; line-height:24px; color:#fff; background:#276bc1; font-weight:normal;}
	.retention.etc .robo_bxslider div.boxs div.last {border:1px solid #ccc;}

/*fee*/
.fund_sum {margin-top:30px; width:100%; overflow:hidden;}
.fund_sum li {float:right; width:48.5%; position:relative; text-align:right; border-bottom:1px solid #e5e5e5; font-size:18px; line-height:34px; color:#333; font-family:'IBKiDreamL'; font-weight:normal;}
.fund_sum li:first-child {float:left;}
.fund_sum li.full {width:100%; padding:0;}
.fund_sum li em {position:absolute; left:0; top:0; color:#666;}
.fund_sum li .txt {font-size:14px;}
.fund_sum li .txt:before {content:'(';}
.fund_sum li .txt:after {content:')';}
.fund_sum li .fee {font-size:24px; line-height:26px; padding-right:3px; color:#000;}
.fund_sum li .fee2 {font-size:24px; line-height:26px; padding-right:3px; color:#000;}
.fund_sum li.point, .fund_sum li.point span {color:#ff0000 !important;}

.fund_product {margin-top:10px;	position:relative; padding:15px 1px 15px 0;  border-top:2px solid #66b9ed; border-bottom:1px solid #ccddee; }
.fund_product .tit {position:absolute; left:15px; top:50%; margin-top:-10px; color:#575757; font-size:14px; font-weight:bold;}
.fund_product .inputs {padding-left:510px;}
.fund_product .fees {padding:20px 0; text-align:right; color:#114287; font-size:14px; font-weight:bold;}
.fund_product dl {width:100%; overflow:hidden; font-size:14px; font-weight:bold;}
.fund_product dl dt {float:left; width:45%; padding-top:6px; padding-left:15px; height:20px; color:#575757;}
.fund_product dl dd {float:right; width:49%; padding:6px 2px 0 0; height:20px; color:#114287; text-align:right;}

.radios {display:inline-block; border:1px solid #003589; border-radius:2px;}
.radios input[type="radio"] {display:none;}
.radios input[type="radio"] + label span {display:inline-block; padding:4px 0; width:110px; margin:0 0 0 -5px; font-weight:bold; color:#333; text-align:center; box-sizing:border-box; cursor:pointer; background:#e5e5e5;}
.radios input[type="radio"]:first-child + label span {margin-left:0;}
.radios input[type="radio"]:checked + label span {color:#fff; background:#276bc1;}

.fund_product2 {position:relative; padding:10px 1px 10px 0;  border-bottom:1px solid #ccddee; }
.fund_product2 .tit {position:absolute; left:15px; top:50%; margin-top:-8px; color:#575757; font-weight:bold;}
.fund_product2 .inputs {text-align:right;}



.fund_product_btm {margin:7px 0 0 15px; color:#999;}

.fee_detail {margin-top:20px; border-top: 2px solid #66b9ed;}
.fee_detail em {display:block; padding:0 0 0 22px; height:41px; line-height:41px; font-size:14px; font-weight:bold; border-bottom:1px solid #cedce7; background:#f6f9fc;}
.fee_detail em .date {padding-left:10px; font-size:12px; font-weight:normal;}
.fee_detail a {float:right; margin:-34px 18px 0 0;}
.fee_detail dl {width:100%; overflow:hidden; line-height:41px;}
.fee_detail dl dt {float:left; padding:0 0 0 22px; width:18%; height:41px; border-left:1px solid #cedce7; border-bottom:1px solid #cedce7; background:#f6f9fc; box-sizing:border-box;}
.fee_detail dl dd {float:left; padding:0 0 0 22px; width:32%; height:41px; font-weight:bold; border-left:1px solid #cedce7; border-bottom:1px solid #cedce7; box-sizing:border-box;}
.fee_detail dl dt:first-child {border-left:0;}

.portfolio_graphs {margin-top:20px; width:100%; overflow:hidden;}
.portfolio_graphs .txt {float:left; width:440px;}
.portfolio_graphs .graphs {float:right; width:435px; position:relative; border:1px solid #d0e0ef;}
.portfolio_graphs .TA_01 {margin-top:1px;}
.portfolio_graphs div.TA_01 table.list td {padding-top:13px; padding-bottom:11px;}

/*badge*/
.badge {margin-top:17px;}
.badge.small {margin-top:5px;}
.badge span {display:inline-block; min-width:65px; height:18px; padding:3px 5px 0 6px !important; font-size:11px; color:#fff; text-align:center; font-weight:normal; border-radius:2px; vertical-align:middle;}
.badge .prtf_ast_1 {background:#fc2a7b;}
.badge .prtf_ast_2 {background:#db38c2;}
.badge .prtf_ast_3 {background:#4538db;}
.badge .prtf_ast_4 {background:#4dc7be;}
.badge .prtf_ast_5 {background:#80af52;}
.badge .prtf_ast_6 {background:#ffa200;}
.badge .prtf_ast_7 {background:#a89079;}

div.TA_01 table.list .badge {margin-top:7px;}

/*rebalance*/
.mmf_no {margin-top:30px; width:100%; overflow:hidden;}
.mmf_no li.fee1 {float:left; width:328px; border:1px solid #abccdd;}
.mmf_no li.txt {float:left; width:240px; height:28px; padding-top:150px; text-align:center; background:url('/IBK/uib/pib/img/KO/raz/bg_mmf.png') no-repeat center;}
.mmf_no li.txt.bank {background:url('/IBK/uib/pib/img/KO/raz/bg_mmf2.png') no-repeat center;}
.mmf_no li.fee2 {float:left; width:328px; height:178px; border:1px solid #65bbee;}
.mmf_no li em {display:block; font-size:14px; height:49px; line-height:49px; color:#fff; font-weight:bold; text-align:center; background:#9ab8c7;}
.mmf_no li.fee2 em {background:#65bbee;}
.mmf_no li .fee {display:block; font-size:14px; height:60px; line-height:60px; font-weight:bold; text-align:center;}
.mmf_no li dl {width:; padding:13px 49px 4px; overflow:hidden; background:#f4f4f4;}
.mmf_no li dl dt {float:left; width:50%; height:26px;}
.mmf_no li dl dd {float:right; width:50%; height:26px; font-weight:bold; text-align:right;}
.mmf_no_txt {margin-top:7px;}
.mmf_no_txt:before {content:'*'; padding-right:5px;}

.mmf_no.etc li.fee1 {width:400px;}
.mmf_no.etc li.txt {width:96px; background:url('/IBK/uib/pib/img/KO/raz/bg_mmf3.png') no-repeat center;}
.mmf_no.etc li.fee2 {width:400px;}

.mmf_no_new {width:100%; overflow:hidden;}
.mmf_no_new li.fee1 {float:left; width:380px; border:2px solid #50ac40; border-radius:10px;}
.mmf_no_new li.fee2 {float:left; width:380px; border:2px solid #0aa5e5; border-radius:10px;}
.mmf_no_new li.txt {float:left; width:252px; margin-top:70px; height:100px; box-sizing:border-box; padding-top:40px; font-size:14px; font-weight:bold; color:#000; line-height:20px; text-align:center; background:url('/IBK/uib/pib/img/KO/raz/bg_mmf_new.png') no-repeat center;}
.mmf_no_new li.txt.etc {padding-top:30px;}
.mmf_no_new li.txt.bank {background:url('/IBK/uib/pib/img/KO/raz/bg_mmf2.png') no-repeat center;}
.mmf_no_new li em {display:block; font-size:24px; height:70px; line-height:70px; color:#fff; font-weight:normal; font-family:'IBKiDreamL'; text-align:center; background:#50ac40; border-radius:5px 5px 0 0;}
.mmf_no_new li.fee2 em {background:#0aa5e5;}
.mmf_no_new li .fee {display:block; font-size:24px; height:80px; line-height:80px; font-family:'IBKiDreamM'; font-weight:normal; text-align:center; color:#333;}
.mmf_no_new li dl {width:; padding:18px 49px 9px; font-size:14px; color:#333; overflow:hidden; background:#f4f4f4; border-radius:0 0 8px 8px ;}
.mmf_no_new li dl dt {float:left; width:50%; height:26px;}
.mmf_no_new li dl dd {float:right; width:50%; height:26px; font-weight:bold; text-align:right;}

.mmf_no_new.etc li.fee1 {width:496px;}
.mmf_no_new.etc li.fee2 {float:right; width:496px;}
.robo_info_tit + .mmf_no_new {margin-top:50px;}

.rebalance_list {margin-top:20px; width:100%; overflow:hidden;}
.rebalance_list li {float:left; margin-left:10px; width:443px; border:1px solid #65bbee;}
.rebalance_list li:first-child {margin-left:0; border:1px solid #abccdd;}
.rebalance_list li em {display:block; font-size:14px; height:49px; line-height:49px; color:#fff; font-weight:bold; text-align:center; background:#65bbee;}
.rebalance_list li em span {font-weight:normal; padding-left:3px;}
.rebalance_list li:first-child em {background:#9ab8c7;}
.rebalance_list li .fee {display:block; font-size:14px; height:60px; line-height:60px; font-weight:bold; text-align:center;}
.rebalance_list li ul {width:100%; overflow:hidden; background:#f4f4f4;}
.rebalance_list li ul li {position:relative; margin-left:0; width:192px; padding:17px 29px 15px 0; border:0; text-align:right; font-weight:bold;}
.rebalance_list li ul li:first-child {border:0; background:#eee;}
.rebalance_list li ul li strong {position:absolute; left:26px; font-weight:normal; }

.rebalance_rbox {display:table; width:750px; margin-top:20px;}
.rebalance_rbox:after {display:block;clear:both;content:'';}
.rebalance_rbox li {display:block;position:relative;float:left;margin-left:10px; vertical-align:middle;box-sizing:border-box;}
.rebalance_rbox li:first-child {margin-left:0}
.rebalance_rbox li:before {position:absolute; top:50%; left:-18px; z-index:5; display:block; content:''; width:27px; height:28px; margin-top:-14px; background:url('/IBK/uib/pib/img/KO/common/step_arr2.png') no-repeat 0 0;}
.rebalance_rbox li:first-child:before {display:none}
.rebalance_rbox li .inner {display:; height:100px; width:243px; padding:10px 0 10px 0; background-color:#f4faff; border:1px solid #c0d6ee; border-radius:8px; box-sizing:border-box; color:#3c5c88; vertical-align:middle;}
.rebalance_rbox li strong {display:block; color:#3c5c88; font-size:14px; line-height:20px; height:45px; text-align:center; box-sizing:border-box;} 
.rebalance_rbox li p {padding-left:20px;} 
.rebalance_rbox li .first strong, .rebalance_rbox li .last strong {padding-top:10px;}
.rebalance_rbox li .first p, .rebalance_rbox li .last p {padding-left:60px;}

.rebalance_rbox.etc {width:900px; margin-top:15px;}
.rebalance_rbox.etc li .inner {height:108px; width:172px;}
.rebalance_rbox.etc li strong {height:50px; padding-top:10px;}
.rebalance_rbox.etc li p {padding:0px;} 
.rebalance_rbox.etc li .n01 p {padding-left:55px;}
.rebalance_rbox.etc li .n02 p {padding-left:35px;}
.rebalance_rbox.etc li .n03 p {padding-left:3px; letter-spacing:-0.5px;}
.rebalance_rbox.etc li .center p {text-align:center;}

.rebalance_rbox.etc2 {width:900px; margin-top:15px;}
.rebalance_rbox.etc2 li .inner {height:128px; width:293px;}
.rebalance_rbox.etc2 li strong {height:50px; padding-top:10px;}
.rebalance_rbox.etc2 li .center p {text-align:center; padding-left:2px;}
.rebalance_rbox.etc2 li .n04 p {padding-top:8px; text-align:center;}

.rebalance_txt {margin-top:20px;}
.rebalance_txt .list_dot li {padding-bottom:10px; position:relative;}
.rebalance_txt .list_dot li .btns {position:absolute; top:4px; left:510px;}
.rebalance_txt .chks {margin-top:10px;}

.rebalance_tit {display:block; margin-top:20px; font-size:14px;}
.rebalance_area {margin-top:15px; width:740px; overflow:hidden;}
.rebalance_area .left {float:left; width:360px;}
.rebalance_area .right {float:right; width:360px;}
.rebalance_area em {display:block; height:50px; line-height:50px; font-size:14px; color:#fff; font-weight:bold; text-align:center; background:#9dbddd;}
.rebalance_area .boxs {padding:20px 15px 20px 20px;  height:170px; border:1px solid #9dbddd; box-sizing:border-box;}
.rebalance_area ul li {margin-top:5px; padding:0 0 0 10px; background:url('/IBK/uib/pib/img/KO/common/bg_list_dot2.gif') no-repeat 0 5px;}
.rebalance_area p {margin-top:10px; margin-left:17px; text-indent:-17px;}
.rebalance_area .btn_ok {margin-top:10px; display:block;}

/*info*/
.robo_info_tit {margin-top:20px; display:block; font-size:26px; line-height:30px; text-align:center; font-weight:normal; font-family:'IBKiDreamM'; color:#007fff;}
.robo_info_tit.sta {margin-top:0;}
.robo_info_area {padding-left:30px; width:960px;}
.list_robo {margin-top:5px; padding:30px 160px 25px 30px; border:1px solid #999; border-radius:8px; background:#ffeb00 url('/IBK/uib/pib/img/KO/raz/bg_info.png') no-repeat right center;}
.list_robo li {padding:0; color:#333;}
.list_robo li strong {display:block; font-size:14px; color:#333;}
.list_robo li .txts {position:relative; display:block; padding:10px 0 0 10px; line-height:20px; text-indent:-12px;}
.list_num_robo {margin:10px 0 0 40px;}
.list_num_robo li {padding:0 0 10px 0; color:#333; line-height:20px; text-indent:-15px;}
.robo_infos {margin-top:20px; padding-bottom:10px; width:100%; overflow:hidden; background:url('/IBK/uib/pib/img/KO/raz/info_center.png') no-repeat center 25px;}
.robo_infos li {float:right; overflow:hidden; width:420px; height:100px; padding:0; border:1px solid #999; box-sizing:border-box; border-radius:10px; background:none;}
.robo_infos li:first-child {float:left;}
.robo_infos li em {display:block; float:left; width:106px; height:100px; padding:22px 10px 0 0; font-size:14px; line-height:24px; color:#fff; font-weight:bold; text-align:center; box-sizing:border-box; background:#8652d1 url('/IBK/uib/pib/img/KO/raz/info_corner.png') no-repeat right 0;}
.robo_infos li:first-child em {background:#60a32a url('/IBK/uib/pib/img/KO/raz/info_corner.png') no-repeat right 0;}
.robo_infos li p {float:left; width:310px; padding:30px 0 0 24px; color:#333; line-height:20px; box-sizing:border-box;}
.robo_infos2 {margin:15px 0 0 30px; padding:0 0 25px 0; width:960px; overflow:hidden; background:url('/IBK/uib/pib/img/KO/raz/info_line.png') repeat-x 0  41px;}
.robo_infos2 li {position:relative; float:left; margin:0 0 0 20px; padding:40px 0 0 60px; width:225px; height:90px; color:#000; font-size:14px; font-weight:bold; text-align:center; border:1px solid #999; box-sizing:border-box; border-radius:9px; background-color:#f9f9f9; background-repeat:no-repeat; background-position:28px center;}
.robo_infos2 li span {position:absolute; display:block; left:0; bottom:-25px; font-size:12px; color:#666; font-weight:normal; letter-spacing:-0.5px; width:100%; text-align:center;}
.robo_infos2 li.txt1 {margin-left:0; background-image:url('/IBK/uib/pib/img/KO/raz/info_bg01.png');}
.robo_infos2 li.txt2 {background-image:url('/IBK/uib/pib/img/KO/raz/info_bg02.png');}
.robo_infos2 li.txt3 {background-image:url('/IBK/uib/pib/img/KO/raz/info_bg03.png');}
.robo_infos2 li.txt4 {background-image:url('/IBK/uib/pib/img/KO/raz/info_bg04.png');}

.robo_info_pop {width:900px;}
.robo_info_pop .tab_02 ul {border-top:0; border-bottom:1px solid #bfd1e7;}
.robo_info_pop .tab_02 ul li {width:20%; border-top:1px solid #bfd1e7; border-bottom:0;}

/*survey*/
.list_survey {}
.list_survey dt {position:relative; margin-top:30px; padding:0 0 0 30px; font-size:14px; line-height:20px; color:#0aa5e9; font-weight:bold;}
.list_survey dt:first-child {margin-top:15px;}
.list_survey dt em {position:absolute; top:-1px; left:0; width:20px; height:20px; padding-top:1px; text-align:center; color:#fff; font-weight:bold; background:url('/IBK/uib/pib/img/KO/product/bg_grade_num.png') no-repeat;}
.list_survey dt.type {color:#6884e9;}
.list_survey dt.type em {background:url('/IBK/uib/pib/img/KO/product/bg_grade_num01.png') no-repeat;}
.list_survey dd {padding:5px 0 0 30px;}
.list_survey dd ul {width:100%; overflow:hidden;}
.list_survey dd ul li {position:relative;margin-top:10px;padding:0}/* 202310_웹접근성  */
.list_survey dd ul.left li {float:left; padding-right:20px;}
/* 202310_웹접근성 시작 */
.list_survey input{margin:0;padding:0;left:0;top:0;width:21px;height:21px;position:absolute;z-index:1}
.list_survey input:disabled + label{cursor:default}
.list_survey input + label{padding:0 2px 0 25px;line-height:21px;display:block;position:relative;cursor:pointer;min-height:21px;font-size:14px}
.list_survey input + label:before{background:url("/IBK/uib/pib/img/KO/common/bg_form.png") no-repeat;left:0;top:0;width:21px;height:21px;display:block;position:absolute;z-index:10;content:""}
.ie8 .list_survey input + label:before{background:none;display:none} /*ie8 예외처리*/
.list_survey.radio-switch input{left:8px}
.list_survey input[type=radio] + label:before{background-position:-72px 0}
.list_survey input[type=radio]:checked + label:before{background-position:-96px 0}
.list_survey input[type=radio]:disabled + label:before{background-position:-120px 0}
.list_survey input[type=radio]:disabled:checked + label:before{background-position:-233px 0}
.list_survey input:focus + label::after{border:1px dotted rgb(85, 85, 85);border-image:none;left:-1px;top:-1px;width:21px;height:21px;display:block;position:absolute;z-index:1;content: ""}
.list_survey input[type=checkbox]{left:0;top:0;width:21px;height:21px}
.list_survey input[type=checkbox]:checked + label:before{background-position:-24px 0}
.list_survey input[type=checkbox]:disabled + label:before{background-position:-48px 0}
.list_survey input[type=checkbox]:disabled:checked + label:before{background-position:-209px 0}
/*.list_survey input[type="radio"] + label span {display:inline-block; color:#000; font-size:14px; padding-left:28px; line-height:21px; box-sizing:border-box; cursor:pointer; background:url('/IBK/uib/pib/img/KO/raz/robo_form.png') no-repeat; background-position:0 -200px;}
.list_survey input[type="radio"]:checked + label span {background:url('/IBK/uib/pib/img/KO/raz/robo_form.png') no-repeat; background-position:0 -300px;}
.list_survey input[type="checkbox"] {display:none;}
.list_survey input[type="checkbox"] + label span {display:inline-block; color:#000; font-size:14px; padding-left:28px; line-height:21px; box-sizing:border-box; cursor:pointer; background:url('/IBK/uib/pib/img/KO/raz/robo_form.png') no-repeat; background-position:0 -0;}
.list_survey input[type="checkbox"]:checked + label span {background:url('/IBK/uib/pib/img/KO/raz/robo_form.png') no-repeat; background-position:0 -100px;}
		@media \0screen {
			.list_survey dd ul li input[type="radio"],
			.list_survey dd ul li input[type="checkbox"] {display:inline-block; width:21px; height:21px; vertical-align:-5px;}
			.list_survey dd ul li input[type="radio"] + label span,
			.list_survey dd ul li input[type="checkbox"] + label span {width:inherit; height:inherit; padding:0; line-height:21px; text-align:inherit; background:none !important;}
		}*/
/* 202310_웹접근성  끝 */
.list_survey_new {padding:0 0 10px 15px;}
.list_survey_new dt {position:relative; margin-top:20px; padding:0; line-height:18px; color:#575757; font-weight:bold;}
.list_survey_new dt em {font-weight:bold;}
.list_survey_new dt em:after {content:'.'; padding-right:5px;}
.list_survey_new dd {padding:5px 0 0 15px;}
.list_survey_new dd ul {width:100%; overflow:hidden;}
.list_survey_new dd ul li {padding:5px 0 0 0;}
.list_survey_new dd ul.left li {float:left; padding-right:20px;}

/*checkbox, radio*/
.radio_invest input[type="radio"] {display:none;}
.radio_invest input[type="radio"] + label span {display:inline-block; width:219px; height:86px; line-height:86px; color:#000; font-size:14px; text-align:center; margin:0 15px 0 0; padding:0 0 0 60px; box-sizing:border-box; background:url('/IBK/uib/pib/img/KO/raz/checkbox_invest.png') no-repeat 0 0; cursor:pointer;}
.radio_invest input[type="radio"]:checked + label span {color:#007fff; font-weight:bold; background:url('/IBK/uib/pib/img/KO/raz/checkbox_invest.png') no-repeat 0 -86px;}
	.radio_invest input.domestic[type="radio"] + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_invest2.png') no-repeat 0 0;}
	.radio_invest input.domestic[type="radio"]:checked + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_invest2.png') no-repeat 0 -86px;}
	.radio_invest input.num3[type="radio"] + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_num3.png') no-repeat 0 0;}
	.radio_invest input.num3[type="radio"]:checked + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_num3.png') no-repeat 0 -86px;}
	.radio_invest input.num4[type="radio"] + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_num4.png') no-repeat 0 0;}
	.radio_invest input.num4[type="radio"]:checked + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_num4.png') no-repeat 0 -86px;}
	.radio_invest input.num5[type="radio"] + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_num5.png') no-repeat 0 0;}
	.radio_invest input.num5[type="radio"]:checked + label span {background:url('/IBK/uib/pib/img/KO/raz/checkbox_num5.png') no-repeat 0 -86px;}
		@media \0screen {/*ie8*/
			.radio_invest input[type="radio"] {display:inline-block;  width:21px; height:21px;}
			.radio_invest input[type="radio"] + label span {width:inherit; height:inherit; padding:0; line-height:21px; text-align:inherit; vertical-align:3px; background:none !important;}
		}

/*check_area*/
.fund_chk_box {margin-top:20px; padding:0 1px 10px; border-bottom:1px solid #cedce7; letter-spacing:-0.1px;}
.fund_chk_box .chks {margin-top:15px;  font-weight:bold;}
.fund_chk_box .chks input {vertical-align:-2px;}
.fund_chk_box.tline {border-top:1px solid #cedce7; border-bottom:0;}
.fund_chk_box .list_num_robo {margin:20px 0 0 15px;}
/*.robo_cont .fund_chk_box {font-size:14px; border-bottom:0; line-height:18px;}*/

.fund_chk_box_new {margin-top:60px; padding:30px 25px; border:1px solid #cfdfef;}
.fund_chk_box_new em {display:block; font-size:16px; font-weight:bold; color:#575757;}
.fund_chk_box_new .list_num_robo {margin:14px 0 0 15px;}
.fund_chk_box_new .list_num_robo li {padding-bottom:5px;}
.fund_chk_box_new .list_dot_robo {margin-top:17px;}
.fund_chk_box_new .list_dot_robo li {position:relative; padding:0 0 2px 10px; color:#333; line-height:20px;}
.fund_chk_box_new .list_dot_robo li:before {position:absolute; content:''; left:0; top:8px; width:2px; height:2px; background:#575757;}
.fund_chk_box_new .chks {margin-top:20px;  font-weight:bold; color:#575757;}

.fund_chk_box_new2 {margin-top:50px; padding:30px 25px; border:1px solid #cfdfef;}
.fund_chk_box_new2 ul {margin-top:0;}
.fund_chk_box_new2 ul li {position:relative; padding:0 0 2px 10px; color:#333; line-height:20px;}
.fund_chk_box_new2 ul li:before {position:absolute; content:''; left:0; top:8px; width:2px; height:2px; background:#575757;}
.fund_chk_box_new2 .chks {margin-top:20px;  font-weight:bold; color:#007fff;}
.TA_01 + .fund_chk_box_new2 {margin-top:20px;}

.robo_info_area + .fund_chk_box_new,
.pention_txt2 + .fund_chk_box_new {margin-top:50px;}

/*etc*/
.radio_set {margin-top:15px; padding:12px 0 0 2px; height:32px; border-top:2px solid #66b9ed; border-bottom: 1px solid #ccddee;}
.radio_set.none {border:0; padding:0; height:auto;}
.radio_set input {vertical-align:-2px;}
.radio_set .txt {padding-left:30px; color:#999;}

.radio_set2 {margin-bottom:65px; border-top:5px solid #f5f5f5; border-bottom:5px solid #f5f5f5;}
.radio_set2 > div {padding:20px 2px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.radio_set2 .txt {padding-left:5px; color:#575757; line-height:24px;}
.radio_set2 .formWrap {margin-right:10px;}

.recomm_member {margin-top:15px; padding:10px 2px 0 2px; height:34px; border-top:2px solid #66b9ed; border-bottom: 1px solid #ccddee;}
.recomm_member .txt {padding-left:30px; color:#999; line-height:24px;}

.recomm_member2 {border-top:5px solid #f5f5f5; border-bottom:5px solid #f5f5f5;}
.recomm_member2 > div {padding:20px 2px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.recomm_member2 .txt {padding-left:5px; color:#575757; line-height:24px;}
.recomm_member2 input {width:100px;}

.results_txt_new {margin-bottom:65px; border-top:5px solid #f5f5f5; border-bottom:5px solid #f5f5f5;}
.results_txt_new > div {padding:22px 2px; font-size:14px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

.results_txt {margin-top:15px; padding:14px 0 0 2px; height:30px; border-top:2px solid #66b9ed; border-bottom: 1px solid #ccddee;}
.results_txt .txt {padding-left:30px; color:#999;}
.results_txt2 {margin-top:20px; }
.results_txt2:before {content:'※'; padding-right:5px;}
.results_txt3 {margin-top:20px; font-size:14px; font-weight:bold; color:#0080ff;}
.TA_01 + .results_txt3 {margin-top:7px;}

.fund_product_new {border-top:5px solid #f5f5f5; border-bottom:5px solid #f5f5f5;}
.fund_product_new > div {padding:10px 2px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.fund_product_new dl {width:100%; overflow:hidden; font-size:14px; font-weight:bold;}
.fund_product_new dl dt {float:left; width:45%; padding-top:6px; padding-left:15px; height:20px; color:#575757;}
.fund_product_new dl dd {float:right; width:49%; padding:6px 2px 0 0; height:20px; color:#114287; text-align:right;}

.robo_cont .results_txt {background:#ddd;}

.total_rate {padding:16px 55px 14px 0; text-align:right; font-size:14px; font-weight:bold; border-bottom:1px solid #ccddee; background:#edf4fa;}
.total_rate em {padding-right:30px; font-weight:bold;}

.total_rate_new {margin-top:-3px; padding:40px 110px 40px 0; text-align:right; font-size:16px; font-weight:bold; border:1px solid #d5d5d5; background:#cfdee7; border-radius:0 0 5px 5px; box-shadow:inset 0px 0px 10px 0px #c1cfd8;}
.total_rate_new em {font-weight:bold;}

.care_chk_all {margin-top:13px; font-weight:bold; }
.care_chk_all input {vertical-align:-2px;}
.care_alarm {display:inline-block;}
.care_alarm:before {content:"[";}
.care_alarm:after {content:"]";}
.care_alarm dt {display:inline-block;}
.care_alarm dt:before {content:"/"; padding:0 5px;}
.care_alarm dt:first-child:before {content:""; padding:0;}
.care_alarm dd {display:inline-block;}
.care_alarm dd .tx {width:70px;}

.button_set {margin-top:30px;}

/*pention*/
.btn_robo {margin-top:30px; text-align:center;}
.btn_robo a {display:inline-block; width:300px; height:60px; color:#fff; background:#a1b5c4; box-sizing:border-box; border-radius:3px;}
.btn_robo a:first-child {background:#1a5fac;}
.btn_robo a span {display:block; font-size:14px; font-weight:bold; line-height:24px; padding-top:10px;}

.pention_txt {margin:10px 0 0 30px; color:#ff0000;} 
.pention_list {margin:30px 0 0 30px; width:960px; overflow:hidden; background:url('/IBK/uib/pib/img/KO/raz/info_line.png') repeat-x 0  80px;} 
.pention_list li {float:left; margin:0 0 0 20px; padding:0; width:225px; height:160px; color:#000; text-align:center; border:1px solid #999; box-sizing:border-box; border-radius:9px; background-color:#f9f9f9; background-repeat:no-repeat; background-position:center 25px;}
.pention_list li em {display:block; padding:80px 0 5px 0; font-size:14px; font-weight:bold;}
.pention_list li p {padding:8px 0 0 0; line-height:20px;}
.pention_list li.num1 {margin-left:0; background-image:url('/IBK/uib/pib/img/KO/raz/info_num01.png');}
.pention_list li.num2 {background-image:url('/IBK/uib/pib/img/KO/raz/info_num02.png');}
.pention_list li.num3 {background-image:url('/IBK/uib/pib/img/KO/raz/info_num03.png');}
.pention_list li.num4 {background-image:url('/IBK/uib/pib/img/KO/raz/info_num04.png');}

.pention_area {}
.pention_area .pention_tit {margin-top:20px; display:block; font-size:16px; color:#333; font-family:'IBKiDreamL'; font-weight:normal;}
.pention_area .pention_txt {margin:10px 0 0 0;} 
.pention_area .pention_list {margin-left:0; width:900px;}
.pention_area .pention_list li {width:210px;}

.pention_list2 {margin-top:40px; padding-top:15px; border-top:1px solid #eee;}
.pention_list2 li {padding:0; line-height:20px; color:#333;}
.pention_list2 li:before {content:'※'; padding-right:3px;}

.pention_area2 {margin-top:10px; width:100%; overflow:hidden;}
.pention_area2 .left {float:left; width:478px;}
.pention_area2 .right {float:right; width:483px;}
.pention_area2 .right td {font-size:12px;}

.pention_txt2 {margin:10px 0 0 30px; width:980px; overflow:hidden; background:url('/IBK/uib/pib/img/KO/raz/pention_area2.png') no-repeat 0 0;}  
.pention_txt2 li {float:left; width:225px; margin-right:20px;} 
.pention_txt2 li p {display:table-cell; width:100%; height:90px; padding-left:100px; font-size:14px; color:#000; line-height:20px; font-weight:bold; vertical-align:middle;} 

/*i-ONE*/
.robo_tits {display:block; margin-top:25px; font-size:14px;}
.robo_tits.line {padding-top:20px; border-top:1px solid #e5e5e5;}
.robo_tits2 {display:block; margin-top:25px; font-size:14px; font-weight:normal;}
.rebalrance_box {margin-top:20px; width:100%; overflow:hidden;}
.rebalrance_box li {float:left; width:213px; height:124px; margin-left:10px; border:1px solid #69ceef;}
.rebalrance_box li:first-child {margin-left:0;}
.rebalrance_box li em {display:block; height:49px; line-height:49px; color:#fff; font-weight:bold; text-align:center; font-size:14px; background:#69ceef;}
.rebalrance_box li p {padding-top:20px; padding-left:25px; color:#333; line-height:20px;}
.rebalrance_box li.n02 {border:1px solid #69baef;}
.rebalrance_box li.n02 em {background:#69baef;}
.rebalrance_box li.n02 p {padding-left:70px;}
.rebalrance_box li.n03 {border:1px solid #69a5ef;}
.rebalrance_box li.n03 em {background:#69a5ef;}
.rebalrance_box li.n04 {border:1px solid #698cef;}
.rebalrance_box li.n04 em {background:#698cef;}
.rebalrance_box li.n04 p {padding-left:40px;}
.rebalrance_img {margin-top:10px;}
.rebalrance_img img {width:100%}

ul.nones {margin-top:15px;}
ul.nones li {padding:5px 0 0 0;}

/*popup*/
.invests2 {}
.invests2 .tit {display:block; font-size:20px; color:#666; font-family:'IBKiDreamM'; font-weight:normal; text-align:center;}
.invests2 .tit span {font-size:24px;}
.invests2 .txt {margin-top:20px;}
.invests2 .graph_area {margin-top:30px; text-align:center;}

ul.tabs {margin-top:20px; width:100%; min-width:540px; overflow:hidden;}
ul.tabs li {float:left; padding:0; width:133px; border-right:2px solid #fff; font-family:'IBKiDreamM'; font-weight:normal;}
ul.tabs li a {display:block; height:32px; padding-top:16px; font-size:16px; color:#333; text-align:center; }
ul.tabs li span.nolink {display:block;  height:32px; padding-top:16px; font-size:16px; letter-spacing:-1px; text-align:center; color:#999; border-bottom:2px solid #e5e5e5;}
ul.tabs li a.on {font-size:18px; height:45px; padding:17px 0 0 0; color:#fff; background:url('/IBK/uib/pib/img/KO/raz/robo_tabs_on.png') no-repeat 0 bottom; background-size:100%;}
	ul.tabs li.th1 a {border-bottom:2px solid #00b0c3;}
	ul.tabs li.th1 a.on {background-color:#00b0c3; border:0;}
	ul.tabs li.th2 a {border-bottom:2px solid #ffde00;}
	ul.tabs li.th2 a.on {background-color:#ffde00; border:0;}
	ul.tabs li.th3 a {border-bottom:2px solid #ff9c00;}
	ul.tabs li.th3 a.on {background-color:#ff9c00; border:0;}
	ul.tabs li.th4 a {border-bottom:2px solid #ff0000;}
	ul.tabs li.th4 a.on {background-color:#ff0000; border:0;}
.tabgroup {padding:10px 0; color:#333;}
.propensity_txt {margin-top:20px; color:#fe0000; font-weight:bold;}
.TA_01 + .propensity_txt {margin-top:7px;}

.years_tab {float:right; margin-top:-29px;}
.years_tab a.bts_robo {margin-left:5px;}
a.bts_robo {position:relative; display:inline-block; width:60px; height:40px; line-height:40px; text-align:center; color:#575757; background:url('/IBK/uib/pib/img/KO/raz/btn_bg.png') repeat-x 0 0;}
a.bts_robo:before {position:absolute; left:0; top:0; content:''; width:5px; height:40px; background:url('/IBK/uib/pib/img/KO/raz/btn_left.png') no-repeat 0 0;}
a.bts_robo:after {position:absolute; right:0; top:0; content:''; width:5px; height:40px; background:url('/IBK/uib/pib/img/KO/raz/btn_right.png') no-repeat 0 0;}
a.bts_robo.on {color:#fff; font-weight:bold; background:url('/IBK/uib/pib/img/KO/raz/btn_bg_on.png') repeat-x 0 0;}
a.bts_robo.on:before {background:url('/IBK/uib/pib/img/KO/raz/btn_left_on.png') no-repeat 0 0;}
a.bts_robo.on:after {background:url('/IBK/uib/pib/img/KO/raz/btn_right_on.png') no-repeat 0 0;}
a.details {display:inline-block; padding:0 14px; height:33px; line-height:33px; text-align:center; font-size:14px; font-weight:bold; color:#fff; border:1px solid #db1f00; border-radius:3px; background:#ff6248;}


.years_tab2 {margin-top:20px;}
.years_tab2 a.bts_robo {margin-right:5px;}
.years_tab2 input.tx {font-size:14px; height:auto; line-height:normal; padding:11px 0 11px 0; width:80px; text-align:right; padding-right:11px; border:1px solid #d5d5d5; box-sizing:border-box; border-radius:5px; box-shadow: 1px 1px 7px 1px #f2f2f2 inset;}
.years_tab2 .space {display:inline-block; padding-left:10px;}
.pdt_cont_lay {width:1020px;}
.pdt_cont_lay .robo_cont {padding:0;}
.lay_tit_robo {font-size:18px;}

.graphs_lay {position:relative; margin-top:20px; background:#fbfbfb; padding:10px 0 10px;}
.graphs_lay .graph_area {position:relative;}
.graphs_lay .txts {padding-top:10px; text-align:center;}
.graphs_lay .txts span {position:relative; display:inline-block; padding:0 10px 0 14px; color:#666;}
.graphs_lay .txts span:before {position:absolute; content:''; width:10px; height:3px; left:0; top:6px;}
.graphs_lay .txts span.frist:before {background:#007fff;}
.graphs_lay .txts span.second:before {background:#ff7800;}
.graphs_lay .txts span.third:before {background:#7db700;}


/************* before ***************/
#ibk_container.robo_container {padding-top:0; background:red;}
.pdt_container .pdt_cont {position:relative; margin-top:-9px; padding:56px 0 0 0; background:url('/IBK/uib/pib/img/KO/product/bg_pdt_cont01.gif') repeat-y 0 0;}
.pdt_container .pdt_cont.robo {margin-top:0; padding-top:0;}
.robo_cont h4.stit4 {padding-left:30px; line-height:32px; font-family:'IBKiDreamL'; font-weight:normal; font-size:27px; color:#333; background:url('/IBK/uib/pib/img/KO/common/bul_h4_02.gif') no-repeat 0 6px; border:0;}
.pdt_container .txt_info.robo {font-weight:bold; color:#0080ff;}
.robo_cont .clause_check {font-weight:bold; color:#0080ff;}

.acrobat_txt.robo,
.pro_txt.robo,
.prochk_txt.robo,
.prochk_txt.robo {font-size:14px; font-weight:bold; color:#0080ff;}

/*step*/
.step_area ul li .flow_box {position:relative; display:inline-block; float:right; height:32px; padding:0 10px 0 35px; background:#e2efff url('/IBK/uib/pib/img/KO/raz/bg_step_sub_right.png') no-repeat right 0; }
.step_area ul li .flow_box:before {position:absolute; content:''; left:0; top:0; width:19px; height:32px; background:url('/IBK/uib/pib/img/KO/raz/bg_step_sub_left.png') no-repeat 0 0;}
.step_area ul li .flow_box span {display:inline-block; color:#1a5fac; padding:0 10px 0 15px; line-height:32px; background:url('/IBK/uib/pib/img/KO/raz/bg_step_sub_bul.png') no-repeat 0 11px;}
.step_area ul li .flow_box span:first-child {background:none; padding-left:0;}
.step_area ul li .flow_box span.on {font-weight:bold;}
/**/
.invest_analysis_view.etc {margin-top:20px; background:none;}
.invest_analysis_view.etc table {width:100%;}
.trn_total em.pro_tit {display:block; margin-top:17px; color:#ff0000; font-weight:bold;}
.trn_total em.pro_txt {display:block; margin-top:17px; color:#000; font-weight:bold; font-size:12px;}
.trn_total .mess {margin-top:25px; padding-top:20px; color:#666; font-size:12px; line-height:18px; font-weight:normal; border-top:1px solid #ccddee;}
.trn_total .mess.alone {margin-top:0; padding-top:0;  border-top:0;}
/*button*/
/*.center_btn_area.robo a span {min-width:80px; padding:0;} *//*new*/
.bts_fee.etc {padding-left:15px; padding-right:15px; background:none;}
.bts_fee.etc span:before {content:'+'; padding-right:3px;}
.gtbtn.none {background:none; padding-right:10px;}
.btn_area_robo {margin-top:20px; text-align:center;}
.btn_area_robo a {margin:0 3px; padding-top:20px; width:200px; height:104px; font-size:16px; line-height:16px; box-sizing:border-box;}
.btn_area_robo a span {padding-top:15px; display:block; font-weight:normal; font-size:12px; line-height:18px;}


/*title*/
.pdt_container h3.robo {margin-top:40px;} 
.pdt_container h3 .t_btn {position:absolute; margin:-2px 0 0 10px; color:#114287; font-family:'dotum'; letter-spacing:0;}
.stit4 span.term {font-weight:normal; font-size:12px;}
.stit4 span.term:before {content:'('; padding-right:1px;}
.stit4 span.term:after {content:')'; padding-left:1px;}
.stit4 span.term2 {color:#333;}
.stit4 span.term2:before {content:'|'; font-weight:normal; color:#000; padding-right:5px;}
.stit5_robo {margin-top:30px; font-size:14px; font-weight:bold;}
.stit5_robo2 {margin-top:30px; font-size:14px; color:#000; font-weight:bold;}
/*notice2*/
.notice2 .steps li {padding:0 0 3px 10px; background:none;}
.notice2 .steps li strong {padding-right:3px;}
.notice2 ul li.none {background:none;}
/*table*/
div.TA_01 table.list td.product_name {padding-top:19px; padding-bottom:17px; text-align:left;}
div.TA_01 table.list td.fee_input {padding-left:0; text-align:left; border-left:0;}
div.TA_01 table.list th.robo {color:#0080fd;}
.popup_cont .TA_02 {margin-bottom:0;}
.TA_02 table tbody th .txts {display:block; font-size:12px; font-weight:normal;}
.TA_02 table tbody td ul {}
.TA_02 table tbody td ul li {padding:15px 0 0 0;}
.TA_02 table tbody td ul li:first-child {padding-top:0;}
.TA_02.etc {margin-top:30px;}
.TA_02.etc {line-height:20px;}
.normal table tbody td {font-weight:normal;}
.TA_02 table tbody td .ip_bg input:-ms-input-placeholder {color:#a9a9a9;}
.TA_02 table tbody td ul.list_dash li {padding:0 0 0 10px;}
.TA_02 table tbody td p.stx_02 {margin-top:7px;}


/*table_new*/
.prd-tlb-ty1 tbody td.left {padding:9px 10px !important; text-align:left;}
.robo_cont .search_result_list {/*margin-top:20px;*/}
.robo_cont .search_result_list table.etc {background: url('/IBK/uib/pib/img/KO/raz/bg_result_th.png') no-repeat;}
.robo_cont .search_result_list table.etc.depth {background:#ddd url('/IBK/uib/pib/img/KO/raz/bg_result_th2.png') no-repeat;}
.robo_cont .search_result_list:after {background: url('/IBK/uib/pib/img/KO/raz/bg_result_bottom.png') no-repeat left bottom;}
.robo_cont .search_result_list table td.sdw01 {background:#fff url('/IBK/uib/pib/img/KO/common/bg_result_cont01.gif') repeat-y -1px top;}
.robo_cont .search_result_list table td.sdw01.both {border-right:1px solid #d5d5d5;}
.robo_cont .search_result_list table tr.bg td.sdw01 {background: #fafafa url('/IBK/uib/pib/img/KO/common/bg_result_cont02.gif') repeat-y -1px top;}
.robo_cont .search_result_list .fund_no {font-size:14px;} 
.fund_sum + .search_result_list,
.stit4_robo + .search_result_list {margin-top:15px;}



/*layer*/
.dvpop strong.stit.robo {padding:0 0 0 20px; height:50px; line-height:50px;}


/*margin space*/
.stit_robo + .TA_02 {margin-top:16px;}
.stit4 + .TA_02 {margin-top:16px;}
.years_tab2 + div.TA_01 {margin-top:20px;}
.graphs_lay + div.TA_01 {margin-top:20px;}
.acrobat_txt + div.TA_01 {margin-top:15px;}
.robo_cont .mess_txt {margin:0 0 40px 0;} 
.mess_txt + strong.stit_robo {margin-top:40px;} 
.fund_product_btm + .TA_01 {margin-top:20px;}  
.fund_product + .TA_01 {margin-top:20px;}
.TA_01 + .TA_01 {margin-top:20px;}
.rebalance_list + .TA_01 {margin-top:30px;} 
.fund_sum + .fund_sum {margin-top:20px;}
.fund_sum + .txt_unit {margin-top:20px;}
.txt_unit + .search_result_list {margin-top:5px;}

.TA_02 + .search_result_list,
.des_stit4_new + .search_result_list,
.fund_product_new + .search_result_list {margin-top:30px;}

.search_result_list + .TA_02 {margin-top:30px;}
.stit3 + .trn_total {margin-top:30px;}
.trn_total + .TA_01 {margin-top:20px;} 
.portfolio_txts2 + .txt_unit,
.portfolio_txts2 + .TA_01 {margin-top:20px;} 
.portfolio_cancel + .TA_01 {margin-top:20px;} 
.TA_01 + .fund_product {margin-top:20px;} 
.portfolio_tit + .TA_01 {margin-top:20px;} 
.btn_area + .hold_txt  {margin-top:20px;} 
.robo_infos2 + .stit3,
.txt_btm_robo + .stit3,
.robo_info_tit + .stit3,
.robo_info_area + .stit3,
.retention_area + .stit3,
.mmf_no_new + .stit3,
.invests + .stit3,
.trn_total_new + .stit3,
.total_rate_new + .stit3,
.robo_txt_btn2 + .stit3,
.list_survey + .stit3 {margin-top:40px;}
.btn_robo + .stit3,
.search_result_list + .stit3 {margin-top:30px;}
.portfolio_area + .stit3  {margin-top:70px !important;}

/*raz_main*/
.mraz_cont1 {height:435px; background:url('/IBK/uib/pib/img/KO/raz/main_visual_bg.png') no-repeat center 0;}
.mraz_cont {margin:0 auto; width:1140px; overflow:hidden;}

.mraz_cont .mainVisualWrap {position:relative; overflow:hidden; float:left; margin-top:186px; width:860px; height:170px; min-width:inherit;}
.mraz_cont .mainVisualWrap ul{width:300px; height:76px; overflow: hidden;}
.mraz_cont .mainVisualWrap ul li {display:none;position:absolute;left:0;top:0;width:300px;}
.mraz_cont .mainVisualWrap .bx-controls-auto {display:block; position:absolute; left:0; bottom:0; margin:0 10px 0 0; width:12px; height:12px; z-index:110;}
.mraz_cont .mainVisualWrap .bx-pager {display:block; position:absolute; left:18px; bottom:0; z-index:100;}
.mraz_cont .bx-pager .bx-pager-item a {display:block; width:12px; height:12px; background: url('/IBK/uib/pib/img/KO/main/new/btn_visual_indicate_off.png') 0 0 no-repeat; text-indent:-9999px;}
.mraz_cont .bx-pager .bx-pager-item a.active {width:32px; background: url('/IBK/uib/pib/img/KO/raz/main_visual_indicate_on.png') 0 0 no-repeat;}
.mraz_cont .bx-controls-auto .bx-start {display:none; position:absolute; top:0; left:0; text-indent:-9999px; width:12px; height:12px; background: url('/IBK/uib/pib/img/KO/main/new/btn_indicate_stop.png') 0 0 no-repeat;}
.mraz_cont .bx-controls-auto .bx-stop.active {background:url('/IBK/uib/pib/img/KO/main/new/btn_indicate_play.png') 0 0 no-repeat;}

.mraz_cont .mraz_link {float:right; width:280px; margin-top:40px;} 
.mraz_cont .mraz_link a {display:block; margin:0 0 15px; padding:30px; height:170px; border-bottom:5px solid #00478f; background:#007fff;  box-sizing:border-box;}
.mraz_cont .mraz_link a.etc {background:#0e59aa;}
.mraz_cont .mraz_link strong {display:inline-block; padding-right:50px; font-size:36px; line-height:36px; color:#fff;  font-family:'IBKiDreamM'; font-weight:normal; background:url('/IBK/uib/pib/img/KO/raz/main_ico_01.png') no-repeat right 0;}
.mraz_cont .mraz_link span {display:block; margin-top:50px;}
.mraz_cont .mraz_link a.etc span {margin-top:30px;}
.mraz_cont .mraz_link strong.none {background:none;}

.mraz_cont2 {background:url('/IBK/uib/pib/img/KO/raz/main_cont_bg.jpg') repeat 0 0;}
.mraz_text {margin:0 auto; padding:40px 0; width:1140px; overflow:hidden;}
.mraz_text h2 {font-size:26px; line-height:28px; color:#000; letter-spacing:-1.2px; font-family:'IBKiDreamM'; font-weight:normal;}
.mraz_text h3 {height:35px;}
.mraz_text ul li a {display:inline-block; padding-right:23px; font-size:14px; line-height:16px; color:#000; background:url('/IBK/uib/pib/img/KO/raz/main_bul_01.png') no-repeat right 0;}
.mraz_text ul li {padding:11px 0 0;}
.mraz_text .left {float:left; position:relative; width:314px; min-height:240px; padding:34px 20px 0 45px; background:#fff url('/IBK/uib/pib/img/KO/raz/main_bg_01.png') no-repeat  0 bottom; box-sizing:border-box;}
.mraz_text .left a {margin:125px 0 0 150px; display:inline-block; padding-right:23px; font-size:14px; line-height:16px; color:#000; background:url('/IBK/uib/pib/img/KO/raz/main_bul_01.png') no-repeat right 0;}
.mraz_text .right {float:right; width:796px; min-height:240px; overflow:hidden; padding:34px 20px 0 45px; background:#fff; box-sizing:border-box;}
.mraz_text .right h2 {height:50px;}
.mraz_text .part1 {float:left; width:276px;}
.mraz_text .part2 {float:left; width:258px;}
.mraz_text .part3 {float:left; width:;}
.mraz_text .part4 {float:left; width:247px;}

.mraz_text .banner2 {float:left; width:254px;}
.mraz_text .right.etc {float:left; margin-left:20px; width:506px; height:240px;}
.mraz_text .right.etc h2 {height:62px;}
.mraz_text .right.etc ul {margin-top:3px;}
.mraz_text .times {float:left; margin-left:20px; width:340px; height:240px; padding:29px 29px 0; background:#fff; box-sizing:border-box;}
.mraz_text .times ul {margin:20px 0 20px; padding:0 0 20px 0; border-bottom:1px solid #999;}
.mraz_text .times ul li {font-size:14px; color:#000;}
.mraz_text .times ul li span {padding-left:3px; font-weight:bold; color:#007fff; letter-spacing:-0.5px;}
.mraz_text .times ul li p {padding-top:3px; font-size:12px; color:#666; line-height:16px;}
.mraz_text .times ul li p:before {content:'-'; padding-right:3px;}
.mraz_text .times a.more2 {float:right; margin-top:-22px; padding-right:20px; font-size:12px; line-height:16px; background:url('/IBK/uib/pib/img/KO/raz/main_bul_01.png') no-repeat right 0;}

.mraz_cont3 {margin:0 auto; padding:40px 0; width:1140px; overflow:hidden;}
.mraz_cont3 h2 {font-size:24px; line-height:24px; height:44px; color:#555; letter-spacing:-1.2px; font-family:'IBKiDreamM'; font-weight:normal;}
.mraz_cont3 div {float:left; margin-left:30px; min-height:178px; border:1px solid #e5e5e5; background:#fbfbfb; box-sizing:border-box;}
.mraz_cont3 .banner {width:335px; margin-left:0;}
.mraz_cont3 .faqs {position:relative;  width:365px; padding:29px 0 0 29px;}
.mraz_cont3 .faqs ul li {font-size:14px; padding:8px 0 0;}
.mraz_cont3 .faqs ul li a {color:#000;}
.mraz_cont3 .faqs a.more {position:absolute; top:37px; right:46px; padding-right:20px; font-size:12px; line-height:16px; background:url('/IBK/uib/pib/img/KO/raz/main_bul_01.png') no-repeat right 0;}
.mraz_cont3 .times {width:380px; padding:29px 0 0 29px;}
.mraz_cont3 .times ul li {font-size:14px; padding:8px 0 0;}
.mraz_cont3 .times ul li span {padding-left:10px; font-weight:bold; color:#007fff;}
.mraz_cont3 .times ul li em {font-weight:bold; color:#000;}
.mraz_cont3 .times ul li p {padding-top:3px; font-size:12px; color:#666; line-height:16px;}
.mraz_cont3 .times ul li p:before {content:'-'; padding-right:3px;}

/*product.css*/
.robo_cont .check_list:before {background-size:100%;}
.robo_cont .check_list:after {background-size:100%;}
.robo_cont .clause_check.dot:after {width:100%;}
.robo_cont .box_finish { width:880px; margin:0 auto;}
.robo_cont .box_finish > div {/*padding-left:20px; padding-right:20px;*/}
.step_area01 .txt.icon01:after {height:29px;}
.step_area01 .txt.finish:after {width:25px;}
/*
.robo_cont .box_finish {background: url('/IBK/uib/pib/img/KO/product/bg_box_finish_cont.gif') repeat-y 0 0;}
.robo_cont .box_finish:before {background: url('/IBK/uib/pib/img/KO/product/bg_box_finish_top.gif') no-repeat 0 0;}
.robo_cont .box_finish:after {background: url('/IBK/uib/pib/img/KO/product/bg_box_finish_btm.gif') no-repeat 0 0;}
*/
.clause_agr table {width:100%; border-bottom: 5px solid #f5f5f5;}
.clause_agr table th {font-size:14px; text-align:left; font-weight:bold; color:#575757; border-bottom: 1px solid #e5e5e5;}
.clause_agr table th span {padding-left:15px; background: url('/IBK/uib/pib/img/KO/product/bg_clause_arw.gif') no-repeat 0 2px;}
.clause_agr table th .badge {margin-top:10px; padding-left:15px;}
.clause_agr table td {padding:5px 0; text-align:left; border-bottom:1px solid #e5e5e5;}
.clause_agr table td.txts {font-size:14px; font-weight:bold; color:#666; line-height:40px;}
.clause_agr table td a {margin:5px 0;}
.clause_agr table td a.btn_down01 {color:#4791d8;}
.clause_agr table td a.btn_down01.on {color:#e2e2e2; text-align:center; padding-left:0; width:95px; background:url('/IBK/uib/pib/img/KO/raz/btn_down3.png') no-repeat;}
.clause_agr table td em {color:#4791d8; font-weight:bold;}

.btn_down02 {display:inline-block; width:83px; height:22px; padding:8px 0 0 12px; color:#4791d8; background: url('/IBK/uib/pib/img/KO/raz/btn_down2.png') no-repeat;}
.btn_down02.on {color:#e2e2e2; text-align:center; padding-left:0; width:95px; background:url('/IBK/uib/pib/img/KO/raz/btn_down3.png') no-repeat;}
/*.btn_down02.check {background: url('/IBK/uib/pib/img/KO/product/btn_down_check.png') no-repeat;color:#9a9a9a;}*/

.btn_ok .mores {padding:0 20px 10px ;  background: url('/IBK/uib/pib/img/KO/button/bg_btn_down.png') no-repeat  center bottom;}
.list_results {padding-top:50px; padding-bottom:50px;}

.robo_cont input.tx {font-size:14px; height:auto; line-height:normal; padding:11px 0 11px 0; border:1px solid #d5d5d5; box-sizing:border-box; border-radius:5px; box-shadow:1px 1px 7px 1px #f2f2f2 inset;}

.input_tx {display:inline-block;  height:40px; padding:9px 7px 0 10px; border:1px solid #d5d5d5; vertical-align:middle; box-sizing:border-box; border-radius:5px; box-shadow:1px 1px 7px 1px #f2f2f2 inset;}
.input_tx input[type="text"] {width:185px; border:0; height:20px; font-size:14px;}
.input_tx button {border:0; background:none; box-sizing:border-box; outline:none; text-indent:-99999px; width:20px; height:20px; background:url('/IBK/uib/pib/img/KO/raz/bts_delete.png') no-repeat 0 0;}

.trn_total_new {padding:40px 0; font-size:23px; line-height:30px; font-family:'IBKiDreamL'; font-weight:normal; color:#114287; text-align:center; border:1px solid #ccddee; background:#fafbfd;}
.trn_total_new .pro_tit {display:block; margin-top:30px; font-size:30px; line-height:32px; font-family:'IBKiDreamM'; color:#ff0000;}
.stit3_before {padding:0 0 35px 0; font-size:14px; font-weight:bold; color:#000;}

.process_rbox.third li .inner {width:355px;}
.process_rbox.third li:first-child .inner {width:290px;}

.mess_txt ul.txts {margin-top:20px;}
.mess_txt ul.txts li {line-height:19px;}

.step_area01 .txt.icon01:after {background: url('/IBK/uib/pib/img/KO/product/icon_lon_step01.png') no-repeat;}
.step_area01 ul li.on .txt.icon01:after {background-position: 0 -29px;}

.list_txt_btm_new {margin-top:20px; border:5px solid #d5d5d5; padding:20px;}
.list_txt_btm_new li {padding-left:12px; font-size:14px; line-height:24px; color:#666; background: url('/IBK/uib/pib/img/KO/common/bg_list_dot.gif') no-repeat 1px 9px;}

/************ rtp ************/ 
.process_rbox.bspace {padding-bottom:20px;}
.process_rbox li span.ftxt {position:absolute; left:30px;  bottom:-20px;}
.mess_txt .chks {margin-top:15px;}
.stit_txt {display:block; margin-top:30px; font-size:14px; font-weight:bold; color:#333;}
strong.stit_robo2 {display:block; margin-top:50px; font-size:24px; line-height:24px; font-family:'IBKiDreamL'; color:#575757; font-weight:normal;}
strong.stit_robo2  + .TA_02 {margin-top:20px; margin-bottom:0px;}
.portfolio2_new .right .stit5_robo2 {position:absolute; margin-top:-36px;}
.step_area01 .step2 .right:after {margin-left:330px;}
.years_tab2 .tit {display:inline-block; padding:0 10px 0 20px;}
.graphs_box.etc {width:750px; padding-left:110px;}
.notice2 ul li ul.list_num {margin-left:5px;}
.graph_portfolio2 .graphs_txt table td.tits2 {padding-left:50px; text-align:left; font-weight:bold;}
.search_result_list table.etc th.tline {border-left: 1px solid #d8effd; border-top: 1px solid #d8effd;}
.search_result_list table.etc td.thin {padding-top:12px; padding-bottom:12px;}
.search_result_list table.etc td.thin .pdt_name .stit {padding-right:5px;}
.search_result_list table.etc td.thin2 {padding-top:0; padding-bottom:0;}
.bspace0 {margin-bottom:0;}
a.details.etc {padding-left:2px; padding-right:2px;}
.search_result_list table td .btn_down01 {text-align:left; font-size:12px; color:#4791d8; font-weight:normal;}
.search_result_list + .fund_product_new {margin-top:25px;}
.fund_product_new + .stit3 {margin-top:40px;}

.rtp_area {margin-top:20px; width:100%; overflow:hidden;}
.rtp_area .txts {float:left; width:525px;}
.rtp_area .txts .list_comm {margin-top:0;}
.rtp_area .txts .list_comm p {line-height:20px;}
.rtp_area .txts .list_comm li {margin-top:20px;}
.rtp_area .txts .list_comm li:first-child {margin-top:0;}
.rtp_area .txts em {display:block; font-weight:bold;}
.rtp_area .graphs {float:right; width:327px;}
.rtp_area .graphs div {display:table-cell; width:327px; height:216px; border:1px solid #cfdfef; text-align:center; vertical-align:middle;}

.total_board {margin-top:30px;}

.invests2 {margin-top:20px; padding:23px 40px; border:2px solid #ddd; border-radius:8px; }
.invests2 .propensitys {padding:0; color:#333; font-size:30px; line-height:50px; font-family:'IBKiDreamM';}
.invests2 .dates {float:right; margin-top:-33px; font-size:14px; color:#666;}
.invests2 .propensity2 {margin:12px 0 0 0; padding-top:12px; line-height:20px; color:#666; font-size:14px; border-top:1px solid #e5e5e5;}

.join_check_list2 {margin-top:20px; border-top:5px solid #f5f5f5; border-bottom:5px solid #f5f5f5;}
.join_check_list2 .boxs {border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.agrees {position:relative; width:100%; overflow:hidden; padding:23px 0 20px; font-weight:bold; background:url('/IBK/uib/pib/img/KO/product/bg_dot_line.gif') repeat-x 0 0;}
.agrees:first-child {background:none;}
.agrees p {float:left; width:770px; font-size:14px; line-height:20px;}
.agrees .chks {position:absolute; right:0; bottom:20px;}
.agrees .formWrap {margin-left:15px;}
.agrees .txts {color:#0080ff;}

.robo_txt {margin-top:20px;}
.robo_txt:before {content:'※'; padding-right:3px;}
.robo_txt .txts {display:block; padding-top:5px;}

.badge span[class^="invm_rskdg_"] {min-width:65px; height:16px; line-height:14px;}
.badge .invm_rskdg_6 {border:1px solid #ce1919; color:#ce1919;} /*매우높은위험(1등급)*/
.badge .invm_rskdg_5 {border:1px solid #ff7227; color:#ff7227;} /*높은위험(2등급)*/
.badge .invm_rskdg_4 {border:1px solid #ecb805; color:#ecb805;} /*다소높은위험(3등급)*/
.badge .invm_rskdg_3 {border:1px solid #8ec40d; color:#8ec40d;} /*보통위험(4등급)*/
.badge .invm_rskdg_2 {border:1px solid #0ed3f0; color:#0ed3f0;} /*낮은위험(5등급)*/
.badge .invm_rskdg_1 {border:1px solid #0e99f0; color:#0e99f0;} /*매우낮은위험(6등급)*/
.badge .invm_rskdg_0 {border: 1px solid #939393; color:#939393;} /*해당없음(정기예금)*/

/*raz_main_new*/
.mraz_cont .mraz_link a.links {padding:23px 30px 0; height:110px;}
.mraz_cont .mraz_link a.links strong {padding-right:0; font-size:32px; line-height:32px; background:none; height:42px;}
.mraz_cont .mraz_link a.links span {margin-top:0;}
.mraz_cont .mraz_link a.etc2 {background:#0e59aa;}
.mraz_text.new .left {float:left; position:relative; width:260px;  padding:34px 30px 0 30px; background:#fff url('/IBK/uib/pib/img/KO/raz/main_bg_02.png') no-repeat 0 bottom;}
.mraz_text.new .left a {margin: 125px 0 0 120px;}
.mraz_text.new .right {width:852px; padding:34px 0 0 30px;}
.mraz_text .npart1 {float:left; width:215px;}
.mraz_text .npart2 {float:left; width:195px;}
.mraz_text .npart3 {float:left; width:224px;}
.mraz_text .npart4 {float:left; width:;}
.mraz_text .npart5 {float:left; width:299px;}
.mraz_text .npart6 {float:left; width:314px;}

.badge .pdf_mdv_20 {background:#fff; border:1px solid #ff9000; color:#ff9000; height:16px; min-width:63px;}
.badge .pdf_mdv_10 {background:#fff; border:1px solid #939393; color:#939393; height:16px; min-width:63px;}
.search_result_list table td .btn_down01.on {color:#9a9a9a;}
a.details.on {color:#db1f00; background:none;}
/************ rtp ************/ 

/*2018-10-22*/
.trn_total2 {margin-top:20px; padding:15px 15px 15px 70px; background:#efefef; color:#333; font-size:14px; line-height:20px;}