@charset "utf-8";

/*자산관리 메인*/

#container.khaTopMain .gnbArea{margin:0 0 0 0;}
#container.khaTopMain .GnbArea{padding:16px 0 0;}
h2.mall + #lnbLoginInfo div {width:100%; background-position:50% -150px !important;}
.khaMain{position:relative;background:#e4edee url('https://image.kebhana.com/cont/common/img/kha/bg_khamain.jpg') no-repeat 0 0px;padding-bottom: 30px;margin-top: -61px;}
.khaMain > .khaTith3{padding-top: 96px;height: auto;text-align: center;margin-bottom:36px;}
.khaMain .smartAssetBox{position:relative;height:203px;margin-left:60px;}
.khaMain .smartAssetBox:before{content: '';display: block;width:176px;height: 190px;position: absolute;top:152px;left:212px;background:url('https://image.kebhana.com/cont/common/img/kha/img_starchar.png') no-repeat 0 0;z-index:10; }
.khaMain .smartAssetBox li{position: relative;float:left;width: 180px;height:210px;margin-left: 8px;padding-left:10px;background-repeat: no-repeat;background-position:0 0;}
.khaMain .smartAssetBox li a{position: absolute;display: block;bottom:20px;}
.khaMain .smartAssetBox li.bg01 a{left:28px;}
.khaMain .smartAssetBox li.bg02 a{left:29px;}
.khaMain .smartAssetBox li.bg03 a{left:29px;}
.khaMain .smartAssetBox li:first-child{width: 305px;margin-left: 0;}
.khaMain .smartAssetBox li dl{text-indent: -99999em;display: none;}
.khaMain .smartAssetBox li.bg01{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_kha_menu01.png');}
.khaMain .smartAssetBox li.bg02{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_kha_menu02.png');}
.khaMain .smartAssetBox li.bg03{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_kha_menu03.png');}
.khaMain .khasubMenu{overflow: hidden;width: 720px;margin:40px auto 0 auto;height: auto;}
.khaMain .khasubMenu li{float:left;width: 185px;}
.khaMain .khasubMenu li:first-child{margin-right: 80px;}
.khaMain .khasubMenu li a{display:block;width: 185px;}
.khaMain .khasubMenu li + li{margin-right:110px;}
.khaMain .khasubMenu li + li + li{width: 154px;margin-right: 0;}

.khaMain .info01 {overflow: hidden;border: 1px solid #cdcdcd;margin-top: 30px;padding: 25px 25px 23px;color: #6e6e6e;}
.khaMain .info01 h5 {background-image:none !important;background:#fff;padding:0 0 4px !important;margin: 0 !important;color: #333;font-size: 14px;}
.khaMain .info01 ul li {background: url('/pbk/contents/img/bank/bl_lst01.gif') no-repeat 0 7px;padding: 0 0 0 10px;margin: 0;line-height: 20px;}

.khaMainQuick{position:relative;padding-top: 15px;height:260px;width:800px;}
.khaMainQuick div a{display: block;text-indent: -9999em;cursor: pointer;height: inherit;}
.khaMainQuick div:first-child{float:left;}
.khaMainQuick .khamenuQuick01{width:130px;height:254px;margin-left:27px;background-image: url('https://image.kebhana.com/cont/common/img/kha/img_kha_quick01.png');background-repeat:no-repeat;background-position: 0 0;}
.khaMainQuick .khamenuQuick01:hover{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_kha_quick01_over.png');}
.khaMainQuick .khamenuQuick02{position: absolute;top:20px;right:27px;z-index: 100;width:130px;height:275px;background: url('https://image.kebhana.com/cont/common/img/kha/img_kha_quick02.png') no-repeat 0 0;}
.khaMainQuick .khamenuQuick02:hover{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_kha_quick02_over.png');}
.khacypyBox{margin-top:60px;width:800px;}
.khacypyBox h4 , .khacypyBox .khacypxTxt{text-align: center;border:none;height: auto;}
.khacypyBox .khacypxTxt .pointColor{color:#008c8c !important;}
.khacypyBox .khaTith4{font:24px/1.2 NotoSans_Regular; }
.khacypyBox .khacypxTxt{font: 19px/1.4 NotoSans_Dl;letter-spacing: -2px;}
.khacypyBox h4{margin: 0px 0 24px 0 !important;padding:0 !important;}

.khacypyBox .cypyimgBox{position: relative;height: 602px;margin-top: 35px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_kha_cypy.png') no-repeat 0 0;}
.khacypyBox .cypyList li{position: absolute;}
.khacypyBox .cypyList li.iconcypy01{top:120px;left:63px;}
.khacypyBox .cypyList li.iconcypy02{top:292px;left:230px;}
.khacypyBox .cypyList li.iconcypy03{top:70px;right:53px;}

.khacypyBox .deepRunBox{width: 760px;margin: 44px auto 0 auto;/*padding-bottom: 40px;*/}
.khacypyBox .roboInfoBox{position: relative;background-color: #c7e0e1;width: 760px;margin:35px auto 30px auto;text-align: center}
.khacypyBox .roboInfoBox:before{content: '';display: block;width: 760px;height: 19px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_rofoinfo_before.png') no-repeat 0 0;}
.khacypyBox .roboInfoBox:after{content: '';display: block;width: 760px;height: 16px;margin-top: 6px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_rofoinfo_after.png') no-repeat 0 0;}
.khacypyBox .roboInfoBox dl{width: 720px;margin:0 auto;border-bottom:1px dashed #64b6b7;padding:24px 0px 15px 0px;box-sizing:border-box;}
.khacypyBox .roboInfoBox dl dt{font:24px/1.4 NotoSans_Dl;color: #008c8c;}
.khacypyBox .roboInfoBox dl dt:first-child{margin-top: 0;}
.khacypyBox .roboInfoBox dl dd{margin-top: 3px;font:18px/1.3 NotoSans_Light;color: #3c3c3c;letter-spacing: -1px}

.khacypyBox .roboInfoBox .roboInfoTxt{padding-left:122px;text-align: left;background: url('https://image.kebhana.com/cont/common/img/kha/img_star_char01.png') no-repeat 6px 25px;}
.khacypyBox .roboInfoBox .roboInfoTxt01{padding-right:83px;text-align: right;background: url('https://image.kebhana.com/cont/common/img/kha/img_star_char02.png') no-repeat 98% 25px;}
.khacypyBox .roboInfoBox .roboInfoTxt02{padding-left:122px;text-align: left;background: url('https://image.kebhana.com/cont/common/img/kha/img_star_char03.png') no-repeat 14px 22px;}
.khacypyBox .roboInfoBox .roboInfoTxt02 + h4{margin: 60px 0 28px !important;}

.khasubMenu + .khacypyBox{margin-top: 60px !important;}

.infoTime{display: block;position: absolute;top:603px;left:350px;z-index: 101;}
.infoTimeBox li dl dt ,.infoTimeBox li dl dd{display: inline-block;font:14px/1.2 NotoSans_Regular;}
.infoTimeBox li {position: relative;padding:0 0 10px 10px;}
.infoTimeBox li:before{content: '';width: 4px;height: 4px;background-color: #aaa;position: absolute;top:7px;left:0;border-radius: 2px;}

.cypyOffer{width: 760px;margin:25px auto 0 auto;}
.cypyOffer li{border-top:1px dashed #72bcbd;}
.cypyOffer li:first-child{border-top: none;}
.cypyOffer dt{font:21px/1.6 NotoSans_Regular;color: #000;letter-spacing: -1px;}
.cypyOffer dd{font:18px/1.4 NotoSans_Light;color: #3c3c3c;letter-spacing: 0px;}
.cypyOffer li{background-repeat:no-repeat;}
.cypyOffer li.bgicon01{padding:26px 0 40px 0;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_kha_icon01.png');background-position: right 10px;}
.cypyOffer li.bgicon02{padding:20px 0 20px 174px;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_kha_icon02.png');background-position: left 35px;}
.cypyOffer li.bgicon03{padding:20px 0 20px 0px;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_kha_icon03.png');background-position: right 35px;}
.cypyOffer li.bgicon02 dl , .cypyOffer li.bgicon03 dl{margin-top: 22px;}

.khacypyBox .grayBox{width: 760px;margin:40px auto;background-color: #d4dcdd;box-sizing:border-box;padding: 30px 20px;}
.khacypyBox .grayBox h5{font: 18px/1.2 NotoSans_Dl;color: #008c8c;margin-top: 0;background: transparent;}
.khacypyBox .grayBox .adversorList{margin-top: 15px;}
.khacypyBox .grayBox .adversorList li , .khacypyBox .grayBox .adversorList li p{font: 15px/1.4 NotoSans_Light;position: relative;padding-left:6px;letter-spacing: -1px;padding-bottom: 10px;color: #3c3c3c;}
.khacypyBox .grayBox .adversorList li:before{content: '';display: block;width:2px;height: 2px;background-color:#333;position: absolute;top:10px;left:0; }

.khaRoutine{padding:28px 25px;background-color: #fafafa;margin-bottom: 30px;}
.khaRoutine .liType1 li{padding-bottom:10px;font-family:NotoSans_Regular;font-size: 13px;}
.khaRoutine .liType1 li strong{color:#000;}
.khaRoutine .liType1 li span{font-family:NotoSans_Regular;}
.khaRoutine + .cenBox{margin-bottom: 30px;}
.severceInfo{padding:20px;}

.pop_ty01 .khaRoutine{width: 680px;margin-top: 10px;}
.pop_ty01 .khaRoutine + .khaRcomBox{margin-top: 5px;}

.transStep{position: relative;overflow: hidden;margin-bottom: 50px;margin-top: 10px;}
.transStep:before{content: '';display: block;width: 800px;height: 55px;position: absolute;top:0;left:0;background-image:url('https://image.kebhana.com/cont/common/img/kha/bg_step_kha.png');background-repeat:no-repeat;z-index: -1}
.transStep.step1:before{background-position: 0 0;}
.transStep.step2:before{background-position: 0 -60px;}
.transStep.step3:before{background-position: 0 -120px;}
.transStep.step4:before{background-position: 0 -180px;}
.transStep.step5:before{background-position: 0 -240px;}

.transStep li{float: left;width:20%;text-align: center;height: 55px;}
.transStep li span{font:normal 20px/1 NotoSans_Medium;color: #3c3c3c;line-height: 55px;letter-spacing: -1px;}
.transStep li.on span{color: #fff;}
.transStep li + li > span{padding-left:10px;}
.transStep li + li + li > span{padding-left: 10px;}
.transStep li + li + li + li > span{padding-left: 10px}
h5.subTitle + .inqueryBox{margin-top:10px;}

.inqueryBox{border:1px solid #cdcdcd;padding:20px 0;background-color:#fafafa;}
.inqueryBox .inTxt{text-align:center;font-size: 14px;}

.requestView{display: none;}
.requestView h6{padding-left:10px;font-weight:bold;}
.btnOpen{position: absolute;top: -5px;left:180px;background-color: #fafafa;padding:5px 10px 5px 10px;color: #666;border:1px solid #d4d7da;}
.btnOpen:before{content:'';display:block;width:6px;height:4px;background:url('https://image.kebhana.com/cont/common/img/kha/bul_toggle_arrow.gif') no-repeat left 0;overflow:hidden;float:right;margin-top:5px;}
.btnOpen.on:before{background-position:right 0;}

/*자산설계 스텝*/
.investTit{width: 800px;text-align: center;height: 420px;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_invest_tit01.jpg') ;background-repeat:no-repeat;background-position:center 0; }
.investMent {height: 50px;margin-top: 30px;}
.investMent .investStep{position: relative;height: 50px;}
.investMent .investStep li{display:table-cell;width: 200px;text-align:center;vertical-align: middle;box-sizing:border-box;}
.investMent .investStep li:first-child{width: 400px;}
.investMent .investStep li + li{padding-left:10px;}
.investMent .investStep li em{margin-right:5px;}
.investMent .investStep li{font-size:15px;font-family:NotoSans_Regular;letter-spacing: -1px;line-height: 50px;}
.investMent .investStep li.active em{margin-right:10px;}
.investMent .investStep li.active{font-size:22px;line-height:50px;font-family:NotoSans_Bold;color: #008485;}

.investMent .investStep.step02 li.active{width:400px;}
.investMent .investStep.step02 li:first-child{width:200px;}

.investMent .investStep.step03 li.active{width:390px;}
.investMent .investStep.step03 li:first-child{width:190px;}
.investMent .investStep.step03 li:first-child + li{width: 220px;}

.investMent .investStep.step02:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_invest_step02.png') no-repeat 0 0;}
.investMent .investStep.step03:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_invest_step03.png') no-repeat 0 0;}

.investMent .investStep:before{content: '';display: inline-block;width:800px;height: 50px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_invest_step01.png') no-repeat 0 0;position: absolute;top:0;left:0;z-index: -1;}
.investMent .investStep{display: table;width: 100%;}
.investTit .infoDesc, .surveyBox .infoDesc{margin-top: 20px;}
.infoDesc , .infoDesc span{position:relative;font:16px/1.4 NotoSans_Regular;letter-spacing: -1px;color:#3d3d3d;}
.inTitH5{padding-top:40px;background:transparent;text-align:center;font:35px/1.2 NotoSans_Medium;color: #000;margin-bottom: 0;letter-spacing: -1px;margin-top: 0;line-height: 1;}

/*연금설계*/
.investTit.pension{background-image:url('https://image.kebhana.com/cont/common/img/kha/bg_invest_tit04.jpg');} 
.pensionSel{overflow: hidden;margin-top:20px;height:40px;}
.pensionSel ol{width: 350px;float:left;}
.pensionSel ol:first-child{margin-right: 20px;}
.pensionSel ol > li{display: inline-block;}
.pensionSel ol > li:first-child{margin-bottom: 0;margin-right:5px;}
.pensionSel ol > li label{display:inline-block;width:168px;border:1px solid #c2c2c2;text-align: center;padding:8px 0;}
.pensionSel ol > li label span{position: relative;font:16px/1.3 NotoSans_Regular;}
.pensionSel ol > li.on label{background-color:#18a494;border:1px solid #18a494;color: #fff;letter-spacing: -1px;}
.pensionSel ol > li.on label span:after{content: '';display: block;width:17px;height:16px;background: url('https://image.kebhana.com/cont/common/img/kha/bul_check.png') no-repeat 0 0;position: absolute;top:5px;right:-20px;}
.pensionSel ol > li label.disabled{background-color: #ddd;color:#aaa;}
.investQuest{padding-left:385px;margin-top: 65px;}
.investQuest h6{font:25px/1 NotoSans_Regular;background: transparent;color:#3d3d3d;margin:0;}
.investQuest p{font:15px/1.2 NotoSans_Regular;margin-top: 8px;margin-bottom: 15px;color:#3d3d3d;}
.investQuest .investBtn{display: inline-block;font:22px/1 NotoSans_Medium;background-color: #008485;padding:15px 32px;color: #fff;}
.investFooter{padding:15px 172px 15px 24px;margin-top: 50px;background: #f5f6f6 url('https://image.kebhana.com/cont/common/img/kha/logo_kha.gif') no-repeat 645px 10px;}
.investFooter p{font-size: 14px;color: #666;}
.surveyBox{width: 800px;height:256px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_invest_tit02.jpg') no-repeat center -20px;text-align: center;}
.surveyQue{overflow: hidden;width:800px;/*min-height:354px;*/background-color: #fff;border:1px solid #a5d3d4;padding:25px 39px 15px 39px;box-sizing:border-box;}
.surveyQue p.infoDesc{font-size:20px;font-family: NotoSans_Dl;}
.surveyQue p.infoDesc .pointColor{font-size: 20px;font-family: NotoSans_Dl;}
.surveyQue p.infoDesc em{font:25px/1 NotoSans_Medium;color: #3d3d3d;}
.numTit{position:absolute;top:0;left:0;}

.surveyQue div > ul{overflow: hidden;margin-top: 25px;}
.surveyQue div ul li{position: relative;float:left;text-align: center;height: auto;cursor: pointer;}
.surveyQue div ul li label{display: inline-block;width: inherit;vertical-align: top;}

.surveyQue div ul.surveyType{margin-bottom:15px;}
.surveyQue div ul.surveyType li{width: 235px;margin-left:7px;}
.surveyQue div ul.surveyType02 li , .surveyQue div ul.surveyType04 li{width: 175px;margin-left:6px;}
.surveyQue div ul.surveyType03 li{width: 138px;margin-left:7px;}
.surveyQue div ul.surveyType05 li{width: 115px;margin-left:5px;}

.surveyQue div ul li:first-child{margin-left: 0;}
.surveyQue div ul > li .descTxt{padding-top: 20px;display: table-cell;vertical-align: middle;width: inherit;color: #3d3d3d;font:18px/1.2 NotoSans_Medium;}
.surveyQue div ul > li .descTxt strong{}
.surveyQue div ul > li .descTxt em{font:15px/1.4 NotoSans_Medium;}

.surveyType li label {height:214px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest01.png') no-repeat left top;}
.surveyType li label:before{content: '';display: block;width: 100px;height: 86px;background-repeat:no-repeat;background-position: 0 0;margin:40px auto 0 auto;}
.surveyType li:hover label , .surveyType li.on label{background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest01_hover.png') no-repeat left bottom;}

.surveyType02 li label {height:198px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest02.png') no-repeat left top;}
.surveyType02 li label:before{content: '';display: block;width: 100px;height: 86px;background-repeat:no-repeat;background-position: 0 0;margin:40px auto 0 auto;}
.surveyType02 li:hover label , .surveyType02 li.on label{background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest02_hover.png') no-repeat left bottom;}

.surveyType03 li label{height:198px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest03.png') no-repeat left top;}
.surveyType03 li label:before{content: '';display: block;width: 86px;height: 80px;background-repeat:no-repeat;background-position: 0 0;margin:45px auto 0 auto;}
.surveyType03 li:hover label , .surveyType03 li.on label{height:198px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest03_hover.png') no-repeat left bottom;}

.surveyType04 li label {height:198px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest02.png') no-repeat left top;}
.surveyType04 li label:before{content: '';display: block;width: 98px;height: 86px;background-repeat:no-repeat;background-position: 0 0;margin:40px auto 0 auto;}
.surveyType04 li:hover label , .surveyType04 li.on label{background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest02_hover.png') no-repeat left bottom;}

.surveyType05 li label:before{content: '';display: block;width: 65px;height: 72px;background-repeat:no-repeat;background-position: left top;margin:40px auto 12px auto;}
.surveyType05 li label{height:198px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest05.png') no-repeat 0 0;}
.surveyType05 li:hover label , .surveyType05 li.on label{background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest05_hover.png') no-repeat left bottom;}

.surveyType > li.survey01 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req01.png') no-repeat left top;}
.surveyType > li.survey02 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req02.png') no-repeat left top;}
.surveyType > li.survey03 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req03.png') no-repeat left top;}
.surveyType > li:hover label:before , .surveyType > li.on label:before{background-position: left bottom;}

.surveyType02 > li.survey01 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req04.png') no-repeat left top;}
.surveyType02 > li.survey02 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req05.png') no-repeat left top;;}
.surveyType02 > li.survey03 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req06.png') no-repeat left top;;}
.surveyType02 > li.survey04 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req07.png') no-repeat left top;;}
.surveyType02 > li:hover label:before , .surveyType02 > li.on label:before {background-position: left bottom;}

.surveyType03 > li.survey01 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req08.png') no-repeat left top;}
.surveyType03 > li.survey02 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req09.png') no-repeat left top;}
.surveyType03 > li.survey03 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req10.png') no-repeat left top;}
.surveyType03 > li.survey04 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req11.png') no-repeat left top;}
.surveyType03 > li.survey05 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req12.png') no-repeat left top;}
.surveyType03 > li:hover label:before , .surveyType03 > li.on label:before{background-position: left bottom;}

.surveyType04 > li.survey01 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req14.png') no-repeat left top;}
.surveyType04 > li.survey02 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req15.png') no-repeat left top;;}
.surveyType04 > li.survey03 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req21.png') no-repeat left top;;}
.surveyType04 > li.survey04 label:before{background: url('https://image.kebhana.com/cont/common/img/kha/img_req22.png') no-repeat left top;;}
.surveyType04 > li:hover label:before , .surveyType04 > li.on label:before {background-position: left bottom;}

.surveyType05 > li label:before{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_req13.png');}
.surveyType05 > li:hover label:before{background-position: left bottom;}

.surveyQue.register{margin-top: 50px;}
.surveyQue.register div > ul{margin-top: 10px;}
.boxArea ol > li{position: relative;}
.boxArea ol > li:first-child{margin-bottom:30px;}

.surveyQue div ul.listTypeDot{margin-top: 0;}
.listTypeDot{position: absolute;top:10px;right:0;}
.listTypeDot li{position: relative;display: inline-block;font:14px/1.2 NotoSans_Dl;}
.listTypeDot li:first-child{margin-right:15px;}
span[class^="dot"]{display: inline-block;margin-right:5px;width: 10px;height: 10px;overflow: hidden;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_info_dot.png');background-repeat: no-repeat; }
.dot1{background-position: 0 top;}
.dot2{background-position: 0 bottom;}

.surveyTypebox{width: 720px;height:198px;margin-top: 25px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest05.png') no-repeat 0 0;}
.surveyTypebox ul li{width: 25%;}

.surveyQue div.surveyTypebox{height: auto;}
.surveyQue div.surveyTypebox > ul > li > label{display: block;width:auto;height: 198px;position: relative;}
.surveyQue div.surveyTypebox > ul{margin-top: 0;}
.surveyQue .btn_cen {margin-top: 20px;}
.surveyTypebox ul li span{display: block;font:18px/1.2 NotoSans_Medium;padding-top: 165px;}
.surveyTypebox ul li.investTxt01 img{display: inline-block;position: absolute;top:110px;left:28px;}
.surveyTypebox ul li.investTxt02 img{display: inline-block;position: absolute;top:93px;left:28px;}
.surveyTypebox ul li.investTxt03 img{display: inline-block;position: absolute;top:55px;left:28px;}
.surveyTypebox ul li.investTxt04 img{display: inline-block;position: absolute;top:6px;left:28px;}

.tbl_in .listType{clear:both;margin-top: 10px;}
.tbl_in .tbl_dl dt{font-weight: bold;width: 172px;}
.listType li{margin-top: 5px;}
.listType li{margin-right: 10px;}

/*설계코드*/
.khaWrap .grayBox{background-color: #eee;padding:15px;}
.khaWrap .grayBox .lst_01{margin-top: 0;}
.khaWrap .pop_ty01 .grayBox{background-color: #fff;}
.designCodeBox{text-align: center;}
.designCodeBox p{font:20px/1 NotoSans_Medium;margin: 30px 0 15px;}
.designCodeBox input[type="text"]{border:1px solid #c2c2c2;padding:3px;height:25px;box-sizing:border-box;width: 350px;}

/*설계이력*/
.khaTabs{margin-top: 50px;}
.khaTabs .tabs2 li a{font-family:NotoSans_Dl;font-size:18px;letter-spacing:0;}
.khaTabs .tabs2 li span , .khaTabs .tabs2 li.ons span{font-family:NotoSans_Dl;font-size:18px;}

.khaCont .tbl_btnTop{font-family:NotoSans_Regular;}

.grayFullBox{width: 900px;background: #f4f4f5;margin-left: -50px;padding: 20px 0;}
.grayFullBox .reqTermBox{position: relative;width: 800px;margin: 0 auto;}
.grayFullBox .reqTermBox .viewBtn{height: 28px;}
.grayFullBox .reqTermBox .viewBtn a{line-height: 26px;}
.reqTermBox .reqInq{overflow: hidden;width: 100%;}
.reqTermBox .reqInq dt{float:left;width: 100px;font-size: 15px;line-height: 28px;color: #555;}
.reqTermBox .reqInq dd{padding-left: 100px;width: 80%;}
.reqTermBox .reqInq dd input[type="text"]{background-color: #fff;height: 26px !important;font-size:13px;font-family:NotoSans_Regular;padding-top:0;}
.reqTermBox .reqInq dd a{display: inline-block;vertical-align: middle;}
.reqTermBox .btns{position: absolute;top:0px;right:0;}


/*투자성향 분석*/
.khaCont .investBox label + input[type="radio"] ,
.surveyQue label + input[type="radio"] ,
.pensionSel .indivIdual label + input[type="radio"] ,
.surveyType06 li label + input[type="radio"] {position:absolute;top:0;left:0;font-size:0;height:0;z-index:-1;text-indent: -99999em;}

.btnPrint{position: absolute;top: 110px;right:27px;z-index: 99;}
.btnPrint a{display: inline-block;}

.investBox{position: relative;width: 800px;height:320px;margin:0px auto 0 auto;display:inline-block;padding:20px 40px 10px 40px;border:1px solid #a6d3d4;box-sizing:border-box;}
.investBox .boxArea{overflow:hidden;width: 720px;height: 306px;}

.investBox.result{margin-top: -128px;background-color:#fff;}
.investBox.result:before{content:'';display: block;width:130px;height:103px;background:url('https://image.kebhana.com/cont/common/img/kha/img_star_char04.png') no-repeat 0 0;position: absolute;bottom:70px;left:40px; }
.investBox.result .resultBtns li button{cursor: default;}
.pop_ty01 .investBox.register .fl{border-right: none;}

.resultTypeBox{width:490px;display:table;margin:20px auto 0 auto;text-align: center;border-bottom:1px solid #a5d3d4;}
.resultTypeBox p{display:table-cell;font:18px/1.3 NotoSans_Dl;color: #666;padding-bottom:12px;height: 70px;vertical-align: middle;letter-spacing: -1px;}
.resultTypeBox p span{font-family: NotoSans_Medium;}
.khaContainer .ta_cen{margin-top: 15px;}
.khaContainer .ta_cen a.btnDefault{height: 40px;}
.khaContainer .ta_cen .btnDefault.bgGray{background: #909090;border:1px solid #909090;}
.khaContainer .ta_cen .btnDefault.bgGray span{font-size:15px;font-family:NotoSans_Regular;line-height:40px;letter-spacing: 0; }
.khaContainer i{font-style: normal;}

.resultType{text-align: center;}
.resultBtns{display: table;margin:5px auto 0 auto;overflow: hidden;}
.resultBtns li{display:table-cell;padding-left:22px;text-align:center;}
.resultBtns li:first-child{margin-left:0;}
.resultBtns li button{font:15px/1.3 NotoSans_Regular;color:#333;width:70px;height:70px;vertical-align: middle;background: url('https://image.kebhana.com/cont/common/img/kha/bg_default_gray.png') no-repeat 0 0;}
.resultBtns li button:focus{outline:none;}
.resultBtns li.active button{font:23px/1.3 NotoSans_Medium;width:120px;height:120px;color:#fff;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_result_color.png'); background-repeat:no-repeat;}

.resultBtns li.active button.result01{background-position:0 0;}
.resultBtns li.active button.result02{background-position:-130px 0;}
.resultBtns li.active button.result03{background-position:-261px 0;}
.resultBtns li.active button.result04{background-position:-391px 0;}
.resultBtns li.active button.result05{background-position:-521px 0;}

.portfolioBox {position: relative;}
.portfolioBox .investBox.register{height:356px;padding:20px 25px;}
.portfolioBox .investBox.register .fl ,.portfolioBox .investBox.register .fr {margin-top: 10px;}

.portfolioBox .investBox .fl > div.borderBox{width:508px;padding:10px 10px 10px;box-sizing:border-box;height: 275px;}
.portfolioBox .investBox .fl .investChartArea {display:table-cell;text-align:center;width: 260px;height:260px;}
.portfolioBox + h5.subTitle{margin-top:20px;}
.portfolioBox + .cenBox{margin-left:20px;}
.portfolioBox .inTitH5{padding-top:36px;margin-bottom:20px;}

.surveyType06 , .surveyType07{overflow: hidden;margin-top: 10px;}
.surveyType06 li,
.surveyType07 > li {width: 350px;height:89px !important;padding:15px 15px 15px 94px;box-sizing:border-box;background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest07.png') no-repeat 0 0;}
.surveyType06 li{padding-left:85px;}
.surveyType06 li:first-child , .surveyType07 li:first-child {margin-right:20px;}
.surveyType06 li:hover,.surveyType06 li.on ,
.surveyType07 > li:hover,.surveyType07 > li.on {background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest07_hover.png') no-repeat 0 0;}
.surveyType06 li label{text-align: left;width: initial;}
.surveyType06 li > label:before {content: '';display: block;width: 50px;height: 70px;overflow:hidden;position: absolute;top:10px;left:20px;background-repeat:no-repeat;background-position: 0 0;}
.surveyType06 li.survey01:hover strong ,.surveyType06 li.survey01.on strong {color:#008485;font-family:NotoSans_Medium;}
.surveyType06 li.survey02:hover strong ,.surveyType06 li.survey02.on strong {color:#e77513;font-family:NotoSans_Medium;}

.surveyType07 > li{position: relative; text-align: left !important;}
.surveyType07 li > label{position: absolute;top: 0;right:0;height:100px;}
.surveyType07 li > label:before{content: '';display: block;width: 77px;height: 70px;overflow:hidden;position: absolute;top:10px;left:26px;background-repeat:no-repeat;background-position: 0 0;}
.surveyType07 li.survey01 > label:before {width:70px;height:64px;top:13px;}
.surveyType07 li.survey02 > label:before {width:70px;height:66px;top:16px;}
.surveyType07 li:hover > label:before ,  .surveyType07 li.on > label:before{background-position: 0 bottom;}

.surveyType07 li.survey01:hover > label strong , .surveyType07 li.survey01.on > label strong {color:#008485;font-weight:bold;}
.surveyType07 li.survey02:hover > label strong , .surveyType07 li.survey02.on > label strong{color:#e77513;font-weight:bold;}
.surveyType07 > li strong{padding:35px 0 0 180px;}

.surveyType06 li:hover > label:before ,
.surveyType06 li.on > label:before{background-position: 0 bottom;}

.surveyType06 > li.survey01 label:before{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_req19.png');}
.surveyType06 > li.survey02 label:before{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_req20.png');}

.surveyType07 > li.survey01 label:before{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_req16.png');}
.surveyType07 > li.survey02 label:before{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_req17.png');}

.surveyType06 strong{display: block;font:18px/1.2 NotoSans_Regular;} 
.surveyType06 .descTxt01{display: block;margin-top: 7px;font:13px/1.4 NotoSans_Light;letter-spacing: -1px;color: #666;}

.surveyType06 strong , .surveyType07 strong{display: block;font:18px/1.2 NotoSans_Regular;}

.modelType{overflow: hidden;text-align: center;}
.modelType li{width:15px;display:inline-block;vertical-align: middle;}
.modelType li:first-child{margin-left: 0;}

.modelType li.on, .modelType li:hover{width:75px;height:29px;cursor:pointer;}
.modelType li.on span[class^="mtype"] , .userresultBox dd span[class^="mtype"].on , .modelType li:hover span[class^="mtype"] {width: 75px;height:29px;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_mtype_color.png')}
.modelType li span[class^="mtype"], .userresultBox dd span[class^="mtype"]{display:inline-block;width:15px;height: 29px;text-indent:-9999em;letter-spacing:-1px;text-align:center;font-size:14px;font-family:NotoSans_Regular;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_smmtype_color.png');background-repeat:no-repeat;}

.mtype01{background-position:0px 0;} /*인출형*/
.mtype02{background-position:-18px 0;}/*안정형*/
.mtype03{background-position:-36px 0;}/*안정추구형*/
.mtype04{background-position:-54px 0;}/*위험중립형*/
.mtype05{background-position:-72px 0;}/*적극투자형*/
.mtype06{background-position:-90px 0;}/*공격투자형*/

.userresultBox dd span.mtype01.on , .modelType li:hover .mtype01 , .modelType li.on .mtype01{background-position: 0 0;}
.userresultBox dd span.mtype02.on , .modelType li:hover .mtype02 , .modelType li.on .mtype02{background-position: -82px 0;}
.userresultBox dd span.mtype03.on , .modelType li:hover .mtype03 , .modelType li.on .mtype03{background-position: -165px 0;}
.userresultBox dd span.mtype04.on , .modelType li:hover .mtype04 , .modelType li.on .mtype04{background-position: -247px 0;}
.userresultBox dd span.mtype05.on , .modelType li:hover .mtype05 , .modelType li.on .mtype05{background-position: -329px 0;}
.userresultBox dd span.mtype06.on , .modelType li:hover .mtype06 , .modelType li.on .mtype06{background-position: -412px 0;}

.userresultBox{overflow: hidden;}
.userresultBox dl dt{font:16px/1.2 NotoSans_Regular;margin-right: 10px;letter-spacing: -1px;color:#3d3d3d;}
.userresultBox dl dt , .userresultBox dl dd{display: inline-block;vertical-align: middle;}
.userresultBox dl:first-child{float: left;}

.userresultBox dl dt + dd{margin-right:20px;}

.surveyBox .resultTxt{margin-top: 15px;font-size: 20px;}
.surveyBox .resultTxt span.bgDate{display: block;margin-top:-30px;}
.surveyBox .resultTxt strong{font-size:23px;}
.resultTxt{font:16px/1 NotoSans_Regular;}
.resultTxt span{font:15px/1.2 NotoSans_Regular;}
.resultTxt strong{font:20px/1.4 NotoSans_Medium;}
.resultTxt .basicTxt{margin-left:10px;}

.cenBox{position: relative;text-align: center;margin-top: 37px;}
.cenBox .posRight{position: absolute;top:0;left:0;width:148px;height: 48px;background: url('https://image.kebhana.com/cont/common/img/kha/btn_remind.png') no-repeat 0 0;}
.cenBox .posRight span{font:15px/1.2 NotoSans_Regular;color:#fff;line-height: 45px;letter-spacing: -1px;}
.cenBox .btnGreen {font:21px/1.2 NotoSans_Regular;padding:10px 44px;}
.btntryAgain , .btnwhite{position: relative;border:1px solid #008485;display: inline-block;font:20px/1.2 NotoSans_Regular;color:#008485;}
.btntryAgain {width: 227px;padding:12px 60px 12px 40px;}
.btnwhite{padding-right:40px;width: 220px;padding:12px 15px 12px 15px;}
.btntryAgain:before{content: '';display: block;width:16px;height: 18px;	background: url('https://image.kebhana.com/cont/common/img/kha/bul_tryagain.png') no-repeat 0 0;position: absolute;	top:15px;right: 40px;}
.cenBox .btnGreen.disabled{background-color: #e2e2e2;color:#666;text-decoration: none !important;cursor: default;}
.cenBox .btnGreen.disabled:hover{text-decoration: none !important;cursor: default;}
.cenBox button:first-child{margin-right: 10px; }
.investNumBox{margin-top: 17px;}
.investNumBox dt{font:18px/1.2 NotoSans_Dl;color: #3d3d3d;}

.investStyleSel{margin-top: 20px;}
.investStyleSel p{padding:115px 0;}
.investStyleSel p , .pensionBefore p{text-align: center;font:18px/1 NotoSans_Regular;}

.pensionBefore{margin-top: 12px;height:60px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_select_sm.png') no-repeat 0 0;}
.pensionBefore p{padding:20px 0;}
.investPlanTxt{margin-top: 7px;font:15px/1.2 NotoSans_Light;text-align:center;letter-spacing:-1px;height:60px;line-height: 58px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_select_sm.png') no-repeat 0 0;}

.btngreensBox{display: inline-block;vertical-align: middle;}
.btngreensBox button{float:left;margin-left:3px;}
.btngreensBox button:first-child{margin-left:0;}

.btngreensBox.type1 .btnGreensm{min-width: 55px;}
.btngreensBox.type2 .btnGreensm{min-width: 74px;}
.btnGreensm{overflow: hidden;}

.btnGreensm{position: relative;display: block;line-height: 29px;color: #222a3b;padding: 0 5px 0 5px; background: url('https://image.kebhana.com/cont/common/img/kha/bg_btn_left.png') 0 0 no-repeat;text-decoration: none;font-family: NotoSans_Dl;font-size: 14px;box-sizing:border-box;}
.btnGreensm:after{display: block; content: ''; position: absolute;right: 0;top: 0;width: 5px;height: 29px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_btn_right.png') 0 0 no-repeat;}

.btnGreensm:hover , .btnGreensm.on{color:#fff;background: url('https://image.kebhana.com/cont/common/img/kha/bg_btn_left_active.png') 0 0;}
.btnGreensm:hover:after , .btnGreensm.on:after{background: url('https://image.kebhana.com/cont/common/img/kha/bg_btn_right_active.png') 0 0;}

.btnGreensm.resetbtn{position: relative;width: 75px;}
.btnGreensm.resetbtn span{font-size:14px;line-height: 29px;font-family:NotoSans_Dl;display:inline-block;letter-spacing: -2px;padding-right: 18px;}
.btnGreensm.resetbtn:hover{background: url('https://image.kebhana.com/cont/common/img/kha/bg_btn_left_active.png') 0 0;}
.btnGreensm.resetbtn span:before{content: '';display: block;width: 12px;height: 12px;background:url('https://image.kebhana.com/cont/common/img/kha/bul_reset.png') no-repeat 0 0 ;position: absolute;top: 9px;right: 10px;}

.investNumBox .investNum{overflow: hidden;display:table;width: 100%;padding:10px 0px 0px 10px;box-sizing:border-box;}
.investNumBox dl:first-child{padding-top: 0;}
.investNum dt{display:table-cell;vertical-align: middle;letter-spacing: -1px;}
.investNum dt span[class^="dot"]{text-indent: -9999em;display: inline-block;vertical-align: middle;}
.investNum dd{float:right;}

.inputRight {position: relative;display:inline-block;border:1px solid #9d9d9d;background-color: #fff;width: 200px;height: 27px;vertical-align: middle;font-family:NotoSans_Dl;font-size:14px; }
.inputRight.disabled{background-color:#e8e8e8 !important;border: none;}
.inputRight.disabled .disabled{background-color:#e8e8e8 !important;}
.investNumBox .inputRight input {font-size:16px !important;font-family:NotoSans_Dl !important;border:none;text-align: right;padding:0px 5px 0px 3px;box-sizing:border-box;height:26px;line-height: 21px;font-size: 12px;color: #3c3c3c;}
.investNumBox .inputRight em{position: absolute;top:6px;right:8px;color:#3c3c3c;letter-spacing: -1px;line-height: 1;}
.investNumBox .investNum dd{margin-top: 3px;position: relative;}
.investNumBox .investNum dd .btngreensBox {margin-right: 20px;}
.investNumBox .investNum dd .btnAdd{display:inline-block;margin-right: 23px;}
.investNumBox .investNum dd .btnAdd + .inputRight{margin-top: -20px;}

.btnsmGreen{display: inline-block;  vertical-align:middle;}
.btnsmGreen button{background-color:#e7e7e7;font-size: 14px;font-family: NotoSans_Dl;padding:6px 24px;display: inline-block;text-align: center;color: #3c3c3c;}
.btnsmGreen button.on{background-color: #008485;color: #fff;}
.lstinvestNumBox{overflow: hidden;margin-top: 5px;}
.surveyQue.register div > ul.invertNumList{margin-top: 0}
.invertNumList{width:540px;float:right;}
.invertNumList > li{position: relative !important;width: 100%;font:16px/1.2 NotoSans_Dl;padding-left:6px;margin-bottom: 5px;/*width:480px;*/text-align: left !important;}
.invertNumList > li > span.inputRight{position: absolute;top:0;right:10px;}
.invertNumList > li > em{display: inline-block;margin-top: 5px;}
.invertNumList > li:first-child span.inputRight{top:0px;}

.invertNumList li:before , 
.investNum .smDescTxt:before{content: '';display: block;width:2px;height: 2px;background-color: #3d3d3d;position: absolute;	top:13px;left:0;}
.investNum .smDescTxt:before{top:22px;}

.invertNumList .innerBox{position: relative;margin-top: 5px;}
.invertNumList .innerBox .btngreensBox{margin-right: 17px;}
.sminfoTxt{font:13px/1.2 NotoSans_Dl;color: #237b68;}

.investTotalNum{margin-top: 10px;border-top:1px solid #a5d3d4;padding-top:18px;text-align: right;color: #e7771a;}
.investTotalNum dl dt{font:24px/1.2 NotoSans_Medium;letter-spacing: -1px;color: #e7771a;display: inline-block;width: 270px;margin-right: 50px;}
.investTotalNum dl dt span{font:16px/1.2 NotoSans_Dl;}
.investTotalNum dl dd{display: inline-block;}
.investTotalNum dl dd span , 
.investTotalNum dl dd em {font:24px/1.2 NotoSans_Regular;letter-spacing: -1px;color: #e7771a;}
.investTotalNum em{margin-left: 2px;}

/*투자성향 팝업*/
.rowTabBox{margin-top: 20px;}
.rowtabCont{background: url('https://image.kebhana.com/cont/common/img/kha/img_star_char04.png') no-repeat 0 0;}

/*추천포트폴리오*/
.modelSelBox{text-align: center;padding:10px 0 14px 0;}
.modelSelBox select{width: 246px;}

.investSulation{display:table-cell;width:220px;margin-top: 24px;vertical-align: middle;}
.investSulation dl{position: relative;height: 20px;}
.investSulation dl dt{float:left;margin-right:10px;font-size: 15px;letter-spacing: -1px;font-family: NotoSans_Dl;color: #505050;}
.investSulation dl dd{float:right;font-size: 15px;font-family:NotoSans_Dl;}
.investSulation li{position: relative;padding-left:20px;padding-bottom:15px;}
.investSulation li:first-child{margin-top: 0;}
.investSulation li:before{content: '';display: inline-block;width:14px;height: 14px; position: absolute;top:3px;left:0;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_dotcolor_type.png');background-repeat: no-repeat;}
.investSulation li.bul00:before{background-position:0 0;} /*미분류 #7d7d7d*/
.investSulation li.bul01:before{background-position:-19px 0;} /*국내주식 - #6285e0*/
.investSulation li.bul02:before{background-position:-38px 0;} /*해외선진주식 #00ab5d*/
.investSulation li.bul03:before{background-position:-57px 0;} /*국내채권 #fe833e*/
.investSulation li.bul04:before{background-position:-76px 0;} /*해외채권 #a76aec*/
.investSulation li.bul05:before{background-position:-95px 0;} /*MMF #9fab3b*/
.investSulation li.bul07:before{background-position:-114px 0;} /*해외이머징주식 #f86085*/
.investSulation li.bul08:before{background-position:-133px 0;} /*대안_부동산 #e5714c*/
.investSulation li.bul09:before{background-position:-152px 0;} /*대안_원자재 #745dab*/
.investSulation li.bul10:before{background-position:-171px 0;} /*대안_구조화 #017a4b*/

.investSulation li:first-child{margin-top: 0;}

.investSulation li.bul00 dl dd{color:#7d7d7d;}
.investSulation li.bul01 dl dd{color:#6285e0;}
.investSulation li.bul02 dl dd{color:#00ab5d;}
.investSulation li.bul03 dl dd{color:#fe833e;}
.investSulation li.bul04 dl dd{color:#a76aec;}
.investSulation li.bul05 dl dd{color:#9fab3b;}
.investSulation li.bul07 dl dd{color:#f86085;}
.investSulation li.bul08 dl dd{color:#e5714c;}
.investSulation li.bul09 dl dd{color:#745dab;}
.investSulation li.bul10 dl dd{color:#017a4b;}


dl.resultNum{padding:8px 0 0 9px;height: 75px;background-color: #f2f2f2;box-sizing:border-box;margin-bottom:3px;}
dl.resultNum dt{font:14px/1.2 NotoSans_Regular;color:#000;}
dl.resultNum dd{margin-top: 15px;text-align:center;}
dl.resultNum dd span{font:22px/1.2 NotoSans_Medium;letter-spacing: -1px;}
dl.resultNum dd em{font:14px/1.2 NotoSans_Regular;color:#3d3d3d;}

.basicinfoTxt{font:14px/1.2 NotoSans_Regular;}
.basicinfoTxt strong{color:#008485;}

.investViewBox h5.subTitle + .basicinfoTxt{margin:15px 0;} 

.borderBox{overflow:hidden;border:1px solid #e2e2e2;}
.recomphotoBox{clear:both;padding:0 25px 20px 25px;box-sizing:border-box;}
.recomphotoBox.on{border:1px solid #a5d3d4;}
.recomphotoBox .grayBox{text-align: center;}
.recomphotoBox .grayBox p.resultTxt{margin-top: 20px;}
.recomphotoBox .grayBox ul.resultTxt{margin-top: 10px;text-align: left;margin-left: 160px;}
.recomphotoBox .grayBox p.resultTxt ,.recomphotoBox .grayBox ul{font-size: 14px;line-height: 1.4;}
/*.recomphotoBox strong{font-weight: bold !important;}*/

h5.khasubTitle{background:none;text-align: center;font:35px/1 NotoSans_Medium;letter-spacing: -1px;color: #000;margin-top: 27px;height: auto;}
h5.khasubTitle span{font-family:NotoSans_Regular;}

.photoChartList{display:inline-block;width: 226px;margin-left:-4px;margin-top: 2px;}
.photoChartList li{box-sizing:border-box;float: left;background: #f2f2f2;width: 109px;height:95px;background-repeat: no-repeat;background-position: 0 0;margin-left: 4px;margin-bottom: 5px;}
.photoChartList li span{display:table-cell;block;width:inherit;font:24px/1.2 NotoSans_Medium;vertical-align: middle;letter-spacing: -1px;text-align:center;height: 68px;}
.photoChartList li span em{font:14px/1.2 NotoSans_Regular;}
.photoChartList li div{padding:8px 10px 0 9px;}
.photoChartList li div em{display: inline-block;font:14px/1.2 NotoSans_Regular;color:#000;overflow:hidden;}
.photoChartList li div em:before{content: '';display: block;width:17px;height:17px;margin-left:5px;float:right;background: url('https://image.kebhana.com/cont/common/img/khafundmall/icon_tooltip.png') no-repeat 0 0;}
.photoChartList li + li + li , .photoChartList li + li + li + li{margin-bottom: 0;}
.photoChartList li div em.bgnone:before{background: transparent;width: 0px;height:0;}
.photoChartList li div em.bgnone + .toolTipBox{display: none;}
.photoChartList li.comImg05{background:url('https://image.kebhana.com/cont/common//img/kha/img_sim05.png') no-repeat 0 -10px;}

.photoChartBox{overflow:hidden;}
.photoChartBox >.fl{width:560px;position: relative;}
.photoChartBox .borderBox{border:none;padding:24px 12px 15px 12px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_arrow_big.png') no-repeat 50% 62%;}
.photoChartBox .borderBox .fl , .photoChartBox .borderBox .fr{width:238px;}
.photoChartBox .borderBox .fr .investSulation{padding-left:12px;}
.photoChartBox .borderBox .fl .investSulation{width:182px;padding-right: 10px;}

.photoChartBox .fl .ie8Box{top:50px;left:200px;width:160px;height: 220px;}

.photoChartBox .investSulation dl dt{margin-right:0;}
.photoChartBox .investSulation dl dt , .photoChartBox .investSulation dl dd{font-size:13px;letter-spacing: -1px;}
.chartbarArea{display: table-cell;vertical-align: top;width: 55px;} 
.photoChartBox .toolTipBox{display:none;}

.photoChartBox .reballenceBox > .photoChartList li{height:134px;}
.photoChartBox .reballenceBox > .photoChartList li span{height: 110px;}
.photoChartBox .reballenceBox.fr{padding-right:10px;}

.myproTxt + .borderBox{border:1px solid #a6d3d4;padding-bottom:10px;}
.myproTxt + .borderBox .userresultBox{padding:20px 0px 15px 15px;border-bottom:1px solid #e2e2e2;margin-bottom: 10px;} 


.reballenceBox > .photoChartList li div .toolTipBox{position: absolute;display: none;z-index: 1000 !important;min-height:88px;}
.reballenceBox > .photoChartList li.comImg01 div .toolTipBox{right:-3px !important;}
.reballenceBox > .photoChartList li.comImg02 div .toolTipBox{right:-90px !important;}
.reballenceBox > .photoChartList li.comImg03 div .toolTipBox{right:-7px !important;}
.reballenceBox > .photoChartList li.comImg04 div .toolTipBox{right:-116px !important;}


.titH6{text-align:center;font:18px/1.2 NotoSans_Regular;margin-bottom:10px;}
.pop_ty01 .recomphotoBox {padding:0;}

/*.photoChartList li div em:hover{position: relative}*/
.photoChartList li div em:hover + .toolTipBox{position: absolute;display: block;top:45px;z-index: 1000 !important;}
.photoChartList li.comImg01 div em:hover + .toolTipBox{right:10px;}
.photoChartList li.comImg02 div em:hover + .toolTipBox{top:73px;right:-75px;}
.photoChartList li.comImg03 div em:hover + .toolTipBox{top:145px;right:10px;}
.photoChartList li.comImg04 div em:hover + .toolTipBox{top:145px;right:-100px;}

.toolTipBox{min-width:230px; background: #505050 url('https://image.kebhana.com/cont/common/img/khafundmall/bg_toolbox_top.png') no-repeat left top;box-sizing:border-box;}
.toolTipBox p{padding: 10px 0px;width: 220px;line-height: 1.4;color: #fff;font-size: 11px;text-align: left;font-weight:normal;}
.toolTipBox:before{content:'';display: block;width: 14px;height: 7px;background:url('https://image.kebhana.com/cont/common/img/khafundmall/bg_toolbox_arrow.png') no-repeat 0 0;position: absolute;bottom: -6px;left: 83px;}
.toolTip{display: block;float:right;margin-top:-26px;margin-right:10px;width:17px;height: 17px;background: url('https://image.kebhana.com/cont/common/img/khafundmall/icon_tooltip.png') no-repeat 0 0;text-indent: -9999em;}

.khagrayBox{padding:14px;background-color:#f8f8fa;font-size: 14px;line-height: 1.4;}
.khagrayBox strong{font-weight: bold;}
.investViewBox{position:relative;overflow: hidden;}
.investViewBox .tar{text-align: right;margin-top: -25px;}
.investViewBox h5.subTitle{margin-top:25px;font-family: NotoSans_Regular;color: #3d3d3d;font-size:15px;}
.investViewBox h5.subTitle + .khagrayBox{margin-top: 7px;}

.investViewBox .grayBox01{background-color: #f8f8f8;padding:10px 14px 10px;}
.investViewBox .grayBox01 + .grayBox01{margin-top:50px;}
.investViewBox .grayBox01{position: relative;}
.investViewBox .grayBox01 .viewBtn{position: absolute;top: 12px;right: 15px;}
.investViewBox .grayBox01 .viewBtn.topAdd{top:37px;}
.viewBtn{display: inline-block;width: 70px;background-color: #fff;border:1px solid #008485;}
.viewBtn a{display: block;font-family: NotoSans_Regular;line-height: 24px;color:#008485;text-align: center;font-size: 14px;}

.investViewBox .grayBox01 .basicTxt{font:14px/1.2 NotoSans_Regular;vertical-align: middle;display: inline-block;}
.investViewBox .grayBox01 .btngreensBox.type1{margin-left: 5px;}
.investViewBox .grayBox01 .btngreensBox.type1 button{margin-left:1px; }

.investViewBox .grayBox01 .btngreensBox.type1 .inputBg{position: relative;margin-left: 8px;display:inline-block;min-width: 96px;height:28px;border:1px solid #ccc;border-radius: 3px;background-color: #fff;}
.investViewBox .grayBox01 .btngreensBox.type1 .inputBg input[type="text"]{height:24px;width:62px;text-align: right;font:12px/1.2 NotoSans_Regular;padding-top:1px;padding-left:5px;border:none;}
.investViewBox .grayBox01 .btngreensBox.type1 .inputBg em{position: absolute;top:6px;right:4px;display: inline-block;font:12px/1.2 NotoSans_Regular;}
.investViewBox .grayBox01 .btngreensBox.type1 .inputBg a{position: absolute;top:4px;right:4px;z-index: 11;}
.investViewBox .grayBox01 .btngreensBox.type1 .inputBg.disabled , .investViewBox .grayBox01 .btngreensBox.type1 .inputBg input[type="text"].disabled{background-color:#e1e1e1 !important;}

.resultgrayBox{position: relative;background: #f8f8f8 url('https://image.kebhana.com/cont/common/img/kha/bg_result_char.png') no-repeat 65px 70px;letter-spacing:-1px;margin-top: 23px;padding:15px 27px 10px 27px;}
.resultgrayBox .resultTit{position: absolute;top:25px;left:27px;}
.resultgrayBox p.resultTxt{padding-left: 180px;}
.resultgrayBox .resultTxt{font:16px/1.2 NotoSans_Regular;}
.resultgrayBox .resultTxt em{font-size:18px;}
.resultgrayBox ul{padding:15px 0 0px 180px;}
.resultgrayBox ul li{padding-bottom:5px;}
.resultgrayBox + .tbldiv , .graphArea + .tbldiv{border-top:none !important;border-bottom:1px solid #dadcdb;}
.resultgrayBox .resultTxt span{font-size:18px !important;}

.singleTxt{font:12px/1.2 NotoSans_Dl;color: #666;letter-spacing: -1px;}
.singleTxt img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.graphArea{margin-top: 10px;border:1px solid #eee;}
.graphArea p{width: inherit;height: 200px;background-color: #f2f6f7;line-height: 200px;text-align: center;color:#666;padding-top: 0;}

.tbldiv.khatbldiv{border-top: none;}
.tbldiv.khatbldiv table .f_btn a{background-image:url('https://image.kebhana.com/cont/common/img/kha/btn_kha_lt.png');font-size:13px;font-family:NotoSans_Regular;color:#008485; }
.tbldiv.khatbldiv table .f_btn{background-image:url('https://image.kebhana.com/cont/common/img/kha/btn_kha_rt.png');}
.tbldiv table.tbl_col01.khatbl{border-top:1px solid #dadcdb !important;}
.tbl_col01.khatbl th , .tbl_col01.khatbl1 th , .tbl_col01.khatbl1 th span{font:14px/1.2 NotoSans_Dl;background-color:#008485;color:#fff;border-left:1px solid #c2d8d5 !important;}
.tbl_col01.khatbl td , .tbl_col01.khatbl1 td , .tbl_col01.khatbl1 td span{font:14px/1.2 NotoSans_Dl;color:#008485;}
.tbl_col01.khatbl td {color:#444;}
.tbl_col01.khatbl1 td{font-size:15px;}
.tbl_col01.khatbl .khabgtd{background-color: #dcf9f5;color:#008485;}
.tbl_col01.khatbl td.pointTd{font-size: 14px;color:#e77513;}
.tbl_col01.khatbl1{border-bottom:1px solid #c2d8d5 !important;}
.tbl_col01.khatbl1 th{padding:7px 3px 6px;line-height:23px;}
.tbl_col01.khatbl1 td{padding:7px 3px 7px;letter-spacing: -1px;color:#333 !important;}
.tbl_col01.khatbl1 .khabgtd1{font-size:15px;letter-spacing:-1px;background-color:#fff;color: #008485;font-family:NotoSans_Dl;}
.tbl_col01.khatbl1 .khabgth{background-color: #e2f3f1;color:#008485;font-family:NotoSans_Dl;padding:5px 3px 5px;border-left:none !important;}
.khatblBox{border-left:1px solid #c2d8d5;border-bottom:1px solid #c2d8d5;}
.tbl_col01.khatbl2{border-top: none;border-right:1px solid #c2d8d5;}
.tbl_col01.khatbl2 th{font:15px/1.2 NotoSans_Dl;padding:12px 0; background-color:#008485;color:#fff;border-left:1px solid #c2d8d5 !important;}
.tbl_col01.khatbl2 td{font:15px/1.2 NotoSans_Dl;line-height: 16px;height:30px}
.tbl_col01.khatbl2 .khabgth2{background-color: #e2f3f1;color:#008485;}
.tbl_col01.khatbl2 .bgTxt{display: inline-block;font-size:15px;color:#fff;font-family:NotoSans_Regular;width: 90px;height: 30px;line-height: 28px;background-repeat: no-repeat;background-position: 0 0;}
.tbl_col01.khatbl2 .bgCran{background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_txt_cran.png');}
.tbl_col01.khatbl2 .bgOrg{background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_txt_orange.png');}
.tbl_col01.khatbl2 .bgGray{background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_txt_gray.png');}
.tbl_col01.khatbl3 th{font:14px/1.2 NotoSans_Dl;background-color:#e2f3f1;color:#008485;}
.tbl_col01.khatbl3 td{font:14px/1.2 NotoSans_Dl;color:#444;}
.tbl_col01.khatbl3{border-top:1px solid #9f9f9f !important;}


.bgDate{text-align: right;margin-top: -25px;}
.bgDate span{display: inline-block;text-align:center;padding-top: 3px;width: 152px;height: 28px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_blue_date.png') no-repeat 0 0;font:12px/1.8 NotoSans_Dl;color: #fff;}
.bgDate + .tbldiv{border:none;border-bottom:1px solid #dadcdb;}

/*추천 리스트*/
.khaRcomBox{margin-top: 25px;width: 800px;}
.khacomHead{display:table;border-top:1px solid #555;width:100%;}
.khacomHead li{position: relative;display:table-cell;text-align: center;padding:15px 0;font-size:14px;color:#444;font-weight: bold;}
.khacomHead li:before{content: '';display:block;width:1px;height:15px;background-color: #f4f4f4;position: absolute;top:20px;left:0;}
.khacomHead li:first-child:before{background: transparent;}
.khacomHead li:first-child , .khacomList li > div:first-child{width: 520px;}
.khacomHead li:first-child + li{width: 160px;}
.khacomHead li:first-child + li + li{width: 120px;}
.khacomList li {display:table;width: 100%;background-color:#f8f8f8;padding:14px 0;border-top:1px solid #e1e1e1;margin-bottom:10px;border-bottom:1px solid #e1e1e1}
.khacomList li > div{display: table-cell;vertical-align: middle;padding:0 15px;box-sizing:border-box;text-align: center;}
.khacomList li > div:first-child{text-align: left;}
.khacomList li > .numTxt{padding:0 10px;width: 160px;text-align: right;}
.khacomList li > .numTxt , .khacomList > li > .orangeColor , .khacomList li.noData{font:16px/1.2 NotoSans_Regular;}
.khacomList > li > .orangeColor{font-size: 18px;font-family: NotoSans_Regular;}
.khacomList li > .numTxt em{font-size:14px;}
.khacomList li.noData{text-align:center;}
.khacomHead.wdType {margin-top: 25px;}
.khacomHead.wdType li:first-child , .khacomList.wdType li > div:first-child{width:450px;}
.khacomHead.wdType li:first-child + li{width: 230px;}
.khacomHead.wdType li:first-child + li + li {width: 110px;}

.khacomList.wdType li > div + div + div{width: 110px;}
.khacomList.wdType li > .numTxt {width: 230px;}
.khacomList.wdType li > .numTxt dl dt{width: 65px;text-align:left;font:14px/1.2 NotoSans_Regular;display:inline-block;line-height: 20px;height: 28px;}
.khacomList.wdType li > .numTxt dl dd{width: 140px;font:16px/1.2 NotoSans_Regular;display: inline-block;line-height: 20px;height: 28px;text-align: right;}
.buy{display: inline-block;width:65px;height: 28px;text-align: center;color: #fff;font-size:14px;font-family:NotoSans_Regular;letter-spacing: -1px;line-height: 26px;}
.buybg01{background-color:#3eb0db;}
.buybg02{background-color:#39bdb0;}
.buybg03{background-color:#ff5b5b;}
.buytxt01{color:#3eb0db;}
.buytxt02{color:#39bdb0;}
.buytxt03{color:#ff5b5b;}

.riskLine span{padding:0 10px;font-family: '돋움', doutm,'굴림',gulim,sans-serif;color:#fff;display: inline-block !important;vertical-align: middle; width:auto;margin-left:5px;line-height: 20px; font-size: 12px;text-align: center;padding-top: 2px;background-color: #fff;box-sizing:border-box;height: 22px;}
.riskLine > span:first-child{margin-left:0;}
.riskLine span.risk06{background-color: #f55635;}/*매우높은 위험*/
.riskLine span.risk05{background-color: #ff5b5b;}/*높은 위험*/
.riskLine span.risk04{background-color: #ffa92b;}/*다소 높은 위험*/
.riskLine span.risk03{background-color: #bec96a;}/*보통 위험*/
.riskLine span.risk02{background-color: #77b377;}/*낮은 위험*/
.riskLine span.risk01{background-color: #59a564;}/*매우 낮은 위험*/

.riskLine span.etcCon{ border: 1px solid #636e6f;color: #636e6f;}
.riskLine span.etcCon01{ border: 1px solid #4391ca;color: #4391ca;}
.riskLine span.etcCon02{position: relative;	border: 1px solid #00aaaa;color: #00aaaa;padding-right:10px;margin-right: 20px;font-family: NotoSans_Regular;border-right:none;padding-top: 0;}/*자산배분 알파*/
.riskLine span.etcCon03{position: relative;border: 1px solid #9357c0;color: #9357c0;margin-right:20px;font-family: NotoSans_Regular;border-right:none;padding-top: 0;} /*다이렉트 알파*/
.riskLine span.etcCon04{position: relative;border: 1px solid #00aaaa;color: #00aaaa;padding-right:10px;margin-right: 20px;font-family: NotoSans_Regular;border-right:none;padding-top: 0;} /*개인연금*/
.riskLine span.etcCon05{position: relative;border: 1px solid #9357c0;color: #9357c0;padding-right:10px;font-family: NotoSans_Regular;border-right:none;padding-top: 0;} /*퇴직연금*/

.riskLine span.etcCon02:before ,
.riskLine span.etcCon03:before ,
.riskLine span.etcCon04:before ,
.riskLine span.etcCon05:before {content: '';display: block;width:23px;height:23px;background-image: url('https://image.kebhana.com/cont/common/img/kha/icon_char_face.png');background-repeat:no-repeat;position: absolute;top:-1px;right: -20px;}
.riskLine span.etcCon03:before , .riskLine span.etcCon05:before{background-position: 0 bottom;}

.proTit{font-size:16px;display: block; font-family: NotoSans_Dl; margin-top: 10px;color: #444;}

.investPrice{color: #444;font-size: 14px;}
.investPrice dt{font-family:NotoSans_Regular;}
.investPrice dd{font-weight: bold;margin-top: 15px;text-align: right;padding-right:10px;}

.saletxtBox {margin-top: 40px;}
.saletxtBox h6{background: transparent;font-size: 16px;font-weight: bold;}
.saletxtBox{text-align: center;}

.khaWrap .lst_01 + .khaRcomBox{margin-top: 20px;}
.khaWrap .pop_ty01 .investBox.register{margin-top: 0;border:none;/*padding:30px 0 0 0;width:800px;*/}

.investBox.register .investStyleSel#investSel{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_select.png') no-repeat 0 0;margin-top:10px;}
.userResultBox{width: inherit;display:inline-block;padding:23px 0 23px 40px;background-color: #f4f4f5;text-align: center;box-sizing:border-box;}
.userResultBox dl{overflow: hidden;letter-spacing: -1px;}
.userResultBox dl dt{display: inline-block;color:#444;font:14px/1.2 NotoSans_Medium;}
.userResultBox dl dd{display: inline-block;margin-right: 10px;font:14px/1.2 NotoSans_Regular;}
.userResultBox .transDetail{text-align: center;display: inline-block;}

.khaWrap .pop_ty11.visualbg{background:#fff url('https://image.kebhana.com/cont/common/img/kha/bg_pop.png') no-repeat 0 0;}
.khaWrap .pop_ty11 .contBox01 p.numphoneTxt{margin-top: 20px !important;}
.khaWrap .pop_ty11 .contBox01 p.numphoneTxt label{font-weight: bold;}
.noUsertxt{padding:43px 0 18px 25px;font-size:16px;color:#037b7c;font-weight: bold;line-height: 1.4;}

.transCurrentBox{display: table;width: 700px;}
.transCurrentBox ul{margin-top: 15px;}
.transCurrentBox ul li{float:left;width: 171px;margin-left: 5px;text-align: center;}
.transCurrentBox ul li:first-child{margin-left: 0;}
.transCurrentBox dl{background-color: #f4f5f6;display: table-cell;width: 170px;	padding:39px;}
.transCurrentBox dl dt{font-family: NotoSans_Regular;}
.transCurrentBox dl dd{font:30px/1.2 NotoSans_Medium;margin-top: 10px;}
.pop_cont h5 + .tbldiv{width:inherit !important;}
.pop_cont .tbl_col01.khatbl{border-bottom:1px solid #9f9f9f !important;}
.khaRcomBox.khapopWrap {width: 700px;}
.khapopWrap .khacomList li > div{padding:0 5px;box-sizing:border-box;text-align: center;}
.khapopWrap .khacomList li > div:first-child , .khapopWrap .khacomHead li:first-child{width:40px;}
.khapopWrap .khacomList li > div + div{text-align: left;}
.khapopWrap .khacomList li > div + div , .khapopWrap .khacomHead li:first-child + li{width:440px;}
.khapopWrap .khacomList li > div + div + div, .khapopWrap .khacomHead li:first-child + li + li{width:160px;text-align: center;}
.khapopWrap .khacomList li > div + div + div + div, .khapopWrap .khacomHead li:first-child + li + li + li{width:80px;}
.khapopWrap .khacomList li > div + div + div + div{font:16px/1.2 NotoSans_Medium;}
.khacomList li .numTxt{border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;}

.khapopWrap .check .checkCompare{position:static;width:12px;height: 12px;text-indent:-9999em;}
.khapopWrap .check input[type="checkbox"] + label{display:inline-block;vertical-align: top;width:12px;height: 12px;}
.khapopWrap .check input[type="checkbox"]{position: absolute;z-index: 10;filter:alpha(opacity=0);opacity: 0;}
.khapopWrap .check input[type="checkbox"] + label{display: inline-block;vertical-align: top;color: #666;line-height: 1;letter-spacing: -1px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_checkbox.gif') no-repeat;background-position: left top;}
.khapopWrap .check input[type="checkbox"] + label.checkCompare.on{background-position: left -15px;}
.khapopWrap .check input[type="checkbox"] + label.checkCompare.disabled{background-position: left bottom;}
.resultTotal dl{overflow: hidden;border-top:1px solid #111;border-bottom:1px solid #e1e1e1;text-align:center;width: 700px;padding:15px 0;}
.resultTotal dt{float:left;width: 60%;font:16px/1.2 NotoSans_Medium;color:#333;}
.resultTotal dd{float:right;width: 40%;text-align: right;font:20px/1.2 NotoSans_Regular;color:#e77513 ;}
.pop_ty01 .khaRoutine{margin-bottom: 10px; }

.smtoolTip{display:none;position: absolute;padding:10px 12px 5px;width:145px;margin-left:-70px; background: #505050 url('https://image.kebhana.com/cont/common/img/khafundmall/bg_toolbox_top.png') no-repeat left top;z-index: 100;}
.smtoolTip p{display: block;color: #fff;font-size: 11px;text-align: center;font-weight:normal;word-break:break-all;}
.smtoolTip:after{content:'';display: block;width: 14px;height: 7px;background:url('https://image.kebhana.com/cont/common/img/khafundmall/bg_toolbox_arrow.png') no-repeat 0 0;position: relative;top:12px;right: -90px;}
.failureTxt{display:block;color:#ed2a71;}
.failureTxt:hover + .smtoolTip{display:block;}
.accountTxt{display: block;	font-size: 11px;color:#777;}

.stepTxtBox {text-align: center;}
.stepTxtBox .stepTxt{display:inline-block;font:20px/1.2 NotoSans_Regular;vertical-align: middle;padding:0 20px;}

/*자산진단*/
.mypetyTabs{position: relative;overflow: hidden;margin-top: 30px;}
.mypetyTabs:after{content: '';display:block;height:1px;width: 100%;background-color:#008485;position: absolute;bottom: 0;}
.mypetyTabs li:first-child{margin-left: 0;width: 197px;}
.mypetyTabs li{float:left;width:195px;border:1px solid #018485;border-bottom:none;box-sizing:border-box;margin-left:6px;text-align: center;cursor:pointer;}
.mypetyTabs li a{display: inline-block;line-height: 40px;font-size:18px;font-family:NotoSans_Dl;color:#008485;}
.mypetyTabs li.on{background-color:#008485;border:1px solid #008485;}
.mypetyTabs li.on a{color:#fff;font-family: NotoSans_Regular;}
.myproTxt{text-align: center;margin:30px 0;font: 21px/1.2 NotoSans_Regular;}
.myproTxt + .bgDate{margin-top: 30px;}

.noticeTxt{margin: 35px 0;}
.noticeTxt , .noticeTxt span{text-align: center;font:18px/1.4 NotoSans_Regular;}
.noticeTxt span{display: inline-block;padding-left:26px;position: relative;}
.noticeTxt span:before{content: '';display: inline-block;width: 20px;height: 20px;background: url('https://image.kebhana.com/cont/common/img/kha/bul_notice.png') no-repeat 0 0;position: absolute;top:3px;left:5px;} 
.mypropertyBox{overflow: hidden;margin-top: 5px;height: 320px;}
.mypropertyBox .fl{width: 445px;}
.mypropertyBox .fl .borderBox{padding:15px 10px;height: 320px;box-sizing:border-box;position:relative;}
.mypropertyBox .fr{width: 343px;}
.mypropertyBox .fl .investChartArea{display:table-cell;width:240px;height: 300px;}
.mypropertyBox .fl .borderBox .ie8Box{height:300px;width: 230px;top:10px;}

.bankingType{display: table-cell;width: 180px;vertical-align: middle;padding-top: 20px;}
.bankingType li{position: relative;padding-bottom: 18px;padding-left: 20px;}
.bankingType li:first-child{margin-left: 0;padding-top: 0;}
.bankingType li:before{content: '';display: inline-block;width:14px;height: 14px; position: absolute;top:3px;left:0;background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_banking_color.png');background-repeat: no-repeat;}
.bankingType li.bk01:before{background-position:0px 0px;} /*예적금 #8c5fbe*/
.bankingType li.bk02:before{background-position:-19px 0;} /*펀드 #cb835b*/
.bankingType li.bk03:before{background-position: -38px 0;} /*신탁 #67b19d*/
.bankingType li.bk04:before{background-position: -57px 0;} /*ISA #b56235*/
.bankingType li.bk05:before{background-position: -76px 0;} /*퇴직연금 #ccad00*/
.bankingType li.bk06:before{background-position: -95px 0;} /*방카슈랑스 #ff8686*/

.bankingType li.bk01 dl dd{color:#8c5fbe;}
.bankingType li.bk02 dl dd{color:#cb835b;}
.bankingType li.bk03 dl dd{color:#67b19d;}
.bankingType li.bk04 dl dd{color:#b56235;}
.bankingType li.bk05 dl dd{color:#ccad00;}
.bankingType li.bk06 dl dd{color:#ff8686;}

.bankingType dl{position: relative;overflow: hidden;}
.bankingType dl dt{float:left;margin-right:10px;font-size: 15px;letter-spacing: -1px;font-family: NotoSans_Dl;color: #505050;}
.bankingType dl dd{float:right;font-size: 15px;font-family:NotoSans_Dl;}

.tbldiv.bdnone{border-top:none;}
.chartLoad {margin-top: 5px;position:relative;border:1px solid #eee;}
.chartLoad .graph{text-align: center;background-color: #f2f6f7;line-height: 20;}
.chartLoad + .khaRcomBox{margin-top: 30px;}

.roboTab{position: relative;text-align: center;margin-top: 30px;}
.roboTab:before{content: '';display: block;background-color:#dcdcdc;width: 100%;height: 1px;position: absolute;top:19px;z-index: -1;}
.roboTab ul:before , .roboTab ul:after {content: '';display: inline-block;width:7px;height: 7px;position: absolute;top:16px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_dot.png') no-repeat 0 0;}
.roboTab ul:before{left: 0;}
.roboTab ul:after{right: 0;}
.roboTab ul li{display: inline-block;width:158px;height: 40px;line-height: 40px;background-image:url('https://image.kebhana.com/cont/common/img/kha/bul_up.png');background-repeat: no-repeat;background-position: 0 0;}
.roboTab ul li:first-child{margin-right: 5px;}
.roboTab ul li a{display: block;background-image:url('https://image.kebhana.com/cont/common/img/kha/btn_property_off.png');background-repeat: no-repeat;background-position: 0 0;font-size:18px;font-family:NotoSans_Regular;color:#689881;}
.roboTab ul li.on a{background-image:url('https://image.kebhana.com/cont/common/img/kha/btn_property_on.png');color:#fff;}
.roboTab ul li.disable a{background-image:url('https://image.kebhana.com/cont/common/img/kha/btn_property_disable.png');color:#e2e2e2;text-decoration: none !important;cursor: default;}

.roboCont{overflow: hidden;}
.roboCont > .fl , .roboCont > .fl > div.borderBox{padding:0 !important;width:446px !important;}
.roboCont > .fl .chartArea{display:table-cell;width:220px;height:275px;margin-top: 24px;vertical-align: middle;}
.roboCont > .fr{width:292px;}

.roboCont > .fl .investSulation{width: 200px;}
.roboCont > .fl .investSulation dl dt{margin-right: 0;}
.roboCont > .fr .photoChartList{width:298px;}
.roboCont > .fr .photoChartList{margin-left: -3px;}
.roboCont > .fr .photoChartList li{width:142px;margin-left:5px;height: 134px;}
.roboCont > .fr .photoChartList li span{font-size:20px;height:105px;}
.roboCont > .fr .photoChartList li div em{font-size: 16px;}
.roboCont .fl .borderBox .ie8Box{width:210px;}

.propertyCurrent.fl {width: 40%;}
.propertyCurrent.fr {width: 60%;}
.propertyCurrent dt , .propertyCurrent dd{display: inline-block;font:15px/1.2 NotoSans_Dl;letter-spacing: -1px;}
.propertyCurrent dt + dd{margin-right:10px;}

.accountLine{overflow:hidden;margin-top: 15px;}
.accountLine dt , .accountLine dd{display: inline-block;height: 16px;font-size: 12px;font-family: Malgun Gothic;}
.accountLine dd{margin-right: 60px;}
.pop_ty01 .accountTxt{font-size:13px !important;color:#888;margin-top:10px;letter-spacing:normal;font-family: Malgun Gothic;}

.roboMessage{width:800px;height:428px;margin-top: 30px;text-align:center;background: url('https://image.kebhana.com/cont/common/img/kha/bg_robo_message.gif') no-repeat 0 0;}
.roboMessage p , .roboMessage p span.pointColor{font-family: NotoSans_Regular;line-height: 1.2;}
.roboTxt{font-size:21px;color:#000;padding-top: 230px;margin-bottom: 10px;}
.robosmTxt{font-size:16px;color: #3d3d3d;margin-top: 5px;}
.robosmTxt{font-size:16px;color: #3d3d3d;margin-top: 5px;}

/*로보진단*/
.roboproCont{margin-top: 22px;}
.roboproCont .grayBox.bgChar{border-top:1px solid #f1f1f3;border-bottom:1px solid #f1f1f3;padding:20px 0;background:#f8f8fa url('https://image.kebhana.com/cont/common/img/kha/bg_gray_char.png') no-repeat 0 15px;}
.roboproCont .grayBox.bgChar .boxinTxt{padding-left:220px;}
.roboproCont .grayBox.bgChar .boxinTxt + .boxinTxt{margin-top: 10px;text-align: center;padding-left:140px;}
.roboproCont .grayBox + .grayBox{margin-top: 10px;}
.boxinTxt{font: 18px/1.2 NotoSans_Dl;}
.boxinTxt .pointColor{font-size:20px;font-family: NotoSans_Medium;letter-spacing: -1px;}
.roboproCont .blueList{padding:14px 0 0 14px;}
.roboproCont .grayBox{margin-bottom: 40px;}
.blueList li{position: relative;font:14px/1.2 NotoSans_Dl;padding-left:14px;color:#666;padding-bottom: 15px;}
.blueList li:before{content: '';display: block;width:8px;height: 8px;background: url('https://image.kebhana.com/cont/common/img/kha/dot_blue.png') no-repeat 0 0;position: absolute;top:5px;left:0;}
.blueList li .pointColor{font-size:18px;font-family:NotoSans_Medium;}
.blueList .toolTip{float:none;display: inline-block;margin-top: -5px;margin-left:10px;}

.recommType{overflow: hidden;margin-top: 20px;background: url('https://image.kebhana.com/cont/common/img/kha/bg_arrow_big.png') no-repeat 75% center;}
.recommType .fl{width: 540px;}
.recommType .fr{width: 152px;}

.ie8Box{position:absolute;top:70px;width:240px;height: 240px;background-color: #f2f6f7;padding:70px 10px 0 10px;box-sizing:border-box;margin-right:20px;z-index:10;}
.investViewBox .ie8Box{position:static;width: 100%;text-align: center;height: 200px;margin-top:10px;}
.investViewBox .ie8Box p{display: inline-block;}

/*다건신규*/
.tblinAgree li{border-top:1px solid #e2e2e2;padding:10px 0 5px 0;}
.tblinAgree li:first-child{padding-top:5px;border-top: none;}
.tblinAgree li .tbl_btnBtm{margin-top: -20px;}

.khaproGress {overflow: hidden;width: 750px;}
.khaproGress .progTit{font:14px/1.2 NotoSans_Medium; color:#000;margin-bottom: 10px;}
.khaproGress .progTxt{position: relative;font:13px/1.5 NotoSans_Regular;color: #3d3d3d;letter-spacing: -1px;padding-left:7px;}
.khaproGress .progTxt:before{content: '-';position: absolute;left: 0;top:0px;}
.khaproGress .progTxt + p{margin-top: 30px;}

.rightBtn{text-align: right;margin-top: -20px;}
.grayBox01 .btngreensBox.type1{margin-left: 0 !important;}
.grayBox01 .btngreensBox.type1 button{margin-right:2px;}
/*공통*/
.khaWrap i{font-style: normal !important;}
.f_btn.graybg{vertical-align: inherit;}
.f_btn.graybg a{background-image:none;background-color: #666666;color: #fff;height: 25px;line-height: 19px;font-family:NotoSans_Regular;font-size:14px;}
.f_btn.graybg a:hover{color: #fff !important;}
.btnlight{background-color:#7cbebd;text-align: center;width: 354px;display: inline-block;}
.btnlight span{overflow: hidden;display: inline-block;letter-spacing:-1px;font-size:18px;font-family:NotoSans_Regular;line-height:36px;color:#fff;}
.btnlight span:after{content: '';display: block;float:right;width:26px;height:10px;margin:14px 0 0 10px ;background-image:url('https://image.kebhana.com/cont/common/img/kha/bul_down.png');background-repeat: no-repeat;background-position: 0 0;}
.btnlight.on{background-color:#008485;}
.btnlight.on span:after{background-image:url('https://image.kebhana.com/cont/common/img/kha/bul_up.png');}
.basicTxt{font-size: 12px;}

.mt0{margin-top: 0;}
.posr{position: relative !important;}
.pointTxt{color:#e77513;text-decoration: underline;font:15px/1.2 NotoSans_Regular;}
.pointColor{color:#008485 !important;}
.newPointColor{color:#008c8c !important;}
.orangeColor{color: #e77513 !important;}
.redOrageColor{color:#e57147 !important;}
.pinkColor{color: #ed859e !important;}
.lightPink{color:#f89f9f !important;}
.seaColor{color: #509bc7 !important;}
.blueColor{color:#6681c6 !important;}
.cyanColor{color: #18a494 !important;}
.redColor{color: #fe0000 !important;}
.blackColor{color: #222 !important;}
.purpleColor{color:#9080b9 !important;}
.greenColor{color:#379362 !important;}
.darkgrayColor{color:#444 !important;}
.mt0{margin-top: 0 !important;}
.mmt1{margin-top: -1px;}
.lets{letter-spacing: -1px !important;}
.ft11{font-size: 11px !important;}
.ft14{font-size: 14px !important;}
.ft16{font-size: 16px !important;}
.disnone{display: none !important;}
.tar{text-align: right !important;}
.bodNone{border-bottom: none !important;}
.mr20{margin-right:20px !important;}
.txtUp{color:#e03d7c !important;}
.txtDw{color:#008485 !important;}
.txtGray{color:#444 !important;}
.pointer{cursor: default !important;}
.grayColor{color:#666 !important;}


/*FAQ*/
.khafaqmenuBox{margin-top:30px;}
.khafaqmenuBox .mypetyTabs{margin-bottom: 20px;}
.khafaqmenuBox .mypetyTabs li{width:155px;}
.khafaqCont .pagingWrap{display:none;}
.khaCont .faqTop{padding-top:20px;}
.khafaqCont .faqList li a{padding-left: 20px;font-family:NotoSans_Regular;font-size: 16px}
.khafaqCont .faqList li a strong{position: absolute;left:20px;}
.khafaqCont .faqList li .answer > div{margin-left: 10px;}
.khafaqCont .faqList .answer strong{position: absolute;left:0px;color:#e77513;font-family: NotoSans_Medium;}
.khafaqCont	.faqList li.on {background-color:#fafbfc;background-position:right -429px}
.khafaqCont	.faqList li.on a,.faqList li.on a strong {color:#008485;font-weight:bold}
.khafaqCont	.faqList li.on a,.faqList li.on a strong {color:#008485;font-weight:bold}
.khafaqCont	.faqList li .answer {position:relative; top:0; height:0;overflow:hidden;margin-left:21px;}
.khafaqCont	.faqList li .answer strong em,.faqList li a strong em {overflow:hidden;position:absolute;top:-9999px;width:0;height:0;font-size:0}
.khafaqCont	.faqList li .answer > div {font-weight:normal;color:#555;padding-left:10px;}
.khafaqCont	.faqList li .answer > div > p{font-family:NotoSans_Dl;font-size:15px;}
.khafaqCont	.faqList li .answer a {display:inline;padding:0;margin:0;color:#666;font-weight:normal;}
.faqList {clear:both;width:100%;border-bottom:1px solid #f1f1f1}
.khafaqCont .faqList li {position:relative; display:block;min-height:24px;background:url('https://image.kebhana.com/cont/common/img/kha/bul_faq_arrow.png') no-repeat right 22px;border-top:1px solid #f1f1f1;padding:15px 0  10px;margin:0;color:#555;font-size:14px}