@charset "utf-8";
/*
https://dev11.kebhana.com:18080/cont/common/css/stg/kha_new.css
2018-02-12 반영
2018-03-02 반영
2018-03-08 반영
2018-03-09 반영
2018-03-14 반영
*/
/* 연금설계 */
.dot2{background-position: 0 -10px;} /* 2017.12수정_이경희 */

/*설계이력_2017.12_수정*/
.compColor {color:#00aaaa;}
.posColor {color:#96bb2d;}
.ingColor {color:#f9a51a;}
.endColor {color:#636e6f;}
.color1 {color:#333 !important;}
.color2 {color:#f73880 !important;}
.color3 {color:#f13c42 !important;}

/* list */
ul.dot-info li ul.dot-subInfo.type2 li {padding-left:10px;text-indent:-15px;}

/* border */
.bdt1 {border-top:1px solid #838383 !important;}

/* padding */
.pdt30 {padding-top:30px !important;}

/* font */
.fs14 {font-size:14px !important;}

.searchWrap {background:#f6f6f6; padding:20px 0 20px 47px; margin-top:30px;}
.searchWrap:after {content:''; clear:both; display:block;}
.searchBox {overflow:hidden;}
.searchWrap dl {float:left; margin-right:6px;}
.searchWrap dl {content:''; clear:both; display:block;}
.searchWrap dl dt {float:left; font:16px NotoSans_Regular; color:#222a3b; clear:both; height:40px; line-height:40px;}
.searchWrap dl dd {float:left; margin-left:20px;}
.searchWrap dl dd > span {float:left; margin:20px 7px 19px; display:inline-block; border:1px solid #222a3b; width:10px;}

.btn-type.green5 {height:40px; line-height:38px; padding:0px 20px; background:#18a494; border:1px solid #18a494; border-radius:3px; color:#fff;float:left;}
.btn-type.green5:hover, .btn-type.green5:focus{background-color:#008485;}
.btn-type.white7{height:40px; line-height:38px; padding:0px 13px; background-color:#fff; border:1px solid #c1c1c1; border-radius:3px;float:left;}
.btn-type.white7:hover,.btn-type.white7:focus{background-color: #eee;border:1px solid #a5a5a5;}
.banking-cont .tbl_btnTop {margin-top:0; position:absolute; top:16px; right:0;}

/*투자성향 분석*/
.portfolioBox .investBox .fl > div.borderBox{position:relative;}
.modelType li{width:19px;} /*2017.12.11 width값 수정_이경희*/

.modelType li.on, .modelType li:hover{width:76px;}/*2017.12.11 width값 수정_이경희*/
.modelType li.on span[class^="mtype"] , .userresultBox dd span[class^="mtype"].on , .modelType li:hover span[class^="mtype"] {width: 79px;}/*2017.12.11 width값 수정_이경희*/
.modelType li span[class^="mtype"], .userresultBox dd span[class^="mtype"]{width:19px; background-image: url('https://image.kebhana.com/cont/common/img/kha/bg_smmtype_color.png'); background-repeat:no-repeat;} /*2017.12.11 width값 수정_이경희*/

.mtype02{background-position:-25px 0;}/*안정형*/ /*2017.12.11 width값 수정_이경희*/
.mtype03{background-position:-50px 0;}/*안정추구형*/ /*2017.12.11 width값 수정_이경희*/
.mtype04{background-position:-75px 0;}/*위험중립형*/ /*2017.12.11 width값 수정_이경희*/
.mtype05{background-position:-100px 0;}/*적극투자형*/ /*2017.12.11 width값 수정_이경희*/
.mtype06{background-position:-125px 0;}/*공격투자형*/ /*2017.12.11 width값 수정_이경희*/

.borderBox{position:relative;overflow:inherit;}
.photoChartBox .borderBox{overflow:hidden;}
.investBox.borderBox{height:auto; border:1px solid #a6d3d4; padding:0 0 10px; overflow:visible;}
.investBox.borderBox .userresultBox{padding:20px 0px 15px 15px;border-bottom:1px solid #e2e2e2;margin-bottom: 10px;background:#fff;} 
.reballenceBox > .photoChartList li.comImg01 div .toolTipBox{top:-16px !important; right:-3px !important;}
.reballenceBox > .photoChartList li.comImg02 div .toolTipBox{top:-16px !important; right:-91px !important;}
.reballenceBox > .photoChartList li.comImg03 div .toolTipBox{top:122px !important; right:-7px !important;}
.reballenceBox > .photoChartList li.comImg04 div .toolTipBox{top:122px !important; right:-116px !important;}
.investViewBox .grayBox01 .btngreensBox.type1 .inputBg input[type="text"]{height:24px;width:100px;text-align:left;padding-left:30px;}
.investViewBox .grayBox01 .btngreensBox.type1 .inputBg a{left:4px;}

.singleTxt{letter-spacing: -0.5px;}

/*추천 리스트*/
.riskLine span.etcCon{line-height:16px;}
.riskLine span.etcCon01{line-height:16px;}
.proTit a {font-size:16px;display: block; font-family: NotoSans_Regular; margin-top: 10px;color: #444;}
.failureTxt:hover {text-decoration:underline;}

/*자산진단*/
.roboTab ul li a{line-height:37px;}
.pop_ty01 .accountTxt{font-family: "NotoSans_Regular";}

/*공통*/
.mt45{margin-top: 45px !important;}
.greenColor02{color:#18a494 !important}
.failColor{color:#f13c42;}
.passColor{color:#00aaaa;}
.bottom-button.center {margin-top:30px;text-align:center;}

/*FAQ*/
.khafaqCont .pagingWrap.on{display:block;}
.faqList {clear:both;width:100%;border-bottom:1px solid #f1f1f1;}
.khafaqCont .faqList li {padding:15px 0;}

/*자산관리 메인*/

/*2017.12추가*/
.khaCont .banking-content {padding-top:0;}


/* 2017.02.20 수정 */
.khaCont .info-table .no-bdl.ac .disabled {background:none;}

/*매니저추천 개인연금설계_2017.12*/
.investTit.manager {background-image:url('https://image.kebhana.com/cont/common/img/kha/bg_invest_tit05.jpg');} 

/*로보퇴직연금설계_2017.12*/
.investTit.retirement {background-image:url('https://image.kebhana.com/cont/common/img/kha/bg_invest_tit06.jpg');}
.surveyType09{overflow: hidden;margin-top: 10px;}
.surveyType09 > 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;}
.surveyType09 li:first-child {margin-right:20px;}
.surveyType09 > li:hover,.surveyType08 > li.on {background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest07_hover.png') no-repeat 0 0;}
.txtPoint {margin-top:12px; font:14px 'NotoSans_Regular'; color:#6e7277; padding-left:20px; position:relative;}
.txtPoint:before {display:block;content:'';background:url('https://image.kebhana.com/cont/common/img/kha/bul_check2.png') center center no-repeat; width:11px;height:24px;position:absolute;left:0;top:0;}

.surveyType09{overflow: hidden;margin-top: 10px;}
.surveyType09 > 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;}
.surveyType09 li:first-child {margin-right:20px;}
.surveyType09 > li:hover,.surveyType09 > li.on {background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest07_hover.png') no-repeat 0 0;}
.surveyType09 > li{position: relative; text-align: left !important;}
.surveyType09 li > label{position: absolute;top: 0;right:0;height:100px;}
.surveyType09 li > label:before{content: '';display: block;width: 77px;height: 70px;overflow:hidden;position: absolute;top:10px;left:38px;background-repeat:no-repeat;background-position: 0 0;}
.surveyType09 li.survey01 > label:before {width:94px;height:63px;top:13px;}
.surveyType09 li.survey02 > label:before {width:95px;height:63px;top:11px;}
.surveyType09 li:hover > label:before , .surveyType09 li.on > label:before{background-position: 0 bottom;}

.surveyType09 li.survey01:hover > label strong , .surveyType09 li.survey01.on > label strong {color:#008485;font-weight:bold;}
.surveyType09 li.survey02:hover > label strong , .surveyType09 li.survey02.on > label strong{color:#e77513;font-weight:bold;} 
.surveyType09 > li strong{padding:20px 0 0 160px;}
.surveyType09 > li strong >span {font-size:16px;}
.surveyType09 > li.survey01 label:before{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_req25.png');}
.surveyType09 > li.survey02 label:before{background-image: url('https://image.kebhana.com/cont/common/img/kha/img_req26.png');}

.surveyType09 strong{display: block;font:20px/1.2 NotoSans_Regular;}

/*자산설계 스텝_2017.12*/
.stepWrap {height:50px; margin-bottom:45px;} /* 재정의 02/01 */
.stepWrap .stepStyle1,
.stepWrap .stepStyle2,
.stepWrap .stepStyle3,
.stepWrap .stepStyle4,
.stepWrap .stepStyle5 {display:table; width:100%; position:relative; height:50px;}
.stepWrap .stepStyle1:before,
.stepWrap .stepStyle2:before,
.stepWrap .stepStyle3:before, 
.stepWrap .stepStyle4:before,
.stepWrap .stepStyle5:before {content:''; display:inline-block; width:800px; height:50px; position:absolute; top:0; left:0; z-index:-1;}
.stepWrap .stepStyle1:before {background:url('https://image.kebhana.com/cont/common/img/kha/bg_style_step01.png') no-repeat 0 0;}
.stepWrap .stepStyle2:before {background:url('https://image.kebhana.com/cont/common/img/kha/bg_style_step11.png') no-repeat 0 0;}
.stepWrap .stepStyle3:before {background:url('https://image.kebhana.com/cont/common/img/kha/bg_style_step21.png') no-repeat 0 0;}
.stepWrap .stepStyle4:before {background:url('https://image.kebhana.com/cont/common/img/kha/bg_style_step31.png') no-repeat 0 0;}
.stepWrap .stepStyle5:before {background:url('https://image.kebhana.com/cont/common/img/kha/bg_style_step41.png') no-repeat 0 0;}
.stepWrap .stepStyle1 li,
.stepWrap .stepStyle2 li, 
.stepWrap .stepStyle3 li,
.stepWrap .stepStyle4 li,
.stepWrap .stepStyle5 li{display:table-cell; text-align:center; vertical-align:middle; box-sizing:border-box; font-size:15px; font-family:NotoSans_Regular; letter-spacing:-1px; line-height:50px;}
.stepWrap .stepStyle1 li em,
.stepWrap .stepStyle2 li em,
.stepWrap .stepStyle3 li em,
.stepWrap .stepStyle4 li em,
.stepWrap .stepStyle5 li em {margin-right:5px;}
.stepWrap .stepStyle1 li.active,
.stepWrap .stepStyle2 li.active,
.stepWrap .stepStyle3 li.active,
.stepWrap .stepStyle4 li.active,
.stepWrap .stepStyle5 li.active {font:22px NotoSans_Bold; line-height:50px; color:#008485;}

.stepWrap .stepStyle1 li:first-child {width:278px;}
.stepWrap .stepStyle1.step2 li.active {width:280px;}
.stepWrap .stepStyle1.step2 li:first-child {width:200px;}
.stepWrap .stepStyle1.step3 li.active{width:280px;}
.stepWrap .stepStyle1.step3 li:first-child{width:200px;}
.stepWrap .stepStyle1.step3 li:first-child + li{width: 200px;}
.stepWrap .stepStyle1.step4 li.active {width:200px;}
.stepWrap .stepStyle1.step4 li:first-child {width:210px;}
.stepWrap .stepStyle1.step2:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step02.png') no-repeat 0 0;}
.stepWrap .stepStyle1.step3:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step03.png') no-repeat 0 0;}
.stepWrap .stepStyle1.step4:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step04.png') no-repeat 0 0;}

.stepWrap .stepStyle2 li:first-child {width:260px;}
.stepWrap .stepStyle2.step2 li.active {width:280px;}
.stepWrap .stepStyle2.step2 li:first-child {width:200px;}
.stepWrap .stepStyle2.step3 li.active{width:280px;}
.stepWrap .stepStyle2.step3 li:first-child{width:200px;}
.stepWrap .stepStyle2.step3 li:first-child + li{width: 200px;}
.stepWrap .stepStyle2.step4 li.active {width:200px;}
.stepWrap .stepStyle2.step4 li:first-child {width:200px;}
.stepWrap .stepStyle2.step4 li:first-child + li + li {width:180px;}
.stepWrap .stepStyle2.step2:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step12.png') no-repeat 0 0;}
.stepWrap .stepStyle2.step3:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step13.png') no-repeat 0 0;}
.stepWrap .stepStyle2.step4:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step14.png') no-repeat 0 0;}

.stepWrap .stepStyle3 li:first-child {width:340px;}
.stepWrap .stepStyle3.step2 li.active {width:270px;}
.stepWrap .stepStyle3.step2 li:first-child {width:250px;}
.stepWrap .stepStyle3.step3 li.active{width:264px;}
.stepWrap .stepStyle3.step3 li:first-child{width:250px;}
.stepWrap .stepStyle3.step3 li:first-child + li{width: 184px;}
.stepWrap .stepStyle3.step4 li.active {width:200px;}
.stepWrap .stepStyle3.step4 li:first-child {width:250px;}
.stepWrap .stepStyle3.step4 li:first-child + li + li {width:160px;}
.stepWrap .stepStyle3.step2:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step22.png') no-repeat 0 0;}
.stepWrap .stepStyle3.step3:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step23.png') no-repeat 0 0;}
.stepWrap .stepStyle3.step4:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step24.png') no-repeat 0 0;}

.stepWrap .stepStyle4 li:first-child {width:325px;}
.stepWrap .stepStyle4 li:first-child + li {width:200px;}
.stepWrap .stepStyle4.step2 li.active {width:270px;}
.stepWrap .stepStyle4.step2 li:first-child {width:250px;}
.stepWrap .stepStyle4.step3 li.active{width:255px;}
.stepWrap .stepStyle4.step3 li:first-child{width:250px;}
.stepWrap .stepStyle4.step3 li:first-child + li{width: 184px;}
.stepWrap .stepStyle4.step4 li.active {width:195px;}
.stepWrap .stepStyle4.step4 li:first-child {width:250px;}
.stepWrap .stepStyle4.step4 li:first-child + li + li {width:160px;}
.stepWrap .stepStyle4.step2:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step32.png') no-repeat 0 0;}
.stepWrap .stepStyle4.step3:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step33.png') no-repeat 0 0;}
.stepWrap .stepStyle4.step4:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step34.png') no-repeat 0 0;}

.stepWrap .stepStyle5 li:first-child {width:238px;}
.stepWrap .stepStyle5 li:first-child + li {width:139px;}
.stepWrap .stepStyle5 li:first-child + li + li {width:136px;}
.stepWrap .stepStyle5 li:first-child + li + li + li {width:167px;}
.stepWrap .stepStyle5 li:first-child + li + li + li + li {width:120px;}
.stepWrap .stepStyle5.step2 li.active {width:207px;}
.stepWrap .stepStyle5.step2 li:first-child {width:170px;}
.stepWrap .stepStyle5.step2 li:first-child + li + li {width:136px;}
.stepWrap .stepStyle5.step2 li:first-child + li + li + li {width:167px}
.stepWrap .stepStyle5.step2 li:first-child + li + li + li + li {width:120px}
.stepWrap .stepStyle5.step3 li.active {width:205px;}
.stepWrap .stepStyle5.step3 li:first-child {width:170px;}
.stepWrap .stepStyle5.step3 li:first-child + li{width:138px;}
.stepWrap .stepStyle5.step3 li:first-child + li + li + li {width:167px;}
.stepWrap .stepStyle5.step3 li:first-child + li + li + li + li {width:120px;}
.stepWrap .stepStyle5.step4 li.active {width:238px;}
.stepWrap .stepStyle5.step4 li:first-child {width:170px;}
.stepWrap .stepStyle5.step4 li:first-child + li {width:138px}
.stepWrap .stepStyle5.step4 li:first-child + li + li {width:134px;}
.stepWrap .stepStyle5.step4 li:first-child + li + li + li + li {width:120px;}
.stepWrap .stepStyle5.step5 li.active {width:189px;}
.stepWrap .stepStyle5.step5 li:first-child {width:170px;}
.stepWrap .stepStyle5.step5 li:first-child + li {width:138px}
.stepWrap .stepStyle5.step5 li:first-child + li + li {width:134px;}
.stepWrap .stepStyle5.step5 li:first-child + li + li + li {width:169px;}
.stepWrap .stepStyle5.step2:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step42.png') no-repeat 0 0;}
.stepWrap .stepStyle5.step3:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step43.png') no-repeat 0 0;}
.stepWrap .stepStyle5.step4:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step44.png') no-repeat 0 0;}
.stepWrap .stepStyle5.step5:before{background: url('https://image.kebhana.com/cont/common/img/kha/bg_style_step45.png') no-repeat 0 0;}


/*TDF펀드추천_2017.12*/
ul.dot-info {margin-top:25px;}
ul.dot-info li {padding-left:13px; text-indent:-13px; font:16px NotoSans_Regular; color:#637079; line-height:24px; letter-spacing:-0.7px;}
ul.dot-info li:before {content:""; display:inline-block; width:13px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; vertical-align: middle;}
ul.dot-info li ul.dot-subInfo li {padding-left:8px; text-indent:-8px;}
ul.dot-info li ul.dot-subInfo li:before {content:""; display:inline-block; width:8px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dash.png') 0 center no-repeat; vertical-align: middle;}
ul.dot-info li .btn_question {position:relative; top:5px;}
ul.dot-info li em {color:#27b2a5;}
ul.dot-info li em.blk {font-family:'NotoSans_Bold';}
.toggle-info-tdf {margin-top:30px; padding:24px; border:1px solid #ddd; width:100%;}
.toggle-info-tdf p {text-align:center; margin-top:25px; font:16px NotoSans_Regular; color:#555;}
.toggle-info-tdf p > strong {display:block; font:24px NotoSans_Medium; color:#27b2a5; margin-top:10px;}


.hana-body .banking-row-area .input-focus-wrap select.select-type.valIn,
.hana-body .banking-row-area .input-focus-wrap select.select-type.valIn2,
.hana-body .banking-row-area .inputbox-type.valIn2 {border:1px solid #cecece !important; background:none !important; color:#062926 !important;}

/* ie8 inputbox */ 
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap {position:relative;display:inline-block;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap .inputbox-type {border-right:30px solid transparent !important;padding-right:0 !important;position:relative;z-index:1;outline:0;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap .inputbox-type.valIn + .unit {border:1px solid #27b2a5 !important; border-left:0 !important; background:none !important; color:#062926 !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap .inputbox-type.valIn2 + .unit {border:1px solid #cecece !important; border-left:0 !important; background:none !important; color:#062926 !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap .unit {height:40px !important;width:31px !important;line-height:38px !important;border:1px solid #cecece !important;border-left:0 !important; top:0 !important;right:0px !important;text-align:right;padding-right:12px !important;z-index:2;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.type2 .inputbox-type {padding-right:0 !important;border-right:53px solid transparent !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.type2 .inputbox-type + .unit {width:50px !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap .inputbox-type.valIn[readonly] + .unit,
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap .inputbox-type.valIn2[readonly] + .unit,
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap .inputbox-type[readonly] + .unit {border:1px solid #cecece !important; border-left:0 !important;background:#f6f6f6 !important; color:#8f8f8f !important;width:30px !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.type2 .inputbox-type.valIn[readonly] + .unit,
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.type2 .inputbox-type.valIn2[readonly] + .unit,
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.type2 .inputbox-type[readonly] + .unit {border:1px solid #cecece !important; border-left:0 !important;background:#f6f6f6 !important; color:#8f8f8f !important;width:50px !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.textRed .inputbox-type.valIn[readonly] + .unit,
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.textRed .inputbox-type.valIn2[readonly] + .unit,
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.textRed .inputbox-type[readonly] + .unit {color:#f13c42 !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.textRed .inputbox-type.valIn + .unit,
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.textRed .inputbox-type + .unit {color:#f13c42 !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.textRed .inputbox-type.valIn2 + .unit {color:#000 !important;} 
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.input-width-btn .unit {right:144px !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .banking-row-area .banking-cont .inner-won-wrap.input-width-btn .inputbox-type.read-type.txtL {border-right:1px solid #ccc !important;padding-right:14px !important;}

.inner-won-wrap .age {position:absolute; left:10px; top:6px; color:#8f8f8f; font:16px "NotoSans_Medium";z-index:2;}
.tdfList {border-top:1px solid #838383;}
.tdfList li {border-bottom:1px solid #d7d7d7; display:table; width:100%; padding:15px 20px; position:relative;}
.tdfList li strong {font:16px NotoSans_Regular; color:#222a3b;}
.tdfList li a {position:absolute; top:10px; right:20px;}
.tdfList li a:hover {text-decoration:none;}
/* 02/09 */
.tdfList.renewal li {display:table; width:100%; padding:15px 360px 15px 10px; position:relative;}
.tdfList.renewal li div {position:absolute; top:50%; right:10px; margin-top:-16.5px;}
.tdfList.renewal li div a {position:static; display:inline-block; padding:0 15px;}

.tdfCont .pagingWrap{display:none; border-top:2px solid #777;} /* 02/01 라인추가 */
.tdfList2 {clear:both;width:100%;border-bottom:1px solid #f1f1f1;}
.tdfCont .tdfList2 li {position:relative; display:block;min-height:24px;border-top:1px solid #f1f1f1;padding:18px 0;margin:0;color:#555;font-size:14px;}
.tdfCont .tdfList2 li a{font-family:NotoSans_Regular;font-size: 16px; display:block; padding-left:20px;}
.tdfCont .tdfList2 li a.seriesTit:after {content:"";display:block;width:16px;height:9px;background:url('https://image.kebhana.com/cont/common/img/kha/bg_arrow_down.png') no-repeat right 0; position: absolute;right:20px;top:24px;}
.tdfCont .tdfList2 li.on a.seriesTit:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.tdfCont .tdfList2 li .detail > div{margin:0 10px;}
.tdfCont .tdfList2 li.on {background-color:#fafbfc;background-position:right -429px;}
.tdfCont .tdfList2 li.on a {color:#18a494;}
.tdfCont .tdfList2 li .detail {position:relative; top:0; height:0;overflow:hidden;}
.tdfCont .tdfList2 li .detail > div {color:#555;padding-left:10px;}
.tdfCont .tdfList2 li .detail a {display:inline;padding:0;margin:0;color:#666;font-weight:normal;}
.tdfCont .tdfList2 li ul li {display:block; position:relative; background:none; border:none; padding:0 0 0 10px; font:14px NotoSans_Regular; color:#6e7277; position:relative;}
.tdfCont .tdfList2 li ul.detailList li:before {content:""; display:inline-block; width:13px; height:10px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; vertical-align: middle; position:absolute; top:5px; left:0;}
.tdfCont .tdfList2 li ul li strong {font-weight:normal; color:#f13c42;}
.tdfCont .tdfList2 li ul.seriesList {margin-top:20px; border-top:1px solid #838383; margin-right:10px;}
.tdfCont .tdfList2 li ul.seriesList li {border-bottom:1px solid #d7d7d7; display:table; width:100%; padding:15px 360px 15px 10px; position:relative;}
.tdfCont .tdfList2 li ul.seriesList li strong {font:16px NotoSans_Regular; color:#222a3b;}
.tdfCont .tdfList2 li ul.seriesList li div {position:absolute; top:50%; right:10px; margin-top:-16.5px;}
.tdfCont .tdfList2 li ul.seriesList li div a {display:inline-block; padding:0 15px;}

/*연금설계_2017.12*/
.surveyType08{overflow: hidden;margin-top: 10px;}
.surveyType08 > 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;}
.surveyType08 li:first-child {margin-right:20px;}
.surveyType08 > li:hover,.surveyType08 > li.on {background:url('https://image.kebhana.com/cont/common/img/kha/bg_invest07_hover.png') no-repeat 0 0;}
.txtPoint {margin-top:12px; font:14px 'NotoSans_Regular'; color:#6e7277; padding-left:20px; position:relative;}
.txtPoint:before {display:block;content:'';background:url('https://image.kebhana.com/cont/common/img/kha/bul_check2.png') center center no-repeat; width:11px;height:24px;position:absolute;left:0;top:0;}

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

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

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

.surveyType08 strong{display: block;font:20px/1.2 NotoSans_Regular;}

.pensionSel{overflow: hidden;margin-top:20px;height:40px;}
.pensionSel div.investmentSel {width: 350px;float:left;}
.pensionSel div.investmentSel:first-child{margin-right: 20px;}
.pensionSel div.investmentSel p{display: inline-block;margin-bottom: 0;}
.pensionSel div.investmentSel p label{display:inline-block;width:348px;border:1px solid #c2c2c2;text-align: center;padding:8px 0;}
.pensionSel div.investmentSel p label span{position: relative;font:16px/1.3 NotoSans_Regular;}
.pensionSel div.investmentSel p.on label{background-color:#18a494;border:1px solid #18a494;color: #fff;letter-spacing: -1px;}
.pensionSel div.investmentSel p.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;}

.ivestSearch {margin-top:17px; border-bottom:1px solid #a5d3d4; margin-left:10px;}
.ivestSearch dl {overflow:hidden; display:table; width:100%; box-sizing:border-box; padding:10px 0;}
.ivestSearch dl > dt {display:table-cell; vertical-align:middle; letter-spacing:-1px;}
.ivestSearch dl > dd {position:relative;}
.ivestSearch dt {font:18px/1.2 NotoSans_Regular;}
.ivestSearch dt span[class^="dot"]{text-indent: -9999em;display: inline-block;vertical-align: middle;}
.dot3{background-position: 0 bottom;}
.ivestSearch dd {float:right;}
.btnSch {display:inline-block; width:70px; background:#008485; height:28px; vertical-align:middle; margin-right:25px;}
.btnSch a {display:block; font:14px NotoSans_Regular; line-height:28px; text-align:center; color:#fff;}
.investTotalNum{margin-top: 20px;}

.ivestSearch .inputRight input {font-size:16px !important;font-family:NotoSans_Regular !important;border:none;text-align: right;padding:0px 5px 0px 0;box-sizing:border-box;height:26px;line-height: 21px;font-size: 12px;color: #3c3c3c;}

.infoTxtRed {font:14px/1.2 NotoSans_Regular; color:#f13c42; padding:10px 0 10px 25px;}

/*펀드업무_2017.12*/
.tabWrap {margin-bottom:40px;}
.float-wrap .inputbox-type {float:left;}
.input-width-btn .unit {right:160px;}
.unit.disabled {color:#8f8f8f;}
.uibtn-2 {border-radius:3px;}
.banking-row-area .input-width-btn .btn-wrap {margin-left:4px;}
.banking-cont.default table {margin-top:10px; border-bottom:1px solid #e6e6e6;}
.banking-cont.default table td.ac > div {float:none;}
.banking-cont.default table td {border-left:0;}
.wonText {color:#222a3b; margin-top:12px; font-size:14px;}
.fundTit {display:block; color:#222a3b;}
.accountTit {position:relative; display:block; color:#6e7277; margin-top:5px;}
.txtColorGreen {color:#27b2a5 !important; margin-top:5px;}
.hana-body .input-focus-wrap input[disabled="disabled"],
.hana-body .input-focus-wrap input[disabled] {background:#f6f6f6 !important; color:#8f8f8f !important; text-align:right; border:1px solid #cecece;}
.transf-notice ul.text-icon-check > li {letter-spacing: -.9px; margin-top:5px;}
.popInfoBox {margin:20px 0 0;}
.popInfoBox ul > li {font:14px NotoSans_Regular; color:#6e7277; padding-left:10px; position:relative;}
.popInfoBox ul > li em {color:#27b2a5;}
.popInfoBox ul > li:after {content:''; display:inline-block; width:4px; height:4px; position:absolute; top:10px; left:0; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') no-repeat 0 0;}
.popInfoBox .text-icon-check {font:14px NotoSans_Regular;}
.infoTable {position:relative;}
.infoTable table {border-top:2px solid #777; width:100%;}
.infoTable table th,
.infoTable table td {padding:16px 20px; font:16px NotoSans_Regular; color:#222a3b; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.infoTable table th {background:#f6f6f6;}
.infoTable table td {text-align:right;}
.infoTable table td.bgColor01 {background:#ecf4f7;}
.infoTable table td.txtCenter {text-align:center;}
.infoTable table td.txtLeft {text-align:left;}
.infoTable table td.txtColorP {color:#e03d7c;}
.infoTable table th:first-child,
.infoTable table td:first-child {border-left:0;}
.infoTable table tfoot td {background:#ecf4f7;}
.infoTable .tbl_info {position:absolute; top:-23px; right:0; color:#222a3b; font-size:12px;}
.uibtn-2.big {width:195px;}
.check-style-type.newType label {font-size:14px; color:#222a3b; padding-left:23px;}
.input-calendar.flNone {float:none; display:block;}
.tdInfoTxt {display:block; font-size:14px; margin-top:20px;}
.tdInfoTxt02 {display:block; margin-top:10px; color:#6e7277; font-size:14px; letter-spacing:-0.5px}
.selectType {position:relative; width:86px; border:0; z-index:1;}
.selectType.valueColor01 {background:#2178bb;}
.selectType.valueColor02 {background:#006b76;}
.selectType.valueColor11 {background:#2178bb;}
.selectType.valueColor12 {background:#006b76;}
.selectType.focus {background:#006b76;}
.selectType:before {content:''; position:absolute; top:8px; right:10px; width:12px; height:6px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_select.png') no-repeat 0 0;}
.selectType label {position:absolute; top:-1px; left:8px; font:14px "NotoSans_Regular"; color:#fff;}
.selectType select {width:100%; height:21px; border:0; line-height:normal; opacity:0; font-family:inherit; filter:alpha(opacity=0); -webkit-apperance:none; appearance:none;}
.tdRatio {text-align:right !important; color:#f13c42; padding-left:30px;}
.tdBtnRight {position:absolute; top:15px; right:20px;}
.tdBtnRight a {padding:0 20px; height:32px; line-height:30px; display:inline-block;}
.btn-block{display:block;text-align:center;}
.btn-block a.link-join{text-decoration:none;display:inline-block;height:33px;line-height:30px;padding:0 20px;border-radius:20px;background-color:#27b2a5;border:1px solid #16959c;text-align:center;}
.btn-block a.link-join:hover, .banking-row-area .product-list .btn-block a.link-join:focus{background-color: #008485;border:1px solid #008485;}
.btn-block a.link-join span{color:#fff;font-size:14px;}
.agreeSel {font-size:16px; width:330px; margin:0 auto; padding-bottom:30px;}
.agreeSel:after {content:''; display:block; clear:both;}
.agreeSel > div {float:left; margin:0 35px; text-align:center;}

.pop_ty21 h4 {border-bottom:2px solid #018085; color:#037B7C; font:18px NotoSans_Bold; margin:0; padding:0 0 13px; width:540px; height:25px;}
.pop_ty21 {position:relative; border:5px solid #2E9498; width:540px; padding:25px 25px 30px 25px; background:#fff; text-align:left;}
.pop_ty21.pop_ty09 h4 {width:100%;}
.popList {margin-top:30px;}
.popList li {position:relative; padding-left:10px; font:14px "NotoSans_Regular"; color:#6e7277; margin-top:10px; line-height:1;}
.popList li:before {content:""; display:block; width:13px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 0 no-repeat; position:absolute; top:5px; left:0;}
.codeWrap {margin:30px 0; background:#f8f8f8; padding:40px 50px;}
.codeWrap:after {content:''; display:block; clear:both;}
.codeWrap .inputbox-type {float:left; width:100%; height:28px; padding:4px 10px; font:16px 'NotoSans_Regular'; color:#8f8f8f;letter-spacing:-0.5px;border:1px solid #cecece;background:#fff; line-height:26px;}
.codeWrap .btn-wrap {float:left;}
.codeWrap .btn-wrap a {margin-left:3px; width:90px; display:inline-block; height:36px; line-height:34px;}

.fundMenuWrap {margin-top:63px;}
.fundMenuWrap.fundGroup {margin-top:60px;}
.linkTit {font-size:30px; color:#000;}
.linksWrap {margin-top:15px; line-height:30px;}
.linksWrap:after {content:''; display:block; clear:both;}
.linksWrap p {font-size:18px; color:#637079; float:left;}
.linksRight {float:right;}
.linksRight span {font-size:16px; color:#637079; margin-right:20px;}
.linksRight a {width:52px; display:inline-block;}
.linksArea {margin-top:20px;}
.linksArea:after {content:''; display:block; clear:both;}
.linksArea a {width:258px; height:148px; padding:34px 20px 20px; border:1px solid #ddd; border-radius:6px; display:table; float:left; position:relative;}
.linksArea a:hover, .linksArea a:focus {border:1px solid #ff9800;}
.linksArea span {font-size:18px; color:#062926; letter-spacing:-1px; line-height:1.3;}
.linksArea span em {font-size:16px;}
.linksArea span:before {content:''; display:inline-block; width:44px; border:2px solid #ff9800; border-radius:6px; position:absolute; top:20px; left:20px;}
.linksArea a.linksBtn01 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon04.png') no-repeat 163px 77px;}
.linksArea a.linksBtn02 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon05.png') no-repeat 166px 77px; margin-left:13px;}
.linksArea a.linksBtn03 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon06.png') no-repeat 170px 71px; margin-left:13px;}
.linksArea a.linksBtn04 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon07.png') no-repeat 163px 74px;}
.linksArea a.linksBtn05 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon08.png') no-repeat 166px 79px; margin-left:13px;}
.linksArea a.linksBtn06 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon09.png') no-repeat 166px 71px; margin-left:13px;}
.linksArea a.linksBtn07 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon10.png') no-repeat 163px 74px; margin-top:20px;}
.linksArea a.linksBtn08 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon11.png') no-repeat 163px 76px; margin:20px 0 0 13px;}
.linksArea a.linksBtn09 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon12.png') no-repeat 168px 71px; margin:20px 0 0 0;}
.linksArea a.linksBtn10 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon13.png') no-repeat 166px 77px;}
.linksArea a.linksBtn11 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon14.png') no-repeat 162px 76px; margin-left:13px;}
.linksArea a.linksBtn12 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon15.png') no-repeat 166px 76px; margin-left:13px;}
.linksArea a.linksBtn13 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon16.png') no-repeat 162px 72px; margin-top:20px;}
.linksArea a.linksBtn14 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon17.png') no-repeat 166px 70px; margin:20px 0 0 13px;}
.linksArea a.linksBtn15 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon18.png') no-repeat 166px 70px; margin:20px 0 0 13px;}
.linksArea a.linksBtn16 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon20.png') no-repeat 166px 76px; margin-top:20px;}
.linksArea a.linksBtn17 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon09.png') no-repeat 170px 71px; margin:20px 0 0 13px;}


/*일괄거래_2017.12*/
.tdList li {position:relative; padding-left:10px; margin-top:12px; font-size:16px; line-height:24px;}/* 1/30 font-size수정 line-height추가 */
.khaJoin {height:50px;}
.khaJoin ol {display:table; width:100%; height:50px; position:relative;}
.khaJoin ol:before {content: ''; display: inline-block; width:800px; height:50px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_join.png') no-repeat 0 0; position: absolute;top:0; left:0; z-index: -1;}
.khaJoin ol.step1:before {background:url('https://image.kebhana.com/cont/common/img/kha/bg_join_step1.png') no-repeat 0 0;}
.khaJoin li {font-size:15px; letter-spacing:-1px; line-height:50px; display:table-cell; text-align:center; vertical-align:middle; box-sizing:border-box; width:280px;}
.khaJoin li em {margin-right:4px;}
.khaJoinInfo {margin-top:20px;}
.khaJoinInfo li {font-size:16px; margin-top:12px;}
.khaJoinInfo li.liPointColor {color:#27b2a5}
.khaJoinInfo li:first-child {margin-top:0;}
.infoTable.khaPoptb td {text-align:left;}
.infoTable.khaPoptb td li {font:16px NotoSans_Regular;}
/* 2/23 추가 */
.wrap-cont-info {margin:60px 0 0;}
.banking-wrap .wrap-cont-info .title-cont {padding:0;}
.wrap-cont-info ul.dot-info li {font-size:14px;}
.wrap-cont-info ul.dot-info li.emphsz {color:#222a3b;}

.tdList li:first-child {margin-top:0;}
.tdList li:before {content:''; display:inline-block; width:10px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') no-repeat 0 center; position:absolute; top:0; left:0; vertical-align:middle;}
.banking-row-area .link-col2 a.no-agreed {background:url('https://image.kebhana.com/cont/common/img/kha/bg_noinstructions.png') #f8f8f8 no-repeat 20px center; cursor:default;}
.banking-row-area .link-col2 a.no-agreed strong,
.banking-row-area .link-col2 a.no-agreed span,
.banking-row-area .link-col2 a.no-agreed span.r-arr {color:#919399;}
.banking-row-area .check-style-type.understood label { font-size:14px; color:#6e7277;}
.khaCont .banking-row-area td.reduce-tax .radio-style-type {margin-top:5px;}
.khaCont .banking-row-area td.reduce-tax .btn-wrap a {width:auto; line-height:29px;}

.newTypeTit {padding-top:40px;}
.allCheck {margin-top:30px;}
.banking-row-area .check-style-type.allLabel label {font-size:16px; color:#062926;}
.paragraph-bd em {color:#062926;}
.paragraph-bd .dot-lists.fs16 li {font-size:16px;line-height:1.3;}
.pointText {margin-top:12px; font-size:14px; color:#6e7277; position:relative; padding-left:15px;}
.pointText:after {content:'※'; clear:both; display:inline-block; position:absolute; top:0; left:0; color:#6e7277;}
.pointText.type2,
.pointText.type2:after {color:#27b2a5;}
.choiceInput {font-size:14px; color:#637079; display:block; padding-bottom:20px;}
.choiceInput em {color:#27b2a5;}

.title-desc2 {font:16px NotoSans_Regular; color:#6e7277; margin-top:12px;}

.paragraph-bg2 {padding:30px 25px; background-color: #f8f8f8;margin-top: 20px;} /* 1/31 기존20px 20px*/
.paragraph-bg2 .pg-desc {font:20px NotoSans_Medium; color:#222a3b; display:block; margin-bottom:20px; line-height:24px; }
.paragraph-bg2 ul.dot-lists li{margin-top:5px; line-height:17px; color:#6e7277; font-size:14px; letter-spacing:-0.5px;}
.paragraph-bg2 ul.dot-lists li:first-child {margin-top:0;}
.paragraph-bg2 .khaParagraph {padding:0 0 22px 10px; margin-top:10px; font-size:14px; letter-spacing:-0.3px; color:#27b2a5; position:relative;}
.paragraph-bg2 .khaParagraph span {color:#6e7277; position:absolute; top:0; left:97px; text-indent:-7px;}
.paragraph-bg2.double-space {margin-top:60px;}

.notice-result2 p.title {line-height:24px; margin-bottom:12px;}

.svcSel {float:left; margin-right:20px;}
.receiveSms {margin-top:20px;}
.receiveSms:after {content:''; clear:both; display:block;}
.receiveSms dl {overflow:hidden;} 
.receiveSms dt {float:left; width:195px; clear:both; font-size:16px; color:#222a3b; line-height:38px; letter-spacing:-0.5px; margin-top:10px;}
.receiveSms dd {float:left;  margin-bottom:9px;}
.receiveSms dd .inner-won-wrap {padding-left:28px;background:url(../../img/kha/plus.png) left center no-repeat;background-size:20px 20px;}
.receiveSms dd input.inputbox-type {text-align:right;}
.receiveSms dd:last-child .inner-won-wrap {background:url(../../img/kha/minus.png) left center no-repeat;background-size:20px 20px;}
.receiveSms span.info {font-size:14px; text-align:right; padding-left:195px; color:#6e7277; letter-spacing:-0.5px;}
.shadowWh {border-radius:15px; height:32px; line-height:30px; border:1px solid #c1c1c1; padding:0 20px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size:14px;}
.shadowWh:hover, .shadowWh:focus{background-color: #eee;border: 1px solid #a5a5a5;}
.info-table .radio-wrap {position:relative;}
.btnNewWrite {position:absolute; top:-6px; right:20px;}
.banking-row-area .banking-cont.nothead table td {letter-spacing:-0.7px;}
.banking-row-area .banking-cont.nothead table td ol li {margin-top:8px;} /* 1/30 추가 */
.banking-row-area .banking-cont.nothead table td ol li:first-child {margin-top:0;} /* 1/30 추가 */
/* 1/23 추가 */
.banking-row-area .banking-cont.nothead table td.tdPointColor {color:#27b2a5;}
.qList th {letter-spacing:-1px;}
.qList td .radio-style-type {float:left; margin:10px 25px 10px 0; letter-spacing:-0.7px;}

.info-table tbody th.bg {background:#f6f6f6 !important;}

.text-icon-bul {margin-top:10px; font-size:14px; color:#6e7277; display:block; position:relative; padding-left:10px; line-height:24px;}
.text-icon-bul:before {content:""; display:block; width:13px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; position:absolute; top:0; left:0;}

.pop-theme-area h5 {background-image:none; font:22px NotoSans_Medium; color:#27b2a5;}
.popInfoBox2 {padding:30px 25px; background:#f8f8f8; font:20px NotoSans_Medium; color:#222a3b; margin-top:30px;}
.popInfoBox2 strong {color:#008485;}
.popInfoBox2 ul {padding-left:5px; margin-top:20px;}
.popInfoBox2 li {position:relative; padding-left:10px; font:14px NotoSans_Regular; color:#6e7277; margin-bottom:5px;}
.popInfoBox2 li:before {content:""; display:block; width:13px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; position:absolute; top:0; left:0;}

.infoTable2 table {width:100%; border-top:2px solid #777;}
.infoTable2 table thead th {background:#f6f6f6; padding:20px 0; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#222a3b; font:16px NotoSans_Regular;}
.infoTable2 table tbody td {padding:20px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center; font:16px NotoSans_Regular; letter-spacing:-1px;}
.infoTable2 table tbody td .inner-won-wrap {position:relative;}
.infoTable2 table tbody td .inputbox-type {border:1px solid #d1d1d1; height:38px; line-height:36px; text-align:right; color:#e03d7c; padding:4px 25px 4px 14px; font:16px NotoSans_Regular; position:relative;}
.infoTable2 table tbody td .inner-won-wrap .unit {position:absolute; top:12px; right:10px; color:#e03d7c;}
.infoTable2.tableSum {border-bottom:1px solid #e6e6e6; margin-top:10px;}
.infoTable2.tableSum table tfoot th {background:#f6f6f6; padding:20px 30px; text-align:left; font:16px NotoSans_Regular; }
.infoTable2.tableSum table tfoot td {text-align:right; padding:0 30px; font:16px NotoSans_Regular;}
.infoTable2 table thead th:first-child,
.infoTable2 table tbody td:first-child {border-left:0;}

.btnAreaR {text-align:right; margin-top:10px;}
.btnAreaR a {display:inline-block; padding:0 20px;}

.btnAreaC {text-align:center; margin-top:30px;}
.btnAreaC .check-style-type {display:inline-block;}
.btnAreaC .check-style-type label {color:#27b2a5; font-family:'NotoSans_Regular'; font-size:16px; letter-spacing:-0.5px; line-height:25px;}

.barter {width:68px; background:#c1c6c9; display:inline-block; text-align:center; color:#fff; font-size:14px; height:21px; line-height:21px;}
.barter.khaAll {background:#006b76;}
.barter.khaPart {background:#2178bb;}
.pdb0 {padding-bottom:0 !important;}
.td-sum p.accountTit:first-child {margin-top:0; margin-bottom:5px;}
.textRed,
.textRed input[type="text"].inputbox-type,
.textRed em {color:#f13c42 !important;}
.totalWrap {}
.totalWrap dl:after {content:''; display:block; clear:both;}
.totalWrap dt {float:left; clear:both; width:90px; line-height:40px; margin:5px 0;}
.totalWrap dd {float:left; margin:5px 0;}
.totalWrap dd > div.inner-won-wrap {margin-top:0;}

.over-wrap .over-info2 {display:none;}
.over-wrap button + .over-info2, 
.over-wrap button + .over-info2 {z-index:10; position:absolute; top:320px;left:320px; height:auto; display:block;}
.over-wrap .bullet-question:after {content:''; display:inline-block; background:url('https://image.kebhana.com/cont/common/img/kha/btn_question.png') 0 center no-repeat; width:17px; height:17px;}
.dot-lists li.over-wrap > div {text-indent:0;}
.over-wrap .over-info2 .pop_ty01 h4 {height:40px;}
.paragraph-bg2 .over-wrap .over-info2 p.text-icon-check {margin-top:0;}
.banking-content .paragraph-bg2 .dot-lists .bullet-question:after {margin:0 4px;}
.imgBox {background:#f8f8f8; padding:40px 0 40px 124px;}
.over-info2 .popInfoBox ul > li:after {width:0; height:0; background:none;}

.btn_question {vertical-align:top;}
.btn_question:after {content:''; display:block; background:url('https://image.kebhana.com/cont/common/img/kha/btn_question.png') 0 center no-repeat; width:17px; height:17px;}

.noDataCont {width:800px;height:340px; margin-top: 30px; text-align:center; background: url('https://image.kebhana.com/cont/common/img/kha/bg_nodata.gif') no-repeat 0 0;}
.noDataCont p , .noDataCont p span.pointColor{font-family: NotoSans_Regular;line-height: 1.2;}
.dataTxt{font-size:22px;color:#000; padding-top: 200px;}

.khaInvestInfo1 {margin-top:27px;}
.khaInvestInfo2 {margin-top:50px;}
.khaInvestInfo1 h5,
.khaInvestInfo2 h5 {background:none; padding:0; margin:0; font:16px NotoSans_Regular;}
.khaInvestList li {margin-top:12px; padding-left:10px; position:relative; font:14px NotoSans_Regular; line-height:1;}
.khaInvestList li:before {content:''; display:inline-block; width:10px; height:10px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') no-repeat 0 center; position:absolute; top:5px; left:0;}
.khaInvestList li p {color:#27b2a5; margin-top:10px; font:14px NotoSans_Regular; position:relative; padding-left:15px;}
.khaInvestList li p:before {content:'※'; display:inline-block; position:absolute; top:0; left:0;}
.khaInvestList li > ul li:before {content:'-'; display:inline-block; position:absolute; top:0; left:0; background:none;}

.banking-wrap .title-cont > p.khaInfoText {font-size:14px; color:#6e7277;}
.khaBtnPdf1 {border:1px solid #c1c1c1; border-radius:3px; height:32px; line-height:30px; position:relative; padding:0 13px;}
.khaBtnPdf1 span {font-size:13px !important;color:#222a3b;}
/* .khaBtnPdf1 span:before {content:''; display:inline-block; background:url('https://image.kebhana.com/cont/common/img/kha/ico_pdf.png') no-repeat 0 center; position:absolute; top:6px; left:15px; width:19px; height:19px;} */
.hana-body .btn-type.khaBtnPdf1:hover, .hana-body .btn-type.khaBtnPdf1:focus,
.hana-body .btn-type.khaBtnPdf2:hover, .hana-body .btn-type.khaBtnPdf2:focus {background-color: #eee;border: 1px solid #a5a5a5;} 
.khaBtnPdf2 {border:1px solid #c1c1c1; border-radius:20px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); height:32px; line-height:30px; position:relative; padding:0 20px 0 40px;}
.khaBtnPdf2 span {font-size:14px !important;}
.khaBtnPdf2 span:before {content:''; display:inline-block; background:url('https://image.kebhana.com/cont/common/img/kha/ico_pdf.png') no-repeat 0 center; position:absolute; top:6px; left:15px; width:19px; height:19px;}
.khaBtnRead {margin-top:12px; text-align:right;}
.khaBtnRead a {margin-left:5px;}
.khaJoinNotice li {position:relative; margin-top:18px; padding-left:18px; font-size:14px; color:#6e7277;}
.khaJoinNotice li:before {content:''; display:inline-block; background:url('https://image.kebhana.com/cont/common/img/kha/bul_check2.png') no-repeat 0 center; width:11px; height:8px; position:absolute; top:5px; left:0;}
.khaJoinNotice li > ul li {padding-left:10px; margin-top:10px; position:relative;}
.khaJoinNotice li > ul li:before {content:'-'; display:inline-block; background:none; position:absolute; top:0; left:0;}
.check-style-type.understood.khaChk {margin:20px 0;}
.check-style-type.understood.khaChk label {font-size:16px; color:#062926;}
.check-style-type.understood.khaChkTit {margin-bottom:20px;}
.check-style-type.understood.khaChkTit label {font-size:20px; color:#222a3b;}

/*연금포털_2017.12*/
.khaCont,
.khaCont * {box-sizing:border-box; font-family:'NotoSans_Regular';}
.contInfoText {display:block; text-align:center; font-size:22px; padding:20px 0 0;}
.input-focus-wrap input[disabled="disabled"],
.input-focus-wrap input[disabled] {background:#f6f6f6 !important; color:#8f8f8f !important; text-align:right; border:1px solid #cecece;}
.tbInfoText {display:block; font-size:14px; color:#222a3b; margin-bottom:12px; position:relative;}
.tbInfoText:before {content:""; display:inline-block; width:13px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; vertical-align: middle;}
.boxStyle {padding:30px 25px; background:#f8f8f8; font:20px NotoSans_Medium; color:#222a3b;}
.boxStyle em {color:#27b2a5;}
.boxStyle2 {padding:30px 25px; background:#f8f8f8; font:14px 'NotoSans_Regular'; color:#6e7277;}
.boxStyle2 em {color:#27b2a5;}
.banking-cont table td .radio-wrap .sumArea {float:right;}
.banking-cont table td .radio-wrap .sumArea span {display:inline-block; font:18px NotoSans_Medium; color:#27b2a5;}

.annuityTop {padding:30px 0 30px 208px; position:relative;}
.annuityTop:before {content:''; display:block; clear:both; background:url('https://image.kebhana.com/cont/common/img/kha/img_star_char06.png') 0 center no-repeat; width:165px; height:124px; position:absolute; top:0; left:25px;}
.annuityTop p.paragraph1 {font-size:16px; color:#6e7277;}
.annuityTop p.paragraph2 {font-size:20px; color:#ff6640; margin:10px 0; letter-spacing:-1px;}
.annuityComm {text-align:center; margin:40px 0 30px; font-size:16px; color:#6e7277;}
.khaBtnMore {margin-top:50px; text-align:center;}
.khaBtnMore a {font:16px NotoSans_Regular; color:#222a3b; position:relative;}
.khaBtnMore a:after {content:''; display:block; width:10px; height:10px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_more.png') 0 center no-repeat; vertical-align: middle; position:absolute; top:8px; right:-15px;}

.khafaqCont	.faqList li .answer .pdfDl {position:absolute; bottom:-50px; right:55px;}
.khafaqCont	.faqList li .answer a.btnPdf {border:1px solid #c5c5c5; border-radius:20px; text-align:center; width:132px; height:32px; line-height:30px; display:inline-block; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background:url('https://image.kebhana.com/cont/common/img/kha/ico_pdf.png') #fff no-repeat 20px center;}
.khafaqCont	.faqList li .answer a.btnPdf span {padding-left:10px; text-align:center; display:block; font-size:14px;}

/*설계코드*/

/*설계이력*/
.banking-tabmenu + .grayFullBox{margin-top: 20px;}
#wrap .newStyle {font-size:0}
#wrap .newStyle a {padding:0; margin-left:3px; line-height:23px; cursor:pointer;}
#wrap .newStyle a:first-child {margin-left:0;}
#wrap .newStyle a.bl_none {width:25px; border:0}
#wrap .newStyle a.on, #wrap .newStyle a:hover, #wrap .newStyle a:focus {padding:0;}
#wrap .newStyle a.bl_none:hover, #wrap .newStyle a.bl_none:focus {width:25px; border:0 !important;}


/*투자성향 분석*/

/*투자성향 팝업*/

/*추천포트폴리오_2017.12*/
.khaRcomBox table.tableType1 {table-layout: fixed; border-top:2px solid #777; border-bottom:1px solid #e6e6e6; width:100%;}
.khaRcomBox table.tableType1 thead th {font:16px "NotoSans_Regular"; color:#222a3b; background:#f8f8f8; border-left:1px solid #e6e6e6; padding:18px 0; height:auto; font-weight:normal;}
.khaRcomBox table.tableType1 tbody td {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; padding:20px; font:16px "NotoSans_Regular"; color:#222a3b; line-height:20px; word-break:break-all; height:auto;}
.khaRcomBox table.tableType1 tbody td.txtLeft {text-align:left;}
.khaRcomBox table.tableType1 tbody td.txtRight {text-align:right;}
.khaRcomBox table.tableType1 tr:first-child th:first-child,
.khaRcomBox table.tableType1 td:first-child {border-left:0;}
.khaRcomBox table.tableType1 td .orangeColor {font-size: 18px;font-family: NotoSans_Regular;}
.khaRcomBox table.tableType1 td .numTxt {font:16px NotoSans_Regular;}
.khaRcomBox table.tableType1 td .numTxt em{font-size:14px;}
.khaRcomBox table.tableType1 td .noData{text-align:center;}
.khacomHead.wdType {margin-top: 25px;}
.khaRcomBox table.tableType1 td .numTxt dl {overflow:hidden;}
.khaRcomBox table.tableType1 td .numTxt dl dt{width: 65px;float:left;font:14px/1.2 NotoSans_Regular;display:inline-block;line-height: 20px;height: 28px; text-align:left;}
.khaRcomBox table.tableType1 td .numTxt dl dd{width: 140px;font:16px/1.2 NotoSans_Regular;display: inline-block;line-height: 20px;height: 28px; float:right; text-align:right;}
.riskLine span{letter-spacing:-.7px; line-height: 18px; font-family:'NotoSans_Regular';}
.riskLine span.risk07{background-color: #f73880;}/*연금수령중*/

.riskLine span.etcCon{line-height:16px; border: 1px solid #636e6f;color: #636e6f;}
.riskLine span.etcCon01{line-height:16px; border: 1px solid #4391ca;color: #4391ca;}

/*개인연금진단_2017.12*/
.contInfoText p + p {margin-top:40px; font-size:18px;}
.noticeType1 {padding:30px 0 30px 176px; font:20px/.7 NotoSans_Regular; background:url('https://image.kebhana.com/cont/common/img/kha/bg_notice_img01.png') #e8f4f3 no-repeat 80px 50%;}
.noticeText {font:24px 'NotoSans_Bold'; color:#009b9d;}
.newDay {position:absolute; top:0; right:0;}
.assetWrap {padding:20px 0; height:120px; background:#f8f8f8; position:relative;}
.assetWrap:after {content:''; clear:both; display:block;}
.assetWrap .assetInfo {display:table;width:100%;}
.assetWrap .assetInfo:after {content:''; clear:both; display:block;}
.assetWrap .assetInfo .assetTotal {display:table-cell; vertical-align:middle; font:20px NotoSans_Medium; color:#222a3b; text-align:center;width:50%;}
.assetWrap .assetInfo .assetTotal > span {margin-left:10px; color:#008485; font-family:"NotoSans_Medium"; font-size:30px;}
.assetWrap .assetInfo .assetTotal > em {font-size:20px;}
.assetWrap .assetInfo .assetDetail {display:table-cell; padding:0 25px 0 20px; position:relative;}
.assetWrap .assetInfo .assetDetail:after {content:''; display:block; border-left:1px solid #e2e2e2; height:80px; position:absolute; top:0; left:0;}
.assetWrap .assetInfo .assetDetail dl {margin-top:12px; font-size:14px; color:#6e7277; font-family:'NotoSans_Regular';}
.assetWrap .assetInfo .assetDetail dl:after {content:''; display:block; clear:both;}
.assetWrap .assetInfo .assetDetail dt {float:left; clear:both; position:relative;}
.assetWrap .assetInfo .assetDetail dt:before {content:""; display:inline-block; width:10px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; vertical-align: middle;}
.assetWrap .assetInfo .assetDetail dd {float:left; margin-left:5px;}
/* 02/09 */
.assetWrap .assetInfo .asset-list {/*width:420px;*/width:100%;}
.assetWrap .assetInfo .asset-list li {padding:10px 0 10px; font:17px 'NotoSans_Regular'; border-top:1px solid #e2e2e2;}
.assetWrap .assetInfo .asset-list li:first-child {padding:0 0 10px; border:0;}
.assetWrap .assetInfo .asset-list li:after {display:block; content:""; clear:both;}
.assetWrap .assetInfo .asset-list li .asset-tit {position:relative; float:left;}
.assetWrap .assetInfo .asset-list li .asset-tit:before {content:""; display:inline-block; width:10px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; vertical-align: middle;}
.assetWrap .assetInfo .asset-list li .asset-sum {float:right;}

.rateInfo {position:absolute; top:20px; right:30px; border:1px solid #e2e2e2; border-radius:4px; background:#fff; text-align:center; padding:25px 20px;}
.rateInfo > strong {display:block; font-size:24px; color:#f73880; font-family:"NotoSans_Medium";}
.rateInfo > strong .txt {margin-right:2px;font:16px 'NotoSans_Medium'; color:#222a3b;}
.rateInfo > span {margin-top:10px;font:14px 'NotoSans_Regular'; display:inline-block;}
.graph-unit {margin-top:27px; text-align:right; color:#6e7277; font-size:14px;}
.graphWrap {margin-top:10px;}
.graphWrap:after {content:''; clear:both; display:block;}
.graphWrap .graph01 {float:left; width:363px; min-height:335px; padding:24px 0 30px 30px; border:1px solid #e2e2e2;}
.graphWrap .graph02 {float:right; width:393px; min-height:335px; padding:24px 0 30px 30px; border:1px solid #e2e2e2;}
.graphWrap .graphTit {font:16px NotoSans_Regular; color:#222a3b;}
.graphWrap .graphTit strong {font:20px NotoSans_Medium; color:#008485;}

.khaCont .info-table .plus-number {color:#e77513; background:#fef8f3;}
.khaCont .info-table .minus-number {color:#008485; background:#f2f9f9;}
.khaCont .info-table .greenColor02 {font-family:"NotoSans_Medium";}
.khaCont .info-table .td-arrow {position:relative; display:block;}
.khaCont .info-table .td-arrow:before {content:""; position:absolute; right:-5px; top:50%; margin-top:-4px; width:8px; height:8px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_arrow07.png') no-repeat;}
.khaCont .info-table .td-arrow + td {border-left:0 none;}
.text-right {margin-top:5px; text-align:right; font-family:"NotoSans_Regular"; font-size:14px; letter-spacing:-0.5px;}
.text-left {margin-top:5px; text-align:left; font-family:"NotoSans_Regular"; font-size:13px; letter-spacing:-0.5px;}

.info-table2 {width:100%; table-layout:fixed; border-bottom:1px solid #999; border-top:2px solid #777;}
.info-table2 thead th {font-size:16px; color:#222a3b; background:#f6f6f6; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; padding:18px 0; font-family:NotoSans_Regular; height:auto; font-weight:normal;}
.info-table2 tbody th,
.info-table2 tfoot th,
.info-table2 td {border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; padding:15px 20px; text-align:center; color:#222a3b; font:16px NotoSans_Regular; line-height:20px; word-break:break-all; height:auto; background:#fff;}
.info-table2 td span {color:#18a494; font-family:"NotoSans_Medium";}
.info-table2 td:after {display:block;content:'';clear:both;}
.info-table2 tbody th {padding:15px 10px; font-weight:normal;}
.info-table2 tbody td {text-align:right;}
.info-table2 tfoot th {border-top: 0;}
.info-table2 tbody th.no-bdl {border-left:0;}
.info-table2 tfoot th,
.info-table2 tfoot td {background:#f6f6f6; font:18px NotoSans_Medium;}
.info-table2 tfoot th.th-sum {padding:15px 10px 15px 20px; text-align:left;}
.info-table2 tfoot td {padding-left:30px; text-align:right; font-size:16px; color:#222a3b; border:0; border-left:1px solid #e6e6e6;}
.info-table2 tfoot th:first-child {font-family:"NotoSans_Regular"; border-left:0;}

.listCount {float:right; font-size:12px !important;}
.invSum:after {content:''; clear:both; display:block;}
.invSum dt {float:left; font-size:14px; clear:both; margin-top:5px;}
.invSum dd {float:right; margin-top:5px;}
.invSum dd em {font-size:14px;}
.invSum dd.txtColor {color:#008485;}
.accoBtn > a {display:block; margin-bottom:10px; text-align:center; background:url('https://image.kebhana.com/cont/common/img/kha/btn_pd_open.png') no-repeat center 0; height:33px;}
.accoBtn > a span {position:absolute;top:0;left:0;font-size:0;height:0;z-index:-1;text-indent: -99999em;}
.accoBtn > a.on {background-position:center -33px;}
/*.info-table .invSum {padding:0 20px;}*/

.tbType table.info-table {width:100%; border-top:2px solid #777; border-bottom:0;}
.tbType table.info-table thead th {background:#f8f8f8; padding:20px 0; font:16px NotoSans_Regular; color:#222a3b; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.tbType table.info-table tbody td {padding:20px; text-align:left; font:16px NotoSans_Regular; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.tbType table.info-table thead th:first-child,
.tbType table.info-table tbody td:first-child {border-left:0;}
.banking-cont.tbType table.info-table tr td {border-top:0;}
.tbType p.accountTit {font-size:14px; color:#6e7277;}
.tbType table tbody td.annuityInfo {padding:0; border-left:0;}
.tbType table td.annuityInfo > .tableLayout {}
.tbType table td.annuityInfo > .tableLayout > div {display:none;}
.tbType table td.annuityInfo > .tableLayout > div.active {display:block;}
.tbType table td.annuityInfo > .tableLayout table {table-layout:fixed; width:100%; padding:0; border-top:0;}
.tbType table td.annuityInfo > .tableLayout td {border:0; border-left:1px solid #e6e6e6;}
.tbType table td.annuityInfo > .tableLayout td .txtDw {font:normal 16px NotoSans_Medium;}
.tbType table td.annuityInfo > .tableLayout tr:first-child td {border-top:0;}
.tbType table td.annuityInfo > .tableLayout td:first-child {border-left:0;}
.tbType table td.annuityInfo > a {display:block; text-align:center; background:url('https://image.kebhana.com/cont/common/img/kha/btn_pd_open.png') no-repeat center 0; height:34px;}
.tbType table td.annuityInfo > a span {position:absolute;top:0;left:0;font-size:0;height:0;z-index:-1;text-indent: -99999em;}
.tbType table td.annuityInfo > a.on {background-position:center -34px; border-top:1px solid #e6e6e6;}

.tbType2 .banking-cont {margin-top:60px; position:relative;}
.tbType2 table.info-table {width:100%; border-top:2px solid #777; border-bottom:0 !important; border-collapse: collapse;}
.tbType2 table.info-table thead th {background:#f8f8f8; padding:20px 0; font:16px NotoSans_Regular; color:#222a3b; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.tbType2 table.info-table tbody td {padding:20px; font:16px NotoSans_Regular; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.tbType2 table.info-table thead th:first-child,
.tbType2 table.info-table tbody td:first-child {border-left:0;}
.tbType2 p.accountTit {position:relative; font-size:14px; color:#6e7277;}
.tbType2 table tbody td.annuityInfo {position:relative; padding:0 0 20px; border-top:0 none; border-bottom:0 none;}
.tbType2 table td.annuityInfo > .tableLayout {border:1px solid #e6e6e6; border-width:0 1px; margin:-2px -1px -1px;}
.tbType2 table td.annuityInfo > .tableLayout tr:first-child td {border-top:1px solid #e6e6e6;}
.tbType2 table td.annuityInfo > .tableLayout td {border-top:0 none; background:#f8f8f8;}
.tbType2 table td.annuityInfo > a {margin:-1px 0 0; border-top:1px solid #e6e6e6; display:inline-block; padding:0 20px; text-align:center; border:1px solid #e1e1e1; border-radius:0 0 10px 10px; background:#fff;}
.tbType2 table td.annuityInfo > a span {display:inline-block; height:33px; padding-right:19px; line-height:33px; color:#6e7277; font-size:14px; background:url('https://image.kebhana.com/cont/common/img/kha/bul-arrow-off.png') no-repeat right center;}
.tbType2 table td.annuityInfo > a.on {margin-top:0;}
.tbType2 table td.annuityInfo > a.on span {color:#27b2a5; background-image:url('https://image.kebhana.com/cont/common/img/kha/bul-arrow-on.png');}


.hpinkColor {color:#f73880 !important;}
.w110 {width:110px !important; text-align:center;}

.summBox {border-top:2px solid #777; border-bottom:1px solid #e6e6e6; padding:20px 0;}
.summBox:after {content:''; display:block; clear:both;}
.summBox .summTop {padding:0 0 20px 20px; border-bottom:1px solid #e6e6e6;}
.summBox .summTop:after {content:''; display:block; clear:both;}
.summBox .summTit {font-size:16px; float:left;}
.star-img-wrap {float:left; margin-top:3px; position: relative;}
.star-img i {position:relative; display:inline-block; width:120px; height:17px; background:url('https://image.kebhana.com/cont/common/img/kha/img_star.png') repeat 0 50%; vertical-align:middle;}
.star-img i b {position:absolute; top:0; left:0; display:inline-block; height:17px; background:url('https://image.kebhana.com/cont/common/img/kha/img_star_on.png') repeat 0 50%; vertical-align:middle;}
.summBox ul {padding:20px 0 0 20px;}
.summBox ul li {font-size:16px; color:#333; line-height:24px;margin-top:7px;}
.summBox ul li:first-child {margin-top:0;}
.summBox ul li:before {content:""; display:inline-block; width:10px; height:24px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; vertical-align: middle;}
.summBox ul li em {color:#27b2a5;}
/* .banking-row-area p.text-icon-check {line-height:1.3;} */

.detailTab:after {content:''; display:block; clear:both;}
.detailTab li {float:left; width:25%; min-height:200px; border:1px solid #e2e2e2; border-width:0 1px 1px 0; box-sizing:border-box;}
.detailTab li:first-child {border-left:1px solid #e2e2e2;}
.detailTab li + li + li + li > a {margin-right:-1px;}
.detailTab li > a {display:block; padding:16px; font:18px NotoSans_Medium; text-align:center; background:#f6f6f6; color:#6e7277; position:relative;}
.detailTab li:first-child a {margin-left:-1px;}
.detailTab li.active {border-bottom:1px solid #fff;}
.detailTab li.active a {background:#27b2a5; color:#fefefe;}
.detailTab li.active a:after {display:block; content:''; position:absolute; left:50%;bottom:0px;width:62px;height:9px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_tab_on.png') no-repeat 0 0; margin-left:-31px;}
.detailTab div {text-align:center; padding-top:18px; font:16px NotoSans_Regular;}
.detailTab div.colorText01 strong {color:#f73880; display:block;}
.detailTab div.colorText01 span {color:#f73880; display:block; font-size:20px;}
.detailTab div.colorText02 strong {color:#27b2a5; display:block;}
.detailTab div.colorText02 span {color:#f73880; display:block; font-size:20px;}
.detailTab div.colorText03 strong {color:#ff6464; display:block;}
.detailTab div.colorText03 span {color:#f73880; display:block; font-size:20px;}
.detailTab div > strong {font:24px NotoSans_Medium;letter-spacing:-0.5px;}
.detailTab div > span {margin-top:12px;}
.detailTab div > a {display:inline-block; width:95px; height:30px; line-height:28px; margin-top:12px;}
.tabCont {padding:50px 0 0; border:1px solid #e2e2e2; margin-top:-1px;}
.tabCont.resultWrapper {padding:50px 0 60px;}
.tabCont p.tabContTxt {text-align:center; width:650px; margin:0 auto; border-bottom:1px solid #e2e2e2; font-size:16px; padding-bottom:40px;line-height:1.5;}
.tabCont p.tabContTxt em {color:#27b2a5;}
.riskWrap {padding:60px 0 50px; width:650px; margin:0 auto;}
.riskWrap:after {content:''; display:block; clear:both;}
.riskWrap strong {display:block; text-align:center; font-size:24px; padding-bottom:50px;}
.riskWrap strong em {font-size:30px; color:#f73880;}
.riskCont1 {float:left; margin-left:10px; text-align:center;}
.riskCont2 {float:left; margin-left:58px; text-align:center;}
.riskCont3 {float:left; margin-left:30px; text-align:center;}
.riskWrap > div p {margin-bottom:28px; width:144px; padding:8px 0; background:#27b2a5; text-align:center; color:#fff; font:16px NotoSans_Medium; border-radius:4px;  position:relative; display:inline-block;}
.riskWrap > div p:after {content:''; display:block; background:url('https://image.kebhana.com/cont/common/img/kha/bg_risk_title.png') no-repeat 0 0; width:27px; height:10px; position:absolute; left:50%; bottom:-9px; margin-left:-13px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.riskWrap > div p:after {bottom:-10px;}
}
@-moz-document url-prefix(){
	.riskWrap > div p:after {bottom:-10px;}
}
.riskWrap > .riskCont1 p {margin-bottom:65px;}
.resultWrapTop {width:650px; margin:0 auto; padding:20px 0 50px; text-align:center;}
.resultWrapTop .tit {font-size:24px; color:#222a3b;}

.resultWrap {width:650px; margin:0 auto; border-top:1px solid #e2e2e2; padding:30px 0;}
.resultGroup {margin-bottom:10px;}
.resultGroup:after {content:''; display:block; clear:both;}
.resultInfo {float:left; padding-top:12px;}
.resultInfo strong {font-size:20px; letter-spacing:-1.2px;}
.resultInfo p {font-size:16px; color:#6e7277; margin-top:10px;}
.resultWrapper .resultWrap {padding:0; border-top:2px solid #777;}
.resultWrapper .resultGroup {position:relative; border-bottom:1px solid #e2e2e2; margin-bottom:0; padding:10px 0;}
.resultWrapper .resultInfo {float:none; position:absolute; left:22px; top:50%; max-width:410px; padding-top:0;}
.resultWrapper .resultInfo p {margin-top:0; color:#222a3b; line-height:22px;}
.resultList {float:right; border:1px solid #e2e2e2; background:#f6f6f6; padding:0 15px; width:180px; height:68px; line-height:66px; border-radius:6px;}
.resultList.type2 {text-align:center;}
.resultList.type2 strong {color:#f73880;width:100%;text-align:center;}
.resultList:after {content:''; display:block; clear:both;}
.resultList strong {font:18px NotoSans_Medium; letter-spacing:-1px; float:left; line-height:66px;}
.resultList span {font-size:16px; float:right;}
.resultList strong.khariskTxt01 {color:#f55635;} /*매우높은위험*/
.resultList strong.khariskTxt02 {color:#ff7f21;} /*높은위험*/
.resultList strong.khariskTxt03 {color:#faaf40;} /*다소높은위험*/
.resultList strong.khariskTxt04 {color:#bec96a;} /*보통위험*/
.resultList strong.khariskTxt05 {color:#72b273;} /*낮은위험*/
.resultList strong.khariskTxt06 {color:#56aa61;} /*매우낮은위험*/
.resultRank {float:right; border:1px solid #e2e2e2; background:#f6f6f6; padding:0 15px; width:200px; height:68px; border-radius:6px; text-align:center;}
.resultRank strong {font:24px NotoSans_Medium; line-height:66px; color:#f73880; text-align:center;}
.constWrap {padding:60px 0 50px; width:750px; margin:0 auto;}
.constWrap > div {margin-top:50px;}
.constWrap2 > div {margin-top:0;}
.constWrap:after {content:''; display:block; clear:both;}
.constWrap strong.stTit1 {display:block; text-align:center; font-size:24px;}
.constWrap strong.stTit1 em {font-size:30px; color:#f73880;}
.constWrap strong.stTit2 {text-align:center; font:22px NotoSans_Medium; color:#27b2a5; border-bottom:1px solid #e2e2e2; display:block; padding-bottom:20px;}
.constWrap span.setTxt {font-size:16px; color:#6e7277; display:block; text-align:center; margin-top:15px;}
.constCont1 {float:left; width:345px; height:388px; border:1px solid #e2e2e2; border-radius:6px; padding:20px 20px 30px 20px;}
.constCont1:after {content:''; display:block; clear:both;}
.constWrap strong.stTit {text-align:center; font:24px NotoSans_Medium; color:#27b2a5; border-bottom:1px solid #e2e2e2; display:block; padding-bottom:20px;}
.assetGraph:after {content:''; display:block; clear:both;}
.assetGraph ul {float:left; margin-top:30px;}
.assetGraph li {position:relative; padding:0 0 20px 44px;}
.assetGraph li:before {content:''; display:inline-block; width:35px; height:35px; background:url('https://image.kebhana.com/cont/common/img/kha/icon_cons.png') no-repeat 0 0; position:absolute; top:0; left:0;}
.assetGraph li.icon01:before {background-position:0 0;} /*국내주식(혼합)*/
.assetGraph li.icon02:before {background-position:-35px 0;} /*해외선진주식(혼합)*/
.assetGraph li.icon03:before {background-position:-70px 0;} /*해외이머징주식(혼합)*/
.assetGraph li.icon04:before {background-position:-105px 0;} /*국내채권*/
.assetGraph li.icon05:before {background-position:-140px 0;} /*해외채권*/
.assetGraph dl {font-size:16px; letter-spacing:-1px; height:35px; line-height:33px;}
.assetGraph dl:after {content:''; display:block; clear:both;}
.assetGraph dt {float:left; clear:both;}
.assetGraph dd {float:left; margin-left:7px;}
.assetGraph li.icon01 dd {color:#85c772;}
.assetGraph li.icon02 dd {color:#f27982;}
.assetGraph li.icon03 dd {color:#fdbc76;}
.assetGraph li.icon04 dd {color:#86c8ee;}
.assetGraph li.icon05 dd {color:#c68fe5;}
.assetGraph .graphbarArea {float:right; width:60px; height:250px; margin-top:34px;}
.assetGraph .graphbarArea span {display:block;}
.assetGraph .graphbarArea .vtc-bar01 {background:#85c772;}
.assetGraph .graphbarArea .vtc-bar02 {background:#f27982;}
.assetGraph .graphbarArea .vtc-bar03 {background:#fdbc76;}
.assetGraph .graphbarArea .vtc-bar04 {background:#86c8ee;}
.assetGraph .graphbarArea .vtc-bar05 {background:#c68fe5;}
.constCont2 {float:right; width:385px; height:388px; border:1px solid #e2e2e2; border-radius:6px; padding:24px 15px 30px 16px;}
.constCont2:after {content:''; display:block; clear:both;}
.constCont2 .constDetail {margin-top:60px;}
.constCont2 .constDetail:after {content:''; display:block; clear:both;}
.constCont2 .constDetail > li {float:left; margin-left:20px;}
.constCont2 .constDetail > li:first-child {margin-left:0;}
.titBalloon {width:104px; padding:8px 0; background:#27b2a5; text-align:center; color:#fff; font:16px NotoSans_Medium; border-radius:4px; position:relative; display:inline-block;}
.titBalloon:after {content:''; display:block; background:url('https://image.kebhana.com/cont/common/img/kha/bg_risk_title.png') no-repeat 0 0; width:27px; height:10px; position:absolute; left:50%; bottom:-9px; margin-left:-13px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.titBalloon:after {bottom:-10px;}
}
@-moz-document url-prefix(){
	.titBalloon:after {bottom:-10px;}
}
.titType01 {margin-top:18px; text-align:center; font:20px NotoSans_Medium; color:#555; padding-bottom:0; display:block;}
.constCont2 .constDetail li > ul {padding:20px 10px 0;}
.constCont2 .constDetail li > ul li {padding:8px 0;}
.constCont2 .constDetail li > ul li:first-child {border-bottom:1px solid #e2e2e2;}
.constCont2 .constDetail li > ul li > dl {font-size:16px; letter-spacing:-0.5px;}
.constCont2 .constDetail li > ul li > dl:after {content:''; display:block; clear:both;}
.constCont2 .constDetail li > ul li > dl dt {float:left; clear:both; letter-spacing:-1px;}
.constCont2 .constDetail li > ul li > dl dd {float:right; color:#f73880; letter-spacing:-1px;}
.resultTxtType {text-align:center; padding-bottom:40px;}
.resultTxtType p {font:20px NotoSans_Regular;}
.rateWrap {margin-top:50px;}
.rateWrap ul {text-align:center;}
.rateWrap li {display:inline-block; margin:0 20px;}
.rateWrap li p:first-child {min-width:136px; margin-bottom:20px;}
.ratePlus {font:30px NotoSans_Medium; color:#ff6464;}
.rateMinus {font:30px NotoSans_Medium; color:#27b2a5;}

/*로보개인연금진단*/
.roboMessage02 {width:800px;height:480px;margin-top: 30px;text-align:center;background: url('https://image.kebhana.com/cont/common/img/kha/bg_robo_message02.gif') no-repeat 0 0;}
.roboMessage02 p , .roboMessage02 p span.pointColor{font-family: NotoSans_Regular;line-height: 1.2;}
.roboMessage02 .roboTxt{font-size:21px;color:#000;padding-top: 207px;margin-bottom: 10px;}
.roboboxTxt {border:1px solid #e6e6e6; background:#fff; width:480px; margin:40px auto 0; padding:20px 20px 20px 30px; text-align:left; text-indent:-10px; font-size:14px; color:#6e7277;line-height:1.5 !important;}
.roboboxTxt span {color:#27b2a5;}
.roboboxTxt:before {content:""; display:inline-block; width:10px; height:14px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_dot2.png') 0 center no-repeat; vertical-align: middle;}
.roboMessage03 {width:800px;height:551px;margin-top: 30px;text-align:center;background: url('https://image.kebhana.com/cont/common/img/kha/bg_robo_message03.gif') no-repeat 0 0;}
.roboMessage03 p , .roboMessage03 p span.pointColor{font-family: NotoSans_Regular;line-height: 1.2;}
.roboMessage03 .roboTxt{font-size:21px;color:#000;padding-top: 207px;margin-bottom: 10px;}
.roboTable {width:400px; margin:40px auto 0;}
.roboTable table {width:100%; border-top:2px solid #777; border-bottom:1px solid #e6e6e6;}
.roboTable table thead th {background:#f6f6f6; font-size:16px; color:#222a3b; padding:20px 0; border-bottom:1px solid #e6e6e6; position:relative;}
.roboTable table thead th button.toolTip {position:absolute; bottom:20px; right:45px;}
.roboTable table tbody td {background:#fff; border-left:1px solid #e6e6e6; padding:20px 0; font-size:16px;}
.roboTable table tbody td p {margin-bottom:15px; display:block; color:#222a3b;}
.roboTable table tbody td p.colorTxt01 {color:#18a494;}
.roboTable table tbody td p > span {font-weight:bold; font-size:26px;}
.roboTable table tbody td:first-child {border-left:0;}
.ntype h4 {height:40px !important;}
.tbl_col01.khatbl4 td {height:48px;}

.roboCont > .fl .chartArea {width:170px; padding:0 25px;}

/*다건신규*/

/*공통_2017.12*/
.pop-bottom-btn {overflow:hidden;text-align:center;margin-top:20px;font-size:0;}
.btn-popup{display:inline-block;text-align:center; margin-left:5px;}
.btn-popup:first-child{margin-left:0;}
.btn-popup span{font-family:'NotoSans_Regular';font-size:14px;letter-spacing:-0.4px;}
.btn-popup:hover, .hana-body .btn-popup:focus{text-decoration:none;}
.btn-popup.gray{min-width:118px;padding:0px 10px;height:33px;line-height:30px;background:#6e7277;border:1px solid #6e7277;}
.btn-popup.green{min-width:118px;padding:0px 10px;height:33px;line-height:30px;background:#27b2a5;border:1px solid #27b2a5;color:#fff;}
.btn-popup.gray span, .btn-popup.green span{color:#ffffff;}
.text-icon-check em {color:#27b2a5;}

a:hover,
a:focus {text-decoration:none;}

.banking-row-area .banking-cont a.toggle-write strong {font:20px NotoSans_Medium; color:#222a3b; letter-spacing:-0.7px;}
.khaCont .toggle-info > .theme-area:first-child {margin-top:20px;}
.toggle-info .title-cont {margin-top:60px;}
.toggle-info .banking-cont .title-cont {margin-top:0}

.layerPopup {position:relative;z-index:105;overflow:hidden;border:5px solid #2e9498;width:350px;padding:25px 29px 43px 29px;background:#fff;}
.layerPopup h4 {border-bottom: 2px solid #018085;color:#037b7c;font-size:19px;font-weight:bold;margin:0;padding:0 0 13px;width:100% !important;height:auto;}
.layerPopup .contBox01 {padding:15px 0;}
.layerPopup .contBox01 p {text-align:center;line-height:20px;}
.layerPopup .contBox01 li {font-size:14px;}
.layerPopup .contBox01 .ta_left {text-align:left;}
.layerPopup .contBox02 {padding:15px 0;border:1px solid #dcdcdc;}
.layerPopup .contBox02 p {text-align:left;line-height:20px;}
.layerPopup .tbl_tbldiv {width:100% !important;}
.layerPop.mdPop .contBox01 {border:0;}


.pageGo_pop {padding-top:15px; font-size:14px;}
.pageGo_pop:after {clear:both; display:block; content:"";}
.pageGo_pop a {position:relative; float:left; box-sizing:border-box; width:230px; padding:18px 20px; border-radius:6px; border:1px solid #ddd;}
.pageGo_pop a.pageGo01 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon01.png') no-repeat 145px 64px;}
.pageGo_pop a.pageGo02 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon02.png') no-repeat 145px 64px; margin-left:15px;}
.pageGo_pop a.pageGo03 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_icon03.png') no-repeat 137px 64px; margin-left:15px;}
.pageGo_pop span.btnTit {display:block; font-size:18px; line-height:24px; color:#062926; font-family:"NotoSans_Regular";}
.pageGo_pop span.btnTit:before {content:''; display:block; border:4px solid #36a1c9; width:44px; border-radius:5px; margin-bottom:8px;}
.pageGo_pop span.btnTxtGo {position:relative; display:block; padding-top:28px; font-family:"NotoSans_Regular"; font-size:14px; color:#6e7277;}
.pageGo_pop span.btnTxtGo:after {content:''; display:inline-block; width:7px; height:11px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_arrow06.png') no-repeat 0 0; position:absolute; bottom:3px; left:55px;}
.pageGo_pop a:hover {border:1px solid #36a1c9;}
.pageGo_pop a:hover span.btnTxtGo {color:#36a1c9;}
.pageGo_pop a:hover span.btnTxtGo:after {background-position:0 -11px;}

.tdPointColor {color:#27b2a5;}

/* 보유연금펀드선택 팝업_2017.12 */
.pop_ty01 h4,
.pop_ty02 h4 {font:18px 'NotoSans_Bold'; color:#018085; padding:0 0 10px;}
.pop_ty01 .khaRoutine {width:670px;}
.iconType {position:relative; overflow:hidden; margin:20px 0 10px;}
.iconType:after {content: '';display:block;}
.iconType ul {float:right; overflo:hidden;}
.iconType ul > li {float:left; font:14px NotoSans_Regular; text-align:center; position:relative; height:auto; display:inline-block;}
.iconType ul > li:first-child {margin-right:20px;}
span[class^="icon"] {display:inline-block; vertical-align:middle; font:13px NotoSans_Regular; padding-left:30px; width:auto; height:24px; background-image:url('https://image.kebhana.com/cont/common/img/kha/ico_annuity.png');background-repeat: no-repeat;}
.icon1 {background-position:0 top; color:#69aeff !important;}
.icon2 {background-position:0 bottom; color:#36a1c9 !important;}
/*.riskLine span[class^="icon"] {text-indent:-9999em; display:inline-block; vertical-align:middle;}*/

.tableSelect table {border-top:2px solid #777; width:100%;}
.tableSelect table thead th {font:16px "NotoSans_Regular"; color:#222a3b; background:#f8f8f8; border-left:1px solid #e6e6e6; padding:18px 0; height:auto; font-weight:normal;}
.tableSelect table tbody td {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:18px 5px 18px 0; font:16px "NotoSans_Regular"; color:#222a3b; line-height:20px; word-break:break-all; height:auto;}
.tableSelect table tbody td.txtLeft {text-align:left;}
.tableSelect table tbody td.txtRight {text-align:right;}
.tableSelect table tr:first-child th:first-child,
.tableSelect table td:first-child {border-left:0;}
.tableSelect table td .txtGray,
.tableSelect table td .txtDw,
.tableSelect table td .txtUp {font:normal 18px NotoSans_Medium;}
.accountTxt span {display:inline-block; margin-left:70px; font:13px NotoSans_Regular;}
.numTxt {font:16px NotoSans_Regular;}
.numTxt em{font-size:14px;}
td.noline {border-left:0 !important;}

.tableSelect table tbody td.pdHistory {padding:0; border-bottom:0;}
.tableSelect table td > .tableLayout {background:#f8f8f8; border:1px solid #e1e1e1; border-top:0; border-bottom:0;}
.tableSelect table td > .tableLayout > div {padding:0 10px; display:none; border-bottom:1px solid #e1e1e1;}
.tableSelect table td > .tableLayout > div.active {display:block;}
.tableSelect table td > .tableLayout table {table-layout:fixed; width:100%; padding:0; border-top:0;}
.tableSelect table td > .tableLayout td {border:0; border-top:1px solid #e1e1e1;}
.tableSelect table td > .tableLayout td.txtLeft {padding-left:42px;}
.tableSelect table td > .tableLayout td .proTit {margin-top:0;}
.tableSelect table td > .tableLayout td .txtDw,
.tableSelect table td > .tableLayout td .txtUp {font:normal 16px NotoSans_Medium;}
.tableSelect table td > .tableLayout tr:first-child td {border-top:0;}
.tableSelect table td > a {display:inline-block; margin-bottom:10px; /*margin-top:-1px;*/ padding:0 20px; text-align:center; height:33px; border:1px solid #e1e1e1; border-top:0; border-radius:0 0 10px 10px; background:#fff;}
.tableSelect table td > a span {display:inline-block; line-height:33px; padding-right:19px; font-family:"NotoSans_Regular"; font-size:14px; background:url('https://image.kebhana.com/cont/common/img/kha/bul_arrow_off.png') no-repeat right center}
.tableSelect table td > a.on span {color:#27b2a5; background-image:url('https://image.kebhana.com/cont/common/img/kha/bul_arrow_on.png');}

.khacomHead li {font:16px NotoSans_Regular; color:#222a3b;}
.khapopWrap .checkType .checkCompare{position:static;width:17px;height: 17px;text-indent:-9999em;}
.khapopWrap .checkType input[type="checkbox"] + label{display:inline-block;vertical-align: top;width:17px;height: 17px;}
.khapopWrap .checkType input[type="checkbox"]{position: absolute;z-index: 10;filter:alpha(opacity=0);opacity: 0;}
.khapopWrap .checkType 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_checkbox02.png') no-repeat;background-position: left top;}
.khapopWrap .checkType input[type="checkbox"] + label.checkCompare.on{background-position: left -17px;}
.khapopWrap .checkType input[type="checkbox"] + label.checkCompare.disabled{background-position: left -34px;}
.khapopWrap .checkType input[type="checkbox"] + label.checkCompare.nochk{background-position: left bottom;}

.khacomList li {position:relative; overflow:hidden;}
.khacomList li > div.disblock {position:absolute; width:100%; display:table; top:110px; left:0; border:1px solid red;}

.btnMore {width:700px;}
.btnMore a {display:block; text-align:center; vertical-align:middle; padding:20px 0; font:16px NotoSans_Regular;}
.btnMore a:after {content:''; display:inline-block; width:10px; height:10px; background:url('https://image.kebhana.com/cont/common/img/kha/bg_btn_more.png') no-repeat 0 0; margin-left:10px;}
.btnMore a:hover {text-decoration:none;}

/*FAQ*/
.khafaqmenuBox .banking-tabmenu{margin-bottom: 20px;}
.khafaqmenuBox .mypetyTabsN li{width:155px;}

/*2018/01*/
.pop_ty01.w820 {width:820px !important}
.pop_ty01.w820 .hana_unit,
.pop_ty01.w820 .btn_ex01 {width:820px;}
.pop_ty01.w350 {width:350px !important}
.pop_ty01.pop_ty14{width:720px;}

.khaWrap .pop_ty01.w820 .pop_cont .div_left2 h5 + .tbldiv {width:100% !important;}
.khaWrap .pop_ty01.w820 .pop_cont .tbl_div.boxdiv h5 + .tbldiv {width:260px !important;}

.txtL {text-align:left !important;}
.uibtn-1.disabled {filter:alpha(opacity=40); opacity:0.4;}
.inner-won-wrap .unit {line-height:20px;}
.des-text {padding-bottom:8px; color:#6e7277; font-size:16px;}
.des-text.type2 {padding-left:10px;text-indent:-10px;line-height:1.5;}
.transf-notice.type-space {margin-top:30px;}

.khaCont .theme-area + .banking-row-area {margin-top:40px;} /* 02/01 재정의 */
.khaCont .theme-area + .banking-cont {margin-top:45px;}
.khaCont .banking-row-area .banking-wrap:first-child {margin-top:0;}
.khaCont .banking-row-area .banking-cont.nothead table td.sum {padding-right:54px;}
.khaCont .banking-wrap .title-cont .check-style-type {top:-3px; margin-left:10px;}
.khaCont .banking-cont.nothead table.display-table {border-top:0 none;}
.khaCont .banking-wrap table.info-table tbody td.td-sum .selectType,
.khaCont .banking-wrap table.info-table tbody td.td-sum .barter {margin-bottom:10px;}

.banking-row-area .banking-cont.nothead table td.c-text {text-align:center;}
.banking-row-area .banking-cont td .check-style-type.flNone {float:none; display:block; margin-top:16px}

.step-row-box {margin:12px 0 30px; padding:45px 90px; border:1px solid #e6e6e6; background:#f8f8f8;}
.step-row-box ol li {position:relative; font-size:0;}
.step-row-box ol li + li {margin-top:41px;}
.step-row-box ol li + li:before {content:""; position:absolute; left:73px; top:-31px; display:block; width:36px; height:21px; background:url('https://image.kebhana.com/cont/common/img/kha/bul_down2.png') no-repeat;}
.step-row-box .step-tit {display:inline-block; margin-left:40px; line-height:30px; vertical-align:middle; color:#637079; font-family:"NotoSans_Regular";  font-size:16px;}
.step-row-box .step-num {display:inline-block; width:180px; height:60px; line-height:56px; vertical-align:middle; text-align:center; color:#666; font-family:"NotoSans_Regular";  font-size:15px; border:2px solid #ddd; border-radius:15px; background:#fff;} 
.step-row-box ol li.active .step-num {color:#27b2a5; border-color:#27b2a5;}

.hana-body #HANA_CONTENTS_DIV .khaCont .inputbox-type[readonly],
.hana-body #HANA_CONTENTS_DIV .khaCont .inputbox-type[readonly].valIn,
.hana-body #HANA_CONTENTS_DIV .khaCont .inputbox-type[readonly].valIn2 {text-align:right; color:#8f8f8f !important; border:1px solid #ccc !important; background:#f6f6f6 !important}

.hana-body #HANA_CONTENTS_DIV .khaCont .result-row .inputbox-type[readonly], 
.hana-body #HANA_CONTENTS_DIV .khaCont .result-row .inputbox-type[readonly].valIn,
.hana-body #HANA_CONTENTS_DIV .khaCont .result-row .inputbox-type[readonly].valIn2 {color:#222a3b !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .result-row .unit.disabled {color:#222a3b;}
.hana-body #HANA_CONTENTS_DIV .khaCont .result-row .textRed, 
.hana-body #HANA_CONTENTS_DIV .khaCont .result-row .textRed input[type="text"].inputbox-type, .textRed em {color:#f13c42 !important;}
.hana-body #HANA_CONTENTS_DIV .khaCont .info-table .result-row td {padding:15px 3px; text-align:center; border-left:1px solid #e6e6e6 !important; background:#ecf4f7;}
.hana-body #HANA_CONTENTS_DIV .khaCont .info-table .result-row td:first-child {border-left:0 !important;}

.khaCont .banking-row-area .banking-cont td .radio-wrap.with-btn .radio-style-type {float:none; display:inline-block; vertical-align:middle;}
.khaCont .banking-row-area .banking-cont td .radio-wrap.with-btn .btn_wrap {display:inline-block; height:32px; margin-left:30px; vertical-align:middle;}
.invest-info {position:absolute; right:12px; bottom:15px; color:#6e7277; font-size:14px; letter-spacing:-0.5px;}


/* 하이 로보 메인 */
.hai-title-box {box-sizing:border-box; height:540px; padding-top:15px; text-align:center; color:#fff; letter-spacing:-0.5px; background:#69aeff;}
.hai-title-inner {position:relative; width:1110px; margin:0 auto;}
.hai-title-box .hai-txt {display:block; margin-bottom:15px; line-height:28px; color:#fff; font-family:"NotoSans_Regular"; font-weight:normal; font-size:26px;}
.hai-title-box .hai-title {line-height:50px; font-family:"NotoSans_Regular"; color:#fff; font-size:38px; font-weight:normal;letter-spacing: -3px;}
.locateNew_wrap {width:100%;margin:0 auto;background:#69aeff;}
.hana-body #wrap .locateNew_wrap .locateNew {width:1210px;padding-right:120px;padding-bottom:0px;margin:0 auto;}
.hai-cont {position: relative;overflow: hidden;}
.hai-cont .slick-list {height:484px;}
.hai-cont.on,
.hai-cont.on .slick-list {height:404px;}
.hai-cont .slide-wrap {padding-left:81px;}
/* ie8 전용 */
.ie8 .hai-cont,
.ie8 .hai-cont .slick-list,
.ie8 .hai-cont .slide-menu .sub-hai-cont .click-box,
.ie8 .hai-cont .slide-menu {height:484px;}
.ie8 .hai-cont.on,
.ie8 .hai-cont.on .slick-list,
.ie8 .hai-cont.on .slide-menu .sub-hai-cont .click-box,
.ie8 .hai-cont.on .slide-menu {height:374px;}
.ie8 .hai-cont.on .slide-menu .sub-hai-cont {background-position:85% 85%;}
.ie8 .hai-cont.on .slide-menu .sub-hai-cont .menu-list {top:175px;}
 
.hai-cont .slide-menu .sub-hai-cont {position:relative; display:table-cell;}
.hai-cont .slide-menu .sub-hai-cont .click-box {display:block; box-sizing:border-box; height:484px; padding:45px 25px 0 40px;} 

.hai-cont .slide-menu .sub-hai-cont .menu-tit {display:block; line-height:1.2; font-family:"NotoSans_Regular"; font-size:32px; font-weight:normal; letter-spacing:-0.5px;}
.hai-cont .slide-menu .sub-hai-cont .menu-des {display:block; margin-top:12px; line-height:24px; font-family:"NotoSans_Regular"; font-size:18px; letter-spacing:-0.6px;}

.hai-cont .slide-menu .sub-hai-cont .menu-list {display:none; position:absolute; top:232px; left:0; width:100%; font-size:0;}
.hai-cont .slide-menu .sub-hai-cont .menu-list a {display:inline-block; box-sizing:border-box; height:140px; padding-top:112px; vertical-align:top; text-align:center; border-left:2px solid #ddd;}
.hai-cont .slide-menu .sub-hai-cont .menu-list a:first-child {border-left:0 none;}
.hai-cont .slide-menu .sub-hai-cont .menu-list a span {display:inline-block; line-height:1.2; font-family:"NotoSans_Regular"; font-size:18px; letter-spacing:-0.5px;}

.hai-cont .slide-menu.col2 .sub-hai-cont {width:50%;}
.hai-cont .slide-menu.col2 .sub-hai-cont .menu-list a {width:33.4%}
.hai-cont .slide-menu.col2 .sub-hai-cont .menu-list:fisrt-child a {width:33.4%;} 
.hai-cont .slide-menu.col3 .sub-hai-cont {width:33.4%;}
.hai-cont .slide-menu.col3 .sub-hai-cont:first-child {width:33.4%;}
.hai-cont .slide-menu.col3 .sub-hai-cont .menu-list a {width:50%;}

.hai-cont .slide-menu .sub-hai-cont.type01 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu01.png') no-repeat 80% 314px; background-color:#ebeeee;}
.hai-cont .slide-menu .sub-hai-cont.type01 .menu-tit {color:#000;}
.hai-cont .slide-menu .sub-hai-cont.type01 .menu-des {color:#8e9796;}

.hai-cont .slide-menu .sub-hai-cont.type02 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu02.png') no-repeat 80% 314px; background-color:#ff9800;}
.hai-cont .slide-menu .sub-hai-cont.type02 .menu-tit {color:#fff;}
.hai-cont .slide-menu .sub-hai-cont.type02 .menu-des {color:#fff;}

.hai-cont .slide-menu .sub-hai-cont.type03 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu03.png') no-repeat 85% 308px; background-color:#ebeeee;}
.hai-cont .slide-menu .sub-hai-cont.type03 .menu-tit {color:#000;}
.hai-cont .slide-menu .sub-hai-cont.type03 .menu-des {color:#8e9796;}
.hai-cont .slide-menu .sub-hai-cont.type03 .menu-list a {color:#8e9796; border-color:#ddd;}
.hai-cont .slide-menu .sub-hai-cont.type03 .menu-list .type03-01 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu10.png') no-repeat center 4px}
.hai-cont .slide-menu .sub-hai-cont.type03 .menu-list .type03-02 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu11.png') no-repeat center 9px}
.hai-cont .slide-menu .sub-hai-cont.type03 .menu-list .type03-03 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu12.png') no-repeat center 13px}

.hai-cont .slide-menu .sub-hai-cont.type04 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu04.png') no-repeat 85% 308px; background-color:#36a1c9;}
.hai-cont .slide-menu .sub-hai-cont.type04 .menu-tit {color:#fff;}
.hai-cont .slide-menu .sub-hai-cont.type04 .menu-des {color:#fff;}
.hai-cont .slide-menu .sub-hai-cont.type04 .menu-list a {color:#fff; border-color:#86c7df;}

.hai-cont .slide-menu .sub-hai-cont.type05 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu05.png') no-repeat 90% 306px; background-color:#ebeeee;}
.hai-cont .slide-menu .sub-hai-cont.type05 .menu-tit {color:#000;}
.hai-cont .slide-menu .sub-hai-cont.type05 .menu-des {color:#8e9796;}

.hai-cont .slide-menu .sub-hai-cont.type06 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu06.png') no-repeat 90% 306px; background-color:#27b2a5;}
.hai-cont .slide-menu .sub-hai-cont.type06 .menu-tit {color:#fff;}
.hai-cont .slide-menu .sub-hai-cont.type06 .menu-des {color:#fff;}

.hai-cont .slide-menu .sub-hai-cont.type07 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu07.png') no-repeat 90% 308px; background-color:#ebeeee;}
.hai-cont .slide-menu .sub-hai-cont.type07 .menu-tit {color:#000;}
.hai-cont .slide-menu .sub-hai-cont.type07 .menu-des {color:#8e9796;}
.hai-cont .slide-menu .sub-hai-cont.type07 .menu-list a {color:#8e9796; border-color:#ddd;}
.hai-cont .slide-menu .sub-hai-cont.type07 .menu-list .type07-01 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu13.png') no-repeat center 19px}
.hai-cont .slide-menu .sub-hai-cont.type07 .menu-list .type07-02 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu14.png') no-repeat center 22px}

.hai-cont .slide-menu .sub-hai-cont.type08 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu08.png') no-repeat 90% 323px; background-color:#ff6640;}
.hai-cont .slide-menu .sub-hai-cont.type08 .menu-tit {color:#fff;}
.hai-cont .slide-menu .sub-hai-cont.type08 .menu-des {color:#fff;}

.hai-cont .slide-menu .sub-hai-cont.type09 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu09.png') no-repeat 90% 308px; background-color:#ebeeee;}
.hai-cont .slide-menu .sub-hai-cont.type09 .menu-tit {color:#000;}
.hai-cont .slide-menu .sub-hai-cont.type09 .menu-des {color:#8e9796;}
.hai-cont .slide-menu .sub-hai-cont.type09 .menu-list a {color:#8e9796; border-color:#ddd;}
.hai-cont .slide-menu .sub-hai-cont.type09 .menu-list .type09-01 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu15.png') no-repeat center 9px}
.hai-cont .slide-menu .sub-hai-cont.type09 .menu-list .type09-02 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_menu16.png') no-repeat center 9px}

.hai-cont .slide-menu .sub-hai-cont.active {background-image:none;}
.hai-cont .slide-menu .sub-hai-cont.active .menu-list {display:block;}

.shortcut-box {width:1110px; margin:50px auto 0; font-size:0;}
.shortcut-box ul {font-size:0;}
.shortcut-box ul li {display:inline-block; box-sizing:border-box; width:20%; vertical-align:top; border-left:1px solid #ebeeee;}
.shortcut-box ul li:first-child {border-left:0 none;}
.shortcut-box a {display:block; box-sizing:border-box; height:130px; padding-top:85px; text-align:center;}
.shortcut-box a:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.shortcut-box a:hover,
.shortcut-box a:focus {transform:scale(1.13); -webkit-transform:scale(1.13); transition:transform .3s cubic-bezier(0.345, 0.125, 0.200, 1.540); -webkit-transition:transform .3s cubic-bezier(0.345, 0.125, 0.200, 1.540);}
.shortcut-box a span {display:inline-block; line-height:1.2; vertical-align:middle; color:#8e9796; font-family:"NotoSans_Regular"; font-size:18px; letter-spacing:-0.5px; }
.shortcut-box a:hover span,
.shortcut-box a:focus span {text-decoration:underline;}
.shortcut-box .shortcut01 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_shortcut01.png') no-repeat center 21px;}
.shortcut-box .shortcut02 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_shortcut02.png') no-repeat center 24px;}
.shortcut-box .shortcut03 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_shortcut03.png') no-repeat center 20px;}
.shortcut-box .shortcut04 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_shortcut04.png') no-repeat center 23px;}
.shortcut-box .shortcut05 {background:url('https://image.kebhana.com/cont/common/img/kha/bg_shortcut05.png') no-repeat center 22px;}

.info-box {width:1100px; margin:80px auto 0;}
.link-schedule {position:absolute; bottom:2px; right:0; width:122px; height:38px; text-align:center; background:url('https://image.kebhana.com/cont/common/img/kha/bg_timeinfo_txt.png') no-repeat 0 0;}
@media \0screen{ .link-schedule {bottom:4px;} }
.link-schedule >a {height:38px; padding:0; font-size:16px; outline:none;}
.link-schedule >a:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.link-schedule >a >span {color:#fff; font-family:"NotoSans_Regular";}
.info-box .info-tab {padding:0 17px; border-bottom:2px solid #008486;}
.info-box .info-tab:after {clear:both; display:block; content:"";}
.info-box .info-tab li {float:left; box-sizing:border-box; width:50%; border:2px solid #e6e9e9; border-bottom:0;}
.info-box .info-tab li:first-child {border-left:2px solid #e6e9e9;}
.info-box .info-tab li a {display:block; position:relative; height:51px; line-height:51px; text-align:center; font-size:0;}
.info-box .info-tab li a:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.info-box .info-tab li a:after {display:none; position:absolute; left:50%; margin-left:-20.5px; top:44px; content:""; width:41px; height:9px; background:url('https://image.kebhana.com/cont/common/img/kha/bul_arrow_on03.png') no-repeat 0 0;}
.info-box .info-tab li a:hover span,
.info-box .info-tab li a:focus span {text-decoration:underline}
.info-box .info-tab li span {display:inline-block; line-height:20px; vertical-align:middle; color:#062925; font-family:"NotoSans_Regular"; font-size:18px; letter-spacing:-0.25px;}
.info-box .info-tab li .info-tab-btn {}
.info-box .info-tab li.active {border:0; border-bottom:2px solid #28b2a5;}
.info-box .info-tab li.active .info-tab-btn {background:#28b2a5;}
.info-box .info-tab li.active .info-tab-btn span {color:#fff;}
.info-box .info-tab li.active a:after {display:block;}

.info-box .info-tab-cont {display:none; margin:0 17px; text-indent:-9999px; overflow:hidden;position:relative;}
.info-box .info-tab-cont * {display:block; margin:0; padding:0; border:0 none; background:none;}
.info-box .info-tab-cont.active {display:block;}

.hai-info01 {height:2728px; overflow:hidden; background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_info_01.png') no-repeat;}
.hai-info02 {height:3173px; overflow:hidden; background:url('https://image.kebhana.com/cont/common/img/kha/bg_hai_info_02.png') no-repeat;}

/* 1/23 */
.transf-notice > strong {font-weight:normal;}
.popInfoBox.renew {margin:10px 0 0;padding:27px 22px 27px 30px;background:#f8f8f8;}
.popInfoBox.renew ul > li {margin:8px 0 0;}
.popInfoBox.renew ul > li:first-child {margin:0;}
/* 1/24 */
/* reset :: placeholder */
.placeholder { color:#afafaf !important; } 
::placeholder { color:#afafaf !important; } 
::-webkit-input-placeholder { color:#afafaf !important; } /* Chrome/Opera/Safari */ 
::-moz-placeholder { color:#afafaf !important; } /* Firefox 19+ */
:-ms-input-placeholder { color:#afafaf !important; } /* IE 10+ */
:-moz-placeholder {	color:#afafaf !important; } /* Firefox 18- */
/* //reset user agent */
/* 1/25 재정의 (font는 notosans상속해제) */
input[type=text], input[type=password] {padding-top:0px}
.khaCont.prevfont .subTitle,
.khaCont.prevfont .subTitle *,
.khaCont.prevfont .subTitle + p,
.khaCont.prevfont .tbldiv + p,
.khaCont.prevfont .tbldiv table th,
.khaCont.prevfont .tbldiv table th *,
.khaCont.prevfont .tbldiv table td,
.khaCont.prevfont .tbldiv table td *,
.khaCont.prevfont .noti,
.khaCont.prevfont .noti *,
.khaCont.prevfont .ta_cen,
.khaCont.prevfont .info03 *,
.khaCont.prevfont .lst_01,
.khaCont.prevfont .lst_01 *,
.khaCont.prevfont .f_btn *,
.khaCont.prevfont .tbl_top *,
.khaCont.prevfont .tbl_btnTop02,
.khaCont.prevfont .tbl_btnTop02 *,
.khaCont.prevfont .policies_box *,
.khaCont.prevfont .khaRoutine .liType1 li,
.khaCont.prevfont .khaRoutine .liType1 li *,
.khaCont.prevfont .inqueryBox *,
.khaCont.prevfont .info01 *,
.khaCont.prevfont .khaproGress .progTit,
.khaCont.prevfont .khaproGress .progTxt,
.khaCont.prevfont .khaproGress .progTxt *,
.khaCont.prevfont .btn_right * {font-family:'돋움',dotum;}
/* 1/26 */
.banking-wrap table.info-table tr td.nodata {padding:20px 0;}
/* 1/30 */
.hana-body .check-style-type.disabled .check,
.hana-body .check-style-type.disabled .inpck + label + .check {background:url('https://image.kebhana.com/cont/common/img/kha/bul-checkbox-disabled.png') no-repeat 0 0; background-size:100% 100%;}
/* 1/31 */
.mt55 {margin-top:55px !important;} /* 1/31 재정의 */
.mt-10 {margin-top:-10px !important;}
.pop_ty01 * {font-family:NotoSans_Regular;}
.hana-body .investMent {margin-top:0;}
 /* 02/01 */
.pop_cont {outline:none;} /* 크롬본연의 속성제거 */
.banking-content .theme-area.fr-btn .btn-type {float:right;}
.banking-content .theme-area.fr-btn:after {display:block;content:"";clear:both;}
.transf-notice {margin-top:60px;} /* 재정의 */
.banking-row-area {margin-top:60px;} /* 재정의 */
.banking-content .notice-result {margin-bottom:30px;} /* 재정의 */
#contents.hana-contents .pageTitle {margin-bottom:30px;} /* 재정의 */
/* 02/05 */
.invertNumList .innerBox {float:right;} /* 재정의 */
/* 02/07 */
.alignRenewal .label_status label {position:relative; top:-2px; margin-left:2px;}
.alignRenewal table td label {margin-left:2px;}
@media \0screen { .alignRenewal table td label {top:1px;} }
.hana-body .radio-style-type .check {top:2px;} /* 재정의 */
.hana-body .radio-style-type input[disabled].inpck + label + .check {background:url('https://image.kebhana.com/cont/common/img/kha/bul-radio-disabled.png') 0 0 no-repeat;background-size:100% 100%;}
.hana-body .radio-style-type input[disabled] + label + .check {background:url('https://image.kebhana.com/cont/common/img/kha/bul-radio-disabled-noncheck.png') 0 0 no-repeat;background-size:100% 100%;}

/* 02/28 */
.note_box {text-indent:0;background:#d4dcdd !important;position:absolute;left:0;right:0;margin:0 50px !important;bottom:63px;height:460px;}
.note_box .middle {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 50px;}
.note_box strong {font-size:24px;color:#008c8c;font-family:"NotoSans_Regular";margin-bottom:30px !important;letter-spacing:-0.5px;}
.note_box ul li {font-size:18px;color:#3c3c3c;font-family:"NotoSans_Regular";margin-top:10px !important;line-height:1.8;letter-spacing:-0.5px;}
.note_box ul li:first-child {margin-top:0;}

/* 03/02 */
.ie8Box {top:45px !important;height:auto !important;padding:70px 10px !important;}



@media (max-height:684px) {
	.hai-title-box {padding-top:18px;}
	.hai-title-box .hai-txt {margin-bottom:7px; font-size:22px;}
	.hai-title-box .hai-title {font-size:28px;}
	
	.hai-cont {height:404px; margin-top:-430px;}
	.hai-cont .slide-menu {height:404px;}
	.hai-cont .slide-menu .sub-hai-cont .click-box {height:404px; padding:45px 25px 0 40px;} 
	
	.hai-cont .slide-menu .sub-hai-cont.type01 {background-position-y:244px;}
	.hai-cont .slide-menu .sub-hai-cont.type02 {background-position-y:244px;}
	.hai-cont .slide-menu .sub-hai-cont.type03 {background-position-y:238px;}
	.hai-cont .slide-menu .sub-hai-cont.type04 {background-position-y:238px;}
	.hai-cont .slide-menu .sub-hai-cont.type05 {background-position-y:236px;}
	.hai-cont .slide-menu .sub-hai-cont.type06 {background-position-y:236px;}
	.hai-cont .slide-menu .sub-hai-cont.type07 {background-position-y:238px;}
	.hai-cont .slide-menu .sub-hai-cont.type08 {background-position-y:261px;}
	.hai-cont .slide-menu .sub-hai-cont.type09 {background-position-y:238px;}
	.hai-cont .slide-menu .sub-hai-cont .menu-list {top:162px;}
	
	.shortcut-box {margin-top:115px;}

}

/* 200428 접근성관련 수정 */
.hai-cont .slide-wrap {padding-left: 80px;background: #eee;}
.hai-cont .slick-dots {width: 80px;z-index: 2;}
.slick-list {z-index: 1;}
.hai-cont .slick-dots li.slick-active button:after {right: -1px;}
.surveyQue {position: relative;z-index: 1;padding: 25px 39px 20px 39px;}
.surveyQue div > ul {overflow: visible;}
.surveyQue div {display: inline-block;}
.surveyQue div.btn_cen {display: block;}
.khaCont .investBox label + input[type="radio"], .surveyQue label + input[type="radio"], .pensionSel .indivIdual label + input[type="radio"], .surveyType06 li label + input[type="radio"] {width: 100%;height: 100%;}
.khaCont .investBox label + input[type="radio"]:focus, .surveyQue label + input[type="radio"]:focus, .pensionSel .indivIdual label + input[type="radio"]:focus, .surveyType06 li label + input[type="radio"]:focus {outline:3px solid #18a494;}
.slide-menu {width:1030px;}

.hana-body #container.hai-main {width:100%; padding:0;}
.hai-main .hana-contents {float:none; width:100%; margin-left:0;}
.hai-content {width: 1110px;margin: -400px auto 0;}
.hai-carousel {position:relative;}
.hai-carousel:after {display:block;content:'';clear:both;}

.hai-carousel .slick-slider {position:relative;overflow:hidden;}
.hai-carousel .slick-list {float:right;width:1030px;overflow:visible;z-index:1;}
.hai-carousel .slick-list .slick-track > .slide-menu {margin-bottom: 50px;display: table;table-layout: fixed;}
.hai-carousel .slick-vertical .slick-slide {border: 0;}

.hai-cont .slick-dots {height:484px;width:81px;overflow:hidden;float:left;background:#fff;}
.hai-cont .slick-dots li {display:table;width:100%;float:none;margin:0;position:relative;height:25%;table-layout:fixed;}
.hai-cont .slick-dots li button {overflow:hidden;font-family:'NotoSans_Regular';font-size:18px;position:relative;color:#637079;text-decoration:none;vertical-align:middle;text-align:center;display:table-cell;border:1px solid #ebeeee; border-top:none;border-right:none;}
.hai-cont .slick-dots li:first-child button {border-top:1px solid #ebeeee;}
.hai-cont .slick-dots li button:after {content:""; display:block; width:0; height:0; position:absolute; top:0; right:0;display:none;}
.hai-cont .slick-dots li.slick-active button:after {content:""; display:block; width:3px; height:100%; position:absolute; top:0; right:0;}
.hai-cont .slick-dots li.slick-active .slide-0 {color:#ff9800;}
.hai-cont .slick-dots li.slick-active .slide-1 {color:#36a1c9;}
.hai-cont .slick-dots li.slick-active .slide-2 {color:#27b2a5;}
.hai-cont .slick-dots li.slick-active .slide-3 {color:#ff6640;}
.hai-cont .slick-dots li.slick-active .slide-0:after {background:#ff9800;}
.hai-cont .slick-dots li.slick-active .slide-1:after {background:#36a1c9;}
.hai-cont .slick-dots li.slick-active .slide-2:after {background:#27b2a5;}
.hai-cont .slick-dots li.slick-active .slide-3:after {background:#ff6640;}
.hana-body #container.hai-carousel * {box-sizing: border-box;}
.link-schedule a:focus {text-decoration:underline;color:#fff;}
.investNumBox .investNum dd {min-width:260px;}
.investNumBox .investNum dd .btnAdd {margin-right:20px;margin-left:20px;}
.lstinvestNumBox .investNum .btnsmGreen {margin-left:60px;}

.photoChartList li div a {display: inline-block;font:14px/1.2 NotoSans_Regular;color:#000;overflow:hidden;z-index:1;}
.photoChartList li div a: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 div a.bgnone:before {background: transparent;width: 0px;height:0;}
.roboCont > .fr .photoChartList li div a {font-size: 16px;}
.photoChartBox .toolTipBox {display: none;z-index:2;position: absolute;top:0;right:0;}
.photoChartBox .toolTipBox:focus {display: block;}
.photoChartList li div a:hover + .toolTipBox,
.photoChartList li div a:focus + .toolTipBox {position: absolute;display: block;top:45px;z-index: 1000 !important;}
.photoChartList li.comImg01 div a:hover + .toolTipBox,
.photoChartList li.comImg01 div a:focus + .toolTipBox {top:45px;right:10px;}
.photoChartList li.comImg02 div a:hover + .toolTipBox,
.photoChartList li.comImg02 div a:focus + .toolTipBox {top:75px;right:-75px;}
.photoChartList li.comImg03 div a:hover + .toolTipBox,
.photoChartList li.comImg03 div a:focus + .toolTipBox {top:145px;right:10px;}
.photoChartList li.comImg04 div a:hover + .toolTipBox,
.photoChartList li.comImg04 div a:focus + .toolTipBox {top:145px;right:-100px;}